.modal[data-v-da6e34b1]{width:100%;max-width:100%;height:100%;max-height:100%;color:var(--black);background:0 0;border:0;margin:0;padding:0}.modal[data-v-da6e34b1]::backdrop{background:#0000008c}@media (width>=750px){.modal[data-v-da6e34b1]{width:min(520px,100% - 2 * var(--space-lg));height:auto;max-height:calc(100% - var(--space-lg)*2);margin:auto}.modal--wide[data-v-da6e34b1]{width:min(960px,100% - 2 * var(--space-lg));height:calc(100% - var(--space-lg)*2)}}.modal__box[data-v-da6e34b1]{background-color:var(--cream);flex-direction:column;min-height:100%;display:flex}@media (width>=750px){.modal__box[data-v-da6e34b1]{border-radius:12px;min-height:0}}.modal--wide .modal__box[data-v-da6e34b1]{height:100%}.modal__head[data-v-da6e34b1]{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-sm) 0 var(--space-md);display:flex}.modal__title[data-v-da6e34b1]{color:var(--green);font-size:2rem}.modal__close[data-v-da6e34b1]{width:44px;height:44px;color:var(--green);background:0 0;border:0;place-items:center;padding:0;display:grid}.modal__body[data-v-da6e34b1]{padding:var(--space-md);flex:1;overflow-y:auto}.modal__actions[data-v-da6e34b1]{justify-content:flex-end;gap:var(--space-sm);padding:var(--space-md);background-color:var(--cream);border-top:1px solid color-mix(in srgb,var(--green) 15%,transparent);flex-wrap:wrap;display:flex;position:sticky;bottom:0}@media (width>=750px){.modal__actions[data-v-da6e34b1]{border-radius:0 0 12px 12px}}