@layer components{.drawer-backdrop,.drawer-viewport{--drawer-curve:cubic-bezier(.32, .72, 0, 1);--drawer-enter-ms:.45s;--drawer-exit-ms:.4s}.drawer-backdrop{min-height:100dvh;z-index:var(--z-modal);opacity:calc(1 - var(--drawer-swipe-progress,0));transition:opacity var(--drawer-enter-ms) var(--drawer-curve);background-color:#0006;position:fixed;inset:0}.drawer-backdrop[data-swiping]{transition-duration:0s}.drawer-backdrop[data-starting-style],.drawer-backdrop[data-ending-style]{opacity:0}.drawer-backdrop[data-ending-style]{transition-duration:calc(var(--drawer-swipe-strength,1) * var(--drawer-exit-ms))}.dark .drawer-backdrop{background-color:#000c}.drawer-viewport{z-index:var(--z-modal);touch-action:none;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.drawer-edge{pointer-events:none;height:12px;position:fixed;inset-inline:0}.drawer-edge-top{background-color:color-mix(in srgb, black 40%, var(--background));top:-7px}.dark .drawer-edge-top{background-color:color-mix(in srgb, black 80%, var(--background))}.drawer-edge-bottom{background-color:var(--drawer-bg);bottom:-7px}.drawer-popup{--top-gap:1rem;--bleed:3rem;--peek:1rem;--stack-step:.05;--stack-progress:clamp(0, var(--drawer-swipe-progress,0), 1);--stack-peek-offset:max(0px, calc((var(--nested-drawers,0) - var(--stack-progress)) * var(--peek)));--scale-base:calc(max(0, 1 - (var(--nested-drawers,0) * var(--stack-step))));--scale:clamp(0, calc(var(--scale-base) + (var(--stack-step) * var(--stack-progress))), 1);--shrink:calc(1 - var(--scale));--stack-height:var(--drawer-frontmost-height,var(--drawer-height,0px));width:100%;max-height:calc(100dvh - var(--top-gap));height:var(--drawer-height,auto);border-radius:var(--drawer-radius) var(--drawer-radius) 0 0;padding-bottom:calc(max(0px, calc(var(--drawer-snap-point-offset,0px) + var(--drawer-swipe-movement-y,0px))) + var(--drawer-keyboard-inset,0px));color:var(--foreground);touch-action:none;transform-origin:50% 100%;transform:translateY(calc(var(--drawer-snap-point-offset,0px) + var(--drawer-swipe-movement-y,0px) - var(--stack-peek-offset) - (var(--shrink) * var(--stack-height)))) scale(var(--scale));transition:transform var(--drawer-enter-ms) var(--drawer-curve), height var(--drawer-enter-ms) var(--drawer-curve);will-change:transform;outline:none;flex-direction:column;display:flex;position:relative}.drawer-popup:after{content:"";inset-inline:0;height:var(--bleed);background:inherit;pointer-events:none;position:absolute;top:100%}.drawer-popup:before{content:"";z-index:2;border-radius:inherit;opacity:0;pointer-events:none;transition:opacity var(--drawer-enter-ms) var(--drawer-curve);background-color:#0000000d;position:absolute;inset:0}.drawer-popup[data-nested-drawer-open]:before{opacity:1}.drawer-popup[data-swiping],.drawer-popup[data-nested-drawer-swiping]{-webkit-user-select:none;user-select:none;transition-duration:0s}.drawer-popup[data-starting-style],.drawer-popup[data-ending-style]{padding-bottom:0;transform:translateY(calc(100% + 2px))}.drawer-popup[data-ending-style]{transition-duration:calc(var(--drawer-swipe-strength,1) * var(--drawer-exit-ms))}.drawer-popup[data-nested-drawer-open]{height:var(--stack-height);overflow:hidden}.dark .drawer-popup:before{background-color:#0006}.drawer-content{flex-direction:column;flex:1;min-height:0;transition:opacity .3s;display:flex}.drawer-popup[data-nested-drawer-open]>.drawer-content{opacity:0}.drawer-popup[data-nested-drawer-swiping]>.drawer-content{opacity:1}.drawer-grabber{background-color:color-mix(in oklab, var(--foreground) 18%, transparent);border-radius:9999px;flex-shrink:0;width:36px;height:5px;margin:8px auto 0}.drawer-body{overscroll-behavior:contain;touch-action:auto;flex:1;min-height:0;overflow-y:auto}@supports (timeline-scope:--drawer-body){.drawer-content:has(>.drawer-body[data-divider]){--drawer-divider-size:48px;timeline-scope:--drawer-body}.drawer-content:has(>.drawer-body[data-divider])>.drawer-body{scroll-timeline-name:--drawer-body}.drawer-content:has(>.drawer-body[data-divider])>:is(.drawer-header,[data-drawer-footer]){position:relative}.drawer-content:has(>.drawer-body[data-divider])>.drawer-header:after,.drawer-content:has(>.drawer-body[data-divider])>[data-drawer-footer]:before{content:"";background-color:var(--border);opacity:0;pointer-events:none;height:1px;position:absolute;inset-inline:0}.drawer-content:has(>.drawer-body[data-divider])>.drawer-header:after{animation:linear both sf-divider-start;animation-timeline:--drawer-body;animation-range:0 var(--drawer-divider-size);bottom:0}.drawer-content:has(>.drawer-body[data-divider])>[data-drawer-footer]:before{animation:linear both sf-divider-end;animation-timeline:--drawer-body;animation-range:calc(100% - var(--drawer-divider-size)) 100%;top:0}}@media (prefers-reduced-motion:reduce){.drawer-backdrop,.drawer-popup,.drawer-popup:before,.drawer-content{transition-duration:0s!important}}}