.modal{background-color:var(--surface-primary);gap:0;width:100dvw;height:100dvh;padding:1.5rem;--tw-shadow:var(--shadow-lg)!important;--tw-shadow-colored:var(--shadow-lg)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)!important}@media (min-width:640px){.modal{border-radius:15px;width:auto;height:auto}}.modal__header{flex-direction:column;align-items:stretch;margin-top:.5rem;margin-bottom:1.5rem;display:flex}.modal__title{letter-spacing:-.02em;color:var(--text-strong);font-size:1.125rem;font-weight:600;line-height:1.5rem}.modal__description{white-space:pre-line;letter-spacing:-.01em;color:var(--text-subtle);font-size:.875rem;line-height:1.25rem;margin-top:.5rem!important}.modal__close-button{cursor:pointer;border-radius:calc(var(--radius) * .5);background-color:var(--button-tertiary-light-idle);outline-offset:2px;border-width:0;outline:2px solid #0000;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;padding:0;display:flex;position:absolute;top:1rem;right:1rem}.modal__close-button:hover{background-color:var(--button-tertiary-light-hover)}.modal__close-icon{width:1rem;height:1rem;color:var(--icon-default)}.modal__footer{flex-direction:column;justify-content:flex-end;align-items:center;gap:.5rem;width:100%;margin-top:1.5rem;display:flex}.modal__footer button{width:100%}.modal__footer button[type=submit]{order:1}.modal__footer button{order:2}@media (min-width:640px){.modal__footer{flex-direction:row;justify-content:flex-end;gap:.5rem}.modal__footer button{width:auto}.modal__footer button[type=submit]{order:2}.modal__footer button{order:1}}div[role=dialog]>button[type=button]{background-color:var(--button-tertiary-light-idle);opacity:1;border-radius:6px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.2s;animation-timing-function:cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:1rem;right:1rem}div[role=dialog]>button[type=button]:hover{background-color:var(--button-tertiary-light-hover)}div[role=dialog]>button[type=button]>svg{width:1.25rem;height:1.25rem;color:var(--icon-default)}