.modal-sheet-backdrop{z-index:var(--z-index-modal);opacity:calc(1 - var(--drawer-swipe-progress,0));transition:opacity var(--duration-surface) var(--ease-motion);background:#0000001a;position:fixed;inset:0}.modal-sheet-viewport{z-index:var(--z-index-modal);pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-sheet-popup{border-radius:var(--radius-3xl);pointer-events:auto;width:calc(100% - 2rem);max-width:24rem;min-height:0;max-height:calc(100dvh - 2rem);transition:opacity var(--duration-surface) var(--ease-motion), transform var(--duration-surface) var(--ease-motion);outline:none;flex-direction:column;display:flex;position:relative}.modal-sheet-popup[data-size=wide]{max-width:42rem}.modal-sheet-content{border-radius:inherit;min-height:0;font-size:var(--text-sm);gap:1rem;padding:1rem;display:grid}.modal-sheet-handle{display:none}.modal-sheet-close{position:absolute;top:.5rem;right:.5rem}.modal-sheet-backdrop[data-starting-style],.modal-sheet-backdrop[data-ending-style],.modal-sheet-popup[data-starting-style],.modal-sheet-popup[data-ending-style]{opacity:0}.modal-sheet-viewport[data-mobile=true]{padding-bottom:var(--drawer-keyboard-inset,0px);align-items:flex-end}.modal-sheet-viewport[data-mobile=true] .modal-sheet-popup{width:100%;max-width:none;max-height:calc(100dvh - max(1rem, env(safe-area-inset-top)) - var(--drawer-keyboard-inset,0px));border-radius:var(--radius-3xl) var(--radius-3xl) 0 0;transform:translateY(var(--drawer-swipe-movement-y,0px))}.modal-sheet-viewport[data-mobile=true] .modal-sheet-content{padding:.5rem max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left))}.modal-sheet-viewport[data-mobile=true] .modal-sheet-close{top:1.75rem;right:max(.5rem, env(safe-area-inset-right))}.modal-sheet-viewport[data-mobile=true] .modal-sheet-handle{touch-action:none;cursor:grab;flex-shrink:0;justify-content:center;align-items:center;height:1.75rem;display:flex}.modal-sheet-handle span{background:color-mix(in srgb, var(--muted-foreground) 30%, transparent);border-radius:999px;width:2.5rem;height:.25rem}.modal-sheet-viewport[data-mobile=true] .modal-sheet-popup[data-starting-style],.modal-sheet-viewport[data-mobile=true] .modal-sheet-popup[data-ending-style]{opacity:1;transform:translateY(100%)}.modal-sheet-popup[data-swiping],.modal-sheet-backdrop[data-swiping]{transition-duration:0s}@media (prefers-reduced-motion:reduce){.modal-sheet-popup,.modal-sheet-backdrop{transition:none}}