.sheet{z-index:90;--sheet-drag:0;--sheet-from:0px;display:flex;position:fixed;inset:0}.sheet[data-side=bottom]{justify-content:center;align-items:flex-end}.sheet[data-side=left]{justify-content:flex-start;align-items:stretch}.sheet__scrim{touch-action:none;-webkit-tap-highlight-color:transparent;background:#00000080;position:absolute;inset:0}.sheet__panel{background:var(--bg);min-height:0;color:var(--fg);will-change:transform;outline:none;flex-direction:column;display:flex;position:relative;box-shadow:0 -12px 40px #00000059}.sheet[data-side=bottom] .sheet__panel{width:100%;max-height:calc(100dvh - max(24px, env(safe-area-inset-top)));border-top:1px solid var(--line-2);padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);border-radius:16px 16px 0 0}.sheet[data-side=bottom][data-size=full] .sheet__panel{height:calc(100dvh - max(24px, env(safe-area-inset-top)))}.sheet[data-side=left] .sheet__panel{border-right:1px solid var(--line-2);width:min(86vw,360px);height:100%;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom) env(safe-area-inset-left);box-shadow:12px 0 40px #00000059}html[data-keyboard] .sheet[data-side=bottom] .sheet__panel{margin-bottom:var(--kb-inset,0px);max-height:calc(100dvh - var(--kb-inset,0px) - max(24px, env(safe-area-inset-top)));padding-bottom:0}@media (max-width:1023px) and (orientation:landscape) and (max-height:480px){.sheet[data-side=bottom] .sheet__panel{max-height:calc(100dvh - max(12px, env(safe-area-inset-top)))}.sheet[data-side=bottom][data-size=full] .sheet__panel{height:calc(100dvh - max(12px, env(safe-area-inset-top)))}}html[data-keyboard] .sheet[data-side=bottom][data-size=full] .sheet__panel{height:calc(100dvh - var(--kb-inset,0px) - max(24px, env(safe-area-inset-top)))}.sheet__grabber{cursor:grab;touch-action:none;flex-shrink:0;height:24px;margin:0;position:relative}.sheet__grabber:after{content:"";background:var(--line-2);border-radius:3px;width:36px;height:5px;margin-left:-18px;position:absolute;top:9px;left:50%}.sheet__head{touch-action:none;flex-shrink:0;align-items:center;gap:8px;padding:6px 6px 6px 16px;display:flex}.sheet__title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:15px;font-weight:600;overflow:hidden}.sheet__close{width:44px;height:44px;color:var(--muted);border-radius:999px;flex-shrink:0;place-items:center;display:grid}.sheet__close:active{background:color-mix(in srgb, var(--fg) 8%, transparent)}.sheet__body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;flex:1;min-height:0;overflow-y:auto}.sheet__foot{border-top:1px solid var(--line);flex-shrink:0;padding:12px 16px}.sheet[data-phase=open] .sheet__scrim{animation:.22s ease-out both sheet-scrim-in}.sheet[data-phase=open][data-side=bottom] .sheet__panel{animation:.26s cubic-bezier(.32,.72,0,1) both sheet-up}.sheet[data-phase=open][data-side=left] .sheet__panel{animation:.26s cubic-bezier(.32,.72,0,1) both sheet-right}.sheet[data-phase=closing]{pointer-events:none}.sheet[data-phase=closing] .sheet__scrim{animation:.2s ease-in both sheet-scrim-out}.sheet[data-phase=closing][data-side=bottom] .sheet__panel{animation:.2s ease-in both sheet-down}.sheet[data-phase=closing][data-side=left] .sheet__panel{animation:.2s ease-in both sheet-left}@keyframes sheet-scrim-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-scrim-out{0%{opacity:1}to{opacity:0}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:none}}@keyframes sheet-down{0%{transform:translateY(var(--sheet-from,0px))}to{transform:translateY(100%)}}@keyframes sheet-right{0%{transform:translate(-100%)}to{transform:none}}@keyframes sheet-left{0%{transform:translateX(calc(-1 * var(--sheet-from,0px)))}to{transform:translate(-100%)}}@media (prefers-reduced-motion:reduce){.sheet .sheet__scrim,.sheet .sheet__panel{transition:none!important;animation:none!important}}@media (min-width:1024px){.sheet[data-side=bottom]{align-items:center}.sheet[data-side=bottom] .sheet__panel{border:1px solid var(--line-2);border-radius:16px;width:min(560px,100vw - 48px);max-height:min(80vh,720px);padding-bottom:0;box-shadow:0 24px 64px #00000073}.sheet[data-side=bottom][data-size=full] .sheet__panel{height:min(80vh,720px)}.sheet__grabber{display:none}.sheet[data-phase=open][data-side=bottom] .sheet__panel{animation:.2s ease-out both sheet-dialog-in}.sheet[data-phase=closing][data-side=bottom] .sheet__panel{animation:.16s ease-in both sheet-dialog-out}}@keyframes sheet-dialog-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}@keyframes sheet-dialog-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(8px)scale(.99)}}