@layer theme,base;@layer components{:root{--sheet-open-dur:var(--duration-slow);--sheet-close-dur:var(--duration-fast);--sheet-translate:100%;--sheet-ease:var(--ease-smooth-out)}.t-sheet{opacity:0;pointer-events:none;transition:transform var(--sheet-close-dur) var(--sheet-ease), opacity var(--sheet-close-dur) var(--sheet-ease);will-change:transform, opacity}.t-sheet[data-side=right]{transform:translateX(var(--sheet-translate))}.t-sheet[data-side=left]{transform:translateX(calc(-1 * var(--sheet-translate)))}.t-sheet[data-side=top]{transform:translateY(calc(-1 * var(--sheet-translate)))}.t-sheet[data-side=bottom]{transform:translateY(var(--sheet-translate))}.t-sheet[data-state=open]{opacity:1;pointer-events:auto;transition:transform var(--sheet-open-dur) var(--sheet-ease), opacity var(--sheet-open-dur) var(--sheet-ease);transform:translate(0)}@media (prefers-reduced-motion:reduce){.t-sheet,.t-sheet[data-side],.t-sheet[data-state]{transition-property:opacity;transform:none}}}@layer utilities;