.overlay{opacity:0;pointer-events:none;z-index:200;will-change:opacity;background-color:#171f2ccc;min-height:100dvh;transition:opacity .285s ease-in-out;position:fixed;top:44px;left:50%;transform:translate(-50%)}.overlay.center{width:100%;height:auto;top:0;left:0;transform:none}.overlay.open{opacity:1;pointer-events:auto}.modal-content{opacity:0;will-change:transform, opacity;background-color:var(--dimmed-blue);max-height:calc(100% - 44px);transition:opacity .285s ease-in-out,transform .285s ease-in-out;position:fixed;top:44px;left:50%;overflow-y:auto;transform:translate(-50%,-20px);box-shadow:0 3px 9px #00000080;z-index:201!important}.modal-content.center{box-sizing:border-box;background:0 0;border-radius:0;width:100%;max-width:500px;max-height:90dvh;padding:10px;animation:.3s forwards centerModalShow;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)scale(.7)}@keyframes centerModalShow{0%{transform:translate(-50%,-50%)scale(.7)}45%{transform:translate(-50%,-50%)scale(1.05)}80%{transform:translate(-50%,-50%)scale(.95)}to{transform:translate(-50%,-50%)scale(1)}}.modal-content.open{opacity:1;transform:translate(-50%)}.modal-content.closing{opacity:0;transform:translate(-50%,-20px)}.hidden{display:none}.overlay.overlay--transparent{background:0 0!important}.non-transparent-overlay{background-color:#171f2c!important}@media only screen and (min-width:1024px){.modal-content{border:0px 5px 5px 5px solid var(--dark-blue);height:auto;max-height:calc(100% - 60px);top:60px;width:360px!important;min-height:auto!important}.modal-content.register-modal{width:420px!important}.modal-content{scrollbar-width:none!important}.side-modal{transform:translateY(-20px)}.side-modal.open{transform:translateY(0)}.side-modal.closing{transform:translateY(-20px)}.side-modal.left-modal{left:calc(50% - 512px)}.side-modal.right-modal{left:auto;right:calc(50% - 512px)}}@media only screen and (min-width:1280px){.side-modal.left-modal{left:calc(50% - 640px)}.side-modal.right-modal{left:auto;right:calc(50% - 640px)}}