@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.user-bonus-deposit{background-color:#120b14;border:1px solid #251929;display:flex;flex-direction:column;gap:24px;padding:16px;margin-inline:-16px}@media only screen and (min-width:768px){.user-bonus-deposit{border-radius:8px;padding:26px;margin-inline:0}}.user-bonus-deposit__title{font-size:1.125rem;color:#fff;line-height:1.625rem;font-weight:700}.user-bonus-deposit__content{display:flex;gap:24px;flex-direction:column}@media only screen and (min-width:960px){.user-bonus-deposit__content{flex-direction:row}}.user-bonus-deposit__gift-container,.user-bonus-deposit__progress-container{background-color:#1d121f;border-radius:8px;border:1px solid #251929;padding:16px}.user-bonus-deposit__gift-container{background-image:radial-gradient(25% 13% at 50% 30.48%,hsla(0,0%,100%,.25) 0,transparent 100%),radial-gradient(36% 26% at 50% 34.95%,rgba(230,0,122,.3) 0,transparent 100%);display:flex;flex-direction:column;flex-basis:278px}.user-bonus-deposit__gift-container__countdown-box{border-radius:6px;display:flex;padding:8px;position:relative;overflow:hidden;width:100%}.user-bonus-deposit__gift-container__countdown-box:before{content:"";background:conic-gradient(from var(--angle) at 95% 88%,transparent 10%,#e90083 20%,rgba(255,205,232,.596) 55%,#e90083 70%,#231726,transparent 80%),#231726;position:absolute;animation:rotate_background 3s linear infinite;inset:0;z-index:0}.user-bonus-deposit__gift-container__countdown-box:after{content:"";background-color:#1a0f1c;border-radius:4px;position:absolute;top:2px;left:2px;height:calc(100% - 4px);width:calc(100% - 4px);z-index:1}.user-bonus-deposit__gift-container__countdown-box>span{font-size:.875rem;color:#b0a1b2;line-height:1.375rem;font-weight:400;margin-inline:auto;width:-moz-fit-content;width:fit-content;z-index:2}.user-bonus-deposit__gift-container__countdown-box>span b{color:#fff;font-weight:700}.user-bonus-deposit__gift-container__gift-image{-o-object-fit:contain;object-fit:contain;margin-inline:auto;margin-top:-26px;margin-bottom:-16px;height:170px;width:170px}.user-bonus-deposit__gift-container__info-box{background:#1a0f1c;border:1px solid #251929;border-radius:6px;padding:16px}.user-bonus-deposit__gift-container__info-box>span{font-size:.875rem;color:#c9bacc;line-height:1.375rem;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:2px;min-height:24px}.user-bonus-deposit__gift-container__info-box>span>b{font-size:1rem;color:#fff;line-height:1.5rem;font-weight:700}.user-bonus-deposit__gift-container__info-box>span:first-of-type{margin-bottom:8px}.user-bonus-deposit__gift-container__info-box>button{margin-top:24px}.user-bonus-deposit__progress-container{display:flex;flex-direction:column;gap:24px;flex:1 1}.user-bonus-deposit__progress-container__header{display:flex;align-items:center;justify-content:space-between;gap:16px}.user-bonus-deposit__progress-container__header__title{font-size:1rem;color:#fff;line-height:1.5rem;font-weight:700;text-transform:capitalize}.user-bonus-deposit__progress-container__header__title .icon{display:none}@media only screen and (min-width:768px){.user-bonus-deposit__progress-container__header__title .icon{display:inline-block}}.user-bonus-deposit__progress-container__header__max-bonus{font-size:.875rem;color:#c9bacc;line-height:1.375rem;font-weight:600;text-align:right}.user-bonus-deposit__progress-container__header__max-bonus>b{color:#24d861;font-weight:700}.user-bonus-deposit__progress-container__steps-list{display:flex;align-items:stretch;gap:24px;flex:1 1;min-width:0;overflow-x:scroll}@media only screen and (min-width:768px){.user-bonus-deposit__progress-container__steps-list{background:#1a0f1c;border:1px solid #251929;border-radius:6px;gap:48px;padding:16px 24px;overflow-x:auto}}.user-bonus-deposit__progress-container__steps-list__item{display:flex;flex-direction:column;gap:12px}.user-bonus-deposit__progress-container__steps-list__item>img{-o-object-fit:contain;object-fit:contain;min-width:148px;height:148px;width:148px}.user-bonus-deposit__progress-container__steps-list__item>img[data-completed=false]{filter:grayscale(100%)}@media only screen and (min-width:768px){.user-bonus-deposit__progress-container__steps-list__item>img{min-width:0;height:118px;width:118px}}.user-bonus-deposit__progress-container__steps-list__item__progress-bar{background-color:#3f3242;border-radius:2px;overflow:hidden;height:4px;width:100%}.user-bonus-deposit__progress-container__steps-list__item__progress-bar__fill{background-color:#e90083;height:4px;transition:width .3s ease}.user-bonus-deposit__progress-container__steps-list__item__progress-legend{font-size:.875rem;color:#fff;line-height:1.375rem;font-weight:700;margin-inline:auto}.user-bonus-deposit__progress-container__steps-list__item__progress-legend>span{color:#b0a1b2;font-weight:400}.user-bonus-deposit__progress-container__footer{display:flex;align-items:center;justify-content:space-between}.user-bonus-deposit__progress-container__footer__end-time{font-size:.875rem;color:#b0a1b2;line-height:1.375rem;font-weight:400;background-color:#261a29;border-radius:4px;padding:8px 12px;width:-moz-fit-content;width:fit-content}.user-bonus-deposit__progress-container__footer__end-time b{color:#fff;font-weight:700}.user-bonus-deposit__progress-container__footer__end-time.mobile{display:block}@media only screen and (min-width:768px){.user-bonus-deposit__progress-container__footer__end-time.mobile{display:none}}.user-bonus-deposit__progress-container__footer__end-time.tablet{display:none}@media only screen and (min-width:768px){.user-bonus-deposit__progress-container__footer__end-time.tablet{display:block}}.user-bonus-deposit__progress-container__footer__btn-group{display:flex;align-items:stretch;gap:8px;width:100%}@media only screen and (min-width:768px){.user-bonus-deposit__progress-container__footer__btn-group{gap:16px;width:auto}}.user-bonus-deposit__progress-container__footer__btn-group button{min-width:120px;flex:1 1}@keyframes rotate_background{to{--angle:360deg}}@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}
/*# sourceMappingURL=c845c6f3a85f4dc5.css.map*/