@layer theme, base, components, utilities;@layer components{.anim-stage{position:relative;display:flex;height:20rem;width:20rem;max-width:100%;align-items:center;justify-content:center}.anim-paper{--paper-border:hsl(var(--border));background-color:#ffffff;border:1px solid var(--paper-border);border-radius:.5rem}.dark .anim-paper{--paper-border:hsl(220 13% 82%)}.anim-panel{background-color:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.75rem}.anim-well{background-color:hsl(var(--muted)/.6);border:1px solid hsl(var(--border));border-radius:.5rem}.anim-tile{background-color:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.375rem}.anim-ink-1{background-color:hsl(var(--foreground)/.82)}.anim-ink-2{background-color:hsl(var(--muted-foreground)/.7)}.anim-ink-3{background-color:hsl(var(--muted-foreground)/.4)}.anim-ink-4{background-color:hsl(var(--muted-foreground)/.2)}.anim-ink-primary{background-color:hsl(var(--primary))}.anim-loop{animation-duration:var(--anim-dur,12s);animation-timing-function:var(--anim-ease,cubic-bezier(.4,0,.2,1));animation-iteration-count:infinite;animation-fill-mode:both;animation-play-state:var(--replayable-animation-play,running)}.anim-mask-y{-webkit-mask-image:linear-gradient(180deg,transparent 0,black 10%,black 90%,transparent);mask-image:linear-gradient(180deg,transparent 0,black 10%,black 90%,transparent)}@media (prefers-reduced-motion:reduce){.anim-loop{animation:none!important}}}