.modal-transition-enter-active,.modal-transition-leave-active{transition:opacity .35s ease}.modal-transition-enter-from,.modal-transition-leave-to{opacity:0}.modal{position:relative;z-index:9999}.modal-wrapper{background-color:var(--c-primary-t-75);top:0;right:0;bottom:0;left:0;position:fixed;transition:opacity .3s ease}.modal-box{background-color:var(--c-secondary);border-radius:var(--v-border-radius);box-shadow:var(--v-box-shadow);padding:1.5em;transition:transform .6s ease-out}.modal-box-content{height:auto;max-height:calc(100vh - 230px);min-height:50px;overflow:auto;position:relative}.modal-box-footer{margin-top:1em;padding-top:.5em}.modal-box:is(.modal-box-default){width:10%}.modal-box:is(.modal-box-smallest){width:20%}.modal-box:is(.modal-box-small){width:30%}.modal-box:is(.modal-box-medium){width:40%}.modal-box:is(.modal-box-large){width:50%}.modal-box:is(.modal-box-xl){width:60%}.modal-box:is(.modal-box-xxl){width:70%}.modal-box:is(.modal-box-xxxl){width:80%}.modal-box:is(.modal-box-fullscreen){border-radius:0;height:100vh;width:100vw}.dark-mode .modal-wrapper{background-color:var(--c-white-t-10)!important}