:root{--modal_transition: .4s;--modal_background_transition: .2s;--modal_background: linear-gradient(135deg, #2C4D89 0%, #372A7E 100%)}.modal_container.active{overflow:hidden}.modal_container{display:none;justify-content:center;align-items:center;position:fixed;width:100dvw;height:100dvh;opacity:1;top:0;left:0;z-index:-1!important}.modal_container.active{display:flex;z-index:1000!important;opacity:1}#modal_background{position:absolute;display:flex;width:100%;height:100%;justify-content:center;align-items:center;background-color:#01080cb3;top:0;left:0}#modal_background.active{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in var(--modal_background_transition) linear forwards}#modal_background.inactive{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);animation:fade-out var(--modal_background_transition) linear forwards}.modal{position:absolute;display:flex;min-width:50%;min-height:50%;max-height:80%;border-radius:8px;padding:32px;z-index:1000;transform:scale(0);justify-content:center;align-items:center;transform-style:preserve-3d}.modal_skew_background{position:absolute;width:110%;height:100%;top:0;left:50%;background:var(--modal_background);border-radius:32px;transform:translate(-50%) skew(-12deg);z-index:-1}.modal.active{animation:modal_grow var(--modal_transition) linear forwards}.modal.inactive{animation:modal_shrink .2s linear forwards}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes modal_grow{0%{transform:scale(0)}60%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes modal_shrink{0%{transform:scale(1)}to{transform:scale(0)}}