/* hom-nay-an-gi.blade.php: Tailwind step 2. Utilities live in the markup; built by work/tw/build-tools.sh (content: hom-nay-an-gi.classes). */

@keyframes agTick {
  from {
    transform: translateY(-40%);
    opacity: .2;
  }
}

@keyframes agPop {
  40% {
    transform: scale(1.025);
  }
}

@keyframes agIn {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}

/*! tw-utilities */

:where(.cmt) .tw-css-animation-\[agIn_\.3s_ease\] {
  animation: agIn .3s ease;
}

@media (prefers-reduced-motion: reduce) {
  :where(.cmt) .mq1-motion-reduce\:tw-css-animation-\[none\] {
    animation: none;
  }
}

:where(.cmt) #ag-opts .\[\#ag-opts_\&\[aria-pressed\=true\]\]\:tw-css-background-\[var\(--accent\2c _\#1D1D1F\)\][aria-pressed=true] {
  background: var(--accent, #1D1D1F);
}

:where(.cmt) #ag-opts .\[\#ag-opts_\&\[aria-pressed\=true\]\]\:tw-css-color-\[var\(--on-accent\2c _\#fff\)\][aria-pressed=true] {
  color: var(--on-accent, #fff);
}

:where(.cmt) .\[\&\.is-done\]\:tw-css-animation-\[agPop_\.35s_cubic-bezier\(\.2\2c _\.9\2c _\.3\2c _1\.3\)\].is-done {
  animation: agPop .35s cubic-bezier(.2, .9, .3, 1.3);
}

@media (prefers-reduced-motion: reduce) {
  :where(.cmt) .mq1-motion-reduce\:\[\&\.is-done\]\:tw-css-animation-\[none\].is-done {
    animation: none;
  }
}

:where(.cmt) .ag-slot.is-tick .\[\.ag-slot\.is-tick_\&\]\:tw-css-animation-\[agTick_\.09s_ease-out\] {
  animation: agTick .09s ease-out;
}

@media (prefers-reduced-motion: reduce) {
  :where(.cmt) .ag-slot.is-tick .mq1-motion-reduce\:\[\.ag-slot\.is-tick_\&\]\:tw-css-animation-\[none\] {
    animation: none;
  }
}