ancient-css/src/properties/transform.css

ANCIENT-CSS A CSS utility library

.transform {
  --rotate: 0deg;
  --scaleX: 1;
  --scaleY: 1;
  --translateX: 0;
  --translateY: 0;
  transform: rotate(var(--rotate)) scaleX(var(--scaleX)) scaleY(var(--scaleY)) translateX(var(--translateX)) translateY(var(--translateY));
}

.rotate-1 {
  --rotate: 1deg;
}

.hover\:rotate-1:hover {
  --rotate: 1deg;
}

.focus\:rotate-1:focus {
  --rotate: 1deg;
}

.focus-within\:rotate-1:focus-within {
  --rotate: 1deg;
}

.active\:rotate-1:active {
  --rotate: 1deg;
}

.rotate-2 {
  --rotate: 2deg;
}

.hover\:rotate-2:hover {
  --rotate: 2deg;
}

.focus\:rotate-2:focus {
  --rotate: 2deg;
}

.focus-within\:rotate-2:focus-within {
  --rotate: 2deg;
}

.active\:rotate-2:active {
  --rotate: 2deg;
}

.rotate-3 {
  --rotate: 3deg;
}

.hover\:rotate-3:hover {
  --rotate: 3deg;
}

.focus\:rotate-3:focus {
  --rotate: 3deg;
}

.focus-within\:rotate-3:focus-within {
  --rotate: 3deg;
}

.active\:rotate-3:active {
  --rotate: 3deg;
}

.rotate-4 {
  --rotate: 4deg;
}

.hover\:rotate-4:hover {
  --rotate: 4deg;
}

.focus\:rotate-4:focus {
  --rotate: 4deg;
}

.focus-within\:rotate-4:focus-within {
  --rotate: 4deg;
}

.active\:rotate-4:active {
  --rotate: 4deg;
}

.rotate-15 {
  --rotate: 15deg;
}

.hover\:rotate-15:hover {
  --rotate: 15deg;
}

.focus\:rotate-15:focus {
  --rotate: 15deg;
}

.focus-within\:rotate-15:focus-within {
  --rotate: 15deg;
}

.active\:rotate-15:active {
  --rotate: 15deg;
}

.rotate-30 {
  --rotate: 30deg;
}

.hover\:rotate-30:hover {
  --rotate: 30deg;
}

.focus\:rotate-30:focus {
  --rotate: 30deg;
}

.focus-within\:rotate-30:focus-within {
  --rotate: 30deg;
}

.active\:rotate-30:active {
  --rotate: 30deg;
}

.rotate-45 {
  --rotate: 45deg;
}

.hover\:rotate-45:hover {
  --rotate: 45deg;
}

.focus\:rotate-45:focus {
  --rotate: 45deg;
}

.focus-within\:rotate-45:focus-within {
  --rotate: 45deg;
}

.active\:rotate-45:active {
  --rotate: 45deg;
}

.rotate-60 {
  --rotate: 60deg;
}

.hover\:rotate-60:hover {
  --rotate: 60deg;
}

.focus\:rotate-60:focus {
  --rotate: 60deg;
}

.focus-within\:rotate-60:focus-within {
  --rotate: 60deg;
}

.active\:rotate-60:active {
  --rotate: 60deg;
}

.rotate-75 {
  --rotate: 75deg;
}

.hover\:rotate-75:hover {
  --rotate: 75deg;
}

.focus\:rotate-75:focus {
  --rotate: 75deg;
}

.focus-within\:rotate-75:focus-within {
  --rotate: 75deg;
}

.active\:rotate-75:active {
  --rotate: 75deg;
}

.rotate-90 {
  --rotate: 90deg;
}

.hover\:rotate-90:hover {
  --rotate: 90deg;
}

.focus\:rotate-90:focus {
  --rotate: 90deg;
}

.focus-within\:rotate-90:focus-within {
  --rotate: 90deg;
}

.active\:rotate-90:active {
  --rotate: 90deg;
}

.-rotate-1 {
  --rotate: -1deg;
}

.hover\:-rotate-1:hover {
  --rotate: -1deg;
}

.focus\:-rotate-1:focus {
  --rotate: -1deg;
}

.focus-within\:-rotate-1:focus-within {
  --rotate: -1deg;
}

.active\:-rotate-1:active {
  --rotate: -1deg;
}

.-rotate-2 {
  --rotate: -2deg;
}

.hover\:-rotate-2:hover {
  --rotate: -2deg;
}

.focus\:-rotate-2:focus {
  --rotate: -2deg;
}

.focus-within\:-rotate-2:focus-within {
  --rotate: -2deg;
}

.active\:-rotate-2:active {
  --rotate: -2deg;
}

.-rotate-3 {
  --rotate: -3deg;
}

.hover\:-rotate-3:hover {
  --rotate: -3deg;
}

.focus\:-rotate-3:focus {
  --rotate: -3deg;
}

.focus-within\:-rotate-3:focus-within {
  --rotate: -3deg;
}

.active\:-rotate-3:active {
  --rotate: -3deg;
}

.-rotate-4 {
  --rotate: -4deg;
}

.hover\:-rotate-4:hover {
  --rotate: -4deg;
}

.focus\:-rotate-4:focus {
  --rotate: -4deg;
}

.focus-within\:-rotate-4:focus-within {
  --rotate: -4deg;
}

.active\:-rotate-4:active {
  --rotate: -4deg;
}

.-rotate-15 {
  --rotate: -15deg;
}

.hover\:-rotate-15:hover {
  --rotate: -15deg;
}

.focus\:-rotate-15:focus {
  --rotate: -15deg;
}

.focus-within\:-rotate-15:focus-within {
  --rotate: -15deg;
}

.active\:-rotate-15:active {
  --rotate: -15deg;
}

.-rotate-30 {
  --rotate: -30deg;
}

.hover\:-rotate-30:hover {
  --rotate: -30deg;
}

.focus\:-rotate-30:focus {
  --rotate: -30deg;
}

.focus-within\:-rotate-30:focus-within {
  --rotate: -30deg;
}

.active\:-rotate-30:active {
  --rotate: -30deg;
}

.-rotate-45 {
  --rotate: -45deg;
}

.hover\:-rotate-45:hover {
  --rotate: -45deg;
}

.focus\:-rotate-45:focus {
  --rotate: -45deg;
}

.focus-within\:-rotate-45:focus-within {
  --rotate: -45deg;
}

.active\:-rotate-45:active {
  --rotate: -45deg;
}

.-rotate-60 {
  --rotate: -60deg;
}

.hover\:-rotate-60:hover {
  --rotate: -60deg;
}

.focus\:-rotate-60:focus {
  --rotate: -60deg;
}

.focus-within\:-rotate-60:focus-within {
  --rotate: -60deg;
}

.active\:-rotate-60:active {
  --rotate: -60deg;
}

.-rotate-75 {
  --rotate: -75deg;
}

.hover\:-rotate-75:hover {
  --rotate: -75deg;
}

.focus\:-rotate-75:focus {
  --rotate: -75deg;
}

.focus-within\:-rotate-75:focus-within {
  --rotate: -75deg;
}

.active\:-rotate-75:active {
  --rotate: -75deg;
}

.-rotate-90 {
  --rotate: -90deg;
}

.hover\:-rotate-90:hover {
  --rotate: -90deg;
}

.focus\:-rotate-90:focus {
  --rotate: -90deg;
}

.focus-within\:-rotate-90:focus-within {
  --rotate: -90deg;
}

.active\:-rotate-90:active {
  --rotate: -90deg;
}

.scale-0 {
  --scaleX: 0;
  --scaleY: 0;
}

.hover\:scale-0:hover {
  --scaleX: 0;
  --scaleY: 0;
}

.focus\:scale-0:focus {
  --scaleX: 0;
  --scaleY: 0;
}

.focus-within\:scale-0:focus-within {
  --scaleX: 0;
  --scaleY: 0;
}

.active\:scale-0:active {
  --scaleX: 0;
  --scaleY: 0;
}

.scale-10 {
  --scaleX: 0.1;
  --scaleY: 0.1;
}

.hover\:scale-10:hover {
  --scaleX: 0.1;
  --scaleY: 0.1;
}

.focus\:scale-10:focus {
  --scaleX: 0.1;
  --scaleY: 0.1;
}

.focus-within\:scale-10:focus-within {
  --scaleX: 0.1;
  --scaleY: 0.1;
}

.active\:scale-10:active {
  --scaleX: 0.1;
  --scaleY: 0.1;
}

.scale-20 {
  --scaleX: 0.2;
  --scaleY: 0.2;
}

.hover\:scale-20:hover {
  --scaleX: 0.2;
  --scaleY: 0.2;
}

.focus\:scale-20:focus {
  --scaleX: 0.2;
  --scaleY: 0.2;
}

.focus-within\:scale-20:focus-within {
  --scaleX: 0.2;
  --scaleY: 0.2;
}

.active\:scale-20:active {
  --scaleX: 0.2;
  --scaleY: 0.2;
}

.scale-25 {
  --scaleX: 0.25;
  --scaleY: 0.25;
}

.hover\:scale-25:hover {
  --scaleX: 0.25;
  --scaleY: 0.25;
}

.focus\:scale-25:focus {
  --scaleX: 0.25;
  --scaleY: 0.25;
}

.focus-within\:scale-25:focus-within {
  --scaleX: 0.25;
  --scaleY: 0.25;
}

.active\:scale-25:active {
  --scaleX: 0.25;
  --scaleY: 0.25;
}

