.modal-container[data-v-f71b4fc5]{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:flex-start;overflow-y:auto;z-index:9999;padding:1rem}.modal[data-v-f71b4fc5]{display:flex;flex-direction:column;align-items:center;max-height:100%;max-width:var(--cag-modal-max-width,800px);background-color:#fff;color:#000;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;border-radius:1rem;overflow:hidden}.modal-header[data-v-f71b4fc5]{align-self:stretch;display:grid;grid-template-columns:1fr auto 1fr;place-items:center}.title[data-v-f71b4fc5]{font-size:1.5rem;text-align:left;line-height:1.1;grid-column:2;padding-inline:clamp(1rem,3vw,3rem)}.button--close[data-v-f71b4fc5]{justify-self:flex-end;padding:1rem;border:none;background-color:transparent;color:var(--color-font-dark);line-height:1;cursor:pointer;transition:var(--transition-base)}.button--close[data-v-f71b4fc5]:hover{color:var(--color-error)}.close-icon[data-v-f71b4fc5]{--base-icon-size:2rem;--base-icon-stroke:none}.content[data-v-f71b4fc5]{overflow:auto;width:100%}.modal-enter-active[data-v-f71b4fc5],.modal-leave-active[data-v-f71b4fc5]{transition:all .2s ease-in-out}.modal-enter-from[data-v-f71b4fc5],.modal-leave-to[data-v-f71b4fc5]{opacity:0}