.dialog-overlay{align-items:flex-start;background:#00000080;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:20px;position:fixed;z-index:1000}.dialog-overlay[data-state=open]{animation:dialogOverlayFadeIn .4s cubic-bezier(.16,1,.3,1)}.dialog-overlay[data-state=closed]{animation:dialogOverlayFadeOut .3s cubic-bezier(.16,1,.3,1)}@keyframes dialogOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes dialogOverlayFadeOut{0%{opacity:1}to{opacity:0}}.dialog-portal{align-items:center;display:flex;inset:0;justify-content:center;position:fixed;z-index:1010}.dialog-content{align-items:stretch;background:var(--modal-bg);border-radius:16px;color:var(--almost-white);display:flex;flex-direction:column;margin:auto;max-width:100%;min-width:340px;padding:40px;position:relative;width:100%}.dialog-content .dialog-close{background-color:var(--main-2);left:100%;margin-left:20px;position:absolute;top:28px}.dialog-content .dialog-close .icon-container{height:32px;min-height:32px;min-width:32px;width:32px}.dialog-content .dialog-close:active,.dialog-content .dialog-close:focus-visible,.dialog-content .dialog-close:hover{background-color:var(--main-3)}.dialog-content[data-state=open]{animation:dialogSlideUpFadeIn .5s cubic-bezier(.16,1,.3,1)}.dialog-content[data-state=closed]{animation:dialogSlideDownFadeOut .35s cubic-bezier(.16,1,.3,1)}@keyframes dialogSlideUpFadeIn{0%{opacity:0;transform:translateY(60px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dialogSlideDownFadeOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(60px) scale(.98)}}.dialog--s{max-width:320px}.dialog--m{max-width:576px}.dialog--xm{max-width:750px}.dialog--l{max-width:860px}.dialog-header{align-items:center;display:flex;flex-direction:column;justify-content:space-between;margin:0 0 32px;padding:0;width:100%}.dialog-title{font-size:var(--heading-font-size-5);font-weight:600;line-height:1;margin-bottom:16px}.dialog-subtitle{font-size:var(--subheading-font-size-5);font-weight:500;margin:0;opacity:.8}.dialog-body{margin:0;overflow:visible;padding:0;width:100%}.dialog-footer{margin:32px 0 0;width:100%}@media screen and (max-width:768px){.dialog-close{left:auto;margin:0;right:16px;top:20px}}