.bottom-sheet__backdrop{z-index:var(--z-modal);background:color-mix(in oklch, var(--fg) 42%, transparent);transition:opacity .22s var(--ease-out);position:fixed;inset:0}.bottom-sheet__backdrop[data-closed]{opacity:0}.bottom-sheet__backdrop[data-open]{opacity:1}.bottom-sheet__viewport{z-index:calc(var(--z-modal) + 1);pointer-events:none;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.bottom-sheet__popup{pointer-events:auto;width:min(560px,100%);max-height:min(88dvh,760px);color:var(--fg);background:var(--bg);border-radius:var(--radius-panel) var(--radius-panel) 0 0;box-shadow:0 -16px 60px color-mix(in oklch, var(--fg) 18%, transparent);transform:translateY(var(--drawer-swipe-movement-y,0));transition:transform .22s cubic-bezier(.32, .72, 0, 1), opacity .22s var(--ease-out);outline:0}.bottom-sheet__popup.city-picker{border:0;width:min(560px,100%);margin:0;padding:0}.bottom-sheet__popup[data-starting-style],.bottom-sheet__popup[data-ending-style]{opacity:0;transform:translateY(100%)}.bottom-sheet__content{min-height:0;max-height:inherit;flex-direction:column;display:flex}.bottom-sheet__handle{background:var(--border);border-radius:999px;width:36px;height:4px;margin:10px auto 2px}.bottom-sheet__header{justify-content:space-between;align-items:flex-start;gap:16px;min-height:64px;padding:10px 18px 12px;display:flex}.bottom-sheet__title{color:var(--fg);letter-spacing:-.02em;margin:0;font-size:21px;line-height:1.2}.bottom-sheet__description{max-width:42ch;color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.4}.bottom-sheet__close{border-radius:var(--radius-control);width:40px;height:40px;color:var(--fg);background:var(--surface);border:0;flex:0 0 40px;place-items:center;margin:-2px -4px 0 0;padding:0;display:grid}.bottom-sheet__close:hover{color:var(--accent)}.bottom-sheet__close:active{transform:scale(.97)}.bottom-sheet__body{overscroll-behavior:contain;min-height:0;padding:0 18px calc(18px + env(safe-area-inset-bottom));overflow-y:auto}.bottom-sheet__footer{padding:12px 18px calc(18px + env(safe-area-inset-bottom));background:var(--bg);flex:none}.bottom-sheet__footer>.button{width:100%;min-height:50px}@media (width>=701px){.bottom-sheet__viewport{align-items:center}.bottom-sheet__popup{border-radius:var(--radius-panel);max-height:min(720px,100dvh - 32px)}}@media (prefers-reduced-motion:reduce){.bottom-sheet__backdrop,.bottom-sheet__popup{transition:none}}