.dialog-overlay{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.5)}.dialog-content{background:#fff;position:fixed;top:50%;left:50%;z-index:50;transform:translate(-50%,-50%);border-radius:12px;border:1px solid #e5e7eb;padding:24px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);transition-duration:.2s}.dialog-close{position:absolute;top:12px;right:12px;border-radius:12px;opacity:.7;transition:opacity .2s;outline:none;pointer-events:auto}.dialog-close-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#f8f8f8;border-radius:50%;overflow:hidden}.dialog-close:hover{opacity:1}.dialog-close:focus{outline:none;box-shadow:0 0 0 2px var(--ring,#3b82f6)}.dialog-close svg,.dialog-close:disabled{pointer-events:none}.dialog-close svg{flex-shrink:0;width:1em;height:1em}.dialog-header{display:flex;flex-direction:column;gap:.5rem;text-align:center}@media(min-width:640px){.dialog-header{text-align:left}}.dialog-footer{display:flex;flex-direction:column-reverse;gap:.5rem}@media(min-width:640px){.dialog-footer{flex-direction:row;justify-content:flex-end}}.dialog-description{color:#6b7280;font-size:.875rem}@media screen and (max-width:767px){.dialog-content{padding:.64rem;border-radius:.32rem}.dialog-close{top:.32rem;right:.32rem;border-radius:.32rem}.dialog-close-icon{width:.64rem;height:.64rem}}