.scale-30 {
  --scaleX: 0.3;
  --scaleY: 0.3;
}

.hover\:scale-30:hover {
  --scaleX: 0.3;
  --scaleY: 0.3;
}

.focus\:scale-30:focus {
  --scaleX: 0.3;
  --scaleY: 0.3;
}

.focus-within\:scale-30:focus-within {
  --scaleX: 0.3;
  --scaleY: 0.3;
}

.active\:scale-30:active {
  --scaleX: 0.3;
  --scaleY: 0.3;
}

.scale-40 {
  --scaleX: 0.4;
  --scaleY: 0.4;
}

.hover\:scale-40:hover {
  --scaleX: 0.4;
  --scaleY: 0.4;
}

.focus\:scale-40:focus {
  --scaleX: 0.4;
  --scaleY: 0.4;
}

.focus-within\:scale-40:focus-within {
  --scaleX: 0.4;
  --scaleY: 0.4;
}

.active\:scale-40:active {
  --scaleX: 0.4;
  --scaleY: 0.4;
}

.scale-50 {
  --scaleX: 0.5;
  --scaleY: 0.5;
}

.hover\:scale-50:hover {
  --scaleX: 0.5;
  --scaleY: 0.5;
}

.focus\:scale-50:focus {
  --scaleX: 0.5;
  --scaleY: 0.5;
}

.focus-within\:scale-50:focus-within {
  --scaleX: 0.5;
  --scaleY: 0.5;
}

.active\:scale-50:active {
  --scaleX: 0.5;
  --scaleY: 0.5;
}

.scale-60 {
  --scaleX: 0.6;
  --scaleY: 0.6;
}

.hover\:scale-60:hover {
  --scaleX: 0.6;
  --scaleY: 0.6;
}

.focus\:scale-60:focus {
  --scaleX: 0.6;
  --scaleY: 0.6;
}

.focus-within\:scale-60:focus-within {
  --scaleX: 0.6;
  --scaleY: 0.6;
}

.active\:scale-60:active {
  --scaleX: 0.6;
  --scaleY: 0.6;
}

.scale-70 {
  --scaleX: 0.7;
  --scaleY: 0.7;
}

.hover\:scale-70:hover {
  --scaleX: 0.7;
  --scaleY: 0.7;
}

.focus\:scale-70:focus {
  --scaleX: 0.7;
  --scaleY: 0.7;
}

.focus-within\:scale-70:focus-within {
  --scaleX: 0.7;
  --scaleY: 0.7;
}

.active\:scale-70:active {
  --scaleX: 0.7;
  --scaleY: 0.7;
}

.scale-75 {
  --scaleX: 0.75;
  --scaleY: 0.75;
}

.hover\:scale-75:hover {
  --scaleX: 0.75;
  --scaleY: 0.75;
}

.focus\:scale-75:focus {
  --scaleX: 0.75;
  --scaleY: 0.75;
}

.focus-within\:scale-75:focus-within {
  --scaleX: 0.75;
  --scaleY: 0.75;
}

.active\:scale-75:active {
  --scaleX: 0.75;
  --scaleY: 0.75;
}

.scale-80 {
  --scaleX: 0.8;
  --scaleY: 0.8;
}

.hover\:scale-80:hover {
  --scaleX: 0.8;
  --scaleY: 0.8;
}

.focus\:scale-80:focus {
  --scaleX: 0.8;
  --scaleY: 0.8;
}

.focus-within\:scale-80:focus-within {
  --scaleX: 0.8;
  --scaleY: 0.8;
}

.active\:scale-80:active {
  --scaleX: 0.8;
  --scaleY: 0.8;
}

.scale-90 {
  --scaleX: 0.9;
  --scaleY: 0.9;
}

.hover\:scale-90:hover {
  --scaleX: 0.9;
  --scaleY: 0.9;
}

.focus\:scale-90:focus {
  --scaleX: 0.9;
  --scaleY: 0.9;
}

.focus-within\:scale-90:focus-within {
  --scaleX: 0.9;
  --scaleY: 0.9;
}

.active\:scale-90:active {
  --scaleX: 0.9;
  --scaleY: 0.9;
}

.scale-100 {
  --scaleX: 1;
  --scaleY: 1;
}

.hover\:scale-100:hover {
  --scaleX: 1;
  --scaleY: 1;
}

.focus\:scale-100:focus {
  --scaleX: 1;
  --scaleY: 1;
}

.focus-within\:scale-100:focus-within {
  --scaleX: 1;
  --scaleY: 1;
}

.active\:scale-100:active {
  --scaleX: 1;
  --scaleY: 1;
}

.scale-110 {
  --scaleX: 1.1;
  --scaleY: 1.1;
}

.hover\:scale-110:hover {
  --scaleX: 1.1;
  --scaleY: 1.1;
}

.focus\:scale-110:focus {
  --scaleX: 1.1;
  --scaleY: 1.1;
}

.focus-within\:scale-110:focus-within {
  --scaleX: 1.1;
  --scaleY: 1.1;
}

.active\:scale-110:active {
  --scaleX: 1.1;
  --scaleY: 1.1;
}

.scale-120 {
  --scaleX: 1.2;
  --scaleY: 1.2;
}

.hover\:scale-120:hover {
  --scaleX: 1.2;
  --scaleY: 1.2;
}

.focus\:scale-120:focus {
  --scaleX: 1.2;
  --scaleY: 1.2;
}

.focus-within\:scale-120:focus-within {
  --scaleX: 1.2;
  --scaleY: 1.2;
}

.active\:scale-120:active {
  --scaleX: 1.2;
  --scaleY: 1.2;
}

.scale-125 {
  --scaleX: 1.25;
  --scaleY: 1.25;
}

.hover\:scale-125:hover {
  --scaleX: 1.25;
  --scaleY: 1.25;
}

.focus\:scale-125:focus {
  --scaleX: 1.25;
  --scaleY: 1.25;
}

.focus-within\:scale-125:focus-within {
  --scaleX: 1.25;
  --scaleY: 1.25;
}

.active\:scale-125:active {
  --scaleX: 1.25;
  --scaleY: 1.25;
}

.scale-130 {
  --scaleX: 1.3;
  --scaleY: 1.3;
}

.hover\:scale-130:hover {
  --scaleX: 1.3;
  --scaleY: 1.3;
}

.focus\:scale-130:focus {
  --scaleX: 1.3;
  --scaleY: 1.3;
}

.focus-within\:scale-130:focus-within {
  --scaleX: 1.3;
  --scaleY: 1.3;
}

.active\:scale-130:active {
  --scaleX: 1.3;
  --scaleY: 1.3;
}

.scale-140 {
  --scaleX: 1.4;
  --scaleY: 1.4;
}

.hover\:scale-140:hover {
  --scaleX: 1.4;
  --scaleY: 1.4;
}

.focus\:scale-140:focus {
  --scaleX: 1.4;
  --scaleY: 1.4;
}

.focus-within\:scale-140:focus-within {
  --scaleX: 1.4;
  --scaleY: 1.4;
}

.active\:scale-140:active {
  --scaleX: 1.4;
  --scaleY: 1.4;
}

.scale-150 {
  --scaleX: 1.5;
  --scaleY: 1.5;
}

.hover\:scale-150:hover {
  --scaleX: 1.5;
  --scaleY: 1.5;
}

.focus\:scale-150:focus {
  --scaleX: 1.5;
  --scaleY: 1.5;
}

.focus-within\:scale-150:focus-within {
  --scaleX: 1.5;
  --scaleY: 1.5;
}

.active\:scale-150:active {
  --scaleX: 1.5;
  --scaleY: 1.5;
}

.scale-160 {
  --scaleX: 1.6;
  --scaleY: 1.6;
}

.hover\:scale-160:hover {
  --scaleX: 1.6;
  --scaleY: 1.6;
}

.focus\:scale-160:focus {
  --scaleX: 1.6;
  --scaleY: 1.6;
}

.focus-within\:scale-160:focus-within {
  --scaleX: 1.6;
  --scaleY: 1.6;
}

.active\:scale-160:active {
  --scaleX: 1.6;
  --scaleY: 1.6;
}

.scale-170 {
  --scaleX: 1.7;
  --scaleY: 1.7;
}

.hover\:scale-170:hover {
  --scaleX: 1.7;
  --scaleY: 1.7;
}

.focus\:scale-170:focus {
  --scaleX: 1.7;
  --scaleY: 1.7;
}

.focus-within\:scale-170:focus-within {
  --scaleX: 1.7;
  --scaleY: 1.7;
}

.active\:scale-170:active {
  --scaleX: 1.7;
  --scaleY: 1.7;
}

.scale-175 {
  --scaleX: 1.75;
  --scaleY: 1.75;
}

.hover\:scale-175:hover {
  --scaleX: 1.75;
  --scaleY: 1.75;
}

.focus\:scale-175:focus {
  --scaleX: 1.75;
  --scaleY: 1.75;
}

.focus-within\:scale-175:focus-within {
  --scaleX: 1.75;
  --scaleY: 1.75;
}

.active\:scale-175:active {
  --scaleX: 1.75;
  --scaleY: 1.75;
}

.scale-180 {
  --scaleX: 1.8;
  --scaleY: 1.8;
}

.hover\:scale-180:hover {
  --scaleX: 1.8;
  --scaleY: 1.8;
}

.focus\:scale-180:focus {
  --scaleX: 1.8;
  --scaleY: 1.8;
}

.focus-within\:scale-180:focus-within {
  --scaleX: 1.8;
  --scaleY: 1.8;
}

