.dialog__overlay{z-index:var(--z-index-dialog-overlay);background-color:rgba(var(--black-rgb), .5);animation:overlayShow .15s var(--ease-out);position:fixed;inset:0}.dialog__overlay[data-state=closed]{animation:.12s cubic-bezier(.16,1,.3,1) overlayHide;animation:overlayHide .12s var(--ease-out,cubic-bezier(.16, 1, .3, 1))}.dialog__content{z-index:var(--z-index-dialog-content);border-radius:var(--radius-sm);width:90vw;max-width:500px;max-height:85vh;box-shadow:var(--shadow-lg);animation:contentShow .15s var(--ease-out);background-color:#fff;padding:25px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.dialog__content[data-state=closed]{animation:.12s cubic-bezier(.16,1,.3,1) contentHide;animation:contentHide .12s var(--ease-out,cubic-bezier(.16, 1, .3, 1))}.dialog__content:focus{outline:none}@media (prefers-reduced-motion:reduce){.dialog__overlay,.dialog__content{animation:none}}.dialog__title{font-family:var(--font-family-heading);color:var(--mauve-12);margin:0;font-size:20px;font-weight:700}.dialog__description{margin-bottom:var(--spacing-2xl);color:var(--mauve-11);font-size:15px;line-height:1.5}*+.dialog__description{margin-top:var(--spacing-md)}.dialog__description *+p{margin-top:.5em}.dialog__footer{justify-content:flex-end;gap:var(--spacing-xl);display:flex}*+.dialog__footer{margin-top:var(--spacing-3xl)}.dialog__footer>*{flex:1}.dialog__close{--offset:16px;--size:36px;top:16px;top:var(--offset);right:16px;right:var(--offset);width:36px;width:var(--size);height:36px;height:var(--size);color:var(--black);background-color:var(--primary-50);border-radius:50%;justify-content:center;align-items:center;transition:background-color .1s;display:inline-flex;position:absolute}.dialog__close:hover{background-color:var(--primary-100)}.dialog__close:active{background-color:var(--primary-50)}.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}