.modal-overlay{background-color:var(--color-body-text-transparent-60);z-index:100;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--color-body-background);padding:var(--space-size-xl) var(--space-size-m);border-radius:var(--space-size-xs);width:90%;max-width:600px;max-height:90vh;position:relative;overflow-y:auto}.modal-close{top:var(--space-size-m);right:var(--space-size-m);background:var(--color-secondary-light);cursor:pointer;width:40px;height:40px;transition:opacity var(--transition-default-duration) var(--transition-default-timing-function);border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.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}