.active\:scale-180:active {
  --scaleX: 1.8;
  --scaleY: 1.8;
}

.scale-190 {
  --scaleX: 1.9;
  --scaleY: 1.9;
}

.hover\:scale-190:hover {
  --scaleX: 1.9;
  --scaleY: 1.9;
}

.focus\:scale-190:focus {
  --scaleX: 1.9;
  --scaleY: 1.9;
}

.focus-within\:scale-190:focus-within {
  --scaleX: 1.9;
  --scaleY: 1.9;
}

.active\:scale-190:active {
  --scaleX: 1.9;
  --scaleY: 1.9;
}

.scale-200 {
  --scaleX: 2;
  --scaleY: 2;
}

.hover\:scale-200:hover {
  --scaleX: 2;
  --scaleY: 2;
}

.focus\:scale-200:focus {
  --scaleX: 2;
  --scaleY: 2;
}

.focus-within\:scale-200:focus-within {
  --scaleX: 2;
  --scaleY: 2;
}

.active\:scale-200:active {
  --scaleX: 2;
  --scaleY: 2;
}

.-scale-10 {
  --scaleX: -0.1;
  --scaleY: -0.1;
}

.hover\:-scale-10:hover {
  --scaleX: -0.1;
  --scaleY: -0.1;
}

.focus\:-scale-10:focus {
  --scaleX: -0.1;
  --scaleY: -0.1;
}

.focus-within\:-scale-10:focus-within {
  --scaleX: -0.1;
  --scaleY: -0.1;
}

.active\:-scale-10:active {
  --scaleX: -0.1;
  --scaleY: -0.1;
}

.-scale-20 {
  --scaleX: -0.2;
  --scaleY: -0.2;
}

.hover\:-scale-20:hover {
  --scaleX: -0.2;
  --scaleY: -0.2;
}

.focus\:-scale-20:focus {
  --scaleX: -0.2;
  --scaleY: -0.2;
}

.focus-within\:-scale-20:focus-within {
  --scaleX: -0.2;
  --scaleY: -0.2;
}

.active\:-scale-20:active {
  --scaleX: -0.2;
  --scaleY: -0.2;
}

.-scale-25 {
  --scaleX: -0.25;
  --scaleY: -0.25;
}

.hover\:-scale-25:hover {
  --scaleX: -0.25;
  --scaleY: -0.25;
}

.focus\:-scale-25:focus {
  --scaleX: -0.25;
  --scaleY: -0.25;
}

.focus-within\:-scale-25:focus-within {
  --scaleX: -0.25;
  --scaleY: -0.25;
}

.active\:-scale-25:active {
  --scaleX: -0.25;
  --scaleY: -0.25;
}

.-scale-30 {
  --scaleX: -0.3;
  --scaleY: -0.3;
}

.hover\:-scale-30:hover {
  --scaleX: -0.3;
  --scaleY: -0.3;
}

.focus\:-scale-30:focus {
  --scaleX: -0.3;
  --scaleY: -0.3;
}

.focus-within\:-scale-30:focus-within {
  --scaleX: -0.3;
  --scaleY: -0.3;
}

.active\:-scale-30:active {
  --scaleX: -0.3;
  --scaleY: -0.3;
}

.-scale-40 {
  --scaleX: -0.4;
  --scaleY: -0.4;
}

.hover\:-scale-40:hover {
  --scaleX: -0.4;
  --scaleY: -0.4;
}

.focus\:-scale-40:focus {
  --scaleX: -0.4;
  --scaleY: -0.4;
}

.focus-within\:-scale-40:focus-within {
  --scaleX: -0.4;
  --scaleY: -0.4;
}

.active\:-scale-40:active {
  --scaleX: -0.4;
  --scaleY: -0.4;
}

.-scale-50 {
  --scaleX: -0.5;
  --scaleY: -0.5;
}

.hover\:-scale-50:hover {
  --scaleX: -0.5;
  --scaleY: -0.5;
}

.focus\:-scale-50:focus {
  --scaleX: -0.5;
  --scaleY: -0.5;
}

.focus-within\:-scale-50:focus-within {
  --scaleX: -0.5;
  --scaleY: -0.5;
}

.active\:-scale-50:active {
  --scaleX: -0.5;
  --scaleY: -0.5;
}

.-scale-60 {
  --scaleX: -0.6;
  --scaleY: -0.6;
}

.hover\:-scale-60:hover {
  --scaleX: -0.6;
  --scaleY: -0.6;
}

.focus\:-scale-60:focus {
  --scaleX: -0.6;
  --scaleY: -0.6;
}

.focus-within\:-scale-60:focus-within {
  --scaleX: -0.6;
  --scaleY: -0.6;
}

.active\:-scale-60:active {
  --scaleX: -0.6;
  --scaleY: -0.6;
}

.-scale-70 {
  --scaleX: -0.7;
  --scaleY: -0.7;
}

.hover\:-scale-70:hover {
  --scaleX: -0.7;
  --scaleY: -0.7;
}

.focus\:-scale-70:focus {
  --scaleX: -0.7;
  --scaleY: -0.7;
}

.focus-within\:-scale-70:focus-within {
  --scaleX: -0.7;
  --scaleY: -0.7;
}

.active\:-scale-70:active {
  --scaleX: -0.7;
  --scaleY: -0.7;
}

.-scale-75 {
  --scaleX: -0.75;
  --scaleY: -0.75;
}

.hover\:-scale-75:hover {
  --scaleX: -0.75;
  --scaleY: -0.75;
}

.focus\:-scale-75:focus {
  --scaleX: -0.75;
  --scaleY: -0.75;
}

.focus-within\:-scale-75:focus-within {
  --scaleX: -0.75;
  --scaleY: -0.75;
}

.active\:-scale-75:active {
  --scaleX: -0.75;
  --scaleY: -0.75;
}

.-scale-80 {
  --scaleX: -0.8;
  --scaleY: -0.8;
}

.hover\:-scale-80:hover {
  --scaleX: -0.8;
  --scaleY: -0.8;
}

.focus\:-scale-80:focus {
  --scaleX: -0.8;
  --scaleY: -0.8;
}

.focus-within\:-scale-80:focus-within {
  --scaleX: -0.8;
  --scaleY: -0.8;
}

.active\:-scale-80:active {
  --scaleX: -0.8;
  --scaleY: -0.8;
}

.-scale-90 {
  --scaleX: -0.9;
  --scaleY: -0.9;
}

.hover\:-scale-90:hover {
  --scaleX: -0.9;
  --scaleY: -0.9;
}

.focus\:-scale-90:focus {
  --scaleX: -0.9;
  --scaleY: -0.9;
}

.focus-within\:-scale-90:focus-within {
  --scaleX: -0.9;
  --scaleY: -0.9;
}

.active\:-scale-90:active {
  --scaleX: -0.9;
  --scaleY: -0.9;
}

.-scale-100 {
  --scaleX: -1;
  --scaleY: -1;
}

.hover\:-scale-100:hover {
  --scaleX: -1;
  --scaleY: -1;
}

.focus\:-scale-100:focus {
  --scaleX: -1;
  --scaleY: -1;
}

.focus-within\:-scale-100:focus-within {
  --scaleX: -1;
  --scaleY: -1;
}

.active\:-scale-100:active {
  --scaleX: -1;
  --scaleY: -1;
}

.-scale-110 {
  --scaleX: -1.1;
  --scaleY: -1.1;
}

.hover\:-scale-110:hover {
  --scaleX: -1.1;
  --scaleY: -1.1;
}

.focus\:-scale-110:focus {
  --scaleX: -1.1;
  --scaleY: -1.1;
}

.focus-within\:-scale-110:focus-within {
  --scaleX: -1.1;
  --scaleY: -1.1;
}

.active\:-scale-110:active {
  --scaleX: -1.1;
  --scaleY: -1.1;
}

.-scale-120 {
  --scaleX: -1.2;
  --scaleY: -1.2;
}

.hover\:-scale-120:hover {
  --scaleX: -1.2;
  --scaleY: -1.2;
}

.focus\:-scale-120:focus {
  --scaleX: -1.2;
  --scaleY: -1.2;
}

.focus-within\:-scale-120:focus-within {
  --scaleX: -1.2;
  --scaleY: -1.2;
}

.active\:-scale-120:active {
  --scaleX: -1.2;
  --scaleY: -1.2;
}

.-scale-125 {
  --scaleX: -1.25;
  --scaleY: -1.25;
}

.hover\:-scale-125:hover {
  --scaleX: -1.25;
  --scaleY: -1.25;
}

.focus\:-scale-125:focus {
  --scaleX: -1.25;
  --scaleY: -1.25;
}

.focus-within\:-scale-125:focus-within {
  --scaleX: -1.25;
  --scaleY: -1.25;
}

.active\:-scale-125:active {
  --scaleX: -1.25;
  --scaleY: -1.25;
}

.-scale-130 {
  --scaleX: -1.3;
  --scaleY: -1.3;
}

.hover\:-scale-130:hover {
  --scaleX: -1.3;
  --scaleY: -1.3;
}

.focus\:-scale-130:focus {
  --scaleX: -1.3;
  --scaleY: -1.3;
}

.focus-within\:-scale-130:focus-within {
  --scaleX: -1.3;
  --scaleY: -1.3;
}

.active\:-scale-130:active {
  --scaleX: -1.3;
  --scaleY: -1.3;
}

.-scale-140 {
  --scaleX: -1.4;
  --scaleY: -1.4;
}

