.ds-sheet{--sheet-w:420px;z-index:var(--e-z-modal);background:var(--e-surface-raised);box-shadow:var(--e-shadow-4), 0 0 0 1px var(--e-line);transition:transform var(--e-duration-base) var(--e-ease-out);outline:none;flex-direction:column;display:flex;position:fixed}.ds-sheet[data-size=sm]{--sheet-w:360px}.ds-sheet[data-size=lg]{--sheet-w:560px}.ds-sheet[data-dragging]{-webkit-user-select:none;user-select:none;transition:none}.ds-sheet[data-side=bottom]{max-block-size:90dvh;inline-size:min(640px,100%);transform:translateY(var(--sheet-drag,0px));animation:ds-ov-sheet-up var(--e-duration-slow) var(--e-ease-out);border-start-start-radius:var(--e-radius-sheet);border-start-end-radius:var(--e-radius-sheet);margin-inline:auto;padding-block-end:env(safe-area-inset-bottom);inset-block-end:0;inset-inline:0}.ds-sheet[data-side=bottom][data-state=closed]{animation:ds-ov-sheet-down var(--e-duration-base) var(--e-ease-in-out) forwards}.ds-sheet-handle{border-radius:var(--e-radius-pill);background:var(--e-line-strong);flex:none;block-size:4px;inline-size:36px;margin:8px auto 0}.ds-sheet[data-swipe] .ds-sheet-handle{cursor:grab}.ds-sheet[data-swipe] .ds-sheet-handle,.ds-sheet[data-swipe] .ds-dialog-head{touch-action:none}.ds-sheet[data-side=bottom] .ds-dialog-head{padding-block-start:12px}.ds-sheet:is([data-side=right],[data-side=left]){inline-size:min(var(--sheet-w), calc(100vw - 40px));padding-block:env(safe-area-inset-top) env(safe-area-inset-bottom);inset-block:0}.ds-sheet[data-side=right]{animation:ds-ov-sheet-from-right var(--e-duration-slow) var(--e-ease-out);border-start-start-radius:var(--e-radius-sheet);border-end-start-radius:var(--e-radius-sheet);inset-inline-end:0}.ds-sheet[data-side=right][data-state=closed]{animation:ds-ov-sheet-to-right var(--e-duration-base) var(--e-ease-in-out) forwards}.ds-sheet[data-side=left]{animation:ds-ov-sheet-from-left var(--e-duration-slow) var(--e-ease-out);border-start-end-radius:var(--e-radius-sheet);border-end-end-radius:var(--e-radius-sheet);inset-inline-start:0}.ds-sheet[data-side=left][data-state=closed]{animation:ds-ov-sheet-to-left var(--e-duration-base) var(--e-ease-in-out) forwards}.ds-sheet:is([data-side=right],[data-side=left]) .ds-dialog-foot{border-block-start-color:var(--e-line)}@media (prefers-reduced-motion:reduce){.ds-sheet{transition:none}.ds-sheet[data-side]{animation-name:ds-ov-fade-in}.ds-sheet[data-side][data-state=closed]{animation-name:ds-ov-fade-out}}@keyframes ds-ov-sheet-up{0%{transform:translateY(100%)}}@keyframes ds-ov-sheet-down{0%{transform:translateY(var(--sheet-drag,0px))}to{transform:translateY(100%)}}@keyframes ds-ov-sheet-from-right{0%{transform:translate(100%)}}@keyframes ds-ov-sheet-to-right{to{transform:translate(100%)}}@keyframes ds-ov-sheet-from-left{0%{transform:translate(-100%)}}@keyframes ds-ov-sheet-to-left{to{transform:translate(-100%)}}