/* SPDX-License-Identifier: MIT */
/* Copyright (C) 2026 Abhishek Sengar */

.selection\:bg-indigo-100 *::-moz-selection {
  --ui-bg-opacity: 1;
  background-color: rgb(var(--brand-100-rgb) / var(--ui-bg-opacity, 1));
}

.selection\:bg-indigo-100 *::selection {
  --ui-bg-opacity: 1;
  background-color: rgb(var(--brand-100-rgb) / var(--ui-bg-opacity, 1));
}

.selection\:text-indigo-900 *::-moz-selection {
  --ui-text-opacity: 1;
  color: rgb(var(--brand-900-rgb) / var(--ui-text-opacity, 1));
}

.selection\:text-indigo-900 *::selection {
  --ui-text-opacity: 1;
  color: rgb(var(--brand-900-rgb) / var(--ui-text-opacity, 1));
}

.selection\:bg-indigo-100::-moz-selection {
  --ui-bg-opacity: 1;
  background-color: rgb(var(--brand-100-rgb) / var(--ui-bg-opacity, 1));
}

.selection\:bg-indigo-100::selection {
  --ui-bg-opacity: 1;
  background-color: rgb(var(--brand-100-rgb) / var(--ui-bg-opacity, 1));
}

.selection\:text-indigo-900::-moz-selection {
  --ui-text-opacity: 1;
  color: rgb(var(--brand-900-rgb) / var(--ui-text-opacity, 1));
}

.selection\:text-indigo-900::selection {
  --ui-text-opacity: 1;
  color: rgb(var(--brand-900-rgb) / var(--ui-text-opacity, 1));
}

.placeholder\:text-slate-400::-moz-placeholder {
  --ui-text-opacity: 1;
  color: rgb(148 163 184 / var(--ui-text-opacity, 1));
}

.placeholder\:text-slate-400::placeholder {
  --ui-text-opacity: 1;
  color: rgb(148 163 184 / var(--ui-text-opacity, 1));
}

.hover\:scale-105:hover {
  --ui-scale-x: 1.05;
  --ui-scale-y: 1.05;
  transform: translate(var(--ui-translate-x), var(--ui-translate-y)) rotate(var(--ui-rotate)) skewX(var(--ui-skew-x)) skewY(var(--ui-skew-y)) scaleX(var(--ui-scale-x)) scaleY(var(--ui-scale-y));
}

.hover\:scale-125:hover {
  --ui-scale-x: 1.25;
  --ui-scale-y: 1.25;
  transform: translate(var(--ui-translate-x), var(--ui-translate-y)) rotate(var(--ui-rotate)) skewX(var(--ui-skew-x)) skewY(var(--ui-skew-y)) scaleX(var(--ui-scale-x)) scaleY(var(--ui-scale-y));
}

.hover\:border-brand-200:hover {
  --ui-border-opacity: 1;
  border-color: rgb(var(--brand-200-rgb) / var(--ui-border-opacity, 1));
}

.hover\:border-brand-400:hover {
  --ui-border-opacity: 1;
  border-color: rgb(var(--brand-400-rgb) / var(--ui-border-opacity, 1));
}

.hover\:border-indigo-300:hover {
  --ui-border-opacity: 1;
  border-color: rgb(var(--brand-300-rgb) / var(--ui-border-opacity, 1));
}

.hover\:border-indigo-400:hover {
  --ui-border-opacity: 1;
  border-color: rgb(var(--brand-400-rgb) / var(--ui-border-opacity, 1));
}

.hover\:border-slate-200\/70:hover {
  border-color: rgb(226 232 240 / 0.7);
}

.hover\:border-slate-300:hover {
  --ui-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--ui-border-opacity, 1));
}

.hover\:bg-amber-100:hover {
  --ui-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--ui-bg-opacity, 1));
}

.hover\:bg-brand-50:hover {
  --ui-bg-opacity: 1;
  background-color: rgb(var(--brand-50-rgb) / var(--ui-bg-opacity, 1));
}

.hover\:bg-brand-50\/40:hover {
  background-color: rgb(var(--brand-50-rgb) / 0.4);
}

