.dialog__overlay{z-index:var(--z-index-dialog-overlay);background-color:rgba(var(--black-rgb), .5);animation:overlayShow var(--duration-slow) var(--ease-out);position:fixed;inset:0}.dialog__overlay[data-state=closed]{animation:overlayHide var(--duration-medium) var(--ease-out)}.dialog__content{z-index:var(--z-index-dialog-content);width:90vw;max-width:512px;max-height:85vh;padding:var(--panel-padding);border-radius:var(--panel-radius);box-shadow:var(--shadow-lg);background-color:var(--surface-1);animation:contentShow var(--duration-slow) var(--ease-out);position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.dialog__content[data-state=closed]{animation:contentHide var(--duration-medium) var(--ease-out)}.dialog__content:focus{outline:none}@media (prefers-reduced-motion:reduce){.dialog__overlay,.dialog__content{animation:none}:where(.dialog__close:active){transform:none}}.dialog__title{font-family:var(--font-family-heading);padding-right:var(--control-height);color:var(--foreground);margin:0;font-size:20px;font-weight:500;line-height:1.6}.dialog__description{margin-bottom:var(--spacing-3xl);color:var(--text-muted);font-size:14px;line-height:24px}*+.dialog__description{margin-top:var(--spacing-md)}.dialog__description *+p{margin-top:.5em}.dialog__footer{justify-content:flex-end;gap:var(--spacing-xl);flex-wrap:wrap;display:flex}*+.dialog__footer{margin-top:var(--spacing-3xl)}.dialog__footer>*{flex:1}.dialog__close{--offset:16px;--size:var(--control-height);top:16px;top:var(--offset);right:16px;right:var(--offset);width:var(--size);height:var(--size);color:var(--text-muted);background-color:var(--surface-2);transition:background-color var(--duration-fast) ease, transform var(--duration-fast) var(--ease-out);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute}.dialog__close:hover{background-color:var(--surface-3)}.dialog__close:active{background-color:var(--surface-2)}:where(.dialog__close:active){transform:scale(.92)}.dialog__close svg{--size:20px;width:20px;width:var(--size);height:20px;height:var(--size)}@keyframes overlayShow{0%{opacity:0}to{opacity:1}}@keyframes contentShow{0%{opacity:0;transform:translate(-50%,-48%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes overlayHide{to{opacity:0}}@keyframes contentHide{to{opacity:0;transform:translate(-50%,-50%)scale(.97)}}.dialog__content--size-xlg{max-width:550px}