@layer wertigo.components{.app-modal{z-index:2147483644;background:#0009;place-items:center;padding:18px;display:grid;position:fixed;inset:0}:where(.app-modal__dialog){gap:var(--app-modal-dialog-gap,18px);width:min(100%,var(--app-modal-width));max-height:95dvh;overflow-x:hidden;overflow-y:var(--app-modal-dialog-overflow-y,hidden);padding:var(--app-modal-dialog-padding,24px);border-radius:var(--app-modal-dialog-radius,16px);background:var(--app-modal-dialog-background,#fff);border:1px solid #11182714;outline:none;flex-direction:column;display:flex;position:relative;box-shadow:0 28px 70px #0f172a47}.app-modal__close{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #11182714;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:border-color .18s,background-color .18s,color .18s;display:inline-flex;position:absolute;top:12px;right:12px}.app-modal__close:hover{color:var(--danger-color);background:#ea55550f;border-color:#ea555547}.app-modal__close:focus-visible{outline-offset:2px;outline:3px solid #ea555547}.app-modal-animation-enter-active{opacity:0;transition-property:opacity;transition-duration:.18s;transition-timing-function:ease-out}.app-modal-animation-enter-active .app-modal__dialog{opacity:0;transition-property:opacity,transform;transition-duration:.18s;transition-timing-function:ease-out;transform:translateY(12px)scale(.98)}.app-modal-animation-enter-to{opacity:1}.app-modal-animation-enter-to .app-modal__dialog{opacity:1;transform:translateY(0)scale(1)}.app-modal-animation-leave-active{opacity:1;transition-property:opacity;transition-duration:.16s;transition-timing-function:ease-out}.app-modal-animation-leave-active .app-modal__dialog{opacity:1;transition-property:opacity,transform;transition-duration:.16s;transition-timing-function:ease-out;transform:translateY(0)scale(1)}.app-modal-animation-leave-to{opacity:0}.app-modal-animation-leave-to .app-modal__dialog{opacity:0;transform:translateY(8px)scale(.98)}@media (max-width:520px){.app-modal{align-items:end;padding:12px 0 0}:where(.app-modal__dialog){width:100%;max-height:min(90dvh,760px);padding:var(--app-modal-dialog-mobile-padding,var(--app-modal-dialog-padding,20px));border-bottom-right-radius:0;border-bottom-left-radius:0}}}