.dialog__overlay{z-index:50;background-color:#00000080;height:100vh;transition:opacity .3s;position:fixed;inset:0}.dialog__wrapper{z-index:50;pointer-events:auto;flex-direction:column;padding:1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.dialog__wrapper>*{pointer-events:auto}.dialog__content{pointer-events:auto;background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;gap:1rem;width:100%;max-width:32rem;margin:auto;padding:1.5rem;display:grid;position:relative;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.dialog__close{opacity:.7;cursor:pointer;background:0 0;border:none;border-radius:.25rem;transition:opacity .2s;position:absolute;top:1rem;right:1rem}.dialog__close:hover{opacity:1}.dialog__header{text-align:center;flex-direction:column;gap:.5rem;display:flex}@media (min-width:640px){.dialog__header{text-align:left}}.dialog__footer{flex-direction:column-reverse;gap:.5rem;display:flex}@media (min-width:640px){.dialog__footer{flex-direction:row;justify-content:flex-end}}.dialog__title{color:#111827;font-size:1.125rem;font-weight:600;line-height:1}.dialog__description{color:#4b5563;font-size:.875rem}