.hover\:-scale-140:hover {
  --scaleX: -1.4;
  --scaleY: -1.4;
}

.focus\:-scale-140:focus {
  --scaleX: -1.4;
  --scaleY: -1.4;
}

.focus-within\:-scale-140:focus-within {
  --scaleX: -1.4;
  --scaleY: -1.4;
}

.active\:-scale-140:active {
  --scaleX: -1.4;
  --scaleY: -1.4;
}

.-scale-150 {
  --scaleX: -1.5;
  --scaleY: -1.5;
}

.hover\:-scale-150:hover {
  --scaleX: -1.5;
  --scaleY: -1.5;
}

.focus\:-scale-150:focus {
  --scaleX: -1.5;
  --scaleY: -1.5;
}

.focus-within\:-scale-150:focus-within {
  --scaleX: -1.5;
  --scaleY: -1.5;
}

.active\:-scale-150:active {
  --scaleX: -1.5;
  --scaleY: -1.5;
}

.-scale-160 {
  --scaleX: -1.6;
  --scaleY: -1.6;
}

.hover\:-scale-160:hover {
  --scaleX: -1.6;
  --scaleY: -1.6;
}

.focus\:-scale-160:focus {
  --scaleX: -1.6;
  --scaleY: -1.6;
}

.focus-within\:-scale-160:focus-within {
  --scaleX: -1.6;
  --scaleY: -1.6;
}

.active\:-scale-160:active {
  --scaleX: -1.6;
  --scaleY: -1.6;
}

.-scale-170 {
  --scaleX: -1.7;
  --scaleY: -1.7;
}

.hover\:-scale-170:hover {
  --scaleX: -1.7;
  --scaleY: -1.7;
}

.focus\:-scale-170:focus {
  --scaleX: -1.7;
  --scaleY: -1.7;
}

.focus-within\:-scale-170:focus-within {
  --scaleX: -1.7;
  --scaleY: -1.7;
}

.active\:-scale-170:active {
  --scaleX: -1.7;
  --scaleY: -1.7;
}

.-scale-175 {
  --scaleX: -1.75;
  --scaleY: -1.75;
}

.hover\:-scale-175:hover {
  --scaleX: -1.75;
  --scaleY: -1.75;
}

.focus\:-scale-175:focus {
  --scaleX: -1.75;
  --scaleY: -1.75;
}

.focus-within\:-scale-175:focus-within {
  --scaleX: -1.75;
  --scaleY: -1.75;
}

.active\:-scale-175:active {
  --scaleX: -1.75;
  --scaleY: -1.75;
}

.-scale-180 {
  --scaleX: -1.8;
  --scaleY: -1.8;
}

.hover\:-scale-180:hover {
  --scaleX: -1.8;
  --scaleY: -1.8;
}

.focus\:-scale-180:focus {
  --scaleX: -1.8;
  --scaleY: -1.8;
}

.focus-within\:-scale-180:focus-within {
  --scaleX: -1.8;
  --scaleY: -1.8;
}

.active\:-scale-180:active {
  --scaleX: -1.8;
  --scaleY: -1.8;
}

.-scale-190 {
  --scaleX: -1.9;
  --scaleY: -1.9;
}

.hover\:-scale-190:hover {
  --scaleX: -1.9;
  --scaleY: -1.9;
}

.focus\:-scale-190:focus {
  --scaleX: -1.9;
  --scaleY: -1.9;
}

.focus-within\:-scale-190:focus-within {
  --scaleX: -1.9;
  --scaleY: -1.9;
}

.active\:-scale-190:active {
  --scaleX: -1.9;
  --scaleY: -1.9;
}

.-scale-200 {
  --scaleX: -2;
  --scaleY: -2;
}

.hover\:-scale-200:hover {
  --scaleX: -2;
  --scaleY: -2;
}

.focus\:-scale-200:focus {
  --scaleX: -2;
  --scaleY: -2;
}

.focus-within\:-scale-200:focus-within {
  --scaleX: -2;
  --scaleY: -2;
}

.active\:-scale-200:active {
  --scaleX: -2;
  --scaleY: -2;
}

.scale-x-0 {
  --scaleX: 0;
}

.hover\:scale-x-0:hover {
  --scaleX: 0;
}

.focus\:scale-x-0:focus {
  --scaleX: 0;
}

.focus-within\:scale-x-0:focus-within {
  --scaleX: 0;
}

.active\:scale-x-0:active {
  --scaleX: 0;
}

.scale-x-10 {
  --scaleX: 0.1;
}

.hover\:scale-x-10:hover {
  --scaleX: 0.1;
}

.focus\:scale-x-10:focus {
  --scaleX: 0.1;
}

.focus-within\:scale-x-10:focus-within {
  --scaleX: 0.1;
}

.active\:scale-x-10:active {
  --scaleX: 0.1;
}

.scale-x-20 {
  --scaleX: 0.2;
}

.hover\:scale-x-20:hover {
  --scaleX: 0.2;
}

.focus\:scale-x-20:focus {
  --scaleX: 0.2;
}

.focus-within\:scale-x-20:focus-within {
  --scaleX: 0.2;
}

.active\:scale-x-20:active {
  --scaleX: 0.2;
}

.scale-x-25 {
  --scaleX: 0.25;
}

.hover\:scale-x-25:hover {
  --scaleX: 0.25;
}

.focus\:scale-x-25:focus {
  --scaleX: 0.25;
}

.focus-within\:scale-x-25:focus-within {
  --scaleX: 0.25;
}

.active\:scale-x-25:active {
  --scaleX: 0.25;
}

.scale-x-30 {
  --scaleX: 0.3;
}

.hover\:scale-x-30:hover {
  --scaleX: 0.3;
}

.focus\:scale-x-30:focus {
  --scaleX: 0.3;
}

.focus-within\:scale-x-30:focus-within {
  --scaleX: 0.3;
}

.active\:scale-x-30:active {
  --scaleX: 0.3;
}

.scale-x-40 {
  --scaleX: 0.4;
}

.hover\:scale-x-40:hover {
  --scaleX: 0.4;
}

.focus\:scale-x-40:focus {
  --scaleX: 0.4;
}

.focus-within\:scale-x-40:focus-within {
  --scaleX: 0.4;
}

.active\:scale-x-40:active {
  --scaleX: 0.4;
}

.scale-x-50 {
  --scaleX: 0.5;
}

.hover\:scale-x-50:hover {
  --scaleX: 0.5;
}

.focus\:scale-x-50:focus {
  --scaleX: 0.5;
}

.focus-within\:scale-x-50:focus-within {
  --scaleX: 0.5;
}

.active\:scale-x-50:active {
  --scaleX: 0.5;
}

.scale-x-60 {
  --scaleX: 0.6;
}

.hover\:scale-x-60:hover {
  --scaleX: 0.6;
}

.focus\:scale-x-60:focus {
  --scaleX: 0.6;
}

.focus-within\:scale-x-60:focus-within {
  --scaleX: 0.6;
}

.active\:scale-x-60:active {
  --scaleX: 0.6;
}

.scale-x-70 {
  --scaleX: 0.7;
}

.hover\:scale-x-70:hover {
  --scaleX: 0.7;
}

.focus\:scale-x-70:focus {
  --scaleX: 0.7;
}

.focus-within\:scale-x-70:focus-within {
  --scaleX: 0.7;
}

.active\:scale-x-70:active {
  --scaleX: 0.7;
}

.scale-x-75 {
  --scaleX: 0.75;
}

.hover\:scale-x-75:hover {
  --scaleX: 0.75;
}

.focus\:scale-x-75:focus {
  --scaleX: 0.75;
}

.focus-within\:scale-x-75:focus-within {
  --scaleX: 0.75;
}

.active\:scale-x-75:active {
  --scaleX: 0.75;
}

.scale-x-80 {
  --scaleX: 0.8;
}

.hover\:scale-x-80:hover {
  --scaleX: 0.8;
}

.focus\:scale-x-80:focus {
  --scaleX: 0.8;
}

.focus-within\:scale-x-80:focus-within {
  --scaleX: 0.8;
}

.active\:scale-x-80:active {
  --scaleX: 0.8;
}

.scale-x-90 {
  --scaleX: 0.9;
}

.hover\:scale-x-90:hover {
  --scaleX: 0.9;
}

.focus\:scale-x-90:focus {
  --scaleX: 0.9;
}

.focus-within\:scale-x-90:focus-within {
  --scaleX: 0.9;
}

.active\:scale-x-90:active {
  --scaleX: 0.9;
}

.scale-x-100 {
  --scaleX: 1;
}

.hover\:scale-x-100:hover {
  --scaleX: 1;
}

.focus\:scale-x-100:focus {
  --scaleX: 1;
}

.focus-within\:scale-x-100:focus-within {
  --scaleX: 1;
}

.active\:scale-x-100:active {
  --scaleX: 1;
}

.scale-x-110 {
  --scaleX: 1.1;
}

.hover\:scale-x-110:hover {
  --scaleX: 1.1;
}

.focus\:scale-x-110:focus {
  --scaleX: 1.1;
}

.focus-within\:scale-x-110:focus-within {
  --scaleX: 1.1;
}

.active\:scale-x-110:active {
  --scaleX: 1.1;
}

.scale-x-120 {
  --scaleX: 1.2;
}

.hover\:scale-x-120:hover {
  --scaleX: 1.2;
}

.focus\:scale-x-120:focus {
  --scaleX: 1.2;
}

.focus-within\:scale-x-120:focus-within {
  --scaleX: 1.2;
}

