.cn-dialog__backdrop{background:var(--cn-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity var(--cn-medium) var(--cn-ease);z-index:100;position:fixed;inset:0}.cn-dialog__backdrop[data-starting-style],.cn-dialog__backdrop[data-ending-style]{opacity:0}.cn-dialog{border-radius:var(--cn-radius-xl);background:var(--cn-surface);border:1px solid var(--cn-border);width:min(36rem,100vw - 2rem);max-height:calc(100dvh - 2rem);box-shadow:0 2.5rem 6rem var(--cn-shadow);z-index:101;transition:opacity var(--cn-medium) var(--cn-ease), transform var(--cn-medium) var(--cn-ease);flex-direction:column;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.cn-dialog[data-starting-style],.cn-dialog[data-ending-style]{opacity:0;transform:translate(-50%,calc(.75rem - 50%))scale(.98)}.cn-dialog--sm{width:min(28rem,100vw - 2rem)}.cn-dialog--lg{width:min(48rem,100vw - 2rem)}.cn-dialog__header{align-items:flex-start;gap:1rem;padding:1.5rem 1.5rem 0;display:flex}.cn-dialog__heading{flex-direction:column;flex:1;gap:.35rem;display:flex}.cn-dialog__title{font-size:1.5rem}.cn-dialog__description{color:var(--cn-text-subtle);margin:0;font-size:.9rem}.cn-dialog__body{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex;overflow-y:auto}.cn-dialog__footer{border-top:1px solid rgba(var(--cn-fg-rgb), .06);flex-wrap:wrap;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem 1.25rem;display:flex}.cn-dialog__header+.cn-dialog__footer{margin-top:1.25rem}:root[data-mode=mobile] .cn-dialog{border-radius:var(--cn-radius-xl) var(--cn-radius-xl) 0 0;width:100%;max-height:92dvh;padding-bottom:env(safe-area-inset-bottom);top:auto;bottom:0;left:0;transform:none}:root[data-mode=mobile] .cn-dialog[data-starting-style],:root[data-mode=mobile] .cn-dialog[data-ending-style]{opacity:1;transform:translateY(100%)}