@layer components{.modal[data-v-00530f9f]{z-index:100;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal__backdrop[data-v-00530f9f]{cursor:pointer;background:#00000080;transition:background-color .15s;position:absolute;inset:0}.modal__dialog[data-v-00530f9f]{z-index:10;background:var(--colour-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-raised);flex-direction:column;width:100%;max-width:48rem;max-height:90vh;display:flex;position:relative}.modal__close[data-v-00530f9f]{color:#9ca3af;cursor:pointer;z-index:10;background:0 0;border:none;padding:0;position:absolute;top:.75rem;right:.75rem}.modal__close[data-v-00530f9f]:hover{color:#4b5563}.modal__header[data-v-00530f9f]{border-bottom:1px solid var(--colour-border);flex-shrink:0;padding:1.5rem 1.5rem .5rem}.modal__title[data-v-00530f9f]{font-size:var(--text-lg);font-weight:600}.modal__body[data-v-00530f9f]{flex:1;padding:1rem 1.5rem;overflow-y:auto}.modal__body[data-v-00530f9f]>*+*{margin-top:.5rem}.modal__footer[data-v-00530f9f]{border-top:1px solid var(--colour-border);flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:.5rem;padding:1rem 1.5rem;display:flex}.modal__footer[data-v-00530f9f] *{width:100%}.modal__footer a[data-v-00530f9f]{width:100%;display:block}.modal__footer a[data-v-00530f9f]>*{width:100%}@media (width>=48rem){.modal__footer[data-v-00530f9f]{justify-content:space-between}.modal__footer a[data-v-00530f9f],.modal__footer a[data-v-00530f9f]>*,.modal__footer[data-v-00530f9f]>*{width:auto}}}