.sheet{width:100%;max-width:40rem;max-height:min(85dvh,100% - 4rem);padding:0 0 env(safe-area-inset-bottom);background:var(--surface);color:var(--ink);border:0;border-radius:1rem 1rem 0 0;margin:0 auto;position:fixed;inset:auto 0 0;overflow:hidden}.sheet:is([open],:popover-open){flex-direction:column;display:flex}.sheet::backdrop{background:#0009}html:has(.sheet:modal){overflow:hidden}.sheet-handle{background:var(--divider-strong);border-radius:9999px;align-self:center;width:2.25rem;height:.25rem;margin-top:.5rem}.sheet-head{border-bottom:1px solid var(--divider);align-items:center;gap:.5rem;padding:.25rem .25rem .5rem 1rem;display:flex}.sheet-title{margin:0;font-size:1rem;font-weight:700;line-height:1.5rem}.sheet-close{width:2.75rem;height:2.75rem;color:inherit;border-radius:9999px;justify-content:center;align-items:center;margin-left:auto;display:flex}.sheet-close svg{width:1.25rem;height:1.25rem}.sheet-close:hover,.sheet-close:focus-visible{background:var(--field)}.sheet-body{overscroll-behavior:contain;flex:auto;min-height:0;padding:1rem;overflow-y:auto}@media (prefers-reduced-motion:no-preference){.sheet:is(:modal,:popover-open){animation:.2s ease-out sheet-rise}}@keyframes sheet-rise{0%{opacity:0;transform:translateY(2rem)}}