.active\:scale-x-120:active {
  --scaleX: 1.2;
}

.scale-x-125 {
  --scaleX: 1.25;
}

.hover\:scale-x-125:hover {
  --scaleX: 1.25;
}

.focus\:scale-x-125:focus {
  --scaleX: 1.25;
}

.focus-within\:scale-x-125:focus-within {
  --scaleX: 1.25;
}

.active\:scale-x-125:active {
  --scaleX: 1.25;
}

.scale-x-130 {
  --scaleX: 1.3;
}

.hover\:scale-x-130:hover {
  --scaleX: 1.3;
}

.focus\:scale-x-130:focus {
  --scaleX: 1.3;
}

.focus-within\:scale-x-130:focus-within {
  --scaleX: 1.3;
}

.active\:scale-x-130:active {
  --scaleX: 1.3;
}

.scale-x-140 {
  --scaleX: 1.4;
}

.hover\:scale-x-140:hover {
  --scaleX: 1.4;
}

.focus\:scale-x-140:focus {
  --scaleX: 1.4;
}

.focus-within\:scale-x-140:focus-within {
  --scaleX: 1.4;
}

.active\:scale-x-140:active {
  --scaleX: 1.4;
}

.scale-x-150 {
  --scaleX: 1.5;
}

.hover\:scale-x-150:hover {
  --scaleX: 1.5;
}

.focus\:scale-x-150:focus {
  --scaleX: 1.5;
}

.focus-within\:scale-x-150:focus-within {
  --scaleX: 1.5;
}

.active\:scale-x-150:active {
  --scaleX: 1.5;
}

.scale-x-160 {
  --scaleX: 1.6;
}

.hover\:scale-x-160:hover {
  --scaleX: 1.6;
}

.focus\:scale-x-160:focus {
  --scaleX: 1.6;
}

.focus-within\:scale-x-160:focus-within {
  --scaleX: 1.6;
}

.active\:scale-x-160:active {
  --scaleX: 1.6;
}

.scale-x-170 {
  --scaleX: 1.7;
}

.hover\:scale-x-170:hover {
  --scaleX: 1.7;
}

.focus\:scale-x-170:focus {
  --scaleX: 1.7;
}

.focus-within\:scale-x-170:focus-within {
  --scaleX: 1.7;
}

.active\:scale-x-170:active {
  --scaleX: 1.7;
}

.scale-x-175 {
  --scaleX: 1.75;
}

.hover\:scale-x-175:hover {
  --scaleX: 1.75;
}

.focus\:scale-x-175:focus {
  --scaleX: 1.75;
}

.focus-within\:scale-x-175:focus-within {
  --scaleX: 1.75;
}

.active\:scale-x-175:active {
  --scaleX: 1.75;
}

.scale-x-180 {
  --scaleX: 1.8;
}

.hover\:scale-x-180:hover {
  --scaleX: 1.8;
}

.focus\:scale-x-180:focus {
  --scaleX: 1.8;
}

.focus-within\:scale-x-180:focus-within {
  --scaleX: 1.8;
}

.active\:scale-x-180:active {
  --scaleX: 1.8;
}

.scale-x-190 {
  --scaleX: 1.9;
}

.hover\:scale-x-190:hover {
  --scaleX: 1.9;
}

.focus\:scale-x-190:focus {
  --scaleX: 1.9;
}

.focus-within\:scale-x-190:focus-within {
  --scaleX: 1.9;
}

.active\:scale-x-190:active {
  --scaleX: 1.9;
}

.scale-x-200 {
  --scaleX: 2;
}

.hover\:scale-x-200:hover {
  --scaleX: 2;
}

.focus\:scale-x-200:focus {
  --scaleX: 2;
}

.focus-within\:scale-x-200:focus-within {
  --scaleX: 2;
}

.active\:scale-x-200:active {
  --scaleX: 2;
}

.-scale-x-10 {
  --scaleX: -0.1;
}

.hover\:-scale-x-10:hover {
  --scaleX: -0.1;
}

.focus\:-scale-x-10:focus {
  --scaleX: -0.1;
}

.focus-within\:-scale-x-10:focus-within {
  --scaleX: -0.1;
}

.active\:-scale-x-10:active {
  --scaleX: -0.1;
}

.-scale-x-20 {
  --scaleX: -0.2;
}

.hover\:-scale-x-20:hover {
  --scaleX: -0.2;
}

.focus\:-scale-x-20:focus {
  --scaleX: -0.2;
}

.focus-within\:-scale-x-20:focus-within {
  --scaleX: -0.2;
}

.active\:-scale-x-20:active {
  --scaleX: -0.2;
}

.-scale-x-25 {
  --scaleX: -0.25;
}

.hover\:-scale-x-25:hover {
  --scaleX: -0.25;
}

.focus\:-scale-x-25:focus {
  --scaleX: -0.25;
}

.focus-within\:-scale-x-25:focus-within {
  --scaleX: -0.25;
}

.active\:-scale-x-25:active {
  --scaleX: -0.25;
}

.-scale-x-30 {
  --scaleX: -0.3;
}

.hover\:-scale-x-30:hover {
  --scaleX: -0.3;
}

.focus\:-scale-x-30:focus {
  --scaleX: -0.3;
}

.focus-within\:-scale-x-30:focus-within {
  --scaleX: -0.3;
}

.active\:-scale-x-30:active {
  --scaleX: -0.3;
}

.-scale-x-40 {
  --scaleX: -0.4;
}

.hover\:-scale-x-40:hover {
  --scaleX: -0.4;
}

.focus\:-scale-x-40:focus {
  --scaleX: -0.4;
}

.focus-within\:-scale-x-40:focus-within {
  --scaleX: -0.4;
}

.active\:-scale-x-40:active {
  --scaleX: -0.4;
}

.-scale-x-50 {
  --scaleX: -0.5;
}

.hover\:-scale-x-50:hover {
  --scaleX: -0.5;
}

.focus\:-scale-x-50:focus {
  --scaleX: -0.5;
}

.focus-within\:-scale-x-50:focus-within {
  --scaleX: -0.5;
}

.active\:-scale-x-50:active {
  --scaleX: -0.5;
}

.-scale-x-60 {
  --scaleX: -0.6;
}

.hover\:-scale-x-60:hover {
  --scaleX: -0.6;
}

.focus\:-scale-x-60:focus {
  --scaleX: -0.6;
}

.focus-within\:-scale-x-60:focus-within {
  --scaleX: -0.6;
}

.active\:-scale-x-60:active {
  --scaleX: -0.6;
}

.-scale-x-70 {
  --scaleX: -0.7;
}

.hover\:-scale-x-70:hover {
  --scaleX: -0.7;
}

.focus\:-scale-x-70:focus {
  --scaleX: -0.7;
}

.focus-within\:-scale-x-70:focus-within {
  --scaleX: -0.7;
}

.active\:-scale-x-70:active {
  --scaleX: -0.7;
}

.-scale-x-75 {
  --scaleX: -0.75;
}

.hover\:-scale-x-75:hover {
  --scaleX: -0.75;
}

.focus\:-scale-x-75:focus {
  --scaleX: -0.75;
}

.focus-within\:-scale-x-75:focus-within {
  --scaleX: -0.75;
}

.active\:-scale-x-75:active {
  --scaleX: -0.75;
}

.-scale-x-80 {
  --scaleX: -0.8;
}

.hover\:-scale-x-80:hover {
  --scaleX: -0.8;
}

.focus\:-scale-x-80:focus {
  --scaleX: -0.8;
}

.focus-within\:-scale-x-80:focus-within {
  --scaleX: -0.8;
}

.active\:-scale-x-80:active {
  --scaleX: -0.8;
}

.-scale-x-90 {
  --scaleX: -0.9;
}

.hover\:-scale-x-90:hover {
  --scaleX: -0.9;
}

.focus\:-scale-x-90:focus {
  --scaleX: -0.9;
}

.focus-within\:-scale-x-90:focus-within {
  --scaleX: -0.9;
}

.active\:-scale-x-90:active {
  --scaleX: -0.9;
}

.-scale-x-100 {
  --scaleX: -1;
}

.hover\:-scale-x-100:hover {
  --scaleX: -1;
}

.focus\:-scale-x-100:focus {
  --scaleX: -1;
}

.focus-within\:-scale-x-100:focus-within {
  --scaleX: -1;
}

.active\:-scale-x-100:active {
  --scaleX: -1;
}

.-scale-x-110 {
  --scaleX: -1.1;
}

.hover\:-scale-x-110:hover {
  --scaleX: -1.1;
}

.focus\:-scale-x-110:focus {
  --scaleX: -1.1;
}

.focus-within\:-scale-x-110:focus-within {
  --scaleX: -1.1;
}

.active\:-scale-x-110:active {
  --scaleX: -1.1;
}

.-scale-x-120 {
  --scaleX: -1.2;
}

.hover\:-scale-x-120:hover {
  --scaleX: -1.2;
}

.focus\:-scale-x-120:focus {
  --scaleX: -1.2;
}

.focus-within\:-scale-x-120:focus-within {
  --scaleX: -1.2;
}

.active\:-scale-x-120:active {
  --scaleX: -1.2;
}

.-scale-x-125 {
  --scaleX: -1.25;
}

.hover\:-scale-x-125:hover {
  --scaleX: -1.25;
}

.focus\:-scale-x-125:focus {
  --scaleX: -1.25;
}

.focus-within\:-scale-x-125:focus-within {
  --scaleX: -1.25;
}