.hover\:bg-brand-600:hover {
  --ui-bg-opacity: 1;
  background-color: rgb(var(--brand-600-rgb) / var(--ui-bg-opacity, 1));
}

.hover\:bg-brand-700:hover {
  --ui-bg-opacity: 1;
  background-color: rgb(var(--brand-700-rgb) / var(--ui-bg-opacity, 1));
}

.hover\:bg-emerald-100:hover {
  --ui-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--ui-bg-opacity, 1));
}

.hover\:bg-emerald-500:hover {
  --ui-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--ui-bg-opacity, 1));
}

.hover\:bg-emerald-600:hover {
  --ui-bg-opacity: 1;
  background-color: rgb(5 150 105 / var(--ui-bg-opacity, 1));
}

.hover\:bg-emerald-700:hover {
  --ui-bg-opacity: 1;
  background-color: rgb(4 120 87 / var(--ui-bg-opacity, 1));
}

.hover\:bg-indigo-100:hover {
  --ui-bg-opacity: 1;
  background-color: rgb(var(--brand-100-rgb) / var(--ui-bg-opacity, 1));
}

.hover\:bg-indigo-50:hover {
  --ui-bg-opacity: 1;
  background-color: rgb(var(--brand-50-rgb) / var(--ui-bg-opacity, 1));
}

.hover\:bg-indigo-50\/40:hover {
  background-color: rgb(var(--brand-50-rgb) / 0.4);
}

.hover\:bg-indigo-500:hover {
  --ui-bg-opacity: 1;
  background-color: rgb(var(--brand-500-rgb) / var(--ui-bg-opacity, 1));
}

.hover\:bg-indigo-500\/20:hover {
  background-color: rgb(var(--brand-500-rgb) / 0.2);
}

.hover\:bg-indigo-600:hover {
  --ui-bg-opacity: 1;
  background-color: rgb(var(--brand-600-rgb) / var(--ui-bg-opacity, 1));
}

.hover\:bg-indigo-700:hover {
  --ui-bg-opacity: 1;
  background-color: rgb(var(--brand-700-rgb) / var(--ui-bg-opacity, 1));
}

.hover\:bg-rose-100:hover {
  --ui-bg-opacity: 1;
  background-color: rgb(255 228 230 / var(--ui-bg-opacity, 1));
}

.hover\:bg-rose-50:hover {
  --ui-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--ui-bg-opacity, 1));
}

.hover\:bg-slate-100:hover {
  --ui-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--ui-bg-opacity, 1));
}

.hover\:bg-slate-200:hover {
  --ui-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--ui-bg-opacity, 1));
}

.hover\:bg-slate-200\/60:hover {
  background-color: rgb(226 232 240 / 0.6);
}

.hover\:bg-slate-200\/70:hover {
  background-color: rgb(226 232 240 / 0.7);
}

.hover\:bg-slate-50:hover {
  --ui-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--ui-bg-opacity, 1));
}

.hover\:bg-white:hover {
  --ui-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--ui-bg-opacity, 1));
}

.hover\:text-brand-700:hover {
  --ui-text-opacity: 1;
  color: rgb(var(--brand-700-rgb) / var(--ui-text-opacity, 1));
}

.hover\:text-indigo-600:hover {
  --ui-text-opacity: 1;
  color: rgb(var(--brand-600-rgb) / var(--ui-text-opacity, 1));
}

.hover\:text-indigo-700:hover {
  --ui-text-opacity: 1;
  color: rgb(var(--brand-700-rgb) / var(--ui-text-opacity, 1));
}

.hover\:text-indigo-800:hover {
  --ui-text-opacity: 1;
  color: rgb(var(--brand-800-rgb) / var(--ui-text-opacity, 1));
}

.hover\:text-rose-600:hover {
  --ui-text-opacity: 1;
  color: rgb(225 29 72 / var(--ui-text-opacity, 1));
}

.hover\:text-slate-600:hover {
  --ui-text-opacity: 1;
  color: rgb(71 85 105 / var(--ui-text-opacity, 1));
}

