.modal[data-v-b9dd5f60]{z-index:var(--z-modal);padding:var(--s-4);background:#16181d66;place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.modal__box[data-v-b9dd5f60]{background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius-l);width:100%;box-shadow:var(--shadow-3);max-height:calc(100vh - var(--s-6));flex-direction:column;display:flex}.modal__box--sm[data-v-b9dd5f60]{max-width:420px}.modal__box--md[data-v-b9dd5f60]{max-width:560px}.modal__box--lg[data-v-b9dd5f60]{max-width:780px}.modal__head[data-v-b9dd5f60]{justify-content:space-between;align-items:flex-start;gap:var(--s-3);padding:var(--s-5) var(--s-5) 0;display:flex}.modal__close[data-v-b9dd5f60],.modal__title[data-v-b9dd5f60]{font-size:var(--t-lg)}.modal__close[data-v-b9dd5f60]{border-radius:var(--radius);width:32px;height:32px;color:var(--graphite);cursor:pointer;transition:background var(--d-hover) ease,color var(--d-hover) ease;background:0 0;border:0;flex:none;margin:-6px -6px 0 0;line-height:1}.modal__close[data-v-b9dd5f60]:hover{background:var(--paper-2);color:var(--ink)}.modal__body[data-v-b9dd5f60]{padding:var(--s-4) var(--s-5);overflow-y:auto}.modal__foot[data-v-b9dd5f60]{justify-content:flex-end;gap:var(--s-3);padding:0 var(--s-5) var(--s-5);flex-wrap:wrap;display:flex}.modal-enter-active[data-v-b9dd5f60]{transition:opacity var(--d-enter) var(--ease-out)}.modal-leave-active[data-v-b9dd5f60]{transition:opacity var(--d-press) ease}.modal-enter-from[data-v-b9dd5f60],.modal-leave-to[data-v-b9dd5f60]{opacity:0}.modal-enter-active .modal__box[data-v-b9dd5f60]{transition:transform var(--d-enter) var(--ease-out)}.modal-enter-from .modal__box[data-v-b9dd5f60]{transform:translateY(12px)scale(.98)}