@layer components{:root{--sheet-overlay-bg:var(--color-overlay);--sheet-overlay-z:50;--sheet-overlay-duration:var(--transition-duration);--sheet-content-bg:var(--color-white);--sheet-content-padding:1.25rem;--sheet-content-gap:1rem;--sheet-content-z:50;--sheet-content-open-duration:var(--transition-duration);--sheet-content-close-duration:var(--transition-duration);--sheet-content-radius:var(--radius-lg);--sheet-size-w-sm:50%;--sheet-size-w-md:60%;--sheet-size-w-lg:70%;--sheet-size-w-xl:80%;--sheet-size-w-full:94%;--sheet-size-h-sm:30%;--sheet-size-h-md:40%;--sheet-size-h-lg:50%;--sheet-size-h-xl:70%;--sheet-size-h-full:90%;--sheet-close-inset:.125rem;--sheet-close-opacity:var(--disabled-opacity);--sheet-title-font-size:var(--text-xl);--sheet-title-line-height:1.5rem;--sheet-title-font-weight:500;--sheet-footer-justify:flex-end;--sheet-description-font-size:inherit;--sheet-description-color:inherit}:where(.sheet-overlay){z-index:var(--sheet-overlay-z);background-color:var(--sheet-overlay-bg);position:fixed;inset:0}@keyframes sheet-overlay-enter{0%{opacity:0}}@keyframes sheet-overlay-exit{to{opacity:0}}:where(.sheet-overlay)[data-state=open]{animation:sheet-overlay-enter var(--sheet-overlay-duration) var(--transition-easing) both}:where(.sheet-overlay)[data-state=closed]{animation:sheet-overlay-exit var(--sheet-overlay-duration) var(--transition-easing) both}:where(.sheet-content){z-index:var(--sheet-content-z);gap:var(--sheet-content-gap);background-color:var(--sheet-content-bg);padding:var(--sheet-content-padding);outline:none;flex-direction:column;display:flex;position:fixed}:where(.sheet-close-btn){--btn-text:inherit;--btn-hover-bg:transparent;--btn-hover-border:transparent;top:var(--sheet-close-inset);right:var(--sheet-close-inset);position:absolute}:where(.sheet-close-btn)>svg{opacity:var(--sheet-close-opacity);transition:var(--transition-default)}@media (hover:hover){:where(.sheet-close-btn):hover>svg{opacity:1;transform:scale(1.15)}}:where(.sheet-header){gap:var(--gap-default);flex-direction:column;display:flex}:where(.sheet-title){font-weight:var(--sheet-title-font-weight);font-size:var(--sheet-title-font-size);line-height:var(--sheet-title-line-height)}:where(.sheet-footer){gap:var(--gap-default);justify-content:var(--sheet-footer-justify);display:flex}:where(.sheet-description){font-size:var(--sheet-description-font-size);color:var(--sheet-description-color);opacity:var(--label-opacity)}:where(.sheet-content)[data-side=top]{inset-inline:0;border-bottom-left-radius:var(--sheet-content-radius);border-bottom-right-radius:var(--sheet-content-radius);width:100%;top:0}:where(.sheet-content)[data-side=bottom]{inset-inline:0;border-top-left-radius:var(--sheet-content-radius);border-top-right-radius:var(--sheet-content-radius);width:100%;bottom:0}:where(.sheet-content)[data-side=left]{inset-block:0;border-top-right-radius:var(--sheet-content-radius);border-bottom-right-radius:var(--sheet-content-radius);height:100%;left:0}:where(.sheet-content)[data-side=right]{inset-block:0;border-top-left-radius:var(--sheet-content-radius);border-bottom-left-radius:var(--sheet-content-radius);height:100%;right:0}:where(.sheet-content)[data-side=left][data-size=sm],:where(.sheet-content)[data-side=right][data-size=sm]{width:var(--sheet-size-w-sm)}:where(.sheet-content)[data-side=left][data-size=md],:where(.sheet-content)[data-side=right][data-size=md]{width:var(--sheet-size-w-md)}:where(.sheet-content)[data-side=left][data-size=lg],:where(.sheet-content)[data-side=right][data-size=lg]{width:var(--sheet-size-w-lg)}:where(.sheet-content)[data-side=left][data-size=xl],:where(.sheet-content)[data-side=right][data-size=xl]{width:var(--sheet-size-w-xl)}:where(.sheet-content)[data-side=left][data-size=full],:where(.sheet-content)[data-side=right][data-size=full]{width:var(--sheet-size-w-full)}:where(.sheet-content)[data-side=top][data-size=sm],:where(.sheet-content)[data-side=bottom][data-size=sm]{height:var(--sheet-size-h-sm)}:where(.sheet-content)[data-side=top][data-size=md],:where(.sheet-content)[data-side=bottom][data-size=md]{height:var(--sheet-size-h-md)}:where(.sheet-content)[data-side=top][data-size=lg],:where(.sheet-content)[data-side=bottom][data-size=lg]{height:var(--sheet-size-h-lg)}:where(.sheet-content)[data-side=top][data-size=xl],:where(.sheet-content)[data-side=bottom][data-size=xl]{height:var(--sheet-size-h-xl)}:where(.sheet-content)[data-side=top][data-size=full],:where(.sheet-content)[data-side=bottom][data-size=full]{height:var(--sheet-size-h-full)}@keyframes sheet-slide-in-from-top{0%{transform:translateY(-100%)}}@keyframes sheet-slide-out-to-top{to{transform:translateY(-100%)}}@keyframes sheet-slide-in-from-bottom{0%{transform:translateY(100%)}}@keyframes sheet-slide-out-to-bottom{to{transform:translateY(100%)}}@keyframes sheet-slide-in-from-left{0%{transform:translate(-100%)}}@keyframes sheet-slide-out-to-left{to{transform:translate(-100%)}}@keyframes sheet-slide-in-from-right{0%{transform:translate(100%)}}@keyframes sheet-slide-out-to-right{to{transform:translate(100%)}}:where(.sheet-content)[data-side=top][data-state=open]{animation:sheet-slide-in-from-top var(--sheet-content-open-duration) var(--transition-easing) both}:where(.sheet-content)[data-side=top][data-state=closed]{animation:sheet-slide-out-to-top var(--sheet-content-close-duration) var(--transition-easing) both}:where(.sheet-content)[data-side=bottom][data-state=open]{animation:sheet-slide-in-from-bottom var(--sheet-content-open-duration) var(--transition-easing) both}:where(.sheet-content)[data-side=bottom][data-state=closed]{animation:sheet-slide-out-to-bottom var(--sheet-content-close-duration) var(--transition-easing) both}:where(.sheet-content)[data-side=left][data-state=open]{animation:sheet-slide-in-from-left var(--sheet-content-open-duration) var(--transition-easing) both}:where(.sheet-content)[data-side=left][data-state=closed]{animation:sheet-slide-out-to-left var(--sheet-content-close-duration) var(--transition-easing) both}:where(.sheet-content)[data-side=right][data-state=open]{animation:sheet-slide-in-from-right var(--sheet-content-open-duration) var(--transition-easing) both}:where(.sheet-content)[data-side=right][data-state=closed]{animation:sheet-slide-out-to-right var(--sheet-content-close-duration) var(--transition-easing) both}:where(.sheet-content)[data-swipe][data-side=right],:where(.sheet-content)[data-swipe][data-side=left]{touch-action:pan-y}:where(.sheet-content)[data-swipe][data-side=top],:where(.sheet-content)[data-swipe][data-side=bottom]{touch-action:pan-x}.sheet-content[data-swiping]{animation:none!important}}