@keyframes shake-modal{0%{transform:translate(0)}25%{transform:translate(5px)}50%{transform:translate(-5px)}75%{transform:translate(5px)}to{transform:translate(0)}}.pass_reward-fade-enter-active,.pass_reward-fade-leave-active{transition:opacity .3s ease}.pass_reward-fade-enter-active .popup_box-container-box,.pass_reward-fade-leave-active .popup_box-container-box{transition:transform .3s ease}@media only screen and (max-width:900px){.pass_reward-fade-enter-from .popup_box-container-box,.pass_reward-fade-leave-to .popup_box-container-box{transform:translate(-50%,100%)!important}}.pass_reward-fade-enter-from,.pass_reward-fade-leave-to{opacity:0}.popup_box-fade-enter-active,.popup_box-fade-leave-active{transition:opacity .3s ease}.popup_box-fade-enter-active .popup_box-container-box,.popup_box-fade-leave-active .popup_box-container-box{transition:transform .3s ease}.popup_box-fade-enter-from .popup_box-container-box{transform:translate(-50%,calc(-50% - 44px))!important}@media only screen and (max-width:900px){.popup_box-fade-enter-from .popup_box-container-box{transform:translate(-50%,100%)!important}}.popup_box-fade-leave-to .popup_box-container-box{transform:translate(-50%,calc(-50% + 44px))!important}@media only screen and (max-width:900px){.popup_box-fade-leave-to .popup_box-container-box{transform:translate(-50%,100%)!important}}.close-modal-enter-active,.close-modal-leave-active{transition:.3s ease}.close-modal-enter-from,.close-modal-leave-to{opacity:0;transform:scale(.5)}.popup_box-fade-enter-from,.popup_box-fade-leave-to{opacity:0}.popup_box{bottom:0;height:100dvh;left:0;position:fixed;width:100%;z-index:1000}.popup_box .popup_box-mask{background-color:#000000b3;height:100%;position:relative;width:100%}@media(hover:hover)and (pointer:fine){.popup_box * ::-webkit-scrollbar{height:6px;width:6px}.popup_box * ::-webkit-scrollbar-track{background:#2e394f}.popup_box * ::-webkit-scrollbar-thumb{background:#8892a5}}.popup_box.--shake .popup_box-container-box .popup_box-container{animation:shake-modal .4s}.popup_box.--size-xs{--popup-width:420px}.popup_box.--size-sm{--popup-width:580px}.popup_box.--size-md{--popup-width:640px}.popup_box.--size-lg{--popup-width:770px}.popup_box.--size-xl{--popup-width:900px}.popup_box.--size-xxl{--popup-width:1100px}@keyframes rotateGlowModal{0%{--gradient-angle:0deg}to{--gradient-angle:360deg}}.popup_box .popup_box-container-box{align-items:center;display:flex;height:100%;justify-content:center;left:50%;max-width:100%;position:absolute;top:50%;transform:translate(-50%,-50%)}@media only screen and (max-width:900px){.popup_box .popup_box-container-box{align-items:flex-end;height:-webkit-fill-available;max-height:-moz-max-content!important;max-height:max-content!important}}.popup_box .popup_box-container-box .popup_box-container-back{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.popup_box .popup_box-container{background-color:#101319;border-radius:16px;display:grid;grid-template-areas:"content";grid-template-columns:100%;grid-template-rows:1fr;max-height:calc(100dvh - 48px);max-width:100%;position:relative;transition:transform .3s;width:var(--popup-width)}.popup_box .popup_box-container .popup_box-container-content{border-radius:16px;grid-area:content;height:100%;max-height:100%;min-height:120px;overflow:auto;position:relative;width:100%}.popup_box .popup_box-container .popup_box-container-close{position:absolute;right:16px;top:16px;z-index:10}.popup_box .popup_box-container .fooos1,.popup_box .popup_box-container .fooos2{height:1100px;min-height:1100px;width:50%}.popup_box .popup_box-container .fooos1{background-color:#f003}.popup_box .popup_box-container .fooos2{background-color:#80000033}.popup_box.close-gap-40 .popup_box-container .popup_box-container-close{right:40px;top:40px}.popup_box.close-gap-32 .popup_box-container .popup_box-container-close{right:32px;top:32px}.popup_box.close-gap-16 .popup_box-container .popup_box-container-close{right:16px;top:16px}.popup_box.close-gap-12 .popup_box-container .popup_box-container-close{right:12px;top:12px}.popup_box.close-small .popup_box-container .popup_box-container-close{width:32px}.popup_box.content-gap-40 .popup_box-container .popup_box-container-content{padding:40px}.popup_box.content-gap-32 .popup_box-container .popup_box-container-content{padding:32px}.popup_box.content-gap-16 .popup_box-container .popup_box-container-content{padding:16px}.popup_box.content-gap-12 .popup_box-container .popup_box-container-content{padding:12px}.popup_box.content-gap-0 .popup_box-container .popup_box-container-content{padding:0}@media only screen and (max-width:900px){.popup_box:not(.mobile-center) .popup_box-container-box{border-radius:0;bottom:0;max-height:calc(100% - 64px);top:unset;transform:translate(-50%)}}@media only screen and (max-width:900px)and (orientation:landscape){.popup_box:not(.mobile-center) .popup_box-container-box{max-height:100%}}@media only screen and (max-width:900px){.popup_box:not(.mobile-center) .popup_box-container-box .popup_box-container-close{right:16px;top:16px}.popup_box.mobile-center .popup_box-container-box{height:100%;width:calc(100% - 32px)}.popup_box.mobile-center .popup_box-container{border-radius:12px}.popup_box.mobile-center .popup_box-container .popup_box-container-close{right:12px;top:12px}}