.hover\:text-slate-700:hover {
  --ui-text-opacity: 1;
  color: rgb(51 65 85 / var(--ui-text-opacity, 1));
}

.hover\:text-slate-800:hover {
  --ui-text-opacity: 1;
  color: rgb(30 41 59 / var(--ui-text-opacity, 1));
}

.hover\:text-slate-900:hover {
  --ui-text-opacity: 1;
  color: rgb(15 23 42 / var(--ui-text-opacity, 1));
}

.hover\:text-white:hover {
  --ui-text-opacity: 1;
  color: rgb(255 255 255 / var(--ui-text-opacity, 1));
}

.hover\:underline:hover {
  text-decoration-line: underline;
}

.hover\:opacity-100:hover {
  opacity: 1;
}

.focus\:border-brand-500:focus {
  --ui-border-opacity: 1;
  border-color: rgb(var(--brand-500-rgb) / var(--ui-border-opacity, 1));
}

.focus\:border-indigo-400:focus {
  --ui-border-opacity: 1;
  border-color: rgb(var(--brand-400-rgb) / var(--ui-border-opacity, 1));
}

.focus\:border-indigo-500:focus {
  --ui-border-opacity: 1;
  border-color: rgb(var(--brand-500-rgb) / var(--ui-border-opacity, 1));
}

.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:ring-2:focus {
  --ui-ring-offset-shadow: var(--ui-ring-inset) 0 0 0 var(--ui-ring-offset-width) var(--ui-ring-offset-color);
  --ui-ring-shadow: var(--ui-ring-inset) 0 0 0 calc(2px + var(--ui-ring-offset-width)) var(--ui-ring-color);
  box-shadow: var(--ui-ring-offset-shadow), var(--ui-ring-shadow), var(--ui-shadow, 0 0 #0000);
}

.focus\:ring-brand-500\/20:focus {
  --ui-ring-color: rgb(var(--brand-500-rgb) / 0.2);
}

.active\:scale-95:active {
  --ui-scale-x: .95;
  --ui-scale-y: .95;
  transform: translate(var(--ui-translate-x), var(--ui-translate-y)) rotate(var(--ui-rotate)) skewX(var(--ui-skew-x)) skewY(var(--ui-skew-y)) scaleX(var(--ui-scale-x)) scaleY(var(--ui-scale-y));
}

.active\:cursor-grabbing:active {
  cursor: grabbing;
}

.disabled\:opacity-30:disabled {
  opacity: 0.3;
}

.disabled\:opacity-40:disabled {
  opacity: 0.4;
}

.group:hover .group-hover\:scale-110 {
  --ui-scale-x: 1.1;
  --ui-scale-y: 1.1;
  transform: translate(var(--ui-translate-x), var(--ui-translate-y)) rotate(var(--ui-rotate)) skewX(var(--ui-skew-x)) skewY(var(--ui-skew-y)) scaleX(var(--ui-scale-x)) scaleY(var(--ui-scale-y));
}

.group:hover .group-hover\:scale-125 {
  --ui-scale-x: 1.25;
  --ui-scale-y: 1.25;
  transform: translate(var(--ui-translate-x), var(--ui-translate-y)) rotate(var(--ui-rotate)) skewX(var(--ui-skew-x)) skewY(var(--ui-skew-y)) scaleX(var(--ui-scale-x)) scaleY(var(--ui-scale-y));
}

.group:hover .group-hover\:bg-indigo-600 {
  --ui-bg-opacity: 1;
  background-color: rgb(var(--brand-600-rgb) / var(--ui-bg-opacity, 1));
}

.group:hover .group-hover\:text-brand-600 {
  --ui-text-opacity: 1;
  color: rgb(var(--brand-600-rgb) / var(--ui-text-opacity, 1));
}

.group:hover .group-hover\:text-brand-700 {
  --ui-text-opacity: 1;
  color: rgb(var(--brand-700-rgb) / var(--ui-text-opacity, 1));
}

.group:hover .group-hover\:text-indigo-700 {
  --ui-text-opacity: 1;
  color: rgb(var(--brand-700-rgb) / var(--ui-text-opacity, 1));
}

.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}