.bottom-sheet{width:calc(100% - 16px);max-width:560px;max-height:calc(80 * var(--dvh));margin:auto auto max(8px, env(safe-area-inset-bottom));overscroll-behavior:contain;border:1px solid color-mix(in srgb, var(--fg) 10%, transparent);background:color-mix(in srgb, var(--surface) 94%, transparent);color:var(--fg);-webkit-backdrop-filter:blur(24px)saturate(1.6);backdrop-filter:blur(24px)saturate(1.6);scrollbar-width:none;translate:0 var(--drag,0px);transition:translate .42s var(--ease-brand);border-radius:30px;padding:0;overflow-y:auto;box-shadow:0 24px 60px -18px #00000073,inset 0 1px #ffffff8c}.bottom-sheet::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .3s var(--ease-brand);background:#00000059}.bottom-sheet[data-closing]{transition-duration:.28s;translate:0 105%}.bottom-sheet[data-closing]::backdrop{opacity:0}.bottom-sheet[data-dragging]{transition:none}@starting-style{.bottom-sheet[open]{translate:0 105%}.bottom-sheet[open]::backdrop{opacity:0}}.bottom-sheet-grip{z-index:2;cursor:grab;touch-action:none;place-items:center;height:26px;display:grid;position:sticky;top:0}.bottom-sheet-grip:before{content:"";background:color-mix(in srgb, var(--fg) 22%, transparent);border-radius:99px;width:40px;height:5px}@media (prefers-reduced-motion:reduce){.bottom-sheet,.bottom-sheet::backdrop{transition:none!important}}