.active\:-scale-x-125:active {
  --scaleX: -1.25;
}

.-scale-x-130 {
  --scaleX: -1.3;
}

.hover\:-scale-x-130:hover {
  --scaleX: -1.3;
}

.focus\:-scale-x-130:focus {
  --scaleX: -1.3;
}

.focus-within\:-scale-x-130:focus-within {
  --scaleX: -1.3;
}

.active\:-scale-x-130:active {
  --scaleX: -1.3;
}

.-scale-x-140 {
  --scaleX: -1.4;
}

.hover\:-scale-x-140:hover {
  --scaleX: -1.4;
}

.focus\:-scale-x-140:focus {
  --scaleX: -1.4;
}

.focus-within\:-scale-x-140:focus-within {
  --scaleX: -1.4;
}

.active\:-scale-x-140:active {
  --scaleX: -1.4;
}

.-scale-x-150 {
  --scaleX: -1.5;
}

.hover\:-scale-x-150:hover {
  --scaleX: -1.5;
}

.focus\:-scale-x-150:focus {
  --scaleX: -1.5;
}

.focus-within\:-scale-x-150:focus-within {
  --scaleX: -1.5;
}

.active\:-scale-x-150:active {
  --scaleX: -1.5;
}

.-scale-x-160 {
  --scaleX: -1.6;
}

.hover\:-scale-x-160:hover {
  --scaleX: -1.6;
}

.focus\:-scale-x-160:focus {
  --scaleX: -1.6;
}

.focus-within\:-scale-x-160:focus-within {
  --scaleX: -1.6;
}

.active\:-scale-x-160:active {
  --scaleX: -1.6;
}

.-scale-x-170 {
  --scaleX: -1.7;
}

.hover\:-scale-x-170:hover {
  --scaleX: -1.7;
}

.focus\:-scale-x-170:focus {
  --scaleX: -1.7;
}

.focus-within\:-scale-x-170:focus-within {
  --scaleX: -1.7;
}

.active\:-scale-x-170:active {
  --scaleX: -1.7;
}

.-scale-x-175 {
  --scaleX: -1.75;
}

.hover\:-scale-x-175:hover {
  --scaleX: -1.75;
}

.focus\:-scale-x-175:focus {
  --scaleX: -1.75;
}

.focus-within\:-scale-x-175:focus-within {
  --scaleX: -1.75;
}

.active\:-scale-x-175:active {
  --scaleX: -1.75;
}

.-scale-x-180 {
  --scaleX: -1.8;
}

.hover\:-scale-x-180:hover {
  --scaleX: -1.8;
}

.focus\:-scale-x-180:focus {
  --scaleX: -1.8;
}

.focus-within\:-scale-x-180:focus-within {
  --scaleX: -1.8;
}

.active\:-scale-x-180:active {
  --scaleX: -1.8;
}

.-scale-x-190 {
  --scaleX: -1.9;
}

.hover\:-scale-x-190:hover {
  --scaleX: -1.9;
}

.focus\:-scale-x-190:focus {
  --scaleX: -1.9;
}

.focus-within\:-scale-x-190:focus-within {
  --scaleX: -1.9;
}

.active\:-scale-x-190:active {
  --scaleX: -1.9;
}

.-scale-x-200 {
  --scaleX: -2;
}

.hover\:-scale-x-200:hover {
  --scaleX: -2;
}

.focus\:-scale-x-200:focus {
  --scaleX: -2;
}

.focus-within\:-scale-x-200:focus-within {
  --scaleX: -2;
}

.active\:-scale-x-200:active {
  --scaleX: -2;
}

.scale-y-0 {
  --scaleY: 0;
}

.hover\:scale-y-0:hover {
  --scaleY: 0;
}

.focus\:scale-y-0:focus {
  --scaleY: 0;
}

.focus-within\:scale-y-0:focus-within {
  --scaleY: 0;
}

.active\:scale-y-0:active {
  --scaleY: 0;
}

.scale-y-10 {
  --scaleY: 0.1;
}

.hover\:scale-y-10:hover {
  --scaleY: 0.1;
}

.focus\:scale-y-10:focus {
  --scaleY: 0.1;
}

.focus-within\:scale-y-10:focus-within {
  --scaleY: 0.1;
}

.active\:scale-y-10:active {
  --scaleY: 0.1;
}

.scale-y-20 {
  --scaleY: 0.2;
}

.hover\:scale-y-20:hover {
  --scaleY: 0.2;
}

.focus\:scale-y-20:focus {
  --scaleY: 0.2;
}

.focus-within\:scale-y-20:focus-within {
  --scaleY: 0.2;
}

.active\:scale-y-20:active {
  --scaleY: 0.2;
}

.scale-y-25 {
  --scaleY: 0.25;
}

.hover\:scale-y-25:hover {
  --scaleY: 0.25;
}

.focus\:scale-y-25:focus {
  --scaleY: 0.25;
}

.focus-within\:scale-y-25:focus-within {
  --scaleY: 0.25;
}

.active\:scale-y-25:active {
  --scaleY: 0.25;
}

.scale-y-30 {
  --scaleY: 0.3;
}

.hover\:scale-y-30:hover {
  --scaleY: 0.3;
}

.focus\:scale-y-30:focus {
  --scaleY: 0.3;
}

.focus-within\:scale-y-30:focus-within {
  --scaleY: 0.3;
}

.active\:scale-y-30:active {
  --scaleY: 0.3;
}

.scale-y-40 {
  --scaleY: 0.4;
}

.hover\:scale-y-40:hover {
  --scaleY: 0.4;
}

.focus\:scale-y-40:focus {
  --scaleY: 0.4;
}

.focus-within\:scale-y-40:focus-within {
  --scaleY: 0.4;
}

.active\:scale-y-40:active {
  --scaleY: 0.4;
}

.scale-y-50 {
  --scaleY: 0.5;
}

.hover\:scale-y-50:hover {
  --scaleY: 0.5;
}

.focus\:scale-y-50:focus {
  --scaleY: 0.5;
}

.focus-within\:scale-y-50:focus-within {
  --scaleY: 0.5;
}

.active\:scale-y-50:active {
  --scaleY: 0.5;
}

.scale-y-60 {
  --scaleY: 0.6;
}

.hover\:scale-y-60:hover {
  --scaleY: 0.6;
}

.focus\:scale-y-60:focus {
  --scaleY: 0.6;
}

.focus-within\:scale-y-60:focus-within {
  --scaleY: 0.6;
}

.active\:scale-y-60:active {
  --scaleY: 0.6;
}

.scale-y-70 {
  --scaleY: 0.7;
}

.hover\:scale-y-70:hover {
  --scaleY: 0.7;
}

.focus\:scale-y-70:focus {
  --scaleY: 0.7;
}

.focus-within\:scale-y-70:focus-within {
  --scaleY: 0.7;
}

.active\:scale-y-70:active {
  --scaleY: 0.7;
}

.scale-y-75 {
  --scaleY: 0.75;
}

.hover\:scale-y-75:hover {
  --scaleY: 0.75;
}

.focus\:scale-y-75:focus {
  --scaleY: 0.75;
}

.focus-within\:scale-y-75:focus-within {
  --scaleY: 0.75;
}

.active\:scale-y-75:active {
  --scaleY: 0.75;
}

.scale-y-80 {
  --scaleY: 0.8;
}

.hover\:scale-y-80:hover {
  --scaleY: 0.8;
}

.focus\:scale-y-80:focus {
  --scaleY: 0.8;
}

.focus-within\:scale-y-80:focus-within {
  --scaleY: 0.8;
}

.active\:scale-y-80:active {
  --scaleY: 0.8;
}

.scale-y-90 {
  --scaleY: 0.9;
}

.hover\:scale-y-90:hover {
  --scaleY: 0.9;
}

.focus\:scale-y-90:focus {
  --scaleY: 0.9;
}

.focus-within\:scale-y-90:focus-within {
  --scaleY: 0.9;
}

.active\:scale-y-90:active {
  --scaleY: 0.9;
}

.scale-y-100 {
  --scaleY: 1;
}

.hover\:scale-y-100:hover {
  --scaleY: 1;
}

.focus\:scale-y-100:focus {
  --scaleY: 1;
}

.focus-within\:scale-y-100:focus-within {
  --scaleY: 1;
}

.active\:scale-y-100:active {
  --scaleY: 1;
}

.scale-y-110 {
  --scaleY: 1.1;
}

.hover\:scale-y-110:hover {
  --scaleY: 1.1;
}

.focus\:scale-y-110:focus {
  --scaleY: 1.1;
}

.focus-within\:scale-y-110:focus-within {
  --scaleY: 1.1;
}

.active\:scale-y-110:active {
  --scaleY: 1.1;
}

.scale-y-120 {
  --scaleY: 1.2;
}

.hover\:scale-y-120:hover {
  --scaleY: 1.2;
}

.focus\:scale-y-120:focus {
  --scaleY: 1.2;
}

.focus-within\:scale-y-120:focus-within {
  --scaleY: 1.2;
}

.active\:scale-y-120:active {
  --scaleY: 1.2;
}

.scale-y-125 {
  --scaleY: 1.25;
}

.hover\:scale-y-125:hover {
  --scaleY: 1.25;
}

.focus\:scale-y-125:focus {
  --scaleY: 1.25;
}

.focus-within\:scale-y-125:focus-within {
  --scaleY: 1.25;
}

.active\:scale-y-125:active {
  --scaleY: 1.25;
}

.scale-y-130 {
  --scaleY: 1.3;
}

