.dialog-layer{z-index:var(--z-modal);padding:var(--space-4);animation:funtion-dialog-layer-in var(--motion-duration-standard) var(--motion-ease-enter) both;place-items:center;display:grid;position:fixed;inset:0}.dialog-backdrop{background:#0000009e;border:0;position:fixed;inset:0}.dialog-card{width:min(100%,680px);max-height:calc(100dvh - (2 * var(--space-4)));z-index:1;border:3px solid var(--color-ink);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-modal);padding:var(--space-5);animation:funtion-dialog-card-in var(--motion-duration-standard) var(--motion-ease-enter) both;position:relative;overflow:auto}.dialog-layer.dialog-presentation-bottom-sheet{place-items:end center;padding:0}.dialog-card.dialog-presentation-bottom-sheet{width:min(100%, var(--mobile-content-max,680px));border-radius:var(--mobile-sheet-radius,24px) var(--mobile-sheet-radius,24px) 0 0;max-height:min(88dvh,860px);padding:12px max(var(--mobile-page-gutter,16px), var(--mobile-safe-right,env(safe-area-inset-right,0px))) calc(20px + var(--mobile-safe-bottom,env(safe-area-inset-bottom,0px))) max(var(--mobile-page-gutter,16px), var(--mobile-safe-left,env(safe-area-inset-left,0px)));border-width:2px 2px 0;animation-name:funtion-dialog-sheet-in}.dialog-layer.dialog-presentation-fullscreen-sheet{place-items:stretch stretch;padding:0}.dialog-card.dialog-presentation-fullscreen-sheet{width:100%;max-width:none;height:100dvh;max-height:100dvh;padding:calc(var(--mobile-safe-top,env(safe-area-inset-top,0px)) + 16px) max(var(--mobile-page-gutter,16px), var(--mobile-safe-right,env(safe-area-inset-right,0px))) calc(var(--mobile-safe-bottom,env(safe-area-inset-bottom,0px)) + 20px) max(var(--mobile-page-gutter,16px), var(--mobile-safe-left,env(safe-area-inset-left,0px)));border:0;border-radius:0;animation-name:funtion-dialog-sheet-in}@keyframes funtion-dialog-layer-in{0%{opacity:0}to{opacity:1}}@keyframes funtion-dialog-card-in{0%{opacity:0;transform:translate3d(0, var(--motion-distance-small), 0) scale(.985)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes funtion-dialog-sheet-in{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translate(0,0)}}:root[data-motion-mode=reduced] .dialog-card{transform:none}:root[data-motion-mode=off] .dialog-layer,:root[data-motion-mode=off] .dialog-card{animation:none}@media (prefers-reduced-motion:reduce){.dialog-layer,.dialog-card{animation:none}}