.modal-overlay{align-items:center;background-color:var(--color-body-text-transparent-60);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:100}.modal-content{background:var(--color-body-background);border-radius:var(--space-size-xs);max-height:90vh;max-width:600px;overflow-y:auto;padding:var(--space-size-xl) var(--space-size-m);position:relative;width:90%}.modal-close{align-items:center;background:var(--color-secondary-light);border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;position:absolute;right:var(--space-size-m);top:var(--space-size-m);transition:opacity var(--transition-default-duration) var(--transition-default-timing-function);width:40px}.modal-close:hover{opacity:var(--default-hover-opacity)}.modal-close:focus-visible{outline:2px solid var(--color-complementary-teal);outline-offset:2px}.modal-enter-active,.modal-leave-active{transition:opacity .3s}.modal-enter-from,.modal-leave-to{opacity:0}