.hover\:scale-y-130:hover {
  --scaleY: 1.3;
}

.focus\:scale-y-130:focus {
  --scaleY: 1.3;
}

.focus-within\:scale-y-130:focus-within {
  --scaleY: 1.3;
}

.active\:scale-y-130:active {
  --scaleY: 1.3;
}

.scale-y-140 {
  --scaleY: 1.4;
}

.hover\:scale-y-140:hover {
  --scaleY: 1.4;
}

.focus\:scale-y-140:focus {
  --scaleY: 1.4;
}

.focus-within\:scale-y-140:focus-within {
  --scaleY: 1.4;
}

.active\:scale-y-140:active {
  --scaleY: 1.4;
}

.scale-y-150 {
  --scaleY: 1.5;
}

.hover\:scale-y-150:hover {
  --scaleY: 1.5;
}

.focus\:scale-y-150:focus {
  --scaleY: 1.5;
}

.focus-within\:scale-y-150:focus-within {
  --scaleY: 1.5;
}

.active\:scale-y-150:active {
  --scaleY: 1.5;
}

.scale-y-160 {
  --scaleY: 1.6;
}

.hover\:scale-y-160:hover {
  --scaleY: 1.6;
}

.focus\:scale-y-160:focus {
  --scaleY: 1.6;
}

.focus-within\:scale-y-160:focus-within {
  --scaleY: 1.6;
}

.active\:scale-y-160:active {
  --scaleY: 1.6;
}

.scale-y-170 {
  --scaleY: 1.7;
}

.hover\:scale-y-170:hover {
  --scaleY: 1.7;
}

.focus\:scale-y-170:focus {
  --scaleY: 1.7;
}

.focus-within\:scale-y-170:focus-within {
  --scaleY: 1.7;
}

.active\:scale-y-170:active {
  --scaleY: 1.7;
}

.scale-y-175 {
  --scaleY: 1.75;
}

.hover\:scale-y-175:hover {
  --scaleY: 1.75;
}

.focus\:scale-y-175:focus {
  --scaleY: 1.75;
}

.focus-within\:scale-y-175:focus-within {
  --scaleY: 1.75;
}

.active\:scale-y-175:active {
  --scaleY: 1.75;
}

.scale-y-180 {
  --scaleY: 1.8;
}

.hover\:scale-y-180:hover {
  --scaleY: 1.8;
}

.focus\:scale-y-180:focus {
  --scaleY: 1.8;
}

.focus-within\:scale-y-180:focus-within {
  --scaleY: 1.8;
}

.active\:scale-y-180:active {
  --scaleY: 1.8;
}

.scale-y-190 {
  --scaleY: 1.9;
}

.hover\:scale-y-190:hover {
  --scaleY: 1.9;
}

.focus\:scale-y-190:focus {
  --scaleY: 1.9;
}

.focus-within\:scale-y-190:focus-within {
  --scaleY: 1.9;
}

.active\:scale-y-190:active {
  --scaleY: 1.9;
}

.scale-y-200 {
  --scaleY: 2;
}

.hover\:scale-y-200:hover {
  --scaleY: 2;
}

.focus\:scale-y-200:focus {
  --scaleY: 2;
}

.focus-within\:scale-y-200:focus-within {
  --scaleY: 2;
}

.active\:scale-y-200:active {
  --scaleY: 2;
}

.-scale-y-10 {
  --scaleY: -0.1;
}

.hover\:-scale-y-10:hover {
  --scaleY: -0.1;
}

.focus\:-scale-y-10:focus {
  --scaleY: -0.1;
}

.focus-within\:-scale-y-10:focus-within {
  --scaleY: -0.1;
}

.active\:-scale-y-10:active {
  --scaleY: -0.1;
}

.-scale-y-20 {
  --scaleY: -0.2;
}

.hover\:-scale-y-20:hover {
  --scaleY: -0.2;
}

.focus\:-scale-y-20:focus {
  --scaleY: -0.2;
}

.focus-within\:-scale-y-20:focus-within {
  --scaleY: -0.2;
}

.active\:-scale-y-20:active {
  --scaleY: -0.2;
}

.-scale-y-25 {
  --scaleY: -0.25;
}

.hover\:-scale-y-25:hover {
  --scaleY: -0.25;
}

.focus\:-scale-y-25:focus {
  --scaleY: -0.25;
}

.focus-within\:-scale-y-25:focus-within {
  --scaleY: -0.25;
}

.active\:-scale-y-25:active {
  --scaleY: -0.25;
}

.-scale-y-30 {
  --scaleY: -0.3;
}

.hover\:-scale-y-30:hover {
  --scaleY: -0.3;
}

.focus\:-scale-y-30:focus {
  --scaleY: -0.3;
}

.focus-within\:-scale-y-30:focus-within {
  --scaleY: -0.3;
}

.active\:-scale-y-30:active {
  --scaleY: -0.3;
}

.-scale-y-40 {
  --scaleY: -0.4;
}

.hover\:-scale-y-40:hover {
  --scaleY: -0.4;
}

.focus\:-scale-y-40:focus {
  --scaleY: -0.4;
}

.focus-within\:-scale-y-40:focus-within {
  --scaleY: -0.4;
}

.active\:-scale-y-40:active {
  --scaleY: -0.4;
}

.-scale-y-50 {
  --scaleY: -0.5;
}

.hover\:-scale-y-50:hover {
  --scaleY: -0.5;
}

.focus\:-scale-y-50:focus {
  --scaleY: -0.5;
}

.focus-within\:-scale-y-50:focus-within {
  --scaleY: -0.5;
}

.active\:-scale-y-50:active {
  --scaleY: -0.5;
}

.-scale-y-60 {
  --scaleY: -0.6;
}

.hover\:-scale-y-60:hover {
  --scaleY: -0.6;
}

.focus\:-scale-y-60:focus {
  --scaleY: -0.6;
}

.focus-within\:-scale-y-60:focus-within {
  --scaleY: -0.6;
}

.active\:-scale-y-60:active {
  --scaleY: -0.6;
}

.-scale-y-70 {
  --scaleY: -0.7;
}

.hover\:-scale-y-70:hover {
  --scaleY: -0.7;
}

.focus\:-scale-y-70:focus {
  --scaleY: -0.7;
}

.focus-within\:-scale-y-70:focus-within {
  --scaleY: -0.7;
}

.active\:-scale-y-70:active {
  --scaleY: -0.7;
}

.-scale-y-75 {
  --scaleY: -0.75;
}

.hover\:-scale-y-75:hover {
  --scaleY: -0.75;
}

.focus\:-scale-y-75:focus {
  --scaleY: -0.75;
}

.focus-within\:-scale-y-75:focus-within {
  --scaleY: -0.75;
}

.active\:-scale-y-75:active {
  --scaleY: -0.75;
}

.-scale-y-80 {
  --scaleY: -0.8;
}

.hover\:-scale-y-80:hover {
  --scaleY: -0.8;
}

.focus\:-scale-y-80:focus {
  --scaleY: -0.8;
}

.focus-within\:-scale-y-80:focus-within {
  --scaleY: -0.8;
}

.active\:-scale-y-80:active {
  --scaleY: -0.8;
}

.-scale-y-90 {
  --scaleY: -0.9;
}

.hover\:-scale-y-90:hover {
  --scaleY: -0.9;
}

.focus\:-scale-y-90:focus {
  --scaleY: -0.9;
}

.focus-within\:-scale-y-90:focus-within {
  --scaleY: -0.9;
}

.active\:-scale-y-90:active {
  --scaleY: -0.9;
}

.-scale-y-100 {
  --scaleY: -1;
}

.hover\:-scale-y-100:hover {
  --scaleY: -1;
}

.focus\:-scale-y-100:focus {
  --scaleY: -1;
}

.focus-within\:-scale-y-100:focus-within {
  --scaleY: -1;
}

.active\:-scale-y-100:active {
  --scaleY: -1;
}

.-scale-y-110 {
  --scaleY: -1.1;
}

.hover\:-scale-y-110:hover {
  --scaleY: -1.1;
}

.focus\:-scale-y-110:focus {
  --scaleY: -1.1;
}

.focus-within\:-scale-y-110:focus-within {
  --scaleY: -1.1;
}

.active\:-scale-y-110:active {
  --scaleY: -1.1;
}

.-scale-y-120 {
  --scaleY: -1.2;
}

.hover\:-scale-y-120:hover {
  --scaleY: -1.2;
}

.focus\:-scale-y-120:focus {
  --scaleY: -1.2;
}

.focus-within\:-scale-y-120:focus-within {
  --scaleY: -1.2;
}

.active\:-scale-y-120:active {
  --scaleY: -1.2;
}

.-scale-y-125 {
  --scaleY: -1.25;
}

.hover\:-scale-y-125:hover {
  --scaleY: -1.25;
}

.focus\:-scale-y-125:focus {
  --scaleY: -1.25;
}

.focus-within\:-scale-y-125:focus-within {
  --scaleY: -1.25;
}

.active\:-scale-y-125:active {
  --scaleY: -1.25;
}

.-scale-y-130 {
  --scaleY: -1.3;
}

.hover\:-scale-y-130:hover {
  --scaleY: -1.3;
}

.focus\:-scale-y-130:focus {
  --scaleY: -1.3;
}

.focus-within\:-scale-y-130:focus-within {
  --scaleY: -1.3;
}

.active\:-scale-y-130:active {
  --scaleY: -1.3;
}

.-scale-y-140 {
  --scaleY: -1.4;
}

.hover\:-scale-y-140:hover {
  --scaleY: -1.4;
}

.focus\:-scale-y-140:focus {
  --scaleY: -1.4;
}

.focus-within\:-scale-y-140:focus-within {
  --scaleY: -1.4;
}

.active\:-scale-y-140:active {
  --scaleY: -1.4;
}

.-scale-y-150 {
  --scaleY: -1.5;
}

.hover\:-scale-y-150:hover {
  --scaleY: -1.5;
}

.focus\:-scale-y-150:focus {
  --scaleY: -1.5;
}

.focus-within\:-scale-y-150:focus-within {
  --scaleY: -1.5;
}

.active\:-scale-y-150:active {
  --scaleY: -1.5;
}

.-scale-y-160 {
  --scaleY: -1.6;
}

.hover\:-scale-y-160:hover {
  --scaleY: -1.6;
}

.focus\:-scale-y-160:focus {
  --scaleY: -1.6;
}

.focus-within\:-scale-y-160:focus-within {
  --scaleY: -1.6;
}

.active\:-scale-y-160:active {
  --scaleY: -1.6;
}

.-scale-y-170 {
  --scaleY: -1.7;
}

.hover\:-scale-y-170:hover {
  --scaleY: -1.7;
}

.focus\:-scale-y-170:focus {
  --scaleY: -1.7;
}

.focus-within\:-scale-y-170:focus-within {
  --scaleY: -1.7;
}

.active\:-scale-y-170:active {
  --scaleY: -1.7;
}

.-scale-y-175 {
  --scaleY: -1.75;
}

.hover\:-scale-y-175:hover {
  --scaleY: -1.75;
}

.focus\:-scale-y-175:focus {
  --scaleY: -1.75;
}

.focus-within\:-scale-y-175:focus-within {
  --scaleY: -1.75;
}

.active\:-scale-y-175:active {
  --scaleY: -1.75;
}

.-scale-y-180 {
  --scaleY: -1.8;
}

.hover\:-scale-y-180:hover {
  --scaleY: -1.8;
}

.focus\:-scale-y-180:focus {
  --scaleY: -1.8;
}

.focus-within\:-scale-y-180:focus-within {
  --scaleY: -1.8;
}

.active\:-scale-y-180:active {
  --scaleY: -1.8;
}

.-scale-y-190 {
  --scaleY: -1.9;
}

.hover\:-scale-y-190:hover {
  --scaleY: -1.9;
}

.focus\:-scale-y-190:focus {
  --scaleY: -1.9;
}

.focus-within\:-scale-y-190:focus-within {
  --scaleY: -1.9;
}

.active\:-scale-y-190:active {
  --scaleY: -1.9;
}

.-scale-y-200 {
  --scaleY: -2;
}

.hover\:-scale-y-200:hover {
  --scaleY: -2;
}

.focus\:-scale-y-200:focus {
  --scaleY: -2;
}

.focus-within\:-scale-y-200:focus-within {
  --scaleY: -2;
}

.active\:-scale-y-200:active {
  --scaleY: -2;
}

.translate-1px {
  --translateX: 1px;
  --translateY: 1px;
}

.hover\:translate-1px:hover {
  --translateX: 1px;
  --translateY: 1px;
}

.focus\:translate-1px:focus {
  --translateX: 1px;
  --translateY: 1px;
}

.focus-within\:translate-1px:focus-within {
  --translateX: 1px;
  --translateY: 1px;
}

.active\:translate-1px:active {
  --translateX: 1px;
  --translateY: 1px;
}

.translate-2px {
  --translateX: 2px;
  --translateY: 2px;
}

.hover\:translate-2px:hover {
  --translateX: 2px;
  --translateY: 2px;
}

.focus\:translate-2px:focus {
  --translateX: 2px;
  --translateY: 2px;
}

.focus-within\:translate-2px:focus-within {
  --translateX: 2px;
  --translateY: 2px;
}

.active\:translate-2px:active {
  --translateX: 2px;
  --translateY: 2px;
}

.translate-3px {
  --translateX: 3px;
  --translateY: 3px;
}

.hover\:translate-3px:hover {
  --translateX: 3px;
  --translateY: 3px;
}

.focus\:translate-3px:focus {
  --translateX: 3px;
  --translateY: 3px;
}

.focus-within\:translate-3px:focus-within {
  --translateX: 3px;
  --translateY: 3px;
}

.active\:translate-3px:active {
  --translateX: 3px;
  --translateY: 3px;
}

.translate-0 {
  --translateX: 0;
  --translateY: 0;
}

.hover\:translate-0:hover {
  --translateX: 0;
  --translateY: 0;
}

.focus\:translate-0:focus {
  --translateX: 0;
  --translateY: 0;
}

.focus-within\:translate-0:focus-within {
  --translateX: 0;
  --translateY: 0;
}

.active\:translate-0:active {
  --translateX: 0;
  --translateY: 0;
}

.translate-1 {
  --translateX: 0.25rem;
  --translateY: 0.25rem;
}

.hover\:translate-1:hover {
  --translateX: 0.25rem;
  --translateY: 0.25rem;
}

.focus\:translate-1:focus {
  --translateX: 0.25rem;
  --translateY: 0.25rem;
}

.focus-within\:translate-1:focus-within {
  --translateX: 0.25rem;
  --translateY: 0.25rem;
}

.active\:translate-1:active {
  --translateX: 0.25rem;
  --translateY: 0.25rem;
}

.translate-2 {
  --translateX: 0.5rem;
  --translateY: 0.5rem;
}

.hover\:translate-2:hover {
  --translateX: 0.5rem;
  --translateY: 0.5rem;
}

.focus\:translate-2:focus {
  --translateX: 0.5rem;
  --translateY: 0.5rem;
}

.focus-within\:translate-2:focus-within {
  --translateX: 0.5rem;
  --translateY: 0.5rem;
}

.active\:translate-2:active {
  --translateX: 0.5rem;
  --translateY: 0.5rem;
}

.translate-3 {
  --translateX: 0.75rem;
  --translateY: 0.75rem;
}

.hover\:translate-3:hover {
  --translateX: 0.75rem;
  --translateY: 0.75rem;
}

.focus\:translate-3:focus {
  --translateX: 0.75rem;
  --translateY: 0.75rem;
}

.focus-within\:translate-3:focus-within {
  --translateX: 0.75rem;
  --translateY: 0.75rem;
}

.active\:translate-3:active {
  --translateX: 0.75rem;
  --translateY: 0.75rem;
}

.translate-4 {
  --translateX: 1rem;
  --translateY: 1rem;
}

.hover\:translate-4:hover {
  --translateX: 1rem;
  --translateY: 1rem;
}

.focus\:translate-4:focus {
  --translateX: 1rem;
  --translateY: 1rem;
}

.focus-within\:translate-4:focus-within {
  --translateX: 1rem;
  --translateY: 1rem;
}

.active\:translate-4:active {
  --translateX: 1rem;
  --translateY: 1rem;
}

.translate-5 {
  --translateX: 1.25rem;
  --translateY: 1.25rem;
}

.hover\:translate-5:hover {
  --translateX: 1.25rem;
  --translateY: 1.25rem;
}

.focus\:translate-5:focus {
  --translateX: 1.25rem;
  --translateY: 1.25rem;
}

.focus-within\:translate-5:focus-within {
  --translateX: 1.25rem;
  --translateY: 1.25rem;
}

.active\:translate-5:active {
  --translateX: 1.25rem;
  --translateY: 1.25rem;
}

.translate-6 {
  --translateX: 1.5rem;
  --translateY: 1.5rem;
}

.hover\:translate-6:hover {
  --translateX: 1.5rem;
  --translateY: 1.5rem;
}

.focus\:translate-6:focus {
  --translateX: 1.5rem;
  --translateY: 1.5rem;
}

.focus-within\:translate-6:focus-within {
  --translateX: 1.5rem;
  --translateY: 1.5rem;
}

.active\:translate-6:active {
  --translateX: 1.5rem;
  --translateY: 1.5rem;
}

.translate-7 {
  --translateX: 1.75rem;
  --translateY: 1.75rem;
}

.hover\:translate-7:hover {
  --translateX: 1.75rem;
  --translateY: 1.75rem;
}

.focus\:translate-7:focus {
  --translateX: 1.75rem;
  --translateY: 1.75rem;
}

.focus-within\:translate-7:focus-within {
  --translateX: 1.75rem;
  --translateY: 1.75rem;
}

.active\:translate-7:active {
  --translateX: 1.75rem;
  --translateY: 1.75rem;
}

.translate-8 {
  --translateX: 2rem;
  --translateY: 2rem;
}

.hover\:translate-8:hover {
  --translateX: 2rem;
  --translateY: 2rem;
}

.focus\:translate-8:focus {
  --translateX: 2rem;
  --translateY: 2rem;
}

.focus-within\:translate-8:focus-within {
  --translateX: 2rem;
  --translateY: 2rem;
}

.active\:translate-8:active {
  --translateX: 2rem;
  --translateY: 2rem;
}

.translate-10 {
  --translateX: 2.5rem;
  --translateY: 2.5rem;
}

.hover\:translate-10:hover {
  --translateX: 2.5rem;
  --translateY: 2.5rem;
}

.focus\:translate-10:focus {
  --translateX: 2.5rem;
  --translateY: 2.5rem;
}

.focus-within\:translate-10:focus-within {
  --translateX: 2.5rem;
  --translateY: 2.5rem;
}

.active\:translate-10:active {
  --translateX: 2.5rem;