.h1 { font-size: 36px; }
.h2 { font-size: 32px; }
.h3 { font-size: 24px; }
.h4 { font-size: 20px; }
.h5 { font-size: 18px; }
.h6 { font-size: 16px; }
.p { font-size: 14px; }
.small { font-size: 12px; }
.xs { font-size: 10px; }
.xss { font-size: 8px; }
.Regular { font-family: Inter; font-weight: 400; }
.SemiBold { font-family: Inter; font-weight: 400; }
.Bold { font-family: Inter; font-weight: 400; }
.Bold { font-family: Inter; font-weight: 800; }
@media (max-width: 768px) { .h1 { font-size: 0.73728rem; } .h2 { font-size: 0.65536rem; } .h3 { font-size: 0.49152rem; } .h4 { font-size: 0.4096rem; } .h5 { font-size: 0.36864rem; } .h6 { font-size: 0.32768rem; } .p { font-size: 0.28672rem; } .small { font-size: 0.24576rem; } .xs { font-size: 0.2048rem; } .xss { font-size: 0.16384rem; }
}
.global-placeholder { display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); overflow: hidden; & img { max-height: 0px; opacity: 0; transition: opacity 0.2s ease-in; }
}
.global-placeholder.lazy-load-image-loaded { padding-top: 0px; & img { max-height: none; opacity: 1; }
}
.svg-placeholder { & img { opacity: 0; transition: opacity 0.2s ease-in; }
}
.svg-placeholder.lazy-load-image-loaded { & img { opacity: 1; }
}
:root { --gameTab--topGameWrapper--paddingBottom: 2rem; --gameTab--topGameWrapper--marginBottom: -2rem; --gameTab--topGameWrapper--boxSizing: content-box; }
label { color: rgb(0, 0, 0); }
button { color: rgb(255, 255, 255); }
.text-white { color: rgb(255, 255, 255) !important; }
.text-primary { color: rgb(255, 138, 0) !important; }
.text-primary-light { color: rgb(19, 19, 19) !important; }
.text-primary-dark { color: rgb(74, 57, 23) !important; }
.text-secondary { color: rgb(0, 113, 227) !important; }
.text-secondary-light { color: rgb(255, 255, 255) !important; }
.text-secondary-dark { color: rgb(255, 255, 255) !important; }
.text-success { color: rgb(113, 144, 27) !important; }
.text-info { color: rgb(255, 138, 0) !important; }
.text-warning { color: rgb(221, 86, 0) !important; }
.text-danger { color: red !important; }
.text-black { color: rgb(0, 0, 0) !important; }
.text-dark { color: rgb(24, 24, 24) !important; }
.text-light-gray { color: rgb(204, 204, 204) !important; }
.text-gray { color: rgb(122, 125, 124) !important; }
.text-dark-gray { color: rgb(79, 2, 18) !important; }
.text-dark-1 { color: rgb(33, 33, 33) !important; }
.text-light { color: rgb(227, 227, 227) !important; }
.text-light-more { color: rgb(224, 224, 224) !important; }
.bg-primary { background-color: rgb(255, 138, 0) !important; }
.bg-primary-light { background-color: rgb(19, 19, 19) !important; }
.bg-primary-dark { background-color: rgb(74, 57, 23) !important; }
.bg-secondary { background-color: rgb(0, 113, 227) !important; }
.bg-success { background-color: rgb(113, 144, 27) !important; }
.bg-info { background-color: rgb(255, 138, 0) !important; }
.bg-warning { background-color: rgb(221, 86, 0) !important; }
.bg-danger { background-color: red !important; }
.bg-white { background-color: rgb(255, 255, 255) !important; }
.bg-light { background-color: rgb(227, 227, 227) !important; }
.bg-light-more { background-color: rgb(224, 224, 224) !important; }
.bg-lightest { background-color: rgb(144, 144, 145) !important; }
.bg-dark { background-color: rgb(24, 24, 24) !important; }
.bg-light-gray { background-color: rgb(204, 204, 204) !important; }
.bg-gray { background-color: rgb(122, 125, 124) !important; }
.bg-dark-gray { background-color: rgb(79, 2, 18) !important; }
.bg-dark-1 { background-color: rgb(33, 33, 33) !important; }
.bg-dark-2 { background-color: rgb(28, 28, 28) !important; }
.bg-black { background-color: rgb(0, 0, 0) !important; }
.bg-product-cyan { background-color: rgb(36, 181, 218) !important; }
.bg-product-blue { background-color: rgb(36, 100, 218) !important; }
.bg-transparent { background: rgba(0, 0, 0, 0) !important; }
.bg-dark-home { background: rgb(0, 0, 0); }
.bg-gradient-home { background: linear-gradient(rgb(2, 2, 2) 0%, rgb(74, 61, 36) 40%, rgb(17, 17, 17) 100%); }
.gradient-bg-dark { background: linear-gradient(rgb(0, 0, 0), rgb(21, 23, 25)); }
#gradient-contact { --color-stop-1: $primary-color; --color-stop-2: $primary-color-light; }
.icon-contact { fill: rgb(255, 255, 255); }
.border-white { border-color: rgb(255, 255, 255) !important; }
.border-primary { border-color: rgb(255, 138, 0) !important; }
.border-secondary { border-color: rgb(0, 113, 227) !important; }
.border-success { border-color: rgb(113, 144, 27) !important; }
.border-info { border-color: rgb(255, 138, 0) !important; }
.border-warning { border-color: rgb(221, 86, 0) !important; }
.border-danger { border-color: red !important; }
.border-light { border-color: rgb(227, 227, 227) !important; }
.border-black { border-color: rgb(0, 0, 0) !important; }
.border-light-gray { border-color: rgb(204, 204, 204) !important; }
.border-body { border-color: rgb(122, 125, 124) !important; }
.border-transparent { }
.opacity-01 { opacity: 0.01 !important; }
.opacity-02 { opacity: 0.02 !important; }
.opacity-03 { opacity: 0.03 !important; }
.opacity-04 { opacity: 0.04 !important; }
.opacity-05 { opacity: 0.05 !important; }
.opacity-06 { opacity: 0.06 !important; }
.opacity-07 { opacity: 0.07 !important; }
.opacity-08 { opacity: 0.08 !important; }
.opacity-09 { opacity: 0.09 !important; }
.opacity-1 { opacity: 0.1 !important; }
.opacity-15 { opacity: 0.15 !important; }
.opacity-2 { opacity: 0.2 !important; }
.opacity-3 { opacity: 0.3 !important; }
.opacity-4 { opacity: 0.4 !important; }
.opacity-5 { opacity: 0.5 !important; }
.opacity-6 { opacity: 0.6 !important; }
.opacity-7 { opacity: 0.7 !important; }
.opacity-8 { opacity: 0.8 !important; }
.opacity-9 { opacity: 0.9 !important; }
.opacity-10 { opacity: 1 !important; }
.filter-grayscale-5 { filter: grayscale(5%) !important; }
.filter-grayscale-10 { filter: grayscale(10%) !important; }
.filter-grayscale-20 { filter: grayscale(20%) !important; }
.filter-grayscale-30 { filter: grayscale(30%) !important; }
.filter-grayscale-40 { filter: grayscale(40%) !important; }
.filter-grayscale-50 { filter: grayscale(50%) !important; }
.filter-grayscale-80 { filter: grayscale(80%) !important; }
.filter-grayscale-100 { filter: grayscale(100%) !important; }
.icon-cyan { fill: rgb(36, 181, 218); }
.icon-black { fill: rgb(0, 0, 0); }
.icon-gray { fill: rgb(122, 125, 124); }
.icon-light { fill: rgb(255, 138, 0); }
.icon-light-more { fill: rgb(224, 224, 224); }
.icon-primary { fill: rgb(227, 227, 227); }
.icon-primary-light { fill: rgb(19, 19, 19); }
.icon-primary-extra-light { fill: rgba(0, 0, 0, 0.2); }
.icon-secondary { fill: rgb(0, 113, 227); }
.icon-secondary-darkest { fill: rgb(255, 255, 255); }
.icon-dark { fill: rgb(24, 24, 24); }
.icon-white { fill: rgb(255, 255, 255); }
.icon-light-gray { fill: rgb(204, 204, 204); }
.icon-gray { fill: rgb(122, 125, 124); }
.icon-dark-gray { fill: rgb(79, 2, 18); }
.icon-success { fill: rgb(113, 144, 27); }
.icon-warning { fill: rgb(221, 86, 0); }
.icon-danger { fill: red; color: red; }
.icon-blue { fill: rgb(255, 138, 0); }
.icon-ios-tab { fill: rgb(179, 179, 179); }
.icon-android-tab { fill: rgb(133, 199, 7); }
.icon-android { fill: rgb(133, 199, 7); }
.icon-ftrline { fill: rgb(0, 185, 0); }
.react-dropdown-select-item-selected { background: rgb(144, 144, 145) !important; color: rgb(0, 0, 0) !important; }
.body-content-container { margin: -0.7rem 0px 0px; }
.slick-track { display: flex !important; }
.slick-slide { height: auto; }
* { min-height: 0px; min-width: 0px; }
.footer-change-language-container .current-country-btn .language-icon-size { width: 0.25rem; border-radius: 50%; }
.standard-popup-modal-container.message-detail-popup-modal-container .standard-popup-modal-header, .standard-popup-modal-container.message-detail-popup-modal-container .standard-popup-modal-body { color: rgb(15, 22, 31); font-family: Inter, "sans-serif", 宋体, Prompt; }
.standard-popup-modal-container.message-detail-popup-modal-container .standard-popup-modal-header:lang(vi), .standard-popup-modal-container.message-detail-popup-modal-container .standard-popup-modal-body:lang(vi) { font-family: Nunito; }
.standard-popup-modal-container.message-detail-popup-modal-container .standard-popup-modal-header .standard-modal-title, .standard-popup-modal-container.message-detail-popup-modal-container .standard-popup-modal-body .standard-modal-title { font-size: 0.16rem; word-break: break-word; }
.google-auth-modal-container .google-auth-modal-body .standard-form-container .otp-field .standard-form-field-wrapper .standard-button-container button { width: 100%; }
@media screen and (max-width: 2048px) { .uploadWrapper { position: relative; width: 100%; } .uploadWrapper .uploadButton { border-radius: 0.05rem; margin-bottom: 0px; display: flex; align-items: center; justify-content: center; width: 2.5rem; height: 0.45rem; background: rgb(255, 255, 255); border: 0.02rem solid rgb(219, 224, 228); font-weight: 600; } .uploadWrapper .inputFile { position: absolute; opacity: 0; width: 100%; height: 100%; cursor: pointer; z-index: 2; } .uploadWrapper .previewButton { background: rgb(0, 151, 255); border-radius: 0.1rem; z-index: 99; padding: 0px 0.3rem; } .uploadWrapper .uploadContent { display: flex; justify-content: space-between; } .uploadWrapper .noFile { display: flex; align-items: center; font-size: 0.16rem; padding-left: 0.05rem; } .uploadWrapper .trashIcon { width: 0.3rem; background: none; z-index: 99; } .uploadWrapper .uploadIcon { width: 0.3rem; margin-top: 0.15rem; }
}
@media screen and (max-width: 768px) { #root > div .body-content-container { min-height: calc(-1rem + 100vh); overflow: auto; margin-top: 0.44rem; } #root > div .body-content-container.mobileTopMargin-download { min-height: unset; } #root > div .m-provider-content-container { display: flex; flex-flow: column; min-height: calc(-1rem + 100vh); } #root > div .m-provider-content-container .provider-content { flex: 1 1 0%; } .uploadWrapper { position: relative; width: 100%; } .uploadWrapper .uploadButton { border-radius: 0.15rem; margin-bottom: 0px; display: flex; align-items: center; justify-content: center; padding: 0.05rem 0.4rem 0px; width: 3.5rem; height: 0.75rem; background: rgb(255, 255, 255); border: 0.02rem solid rgb(219, 224, 228); font-weight: 600; font-style: normal; font-size: 0.28rem; line-height: 1.5; } .uploadWrapper .inputFile { position: absolute; opacity: 0; width: 100%; height: 100%; cursor: pointer; z-index: 2; } .uploadWrapper .previewButton { background: rgb(0, 151, 255); border-radius: 0.1rem; z-index: 99; height: 0.75rem; font-size: 0.3rem; padding: 0px 0.3rem; } .uploadWrapper .uploadContent { display: flex; justify-content: space-between; } .uploadWrapper .noFile { display: flex; align-items: center; font-size: 0.28rem; padding-left: 0.05rem; } .uploadWrapper .trashIcon { width: 0.5rem; background: none; z-index: 99; } .uploadWrapper .uploadIcon { width: 0.5rem; margin-top: 0.2rem; display: flex; }
}
.Toastify__toast-container { z-index: 9999; transform: translateZ(99.99rem); position: fixed; padding: 0.04rem; width: 3.2rem; box-sizing: border-box; color: rgb(255, 255, 255); }
.Toastify__toast-container--top-left { top: 1em; left: 1em; }
.Toastify__toast-container--top-center { top: 1em; left: 50%; transform: translateX(-50%); }
.Toastify__toast-container--top-right { top: 1em; right: 1em; }
.Toastify__toast-container--bottom-left { bottom: 1em; left: 1em; }
.Toastify__toast-container--bottom-center { bottom: 1em; left: 50%; transform: translateX(-50%); }
.Toastify__toast-container--bottom-right { bottom: 1em; right: 1em; }
@media only screen and (max-width: 480px) { .Toastify__toast-container { width: 100vw; padding: 0px; left: 0px; margin: 0px; } .Toastify__toast-container--top-center, .Toastify__toast-container--top-left, .Toastify__toast-container--top-right { top: 0px; transform: translateX(0px); } .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-right { bottom: 0px; transform: translateX(0px); } .Toastify__toast-container--rtl { right: 0px; left: auto; }
}
.Toastify__toast { position: relative; min-height: 0.64rem; box-sizing: border-box; margin-bottom: 1rem; padding: 0.08rem; border-radius: 0.01rem; box-shadow: rgba(0, 0, 0, 0.1) 0px 0.01rem 0.1rem 0px, rgba(0, 0, 0, 0.05) 0px 0.02rem 0.15rem 0px; display: flex; justify-content: space-between; max-height: 8rem; overflow: hidden; font-family: sans-serif; cursor: pointer; direction: ltr; }
.Toastify__toast--rtl { direction: rtl; }
.Toastify__toast--dark { background: rgb(18, 18, 18); color: rgb(255, 255, 255); }
.Toastify__toast--default { background: rgb(255, 255, 255); color: rgb(170, 170, 170); }
.Toastify__toast--info { background: rgb(52, 152, 219); }
.Toastify__toast--success { background: rgb(7, 188, 12); }
.Toastify__toast--warning { background: rgb(241, 196, 15); }
.Toastify__toast--error { background: rgb(231, 76, 60); }
.Toastify__toast-body { margin: auto 0px; flex: 1 1 auto; }
@media only screen and (max-width: 480px) { .Toastify__toast { margin-bottom: 0px; }
}
.Toastify__close-button { color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0); outline: none; border: none; padding: 0px; cursor: pointer; opacity: 0.7; transition: 0.3s; align-self: flex-start; }
.Toastify__close-button--default { color: rgb(0, 0, 0); opacity: 0.3; }
.Toastify__close-button > svg { fill: currentcolor; height: 0.16rem; width: 0.14rem; }
.Toastify__close-button:focus, .Toastify__close-button:hover { opacity: 1; }
@-webkit-keyframes Toastify__trackProgress { 0% { transform: scaleX(1); } 100% { transform: scaleX(0); }
}
@keyframes Toastify__trackProgress { 0% { transform: scaleX(1); } 100% { transform: scaleX(0); }
}
.Toastify__progress-bar { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 0.05rem; z-index: 9999; opacity: 0.7; background-color: rgba(255, 255, 255, 0.7); transform-origin: left center; }
.Toastify__progress-bar--animated { animation: auto linear 0s 1 normal forwards running Toastify__trackProgress; }
.Toastify__progress-bar--controlled { transition: transform 0.2s; }
.Toastify__progress-bar--rtl { right: 0px; left: auto; transform-origin: right center; }
.Toastify__progress-bar--default { background: linear-gradient(90deg, rgb(76, 217, 100), rgb(90, 200, 250), rgb(0, 122, 255), rgb(52, 170, 220), rgb(88, 86, 214), rgb(255, 45, 85)); }
.Toastify__progress-bar--dark { background: rgb(187, 134, 252); }
@-webkit-keyframes Toastify__bounceInRight { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(30rem, 0px, 0px); } 60% { opacity: 1; transform: translate3d(-0.25rem, 0px, 0px); } 75% { transform: translate3d(0.1rem, 0px, 0px); } 90% { transform: translate3d(-0.05rem, 0px, 0px); } 100% { transform: none; }
}
@keyframes Toastify__bounceInRight { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(30rem, 0px, 0px); } 60% { opacity: 1; transform: translate3d(-0.25rem, 0px, 0px); } 75% { transform: translate3d(0.1rem, 0px, 0px); } 90% { transform: translate3d(-0.05rem, 0px, 0px); } 100% { transform: none; }
}
@-webkit-keyframes Toastify__bounceOutRight { 20% { opacity: 1; transform: translate3d(-0.2rem, 0px, 0px); } 100% { opacity: 0; transform: translate3d(20rem, 0px, 0px); }
}
@keyframes Toastify__bounceOutRight { 20% { opacity: 1; transform: translate3d(-0.2rem, 0px, 0px); } 100% { opacity: 0; transform: translate3d(20rem, 0px, 0px); }
}
@-webkit-keyframes Toastify__bounceInLeft { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-30rem, 0px, 0px); } 60% { opacity: 1; transform: translate3d(0.25rem, 0px, 0px); } 75% { transform: translate3d(-0.1rem, 0px, 0px); } 90% { transform: translate3d(0.05rem, 0px, 0px); } 100% { transform: none; }
}
@keyframes Toastify__bounceInLeft { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-30rem, 0px, 0px); } 60% { opacity: 1; transform: translate3d(0.25rem, 0px, 0px); } 75% { transform: translate3d(-0.1rem, 0px, 0px); } 90% { transform: translate3d(0.05rem, 0px, 0px); } 100% { transform: none; }
}
@-webkit-keyframes Toastify__bounceOutLeft { 20% { opacity: 1; transform: translate3d(0.2rem, 0px, 0px); } 100% { opacity: 0; transform: translate3d(-20rem, 0px, 0px); }
}
@keyframes Toastify__bounceOutLeft { 20% { opacity: 1; transform: translate3d(0.2rem, 0px, 0px); } 100% { opacity: 0; transform: translate3d(-20rem, 0px, 0px); }
}
@-webkit-keyframes Toastify__bounceInUp { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, 30rem, 0px); } 60% { opacity: 1; transform: translate3d(0px, -0.2rem, 0px); } 75% { transform: translate3d(0px, 0.1rem, 0px); } 90% { transform: translate3d(0px, -0.05rem, 0px); } 100% { transform: translateZ(0px); }
}
@keyframes Toastify__bounceInUp { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, 30rem, 0px); } 60% { opacity: 1; transform: translate3d(0px, -0.2rem, 0px); } 75% { transform: translate3d(0px, 0.1rem, 0px); } 90% { transform: translate3d(0px, -0.05rem, 0px); } 100% { transform: translateZ(0px); }
}
@-webkit-keyframes Toastify__bounceOutUp { 20% { transform: translate3d(0px, -0.1rem, 0px); } 40%, 45% { opacity: 1; transform: translate3d(0px, 0.2rem, 0px); } 100% { opacity: 0; transform: translate3d(0px, -20rem, 0px); }
}
@keyframes Toastify__bounceOutUp { 20% { transform: translate3d(0px, -0.1rem, 0px); } 40%, 45% { opacity: 1; transform: translate3d(0px, 0.2rem, 0px); } 100% { opacity: 0; transform: translate3d(0px, -20rem, 0px); }
}
@-webkit-keyframes Toastify__bounceInDown { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, -30rem, 0px); } 60% { opacity: 1; transform: translate3d(0px, 0.25rem, 0px); } 75% { transform: translate3d(0px, -0.1rem, 0px); } 90% { transform: translate3d(0px, 0.05rem, 0px); } 100% { transform: none; }
}
@keyframes Toastify__bounceInDown { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, -30rem, 0px); } 60% { opacity: 1; transform: translate3d(0px, 0.25rem, 0px); } 75% { transform: translate3d(0px, -0.1rem, 0px); } 90% { transform: translate3d(0px, 0.05rem, 0px); } 100% { transform: none; }
}
@-webkit-keyframes Toastify__bounceOutDown { 20% { transform: translate3d(0px, 0.1rem, 0px); } 40%, 45% { opacity: 1; transform: translate3d(0px, -0.2rem, 0px); } 100% { opacity: 0; transform: translate3d(0px, 20rem, 0px); }
}
@keyframes Toastify__bounceOutDown { 20% { transform: translate3d(0px, 0.1rem, 0px); } 40%, 45% { opacity: 1; transform: translate3d(0px, -0.2rem, 0px); } 100% { opacity: 0; transform: translate3d(0px, 20rem, 0px); }
}
.Toastify__bounce-enter--bottom-left, .Toastify__bounce-enter--top-left { animation-name: Toastify__bounceInLeft; }
.Toastify__bounce-enter--bottom-right, .Toastify__bounce-enter--top-right { animation-name: Toastify__bounceInRight; }
.Toastify__bounce-enter--top-center { animation-name: Toastify__bounceInDown; }
.Toastify__bounce-enter--bottom-center { animation-name: Toastify__bounceInUp; }
.Toastify__bounce-exit--bottom-left, .Toastify__bounce-exit--top-left { animation-name: Toastify__bounceOutLeft; }
.Toastify__bounce-exit--bottom-right, .Toastify__bounce-exit--top-right { animation-name: Toastify__bounceOutRight; }
.Toastify__bounce-exit--top-center { animation-name: Toastify__bounceOutUp; }
.Toastify__bounce-exit--bottom-center { animation-name: Toastify__bounceOutDown; }
@-webkit-keyframes Toastify__zoomIn { 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; }
}
@keyframes Toastify__zoomIn { 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; }
}
@-webkit-keyframes Toastify__zoomOut { 0% { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; }
}
@keyframes Toastify__zoomOut { 0% { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; }
}
.Toastify__zoom-enter { animation-name: Toastify__zoomIn; }
.Toastify__zoom-exit { animation-name: Toastify__zoomOut; }
@-webkit-keyframes Toastify__flipIn { 0% { transform: perspective(4rem) rotateX(90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(4rem) rotateX(-20deg); animation-timing-function: ease-in; } 60% { transform: perspective(4rem) rotateX(10deg); opacity: 1; } 80% { transform: perspective(4rem) rotateX(-5deg); } 100% { transform: perspective(4rem); }
}
@keyframes Toastify__flipIn { 0% { transform: perspective(4rem) rotateX(90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(4rem) rotateX(-20deg); animation-timing-function: ease-in; } 60% { transform: perspective(4rem) rotateX(10deg); opacity: 1; } 80% { transform: perspective(4rem) rotateX(-5deg); } 100% { transform: perspective(4rem); }
}
@-webkit-keyframes Toastify__flipOut { 0% { transform: perspective(4rem); } 30% { transform: perspective(4rem) rotateX(-20deg); opacity: 1; } 100% { transform: perspective(4rem) rotateX(90deg); opacity: 0; }
}
@keyframes Toastify__flipOut { 0% { transform: perspective(4rem); } 30% { transform: perspective(4rem) rotateX(-20deg); opacity: 1; } 100% { transform: perspective(4rem) rotateX(90deg); opacity: 0; }
}
.Toastify__flip-enter { animation-name: Toastify__flipIn; }
.Toastify__flip-exit { animation-name: Toastify__flipOut; }
@-webkit-keyframes Toastify__slideInRight { 0% { transform: translate3d(110%, 0px, 0px); visibility: visible; } 100% { transform: translateZ(0px); }
}
@keyframes Toastify__slideInRight { 0% { transform: translate3d(110%, 0px, 0px); visibility: visible; } 100% { transform: translateZ(0px); }
}
@-webkit-keyframes Toastify__slideInLeft { 0% { transform: translate3d(-110%, 0px, 0px); visibility: visible; } 100% { transform: translateZ(0px); }
}
@keyframes Toastify__slideInLeft { 0% { transform: translate3d(-110%, 0px, 0px); visibility: visible; } 100% { transform: translateZ(0px); }
}
@-webkit-keyframes Toastify__slideInUp { 0% { transform: translate3d(0px, 110%, 0px); visibility: visible; } 100% { transform: translateZ(0px); }
}
@keyframes Toastify__slideInUp { 0% { transform: translate3d(0px, 110%, 0px); visibility: visible; } 100% { transform: translateZ(0px); }
}
@-webkit-keyframes Toastify__slideInDown { 0% { transform: translate3d(0px, -110%, 0px); visibility: visible; } 100% { transform: translateZ(0px); }
}
@keyframes Toastify__slideInDown { 0% { transform: translate3d(0px, -110%, 0px); visibility: visible; } 100% { transform: translateZ(0px); }
}
@-webkit-keyframes Toastify__slideOutRight { 0% { transform: translateZ(0px); } 100% { visibility: hidden; transform: translate3d(110%, 0px, 0px); }
}
@keyframes Toastify__slideOutRight { 0% { transform: translateZ(0px); } 100% { visibility: hidden; transform: translate3d(110%, 0px, 0px); }
}
@-webkit-keyframes Toastify__slideOutLeft { 0% { transform: translateZ(0px); } 100% { visibility: hidden; transform: translate3d(-110%, 0px, 0px); }
}
@keyframes Toastify__slideOutLeft { 0% { transform: translateZ(0px); } 100% { visibility: hidden; transform: translate3d(-110%, 0px, 0px); }
}
@-webkit-keyframes Toastify__slideOutDown { 0% { transform: translateZ(0px); } 100% { visibility: hidden; transform: translate3d(0px, 5rem, 0px); }
}
@keyframes Toastify__slideOutDown { 0% { transform: translateZ(0px); } 100% { visibility: hidden; transform: translate3d(0px, 5rem, 0px); }
}
@-webkit-keyframes Toastify__slideOutUp { 0% { transform: translateZ(0px); } 100% { visibility: hidden; transform: translate3d(0px, -5rem, 0px); }
}
@keyframes Toastify__slideOutUp { 0% { transform: translateZ(0px); } 100% { visibility: hidden; transform: translate3d(0px, -5rem, 0px); }
}
.Toastify__slide-enter--bottom-left, .Toastify__slide-enter--top-left { animation-name: Toastify__slideInLeft; }
.Toastify__slide-enter--bottom-right, .Toastify__slide-enter--top-right { animation-name: Toastify__slideInRight; }
.Toastify__slide-enter--top-center { animation-name: Toastify__slideInDown; }
.Toastify__slide-enter--bottom-center { animation-name: Toastify__slideInUp; }
.Toastify__slide-exit--bottom-left, .Toastify__slide-exit--top-left { animation-name: Toastify__slideOutLeft; }
.Toastify__slide-exit--bottom-right, .Toastify__slide-exit--top-right { animation-name: Toastify__slideOutRight; }
.Toastify__slide-exit--top-center { animation-name: Toastify__slideOutUp; }
.Toastify__slide-exit--bottom-center { animation-name: Toastify__slideOutDown; }
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow { margin-left: -0.08rem; position: absolute; }
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__month-year-read-view--down-arrow::before { box-sizing: content-box; position: absolute; border: 0.08rem solid rgba(0, 0, 0, 0); height: 0px; width: 0.01rem; }
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__month-year-read-view--down-arrow::before { content: ""; z-index: -1; border-width: 0.08rem; left: -0.08rem; border-bottom-color: rgb(174, 174, 174); }
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle { top: 0px; margin-top: -0.08rem; }
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before { border-top: none; border-bottom-color: rgb(240, 240, 240); }
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before { top: -0.01rem; border-bottom-color: rgb(174, 174, 174); }
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow { bottom: 0px; margin-bottom: -0.08rem; }
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__month-year-read-view--down-arrow::before { border-bottom: none; border-top-color: rgb(255, 255, 255); }
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__month-year-read-view--down-arrow::before { bottom: -0.01rem; border-top-color: rgb(174, 174, 174); }
.react-datepicker-wrapper { display: inline-block; padding: 0px; border: 0px; }
.react-datepicker { font-family: ""Helvetica Neue", Helvetica, Arial, sans-serif Neue", "Helvetica Neue", Helvetica, Arial, sans-serif, Arial, sans-serif; font-size: 0.8rem; background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); border: 0.01rem solid rgb(174, 174, 174); border-radius: 0.3rem; display: inline-block; position: relative; }
.react-datepicker--time-only .react-datepicker__triangle { left: 0.35rem; }
.react-datepicker--time-only .react-datepicker__time-container { border-left: 0px; }
.react-datepicker--time-only .react-datepicker__time { border-radius: 0.3rem; }
.react-datepicker--time-only .react-datepicker__time-box { border-radius: 0.3rem; }
.react-datepicker__triangle { position: absolute; left: 0.5rem; }
.react-datepicker-popper { z-index: 99; }
.react-datepicker-popper[data-placement^="bottom"] { margin: 0.1rem 0px 0px; }
.react-datepicker-popper[data-placement="bottom-end"] .react-datepicker__triangle, .react-datepicker-popper[data-placement="top-end"] .react-datepicker__triangle { left: auto; right: 0.5rem; }
.react-datepicker-popper[data-placement^="top"] { margin-bottom: 0.1rem; }
.react-datepicker-popper[data-placement^="right"] { margin-left: 0.08rem; }
.react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle { left: auto; right: 0.42rem; }
.react-datepicker-popper[data-placement^="left"] { margin-right: 0.08rem; }
.react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle { left: 0.42rem; right: auto; }
.react-datepicker__header { text-align: center; background-color: rgb(240, 240, 240); border-bottom: 0.01rem solid rgb(174, 174, 174); border-top-right-radius: 0.3rem; padding-top: 0.08rem; position: relative; }
.react-datepicker__header--time { padding-bottom: 0.08rem; padding-left: 0.05rem; padding-right: 0.05rem; }
.react-datepicker__year-dropdown-container--select, .react-datepicker__month-dropdown-container--select, .react-datepicker__month-year-dropdown-container--select, .react-datepicker__year-dropdown-container--scroll, .react-datepicker__month-dropdown-container--scroll, .react-datepicker__month-year-dropdown-container--scroll { display: inline-block; margin: 0px 0.02rem; }
.react-datepicker__current-month, .react-datepicker-time__header, .react-datepicker-year-header { margin-top: 0px; color: rgb(0, 0, 0); font-weight: bold; font-size: 0.944rem; }
.react-datepicker-time__header { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.react-datepicker__navigation { background: none; line-height: 1.7rem; text-align: center; cursor: pointer; position: absolute; padding: 0px; border: 0.45rem solid rgba(0, 0, 0, 0); z-index: 1; height: 0.1rem; width: 0.1rem; text-indent: -999em; overflow: hidden; top: 0.1rem !important; }
.react-datepicker__navigation--previous { left: 0.1rem; border-right-color: rgb(204, 204, 204); }
.react-datepicker__navigation--previous:hover { border-right-color: rgb(179, 179, 179); }
.react-datepicker__navigation--previous--disabled, .react-datepicker__navigation--previous--disabled:hover { border-right-color: rgb(230, 230, 230); cursor: default; }
.react-datepicker__navigation--next { right: 0.1rem; border-left-color: rgb(204, 204, 204); }
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) { right: 0.8rem; }
.react-datepicker__navigation--next:hover { border-left-color: rgb(179, 179, 179); }
.react-datepicker__navigation--next--disabled, .react-datepicker__navigation--next--disabled:hover { border-left-color: rgb(230, 230, 230); cursor: default; }
.react-datepicker__navigation--years { position: relative; top: 0px; display: block; margin-left: auto; margin-right: auto; }
.react-datepicker__navigation--years-previous { top: 0.04rem; border-top-color: rgb(204, 204, 204); }
.react-datepicker__navigation--years-previous:hover { border-top-color: rgb(179, 179, 179); }
.react-datepicker__navigation--years-upcoming { top: -0.04rem; border-bottom-color: rgb(204, 204, 204); }
.react-datepicker__navigation--years-upcoming:hover { border-bottom-color: rgb(179, 179, 179); }
.react-datepicker__month-container { float: left; }
.react-datepicker__year-container { margin: 0.4rem; text-align: center; display: flex; flex-wrap: wrap; }
.react-datepicker__year-container-text { display: inline-block; cursor: pointer; flex: 1 0 30%; width: 0.12rem; padding: 0.02rem; }
.react-datepicker__month { margin: 0.4rem; text-align: center; }
.react-datepicker__month .react-datepicker__month-text, .react-datepicker__month .react-datepicker__quarter-text { display: inline-block; width: 4rem; margin: 0.02rem; }
.react-datepicker__input-time-container { clear: both; width: 100%; float: left; margin: 0.05rem 0px 0.1rem 0.15rem; text-align: left; }
.react-datepicker__input-time-container .react-datepicker-time__caption { display: inline-block; }
.react-datepicker__input-time-container .react-datepicker-time__input-container { display: inline-block; }
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input { display: inline-block; margin-left: 0.1rem; }
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input { width: 0.85rem; }
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-inner-spin-button, .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-outer-spin-button { appearance: none; margin: 0px; }
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"] { }
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter { margin-left: 0.05rem; display: inline-block; }
.react-datepicker__time-container { float: right; border-left: 0.01rem solid rgb(174, 174, 174); width: 0.85rem; }
.react-datepicker__time-container--with-today-button { display: inline; border: 0.01rem solid rgb(174, 174, 174); border-radius: 0.3rem; position: absolute; right: -0.72rem; top: 0px; }
.react-datepicker__time-container .react-datepicker__time { position: relative; background: rgb(255, 255, 255); border-bottom-right-radius: 0.3rem; }
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box { width: 0.85rem; overflow-x: hidden; margin: 0px auto; text-align: center; }
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list { list-style: none; margin: 0px; height: 2.8rem; overflow-y: scroll; padding-right: 0px; padding-left: 0px; width: 100%; box-sizing: content-box; }
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item { height: 0.3rem; padding: 0.05rem 0.1rem; white-space: nowrap; }
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover { cursor: pointer; background-color: rgb(240, 240, 240); }
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected { background-color: rgb(33, 107, 165); color: rgb(255, 255, 255); font-weight: bold; }
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover { background-color: rgb(33, 107, 165); }
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled { color: rgb(204, 204, 204); }
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover { cursor: default; background-color: rgba(0, 0, 0, 0); }
.react-datepicker__week-number { color: rgb(204, 204, 204); display: inline-block; width: 1.7rem; line-height: 1.7rem; text-align: center; margin: 0.166rem; }
.react-datepicker__week-number.react-datepicker__week-number--clickable { cursor: pointer; }
.react-datepicker__week-number.react-datepicker__week-number--clickable:hover { border-radius: 0.3rem; background-color: rgb(240, 240, 240); }
.react-datepicker__day-names, .react-datepicker__week { white-space: nowrap; }
.react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name { color: rgb(0, 0, 0); display: inline-block; width: 1.7rem; line-height: 1.7rem; text-align: center; margin: 0.166rem; }
.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range, .react-datepicker__quarter--selected, .react-datepicker__quarter--in-selecting-range, .react-datepicker__quarter--in-range { border-radius: 0.3rem; background-color: rgb(33, 107, 165); color: rgb(255, 255, 255); }
.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover, .react-datepicker__quarter--selected:hover, .react-datepicker__quarter--in-selecting-range:hover, .react-datepicker__quarter--in-range:hover { background-color: rgb(29, 93, 144); }
.react-datepicker__month--disabled, .react-datepicker__quarter--disabled { color: rgb(204, 204, 204); pointer-events: none; }
.react-datepicker__month--disabled:hover, .react-datepicker__quarter--disabled:hover { cursor: default; background-color: rgba(0, 0, 0, 0); }
.react-datepicker__day, .react-datepicker__month-text, .react-datepicker__quarter-text { cursor: pointer; }
.react-datepicker__day:hover, .react-datepicker__month-text:hover, .react-datepicker__quarter-text:hover { border-radius: 0.3rem; background-color: rgb(240, 240, 240); }
.react-datepicker__day--today, .react-datepicker__month-text--today, .react-datepicker__quarter-text--today { font-weight: bold; }
.react-datepicker__day--highlighted, .react-datepicker__month-text--highlighted, .react-datepicker__quarter-text--highlighted { border-radius: 0.3rem; background-color: rgb(61, 204, 74); color: rgb(255, 255, 255); }
.react-datepicker__day--highlighted:hover, .react-datepicker__month-text--highlighted:hover, .react-datepicker__quarter-text--highlighted:hover { background-color: rgb(50, 190, 63); }
.react-datepicker__day--highlighted-custom-1, .react-datepicker__month-text--highlighted-custom-1, .react-datepicker__quarter-text--highlighted-custom-1 { color: rgb(255, 0, 255); }
.react-datepicker__day--highlighted-custom-2, .react-datepicker__month-text--highlighted-custom-2, .react-datepicker__quarter-text--highlighted-custom-2 { color: green; }
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range, .react-datepicker__month-text--selected, .react-datepicker__month-text--in-selecting-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--selected, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__quarter-text--in-range { border-radius: 0.3rem; background-color: rgb(33, 107, 165); color: rgb(255, 255, 255); }
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover, .react-datepicker__month-text--selected:hover, .react-datepicker__month-text--in-selecting-range:hover, .react-datepicker__month-text--in-range:hover, .react-datepicker__quarter-text--selected:hover, .react-datepicker__quarter-text--in-selecting-range:hover, .react-datepicker__quarter-text--in-range:hover { background-color: rgb(29, 93, 144); }
.react-datepicker__day--keyboard-selected, .react-datepicker__month-text--keyboard-selected, .react-datepicker__quarter-text--keyboard-selected { border-radius: 0.3rem; background-color: rgb(42, 135, 208); color: rgb(255, 255, 255); }
.react-datepicker__day--keyboard-selected:hover, .react-datepicker__month-text--keyboard-selected:hover, .react-datepicker__quarter-text--keyboard-selected:hover { background-color: rgb(29, 93, 144); }
.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range { background-color: rgba(33, 107, 165, 0.5); }
.react-datepicker__month--selecting-range .react-datepicker__day--in-range, .react-datepicker__month--selecting-range .react-datepicker__month-text--in-range, .react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range { background-color: rgb(240, 240, 240); color: rgb(0, 0, 0); }
.react-datepicker__day--disabled, .react-datepicker__month-text--disabled, .react-datepicker__quarter-text--disabled { cursor: default; color: rgb(204, 204, 204); }
.react-datepicker__day--disabled:hover, .react-datepicker__month-text--disabled:hover, .react-datepicker__quarter-text--disabled:hover { background-color: rgba(0, 0, 0, 0); }
.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover, .react-datepicker__quarter-text.react-datepicker__month--selected:hover, .react-datepicker__quarter-text.react-datepicker__month--in-range:hover, .react-datepicker__quarter-text.react-datepicker__quarter--selected:hover, .react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover { background-color: rgb(33, 107, 165); }
.react-datepicker__month-text:hover, .react-datepicker__quarter-text:hover { background-color: rgb(240, 240, 240); }
.react-datepicker__input-container { position: relative; display: inline-block; width: 100%; }
.react-datepicker__year-read-view, .react-datepicker__month-read-view, .react-datepicker__month-year-read-view { border: 0.01rem solid rgba(0, 0, 0, 0); border-radius: 0.3rem; }
.react-datepicker__year-read-view:hover, .react-datepicker__month-read-view:hover, .react-datepicker__month-year-read-view:hover { cursor: pointer; }
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow { border-top-color: rgb(179, 179, 179); }
.react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow { border-top-color: rgb(204, 204, 204); float: right; margin-left: 0.2rem; top: 0.08rem; position: relative; border-width: 0.45rem; }
.react-datepicker__year-dropdown, .react-datepicker__month-dropdown, .react-datepicker__month-year-dropdown { background-color: rgb(240, 240, 240); position: absolute; width: 50%; left: 25%; top: 0.3rem; z-index: 1; text-align: center; border-radius: 0.3rem; border: 0.01rem solid rgb(174, 174, 174); }
.react-datepicker__year-dropdown:hover, .react-datepicker__month-dropdown:hover, .react-datepicker__month-year-dropdown:hover { cursor: pointer; }
.react-datepicker__year-dropdown--scrollable, .react-datepicker__month-dropdown--scrollable, .react-datepicker__month-year-dropdown--scrollable { height: 1.5rem; overflow-y: scroll; }
.react-datepicker__year-option, .react-datepicker__month-option, .react-datepicker__month-year-option { line-height: 0.2rem; width: 100%; display: block; margin-left: auto; margin-right: auto; }
.react-datepicker__year-option:first-of-type, .react-datepicker__month-option:first-of-type, .react-datepicker__month-year-option:first-of-type { border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; }
.react-datepicker__year-option:last-of-type, .react-datepicker__month-option:last-of-type, .react-datepicker__month-year-option:last-of-type { user-select: none; border-bottom-left-radius: 0.3rem; border-bottom-right-radius: 0.3rem; }
.react-datepicker__year-option:hover, .react-datepicker__month-option:hover, .react-datepicker__month-year-option:hover { background-color: rgb(204, 204, 204); }
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming { border-bottom-color: rgb(179, 179, 179); }
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous { border-top-color: rgb(179, 179, 179); }
.react-datepicker__year-option--selected, .react-datepicker__month-option--selected, .react-datepicker__month-year-option--selected { position: absolute; left: 0.15rem; }
.react-datepicker__close-icon { cursor: pointer; background-color: rgba(0, 0, 0, 0); border: 0px; outline: 0px; padding: 0px 0.06rem 0px 0px; position: absolute; top: 0px; right: 0px; height: 100%; display: table-cell; vertical-align: middle; }
.react-datepicker__close-icon::after { cursor: pointer; background-color: rgb(33, 107, 165); color: rgb(255, 255, 255); border-radius: 50%; height: 0.16rem; width: 0.16rem; padding: 0.02rem; font-size: 0.12rem; line-height: 1; text-align: center; display: table-cell; vertical-align: middle; content: "×"; }
.react-datepicker__aria-live { display: none !important; }
@media (max-width: 768px) { .react-datepicker__close-icon::after { align-items: unset; justify-content: unset; }
}
.react-datepicker__today-button { background: rgb(240, 240, 240); border-top: 0.01rem solid rgb(174, 174, 174); cursor: pointer; text-align: center; font-weight: bold; padding: 0.05rem 0px; clear: left; }
.react-datepicker__portal { position: fixed; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.8); left: 0px; top: 0px; justify-content: center; align-items: center; display: flex; z-index: 2147483647; }
.react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name { width: 3rem; line-height: 3rem; }
@media (max-width: 400px), (max-height: 550px) { .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name { width: 2rem; line-height: 2rem; }
}
@media (max-width: 768px) { .react-datepicker__year-dropdown--scrollable, .react-datepicker__month-dropdown--scrollable, .react-datepicker__month-year-dropdown--scrollable { height: 5.4rem; } .react-datepicker-popper .react-datepicker__navigation, .standard-popup-modal-body .react-datepicker__navigation { top: 1em !important; font-size: 0.2rem; }
}
.react-datepicker__portal .react-datepicker__current-month, .react-datepicker__portal .react-datepicker-time__header { font-size: 1.44rem; }
.react-datepicker__portal .react-datepicker__navigation { border: 0.81rem solid rgba(0, 0, 0, 0); }
.react-datepicker__portal .react-datepicker__navigation--previous { border-right-color: rgb(204, 204, 204); }
.react-datepicker__portal .react-datepicker__navigation--previous:hover { border-right-color: rgb(179, 179, 179); }
.react-datepicker__portal .react-datepicker__navigation--previous--disabled, .react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover { border-right-color: rgb(230, 230, 230); cursor: default; }
.react-datepicker__portal .react-datepicker__navigation--next { border-left-color: rgb(204, 204, 204); }
.react-datepicker__portal .react-datepicker__navigation--next:hover { border-left-color: rgb(179, 179, 179); }
.react-datepicker__portal .react-datepicker__navigation--next--disabled, .react-datepicker__portal .react-datepicker__navigation--next--disabled:hover { border-left-color: rgb(230, 230, 230); cursor: default; }
.react-tabs { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.react-tabs__tab-list { border-bottom: 0.01rem solid rgb(170, 170, 170); margin: 0px 0px 0.1rem; padding: 0px; }
.react-tabs__tab { display: inline-block; border-top: 0.01rem solid rgba(0, 0, 0, 0); border-right: 0.01rem solid rgba(0, 0, 0, 0); border-left: 0.01rem solid rgba(0, 0, 0, 0); border-image: initial; border-bottom: none; bottom: -0.01rem; position: relative; list-style: none; padding: 0.06rem 0.12rem; cursor: pointer; }
.react-tabs__tab--selected { background: rgb(255, 255, 255); border-color: rgb(170, 170, 170); color: rgb(0, 0, 0); border-radius: 0.05rem 0.05rem 0px 0px; }
.react-tabs__tab--disabled { color: graytext; cursor: default; }
.react-tabs__tab:focus { box-shadow: rgb(1, 136, 254) 0px 0px 0.05rem; border-color: rgb(1, 136, 254); outline: none; }
.react-tabs__tab:focus::after { content: ""; position: absolute; height: 0.05rem; left: -0.04rem; right: -0.04rem; bottom: -0.05rem; background: rgb(255, 255, 255); }
.react-tabs__tab-panel { display: none; }
.react-tabs__tab-panel--selected { display: block; } .page-title { font-family: OpenSans-Regular, sans-serif; letter-spacing: 0px; -webkit-font-smoothing: antialiased; margin: 0.1rem 0px; }
.sub-title { font-family: OpenSans-Regular, sans-serif; }
.font-weight-bold { font-weight: 700; }
.font-weight-medium { font-weight: 500; }
.font-weight-normal { font-family: OpenSans-Regular, sans-serif; }
.font-weight-light { font-weight: 300; }
* { margin: 0px; padding: 0px; list-style: none; outline: none; text-decoration: none; }
.headerSeoContent { text-align: center; width: 11rem; margin: auto; }
.headerSeoContent h1 { display: block; font-size: 2em; margin-block: 0.67em; margin-inline: 0px; font-weight: bold; color: rgb(219, 189, 90); }
.headerSeoContent h2 { display: block; font-size: 1.5em; margin-block: 0.83em; margin-inline: 0px; font-weight: bold; color: rgb(219, 189, 90); }
html { font-size: 5vw; background: unset; }
html ::-webkit-scrollbar { width: 0px; height: 0.02rem; z-index: 999; }
html ::-webkit-scrollbar-corner { background-color: rgba(0, 0, 0, 0); }
@media (min-width: 2300px) { .slider-slide img { width: 13rem !important; }
}
@media (min-width: 2001px) { html { font-size: 8.5rem; }
}
@media (max-width: 2299px) { .slider-slide img { width: 100% !important; }
}
@media (min-width: 2000px) { .slider-slide img { margin: auto; display: block; width: 20rem !important; }
}
@media (min-width: 2001px) { html { font-size: 100px !important; }
}
@media (min-width: 1441px) { html { font-size: 100px !important; }
}
@media (max-width: 1440px) { html { font-size: 6.94444vw; }
}
@media (max-width: 1024px) { html { font-size: 8.33333vw; }
}
.custom-font { font-family: Bahnschrift, "sans-serif"; }
.custom-font button { font-family: Bahnschrift, "sans-serif"; }
.custom-font input { font-family: Bahnschrift, "sans-serif"; }
.custom-lae-vi-font .navMenu-container { font-family: Montserrat; }
body { overflow-x: hidden; font-size: 0.16rem; background: center center / cover no-repeat rgb(255, 255, 255); font-family: Inter, "sans-serif", 宋体, Prompt; min-height: 100vh; word-break: break-word; }
@supports (min-height: 1dvh) { body { min-height: 100dvh; }
}
body:lang(vi) { font-family: Nunito; }
body:lang(th) { font-family: Prompt; }
.aff-portal { background-size: cover; background-position: center center; background-repeat: no-repeat; }
button { appearance: unset; font-family: unset; text-rendering: auto; color: initial; letter-spacing: normal; word-spacing: normal; text-transform: none; text-indent: 0px; text-shadow: none; display: inline-block; text-align: center; align-items: flex-start; cursor: default; box-sizing: border-box; margin: 0em; padding: 0px; border-width: unset; border-style: unset; border-color: unset; border-image: initial; }
.common-btn { width: 1.29rem; height: 0.34rem; background: linear-gradient(rgba(247, 147, 30, 0.996), rgb(241, 92, 36)); color: rgb(255, 255, 255); font-size: 0.15rem; cursor: pointer; }
.common-btn:hover { background: dimgray; }
.common-btn2 { width: 1.29rem; height: 0.34rem; border: 0.02rem solid rgb(235, 235, 235); background: rgba(0, 0, 0, 0); color: rgb(255, 255, 255); font-size: 0.15rem; cursor: pointer; }
.common-btn2:hover { background: rgb(255, 255, 255); color: rgb(0, 0, 0); }
.general_btn { background: linear-gradient(rgb(195, 30, 60), rgb(133, 21, 45)); color: rgb(255, 255, 255); width: 1.2rem; height: 0.45rem; }
input { display: flex; align-items: center; justify-content: center; width: 100%; height: 0.4rem; padding: 0.05rem; border: none; color: rgb(0, 0, 0); background: rgb(245, 245, 245); }
textarea { padding: 0.05rem; border: none; color: rgb(255, 255, 255); background: rgb(245, 245, 245); }
label { font-size: 0.14rem; margin-bottom: 0.05rem; }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { -webkit-text-fill-color: rgb(0, 0, 0); box-shadow: rgb(245, 245, 245) 0px 0px 0px 10rem inset; transition: background-color 5000s ease-in-out; font: unset; }
p { margin-top: 0px; margin-bottom: 1em; }
.small-loading { fill: rgb(241, 92, 36); }
@media (min-width: 768px) { .m-only { display: none; }
}
@media (max-width: 768px) { hr.hr { height: 0.03rem !important; } .App { min-height: calc(-4.75rem + 100vh); } .App.mobile-height { min-height: calc(-4.75rem + 92.5vh); } p { margin-bottom: 0.05rem; } .screen-move-right { transform: translateX(3rem); transition: 0.3s; } .mobile-home-container { padding-top: 2rem; } .dt-only { display: none; } .download-btn, .play-btn, .qr-btn { width: 5rem; height: 1rem; margin: auto; left: 0px; right: 0px; display: block; text-transform: uppercase; } .demo-btn { width: 5rem; height: 1rem; font-size: 0.3rem; margin: auto; left: 0px; right: 0px; display: block; text-transform: uppercase; background: rgba(0, 0, 0, 0); border: 0.02rem solid rgb(255, 255, 255); } .submit-btn, .addBank-btn { width: 5rem; height: 1rem; font-size: 0.4rem; margin: auto; left: 0px; right: 0px; display: block; text-transform: uppercase; } .footer-btm-cap { margin-bottom: 2rem !important; } .error-msg { display: flex; align-items: center; justify-content: center; color: red; font-size: 0.35rem; }
}
@media (max-width: 768px) { body { background-image: initial; background-position: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); background-size: unset; }
}
label { color: rgb(0, 0, 0); }
button { color: rgb(255, 255, 255); }
.text-white { color: rgb(255, 255, 255) !important; }
.text-primary { color: rgb(255, 138, 0) !important; }
.text-primary-light { color: rgb(19, 19, 19) !important; }
.text-primary-dark { color: rgb(74, 57, 23) !important; }
.text-secondary { color: rgb(0, 113, 227) !important; }
.text-secondary-light { color: rgb(255, 255, 255) !important; }
.text-secondary-dark { color: rgb(255, 255, 255) !important; }
.text-success { color: rgb(113, 144, 27) !important; }
.text-info { color: rgb(255, 138, 0) !important; }
.text-warning { color: rgb(221, 86, 0) !important; }
.text-danger { color: red !important; }
.text-black { color: rgb(0, 0, 0) !important; }
.text-dark { color: rgb(24, 24, 24) !important; }
.text-light-gray { color: rgb(204, 204, 204) !important; }
.text-gray { color: rgb(122, 125, 124) !important; }
.text-dark-gray { color: rgb(79, 2, 18) !important; }
.text-dark-1 { color: rgb(33, 33, 33) !important; }
.text-light { color: rgb(227, 227, 227) !important; }
.text-light-more { color: rgb(224, 224, 224) !important; }
.bg-primary { background-color: rgb(255, 138, 0) !important; }
.bg-primary-light { background-color: rgb(19, 19, 19) !important; }
.bg-primary-dark { background-color: rgb(74, 57, 23) !important; }
.bg-secondary { background-color: rgb(0, 113, 227) !important; }
.bg-success { background-color: rgb(113, 144, 27) !important; }
.bg-info { background-color: rgb(255, 138, 0) !important; }
.bg-warning { background-color: rgb(221, 86, 0) !important; }
.bg-danger { background-color: red !important; }
.bg-white { background-color: rgb(255, 255, 255) !important; }
.bg-light { background-color: rgb(227, 227, 227) !important; }
.bg-light-more { background-color: rgb(224, 224, 224) !important; }
.bg-lightest { background-color: rgb(144, 144, 145) !important; }
.bg-dark { background-color: rgb(24, 24, 24) !important; }
.bg-light-gray { background-color: rgb(204, 204, 204) !important; }
.bg-gray { background-color: rgb(122, 125, 124) !important; }
.bg-dark-gray { background-color: rgb(79, 2, 18) !important; }
.bg-dark-1 { background-color: rgb(33, 33, 33) !important; }
.bg-dark-2 { background-color: rgb(28, 28, 28) !important; }
.bg-black { background-color: rgb(0, 0, 0) !important; }
.bg-product-cyan { background-color: rgb(36, 181, 218) !important; }
.bg-product-blue { background-color: rgb(36, 100, 218) !important; }
.bg-transparent { background: rgba(0, 0, 0, 0) !important; }
.bg-dark-home { background: rgb(0, 0, 0); }
.bg-gradient-home { background: linear-gradient(rgb(2, 2, 2) 0%, rgb(74, 61, 36) 40%, rgb(17, 17, 17) 100%); }
.gradient-bg-dark { background: linear-gradient(rgb(0, 0, 0), rgb(21, 23, 25)); }
#gradient-contact { --color-stop-1: $primary-color; --color-stop-2: $primary-color-light; }
.icon-contact { fill: rgb(255, 255, 255); }
.border-white { border-color: rgb(255, 255, 255) !important; }
.border-primary { border-color: rgb(255, 138, 0) !important; }
.border-secondary { border-color: rgb(0, 113, 227) !important; }
.border-success { border-color: rgb(113, 144, 27) !important; }
.border-info { border-color: rgb(255, 138, 0) !important; }
.border-warning { border-color: rgb(221, 86, 0) !important; }
.border-danger { border-color: red !important; }
.border-light { border-color: rgb(227, 227, 227) !important; }
.border-black { border-color: rgb(0, 0, 0) !important; }
.border-light-gray { border-color: rgb(204, 204, 204) !important; }
.border-body { border-color: rgb(122, 125, 124) !important; }
.border-transparent { }
.opacity-01 { opacity: 0.01 !important; }
.opacity-02 { opacity: 0.02 !important; }
.opacity-03 { opacity: 0.03 !important; }
.opacity-04 { opacity: 0.04 !important; }
.opacity-05 { opacity: 0.05 !important; }
.opacity-06 { opacity: 0.06 !important; }
.opacity-07 { opacity: 0.07 !important; }
.opacity-08 { opacity: 0.08 !important; }
.opacity-09 { opacity: 0.09 !important; }
.opacity-1 { opacity: 0.1 !important; }
.opacity-15 { opacity: 0.15 !important; }
.opacity-2 { opacity: 0.2 !important; }
.opacity-3 { opacity: 0.3 !important; }
.opacity-4 { opacity: 0.4 !important; }
.opacity-5 { opacity: 0.5 !important; }
.opacity-6 { opacity: 0.6 !important; }
.opacity-7 { opacity: 0.7 !important; }
.opacity-8 { opacity: 0.8 !important; }
.opacity-9 { opacity: 0.9 !important; }
.opacity-10 { opacity: 1 !important; }
.filter-grayscale-5 { filter: grayscale(5%) !important; }
.filter-grayscale-10 { filter: grayscale(10%) !important; }
.filter-grayscale-20 { filter: grayscale(20%) !important; }
.filter-grayscale-30 { filter: grayscale(30%) !important; }
.filter-grayscale-40 { filter: grayscale(40%) !important; }
.filter-grayscale-50 { filter: grayscale(50%) !important; }
.filter-grayscale-80 { filter: grayscale(80%) !important; }
.filter-grayscale-100 { filter: grayscale(100%) !important; }
.icon-cyan { fill: rgb(36, 181, 218); }
.icon-black { fill: rgb(0, 0, 0); }
.icon-gray { fill: rgb(122, 125, 124); }
.icon-light { fill: rgb(255, 138, 0); }
.icon-light-more { fill: rgb(224, 224, 224); }
.icon-primary { fill: rgb(227, 227, 227); }
.icon-primary-light { fill: rgb(19, 19, 19); }
.icon-primary-extra-light { fill: rgba(0, 0, 0, 0.2); }
.icon-secondary { fill: rgb(0, 113, 227); }
.icon-secondary-darkest { fill: rgb(255, 255, 255); }
.icon-dark { fill: rgb(24, 24, 24); }
.icon-white { fill: rgb(255, 255, 255); }
.icon-light-gray { fill: rgb(204, 204, 204); }
.icon-gray { fill: rgb(122, 125, 124); }
.icon-dark-gray { fill: rgb(79, 2, 18); }
.icon-success { fill: rgb(113, 144, 27); }
.icon-warning { fill: rgb(221, 86, 0); }
.icon-danger { fill: red; color: red; }
.icon-blue { fill: rgb(255, 138, 0); }
.icon-ios-tab { fill: rgb(179, 179, 179); }
.icon-android-tab { fill: rgb(133, 199, 7); }
.icon-android { fill: rgb(133, 199, 7); }
.icon-ftrline { fill: rgb(0, 185, 0); }
.react-dropdown-select-item-selected { background: rgb(144, 144, 145) !important; color: rgb(0, 0, 0) !important; } .page-title { font-family: OpenSans-Regular, sans-serif; letter-spacing: 0px; -webkit-font-smoothing: antialiased; margin: 0.1rem 0px; }
.sub-title { font-family: OpenSans-Regular, sans-serif; }
.font-weight-bold { font-weight: 700; }
.font-weight-medium { font-weight: 500; }
.font-weight-normal { font-family: OpenSans-Regular, sans-serif; }
.font-weight-light { font-weight: 300; }
button { appearance: unset; text-rendering: auto; letter-spacing: normal; word-spacing: normal; text-transform: none; text-indent: 0px; text-shadow: none; display: inline-block; text-align: center; align-items: flex-start; cursor: pointer; box-sizing: border-box; margin: 0em; padding: 0px; border-width: unset; border-style: unset; border-color: unset; border-image: initial; border-radius: unset; }
.button, .button-register, .button-login, .button-logout, .register-mobile-btn, .login-mobile-btn, .line-btn, .register-btn, .login-btn, .red-btn, .black-btn, .gray-btn, .outline-btn, .upload-btn, .secondary-btn, .primary-btn { margin: 0px; padding: 0px; text-transform: uppercase; text-decoration: none; display: inline-block; text-align: center; color: rgb(255, 255, 255); cursor: pointer; font-family: ""Helvetica Neue", Helvetica, Arial, sans-serif Neue","Helvetica Neue", Helvetica, Arial, sans-serif,Arial,sans-serif, "sans-serif", 宋体; font-size: 1em; white-space: nowrap; }
.button:hover, .button-register:hover, .button-login:hover, .button-logout:hover, .register-mobile-btn:hover, .login-mobile-btn:hover, .line-btn:hover, .register-btn:hover, .login-btn:hover, .red-btn:hover, .black-btn:hover, .gray-btn:hover, .outline-btn:hover, .upload-btn:hover, .secondary-btn:hover, .primary-btn:hover { box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 0.1em; filter: brightness(110%); }
.button:active, .button-register:active, .button-login:active, .button-logout:active, .register-mobile-btn:active, .login-mobile-btn:active, .line-btn:active, .register-btn:active, .login-btn:active, .red-btn:active, .black-btn:active, .gray-btn:active, .outline-btn:active, .upload-btn:active, .secondary-btn:active, .primary-btn:active { position: relative; top: 0.01rem; }
.primary-btn { background: linear-gradient(rgb(195, 30, 60), rgb(133, 21, 45)); color: rgb(255, 255, 255); font-family: ""Helvetica Neue", Helvetica, Arial, sans-serif Neue","Helvetica Neue", Helvetica, Arial, sans-serif,Arial,sans-serif, "sans-serif", 宋体; min-width: 1.5rem; height: 0.35rem; font-weight: unset; display: flex; justify-content: center; align-items: center; border-radius: unset; padding: unset; margin: unset; }
.primary-btn span { display: unset; height: unset; width: unset; background: unset; border-radius: unset; justify-content: unset; align-items: unset; }
.primary-light-btn { background: rgb(255, 138, 0); color: rgb(255, 255, 255); font-family: ""Helvetica Neue", Helvetica, Arial, sans-serif Neue","Helvetica Neue", Helvetica, Arial, sans-serif,Arial,sans-serif, "sans-serif", 宋体; padding: 0.02rem; height: 0.35rem !important; }
.primary-light-btn span { background: rgb(255, 138, 0); display: flex; justify-content: center; align-items: center; color: rgb(255, 255, 255); height: 100% !important; }
.secondary-btn { background: rgb(255, 138, 0); color: rgb(255, 255, 255); font-family: ""Helvetica Neue", Helvetica, Arial, sans-serif Neue","Helvetica Neue", Helvetica, Arial, sans-serif,Arial,sans-serif, "sans-serif", 宋体; }
.upload-btn { background: rgb(122, 125, 124); color: rgb(255, 255, 255); text-transform: uppercase; font-family: ""Helvetica Neue", Helvetica, Arial, sans-serif Neue","Helvetica Neue", Helvetica, Arial, sans-serif,Arial,sans-serif, 宋体, sans-serif; }
.primary-btn:disabled { opacity: 0.6 !important; cursor: not-allowed; }
.outline-btn { color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0.5); }
.primary-outline-btn { background: linear-gradient(rgb(111, 93, 55), rgb(44, 37, 27)); padding: 0.02rem; margin-bottom: -0.1rem; }
.primary-outline-btn div { background: linear-gradient(rgb(28, 29, 33), rgb(13, 18, 22)); height: 0.5rem; display: flex; justify-content: center; align-items: center; padding: 0.2rem; color: rgb(192, 152, 72); max-width: 1.29rem; min-width: 1.29rem !important; }
.gray-btn { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(227, 227, 227)), to(rgb(122, 125, 124))); }
.gray-btn:active { background: rgb(122, 125, 124); }
.black-btn { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(74, 57, 23)), to(rgb(24, 24, 24))); }
.black-btn:active { background: rgb(0, 0, 0); }
.dark-btn { background-color: rgb(24, 24, 24); color: rgb(255, 255, 255); }
.red-btn { background: red; }
.red-btn:active { background: rgb(0, 113, 227); }
.login-btn { color: rgb(186, 154, 91); background: linear-gradient(to right, rgb(255, 138, 0), rgb(127, 96, 42)); text-transform: uppercase; min-width: 1.09rem; border-radius: 0px !important; font-family: ""Helvetica Neue", Helvetica, Arial, sans-serif Neue","Helvetica Neue", Helvetica, Arial, sans-serif,Arial,sans-serif, 黑体, sans-serif !important; height: 0.34rem !important; }
.logout-btn { width: 0.6rem !important; height: 0.34rem !important; }
.logout-btn span { height: 0.2rem; font-size: 0.16rem; }
.logout-btn svg { opacity: 0.4; width: 0.15rem; height: 0.15rem; }
.register-btn { background: linear-gradient(to right, rgb(198, 17, 1), rgb(148, 36, 22)); color: rgb(255, 255, 255); text-transform: uppercase; min-width: 1.1rem; border-radius: 0px !important; font-family: ""Helvetica Neue", Helvetica, Arial, sans-serif Neue","Helvetica Neue", Helvetica, Arial, sans-serif,Arial,sans-serif, 黑体, sans-serif !important; height: 0.34rem !important; margin-right: 0.05rem !important; }
.line-btn { color: rgb(186, 154, 91); background: linear-gradient(rgb(22, 188, 4), rgb(16, 145, 2)); text-transform: uppercase; min-width: 1.09rem; border-radius: 0px !important; font-family: ""Helvetica Neue", Helvetica, Arial, sans-serif Neue","Helvetica Neue", Helvetica, Arial, sans-serif,Arial,sans-serif, 黑体, sans-serif !important; height: 0.34rem !important; margin-left: 0.05rem !important; }
.line-btn .line-icon { fill: inherit; opacity: 0.6 !important; width: 0.2rem !important; }
.login-mobile-btn { background: rgb(255, 138, 0); min-height: 0.5rem; font-size: 1.25em; }
.login-mobile-btn span { color: rgb(255, 255, 255); }
.mobile-btn { background: rgb(255, 138, 0) !important; }
.register-mobile-btn { min-height: 0.5rem; font-size: 1.25em; background: linear-gradient(rgb(251, 192, 71), rgb(248, 240, 80) 30%, rgb(252, 250, 129) 50%, rgb(248, 240, 80) 70%, rgb(251, 192, 71)) !important; }
.register-mobile-btn span { color: rgb(0, 0, 0); }
.delete-btn { padding: 0.05rem 0.1rem; font-family: ""Helvetica Neue", Helvetica, Arial, sans-serif Neue","Helvetica Neue", Helvetica, Arial, sans-serif,Arial,sans-serif, "sans-serif", 宋体; }
.delete-btn span { color: red; }
.restore-btn { background: linear-gradient(0deg, rgba(227, 227, 227, 0.5) 0%, rgba(224, 224, 224, 0.2) 100%); border: 0.01rem solid rgb(122, 125, 124); border-radius: 0.03rem; font-size: 0.875em; color: rgb(122, 125, 124); }
.restore-mobile-btn { background: linear-gradient(0deg, rgb(227, 227, 227) 0%, rgb(144, 144, 145) 100%); border: 0.01rem solid rgb(122, 125, 124); border-radius: 0.03rem; font-size: 0.875em; color: rgb(122, 125, 124); }
.button-login, .button-logout { background: rgb(255, 138, 0); font-family: ""Helvetica Neue", Helvetica, Arial, sans-serif Neue","Helvetica Neue", Helvetica, Arial, sans-serif,Arial,sans-serif, "sans-serif", 宋体; border-radius: 0.03rem; min-width: 0.8rem; color: rgb(255, 255, 255) !important; height: 0.34rem !important; }
.button-login span, .button-logout span { color: rgb(255, 255, 255) !important; }
.button-register { border-radius: 0.03rem; text-transform: uppercase; font-family: ""Helvetica Neue", Helvetica, Arial, sans-serif Neue","Helvetica Neue", Helvetica, Arial, sans-serif,Arial,sans-serif, 宋体, sans-serif; min-width: 0.8rem; background: linear-gradient(rgb(251, 192, 71), rgb(248, 240, 80) 30%, rgb(252, 250, 129) 50%, rgb(248, 240, 80) 70%, rgb(251, 192, 71)) !important; color: rgb(0, 0, 0) !important; height: 0.34rem !important; margin-right: 0.1rem !important; }
.button-register span { display: flex; justify-content: space-evenly !important; padding: 0.05rem 0.15rem !important; }
.reset-btn { width: 1.4rem; }
@media (max-width: 1440px) { .register-btn { min-width: 1.4rem; } .login-btn { min-width: 1.4rem; }
}
@media (max-width: 1024px) { .register-btn { min-width: 1.6rem; height: 0.4rem !important; } .login-btn { min-width: 1.6rem; height: 0.4rem !important; }
}
@media (max-width: 768px) { .button, .primary-btn, .secondary-btn, .upload-btn, .outline-btn, .gray-btn, .black-btn, .red-btn, .login-btn, .register-btn, .line-btn, .login-mobile-btn, .register-mobile-btn, .button-login, .button-logout, .button-register { text-shadow: rgba(0, 0, 0, 0) 0px 0.01rem 0px; } .login-btn { min-width: 0.96rem; max-height: 0.3rem; } .login-btn span { display: flex; justify-content: space-evenly !important; padding: 0.05rem 0.1rem !important; } .register-btn { min-width: 0.96rem; max-height: 0.3rem; } .register-btn span { display: flex; padding: 0.05rem 0.1rem !important; justify-content: space-evenly !important; } .logout-btn { min-width: 0.96rem !important; max-height: 0.27rem !important; } .logout-btn span { display: flex; padding: 0.05rem 0.1rem !important; justify-content: space-evenly !important; }
}
.safari-web-view { font-size: 8.05153vw !important; }
html, body { user-select: text; width: 100% !important; }
*, ::before, ::after { box-sizing: border-box; scrollbar-width: none; }
html { line-height: 1.15; text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.disableIphoneHorizontalScrolling { width: 100%; overflow-x: hidden; }
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }
hr { background-color: rgba(0, 0, 0, 0); padding: 0px; margin-bottom: 0.15rem; }
hr.hr { border: 0px; height: 0.01rem; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgb(255, 138, 0), rgba(0, 0, 0, 0)); }
.left-col-title { height: 0.9rem; border-radius: 0.06rem; margin: 0.1rem 0.15rem; padding: 0.1rem; }
.left-col-item { height: 7.9rem; overflow-y: auto; }
.left-col-item-custom.scrollable-element { min-height: 6rem; max-height: 8rem; overflow-y: auto; }
[tabindex="-1"]:focus { outline: none !important; }
:focus { outline: unset; }
abbr[title], abbr[data-original-title] { text-decoration: underline dotted; border-bottom: 0px; cursor: help; }
address { margin-bottom: 1em; font-style: normal; line-height: inherit; }
dt { font-weight: 500; }
dd { margin-bottom: 0.5em; margin-left: 0px; }
blockquote { margin: 0px 0px 1em; }
dfn { font-style: italic; }
b, strong { font-weight: bolder; }
small { font-size: 80%; }
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
a { text-decoration: none; background-color: rgba(0, 0, 0, 0); outline: none; cursor: pointer; transition: color 0.3s; }
a:active { color: rgb(255, 255, 255); }
a:active, a:hover { outline: 0px; text-decoration: none !important; }
a[disabled] { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; pointer-events: none; }
pre, code, kbd, samp { font-size: 1em; }
pre { margin-top: 0px; margin-bottom: 1em; overflow: auto; }
figure { margin: 0px 0px 1em; }
img { vertical-align: middle; border-style: none; }
.custom-modal-overlay { position: fixed; inset: 0px; background: rgba(0, 0, 0, 0.72); display: flex; align-items: center; justify-content: center; z-index: 9999; }
.downloadCustomModal { background: rgba(0, 0, 0, 0); }
.custom-modal { background: rgb(31, 27, 21); border: 0.03rem solid rgb(255, 138, 0); color: rgb(255, 255, 255); padding: 0.2rem 0.32rem; width: 25%; max-width: 5rem; margin: auto; }
.custom-modal p { margin-bottom: 0px; }
.custom-modal .close-btn { background: linear-gradient(90deg, rgb(187, 154, 70) 0%, rgb(120, 93, 56) 100%); color: rgb(170, 170, 170); font-size: 0.18rem; float: right; }
.custom-modal .download_qr { padding: 0.35rem 0.6rem 0.6rem; }
.custom-modal .custom-modal-header { margin: -0.21rem -0.32rem; padding: 0.2rem 0.32rem; background-color: rgba(0, 0, 0, 0); }
.custom-modal-header { font-size: 0.18rem; font-weight: 600; color: rgb(255, 255, 255); fill: rgb(255, 255, 255); display: flex; align-items: center; justify-content: space-between; }
.custom-modal-header .custom-modal-header-withIcon { display: flex; align-items: center; }
.custom-modal-body { margin: 0.3rem 0px 0px; max-height: 60vh; overflow-y: scroll; scrollbar-width: none; }
.custom-modal-body svg { fill: rgb(144, 144, 145); }
.custom-modal-footer { margin: 0.1rem 0px; }
.custom-modal-footer button { height: 0.5rem; background: linear-gradient(90deg, rgb(187, 154, 70) 0%, rgb(120, 93, 56) 100%); padding: 0px 0.6rem; font-size: inherit; width: fit-content; }
.custom-modal-footer .yes-btn { background: linear-gradient(90deg, rgb(187, 154, 70) 0%, rgb(120, 93, 56) 100%); cursor: pointer; width: 100%; height: 0.5rem; }
.custom-modal-footer .no-btn { background: linear-gradient(90deg, rgb(187, 154, 70) 0%, rgb(120, 93, 56) 100%); cursor: pointer; width: 100%; height: 0.5rem; margin-right: 0.16rem; }
.custom-notification { padding: 0.1rem 0.2rem; width: 100%; color: rgb(255, 255, 255); margin-bottom: 0.05rem; }
.custom-notification.error { background: red; }
svg:not(:root) { overflow: hidden; width: 100%; height: 100%; }
.svg-height-width-auto { width: auto !important; height: auto !important; }
table { border-collapse: collapse; }
.table-title { font-size: 1em; display: -webkit-box; -webkit-line-clamp: 1; color: rgb(0, 0, 0); -webkit-box-orient: vertical; overflow: hidden; word-break: break-all; font-family: ""Helvetica Neue", Helvetica, Arial, sans-serif Neue","Helvetica Neue", Helvetica, Arial, sans-serif,Arial,sans-serif, 宋体, sans-serif; }
.table-date { font-size: 0.875em; }
caption { padding-top: 0.75em; padding-bottom: 0.3em; color: rgba(0, 0, 0, 0.45); text-align: left; caption-side: bottom; }
th { text-align: inherit; }
button, input { overflow: visible; }
button::-webkit-credentials-auto-fill-button, input::-webkit-credentials-auto-fill-button { visibility: hidden; pointer-events: none; position: absolute; right: 0px; display: none !important; }
button, select { text-transform: none; }
button, html [type="button"], [type="reset"], [type="submit"] { appearance: button; }
input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { appearance: listbox; }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { appearance: none; margin: 0px; }
input[type="number"] { }
textarea { overflow: auto; resize: vertical; width: 100%; color: rgb(0, 0, 0); border: unset; border-radius: unset; font-family: unset; }
fieldset { min-width: 0px; margin: 0px; padding: 0px; border: 0px; }
.list-unstyled { padding-left: 0px; list-style: none; }
.list-inline { padding-left: 0px; list-style: none; }
.list-inline-item { display: inline-block; }
.list-inline-item:not(:last-child) { margin-right: 0rem; }
.list-group-item:hover { z-index: initial; }
.hide { display: none; }
[hidden] { display: none !important; }
.scroll-container { display: flex; overflow: scroll; }
.scroll-container.hide-scrollbar { overflow: auto; }
.scroll-container.hide-scrollbar::-webkit-scrollbar { display: none; }
.scroll-container.show-scroll { overflow: auto; }
.scroll-container div { white-space: pre-line; }
.game-banner { min-height: 4.8rem; }
.modal { width: 100%; height: 100%; display: none; position: fixed; top: 0px; left: 0px; z-index: 1050; overflow: hidden; outline: 0px; background-color: rgba(0, 0, 0, 0.58) !important; }
.modal-show, .d-flex-center { display: flex; justify-content: center; align-items: center; }
.z-index-9999 { z-index: 9999; }
.z-index--1 { z-index: -1; }
.border { border: 0.01rem solid rgb(224, 224, 224) !important; }
.border-top { border-top: 0.01rem solid rgb(224, 224, 224) !important; }
.border-right { border-right: 0.005rem solid rgb(122, 125, 124) !important; }
.border-bottom { border-bottom: 0.01rem solid rgb(227, 227, 227) !important; }
.border-bottom-light { border-bottom: 0.01rem solid rgb(224, 224, 224); }
.border-bottom-normal { border-bottom: 0.01rem solid rgb(122, 125, 124); }
.border-left { border-left: 0.01rem solid rgb(24, 24, 24); }
.border-0 { border: 0px !important; }
.border-top-0 { border-top: 0px !important; }
.border-right-0 { border-right: 0px !important; }
.border-bottom-0 { border-bottom: 0px !important; }
.border-left-0 { border-left: 0px !important; }
.rounded { border-radius: 0.15rem !important; }
.rounded-top { border-top-left-radius: 0.15rem !important; border-top-right-radius: 125rem !important; }
.rounded-right { border-top-right-radius: 0.15rem !important; border-bottom-right-radius: 0.15rem !important; }
.rounded-bottom { border-bottom-right-radius: 0.15rem !important; border-bottom-left-radius: 0.15rem !important; }
.rounded-left { border-top-left-radius: 0.15rem !important; border-bottom-left-radius: 0.15rem !important; }
.rounded-circle { border-radius: 50% !important; }
.rounded-pill { border-radius: 50rem !important; }
.rounded-0 { border-radius: 0px !important; }
.clearfix::after { display: block; clear: both; content: ""; }
.d-none { display: none !important; }
.d-inline { display: inline !important; }
.d-inline-block { display: inline-block !important; }
.d-block { display: block !important; }
.d-table { display: table !important; }
.d-table-row { display: table-row !important; }
.d-table-cell { display: table-cell !important; }
.d-flex { display: flex !important; }
.d-inline-flex { display: inline-flex !important; }
.d-webkit-box { display: -webkit-box !important; }
.height-100 { height: 100% !important; }
.container { width: 100%; margin-right: auto; margin-left: auto; padding-left: 0px; padding-right: 0px; }
.section-container { padding-top: 0.15rem; padding-bottom: 0.1rem; }
.content-mobile { background-color: rgb(227, 227, 227); padding: 0.1rem; }
.content-mobile-account { background-color: rgb(144, 144, 145); }
.mobile-account-width { width: 100vw; padding: 0.1rem 0px; }
.container-fluid { width: 100%; margin-right: auto; margin-left: auto; padding-right: 0px !important; padding-left: 0px !important; }
.no-gutters { margin-right: 0px; margin-left: 0px; }
.no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0px; padding-left: 0px; }
.m-0 { margin: 0px !important; }
.m-b-200 { margin-bottom: 2rem; }
.w-1100-container { width: 11rem; margin: auto; }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; padding-right: 0px !important; padding-left: 0px !important; }
.col { flex-basis: 0px; flex-grow: 1; max-width: 100%; }
.col-auto { flex: 0 0 auto; width: auto; max-width: 100%; }
.col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }
.col-2 { flex: 0 0 16.6667%; max-width: 16.6667%; }
.col-3 { flex: 0 0 25%; max-width: 25%; }
.col-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }
.col-5 { flex: 0 0 41.6667%; max-width: 41.6667%; }
.col-6 { flex: 0 0 50%; max-width: 50%; }
.col-7 { flex: 0 0 58.3333%; max-width: 58.3333%; }
.col-8 { flex: 0 0 66.6667%; max-width: 66.6667%; }
.col-9 { flex: 0 0 75%; max-width: 75%; }
.col-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }
.col-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }
.col-12 { flex: 0 0 100%; max-width: 100%; }
.order-2 { order: 2; }
.tab-btn-container { display: flex; justify-content: flex-end; width: 60%; }
.tab-btn-container button { background: linear-gradient(90deg, rgb(192, 152, 72), rgb(140, 106, 46)); height: 0.4rem; color: rgb(255, 255, 255); font-family: ""Helvetica Neue", Helvetica, Arial, sans-serif Neue","Helvetica Neue", Helvetica, Arial, sans-serif,Arial,sans-serif, 黑体, sans-serif; cursor: pointer; font-size: 0.14rem; text-transform: uppercase; font-weight: 600; width: fit-content; padding: 0px 0.35rem; }
.tab-btn-container-full-width { display: flex; justify-content: flex-end; width: 100%; margin-top: unset; }
.tab-btn-container-full-width button { background: linear-gradient(90deg, rgb(192, 152, 72), rgb(140, 106, 46)); height: 0.4rem; width: fit-content; padding: 0px 0.35rem; color: rgb(255, 255, 255); cursor: pointer; font-size: 0.14rem; text-transform: uppercase; font-weight: 600; border-radius: 0.05rem; }
.marquee { height: 0.2rem; width: 7rem; overflow: hidden; position: relative; display: flex; justify-content: center; align-items: center; white-space: nowrap; }
.marquee div { display: block; width: 200%; position: absolute; overflow: hidden; animation: 20s linear 0s infinite normal none running marquee; }
@keyframes marquee { 0% { left: 100%; } 100% { left: -200%; }
}
.search-wrapper { position: relative; margin-right: 0.666667rem; }
.search-wrapper .input-holder { height: 0.42rem; width: 0.42rem; overflow: hidden; position: relative; transition: 0.3s ease-in-out; }
.search-wrapper .input-holder .search-input { width: 100%; padding: 0px 0.7rem 0px 0.2rem; opacity: 0; position: absolute; top: 0px; left: 0px; background: rgba(0, 0, 0, 0); box-sizing: border-box; border: none; outline: none; transform: translate(0px, 0.6rem); transition: 0.3s cubic-bezier(0, 0.105, 0.035, 1.57) 0.3s; font-size: 0.88rem; }
.search-wrapper .input-holder .search-icon { width: 0.42rem; height: 0.42rem; border: none; padding: 0px; outline: none; position: relative; z-index: 2; float: right; cursor: pointer; transition: 0.3s ease-in-out; background: rgba(0, 0, 0, 0.06); border-radius: 0.3rem; }
.search-wrapper .input-holder .search-icon span { width: 0.22rem; height: 0.22rem; display: inline-block; vertical-align: middle; position: relative; transform: rotate(45deg); transition: 0.4s cubic-bezier(0.65, -0.6, 0.24, 1.65); }
.search-wrapper .input-holder .search-icon span::before, .search-wrapper .input-holder .search-icon span::after { position: absolute; content: ""; }
.search-wrapper .input-holder .search-icon span::before { width: 0.04rem; height: 0.11rem; left: 0.09rem; top: 0.13rem; border-radius: 0.02rem; background: rgb(255, 138, 0); }
.search-wrapper .input-holder .search-icon span::after { width: 0.14rem; height: 0.14rem; left: 0.04rem; top: 0px; border-radius: 0.16rem; border: 0.02rem solid rgb(255, 138, 0); }
.search-wrapper .close { position: absolute; z-index: 1; top: 50%; left: 0px; width: 0.2rem; height: 0.2rem; margin-top: -0.1rem; cursor: pointer; transform: rotate(-180deg); transition: 0.2s cubic-bezier(0.285, -0.45, 0.935, 0.11) 0.1s; opacity: 0 !important; }
.search-wrapper .close::before, .search-wrapper .close::after { position: absolute; content: ""; background: rgb(255, 138, 0); border-radius: 0.02rem; }
.search-wrapper .close::before { width: 0.02rem; height: 0.2rem; left: 0.09rem; top: 0px; }
.search-wrapper .close::after { width: 0.2rem; height: 0.02rem; left: 0px; top: 0.09rem; }
.search-wrapper.active { width: 3.3rem; }
.search-wrapper.active .input-holder { width: 2.9rem; border-radius: 0.5rem; background: rgba(0, 0, 0, 0.05); transition: 0.5s cubic-bezier(0, 0.105, 0.035, 1.57); }
.search-wrapper.active .input-holder .search-input { opacity: 1; transform: translate(0px, 0.11rem); }
.search-wrapper.active .input-holder .search-icon { width: 0.42rem; height: 0.42rem; margin: 0px; border-radius: 0.3rem; }
.search-wrapper.active .input-holder .search-icon span { transform: rotate(-45deg); }
.search-wrapper.active .close { left: 3rem; transform: rotate(45deg); transition: 0.6s cubic-bezier(0, 0.105, 0.035, 1.57) 0.5s; opacity: 0.6 !important; }
.search-wrapper.active .close:hover { opacity: 1 !important; }
.search-wrapper.active + .header-megamenu { opacity: 0; }
.page-numbers { padding-top: 0.1rem; }
.pagination-number { padding: 0.05rem 0.15rem; display: flex; justify-content: center; align-items: center; color: rgb(224, 224, 224); }
.page-link { background-color: rgba(0, 0, 0, 0) !important; color: rgb(255, 255, 255) !important; }
.btn-disable { cursor: not-allowed !important; pointer-events: none !important; }
.pagination-btn { height: 100%; padding: 0.5rem 0.75rem !important; border: none !important; }
.t-align-center { text-align: center; }
.w-100 { width: 100%; }
.h-auto { height: auto; }
.h-100 { height: 100%; }
.align-items-center { align-items: center !important; }
.justify-content-center { justify-content: center; }
.justify-content-space-between { justify-content: space-between; }
.justify-content-flex-end { justify-content: flex-end !important; }
.flex-column { flex-direction: column; }
.body-content-container { background-image: unset; background-attachment: unset; background-origin: unset; background-clip: unset; background-color: unset; background-size: cover; background-position: center center; background-repeat: unset; padding: 0px; overflow: unset; position: relative; }
.mobileTopMargin-home-fixed { padding-top: 2.6rem; }
.mobileTopMargin-fixed { padding-top: 2.6rem; }
.mobileTopMargin-navTitle { padding-top: 3.5rem; padding-bottom: 2.4rem; }
.select-container { width: 100%; position: relative; }
.select-container .select-arrow { position: absolute; right: 0.15rem; top: 0.15rem; border-width: 0px 0.03rem 0.03rem 0px; border-color: rgb(255, 255, 255); border-style: solid; display: inline-block; transform: rotate(45deg); width: 0.08rem !important; height: 0.08rem !important; }
.select-container.select-container-selectFullWidth { width: 100%; }
@media (max-width: 768px) { .select-container .select-arrow { border-color: rgb(255, 255, 255); right: 0.3rem !important; top: 0.4rem !important; border-width: 0px 0.08rem 0.08rem 0px !important; width: 0.2rem !important; height: 0.2rem !important; }
}
@media (max-width: 768px) { body { font-family: Inter, "sans-serif", 宋体, Prompt; } body.popup-open { overflow: hidden; } body .body-content-container { background: unset; } body .mobileTopMargin { padding-top: unset; padding-bottom: unset; background: unset; } body .mobileTopMargin.liteappPadding { padding-top: 0px; padding-bottom: 0px; } body .mobileTopMargin-home { padding-top: unset !important; } body .mobileTopMargin-home-fixed { padding-top: 1.8rem; } body .mobileDoubleTopMargin-home { padding-top: 3.4rem; } body .mobileTopMargin-fixed { padding-top: 1.7rem; padding-bottom: 2.5rem; } body .affiliate-route-background { } body .custom-modal .custom-modal-body img { width: 1rem; height: auto; } body .custom-modal .custom-modal-body label { font-size: 0.4rem; margin-bottom: 0.2rem; } body .custom-modal .custom-modal-body p { font-size: 0.38rem; } body .m-search-dialog-modal .react-datepicker-wrapper { width: 100%; } body .m-search-dialog-modal .react-datepicker__close-icon::after { height: 0.6rem; width: 0.6rem; font-size: 0.5rem; background-color: rgb(178, 178, 178); } body .m-search-dialog-modal .react-datepicker__header { padding-top: 0.3rem; } body .m-search-dialog-modal .react-datepicker__current-month, body .m-search-dialog-modal .react-datepicker-time__header, body .m-search-dialog-modal .react-datepicker-year-header { color: rgb(255, 138, 0); font-size: 0.55rem; } body .m-search-dialog-modal .react-datepicker__navigation { border: 0.16rem solid rgba(0, 0, 0, 0) !important; } body .m-search-dialog-modal .react-datepicker__navigation--next { right: 0.1rem; margin-top: 0.25rem; border-left-color: rgb(255, 138, 0) !important; } body .m-search-dialog-modal .react-datepicker__navigation--previous { left: 0.1rem; margin-top: 0.25rem; border-right-color: rgb(255, 138, 0) !important; } body .m-search-dialog-modal .react-datepicker__day-name, body .m-search-dialog-modal .react-datepicker__day, body .m-search-dialog-modal .react-datepicker__time-name { width: 0.7rem; height: 0.7rem; line-height: 0.8rem; margin: 0.166rem; } body .m-search-dialog-modal .react-datepicker { font-size: 0.5rem; } body .m-search-dialog-modal .react-datepicker__day--selected, body .m-search-dialog-modal .react-datepicker__day--in-selecting-range, body .m-search-dialog-modal .react-datepicker__day--in-range, body .m-search-dialog-modal .react-datepicker__month-text--selected, body .m-search-dialog-modal .react-datepicker__month-text--in-selecting-range, body .m-search-dialog-modal .react-datepicker__month-text--in-range, body .m-search-dialog-modal .react-datepicker__quarter-text--selected, body .m-search-dialog-modal .react-datepicker__quarter-text--in-selecting-range, body .m-search-dialog-modal .react-datepicker__quarter-text--in-range { border-radius: 50%; background-color: rgb(33, 107, 165); } body .m-Divider { width: 100%; background: rgb(255, 138, 0); } body .custom-modal { width: 75%; max-width: 75vw; background: linear-gradient(0deg, rgb(22, 15, 7), rgb(21, 14, 6)); border-image: linear-gradient(rgb(195, 30, 60), rgb(133, 21, 45)) 1 / 1 / 0 stretch; } body .custom-modal .custom-modal-header { min-height: 1.4rem; align-items: center; justify-content: space-between; font-size: 0.45rem; white-space: normal; } body .custom-modal .custom-modal-header h3 { text-overflow: unset; overflow: unset; width: unset; } body .custom-modal .custom-modal-header button { font-size: 0.4rem; padding: 0px; width: 100%; text-align: right; background: rgba(0, 0, 0, 0); } body .custom-modal .custom-modal-body { padding: 0.3rem 0px; max-height: 60vh; overflow-y: scroll; } body .custom-modal .custom-modal-footer button { height: 1rem; padding: 0px 0.65rem; margin: 0.25rem 0px; color: rgb(255, 255, 255); } body .custom-modal .close-btn { background: linear-gradient(90deg, rgb(187, 154, 70) 0%, rgb(120, 93, 56) 100%); color: rgb(192, 152, 72); padding: 0.5rem 0.5rem 0px; font-size: 0.4rem; float: right; } body .custom-modal .download_qr { padding: 0.5rem 1rem 1rem; } .tab-btn-container-full-width button { height: unset; width: unset; font-size: unset; }
}
@media (min-width: 768px) { .d-md-block { display: block !important; }
}
@media (max-width: 768px) { .container { width: 100%; max-width: 100%; margin-left: 0px; margin-right: 0px; padding-right: 0px !important; padding-left: 0px !important; } .section-container { padding: 0.1rem !important; } .app-content { margin-top: 0px; }
}
@media (min-width: 768px) { .announce-container { background: rgb(255, 255, 255); transform: skew(-40deg, 0deg); width: 9.8rem !important; }
}
@media (min-width: 1200px) { .container, .container-lg, .container-md, .container-sm, .container-xl { width: 10rem !important; } .announce-container { background: rgb(255, 255, 255); transform: skew(-40deg, 0deg); width: 9.8rem !important; }
}
@media (min-width: 576px) { .col-sm { flex-basis: 0px; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { flex: 0 0 16.6667%; max-width: 16.6667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.3333%; max-width: 33.3333%; } .col-sm-5 { flex: 0 0 41.6667%; max-width: 41.6667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.3333%; max-width: 58.3333%; } .col-sm-8 { flex: 0 0 66.6667%; max-width: 66.6667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.3333%; max-width: 83.3333%; } .col-sm-11 { flex: 0 0 91.6667%; max-width: 91.6667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; }
}
::-webkit-input-placeholder { color: rgb(134, 151, 162); }
.form-field { width: 100%; margin-right: 0.15rem; }
.form-field:first-child { margin-right: 0px; }
.form-field:last-child { margin-right: 0px; }
.form-field select { appearance: none; width: 100%; display: flex; align-items: center; padding: 0.05rem 0.2rem 0.05rem 0.05rem; border-radius: 0px; border-top: 0.02rem solid rgb(245, 245, 245); border-right: 0.02rem solid rgb(245, 245, 245); border-left: 0.02rem solid rgb(245, 245, 245); border-image: initial; border-bottom: unset; background: rgb(245, 245, 245); height: 0.35rem; color: rgb(0, 0, 0); font-size: 0.14rem; font-family: ""Helvetica Neue", Helvetica, Arial, sans-serif Neue","Helvetica Neue", Helvetica, Arial, sans-serif,Arial,sans-serif, 黑体, "sans-serif"; white-space: nowrap; text-overflow: ellipsis; }
.form-field select option { background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); }
.form-field label { margin-bottom: 0.05rem; display: block; color: rgb(15, 22, 31); }
.form-field input { display: flex; align-items: center; padding: 0.05rem; border-radius: 0px; border: unset; font-family: unset; font-size: 0.14rem; color: rgb(255, 255, 255); background: rgb(245, 245, 245); height: 0.35rem; -webkit-text-fill-color: unset; }
.form-field input:disabled { opacity: 1; }
.form-field .phone-input { margin-left: 0.05rem; }
.form-field .mandatory { margin-bottom: 0.05rem; }
.form-field .mandatory::after { color: red; content: "*"; margin-left: 0.04rem; }
.form-field .error-validation { background: rgba(0, 0, 0, 0); color: red; font-size: 0.12rem; margin-top: 0.05rem; width: unset; }
.promo-tnc { text-decoration: underline; cursor: pointer; color: red; font-size: 0.12rem; }
.module-detail label { color: rgb(15, 22, 31); }
.module-detail .custom-table .custom-table-row img { margin-right: 0.05rem; }
.white { color: rgb(188, 188, 188); }
.gold { color: rgb(255, 138, 0); }
.gray { color: rgb(77, 78, 80); }
.menuSvgColor { fill: rgb(145, 146, 147); }
.svgActiveColor { fill: rgb(0, 0, 0); }
.textActiveColor { color: rgb(255, 138, 0); }
.textColor { color: rgb(255, 255, 255); }
@media (max-width: 768px) { label { font-size: 0.4rem; } .tab-btn-container { justify-content: center; width: unset; } .tab-btn-container button { height: 1.5rem; font-size: 0.45rem; } .form-field { width: 100%; margin-right: 0.15rem; margin-bottom: 0.4rem; } .form-field:first-child { margin-right: 0px; } .form-field:last-child { margin-right: 0px; } .form-field select { width: 100%; display: flex; align-items: center; padding: 0.05rem 0.3rem; border-top: 0.02rem solid rgb(245, 245, 245); border-right: 0.02rem solid rgb(245, 245, 245); border-left: 0.02rem solid rgb(245, 245, 245); border-image: initial; background: rgb(245, 245, 245); border-bottom: unset; color: rgb(0, 0, 0); font-size: 0.4rem; height: 1.1rem; border-radius: unset; white-space: nowrap; text-overflow: ellipsis; line-height: 1.5; } .form-field select option { background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); } .form-field label { margin-bottom: 0.3rem; display: block; font-size: 0.4rem; color: rgb(15, 22, 31); } .form-field input { width: 100%; display: flex; align-items: center; padding: 0.05rem 0.3rem; border-radius: 0px; border: unset; background: rgb(245, 245, 245); color: rgb(0, 0, 0); -webkit-text-fill-color: unset; font-size: 0.4rem; height: 1.1rem; } .form-field textarea { width: 100%; color: rgb(0, 0, 0); font-size: 0.4rem; border: rgba(0, 0, 0, 0); border-radius: 0.06rem; font-family: unset; } .form-field .mandatory { margin-bottom: 0.2rem; color: rgb(15, 22, 31); } .form-field .mandatory::after { color: red; content: "*"; } .form-field .error-validation { color: red; font-size: 0.3rem; margin-top: 0.15rem; } .promo-tnc { text-decoration: underline; cursor: pointer; } .login-field { padding-left: 0.5rem; position: relative; } .login-field input { width: 100%; display: flex; align-items: center; padding: 0.05rem 0.3rem; border-radius: 0px; border-width: 0px 0px 0.04rem; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; border-bottom-style: solid; border-bottom-color: rgb(141, 134, 128); color: rgb(0, 0, 0); font-size: 0.4rem; height: 1.1rem; position: relative; }
}
.history-control-panel .react-datepicker__close-icon::after, .reg-form-container .react-datepicker__close-icon::after, .m-bonus-container .react-datepicker__close-icon::after, .react-datepicker-popper .react-datepicker__close-icon::after, .standard-popup-modal-body .react-datepicker__close-icon::after { height: 0.2rem; width: 0.2rem; background: rgb(178, 178, 178); line-height: 0; }
.history-control-panel .react-datepicker__header, .reg-form-container .react-datepicker__header, .m-bonus-container .react-datepicker__header, .react-datepicker-popper .react-datepicker__header, .standard-popup-modal-body .react-datepicker__header { padding-top: 0.3rem; border-top-left-radius: 0.3rem; }
.history-control-panel .react-datepicker__current-month, .history-control-panel .react-datepicker-time__header, .history-control-panel .react-datepicker-year-header, .reg-form-container .react-datepicker__current-month, .reg-form-container .react-datepicker-time__header, .reg-form-container .react-datepicker-year-header, .m-bonus-container .react-datepicker__current-month, .m-bonus-container .react-datepicker-time__header, .m-bonus-container .react-datepicker-year-header, .react-datepicker-popper .react-datepicker__current-month, .react-datepicker-popper .react-datepicker-time__header, .react-datepicker-popper .react-datepicker-year-header, .standard-popup-modal-body .react-datepicker__current-month, .standard-popup-modal-body .react-datepicker-time__header, .standard-popup-modal-body .react-datepicker-year-header { color: rgb(255, 138, 0); font-size: 0.55rem; }
.history-control-panel .react-datepicker, .reg-form-container .react-datepicker, .m-bonus-container .react-datepicker, .react-datepicker-popper .react-datepicker, .standard-popup-modal-body .react-datepicker { font-size: 1em; }
@media (max-width: 768px) { .history-control-panel .react-datepicker, .reg-form-container .react-datepicker, .m-bonus-container .react-datepicker, .react-datepicker-popper .react-datepicker, .standard-popup-modal-body .react-datepicker { font-size: 0.9em; } .history-control-panel .react-datepicker__close-icon::after, .reg-form-container .react-datepicker__close-icon::after, .m-bonus-container .react-datepicker__close-icon::after, .react-datepicker-popper .react-datepicker__close-icon::after, .standard-popup-modal-body .react-datepicker__close-icon::after { }
}
.history-control-panel .react-datepicker-wrapper, .reg-form-container .react-datepicker-wrapper, .m-bonus-container .react-datepicker-wrapper, .react-datepicker-popper .react-datepicker-wrapper, .standard-popup-modal-body .react-datepicker-wrapper { width: 100%; }
.history-control-panel .react-datepicker__header, .reg-form-container .react-datepicker__header, .m-bonus-container .react-datepicker__header, .react-datepicker-popper .react-datepicker__header, .standard-popup-modal-body .react-datepicker__header { padding-top: 0.8em; }
.history-control-panel .react-datepicker__month, .reg-form-container .react-datepicker__month, .m-bonus-container .react-datepicker__month, .react-datepicker-popper .react-datepicker__month, .standard-popup-modal-body .react-datepicker__month { margin: 0.4em 1em; }
.history-control-panel .react-datepicker__day-name, .history-control-panel .react-datepicker__day, .reg-form-container .react-datepicker__day-name, .reg-form-container .react-datepicker__day, .m-bonus-container .react-datepicker__day-name, .m-bonus-container .react-datepicker__day, .react-datepicker-popper .react-datepicker__day-name, .react-datepicker-popper .react-datepicker__day, .standard-popup-modal-body .react-datepicker__day-name, .standard-popup-modal-body .react-datepicker__day { width: 1.9em; line-height: 1.9em; margin: 0.166em; }
.history-control-panel .react-datepicker__current-month, .reg-form-container .react-datepicker__current-month, .m-bonus-container .react-datepicker__current-month, .react-datepicker-popper .react-datepicker__current-month, .standard-popup-modal-body .react-datepicker__current-month { font-size: 1em; }
.history-control-panel .react-datepicker__navigation, .reg-form-container .react-datepicker__navigation, .m-bonus-container .react-datepicker__navigation, .react-datepicker-popper .react-datepicker__navigation, .standard-popup-modal-body .react-datepicker__navigation { top: 1em; line-height: 1.7em; border: 0.45em solid rgba(0, 0, 0, 0); height: 0.1rem !important; padding: 0px !important; }
.history-control-panel .react-datepicker__navigation--next, .reg-form-container .react-datepicker__navigation--next, .m-bonus-container .react-datepicker__navigation--next, .react-datepicker-popper .react-datepicker__navigation--next, .standard-popup-modal-body .react-datepicker__navigation--next { border-left-color: rgb(255, 138, 0); }
.history-control-panel .react-datepicker__navigation--previous, .reg-form-container .react-datepicker__navigation--previous, .m-bonus-container .react-datepicker__navigation--previous, .react-datepicker-popper .react-datepicker__navigation--previous, .standard-popup-modal-body .react-datepicker__navigation--previous { border-right-color: rgb(255, 138, 0); }
.history-control-panel .react-datepicker__month-read-view--down-arrow, .history-control-panel .react-datepicker__year-read-view--down-arrow, .reg-form-container .react-datepicker__month-read-view--down-arrow, .reg-form-container .react-datepicker__year-read-view--down-arrow, .m-bonus-container .react-datepicker__month-read-view--down-arrow, .m-bonus-container .react-datepicker__year-read-view--down-arrow, .react-datepicker-popper .react-datepicker__month-read-view--down-arrow, .react-datepicker-popper .react-datepicker__year-read-view--down-arrow, .standard-popup-modal-body .react-datepicker__month-read-view--down-arrow, .standard-popup-modal-body .react-datepicker__year-read-view--down-arrow { border-width: 0.05rem; }
.react-datepicker-popper .react-datepicker { display: flex; }
.history-control-panel .react-datepicker__current-month, .history-control-panel .react-datepicker-time__header, .history-control-panel .react-datepicker-year-header, .reg-form-container .react-datepicker__current-month, .reg-form-container .react-datepicker-time__header, .reg-form-container .react-datepicker-year-header, .m-bonus-container .react-datepicker__current-month, .m-bonus-container .react-datepicker-time__header, .m-bonus-container .react-datepicker-year-header, .react-datepicker-popper .react-datepicker__current-month, .react-datepicker-popper .react-datepicker-time__header, .react-datepicker-popper .react-datepicker-year-header, .standard-popup-modal-body .react-datepicker__current-month, .standard-popup-modal-body .react-datepicker-time__header, .standard-popup-modal-body .react-datepicker-year-header { font-size: 1em !important; }
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) { right: 0.1rem !important; }
@media (max-width: 768px) { .react-datepicker__year-option, .react-datepicker__month-option, .react-datepicker__month-year-option { line-height: 0.66rem !important; } .react-datepicker__year-option .react-datepicker__navigation, .react-datepicker__month-option .react-datepicker__navigation, .react-datepicker__month-year-option .react-datepicker__navigation { font-size: 0.5rem; } .react-datepicker .react-datepicker__time-container { width: 1.5rem !important; } .react-datepicker .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box { width: 1.2rem; } .react-datepicker .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item { height: 0.8rem; border-radius: 0.21rem; } .react-datepicker li.react-datepicker__time-list-item { padding: 0.2rem 0.1rem !important; } .react-datepicker .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) { right: 1.5rem; } .history-control-panel .react-datepicker__navigation, .reg-form-container .react-datepicker__navigation, .m-bonus-container .react-datepicker__navigation, .react-datepicker-popper .react-datepicker__navigation, .standard-popup-modal-body .react-datepicker__navigation { top: 1em !important; padding: 0px 0.2rem !important; } .history-control-panel .react-datepicker__navigation--previous, .reg-form-container .react-datepicker__navigation--previous, .m-bonus-container .react-datepicker__navigation--previous, .react-datepicker-popper .react-datepicker__navigation--previous, .standard-popup-modal-body .react-datepicker__navigation--previous { border-right-color: rgb(0, 0, 0) !important; } .history-control-panel .react-datepicker__navigation--next, .reg-form-container .react-datepicker__navigation--next, .m-bonus-container .react-datepicker__navigation--next, .react-datepicker-popper .react-datepicker__navigation--next, .standard-popup-modal-body .react-datepicker__navigation--next { border-left-color: rgb(0, 0, 0) !important; } .react-datepicker .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) { right: 1.5rem !important; } .react-datepicker__month .react-datepicker__month-text, .react-datepicker__month .react-datepicker__quarter-text { }
}
.share-modal-container { position: absolute; top: 0px; left: 0px; width: 100vw; height: 100vh; display: flex; }
.share-modal-container .share-modal { height: 7.2rem; width: 66%; margin: auto; padding: 0.2rem; border-radius: 0.1rem; background-color: rgb(255, 255, 255); }
.share-modal-container .share-modal .md-title { display: flex; justify-content: center; align-items: center; font-size: 0.8rem; padding: 0.6rem; }
.share-modal-container .share-modal .md-title span { margin-left: auto; }
.share-modal-container .share-modal .social-media-container { padding: 0px 0.5rem; }
.share-modal-container .share-modal .social-media-container button { width: 1.2rem; background-color: rgba(0, 0, 0, 0); margin: 0.3rem 0.24rem !important; }
.share-modal-container .share-modal .social-media-container button svg { width: 80%; }
.share-modal-container .share-modal .social-media-container button span { font-size: 0.5rem; }
.progressBar-container { width: 100%; height: 100%; background-color: rgb(255, 255, 255); border-radius: 0.3rem; border: unset; }
.progressBar-container .progress { height: 100%; background: rgb(56, 99, 179); border-radius: 0.3rem; }
.banner-bottom-border { border-bottom: 0.1rem solid rgb(102, 102, 102); }
.margin-top-0 { margin-top: 0px !important; }
.margin-right-0 { margin-right: 0px !important; }
.margin-bottom-0 { margin-bottom: 0px !important; }
.margin-left-0 { margin-left: 0px !important; }
.padding-0 { padding: 0px !important; }
.margin-left-5rem { margin-left: 0.5rem !important; }
.videoContent { width: 100%; height: 100%; }
.brand-loading img { animation: 2s ease-in-out 0s infinite alternate none running flipping; }
@keyframes flipping { 0% { transform: perspective(4rem) scaleX(1); } 100% { transform: perspective(4rem) scaleX(-1); }
}
@media (max-width: 575px) { .brand-loading .loading img { max-width: 5rem; }
}
.submenu-tab { position: relative; }
.tab-header:has(.maintenance-icon-container) { position: relative; }
.maintenance-icon-container .maintenance-icon { fill: url("#m98-maintenance-gradient"); }
.provider-box .tab-header.maintaining { cursor: not-allowed !important; }
.provider-box .tab-header .maintenance-icon-container { position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 30%; height: 100%; }
@media (max-width: 768px) { .maintenance-icon-container { display: flex; position: absolute; justify-content: center; align-items: center; margin: auto; inset: 0px; } .maintenance-icon-container .maintenance-icon { width: 45%; }
}
range-slider { --element-height: 0.24rem; --track-height: 0.03rem; --thumb-size: 0.16rem; position: relative; display: flex; align-items: center; height: var(--element-height); width: 100%; min-width: 1.3rem; margin: 0.02rem; overflow: visible; cursor: pointer; touch-action: none; }
range-slider:focus { outline: 0px; }
range-slider[disabled] { filter: grayscale(1); opacity: 0.8; }
range-slider::before { content: ""; display: block; width: 100%; height: var(--track-height); border-radius: calc(var(--track-height)/2); background: linear-gradient(#6221ea, #6221ea) 0/var(--value-percent, 0) 100% no-repeat #c6afe5; }
range-slider:focus .thumb { box-shadow: rgba(98, 33, 234, 0.2) 0px 0px 0px 0.3em; }
range-slider.touch-active .thumb-wrapper .thumb { box-shadow: none; transform: scale(1.5); }
.thumb { background: rgb(98, 33, 234); border-radius: 50%; width: var(--thumb-size); height: var(--thumb-size); position: absolute; bottom: calc(var(--element-height)/2 - var(--thumb-size)/2); left: var(--value-percent, 0); margin-left: calc(var(--thumb-size)/2*-1); transition: transform 0.2s; will-change: transform; pointer-events: none; }
.thumb-wrapper { position: absolute; left: calc(var(--thumb-size)/2); right: calc(var(--thumb-size)/2); bottom: 0px; height: 0px; overflow: visible; }
.m-side-bar-opened { overflow: hidden; }
.slick-slider { position: relative; display: block; box-sizing: border-box; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0px; padding: 0px; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; }
.slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0px, 0px, 0px); }
.slick-track { position: relative; top: 0px; left: 0px; display: block; }
.slick-track::before, .slick-track::after { display: table; content: ""; }
.slick-track::after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 0.01rem; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 0.01rem solid rgba(0, 0, 0, 0); }
.slick-arrow.slick-hidden { display: none; }
.slick-loading .slick-list { background: url("../../../assets/fonts/slick/ajax-loader.gif") center center no-repeat rgb(255, 255, 255); }
@font-face { font-family: slick; font-weight: normal; font-style: normal; src: url("../../../assets/fonts/slick/slick.woff") format("woff"), url("../../../assets/fonts/slick/slick.ttf") format("truetype"); }
.slick-prev, .slick-next { font-size: 0px; line-height: 0; position: absolute; top: 50%; display: block; width: 0.2rem; height: 0.2rem; padding: 0px; transform: translate(0px, -50%); cursor: pointer; color: rgba(0, 0, 0, 0); border: none; outline: none; background: rgba(0, 0, 0, 0); }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: rgba(0, 0, 0, 0); outline: none; background: rgba(0, 0, 0, 0); }
.slick-prev:hover::before, .slick-prev:focus::before, .slick-next:hover::before, .slick-next:focus::before { opacity: 1; }
.slick-prev.slick-disabled::before, .slick-next.slick-disabled::before { opacity: 0.25; }
.slick-prev::before, .slick-next::before { font-family: slick; font-size: 0.2rem; line-height: 1; opacity: 0.75; color: rgb(255, 255, 255); -webkit-font-smoothing: antialiased; }
.slick-prev { left: -0.25rem; }
[dir="rtl"] .slick-prev { right: -0.25rem; left: auto; }
.slick-prev::before { content: "←"; }
[dir="rtl"] .slick-prev::before { content: "→"; }
.slick-next { right: -0.25rem; }
[dir="rtl"] .slick-next { right: auto; left: -0.25rem; }
.slick-next::before { content: "→"; }
[dir="rtl"] .slick-next::before { content: "←"; }
.slick-dotted.slick-slider { margin-bottom: 0.3rem; }
.slick-dots { position: absolute; bottom: -0.25rem; display: block; width: 100%; padding: 0px; margin: 0px; list-style: none; text-align: center; }
.slick-dots li { position: relative; display: inline-block; width: 0.2rem; height: 0.2rem; margin: 0px 0.05rem; padding: 0px; cursor: pointer; }
.slick-dots li button { font-size: 0px; line-height: 0; display: block; width: 0.2rem; height: 0.2rem; padding: 0.05rem; cursor: pointer; color: rgba(0, 0, 0, 0); border: 0px; outline: none; background: rgba(0, 0, 0, 0); }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover::before, .slick-dots li button:focus::before { opacity: 1; }
.slick-dots li button::before { font-family: slick; font-size: 0.06rem; line-height: 0.2rem; position: absolute; top: 0px; left: 0px; width: 0.2rem; height: 0.2rem; content: "•"; text-align: center; opacity: 0.25; color: rgb(0, 0, 0); -webkit-font-smoothing: antialiased; }
.slick-dots li.slick-active button::before { width: 0.2rem; opacity: 0.75; color: rgb(0, 0, 0); }
.modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0px, 0px) !important; }
.modal-login-content { display: flex; justify-content: center; padding: 0.15rem; height: auto; width: 100%; }
.modal-dialog { width: 70%; height: 100vh; margin: 0rem auto; padding: 0.3rem; display: flex; justify-content: center; align-items: center; flex-direction: column; background: rgba(0, 0, 0, 0) !important; }
.modal-dialog.modal-lg.h-auto.annoucement-modal-dialog { transform: translateY(0%) !important; }
.annoucement-modal-dialog { margin-top: 0vh !important; }
.modal { width: 100%; height: 100%; display: none; position: fixed; top: 0px; left: 0px; z-index: 1050; overflow: hidden; outline: 0px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.204) 100%); }
.modal-show { display: flex; justify-content: center; align-items: center; }
.modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0px, 0px) !important; }
.modal-dialog { width: 70%; height: 100vh; margin: 0rem auto; padding: 0.3rem; background: rgba(0, 0, 0, 0) !important; }
.modal-dialog.modal-lg.h-auto.annoucement-modal-dialog { transform: translateY(0%) !important; }
.annoucement-modal-dialog { margin-top: 0vh !important; }
.modal-content { border-radius: 0px; border: 0.01rem solid rgba(0, 0, 0, 0); background: linear-gradient(rgb(195, 30, 60), rgb(133, 21, 45)); padding: 0.02rem; position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; outline: 0px; }
.modal-content .primary-btn { background: linear-gradient(rgb(195, 30, 60), rgb(133, 21, 45)); font-family: ""Helvetica Neue", Helvetica, Arial, sans-serif Neue","Helvetica Neue", Helvetica, Arial, sans-serif,Arial,sans-serif, "sans-serif", 黑体; padding: 0.1rem 0.3rem; width: 50%; }
.modal-content .primary-btn span { font-size: 0.08rem; }
.modal-header { border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom: 0.01rem solid rgba(181, 181, 181, 0); color: rgb(35, 36, 38); background: rgba(33, 33, 33, 0.9); padding: 0.2rem; }
.modal-footer { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; color: rgb(35, 36, 38); background: rgba(33, 33, 33, 0.9); padding: 0.3rem; }
.modal-footer .modal-ok-btn { font-size: 0.2rem; }
.modal-footer .modal-ok-btn span { font-size: 0.2rem; }
.modal-footer > * { margin: 0px; }
.modalContent-bg { background: rgba(33, 33, 33, 0.9); }
.modalSub-text { color: rgb(255, 255, 255); }
.modalSub-content { color: rgb(224, 224, 224); }
.modalSub-bg { background: rgba(33, 33, 33, 0.9); }
.modal-body { position: relative; text-align: left; width: 100%; overflow-y: auto; color: rgb(224, 224, 224); background: rgba(33, 33, 33, 0.9); padding: 0.2rem 0.15rem; font-family: ""Helvetica Neue", Helvetica, Arial, sans-serif Neue","Helvetica Neue", Helvetica, Arial, sans-serif,Arial,sans-serif, 黑体, "sans-serif"; }
.modalTitle-bg { background: rgb(19, 19, 19); }
.modal-title { display: flex; justify-content: flex-start; align-items: center; padding: 0px; width: 100%; color: rgb(255, 138, 0); background-color: rgba(0, 0, 0, 0); font-family: ""Helvetica Neue", Helvetica, Arial, sans-serif Neue","Helvetica Neue", Helvetica, Arial, sans-serif,Arial,sans-serif, 黑体, sans-serif; font-size: 0.25rem; fill: rgb(255, 138, 0) !important; }
.modal-full { height: 100vh; width: 100vw; display: flex; justify-content: center; align-items: center; flex-direction: column; margin: auto; }
.modal-full .modal-content { height: 100vh; width: 100vw; background: none; padding: 0px; }
.modal-full .modal-content .modal-body { padding: 0px; }
.annoucement-modal-dialog .modal-content { max-width: 6rem; }
.modal-lg { }
.modal-lg .modal-content { height: 80%; }
.modal-window .background-overlay { background: none !important; }
.modal-window .modal-lg { height: auto; background: linear-gradient(rgb(194, 146, 72) 0%, rgb(63, 43, 16) 100%); padding: 0.04rem !important; }
.modal-window .modal-lg .modal-header { height: 1.35rem; }
.modal-window .modal-lg .modal-footer { padding: 0.16rem 0px 0px !important; height: 0.62rem !important; }
.modal-window .modal-lg .modal-footer .qkTransfer-close { background-color: rgb(21, 14, 6); }
.modal-md { min-height: 45vh; width: 70%; max-width: 5rem; display: flex; justify-content: center; align-items: center; flex-direction: column; margin: auto; border-radius: 0px; background: linear-gradient(rgb(255, 138, 0), rgb(127, 96, 42)); backface-visibility: hidden; padding: 0.02rem !important; }
.modal-sm { display: flex; justify-content: center; align-items: center; flex-direction: column; margin: auto; background: linear-gradient(rgb(255, 138, 0), rgb(127, 96, 42)); border-radius: 0px; padding: 0.02rem !important; }
.modal-sm .modal-content { width: 30vw; }
.modal-promo { width: 80vw; margin: 0.1rem auto; padding: 0px !important; }
.modal-promo .modal-content { min-height: 100%; }
.redirectable { cursor: pointer; }
@media (min-width: 576px) { .modal-dialog { max-width: 5rem; }
}
@media (max-width: 768px) { ::-webkit-scrollbar { visibility: hidden; display: none; } ::-webkit-scrollbar-track { visibility: hidden; display: none; } ::-webkit-scrollbar-thumb { visibility: hidden; display: none; }
}
@media (max-width: 768px) { .modal-dialog { min-width: 95vw; max-width: 100vw; } .modal-promo { height: 100vh; display: flex; justify-content: center; align-items: center; flex-direction: column; margin: auto; width: 100vw !important; padding: 0px !important; } .modal-promo .modal-content .detail-modal-body { height: 92vh; overflow-y: scroll; } .promo-header { height: 8vh; align-items: center; } .modal-md { height: 75vh; width: 85%; } .modal-sm { max-height: 100vh; width: 85%; } .modal-sm .modal-content { min-height: 20%; width: 80vw; }
}
.modal-backdrop.fade.show { overflow: hidden; }
.custom-modal-overlay .login-modal .login-footer { margin-top: 0.3rem; display: flex; justify-content: center; }
.select { position: relative; display: block; margin: auto; width: 100%; max-height: 20vw; overflow: auto; border-bottom: 0px; border-radius: 0.03rem; font-size: 0.12rem; box-shadow: rgba(0, 0, 0, 0.5) 0px 1em 2em -1.5em; }
.select > i.toggle { position: absolute; z-index: 4; right: 1.5em; top: 1.6em; color: rgb(204, 204, 204); }
.select .title, .select .placeholder { position: relative; display: block; width: 100%; height: 0.5rem; background: rgb(54, 50, 44); border-top: 0.01rem solid rgba(0, 0, 0, 0.05); cursor: pointer; }
.select > input { position: absolute; left: 0px; top: 0px; z-index: 1; width: 100%; height: 100%; display: block; opacity: 0; cursor: pointer; }
.select > input:checked ~ i.toggle.icon-arrow-down { display: none; }
.select > input:checked ~ i.toggle.icon-arrow-up { display: block; }
.select > input:checked div.options label.option .title { display: none !important; }
.select > input:not(:checked) { z-index: 4; }
.select > input:not(:checked) ~ label.option > span.title { display: none; }
.select > input:not(:checked) ~ i.toggle.icon-arrow-up { display: none; }
.select > input:not(:checked) ~ i.toggle.icon-arrow-down { display: block; }
.select > input:disabled { cursor: no-drop; }
.select > span.placeholder { position: relative; z-index: 0; display: flex; align-items: center; padding: 0.1rem; width: 100%; color: rgb(153, 153, 153); border-top: 0px; }
.select label.option { display: block; overflow: hidden; z-index: 1; width: 100%; transition: 1s ease-out; margin: 0px; }
.select label.option span.title { position: relative; z-index: 2; transition: background 0.3s ease-out; padding: 0px 0.1rem; }
.select label.option span.title i.icon { padding-right: 0.08rem; color: rgb(146, 168, 209); }
.select label.option span.title:hover { color: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.3); box-shadow: rgba(0, 0, 0, 0.1) 0px 0.01rem 0px inset; }
.select label.option input { display: none; }
.select label.option input:checked ~ span.title { position: absolute; display: block; z-index: 3; top: 0px; font-size: 0.12rem; background: rgb(54, 50, 44); border-top: 0px; box-shadow: none; color: inherit; width: 100%; }
.promotion-Trans-form-container { text-align: left; }
.promotion-Trans-form-container .quicklabel-amount { display: block; }
.promotion-Trans-form-container svg { width: 0.32rem; }
.promotion-Trans-form-container .promoTrans-provider-area { padding: 0.34rem 0px 0.26rem; }
.promotion-Trans-form-container .promoTrans-provider-area .promoTrans-provider-select { width: 100%; }
.promotion-Trans-form-container .promoTrans-provider-area button { width: 50%; margin-left: 0.08rem; }
.promotion-Trans-form-container .promotion-Trans-title { justify-content: space-between; }
.promotion-Trans-form-container .promotion-Trans-title .close-btn { padding: 0.05rem; }
.provider-amount, .turnover, .bonus { display: flex; justify-content: space-between; }
.add-bank-footer { padding: 0.22rem 0px 0.05rem; }
.add-bank-footer .primary-btn { width: 100%; }
.tarsfer_allin { height: 0.4rem; width: 1.46rem; background: rgba(0, 0, 0, 0); border-width: 0.01rem; border-style: solid; border-color: rgb(255, 138, 0); border-image: linear-gradient(rgb(195, 30, 60), rgb(133, 21, 45)) 1 / 1 / 0 stretch; }
.custom-transfer-dialog .mainWalletContainer { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.2rem; }
.custom-transfer-dialog .mainWalletDetail { text-align: center; display: flex; align-items: center; }
.custom-transfer-dialog .mainWalletDetail .mainWallet { margin-right: 0.24rem; }
.custom-transfer-dialog .transfer-amount input { background: rgb(54, 50, 44); }
.custom-transfer-dialog .transfer-amount .quicklabel-amount::after { color: red; content: "*"; margin-left: 0.04rem; }
.custom-transfer-dialog .transfer-amount .transfer-range input { width: 100%; }
.transfer-range { width: 100%; margin: 0.3rem 0px 0.35rem; }
.range { appearance: none; height: 0.06rem; outline: none; opacity: 0.7; transition: opacity 0.2s; padding: unset; }
.range:hover { opacity: 1; }
.range::-webkit-slider-thumb { appearance: none; width: 0.4rem; height: 0.16rem; background: linear-gradient(rgb(206, 178, 134) 0%, rgb(137, 101, 24) 100%); border-radius: 0.1rem; cursor: pointer; }
.m-promo-container .promotion-Trans-modal .mainWalletContainer { margin-bottom: 0.6rem; }
.m-promo-container .promotion-Trans-modal .mainWalletContainer .mainWalletDetail .mainWallet { line-height: 1.2; margin-right: 0.4rem; }
.m-promo-container .promotion-Trans-modal .mainWalletContainer .mainWalletDetail .mainWallet label { font-size: 0.4rem; }
.m-promo-container .promotion-Trans-modal .mainWalletContainer .mainWalletDetail svg { width: 0.55rem; }
.m-promo-container .promotion-Trans-modal .mainWalletContainer .tarsfer_allin { font-size: 0.4rem; height: 1rem; width: 3.65rem; }
.m-promo-container .promoTrans-provider-area { padding: 0.65rem 0px 0.35rem; }
.m-promo-container .select { max-height: 40vw; }
.m-promo-container .select .title, .m-promo-container .select .placeholder { height: 1.1rem; }
.m-promo-container .select > input { left: 0px; top: 0px; display: block; opacity: 0; }
.m-promo-container .select > input:checked ~ i.toggle.icon-arrow-down { display: none; }
.m-promo-container .select > input:checked ~ i.toggle.icon-arrow-up { display: block; }
.m-promo-container .select > input:checked div.options label.option .title { display: none !important; }
.m-promo-container .select > input:not(:checked) { z-index: 4; }
.m-promo-container .select > input:not(:checked) ~ label.option > span.title { display: none; }
.m-promo-container .select > input:not(:checked) ~ i.toggle.icon-arrow-up { display: none; }
.m-promo-container .select > input:not(:checked) ~ i.toggle.icon-arrow-down { display: block; }
.m-promo-container .select > input:disabled { cursor: no-drop; }
.m-promo-container .select > span.placeholder { padding: 0.05rem 0.3rem; font-size: 0.4rem; }
.m-promo-container .select label.option { display: block; overflow: hidden; z-index: 1; width: 100%; margin: 0px; }
.m-promo-container .select label.option span.title { position: relative; z-index: 2; transition: background 0.3s ease-out; padding: 0px 0.1rem; }
.m-promo-container .select label.option span.title i.icon { padding-right: 0.08rem; color: rgb(146, 168, 209); }
.m-promo-container .select label.option span.title div.provider-container img { width: 1.1rem; margin-right: 0.14rem; }
.m-promo-container .select label.option input { display: none; }
.m-promo-container .select label.option input:checked ~ span.title { position: absolute; display: block; z-index: 3; font-size: 0.4rem; }
.m-promo-container .transfer-range { margin: 0.6rem 0px 0.8rem; }
.m-promo-container .transfer-range .range { height: 0.1rem; }
.m-promo-container .transfer-range .range::-webkit-slider-thumb { appearance: none; width: 0.75rem; height: 0.32rem; background: linear-gradient(rgb(206, 178, 134) 0%, rgb(137, 101, 24) 100%); border-radius: 0.14rem; cursor: pointer; }
.annoucement-bar { display: flex; align-items: center; position: relative; overflow: hidden; width: 100%; }
.annoucement-bar .left-block { height: 100%; position: absolute; width: 4%; z-index: 9; left: 0px; }
.annoucement-bar .right-block { height: 100%; position: absolute; width: 4%; z-index: 9; right: 0px; }
.announcement-content-container { overflow: hidden; white-space: nowrap; width: unset; margin: 0px; padding: unset; }
.announcement-content-container .msg-enter, .announcement-content-container .msg-exit { transform: translateX(-100%) translateZ(0px); }
.announcement-content-container .msg-enter-active, .announcement-content-container .msg-exit-active { transform: translateX(100%) translateZ(0px); }
@keyframes noticeFade { 0% { transform: translateX(100%); } 100% { transform: translateX(-100%); }
}
.annoucement-bar-component { height: 1rem; display: flex; align-items: center; position: relative; overflow: hidden; }
.annoucement-bar-component .left-block, .annoucement-bar-component .right-block { height: 80%; position: unset; width: 8%; z-index: 9; }
.annoucement-bar-component .left-block svg, .annoucement-bar-component .right-block svg { fill: rgb(135, 135, 135); }
.annoucement-bar-component .right-block { right: 0px; }
.annoucement-bar-component .left-block { left: 0px; background: rgb(246, 246, 246); display: flex; align-items: center; padding: 0px 0.05rem; }
.annoucement-bar-component .left-block .digit-icon { position: absolute; top: -0.02rem; left: 0px; width: 0.15rem; height: 0.15rem; padding: 0.01rem; font-size: 0.12rem; border-radius: 0.2rem; background-color: rgb(255, 138, 0); color: rgb(255, 255, 255); text-align: center; }
.annoucement-bar-component .left-block svg { width: 33%; margin: auto; display: block; }
.annoucement-bar-component .left-block img { width: 100%; min-width: 0.25rem; height: 0.25rem; max-width: 0.25rem; }
.annoucement-bar-component .annoucement-moving { position: relative; display: flex; white-space: nowrap; z-index: 1; height: 0.25rem; align-items: center; margin: unset; }
.annoucement-bar-component .annoucement-moving:hover { animation-play-state: paused; }
.annoucement-bar-component .annoucement-moving .annoucement-text { z-index: 9; }
@keyframes movingText { 0% { left: 14.4rem; } 100% { left: -14.4rem; }
}
@media (max-width: 768px) { .annoucement-text { font-size: 0.3rem; } .annoucement-bar-component { } .annoucement-bar-component .annoucement-moving { height: auto !important; } .m-announcementBarSection { background: rgb(246, 246, 246); margin-top: unset; padding: unset; } .m-announcementBarSection .annoucement-bar-component .left-block { background: rgb(246, 246, 246); padding: unset; width: 8%; } .m-announcementBarSection .annoucement-bar-component .left-block img { height: 0.7rem; min-width: 0.7rem; max-width: 0.7rem; } .m-announcementBarSection .annoucement-bar-component .left-block svg { width: 66%; margin: auto; display: block; fill: unset; }
}
.announcementBarSection { background: rgba(0, 0, 0, 0); margin: 0.3rem auto 0px; width: fit-content; position: inherit; display: block; justify-content: unset; }
.announcementBarSection .edge-image { height: 0.3rem; }
.announcementBarSection .annoucement-bar-component { height: 0.19rem; margin: auto; }
.announcementBarSection .annoucement-bar-component .left-block { background: rgb(12, 77, 162); display: flex; }
.announcementBarSection .annoucement-bar-component .left-block svg { fill: rgb(135, 135, 135); height: 56%; }
.announcementBarSection::after { content: unset; position: absolute; top: 0px; left: 0px; z-index: 0; border-top: 0.3rem solid rgb(246, 246, 246); border-left: 0.25rem solid rgba(0, 0, 0, 0); border-right: 0.25rem solid rgba(0, 0, 0, 0); height: 0px; width: 100% !important; }
.annoucementBar .trapezoid { position: absolute; top: 0px; left: 0px; right: 0px; z-index: 0; border-left: 0.3rem solid rgba(0, 0, 0, 0); border-right: 0.3rem solid rgba(0, 0, 0, 0); height: 0px; border-top: 0.3rem solid rgb(102, 14, 13); width: 12rem; margin: auto; }
.carouselSliderSection { text-align: center; background: rgb(10, 22, 36); position: relative; }
.carouselSliderSection .slick-slider .slick-list { line-height: 0; }
.carouselSliderSection .slick-slide .home_banner, .carouselSliderSection .slick-slide img, .carouselSliderSection .slick-slide iframe { max-width: 100%; margin: auto; width: 100%; object-fit: cover; height: 5.25rem !important; }
.carouselSliderSection .slick-slide .home_banner { position: absolute; top: 0px; }
.carouselSliderSection .slick-slide .home-banner-video-wrapper { width: 100%; position: relative; overflow: hidden; height: 5.25rem !important; }
.carouselSliderSection .slick-slide .home-banner-video-wrapper iframe { position: absolute; width: 380%; left: 50%; top: 0px; transform: translateX(-50%); }
.carouselSliderSection .slider .dotsContainer { position: absolute; bottom: 0.16rem; left: 0%; margin: 0px 0.49rem; }
.carouselSliderSection .slider .dotsContainer .dots { background: rgb(255, 255, 255); width: 0.09rem; height: 0.09rem; transform: unset; margin: 0px 0.05rem; border-radius: 50%; }
.carouselSliderSection .slider .dotsContainer .active { background: rgb(253, 184, 19); width: 0.29rem; height: 0.09rem; transform: unset; margin: 0px 0.1rem; border-radius: 0.1rem; }
.carouselSliderSection .slider .dotsContainer.with-timer { left: unset; right: 0px; bottom: 0.68rem; }
.carouselSliderSection .ceremony-timer-container { background: rgba(146, 0, 44, 0.7); position: absolute; width: 100%; bottom: 0px; }
.carouselSliderSection .ceremony-timer-container .ceremony-timer-section { display: flex; align-items: center; max-width: 13.4rem; margin: auto; padding: 0.05rem 0px; color: rgb(255, 255, 255); }
.carouselSliderSection .ceremony-timer-container .ceremony-timer-section .info-wrapper { display: flex; align-items: center; width: 100%; }
.carouselSliderSection .ceremony-timer-container .ceremony-timer-section .info-wrapper .desc { font-weight: 600; font-size: 0.22rem; margin-right: 0.3rem; }
.carouselSliderSection .ceremony-timer-container .ceremony-timer-section .info-wrapper .date-type { display: flex; align-items: center; margin-right: 0.1rem; }
.carouselSliderSection .ceremony-timer-container .ceremony-timer-section .info-wrapper .date-type .value { font-weight: 800; font-size: 0.4rem; }
.carouselSliderSection .ceremony-timer-container .ceremony-timer-section .info-wrapper .date-type .type { font-weight: 600; font-size: 0.12rem; margin: 0px 0.1rem; }
.carouselSliderSection .ceremony-timer-container .ceremony-timer-section .info-wrapper .date-type .rhombus { clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); width: 0.15rem; height: 0.15rem; background: rgb(255, 0, 76); margin-right: 0.05rem; }
.carouselSliderSection .ceremony-timer-container .ceremony-timer-section .ceremory-btn-section .ceremory-btn { background: rgb(76, 192, 178); font-weight: 600; font-size: 0.16rem; width: 2.8rem; }
@media (max-width: 1024px) { .carouselSliderSection .slick-slide img { height: 3.5rem !important; max-width: 100%; } .carouselSliderSection .slick-slide .home_banner, .carouselSliderSection .slick-slide iframe { height: 3.5rem !important; } .carouselSliderSection .slick-slide .home-banner-video-wrapper { height: 3.5rem !important; } .carouselSliderSection .ceremony-timer-container { padding: 0.05rem 5%; }
}
.slider-container { display: flex; justify-content: start; align-items: center; margin-top: 0.2rem; color: gray; }
.slick-track { display: flex; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0px; padding: 0px; width: 100%; }
.rail { height: 0.3rem; background: red; }
.standard-header-font-size { font-size: 0.24rem; }
.standard-title-font-size { font-size: 0.16rem; }
.standard-normal-font-size { font-size: 0.16rem; }
.standard-content-font-size { font-size: 0.14rem; }
@media (max-width: 768px) { .standard-content-font-size { font-size: 0.275699rem; }
}
.standard-info-font-size { font-size: 0.12rem; }
@media (max-width: 768px) { .standard-info-font-size { font-size: 0.21rem; }
}
.standard-sub-content-font-size { font-size: 0.11rem; }
.standard-footer-font-size { font-size: 0.14rem; }
.standard-menu-font-size { font-size: 0.18rem; }
.standard-submenu-font-size { font-size: 0.13rem; }
.standard-navbar-font-size { font-size: 0.12rem; }
.standard-homeInforContainer-normal-font-size { font-size: 0.13rem; }
.standard-table-button-font-size { font-size: 0.12rem; }
.standard-promotion-desc-font-size { font-size: 0.12rem; }
.standard-navmenu-font-size { font-size: 0.12rem; }
.standard-sidebar-closeBtn-font-size { font-size: 0.6rem; }
.standard-transaction-board-title-font-size { font-size: 0.24rem; }
@media (max-width: 768px) { .standard-svg-size { width: 0.42rem; height: 0.42rem; } .standard-header-font-size { font-size: 0.54rem; } .standard-title-font-size { font-size: 0.25rem; } .standard-SecondSubtitle-font-size { font-size: 0.22rem; } .standard-label-font-size { font-size: 0.26rem; } .standard-normal-font-size { font-size: 0.24rem; } .standard-subContent-font-size { font-size: 0.26rem; } .standard-SmallsubContent-font-size { font-size: 0.24rem; } .standard-SidebarMenu-font-size { font-size: 0.28rem; } .standard-footer-font-size { font-size: 0.35rem; } .standard-home-landing-provider-title-font-size { font-size: 0.28rem; font-weight: 400; } .standard-home-landing-provider-subtitle-font-size { font-size: 0.21rem; font-weight: 400; } .standard-home-landing-entrance-normal-font-size { font-size: 0.6rem; } .standard-promotion-desc-font-size { font-size: 0.3rem; } .standard-livetv-font-size { font-size: 0.24rem; } .standard-livetv-small-font-size { font-size: 0.21rem; } label { font-size: 0.25rem; }
}
::-webkit-input-placeholder { color: rgb(134, 151, 162); }
.line-register-button { width: 60%; height: 0.35rem; font-size: 0.16rem; display: flex; align-items: center; justify-content: center; background-color: rgb(0, 195, 0); }
.line-register-button img { margin-right: 0.1rem; }
.extra-register-break-line { width: 100%; text-align: center; border-bottom: 0.01rem solid rgb(238, 238, 238); margin: 0.2rem 0px; }
.extra-register-break-line span { font-weight: 600; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0); text-transform: uppercase; padding: 0.1rem; font-size: 0.16rem; }
.linked-account { background-color: rgb(0, 195, 0); border-radius: 0.03rem; height: 0.35rem; width: 1.3rem; display: flex; justify-content: center; align-items: center; color: rgb(255, 255, 255); }
.linked-account img { margin-right: 0.05rem; width: 0.3rem; }
@media (max-width: 768px) { .m-extra-login-break-line { width: 100%; text-align: center; border-bottom: 0.01rem solid rgb(209, 209, 209); line-height: 0.1em; margin: 0.4rem 0px 0.8rem; } .m-extra-login-break-line span { font-weight: 600; font-size: 0.6rem; color: unset; background: unset; padding: 0px 0.1rem; } .m-line-login-button { background-color: rgb(0, 195, 0); display: flex; width: 60%; height: 1.5rem; border-radius: 0.1rem; align-items: center; justify-content: center; font-weight: 600; margin: auto; font-size: 0.5rem; } .m-line-login-button img { margin-right: 0.5rem; } .line-register-button { height: 1.1rem; width: 100%; font-size: 0.5rem; } .line-register-button img { margin-right: 0.5rem; } .extra-register-break-line { margin: 0.8rem 0px; border-bottom: 0.01rem solid rgb(238, 238, 238); } .extra-register-break-line span { color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0); font-size: 0.6rem; } .linked-account { height: 1.1rem; width: 45%; background-color: rgb(0, 195, 0); color: rgb(255, 255, 255); display: flex; justify-content: center; align-items: center; border-radius: 0.1rem; } .linked-account img { margin: 0px 0.2rem 0px 0px !important; width: unset !important; }
}
.standard-label { display: flex; align-items: center; color: rgb(15, 22, 31); width: 100%; }
.rotate180-enter { transform: rotate(0deg); }
.rotate180-enter-active { transition: 300ms; transform: rotate(225deg) !important; }
.rotate180-enter-done { transform: rotate(225deg) !important; }
.rotate180-exit { transform: rotate(225deg) !important; }
.rotate180-exit-active { transition: 300ms; transform: rotate(360deg) !important; }
.spread-enter { transform-origin: center top; transform: translateZ(0px) scaleY(0); opacity: 0; }
.spread-enter-active { opacity: 1; transform: translateZ(0px) scaleY(1); transition: 300ms; }
.spread-exit { opacity: 1; transform: translateZ(0px) scaleY(1); transform-origin: center top; }
.spread-exit-active { opacity: 0; transform: translateZ(0px) scaleY(0); transition: 300ms; }
@media (min-width: 768px) { .reg-container .standard-label { color: rgb(15, 22, 31); align-items: flex-start; } .standard-mandatory { margin: 0px 0px 0.2rem; } .standard-mandatory::after { color: rgb(224, 8, 45); content: "*"; margin-left: 0.04rem; padding: 0px 0.04rem 0px 0px; font-size: 0.36rem; }
}
.standard-mandatory { margin-bottom: 0.05rem; }
.standard-mandatory::after { color: rgb(224, 8, 45); content: "*"; margin-left: 0.04rem; padding: 0px 0.04rem 0px 0px; font-size: 0.16rem; }
.standard-mandatory-special { display: block; }
.standard-form-field { position: relative; width: 100%; margin-bottom: 0.14rem; display: flex; align-items: flex-start; flex-wrap: wrap; }
@media (max-width: 768px) { .standard-form-field.aff-tracking-container { gap: 0.16rem; margin: 0px 0px 0.55rem; }
}
.standard-form-field .standard-input, .standard-form-field .standard-select { position: relative; width: 100%; height: 0.38rem; display: flex; align-items: center; padding: 0.05rem 0.05rem 0.05rem 0.1rem; border: 0.01rem solid rgb(219, 224, 228); border-radius: 0.05rem; background: rgb(255, 255, 255); color: rgb(15, 22, 31); font-family: Inter, "sans-serif", 宋体, Prompt; font-size: 0.16rem; white-space: nowrap; text-overflow: ellipsis; }
.standard-form-field .standard-input:disabled, .standard-form-field .standard-input.disabled, .standard-form-field .standard-select:disabled, .standard-form-field .standard-select.disabled { background: rgb(238, 238, 238); color: gray; opacity: 1; -webkit-text-fill-color: unset; cursor: not-allowed; }
.standard-form-field .standard-input:-webkit-autofill, .standard-form-field .standard-select:-webkit-autofill { -webkit-text-fill-color: rgb(15, 22, 31); }
.standard-form-field .standard-select { padding: 0.05rem 0.05rem 0.05rem 0.1rem; line-height: 1.5; appearance: none; cursor: pointer; }
.standard-form-field .standard-select.isOpen { z-index: 3; outline: rgb(0, 113, 227) solid 0.01rem; }
@media (max-width: 768px) { .standard-form-field .standard-select.isOpen { outline: rgb(0, 113, 227) solid 0.02rem; }
}
.standard-form-field .standard-select span { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.standard-form-field .standard-select span:first-child { margin: 0px 0.25rem 0px 0px; }
.standard-form-field .standard-select img { width: 0.2rem; height: 0.2rem; margin-right: 0.05rem; }
.standard-form-field .standard-select:focus { border: 0.01rem solid rgb(0, 113, 227); }
@media (max-width: 768px) { .standard-form-field .standard-select:focus { border: 0.02rem solid rgb(0, 113, 227); }
}
.standard-form-field .standard-select-dropdown { position: absolute; top: 0.3rem; border: 0.01rem solid rgb(214, 214, 214); background: rgb(243, 245, 246); z-index: 2; width: 100%; overflow-y: scroll; max-height: 1.8rem; padding: 0.05rem 0px 0px; border-radius: 0px 0px 0.1rem 0.1rem; }
.standard-form-field .standard-select-dropdown .standard-select-search input { display: flex; align-items: center; justify-content: center; width: 100%; height: 0.4rem; padding: 0.05rem; border: none; color: rgb(15, 22, 31); background: rgba(0, 0, 0, 0); font-size: 0.16rem; }
.standard-form-field .standard-select-dropdown .standard-select-options { display: flex; align-items: center; padding: 0.1rem; height: unset; color: rgb(15, 22, 31); overflow: hidden; white-space: break-spaces; text-overflow: ellipsis; text-align: left; }
.standard-form-field .standard-select-dropdown .standard-select-options img { width: 0.2rem; height: 0.2rem; margin-right: 0.05rem; }
.standard-form-field .standard-select-dropdown .standard-select-options span { width: 100%; }
.standard-form-field .standard-select-dropdown .standard-select-options p { margin-bottom: 0px; }
.standard-form-field .standard-select-dropdown .standard-select-options:hover { background: rgb(30, 144, 255); color: rgb(255, 255, 255) !important; }
.standard-form-field .standard-select-arrow { position: absolute; right: 0.1rem; top: 0.14rem; border-width: 0px 0.03rem 0.03rem 0px; border-color: rgb(175, 179, 182); border-style: solid; display: inline-block; width: 0.08rem; height: 0.08rem; transform: rotate(45deg); transition: transform 0.3s; }
.standard-form-field .standard-select-arrow.active { transform: rotate(225deg); }
.standard-form-field .standard-input-svg { position: absolute; right: 0.1rem; width: 0.21rem; height: 100%; padding: 0px; fill: rgb(175, 179, 182); margin: 0px; overflow: visible; }
.standard-form-field .standard-password-bio { position: absolute; right: 5%; width: 0.3rem; height: 100%; padding: 0.06rem; fill: rgb(134, 151, 162); margin: 0px; cursor: pointer; }
.standard-form-field .standard-password-eye { position: absolute; right: 0.1rem; width: 0.21rem; height: 0.21rem; fill: rgb(175, 179, 182); margin: 0px; cursor: pointer; border-radius: 100%; padding: 0.03rem; }
.standard-form-field .standard-password-eye:hover { fill: rgb(175, 179, 182); }
.standard-form-field .standard-password-eye.reveal { fill: rgb(175, 179, 182); }
.standard-form-field .standard-password-eye.reveal:hover { fill: rgb(175, 179, 182); }
.standard-form-field .react-datepicker-wrapper { width: 100%; }
.standard-form-field .standard-checkbox-container { display: flex; align-items: flex-start; padding: 0.1rem 0px 0px; color: rgb(134, 151, 162); }
.standard-form-field .standard-checkbox-container .standard-checkbox-text-container { width: 88%; font-size: 0.13rem; }
.standard-form-field .standard-checkbox-container .standard-checkbox-text-container .standard-checkbox-text { margin: 0px 0.05rem; text-decoration: underline; cursor: pointer; color: rgb(255, 138, 0); }
.standard-form-field .standard-checkbox-container .standard-invisible-checkbox { width: 7%; margin-right: 5%; position: absolute; z-index: 9; opacity: 0; cursor: pointer; }
.standard-form-field .standard-checkbox-container .standard-checkbox { position: relative; top: 0.01rem; float: left; margin-right: 0.15rem; border-radius: 0.02rem; border: 0.01rem solid rgb(215, 215, 215); height: 0.15rem; width: 0.15rem; background: unset; cursor: pointer; }
.standard-form-field .standard-checkbox-container .standard-checkbox svg { position: absolute; }
.standard-form-field .standard-checkbox-container .standard-checkbox svg path { fill: none; stroke: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: 0.6s; stroke-dashoffset: 0; }
.standard-form-field .standard-checkbox-container .standard-checkbox svg polyline { fill: none; stroke: rgba(0, 0, 0, 0); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: 0.3s; }
.standard-form-field .standard-checkbox-container .standard-invisible-checkbox:checked + .standard-checkbox { border-color: rgb(255, 138, 0); background: rgb(255, 138, 0); }
.standard-form-field .standard-checkbox-container .standard-invisible-checkbox:checked + .standard-checkbox svg path { fill: rgb(255, 138, 0); stroke: rgb(255, 138, 0); }
.standard-form-field .standard-checkbox-container .standard-invisible-checkbox:checked + .standard-checkbox svg polyline { stroke-dashoffset: 0; stroke: rgb(255, 255, 255); }
.standard-form-field .standard-checkbox-container:hover .standard-checkbox svg path { stroke-dashoffset: 0; }
.standard-form-field .standard-error-validation { margin: 0.05rem 0px 0px; }
.standard-form-field .standard-input-img { position: absolute; right: 0px; width: 1.8rem; height: 80%; padding: 0.06rem 0.48rem; margin: 1% 0px; border-left: 0.01rem solid rgb(255, 255, 255); }
.standard-form-field.standard-password-field input { padding-right: 0.3rem; }
.standard-form-field .standard-form-field-col-img { height: 0.35rem; }
.standard-form-field-wrapper { position: relative; width: 100%; display: flex; align-items: center; flex-wrap: wrap; }
.standard-form-field-wrapper.tel-code-phone-wrapper { justify-content: space-between; }
.standard-form-field-wrapper.tel-code-phone-wrapper .standard-select-otp { width: 28%; }
.standard-form-field-wrapper.tel-code-phone-wrapper .standard-input-phone { width: 70%; }
.standard-form-field-wrapper.standard-input-otp-button-wrapper { justify-content: space-between; }
.standard-form-field-wrapper.standard-input-otp-button-wrapper .standard-input-otp { width: 58%; }
.standard-form-field-wrapper.standard-input-otp-button-wrapper .standard-otp-button-container { width: 40%; }
.standard-error-validation { display: block; margin: -0.1rem 0px 0.08rem; width: 100%; float: right; background: rgba(0, 0, 0, 0); font-size: 0.12rem; color: red !important; }
.standard-error-validation.accNumber-error { position: absolute; }
.standard-tooltip-box { position: fixed; background: rgb(24, 24, 24); color: rgb(188, 188, 188); z-index: 10; padding: 0.1rem 0.2rem; }
.standard-form-btn-container { width: 100%; }
.standard-form-svg { fill: rgb(191, 151, 71); }
.standard-radio-container { display: flex; align-items: center; flex-wrap: nowrap; }
.standard-radio-container .standard-radio { width: 0.25rem; height: 0.25rem; margin-right: 0.1rem; }
.standard-radio-container .standard-radio-content { display: flex; align-items: center; margin-left: 0.2rem; color: rgb(0, 0, 0); }
.standard-radio-container .standard-radio-content img { width: 0.4rem; margin-right: 0.1rem; }
.standard-form-one-row-container { display: flex; width: 100%; margin-top: 0.2rem; }
.standard-form-one-row-container .standard-form-field { display: block; margin-bottom: 0px; }
.standard-popup-modal-body .standard-label { color: rgb(0, 0, 0); }
@media (min-width: 768px) { .standard-m-form-col-full { display: flex; width: 100% !important; flex-wrap: nowrap !important; } .standard-m-form-col-full button { height: 0.35rem; padding: 0.05rem; } .standard-form-col-10 { width: 10% !important; min-width: 0px !important; } .standard-form-col-20 { width: 20% !important; min-width: 0px !important; } .standard-form-col-30 { width: 30% !important; min-width: 0px !important; } .standard-form-col-35 { width: 35% !important; min-width: 0px !important; } .standard-form-col-40 { width: 40% !important; min-width: 0px !important; } .standard-form-col-45 { padding: 0px 0.15rem; width: 45% !important; min-width: 0px !important; } .standard-form-col-50 { width: 50% !important; min-width: 0px !important; } .standard-form-col-60 { width: 60% !important; min-width: 0px !important; } .standard-form-col-65 { width: 65% !important; min-width: 0px !important; } .standard-form-col-70 { width: 70% !important; min-width: 0px !important; } .standard-form-col-80 { width: 80% !important; min-width: 0px !important; } .standard-form-col-90 { width: 90% !important; min-width: 0px !important; } .standard-form-col-100 { width: 100% !important; min-width: 0px !important; } .standard-form-margin-right-5px { margin-right: 0.05rem; }
}
.standard-form-margin-right-15px { margin-right: 0.15rem; }
.standard-form-margin-right-10 { margin-right: 10%; }
@media (max-width: 768px) { .standard-m-form-col-full { display: flex; width: 100% !important; flex-wrap: nowrap !important; } .standard-m-form-col-full button { height: 1.1rem; padding: 0.05rem 0.3rem; margin-bottom: 0.45rem; } .standard-m-form-col-10 { width: 10% !important; } .standard-m-form-col-20 { width: 20% !important; } .standard-m-form-col-25 { width: 25% !important; } .standard-m-form-col-30 { width: 30% !important; } .standard-m-form-col-40 { width: 40% !important; } .standard-m-form-col-50 { width: 50% !important; } .standard-m-form-col-60 { width: 60% !important; } .standard-m-form-col-75 { width: 75% !important; } .standard-m-form-col-80 { width: 80% !important; } .standard-m-form-col-90 { width: 90% !important; } .standard-m-form-margin-right-10px { margin-right: 0.1rem; }
}
@media (max-width: 768px) { .standard-mandatory { margin: 0px 0px 0.2rem; } .standard-mandatory::after { color: rgb(224, 8, 45); content: "*"; margin-left: 0.04rem; padding: 0px 0.04rem 0px 0px; font-size: 0.36rem; } .standard-label { color: rgb(15, 22, 31); margin: 0px 0.15rem 0.06rem; text-transform: inherit; } .standard-label label { color: rgb(15, 22, 31); } .standard-label.key { } .standard-form-field .standard-input, .standard-form-field .standard-select { height: 0.75rem; padding: 0.05rem 0.4rem 0px; background: rgb(255, 255, 255); color: rgb(15, 22, 31); border: 0.02rem solid rgb(219, 224, 228); border-radius: 0.15rem; font-weight: unset; font-style: unset; font-size: 0.28rem; line-height: 1.5; } .standard-form-field .standard-input:disabled, .standard-form-field .standard-select:disabled { background: rgb(243, 245, 246); color: rgb(15, 22, 31); } .standard-form-field .standard-form-field-col-img { height: 1.1rem; } .standard-form-field .standard-select img { width: 0.5rem; height: 0.5rem; margin-right: 0.1rem; } .standard-form-field .standard-select.isOpen { z-index: 3; } .standard-form-field .standard-select-arrow { right: 0.3rem; top: 0.22rem; border-width: 0px 0.06rem 0.06rem 0px; width: 0.2rem; height: 0.2rem; } .standard-form-field .standard-select-arrow.isOpen { transform: rotate(225deg); } .standard-form-field .standard-select-arrow.active { transform: translate(0%, 50%) rotate(225deg); } .standard-form-field .standard-select-dropdown { background: rgb(232, 232, 232); max-height: 6rem; border-radius: 0.15rem; padding: 0.5rem 0.15rem 0.1rem; } .standard-form-field .standard-select-dropdown .show-more { padding: 0.1rem; text-align: center; color: rgb(97, 117, 126); } .standard-form-field .standard-select-dropdown.isOpen { z-index: 1; } .standard-form-field .standard-select-dropdown.position-top { bottom: calc(100% - 0.7rem); top: unset; padding: 0.1rem 0.15rem 0.85rem; } .standard-form-field .standard-select-dropdown .standard-select-search input { display: flex; align-items: center; justify-content: center; width: 100%; height: 1rem; padding: 0.05rem; border: none; color: rgb(15, 22, 31); background: rgba(0, 0, 0, 0); font-size: 0.28rem; } .standard-form-field .standard-select-dropdown .standard-select-options { height: unset; padding: 0.15rem 0.3rem; color: rgb(136, 153, 164); overflow: hidden; white-space: break-spaces; text-overflow: ellipsis; font-size: 0.3rem; } .standard-form-field .standard-select-dropdown .standard-select-options img { width: 0.5rem; height: 0.5rem; margin-right: 0.1rem; } .standard-form-field .standard-select-dropdown .standard-select-options:hover, .standard-form-field .standard-select-dropdown .standard-select-options.active { background: rgb(255, 138, 0); border-radius: 0.4rem; color: rgb(255, 255, 255); } .standard-form-field .showToTop { bottom: calc(100% + 0.1rem); top: unset; } .standard-form-field .standard-checkbox-container { padding: 0px; margin: 0px 0px 0px 0.16rem; width: 100%; } .standard-form-field .standard-checkbox-container .standard-invisible-checkbox { width: 0.3rem; height: 0.3rem; } .standard-form-field .standard-checkbox-container .standard-checkbox { width: 0.3rem; height: 0.3rem; background: unset; border: 0.02rem solid rgb(215, 215, 215); } .standard-form-field .standard-checkbox-container .standard-checkbox-text-container { padding: 0.036rem 0px 0px; font-size: 0.26rem; } .standard-form-field .standard-checkbox-container .standard-checkbox-text-container .standard-checkbox-text { margin: 0px 0.1rem; } .standard-form-field .standard-password-bio { height: 0.5rem; width: 0.5rem; top: 24%; margin: 0px 0.3rem; padding: 0px; } .standard-form-field .standard-password-eye { height: 0.46rem; width: 0.46rem; margin: 0px 0.15rem; } .standard-form-field .standard-password-eye:hover { fill: rgb(175, 179, 182); } .standard-form-field .standard-password-eye.reveal { fill: rgb(175, 179, 182); } .standard-form-field .standard-password-eye.reveal:hover { fill: rgb(175, 179, 182); } .standard-form-field .standard-input-svg { width: 0.35rem; height: 0.35rem; top: 24%; margin: 0px 0.2rem; fill: rgb(175, 179, 182); padding: 0px; overflow: visible; } .standard-form-field .standard-input-img { position: absolute; right: 0px; width: 1.8rem; height: 80%; padding: 0.06rem 0.48rem; margin: 1% 0px; border-left: 0.01rem solid rgb(255, 255, 255); } .standard-form-field .standard-action-button { height: 1.1rem; font-size: 0.4rem; } .standard-form-field .standard-error-validation { margin: 0.1rem 0px; } .standard-radio-container .standard-radio { width: 0.3rem; height: 0.3rem; margin-right: 0.1rem; } .standard-radio-container .standard-radio-content { margin-left: 0.2rem; color: rgb(0, 0, 0); } .standard-radio-container .standard-radio-content img { width: 0.8rem; padding: 0px; margin-right: 0.2rem; } .standard-error-validation { margin: unset; font-size: 0.22rem; } .standard-tooltip-box { top: 8.4rem; left: 0.3rem !important; }
}
.atoms-input { position: relative; width: 100%; height: 0.38rem; display: flex; align-items: center; padding: 0.05rem 0.05rem 0.05rem 0.1rem; border: 0.01rem solid rgb(219, 224, 228); border-radius: 0.05rem; background: rgb(255, 255, 255); color: rgb(15, 22, 31); font-family: Inter, "sans-serif", 宋体, Prompt; font-size: 0.16rem; white-space: nowrap; text-overflow: ellipsis; }
.atoms-input:disabled, .atoms-input.disabled { background: rgb(238, 238, 238); color: gray; opacity: 1; -webkit-text-fill-color: unset; cursor: not-allowed; }
.atoms-input:-webkit-autofill { -webkit-text-fill-color: rgb(15, 22, 31); }
@media (max-width: 768px) { .atoms-input { height: 0.75rem; padding: 0.05rem 0.4rem 0px; background: rgb(255, 255, 255); color: rgb(15, 22, 31); border: 0.02rem solid rgb(219, 224, 228); border-radius: 0.15rem; font-weight: unset; font-style: unset; font-size: 0.28rem; line-height: 1.5; } .atoms-input:disabled { background: rgb(243, 245, 246); color: rgb(15, 22, 31); }
}
.standard-button-container { width: 100%; display: flex; align-items: center; justify-content: space-between; }
.standard-button-container button { margin-right: 0.1rem; width: 35.5%; }
.standard-button-container button:last-child { margin-right: 0px; }
.standard-button-container.two-button-container button { width: 49%; min-width: unset; }
.standard-cancel-button, .standard-confirm-button, .standard-submit-button, .standard-action-button, .standard-input-button, .standard-modal-cancel-button, .standard-otp-button { display: flex; justify-content: center; align-items: center; height: 0.4rem; font-size: 0.16rem; text-transform: unset; width: 1.7rem; min-width: 1.7rem; border: 0px; border-radius: 0.06rem; padding: unset; color: rgb(255, 255, 255); }
.standard-cancel-button img, .standard-confirm-button img, .standard-submit-button img, .standard-action-button img, .standard-input-button img, .standard-modal-cancel-button img, .standard-otp-button img { height: 100%; }
.standard-cancel-button:disabled, .standard-confirm-button:disabled, .standard-submit-button:disabled, .standard-action-button:disabled, .standard-input-button:disabled, .standard-modal-cancel-button:disabled, .standard-otp-button:disabled { opacity: 0.5; pointer-events: auto !important; cursor: not-allowed !important; }
.standard-submit-form-button, .standard-cancel-form-button { color: rgb(255, 255, 255); }
.standard-submit-button { background: rgb(255, 138, 0); color: rgb(255, 255, 255); border-radius: 0.08rem; }
.standard-submit-button:hover { background: rgb(255, 114, 0); }
.standard-confirm-button { background: rgb(255, 138, 0); color: rgb(255, 255, 255); }
.standard-cancel-button { background: rgb(233, 32, 61); color: rgb(255, 255, 255); border-radius: unset; }
.standard-action-button { background: linear-gradient(to right, rgb(198, 17, 1), rgb(148, 36, 22)); color: rgb(255, 255, 255); border-radius: unset; }
.standard-input-button { height: 0.35rem; background: rgb(255, 255, 255); color: rgb(15, 22, 31); border: 0.01rem solid rgb(219, 224, 228); border-radius: unset; }
.standard-line-button { background: linear-gradient(rgb(146, 236, 35), rgb(27, 178, 9)) !important; color: rgb(255, 255, 255) !important; }
.standard-full-width-button { width: 100%; }
.standard-modal-cancel-button { background: rgb(129, 202, 252); color: rgb(255, 255, 255); border-radius: 0.08rem; }
.standard-button-container .standard-otp-button { background: rgb(243, 245, 246); color: rgb(15, 22, 31); min-width: 100%; }
.standard-android-button, .standard-ios-button { display: flex; align-items: center; justify-content: center; width: 1.34rem; background: rgb(243, 246, 246); color: rgb(134, 151, 162); border-radius: 0.2rem; margin: 0.16rem 0px 0px; font-size: 0.14rem; cursor: pointer; padding: 0.05rem; }
@media (max-width: 768px) { .standard-android-button, .standard-ios-button { font-size: 0.23rem; width: 49%; margin: 0.2rem 0.2rem 0px 0px; }
}
.standard-android-button svg, .standard-ios-button svg { width: 0.15rem; height: 0.18rem; margin-right: 0.1rem; }
@media (max-width: 768px) { .standard-android-button svg, .standard-ios-button svg { width: 0.22rem; height: 0.24rem; }
}
.standard-android-button svg { fill: rgb(133, 199, 7); }
.standard-ios-button svg { fill: rgb(179, 179, 179); }
@media (max-width: 768px) { .standard-cancel-button, .standard-confirm-button, .standard-submit-button, .standard-action-button, .standard-input-button, .standard-modal-cancel-button, .standard-otp-button, .standard-cancel-form-button { height: 0.75rem; width: 100%; margin: auto; font-size: 0.28rem; border: 0px; border-radius: 0.15rem; color: rgb(255, 255, 255); } .standard-cancel-button img, .standard-confirm-button img, .standard-submit-button img, .standard-action-button img, .standard-input-button img, .standard-modal-cancel-button img, .standard-otp-button img, .standard-cancel-form-button img { height: 100%; } .standard-cancel-button:disabled, .standard-confirm-button:disabled, .standard-submit-button:disabled, .standard-action-button:disabled, .standard-input-button:disabled, .standard-modal-cancel-button:disabled, .standard-otp-button:disabled, .standard-cancel-form-button:disabled { opacity: 0.5; pointer-events: auto !important; cursor: not-allowed !important; } .standard-submit-form-button, .standard-cancel-form-button { color: rgb(255, 255, 255); } .align-mobile-standard-submit-button-container { padding: 0px 1.5rem; } .standard-action-button { background: linear-gradient(to right, rgb(198, 17, 1), rgb(148, 36, 22)); color: rgb(255, 255, 255); border-radius: 0px; } .standard-submit-button { background: rgb(255, 138, 0); color: rgb(255, 255, 255); } .standard-input-button { border: 0.01rem solid rgb(219, 224, 228); border-radius: 0px; font-size: 0.5rem; margin: auto; } .standard-otp-button { color: rgb(15, 22, 31); } .standard-button-container button { margin-right: 0px; }
}
.btn-secondary-color-light { background: rgb(129, 202, 252); }
.standard-popup-overlay { position: fixed; inset: 0px; background: rgba(0, 0, 0, 0.72); z-index: 9999; overflow-y: auto; }
.ReactModal__Body--open { overflow-y: hidden; }
.standard-popup-modal-container { border-radius: 0.1rem; font-size: 0.16rem; overflow: unset; color: rgb(0, 0, 0); background: rgb(243, 245, 246); transform: translate(0px, 0px); margin: 1rem auto; padding: unset; }
.standard-popup-modal-container .game-popup-modal-header, .standard-popup-modal-container .add-bank-modal-header, .standard-popup-modal-container .delete-bank-popup-modal-header, .standard-popup-modal-container .referral-terms-modal-header, .standard-popup-modal-container .maintenance-popup-modal-header, .standard-popup-modal-container .login-alert-popup-modal-header { display: flex; align-items: center; justify-content: space-between; text-align: left; height: 0.6rem; }
.standard-popup-modal-container .standard-popup-modal-header { position: relative; width: 100%; text-align: left; background: rgba(0, 0, 0, 0); color: rgb(134, 151, 162); padding: 0.36rem 0.4rem 0.19rem 0.39rem; border: rgba(0, 0, 0, 0); z-index: 1; }
.standard-popup-modal-container .standard-popup-modal-header .standard-modal-title { font-size: 0.14rem; font-weight: normal; }
.standard-popup-modal-container .standard-popup-modal-header .standard-modal-close { position: absolute; right: -0.1rem; top: -0.1rem; background: unset; font-size: 0.2rem; border-radius: unset; cursor: pointer; }
.standard-popup-modal-container .standard-popup-modal-header .standard-modal-close svg { width: 0.33rem; fill: rgb(110, 110, 110); vertical-align: middle; background: rgb(255, 255, 255); border-radius: 50%; padding: 0.08rem; filter: drop-shadow(rgb(108, 108, 108) 0px 0px 0.03rem); }
.standard-popup-modal-container .standard-popup-modal-header .standard-modal-close:hover { background: rgba(0, 0, 0, 0); color: unset; }
.standard-popup-modal-container .standard-popup-modal-header .standard-modal-close:hover svg { fill: rgb(68, 68, 68); }
.standard-popup-modal-container .standard-popup-modal-header-with-logo { position: relative; width: 100%; text-align: center; background: rgba(255, 255, 255, 0.95); color: rgb(0, 0, 0); padding: 0.1rem 0.5rem; border-top: rgba(0, 0, 0, 0); border-left: rgba(0, 0, 0, 0); border-right: rgba(0, 0, 0, 0); }
.standard-popup-modal-container .standard-popup-modal-header-with-logo .standard-popup-header-logo { width: 100%; display: block; margin: 0px auto; max-height: 0.66rem; }
.standard-popup-modal-container .standard-popup-modal-header-with-logo .standard-popup-close-logo { position: absolute; right: 0.05rem; top: 0.05rem; background: unset; font-size: 0.25rem; padding: 0.055rem 0.14rem; border-radius: 0.1rem; cursor: pointer; }
.standard-popup-modal-container .standard-popup-modal-header-with-logo .standard-popup-close-logo:hover { background: rgba(0, 0, 0, 0); }
.standard-popup-modal-container .standard-popup-modal-body { font-size: 0.18rem; font-weight: normal; background: rgba(0, 0, 0, 0); padding: 0.2rem 0.4rem 0.35rem; }
.standard-popup-modal-container .standard-popup-modal-footer { display: flex; justify-content: space-between; padding: 0.15rem 0.2rem; background: rgb(255, 255, 255); color: rgb(0, 0, 0); border-bottom: rgba(0, 0, 0, 0); border-left: rgba(0, 0, 0, 0); border-right: rgba(0, 0, 0, 0); border-top: 0.01rem solid rgb(229, 229, 229); }
.standard-popup-modal-container .standard-popup-modal-footer .standard-modal-close { padding: 0.1rem 0.15rem; min-width: 0.8rem; background: rgb(255, 255, 255); border: 0.01rem solid rgb(204, 204, 204); color: rgb(0, 0, 0); border-radius: 0.05rem; cursor: pointer; }
.standard-popup-modal-container .standard-popup-modal-footer .standard-modal-close:hover { background: rgb(210, 181, 129); color: unset; }
.standard-popup-modal-container .standard-popup-modal-footer .standard-modal-close:disabled { cursor: not-allowed; background: rgb(210, 181, 129); opacity: unset; }
.standard-popup-modal-container .standard-popup-modal-footer .transaction-button-section { width: 100%; }
.standard-popup-modal-container .standard-popup-modal-footer .single-button-container .standard-button-container { justify-content: center; }
.standard-popup-modal-container .add-bank-guide { background: rgb(246, 246, 246); border-radius: 0.1rem; padding: 0.15rem; margin: 0.1rem 0px 0px; }
.standard-popup-modal-container .add-bank-guide .guide-msg { font-size: 0.12rem; color: red; }
.standard-popup-modal-container .add-bank-guide .guide-msg p { margin: 0px; }
@media (max-width: 768px) { .standard-popup-modal-container { border-radius: 0.2rem; margin: 2.5rem auto; font-size: 0.28rem; } .standard-popup-modal-container .standard-popup-modal-header { padding: 0.2rem; border-radius: 0.1rem 0.1rem 0px 0px; text-align: left; height: auto; position: relative; } .standard-popup-modal-container .standard-popup-modal-header .standard-modal-title { font-size: 0.3rem; text-overflow: ellipsis; overflow: hidden; margin: auto 0px; } .standard-popup-modal-container .standard-popup-modal-header .standard-modal-close { font-size: 0.2rem; right: 0.22rem; position: absolute; } .standard-popup-modal-container .standard-popup-modal-header .standard-modal-close svg { width: 0.45rem; } .standard-popup-modal-container .standard-popup-modal-header-with-logo { height: 1.2rem; border-radius: 0.1rem 0.1rem 0px 0px; } .standard-popup-modal-container .standard-popup-modal-header-with-logo .standard-popup-header-logo { max-height: 1rem; } .standard-popup-modal-container .standard-popup-modal-header-with-logo .standard-popup-close-logo { font-size: 0.7rem; right: 0.15rem; top: 0.05rem; padding: 0.15rem 0.3rem; } .standard-popup-modal-container .standard-popup-modal-body { padding: 0.4rem 0.2rem; font-size: 0.28rem; font-weight: normal; } .standard-popup-modal-container .standard-popup-modal-body .react-datepicker-wrapper .react-datepicker__input-container .react-datepicker__close-icon { padding: unset; } .standard-popup-modal-container .standard-popup-modal-footer { font-size: 0.28rem; padding: 0.3rem 0.2rem; border: 0px; } .standard-popup-modal-container .standard-popup-modal-footer .standard-modal-close { background: rgb(255, 255, 255); font-size: 0.3rem; padding: 0.2rem 0.3rem; min-width: 2.5rem; border-radius: 0.1rem; } .standard-popup-modal-container .standard-popup-modal-footer .transaction-button-section { width: 100%; } .standard-popup-modal-container .standard-popup-modal-footer-border-radius { border-radius: 0px 0px 0.1rem 0.1rem; } .standard-popup-modal-container .add-bank-guide { background: rgb(246, 246, 246); border-radius: 0.08rem; padding: 0.3rem 0.15rem; margin: 0.4rem 0px 0.2rem; } .standard-popup-modal-container .add-bank-guide .guide-msg { font-size: 0.2rem; color: red; }
}
.m-custom-popup-overlay { position: fixed; inset: 0px; background: rgba(0, 0, 0, 0.72); z-index: 1000; overflow-y: auto; }
.m-custom-popup-overlay.ReactModal__Overlay { opacity: 0; transform: translateX(100%); transition: 200ms ease-out; }
.m-custom-popup-overlay.ReactModal__Overlay--after-open { opacity: 1; transform: translateX(0px); }
.m-custom-popup-overlay.ReactModal__Overlay--before-close { opacity: 0; transform: translateX(100%); }
.m-custom-popup-overlay .m-custom-popup { width: 100vw; height: 100vh; background: rgb(255, 255, 255); position: absolute; right: -100vw; animation: 0.3s ease 0s 1 normal forwards running swipe-in; overflow-y: scroll; }
.m-custom-popup-overlay .m-custom-popup.swipe-out { animation: 0.3s ease 0s 1 normal forwards running swipe-out; }
.m-custom-popup-overlay .m-custom-popup .header-container { display: flex; align-items: center; background: rgb(243, 245, 246); padding: 0px 0.21rem; height: 1rem; border-bottom: 0.01rem solid rgb(243, 245, 246); }
.m-custom-popup-overlay .m-custom-popup .header-container svg { width: 0.55rem; cursor: pointer; }
.m-custom-popup-overlay .m-custom-popup .header-container .page-title { margin: 0px 0px 0px 0.22rem; font-size: 0.3rem; color: rgb(15, 22, 31); }
.m-custom-popup-overlay .m-custom-popup .data-container { padding: 0.56rem 0.42rem 3.7rem; }
.m-custom-popup-overlay .m-custom-popup .data-container .data-content { display: flex; flex-direction: column; margin: 0px 0px 0.72rem; }
.m-custom-popup-overlay .m-custom-popup .data-container .data-content .title { font-weight: 600; font-size: 0.3rem; color: rgb(15, 22, 31); margin: 0px 0px 0.2rem; }
.m-custom-popup-overlay .m-custom-popup .data-container .data-content .info-statusLang { color: rgb(134, 151, 162); }
.m-custom-popup-overlay .m-custom-popup .data-container .data-content .info-statusLang.status-C { color: rgb(0, 113, 227); }
.m-custom-popup-overlay .m-custom-popup .data-container .data-content .info-statusLang.status-E { color: rgb(229, 39, 65); }
.m-custom-popup-overlay .m-custom-popup .data-container .data-content span { font-size: 0.32rem; color: rgb(136, 153, 164); }
.m-custom-popup-overlay .m-custom-popup .data-container .sub-title { font-weight: 600; font-size: 0.3rem; color: rgb(15, 22, 31); margin: 0px 0px 0.58rem; }
.m-custom-popup-overlay .m-custom-popup .data-container .standard-form-field { margin: 0px 0px 0.43rem; }
.m-custom-popup-overlay .m-custom-popup .data-container .standard-form-field .standard-input, .m-custom-popup-overlay .m-custom-popup .data-container .standard-form-field .standard-select { border: 0.01rem solid rgb(219, 224, 228); color: rgb(136, 153, 164); }
.m-custom-popup-overlay .m-custom-popup .data-container .standard-form-field .standard-label { color: rgb(15, 22, 31); font-size: 0.3rem; margin: 0px 0px 0.26rem; }
.m-custom-popup-overlay .m-custom-popup .data-container .standard-form-field .standard-form-field { align-items: center; display: flex; justify-content: space-between; margin: 0px; width: 100%; }
.m-custom-popup-overlay .m-custom-popup .data-container .standard-form-field .standard-form-field .standard-select { width: 88%; }
.m-custom-popup-overlay .m-custom-popup .data-container .standard-form-field .standard-form-field .add-button { background: rgb(199, 210, 215); border-radius: 50%; height: 0.6rem; padding: 0.15rem 0.12rem; width: 0.6rem; }
.m-custom-popup-overlay .m-custom-popup .data-container .standard-form-field .standard-form-field .add-button svg { height: 100%; width: 100%; }
.m-custom-popup-overlay .m-custom-popup .data-container .bank-statement-section .receipt-image-box { margin: 0px 0px 0.15rem; }
.m-custom-popup-overlay .m-custom-popup .data-container .bank-statement-section .receipt-image-box img { width: 100%; }
.m-custom-popup-overlay .m-custom-popup .data-container .bank-statement-section .receipt-image-box .pdf-name { font-size: 0.3rem; color: rgb(134, 151, 162); }
.m-custom-popup-overlay .m-custom-popup .data-container .bank-statement-section .receipt-image-box .pdf-clear { margin-left: 0.2rem; width: 0.33rem; }
.m-custom-popup-overlay .m-custom-popup .data-container .bank-statement-section .btm-tool-tip-container { align-items: center; display: flex; width: 100%; margin: 0.25rem 0px 0px; }
.m-custom-popup-overlay .m-custom-popup .data-container .bank-statement-section .btm-tool-tip-container svg { fill: rgb(199, 210, 215); margin: 0px 0.15rem 0px 0px; width: 0.3rem; height: 0.3rem; }
.m-custom-popup-overlay .m-custom-popup .data-container .bank-statement-section .btm-tool-tip-container span { font-size: 0.25rem; }
.m-custom-popup-overlay .m-custom-popup .data-container .bank-statement-section .bank-statement-wrapper { display: grid; grid-template-columns: 1fr 40%; gap: 0.15rem; }
.m-custom-popup-overlay .m-custom-popup .data-container .bank-statement-section .bank-statement-wrapper .upload-receipt-btn { display: flex; justify-content: center; align-items: center; gap: 0.1rem; width: 100%; height: 0.75rem; background: rgb(255, 255, 255); color: rgb(136, 153, 164); border: 0.02rem solid rgb(219, 224, 228); border-radius: 0.15rem; font-size: 0.28rem; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0.1rem; }
.m-custom-popup-overlay .m-custom-popup .data-container .bank-statement-section .bank-statement-wrapper .upload-receipt-btn svg { width: 0.3rem; }
.m-custom-popup-overlay .m-custom-popup .data-container .bank-statement-section .bank-statement-wrapper .upload-receipt-btn.with-attachment { color: rgb(0, 113, 227); }
.m-custom-popup-overlay .m-custom-popup .data-container .bank-statement-section .bank-statement-wrapper .upload-receipt-btn.with-attachment svg { width: 0.5rem; }
.m-custom-popup-overlay .m-custom-popup .data-container .bank-statement-section .bank-statement-wrapper .receipt-control-section { display: flex; justify-content: center; align-items: center; gap: 0.1rem; }
.m-custom-popup-overlay .m-custom-popup .data-container .bank-statement-section .bank-statement-wrapper .receipt-control-section .preview-receipt-btn { display: block; width: 100%; height: 0.75rem; background: rgb(0, 113, 227); border-radius: 0.15rem; }
.m-custom-popup-overlay .m-custom-popup .data-container .bank-statement-section .bank-statement-wrapper .receipt-control-section .delete-receipt-btn { display: block; width: 15%; height: 0.75rem; background: rgba(0, 0, 0, 0); }
.m-custom-popup-overlay .m-custom-popup .data-container .bank-statement-section .bank-statement-wrapper .receipt-control-section p { font-weight: 500; font-size: 0.3rem; }
.m-custom-popup-overlay .m-custom-popup .data-container .transaction-button-section { margin: 0.7rem 0px 0px; }
.m-custom-popup-overlay .m-custom-popup .data-container .transaction-button-section .standard-button-container { justify-content: space-between; }
.m-custom-popup-overlay .m-custom-popup .data-container .transaction-button-section .standard-button-container button { border-radius: 0.1rem; font-size: 0.3rem; height: 0.75rem; }
.m-custom-popup-overlay .m-custom-popup .data-container .transaction-button-section .standard-button-container #submit-btn { width: 100%; }
.m-custom-popup-overlay .m-custom-popup .data-container .transaction-button-section .standard-button-container #add-bank-btn { margin: 0px; width: 49%; }
.m-custom-popup-overlay .m-custom-popup .data-container .transaction-button-section .standard-button-container #cancel-bank-btn { background: rgb(130, 204, 253); width: 49%; }
@keyframes swipe-in { 0% { right: -100vw; } 100% { right: 0px; }
}
@keyframes swipe-out { 0% { right: 0px; } 100% { right: -100vw; }
}
.standard-popup-modal-container { max-width: 6.98rem; min-width: 6.98rem; min-height: 3.96rem; }
.standard-popup-modal-container.reset-min-height { min-height: auto !important; }
.standard-popup-modal-container .standard-popup-modal-img-container { padding: 0.1rem; }
.standard-popup-modal-container .standard-popup-modal-img-container .image-announcement { width: 100%; border-radius: 0.1rem; }
.standard-popup-modal-container .standard-popup-modal-body { font-weight: 600; color: rgb(134, 151, 162); font-size: 0.16rem; }
.standard-popup-modal-container .standard-popup-modal-body .announcement-message strong { font-weight: 600; color: rgb(15, 22, 31); font-size: 0.3rem; }
.announcement-v1-modal-container { display: flex; flex-direction: column; }
.announcement-v1-modal-container .announcement-v1-modal-header { display: flex; align-items: center; }
.announcement-v1-modal-container .announcement-v1-modal-header .standard-modal-title { font-weight: 600; height: 0.31rem; border-radius: 0.2rem; display: flex; align-items: center; justify-content: center; margin: 0px; cursor: pointer; white-space: nowrap; padding: 0px 0.22rem; }
.announcement-v1-modal-container .announcement-v1-modal-header .standard-modal-title:first-child { margin: 0px 0.23rem 0px 0px; }
.announcement-v1-modal-container .announcement-v1-modal-header .standard-modal-title.active { color: rgb(255, 255, 255); background: rgb(255, 138, 0); font-weight: 600; }
.announcement-v1-modal-container .announcement-v1-modal-body { display: flex; align-items: center; flex-direction: column; }
.announcement-v1-modal-container .announcement-v1-modal-body .announcement-message-container { border-radius: 0.1rem; padding: 0.27rem 0.29rem 0.31rem 0.24rem; background: rgb(255, 255, 255); width: 100%; font-weight: 600; font-size: 0.14rem; min-height: fit-content; word-break: break-word; }
.announcement-v1-modal-container .announcement-v1-modal-body .announcement-message-container:not(:last-child) { margin: 0px 0px 0.1rem; }
.announcement-v1-modal-container .announcement-v1-modal-body .announcement-message-container .announcement-message { color: rgb(15, 22, 31); text-align: justify; margin: 0px 0px 0.18rem; }
.announcement-v1-modal-container .announcement-v1-modal-body .announcement-message-container .announcement-date { color: rgb(134, 151, 162); margin: 0px; }
.announcement-v1-modal-container .announcement-v1-modal-body .do-not-show-again { display: flex; margin-right: auto; }
.announcement-v1-modal-container .announcement-v1-modal-body .do-not-show-again .dont-show-checkbox { height: 0.15rem; justify-content: left; width: 50%; }
@media (max-width: 768px) { .announcement-v1-modal-container .announcement-v1-modal-body .do-not-show-again .dont-show-checkbox { height: 0.25rem; }
}
.announcement-v1-modal-container .announcement-v1-modal-body .do-not-show-again .dont-show-msg { width: 100%; white-space: nowrap; font-weight: 400; font-size: 0.12rem; display: flex; align-items: center; text-transform: capitalize; color: rgb(134, 151, 162); }
@media (max-width: 768px) { .announcement-v1-modal-container .announcement-v1-modal-body .do-not-show-again .dont-show-msg { font-size: 0.2rem; }
}
.announcement-image-modal-container .standard-popup-modal-header { padding: 0px; }
.announcement-image-modal-container .dont-show-again-container { display: flex; padding: 0.2rem 0.4rem 0.35rem; }
.announcement-image-modal-container .dont-show-again-container .do-not-show-again { display: flex; margin-right: auto; }
.announcement-image-modal-container .dont-show-again-container .do-not-show-again .dont-show-checkbox { height: 0.15rem; justify-content: left; width: 50%; }
@media (max-width: 768px) { .announcement-image-modal-container .dont-show-again-container .do-not-show-again .dont-show-checkbox { height: 0.25rem; }
}
.announcement-image-modal-container .dont-show-again-container .do-not-show-again .dont-show-msg { width: 100%; white-space: nowrap; font-weight: 400; font-size: 0.12rem; display: flex; align-items: center; text-transform: capitalize; color: rgb(134, 151, 162); }
@media (max-width: 768px) { .announcement-image-modal-container .dont-show-again-container .do-not-show-again .dont-show-msg { font-size: 0.2rem; }
}
.announcement-popup-v3-container .announcement-popup-v3-header { padding: 0px; }
.announcement-popup-v3-container .announcement-popup-v3-body .announcement-message { text-align: center; }
.announcement-popup-v3-container .dont-show-again-container { display: flex; padding: 0.2rem 0.4rem 0.35rem; }
.announcement-popup-v3-container .dont-show-again-container .do-not-show-again { display: flex; margin-right: auto; }
.announcement-popup-v3-container .dont-show-again-container .do-not-show-again .dont-show-checkbox { height: 0.15rem; justify-content: left; width: 50%; }
@media (max-width: 768px) { .announcement-popup-v3-container .dont-show-again-container .do-not-show-again .dont-show-checkbox { height: 0.25rem; }
}
.announcement-popup-v3-container .dont-show-again-container .do-not-show-again .dont-show-msg { width: 100%; white-space: nowrap; font-weight: 400; font-size: 0.12rem; display: flex; align-items: center; text-transform: capitalize; color: rgb(134, 151, 162); }
@media (max-width: 768px) { .announcement-popup-v3-container .dont-show-again-container .do-not-show-again .dont-show-msg { font-size: 0.2rem; }
}
.announcement-v2 .announcement-v1-modal-container .announcement-v1-modal-body .announcement-message-content { width: 100%; }
.announcement-v2 .announcement-popup-v3-container { max-height: unset; }
.announcement-v1-modal-body .do-not-show-again { display: flex; margin-right: auto; }
.announcement-v1-modal-body .do-not-show-again .dont-show-checkbox { height: 0.15rem; justify-content: left; width: 50%; }
@media (max-width: 768px) { .announcement-v1-modal-body .do-not-show-again .dont-show-checkbox { height: 0.25rem; }
}
.announcement-v1-modal-body .do-not-show-again .dont-show-msg { width: 100%; white-space: nowrap; font-weight: 400; font-size: 0.12rem; display: flex; align-items: center; text-transform: capitalize; color: rgb(134, 151, 162); }
@media (max-width: 768px) { .announcement-v1-modal-body .do-not-show-again .dont-show-msg { font-size: 0.2rem; }
}
@media (max-width: 768px) { .standard-popup-modal-container { max-width: 6.75rem; min-width: 6.75rem; } .standard-popup-modal-container .standard-popup-modal-header { padding: 0.66rem 0.72rem 0.24rem; } .standard-popup-modal-container .standard-popup-modal-header .standard-modal-title { font-size: 0.24rem; border-radius: 0.5rem; padding: 0px 0.4rem; } .standard-popup-modal-container .standard-popup-modal-header .standard-modal-close { top: -0.2rem; right: -0.15rem; } .standard-popup-modal-container .standard-popup-modal-header .standard-modal-close svg { width: 0.6rem; padding: 0.15rem; } .standard-popup-modal-container .standard-popup-modal-body { padding: 0px 0.5rem 0.68rem; } .standard-popup-modal-container .standard-popup-modal-body .announcement-message-container { padding: 0.5rem 0.35rem 0.5rem 0.46rem; } .standard-popup-modal-container .standard-popup-modal-body .announcement-message-container:not(:last-child) { margin: 0px 0px 0.29rem; } .standard-popup-modal-container .standard-popup-modal-body .announcement-message-container .announcement-message { margin: 0px 0px 0.34rem; } .announcement-v1-modal-container .announcement-v1-modal-body .announcement-message-container { font-size: 0.24rem; } .announcement-popup-v3-container .announcement-popup-v3-header { padding: 0px; }
}
.express-deposit-enable-decimal-popup-modal-container { width: 9rem; min-width: 9rem; max-width: 9rem; }
.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body { overflow-x: auto; }
.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .deposit-amount-container { background: linear-gradient(67deg, rgb(211, 47, 47) 0%, rgb(241, 60, 60) 100%); padding: 0.1rem 0.1rem 0.15rem; border-radius: 0.1rem; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .deposit-amount-container .deposit-amount { color: rgb(255, 255, 255); font-weight: 400; font-size: 0.25rem; }
.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .deposit-amount-container .timer-font { color: rgb(255, 244, 147); }
.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .warning-container { display: flex; margin: 0.25rem auto; line-height: 0.24rem; }
.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .warning-container img { width: 0.44rem; height: 0.44rem; margin: 0.06rem; }
.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .warning-container .warning-messages-container { margin: 0px 0.1rem; color: rgb(231, 76, 60); }
.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .warning-container .warning-messages-container .warning-2 { font-weight: bold; text-decoration: underline; }
.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .transfer-account-title { margin: 0.15rem; }
.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .transfer-account-info-container { position: relative; padding: 0.1rem; margin: 0.15rem; border-radius: 0.1rem; border: 0.01rem solid rgb(249, 221, 220); display: flex; flex-direction: column; }
.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .transfer-account-info-container .bank-details-container { display: flex; margin: 0.1rem 0px; }
.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .transfer-account-info-container .bank-details-container img { width: 1.4rem; height: 100%; }
.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .transfer-account-info-container .bank-details { margin-left: 0.1rem; }
.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .transfer-account-info-container .bank-details .account-number-info { display: flex; align-items: center; }
.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .transfer-account-info-container .bank-details .account-number-info .copy-icon { width: 0.25rem; }
.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .your-bank-account-title-container { display: flex; align-items: center; justify-content: space-between; margin: 0.15rem; }
.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .your-bank-account-title-container .add-bank-btn { width: 0.25rem; }
.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .your-bank-account-container { position: relative; padding: 0.1rem; margin: 0.15rem; border-radius: 0.1rem; border: 0.01rem solid rgb(249, 221, 220); display: flex; flex-direction: column; }
.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .your-bank-account-container .your-bank-infos { margin: 0.1rem 0px; }
.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .your-bank-account-container .your-bank-infos .your-bank-details { margin-left: 0.1rem; }
.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .danger-message-container { margin: 0.15rem; }
@media (max-width: 768px) { .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body { overflow-x: auto; } .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .deposit-amount-container { background: linear-gradient(67deg, rgb(211, 47, 47) 0%, rgb(241, 60, 60) 100%); padding: 0.2rem 0.2rem 0.35rem; border-radius: 0.2rem; display: flex; flex-direction: column; align-items: center; justify-content: center; } .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .deposit-amount-container .deposit-amount { color: rgb(255, 255, 255); font-weight: 400; font-size: 0.5rem; } .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .deposit-amount-container .timer-font { color: rgb(255, 244, 147); } .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .warning-container { display: flex; margin: 0.5rem auto; } .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .warning-container img { width: 0.44rem; height: 0.44rem; margin: 0.12rem; } .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .warning-container .warning-messages-container { margin: 0px 0.2rem; color: rgb(231, 76, 60); } .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .warning-container .warning-messages-container .warning-2 { font-weight: bold; text-decoration: underline; } .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .transfer-account-title { margin: 0.3rem; } .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .transfer-account-info-container { position: relative; padding: 0.2rem; margin: 0.3rem; border-radius: 0.2rem; border: 0.02rem solid rgb(249, 221, 220); display: flex; flex-direction: column; } .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .transfer-account-info-container .bank-details-container { display: flex; margin: 0.2rem 0px; } .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .transfer-account-info-container .bank-details-container img { width: 1.4rem; height: 100%; } .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .transfer-account-info-container .bank-details { margin-left: 0.2rem; } .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .transfer-account-info-container .bank-details .account-number-info { display: flex; align-items: center; } .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .transfer-account-info-container .bank-details .account-number-info .copy-icon { width: 0.5rem; } .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .your-bank-account-title-container { display: flex; align-items: center; justify-content: space-between; margin: 0.3rem; } .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .your-bank-account-title-container .add-bank-btn { width: 0.5rem; } .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .your-bank-account-container { position: relative; padding: 0.2rem; margin: 0.3rem; border-radius: 0.2rem; border: 0.02rem solid rgb(249, 221, 220); display: flex; flex-direction: column; } .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .your-bank-account-container .your-bank-infos { margin: 0.2rem 0px; } .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .your-bank-account-container .your-bank-infos .your-bank-details { margin-left: 0.2rem; } .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .danger-message-container { margin: 0.3rem; }
}
.qrcode-popup-modal-container { width: 360px; min-width: 360px; max-width: 360px; overflow: auto; }
.qrcode-popup-modal-container .standard-popup-modal-body img { max-width: 100%; max-height: 100%; }
@media (max-width: 768px) { .qrcode-popup-modal-container { width: 90%; min-width: 90%; max-width: 90%; overflow: auto; } .qrcode-popup-modal-container .standard-popup-modal-body { } .qrcode-popup-modal-container .standard-popup-modal-body img { max-width: 100%; max-height: 100%; }
}
.bank-offline-status-popup-modal-container { width: 360px; min-width: 360px; max-width: 360px; }
@media (max-width: 768px) { .bank-offline-status-popup-modal-container { width: 90%; min-width: 90%; max-width: 90%; }
}
.promotion-detail-popup-overlay { display: unset; }
.promotion-detail-popup-modal-container { max-width: 11rem; min-width: 11rem; background: rgb(255, 255, 255); }
.promotion-detail-popup-modal-container p { margin: 0px; }
.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body { padding: 0.45rem 0.55rem 0.75rem; }
.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promotion-detail-close-btn { position: absolute; right: -0.1rem; top: -0.1rem; background: unset; font-size: 0.2rem; border-radius: unset; cursor: pointer; }
.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promotion-detail-close-btn svg { width: 0.33rem; fill: rgb(110, 110, 110); vertical-align: middle; background: rgb(255, 255, 255); border-radius: 50%; padding: 0.08rem; filter: drop-shadow(rgb(108, 108, 108) 0px 0px 0.03rem); }
.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-banner { width: 100%; border-radius: 0.05rem; }
.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time { display: flex; align-items: center; justify-content: space-between; margin: 0.45rem 0px 0px; }
.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time button { font-size: 0.16rem; font-weight: 600; display: flex; align-items: center; justify-content: center; background: rgb(255, 138, 0); height: 0.4rem; padding: 0px 0.15rem; border-radius: 0.1rem; cursor: pointer; }
.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container { margin: 0px 0px 0px auto; }
.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container.end { display: flex; align-items: center; justify-content: center; height: 0.4rem; background: rgb(243, 245, 246); border-radius: 0.1rem; padding: 0px 0.24rem; margin: 0.1rem 0px 0px auto; }
.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .remaining-time { font-size: 0.12rem; color: rgb(134, 151, 162); margin: 0px 0px 0px 0.05rem; }
.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container { display: flex; margin: 0.1rem 0px 0px; }
.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .day-box { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .day-box .day-number { display: flex; align-items: center; justify-content: center; height: 0.4rem; width: 0.4rem; background: rgb(243, 245, 246); border-radius: 0.1rem; min-width: 0.72rem; }
.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .day-box .day-text { margin: 0.05rem 0px 0px; font-size: 0.12rem; color: rgb(134, 151, 162); }
.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container { display: flex; margin: 0px 0.08rem; }
.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-box { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-box .time-hour, .promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-box .time-min, .promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-box .time-sec { display: flex; align-items: center; justify-content: center; height: 0.4rem; width: 0.4rem; background: rgb(243, 245, 246); padding: 0px 0.1rem; white-space: nowrap; }
.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-box .time-hour { border-radius: 0.1rem 0px 0px 0.1rem; }
.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-box .time-sec { border-radius: 0px 0.1rem 0.1rem 0px; }
.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-box .time-text { margin: 0.05rem 0px 0px; font-size: 0.12rem; color: rgb(134, 151, 162); white-space: nowrap; }
.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-colon { display: flex; align-items: center; justify-content: center; height: 0.4rem; background: rgb(243, 245, 246); }
.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-detail-title-container { margin: 0.45rem 0px 0px; }
.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-detail-title-container .promo-detail-title { font-weight: 600; font-size: 0.24rem; color: rgb(15, 22, 31); }
.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-detail-content { margin: 0.3rem 0px 0px; }
.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-detail-content table tr:first-child > td span { color: rgb(255, 255, 255) !important; }
.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-detail-content table tr td { border: 0.01rem solid rgb(219, 224, 228) !important; }
.m-promotion-detail-popup-modal-container { max-width: unset; min-width: 100%; min-height: 100%; margin: 0px; color: rgb(15, 22, 31); }
.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promotion-detail-close-btn { display: flex; align-items: center; justify-content: space-between; padding: 0px 0.44rem 0px 0.66rem; height: 0.9rem; background: rgb(255, 255, 255); font-size: 0.35rem; }
.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promotion-detail-close-btn svg { width: 0.45rem; height: 0.45rem; }
.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-banner { display: block; width: 94%; margin: 0.45rem auto 0px; border-radius: 0.1rem; }
.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time { display: flex; justify-content: space-between; align-items: center; padding: 0.26rem 0.22rem 0.75rem; background: rgb(255, 255, 255); margin: 0px 0.22rem; }
.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time button { display: flex; align-items: center; justify-content: center; background: rgb(255, 138, 0); color: rgb(255, 255, 255); font-size: 0.3rem; width: 3.2rem; height: 0.85rem; border-radius: 0.2rem; cursor: pointer; }
.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container { margin: 0px 0px 0px auto; font-size: 0.26rem; }
.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container.end { display: flex; align-items: center; justify-content: center; height: 0.65rem; background: rgb(243, 245, 246); border-radius: 0.2rem; padding: 0px 0.24rem; margin: 0.15rem 0px 0px auto; }
.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .remaining-time { color: rgb(136, 153, 164); margin: 0px 0px 0px 0.05rem; }
.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container { display: flex; margin: 0.15rem 0px 0px; }
.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .day-box { display: flex; flex-direction: column; align-items: center; justify-content: center; white-space: nowrap; }
.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .day-box .day-number { display: flex; align-items: center; justify-content: center; height: 0.65rem; background: rgb(243, 245, 246); border-radius: 0.1rem; min-width: 0.9rem; }
.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .day-box .day-text { margin: 0.05rem 0px 0px; color: rgb(136, 153, 164); }
.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container { display: flex; margin: 0px 0.08rem; width: 2.25rem; }
.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-box { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-box .time-hour, .m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-box .time-min, .m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-box .time-sec { display: flex; align-items: center; justify-content: center; height: 0.65rem; background: rgb(243, 245, 246); padding: 0px 0.2rem; white-space: nowrap; }
.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-box .time-hour { border-radius: 0.1rem 0px 0px 0.1rem; }
.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-box .time-sec { border-radius: 0px 0.1rem 0.1rem 0px; }
.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-box .time-text { margin: 0.05rem 0px 0px; color: rgb(136, 153, 164); white-space: nowrap; }
.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-colon { display: flex; align-items: center; justify-content: center; height: 0.65rem; background: rgb(243, 245, 246); }
.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-detail-title-container { margin: 0px 0.22rem; background: rgb(255, 255, 255); font-size: 0.43rem; font-weight: 600; padding: 0px 0.45rem 0.55rem; }
.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-detail-content { margin: 0px 0.22rem; background: rgb(255, 255, 255); padding: 0px 0.45rem 1.3rem; overflow: auto; }
.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-detail-content table { overflow: auto; display: block; table-layout: fixed; white-space: nowrap; border: none; width: auto !important; }
.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-detail-content table tr:first-child > td { background: rgb(255, 138, 0) !important; color: rgb(255, 255, 255) !important; border: 0.02rem solid rgb(219, 224, 228) !important; }
.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-detail-content table tr:first-child > td span { color: rgb(255, 255, 255) !important; }
.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-detail-content table tr td { background: rgb(247, 247, 247); padding: 0.05rem 0.1rem; border: 0.02rem solid rgb(219, 224, 228) !important; }
.promotion-apply-popup-modal-container { background: rgb(255, 255, 255); }
.promotion-apply-popup-modal-container .promotion-apply-popup-modal-header { padding: 0.5rem 0.6rem 0.3rem; color: rgb(15, 22, 31); }
.promotion-apply-popup-modal-container .promotion-apply-popup-modal-header .standard-modal-title { font-size: 0.22rem; }
.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body { padding: 0px 0.6rem; }
.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field { display: flex; align-items: center; justify-content: space-between; }
.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field:not(:last-child) { margin: 0px 0px 0.28rem; }
.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field > :first-child { width: 30%; }
.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field > :last-child { width: 70%; }
.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .phone-field-wrapper { justify-content: space-between; }
.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .phone-field-wrapper > :first-child { width: 30%; }
.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .phone-field-wrapper > :last-child { width: 68%; }
.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .phone-field-wrapper .standard-select .standard-select-international-telcode { right: 0px; }
.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .standard-input, .promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .standard-select { border: 0.01rem solid rgb(219, 224, 228); }
.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .standard-input .select-arrow-up, .promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .standard-select .select-arrow-up { transform: translate(0%, 50%) rotate(225deg); }
.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .standard-select-dropdown .standard-select-options img { flex-shrink: 0; }
.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-label { display: inline-block; color: rgb(134, 151, 162); }
.promotion-apply-popup-modal-container .promotion-apply-popup-modal-footer { border-radius: 0px 0px 0.1rem 0.1rem; border: unset; padding: 0.2rem 0.6rem 0.66rem; width: 100%; margin: 0px 0px 0px auto; }
.promotion-apply-popup-modal-container .promotion-apply-popup-modal-footer .standard-button-container { justify-content: center; }
.promotion-apply-popup-modal-container .promotion-apply-popup-modal-footer .standard-cancel-button { border-radius: 0.08rem; background: rgb(129, 202, 252); }
.m-promotion-apply-popup-modal-container { background: rgb(255, 255, 255); }
.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-header { padding: 0.5rem 0.6rem 0.3rem; color: rgb(15, 22, 31); }
.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-header .title { font-weight: 600; font-size: 0.36rem; border-radius: unset; padding: 0px; }
.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-body { font-weight: 600; font-size: 0.3rem; padding: 0px 0.5rem; }
.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field { display: flex; align-items: center; justify-content: space-between; margin: 0px 0px 0.4rem; }
.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .phone-field-wrapper { justify-content: space-between; }
.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .phone-field-wrapper > :first-child { width: 30%; }
.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .phone-field-wrapper > :last-child { width: 68%; }
.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .phone-field-wrapper .standard-select .standard-select-international-telcode { right: 0px; }
.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .standard-input, .m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .standard-select { border: 0.01rem solid rgb(219, 224, 228); }
.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .standard-input .select-arrow-up, .m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .standard-select .select-arrow-up { transform: translate(0%, 50%) rotate(225deg); }
.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-label { display: inline-block; color: rgb(15, 22, 31); }
.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-footer { padding: 0.5rem; }
.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-footer .standard-button-container button { border-radius: 0.1rem; font-size: 0.3rem; height: 0.75rem; width: 49%; }
.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-footer .standard-button-container .standard-submit-button { margin: 0px; }
.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-footer .standard-button-container .standard-cancel-button { background: rgb(129, 202, 252); }
.download-page-qrcode-modal-container { width: 360px; min-width: 360px; max-width: 360px; }
.download-page-qrcode-modal-container .download-page-qrcode-modal-body { padding: 0.1rem; }
@media (max-width: 768px) { .download-page-qrcode-modal-container { width: 90%; min-width: 90%; max-width: 90%; } .download-page-qrcode-modal-container .download-page-qrcode-modal-body { padding: 0.5rem; }
}
.add-bank-modal-container { background: rgb(255, 255, 255); width: 4.42rem; min-width: 4.42rem; max-width: 4.42rem; padding: 0.38rem 0.42rem; }
.add-bank-modal-container .add-bank-modal-header { color: rgb(15, 22, 31); height: auto; margin: 0px 0px 0.25rem; padding: 0px; }
.add-bank-modal-container .add-bank-modal-header .close-icon { right: -0.55rem; top: -0.55rem; }
.add-bank-modal-container .add-bank-modal-body { font-weight: unset; padding: 0px; }
.add-bank-modal-container .add-bank-modal-body .standard-form-field .standard-label, .add-bank-modal-container .add-bank-modal-body .standard-form-field .standard-select, .add-bank-modal-container .add-bank-modal-body .standard-form-field .standard-input { color: rgb(134, 151, 162); }
.add-bank-modal-container .add-bank-modal-body .transaction-button-section { display: flex; justify-content: space-between; }
.add-bank-modal-container .add-bank-modal-body .transaction-button-section .standard-button-container button { width: 49%; min-width: unset; }
.add-bank-modal-container .add-bank-modal-body .transaction-button-section .standard-button-container .standard-submit-form-button { border-radius: 0.1rem; background: rgb(129, 202, 252); display: flex; justify-content: center; align-items: center; height: 0.4rem; font-size: 0.16rem; font-weight: 600; }
.add-bank-modal-container .add-bank-modal-body .bank-statement-section { margin: 0px 0px 0.1rem; }
.add-bank-modal-container .add-bank-modal-body .bank-statement-section .receipt-image-box { margin: 0px 0px 0.15rem; }
.add-bank-modal-container .add-bank-modal-body .bank-statement-section .receipt-image-box img { width: 100%; }
.add-bank-modal-container .add-bank-modal-body .bank-statement-section .receipt-image-box .pdf-clear { margin-left: 0.1rem; width: 0.12rem; }
.add-bank-modal-container .add-bank-modal-body .bank-statement-section .bank-statement-section-wrapper { width: 100%; }
.add-bank-modal-container .add-bank-modal-body .bank-statement-section .bank-statement-section-wrapper button { border-radius: 0.1rem; background: rgb(129, 202, 252); display: flex; justify-content: center; align-items: center; height: 0.4rem; font-size: 0.16rem; font-weight: 600; width: 100%; margin: 0px 0px 0.1rem; }
.add-bank-modal-container .add-bank-modal-body .bank-statement-section .bank-statement-section-wrapper .btm-tool-tip-container { align-items: center; display: flex; width: 100%; margin: 0px 0px 0.2rem; }
.add-bank-modal-container .add-bank-modal-body .bank-statement-section .bank-statement-section-wrapper .btm-tool-tip-container svg { fill: rgb(199, 210, 215); height: 0.15rem; margin: 0px 0.1rem 0px 0px; width: 0.2rem; }
.add-bank-modal-container .add-bank-modal-body .bank-statement-section .bank-statement-section-wrapper .btm-tool-tip-container span { color: rgb(134, 151, 162); font-size: 0.12rem; }
@media (max-width: 768px) { .add-bank-modal-container { background: rgb(255, 255, 255); width: 6.75rem; min-width: 6.75rem; max-width: 6.75rem; } .add-bank-modal-container .add-bank-modal-header { padding: 0.6rem 0.5rem 0.2rem; } .add-bank-modal-container .add-bank-modal-header .standard-modal-title { border-radius: 0px; margin: 0px; padding: 0px; } .add-bank-modal-container .add-bank-modal-body .standard-form-field { margin: 0px 0px 0.4rem; } .add-bank-modal-container .add-bank-modal-body .standard-form-field .standard-input, .add-bank-modal-container .add-bank-modal-body .standard-form-field .standard-select { border: 0.01rem solid rgb(219, 224, 228); color: rgb(136, 153, 164); } .add-bank-modal-container .add-bank-modal-body .transaction-button-section .standard-button-container { justify-content: space-between; } .add-bank-modal-container .add-bank-modal-body .transaction-button-section .standard-button-container button { border-radius: 0.1rem; font-size: 0.3rem; height: 0.75rem; width: 49%; } .add-bank-modal-container .add-bank-modal-body .transaction-button-section .standard-button-container .standard-submit-button { margin: 0px; } .add-bank-modal-container .add-bank-modal-body .transaction-button-section .standard-button-container .standard-submit-form-button { font-size: 0.3rem; height: 0.75rem; }
}
.delete-bank-popup-modal-container { min-width: 6rem; min-height: unset; }
.delete-bank-popup-modal-container .delete-bank-popup-modal-header { display: flex; justify-content: center; align-items: center; padding: 0.66rem 0.25rem 0.15rem; }
.delete-bank-popup-modal-container .delete-bank-popup-modal-header .standard-modal-title { font-size: 0.2rem; color: rgb(15, 22, 31); }
.delete-bank-popup-modal-container .delete-bank-popup-modal-header svg { width: 0.1rem; cursor: pointer; }
.delete-bank-popup-modal-container .delete-bank-popup-modal-body { font-size: 0.2rem; text-align: center; color: rgb(136, 153, 164); padding: 0.15rem; }
.delete-bank-popup-modal-container .delete-bank-popup-modal-footer { border: 0px; background: rgba(0, 0, 0, 0); padding: 0.15rem 0.25rem 0.5rem; }
.delete-bank-popup-modal-container .delete-bank-popup-modal-footer .standard-button-container { display: flex; justify-content: center; align-items: center; }
.delete-bank-popup-modal-container .delete-bank-popup-modal-footer .submit-button { background: rgb(255, 138, 0); font-size: 0.16rem; color: rgb(255, 255, 255); padding: 0.1rem; min-width: 1.5rem; border-radius: 0.1rem; }
.delete-bank-popup-modal-container .delete-bank-popup-modal-footer .cancel-button { background: rgb(129, 202, 252); font-size: 0.16rem; color: rgb(255, 255, 255); padding: 0.1rem; min-width: 1.5rem; border-radius: 0.1rem; }
@media (max-width: 768px) { .delete-bank-popup-modal-container .delete-bank-popup-modal-header .standard-modal-title { font-size: 0.33rem; height: unset; margin: 0px; padding: 0px; } .delete-bank-popup-modal-container .delete-bank-popup-modal-body { font-size: 0.3rem; padding: 0.15rem 0.25rem 0.3rem; } .delete-bank-popup-modal-container .delete-bank-popup-modal-footer .standard-button-container button { height: 0.75rem; font-size: 0.3rem; width: 49%; } .delete-bank-popup-modal-container .delete-bank-popup-modal-footer .standard-button-container .submit-button { margin: 0px 0.2rem 0px 0px; }
}
.message-detail-popup-modal-container .message-detail-popup-header { border-bottom: 0.01rem solid rgb(229, 229, 229); }
.message-detail-popup-modal-container .message-detail-popup-body .message-content { overflow: auto; padding: 0.05rem 0px; word-break: break-word; }
.message-detail-popup-modal-container .message-detail-popup-body .message-content table { width: 100%; }
.message-detail-popup-modal-container .message-detail-popup-body .message-content table tr td { border: 0.01rem solid rgb(0, 0, 0); padding: 0.05rem 0px; }
.message-detail-popup-modal-container .message-detail-popup-body .message-content table tr td p { margin: 0px; }
@media (max-width: 768px) { .message-detail-popup-modal-container .message-detail-popup-body { font-size: 0.28rem; }
}
.delete-message-popup-modal-container { width: 360px; min-width: 360px; }
.delete-message-popup-modal-container .delete-message-popup-modal-footer { justify-content: center; }
@media (max-width: 768px) { .delete-message-popup-modal-container { width: 85%; min-width: 85%; } .delete-message-popup-modal-container .delete-message-popup-modal-header .delete-message-title { font-size: 0.3rem; } .delete-message-popup-modal-container .delete-message-popup-modal-footer { font-size: 0.28rem; } .delete-message-popup-modal-container .delete-message-popup-modal-footer .delete-message-popup-delete { padding: 0.25rem 0px 0.3rem; min-width: 3rem; font-size: 0.3rem; }
}
.promotion-special-code-popup-modal-container { width: 3.6rem; min-width: 3.6rem; max-width: 3.6rem; }
.promotion-special-code-popup-modal-container .promotion-special-code-popup-body .promotion-special-code-table .promotion-special-code-row { display: flex; margin-bottom: 0.06rem; opacity: 0.75; align-items: center; }
.promotion-special-code-popup-modal-container .promotion-special-code-popup-body .promotion-special-code-table .promotion-special-code-column { width: 50%; }
.promotion-special-code-popup-modal-container .promotion-special-code-popup-body .promotion-special-code-table .promotion-special-code_dott { margin-right: 0.06rem; }
@media (max-width: 768px) { .promotion-special-code-popup-modal-container { width: 90%; min-width: 90%; max-width: 90%; } .promotion-special-code-popup-modal-container .promotion-special-code-popup-body .promotion-special-code-table .promotion-special-code-row { height: 0.9rem; }
}
.verification-popup-modal-container { background: rgb(255, 255, 255); }
.verification-popup-modal-container .verification-popup-modal-header { padding: 0.15rem 0.1rem; }
.verification-popup-modal-container .verification-popup-modal-header .standard-modal-close { color: rgb(126, 124, 124); cursor: pointer; margin: auto; width: 5%; }
.verification-popup-modal-container .birthdate-verification-remark-text { color: rgb(126, 124, 124); }
.verification-popup-modal-container .verification-popup-modal-body { align-items: center; background: rgb(255, 255, 255); border-radius: 0.1rem; color: rgb(15, 22, 31); display: flex; flex-direction: column; justify-content: center; }
.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-title { font-weight: 600; font-size: 0.22rem; }
.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content { margin: 0.2rem 0px 0px; text-align: center; width: 100%; }
.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content p { margin: 0px; }
.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .text-danger { font-size: 0.15rem; width: 58%; margin: 0.1rem auto 0px; text-align: left; }
.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-popup-modal-content-text { color: rgb(0, 0, 0); width: 100%; }
.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field { align-items: center; display: flex; justify-content: space-between; margin: 0.5rem auto 0px; width: 58%; }
.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .verification-input { background: rgb(255, 255, 255); border: 0.01rem solid rgb(247, 247, 247); border-radius: 0.08rem; color: rgb(15, 22, 31); font-size: 0.14rem; width: 100%; padding: 0.05rem 0.05rem 0.05rem 0.1rem; }
.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .verification-input::placeholder { color: rgb(134, 151, 162); }
.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .verification-input.verification-telcode-field { width: 28%; }
.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .verification-input.verification-telnum-field { width: 70%; }
.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .verification-input.otp-input { width: 58%; }
.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .standard-button-container { justify-content: center; padding: 0.15rem 0px; }
.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .standard-button-container .standard-submit-form-button { background: rgb(0, 113, 227); border-radius: 0.1rem; padding: 0.1rem 0.15rem; white-space: nowrap; font-size: 0.16rem; }
.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .validate-opt-button:disabled { opacity: 0.5; }
.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .resend-new-email:disabled { opacity: 0.5; }
.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field.verification-form-field-resent { margin: 0px auto; }
.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field.verification-form-field-otp { margin: 0.35rem auto 0px; }
.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .resend-otp-button { margin: 0.2rem auto; }
.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content.birthdate-verification-content { display: flex; width: 50%; margin: 0.3rem auto; align-items: center; justify-content: center; }
.verification-popup-modal-container .verification-popup-modal-body .close-button { margin: 0.3rem auto 0px; }
.verification-popup-modal-container .verification-popup-modal-body .close-button:disabled { opacity: 0.5; }
.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-footer { padding: 0.3rem 0px; flex-direction: column; }
.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-footer .otp-helper-container .otp-helper { justify-content: center; }
.verification-popup-modal-container .verification-popup-modal-footer { border: 0px; padding: 0.15rem 0.4rem; width: 100%; }
.verification-popup-modal-container .verification-popup-modal-footer .standard-button-container { justify-content: center; }
.verification-popup-modal-container .verification-popup-modal-footer .standard-button-container .standard-submit-button { border-radius: 0.08rem; width: 58%; }
.verification-popup-modal-container .verification-button { align-items: center; background: rgb(0, 113, 227); border: rgba(0, 0, 0, 0); border-radius: 0.1rem; color: rgb(255, 255, 255); display: flex; font-size: 0.16rem; justify-content: center; padding: 0.1rem 0.15rem; width: 40%; white-space: nowrap; }
.verification-popup-modal-container .verification-button:disabled { opacity: 0.5; }
.verification-popup-modal-container .code-notes { font-size: 0.14rem; margin: 0.15rem 0px; }
.phone-verification-popup-container, .email-verification-popup-container { width: 4.9rem; min-width: 4.9rem; max-width: 4.9rem; min-height: unset; background: rgb(255, 255, 255); }
@media (max-width: 768px) { .phone-verification-popup-container, .email-verification-popup-container { max-width: 6.75rem; min-width: 6.75rem; }
}
.phone-verification-popup-container .verification-popup-modal-header, .email-verification-popup-container .verification-popup-modal-header { padding: 0.36rem 0.6rem 0.2rem; }
@media (max-width: 768px) { .phone-verification-popup-container .verification-popup-modal-header, .email-verification-popup-container .verification-popup-modal-header { padding: 0.36rem 0.6rem 0.3rem; }
}
.phone-verification-popup-container .verification-popup-modal-header .standard-modal-title, .email-verification-popup-container .verification-popup-modal-header .standard-modal-title { font-size: 0.22rem; color: rgb(0, 0, 0); padding: unset; text-transform: capitalize; }
@media (max-width: 768px) { .phone-verification-popup-container .verification-popup-modal-header .standard-modal-title, .email-verification-popup-container .verification-popup-modal-header .standard-modal-title { font-size: 0.3rem; }
}
.phone-verification-popup-container .verification-popup-modal-body, .email-verification-popup-container .verification-popup-modal-body { font-size: 0.14rem; padding: 0px 0.6rem 0.35rem; align-items: unset; }
@media (max-width: 768px) { .phone-verification-popup-container .verification-popup-modal-body, .email-verification-popup-container .verification-popup-modal-body { padding: 0px 0.6rem 0.35rem; font-size: 0.23rem; }
}
.phone-verification-popup-container .verification-popup-modal-body .standard-label, .email-verification-popup-container .verification-popup-modal-body .standard-label { color: rgb(134, 151, 162); display: block; }
@media (max-width: 768px) { .phone-verification-popup-container .verification-popup-modal-body .standard-label, .email-verification-popup-container .verification-popup-modal-body .standard-label { margin: 0px 0px 0.06rem; }
}
.phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content, .email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content { text-align: unset; }
.phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .code-notes, .email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .code-notes { margin-bottom: 0.1rem; display: flex; flex-flow: column; }
@media (max-width: 768px) { .phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .code-notes, .email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .code-notes { margin-bottom: 0.2rem; }
}
.phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .desc, .email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .desc { margin: 0px 0px 0.2rem; }
.phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container, .email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container { padding-bottom: 0.3rem; }
@media (max-width: 768px) { .phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container, .email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container { padding-bottom: 0.9rem; }
}
.phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container .verification-form-field, .email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container .verification-form-field { width: 100%; margin: 0px 0px 0.14rem; }
@media (max-width: 768px) { .phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container .verification-form-field, .email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container .verification-form-field { margin: 0px 0px 0.6rem; }
}
.phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container .verification-form-field .standard-form-field-wrapper, .email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container .verification-form-field .standard-form-field-wrapper { justify-content: space-between; }
.phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container .verification-form-field .standard-form-field-wrapper .verification-telcode-field, .email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container .verification-form-field .standard-form-field-wrapper .verification-telcode-field { width: 28%; }
.phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container .verification-form-field .standard-form-field-wrapper .verification-telnum-field, .email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container .verification-form-field .standard-form-field-wrapper .verification-telnum-field { width: 70%; }
.phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container .contact-type-field .standard-form-field-wrapper .standard-select .disabled, .email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container .contact-type-field .standard-form-field-wrapper .standard-select .disabled { background: rgb(238, 238, 238); color: gray; opacity: 1; -webkit-text-fill-color: unset; cursor: not-allowed; }
@media (max-width: 768px) { .phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container .contact-type-field .standard-select-dropdown, .email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container .contact-type-field .standard-select-dropdown { padding: 0.5rem 0px 0px; }
}
.phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-button-container .next-button, .email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-button-container .next-button { width: 100%; }
.phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-button-container .standard-otp-button, .email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-button-container .standard-otp-button { width: 100%; margin-bottom: 0.1rem; display: block; }
@media (max-width: 768px) { .phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-button-container .standard-otp-button, .email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-button-container .standard-otp-button { margin-bottom: 0.2rem; }
}
.email-verification-popup-modal-container { max-width: 4.9rem; min-width: 4.9rem; min-height: auto; }
@media (max-width: 768px) { .email-verification-popup-modal-container { max-width: 100%; min-height: 100%; }
}
.email-verification-popup-modal-container .verification-popup-modal-body { align-items: start; font-weight: 400; color: rgb(134, 151, 162); }
.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-title { font-weight: 400; color: rgb(0, 0, 0); }
.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content { text-align: left; }
.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-content:nth-of-type(2) { padding: 0.2rem 0px; }
.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .email-verification-form-field { display: grid; justify-content: initial; margin: 0px; width: 100%; grid-template-columns: 65% 35%; padding: 0.2rem 0px; }
.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .email-verification-form-field span { color: rgb(0, 0, 0); }
.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .email-verification-form-field .verification-input { padding: 0.15rem 0px; grid-row: 2 / span 1; }
.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .email-verification-form-field:nth-child(2) { padding: 0.2rem 0px 0px; }
.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .email-verification-form-field .otp-verification-input { margin: 0.15rem 0px; grid-column: 1 / span 2; width: 100%; }
.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .email-verification-form-field .standard-error-validation { grid-column: 1 / span 2; }
.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .email-verification-form-field .email-verification-input, .email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .email-verification-form-field .email-verification-button { grid-row: 2 / span 1; }
.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .email-verification-form-field .email-verification-input .standard-submit-button, .email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .email-verification-form-field .email-verification-button .standard-submit-button { width: 1.37rem; min-width: 1.37rem; background: rgb(243, 245, 246); color: rgb(0, 0, 0); }
@media (max-width: 768px) { .email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .email-verification-form-field .email-verification-input .standard-submit-button, .email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .email-verification-form-field .email-verification-button .standard-submit-button { width: 90%; min-width: 90%; }
}
.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .tool-tip-container { display: grid; grid-template-columns: 5% 95%; }
.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .tool-tip-container svg { fill: rgb(199, 210, 215); height: 0.15rem; margin: 0.03rem 0px 0px; width: 0.2rem; }
@media (max-width: 768px) { .email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .tool-tip-container svg { width: 0.25rem; height: 0.25rem; margin: 0px; }
}
.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .tool-tip-container span { color: rgb(0, 0, 0); }
.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .tool-tip-container span:nth-of-type(2) { grid-area: 2 / 2 / span 1 / span 1; }
.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .tool-tip-container .customer-service-button { color: rgb(0, 94, 215); text-decoration: underline; cursor: pointer; }
.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .transaction-button-section .standard-button-container { justify-content: center; padding: 0.2rem 0px; }
.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .transaction-button-section .standard-button-container .standard-submit-button { width: 100%; }
@media (max-width: 768px) { .email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .transaction-button-section .standard-button-container .standard-submit-btn { margin: 0px; background: rgb(129, 202, 252); }
}
.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .transaction-button-section .standard-button-container .standard-submit-form-button { width: 100%; height: 0.4rem; background: rgb(129, 202, 252); border-radius: 0.08rem; font-size: 0.16rem; }
.maintenance-popup-modal-container { width: 700px; min-width: 700px; max-width: 700px; }
.maintenance-popup-modal-container .maintenance-popup-modal-body { text-align: center; font-size: 0.16rem; }
@media (max-width: 768px) { .maintenance-popup-modal-container { width: 90%; min-width: 90%; max-width: 90%; } .maintenance-popup-modal-container .maintenance-popup-modal-body { font-size: 0.26rem; }
}
.quick-transfer-modal-container .standard-popup-modal-header { padding: 0px; }
.quick-transfer-modal-container .qt-content { background: rgb(255, 255, 255); padding: 0.55rem 0.7rem; border-radius: 0.1rem; }
.quick-transfer-modal-container .qt-content p { margin: 0px; }
.quick-transfer-modal-container .qt-content .transfer-to-container { display: flex; align-items: flex-start; }
.quick-transfer-modal-container .qt-content .transfer-to-container .to-naming { display: flex; align-items: flex-end; margin: 0.09rem 0px 0px; }
.quick-transfer-modal-container .qt-content .transfer-to-container .to-naming .transfer-to-title { color: rgb(15, 22, 31); font-size: 0.24rem; line-height: 0.24rem; font-weight: 600; }
.quick-transfer-modal-container .qt-content .transfer-to-container .to-naming .to-arrow { width: 0.35rem; height: 0.25rem; margin: 0.05rem 0px 0px 0.3rem; }
.quick-transfer-modal-container .qt-content .transfer-to-container .to-provider-container { display: flex; align-items: center; margin: 0px 0px 0px 0.35rem; }
.quick-transfer-modal-container .qt-content .transfer-to-container .to-provider-container svg { background: rgb(15, 22, 31); border-radius: 0.1rem; width: 0.65rem; height: 0.65rem; padding: 0.05rem; }
.quick-transfer-modal-container .qt-content .transfer-to-container .to-provider-container .provider-img { object-fit: contain; width: 0.65rem; height: 0.65rem; padding: 0.05rem; background: rgb(0, 0, 0); border-radius: 0.1rem; }
.quick-transfer-modal-container .qt-content .transfer-to-container .to-provider-container .provider-content { margin: 0px 0px 0px 0.18rem; }
.quick-transfer-modal-container .qt-content .transfer-to-container .to-provider-container .provider-content .name { color: rgb(15, 22, 31); font-size: 0.24rem; }
.quick-transfer-modal-container .qt-content .transfer-to-container .to-provider-container .provider-content .balance { margin: 0.1rem 0px 0px; color: rgb(0, 113, 227); font-size: 0.24rem; }
.quick-transfer-modal-container .qt-content .qt-form { margin: 0.55rem 0px 0px; }
.quick-transfer-modal-container .qt-content .qt-form .standard-label { color: rgb(136, 153, 164); margin: 0px 0px 0.15rem; }
.quick-transfer-modal-container .qt-content .qt-form .standard-form-field { margin: 0px; }
.quick-transfer-modal-container .qt-content .qt-form .standard-select { font-size: 0.16rem; }
.quick-transfer-modal-container .qt-content .qt-form .standard-form-field-wrapper { display: flex; align-items: center; justify-content: space-between; }
.quick-transfer-modal-container .qt-content .qt-form .standard-form-field-wrapper .standard-input { width: 65%; font-size: 0.16rem; }
.quick-transfer-modal-container .qt-content .qt-form .standard-form-field-wrapper .allin-btn { display: flex; align-items: center; justify-content: center; width: 1.75rem; height: 0.38rem; margin: 0px 0px 0px 0.15rem; background: rgb(0, 113, 227); border-radius: 0.1rem; font-size: 0.16rem; color: rgb(255, 255, 255); text-transform: capitalize; }
.quick-transfer-modal-container .qt-content .qt-form .range-bar { appearance: none; margin: 0.17rem 0px 0.46rem; padding: 0px; height: 0.16rem; background: linear-gradient(rgb(0, 113, 227), rgb(0, 113, 227)) no-repeat rgb(219, 219, 219); border-radius: 0.1rem; }
.quick-transfer-modal-container .qt-content .qt-form .range-bar::-webkit-slider-thumb { appearance: none; border: none; width: 0.3rem; height: 0.16rem; border-radius: 0.1rem; background: rgb(0, 113, 227); cursor: ew-resize; }
.quick-transfer-modal-container .qt-content .transaction-button-section { margin: 0.46rem 0px 0px; justify-content: space-between; }
.quick-transfer-modal-container .qt-content .transaction-button-section button { width: 2.7rem; height: 0.38rem; border-radius: 0.1rem; font-size: 0.16rem; }
.quick-transfer-modal-container .qt-content .transaction-button-section button.standard-submit-form-button { background: rgb(255, 138, 0); }
.quick-transfer-modal-container .qt-content .transaction-button-section button.standard-cancel-form-button { background: rgb(129, 203, 252); }
.quick-transfer-modal-container .qt-content .qt-redirect-btn { display: block; align-items: center; justify-content: center; margin: 0.55rem 0px 0px; color: rgb(136, 153, 164); }
.quick-transfer-modal-container .qt-content .qt-redirect-btn span { margin: 0px 0px 0px 0.05rem; color: rgb(0, 113, 227); text-decoration-line: underline; }
@media (max-width: 768px) { .quick-transfer-modal-container { font-size: 0.3rem; } .quick-transfer-modal-container .qt-content { padding: 0.64rem 0.44rem 0.6rem; } .quick-transfer-modal-container .qt-content .transfer-to-container .to-naming .transfer-to-title { font-size: 0.3rem; } .quick-transfer-modal-container .qt-content .transfer-to-container .to-provider-container .provider-content .name { font-size: 0.3rem; } .quick-transfer-modal-container .qt-content .transfer-to-container .to-provider-container .provider-content .balance { font-size: 0.3rem; margin: 0px; } .quick-transfer-modal-container .qt-content .qt-form { margin: 0.3rem 0px 0px; } .quick-transfer-modal-container .qt-content .qt-form .standard-select { border: 0.01rem solid rgb(219, 224, 228); color: rgb(136, 153, 164); font-size: 0.3rem; } .quick-transfer-modal-container .qt-content .qt-form .standard-label { color: rgb(15, 22, 31); font-weight: 600; font-size: 0.3rem; margin: 0px 0px 0.26rem; } .quick-transfer-modal-container .qt-content .qt-form .standard-label span { color: rgb(136, 153, 164); } .quick-transfer-modal-container .qt-content .qt-form .standard-form-field-wrapper { flex-wrap: unset; } .quick-transfer-modal-container .qt-content .qt-form .standard-form-field-wrapper .standard-input { border: 0.01rem solid rgb(219, 224, 228); color: rgb(136, 153, 164); font-size: 0.3rem; height: 0.68rem; width: 68%; } .quick-transfer-modal-container .qt-content .qt-form .standard-form-field-wrapper .allin-btn { font-size: 0.3rem; height: 0.68rem; width: 30%; } .quick-transfer-modal-container .qt-content .qt-form .range-bar { appearance: none; background: linear-gradient(rgb(0, 113, 227), rgb(0, 113, 227)) no-repeat rgb(232, 232, 232); height: 0.18rem; margin: 0.2rem 0px 0.4rem; } .quick-transfer-modal-container .qt-content .qt-form .range-bar::-webkit-slider-thumb { height: 0.18rem; } .quick-transfer-modal-container .qt-content .transaction-button-section button { font-size: 0.3rem; height: 0.66rem; width: 49%; } .quick-transfer-modal-container .qt-content .transaction-button-section button.standard-cancel-form-button { background: rgb(129, 203, 252); } .quick-transfer-modal-container .qt-content .qt-redirect-btn { font-size: 0.26rem; margin: 0.4rem 0px 0px; }
}
.login-alert-popup-modal-container { background: rgb(255, 255, 255); max-width: 4.5rem; min-width: 4.5rem; min-height: 1.5rem; }
.login-alert-popup-modal-container .login-alert-popup-modal-header { background: rgb(255, 255, 255); border-radius: 0.1rem 0.1rem 0px 0px; color: rgb(15, 22, 31); display: flex; justify-content: center; padding: 0.3rem 0.3rem 0.1rem; }
.login-alert-popup-modal-container .login-alert-popup-modal-header .standard-modal-title { font-size: 0.24rem; }
.login-alert-popup-modal-container .login-alert-popup-modal-footer { border: 0px; border-radius: 0px 0px 0.1rem 0.1rem; }
.login-alert-popup-modal-container .login-alert-popup-modal-footer .transaction-button-section .standard-button-container button { background: rgb(255, 138, 0); color: rgb(255, 255, 255); border-radius: 0.1rem; font-size: 0.16rem; padding: 0.15rem 0.35rem; }
@media (max-width: 768px) { .login-alert-popup-modal-container { max-width: 6.75rem; } .login-alert-popup-modal-container .login-alert-popup-modal-header { padding: 0.66rem 0.3rem 0.1rem; } .login-alert-popup-modal-container .login-alert-popup-modal-header .standard-modal-title { font-size: 0.36rem; } .login-alert-popup-modal-container .login-alert-popup-modal-footer .transaction-button-section .standard-button-container button { font-size: 0.3rem; padding: 0.25rem 0.5rem; }
}
.referral-share-modal-container { width: 380px; }
.referral-share-modal-container .referral-share-modal-header { padding: 0.15rem 0.2rem; text-align: left; display: flex; align-items: center; justify-content: space-between; }
.referral-share-modal-container .referral-share-modal-body .referral-modal-social-media-container { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0.15rem; }
.referral-share-modal-container .referral-share-modal-body .referral-modal-social-media-container .referral-button-container { padding: 0.15rem; }
.referral-share-modal-container .referral-share-modal-body .referral-modal-social-media-container .referral-button-container button { width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.referral-share-modal-container .referral-share-modal-body .referral-modal-social-media-container .referral-button-container button .share-icon { margin-top: 0.1rem; margin-bottom: 0.1rem; font-size: 0.16rem; }
.referral-share-modal-container .referral-share-modal-body .referral-modal-social-media-container .referral-button-container:hover { background: rgb(246, 246, 246); }
@media (max-width: 768px) { .referral-share-modal-container { width: 90%; min-width: 90%; max-width: 90%; } .referral-share-modal-container .referral-share-modal-header { padding: 0.3rem; } .referral-share-modal-container .referral-share-modal-body { padding: 0.3rem; } .referral-share-modal-container .referral-share-modal-body .referral-modal-social-media-container .referral-button-container button svg { width: 0.8rem; height: 0.8rem; } .referral-share-modal-container .referral-share-modal-body .referral-modal-social-media-container .referral-button-container button .share-icon { font-size: 0.28rem; }
}
@media (max-width: 768px) { .referral-terms-modal-container { width: 90%; min-width: 90%; max-width: 90%; font-size: 0.28rem; } .referral-terms-modal-container .referral-terms-modal-footer .transaction-button-section { width: 100%; } .referral-terms-modal-container .referral-terms-modal-footer .single-button-container .standard-button-container { justify-content: center; } .referral-terms-modal-container img { width: 0.4rem; }
}
@media (max-width: 768px) { .referral-search-modal-container { width: 90%; min-width: 90%; max-width: 90%; font-size: 0.28rem; overflow: visible; } .referral-search-modal-container .referral-search-modal-body .form-field .mandatory { color: rgb(0, 0, 0); } .referral-search-modal-container .referral-search-modal-body .form-field .react-datepicker-wrapper { border: 0.01rem solid rgb(0, 0, 0); } .referral-search-modal-container .referral-search-modal-body .form-field input { } .referral-search-modal-container .referral-search-modal-footer { justify-content: center; }
}
@media (max-width: 768px) { .referral-bonus-detail-modal-container { width: 90%; min-width: 90%; max-width: 90%; font-size: 0.28rem; } .referral-bonus-detail-modal-container .m-history-table .m-history-row { display: flex; margin-bottom: 0.06rem; opacity: 0.75; height: 0.9rem; align-items: center; } .referral-bonus-detail-modal-container .m-history-table .m-history-column { width: 50%; } .referral-bonus-detail-modal-container .m-history-table .m-history_dott { margin-right: 0.06rem; }
}
.game-popup-modal-container { width: 90%; background: rgb(255, 255, 255); }
.game-popup-modal-container .game-popup-modal-body { padding: 0px 0.25rem 0.25rem; }
.game-popup-modal-container .game-popup-modal-body .top-container { display: flex; align-items: center; justify-content: space-between; }
.game-popup-modal-container .game-popup-modal-body .top-container .game-image-container { display: flex; justify-content: center; align-items: center; width: 50%; }
.game-popup-modal-container .game-popup-modal-body .top-container .game-image-container .game-image { border-radius: 0.1rem; height: 2.2rem; }
.game-popup-modal-container .game-popup-modal-body .top-container .game-info-container { width: 46%; font-size: 0.3rem; }
.game-popup-modal-container .game-popup-modal-body .top-container .game-info-container .game-name { font-weight: 600; color: rgb(15, 22, 31); text-transform: capitalize; width: 90%; }
.game-popup-modal-container .game-popup-modal-body .top-container .game-info-container .provider-name { font-size: 0.22rem; color: rgb(136, 153, 164); margin: 0.1rem 0px 0px; }
.game-popup-modal-container .game-popup-modal-body .top-container .game-info-container .short-row { display: flex; justify-content: space-between; align-items: center; background: rgb(243, 245, 246); height: 0.6rem; border-radius: 0.1rem; padding: 0px 0.25rem; }
.game-popup-modal-container .game-popup-modal-body .top-container .game-info-container .short-row.rtp-row { margin: 0.26rem 0px 0px; }
.game-popup-modal-container .game-popup-modal-body .top-container .game-info-container .short-row.line-row { margin: 0.08rem 0px 0px; }
.game-popup-modal-container .game-popup-modal-body .top-container .game-info-container .short-row .title { color: rgb(136, 153, 164); font-size: 0.26rem; }
.game-popup-modal-container .game-popup-modal-body .top-container .game-info-container .short-row .value { color: rgb(15, 22, 31); }
.game-popup-modal-container .game-popup-modal-body .long-row { display: flex; justify-content: space-between; align-items: center; background: rgb(243, 245, 246); height: 0.6rem; padding: 0px 0.25rem; border-radius: 0.1rem; }
.game-popup-modal-container .game-popup-modal-body .long-row.volatility-row { margin: 0.15rem 0px 0px; }
.game-popup-modal-container .game-popup-modal-body .long-row.win-row { margin: 0.08rem 0px 0px; }
.game-popup-modal-container .game-popup-modal-body .long-row .title { color: rgb(136, 153, 164); font-size: 0.26rem; }
.game-popup-modal-container .game-popup-modal-body .long-row .value { color: rgb(15, 22, 31); text-transform: capitalize; font-size: 0.3rem; }
.game-popup-modal-container .game-popup-modal-body .standard-button-container { display: flex; justify-content: space-between; margin: 0.3rem 0px 0px; }
.game-popup-modal-container .game-popup-modal-body .standard-button-container button { display: flex; align-items: center; justify-content: center; color: rgb(255, 255, 255); border-radius: 0.2rem; text-transform: capitalize; font-size: 0.3rem; margin: auto; width: 100%; }
.game-popup-modal-container .game-popup-modal-body .standard-button-container .demo-btn { background: rgb(0, 136, 243); margin: 0px 0.18rem 0px 0px; }
.game-popup-modal-container .game-popup-modal-body .standard-button-container .play-btn { background: rgb(255, 138, 0); }
.game-popup-modal-container .game-popup-modal-footer { display: flex; flex-wrap: wrap; justify-content: flex-start; background: rgb(232, 232, 232); padding: 0.2rem 0.2rem 0.23rem; }
.game-popup-modal-container .game-popup-modal-footer .hashtag { display: flex; align-items: center; justify-content: center; background: rgb(255, 255, 255); color: rgb(15, 22, 31); height: 0.6rem; padding: 0px 0.4rem; border-radius: 0.5rem; margin: 0px 0.15rem 0.12rem 0px; font-size: 0.26rem; }
.chg-psw-popup-overlay { display: flex; align-items: center; }
.chg-psw-popup-modal-container { width: 4.78rem; min-width: 4.78rem; max-width: 4.78rem; min-height: unset; }
.chg-psw-popup-modal-container .error-message-wrapper { margin-top: 0.1rem; font-size: 0.12rem; color: rgb(232, 38, 44); }
@media (max-width: 768px) { .chg-psw-popup-modal-container .error-message-wrapper { margin-top: 0.196rem; font-size: 0.236rem; }
}
.chg-psw-popup-modal-container .error-message-wrapper .password-rules-msg-wrapper { display: flex; color: rgb(134, 151, 162); gap: 0.06rem; }
.chg-psw-popup-modal-container .error-message-wrapper .password-rules-msg-wrapper img { width: 0.12rem; height: 0.12rem; margin: 0.04rem 0.02rem 0.04rem 0rem; flex-shrink: 0; }
@media (max-width: 768px) { .chg-psw-popup-modal-container .error-message-wrapper .password-rules-msg-wrapper img { width: 0.236rem; height: 0.236rem; margin: 0.078rem 0.078rem 0.078rem 0rem; }
}
.chg-psw-popup-modal-container .error-message-wrapper .password-rules-msg-wrapper p { margin: 0.04rem 0px 0px; }
.chg-psw-popup-modal-container .error-message-wrapper .password-rules-msg-wrapper .error-message-text { margin-left: 0.02rem; flex: 1 1 0%; }
@media (max-width: 768px) { .chg-psw-popup-modal-container .error-message-wrapper .password-rules-msg-wrapper .error-message-text { margin-left: 0.078rem; }
}
.chg-psw-popup-modal-container .standard-password-eye { transform: translateY(-50%); top: 0.4rem; z-index: 1; }
@media (max-width: 768px) { .chg-psw-popup-modal-container .standard-password-eye { top: 0.7rem; }
}
.chg-psw-popup-modal-container .chg-psw-popup-footer { border-radius: 0px 0px 0.1rem 0.1rem; }
.chg-psw-popup-modal-container .chg-psw-popup-footer .chg-psw-popup-submit-button { color: rgb(0, 0, 0); padding: 0.1rem 0.2rem; border-radius: 0.1rem; }
.chg-psw-popup-modal-container .chg-psw-popup-footer .chg-psw-popup-submit-button:disabled { cursor: not-allowed; }
@media (max-width: 768px) { .chg-psw-popup-modal-container { width: 90%; max-width: 90%; min-width: 90%; } .chg-psw-popup-modal-container .chg-psw-popup-modal-header { padding: 0.66rem 0.5rem 0.24rem; } .chg-psw-popup-modal-container .chg-psw-popup-modal-header .chg-psw-popup-modal-title { padding: 0px 0.15rem; }
}
.reset-password-popup-container { width: 6rem; background: rgb(255, 255, 255); }
@media (max-width: 768px) { .reset-password-popup-container .turnstile-widget-reset-password { transform: scale(0.9); width: 2.7rem; }
}
.reset-password-popup-container .standard-popup-modal-header { background: rgba(0, 0, 0, 0); border-top-right-radius: 0.1rem; border-top-left-radius: 0.1rem; }
.reset-password-popup-container .standard-popup-modal-body { border-bottom-left-radius: 0.1rem; border-bottom-right-radius: 0.1rem; }
.reset-password-popup-container .standard-popup-modal-body .logo-container { display: flex; justify-content: center; align-items: center; text-align: center; margin-bottom: 0.15rem; }
@media (max-width: 768px) { .reset-password-popup-container .standard-popup-modal-body .logo-container { height: 0.971755rem; margin-bottom: 0.297796rem; }
}
.reset-password-popup-container .standard-popup-modal-body .logo-container .icon-logo img { height: 0.695589rem; margin: auto; }
.reset-password-popup-container .standard-popup-modal-body .heading { text-align: center; font-size: 0.3rem; margin-bottom: 0.15rem; color: rgb(15, 22, 31); }
@media (max-width: 768px) { .reset-password-popup-container .standard-popup-modal-body .heading { font-size: 0.313469rem; margin: 0px 0px 0.125388rem; }
}
.reset-password-popup-container .standard-popup-modal-body .contact-type-container { width: 50%; margin: 0px auto 0.15rem; }
@media (max-width: 768px) { .reset-password-popup-container .standard-popup-modal-body .contact-type-container { width: 100%; margin: 0px auto 0.438857rem; }
}
.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form { width: 50%; margin: 0px auto 0.2rem; }
@media (max-width: 768px) { .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form { margin: 0px 0px 0.2rem; width: 100%; }
}
.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .standard-form-field { margin: 0px 0px 0.2rem !important; }
@media (max-width: 768px) { .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .standard-form-field { margin: 0px 0px 0.4rem !important; }
}
@media (max-width: 768px) { .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .standard-form-field .standard-input { background: rgb(243, 245, 246); padding: 0px 0.3rem; }
}
.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form ::placeholder { color: rgb(134, 151, 162); opacity: 1; }
.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .phone-field .phone-field-wrapper { width: 100%; display: grid; grid-template-columns: 34% 64%; justify-content: space-between; }
@media (max-width: 768px) { .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .phone-field .phone-field-wrapper { grid-template-columns: 39.181% 59.4068%; }
}
.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .phone-field .phone-field-wrapper .standard-select span { margin: 0px; }
.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .phone-field .phone-field-wrapper .standard-select-dropdown .standard-select-options { display: flex; }
.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .phone-field .phone-field-wrapper .standard-select-dropdown .standard-select-options span { width: 10%; }
.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .phone-field .phone-field-wrapper .standard-select-dropdown .standard-select-options p { margin: 0px; }
.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .phone-field .phone-field-wrapper .standard-select-dropdown .standard-select-options:has(> span img[src*="MM.png"]), .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .phone-field .phone-field-wrapper .standard-select-dropdown .standard-select-options:has(> span img[src*="VN.png"]) { display: none; }
.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .phone-field .phone-field-wrapper .phone-input.is-overlay { z-index: 3; }
.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .phone-field, .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .email-field { margin-bottom: 0.14rem; }
@media (max-width: 768px) { .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .phone-field, .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .email-field { margin-bottom: 0.438857rem; }
}
@media (max-width: 768px) { .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .contact-type-field { margin-bottom: 0.438857rem; }
}
.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .contact-type-field .disabled { background: rgb(238, 238, 238); color: gray; opacity: 1; -webkit-text-fill-color: unset; cursor: not-allowed; }
.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .contact-type-field .standard-select-dropdown { left: 0px; }
@media (max-width: 768px) { .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .contact-type-field .standard-select-dropdown { border-radius: 0px 0px 0.1rem 0.1rem; padding: 0.35rem 0.15rem 0.1rem; top: 0.7rem; }
}
.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .otp-field { margin-bottom: 0.3rem; }
@media (max-width: 768px) { .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .otp-field { margin-bottom: 1.03445rem; }
}
.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .otp-field .standard-label { display: block; }
.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .otp-field .otp-field-wrapper { display: grid; grid-template-columns: 59.4366% 38.5915%; justify-content: space-between; }
.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .orline { width: 100%; text-align: center; margin-bottom: 0.14rem; }
@media (max-width: 768px) { .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .orline { font-size: 0.26rem; margin-bottom: 0.16rem; }
}
.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .reset-password-popup-button-section { margin-top: 0.24rem; }
@media (max-width: 768px) { .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .reset-password-popup-button-section { margin-top: 0.4423rem; }
}
.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .reset-password-popup-button-section .reset-button-container button { width: 100%; margin: auto; }
.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .contact-type-field .standard-input #dropdownBtn { width: 100%; }
.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .error-message-wrapper { margin: 0.05rem 0px 0.15rem; font-size: 0.12rem; color: rgb(232, 38, 44); }
@media (max-width: 768px) { .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .error-message-wrapper { margin: 0.05rem 0px 0.2rem; font-size: 0.236rem; }
}
.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .error-message-wrapper .password-rules-msg-wrapper { display: flex; color: rgb(134, 151, 162); gap: 0.06rem; align-items: center; }
.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .error-message-wrapper .password-rules-msg-wrapper img { width: 0.12rem; height: 0.12rem; margin: 0.04rem 0.02rem 0.04rem 0rem; flex-shrink: 0; }
@media (max-width: 768px) { .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .error-message-wrapper .password-rules-msg-wrapper img { width: 0.236rem; height: 0.236rem; margin: 0.078rem 0.078rem 0.078rem 0rem; }
}
.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .error-message-wrapper .password-rules-msg-wrapper p { margin: 0.04rem 0px 0px; }
.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .error-message-wrapper .password-rules-msg-wrapper .error-message-text { margin-left: 0.02rem; flex: 1 1 0%; }
@media (max-width: 768px) { .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .error-message-wrapper .password-rules-msg-wrapper .error-message-text { margin-left: 0.078rem; }
}
.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .standard-password-eye { transform: translateY(-50%); top: 0.4rem; z-index: 1; }
@media (max-width: 768px) { .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .standard-password-eye { top: 0.7rem; }
}
.reset-password-popup-container .standard-popup-modal-body .desc { text-align: center; font-size: 0.16rem; width: 80%; margin: 0px auto 0.15rem; color: rgb(134, 151, 162); }
@media (max-width: 768px) { .reset-password-popup-container .standard-popup-modal-body .desc { margin: 0px 0px 0.438857rem; font-size: 0.250776rem; width: 100%; }
}
.reset-password-popup-container .standard-popup-modal-body .desc-container { margin: 0.2rem 0px 0px; }
@media (max-width: 768px) { .reset-password-popup-container .standard-popup-modal-body .desc-container { margin: 0.4rem 0px 0px; }
}
.reset-password-popup-container .standard-popup-modal-body .desc-container .desc { text-align: center; font-size: 0.14rem; color: rgb(134, 151, 162); }
@media (max-width: 768px) { .reset-password-popup-container .standard-popup-modal-body .desc-container .desc { font-size: 0.26rem; }
}
.reset-password-popup-container .standard-popup-modal-body .desc-container .desc a { color: rgb(0, 102, 204); text-decoration: underline; }
.deposit-instruction-dialog-overlay { display: unset; }
.deposit-instruction-dialog-overlay .deposit-instruction-dialog-container { width: 600px; }
.deposit-instruction-dialog-overlay .deposit-instruction-dialog-container .deposit-instruction-body { padding: 0.4rem 1rem; }
.deposit-instruction-dialog-overlay .deposit-instruction-dialog-container .deposit-instruction-body img { width: 100%; height: 100%; }
@media (max-width: 768px) { .deposit-instruction-dialog-overlay .deposit-instruction-dialog-container { width: 90%; } .deposit-instruction-dialog-overlay .deposit-instruction-dialog-container .deposit-instruction-body { padding: 0px 1rem 0.8rem; }
}
.custom-mobile-nav { display: flex !important; grid-template-columns: unset !important; }
.custom-mobile-nav .nav-title { font-weight: 600; font-size: 0.42rem; color: rgb(15, 22, 31); }
.custom-mobile-nav svg { width: 0.4rem; height: 0.4rem; margin: 0px 0.2rem 0px 0px; }
.m-country-list-container { background: rgb(243, 245, 246); padding: 0.3rem 0.5rem; }
.m-country-list-container .search-container { margin: 0px 0px 0.5rem; }
.m-country-list-container .search-container .country-bank-wrapper { background: rgb(255, 255, 255); border-radius: 0.4rem; padding: 0.15rem 0.3rem; }
.m-country-list-container .search-container .country-bank-wrapper svg { width: 0.4rem; height: 0.4rem; margin: 0px 0.4rem 0px 0px; }
.m-country-list-container .search-container .country-bank-wrapper input { width: 80%; background: rgba(0, 0, 0, 0); padding: 0px; font-size: 0.28rem; }
.m-country-list-container .country-list-container { padding: 0px 0px 0px 0.1rem; }
.m-country-list-container .country-list-container .country-list { color: rgb(134, 151, 162); display: flex; align-items: center; margin: 0px 0px 0.3rem; }
.m-country-list-container .country-list-container .country-list .country-img { width: 0.8rem; margin: 0px 0.4rem 0px 0px; }
.m-country-list-container .country-list-container .country-list .country-name { font-size: 0.28rem; }
.m-country-list-container .country-list-container .country-list.default { color: rgb(15, 22, 31); }
.m-country-list-container .country-list-container .country-list.latest-default { border-width: 0.01rem; border-color: rgb(226, 226, 226); border-image: initial; border-style: none none solid; padding: 0px 0px 0.3rem; }
.google-auth-modal-container { width: 5.5rem; min-width: 5.5rem; max-width: 5.5rem; min-height: unset; background: rgb(255, 255, 255); }
@media (max-width: 768px) { .google-auth-modal-container { max-width: 6.75rem; min-width: 6.75rem; }
}
.google-auth-modal-container .google-auth-modal-header { padding: 0.36rem 0.5rem 0.2rem; }
.google-auth-modal-container .google-auth-modal-header .standard-modal-title { font-size: 0.18rem; color: rgb(0, 0, 0); padding: unset; }
@media (max-width: 768px) { .google-auth-modal-container .google-auth-modal-header .standard-modal-title { font-size: 0.3rem; }
}
.google-auth-modal-container .note-container { background: rgb(243, 245, 246); padding: 0.15rem 0.4rem; }
@media (max-width: 768px) { .google-auth-modal-container .note-container { padding: 0.15rem 0.65rem; }
}
.google-auth-modal-container .note-container .content { display: flex; color: rgb(134, 151, 162); }
.google-auth-modal-container .note-container .content .notice-icon { width: 0.2rem; height: 0.2rem; margin-right: 0.15rem; }
.google-auth-modal-container .note-container .content span { width: 85%; }
.google-auth-modal-container .google-auth-modal-body { padding: 0.2rem 0.5rem 0.35rem; }
@media (max-width: 768px) { .google-auth-modal-container .google-auth-modal-body { padding: 0.2rem 0.7rem 0.35rem; font-size: 0.23rem; }
}
.google-auth-modal-container .google-auth-modal-body .app-dl-container { display: flex; border-top: 0.01rem solid rgb(219, 224, 228); padding: 0.3rem 0px; width: 100%; }
.google-auth-modal-container .google-auth-modal-body .app-dl-container .app-icon { width: 1rem; margin-right: 0.2rem; }
@media (max-width: 768px) { .google-auth-modal-container .google-auth-modal-body .app-dl-container .app-icon { width: 1.5rem; }
}
.google-auth-modal-container .google-auth-modal-body .app-dl-container .dl-container .standard-button-container { justify-content: flex-start; }
.google-auth-modal-container .google-auth-modal-body .qr-container { display: flex; align-items: center; padding-bottom: 0.2rem; }
.google-auth-modal-container .google-auth-modal-body .qr-container .qr { width: 100%; height: 100%; }
.google-auth-modal-container .google-auth-modal-body .standard-form-container .standard-form-field { margin-bottom: 0.3rem; }
.google-auth-modal-container .google-auth-modal-body .standard-form-container .standard-form-field .standard-label { color: rgb(134, 151, 162); }
@media (max-width: 768px) { .google-auth-modal-container .google-auth-modal-body .standard-form-container .standard-form-field .standard-label { margin: 0px 0px 0.06rem; }
}
.google-auth-modal-container .google-auth-modal-body .standard-form-container .key-field svg { cursor: pointer; }
.google-auth-modal-container .google-auth-modal-body .standard-form-container .otp-field .standard-label { display: unset; }
.google-auth-modal-container .google-auth-modal-body .standard-form-container .otp-field .standard-label span { color: rgb(15, 22, 31); }
.google-auth-modal-container .google-auth-modal-body .standard-form-container .otp-field .standard-form-field-wrapper { justify-content: space-between; }
.google-auth-modal-container .google-auth-modal-body .standard-form-container .otp-field .standard-form-field-wrapper input { width: 58%; }
.google-auth-modal-container .google-auth-modal-body .standard-form-container .otp-field .standard-form-field-wrapper .standard-button-container { width: 40%; }
.google-auth-modal-container .google-auth-modal-body .standard-form-container .otp-field .standard-form-field-wrapper .standard-button-container button { min-width: auto; background: rgb(243, 245, 246); color: rgb(15, 22, 31); }
@media (max-width: 768px) { .google-auth-modal-container .google-auth-modal-body .standard-form-container .otp-field .standard-form-field-wrapper .standard-button-container button { min-width: 100%; }
}
.google-auth-modal-container .google-auth-modal-body .standard-form-container .auth-tab-container { margin: 0px 0px 0.3rem; padding-top: 0.3rem; }
@media (max-width: 768px) { .google-auth-modal-container .google-auth-modal-body .standard-form-container .auth-tab-container { margin: 0.4rem 0px; padding-top: 0.4rem; }
}
.google-auth-modal-container .google-auth-modal-body .standard-form-container .auth-tab-container .standard-modal-tab .tab-header { width: 49%; margin-right: 0.1rem; }
.google-auth-modal-container .google-auth-modal-body .standard-form-container .send-otp-to-field .standard-select-dropdown { top: 0.25rem; padding: 0.35rem 0px 0px; }
@media (max-width: 768px) { .google-auth-modal-container .google-auth-modal-body .standard-form-container .send-otp-to-field .standard-select-dropdown { top: 0.85rem; }
}
.google-auth-modal-container .google-auth-fail-body { border-radius: 0.1rem; color: rgb(15, 22, 31); }
@media (max-width: 768px) { .google-auth-modal-container .google-auth-fail-body { font-size: 0.23rem; border-radius: 0.2rem; }
}
.google-auth-modal-container .google-auth-fail-body .red-cross-icon { width: 0.6rem; height: 0.6rem; margin: auto auto 0.05rem; }
@media (max-width: 768px) { .google-auth-modal-container .google-auth-fail-body .red-cross-icon { width: 1rem; height: 1rem; }
}
.google-auth-modal-container .google-auth-fail-body .failed-message { text-align: center; line-height: 1.5; padding-bottom: 0.2rem; }
.google-auth-modal-container .google-auth-fail-body .standard-submit-button { width: 100%; }
.google-auth-modal-container .otp-helper { width: 100%; }
.google-auth-modal-container .standard-error-validation { margin: -0.2rem 0px 0.08rem; }
.edit-verify-auth-modal-container { width: 5.5rem; min-width: 5.5rem; max-width: 5.5rem; min-height: unset; background: rgb(255, 255, 255); }
@media (max-width: 768px) { .edit-verify-auth-modal-container { max-width: 6.75rem; min-width: 6.75rem; }
}
.edit-verify-auth-modal-container .edit-verify-auth-modal-header { padding: 0.36rem 0.5rem 0.2rem; }
.edit-verify-auth-modal-container .edit-verify-auth-modal-header .standard-modal-title { font-size: 0.18rem; color: rgb(0, 0, 0); padding: unset; }
@media (max-width: 768px) { .edit-verify-auth-modal-container .edit-verify-auth-modal-header .standard-modal-title { font-size: 0.3rem; }
}
.edit-verify-auth-modal-container .edit-verify-auth-modal-body { padding: 0.2rem 0.5rem 0.35rem; }
@media (max-width: 768px) { .edit-verify-auth-modal-container .edit-verify-auth-modal-body { font-size: 0.23rem; }
}
.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container { padding-bottom: 0.2rem; }
.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .standard-form-field { margin-bottom: 0.3rem; }
.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .standard-form-field .standard-label { color: rgb(134, 151, 162); }
@media (max-width: 768px) { .edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .standard-form-field .standard-label { margin: 0px 0px 0.06rem; }
}
.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .key-field svg { cursor: pointer; }
.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .otp-field .standard-label { display: unset; }
.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .otp-field .standard-label span { color: rgb(15, 22, 31); }
.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .otp-field .standard-form-field-wrapper { justify-content: space-between; }
.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .otp-field .standard-form-field-wrapper input { width: 58%; }
.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .otp-field .standard-form-field-wrapper .standard-button-container { width: 40%; }
.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .otp-field .standard-form-field-wrapper .standard-button-container button { min-width: auto; background: rgb(243, 245, 246); color: rgb(15, 22, 31); }
.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .phone-field .standard-form-field-wrapper { justify-content: space-between; }
.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .phone-field .standard-form-field-wrapper .telcode-input { width: 28%; }
.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .phone-field .standard-form-field-wrapper .phone-input { width: 70%; }
.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .auth-tab-container { margin: 0px 0px 0.3rem; padding-top: 0.3rem; }
.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .auth-tab-container .standard-modal-tab .tab-header { width: 49%; margin-right: 0.1rem; }
.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .send-otp-to-field .standard-select-dropdown { top: 0.25rem; padding: 0.35rem 0px 0px; }
@media (max-width: 768px) { .edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .send-otp-to-field .standard-select-dropdown { top: 0.85rem; }
}
.whatsapp-popup-container { width: 4.9rem; min-width: 4.9rem; max-width: 4.9rem; min-height: unset; background: rgb(255, 255, 255); }
@media (max-width: 768px) { .whatsapp-popup-container { max-width: 6.75rem; min-width: 6.75rem; }
}
.whatsapp-popup-container .whatsapp-popup-header { padding: 0.36rem 0.7rem 0.2rem; }
.whatsapp-popup-container .whatsapp-popup-header .standard-modal-title { font-size: 0.18rem; color: rgb(0, 0, 0); padding: unset; text-transform: capitalize; }
@media (max-width: 768px) { .whatsapp-popup-container .whatsapp-popup-header .standard-modal-title { font-size: 0.3rem; }
}
.whatsapp-popup-container .whatsapp-popup-body { font-size: 0.14rem; padding: 0px 0.7rem 0.35rem; }
@media (max-width: 768px) { .whatsapp-popup-container .whatsapp-popup-body { font-size: 0.23rem; }
}
.whatsapp-popup-container .whatsapp-popup-body .standard-label { color: rgb(134, 151, 162); display: unset; }
.whatsapp-popup-container .whatsapp-popup-body .standard-label span { font-weight: 700; }
@media (max-width: 768px) { .whatsapp-popup-container .whatsapp-popup-body .standard-label { margin: 0px 0px 0.06rem; }
}
.whatsapp-popup-container .whatsapp-popup-body .verify-method-container { display: grid; grid-template-columns: 40% 12% 44%; align-items: center; justify-content: center; padding: 0.3rem 0px; column-gap: 0.1rem; }
.whatsapp-popup-container .whatsapp-popup-body .verify-method-container .qr { width: 1.5rem; height: 1.2rem; margin: auto; }
@media (max-width: 768px) { .whatsapp-popup-container .whatsapp-popup-body .verify-method-container .qr { width: 2rem; height: 2rem; }
}
.whatsapp-popup-container .whatsapp-popup-body .verify-method-container .or { text-transform: capitalize; text-align: center; }
.whatsapp-popup-container .whatsapp-popup-body .verify-method-container .standard-otp-button { min-width: auto; width: 100%; padding: 0px 0.1rem; }
@media (max-width: 768px) { .whatsapp-popup-container .whatsapp-popup-body .verify-method-container .standard-otp-button { }
}
.whatsapp-popup-container .whatsapp-popup-body .break-line { border-width: 0.01rem; border-color: rgb(219, 224, 228); border-image: initial; border-style: solid none none; margin: 0.3rem 0px; }
@media (max-width: 768px) { .whatsapp-popup-container .whatsapp-popup-body .break-line { margin: 0.6rem 0px; }
}
.whatsapp-popup-container .whatsapp-popup-body .resend-otp-container { margin: 0.3rem 0px 0.6rem; }
.whatsapp-popup-container .whatsapp-popup-body .resend-otp-container .standard-button-container { margin-bottom: 0.1rem; }
.whatsapp-popup-container .whatsapp-popup-body .resend-otp-container .standard-button-container .standard-otp-button { width: 100%; }
.popup-message-container { max-width: 5.5rem; min-width: 5.5rem; min-height: unset; }
@media (max-width: 768px) { .popup-message-container .popup-message-header { padding: 0.36rem 0.5rem 0.2rem; }
}
.popup-message-container .popup-message-body { text-align: center; }
.popup-message-container .popup-message-body .icon-success, .popup-message-container .popup-message-body .icon-failed { display: flex; align-items: center; justify-content: center; text-align: center; margin: 0px auto 0.1rem; }
.popup-message-container .popup-message-body .popup-title { margin-bottom: 0.1rem; font-size: 0.2rem; }
@media (max-width: 768px) { .popup-message-container .popup-message-body .popup-title { font-size: 0.31347rem; }
}
.popup-message-container .popup-message-body .popup-message { margin-bottom: 0.3rem; }
@media (max-width: 768px) { .popup-message-container .popup-message-body .popup-message { font-size: 0.25078rem; }
}
.popup-message-container .popup-message-body .popup-message .contact-cs { color: rgb(0, 94, 215); text-decoration: underline; cursor: pointer; }
.popup-message-container .dismiss-button-container button { width: 100%; }
.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details dt, .m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup dt { font-size: 0.3rem; font-family: Inter; margin: 0px 0px 6.15385vw; }
.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .header-container, .m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .header-container { display: flex; align-items: center; background: rgb(0, 68, 169); padding: 0px 0.21rem; height: 1rem; border-bottom: 0.01rem solid rgb(243, 245, 246); width: 100vw; position: fixed; z-index: 10; }
.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .header-container .page-title, .m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .header-container .page-title { color: rgb(255, 255, 255); }
.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .data-container, .m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .data-container { padding: 19.4872vw 5.12821vw 3.7rem; }
.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .data-container .data-content, .m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .data-container .data-content { display: grid; gap: 2.5641vw; grid-template-columns: repeat(2, 1fr); margin: 0px 0px 0.32rem; }
.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .data-container .data-content span, .m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .data-container .data-content span { font-size: 3.84615vw; color: rgb(15, 22, 31); margin: 0px 0px 0.2rem; }
.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .data-container .data-content span.negative-value, .m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .data-container .data-content span.negative-value { color: rgb(232, 38, 44); }
.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .data-container .data-content .title, .m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .data-container .data-content .title { font-weight: 100; font-size: 3.84615vw; color: rgb(136, 153, 162); }
.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .data-container .sub-title, .m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .data-container .sub-title { font-weight: 600; font-size: 0.3rem; color: rgb(15, 22, 31); margin: 0px 0px 0.58rem; }
.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .data-container .standard-form-field, .m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .data-container .standard-form-field { margin: 0px 0px 0.43rem; }
.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .data-container .standard-form-field .standard-input, .m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .data-container .standard-form-field .standard-select, .m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .data-container .standard-form-field .standard-input, .m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .data-container .standard-form-field .standard-select { border: 0.01rem solid rgb(219, 224, 228); color: rgb(136, 153, 162); padding: 0.05rem 0.6rem 0px 0.4rem; }
.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .data-container .standard-form-field .standard-label, .m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .data-container .standard-form-field .standard-label { color: rgb(15, 22, 31); font-size: 0.3rem; margin: 0px 0px 0.26rem; }
.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .data-container .standard-form-field .standard-form-field, .m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .data-container .standard-form-field .standard-form-field { align-items: center; display: flex; justify-content: space-between; margin: 0px; width: 100%; }
.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .data-container .standard-form-field .standard-form-field .standard-select, .m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .data-container .standard-form-field .standard-form-field .standard-select { width: 88%; }
.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .data-container .standard-form-field .standard-form-field .add-button, .m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .data-container .standard-form-field .standard-form-field .add-button { background: rgb(199, 210, 215); border-radius: 50%; height: 0.6rem; padding: 0.15rem 0.12rem; width: 0.6rem; }
.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .data-container .standard-form-field .standard-form-field .add-button svg, .m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .data-container .standard-form-field .standard-form-field .add-button svg { height: 100%; width: 100%; }
.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .data-container .standard-form-field .referral-btn, .m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .data-container .standard-form-field .referral-btn { position: absolute; top: 23%; right: 3%; cursor: pointer; }
.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .data-container .standard-form-field .referral-btn svg, .m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .data-container .standard-form-field .referral-btn svg { width: 0.42rem; height: 0.42rem; }
.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .data-container .standard-form-field textarea, .m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .data-container .standard-form-field textarea { padding: 0.25rem 0.4rem; }
.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .data-container .standard-form-field .data-content, .m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .data-container .standard-form-field .data-content { position: relative; width: 100%; display: flex; align-items: center; flex-wrap: wrap; }
.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .data-container .transaction-button-section, .m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .data-container .transaction-button-section { margin: 0.7rem 0px 0px; }
.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .data-container .transaction-button-section .standard-button-container, .m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .data-container .transaction-button-section .standard-button-container { justify-content: space-between; }
.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .data-container .transaction-button-section .standard-button-container button, .m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .data-container .transaction-button-section .standard-button-container button { border-radius: 0.1rem; font-size: 0.3rem; height: 0.75rem; }
.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .data-container .transaction-button-section .standard-button-container #submit-btn, .m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .data-container .transaction-button-section .standard-button-container #submit-btn { width: 100%; }
.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .data-container .transaction-button-section .standard-button-container #add-bank-btn, .m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .data-container .transaction-button-section .standard-button-container #add-bank-btn { margin: 0px; width: 49%; }
.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .data-container .transaction-button-section .standard-button-container #cancel-bank-btn, .m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .data-container .transaction-button-section .standard-button-container #cancel-bank-btn { background: rgb(130, 204, 253); width: 49%; }
.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .standard-modal-title, .m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .standard-modal-title { padding: 0px; }
.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .standard-table-button-font-size, .m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .standard-table-button-font-size { width: fit-content; padding: 0px 2.5641vw; font-size: 0.32rem; background: rgb(0, 113, 227); border-radius: 1.28205vw; height: 0.55rem; }
.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .standard-table-button-font-size:disabled, .m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .standard-table-button-font-size:disabled { cursor: not-allowed; background: rgb(129, 202, 252); }
.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .standard-table-button-font-size.negative-value, .m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .standard-table-button-font-size.negative-value { background: rgb(232, 38, 44); height: 0.55rem; }
@media (max-width: 768px) { .m-custom-popup-overlay .standard-popup-modal-container { border-radius: 0.2rem; margin: 2.5rem auto; font-size: 0.28rem; } .m-custom-popup-overlay .standard-popup-modal-container .standard-popup-modal-header { padding: 0.2rem; border-radius: 0.1rem 0.1rem 0px 0px; text-align: left; height: auto; position: relative; } .m-custom-popup-overlay .standard-popup-modal-container .standard-popup-modal-header .standard-modal-title { font-size: 0.3rem; text-overflow: ellipsis; overflow: hidden; margin: auto 0px; } .m-custom-popup-overlay .standard-popup-modal-container .standard-popup-modal-header-with-logo { height: 1.2rem; border-radius: 0.1rem 0.1rem 0px 0px; } .m-custom-popup-overlay .standard-popup-modal-container .standard-popup-modal-header-with-logo .standard-popup-header-logo { max-height: 1rem; } .m-custom-popup-overlay .standard-popup-modal-container .standard-popup-modal-header-with-logo .standard-popup-close-logo { font-size: 0.7rem; right: 0.15rem; top: 0.05rem; padding: 0.15rem 0.3rem; } .m-custom-popup-overlay .standard-popup-modal-container .standard-popup-modal-body { padding: 0.4rem 0.2rem; font-size: 0.28rem; font-weight: normal; } .m-custom-popup-overlay .standard-popup-modal-container .standard-popup-modal-body .react-datepicker-wrapper .react-datepicker__input-container .react-datepicker__close-icon { padding: unset; } .m-custom-popup-overlay .standard-popup-modal-container .standard-popup-modal-footer { font-size: 0.28rem; padding: 0.3rem 0.2rem; border: 0px; } .m-custom-popup-overlay .standard-popup-modal-container .standard-popup-modal-footer .standard-modal-close { background: rgb(255, 255, 255); font-size: 0.3rem; padding: 0.2rem 0.3rem; min-width: 2.5rem; border-radius: 0.1rem; } .m-custom-popup-overlay .standard-popup-modal-container .standard-popup-modal-footer .transaction-button-section { width: 100%; } .m-custom-popup-overlay .standard-popup-modal-container .standard-popup-modal-footer-border-radius { border-radius: 0px 0px 0.1rem 0.1rem; } .m-custom-popup-overlay .standard-popup-modal-container .add-bank-guide { background: rgb(246, 246, 246); border-radius: 0.08rem; padding: 0.3rem 0.15rem; margin: 0.4rem 0px 0.2rem; } .m-custom-popup-overlay .standard-popup-modal-container .add-bank-guide .guide-msg { font-size: 0.2rem; color: red; }
}
body.aff-portal .m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promotion-detail-close-btn { background: rgb(0, 68, 169); color: rgb(255, 255, 255); fill: rgb(255, 255, 255); }
body.aff-portal .m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-detail-content a { text-decoration: none; }
body.aff-portal .promotion-detail-popup-modal-container .promo-detail-content a { text-decoration: none; }
body.aff-portal .promotion-detail-popup-modal-container .promo-detail-content table tr td { white-space: unset; }
body.aff-portal .promotion-detail-popup-modal-container .promo-detail-content table tr td:last-child { border: 0.01rem solid rgb(255, 255, 255); }
body.aff-portal .standard-popup-overlay .standard-popup-modal-container { color: rgb(15, 22, 31); }
body.aff-portal .standard-popup-overlay .standard-popup-modal-container .standard-popup-modal-header .standard-modal-close { font-family: fangsong; line-height: 1.8; display: grid; justify-content: center; align-items: center; width: 0.34rem; height: 0.34rem; border-radius: 50%; color: rgb(134, 151, 162); background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.25) 0px 0.04rem 0.04rem; }
body.aff-portal .standard-popup-overlay .standard-popup-modal-container .standard-popup-modal-header .standard-modal-close:hover { background: rgb(255, 255, 255); }
@media (max-width: 768px) { body.aff-portal .standard-popup-overlay .standard-popup-modal-container .standard-popup-modal-header .standard-modal-close { width: 0.5rem; height: 0.5rem; font-size: 0.3rem; font-weight: 600; } body.aff-portal .standard-popup-overlay .standard-popup-modal-container .standard-popup-modal-header .standard-modal-close svg { width: 0.5rem; height: 0.5rem; }
}
body.aff-portal .standard-popup-overlay .standard-popup-modal-container .standard-popup-modal-body { display: grid; gap: 0.14rem; }
@media (max-width: 768px) { body.aff-portal .standard-popup-overlay .standard-popup-modal-container .standard-popup-modal-body { gap: 3.58974vw; }
}
body.aff-portal .standard-popup-overlay .standard-popup-modal-container .standard-popup-modal-body.history-control-panel.standard-form-framework .standard-form-container { display: grid; gap: 0.14rem; }
body.aff-portal .standard-popup-overlay .standard-popup-modal-container .standard-popup-modal-body .standard-form-field { gap: 0.05rem; margin: 0px; }
body.aff-portal .standard-popup-overlay .standard-popup-modal-container .standard-popup-modal-body .standard-form-field .referral-btn { cursor: pointer; }
body.aff-portal .standard-popup-overlay .standard-popup-modal-container .standard-popup-modal-body .standard-form-field .standard-label { color: rgb(0, 0, 0); font-weight: 600; font-size: 0.14rem; }
@media (max-width: 768px) { body.aff-portal .standard-popup-overlay .standard-popup-modal-container .standard-popup-modal-body .standard-form-field .standard-label { font-size: 0.24rem; }
}
body.aff-portal .standard-popup-overlay .standard-popup-modal-container .standard-popup-modal-body .standard-button-container button.info-button { background: rgb(129, 202, 252); }
@media (max-width: 768px) { body.aff-portal .standard-popup-overlay .standard-popup-modal-container .aff-monthly-WL-popoup { padding: 0px 0.2rem 0.68rem; }
}
body.aff-portal .standard-popup-overlay section.bank-detail-button-section .standard-button-container .standard-submit-form-button { margin: 0rem 0.4rem 0.35rem; }
body.aff-portal .campaign-report-dialog-container { display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 0.15rem; font-weight: normal; }
@keyframes swipe-in { 0% { right: -100vw; } 100% { right: 0px; }
}
@keyframes swipe-out { 0% { right: 0px; } 100% { right: -100vw; }
}
.standard-popup-modal-container { max-width: 6.98rem; min-width: 6.98rem; min-height: 3.96rem; }
.standard-popup-modal-container.reset-min-height { min-height: auto !important; }
.standard-popup-modal-container .standard-popup-modal-img-container { padding: 0.1rem; }
.standard-popup-modal-container .standard-popup-modal-img-container .image-announcement { width: 100%; border-radius: 0.1rem; }
.standard-popup-modal-container .standard-popup-modal-body { font-weight: 600; color: rgb(134, 151, 162); font-size: 0.16rem; }
.standard-popup-modal-container .standard-popup-modal-body .announcement-message strong { font-weight: 600; color: rgb(15, 22, 31); font-size: 0.3rem; }
.announcement-v1-modal-container { display: flex; flex-direction: column; }
.announcement-v1-modal-container .announcement-v1-modal-header { display: flex; align-items: center; }
.announcement-v1-modal-container .announcement-v1-modal-header .standard-modal-title { font-weight: 600; height: 0.31rem; border-radius: 0.2rem; display: flex; align-items: center; justify-content: center; margin: 0px; cursor: pointer; white-space: nowrap; padding: 0px 0.22rem; }
.announcement-v1-modal-container .announcement-v1-modal-header .standard-modal-title:first-child { margin: 0px 0.23rem 0px 0px; }
.announcement-v1-modal-container .announcement-v1-modal-header .standard-modal-title.active { color: rgb(255, 255, 255); background: rgb(255, 138, 0); font-weight: 600; }
.announcement-v1-modal-container .announcement-v1-modal-body { display: flex; align-items: center; flex-direction: column; }
.announcement-v1-modal-container .announcement-v1-modal-body .announcement-message-container { border-radius: 0.1rem; padding: 0.27rem 0.29rem 0.31rem 0.24rem; background: rgb(255, 255, 255); width: 100%; font-weight: 600; font-size: 0.14rem; min-height: fit-content; word-break: break-word; }
.announcement-v1-modal-container .announcement-v1-modal-body .announcement-message-container:not(:last-child) { margin: 0px 0px 0.1rem; }
.announcement-v1-modal-container .announcement-v1-modal-body .announcement-message-container .announcement-message { color: rgb(15, 22, 31); text-align: justify; margin: 0px 0px 0.18rem; }
.announcement-v1-modal-container .announcement-v1-modal-body .announcement-message-container .announcement-date { color: rgb(134, 151, 162); margin: 0px; }
.announcement-v1-modal-container .announcement-v1-modal-body .do-not-show-again { display: flex; margin-right: auto; }
.announcement-v1-modal-container .announcement-v1-modal-body .do-not-show-again .dont-show-checkbox { height: 0.15rem; justify-content: left; width: 50%; }
@media (max-width: 768px) { .announcement-v1-modal-container .announcement-v1-modal-body .do-not-show-again .dont-show-checkbox { height: 0.25rem; }
}
.announcement-v1-modal-container .announcement-v1-modal-body .do-not-show-again .dont-show-msg { width: 100%; white-space: nowrap; font-weight: 400; font-size: 0.12rem; display: flex; align-items: center; text-transform: capitalize; color: rgb(134, 151, 162); }
@media (max-width: 768px) { .announcement-v1-modal-container .announcement-v1-modal-body .do-not-show-again .dont-show-msg { font-size: 0.2rem; }
}
.announcement-image-modal-container .standard-popup-modal-header { padding: 0px; }
.announcement-image-modal-container .dont-show-again-container { display: flex; padding: 0.2rem 0.4rem 0.35rem; }
.announcement-image-modal-container .dont-show-again-container .do-not-show-again { display: flex; margin-right: auto; }
.announcement-image-modal-container .dont-show-again-container .do-not-show-again .dont-show-checkbox { height: 0.15rem; justify-content: left; width: 50%; }
@media (max-width: 768px) { .announcement-image-modal-container .dont-show-again-container .do-not-show-again .dont-show-checkbox { height: 0.25rem; }
}
.announcement-image-modal-container .dont-show-again-container .do-not-show-again .dont-show-msg { width: 100%; white-space: nowrap; font-weight: 400; font-size: 0.12rem; display: flex; align-items: center; text-transform: capitalize; color: rgb(134, 151, 162); }
@media (max-width: 768px) { .announcement-image-modal-container .dont-show-again-container .do-not-show-again .dont-show-msg { font-size: 0.2rem; }
}
.announcement-popup-v3-container .announcement-popup-v3-header { padding: 0px; }
.announcement-popup-v3-container .announcement-popup-v3-body .announcement-message { text-align: center; }
.announcement-popup-v3-container .dont-show-again-container { display: flex; padding: 0.2rem 0.4rem 0.35rem; }
.announcement-popup-v3-container .dont-show-again-container .do-not-show-again { display: flex; margin-right: auto; }
.announcement-popup-v3-container .dont-show-again-container .do-not-show-again .dont-show-checkbox { height: 0.15rem; justify-content: left; width: 50%; }
@media (max-width: 768px) { .announcement-popup-v3-container .dont-show-again-container .do-not-show-again .dont-show-checkbox { height: 0.25rem; }
}
.announcement-popup-v3-container .dont-show-again-container .do-not-show-again .dont-show-msg { width: 100%; white-space: nowrap; font-weight: 400; font-size: 0.12rem; display: flex; align-items: center; text-transform: capitalize; color: rgb(134, 151, 162); }
@media (max-width: 768px) { .announcement-popup-v3-container .dont-show-again-container .do-not-show-again .dont-show-msg { font-size: 0.2rem; }
}
.announcement-v2 .announcement-v1-modal-container .announcement-v1-modal-body .announcement-message-content { width: 100%; }
.announcement-v2 .announcement-popup-v3-container { max-height: unset; }
.announcement-v1-modal-body .do-not-show-again { display: flex; margin-right: auto; }
.announcement-v1-modal-body .do-not-show-again .dont-show-checkbox { height: 0.15rem; justify-content: left; width: 50%; }
@media (max-width: 768px) { .announcement-v1-modal-body .do-not-show-again .dont-show-checkbox { height: 0.25rem; }
}
.announcement-v1-modal-body .do-not-show-again .dont-show-msg { width: 100%; white-space: nowrap; font-weight: 400; font-size: 0.12rem; display: flex; align-items: center; text-transform: capitalize; color: rgb(134, 151, 162); }
@media (max-width: 768px) { .announcement-v1-modal-body .do-not-show-again .dont-show-msg { font-size: 0.2rem; }
}
@media (max-width: 768px) { .standard-popup-modal-container { max-width: 6.75rem; min-width: 6.75rem; } .standard-popup-modal-container .standard-popup-modal-header { padding: 0.66rem 0.72rem 0.24rem; } .standard-popup-modal-container .standard-popup-modal-header .standard-modal-title { font-size: 0.24rem; border-radius: 0.5rem; padding: 0px 0.4rem; } .standard-popup-modal-container .standard-popup-modal-header .standard-modal-close { top: -0.2rem; right: -0.15rem; } .standard-popup-modal-container .standard-popup-modal-header .standard-modal-close svg { width: 0.6rem; padding: 0.15rem; } .standard-popup-modal-container .standard-popup-modal-body { padding: 0px 0.5rem 0.68rem; } .standard-popup-modal-container .standard-popup-modal-body .announcement-message-container { padding: 0.5rem 0.35rem 0.5rem 0.46rem; } .standard-popup-modal-container .standard-popup-modal-body .announcement-message-container:not(:last-child) { margin: 0px 0px 0.29rem; } .standard-popup-modal-container .standard-popup-modal-body .announcement-message-container .announcement-message { margin: 0px 0px 0.34rem; } .announcement-v1-modal-container .announcement-v1-modal-body .announcement-message-container { font-size: 0.24rem; } .announcement-popup-v3-container .announcement-popup-v3-header { padding: 0px; }
}
.express-deposit-enable-decimal-popup-modal-container { width: 9rem; min-width: 9rem; max-width: 9rem; }
.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body { overflow-x: auto; }
.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .deposit-amount-container { background: linear-gradient(67deg, rgb(211, 47, 47) 0%, rgb(241, 60, 60) 100%); padding: 0.1rem 0.1rem 0.15rem; border-radius: 0.1rem; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .deposit-amount-container .deposit-amount { color: rgb(255, 255, 255); font-weight: 400; font-size: 0.25rem; }
.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .deposit-amount-container .timer-font { color: rgb(255, 244, 147); }
.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .warning-container { display: flex; margin: 0.25rem auto; line-height: 0.24rem; }
.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .warning-container img { width: 0.44rem; height: 0.44rem; margin: 0.06rem; }
.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .warning-container .warning-messages-container { margin: 0px 0.1rem; color: rgb(231, 76, 60); }
.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .warning-container .warning-messages-container .warning-2 { font-weight: bold; text-decoration: underline; }
.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .transfer-account-title { margin: 0.15rem; }
.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .transfer-account-info-container { position: relative; padding: 0.1rem; margin: 0.15rem; border-radius: 0.1rem; border: 0.01rem solid rgb(249, 221, 220); display: flex; flex-direction: column; }
.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .transfer-account-info-container .bank-details-container { display: flex; margin: 0.1rem 0px; }
.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .transfer-account-info-container .bank-details-container img { width: 1.4rem; height: 100%; }
.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .transfer-account-info-container .bank-details { margin-left: 0.1rem; }
.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .transfer-account-info-container .bank-details .account-number-info { display: flex; align-items: center; }
.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .transfer-account-info-container .bank-details .account-number-info .copy-icon { width: 0.25rem; }
.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .your-bank-account-title-container { display: flex; align-items: center; justify-content: space-between; margin: 0.15rem; }
.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .your-bank-account-title-container .add-bank-btn { width: 0.25rem; }
.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .your-bank-account-container { position: relative; padding: 0.1rem; margin: 0.15rem; border-radius: 0.1rem; border: 0.01rem solid rgb(249, 221, 220); display: flex; flex-direction: column; }
.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .your-bank-account-container .your-bank-infos { margin: 0.1rem 0px; }
.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .your-bank-account-container .your-bank-infos .your-bank-details { margin-left: 0.1rem; }
.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .danger-message-container { margin: 0.15rem; }
@media (max-width: 768px) { .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body { overflow-x: auto; } .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .deposit-amount-container { background: linear-gradient(67deg, rgb(211, 47, 47) 0%, rgb(241, 60, 60) 100%); padding: 0.2rem 0.2rem 0.35rem; border-radius: 0.2rem; display: flex; flex-direction: column; align-items: center; justify-content: center; } .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .deposit-amount-container .deposit-amount { color: rgb(255, 255, 255); font-weight: 400; font-size: 0.5rem; } .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .deposit-amount-container .timer-font { color: rgb(255, 244, 147); } .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .warning-container { display: flex; margin: 0.5rem auto; } .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .warning-container img { width: 0.44rem; height: 0.44rem; margin: 0.12rem; } .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .warning-container .warning-messages-container { margin: 0px 0.2rem; color: rgb(231, 76, 60); } .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .warning-container .warning-messages-container .warning-2 { font-weight: bold; text-decoration: underline; } .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .transfer-account-title { margin: 0.3rem; } .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .transfer-account-info-container { position: relative; padding: 0.2rem; margin: 0.3rem; border-radius: 0.2rem; border: 0.02rem solid rgb(249, 221, 220); display: flex; flex-direction: column; } .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .transfer-account-info-container .bank-details-container { display: flex; margin: 0.2rem 0px; } .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .transfer-account-info-container .bank-details-container img { width: 1.4rem; height: 100%; } .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .transfer-account-info-container .bank-details { margin-left: 0.2rem; } .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .transfer-account-info-container .bank-details .account-number-info { display: flex; align-items: center; } .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .transfer-account-info-container .bank-details .account-number-info .copy-icon { width: 0.5rem; } .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .your-bank-account-title-container { display: flex; align-items: center; justify-content: space-between; margin: 0.3rem; } .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .your-bank-account-title-container .add-bank-btn { width: 0.5rem; } .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .your-bank-account-container { position: relative; padding: 0.2rem; margin: 0.3rem; border-radius: 0.2rem; border: 0.02rem solid rgb(249, 221, 220); display: flex; flex-direction: column; } .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .your-bank-account-container .your-bank-infos { margin: 0.2rem 0px; } .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .your-bank-account-container .your-bank-infos .your-bank-details { margin-left: 0.2rem; } .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .danger-message-container { margin: 0.3rem; }
}
.qrcode-popup-modal-container { width: 360px; min-width: 360px; max-width: 360px; overflow: auto; }
.qrcode-popup-modal-container .standard-popup-modal-body img { max-width: 100%; max-height: 100%; }
@media (max-width: 768px) { .qrcode-popup-modal-container { width: 90%; min-width: 90%; max-width: 90%; overflow: auto; } .qrcode-popup-modal-container .standard-popup-modal-body { } .qrcode-popup-modal-container .standard-popup-modal-body img { max-width: 100%; max-height: 100%; }
}
.bank-offline-status-popup-modal-container { width: 360px; min-width: 360px; max-width: 360px; }
@media (max-width: 768px) { .bank-offline-status-popup-modal-container { width: 90%; min-width: 90%; max-width: 90%; }
}
.promotion-detail-popup-overlay { display: unset; }
.promotion-detail-popup-modal-container { max-width: 11rem; min-width: 11rem; background: rgb(255, 255, 255); }
.promotion-detail-popup-modal-container p { margin: 0px; }
.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body { padding: 0.45rem 0.55rem 0.75rem; }
.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promotion-detail-close-btn { position: absolute; right: -0.1rem; top: -0.1rem; background: unset; font-size: 0.2rem; border-radius: unset; cursor: pointer; }
.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promotion-detail-close-btn svg { width: 0.33rem; fill: rgb(110, 110, 110); vertical-align: middle; background: rgb(255, 255, 255); border-radius: 50%; padding: 0.08rem; filter: drop-shadow(rgb(108, 108, 108) 0px 0px 0.03rem); }
.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-banner { width: 100%; border-radius: 0.05rem; }
.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time { display: flex; align-items: center; justify-content: space-between; margin: 0.45rem 0px 0px; }
.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time button { font-size: 0.16rem; font-weight: 600; display: flex; align-items: center; justify-content: center; background: rgb(255, 138, 0); height: 0.4rem; padding: 0px 0.15rem; border-radius: 0.1rem; cursor: pointer; }
.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container { margin: 0px 0px 0px auto; }
.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container.end { display: flex; align-items: center; justify-content: center; height: 0.4rem; background: rgb(243, 245, 246); border-radius: 0.1rem; padding: 0px 0.24rem; margin: 0.1rem 0px 0px auto; }
.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .remaining-time { font-size: 0.12rem; color: rgb(134, 151, 162); margin: 0px 0px 0px 0.05rem; }
.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container { display: flex; margin: 0.1rem 0px 0px; }
.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .day-box { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .day-box .day-number { display: flex; align-items: center; justify-content: center; height: 0.4rem; width: 0.4rem; background: rgb(243, 245, 246); border-radius: 0.1rem; min-width: 0.72rem; }
.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .day-box .day-text { margin: 0.05rem 0px 0px; font-size: 0.12rem; color: rgb(134, 151, 162); }
.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container { display: flex; margin: 0px 0.08rem; }
.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-box { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-box .time-hour, .promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-box .time-min, .promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-box .time-sec { display: flex; align-items: center; justify-content: center; height: 0.4rem; width: 0.4rem; background: rgb(243, 245, 246); padding: 0px 0.1rem; white-space: nowrap; }
.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-box .time-hour { border-radius: 0.1rem 0px 0px 0.1rem; }
.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-box .time-sec { border-radius: 0px 0.1rem 0.1rem 0px; }
.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-box .time-text { margin: 0.05rem 0px 0px; font-size: 0.12rem; color: rgb(134, 151, 162); white-space: nowrap; }
.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-colon { display: flex; align-items: center; justify-content: center; height: 0.4rem; background: rgb(243, 245, 246); }
.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-detail-title-container { margin: 0.45rem 0px 0px; }
.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-detail-title-container .promo-detail-title { font-weight: 600; font-size: 0.24rem; color: rgb(15, 22, 31); }
.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-detail-content { margin: 0.3rem 0px 0px; }
.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-detail-content table tr:first-child > td span { color: rgb(255, 255, 255) !important; }
.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-detail-content table tr td { border: 0.01rem solid rgb(219, 224, 228) !important; }
.m-promotion-detail-popup-modal-container { max-width: unset; min-width: 100%; min-height: 100%; margin: 0px; color: rgb(15, 22, 31); }
.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promotion-detail-close-btn { display: flex; align-items: center; justify-content: space-between; padding: 0px 0.44rem 0px 0.66rem; height: 0.9rem; background: rgb(255, 255, 255); font-size: 0.35rem; }
.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promotion-detail-close-btn svg { width: 0.45rem; height: 0.45rem; }
.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-banner { display: block; width: 94%; margin: 0.45rem auto 0px; border-radius: 0.1rem; }
.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time { display: flex; justify-content: space-between; align-items: center; padding: 0.26rem 0.22rem 0.75rem; background: rgb(255, 255, 255); margin: 0px 0.22rem; }
.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time button { display: flex; align-items: center; justify-content: center; background: rgb(255, 138, 0); color: rgb(255, 255, 255); font-size: 0.3rem; width: 3.2rem; height: 0.85rem; border-radius: 0.2rem; cursor: pointer; }
.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container { margin: 0px 0px 0px auto; font-size: 0.26rem; }
.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container.end { display: flex; align-items: center; justify-content: center; height: 0.65rem; background: rgb(243, 245, 246); border-radius: 0.2rem; padding: 0px 0.24rem; margin: 0.15rem 0px 0px auto; }
.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .remaining-time { color: rgb(136, 153, 164); margin: 0px 0px 0px 0.05rem; }
.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container { display: flex; margin: 0.15rem 0px 0px; }
.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .day-box { display: flex; flex-direction: column; align-items: center; justify-content: center; white-space: nowrap; }
.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .day-box .day-number { display: flex; align-items: center; justify-content: center; height: 0.65rem; background: rgb(243, 245, 246); border-radius: 0.1rem; min-width: 0.9rem; }
.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .day-box .day-text { margin: 0.05rem 0px 0px; color: rgb(136, 153, 164); }
.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container { display: flex; margin: 0px 0.08rem; width: 2.25rem; }
.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-box { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-box .time-hour, .m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-box .time-min, .m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-box .time-sec { display: flex; align-items: center; justify-content: center; height: 0.65rem; background: rgb(243, 245, 246); padding: 0px 0.2rem; white-space: nowrap; }
.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-box .time-hour { border-radius: 0.1rem 0px 0px 0.1rem; }
.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-box .time-sec { border-radius: 0px 0.1rem 0.1rem 0px; }
.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-box .time-text { margin: 0.05rem 0px 0px; color: rgb(136, 153, 164); white-space: nowrap; }
.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-colon { display: flex; align-items: center; justify-content: center; height: 0.65rem; background: rgb(243, 245, 246); }
.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-detail-title-container { margin: 0px 0.22rem; background: rgb(255, 255, 255); font-size: 0.43rem; font-weight: 600; padding: 0px 0.45rem 0.55rem; }
.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-detail-content { margin: 0px 0.22rem; background: rgb(255, 255, 255); padding: 0px 0.45rem 1.3rem; overflow: auto; }
.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-detail-content table { overflow: auto; display: block; table-layout: fixed; white-space: nowrap; border: none; width: auto !important; }
.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-detail-content table tr:first-child > td { background: rgb(255, 138, 0) !important; color: rgb(255, 255, 255) !important; border: 0.02rem solid rgb(219, 224, 228) !important; }
.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-detail-content table tr:first-child > td span { color: rgb(255, 255, 255) !important; }
.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-detail-content table tr td { background: rgb(247, 247, 247); padding: 0.05rem 0.1rem; border: 0.02rem solid rgb(219, 224, 228) !important; }
.promotion-apply-popup-modal-container { background: rgb(255, 255, 255); }
.promotion-apply-popup-modal-container .promotion-apply-popup-modal-header { padding: 0.5rem 0.6rem 0.3rem; color: rgb(15, 22, 31); }
.promotion-apply-popup-modal-container .promotion-apply-popup-modal-header .standard-modal-title { font-size: 0.22rem; }
.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body { padding: 0px 0.6rem; }
.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field { display: flex; align-items: center; justify-content: space-between; }
.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field:not(:last-child) { margin: 0px 0px 0.28rem; }
.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field > :first-child { width: 30%; }
.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field > :last-child { width: 70%; }
.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .phone-field-wrapper { justify-content: space-between; }
.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .phone-field-wrapper > :first-child { width: 30%; }
.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .phone-field-wrapper > :last-child { width: 68%; }
.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .phone-field-wrapper .standard-select .standard-select-international-telcode { right: 0px; }
.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .standard-input, .promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .standard-select { border: 0.01rem solid rgb(219, 224, 228); }
.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .standard-input .select-arrow-up, .promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .standard-select .select-arrow-up { transform: translate(0%, 50%) rotate(225deg); }
.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .standard-select-dropdown .standard-select-options img { flex-shrink: 0; }
.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-label { display: inline-block; color: rgb(134, 151, 162); }
.promotion-apply-popup-modal-container .promotion-apply-popup-modal-footer { border-radius: 0px 0px 0.1rem 0.1rem; border: unset; padding: 0.2rem 0.6rem 0.66rem; width: 100%; margin: 0px 0px 0px auto; }
.promotion-apply-popup-modal-container .promotion-apply-popup-modal-footer .standard-button-container { justify-content: center; }
.promotion-apply-popup-modal-container .promotion-apply-popup-modal-footer .standard-cancel-button { border-radius: 0.08rem; background: rgb(129, 202, 252); }
.m-promotion-apply-popup-modal-container { background: rgb(255, 255, 255); }
.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-header { padding: 0.5rem 0.6rem 0.3rem; color: rgb(15, 22, 31); }
.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-header .title { font-weight: 600; font-size: 0.36rem; border-radius: unset; padding: 0px; }
.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-body { font-weight: 600; font-size: 0.3rem; padding: 0px 0.5rem; }
.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field { display: flex; align-items: center; justify-content: space-between; margin: 0px 0px 0.4rem; }
.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .phone-field-wrapper { justify-content: space-between; }
.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .phone-field-wrapper > :first-child { width: 30%; }
.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .phone-field-wrapper > :last-child { width: 68%; }
.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .phone-field-wrapper .standard-select .standard-select-international-telcode { right: 0px; }
.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .standard-input, .m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .standard-select { border: 0.01rem solid rgb(219, 224, 228); }
.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .standard-input .select-arrow-up, .m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .standard-select .select-arrow-up { transform: translate(0%, 50%) rotate(225deg); }
.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-label { display: inline-block; color: rgb(15, 22, 31); }
.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-footer { padding: 0.5rem; }
.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-footer .standard-button-container button { border-radius: 0.1rem; font-size: 0.3rem; height: 0.75rem; width: 49%; }
.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-footer .standard-button-container .standard-submit-button { margin: 0px; }
.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-footer .standard-button-container .standard-cancel-button { background: rgb(129, 202, 252); }
.download-page-qrcode-modal-container { width: 360px; min-width: 360px; max-width: 360px; }
.download-page-qrcode-modal-container .download-page-qrcode-modal-body { padding: 0.1rem; }
@media (max-width: 768px) { .download-page-qrcode-modal-container { width: 90%; min-width: 90%; max-width: 90%; } .download-page-qrcode-modal-container .download-page-qrcode-modal-body { padding: 0.5rem; }
}
.add-bank-modal-container { background: rgb(255, 255, 255); width: 4.42rem; min-width: 4.42rem; max-width: 4.42rem; padding: 0.38rem 0.42rem; }
.add-bank-modal-container .add-bank-modal-header { color: rgb(15, 22, 31); height: auto; margin: 0px 0px 0.25rem; padding: 0px; }
.add-bank-modal-container .add-bank-modal-header .close-icon { right: -0.55rem; top: -0.55rem; }
.add-bank-modal-container .add-bank-modal-body { font-weight: unset; padding: 0px; }
.add-bank-modal-container .add-bank-modal-body .standard-form-field .standard-label, .add-bank-modal-container .add-bank-modal-body .standard-form-field .standard-select, .add-bank-modal-container .add-bank-modal-body .standard-form-field .standard-input { color: rgb(134, 151, 162); }
.add-bank-modal-container .add-bank-modal-body .transaction-button-section { display: flex; justify-content: space-between; }
.add-bank-modal-container .add-bank-modal-body .transaction-button-section .standard-button-container button { width: 49%; min-width: unset; }
.add-bank-modal-container .add-bank-modal-body .transaction-button-section .standard-button-container .standard-submit-form-button { border-radius: 0.1rem; background: rgb(129, 202, 252); display: flex; justify-content: center; align-items: center; height: 0.4rem; font-size: 0.16rem; font-weight: 600; }
.add-bank-modal-container .add-bank-modal-body .bank-statement-section { margin: 0px 0px 0.1rem; }
.add-bank-modal-container .add-bank-modal-body .bank-statement-section .receipt-image-box { margin: 0px 0px 0.15rem; }
.add-bank-modal-container .add-bank-modal-body .bank-statement-section .receipt-image-box img { width: 100%; }
.add-bank-modal-container .add-bank-modal-body .bank-statement-section .receipt-image-box .pdf-clear { margin-left: 0.1rem; width: 0.12rem; }
.add-bank-modal-container .add-bank-modal-body .bank-statement-section .bank-statement-section-wrapper { width: 100%; }
.add-bank-modal-container .add-bank-modal-body .bank-statement-section .bank-statement-section-wrapper button { border-radius: 0.1rem; background: rgb(129, 202, 252); display: flex; justify-content: center; align-items: center; height: 0.4rem; font-size: 0.16rem; font-weight: 600; width: 100%; margin: 0px 0px 0.1rem; }
.add-bank-modal-container .add-bank-modal-body .bank-statement-section .bank-statement-section-wrapper .btm-tool-tip-container { align-items: center; display: flex; width: 100%; margin: 0px 0px 0.2rem; }
.add-bank-modal-container .add-bank-modal-body .bank-statement-section .bank-statement-section-wrapper .btm-tool-tip-container svg { fill: rgb(199, 210, 215); height: 0.15rem; margin: 0px 0.1rem 0px 0px; width: 0.2rem; }
.add-bank-modal-container .add-bank-modal-body .bank-statement-section .bank-statement-section-wrapper .btm-tool-tip-container span { color: rgb(134, 151, 162); font-size: 0.12rem; }
@media (max-width: 768px) { .add-bank-modal-container { background: rgb(255, 255, 255); width: 6.75rem; min-width: 6.75rem; max-width: 6.75rem; } .add-bank-modal-container .add-bank-modal-header { padding: 0.6rem 0.5rem 0.2rem; } .add-bank-modal-container .add-bank-modal-header .standard-modal-title { border-radius: 0px; margin: 0px; padding: 0px; } .add-bank-modal-container .add-bank-modal-body .standard-form-field { margin: 0px 0px 0.4rem; } .add-bank-modal-container .add-bank-modal-body .standard-form-field .standard-input, .add-bank-modal-container .add-bank-modal-body .standard-form-field .standard-select { border: 0.01rem solid rgb(219, 224, 228); color: rgb(136, 153, 164); } .add-bank-modal-container .add-bank-modal-body .transaction-button-section .standard-button-container { justify-content: space-between; } .add-bank-modal-container .add-bank-modal-body .transaction-button-section .standard-button-container button { border-radius: 0.1rem; font-size: 0.3rem; height: 0.75rem; width: 49%; } .add-bank-modal-container .add-bank-modal-body .transaction-button-section .standard-button-container .standard-submit-button { margin: 0px; } .add-bank-modal-container .add-bank-modal-body .transaction-button-section .standard-button-container .standard-submit-form-button { font-size: 0.3rem; height: 0.75rem; }
}
.delete-bank-popup-modal-container { min-width: 6rem; min-height: unset; }
.delete-bank-popup-modal-container .delete-bank-popup-modal-header { display: flex; justify-content: center; align-items: center; padding: 0.66rem 0.25rem 0.15rem; }
.delete-bank-popup-modal-container .delete-bank-popup-modal-header .standard-modal-title { font-size: 0.2rem; color: rgb(15, 22, 31); }
.delete-bank-popup-modal-container .delete-bank-popup-modal-header svg { width: 0.1rem; cursor: pointer; }
.delete-bank-popup-modal-container .delete-bank-popup-modal-body { font-size: 0.2rem; text-align: center; color: rgb(136, 153, 164); padding: 0.15rem; }
.delete-bank-popup-modal-container .delete-bank-popup-modal-footer { border: 0px; background: rgba(0, 0, 0, 0); padding: 0.15rem 0.25rem 0.5rem; }
.delete-bank-popup-modal-container .delete-bank-popup-modal-footer .standard-button-container { display: flex; justify-content: center; align-items: center; }
.delete-bank-popup-modal-container .delete-bank-popup-modal-footer .submit-button { background: rgb(255, 138, 0); font-size: 0.16rem; color: rgb(255, 255, 255); padding: 0.1rem; min-width: 1.5rem; border-radius: 0.1rem; }
.delete-bank-popup-modal-container .delete-bank-popup-modal-footer .cancel-button { background: rgb(129, 202, 252); font-size: 0.16rem; color: rgb(255, 255, 255); padding: 0.1rem; min-width: 1.5rem; border-radius: 0.1rem; }
@media (max-width: 768px) { .delete-bank-popup-modal-container .delete-bank-popup-modal-header .standard-modal-title { font-size: 0.33rem; height: unset; margin: 0px; padding: 0px; } .delete-bank-popup-modal-container .delete-bank-popup-modal-body { font-size: 0.3rem; padding: 0.15rem 0.25rem 0.3rem; } .delete-bank-popup-modal-container .delete-bank-popup-modal-footer .standard-button-container button { height: 0.75rem; font-size: 0.3rem; width: 49%; } .delete-bank-popup-modal-container .delete-bank-popup-modal-footer .standard-button-container .submit-button { margin: 0px 0.2rem 0px 0px; }
}
.message-detail-popup-modal-container .message-detail-popup-header { border-bottom: 0.01rem solid rgb(229, 229, 229); }
.message-detail-popup-modal-container .message-detail-popup-body .message-content { overflow: auto; padding: 0.05rem 0px; word-break: break-word; }
.message-detail-popup-modal-container .message-detail-popup-body .message-content table { width: 100%; }
.message-detail-popup-modal-container .message-detail-popup-body .message-content table tr td { border: 0.01rem solid rgb(0, 0, 0); padding: 0.05rem 0px; }
.message-detail-popup-modal-container .message-detail-popup-body .message-content table tr td p { margin: 0px; }
@media (max-width: 768px) { .message-detail-popup-modal-container .message-detail-popup-body { font-size: 0.28rem; }
}
.delete-message-popup-modal-container { width: 360px; min-width: 360px; }
.delete-message-popup-modal-container .delete-message-popup-modal-footer { justify-content: center; }
@media (max-width: 768px) { .delete-message-popup-modal-container { width: 85%; min-width: 85%; } .delete-message-popup-modal-container .delete-message-popup-modal-header .delete-message-title { font-size: 0.3rem; } .delete-message-popup-modal-container .delete-message-popup-modal-footer { font-size: 0.28rem; } .delete-message-popup-modal-container .delete-message-popup-modal-footer .delete-message-popup-delete { padding: 0.25rem 0px 0.3rem; min-width: 3rem; font-size: 0.3rem; }
}
.promotion-special-code-popup-modal-container { width: 3.6rem; min-width: 3.6rem; max-width: 3.6rem; }
.promotion-special-code-popup-modal-container .promotion-special-code-popup-body .promotion-special-code-table .promotion-special-code-row { display: flex; margin-bottom: 0.06rem; opacity: 0.75; align-items: center; }
.promotion-special-code-popup-modal-container .promotion-special-code-popup-body .promotion-special-code-table .promotion-special-code-column { width: 50%; }
.promotion-special-code-popup-modal-container .promotion-special-code-popup-body .promotion-special-code-table .promotion-special-code_dott { margin-right: 0.06rem; }
@media (max-width: 768px) { .promotion-special-code-popup-modal-container { width: 90%; min-width: 90%; max-width: 90%; } .promotion-special-code-popup-modal-container .promotion-special-code-popup-body .promotion-special-code-table .promotion-special-code-row { height: 0.9rem; }
}
.verification-popup-modal-container { background: rgb(255, 255, 255); }
.verification-popup-modal-container .verification-popup-modal-header { padding: 0.15rem 0.1rem; }
.verification-popup-modal-container .verification-popup-modal-header .standard-modal-close { color: rgb(126, 124, 124); cursor: pointer; margin: auto; width: 5%; }
.verification-popup-modal-container .birthdate-verification-remark-text { color: rgb(126, 124, 124); }
.verification-popup-modal-container .verification-popup-modal-body { align-items: center; background: rgb(255, 255, 255); border-radius: 0.1rem; color: rgb(15, 22, 31); display: flex; flex-direction: column; justify-content: center; }
.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-title { font-weight: 600; font-size: 0.22rem; }
.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content { margin: 0.2rem 0px 0px; text-align: center; width: 100%; }
.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content p { margin: 0px; }
.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .text-danger { font-size: 0.15rem; width: 58%; margin: 0.1rem auto 0px; text-align: left; }
.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-popup-modal-content-text { color: rgb(0, 0, 0); width: 100%; }
.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field { align-items: center; display: flex; justify-content: space-between; margin: 0.5rem auto 0px; width: 58%; }
.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .verification-input { background: rgb(255, 255, 255); border: 0.01rem solid rgb(247, 247, 247); border-radius: 0.08rem; color: rgb(15, 22, 31); font-size: 0.14rem; width: 100%; padding: 0.05rem 0.05rem 0.05rem 0.1rem; }
.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .verification-input::placeholder { color: rgb(134, 151, 162); }
.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .verification-input.verification-telcode-field { width: 28%; }
.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .verification-input.verification-telnum-field { width: 70%; }
.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .verification-input.otp-input { width: 58%; }
.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .standard-button-container { justify-content: center; padding: 0.15rem 0px; }
.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .standard-button-container .standard-submit-form-button { background: rgb(0, 113, 227); border-radius: 0.1rem; padding: 0.1rem 0.15rem; white-space: nowrap; font-size: 0.16rem; }
.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .validate-opt-button:disabled { opacity: 0.5; }
.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .resend-new-email:disabled { opacity: 0.5; }
.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field.verification-form-field-resent { margin: 0px auto; }
.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field.verification-form-field-otp { margin: 0.35rem auto 0px; }
.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .resend-otp-button { margin: 0.2rem auto; }
.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content.birthdate-verification-content { display: flex; width: 50%; margin: 0.3rem auto; align-items: center; justify-content: center; }
.verification-popup-modal-container .verification-popup-modal-body .close-button { margin: 0.3rem auto 0px; }
.verification-popup-modal-container .verification-popup-modal-body .close-button:disabled { opacity: 0.5; }
.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-footer { padding: 0.3rem 0px; flex-direction: column; }
.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-footer .otp-helper-container .otp-helper { justify-content: center; }
.verification-popup-modal-container .verification-popup-modal-footer { border: 0px; padding: 0.15rem 0.4rem; width: 100%; }
.verification-popup-modal-container .verification-popup-modal-footer .standard-button-container { justify-content: center; }
.verification-popup-modal-container .verification-popup-modal-footer .standard-button-container .standard-submit-button { border-radius: 0.08rem; width: 58%; }
.verification-popup-modal-container .verification-button { align-items: center; background: rgb(0, 113, 227); border: rgba(0, 0, 0, 0); border-radius: 0.1rem; color: rgb(255, 255, 255); display: flex; font-size: 0.16rem; justify-content: center; padding: 0.1rem 0.15rem; width: 40%; white-space: nowrap; }
.verification-popup-modal-container .verification-button:disabled { opacity: 0.5; }
.verification-popup-modal-container .code-notes { font-size: 0.14rem; margin: 0.15rem 0px; }
.phone-verification-popup-container, .email-verification-popup-container { width: 4.9rem; min-width: 4.9rem; max-width: 4.9rem; min-height: unset; background: rgb(255, 255, 255); }
@media (max-width: 768px) { .phone-verification-popup-container, .email-verification-popup-container { max-width: 6.75rem; min-width: 6.75rem; }
}
.phone-verification-popup-container .verification-popup-modal-header, .email-verification-popup-container .verification-popup-modal-header { padding: 0.36rem 0.6rem 0.2rem; }
@media (max-width: 768px) { .phone-verification-popup-container .verification-popup-modal-header, .email-verification-popup-container .verification-popup-modal-header { padding: 0.36rem 0.6rem 0.3rem; }
}
.phone-verification-popup-container .verification-popup-modal-header .standard-modal-title, .email-verification-popup-container .verification-popup-modal-header .standard-modal-title { font-size: 0.22rem; color: rgb(0, 0, 0); padding: unset; text-transform: capitalize; }
@media (max-width: 768px) { .phone-verification-popup-container .verification-popup-modal-header .standard-modal-title, .email-verification-popup-container .verification-popup-modal-header .standard-modal-title { font-size: 0.3rem; }
}
.phone-verification-popup-container .verification-popup-modal-body, .email-verification-popup-container .verification-popup-modal-body { font-size: 0.14rem; padding: 0px 0.6rem 0.35rem; align-items: unset; }
@media (max-width: 768px) { .phone-verification-popup-container .verification-popup-modal-body, .email-verification-popup-container .verification-popup-modal-body { padding: 0px 0.6rem 0.35rem; font-size: 0.23rem; }
}
.phone-verification-popup-container .verification-popup-modal-body .standard-label, .email-verification-popup-container .verification-popup-modal-body .standard-label { color: rgb(134, 151, 162); display: block; }
@media (max-width: 768px) { .phone-verification-popup-container .verification-popup-modal-body .standard-label, .email-verification-popup-container .verification-popup-modal-body .standard-label { margin: 0px 0px 0.06rem; }
}
.phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content, .email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content { text-align: unset; }
.phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .code-notes, .email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .code-notes { margin-bottom: 0.1rem; display: flex; flex-flow: column; }
@media (max-width: 768px) { .phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .code-notes, .email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .code-notes { margin-bottom: 0.2rem; }
}
.phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .desc, .email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .desc { margin: 0px 0px 0.2rem; }
.phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container, .email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container { padding-bottom: 0.3rem; }
@media (max-width: 768px) { .phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container, .email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container { padding-bottom: 0.9rem; }
}
.phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container .verification-form-field, .email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container .verification-form-field { width: 100%; margin: 0px 0px 0.14rem; }
@media (max-width: 768px) { .phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container .verification-form-field, .email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container .verification-form-field { margin: 0px 0px 0.6rem; }
}
.phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container .verification-form-field .standard-form-field-wrapper, .email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container .verification-form-field .standard-form-field-wrapper { justify-content: space-between; }
.phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container .verification-form-field .standard-form-field-wrapper .verification-telcode-field, .email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container .verification-form-field .standard-form-field-wrapper .verification-telcode-field { width: 28%; }
.phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container .verification-form-field .standard-form-field-wrapper .verification-telnum-field, .email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container .verification-form-field .standard-form-field-wrapper .verification-telnum-field { width: 70%; }
.phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container .contact-type-field .standard-form-field-wrapper .standard-select .disabled, .email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container .contact-type-field .standard-form-field-wrapper .standard-select .disabled { background: rgb(238, 238, 238); color: gray; opacity: 1; -webkit-text-fill-color: unset; cursor: not-allowed; }
@media (max-width: 768px) { .phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container .contact-type-field .standard-select-dropdown, .email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container .contact-type-field .standard-select-dropdown { padding: 0.5rem 0px 0px; }
}
.phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-button-container .next-button, .email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-button-container .next-button { width: 100%; }
.phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-button-container .standard-otp-button, .email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-button-container .standard-otp-button { width: 100%; margin-bottom: 0.1rem; display: block; }
@media (max-width: 768px) { .phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-button-container .standard-otp-button, .email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-button-container .standard-otp-button { margin-bottom: 0.2rem; }
}
.email-verification-popup-modal-container { max-width: 4.9rem; min-width: 4.9rem; min-height: auto; }
@media (max-width: 768px) { .email-verification-popup-modal-container { max-width: 100%; min-height: 100%; }
}
.email-verification-popup-modal-container .verification-popup-modal-body { align-items: start; font-weight: 400; color: rgb(134, 151, 162); }
.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-title { font-weight: 400; color: rgb(0, 0, 0); }
.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content { text-align: left; }
.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-content:nth-of-type(2) { padding: 0.2rem 0px; }
.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .email-verification-form-field { display: grid; justify-content: initial; margin: 0px; width: 100%; grid-template-columns: 65% 35%; padding: 0.2rem 0px; }
.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .email-verification-form-field span { color: rgb(0, 0, 0); }
.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .email-verification-form-field .verification-input { padding: 0.15rem 0px; grid-row: 2 / span 1; }
.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .email-verification-form-field:nth-child(2) { padding: 0.2rem 0px 0px; }
.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .email-verification-form-field .otp-verification-input { margin: 0.15rem 0px; grid-column: 1 / span 2; width: 100%; }
.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .email-verification-form-field .standard-error-validation { grid-column: 1 / span 2; }
.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .email-verification-form-field .email-verification-input, .email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .email-verification-form-field .email-verification-button { grid-row: 2 / span 1; }
.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .email-verification-form-field .email-verification-input .standard-submit-button, .email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .email-verification-form-field .email-verification-button .standard-submit-button { width: 1.37rem; min-width: 1.37rem; background: rgb(243, 245, 246); color: rgb(0, 0, 0); }
@media (max-width: 768px) { .email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .email-verification-form-field .email-verification-input .standard-submit-button, .email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .email-verification-form-field .email-verification-button .standard-submit-button { width: 90%; min-width: 90%; }
}
.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .tool-tip-container { display: grid; grid-template-columns: 5% 95%; }
.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .tool-tip-container svg { fill: rgb(199, 210, 215); height: 0.15rem; margin: 0.03rem 0px 0px; width: 0.2rem; }
@media (max-width: 768px) { .email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .tool-tip-container svg { width: 0.25rem; height: 0.25rem; margin: 0px; }
}
.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .tool-tip-container span { color: rgb(0, 0, 0); }
.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .tool-tip-container span:nth-of-type(2) { grid-area: 2 / 2 / span 1 / span 1; }
.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .tool-tip-container .customer-service-button { color: rgb(0, 94, 215); text-decoration: underline; cursor: pointer; }
.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .transaction-button-section .standard-button-container { justify-content: center; padding: 0.2rem 0px; }
.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .transaction-button-section .standard-button-container .standard-submit-button { width: 100%; }
@media (max-width: 768px) { .email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .transaction-button-section .standard-button-container .standard-submit-btn { margin: 0px; background: rgb(129, 202, 252); }
}
.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .transaction-button-section .standard-button-container .standard-submit-form-button { width: 100%; height: 0.4rem; background: rgb(129, 202, 252); border-radius: 0.08rem; font-size: 0.16rem; }
.maintenance-popup-modal-container { width: 700px; min-width: 700px; max-width: 700px; }
.maintenance-popup-modal-container .maintenance-popup-modal-body { text-align: center; font-size: 0.16rem; }
@media (max-width: 768px) { .maintenance-popup-modal-container { width: 90%; min-width: 90%; max-width: 90%; } .maintenance-popup-modal-container .maintenance-popup-modal-body { font-size: 0.26rem; }
}
.quick-transfer-modal-container .standard-popup-modal-header { padding: 0px; }
.quick-transfer-modal-container .qt-content { background: rgb(255, 255, 255); padding: 0.55rem 0.7rem; border-radius: 0.1rem; }
.quick-transfer-modal-container .qt-content p { margin: 0px; }
.quick-transfer-modal-container .qt-content .transfer-to-container { display: flex; align-items: flex-start; }
.quick-transfer-modal-container .qt-content .transfer-to-container .to-naming { display: flex; align-items: flex-end; margin: 0.09rem 0px 0px; }
.quick-transfer-modal-container .qt-content .transfer-to-container .to-naming .transfer-to-title { color: rgb(15, 22, 31); font-size: 0.24rem; line-height: 0.24rem; font-weight: 600; }
.quick-transfer-modal-container .qt-content .transfer-to-container .to-naming .to-arrow { width: 0.35rem; height: 0.25rem; margin: 0.05rem 0px 0px 0.3rem; }
.quick-transfer-modal-container .qt-content .transfer-to-container .to-provider-container { display: flex; align-items: center; margin: 0px 0px 0px 0.35rem; }
.quick-transfer-modal-container .qt-content .transfer-to-container .to-provider-container svg { background: rgb(15, 22, 31); border-radius: 0.1rem; width: 0.65rem; height: 0.65rem; padding: 0.05rem; }
.quick-transfer-modal-container .qt-content .transfer-to-container .to-provider-container .provider-img { object-fit: contain; width: 0.65rem; height: 0.65rem; padding: 0.05rem; background: rgb(0, 0, 0); border-radius: 0.1rem; }
.quick-transfer-modal-container .qt-content .transfer-to-container .to-provider-container .provider-content { margin: 0px 0px 0px 0.18rem; }
.quick-transfer-modal-container .qt-content .transfer-to-container .to-provider-container .provider-content .name { color: rgb(15, 22, 31); font-size: 0.24rem; }
.quick-transfer-modal-container .qt-content .transfer-to-container .to-provider-container .provider-content .balance { margin: 0.1rem 0px 0px; color: rgb(0, 113, 227); font-size: 0.24rem; }
.quick-transfer-modal-container .qt-content .qt-form { margin: 0.55rem 0px 0px; }
.quick-transfer-modal-container .qt-content .qt-form .standard-label { color: rgb(136, 153, 164); margin: 0px 0px 0.15rem; }
.quick-transfer-modal-container .qt-content .qt-form .standard-form-field { margin: 0px; }
.quick-transfer-modal-container .qt-content .qt-form .standard-select { font-size: 0.16rem; }
.quick-transfer-modal-container .qt-content .qt-form .standard-form-field-wrapper { display: flex; align-items: center; justify-content: space-between; }
.quick-transfer-modal-container .qt-content .qt-form .standard-form-field-wrapper .standard-input { width: 65%; font-size: 0.16rem; }
.quick-transfer-modal-container .qt-content .qt-form .standard-form-field-wrapper .allin-btn { display: flex; align-items: center; justify-content: center; width: 1.75rem; height: 0.38rem; margin: 0px 0px 0px 0.15rem; background: rgb(0, 113, 227); border-radius: 0.1rem; font-size: 0.16rem; color: rgb(255, 255, 255); text-transform: capitalize; }
.quick-transfer-modal-container .qt-content .qt-form .range-bar { appearance: none; margin: 0.17rem 0px 0.46rem; padding: 0px; height: 0.16rem; background: linear-gradient(rgb(0, 113, 227), rgb(0, 113, 227)) no-repeat rgb(219, 219, 219); border-radius: 0.1rem; }
.quick-transfer-modal-container .qt-content .qt-form .range-bar::-webkit-slider-thumb { appearance: none; border: none; width: 0.3rem; height: 0.16rem; border-radius: 0.1rem; background: rgb(0, 113, 227); cursor: ew-resize; }
.quick-transfer-modal-container .qt-content .transaction-button-section { margin: 0.46rem 0px 0px; justify-content: space-between; }
.quick-transfer-modal-container .qt-content .transaction-button-section button { width: 2.7rem; height: 0.38rem; border-radius: 0.1rem; font-size: 0.16rem; }
.quick-transfer-modal-container .qt-content .transaction-button-section button.standard-submit-form-button { background: rgb(255, 138, 0); }
.quick-transfer-modal-container .qt-content .transaction-button-section button.standard-cancel-form-button { background: rgb(129, 203, 252); }
.quick-transfer-modal-container .qt-content .qt-redirect-btn { display: block; align-items: center; justify-content: center; margin: 0.55rem 0px 0px; color: rgb(136, 153, 164); }
.quick-transfer-modal-container .qt-content .qt-redirect-btn span { margin: 0px 0px 0px 0.05rem; color: rgb(0, 113, 227); text-decoration-line: underline; }
@media (max-width: 768px) { .quick-transfer-modal-container { font-size: 0.3rem; } .quick-transfer-modal-container .qt-content { padding: 0.64rem 0.44rem 0.6rem; } .quick-transfer-modal-container .qt-content .transfer-to-container .to-naming .transfer-to-title { font-size: 0.3rem; } .quick-transfer-modal-container .qt-content .transfer-to-container .to-provider-container .provider-content .name { font-size: 0.3rem; } .quick-transfer-modal-container .qt-content .transfer-to-container .to-provider-container .provider-content .balance { font-size: 0.3rem; margin: 0px; } .quick-transfer-modal-container .qt-content .qt-form { margin: 0.3rem 0px 0px; } .quick-transfer-modal-container .qt-content .qt-form .standard-select { border: 0.01rem solid rgb(219, 224, 228); color: rgb(136, 153, 164); font-size: 0.3rem; } .quick-transfer-modal-container .qt-content .qt-form .standard-label { color: rgb(15, 22, 31); font-weight: 600; font-size: 0.3rem; margin: 0px 0px 0.26rem; } .quick-transfer-modal-container .qt-content .qt-form .standard-label span { color: rgb(136, 153, 164); } .quick-transfer-modal-container .qt-content .qt-form .standard-form-field-wrapper { flex-wrap: unset; } .quick-transfer-modal-container .qt-content .qt-form .standard-form-field-wrapper .standard-input { border: 0.01rem solid rgb(219, 224, 228); color: rgb(136, 153, 164); font-size: 0.3rem; height: 0.68rem; width: 68%; } .quick-transfer-modal-container .qt-content .qt-form .standard-form-field-wrapper .allin-btn { font-size: 0.3rem; height: 0.68rem; width: 30%; } .quick-transfer-modal-container .qt-content .qt-form .range-bar { appearance: none; background: linear-gradient(rgb(0, 113, 227), rgb(0, 113, 227)) no-repeat rgb(232, 232, 232); height: 0.18rem; margin: 0.2rem 0px 0.4rem; } .quick-transfer-modal-container .qt-content .qt-form .range-bar::-webkit-slider-thumb { height: 0.18rem; } .quick-transfer-modal-container .qt-content .transaction-button-section button { font-size: 0.3rem; height: 0.66rem; width: 49%; } .quick-transfer-modal-container .qt-content .transaction-button-section button.standard-cancel-form-button { background: rgb(129, 203, 252); } .quick-transfer-modal-container .qt-content .qt-redirect-btn { font-size: 0.26rem; margin: 0.4rem 0px 0px; }
}
.login-alert-popup-modal-container { background: rgb(255, 255, 255); max-width: 4.5rem; min-width: 4.5rem; min-height: 1.5rem; }
.login-alert-popup-modal-container .login-alert-popup-modal-header { background: rgb(255, 255, 255); border-radius: 0.1rem 0.1rem 0px 0px; color: rgb(15, 22, 31); display: flex; justify-content: center; padding: 0.3rem 0.3rem 0.1rem; }
.login-alert-popup-modal-container .login-alert-popup-modal-header .standard-modal-title { font-size: 0.24rem; }
.login-alert-popup-modal-container .login-alert-popup-modal-footer { border: 0px; border-radius: 0px 0px 0.1rem 0.1rem; }
.login-alert-popup-modal-container .login-alert-popup-modal-footer .transaction-button-section .standard-button-container button { background: rgb(255, 138, 0); color: rgb(255, 255, 255); border-radius: 0.1rem; font-size: 0.16rem; padding: 0.15rem 0.35rem; }
@media (max-width: 768px) { .login-alert-popup-modal-container { max-width: 6.75rem; } .login-alert-popup-modal-container .login-alert-popup-modal-header { padding: 0.66rem 0.3rem 0.1rem; } .login-alert-popup-modal-container .login-alert-popup-modal-header .standard-modal-title { font-size: 0.36rem; } .login-alert-popup-modal-container .login-alert-popup-modal-footer .transaction-button-section .standard-button-container button { font-size: 0.3rem; padding: 0.25rem 0.5rem; }
}
.referral-share-modal-container { width: 380px; }
.referral-share-modal-container .referral-share-modal-header { padding: 0.15rem 0.2rem; text-align: left; display: flex; align-items: center; justify-content: space-between; }
.referral-share-modal-container .referral-share-modal-body .referral-modal-social-media-container { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0.15rem; }
.referral-share-modal-container .referral-share-modal-body .referral-modal-social-media-container .referral-button-container { padding: 0.15rem; }
.referral-share-modal-container .referral-share-modal-body .referral-modal-social-media-container .referral-button-container button { width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.referral-share-modal-container .referral-share-modal-body .referral-modal-social-media-container .referral-button-container button .share-icon { margin-top: 0.1rem; margin-bottom: 0.1rem; font-size: 0.16rem; }
.referral-share-modal-container .referral-share-modal-body .referral-modal-social-media-container .referral-button-container:hover { background: rgb(246, 246, 246); }
@media (max-width: 768px) { .referral-share-modal-container { width: 90%; min-width: 90%; max-width: 90%; } .referral-share-modal-container .referral-share-modal-header { padding: 0.3rem; } .referral-share-modal-container .referral-share-modal-body { padding: 0.3rem; } .referral-share-modal-container .referral-share-modal-body .referral-modal-social-media-container .referral-button-container button svg { width: 0.8rem; height: 0.8rem; } .referral-share-modal-container .referral-share-modal-body .referral-modal-social-media-container .referral-button-container button .share-icon { font-size: 0.28rem; }
}
@media (max-width: 768px) { .referral-terms-modal-container { width: 90%; min-width: 90%; max-width: 90%; font-size: 0.28rem; } .referral-terms-modal-container .referral-terms-modal-footer .transaction-button-section { width: 100%; } .referral-terms-modal-container .referral-terms-modal-footer .single-button-container .standard-button-container { justify-content: center; } .referral-terms-modal-container img { width: 0.4rem; }
}
@media (max-width: 768px) { .referral-search-modal-container { width: 90%; min-width: 90%; max-width: 90%; font-size: 0.28rem; overflow: visible; } .referral-search-modal-container .referral-search-modal-body .form-field .mandatory { color: rgb(0, 0, 0); } .referral-search-modal-container .referral-search-modal-body .form-field .react-datepicker-wrapper { border: 0.01rem solid rgb(0, 0, 0); } .referral-search-modal-container .referral-search-modal-body .form-field input { } .referral-search-modal-container .referral-search-modal-footer { justify-content: center; }
}
@media (max-width: 768px) { .referral-bonus-detail-modal-container { width: 90%; min-width: 90%; max-width: 90%; font-size: 0.28rem; } .referral-bonus-detail-modal-container .m-history-table .m-history-row { display: flex; margin-bottom: 0.06rem; opacity: 0.75; height: 0.9rem; align-items: center; } .referral-bonus-detail-modal-container .m-history-table .m-history-column { width: 50%; } .referral-bonus-detail-modal-container .m-history-table .m-history_dott { margin-right: 0.06rem; }
}
.game-popup-modal-container { width: 90%; background: rgb(255, 255, 255); }
.game-popup-modal-container .game-popup-modal-body { padding: 0px 0.25rem 0.25rem; }
.game-popup-modal-container .game-popup-modal-body .top-container { display: flex; align-items: center; justify-content: space-between; }
.game-popup-modal-container .game-popup-modal-body .top-container .game-image-container { display: flex; justify-content: center; align-items: center; width: 50%; }
.game-popup-modal-container .game-popup-modal-body .top-container .game-image-container .game-image { border-radius: 0.1rem; height: 2.2rem; }
.game-popup-modal-container .game-popup-modal-body .top-container .game-info-container { width: 46%; font-size: 0.3rem; }
.game-popup-modal-container .game-popup-modal-body .top-container .game-info-container .game-name { font-weight: 600; color: rgb(15, 22, 31); text-transform: capitalize; width: 90%; }
.game-popup-modal-container .game-popup-modal-body .top-container .game-info-container .provider-name { font-size: 0.22rem; color: rgb(136, 153, 164); margin: 0.1rem 0px 0px; }
.game-popup-modal-container .game-popup-modal-body .top-container .game-info-container .short-row { display: flex; justify-content: space-between; align-items: center; background: rgb(243, 245, 246); height: 0.6rem; border-radius: 0.1rem; padding: 0px 0.25rem; }
.game-popup-modal-container .game-popup-modal-body .top-container .game-info-container .short-row.rtp-row { margin: 0.26rem 0px 0px; }
.game-popup-modal-container .game-popup-modal-body .top-container .game-info-container .short-row.line-row { margin: 0.08rem 0px 0px; }
.game-popup-modal-container .game-popup-modal-body .top-container .game-info-container .short-row .title { color: rgb(136, 153, 164); font-size: 0.26rem; }
.game-popup-modal-container .game-popup-modal-body .top-container .game-info-container .short-row .value { color: rgb(15, 22, 31); }
.game-popup-modal-container .game-popup-modal-body .long-row { display: flex; justify-content: space-between; align-items: center; background: rgb(243, 245, 246); height: 0.6rem; padding: 0px 0.25rem; border-radius: 0.1rem; }
.game-popup-modal-container .game-popup-modal-body .long-row.volatility-row { margin: 0.15rem 0px 0px; }
.game-popup-modal-container .game-popup-modal-body .long-row.win-row { margin: 0.08rem 0px 0px; }
.game-popup-modal-container .game-popup-modal-body .long-row .title { color: rgb(136, 153, 164); font-size: 0.26rem; }
.game-popup-modal-container .game-popup-modal-body .long-row .value { color: rgb(15, 22, 31); text-transform: capitalize; font-size: 0.3rem; }
.game-popup-modal-container .game-popup-modal-body .standard-button-container { display: flex; justify-content: space-between; margin: 0.3rem 0px 0px; }
.game-popup-modal-container .game-popup-modal-body .standard-button-container button { display: flex; align-items: center; justify-content: center; color: rgb(255, 255, 255); border-radius: 0.2rem; text-transform: capitalize; font-size: 0.3rem; margin: auto; width: 100%; }
.game-popup-modal-container .game-popup-modal-body .standard-button-container .demo-btn { background: rgb(0, 136, 243); margin: 0px 0.18rem 0px 0px; }
.game-popup-modal-container .game-popup-modal-body .standard-button-container .play-btn { background: rgb(255, 138, 0); }
.game-popup-modal-container .game-popup-modal-footer { display: flex; flex-wrap: wrap; justify-content: flex-start; background: rgb(232, 232, 232); padding: 0.2rem 0.2rem 0.23rem; }
.game-popup-modal-container .game-popup-modal-footer .hashtag { display: flex; align-items: center; justify-content: center; background: rgb(255, 255, 255); color: rgb(15, 22, 31); height: 0.6rem; padding: 0px 0.4rem; border-radius: 0.5rem; margin: 0px 0.15rem 0.12rem 0px; font-size: 0.26rem; }
.chg-psw-popup-overlay { display: flex; align-items: center; }
.chg-psw-popup-modal-container { width: 4.78rem; min-width: 4.78rem; max-width: 4.78rem; min-height: unset; }
.chg-psw-popup-modal-container .error-message-wrapper { margin-top: 0.1rem; font-size: 0.12rem; color: rgb(232, 38, 44); }
@media (max-width: 768px) { .chg-psw-popup-modal-container .error-message-wrapper { margin-top: 0.196rem; font-size: 0.236rem; }
}
.chg-psw-popup-modal-container .error-message-wrapper .password-rules-msg-wrapper { display: flex; color: rgb(134, 151, 162); gap: 0.06rem; }
.chg-psw-popup-modal-container .error-message-wrapper .password-rules-msg-wrapper img { width: 0.12rem; height: 0.12rem; margin: 0.04rem 0.02rem 0.04rem 0rem; flex-shrink: 0; }
@media (max-width: 768px) { .chg-psw-popup-modal-container .error-message-wrapper .password-rules-msg-wrapper img { width: 0.236rem; height: 0.236rem; margin: 0.078rem 0.078rem 0.078rem 0rem; }
}
.chg-psw-popup-modal-container .error-message-wrapper .password-rules-msg-wrapper p { margin: 0.04rem 0px 0px; }
.chg-psw-popup-modal-container .error-message-wrapper .password-rules-msg-wrapper .error-message-text { margin-left: 0.02rem; flex: 1 1 0%; }
@media (max-width: 768px) { .chg-psw-popup-modal-container .error-message-wrapper .password-rules-msg-wrapper .error-message-text { margin-left: 0.078rem; }
}
.chg-psw-popup-modal-container .standard-password-eye { transform: translateY(-50%); top: 0.4rem; z-index: 1; }
@media (max-width: 768px) { .chg-psw-popup-modal-container .standard-password-eye { top: 0.7rem; }
}
.chg-psw-popup-modal-container .chg-psw-popup-footer { border-radius: 0px 0px 0.1rem 0.1rem; }
.chg-psw-popup-modal-container .chg-psw-popup-footer .chg-psw-popup-submit-button { color: rgb(0, 0, 0); padding: 0.1rem 0.2rem; border-radius: 0.1rem; }
.chg-psw-popup-modal-container .chg-psw-popup-footer .chg-psw-popup-submit-button:disabled { cursor: not-allowed; }
@media (max-width: 768px) { .chg-psw-popup-modal-container { width: 90%; max-width: 90%; min-width: 90%; } .chg-psw-popup-modal-container .chg-psw-popup-modal-header { padding: 0.66rem 0.5rem 0.24rem; } .chg-psw-popup-modal-container .chg-psw-popup-modal-header .chg-psw-popup-modal-title { padding: 0px 0.15rem; }
}
.reset-password-popup-container { width: 6rem; background: rgb(255, 255, 255); }
@media (max-width: 768px) { .reset-password-popup-container .turnstile-widget-reset-password { transform: scale(0.9); width: 2.7rem; }
}
.reset-password-popup-container .standard-popup-modal-header { background: rgba(0, 0, 0, 0); border-top-right-radius: 0.1rem; border-top-left-radius: 0.1rem; }
.reset-password-popup-container .standard-popup-modal-body { border-bottom-left-radius: 0.1rem; border-bottom-right-radius: 0.1rem; }
.reset-password-popup-container .standard-popup-modal-body .logo-container { display: flex; justify-content: center; align-items: center; text-align: center; margin-bottom: 0.15rem; }
@media (max-width: 768px) { .reset-password-popup-container .standard-popup-modal-body .logo-container { height: 0.971755rem; margin-bottom: 0.297796rem; }
}
.reset-password-popup-container .standard-popup-modal-body .logo-container .icon-logo img { height: 0.695589rem; margin: auto; }
.reset-password-popup-container .standard-popup-modal-body .heading { text-align: center; font-size: 0.3rem; margin-bottom: 0.15rem; color: rgb(15, 22, 31); }
@media (max-width: 768px) { .reset-password-popup-container .standard-popup-modal-body .heading { font-size: 0.313469rem; margin: 0px 0px 0.125388rem; }
}
.reset-password-popup-container .standard-popup-modal-body .contact-type-container { width: 50%; margin: 0px auto 0.15rem; }
@media (max-width: 768px) { .reset-password-popup-container .standard-popup-modal-body .contact-type-container { width: 100%; margin: 0px auto 0.438857rem; }
}
.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form { width: 50%; margin: 0px auto 0.2rem; }
@media (max-width: 768px) { .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form { margin: 0px 0px 0.2rem; width: 100%; }
}
.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .standard-form-field { margin: 0px 0px 0.2rem !important; }
@media (max-width: 768px) { .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .standard-form-field { margin: 0px 0px 0.4rem !important; }
}
@media (max-width: 768px) { .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .standard-form-field .standard-input { background: rgb(243, 245, 246); padding: 0px 0.3rem; }
}
.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form ::placeholder { color: rgb(134, 151, 162); opacity: 1; }
.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .phone-field .phone-field-wrapper { width: 100%; display: grid; grid-template-columns: 34% 64%; justify-content: space-between; }
@media (max-width: 768px) { .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .phone-field .phone-field-wrapper { grid-template-columns: 39.181% 59.4068%; }
}
.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .phone-field .phone-field-wrapper .standard-select span { margin: 0px; }
.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .phone-field .phone-field-wrapper .standard-select-dropdown .standard-select-options { display: flex; }
.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .phone-field .phone-field-wrapper .standard-select-dropdown .standard-select-options span { width: 10%; }
.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .phone-field .phone-field-wrapper .standard-select-dropdown .standard-select-options p { margin: 0px; }
.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .phone-field .phone-field-wrapper .standard-select-dropdown .standard-select-options:has(> span img[src*="MM.png"]), .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .phone-field .phone-field-wrapper .standard-select-dropdown .standard-select-options:has(> span img[src*="VN.png"]) { display: none; }
.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .phone-field .phone-field-wrapper .phone-input.is-overlay { z-index: 3; }
.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .phone-field, .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .email-field { margin-bottom: 0.14rem; }
@media (max-width: 768px) { .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .phone-field, .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .email-field { margin-bottom: 0.438857rem; }
}
@media (max-width: 768px) { .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .contact-type-field { margin-bottom: 0.438857rem; }
}
.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .contact-type-field .disabled { background: rgb(238, 238, 238); color: gray; opacity: 1; -webkit-text-fill-color: unset; cursor: not-allowed; }
.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .contact-type-field .standard-select-dropdown { left: 0px; }
@media (max-width: 768px) { .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .contact-type-field .standard-select-dropdown { border-radius: 0px 0px 0.1rem 0.1rem; padding: 0.35rem 0.15rem 0.1rem; top: 0.7rem; }
}
.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .otp-field { margin-bottom: 0.3rem; }
@media (max-width: 768px) { .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .otp-field { margin-bottom: 1.03445rem; }
}
.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .otp-field .standard-label { display: block; }
.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .otp-field .otp-field-wrapper { display: grid; grid-template-columns: 59.4366% 38.5915%; justify-content: space-between; }
.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .orline { width: 100%; text-align: center; margin-bottom: 0.14rem; }
@media (max-width: 768px) { .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .orline { font-size: 0.26rem; margin-bottom: 0.16rem; }
}
.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .reset-password-popup-button-section { margin-top: 0.24rem; }
@media (max-width: 768px) { .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .reset-password-popup-button-section { margin-top: 0.4423rem; }
}
.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .reset-password-popup-button-section .reset-button-container button { width: 100%; margin: auto; }
.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .contact-type-field .standard-input #dropdownBtn { width: 100%; }
.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .error-message-wrapper { margin: 0.05rem 0px 0.15rem; font-size: 0.12rem; color: rgb(232, 38, 44); }
@media (max-width: 768px) { .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .error-message-wrapper { margin: 0.05rem 0px 0.2rem; font-size: 0.236rem; }
}
.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .error-message-wrapper .password-rules-msg-wrapper { display: flex; color: rgb(134, 151, 162); gap: 0.06rem; align-items: center; }
.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .error-message-wrapper .password-rules-msg-wrapper img { width: 0.12rem; height: 0.12rem; margin: 0.04rem 0.02rem 0.04rem 0rem; flex-shrink: 0; }
@media (max-width: 768px) { .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .error-message-wrapper .password-rules-msg-wrapper img { width: 0.236rem; height: 0.236rem; margin: 0.078rem 0.078rem 0.078rem 0rem; }
}
.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .error-message-wrapper .password-rules-msg-wrapper p { margin: 0.04rem 0px 0px; }
.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .error-message-wrapper .password-rules-msg-wrapper .error-message-text { margin-left: 0.02rem; flex: 1 1 0%; }
@media (max-width: 768px) { .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .error-message-wrapper .password-rules-msg-wrapper .error-message-text { margin-left: 0.078rem; }
}
.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .standard-password-eye { transform: translateY(-50%); top: 0.4rem; z-index: 1; }
@media (max-width: 768px) { .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .standard-password-eye { top: 0.7rem; }
}
.reset-password-popup-container .standard-popup-modal-body .desc { text-align: center; font-size: 0.16rem; width: 80%; margin: 0px auto 0.15rem; color: rgb(134, 151, 162); }
@media (max-width: 768px) { .reset-password-popup-container .standard-popup-modal-body .desc { margin: 0px 0px 0.438857rem; font-size: 0.250776rem; width: 100%; }
}
.reset-password-popup-container .standard-popup-modal-body .desc-container { margin: 0.2rem 0px 0px; }
@media (max-width: 768px) { .reset-password-popup-container .standard-popup-modal-body .desc-container { margin: 0.4rem 0px 0px; }
}
.reset-password-popup-container .standard-popup-modal-body .desc-container .desc { text-align: center; font-size: 0.14rem; color: rgb(134, 151, 162); }
@media (max-width: 768px) { .reset-password-popup-container .standard-popup-modal-body .desc-container .desc { font-size: 0.26rem; }
}
.reset-password-popup-container .standard-popup-modal-body .desc-container .desc a { color: rgb(0, 102, 204); text-decoration: underline; }
.deposit-instruction-dialog-overlay { display: unset; }
.deposit-instruction-dialog-overlay .deposit-instruction-dialog-container { width: 600px; }
.deposit-instruction-dialog-overlay .deposit-instruction-dialog-container .deposit-instruction-body { padding: 0.4rem 1rem; }
.deposit-instruction-dialog-overlay .deposit-instruction-dialog-container .deposit-instruction-body img { width: 100%; height: 100%; }
@media (max-width: 768px) { .deposit-instruction-dialog-overlay .deposit-instruction-dialog-container { width: 90%; } .deposit-instruction-dialog-overlay .deposit-instruction-dialog-container .deposit-instruction-body { padding: 0px 1rem 0.8rem; }
}
.custom-mobile-nav { display: flex !important; grid-template-columns: unset !important; }
.custom-mobile-nav .nav-title { font-weight: 600; font-size: 0.42rem; color: rgb(15, 22, 31); }
.custom-mobile-nav svg { width: 0.4rem; height: 0.4rem; margin: 0px 0.2rem 0px 0px; }
.m-country-list-container { background: rgb(243, 245, 246); padding: 0.3rem 0.5rem; }
.m-country-list-container .search-container { margin: 0px 0px 0.5rem; }
.m-country-list-container .search-container .country-bank-wrapper { background: rgb(255, 255, 255); border-radius: 0.4rem; padding: 0.15rem 0.3rem; }
.m-country-list-container .search-container .country-bank-wrapper svg { width: 0.4rem; height: 0.4rem; margin: 0px 0.4rem 0px 0px; }
.m-country-list-container .search-container .country-bank-wrapper input { width: 80%; background: rgba(0, 0, 0, 0); padding: 0px; font-size: 0.28rem; }
.m-country-list-container .country-list-container { padding: 0px 0px 0px 0.1rem; }
.m-country-list-container .country-list-container .country-list { color: rgb(134, 151, 162); display: flex; align-items: center; margin: 0px 0px 0.3rem; }
.m-country-list-container .country-list-container .country-list .country-img { width: 0.8rem; margin: 0px 0.4rem 0px 0px; }
.m-country-list-container .country-list-container .country-list .country-name { font-size: 0.28rem; }
.m-country-list-container .country-list-container .country-list.default { color: rgb(15, 22, 31); }
.m-country-list-container .country-list-container .country-list.latest-default { border-width: 0.01rem; border-color: rgb(226, 226, 226); border-image: initial; border-style: none none solid; padding: 0px 0px 0.3rem; }
.google-auth-modal-container { width: 5.5rem; min-width: 5.5rem; max-width: 5.5rem; min-height: unset; background: rgb(255, 255, 255); }
@media (max-width: 768px) { .google-auth-modal-container { max-width: 6.75rem; min-width: 6.75rem; }
}
.google-auth-modal-container .google-auth-modal-header { padding: 0.36rem 0.5rem 0.2rem; }
.google-auth-modal-container .google-auth-modal-header .standard-modal-title { font-size: 0.18rem; color: rgb(0, 0, 0); padding: unset; }
@media (max-width: 768px) { .google-auth-modal-container .google-auth-modal-header .standard-modal-title { font-size: 0.3rem; }
}
.google-auth-modal-container .note-container { background: rgb(243, 245, 246); padding: 0.15rem 0.4rem; }
@media (max-width: 768px) { .google-auth-modal-container .note-container { padding: 0.15rem 0.65rem; }
}
.google-auth-modal-container .note-container .content { display: flex; color: rgb(134, 151, 162); }
.google-auth-modal-container .note-container .content .notice-icon { width: 0.2rem; height: 0.2rem; margin-right: 0.15rem; }
.google-auth-modal-container .note-container .content span { width: 85%; }
.google-auth-modal-container .google-auth-modal-body { padding: 0.2rem 0.5rem 0.35rem; }
@media (max-width: 768px) { .google-auth-modal-container .google-auth-modal-body { padding: 0.2rem 0.7rem 0.35rem; font-size: 0.23rem; }
}
.google-auth-modal-container .google-auth-modal-body .app-dl-container { display: flex; border-top: 0.01rem solid rgb(219, 224, 228); padding: 0.3rem 0px; width: 100%; }
.google-auth-modal-container .google-auth-modal-body .app-dl-container .app-icon { width: 1rem; margin-right: 0.2rem; }
@media (max-width: 768px) { .google-auth-modal-container .google-auth-modal-body .app-dl-container .app-icon { width: 1.5rem; }
}
.google-auth-modal-container .google-auth-modal-body .app-dl-container .dl-container .standard-button-container { justify-content: flex-start; }
.google-auth-modal-container .google-auth-modal-body .qr-container { display: flex; align-items: center; padding-bottom: 0.2rem; }
.google-auth-modal-container .google-auth-modal-body .qr-container .qr { width: 100%; height: 100%; }
.google-auth-modal-container .google-auth-modal-body .standard-form-container .standard-form-field { margin-bottom: 0.3rem; }
.google-auth-modal-container .google-auth-modal-body .standard-form-container .standard-form-field .standard-label { color: rgb(134, 151, 162); }
@media (max-width: 768px) { .google-auth-modal-container .google-auth-modal-body .standard-form-container .standard-form-field .standard-label { margin: 0px 0px 0.06rem; }
}
.google-auth-modal-container .google-auth-modal-body .standard-form-container .key-field svg { cursor: pointer; }
.google-auth-modal-container .google-auth-modal-body .standard-form-container .otp-field .standard-label { display: unset; }
.google-auth-modal-container .google-auth-modal-body .standard-form-container .otp-field .standard-label span { color: rgb(15, 22, 31); }
.google-auth-modal-container .google-auth-modal-body .standard-form-container .otp-field .standard-form-field-wrapper { justify-content: space-between; }
.google-auth-modal-container .google-auth-modal-body .standard-form-container .otp-field .standard-form-field-wrapper input { width: 58%; }
.google-auth-modal-container .google-auth-modal-body .standard-form-container .otp-field .standard-form-field-wrapper .standard-button-container { width: 40%; }
.google-auth-modal-container .google-auth-modal-body .standard-form-container .otp-field .standard-form-field-wrapper .standard-button-container button { min-width: auto; background: rgb(243, 245, 246); color: rgb(15, 22, 31); }
@media (max-width: 768px) { .google-auth-modal-container .google-auth-modal-body .standard-form-container .otp-field .standard-form-field-wrapper .standard-button-container button { min-width: 100%; }
}
.google-auth-modal-container .google-auth-modal-body .standard-form-container .auth-tab-container { margin: 0px 0px 0.3rem; padding-top: 0.3rem; }
@media (max-width: 768px) { .google-auth-modal-container .google-auth-modal-body .standard-form-container .auth-tab-container { margin: 0.4rem 0px; padding-top: 0.4rem; }
}
.google-auth-modal-container .google-auth-modal-body .standard-form-container .auth-tab-container .standard-modal-tab .tab-header { width: 49%; margin-right: 0.1rem; }
.google-auth-modal-container .google-auth-modal-body .standard-form-container .send-otp-to-field .standard-select-dropdown { top: 0.25rem; padding: 0.35rem 0px 0px; }
@media (max-width: 768px) { .google-auth-modal-container .google-auth-modal-body .standard-form-container .send-otp-to-field .standard-select-dropdown { top: 0.85rem; }
}
.google-auth-modal-container .google-auth-fail-body { border-radius: 0.1rem; color: rgb(15, 22, 31); }
@media (max-width: 768px) { .google-auth-modal-container .google-auth-fail-body { font-size: 0.23rem; border-radius: 0.2rem; }
}
.google-auth-modal-container .google-auth-fail-body .red-cross-icon { width: 0.6rem; height: 0.6rem; margin: auto auto 0.05rem; }
@media (max-width: 768px) { .google-auth-modal-container .google-auth-fail-body .red-cross-icon { width: 1rem; height: 1rem; }
}
.google-auth-modal-container .google-auth-fail-body .failed-message { text-align: center; line-height: 1.5; padding-bottom: 0.2rem; }
.google-auth-modal-container .google-auth-fail-body .standard-submit-button { width: 100%; }
.google-auth-modal-container .otp-helper { width: 100%; }
.google-auth-modal-container .standard-error-validation { margin: -0.2rem 0px 0.08rem; }
.edit-verify-auth-modal-container { width: 5.5rem; min-width: 5.5rem; max-width: 5.5rem; min-height: unset; background: rgb(255, 255, 255); }
@media (max-width: 768px) { .edit-verify-auth-modal-container { max-width: 6.75rem; min-width: 6.75rem; }
}
.edit-verify-auth-modal-container .edit-verify-auth-modal-header { padding: 0.36rem 0.5rem 0.2rem; }
.edit-verify-auth-modal-container .edit-verify-auth-modal-header .standard-modal-title { font-size: 0.18rem; color: rgb(0, 0, 0); padding: unset; }
@media (max-width: 768px) { .edit-verify-auth-modal-container .edit-verify-auth-modal-header .standard-modal-title { font-size: 0.3rem; }
}
.edit-verify-auth-modal-container .edit-verify-auth-modal-body { padding: 0.2rem 0.5rem 0.35rem; }
@media (max-width: 768px) { .edit-verify-auth-modal-container .edit-verify-auth-modal-body { font-size: 0.23rem; }
}
.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container { padding-bottom: 0.2rem; }
.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .standard-form-field { margin-bottom: 0.3rem; }
.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .standard-form-field .standard-label { color: rgb(134, 151, 162); }
@media (max-width: 768px) { .edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .standard-form-field .standard-label { margin: 0px 0px 0.06rem; }
}
.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .key-field svg { cursor: pointer; }
.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .otp-field .standard-label { display: unset; }
.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .otp-field .standard-label span { color: rgb(15, 22, 31); }
.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .otp-field .standard-form-field-wrapper { justify-content: space-between; }
.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .otp-field .standard-form-field-wrapper input { width: 58%; }
.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .otp-field .standard-form-field-wrapper .standard-button-container { width: 40%; }
.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .otp-field .standard-form-field-wrapper .standard-button-container button { min-width: auto; background: rgb(243, 245, 246); color: rgb(15, 22, 31); }
.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .phone-field .standard-form-field-wrapper { justify-content: space-between; }
.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .phone-field .standard-form-field-wrapper .telcode-input { width: 28%; }
.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .phone-field .standard-form-field-wrapper .phone-input { width: 70%; }
.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .auth-tab-container { margin: 0px 0px 0.3rem; padding-top: 0.3rem; }
.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .auth-tab-container .standard-modal-tab .tab-header { width: 49%; margin-right: 0.1rem; }
.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .send-otp-to-field .standard-select-dropdown { top: 0.25rem; padding: 0.35rem 0px 0px; }
@media (max-width: 768px) { .edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .send-otp-to-field .standard-select-dropdown { top: 0.85rem; }
}
.whatsapp-popup-container { width: 4.9rem; min-width: 4.9rem; max-width: 4.9rem; min-height: unset; background: rgb(255, 255, 255); }
@media (max-width: 768px) { .whatsapp-popup-container { max-width: 6.75rem; min-width: 6.75rem; }
}
.whatsapp-popup-container .whatsapp-popup-header { padding: 0.36rem 0.7rem 0.2rem; }
.whatsapp-popup-container .whatsapp-popup-header .standard-modal-title { font-size: 0.18rem; color: rgb(0, 0, 0); padding: unset; text-transform: capitalize; }
@media (max-width: 768px) { .whatsapp-popup-container .whatsapp-popup-header .standard-modal-title { font-size: 0.3rem; }
}
.whatsapp-popup-container .whatsapp-popup-body { font-size: 0.14rem; padding: 0px 0.7rem 0.35rem; }
@media (max-width: 768px) { .whatsapp-popup-container .whatsapp-popup-body { font-size: 0.23rem; }
}
.whatsapp-popup-container .whatsapp-popup-body .standard-label { color: rgb(134, 151, 162); display: unset; }
.whatsapp-popup-container .whatsapp-popup-body .standard-label span { font-weight: 700; }
@media (max-width: 768px) { .whatsapp-popup-container .whatsapp-popup-body .standard-label { margin: 0px 0px 0.06rem; }
}
.whatsapp-popup-container .whatsapp-popup-body .verify-method-container { display: grid; grid-template-columns: 40% 12% 44%; align-items: center; justify-content: center; padding: 0.3rem 0px; column-gap: 0.1rem; }
.whatsapp-popup-container .whatsapp-popup-body .verify-method-container .qr { width: 1.5rem; height: 1.2rem; margin: auto; }
@media (max-width: 768px) { .whatsapp-popup-container .whatsapp-popup-body .verify-method-container .qr { width: 2rem; height: 2rem; }
}
.whatsapp-popup-container .whatsapp-popup-body .verify-method-container .or { text-transform: capitalize; text-align: center; }
.whatsapp-popup-container .whatsapp-popup-body .verify-method-container .standard-otp-button { min-width: auto; width: 100%; padding: 0px 0.1rem; }
@media (max-width: 768px) { .whatsapp-popup-container .whatsapp-popup-body .verify-method-container .standard-otp-button { }
}
.whatsapp-popup-container .whatsapp-popup-body .break-line { border-width: 0.01rem; border-color: rgb(219, 224, 228); border-image: initial; border-style: solid none none; margin: 0.3rem 0px; }
@media (max-width: 768px) { .whatsapp-popup-container .whatsapp-popup-body .break-line { margin: 0.6rem 0px; }
}
.whatsapp-popup-container .whatsapp-popup-body .resend-otp-container { margin: 0.3rem 0px 0.6rem; }
.whatsapp-popup-container .whatsapp-popup-body .resend-otp-container .standard-button-container { margin-bottom: 0.1rem; }
.whatsapp-popup-container .whatsapp-popup-body .resend-otp-container .standard-button-container .standard-otp-button { width: 100%; }
.popup-message-container { max-width: 5.5rem; min-width: 5.5rem; min-height: unset; }
@media (max-width: 768px) { .popup-message-container .popup-message-header { padding: 0.36rem 0.5rem 0.2rem; }
}
.popup-message-container .popup-message-body { text-align: center; }
.popup-message-container .popup-message-body .icon-success, .popup-message-container .popup-message-body .icon-failed { display: flex; align-items: center; justify-content: center; text-align: center; margin: 0px auto 0.1rem; }
.popup-message-container .popup-message-body .popup-title { margin-bottom: 0.1rem; font-size: 0.2rem; }
@media (max-width: 768px) { .popup-message-container .popup-message-body .popup-title { font-size: 0.31347rem; }
}
.popup-message-container .popup-message-body .popup-message { margin-bottom: 0.3rem; }
@media (max-width: 768px) { .popup-message-container .popup-message-body .popup-message { font-size: 0.25078rem; }
}
.popup-message-container .popup-message-body .popup-message .contact-cs { color: rgb(0, 94, 215); text-decoration: underline; cursor: pointer; }
.popup-message-container .dismiss-button-container button { width: 100%; }
.Toastify .Toastify__toast-container--top-center { top: 4em; }
.Toastify .Toastify__toast { padding: 0.15rem; border-radius: 0.1rem; min-height: unset; margin-bottom: 0.1rem; }
.Toastify .Toastify__toast-body { margin: 0px; }
.Toastify .Toastify__close-button { display: none; }
.Toastify .Toastify__toast-container { min-width: 4rem; z-index: 10000; }
.standard-notification-container { display: grid; grid-template-columns: 12% 87%; column-gap: 1%; color: rgb(102, 102, 102); }
.standard-notification-container .standard-notification-icon { width: 100%; display: flex; align-items: center; justify-content: center; }
.standard-notification-container .standard-notification-icon svg { width: 0.24rem; }
.standard-notification-container .standard-notification-icon .success { fill: rgb(50, 205, 50); }
.standard-notification-container .standard-notification-icon .error { fill: red; }
.standard-notification-container .standard-notification-icon .warning { fill: coral; }
.standard-notification-container .standard-notification-icon .info { fill: rgb(65, 105, 225); }
.standard-notification-container .standard-notification-content { font-size: 0.14rem; display: flex; align-items: center; }
.standard-notification-container .error { color: red; }
@media (max-width: 768px) { .Toastify__toast { margin-bottom: 0.3rem; padding: 0.3rem !important; } .Toastify__toast:last-child { margin-bottom: calc(5% + 2rem); } .Toastify__toast-container { width: 90vw; left: 5%; } .standard-notification-container .standard-notification-icon { width: 100%; margin-right: 0.15rem; } .standard-notification-container .standard-notification-icon svg { width: 0.4rem; } .standard-notification-container .standard-notification-content { font-size: 0.24rem; }
}
.standard-tab-container { width: 100%; overflow-x: auto; }
.standard-tab-container .standard-tab-divider { height: 0.1rem; width: 0.01rem; }
.standard-tab-container .standard-tab { width: 100%; display: flex; font-size: 0.14rem; padding: 0px; }
.standard-tab-container .standard-tab .tab-header { color: rgb(134, 151, 162); background: rgba(0, 0, 0, 0); cursor: pointer; height: auto; padding: 0.25rem 0.15rem; display: flex; align-items: center; justify-content: center; width: auto; white-space: nowrap; flex-grow: inherit; margin: 0px; font-weight: 500; border-radius: unset; position: relative; }
.standard-tab-container .standard-tab .tab-header.active { background: rgba(0, 0, 0, 0); color: rgb(255, 138, 0); border: unset; }
.standard-tab-container .standard-tab .tab-header.active .hover-line { border-bottom: 0.03rem solid rgb(0, 113, 227); width: 0.25rem; margin-left: auto; margin-right: auto; position: absolute; bottom: 0px; }
.standard-tab-container .standard-tab .tab-header.active .full-hover-line { border-bottom: 0.05rem solid rgb(255, 138, 0); margin-left: auto; margin-right: auto; position: absolute; bottom: 0px; }
.standard-tab-container .standard-tab .tab-header-full-hover-line { color: rgb(184, 184, 184); background: rgba(0, 0, 0, 0); cursor: pointer; height: auto; padding: 0.18rem 0.25rem 0px; display: flex; align-items: center; justify-content: center; width: auto; white-space: nowrap; margin: 0px; font-weight: 500; border-radius: unset; position: relative; }
.standard-tab-container .standard-tab .tab-header-full-hover-line.active { background: rgba(0, 0, 0, 0); color: rgb(255, 138, 0); border: unset; }
.standard-tab-container .standard-tab .tab-header-full-hover-line.active .full-hover-line { margin-top: 0.16rem; border-bottom: 0.05rem solid rgb(255, 138, 0); }
.standard-tab-container .standard-tab .tab-header:hover, .standard-tab-container .standard-tab .tab-header-full-hover-line:hover { background: rgba(0, 0, 0, 0); color: rgb(255, 138, 0); }
.standard-tab-container .standard-tab .dummy-tab-header, .standard-tab-container .standard-tab .dummy-tab-header:hover { background: rgba(0, 0, 0, 0); color: rgba(0, 0, 0, 0); cursor: default; }
.announcement-tab-container .standard-tab { align-items: center; justify-content: center; }
.announcement-tab-container .standard-tab .tab-header-full-hover-line.active { color: rgb(0, 0, 0); }
.announcement-tab-container .standard-tab .tab-header-full-hover-line:hover { background: rgba(0, 0, 0, 0); color: rgb(68, 68, 68); }
.promotion-tab-container .active-vip { background: rgb(255, 255, 0) !important; color: rgb(255, 255, 255) !important; }
.slot-tab-container { padding: 0px 0.2rem; }
.standard-modal-tab-container { width: 100%; overflow-x: auto; }
.standard-modal-tab-container.two-tab-container .standard-modal-tab { justify-content: space-between; }
.standard-modal-tab-container.two-tab-container .standard-modal-tab .tab-header { width: 49%; }
.standard-modal-tab-container .standard-modal-tab { width: 100%; display: flex; font-size: 0.14rem; padding: 0px; }
.standard-modal-tab-container .standard-modal-tab .tab-header { color: rgb(15, 22, 31); background: rgb(243, 245, 246); cursor: pointer; height: 0.38rem; padding: 0px 0.22rem; display: flex; align-items: center; justify-content: center; width: auto; white-space: nowrap; margin: 0px; font-weight: 500; border-radius: 0.3rem; position: relative; }
@media (max-width: 768px) { .standard-modal-tab-container .standard-modal-tab .tab-header { font-size: 0.28rem; height: 0.75rem; border-radius: 0.4rem; }
}
.standard-modal-tab-container .standard-modal-tab .tab-header.active { color: rgb(255, 255, 255); background: rgb(255, 138, 0); }
@media (max-width: 768px) { .standard-tab-container { background: rgb(240, 240, 240); } .standard-tab-container .standard-tab-divider { height: 0px; } .standard-tab-container .standard-tab { font-size: 0.26rem; border-bottom: 0px; padding: 0px 0.1rem; } .standard-tab-container .standard-tab .tab-header { padding: 0.25rem 0.3rem; font-size: 0.25rem; } .standard-tab-container .standard-tab .tab-header.active { background: rgba(0, 0, 0, 0); color: rgb(255, 138, 0); border-image: unset; } .standard-tab-container .standard-tab .tab-header.active .hover-line { width: 0.4rem; border-bottom: 0.06rem solid rgb(0, 113, 227); } .slot-tab-container { padding: 0px; } .slot-tab-container .standard-tab-divider { width: 0.01rem; height: 0.15rem; }
}
.standard-container-control { width: 13.4rem; margin: auto; padding: 0.5rem 0px; }
ul .list-style.circle, ol .list-style.circle { list-style-type: circle; }
ul .list-style.square, ol .list-style.square { list-style-type: square; }
ul .list-style.disc, ol .list-style.disc { list-style-type: disc; }
ul .list-style.decimal, ol .list-style.decimal { list-style-type: decimal; }
ul .list-style.upper-roman, ol .list-style.upper-roman { list-style-type: upper-roman; }
ul .list-style.lower-roman, ol .list-style.lower-roman { list-style-type: lower-roman; }
ul .list-style.lower-alpha, ol .list-style.lower-alpha { list-style-type: lower-alpha; }
ul .list-style.upper-alpha, ol .list-style.upper-alpha { list-style-type: upper-alpha; }
body.aff-portal { color: rgb(15, 22, 31); font-size: 0.16rem; font-family: Inter; }
body.aff-portal label { font-size: 0.16rem; }
@media (max-width: 768px) { body.aff-portal label { font-size: 3.84615vw; }
}
body.aff-portal .standard-mandatory::after { color: rgb(224, 9, 44); }
body.aff-portal .info-popup-modal-container { background: rgb(255, 255, 255); }
body.aff-portal .info-popup-modal-container .info-popup-modal-header .info-popup-title-container { border-bottom: 0.01rem solid rgb(247, 247, 247); }
body.aff-portal .info-popup-modal-container .info-popup-modal-body .country-flag-warpper .country-flag-container .country-info .country-name { color: rgb(15, 22, 31); }
body.aff-portal .affiliate-route-background .standard-checkbox-text, body.aff-portal .standard-popup-overlay .standard-checkbox-text, body.aff-portal .m-popup-history-detail .standard-checkbox-text { margin: 0px 0.05rem; text-decoration: unset; cursor: pointer; color: rgb(255, 138, 0); }
body.aff-portal .affiliate-route-background .standard-form-field .standard-select-arrow::after, body.aff-portal .standard-popup-overlay .standard-form-field .standard-select-arrow::after, body.aff-portal .m-popup-history-detail .standard-form-field .standard-select-arrow::after { right: 0.15rem; top: 0.15rem; position: absolute; pointer-events: none; border-width: 0px 0.03rem 0.03rem 0px; border-color: rgb(175, 179, 182); border-style: solid; display: inline-block; transform: rotate(45deg); width: 0.08rem !important; height: 0.08rem !important; }
body.aff-portal .affiliate-route-background .standard-form-field .standard-label, body.aff-portal .standard-popup-overlay .standard-form-field .standard-label, body.aff-portal .m-popup-history-detail .standard-form-field .standard-label { color: rgb(134, 151, 162); margin: 0px; }
body.aff-portal .affiliate-route-background a, body.aff-portal .standard-popup-overlay a, body.aff-portal .m-popup-history-detail a { color: rgb(0, 113, 227); text-decoration: underline; }
body.aff-portal .affiliate-route-background .standard-content-subtitle, body.aff-portal .standard-popup-overlay .standard-content-subtitle, body.aff-portal .m-popup-history-detail .standard-content-subtitle { color: rgb(15, 22, 31); }
body.aff-portal .affiliate-route-background .standard-header-font-size, body.aff-portal .standard-popup-overlay .standard-header-font-size, body.aff-portal .m-popup-history-detail .standard-header-font-size { font-size: 0.18rem; margin: 0px 0px 0.3rem; }
@media (max-width: 768px) { body.aff-portal .affiliate-route-background .standard-header-font-size, body.aff-portal .standard-popup-overlay .standard-header-font-size, body.aff-portal .m-popup-history-detail .standard-header-font-size { font-size: 0.3rem; font-family: Inter; }
}
body.aff-portal .affiliate-route-background .standard-component-title, body.aff-portal .standard-popup-overlay .standard-component-title, body.aff-portal .m-popup-history-detail .standard-component-title { font-size: 0.24rem; margin: 1.1rem 0px 0.46rem; font-weight: 600; }
body.aff-portal .affiliate-route-background .standard-text-container, body.aff-portal .standard-popup-overlay .standard-text-container, body.aff-portal .m-popup-history-detail .standard-text-container { position: absolute; width: 100%; top: 10%; left: 18%; }
body.aff-portal .affiliate-route-background .accordion-title, body.aff-portal .standard-popup-overlay .accordion-title, body.aff-portal .m-popup-history-detail .accordion-title { font-family: Inter; }
body.aff-portal .affiliate-route-background .standard-accordion .accordion-item .accordion-title, body.aff-portal .standard-popup-overlay .standard-accordion .accordion-item .accordion-title, body.aff-portal .m-popup-history-detail .standard-accordion .accordion-item .accordion-title { font-family: Inter; }
body.aff-portal .affiliate-route-background .custom-mobile-nav .nav-title, body.aff-portal .standard-popup-overlay .custom-mobile-nav .nav-title, body.aff-portal .m-popup-history-detail .custom-mobile-nav .nav-title { color: rgb(255, 255, 255); }
body.aff-portal .affiliate-route-background table, body.aff-portal .standard-popup-overlay table, body.aff-portal .m-popup-history-detail table { margin: 0px; background: rgb(243, 245, 246); text-align: center; border-radius: 0.18rem; overflow: auto; border-spacing: 0px; border-collapse: collapse; }
body.aff-portal .affiliate-route-background table thead, body.aff-portal .standard-popup-overlay table thead, body.aff-portal .m-popup-history-detail table thead { color: rgb(255, 255, 255); background: rgb(255, 138, 0); }
body.aff-portal .affiliate-route-background table tr, body.aff-portal .standard-popup-overlay table tr, body.aff-portal .m-popup-history-detail table tr { height: 0.45rem; }
body.aff-portal .affiliate-route-background table th:first-child, body.aff-portal .standard-popup-overlay table th:first-child, body.aff-portal .m-popup-history-detail table th:first-child { border-radius: 0.18rem 0px 0px; }
body.aff-portal .affiliate-route-background table th:last-child, body.aff-portal .standard-popup-overlay table th:last-child, body.aff-portal .m-popup-history-detail table th:last-child { border-radius: 0px 0.18rem 0px 0px; }
body.aff-portal .affiliate-route-background table th td, body.aff-portal .standard-popup-overlay table th td, body.aff-portal .m-popup-history-detail table th td { display: contents; }
body.aff-portal .affiliate-route-background table th, body.aff-portal .affiliate-route-background table td, body.aff-portal .standard-popup-overlay table th, body.aff-portal .standard-popup-overlay table td, body.aff-portal .m-popup-history-detail table th, body.aff-portal .m-popup-history-detail table td { border-width: 0.03rem; border-color: rgb(255, 255, 255); border-image: initial; border-style: none solid solid none; font-weight: 400; padding: 0px 0.2rem; }
body.aff-portal .affiliate-route-background table th:last-child, body.aff-portal .affiliate-route-background table td:last-child, body.aff-portal .standard-popup-overlay table th:last-child, body.aff-portal .standard-popup-overlay table td:last-child, body.aff-portal .m-popup-history-detail table th:last-child, body.aff-portal .m-popup-history-detail table td:last-child { border-style: none none solid; }
body.aff-portal .affiliate-route-background .aff-settings-container table, body.aff-portal .affiliate-route-background .aff-dialog-table-container table, body.aff-portal .standard-popup-overlay .aff-settings-container table, body.aff-portal .standard-popup-overlay .aff-dialog-table-container table, body.aff-portal .m-popup-history-detail .aff-settings-container table, body.aff-portal .m-popup-history-detail .aff-dialog-table-container table { width: 100%; }
body.aff-portal .affiliate-route-background .aff-settings-container table thead, body.aff-portal .affiliate-route-background .aff-dialog-table-container table thead, body.aff-portal .standard-popup-overlay .aff-settings-container table thead, body.aff-portal .standard-popup-overlay .aff-dialog-table-container table thead, body.aff-portal .m-popup-history-detail .aff-settings-container table thead, body.aff-portal .m-popup-history-detail .aff-dialog-table-container table thead { background: unset; }
body.aff-portal .affiliate-route-background .aff-settings-container table thead .aff-dialog-second-th th, body.aff-portal .affiliate-route-background .aff-dialog-table-container table thead .aff-dialog-second-th th, body.aff-portal .standard-popup-overlay .aff-settings-container table thead .aff-dialog-second-th th, body.aff-portal .standard-popup-overlay .aff-dialog-table-container table thead .aff-dialog-second-th th, body.aff-portal .m-popup-history-detail .aff-settings-container table thead .aff-dialog-second-th th, body.aff-portal .m-popup-history-detail .aff-dialog-table-container table thead .aff-dialog-second-th th { border-radius: unset; }
body.aff-portal .affiliate-route-background .aff-settings-container table thead th, body.aff-portal .affiliate-route-background .aff-dialog-table-container table thead th, body.aff-portal .standard-popup-overlay .aff-settings-container table thead th, body.aff-portal .standard-popup-overlay .aff-dialog-table-container table thead th, body.aff-portal .m-popup-history-detail .aff-settings-container table thead th, body.aff-portal .m-popup-history-detail .aff-dialog-table-container table thead th { background: rgb(0, 68, 169); min-width: 2.3rem; }
body.aff-portal .affiliate-route-background .aff-settings-container table tr:nth-child(2n+1), body.aff-portal .affiliate-route-background .aff-dialog-table-container table tr:nth-child(2n+1), body.aff-portal .standard-popup-overlay .aff-settings-container table tr:nth-child(2n+1), body.aff-portal .standard-popup-overlay .aff-dialog-table-container table tr:nth-child(2n+1), body.aff-portal .m-popup-history-detail .aff-settings-container table tr:nth-child(2n+1), body.aff-portal .m-popup-history-detail .aff-dialog-table-container table tr:nth-child(2n+1) { background: rgb(243, 245, 246); }
body.aff-portal .affiliate-route-background .aff-settings-container table tr:nth-child(2n), body.aff-portal .affiliate-route-background .aff-dialog-table-container table tr:nth-child(2n), body.aff-portal .standard-popup-overlay .aff-settings-container table tr:nth-child(2n), body.aff-portal .standard-popup-overlay .aff-dialog-table-container table tr:nth-child(2n), body.aff-portal .m-popup-history-detail .aff-settings-container table tr:nth-child(2n), body.aff-portal .m-popup-history-detail .aff-dialog-table-container table tr:nth-child(2n) { background: rgb(255, 255, 255); }
body.aff-portal .affiliate-route-background .aff-settings-container table .negative-value, body.aff-portal .affiliate-route-background .aff-dialog-table-container table .negative-value, body.aff-portal .standard-popup-overlay .aff-settings-container table .negative-value, body.aff-portal .standard-popup-overlay .aff-dialog-table-container table .negative-value, body.aff-portal .m-popup-history-detail .aff-settings-container table .negative-value, body.aff-portal .m-popup-history-detail .aff-dialog-table-container table .negative-value { color: rgb(232, 38, 44); }
body.aff-portal .affiliate-route-background .aff-settings-container table .negative-value.standard-table-button-font-size, body.aff-portal .affiliate-route-background .aff-dialog-table-container table .negative-value.standard-table-button-font-size, body.aff-portal .standard-popup-overlay .aff-settings-container table .negative-value.standard-table-button-font-size, body.aff-portal .standard-popup-overlay .aff-dialog-table-container table .negative-value.standard-table-button-font-size, body.aff-portal .m-popup-history-detail .aff-settings-container table .negative-value.standard-table-button-font-size, body.aff-portal .m-popup-history-detail .aff-dialog-table-container table .negative-value.standard-table-button-font-size { color: rgb(255, 255, 255); background: rgb(232, 38, 44); }
body.aff-portal .affiliate-route-background .aff-settings-container table button, body.aff-portal .affiliate-route-background .aff-dialog-table-container table button, body.aff-portal .standard-popup-overlay .aff-settings-container table button, body.aff-portal .standard-popup-overlay .aff-dialog-table-container table button, body.aff-portal .m-popup-history-detail .aff-settings-container table button, body.aff-portal .m-popup-history-detail .aff-dialog-table-container table button { background: rgb(0, 113, 227); height: 0.32rem; font-size: 0.16rem; border-radius: 0.08rem; padding: 0px 0.2rem; }
body.aff-portal .affiliate-route-background .aff-settings-container table button:disabled, body.aff-portal .affiliate-route-background .aff-dialog-table-container table button:disabled, body.aff-portal .standard-popup-overlay .aff-settings-container table button:disabled, body.aff-portal .standard-popup-overlay .aff-dialog-table-container table button:disabled, body.aff-portal .m-popup-history-detail .aff-settings-container table button:disabled, body.aff-portal .m-popup-history-detail .aff-dialog-table-container table button:disabled { cursor: not-allowed; background: rgb(129, 202, 252); }
body.aff-portal .affiliate-route-background .aff-settings-container table button:hover, body.aff-portal .affiliate-route-background .aff-dialog-table-container table button:hover, body.aff-portal .standard-popup-overlay .aff-settings-container table button:hover, body.aff-portal .standard-popup-overlay .aff-dialog-table-container table button:hover, body.aff-portal .m-popup-history-detail .aff-settings-container table button:hover, body.aff-portal .m-popup-history-detail .aff-dialog-table-container table button:hover { opacity: 0.8; }
body.aff-portal .affiliate-route-background .aff-settings-container table button.delete-btn, body.aff-portal .affiliate-route-background .aff-dialog-table-container table button.delete-btn, body.aff-portal .standard-popup-overlay .aff-settings-container table button.delete-btn, body.aff-portal .standard-popup-overlay .aff-dialog-table-container table button.delete-btn, body.aff-portal .m-popup-history-detail .aff-settings-container table button.delete-btn, body.aff-portal .m-popup-history-detail .aff-dialog-table-container table button.delete-btn { width: 0.2rem; height: 0.2rem; fill: rgb(97, 117, 126); background: none; padding: 0px !important; }
@media (max-width: 768px) { body.aff-portal .affiliate-route-background .aff-settings-container table button, body.aff-portal .affiliate-route-background .aff-dialog-table-container table button, body.aff-portal .standard-popup-overlay .aff-settings-container table button, body.aff-portal .standard-popup-overlay .aff-dialog-table-container table button, body.aff-portal .m-popup-history-detail .aff-settings-container table button, body.aff-portal .m-popup-history-detail .aff-dialog-table-container table button { height: 0.45rem; font-size: 0.25574rem; min-width: fit-content; } body.aff-portal .affiliate-route-background .aff-settings-container table button.delete-btn, body.aff-portal .affiliate-route-background .aff-dialog-table-container table button.delete-btn, body.aff-portal .standard-popup-overlay .aff-settings-container table button.delete-btn, body.aff-portal .standard-popup-overlay .aff-dialog-table-container table button.delete-btn, body.aff-portal .m-popup-history-detail .aff-settings-container table button.delete-btn, body.aff-portal .m-popup-history-detail .aff-dialog-table-container table button.delete-btn { width: 0.34rem; height: 0.34rem; }
}
@media (max-width: 768px) { body.aff-portal .affiliate-route-background .aff-settings-container table th, body.aff-portal .affiliate-route-background .aff-settings-container table td, body.aff-portal .affiliate-route-background .aff-dialog-table-container table th, body.aff-portal .affiliate-route-background .aff-dialog-table-container table td, body.aff-portal .standard-popup-overlay .aff-settings-container table th, body.aff-portal .standard-popup-overlay .aff-settings-container table td, body.aff-portal .standard-popup-overlay .aff-dialog-table-container table th, body.aff-portal .standard-popup-overlay .aff-dialog-table-container table td, body.aff-portal .m-popup-history-detail .aff-settings-container table th, body.aff-portal .m-popup-history-detail .aff-settings-container table td, body.aff-portal .m-popup-history-detail .aff-dialog-table-container table th, body.aff-portal .m-popup-history-detail .aff-dialog-table-container table td { padding: 0px 0.2rem; font-size: 0.24rem; height: 0.72rem; }
}
body.aff-portal .affiliate-route-background .aff-settings-container table .table-multi-content, body.aff-portal .affiliate-route-background .aff-dialog-table-container table .table-multi-content, body.aff-portal .standard-popup-overlay .aff-settings-container table .table-multi-content, body.aff-portal .standard-popup-overlay .aff-dialog-table-container table .table-multi-content, body.aff-portal .m-popup-history-detail .aff-settings-container table .table-multi-content, body.aff-portal .m-popup-history-detail .aff-dialog-table-container table .table-multi-content { width: 5rem; display: flex; align-items: center; justify-content: space-between; gap: 0.12rem; height: 0.45rem; }
@media (max-width: 768px) { body.aff-portal .affiliate-route-background .aff-settings-container table .table-multi-content, body.aff-portal .affiliate-route-background .aff-dialog-table-container table .table-multi-content, body.aff-portal .standard-popup-overlay .aff-settings-container table .table-multi-content, body.aff-portal .standard-popup-overlay .aff-dialog-table-container table .table-multi-content, body.aff-portal .m-popup-history-detail .aff-settings-container table .table-multi-content, body.aff-portal .m-popup-history-detail .aff-dialog-table-container table .table-multi-content { width: auto; height: 0.72rem; white-space: nowrap; }
}
body.aff-portal .affiliate-route-background .aff-settings-container table .table-multi-content svg, body.aff-portal .affiliate-route-background .aff-dialog-table-container table .table-multi-content svg, body.aff-portal .standard-popup-overlay .aff-settings-container table .table-multi-content svg, body.aff-portal .standard-popup-overlay .aff-dialog-table-container table .table-multi-content svg, body.aff-portal .m-popup-history-detail .aff-settings-container table .table-multi-content svg, body.aff-portal .m-popup-history-detail .aff-dialog-table-container table .table-multi-content svg { width: 0.34rem; height: 0.34rem; cursor: pointer; }
body.aff-portal .affiliate-route-background .aff-settings-container table .table-multi-content a, body.aff-portal .affiliate-route-background .aff-dialog-table-container table .table-multi-content a, body.aff-portal .standard-popup-overlay .aff-settings-container table .table-multi-content a, body.aff-portal .standard-popup-overlay .aff-dialog-table-container table .table-multi-content a, body.aff-portal .m-popup-history-detail .aff-settings-container table .table-multi-content a, body.aff-portal .m-popup-history-detail .aff-dialog-table-container table .table-multi-content a { text-decoration: none; }
body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-gap, body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-gap, body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-gap, body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-gap, body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-gap, body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-gap { display: grid; gap: 0.5rem; }
@media (max-width: 768px) { body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-input, body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-select, body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-input, body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-select, body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-input, body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-select, body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-input, body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-select, body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-input, body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-select, body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-input, body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-select { color: rgb(136, 153, 162); padding: 0.05rem 0.65rem 0.05rem 0.2rem; } body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-input span, body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-select span, body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-input span, body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-select span, body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-input span, body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-select span, body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-input span, body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-select span, body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-input span, body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-select span, body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-input span, body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-select span { }
}
body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container, body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container, body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container, body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container, body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container, body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container { padding: 0.22rem 0px 0px; width: 100%; align-items: center; display: grid; grid-template-columns: repeat(1, 0.35rem); }
@media (max-width: 768px) { body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container, body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container, body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container, body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container, body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container, body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container { gap: 3.07692vw; margin: 0px; }
}
body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-invisible-checkbox, body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-invisible-checkbox, body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-invisible-checkbox, body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-invisible-checkbox, body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-invisible-checkbox, body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-invisible-checkbox { width: 0.18rem; height: 0.18rem; grid-row: 1 / 1; margin: 0px; }
@media (max-width: 768px) { body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-invisible-checkbox, body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-invisible-checkbox, body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-invisible-checkbox, body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-invisible-checkbox, body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-invisible-checkbox, body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-invisible-checkbox { width: 3.84615vw; height: 3.84615vw; }
}
body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox, body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox, body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox, body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox, body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox, body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox { height: 0.18rem; width: 0.18rem; grid-row: 1 / 1; top: 0px; }
@media (max-width: 768px) { body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox, body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox, body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox, body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox, body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox, body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox { width: 3.84615vw; height: 3.84615vw; border-radius: 0.02rem; border: 0.01rem solid rgb(215, 215, 215); }
}
body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox svg, body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox svg, body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox svg, body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox svg, body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox svg, body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox svg { position: relative; }
@media (max-width: 768px) { body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox svg, body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox svg, body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox svg, body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox svg, body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox svg, body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox svg { width: 3.84615vw; height: 3.84615vw; }
}
body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox-text-container, body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox-text-container, body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox-text-container, body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox-text-container, body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox-text-container, body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox-text-container { width: 100%; grid-row: 1 / 2; text-align: start; font-size: 0.14rem; }
@media (max-width: 768px) { body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox-text-container, body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox-text-container, body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox-text-container, body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox-text-container, body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox-text-container, body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox-text-container { font-size: 0.26rem; }
}
body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework, body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework, body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework, body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework, body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework, body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework { display: grid; gap: 0.2rem; }
@media (max-width: 768px) { body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework, body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework, body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework, body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework, body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework, body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework { gap: 0.4rem 0px; }
}
body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-field, body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-field, body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-field, body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-field, body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-field, body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-field { margin: 0.12rem 0px 0px; }
body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-label, body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-label, body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-label, body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-label, body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-label, body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-label { color: rgb(134, 151, 162); margin: 0px 0px 0.12rem; }
@media (max-width: 768px) { body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-label, body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-label, body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-label, body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-label, body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-label, body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-label { font-family: Inter; font-size: 0.3rem; color: rgb(15, 22, 31); margin: 0px; }
}
body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container, body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container, body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container, body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container, body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container, body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 0.18rem; }
@media (max-width: 768px) { body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container, body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container, body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container, body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container, body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container, body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container { grid-template-columns: 100%; gap: 0.4rem 0px; }
}
body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container .standard-form-field, body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container .standard-form-field, body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container .standard-form-field, body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container .standard-form-field, body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container .standard-form-field, body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container .standard-form-field { display: flex; margin: 0px; }
body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .special-form-calender .standard-input svg, body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .special-form-calender .standard-input svg, body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .special-form-calender .standard-input svg, body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .special-form-calender .standard-input svg, body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .special-form-calender .standard-input svg, body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .special-form-calender .standard-input svg { position: absolute; right: 0.1rem; width: 0.24rem; height: 0.24rem; fill: rgb(175, 179, 182); margin: 0px; cursor: pointer; }
@media (max-width: 768px) { body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .special-form-calender .standard-input svg, body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .special-form-calender .standard-input svg, body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .special-form-calender .standard-input svg, body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .special-form-calender .standard-input svg, body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .special-form-calender .standard-input svg, body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .special-form-calender .standard-input svg { width: 0.34rem; height: 0.34rem; right: 0.2rem; }
}
body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form, body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form, body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form, body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form, body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form, body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form { display: grid; grid-template-columns: minmax(2rem, 1fr) 0.05fr 1fr; grid-template-areas: "labelTitle . ." "fromDate TextTo toDate"; gap: 0.17rem 0.18rem; width: 66%; white-space: nowrap; }
body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field, body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field, body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field, body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field, body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field, body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field { display: block; margin: 0px; }
body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field.start-date, body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field.start-date, body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field.start-date, body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field.start-date, body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field.start-date, body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field.start-date { grid-area: fromDate; }
body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field.to-date, body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field.to-date, body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field.to-date, body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field.to-date, body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field.to-date, body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field.to-date { grid-area: toDate; }
@media (max-width: 768px) { body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field.to-date .react-datepicker__tab-loop .react-datepicker-popper, body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field.to-date .react-datepicker__tab-loop .react-datepicker-popper, body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field.to-date .react-datepicker__tab-loop .react-datepicker-popper, body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field.to-date .react-datepicker__tab-loop .react-datepicker-popper, body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field.to-date .react-datepicker__tab-loop .react-datepicker-popper, body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field.to-date .react-datepicker__tab-loop .react-datepicker-popper { right: 0px; left: unset !important; } body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field.to-date .react-datepicker__tab-loop .react-datepicker-popper .react-datepicker__triangle, body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field.to-date .react-datepicker__tab-loop .react-datepicker-popper .react-datepicker__triangle, body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field.to-date .react-datepicker__tab-loop .react-datepicker-popper .react-datepicker__triangle, body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field.to-date .react-datepicker__tab-loop .react-datepicker-popper .react-datepicker__triangle, body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field.to-date .react-datepicker__tab-loop .react-datepicker-popper .react-datepicker__triangle, body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field.to-date .react-datepicker__tab-loop .react-datepicker-popper .react-datepicker__triangle { right: 0.5rem; left: unset; }
}
body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-label.title, body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-label.title, body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-label.title, body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-label.title, body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-label.title, body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-label.title { justify-content: flex-start; grid-area: labelTitle / 1; white-space: normal; }
body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-label.text-to, body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-label.text-to, body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-label.text-to, body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-label.text-to, body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-label.text-to, body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-label.text-to { grid-area: TextTo; }
body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-input svg, body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-input img, body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-input svg, body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-input img, body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-input svg, body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-input img, body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-input svg, body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-input img, body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-input svg, body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-input img, body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-input svg, body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-input img { position: absolute; right: 0.1rem; width: 0.24rem; height: 0.24rem; fill: rgb(175, 179, 182); margin: 0px; cursor: pointer; }
@media (max-width: 768px) { body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-input svg, body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-input img, body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-input svg, body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-input img, body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-input svg, body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-input img, body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-input svg, body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-input img, body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-input svg, body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-input img, body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-input svg, body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-input img { width: 0.34rem; height: 0.34rem; right: 0.2rem; }
}
body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form label, body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form p, body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form span, body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form label, body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form p, body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form span, body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form label, body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form p, body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form span, body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form label, body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form p, body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form span, body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form label, body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form p, body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form span, body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form label, body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form p, body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form span { margin: 0px; display: flex; justify-content: center; }
@media (max-width: 768px) { body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form label, body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form p, body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form span, body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form label, body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form p, body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form span, body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form label, body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form p, body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form span, body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form label, body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form p, body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form span, body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form label, body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form p, body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form span, body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form label, body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form p, body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form span { justify-content: flex-start; white-space: normal; }
}
@media (max-width: 768px) { body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form, body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form, body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form, body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form, body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form, body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form { width: 100%; grid-template-columns: repeat(2, 1fr); grid-template-areas: "labelTitle TextTo" "fromDate toDate"; }
}
@media (max-width: 768px) { body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-field.special_form, body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-field.special_form, body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-field.special_form, body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-field.special_form, body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-field.special_form, body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-field.special_form { margin-top: 4.10256vw; }
}
body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-modal-title, body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-modal-title, body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-modal-title, body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-modal-title, body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-modal-title, body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-modal-title { margin: 0.1rem 0px 0rem; display: block; grid-area: 2; color: rgb(134, 151, 162); }
body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-button-container, body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-button-container, body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-button-container, body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-button-container, body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-button-container, body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-button-container { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 0.18rem; margin: 0.14rem 0px 0px; }
@media (max-width: 768px) { body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-button-container, body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-button-container, body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-button-container, body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-button-container, body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-button-container, body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-button-container { grid-template-columns: repeat(2, 1fr); }
}
body.aff-portal .affiliate-route-background .pagination-content, body.aff-portal .standard-popup-overlay .pagination-content, body.aff-portal .m-popup-history-detail .pagination-content { margin: 0.5rem auto 0px; display: flex; flex-flow: column; align-items: center; justify-content: center; font-size: 0.14rem; }
@media (max-width: 768px) { body.aff-portal .affiliate-route-background .pagination-content, body.aff-portal .standard-popup-overlay .pagination-content, body.aff-portal .m-popup-history-detail .pagination-content { font-size: 0.2rem; }
}
body.aff-portal .affiliate-route-background .pagination-content .page-count, body.aff-portal .standard-popup-overlay .pagination-content .page-count, body.aff-portal .m-popup-history-detail .pagination-content .page-count { color: rgb(15, 22, 31); }
body.aff-portal .affiliate-route-background .pagination-content .pagination, body.aff-portal .standard-popup-overlay .pagination-content .pagination, body.aff-portal .m-popup-history-detail .pagination-content .pagination { display: flex; align-items: center; margin: 0.18rem 0px 0px; }
body.aff-portal .affiliate-route-background .pagination-content .pagination svg, body.aff-portal .standard-popup-overlay .pagination-content .pagination svg, body.aff-portal .m-popup-history-detail .pagination-content .pagination svg { width: 0.11rem; height: 0.11rem; fill: rgb(134, 151, 162); }
@media (max-width: 768px) { body.aff-portal .affiliate-route-background .pagination-content .pagination svg, body.aff-portal .standard-popup-overlay .pagination-content .pagination svg, body.aff-portal .m-popup-history-detail .pagination-content .pagination svg { margin: 0px; width: 0.2rem; height: 0.2rem; }
}
body.aff-portal .affiliate-route-background .pagination-content .pagination a[aria-label="Go to previous page"], body.aff-portal .standard-popup-overlay .pagination-content .pagination a[aria-label="Go to previous page"], body.aff-portal .m-popup-history-detail .pagination-content .pagination a[aria-label="Go to previous page"] { margin: 0px 0.13rem 0px 0.3rem; width: 0.06rem; }
body.aff-portal .affiliate-route-background .pagination-content .pagination a[aria-label="Go to next page"], body.aff-portal .standard-popup-overlay .pagination-content .pagination a[aria-label="Go to next page"], body.aff-portal .m-popup-history-detail .pagination-content .pagination a[aria-label="Go to next page"] { margin: 0px 0.3rem 0px 0.13rem; width: 0.06rem; }
body.aff-portal .affiliate-route-background .pagination-content .pagination a[aria-label*="Go to page number"], body.aff-portal .standard-popup-overlay .pagination-content .pagination a[aria-label*="Go to page number"], body.aff-portal .m-popup-history-detail .pagination-content .pagination a[aria-label*="Go to page number"] { display: flex; align-items: center; justify-content: center; width: 0.33rem; height: 0.33rem; border-radius: 50%; background: rgb(247, 247, 247); margin: 0px 0.1rem; color: rgb(134, 151, 162); text-decoration: none; }
@media (max-width: 768px) { body.aff-portal .affiliate-route-background .pagination-content .pagination a[aria-label*="Go to page number"], body.aff-portal .standard-popup-overlay .pagination-content .pagination a[aria-label*="Go to page number"], body.aff-portal .m-popup-history-detail .pagination-content .pagination a[aria-label*="Go to page number"] { text-decoration: none; width: 0.62rem; height: 0.62rem; font-size: 0.26rem; }
}
body.aff-portal .affiliate-route-background .standard-button-container button, body.aff-portal .standard-popup-overlay .standard-button-container button, body.aff-portal .m-popup-history-detail .standard-button-container button { height: 0.4rem; font-size: 0.16rem; border-radius: 0.08rem; width: auto; }
body.aff-portal .affiliate-route-background .standard-button-container button:disabled, body.aff-portal .standard-popup-overlay .standard-button-container button:disabled, body.aff-portal .m-popup-history-detail .standard-button-container button:disabled { cursor: not-allowed; }
@media (max-width: 768px) { body.aff-portal .affiliate-route-background .standard-button-container button, body.aff-portal .standard-popup-overlay .standard-button-container button, body.aff-portal .m-popup-history-detail .standard-button-container button { height: 0.64rem; font-size: 0.3rem; }
}
@media (max-width: 768px) { body.aff-portal .affiliate-route-background .standard-button-container, body.aff-portal .standard-popup-overlay .standard-button-container, body.aff-portal .m-popup-history-detail .standard-button-container { gap: 1.53846vw; } body.aff-portal .affiliate-route-background .standard-button-container.shareBtn-container, body.aff-portal .standard-popup-overlay .standard-button-container.shareBtn-container, body.aff-portal .m-popup-history-detail .standard-button-container.shareBtn-container { display: grid; grid-template-columns: repeat(2, 1fr); }
}
body.aff-portal .affiliate-route-background .standard-button-container .standard-submit-form-button, body.aff-portal .affiliate-route-background .standard-button-container button.standard-submit-button, body.aff-portal .affiliate-route-background .standard-button-container button.standard-add-form-button, body.aff-portal .standard-popup-overlay .standard-button-container .standard-submit-form-button, body.aff-portal .standard-popup-overlay .standard-button-container button.standard-submit-button, body.aff-portal .standard-popup-overlay .standard-button-container button.standard-add-form-button, body.aff-portal .m-popup-history-detail .standard-button-container .standard-submit-form-button, body.aff-portal .m-popup-history-detail .standard-button-container button.standard-submit-button, body.aff-portal .m-popup-history-detail .standard-button-container button.standard-add-form-button { width: 100%; height: 0.4rem; background: rgb(255, 138, 0); border-radius: 0.08rem; color: rgb(255, 255, 255); font-size: 0.16rem; font-family: Inter; margin: 0rem 0.4rem 0.35rem; }
body.aff-portal .affiliate-route-background .standard-button-container .standard-submit-form-button:disabled, body.aff-portal .affiliate-route-background .standard-button-container button.standard-submit-button:disabled, body.aff-portal .affiliate-route-background .standard-button-container button.standard-add-form-button:disabled, body.aff-portal .standard-popup-overlay .standard-button-container .standard-submit-form-button:disabled, body.aff-portal .standard-popup-overlay .standard-button-container button.standard-submit-button:disabled, body.aff-portal .standard-popup-overlay .standard-button-container button.standard-add-form-button:disabled, body.aff-portal .m-popup-history-detail .standard-button-container .standard-submit-form-button:disabled, body.aff-portal .m-popup-history-detail .standard-button-container button.standard-submit-button:disabled, body.aff-portal .m-popup-history-detail .standard-button-container button.standard-add-form-button:disabled { background: rgb(255, 138, 0); }
@media (max-width: 768px) { body.aff-portal .affiliate-route-background .standard-button-container .standard-submit-form-button, body.aff-portal .affiliate-route-background .standard-button-container button.standard-submit-button, body.aff-portal .affiliate-route-background .standard-button-container button.standard-add-form-button, body.aff-portal .standard-popup-overlay .standard-button-container .standard-submit-form-button, body.aff-portal .standard-popup-overlay .standard-button-container button.standard-submit-button, body.aff-portal .standard-popup-overlay .standard-button-container button.standard-add-form-button, body.aff-portal .m-popup-history-detail .standard-button-container .standard-submit-form-button, body.aff-portal .m-popup-history-detail .standard-button-container button.standard-submit-button, body.aff-portal .m-popup-history-detail .standard-button-container button.standard-add-form-button { grid-area: 1 / span 3; height: 0.64rem; font-size: 0.32rem; border-radius: 0.15rem; margin: 0.32rem 0px 0.42rem; }
}
body.aff-portal .affiliate-route-background .standard-button-container button.standard-full-width-button, body.aff-portal .standard-popup-overlay .standard-button-container button.standard-full-width-button, body.aff-portal .m-popup-history-detail .standard-button-container button.standard-full-width-button { margin: 0px; }
body.aff-portal .affiliate-route-background .standard-button-container button.info-button, body.aff-portal .standard-popup-overlay .standard-button-container button.info-button, body.aff-portal .m-popup-history-detail .standard-button-container button.info-button { background: rgb(0, 113, 227); margin: 0px; width: 100%; }
body.aff-portal .affiliate-route-background .standard-button-container button.info-button:disabled, body.aff-portal .standard-popup-overlay .standard-button-container button.info-button:disabled, body.aff-portal .m-popup-history-detail .standard-button-container button.info-button:disabled { background: rgb(129, 202, 252); }
body.aff-portal .affiliate-route-background .standard-button-container .referral-btn .details-btn button, body.aff-portal .affiliate-route-background .standard-button-container .shareBtn-container .details-btn button, body.aff-portal .affiliate-route-background .standard-button-container .floating-referral .details-btn button, body.aff-portal .affiliate-route-background .standard-button-container .share-dropdown.floating-referral .details-btn button, body.aff-portal .standard-popup-overlay .standard-button-container .referral-btn .details-btn button, body.aff-portal .standard-popup-overlay .standard-button-container .shareBtn-container .details-btn button, body.aff-portal .standard-popup-overlay .standard-button-container .floating-referral .details-btn button, body.aff-portal .standard-popup-overlay .standard-button-container .share-dropdown.floating-referral .details-btn button, body.aff-portal .m-popup-history-detail .standard-button-container .referral-btn .details-btn button, body.aff-portal .m-popup-history-detail .standard-button-container .shareBtn-container .details-btn button, body.aff-portal .m-popup-history-detail .standard-button-container .floating-referral .details-btn button, body.aff-portal .m-popup-history-detail .standard-button-container .share-dropdown.floating-referral .details-btn button { justify-content: flex-start; }
body.aff-portal .affiliate-route-background .standard-button-container .referral-btn .triangle, body.aff-portal .affiliate-route-background .standard-button-container .shareBtn-container .triangle, body.aff-portal .affiliate-route-background .standard-button-container .floating-referral .triangle, body.aff-portal .affiliate-route-background .standard-button-container .share-dropdown.floating-referral .triangle, body.aff-portal .standard-popup-overlay .standard-button-container .referral-btn .triangle, body.aff-portal .standard-popup-overlay .standard-button-container .shareBtn-container .triangle, body.aff-portal .standard-popup-overlay .standard-button-container .floating-referral .triangle, body.aff-portal .standard-popup-overlay .standard-button-container .share-dropdown.floating-referral .triangle, body.aff-portal .m-popup-history-detail .standard-button-container .referral-btn .triangle, body.aff-portal .m-popup-history-detail .standard-button-container .shareBtn-container .triangle, body.aff-portal .m-popup-history-detail .standard-button-container .floating-referral .triangle, body.aff-portal .m-popup-history-detail .standard-button-container .share-dropdown.floating-referral .triangle { position: absolute; bottom: 100%; left: 50%; margin-left: -0.12rem; width: 0.24rem; height: 0.12rem; overflow: hidden; }
body.aff-portal .affiliate-route-background .standard-button-container .referral-btn .triangle::after, body.aff-portal .affiliate-route-background .standard-button-container .shareBtn-container .triangle::after, body.aff-portal .affiliate-route-background .standard-button-container .floating-referral .triangle::after, body.aff-portal .affiliate-route-background .standard-button-container .share-dropdown.floating-referral .triangle::after, body.aff-portal .standard-popup-overlay .standard-button-container .referral-btn .triangle::after, body.aff-portal .standard-popup-overlay .standard-button-container .shareBtn-container .triangle::after, body.aff-portal .standard-popup-overlay .standard-button-container .floating-referral .triangle::after, body.aff-portal .standard-popup-overlay .standard-button-container .share-dropdown.floating-referral .triangle::after, body.aff-portal .m-popup-history-detail .standard-button-container .referral-btn .triangle::after, body.aff-portal .m-popup-history-detail .standard-button-container .shareBtn-container .triangle::after, body.aff-portal .m-popup-history-detail .standard-button-container .floating-referral .triangle::after, body.aff-portal .m-popup-history-detail .standard-button-container .share-dropdown.floating-referral .triangle::after { content: ""; position: absolute; width: 0.12rem; height: 0.12rem; left: 50%; transform: translate(-50%, 50%) rotate(45deg); background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.3) 0px 0.01rem 0.06rem; }
body.aff-portal .affiliate-route-background .standard-button-container .referral-btn .ref-share-link:hover, body.aff-portal .affiliate-route-background .standard-button-container .shareBtn-container .ref-share-link:hover, body.aff-portal .affiliate-route-background .standard-button-container .floating-referral .ref-share-link:hover, body.aff-portal .affiliate-route-background .standard-button-container .share-dropdown.floating-referral .ref-share-link:hover, body.aff-portal .standard-popup-overlay .standard-button-container .referral-btn .ref-share-link:hover, body.aff-portal .standard-popup-overlay .standard-button-container .shareBtn-container .ref-share-link:hover, body.aff-portal .standard-popup-overlay .standard-button-container .floating-referral .ref-share-link:hover, body.aff-portal .standard-popup-overlay .standard-button-container .share-dropdown.floating-referral .ref-share-link:hover, body.aff-portal .m-popup-history-detail .standard-button-container .referral-btn .ref-share-link:hover, body.aff-portal .m-popup-history-detail .standard-button-container .shareBtn-container .ref-share-link:hover, body.aff-portal .m-popup-history-detail .standard-button-container .floating-referral .ref-share-link:hover, body.aff-portal .m-popup-history-detail .standard-button-container .share-dropdown.floating-referral .ref-share-link:hover { border-radius: 0.2rem; }
body.aff-portal .affiliate-route-background .standard-button-container.button-full-width-container button, body.aff-portal .standard-popup-overlay .standard-button-container.button-full-width-container button, body.aff-portal .m-popup-history-detail .standard-button-container.button-full-width-container button { grid-area: 1 / span 3; }
body.aff-portal .affiliate-route-background .standard-button-container.two-button-container, body.aff-portal .standard-popup-overlay .standard-button-container.two-button-container, body.aff-portal .m-popup-history-detail .standard-button-container.two-button-container { justify-content: space-between; }
body.aff-portal .affiliate-route-background .standard-button-container.two-button-container button, body.aff-portal .standard-popup-overlay .standard-button-container.two-button-container button, body.aff-portal .m-popup-history-detail .standard-button-container.two-button-container button { width: 49%; min-width: unset; margin: 0px; }
@media (max-width: 768px) { body.aff-portal .affiliate-route-background .aff-settings-container, body.aff-portal .standard-popup-overlay .aff-settings-container, body.aff-portal .m-popup-history-detail .aff-settings-container { padding: 0px; font-size: 0.25574rem; background: rgb(255, 255, 255); min-height: calc(1rem + 100vh); } body.aff-portal .affiliate-route-background .aff-settings-container .standard-container-control, body.aff-portal .standard-popup-overlay .aff-settings-container .standard-container-control, body.aff-portal .m-popup-history-detail .aff-settings-container .standard-container-control { padding: 0px 0.2rem 3rem; } body.aff-portal .affiliate-route-background .aff-settings-container .currency-label, body.aff-portal .affiliate-route-background .aff-settings-container .label-title, body.aff-portal .standard-popup-overlay .aff-settings-container .currency-label, body.aff-portal .standard-popup-overlay .aff-settings-container .label-title, body.aff-portal .m-popup-history-detail .aff-settings-container .currency-label, body.aff-portal .m-popup-history-detail .aff-settings-container .label-title { font-size: 0.171rem; color: rgb(134, 151, 162); } body.aff-portal .affiliate-route-background .standard-container-control, body.aff-portal .standard-popup-overlay .standard-container-control, body.aff-portal .m-popup-history-detail .standard-container-control { width: auto; padding: 0.45rem 0.5rem; } body.aff-portal .affiliate-route-background .standard-accordion, body.aff-portal .standard-popup-overlay .standard-accordion, body.aff-portal .m-popup-history-detail .standard-accordion { padding: 0px; } body.aff-portal .affiliate-route-background .standard-accordion .accordion-item .accordion-title, body.aff-portal .standard-popup-overlay .standard-accordion .accordion-item .accordion-title, body.aff-portal .m-popup-history-detail .standard-accordion .accordion-item .accordion-title { border-bottom: 0.01rem solid rgb(219, 224, 228); } body.aff-portal .affiliate-route-background .standard-button-container button, body.aff-portal .standard-popup-overlay .standard-button-container button, body.aff-portal .m-popup-history-detail .standard-button-container button { border-radius: 0.15rem; } body.aff-portal .affiliate-route-background .standard-button-container button.standard-submit-button, body.aff-portal .affiliate-route-background .standard-button-container button.standard-cancel-form-button, body.aff-portal .standard-popup-overlay .standard-button-container button.standard-submit-button, body.aff-portal .standard-popup-overlay .standard-button-container button.standard-cancel-form-button, body.aff-portal .m-popup-history-detail .standard-button-container button.standard-submit-button, body.aff-portal .m-popup-history-detail .standard-button-container button.standard-cancel-form-button { height: 0.64rem; font-size: 0.32rem; border-radius: 0.15rem; margin: 0.32rem 0px 0.42rem; } body.aff-portal .affiliate-route-background .standard-submit-button, body.aff-portal .standard-popup-overlay .standard-submit-button, body.aff-portal .m-popup-history-detail .standard-submit-button { height: 0.64rem; font-size: 0.32rem; border-radius: 0.15rem; margin: 0.32rem 0px 0.42rem; } body.aff-portal .affiliate-route-background .standard-component-title, body.aff-portal .standard-popup-overlay .standard-component-title, body.aff-portal .m-popup-history-detail .standard-component-title { font-size: 0.3rem; margin: 0.88rem 0.14rem 0.18rem; } body.aff-portal .affiliate-route-background header, body.aff-portal .standard-popup-overlay header, body.aff-portal .m-popup-history-detail header { font-family: Inter; } body.aff-portal .affiliate-route-background .standard-normal-font-size, body.aff-portal .standard-popup-overlay .standard-normal-font-size, body.aff-portal .m-popup-history-detail .standard-normal-font-size { font-size: 1.541em; } body.aff-portal .affiliate-route-background .standard-form-field span.standard-select-arrow, body.aff-portal .standard-popup-overlay .standard-form-field span.standard-select-arrow, body.aff-portal .m-popup-history-detail .standard-form-field span.standard-select-arrow { overflow: unset; } body.aff-portal .affiliate-route-background .standard-form-field .standard-select-arrow, body.aff-portal .standard-popup-overlay .standard-form-field .standard-select-arrow, body.aff-portal .m-popup-history-detail .standard-form-field .standard-select-arrow { position: unset; width: 0px; height: 0px; border-style: unset; transform: none; } body.aff-portal .affiliate-route-background .standard-form-field .standard-select-arrow::after, body.aff-portal .standard-popup-overlay .standard-form-field .standard-select-arrow::after, body.aff-portal .m-popup-history-detail .standard-form-field .standard-select-arrow::after { content: ""; right: 0.3rem; top: 0.22rem; position: absolute; pointer-events: none; border-width: 0px 0.06rem 0.06rem 0px; border-color: rgb(175, 179, 182); border-style: solid; display: inline-block; transform: rotate(45deg); width: 0.2rem !important; height: 0.2rem !important; } body.aff-portal .affiliate-route-background .standard-form-field .standard-select-arrow.active::after, body.aff-portal .standard-popup-overlay .standard-form-field .standard-select-arrow.active::after, body.aff-portal .m-popup-history-detail .standard-form-field .standard-select-arrow.active::after { transform: translate(0%, 50%) rotate(225deg); } body.aff-portal .affiliate-route-background .standard-form-field .standard-select span:first-child, body.aff-portal .standard-popup-overlay .standard-form-field .standard-select span:first-child, body.aff-portal .m-popup-history-detail .standard-form-field .standard-select span:first-child { margin: 0px; } body.aff-portal .affiliate-route-background .standard-form-field .standard-select img, body.aff-portal .standard-popup-overlay .standard-form-field .standard-select img, body.aff-portal .m-popup-history-detail .standard-form-field .standard-select img { margin-right: 0px; } body.aff-portal .affiliate-route-background .standard-form-field .react-datepicker__close-icon, body.aff-portal .standard-popup-overlay .standard-form-field .react-datepicker__close-icon, body.aff-portal .m-popup-history-detail .standard-form-field .react-datepicker__close-icon { padding: 0px 0.3rem 0px 0px; } body.aff-portal .affiliate-route-background .standard-form-field .react-datepicker__close-icon::after, body.aff-portal .standard-popup-overlay .standard-form-field .react-datepicker__close-icon::after, body.aff-portal .m-popup-history-detail .standard-form-field .react-datepicker__close-icon::after { height: 0.4rem; width: 0.4rem; font-size: 0.3rem; font-family: emoji; }
}
.date-filter-month .list-filter-month { display: flex; align-items: center; margin-bottom: 0.3rem; }
.date-filter-month .list-filter-month li { border: 0.02rem solid rgb(255, 138, 0); color: rgb(15, 22, 31); padding: 0.05rem 0.15rem; cursor: pointer; }
.date-filter-month .list-filter-month li:hover, .date-filter-month .list-filter-month li.active { background-color: rgb(255, 138, 0); color: rgb(255, 255, 255); }
.date-filter-month .react-datepicker__monthPicker { display: flex; align-items: center; width: 3.5rem; }
.date-filter-month .react-datepicker__month .react-datepicker__month-text { width: 0.9rem; }
@media (max-width: 768px) { .date-filter-month .react-datepicker__monthPicker { width: auto; } .date-filter-month .react-datepicker-popper, .date-filter-month .react-datepicker, .date-filter-month .react-datepicker__month-container { width: 7rem; } .date-filter-month .react-datepicker__month .react-datepicker__month-text { width: 1.5rem; }
}
.providerLandingIndexContainer { background: none center center / cover no-repeat; margin: 0px 0px 0.43rem; }
.providerLandingIndexContainer .top { position: relative; background: rgb(10, 22, 36); }
.providerLandingIndexContainer .top img { display: block; width: 100%; height: 5.25rem; max-width: 100%; margin: auto; object-fit: cover; object-position: center center; }
.providerLandingIndexContainer .top .top-provider-content { position: absolute; top: 1.35rem; left: calc(50% - 6.7rem); color: rgb(255, 255, 255); width: 100%; word-break: normal; overflow-wrap: break-word; max-width: 13.4rem; }
.providerLandingIndexContainer .top .top-provider-content .provider-type { font-weight: 600; font-size: 0.55rem; margin: 0px 0px 0.05rem; }
.providerLandingIndexContainer .top .top-provider-content .provider-desc { width: 27%; }
.providerLandingIndexContainer .top .top-provider-content .provider-desc p:first-child { font-size: 0.3rem; margin: 0px 0px 0.1rem; }
.providerLandingIndexContainer .top .top-provider-content .provider-desc p:last-child { font-size: 0.16rem; margin: 0px; }
.providerLandingIndexContainer .top .top-provider-content .provider-desc h4 { font-size: 0.3rem; margin: 0px 0px 0.1rem; font-weight: normal; }
.providerLandingIndexContainer .top .top-provider-content .provider-desc h5 { font-size: 0.16rem; margin: 0px; font-weight: normal; }
.providerLandingIndexContainer .top .top-provider-content-kh .provider-type { font-family: Content; }
.providerLandingIndexContainer .top .top-provider-content-kh .provider-desc { font-family: Content; }
.providerLandingIndexContainer .top .bk8-logo-container { position: absolute; top: 4.55rem; left: calc(50% - 6.7rem); width: 100%; max-width: 13.4rem; display: flex; justify-content: end; }
.providerLandingIndexContainer .top .bk8-logo-container .logo-img { background-image: url("../../public/html/images/icon/merchant_logo_white.svg"); background-size: contain; background-position: center center; background-repeat: no-repeat; height: 0.4rem; width: 0.8rem; }
.providerLandingIndexContainer .top-games-container { margin: auto; padding: 0.4rem 0px 0px; width: 13.4rem; }
.providerLandingIndexContainer .top-games-container .hot-game-title { color: rgb(15, 22, 31); font-weight: 600; font-size: 0.18rem; text-transform: capitalize; }
.providerLandingIndexContainer .top-games-container .top-games-content-wrapper { display: grid; grid-template-columns: repeat(5, 0.5fr); }
.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container { display: flex; flex-direction: column; position: relative; }
.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-img-warpper { position: relative; overflow: hidden; }
.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-img-warpper img { cursor: pointer; height: 100%; width: 100%; }
.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-img-warpper .hot-icon, .providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-img-warpper .new-icon { border-radius: 0.2rem; color: rgb(255, 255, 255); font-size: 0.12rem; font-weight: 600; left: 25%; padding: 0.04rem 0.1rem; position: absolute; top: 10%; line-height: normal; font-family: ""Helvetica Neue", Helvetica, Arial, sans-serif Neue", "Helvetica Neue", Helvetica, Arial, sans-serif-Regular; }
.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-img-warpper .hot-icon { background: rgb(255, 101, 15); }
.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-img-warpper .new-icon { background: rgb(224, 9, 44); }
.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-img-warpper .btn-container { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; position: absolute; transition: 0.3s; transform: translateY(0%); opacity: 0; visibility: hidden; background: rgba(255, 255, 255, 0.8); }
.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-img-warpper .btn-container button { width: 1.05rem; height: 0.3rem; color: rgb(255, 255, 255); border-radius: 0.2rem; font-size: 0.14rem; }
.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-img-warpper .btn-container button.top-game-play-btn { background: rgb(255, 138, 0); }
.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-img-warpper .btn-container button.top-game-play-demo-btn { margin: 0.08rem 0px 0px; background: rgb(0, 113, 227); }
.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-img-warpper:hover .btn-container { transform: translateY(-100%); visibility: visible; opacity: 1; }
.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-content { display: flex; flex-direction: column; padding: 0px 0.5rem; }
.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-content .row-1 { display: flex; justify-content: space-between; }
.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-content .row-1 .game-name { color: rgb(15, 22, 31); font-size: 0.18rem; font-weight: bold; margin: 0px 0px 0.04rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-content .row-1 .icon-container svg { cursor: pointer; fill: rgb(199, 210, 215); height: 0.15rem; width: 0.15rem; }
.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-content .game-type { color: rgb(134, 151, 162); font-size: 0.15rem; margin: 0px 0px 0.12rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-content .game-rtp { align-items: center; background: rgb(0, 136, 243); border-radius: 0.08rem; display: flex; color: rgb(255, 255, 255); font-weight: 600; font-size: 0.12rem; justify-content: center; padding: 0.04rem 0.12rem; width: fit-content; margin: 0px; line-height: normal; font-family: ""Helvetica Neue", Helvetica, Arial, sans-serif Neue", "Helvetica Neue", Helvetica, Arial, sans-serif-Regular; }
.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-content .game-rtp span { margin: 0px 0px 0px 0.15rem; }
.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-info { position: absolute; right: 17%; top: 83%; display: flex; flex-direction: column; justify-content: center; width: 100%; padding: 0.12rem 0.11rem; background: rgb(243, 245, 246); font-size: 0.13rem; border-radius: 0.05rem; z-index: 1; color: rgb(15, 22, 31); box-shadow: rgba(0, 0, 0, 0.2) 0px 0.05rem 0.08rem -0.02rem; }
.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-info p { margin: 0px; }
.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-info > div:not(:last-child) { margin: 0px 0px 0.06rem; }
.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-info .info-row-1 { display: flex; justify-content: space-between; }
.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-info .info-row-1 div { display: flex; background: rgb(255, 255, 255); width: 50%; border-radius: 0.05rem; }
.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-info .info-row-1 div:first-child { margin: 0px 0.08rem 0px 0px; }
.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-info .info-row-1 div p { padding: 0.08rem 0.1rem; color: rgb(134, 151, 162); }
.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-info .info-row-1 div p span { padding: 0px 0px 0px 0.08rem; color: rgb(15, 22, 31); }
.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-info .info-row-2, .providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-info .info-row-3 { display: flex; align-items: center; justify-content: space-between; width: 100%; background: rgb(255, 255, 255); padding: 0.08rem 0.1rem; border-radius: 0.05rem; }
.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-info .info-row-2 p, .providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-info .info-row-3 p { color: rgb(15, 22, 31); }
.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-info .info-row-2 p:first-child, .providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-info .info-row-3 p:first-child { color: rgb(134, 151, 162); }
.providerLandingIndexContainer .mid { background: rgb(243, 245, 246); border-radius: 0.1rem; margin: 0.5rem auto; padding: 0.22rem 0.52rem; width: 13.4rem; }
.providerLandingIndexContainer .mid .provider-box { display: grid; flex-wrap: wrap; gap: 0.1rem; grid-template-columns: repeat(7, 0.7fr); }
.providerLandingIndexContainer .mid .provider-box .tab-header { background: rgb(255, 255, 255); border: 0.01rem solid rgba(0, 0, 0, 0); border-radius: 0.5rem; padding: 0.05rem 0px; position: relative; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.providerLandingIndexContainer .mid .provider-box .tab-header .tab-inner { align-items: center; display: flex; justify-content: center; opacity: 0.5; }
.providerLandingIndexContainer .mid .provider-box .tab-header .tab-inner svg { filter: grayscale(100%); margin: 0px 0.05rem 0px 0px; height: 0.2rem; width: auto; object-fit: contain; }
.providerLandingIndexContainer .mid .provider-box .tab-header .tab-inner span { color: rgb(134, 151, 162); font-size: 0.14rem; white-space: nowrap; }
.providerLandingIndexContainer .mid .provider-box .tab-header .tab-inner span::first-letter { text-transform: uppercase; }
.providerLandingIndexContainer .mid .provider-box .tab-header:hover { border: 0.01rem solid rgb(255, 138, 0); }
.providerLandingIndexContainer .mid .provider-box .tab-header:hover .tab-inner { opacity: 1; }
.providerLandingIndexContainer .mid .provider-box .tab-header:hover .tab-inner svg { filter: grayscale(0%); }
.providerLandingIndexContainer .mid .provider-box .tab-header:hover .tab-inner span { color: rgb(15, 22, 31); }
.providerLandingIndexContainer .mid .provider-box .tab-header .float-dot { font-size: 0.08rem; padding: 0.03rem 0.08rem; position: absolute; right: -0.04rem; text-align: center; top: -0.05rem; line-height: normal; border-radius: 0.1rem; font-family: ""Helvetica Neue", Helvetica, Arial, sans-serif Neue", "Helvetica Neue", Helvetica, Arial, sans-serif-Regular; }
.providerLandingIndexContainer .mid .provider-box .tab-header .hot-provider { background: rgb(255, 101, 15); color: rgb(255, 255, 255); }
.providerLandingIndexContainer .mid .provider-box .tab-header .new-provider { background: rgb(224, 9, 44); color: rgb(255, 255, 255); }
.providerLandingIndexContainer .mid .provider-box .tab-header .vpn-provider { background: rgb(134, 151, 162); border-radius: 0.04rem; color: rgb(255, 255, 255); }
.providerLandingIndexContainer .mid .provider-box .tab-header .promo-provider { background: linear-gradient(to right, rgb(9, 94, 189), rgb(4, 169, 194)); color: rgb(255, 255, 255); }
.providerLandingIndexContainer .mid .provider-box .active { border: 0.01rem solid rgb(255, 138, 0); }
.providerLandingIndexContainer .mid .provider-box .active .tab-inner { opacity: 1; }
.providerLandingIndexContainer .mid .provider-box .active .tab-inner svg { filter: grayscale(0%); }
.providerLandingIndexContainer .mid .provider-box .active .tab-inner span { color: rgb(15, 22, 31); }
.providerLandingIndexContainer .bottom { display: flex; flex-flow: column; width: 13.4rem; margin: 0.26rem auto 0px; }
.providerLandingIndexContainer .bottom .filter-container { display: flex; justify-content: space-between; align-items: center; color: rgb(134, 151, 162); font-size: 0.14rem; margin: 0px 0px 0.26rem; padding: 0px 0px 0px 0.52rem; }
.providerLandingIndexContainer .bottom .filter-container .filter-list { display: flex; align-items: center; text-transform: capitalize; }
.providerLandingIndexContainer .bottom .filter-container .filter-list .filter-header { display: flex; align-items: center; justify-content: center; height: 0.3rem; padding: 0px 0.09rem; border-radius: 0.2rem; margin: 0px 0.1rem 0px 0px; cursor: pointer; }
.providerLandingIndexContainer .bottom .filter-container .filter-list .filter-header.active { background: rgb(255, 138, 0); color: rgb(255, 255, 255); }
.providerLandingIndexContainer .bottom .filter-container .filter-list .filter-header:hover { background: rgb(255, 138, 0); color: rgb(255, 255, 255); }
.providerLandingIndexContainer .bottom .filter-container .filter-list .filter-header .text { text-transform: lowercase; }
.providerLandingIndexContainer .bottom .filter-container .filter-list .filter-header .text::first-letter { text-transform: uppercase; }
.providerLandingIndexContainer .bottom .filter-container .sort-container { display: flex; align-items: center; height: 0.35rem; }
.providerLandingIndexContainer .bottom .filter-container .sort-container .sort-title { color: rgb(15, 22, 31); margin: 0px; }
.providerLandingIndexContainer .bottom .filter-container .sort-container .sort-type-container { position: relative; height: 100%; margin: 0px 0px 0px 0.18rem; cursor: pointer; }
.providerLandingIndexContainer .bottom .filter-container .sort-container .sort-type-container .sort-type-wrapper { position: relative; z-index: 2; width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; background: rgb(255, 255, 255); border: 0.01rem solid rgb(232, 232, 232); border-radius: 0.2rem; padding: 0px 0.15rem 0px 0.25rem; }
.providerLandingIndexContainer .bottom .filter-container .sort-container .sort-type-container .sort-type-wrapper .sort-type-title { color: rgb(134, 151, 162); margin: 0px 0.95rem 0px 0px; }
.providerLandingIndexContainer .bottom .filter-container .sort-container .sort-type-container .sort-type-wrapper .drop-down-arrow { width: 0.1rem; height: 0.05rem; fill: rgb(134, 151, 162); transition: 0.3s; }
.providerLandingIndexContainer .bottom .filter-container .sort-container .sort-type-container .sort-type-wrapper .drop-down-arrow.rotate { transform: rotate(180deg); }
.providerLandingIndexContainer .bottom .filter-container .sort-container .sort-type-container .sort-type-dropdown { position: absolute; z-index: 1; top: 0px; left: 0px; width: 100%; max-height: 2.5rem; padding: 0.5rem 0.1rem 0.2rem; background: rgb(243, 245, 246); border-radius: 0.2rem; overflow-y: scroll; }
.providerLandingIndexContainer .bottom .filter-container .sort-container .sort-type-container .sort-type-dropdown p { display: flex; align-items: center; margin: 0px; height: 0.25rem; padding: 0px 0.1rem; font-size: 0.14rem; color: rgb(134, 151, 162); white-space: nowrap; }
.providerLandingIndexContainer .bottom .filter-container .sort-container .sort-type-container .sort-type-dropdown p:not(:last-child) { margin: 0px 0px 0.12rem; }
.providerLandingIndexContainer .bottom .filter-container .sort-container .sort-type-container .sort-type-dropdown p.active, .providerLandingIndexContainer .bottom .filter-container .sort-container .sort-type-container .sort-type-dropdown p:hover { background: rgb(255, 138, 0); border-radius: 0.1rem; color: rgb(255, 255, 255); cursor: pointer; }
.providerLandingIndexContainer .bottom .filter-container .sort-container .search-web { position: relative; display: flex; align-items: center; justify-content: space-between; background: rgb(255, 255, 255); border: 0.01rem solid rgb(232, 232, 232); border-radius: 0.2rem; margin: 0px 0px 0px 0.15rem; }
.providerLandingIndexContainer .bottom .filter-container .sort-container .search-web .icon-sm { position: relative; align-items: center; justify-content: space-between; background: rgb(255, 255, 255); width: 0.2rem; height: 0.2rem; margin: 0px 0.05rem 0px 0.1rem; transition: 0.3s; }
.providerLandingIndexContainer .bottom .filter-container .sort-container .search-web .icon-sm svg { fill: rgb(255, 138, 0); }
.providerLandingIndexContainer .bottom .filter-container .sort-container .search-web .search-input { background: rgba(0, 0, 0, 0); height: 0.35rem; }
.providerLandingIndexContainer .bottom .content-container { display: grid; grid-template-columns: repeat(6, 1fr); gap: 0.45rem 0.1rem; margin: 0.2rem 0px 0px; }
.providerLandingIndexContainer .bottom .content-container.has-custom-game-list { margin: 0.2rem 0px 0.5921rem; }
.providerLandingIndexContainer .bottom .content-container .game-box .game-img-wrapper { position: relative; width: 100%; border-radius: 0.1rem; overflow: hidden; }
.providerLandingIndexContainer .bottom .content-container .game-box .game-img-wrapper img { width: 100%; object-fit: contain; border-radius: 0.11rem; }
.providerLandingIndexContainer .bottom .content-container .game-box .game-img-wrapper .btn-container { display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; height: 101.5%; position: absolute; transition: 0.3s; transform: translateY(0%); opacity: 0; visibility: hidden; background: rgba(255, 255, 255, 0.8); }
.providerLandingIndexContainer .bottom .content-container .game-box .game-img-wrapper .btn-container button { width: 1.05rem; height: 0.3rem; color: rgb(255, 255, 255); border-radius: 0.2rem; font-size: 0.14rem; }
.providerLandingIndexContainer .bottom .content-container .game-box .game-img-wrapper .btn-container button.play-btn { background: rgb(255, 138, 0); }
.providerLandingIndexContainer .bottom .content-container .game-box .game-img-wrapper .btn-container button.demo-btn { margin: 0.08rem 0px 0px; background: rgb(0, 113, 227); }
.providerLandingIndexContainer .bottom .content-container .game-box .game-img-wrapper:hover .btn-container { transform: translateY(-99%); visibility: visible; opacity: 1; }
.providerLandingIndexContainer .bottom .content-container .game-box .game-img-wrapper.disable-pointer-events, .providerLandingIndexContainer .bottom .content-container .game-box .game-img-wrapper.maintenance { pointer-events: none; }
.providerLandingIndexContainer .bottom .content-container .game-box .game-details { justify-content: space-between; margin: 0.15rem 0px 0px; }
.providerLandingIndexContainer .bottom .content-container .game-box .game-details .game-name { font-size: 0.14rem; color: rgb(15, 22, 31); margin: 0px 0px 0px 0.1rem; text-transform: capitalize; }
.providerLandingIndexContainer .bottom .content-container .game-box .game-details .game-status { display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 0.12rem; }
.providerLandingIndexContainer .bottom .content-container .game-box .game-details .game-status .tag { display: flex; align-items: center; justify-content: center; width: 0.4rem; height: 0.15rem; margin: 0px; color: rgb(255, 255, 255); border-radius: 0.2rem; line-height: normal; font-family: ""Helvetica Neue", Helvetica, Arial, sans-serif Neue", "Helvetica Neue", Helvetica, Arial, sans-serif-Regular; }
.providerLandingIndexContainer .bottom .content-container .game-box .game-details .game-status .tag.isHot-tag { background: rgb(255, 101, 15); }
.providerLandingIndexContainer .bottom .content-container .game-box .game-details .game-status .tag.isNew-tag { background: rgb(224, 9, 44); }
.providerLandingIndexContainer .bottom .content-container .game-box .game-details .game-status svg { width: 0.16rem; margin: 0px 0px 0px 0.05rem; fill: rgb(197, 210, 216); }
.providerLandingIndexContainer .bottom .content-container .game-box .game-details .icon-container svg { cursor: pointer; fill: rgb(199, 210, 215); height: 0.16rem; width: 0.16rem; }
.providerLandingIndexContainer .bottom .content-container .game-box .game-details .game-rtp { align-items: center; background: rgb(0, 136, 243); border-radius: 0.08rem; display: flex; color: rgb(255, 255, 255); font-weight: 600; font-size: 0.12rem; justify-content: center; margin: 0.1rem 0px 0px; padding: 0.04rem 0.1rem; width: fit-content; line-height: normal; font-family: ""Helvetica Neue", Helvetica, Arial, sans-serif Neue", "Helvetica Neue", Helvetica, Arial, sans-serif-Regular; }
.providerLandingIndexContainer .bottom .content-container .game-box .game-details .game-rtp span { margin: 0px 0px 0px 0.15rem; }
.providerLandingIndexContainer .bottom .content-container .game-box .hot-game-info { position: absolute; right: 7%; top: 87%; display: flex; flex-direction: column; justify-content: center; width: 100%; padding: 0.12rem 0.11rem; background: rgb(243, 245, 246); font-size: 0.13rem; border-radius: 0.05rem; z-index: 1; color: rgb(15, 22, 31); }
.providerLandingIndexContainer .bottom .content-container .game-box .hot-game-info p { margin: 0px; }
.providerLandingIndexContainer .bottom .content-container .game-box .hot-game-info > div:not(:last-child) { margin: 0px 0px 0.06rem; }
.providerLandingIndexContainer .bottom .content-container .game-box .hot-game-info .info-row-1 { display: flex; justify-content: space-between; }
.providerLandingIndexContainer .bottom .content-container .game-box .hot-game-info .info-row-1 div { display: flex; justify-content: space-between; background: rgb(255, 255, 255); width: 50%; border-radius: 0.05rem; padding: 0.08rem 0.1rem; }
.providerLandingIndexContainer .bottom .content-container .game-box .hot-game-info .info-row-1 div:first-child { margin: 0px 0.08rem 0px 0px; }
.providerLandingIndexContainer .bottom .content-container .game-box .hot-game-info .info-row-1 div p { color: rgb(15, 22, 31); }
.providerLandingIndexContainer .bottom .content-container .game-box .hot-game-info .info-row-1 div p:first-child { color: rgb(134, 151, 162); }
.providerLandingIndexContainer .bottom .content-container .game-box .hot-game-info .info-row-2, .providerLandingIndexContainer .bottom .content-container .game-box .hot-game-info .info-row-3 { display: flex; align-items: center; justify-content: space-between; width: 100%; background: rgb(255, 255, 255); padding: 0.08rem 0.1rem; border-radius: 0.05rem; }
.providerLandingIndexContainer .bottom .content-container .game-box .hot-game-info .info-row-2 p, .providerLandingIndexContainer .bottom .content-container .game-box .hot-game-info .info-row-3 p { color: rgb(15, 22, 31); }
.providerLandingIndexContainer .bottom .content-container .game-box .hot-game-info .info-row-2 p:first-child, .providerLandingIndexContainer .bottom .content-container .game-box .hot-game-info .info-row-3 p:first-child { color: rgb(134, 151, 162); }
.providerLandingIndexContainer .bottom .app-landing-section { position: relative; }
.providerLandingIndexContainer .bottom .app-landing-section img { width: 100%; border-radius: 0.1rem; }
.providerLandingIndexContainer .bottom .app-landing-section .app-landing-content { position: absolute; top: 0px; left: 0px; width: 100%; padding: 0.4rem 0.9rem; }
.providerLandingIndexContainer .bottom .app-landing-section .app-landing-content .left-container { margin: 0px; }
.providerLandingIndexContainer .bottom .app-landing-section .app-landing-content .header-container .header-1 { font-size: 0.4rem; }
.providerLandingIndexContainer .bottom .app-landing-section .app-landing-content .header-container .header-2 { margin: 0.15rem 0px 0px; font-size: 0.2rem; }
.providerLandingIndexContainer .bottom .app-landing-section .app-landing-content .app-download-container { margin: 0.25rem 0px 0px; }
.providerLandingIndexContainer .bottom .app-landing-section .app-landing-content .app-download-container .download-item .instruction-btn { font-size: 0.14rem; }
.providerLandingIndexContainer .bottom .app-landing-section .app-landing-content .app-download-container .download-item .download_qr { border: rgba(0, 0, 0, 0); }
.providerLandingIndexContainer .bottom .app-landing-section .app-landing-content .app-download-container .download-item .os-name { background: rgb(255, 255, 255); color: rgb(134, 151, 162); }
.providerLandingIndexContainer .bottom-category .bottom-content { align-items: center; color: rgb(15, 22, 31); display: flex; flex-direction: column; justify-content: center; margin: auto; width: 13.4rem; position: relative; z-index: 2; }
.providerLandingIndexContainer .bottom-category .bottom-content .title { font-weight: 600; font-size: 0.4rem; margin: 0px 0px 0.2rem; }
.providerLandingIndexContainer .bottom-category .bottom-content .title::first-letter { text-transform: uppercase; }
.providerLandingIndexContainer .bottom-category .bottom-content .subtitle { font-size: 0.2rem; margin: 0px 0px 0.2rem; }
.providerLandingIndexContainer .bottom-category .bottom-content .description { color: rgb(134, 151, 162); font-size: 0.14rem; margin: 0px 0px 0.4rem; text-align: center; width: 50%; }
.providerLandingIndexContainer .bottom-category .bottom-content button { background: rgb(255, 138, 0); border-radius: 0.1rem; color: rgb(255, 255, 255); font-size: 0.16rem; padding: 0.1rem 0px; width: 28%; }
.providerLandingIndexContainer .bottom-category .bottom-content button:hover { background: rgb(255, 114, 0); }
.providerLandingIndexContainer .bottom-category .bottom-content-img { position: relative; z-index: 1; margin: -0.8rem auto 0px; }
.providerLandingIndexContainer .bottom-category .bottom-content-img img { display: block; margin: auto; max-width: 100%; width: 100%; height: 100%; object-fit: contain; object-position: center center; }
.providerLandingIndexContainer .dotsContainer { position: absolute; bottom: 0.16rem; left: 0%; margin: 0px 0.49rem; }
.providerLandingIndexContainer .dotsContainer .dots { background: rgb(255, 255, 255); width: 0.09rem; height: 0.09rem; transform: unset; margin: 0px 0.05rem; border-radius: 50%; }
.providerLandingIndexContainer .dotsContainer .active { background: rgb(253, 184, 19); width: 0.29rem; height: 0.09rem; transform: unset; margin: 0px 0.1rem; border-radius: 0.1rem; }
@media (max-width: 1024px) { .providerLandingIndexContainer .top img { height: 4.51rem; object-fit: cover; width: 100%; } .providerLandingIndexContainer .top .top-provider-content { top: 1.28rem; left: 0.85rem; width: 28%; } .providerLandingIndexContainer .top .top-provider-content .provider-type { font-size: 0.47rem; margin: 0px 0px 0.02rem; } .providerLandingIndexContainer .top .top-provider-content .provider-desc { font-size: 0.24rem; width: 100%; } .providerLandingIndexContainer .top .bk8-logo-container { top: 3.9rem; } .providerLandingIndexContainer .top .bk8-logo-container .bk8-logo { height: 0.4rem; width: 0.7rem; } .providerLandingIndexContainer .top-games-container { width: 11.5rem; } .providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-content .row-1 .icon-container { align-items: flex-start; } .providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-info { right: 0px; top: 76%; } .providerLandingIndexContainer .mid { width: 11.5rem; } .providerLandingIndexContainer .bottom { width: 11.5rem; } .providerLandingIndexContainer .bottom .content-container .game-box .hot-game-info { right: 6%; } .providerLandingIndexContainer .bottom .content-container .game-box .game-img-wrapper .btn-container { width: 100%; height: 101.5%; } .providerLandingIndexContainer .bottom .app-landing-section .app-landing-content { padding: 0.25rem 0.75rem; } .providerLandingIndexContainer .bottom .app-landing-section .app-landing-content .header-container .header-1 { font-size: 0.35rem; } .providerLandingIndexContainer .bottom .app-landing-section .app-landing-content .header-container .header-1 .header-2 { font-size: 0.15rem; } .providerLandingIndexContainer .bottom-category .bottom-content-img { margin: -0.4rem auto 0px; }
}
.m-provider-content-container { background: unset; }
.m-provider-content-container p { margin: 0px; }
.m-provider-content-container .game-rtp { background: rgb(0, 136, 243); border-radius: 0.08rem; color: rgb(255, 255, 255); padding: 0.05rem 0.15rem; line-height: normal; font-family: ""Helvetica Neue", Helvetica, Arial, sans-serif Neue", "Helvetica Neue", Helvetica, Arial, sans-serif-Regular; }
.m-provider-content-container .game-rtp span { margin: 0px 0px 0px 0.15rem; }
.m-provider-content-container .hot-game-info { position: absolute; top: 50%; left: 0px; display: flex; flex-direction: column; justify-content: center; width: 3rem; padding: 0.12rem 0.11rem; background: rgb(232, 232, 232); border-radius: 0.05rem; z-index: 1; color: rgb(15, 22, 31); font-size: 0.22rem; }
.m-provider-content-container .hot-game-info > div:not(:last-child) { margin: 0px 0px 0.06rem; }
.m-provider-content-container .hot-game-info .info-row-1 { display: flex; justify-content: space-between; }
.m-provider-content-container .hot-game-info .info-row-1 div { display: flex; justify-content: space-between; background: rgb(255, 255, 255); width: 50%; border-radius: 0.05rem; }
.m-provider-content-container .hot-game-info .info-row-1 div:first-child { margin: 0px 0.08rem 0px 0px; }
.m-provider-content-container .hot-game-info .info-row-1 div p { padding: 0.08rem 0.1rem 0.08rem 0px; color: rgb(15, 22, 31); }
.m-provider-content-container .hot-game-info .info-row-1 div p:first-child { padding: 0.08rem 0px 0.08rem 0.1rem; color: rgb(134, 151, 162); }
.m-provider-content-container .hot-game-info .info-row-2, .m-provider-content-container .hot-game-info .info-row-3 { display: flex; align-items: center; justify-content: space-between; width: 100%; background: rgb(255, 255, 255); padding: 0.08rem 0.1rem; border-radius: 0.05rem; text-transform: capitalize; }
.m-provider-content-container .hot-game-info .info-row-2 p, .m-provider-content-container .hot-game-info .info-row-3 p { color: rgb(15, 22, 31); }
.m-provider-content-container .hot-game-info .info-row-2 p:first-child, .m-provider-content-container .hot-game-info .info-row-3 p:first-child { color: rgb(134, 151, 162); }
.m-provider-content-container .game-others-info { display: flex; align-items: center; justify-content: space-between; margin: 0.1rem 0px 0px; font-size: 0.22rem; text-align: center; height: 0.3rem; }
.m-provider-content-container .game-others-info .hot-icon, .m-provider-content-container .game-others-info .new-icon { padding: 0px 0.15rem; }
.m-provider-content-container .hot-icon, .m-provider-content-container .new-icon { line-height: normal; font-family: ""Helvetica Neue", Helvetica, Arial, sans-serif Neue", "Helvetica Neue", Helvetica, Arial, sans-serif-Regular; border-radius: 0.2rem; color: rgb(255, 255, 255); }
.m-provider-content-container .hot-icon { background: rgb(255, 101, 15); }
.m-provider-content-container .new-icon { background: rgb(224, 9, 44); }
.m-provider-content-container .search-mobile { display: flex; align-items: center; height: 0.75rem; font-size: 0.36rem; }
.m-provider-content-container .search-mobile .search-form-container { position: relative; z-index: 2; width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; background: rgb(255, 255, 255); border: 0.01rem solid rgb(232, 232, 232); border-radius: 0.5rem; padding: 0px 0.15rem 0px 0.25rem; }
.m-provider-content-container .search-mobile .icon-sm { width: 0.8rem; height: 0.8rem; margin: 0px 0.1rem 0px 0px; }
.m-provider-content-container .search-mobile .icon-sm svg { fill: rgb(149, 149, 149); }
.m-provider-content-container .search-mobile .search-form form input { font-size: 0.36rem; background: rgba(0, 0, 0, 0); }
.m-provider-content-container .provider-content { background: rgb(247, 247, 247); padding: 0.5rem 0.3rem 0.7rem; font-size: 0.3rem; color: rgb(15, 22, 31); }
.m-provider-content-container .provider-content .standard-tab { width: fit-content; }
.m-provider-content-container .provider-content .filter-container { display: grid; grid-template-columns: 4fr 6fr; gap: 0px 0.2rem; height: 0.65rem; }
.m-provider-content-container .provider-content .filter-container .sort-container { position: relative; }
.m-provider-content-container .provider-content .filter-container .sort-container .standard-select { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; background: rgb(255, 255, 255); border-radius: 0.5rem; height: 100%; padding: 0px 0.32rem 0px 0.4rem; }
.m-provider-content-container .provider-content .filter-container .sort-container .standard-select .drop-down-arrow { width: 0.25rem; height: 0.15rem; fill: rgb(136, 153, 164); transition: 0.3s; z-index: 1; }
.m-provider-content-container .provider-content .filter-container .sort-container .standard-select .drop-down-arrow.active { transform: rotate(180deg); }
.m-provider-content-container .provider-content .filter-container .sort-container .sort-type-dropdown { position: absolute; z-index: 1; top: 0.7rem; left: 0px; width: 100%; max-height: 4.8rem; padding: 0.31rem 0.15rem 0.45rem; background: rgb(255, 255, 255); border-radius: 0.2rem; overflow-y: scroll; border: 0.01rem solid rgb(214, 214, 214); }
.m-provider-content-container .provider-content .filter-container .sort-container .sort-type-dropdown > * { display: flex; align-items: center; margin: 0px; height: 0.65rem; padding: 0px 0.25rem; color: rgb(136, 153, 164); white-space: nowrap; }
.m-provider-content-container .provider-content .filter-container .sort-container .sort-type-dropdown > :not(:last-child) { margin: 0px 0px 0.12rem; }
.m-provider-content-container .provider-content .filter-container .sort-container .sort-type-dropdown > .active, .m-provider-content-container .provider-content .filter-container .sort-container .sort-type-dropdown > :hover { background: rgb(255, 138, 0); border-radius: 0.5rem; color: rgb(255, 255, 255); cursor: pointer; }
.m-provider-content-container .provider-content .filter-container .search-form-container { display: flex; align-items: center; background: rgb(255, 255, 255); border-radius: 0.5rem; height: 100%; padding: 0px 0.25rem; }
.m-provider-content-container .provider-content .filter-container .search-form-container svg { width: 0.4rem; height: 0.4rem; }
.m-provider-content-container .provider-content .filter-container .search-form-container .search-input { margin: 0px 0px 0px 0.25rem; background: rgba(0, 0, 0, 0); font-size: 0.3rem; color: rgb(136, 153, 164); }
.m-provider-content-container .provider-content .filter-container .search-form-container .search-input::-webkit-input-placeholder { color: rgb(136, 153, 164); }
.m-provider-content-container .provider-content .tab-container { margin: 0.35rem 0px 0px; background: unset; overflow: scroll; }
.m-provider-content-container .provider-content .tab-container .standard-tab { width: fit-content; }
.m-provider-content-container .provider-content .tab-container .standard-tab .tab-header { display: flex; align-items: center; justify-content: center; height: 0.65rem; padding: 0px 0.45rem; border-radius: 0.5rem; color: rgb(136, 153, 164); }
.m-provider-content-container .provider-content .tab-container .standard-tab .tab-header.active { background: rgb(255, 138, 0); color: rgb(255, 255, 255); }
.m-provider-content-container .provider-content .tab-container .standard-tab .tab-header .text { text-transform: lowercase; }
.m-provider-content-container .provider-content .tab-container .standard-tab .tab-header .text::first-letter { text-transform: uppercase; }
.m-provider-content-container .provider-content .game-container { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.4rem 0.12rem; margin: 0.45rem 0px 0px; }
.m-provider-content-container .provider-content .game-container .game-box .game-img-wrapper img { width: 100%; border-radius: 0.1rem; }
.m-provider-content-container .provider-content .game-container .game-box .game-details { position: relative; margin: 0.15rem 0px 0px; padding: 0px 0px 0px 0.08rem; }
.m-provider-content-container .provider-content .game-container .game-box .game-details .game-name-info { display: flex; justify-content: space-between; align-items: center; font-size: 0.22rem; font-weight: 600; height: 0.3rem; }
.m-provider-content-container .provider-content .game-container .game-box .game-details .game-name-info .game-name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-transform: capitalize; }
.m-provider-content-container .provider-content .game-container .game-box .game-details .game-name-info .icon-container { width: 0.3rem; fill: rgb(199, 210, 215); }
.m-provider-content-container .provider-content .game-container .game-box:nth-child(3n) .game-details .hot-game-info { left: -30%; }
.grecaptcha-badge { visibility: hidden; }
.slider-recaptcha-popup-overlay { display: flex; align-items: center; }
.slider-recaptcha-popup-overlay .slider-recaptcha-modal-container { width: 500px; min-width: 500px; max-width: 500px; background: rgb(255, 255, 255); min-height: 1.8rem; }
@media (max-width: 768px) { .slider-recaptcha-popup-overlay .slider-recaptcha-modal-container { width: 95%; min-width: 95%; max-width: 95%; min-height: 2rem; }
}
.slider-recaptcha-popup-overlay .slider-recaptcha-modal-container .slideHeader { padding: 0.5rem 0.4rem 0px; text-align: center; }
.slider-recaptcha-popup-overlay .slider-recaptcha-modal-container .slideHeader .standard-modal-title { color: rgb(0, 0, 0); }
.slider-recaptcha-popup-overlay .slider-recaptcha-modal-container .slider-recaptcha-over-99 input::-webkit-slider-thumb { background: url("../../public/html/images/icon/tick-green.svg"), rgb(255, 255, 255) !important; }
.slider-recaptcha-popup-overlay .slider-recaptcha-modal-container .slider-recaptcha { height: 0.45rem; margin: 0.2rem auto; width: 75%; position: relative; background: rgb(0, 113, 227); border-radius: 0.5rem; border: 0.01rem solid rgb(186, 186, 186); padding: 0px; overflow: hidden; font-size: 0.14rem; }
.slider-recaptcha-popup-overlay .slider-recaptcha-modal-container .slider-recaptcha input { appearance: none; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); margin: 0px; z-index: 2; inset: 0px; padding: 0px; }
.slider-recaptcha-popup-overlay .slider-recaptcha-modal-container .slider-recaptcha input::-webkit-slider-thumb { appearance: none; z-index: 3; position: relative; width: 0.45rem; height: 0.45rem; border-radius: 0.5rem; background: url("../../public/html/images/icon/arrow-right-grey.svg") 50% center / 0.2rem 0.2rem no-repeat, rgb(255, 255, 255); box-shadow: rgb(247, 247, 247) -101vw 0px 0px 100vw; cursor: pointer; }
.slider-recaptcha-popup-overlay .slider-recaptcha-modal-container .slider-recaptcha .slide-over-90 { z-index: 30; color: rgb(134, 151, 162); }
.slider-recaptcha-popup-overlay .slider-recaptcha-modal-container .slider-recaptcha span { position: absolute; z-index: 1; top: 0px; left: 0px; text-align: center; width: 100%; font-size: 0.2rem; color: rgb(255, 255, 255); height: 100%; cursor: default; display: flex; justify-content: center; align-items: center; margin: 0px 0px 0px 0.2rem; }
.reward-box { width: 2rem; position: fixed; bottom: 0.5rem; right: 0.5rem; z-index: 11; }
.reward-box .reward-image-box { }
.reward-box .reward-image-box .reward-img { width: 100%; height: 100%; cursor: pointer; position: relative; z-index: 3; }
.reward-box .reward-close { position: absolute; top: 0px; right: 0px; width: 0.3rem; height: 0.3rem; padding: 0.05rem; background: rgb(255, 255, 255); border-radius: 50%; fill: rgb(255, 78, 0); cursor: pointer; z-index: 5; display: flex; align-items: center; justify-content: center; font-size: 0.25rem; color: rgb(0, 0, 0); }
.reward-box .box-overlay { position: unset; inset: 0px; background-color: unset; z-index: 0; overflow: hidden; }
.reward-popup { position: fixed; top: 0px; left: 0px; justify-content: center; align-items: center; z-index: 1100; width: 100%; height: 100%; overflow: auto; outline: 0px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.204)); animation: 0.3s ease 0s 1 normal none running modalPopUp; }
@keyframes modalPopUp { 0% { opacity: 0; } 100% { opacity: 1; }
}
.reward-popup .popup-overlay { position: fixed; inset: 0px; background-color: rgba(0, 0, 0, 0.5); z-index: 0; overflow: hidden; }
.reward-popup .popup { margin: auto; border-radius: 0.06rem; backface-visibility: hidden; max-height: 90%; position: absolute; left: 50%; top: 50%; z-index: 1; width: 100%; max-width: 5.18rem; transform: translate(-50%, -50%); cursor: pointer; padding: 0px !important; }
.reward-popup .popup .reward-popupImg { width: 100%; height: 100%; position: relative; z-index: 3; }
.reward-popup .popup .reward-close { position: absolute; top: 0.35rem; right: 0.4rem; width: 0.3rem; height: 0.3rem; padding: 0.05rem; background: rgb(255, 255, 255); border-radius: 50%; fill: rgb(255, 78, 0); cursor: pointer; z-index: 5; display: flex; align-items: center; justify-content: center; font-size: 0.25rem; color: rgb(0, 0, 0); line-height: unset; }
.reward-popup .popup .popup-detail { position: absolute; top: 10%; bottom: unset; left: 0px; right: 0px; display: flex; align-items: center; justify-content: center; flex-flow: column; margin: auto; width: 3.5rem; height: 4rem; transform: translate(0px, 0.8rem); color: rgb(255, 255, 255); z-index: 3; text-align: center; padding: 0px; }
.reward-popup .popup .popup-detail > p { margin-bottom: 0px; }
.reward-popup .popup .popup-detail .detail-title { width: 100%; font-size: 0.2rem; white-space: nowrap; overflow: scroll hidden; color: rgb(255, 255, 255); display: unset; word-break: unset; -webkit-line-clamp: unset; -webkit-box-orient: unset; }
.reward-popup .popup .popup-detail .detail-amount { width: 100%; font-size: 0.2rem; font-weight: bold; white-space: nowrap; overflow: scroll hidden; color: rgb(255, 255, 255); margin: 0.2rem 0px; }
.reward-popup .popup .popup-detail .detail-desc { width: 100%; font-size: 0.2rem; max-height: 1.5rem; height: unset; display: unset; align-items: unset; justify-content: unset; word-break: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
@media (max-width: 1024px) { .reward-box { width: 2rem; } .reward-box .reward-close { width: 0.5rem; height: 0.5rem; } .reward-popup .popup { max-width: 5.18rem; } .reward-popup .popup .reward-close { width: 0.5rem; height: 0.5rem; top: 0.5rem; right: 0.5rem; } .reward-popup .popup .popup-detail { top: -1.3rem; width: 5.5rem; height: 4.8rem; right: 0px; transform: translate(0px, 1.4rem); } .reward-popup .popup .popup-detail .detail-title { font-size: 0.2rem; } .reward-popup .popup .popup-detail .detail-amount { font-size: 0.2rem; } .reward-popup .popup .popup-detail .detail-desc { font-size: 0.2rem; height: unset; }
}
.m-reward-box { z-index: 1100; position: fixed; bottom: 2rem; right: 0.5rem; width: 2rem; height: 2rem; overflow: auto; outline: 0px; }
.m-reward-box .reward-image-box { position: unset; left: unset; top: unset; z-index: 1; transform: unset; width: unset; }
.m-reward-box .reward-image-box .reward-img { width: 100%; height: 100%; }
.m-reward-box .reward-close { width: 0.5rem; height: 0.5rem; font-size: 0.4rem; right: 0px; top: 0px; }
.m-reward-box .box-overlay { position: unset; inset: 0px; background-color: unset; z-index: 0; overflow: hidden; }
.m-reward-popup .popup { max-width: unset; left: 50%; top: 50%; width: 95%; }
.m-reward-popup .popup .popup-detail { top: 10%; right: 0px; width: 5.5rem; height: 4.8rem; padding: 0px; justify-content: center; }
.m-reward-popup .popup .popup-detail .detail-title { font-size: 0.3rem; }
.m-reward-popup .popup .popup-detail .detail-amount { font-size: 0.3rem; }
.m-reward-popup .popup .popup-detail .detail-desc { font-size: 0.3rem; width: 100%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.m-reward-popup .popup .reward-close { width: 0.6rem; height: 0.6rem; font-size: 0.4rem; right: 0.6rem; top: 0.5rem; color: rgb(0, 0, 0); }
.m-reward-popup .popup .reward-popupImg { width: 100%; }
.mini-game-rewards-container { position: fixed; z-index: 3; bottom: 4.5rem; left: 0.5rem; width: 2rem; }
.mini-game-rewards-container img { width: 100%; object-fit: contain; }
.mini-game-rewards-container .close-btn { position: absolute; top: 0px; right: 0px; width: 0.3rem; height: 0.3rem; padding: 0.05rem; background: rgb(255, 138, 0); border-radius: 50%; color: rgb(255, 255, 255); cursor: pointer; z-index: 5; display: flex; align-items: center; justify-content: center; font-size: 0.25rem; }
.mini-game-floating { position: fixed; z-index: 9; width: 2.7rem; height: 1.57rem; bottom: 0.6rem; left: 0.3rem; cursor: pointer; }
.mini-game-floating .close-btn { font-size: 0.21rem; background: rgb(0, 0, 0); left: 2.7rem; position: fixed; bottom: 2rem; z-index: 9; width: 0.3rem; height: 0.3rem; border-radius: 100%; color: rgb(255, 255, 255); padding: 0.024rem 0px 0px 0.096rem; }
.mini-game-floating img { width: 100%; height: 100%; }
@media (max-width: 768px) { .mini-game-floating { width: 3.6rem; height: 2.1rem; left: 0.15rem; bottom: 2rem; } .mini-game-floating .close-btn { width: 0.45rem; height: 0.45rem; font-size: 0.36rem; padding: 0rem 0px 0px 0.13rem; bottom: 4rem; left: 3.3rem; }
}
.standard-accordion { background: rgb(255, 255, 255); border-radius: 0.1rem; margin: auto; padding: 0.5rem; counter-reset: list-number 0; }
.standard-accordion .accordion-item { margin: 0px 0px 0.24rem; }
.standard-accordion .accordion-item .accordion-title { cursor: pointer; padding: 0.2rem 0.3rem 0.2rem 0.6rem; display: flex; counter-increment: list-number 1; }
.standard-accordion .accordion-item .accordion-title::before { content: counter(list-number) ". "; margin: 0px 0.035rem 0px 0px; }
.standard-accordion .accordion-item .accordion-title p { margin: 0px; }
.standard-accordion .accordion-item .accordion-title .drop-down-arrow { fill: rgb(148, 148, 148); width: 0.15rem; height: 0.15rem; margin: auto 0px auto auto; }
.standard-accordion .accordion-item .accordion-content { display: none; overflow: hidden; padding: 0px 0.3rem; line-height: 0.2rem; transition: 0.3s; color: rgb(152, 152, 152); }
.standard-accordion .accordion-item .accordion-content img { width: 100%; }
.standard-accordion .accordion-item .accordion-content ul .list-style.circle, .standard-accordion .accordion-item .accordion-content ol .list-style.circle { list-style-type: circle; }
.standard-accordion .accordion-item .accordion-content ul .list-style.square, .standard-accordion .accordion-item .accordion-content ol .list-style.square { list-style-type: square; }
.standard-accordion .accordion-item .accordion-content ul .list-style.disc, .standard-accordion .accordion-item .accordion-content ol .list-style.disc { list-style-type: disc; }
.standard-accordion .accordion-item .accordion-content ul .list-style.decimal, .standard-accordion .accordion-item .accordion-content ol .list-style.decimal { list-style-type: decimal; }
.standard-accordion .accordion-item .accordion-content ul .list-style.upper-roman, .standard-accordion .accordion-item .accordion-content ol .list-style.upper-roman { list-style-type: upper-roman; }
.standard-accordion .accordion-item .accordion-content ul .list-style.lower-roman, .standard-accordion .accordion-item .accordion-content ol .list-style.lower-roman { list-style-type: lower-roman; }
.standard-accordion .accordion-item .accordion-content ul .list-style.lower-alpha, .standard-accordion .accordion-item .accordion-content ol .list-style.lower-alpha { list-style-type: lower-alpha; }
.standard-accordion .accordion-item .accordion-content ul .list-style.upper-alpha, .standard-accordion .accordion-item .accordion-content ol .list-style.upper-alpha { list-style-type: upper-alpha; }
.standard-accordion .accordion-item .accordion-content a { color: rgb(0, 102, 204); text-decoration: underline; }
.standard-accordion .accordion-item.active .accordion-title .drop-down-arrow { transition: 0.2s; transform: rotate(-180deg); }
.standard-accordion .accordion-item.active .accordion-content { display: block; padding: 0.2rem 0.3rem 0.3rem; }
.info-centre-container .standard-accordion { width: 13.4rem; }
@media (max-width: 1024px) { .info-centre-container .info-menu-container { width: 11.5rem !important; } .info-centre-container .info-submenu-container { width: 11.5rem !important; } .info-centre-container .standard-accordion { width: 11.5rem; } .info-centre-container .menu-desc { width: 11.5rem !important; }
}
.m-info-centre-container .info-menu-container .active { background: rgb(255, 138, 0); border-radius: 0.5rem; }
.m-info-centre-container .info-submenu-container .active { background: rgb(255, 138, 0); color: rgb(255, 255, 255); }
.m-info-centre-container .standard-accordion { padding: 0.44rem 0.1rem 0px; }
.m-info-centre-container .standard-accordion .accordion-item .accordion-title::before { content: counter(list-number) ". "; min-width: 0.4rem; }
.m-info-centre-container .standard-accordion .accordion-item .accordion-title .drop-down-arrow { height: 0.3rem; width: 0.3rem; }
.m-info-centre-container .standard-accordion .accordion-item .accordion-content ol .list-style .deciaml { margin: 0px 0px 0.2rem; }
.lucky-wheel-container { position: fixed; z-index: 10; top: 65%; left: 0%; width: 1.83rem; }
.lucky-wheel-container.fifaclub { top: 67%; bottom: auto; }
.lucky-wheel-container img { width: 100%; height: 100%; object-fit: contain; cursor: pointer; }
.lucky-wheel-container .floating-lucky-wheel { width: 100%; }
.lucky-wheel-container .close-btn { position: absolute; z-index: 5; top: -0.1rem; right: -0.1rem; cursor: pointer; }
.lucky-wheel-container .close-btn > svg { width: 0.33rem; fill: rgb(255, 255, 255); vertical-align: middle; background: rgb(47, 47, 47); border-radius: 50%; padding: 0.08rem; filter: drop-shadow(rgb(108, 108, 108) 0px 0px 0.03rem); }
.lucky-wheel-container .close-btn > img { }
.lucky-wheel-container .close-btn::before, .lucky-wheel-container .close-btn::after { position: absolute; top: 50%; left: 50%; width: 0.03rem; height: 0.15rem; background-color: rgb(255, 255, 255); }
.lucky-wheel-container .close-btn::before { transform: translate(-50%, -50%) rotate(45deg); }
.lucky-wheel-container.fifaclub .close-btn { }
.m-lucky-wheel-container { position: fixed; z-index: 9; bottom: 10%; left: 0px; width: 30%; }
.m-lucky-wheel-container img { display: block; width: 100%; height: 100%; object-fit: contain; cursor: pointer; }
.m-lucky-wheel-container .close-btn { position: absolute; z-index: 5; top: 0px; right: 0px; cursor: pointer; border-radius: 50%; }
.m-lucky-wheel-container .close-btn > svg { width: 0.33rem; fill: rgb(255, 255, 255); vertical-align: middle; background: rgb(47, 47, 47); border-radius: 50%; padding: 0.08rem; filter: drop-shadow(rgb(108, 108, 108) 0px 0px 0.03rem); }
.m-lucky-wheel-container .close-btn::before, .m-lucky-wheel-container .close-btn::after { content: ""; position: absolute; top: 50%; left: 50%; }
.m-lucky-wheel-container .close-btn::before { transform: translate(-50%, -50%) rotate(45deg); }
.m-lucky-wheel-container .close-btn::after { transform: translate(-50%, -50%) rotate(-45deg); }
.lucky-wheel-box-border { position: relative; background: rgba(255, 255, 255, 0.1); z-index: 0; }
.lucky-wheel-box-border::before { content: ""; position: absolute; inset: 0px; border-radius: 0.3rem; padding: 0.02rem; background: linear-gradient(-45deg, rgb(247, 15, 255), rgb(18, 214, 223)); mask: linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px) content-box exclude, linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px); z-index: -1; }
.lucky-wheel-landing-container { padding: 1.5rem 0px 0.68rem; background: url("../../public/html/default_whitelabel/shared-image/lucky_wheel/s2/background.jpg") 0% 0% / cover no-repeat; }
@media (max-width: 768px) { .lucky-wheel-landing-container { padding: 0.5rem 0px 0px; }
}
.lucky-wheel-landing-container p { margin: 0px; }
.lucky-wheel-landing-container img { width: 100%; height: auto; object-fit: contain; }
.lucky-wheel-landing-container .container-row-1 { position: relative; width: 13.5rem; margin: auto; display: grid; grid-template-columns: 6.5fr 3.5fr; gap: 2rem 1rem; grid-template-areas: "a b" "c c"; }
@media (max-width: 768px) { .lucky-wheel-landing-container .container-row-1 { width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; margin: unset; gap: 0.5rem 0px; }
}
.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper { position: relative; height: fit-content; grid-area: a; width: 75%; justify-self: center; }
@media (max-width: 768px) { .lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper { order: 1; }
}
.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .icon-1 { position: absolute; width: 2.04rem; bottom: 49%; left: 86%; }
@media (max-width: 768px) { .lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .icon-1 { bottom: 61%; left: 81%; }
}
.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .icon-2 { position: absolute; width: 2.04rem; bottom: 49%; right: 86%; }
@media (max-width: 768px) { .lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .icon-2 { bottom: 61%; right: 81%; }
}
.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .icon-3 { bottom: -6%; right: -19%; }
@media (max-width: 768px) { .lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .icon-3 { right: -14%; bottom: 20%; }
}
.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .icon-4 { bottom: -8%; right: 70%; }
@media (max-width: 768px) { .lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .icon-4 { right: 68%; bottom: 26%; }
}
.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .icon-5 { top: 40%; right: 98%; }
@media (max-width: 768px) { .lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .icon-5 { right: 93%; top: 35%; }
}
.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .icon-6 { bottom: 34%; left: 100%; }
@media (max-width: 768px) { .lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .icon-6 { left: 97%; bottom: 50%; }
}
.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .icon-3 { position: absolute; width: calc(48%); animation: 15s ease 0s infinite normal none running iconFloater3; transition: 0.6s ease-in-out; z-index: 5; background-image: unset; background-attachment: unset; background-origin: unset; background-clip: unset; background-color: unset; background-repeat: no-repeat; background-position: center center; background-size: contain; padding: calc(6.4%); }
@keyframes iconFloater3 { 0% { transform: translateY(0%); } 25% { transform: translateY(0.3rem); }
}
.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .icon-4 { position: absolute; width: calc(48%); animation: 15s ease 0s infinite normal none running iconFloater4; transition: 0.6s ease-in-out; z-index: 5; background-image: unset; background-attachment: unset; background-origin: unset; background-clip: unset; background-color: unset; background-repeat: no-repeat; background-position: center center; background-size: contain; padding: calc(6.4%); }
@keyframes iconFloater4 { 0% { transform: translateY(0%); } 25% { transform: translateY(0.3rem); }
}
.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .icon-5 { position: absolute; width: calc(30%); animation: 15s ease 0s infinite normal none running iconFloater5; transition: 0.6s ease-in-out; z-index: 5; background-image: unset; background-attachment: unset; background-origin: unset; background-clip: unset; background-color: unset; background-repeat: no-repeat; background-position: center center; background-size: contain; padding: calc(4%); }
@keyframes iconFloater5 { 0% { transform: translateY(0%); } 25% { transform: translateY(0.3rem); }
}
.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .icon-6 { position: absolute; width: calc(18%); animation: 15s ease 0s infinite normal none running iconFloater6; transition: 0.6s ease-in-out; z-index: 5; background-image: unset; background-attachment: unset; background-origin: unset; background-clip: unset; background-color: unset; background-repeat: no-repeat; background-position: center center; background-size: contain; padding: calc(2.4%); }
@keyframes iconFloater6 { 0% { transform: translateY(0%); } 25% { transform: translateY(0.3rem); }
}
.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .claimpoint-star { position: absolute; width: 22%; bottom: 1%; right: 5%; z-index: 5; cursor: pointer; }
.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper #spin { position: absolute; top: 14%; width: 100%; height: 80%; }
@media (max-width: 768px) { .lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper #spin { top: 3.5%; height: 75%; }
}
.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .lucky-wheel-outer { position: absolute; inset: 0px; margin: auto; }
.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .lucky-wheel-frame { position: relative; z-index: 3; }
.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .inner-wheel { position: absolute; width: 77%; z-index: 1; inset: 0px; margin: auto; }
@media (max-width: 768px) { .lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .inner-wheel { width: 76%; top: 0px; }
}
.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .spin-icon { position: absolute; top: 34%; left: 32.5%; width: 35%; background: unset; z-index: 4; cursor: unset; }
@media (max-width: 768px) { .lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .spin-icon { top: 25%; }
}
.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .spin-icon:disabled { cursor: not-allowed; }
.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .prize-name-list { position: absolute; width: 100%; height: 80%; border-radius: 50%; overflow: hidden; display: flex; align-items: center; justify-content: center; z-index: 2; inset: 0px; margin: auto; }
@media (max-width: 768px) { .lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .prize-name-list { height: 65%; top: 0px; }
}
.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .prize-name-list > li { position: absolute; top: 0px; transform-origin: 50% 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 50%; font-size: 0.16rem; color: rgb(255, 255, 255); text-align: center; padding-bottom: 20%; }
.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .prize-name-list li:nth-child(2n) { color: rgb(255, 138, 0); }
.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .reminder-title, .lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .spin-container .spin-content .spin-content-reminder-title, .lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .spin-content .spin-content-reminder-title { position: absolute; bottom: 4.5%; color: rgb(255, 255, 255); text-align: center; width: 100%; z-index: 3; font-size: 0.22rem; }
.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .spin-content { position: absolute; width: 100%; z-index: 3; display: flex; justify-content: center; flex-direction: column; align-items: center; top: 90%; }
.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .spin-content .spin-content-btn { background: rgb(255, 138, 0); width: 3.46rem; height: 0.4rem; border-radius: 0.08rem; font-size: 0.16rem; cursor: pointer; }
.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .spin-content .spin-content-btn:disabled { cursor: not-allowed; background: rgb(122, 125, 124); }
.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .spin-content .spin-content-reminder-title { position: unset; }
.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .spin-content .lucky-wheel-btm-img { position: absolute; top: 30%; z-index: -1; }
.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .spin-container { position: relative; height: 2rem; }
.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .spin-container .spin-content { position: absolute; width: 100%; z-index: 3; display: flex; justify-content: center; flex-direction: column; align-items: center; top: 50%; }
.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .spin-container .spin-content .spin-content-btn { background: rgb(255, 138, 0); width: 100%; height: 0.5rem; font-size: 0.2rem; border-radius: 0.08rem; cursor: pointer; }
.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .spin-container .spin-content .spin-content-btn:disabled { cursor: not-allowed; background: rgb(122, 125, 124); }
.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .spin-container .spin-content .spin-content-reminder-title { position: unset; }
@media (max-width: 768px) { .lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .spin-container .spin-content .spin-content-reminder-title { padding: 0.1rem 0px; }
}
.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .spin-container .lucky-wheel-btm-img { position: absolute; top: -0.77rem; z-index: 0; }
.lucky-wheel-landing-container .container-row-1 .winner-content { position: relative; margin: 0.35rem 0px 0px; grid-area: b; width: 80%; justify-self: center; }
@media (max-width: 768px) { .lucky-wheel-landing-container .container-row-1 .winner-content { width: 85%; height: 12rem; order: 3; margin: 0px; }
}
.lucky-wheel-landing-container .container-row-1 .winner-content .winner-trophy { position: relative; display: block; width: 50%; margin: auto; z-index: 1; }
.lucky-wheel-landing-container .container-row-1 .winner-content .winner-header { color: rgb(255, 255, 255); font-size: 0.24rem; }
@media (max-width: 768px) { .lucky-wheel-landing-container .container-row-1 .winner-content .winner-header { position: absolute; font-size: 0.4rem; z-index: 99; top: 7%; left: 50%; transform: translateX(-50%); white-space: nowrap; }
}
.lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail-with-bg { position: relative; padding: 0.8rem 0.25rem 0px; margin: 0.1rem 0px 0px; font-size: 0.16rem; min-height: 100%; background: 0% 0% / contain no-repeat rgba(0, 0, 0, 0.2); z-index: 0; }
@media (max-width: 768px) { .lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail-with-bg { padding: 1.5rem 0.5rem 0px; }
}
.lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail-with-bg::before { content: ""; position: absolute; inset: -0.12rem -0.03rem 0px; padding: 0.02rem; z-index: -1; background: url("../../public/html/default_whitelabel/shared-image/lucky_wheel/s2/winner-bg.png") 0% 0% / 100% 100% no-repeat; }
.lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail-with-bg .detail-type { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0px 0.06rem; }
@media (max-width: 768px) { .lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail-with-bg .detail-type { margin: 0px 0px 0.15rem; }
}
.lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail-with-bg .detail-type > button { background: 0% 0% / 100% 100% no-repeat rgb(255, 255, 255); color: rgb(0, 0, 0); border-radius: 0.2rem; padding: 0.1rem 0.05rem; }
@media (max-width: 768px) { .lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail-with-bg .detail-type > button { padding: 0.15rem 0.05rem; }
}
.lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail-with-bg .detail-type > button.active { background: 0% 0% / 100% 100% no-repeat rgb(255, 138, 0); color: rgb(255, 255, 255); }
.lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail-with-bg .detail-single-type { display: flex; justify-content: center; }
.lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail-with-bg .detail-single-type > button { background: 0% 0% / 100% 100% no-repeat rgb(255, 255, 255); padding: 0.07rem 0.05rem; color: rgb(0, 0, 0); border-radius: 0.2rem; width: 50%; }
.lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail-with-bg .detail-single-type > button.active { background: 0% 0% / 100% 100% no-repeat rgb(255, 138, 0); color: rgb(255, 255, 255); }
.lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail-with-bg table { width: 100%; border-collapse: separate; border-spacing: 0px 0.1rem; }
.lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail-with-bg table tbody { display: block; max-height: 4rem; scroll-behavior: smooth; margin: 0.15rem 0.01rem; }
@media (max-width: 768px) { .lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail-with-bg table tbody { max-height: 7.8rem; }
}
.lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail-with-bg table tbody.list-body { overflow-y: hidden; }
.lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail-with-bg table tbody.record-body { overflow-y: scroll; }
.lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail-with-bg table tbody tr { display: inline-table; width: 100%; }
.lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail-with-bg table tbody tr td { vertical-align: top; color: rgb(255, 255, 255); font-size: 0.18rem; }
@media (max-width: 768px) { .lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail-with-bg table tbody tr td { font-size: 0.2rem; }
}
.lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail-with-bg table tbody tr td:last-child { display: flex; flex-direction: column; text-align: right; align-items: flex-end; }
.lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail-with-bg table tbody tr td:last-child span { color: rgb(255, 138, 0); overflow: hidden; text-overflow: ellipsis; width: 1.8rem; }
.lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail-with-bg table tbody tr td.empty-data { text-align: center; align-items: center; }
.lucky-wheel-landing-container .container-row-1 .winner-content .winner-header-tab { display: flex; }
.lucky-wheel-landing-container .container-row-1 .winner-content .winner-header-tab .detail-type { display: flex; gap: 0px 0.06rem; border-radius: 0.12rem; background: var(--Background-Neutral-1, #0f1a30); padding: 0.04rem; }
@media (max-width: 768px) { .lucky-wheel-landing-container .container-row-1 .winner-content .winner-header-tab .detail-type { margin: 0px 0px 0.15rem; color: var(--Primary-Sub-main-5, #c8daff); padding: 0.08192rem; }
}
.lucky-wheel-landing-container .container-row-1 .winner-content .winner-header-tab .detail-type > button { padding: 0.1rem 0.05rem; background: rgba(0, 0, 0, 0); font-weight: 600; }
@media (max-width: 768px) { .lucky-wheel-landing-container .container-row-1 .winner-content .winner-header-tab .detail-type > button { padding: 0.15rem 0.05rem; font-size: 0.24rem; }
}
.lucky-wheel-landing-container .container-row-1 .winner-content .winner-header-tab .detail-type > button.active { background: var(--Primary-Main, #2e43ff); border-radius: 0.06rem; }
.lucky-wheel-landing-container .container-row-1 .lucky-wheel-slider-container { width: 100%; margin: 0.5rem auto 0px; grid-area: c; }
@media (max-width: 768px) { .lucky-wheel-landing-container .container-row-1 .lucky-wheel-slider-container { order: 2; margin: 0px; mask: linear-gradient(to right, rgb(0, 0, 0) 75%, rgba(255, 250, 250, 0.14)); } .lucky-wheel-landing-container .container-row-1 .lucky-wheel-slider-container .slick-slider { overflow: hidden; margin: 0px 0px 0px 0.5rem; }
}
.lucky-wheel-landing-container .container-row-1 .lucky-wheel-slider-container .prize-container { margin: auto; padding: 0px 0.1rem; position: relative; }
.lucky-wheel-landing-container .container-row-1 .lucky-wheel-slider-container .prize-container .prize { position: absolute; width: 60%; inset: 0px; margin: auto; }
.lucky-wheel-landing-container .container-row-1 .lucky-wheel-slider-container .prize-container > p { position: relative; text-align: center; bottom: 0.6rem; color: rgb(255, 255, 255); overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width: 1.3rem; margin: auto; }
@media (max-width: 768px) { .lucky-wheel-landing-container .container-row-1 .lucky-wheel-slider-container .prize-container > p { bottom: 0.8rem; width: 1.4rem; font-size: 0.2rem; }
}
.lucky-wheel-landing-container .container-row-1 .lucky-wheel-slider-container .slider-next-btn { position: absolute; background: rgb(219, 233, 240); border-radius: 50%; top: 50%; right: -0.04rem; width: 0.28rem; height: 0.28rem; z-index: 1; overflow: visible; fill: rgb(109, 160, 221); padding: 0.06rem 0.07rem; transform: translateY(-50%) rotate(180deg); display: none; }
.lucky-wheel-landing-container .container-row-1 .lucky-wheel-slider-container .slider-prev-btn { position: absolute; background: rgb(219, 233, 240); border-radius: 50%; top: 50%; width: 0.28rem; height: 0.28rem; z-index: 1; overflow: visible; fill: rgb(109, 160, 221); padding: 0.06rem 0.07rem; transform: translateY(-50%); display: none; }
.lucky-wheel-landing-container .container-row-1 .lucky-wheel-slider-container .show { display: block; }
.lucky-wheel-landing-container .tnc-wrapper { position: relative; color: rgb(255, 255, 255); }
.lucky-wheel-landing-container .tnc-wrapper .title-wrapper { position: relative; display: block; width: 26%; margin: auto; z-index: 1; }
.lucky-wheel-landing-container .tnc-wrapper .title-wrapper .tnc-title { position: absolute; top: 0px; left: 0px; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; color: rgb(255, 255, 255); }
.lucky-wheel-landing-container .tnc-wrapper .tnc-detail { padding: 0.3rem 0px 0px; width: 6rem; font-size: 0.14rem; }
@media (max-width: 768px) { .lucky-wheel-landing-container .tnc-wrapper .tnc-detail { width: 100%; font-size: 0.2rem; line-height: 0.3rem; }
}
.lucky-wheel-landing-container .tnc-wrapper .tnc-detail .detail-wrapper { margin: 0px 0px 0.22rem; }
.lucky-wheel-landing-container .tnc-wrapper .tnc-detail .detail-wrapper .wrapper-subtitle { color: rgb(255, 255, 255); font-weight: bold; }
.lucky-wheel-landing-container .tnc-wrapper .tnc-detail .detail-wrapper .wrapper-subtitle span { color: rgb(255, 255, 255); font-weight: bold; }
.lucky-wheel-landing-container .tnc-wrapper .tnc-detail .detail-wrapper .tips { color: red; }
.lucky-wheel-landing-container .tnc-wrapper .tnc-detail .detail-list li { list-style-type: decimal; margin: 0px 0px 0px 0.2rem; padding: 0.1rem 0px; }
.lucky-wheel-landing-container .tnc-wrapper .tnc-detail .disc-detail-list li { list-style: disc; margin: 0px 0px 0px 0.2rem; padding: 0.1rem 0px; }
.lucky-wheel-landing-container .tnc-wrapper .tnc-detail .alpha-detail-list li { list-style: upper-alpha; margin: 0px 0px 0px 0.2rem; padding: 0.1rem 0px; }
.lucky-wheel-landing-container .tnc-wrapper .tnc-detail .lower-alpha-detail-list li { list-style: lower-alpha; margin: 0px 0px 0px 0.2rem; padding: 0.1rem 0px; }
.lucky-wheel-landing-container .tnc-wrapper .tnc-detail .line-detail-list li { list-style-type: none; margin: unset; padding: 0.1rem 0px; }
.lucky-wheel-landing-container .tnc-wrapper .tnc-header { font-size: 0.24rem; margin-bottom: 0.02rem; position: relative; color: rgb(255, 138, 0); }
.lucky-wheel-landing-container .tnc-wrapper .tnc-header::after { content: ""; border-bottom: 0.01rem solid rgb(255, 138, 0); width: 80%; position: absolute; bottom: 0.1rem; margin: 0px 0px 0px 0.2rem; }
@media (max-width: 768px) { .lucky-wheel-landing-container .tnc-wrapper .tnc-header { font-family: Inter; font-size: 0.35rem; } .lucky-wheel-landing-container .tnc-wrapper .tnc-header::after { content: ""; position: unset; }
}
.lucky-wheel-landing-container .tnc-wrapper.ssbo-content .tnc-detail ul, .lucky-wheel-landing-container .tnc-wrapper.ssbo-content .tnc-detail ul.detail-list { padding-left: 0.25rem; }
.lucky-wheel-landing-container .tnc-wrapper.ssbo-content .tnc-detail ul li, .lucky-wheel-landing-container .tnc-wrapper.ssbo-content .tnc-detail ul.detail-list li { margin: 0px; list-style: disc; }
.lucky-wheel-landing-container .tnc-wrapper.ssbo-content .tnc-detail ol, .lucky-wheel-landing-container .tnc-wrapper.ssbo-content .tnc-detail ol.detail-list { padding-left: 0.25rem; }
.lucky-wheel-landing-container .tnc-wrapper.ssbo-content .tnc-detail ol li, .lucky-wheel-landing-container .tnc-wrapper.ssbo-content .tnc-detail ol.detail-list li { margin: 0px; list-style: decimal; }
.lucky-wheel-landing-container .tnc-container { display: flex; flex-direction: column; position: relative; width: 13.5rem; margin: 0.94rem auto 0px; }
@media (max-width: 768px) { .lucky-wheel-landing-container .tnc-container { width: 100%; }
}
@media (max-width: 768px) { .lucky-wheel-landing-container .tnc-container > :not(.tnc-bg) { margin: 0px 0.4rem; }
}
.lucky-wheel-landing-container .tnc-container .tnc-bg { position: absolute; left: 45%; top: -0.3rem; width: 9.5rem; }
@media (max-width: 768px) { .lucky-wheel-landing-container .tnc-container .tnc-bg { order: 3; position: unset; width: 100%; margin: 0px; }
}
.lucky-wheel-landing-container .tnc-container .lucky-wheel-partnership-section { margin: 0.03rem 0px 0px; }
@media (max-width: 768px) { .lucky-wheel-landing-container .tnc-container .lucky-wheel-partnership-section { order: 4; display: none; }
}
.lucky-wheel-landing-container .tnc-container .lucky-wheel-partnership-section .lucky-wheel-partnership-column .lucky-wheel-partnership-type { color: rgb(0, 174, 255); }
.lucky-wheel-landing-container .tnc-container .lucky-wheel-partnership-section .lucky-wheel-partnership-column .lucky-wheel-partnership-name { color: rgb(255, 255, 255); }
.lucky-wheel-landing-container .tnc-container .partnership-img { width: auto; }
@media (max-width: 768px) { .lucky-wheel-landing-container .tnc-container .partnership-img { width: 100%; }
}
.lucky-wheel-popup-modal-container { width: 28%; font-family: undefined; }
.lucky-wheel-popup-modal-container .standard-popup-modal-header .standard-modal-close { position: absolute; right: 0.05rem; top: 0.05rem; background: rgba(0, 0, 0, 0); font-size: 0.25rem; padding: 0.055rem 0.14rem; border-radius: 0.1rem; cursor: pointer; }
.lucky-wheel-popup-modal-container .standard-popup-modal-body { display: flex; flex-direction: column; align-items: center; padding: 0.32rem 0px; }
.lucky-wheel-popup-modal-container .standard-popup-modal-body .popup-blessing-title { margin: 0px 0px 0.1rem; font-weight: bold; }
.lucky-wheel-popup-modal-container .standard-popup-modal-body .popup-text { margin: 0px 0px 0.07rem; }
.lucky-wheel-popup-modal-container .standard-popup-modal-body .popup-prize-name { margin: 0px 0px 0.3rem; font-weight: bold; color: rgb(0, 113, 227); }
.lucky-wheel-popup-modal-container .standard-popup-modal-body .popup-prize-image { margin: 0px 0px 0.26rem; width: 60%; }
.lucky-wheel-popup-modal-container .standard-popup-modal-body .popup-btn { padding: 0.15rem 0.42rem; color: rgb(0, 0, 0); border-radius: 0.05rem; }
.m-lucky-wheel-popup-modal-container { width: 90%; font-family: undefined; }
.m-lucky-wheel-popup-modal-container .standard-popup-modal-header .standard-modal-close { font-size: 0.6rem; top: 0.05rem; padding: 0px 0.3rem; }
.m-lucky-wheel-popup-modal-container .standard-popup-modal-body { display: flex; flex-direction: column; align-items: center; padding: 1.18rem 0px 0.7rem; }
.m-lucky-wheel-popup-modal-container .standard-popup-modal-body .popup-blessing-title { margin: 0px 0px 0.26rem; font-weight: bold; }
.m-lucky-wheel-popup-modal-container .standard-popup-modal-body .popup-text { margin: 0px 0px 0.23rem; }
.m-lucky-wheel-popup-modal-container .standard-popup-modal-body .popup-prize-name { margin: 0px 0px 1.05rem; font-weight: bold; color: rgb(0, 113, 227); }
.m-lucky-wheel-popup-modal-container .standard-popup-modal-body .popup-prize-image { margin: 0px 0px 0.9rem; width: 60%; }
.m-lucky-wheel-popup-modal-container .standard-popup-modal-body .popup-btn { padding: 0.52rem 2.05rem; color: rgb(0, 0, 0); }
.lucky-wheel-popup-modal-container-2 { background: rgb(255, 255, 255); max-width: 4.5rem; min-width: 4.5rem; min-height: 1.5rem; }
.lucky-wheel-popup-modal-container-2 .lucky-wheel-popup-modal-header-2 { background: rgb(255, 255, 255); border-radius: 0.1rem 0.1rem 0px 0px; color: rgb(15, 22, 31); display: flex; justify-content: center; padding: 0.3rem 0.3rem 0.1rem; }
.lucky-wheel-popup-modal-container-2 .lucky-wheel-popup-modal-header-2 .standard-modal-title { font-size: 0.24rem; }
.lucky-wheel-popup-modal-container-2 .standard-popup-modal-body { display: flex; flex-direction: column; align-items: center; padding: 0px 0px 0.32rem; }
.lucky-wheel-popup-modal-container-2 .standard-popup-modal-body .popup-blessing-title { margin: 0px 0px 0.1rem; font-weight: bold; }
.lucky-wheel-popup-modal-container-2 .standard-popup-modal-body .popup-text { margin: 0px 0px 0.07rem; }
.lucky-wheel-popup-modal-container-2 .standard-popup-modal-body .popup-prize-name { margin: 0px 0px 0.3rem; font-weight: bold; color: rgb(0, 113, 227); }
.lucky-wheel-popup-modal-container-2 .standard-popup-modal-body .popup-prize-image { margin: 0.26rem 0px; width: 25%; }
.lucky-wheel-popup-modal-container-2 .standard-popup-modal-body .popup-btn { padding: 0.15rem 0px; color: rgb(255, 255, 255); border-radius: 0.05rem; background: rgb(255, 138, 0); width: 50%; }
.notification-slider-list-container { position: fixed; width: 2.41rem; height: fit-content; z-index: 99999; }
.notification-slider-list-container .floating-banner-container { position: unset; padding: 0.15rem; }
.notification-slider-list-container .floating-banner-container .floating-banner-img img { width: 100%; }
.floating-banner-container { position: fixed; width: 2.26rem; z-index: 999; }
.floating-banner-container .floating-banner-img { position: relative; border-top-left-radius: 0.1rem; border-top-right-radius: 0.1rem; background: rgb(243, 245, 246); text-align: center; }
.floating-banner-container .floating-banner-img img { width: 2.26rem; height: 100%; }
.floating-banner-container .floating-banner-img .floating-banner-close-btn { position: absolute; right: -0.1rem; top: -0.1rem; background: unset; font-size: 0.2rem; border-radius: unset; cursor: pointer; }
.floating-banner-container .floating-banner-img .floating-banner-close-btn svg { width: 0.33rem; fill: rgb(255, 255, 255); vertical-align: middle; background: rgb(47, 47, 47); border-radius: 50%; padding: 0.08rem; filter: drop-shadow(rgb(108, 108, 108) 0px 0px 0.03rem); }
.floating-banner-container .floating-banner-content { text-align: center; background: rgb(243, 245, 246); color: rgb(15, 22, 31); padding: 0.15rem; border-bottom-left-radius: 0.1rem; border-bottom-right-radius: 0.1rem; font-family: Inter; font-size: 0.12rem; }
.floating-banner-container .floating-banner-content h1 { font-family: Inter; font-size: 0.2rem; }
.floating-banner-container .floating-banner-content h2 { font-family: Inter; font-size: 0.17rem; }
.floating-banner-container .floating-banner-content p { margin-bottom: 0px; }
.floating-banner-container .floating-banner-content button { font-family: Inter; font-size: 0.17rem; background: rgb(250, 138, 0); border-radius: 0.2rem; padding: 0.05rem 0.15rem 0.07rem; margin: 0.1rem 0px 0px; }
.floating-banner-container .floating-banner-content .floating-banner-close-btn { position: absolute; right: -0.3rem; top: -0.3rem; background: unset; font-size: 0.2rem; border-radius: unset; cursor: pointer; }
.floating-banner-container .floating-banner-content .floating-banner-close-btn svg { width: 0.33rem; fill: rgb(255, 255, 255); vertical-align: middle; background: rgb(47, 47, 47); border-radius: 50%; padding: 0.08rem; filter: drop-shadow(rgb(108, 108, 108) 0px 0px 0.03rem); }
.floating-banner-container-left { left: 0.2rem; }
.floating-banner-container-right { right: 0.2rem; }
.floating-banner-container-bottom { bottom: 10%; }
@media (max-width: 768px) { .floating-banner-container .floating-banner-content { font-size: 0.17rem; } .floating-banner-container .floating-banner-content h1 { font-size: 0.3rem; } .floating-banner-container .floating-banner-content h2 { font-size: 0.23rem; }
}
.page-not-found { position: fixed; width: 100vw; height: 100vh; overflow: hidden; display: flex; justify-content: center; align-items: center; z-index: 999; background-color: rgb(255, 255, 255); }
.page-not-found .pnf-wrapper { width: 50%; max-width: 7rem; min-width: 3.2rem; padding: 0.36rem; text-align: center; }
.page-not-found .pnf-wrapper .pnf-logo img { width: 20%; min-width: 1rem; margin-bottom: 0.24rem; filter: grayscale(80%); }
.page-not-found .pnf-wrapper .pnf-message { color: rgb(153, 153, 153); font-size: 0.24rem; padding-bottom: 0.36rem; line-height: 1.4; letter-spacing: 0.005rem; }
.page-not-found .pnf-wrapper .pnf-return-btn { color: rgb(119, 119, 119); font-size: 0.16rem; text-decoration: underline; display: inline-block; padding: 0.08rem; }
.page-not-found .pnf-wrapper .pnf-return-btn:hover { cursor: pointer; opacity: 0.6; }
.daily-popup-modal-container { background: rgb(255, 255, 255); min-height: 2rem; }
.daily-popup-modal-container .standard-popup-modal-header { font-size: 0.2rem; color: rgb(9, 25, 45); }
.daily-popup-modal-container .standard-popup-modal-body { padding: 0px 0.6rem; }
.daily-popup-modal-container .standard-popup-modal-body .standard-form-field { align-items: center; justify-content: space-between; }
.daily-popup-modal-container .standard-popup-modal-body .standard-form-field p { margin: 0px 0px 0.05rem; width: 40%; }
.daily-popup-modal-container .standard-popup-modal-body .standard-form-field .select-date-seperate { width: 60%; }
.daily-popup-modal-container .standard-popup-modal-body .standard-form-field .select-date-seperate #dropdown-date { display: grid; grid-template-columns: 26% 35% 26%; width: 100%; justify-content: space-between; }
.daily-popup-modal-container .standard-popup-modal-body .standard-form-field .select-date-seperate #dropdown-date select { padding: 0.05rem 0.05rem 0.05rem 0.1rem; border: 0.01rem solid rgb(247, 247, 247); color: rgb(134, 151, 162); border-radius: 0.05rem; font-size: 0.16rem; width: 100%; height: 0.38rem; }
.daily-popup-modal-container .standard-popup-modal-footer { border: none; padding: 0px 0.6rem; margin: 0.3rem 0px; display: grid; grid-template-columns: 49% 49%; justify-content: space-between; }
.daily-popup-modal-container .standard-popup-modal-footer button { width: 100%; }
.daily-popup-modal-container .standard-popup-modal-footer button.standard-cancel-button { background: rgb(129, 202, 252); border-radius: 0.08rem; }
.m-daily-popup-modal-container .standard-popup-modal-header { font-size: 0.3rem; padding: 0.6rem 0.42rem 0.56rem; }
.m-daily-popup-modal-container .standard-popup-modal-body { padding: 0px 0.42rem; font-size: 0.3rem; }
.m-daily-popup-modal-container .standard-popup-modal-body .standard-form-field { flex-direction: column; align-items: flex-start; justify-content: unset; }
.m-daily-popup-modal-container .standard-popup-modal-body .standard-form-field p { width: 100%; margin: 0px 0px 0.3rem; }
.m-daily-popup-modal-container .standard-popup-modal-body .standard-form-field .select-date-seperate { width: 100%; }
.m-daily-popup-modal-container .standard-popup-modal-body .standard-form-field .select-date-seperate #dropdown-date { grid-template-columns: 32% 32% 32%; }
.m-daily-popup-modal-container .standard-popup-modal-body .standard-form-field .select-date-seperate #dropdown-date select { font-size: 0.3rem; height: 0.68rem; border-radius: 0.1rem; padding: 0.05rem 0.25rem; }
.m-daily-popup-modal-container .standard-popup-modal-body .remark-text { font-size: 0.26rem; }
.m-daily-popup-modal-container .standard-popup-modal-footer { padding: 0px 0.42rem 0.56rem; margin: 0.5rem 0px 0px; border-radius: 0px 0px 0.1rem 0.1rem; }
.m-daily-popup-modal-container .standard-popup-modal-footer .standard-submit-button, .m-daily-popup-modal-container .standard-popup-modal-footer .standard-cancel-button { height: 0.82rem; font-size: 0.3rem; border-radius: 0.1rem; }
.phone-email-input-container { width: 100% !important; margin-bottom: 0.2rem; }
.phone-email-input-container .standard-tab-container { border-bottom: 0px; }
.phone-email-input-container-spacing { margin: 0px 0px 0.2rem; }
.otp-container { margin-bottom: 0.2rem; border: 0px; width: fit-content; background: rgba(0, 0, 0, 0); }
.otp-container .tab-header { width: 100% !important; height: 100% !important; padding: 0px !important; }
.otp-container .otp-tab-container { border: none; display: flex; flex-direction: row; width: fit-content; }
.otp-container .otp-tab-button { cursor: pointer; padding: 0.1rem 0.15rem; white-space: nowrap; margin: 0px 0.1rem 0px 0px; font-weight: 500; border-radius: 0.3rem; border: 0.04rem solid rgba(0, 0, 0, 0); background: rgba(128, 128, 128, 0.61); color: rgb(255, 255, 255); width: 1.53rem; height: unset; font-size: unset; display: flex; justify-content: center; align-items: center; }
.otp-container .otp-tab-button.otp-active { color: rgb(255, 255, 255); background: rgb(255, 138, 0); border: 0px; }
.otp-container .otp-single-selection { width: fit-content; }
.otp-container .standard-action-button { background-color: rgb(255, 138, 0) !important; }
.contact-type-field { width: 100%; margin: 0px 0px 0.2rem; }
.aff-portal .affiliate-route-background .standard-form-field .contact-type-field .standard-select-arrow::after { display: none; }
.aff-portal .affiliate-route-background .standard-form-field .contact-type-field .select-arrow-up { transform: translate(0%, 50%) rotate(225deg); }
.get-code-button { height: unset; border-radius: 0.1rem; margin-left: 0.1rem; background: rgb(219, 224, 228); font-size: 0.16rem; padding: 0px 0.2rem; color: rgb(15, 22, 31); width: unset; }
.get-code-button .count-down-text { margin: 0px 0px 0px 0.05rem; font-size: 0.12rem; }
@media (max-width: 768px) { .get-code-button .count-down-text { font-size: 0.2rem; }
}
.get-code-button-half-width { width: 50%; }
.get-code-button:disabled { opacity: 0.5; pointer-events: auto !important; cursor: not-allowed !important; }
.get-otp-container-extend-width { width: 40% !important; }
body.aff-portal .withdrawal-wrapper .otp-form-wrapper { grid-template-columns: unset !important; grid-template-areas: unset !important; }
body.aff-portal .withdrawal-wrapper .phone-email-input-container-spacing { width: 100% !important; }
body.aff-portal .withdrawal-wrapper .transaction-form, body.aff-portal .withdrawal-wrapper .standard-form-field:has(.phone-email-input-container) { grid-template-columns: unset !important; grid-template-areas: unset !important; }
.st-detail-container .st-tab .standard-gap .wire-transfer-detail-container .wire-transfer-detail .standard-form-field:has(.phone-email-input-container) { width: 32%; grid-template-columns: unset !important; grid-template-areas: unset !important; }
.st-detail-container .st-tab .standard-gap .wire-transfer-detail-container .wire-transfer-detail .standard-form-field:has(.phone-email-input-container) .otp-container { margin: 0rem; }
.bank-info-container .select-bank-form .contact-type-field { grid-template-columns: unset !important; margin: 0px 0px 0.2rem !important; }
.st-content .st-detail-container .st-tab .m-withdrawal-landing .bank-transfer-container .standard-form-container .standard-form-field .phone-email-input-container .standard-tab-container { margin: 0.1rem 0px; }
.m-bank-detail-container .bank-info-container .standard-form-field-container .standard-form-field .contact-type-field { margin: 0.1rem 0px; }
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-form-field .standard-label { grid-area: unset; }
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-form-field .standard-error-validation { grid-area: unset !important; }
@media only screen and (max-width: 768px) { .get-code-button { font-size: 0.3rem; } .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .phone-email-input-container .standard-tab-container { display: flex; }
}
@media only screen and (max-width: 768px) { .otp-container { width: 100%; } .otp-container.single-otp-container { width: 100%; } .otp-container .otp-tab-button { width: 4rem; height: 0.8rem; font-size: 0.3rem; } .get-code-button { height: inherit; font-size: 0.3rem; width: 40%; } .otp-active { height: 0.8rem; font-size: 0.28rem; } .get-otp-container { width: 100%; } .get-otp-container-extend-width { width: 100% !important; } .contact-type-field { width: 100%; margin-bottom: 0.2rem; }
}
.floating-freespin-icon-wrapper { position: fixed; top: 20%; left: 0px; bottom: unset; right: unset; z-index: 200; }
.floating-freespin-icon-wrapper button { background-color: rgba(0, 0, 0, 0); }
.floating-freespin-icon-content-wrapper, .floating-freespin-icon-top-wrapper { position: relative; }
.floating-freespin-icon-top-wrapper { padding-bottom: 0.24rem; }
.floating-freespin-icon-image { width: 2.8rem; }
.floating-freespin-icon-image img { width: 100%; }
.floating-freespin-icon-close { position: absolute; top: -0.12rem; right: -0.03rem; height: 0.28rem; width: 0.28rem; background-image: url("../../public/html/default_whitelabel/shared-image/angpow-rain/angpow-floating-close-btn.png"); background-size: cover; z-index: 3; }
.floating-freespin-icon-available-claim { position: absolute; top: 40%; right: 17%; color: rgb(0, 0, 0); font-size: 0.12rem; font-weight: 600; width: 35%; transform: translateY(-50%); }
.floating-freespin-icon-available-claim .highlighted-text { color: red; font-weight: 700; }
.floating-freespin-icon-bottom-wrapper { position: absolute; left: 0.12rem; bottom: 0px; }
.floating-freespin-icon-countdown-bg { width: 1.8rem; }
.floating-freespin-icon-countdown-bg img { width: 100%; }
.floating-freespin-icon-countdown { position: absolute; top: 49%; left: 50%; transform: translate(-50%, -50%); }
.floating-freespin-icon-countdown .time-display { font-size: 0.14rem; color: rgb(37, 37, 37); font-weight: 400; }
.floating-freespin-icon-countdown .time-display.songkran { color: rgb(255, 255, 255); }
.floating-freespin-icon-countdown .countdown-grid { gap: 0px 0.1rem; margin-bottom: 0.02rem; }
.floating-freespin-icon-countdown .row { flex-direction: column; justify-content: center; }
.floating-freespin-icon-countdown .row span { font-weight: 600; }
.floating-freespin-icon-countdown .row .unit { font-size: 0.12rem; font-weight: 400; }
.freespin-popup-modal-container { width: 100%; margin: 0px auto; display: flex; align-items: center; height: 100vh; justify-content: center; background-color: rgba(0, 0, 0, 0); }
.freespin-popup-modal-container .freespin-close-btn { position: absolute; right: 0px; top: 0px; z-index: 9; width: 0.24rem; fill: rgb(255, 255, 255); cursor: pointer; }
.freespin-popup-modal-container .freespin-popup-modal-body { position: relative; width: 5.8rem; line-height: 0.2rem; }
.freespin-popup-modal-container .freespin-popup-modal-body img { width: 100%; }
.freespin-popup-modal-container .freespin-title, .freespin-popup-modal-container .freespin-claim, .freespin-popup-modal-container .freespin-noticed { margin: 0px 0px 0.15rem; }
.freespin-popup-modal-container .freespin-message { position: absolute; color: rgb(255, 255, 255); text-align: center; z-index: 9; width: 3.5rem; padding: 0px 0px 1.5rem; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.freespin-popup-modal-container .freespin-claim-cta { color: rgb(0, 114, 226); background: rgba(0, 0, 0, 0); box-shadow: none; border: none; cursor: pointer; font-size: 0.16rem; text-decoration: underline; }
@media (max-width: 768px) { .floating-freespin-icon-wrapper { position: fixed; top: 20%; left: 0px; bottom: unset; right: unset; transform: unset; } .floating-freespin-icon-image { width: 2.6rem; } .floating-freespin-icon-image img { } .floating-freespin-icon-available-claim { top: 23%; right: 14%; font-size: 0.26rem; width: 36%; font-weight: 500; } .floating-freespin-icon-available-claim .highlighted-text { font-size: 0.26rem; font-weight: 500; } .floating-freespin-icon-close { height: 0.4rem; width: 0.4rem; } .floating-freespin-icon-top-wrapper { padding-bottom: 0px; } .freespin-popup-modal-container .freespin-popup-modal-body { width: 7rem; } .freespin-popup-modal-container .freespin-close-btn { width: 0.5rem; right: 0.4rem; } .freespin-popup-modal-container .freespin-message { font-size: 0.21rem; line-height: 0.22rem; width: 3.4rem; padding: 0px 0px 1.5rem; }
}
.loading_top_bar-container > div { margin: 0px; }
.loading_top_bar--primary-color { border-radius: 0.05rem; color: rgb(255, 138, 0) !important; background: rgb(255, 138, 0) !important; }
.loading_top_bar--primary-color > div { box-shadow: rgb(255, 138, 0) 0px 0px 0.1rem, rgb(255, 138, 0) 0px 0px 0.1rem !important; }
#lcp-home-banner .lcp-home-banner_loading-icon img { max-width: 3rem; }
@media (max-width: 575px) { #lcp-home-banner .lcp-home-banner_loading-icon img { max-width: 1.5rem; }
}
@media (max-width: 768px) { html { font-size: 13.0208vw; } .body-content-container { margin: 0px; }
}
.loading-container { height: 100vh; width: 100vw; position: fixed; inset: 0px; background: rgba(0, 0, 0, 0.6); display: flex; justify-content: center; align-items: center; z-index: 9999; }
.loading-container .loading img { width: 100%; height: 100%; max-width: 3rem; }
@media (max-width: 768px) { .loading-container .loading img { height: 100%; width: 100%; }
}
@media (max-width: 575px) { .loading-container .loading img { max-width: 1.5rem; }
}
.back-top-box { position: fixed; right: 0.25rem; bottom: 2.5rem; display: flex; align-items: center; justify-content: center; width: 0.4rem; height: 0.4rem; background: rgb(0, 112, 226); border-radius: 50%; cursor: pointer; z-index: 999; }
.back-top-box svg { width: 0.18rem; height: 0.1rem; fill: rgb(255, 255, 255); }
.home-container .home-bg-container .home-content-wrapper { width: 13.4rem; margin: auto; padding: 0.38rem 0px 0px; border-image: linear-gradient(to right, rgb(221, 224, 224) 80%, rgb(250, 250, 250) 100%) 1 / 1 / 0 stretch; }
.home-container .slick-arrow { align-items: center; justify-content: center; background: rgb(219, 233, 240); border-radius: 50%; top: 50%; width: 0.28rem; height: 0.28rem; z-index: 1; overflow: visible; fill: rgb(109, 160, 221); display: flex !important; }
.home-container .slick-arrow::before { content: ""; }
.home-container .slick-arrow.slick-prev { left: -0.13rem; }
.home-container .slick-arrow.slick-next { right: -0.01rem; }
.home-container .slick-arrow.slick-next svg { transform: rotate(180deg); }
.home-container .slick-arrow svg { width: 0.07rem; }
.footer-container .footer-container-inner-wrapper { width: 13.4rem; margin: 0px auto; }
@media (max-width: 1024px) { .home-container .home-bg-container .home-content-wrapper { width: 11.5rem; } .footer-container .footer-container-inner-wrapper { width: 11.5rem; margin: 0px auto; }
}
.m-home .top-games-container { padding: 0.4rem 0px 0px 0.16rem; background: rgb(255, 255, 255); }
.m-home .top-games-container .game-rtp { background: rgb(0, 136, 243); border-radius: 0.08rem; color: rgb(255, 255, 255); padding: 0.05rem 0.15rem; line-height: normal; font-family: ""Helvetica Neue", Helvetica, Arial, sans-serif Neue", "Helvetica Neue", Helvetica, Arial, sans-serif-Regular; }
.m-home .top-games-container .game-rtp span { margin: 0px 0px 0px 0.15rem; }
.m-home .top-games-container .hot-game-info { position: absolute; top: 50%; left: 0px; display: flex; flex-direction: column; justify-content: center; width: 3.2rem; padding: 0.12rem 0.11rem; background: rgb(232, 232, 232); border-radius: 0.05rem; z-index: 1; color: rgb(15, 22, 31); font-size: 0.22rem; }
.m-home .top-games-container .hot-game-info > div:not(:last-child) { margin: 0px 0px 0.06rem; }
.m-home .top-games-container .hot-game-info .info-row-1 { display: flex; justify-content: space-between; }
.m-home .top-games-container .hot-game-info .info-row-1 div { display: flex; justify-content: space-between; background: rgb(255, 255, 255); width: 50%; border-radius: 0.05rem; }
.m-home .top-games-container .hot-game-info .info-row-1 div:first-child { margin: 0px 0.08rem 0px 0px; }
.m-home .top-games-container .hot-game-info .info-row-1 div p { padding: 0.08rem 0.1rem 0.08rem 0px; color: rgb(15, 22, 31); }
.m-home .top-games-container .hot-game-info .info-row-1 div p:first-child { padding: 0.08rem 0px 0.08rem 0.1rem; color: rgb(134, 151, 162); }
.m-home .top-games-container .hot-game-info .info-row-2, .m-home .top-games-container .hot-game-info .info-row-3 { display: flex; align-items: center; justify-content: space-between; width: 100%; background: rgb(255, 255, 255); padding: 0.08rem 0.1rem; border-radius: 0.05rem; text-transform: capitalize; }
.m-home .top-games-container .hot-game-info .info-row-2 p, .m-home .top-games-container .hot-game-info .info-row-3 p { color: rgb(15, 22, 31); }
.m-home .top-games-container .hot-game-info .info-row-2 p:first-child, .m-home .top-games-container .hot-game-info .info-row-3 p:first-child { color: rgb(134, 151, 162); }
.m-home .top-games-container .game-others-info { display: flex; align-items: center; justify-content: space-between; margin: 0.1rem 0px 0px; font-size: 0.22rem; text-align: center; height: 0.3rem; }
.m-home .top-games-container .game-others-info .hot-icon, .m-home .top-games-container .game-others-info .new-icon { padding: 0px 0.15rem; }
.m-home .top-games-container .hot-icon, .m-home .top-games-container .new-icon { border-radius: 0.2rem; color: rgb(255, 255, 255); line-height: normal; font-family: ""Helvetica Neue", Helvetica, Arial, sans-serif Neue", "Helvetica Neue", Helvetica, Arial, sans-serif-Regular; }
.m-home .top-games-container .hot-icon { background: rgb(255, 101, 15); }
.m-home .top-games-container .new-icon { background: rgb(224, 9, 44); }
.mobile-back-top-box { width: 0.7rem; height: 0.7rem; }
.mobile-back-top-box svg { width: 100%; height: 0.18rem; }
.small-loading { fill: rgb(255, 138, 0); }
.icon-star-container { display: flex; position: absolute; width: 0.35rem; height: 0.35rem; overflow: visible; }
.icon-star-container .icon-border-star { fill: rgb(255, 255, 255); width: 100%; height: 100%; padding: 0.025rem; }
.latest-promo-section .latest-promo-title { font-weight: 600; font-size: 0.18rem; color: rgb(15, 22, 31); }
.latest-promo-section .latest-promo-slider { width: 13.5rem; }
.latest-promo-section .latest-promo-slider .slick-slide { height: 1.05rem; margin: 0px 0.12rem 0px 0px; cursor: pointer; border-radius: 0.05rem; overflow: hidden; }
.latest-promo-section .latest-promo-slider .slick-slide img { width: 100%; }
.latest-promo-section .latest-promo-slider .slick-arrow { display: none !important; }
.latest-promo-section .latest-promo-slider .slick-arrow.show { display: flex !important; }
.latest-promo-section .latest-promo-slider .latest-promo-category { height: 2rem; }
.latest-promo-section.rewards { margin: 0.76rem 0px 0px; }
.latest-promo-section.rewards p { margin: 0px; }
.latest-promo-section.rewards .latest-promo-slider { width: 13.52rem; margin: 0.22rem 0px 0px; }
.latest-promo-section.rewards .latest-promo-slider .slick-list { width: 13.4rem; padding-left: 0px !important; }
.latest-promo-section.rewards .latest-promo-slider .slick-slide { height: 1.68rem; margin: 0px 0.13rem 0px 0px; }
@media (max-width: 1024px) { .latest-promo-section .latest-promo-slider { width: 11.6rem; } .latest-promo-section .latest-promo-slider .slick-slide { height: 0.9rem; margin: 0px 0.1rem 0px 0px; } .latest-promo-section.rewards .latest-promo-slider { width: 11.6rem; } .latest-promo-section.rewards .latest-promo-slider .slick-list { width: 11.5rem; } .latest-promo-section.rewards .latest-promo-slider .slick-slide { height: 1.44rem; margin: 0px 0.11rem 0px 0px; }
}
.announcementBarSection { width: 100%; }
.announcementBarSection .annoucement-bar-component { color: rgb(15, 22, 31); font-size: 0.14rem; cursor: pointer; max-width: 13.4rem; height: unset; display: grid; grid-template-columns: 90% 10%; }
.announcementBarSection .annoucement-bar-component .left-block { min-width: fit-content; width: unset; height: 0.19rem; padding: 0px 0.1rem; margin: 0px 0.16rem 0px 0px; color: rgb(255, 255, 255); font-size: 0.12rem; border-radius: 0.03rem; justify-content: center; }
.announcementBarSection .annoucement-bar-component .announcement-content-animation-box { display: flex; align-items: center; }
.announcementBarSection .annoucement-bar-component .announcement-content-container { justify-content: center; }
.announcementBarSection .annoucement-bar-component .announcement-content-container .msg-enter { transform: translateY(100%); opacity: 0; }
.announcementBarSection .annoucement-bar-component .announcement-content-container .msg-enter-active { transform: translateY(0%); opacity: 1; transition: 2s linear; }
.announcementBarSection .annoucement-bar-component .announcement-content-container .msg-exit { transform: translateY(0%); opacity: 1; }
.announcementBarSection .annoucement-bar-component .announcement-content-container .msg-exit-active { transform: translateY(-100%); opacity: 0; transition: 2s linear; }
.announcementBarSection .annoucement-bar-component .more-btn { display: flex; justify-content: flex-end; color: rgb(134, 151, 162); text-transform: capitalize; text-decoration: underline; }
.announcementBarSection .annoucement-bar-component .right-block { display: none; }
@media (max-width: 1024px) { .announcementBarSection .annoucement-bar-component { max-width: 11.5rem; }
}
.betting-partner-section { height: 4.4rem; overflow: hidden; }
.betting-partner-section p { margin: 0px; }
.betting-partner-section .betting-partner-content { border-radius: 0.1rem; position: relative; }
.betting-partner-section .betting-partner-content .slick-slide > div { display: grid; flex-direction: row-reverse; grid-template-columns: 65% 35%; grid-template-areas: "team video"; }
.betting-partner-section .betting-partner-content .left-container { grid-area: video; display: flex; align-items: flex-start; }
.betting-partner-section .betting-partner-content .left-container .videoContent { border-radius: 0.2rem; overflow: hidden; height: 2.53rem; }
.betting-partner-section .betting-partner-content .left-container .videoContent iframe { width: 100%; height: 100%; pointer-events: none; }
.betting-partner-section .betting-partner-content .right-container { grid-area: team; }
.betting-partner-section .betting-partner-content .betting-partner-slider { width: 100%; }
.betting-partner-section .betting-partner-content .betting-partner-slider .partner-info { position: relative; }
.betting-partner-section .betting-partner-content .betting-partner-slider .partner-info img, .betting-partner-section .betting-partner-content .betting-partner-slider .partner-info .empty-container { width: 100%; object-fit: contain; }
.betting-partner-section .betting-partner-content .betting-partner-slider .partner-info .partner-info-content { font-size: 0.18rem; color: rgb(15, 22, 31); font-family: Inter, "sans-serif", 宋体, Prompt; position: absolute; top: 1.1rem; left: 0.18rem; }
.betting-partner-section .betting-partner-content .betting-partner-slider .dotsContainer { position: absolute; top: 2.4rem; left: 0.18rem; }
.betting-partner-section .betting-partner-content .betting-partner-slider .dotsContainer button { width: 0.09rem; height: 0.09rem; transform: unset; border-radius: 50%; margin: 0px 0.12rem 0px 0px; overflow: visible; }
.betting-partner-section .betting-partner-content .betting-partner-slider .dotsContainer button:last-child { margin: 0px; }
.betting-partner-section .betting-partner-content .betting-partner-slider .dotsContainer .dots { background: rgb(225, 225, 225); }
.betting-partner-section .betting-partner-content .betting-partner-slider .dotsContainer .active { background: rgb(255, 138, 0); }
.betting-partner-section .betting-partner-content .btnBetNow { background: rgb(255, 138, 0); padding: 0.06rem 0.24rem 0.04rem; border-radius: 0.2rem; position: absolute; top: 1.6rem; left: 0.18rem; font-family: Inter, "sans-serif", 宋体, Prompt; }
.betting-partner-section .betting-partner-content .btnBetNow:hover { background: rgb(255, 114, 0); }
.iframe-popup .standard-popup-modal-header { padding: 0px; }
.iframe-popup .videoContent { height: 4rem; display: flex; align-items: center; justify-content: center; }
.iframe-popup .videoContent iframe { height: 3.8rem; width: 6.65rem; border-radius: 0.3rem; overflow: hidden; }
@media (max-width: 1024px) { .betting-partner-section { height: 3.8rem; } .betting-partner-section .betting-partner-content .left-container .videoContent { height: 2.2rem; } .betting-partner-section .betting-partner-content .betting-partner-slider .dotsContainer { top: 2.07rem; }
}
.hotmatch-section { margin: 0.6rem 0px 0px; }
.hotmatch-section .slick-arrow { display: none !important; }
.hotmatch-section .slick-arrow.show { display: flex !important; }
.hotmatch-section .top-container { display: flex; align-items: center; margin: 0px 0px 0.18rem; }
.hotmatch-section .top-container .hotmatch-title { color: rgb(15, 22, 31); font-weight: 600; font-size: 0.18rem; margin: 0px 0.4rem 0px 0px; }
.hotmatch-section .top-container .hotmatch-type-container { display: flex; align-items: center; }
.hotmatch-section .top-container .hotmatch-type-container .type-btn { font-size: 0.14rem; color: rgb(134, 151, 162); background: rgba(0, 0, 0, 0); padding: 0.06rem 0.2rem; border-radius: 0.2rem; }
.hotmatch-section .top-container .hotmatch-type-container .type-btn:not(:last-child) { margin: 0px 0.17rem 0px 0px; }
.hotmatch-section .top-container .hotmatch-type-container .type-btn.active, .hotmatch-section .top-container .hotmatch-type-container .type-btn:hover { color: rgb(255, 255, 255); background: rgb(255, 138, 0); }
.hotmatch-section .hotmatch-slider { width: 12.9rem; margin: -1.6rem 0px 0px; }
.hotmatch-section .hotmatch-slider .slick-slide:not(:last-child) { margin: 0px 0.13rem 0px 0px; }
.hotmatch-section .hotmatch-slider .slick-list { width: 12.78rem; padding-left: 0px !important; }
.hotmatch-section .hotmatch-slider .betContainer { position: relative; background: rgb(255, 255, 255); border-radius: 0.05rem; overflow: hidden; width: 3.88rem; }
.hotmatch-section .hotmatch-slider .betContainer .container-header { display: grid; grid-template-columns: 60% 40%; background: linear-gradient(to right, rgb(72, 18, 94), rgb(115, 39, 127)); padding: 0.1rem 0.1rem 0.1rem 0.16rem; font-size: 0.15rem; }
.hotmatch-section .hotmatch-slider .betContainer .container-header .header-left { display: flex; align-items: center; justify-content: flex-end; }
.hotmatch-section .hotmatch-slider .betContainer .container-header .header-left .match-time { margin: 0px 0.08rem 0px 0px; color: rgb(255, 255, 255); }
.hotmatch-section .hotmatch-slider .betContainer svg { top: 0.07rem; right: 0.13rem; width: 0.16rem; height: 0.16rem; fill: rgb(197, 210, 216); cursor: pointer; }
.hotmatch-section .hotmatch-slider .betContainer .important-notice-box { position: absolute; right: 0.08rem; top: 0.35rem; padding: 0.19rem; background: rgb(255, 255, 255); font-size: 0.14rem; border-radius: 0.1rem; box-shadow: rgb(155, 155, 155) 0.02rem 0.03rem 0.05rem; opacity: 0; visibility: hidden; transition: 0.3s; z-index: 3; }
.hotmatch-section .hotmatch-slider .betContainer .important-notice-box.active { opacity: 1; visibility: visible; }
.hotmatch-section .hotmatch-slider .betContainer .bet-title { color: rgb(255, 255, 255); overflow: hidden; margin: 0px; white-space: nowrap; text-overflow: ellipsis; }
.hotmatch-section .hotmatch-slider .betContainer .imgWarpper { display: grid; justify-content: space-between; font-family: Inter, "sans-serif", 宋体, Prompt; padding: 0.12rem 0.24rem; grid-template-areas: "teamName teamName teamImg teamImg" "matchDetail matchDetail matchDetail matchDetail"; grid-template-columns: 1.2rem 1rem 1rem; color: rgb(15, 22, 31); }
.hotmatch-section .hotmatch-slider .betContainer .imgWarpper .team-name { grid-area: teamName; font-size: 0.16rem; }
.hotmatch-section .hotmatch-slider .betContainer .imgWarpper .team-name > div { display: flex; align-items: center; }
.hotmatch-section .hotmatch-slider .betContainer .imgWarpper .team-name > div:not(:last-child) { margin: 0px 0px 0.1rem; }
.hotmatch-section .hotmatch-slider .betContainer .imgWarpper .team-name > div p:first-child { margin: 0px 0.1rem 0px 0px; display: flex; align-items: center; justify-content: center; width: 0.18rem; height: 0.18rem; border-radius: 50%; color: rgb(255, 255, 255); font-size: 0.11rem; }
.hotmatch-section .hotmatch-slider .betContainer .imgWarpper .team-name > div p:first-child.home-type { background: rgb(51, 198, 0); }
.hotmatch-section .hotmatch-slider .betContainer .imgWarpper .team-name > div p:first-child.away-type { background: rgb(255, 78, 0); }
.hotmatch-section .hotmatch-slider .betContainer .imgWarpper .team-img { grid-area: teamImg; position: relative; }
.hotmatch-section .hotmatch-slider .betContainer .imgWarpper .team-img img { position: absolute; width: 0.5rem; height: 0.5rem; box-shadow: rgba(0, 0, 0, 0.3) 0.02rem 0.05rem 0.1rem; border-radius: 50%; background: rgb(255, 255, 255); }
.hotmatch-section .hotmatch-slider .betContainer .imgWarpper .team-img img.img-home { left: 8%; top: -10%; z-index: 2; }
.hotmatch-section .hotmatch-slider .betContainer .imgWarpper .team-img img.img-away { right: 8%; bottom: -10%; z-index: 1; }
.hotmatch-section .hotmatch-slider .betContainer .imgWarpper .match-detail { grid-area: matchDetail; display: flex; align-items: center; justify-content: space-between; margin: 0.18rem 0px 0px; font-size: 0.15rem; font-family: Inter, "sans-serif", 宋体, Prompt; }
.hotmatch-section .hotmatch-slider .betContainer .imgWarpper .match-detail > div { display: flex; align-items: center; justify-content: space-between; padding: 0.05rem 0.15rem; width: 49%; background: rgb(243, 245, 246); border-radius: 0.5rem; }
.hotmatch-section .hotmatch-slider .betContainer .imgWarpper .match-detail > div p { margin: 0px; }
.hotmatch-section .hotmatch-slider .betContainer .imgWarpper .match-detail > div p:nth-child(2) { color: rgb(134, 151, 162); }
.betting-hotmatch-container { background: rgb(243, 245, 246); padding: 0.32rem 0.3rem; border-radius: 0.15rem; }
@media (max-width: 1024px) { .hotmatch-section .hotmatch-slider { width: 11rem; margin: -1.4rem 0px 0px; } .hotmatch-section .hotmatch-slider .slick-list { width: 10.9rem; } .hotmatch-section .hotmatch-slider .betContainer .container-header { grid-template-columns: 55% 45%; padding: 0.08rem 0.05rem 0.08rem 0.1rem; } .hotmatch-section .hotmatch-slider .betContainer .container-header .header-left .match-time { margin: 0px 0.05rem 0px 0px; } .hotmatch-section .hotmatch-slider .betContainer .imgWarpper { grid-template-columns: 1rem 0.8rem 1rem; font-size: 0.12rem; padding: 0.12rem 0.1rem; } .betting-hotmatch-container { padding: 0.22rem 0.2rem; }
}
.hotmatch-section.mobile-hotmatch-section { padding: 0px 0px 0px 0.21rem; }
.hotmatch-section.mobile-hotmatch-section .top-container { margin: 0px 0px 0.36rem 0.22rem; }
.hotmatch-section.mobile-hotmatch-section .top-container .hotmatch-title { font-size: 0.34rem; margin: 0px 0.4rem 0px 0px; }
.hotmatch-section.mobile-hotmatch-section .top-container .hotmatch-type-container .type-btn { font-size: 0.24rem; padding: 0.1rem 0.24rem; border-radius: 0.3rem; }
.hotmatch-section.mobile-hotmatch-section .hotmatch-slider { width: 100%; margin: 0px; }
.hotmatch-section.mobile-hotmatch-section .hotmatch-slider .slick-slide:not(:last-child) { margin: 0px 0.14rem 0px 0px; }
.hotmatch-section.mobile-hotmatch-section .hotmatch-slider .slick-list { width: 100%; }
.hotmatch-section.mobile-hotmatch-section .hotmatch-slider .betContainer { padding: 0px; border-radius: 0.1rem; background: rgb(243, 245, 246); }
.hotmatch-section.mobile-hotmatch-section .hotmatch-slider .betContainer .top-content { display: flex; align-items: center; justify-content: space-between; background: linear-gradient(to right, rgb(72, 18, 94), rgb(115, 39, 127)); color: rgb(255, 255, 255); padding: 0.2rem 0.2rem 0.16rem; border-radius: 0.1rem 0.1rem 0px 0px; }
.hotmatch-section.mobile-hotmatch-section .hotmatch-slider .betContainer .top-content .bet-title { background: unset; font-size: 0.24rem; margin: 0px; padding: 0px; border-radius: 0px; width: 60%; }
.hotmatch-section.mobile-hotmatch-section .hotmatch-slider .betContainer .top-content .right-box { display: flex; align-items: center; }
.hotmatch-section.mobile-hotmatch-section .hotmatch-slider .betContainer .top-content .right-box svg { position: unset; width: 0.3rem; height: 0.3rem; margin: -0.05rem 0px 0px 0.21rem; background: rgb(255, 255, 255); border-radius: 50%; }
.hotmatch-section.mobile-hotmatch-section .hotmatch-slider .betContainer .important-notice-box { box-shadow: rgb(155, 155, 155) 0.05rem 0.06rem 0.1rem; color: rgb(15, 22, 31); right: 0.3rem; top: 0.6rem; font-size: 0.24rem; padding: 0.2rem; }
.hotmatch-section.mobile-hotmatch-section .hotmatch-slider .betContainer .imgWarpper { font-size: 0.24rem; padding: 0.3rem 0.2rem 0.35rem; grid-template-columns: 1.9rem 1.5rem 1.9rem; }
.hotmatch-section.mobile-hotmatch-section .hotmatch-slider .betContainer .imgWarpper .team-name { font-size: 0.24rem; }
.hotmatch-section.mobile-hotmatch-section .hotmatch-slider .betContainer .imgWarpper .team-name > div:not(:last-child) { margin: 0px 0px 0.16rem; }
.hotmatch-section.mobile-hotmatch-section .hotmatch-slider .betContainer .imgWarpper .team-name > div p:first-child { margin: 0px 0.3rem 0px 0px; width: 0.36rem; height: 0.36rem; font-size: 0.24rem; }
.hotmatch-section.mobile-hotmatch-section .hotmatch-slider .betContainer .imgWarpper .team-img img { width: 0.96rem; height: 0.96rem; }
.hotmatch-section.mobile-hotmatch-section .hotmatch-slider .betContainer .imgWarpper .team-img img.img-home { left: 8%; top: -10%; }
.hotmatch-section.mobile-hotmatch-section .hotmatch-slider .betContainer .imgWarpper .team-img img.img-away { right: 8%; bottom: -10%; }
.hotmatch-section.mobile-hotmatch-section .hotmatch-slider .betContainer .imgWarpper .match-detail { margin: 0.4rem 0px 0px; font-size: 0.24rem; }
.hotmatch-section.mobile-hotmatch-section .hotmatch-slider .betContainer .imgWarpper .match-detail > div { padding: 0.1rem 0.2rem; background: rgb(255, 255, 255); }
.hotmatch-section.mobile-hotmatch-section .hotmatch-slider .dotsContainer { position: absolute; width: 100%; display: flex; align-items: center; justify-content: center; bottom: 0.21rem; }
.hotmatch-section.mobile-hotmatch-section .hotmatch-slider .dotsContainer button { width: 0.13rem; height: 0.13rem; border-radius: 50%; margin: 0px 0.18rem 0px 0px; overflow: visible; }
.hotmatch-section.mobile-hotmatch-section .hotmatch-slider .dotsContainer button:last-child { margin: 0px; }
.hotmatch-section.mobile-hotmatch-section .hotmatch-slider .dotsContainer .dots { background: rgb(225, 225, 225); }
.hotmatch-section.mobile-hotmatch-section .hotmatch-slider .dotsContainer .active { background: rgb(255, 138, 0); }
.register-guide-section { display: flex; flex-direction: column; align-items: center; margin: 0px 0px 1.04rem; }
.register-guide-section .guide-title { color: rgb(15, 22, 31); font-size: 0.18rem; margin: 1.05rem 0px 0px; }
.register-guide-section .guide-title2 { color: rgb(15, 22, 31); font-size: 0.36rem; margin: 0.06rem 0px 0px; }
.register-guide-section .step-container { display: grid; grid-template-columns: 23% 23% 23% 23%; margin: 0.5rem 0px 0px; width: 12rem; justify-content: space-between; text-align: center; }
.register-guide-section .step-container .guide-box { padding: 0.15rem; border-radius: 0.1rem; }
.register-guide-section .step-container .guide-box svg { width: 0.75rem; height: 0.75rem; }
.register-guide-section .step-container .guide-box .guide-content { margin: 0.15rem 0.05rem 0.05rem; word-break: break-word; }
.register-guide-section .step-container .guide-box .guide-content p { margin: 0px; font-size: 0.16rem; color: rgb(15, 22, 31); }
.register-guide-section .step-container .guide-box.box-0 { border: 0.01rem solid red; }
.register-guide-section .step-container .guide-box.box-1 { border: 0.01rem solid rgb(103, 228, 158); }
.register-guide-section .step-container .guide-box.box-2 { border: 0.01rem solid rgb(247, 146, 26); }
.register-guide-section .step-container .guide-box.box-3 { border: 0.01rem solid rgb(251, 184, 19); }
.register-guide-section .progress-bar-img { width: 12rem; margin: 0.16rem 0px 0px; }
.register-guide-section .step-title-container { display: flex; justify-content: center; align-items: center; margin: 0.18rem 0px 0px; }
.register-guide-section .step-title-container .step-title { width: 2.76rem; text-align: center; font-size: 0.2rem; }
.register-guide-section .step-title-container .step-title:not(:last-child) { margin: 0px 0.32rem 0px 0px; }
.register-guide-section .step-title-container .step-title.title-0 { color: red; }
.register-guide-section .step-title-container .step-title.title-1 { color: rgb(80, 197, 131); }
.register-guide-section .step-title-container .step-title.title-2 { color: rgb(247, 146, 26); }
.register-guide-section .step-title-container .step-title.title-3 { color: rgb(249, 177, 0); }
.register-guide-section .guide-tutorial-btn { display: flex; align-items: center; justify-content: center; height: 0.33rem; background: rgb(255, 138, 0); border-radius: 0.3rem; margin: 0.61rem 0px 0px; font-size: 0.16rem; padding: 0px 0.16rem; }
.register-guide-section .guide-tutorial-btn svg { fill: rgb(255, 255, 255); }
.register-guide-section .guide-tutorial-btn svg.video-icon { width: 0.23rem; height: 0.21rem; margin: 0px 0.13rem 0px 0px; }
.register-guide-section .guide-tutorial-btn svg.arrow-icon { transform: rotate(180deg); width: 0.06rem; height: 0.11rem; margin: 0px 0px 0px 0.21rem; }
@media (max-width: 1024px) { .register-guide-section .step-container { max-width: 10.32rem; } .register-guide-section .progress-bar-img { width: 10.32rem; } .register-guide-section .step-title-container .step-title { width: 2.37rem; } .register-guide-section .step-title-container .step-title:not(:last-child) { margin: 0px 0.27rem 0px 0px; }
}
.hot-games-section { position: relative; }
@media (max-width: 768px) { .hot-games-section { margin: 1.04rem 0px 0px; }
}
.hot-games-section.add-index { z-index: 2; }
.hot-games-section .hot-games-slider { width: 13.52rem; }
.hot-games-section .hot-games-slider .slick-list { width: 13.4rem; padding-left: 0px !important; }
.hot-games-section .hot-games-slider .slick-slide { height: 3.15rem; margin: 0px 0.13rem 0px 0px; }
.hot-games-section .hot-games-slider .slick-arrow { top: 0.75rem; display: none !important; }
.hot-games-section .hot-games-slider .slick-arrow.show { display: flex !important; }
.hot-games-section .hot-games-slider .hot-game-container { position: relative; }
.hot-games-section .hot-games-slider .hot-game-container .hot-game-img-warpper { position: relative; width: 2.3rem; height: 1.55rem; border-radius: 0.1rem; overflow: hidden; }
.hot-games-section .hot-games-slider .hot-game-container .hot-game-img-warpper img { width: 100%; height: 100%; cursor: pointer; }
.hot-games-section .hot-games-slider .hot-game-container .hot-game-img-warpper .btn-container { display: flex; align-items: center; justify-content: center; flex-direction: column; width: 2.3rem; height: 1.6rem; position: absolute; transition: 0.3s; transform: translateY(0%); opacity: 0; visibility: hidden; background: rgba(255, 255, 255, 0.8); }
.hot-games-section .hot-games-slider .hot-game-container .hot-game-img-warpper .btn-container button { width: 1.05rem; height: 0.3rem; color: rgb(255, 255, 255); border-radius: 0.2rem; font-size: 0.14rem; }
.hot-games-section .hot-games-slider .hot-game-container .hot-game-img-warpper .btn-container button.hot-game-play-btn { background: rgb(255, 138, 0); }
.hot-games-section .hot-games-slider .hot-game-container .hot-game-img-warpper .btn-container button.hot-game-play-demo-btn { margin: 0.08rem 0px 0px; background: rgb(0, 113, 227); }
.hot-games-section .hot-games-slider .hot-game-container .hot-game-img-warpper:hover .btn-container { transform: translateY(-100%); visibility: visible; opacity: 1; }
.hot-games-section .hot-games-slider .hot-game-container .hot-game-content { margin: 0.13rem 0px 0px; }
.hot-games-section .hot-games-slider .hot-game-container .hot-game-content > p { margin: 0px; }
.hot-games-section .hot-games-slider .hot-game-container .hot-game-content .row-1 { display: flex; justify-content: space-between; align-items: center; height: 0.16rem; }
.hot-games-section .hot-games-slider .hot-game-container .hot-game-content .row-1 .game-name { color: rgb(15, 22, 31); font-size: 0.15rem; margin: 0px 0px 0px 0.09rem; width: 1.5rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hot-games-section .hot-games-slider .hot-game-container .hot-game-content .row-1 .icon-container { display: flex; align-items: center; gap: 0.05rem; font-size: 0.12rem; }
.hot-games-section .hot-games-slider .hot-game-container .hot-game-content .row-1 .icon-container .new-icon { background: rgb(224, 9, 44); padding: 0.04rem 0.06rem; border-radius: 0.2rem; text-align: center; color: rgb(255, 255, 255); line-height: normal; font-family: ""Helvetica Neue", Helvetica, Arial, sans-serif Neue", "Helvetica Neue", Helvetica, Arial, sans-serif-Regular; }
.hot-games-section .hot-games-slider .hot-game-container .hot-game-content .row-1 .icon-container .hot-icon { background: rgb(255, 101, 15); padding: 0.04rem 0.06rem; border-radius: 0.2rem; text-align: center; color: rgb(255, 255, 255); line-height: normal; font-family: ""Helvetica Neue", Helvetica, Arial, sans-serif Neue", "Helvetica Neue", Helvetica, Arial, sans-serif-Regular; }
.hot-games-section .hot-games-slider .hot-game-container .hot-game-content .row-1 .icon-container svg { width: 0.16rem; margin: 0px 0.03rem 0px 0.05rem; fill: rgb(197, 210, 216); cursor: pointer; }
.hot-games-section .hot-games-slider .hot-game-container .hot-game-content .game-type { color: rgb(134, 151, 162); font-size: 0.13rem; margin: 0.03rem 0px 0px 0.09rem; }
.hot-games-section .hot-games-slider .hot-game-container .hot-game-content .game-rtp { display: flex; align-items: center; justify-content: center; width: fit-content; border-radius: 0.08rem; background: rgb(0, 136, 243); font-size: 0.13rem; margin: 0.03rem 0px 0px; color: rgb(255, 255, 255); padding: 0.04rem 0.1rem; line-height: normal; font-family: ""Helvetica Neue", Helvetica, Arial, sans-serif Neue", "Helvetica Neue", Helvetica, Arial, sans-serif-Regular; }
.hot-games-section .hot-games-slider .hot-game-container .hot-game-content .game-rtp span { margin: 0px 0px 0px 0.15rem; }
.hot-games-section .hot-games-slider .hot-game-container .hot-game-info { position: absolute; right: 0px; top: 1.9rem; display: flex; flex-direction: column; justify-content: center; width: 100%; padding: 0.12rem 0.11rem; background: rgb(243, 245, 246); font-size: 0.13rem; border-radius: 0.05rem; z-index: 1; color: rgb(15, 22, 31); }
.hot-games-section .hot-games-slider .hot-game-container .hot-game-info p { margin: 0px; }
.hot-games-section .hot-games-slider .hot-game-container .hot-game-info > div:not(:last-child) { margin: 0px 0px 0.06rem; }
.hot-games-section .hot-games-slider .hot-game-container .hot-game-info .info-row-1 { display: flex; justify-content: space-between; }
.hot-games-section .hot-games-slider .hot-game-container .hot-game-info .info-row-1 div { display: flex; justify-content: space-between; background: rgb(255, 255, 255); width: 50%; border-radius: 0.05rem; }
.hot-games-section .hot-games-slider .hot-game-container .hot-game-info .info-row-1 div:first-child { margin: 0px 0.08rem 0px 0px; }
.hot-games-section .hot-games-slider .hot-game-container .hot-game-info .info-row-1 div p { padding: 0.08rem 0.1rem 0.08rem 0px; color: rgb(15, 22, 31); }
.hot-games-section .hot-games-slider .hot-game-container .hot-game-info .info-row-1 div p:first-child { color: rgb(134, 151, 162); padding: 0.08rem 0px 0.08rem 0.1rem; }
.hot-games-section .hot-games-slider .hot-game-container .hot-game-info .info-row-2, .hot-games-section .hot-games-slider .hot-game-container .hot-game-info .info-row-3 { display: flex; align-items: center; justify-content: space-between; width: 100%; background: rgb(255, 255, 255); padding: 0.08rem 0.1rem; border-radius: 0.05rem; }
.hot-games-section .hot-games-slider .hot-game-container .hot-game-info .info-row-2 p, .hot-games-section .hot-games-slider .hot-game-container .hot-game-info .info-row-3 p { color: rgb(15, 22, 31); }
.hot-games-section .hot-games-slider .hot-game-container .hot-game-info .info-row-2 p:first-child, .hot-games-section .hot-games-slider .hot-game-container .hot-game-info .info-row-3 p:first-child { color: rgb(134, 151, 162); }
@media (max-width: 1024px) { .hot-games-section .hot-games-slider { width: 11.6rem; } .hot-games-section .hot-games-slider .slick-list { width: 11.5rem; } .hot-games-section .hot-games-slider .slick-slide { height: 2.8rem; margin: 0px 0.11rem 0px 0px; } .hot-games-section .hot-games-slider .slick-arrow { top: 0.6rem; } .hot-games-section .hot-games-slider .hot-game-container .hot-game-img-warpper { width: 1.87rem; } .hot-games-section .hot-games-slider .hot-game-container .hot-game-img-warpper .btn-container .hot-game-play-btn { width: 0.34rem; height: 0.34rem; } .hot-games-section .hot-games-slider .hot-game-container .hot-game-img-warpper .btn-container .hot-game-play-btn svg { width: 0.12rem; height: 0.12rem; } .hot-games-section .hot-games-slider .hot-game-container .hot-game-content { margin: 0.08rem 0px 0px; } .hot-games-section .hot-games-slider .hot-game-container .hot-game-content .row-1 { height: 0.13rem; } .hot-games-section .hot-games-slider .hot-game-container .hot-game-content .row-1 .game-name { width: 1.2rem; } .hot-games-section .hot-games-slider .hot-game-container .hot-game-content .game-rtp { height: 0.18rem; } .hot-games-section .hot-games-slider .hot-game-container .hot-game-content .game-rtp span { margin: 0px 0px 0px 0.12rem; } .hot-games-section .hot-games-slider .hot-game-container .hot-game-info { top: 1.45rem; }
}
.instant-game-section { margin: 0.4rem 0px 0px; }
.instant-game-section .top-container { display: flex; align-items: center; justify-content: space-between; color: rgb(15, 22, 31); margin: 0px 0px 0.22rem; position: relative; height: 0.21rem; }
.instant-game-section .top-container p { margin: 0px; }
.instant-game-section .top-container .instant-game-title { font-weight: 600; font-size: 0.18rem; position: absolute; left: 0px; }
.instant-game-section .top-container .see-all-btn { font-size: 0.16rem; text-decoration: underline; cursor: pointer; position: absolute; right: 0px; }
.instant-game-section .instant-game { width: 13.52rem; }
.instant-game-section .instant-game .slick-list { width: 13.4rem; padding-left: 0px !important; }
.instant-game-section .instant-game .slick-slide { height: 2rem; margin: 0px 0.12rem 0px 0px; }
.instant-game-section .instant-game .slick-arrow { top: 0.75rem; align-items: center; justify-content: center; background: rgb(219, 233, 240); border-radius: 50%; width: 0.28rem; height: 0.28rem; z-index: 1; overflow: visible; fill: rgb(109, 160, 221); display: none !important; }
.instant-game-section .instant-game .slick-arrow::before { content: ""; }
.instant-game-section .instant-game .slick-arrow.show { display: flex !important; }
.instant-game-section .instant-game .slick-arrow.slick-prev { left: -0.13rem; }
.instant-game-section .instant-game .slick-arrow.slick-prev svg { width: 0.07rem; }
.instant-game-section .instant-game .slick-arrow.slick-next { right: -0.01rem; }
.instant-game-section .instant-game .slick-arrow.slick-next svg { width: 0.07rem; transform: rotate(180deg); }
.instant-game-section .instant-game .instant-game-container .instant-game-img-warpper { position: relative; width: 2.3rem; height: 1.42rem; border-radius: 0.1rem; overflow: hidden; }
.instant-game-section .instant-game .instant-game-container .instant-game-img-warpper img { width: 100%; height: 100%; cursor: pointer; }
.instant-game-section .instant-game .instant-game-container .instant-game-img-warpper .btn-container { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 2.3rem; height: 1.55rem; position: absolute; transition: 0.3s; transform: translateY(0%); opacity: 0; visibility: hidden; background: rgba(255, 255, 255, 0.8); }
.instant-game-section .instant-game .instant-game-container .instant-game-img-warpper .btn-container button { width: 1.05rem; height: 0.3rem; color: rgb(255, 255, 255); border-radius: 0.2rem; font-size: 0.14rem; }
.instant-game-section .instant-game .instant-game-container .instant-game-img-warpper .btn-container button.instant-game-play-btn { background: rgb(255, 138, 0); }
.instant-game-section .instant-game .instant-game-container .instant-game-img-warpper .btn-container button.instant-game-play-demo-btn { margin: 0.08rem 0px 0px; background: rgb(0, 113, 227); }
.instant-game-section .instant-game .instant-game-container .instant-game-img-warpper:hover .btn-container { transform: translateY(-100%); visibility: visible; opacity: 1; }
.instant-game-section .instant-game .instant-game-container .instant-game-content { margin: 0.13rem 0px 0px; }
.instant-game-section .instant-game .instant-game-container .instant-game-content > p { margin: 0px; }
.instant-game-section .instant-game .instant-game-container .instant-game-content .row-1 { display: flex; justify-content: space-between; align-items: center; height: 0.16rem; position: relative; }
.instant-game-section .instant-game .instant-game-container .instant-game-content .row-1 .casino-name { color: rgb(15, 22, 31); font-size: 0.15rem; margin: 0px 0px 0px 0.09rem; width: 1.6rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.instant-game-section .instant-game .instant-game-container .instant-game-content .row-1 .hot-icon, .instant-game-section .instant-game .instant-game-container .instant-game-content .row-1 .new-icon { border-radius: 0.2rem; color: rgb(255, 255, 255); font-size: 0.12rem; font-weight: 600; right: 0px; top: -0.025rem; padding: 0.04rem 0.06rem; position: absolute; line-height: normal; font-family: ""Helvetica Neue", Helvetica, Arial, sans-serif Neue", "Helvetica Neue", Helvetica, Arial, sans-serif-Regular; }
.instant-game-section .instant-game .instant-game-container .instant-game-content .row-1 .hot-icon { background: rgb(255, 101, 15); }
.instant-game-section .instant-game .instant-game-container .instant-game-content .row-1 .new-icon { background: rgb(224, 9, 44); }
.instant-game-section .instant-game .instant-game-container .instant-game-content .casino-type { color: rgb(136, 153, 164); font-size: 0.13rem; margin: 0.03rem 0px 0px 0.09rem; }
@media (max-width: 1024px) { .instant-game-section .instant-game { width: 11.6rem; } .instant-game-section .instant-game .slick-list { width: 11.5rem; } .instant-game-section .instant-game .slick-slide { height: 1.91rem; margin: 0px 0.1rem 0px 0px; } .instant-game-section .instant-game .slick-arrow { top: 0.6rem; } .instant-game-section .instant-game .instant-game-container .instant-game-img-warpper { width: 1.87rem; } .instant-game-section .instant-game .instant-game-container .instant-game-img-warpper .btn-container .instant-game-play-btn { width: 0.34rem; height: 0.34rem; } .instant-game-section .instant-game .instant-game-container .instant-game-img-warpper .btn-container .instant-game-play-btn svg { width: 0.12rem; height: 0.12rem; } .instant-game-section .instant-game .instant-game-container .instant-game-content { margin: 0.11rem 0px 0px; } .instant-game-section .instant-game .instant-game-container .instant-game-content .row-1 { height: 0.13rem; }
}
.live-casino-slider-section { position: relative; z-index: 1; margin: -0.4rem 0px 0px; }
.live-casino-slider-section .live-casino-slider { width: 13.52rem; }
.live-casino-slider-section .live-casino-slider .slick-list { width: 13.4rem; padding-left: 0px !important; }
.live-casino-slider-section .live-casino-slider .slick-slide { height: 2rem; margin: 0px 0.12rem 0px 0px; }
.live-casino-slider-section .live-casino-slider .slick-arrow { top: 0.75rem; align-items: center; justify-content: center; background: rgb(219, 233, 240); border-radius: 50%; width: 0.28rem; height: 0.28rem; z-index: 1; overflow: visible; fill: rgb(109, 160, 221); display: none !important; }
.live-casino-slider-section .live-casino-slider .slick-arrow::before { content: ""; }
.live-casino-slider-section .live-casino-slider .slick-arrow.show { display: flex !important; }
.live-casino-slider-section .live-casino-slider .slick-arrow.slick-prev { left: -0.13rem; }
.live-casino-slider-section .live-casino-slider .slick-arrow.slick-prev svg { width: 0.07rem; }
.live-casino-slider-section .live-casino-slider .slick-arrow.slick-next { right: -0.01rem; }
.live-casino-slider-section .live-casino-slider .slick-arrow.slick-next svg { width: 0.07rem; transform: rotate(180deg); }
.live-casino-slider-section .live-casino-slider .live-casino-slider-container .live-casino-slider-img-warpper { position: relative; width: 2.3rem; height: 1.42rem; border-radius: 0.1rem; overflow: hidden; }
.live-casino-slider-section .live-casino-slider .live-casino-slider-container .live-casino-slider-img-warpper img { width: 100%; height: 100%; cursor: pointer; }
.live-casino-slider-section .live-casino-slider .live-casino-slider-container .live-casino-slider-img-warpper .btn-container { display: flex; align-items: center; justify-content: center; width: 2.3rem; height: 1.55rem; position: absolute; transition: 0.3s; transform: translateY(0%); opacity: 0; visibility: hidden; background: rgba(255, 255, 255, 0.6); }
@media (max-width: 768px) { .live-casino-slider-section .live-casino-slider .live-casino-slider-container .live-casino-slider-img-warpper .btn-container { width: 100%; height: 100%; }
}
.live-casino-slider-section .live-casino-slider .live-casino-slider-container .live-casino-slider-img-warpper .btn-container .live-casino-slider-play-btn { width: 0.4rem; height: 0.4rem; margin: auto; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(0, 0, 0, 0.6); box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 0.05rem; }
.live-casino-slider-section .live-casino-slider .live-casino-slider-container .live-casino-slider-img-warpper .btn-container .live-casino-slider-play-btn svg { width: 0.15rem; height: 0.15rem; fill: rgb(255, 255, 255); }
.live-casino-slider-section .live-casino-slider .live-casino-slider-container .live-casino-slider-img-warpper:hover .btn-container { transform: translateY(-100%); visibility: visible; opacity: 1; }
.live-casino-slider-section .live-casino-slider .live-casino-slider-container .live-casino-slider-content { margin: 0.13rem 0px 0px; }
.live-casino-slider-section .live-casino-slider .live-casino-slider-container .live-casino-slider-content > p { margin: 0px; }
.live-casino-slider-section .live-casino-slider .live-casino-slider-container .live-casino-slider-content .row-1 { display: flex; justify-content: space-between; align-items: center; height: 0.16rem; position: relative; }
.live-casino-slider-section .live-casino-slider .live-casino-slider-container .live-casino-slider-content .row-1 .casino-name { color: rgb(15, 22, 31); font-size: 0.15rem; margin: 0px 0px 0px 0.09rem; width: 1.6rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.live-casino-slider-section .live-casino-slider .live-casino-slider-container .live-casino-slider-content .row-1 .hot-icon, .live-casino-slider-section .live-casino-slider .live-casino-slider-container .live-casino-slider-content .row-1 .new-icon { border-radius: 0.2rem; color: rgb(255, 255, 255); font-size: 0.12rem; font-weight: 600; right: 0px; top: -0.025rem; padding: 0.04rem 0.06rem; position: absolute; line-height: normal; font-family: ""Helvetica Neue", Helvetica, Arial, sans-serif Neue", "Helvetica Neue", Helvetica, Arial, sans-serif-Regular; }
.live-casino-slider-section .live-casino-slider .live-casino-slider-container .live-casino-slider-content .row-1 .hot-icon { background: rgb(255, 101, 15); }
.live-casino-slider-section .live-casino-slider .live-casino-slider-container .live-casino-slider-content .row-1 .new-icon { background: rgb(224, 9, 44); }
.live-casino-slider-section .live-casino-slider .live-casino-slider-container .live-casino-slider-content .casino-type { color: rgb(136, 153, 164); font-size: 0.13rem; margin: 0.03rem 0px 0px 0.09rem; }
@media (max-width: 1024px) { .live-casino-slider-section .live-casino-slider { width: 11.6rem; } .live-casino-slider-section .live-casino-slider .slick-list { width: 11.5rem; } .live-casino-slider-section .live-casino-slider .slick-slide { height: 1.91rem; margin: 0px 0.1rem 0px 0px; } .live-casino-slider-section .live-casino-slider .slick-arrow { top: 0.6rem; } .live-casino-slider-section .live-casino-slider .live-casino-slider-container .live-casino-slider-img-warpper { width: 1.87rem; } .live-casino-slider-section .live-casino-slider .live-casino-slider-container .live-casino-slider-img-warpper .btn-container .live-casino-slider-play-btn { width: 0.34rem; height: 0.34rem; } .live-casino-slider-section .live-casino-slider .live-casino-slider-container .live-casino-slider-img-warpper .btn-container .live-casino-slider-play-btn svg { width: 0.12rem; height: 0.12rem; } .live-casino-slider-section .live-casino-slider .live-casino-slider-container .live-casino-slider-content { margin: 0.11rem 0px 0px; } .live-casino-slider-section .live-casino-slider .live-casino-slider-container .live-casino-slider-content .row-1 { height: 0.13rem; }
}
.app-landing-section { margin: 1.04rem 0px 0px; }
.app-landing-section p { margin: 0px; }
.app-landing-section .app-landing-title { font-weight: 600; font-size: 0.18rem; color: rgb(15, 22, 31); }
.app-landing-content { display: flex; word-break: break-word; }
.app-landing-content .left-container { width: 5.91rem; margin: 0.63rem 0.08rem 0px 0px; }
.app-landing-content .header-container .header-1 { display: flex; justify-content: space-between; font-weight: 600; font-size: 0.36rem; color: rgb(15, 22, 31); width: 100%; }
.app-landing-content .header-container .header-1 .header-1-title { width: 88%; }
.app-landing-content .header-container .header-1 div { width: 12%; }
.app-landing-content .header-container .header-1 div img { margin: 0.1rem 0px 0px; width: 100%; }
.app-landing-content .header-container .header-2 { margin: 0.36rem 0px 0px; font-size: 0.14rem; color: rgb(134, 151, 162); }
.app-landing-content .app-download-container { display: flex; align-items: center; margin: 0.69rem 0px 0px; }
.app-landing-content .app-download-container .download-item { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.app-landing-content .app-download-container .download-item:not(:last-child) { margin: 0px 0.47rem 0px 0px; }
.app-landing-content .app-download-container .download-item .download_qr { width: 1.2rem; height: 1.2rem; border: 0.01rem solid rgb(207, 207, 207); border-radius: 0.05rem; }
.app-landing-content .app-download-container .download-item .os-name { display: flex; align-items: center; justify-content: center; width: 1.34rem; background: rgb(243, 246, 246); color: rgb(15, 22, 31); border-radius: 0.2rem; margin: 0.16rem 0px 0px; font-size: 0.14rem; cursor: pointer; padding: 0.05rem; }
.app-landing-content .app-download-container .download-item .os-name svg { margin: 0px 0.1rem 0px 0px; }
.app-landing-content .app-download-container .download-item .os-name svg.ios { width: 0.14rem; height: 0.2rem; fill: rgb(179, 179, 179); }
.app-landing-content .app-download-container .download-item .os-name svg.android { width: 0.16rem; height: 0.2rem; fill: rgb(133, 199, 7); }
.app-landing-content .app-download-container .download-item .instruction-btn { margin: 0.1rem 0px 0px; color: rgb(0, 102, 204); font-size: 0.16rem; cursor: pointer; }
.app-landing-content .app-download-container .download-item .instruction-btn:hover { text-decoration-line: underline; }
.app-landing-content .right-container { display: flex; justify-content: space-between; width: 7.13rem; height: 7.78rem; background-repeat: no-repeat; background-size: 65%; background-position: -8% 295%; padding: 0px 0px 0px 2.88rem; color: rgb(255, 255, 255); }
.app-landing-content .right-container .app-install-container.app-install-2 { margin: 1.12rem 0px 0px; }
.app-landing-content .right-container .app-install-container.app-install-2 .security { padding: 1.5rem 0.15rem 0px 0.2rem; }
.app-landing-content .right-container .app-install-container .app-install-box { display: flex; flex-direction: column; width: 2.06rem; height: 2.77rem; border-radius: 0.15rem; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; padding: 1.75rem 0.15rem 0px 0.2rem; }
.app-landing-content .right-container .app-install-container .app-install-box:not(:first-child) { margin: 0.14rem 0px 0px; }
.app-landing-content .right-container .app-install-container .app-install-box .app-install-title { font-size: 0.18rem; }
.app-landing-content .right-container .app-install-container .app-install-box .app-install-desc { margin: 0.08rem 0px 0px; font-size: 0.14rem; }
.instruction-popup { background: rgb(251, 251, 251); position: relative; }
.instruction-popup p { margin: 0px; }
.instruction-popup .standard-popup-modal-header { padding: 0px; }
.instruction-popup .instruction-title { font-size: 0.3rem; color: rgb(15, 22, 31); width: 48%; font-weight: bold; margin: 0px 0px 0px 0.48rem; word-break: break-word; position: absolute; top: 0.59rem; z-index: 1; }
.instruction-popup .pagination-box { position: absolute; left: 0.48rem; top: 4.92rem; display: flex; align-items: center; justify-content: center; overflow: visible; z-index: 1; }
.instruction-popup .pagination-box .left-arrow, .instruction-popup .pagination-box .right-arrow { display: flex; align-items: center; justify-content: center; background: rgb(219, 233, 240); border-radius: 50%; width: 0.28rem; height: 0.28rem; z-index: 1; overflow: visible; fill: rgb(109, 160, 221); }
.instruction-popup .pagination-box .left-arrow svg, .instruction-popup .pagination-box .right-arrow svg { width: 0.07rem; }
.instruction-popup .pagination-box .right-arrow svg { transform: rotate(180deg); }
.instruction-popup .pagination-box .page-number { margin: 0px 0.21rem; color: rgb(134, 151, 162); letter-spacing: 0.05rem; }
.instruction-popup .instruction-slider { width: 100%; border-radius: 0.1rem; overflow: hidden; }
.instruction-popup .instruction-slider .instruction-popup-body { width: 100%; padding: 0px; height: 6.12rem; background-repeat: no-repeat; background-size: 100% 100%; background-position: center center; display: flex !important; }
@media (max-width: 768px) { .instruction-popup .instruction-slider .instruction-popup-body { background-size: contain; }
}
.instruction-popup .instruction-slider .instruction-popup-body .content-box { margin: 2.18rem 0px 0px 0.48rem; width: 2.7rem; }
.instruction-popup .instruction-slider .instruction-popup-body .content-box .step { margin: 0px 0px 0.1rem; color: rgb(15, 22, 31); }
.instruction-popup .instruction-slider .instruction-popup-body .content-box .desc { color: rgb(134, 151, 162); margin: 0px 0px 0.3rem; word-break: break-word; }
.instruction-popup .instruction-slider .instruction-popup-body .img-wrapper { position: relative; width: 3.79rem; height: 5.11rem; background-repeat: no-repeat; background-position: right center; background-size: 180%; }
.instruction-popup .instruction-slider .instruction-popup-body .img-wrapper .hand-img { position: absolute; width: 0.87rem; height: 0.95rem; }
.instruction-popup .instruction-slider .instruction-popup-body .img-wrapper .hand-img.android-step-1 { top: 41%; right: 53%; }
.instruction-popup .instruction-slider .instruction-popup-body .img-wrapper .hand-img.android-step-2 { top: 54.5%; right: 45.5%; }
.instruction-popup .instruction-slider .instruction-popup-body .img-wrapper .hand-img.ios-step-1 { top: 41%; }
.instruction-popup .instruction-slider .instruction-popup-body .img-wrapper .hand-img.ios-step-2 { top: 50%; left: 20%; }
.instruction-popup .instruction-slider .instruction-popup-body .img-wrapper .hand-img.ios-step-3 { top: 22%; left: 15%; }
.instruction-popup .instruction-slider .dotsContainer { position: absolute; bottom: 0.42rem; width: 100%; display: flex; align-items: center; justify-content: center; }
.instruction-popup .instruction-slider .dotsContainer button { width: 0.09rem; height: 0.09rem; transform: unset; border-radius: 50%; margin: 0px 0.12rem 0px 0px; overflow: visible; }
.instruction-popup .instruction-slider .dotsContainer button:last-child { margin: 0px; }
.instruction-popup .instruction-slider .dotsContainer .dots { background: rgb(225, 225, 225); }
.instruction-popup .instruction-slider .dotsContainer .active { background: rgb(255, 138, 0); }
@media (max-width: 1024px) { .app-landing-content .left-container { width: 5.08rem; margin: 0.54rem 0.08rem 0px 0px; } .app-landing-content .left-container .header-container .header-1 { font-size: 0.3rem; justify-content: center; } .app-landing-content .left-container .header-container .header-1 img { width: 0.57rem; height: 0.57rem; } .app-landing-content .left-container .header-container .header-2 { margin: 0.3rem 0px 0px; font-size: 0.12rem; } .app-landing-content .left-container .app-download-container { margin: 0.59rem 0px 0px; } .app-landing-content .left-container .app-download-container .download-item:not(:last-child) { margin: 0px 0.4rem 0px 0px; } .app-landing-content .left-container .app-download-container .download-item .download_qr { width: 0.86rem; height: 0.86rem; } .app-landing-content .left-container .app-download-container .download-item .os-name { width: 1.15rem; height: 0.23rem; } .app-landing-content .left-container .app-download-container .download-item .os-name svg { margin: 0px 0.08rem 0px 0px; } .app-landing-content .left-container .app-download-container .download-item .os-name svg.ios { width: 0.12rem; height: 0.14rem; } .app-landing-content .left-container .app-download-container .download-item .os-name svg.android { width: 0.13rem; height: 0.17rem; } .app-landing-content .right-container { width: 6.13rem; height: 6.69rem; padding: 0px 0px 0px 2.47rem; } .app-landing-content .right-container .app-install-container.app-install-2 { margin: 0.96rem 0px 0px; } .app-landing-content .right-container .app-install-container.app-install-2 .security { padding: 1.3rem 0.02rem 0px 0.22rem; } .app-landing-content .right-container .app-install-container .app-install-box { width: 1.77rem; height: 2.38rem; padding: 1.5rem 0.02rem 0px 0.22rem; } .app-landing-content .right-container .app-install-container .app-install-box:not(:first-child) { margin: 0.12rem 0px 0px; } .app-landing-content .right-container .app-install-container .app-install-box .app-install-title { font-size: 0.15rem; } .app-landing-content .right-container .app-install-container .app-install-box .app-install-desc { margin: 0.08rem 0px 0px; font-size: 0.12rem; }
}
@media (max-width: 768px) { .app-landing-content .header-container .header-1 { justify-content: center; }
}
.our-partner-section { margin: 0.5rem 0px 0px; }
.our-partner-section .our-partner-slider .slick-list { height: 1.33rem; background: rgb(243, 245, 246); border-radius: 0.1rem; }
.our-partner-section .our-partner-slider .slick-track { height: 100%; align-items: center; }
.our-partner-section .our-partner-slider .slick-slide { height: 0.8rem; margin: 0px 0.13rem 0px 0px; background: rgb(255, 255, 255); border-radius: 0.1rem; }
.our-partner-section .our-partner-slider .slick-slide > div { display: flex; align-items: center; justify-content: center; height: 100%; }
.our-partner-section .our-partner-slider .slick-slide img { width: 65% !important; }
.our-partner-section .our-partner-slider .slick-slide:first-child { margin: 0px 0.13rem; }
.our-partner-section .our-partner-slider .slick-arrow { display: none !important; }
.our-partner-section .our-partner-slider .slick-arrow.show { display: flex !important; }
@media (max-width: 1024px) { .our-partner-section .our-partner-slider .slick-list { height: 1.14rem; } .our-partner-section .our-partner-slider .slick-slide { height: 0.68rem; margin: 0px 0.11rem 0px 0px; } .our-partner-section .our-partner-slider .slick-slide:first-child { margin: 0px 0.11rem; }
}
.testimonial-section { margin: 0.3rem 0px 0px; padding: 0.39rem 0.28rem 0.21rem 0.3rem; background: rgb(243, 245, 246); border-top-left-radius: 0.1rem; border-top-right-radius: 0.1rem; }
.testimonial-section p { margin: 0px; }
.testimonial-section .testimonial-title { font-weight: 600; font-size: 0.18rem; color: rgb(15, 22, 31); margin: 0px 0px 0px 0.05rem; }
.testimonial-section .testimonial-slider { width: 12.75rem; }
.testimonial-section .testimonial-slider .slick-arrow { display: none !important; }
.testimonial-section .testimonial-slider .slick-arrow.show { display: flex !important; }
.testimonial-section .testimonial-slider .slick-arrow.slick-next { right: -0.16rem; }
.testimonial-section .testimonial-slider .slick-slide { height: 3.76rem; border-right: 0.01rem solid; border-image: linear-gradient(rgb(243, 245, 246) 0%, rgb(221, 224, 224) 20%, rgb(221, 224, 224) 80%, rgb(243, 245, 246) 100%) 1 100% / 1 / 0 stretch; }
.testimonial-section .testimonial-slider .slick-slide > div { height: 100%; display: flex; align-items: center; }
.testimonial-section .testimonial-slider .testimonial-box { flex-direction: column; justify-content: center; text-align: center; height: 100%; padding: 0px 0.2rem; word-break: break-word; display: flex !important; }
.testimonial-section .testimonial-slider .testimonial-box .box-title { font-weight: 600; font-size: 0.36rem; line-height: 0.36rem; margin: 0px 0px 0.39rem; color: rgb(15, 22, 31); }
.testimonial-section .testimonial-slider .testimonial-box .box-desc { font-size: 0.16rem; line-height: 0.2rem; margin: 0px 0px 0.12rem; color: rgb(134, 151, 162); }
.testimonial-section .testimonial-slider .testimonial-box .star-container { margin: 0.23rem 0px 0px; }
.testimonial-section .testimonial-slider .testimonial-box .star-container .icon-star { width: 0.16rem; height: 0.16rem; }
.testimonial-section .testimonial-slider .testimonial-box .star-container .icon-star:not(:last-child) { margin: 0px 0.11rem 0px 0px; }
@media (max-width: 1024px) { .testimonial-section .testimonial-slider { width: 10.85rem; }
}
.mobile-testimonial-section { background: rgba(0, 0, 0, 0); padding: 0px 0.21rem; margin: 0.75rem 0px 0px; }
.mobile-testimonial-section .testimonial-slider { width: 100%; }
.mobile-testimonial-section .testimonial-slider .slick-slide { height: 4.92rem; margin: 0px 0.23rem 0px 0px; background: rgb(243, 245, 246); border: unset; border-radius: 0.1rem; }
.mobile-testimonial-section .testimonial-slider .testimonial-slider-wrapper { display: flex; flex-wrap: wrap; gap: 0.2rem; }
.mobile-testimonial-section .testimonial-slider .testimonial-slider-wrapper .testimonial-container { padding: 0.2rem; background-color: rgb(243, 245, 246); border-radius: 0.1rem; }
.mobile-testimonial-section .testimonial-slider .testimonial-slider-wrapper .testimonial-container .testimonial-box { text-align: left; padding: 0px; }
.mobile-testimonial-section .testimonial-slider .testimonial-slider-wrapper .testimonial-container .testimonial-box .box-title { order: 2; font-size: 0.32rem; line-height: 0.32rem; margin: 0.15rem 0px 0.2rem; }
.mobile-testimonial-section .testimonial-slider .testimonial-slider-wrapper .testimonial-container .testimonial-box .box-desc { order: 3; font-size: 0.24rem; line-height: 0.32rem; }
.mobile-testimonial-section .testimonial-slider .testimonial-slider-wrapper .testimonial-container .testimonial-box .star-container { order: 1; margin: 0.05rem 0px 0px; }
.mobile-testimonial-section .testimonial-slider .testimonial-slider-wrapper .testimonial-container .testimonial-box .star-container .icon-star { width: 0.32rem; height: 0.32rem; }
.mobile-testimonial-section .testimonial-slider .testimonial-slider-wrapper .testimonial-container .testimonial-box .star-container .icon-star:not(:last-child) { margin: 0px 0.14rem 0px 0px; }
.latest-news-section { padding: 0.42rem 0.28rem 0.14rem 0.3rem; background: rgb(243, 245, 246); border-bottom-left-radius: 0.1rem; border-bottom-right-radius: 0.1rem; }
.latest-news-section .slick-arrow.slick-next { right: -0.13rem; }
.latest-news-section p { margin: 0px; }
.latest-news-section .latest-news-title { font-weight: 600; font-size: 0.18rem; color: rgb(15, 22, 31); margin: 0px 0px 0.26rem 0.05rem; }
.latest-news-section .latest-news-slider { width: 100%; user-select: text; }
.latest-news-section .latest-news-slider .slick-list { width: 85%; overflow: visible; }
.latest-news-section .latest-news-slider .slick-list .custom-wrapper { overflow: hidden; width: 12.82rem; }
.latest-news-section .latest-news-slider .slick-slide { height: auto; margin: 0px 0.15rem 0px 0px; }
.latest-news-section .latest-news-slider .slick-slide > div { height: 100%; }
.latest-news-section .latest-news-slider .latest-news-box { padding: 0.19rem 0.2rem 0.16rem 0.21rem; background: rgb(255, 255, 255); border-radius: 0.1rem; height: 100%; }
.latest-news-section .latest-news-slider .latest-news-box .box-img { width: 100%; height: 2.47rem; object-fit: cover; border-top-left-radius: 0.05rem; border-top-right-radius: 0.05rem; }
.latest-news-section .latest-news-slider .latest-news-box .box-content { position: relative; padding-bottom: 0.24rem; margin: 0.32rem 0px 0px; }
.latest-news-section .latest-news-slider .latest-news-box .box-content .box-title { font-size: 0.18rem; font-weight: bold; color: rgb(15, 22, 31); white-space: break-spaces; }
.latest-news-section .latest-news-slider .latest-news-box .box-content .box-desc { margin: 0.28rem 0px 0px; font-size: 0.14rem; color: rgb(134, 151, 162); }
.latest-news-section .latest-news-slider .latest-news-box .box-content .box-desc .read-more-btn { color: rgb(0, 102, 204); text-decoration: underline; cursor: pointer; margin: 0px 0px 0px 0.05rem; text-transform: lowercase; }
.latest-news-section .latest-news-slider .latest-news-box .box-content .box-desc.hideMoreLessBtn .read-more-btn { display: none; }
.latest-news-section .latest-news-slider .latest-news-box .box-content .box-date { position: absolute; left: 0px; bottom: 0px; font-size: 0.12rem; color: rgb(134, 151, 162); }
@media (max-width: 1024px) { .latest-news-section .latest-news-slider .slick-list .custom-wrapper { width: 10.92rem; } .latest-news-section .latest-news-slider .slick-slide { margin: 0px 0.12rem 0px 0px; } .latest-news-section .latest-news-slider .latest-news-box { padding: 0.16rem 0.17rem 0.13rem 0.18rem; }
}
@media (max-width: 768px) { .latest-news-section { background-color: rgba(0, 0, 0, 0); } .latest-news-section .latest-news-title { font-size: 0.3rem; padding: 0px 0.2rem; margin: 0px 0px 0.32rem; } .latest-news-section .latest-news-box { display: flex; gap: 0.2rem; padding: 0.2rem 0.2rem 0.18rem; background: rgb(243, 245, 246); border-radius: 0.1rem; margin-bottom: 0.25rem; } .latest-news-section .latest-news-box .box-img-container { order: 2; } .latest-news-section .latest-news-box .box-img-container .lazy-load-image-background { background-color: rgba(0, 0, 0, 0); } .latest-news-section .latest-news-box .box-img-container img { object-fit: cover; width: 2.2rem; height: 1.8rem; border-radius: 0.1rem; } .latest-news-section .latest-news-box .box-content { order: 1; line-height: 0.32rem; width: calc(100% - 2.4rem); color: rgb(134, 151, 162); } .latest-news-section .latest-news-box .box-content .box-title { font-size: 0.26rem; font-weight: 600; color: rgb(15, 22, 31); margin-bottom: 0.1rem; } .latest-news-section .latest-news-box .box-content .box-desc { margin-bottom: 0.14rem; } .latest-news-section .latest-news-box .box-content .box-desc .read-more-btn { color: rgb(0, 102, 204); text-decoration: underline; cursor: pointer; margin: 0px 0px 0px 0.05rem; text-transform: lowercase; }
}
.partnership-section { display: flex; justify-content: space-between; margin: 0.75rem 0px 0px; color: rgb(15, 22, 31); }
.partnership-section p { margin: 0px; }
.partnership-section .partnership-column { display: flex; flex-direction: column; }
.partnership-section .partnership-column .partnership-type { font-size: 0.13rem; }
.partnership-section .partnership-column .partnership-content { display: flex; margin: 0.24rem 0px 0px; justify-content: center; }
.partnership-section .partnership-column .partnership-content.flex-left .content-box:not(:last-child) { margin: 0px 0.39rem 0px 0px; }
.partnership-section .partnership-column .partnership-content .content-box { display: flex; flex-direction: column; align-items: center; }
.partnership-section .partnership-column .partnership-content .content-box .partnership-img { height: 0.62rem; object-fit: contain; }
.partnership-section .partnership-column .partnership-content .content-box .partnership-name { font-size: 0.12rem; margin: 0.2rem 0rem 0.02rem; }
@media (max-width: 1024px) { .partnership-section .partnership-column .partnership-content { margin: 0.2rem 0px 0px; } .partnership-section .partnership-column .partnership-content.flex-left .content-box:not(:last-child) { margin: 0px 0.33rem 0px 0px; } .partnership-section .partnership-column .partnership-content .content-box .partnership-img { height: 0.53rem; } .partnership-section .partnership-column .partnership-content .content-box .partnership-name { margin: 0.17rem 0rem 0.02rem; }
}
.vip-container .vip-column-title .dropdown-transition { transform: rotate(0deg); transition: 0.3s; }
.vip-container .vip-column-title .dropdown-transition.on-clicked { transform: rotate(180deg); }
.vip-container .vip-list-container .slick-list { padding: 0.3rem 0px !important; }
.vip-container .vip-list-container .slick-list .slick-track { }
.vip-container .vip-list-container .slick-list .slick-track .slick-active:not(.slick-current) { position: relative; z-index: 998; transform: scale(1); transition: undefined; }
.vip-container .vip-list-container .slick-list .slick-track .slick-slide:not(.slick-active) { position: relative; z-index: 997; }
.vip-container .vip-list-container .slick-list .slick-track .slick-slide.slick-active.slick-center { position: initial; z-index: auto; transform: scale(1.07); transition: undefined; margin: 0px; opacity: 1; }
.vip-container .vip-list-container .slick-list .slick-track .slick-slide.slick-active.slick-current { transform: scale(1.07); filter: brightness(150%); padding: 0px; margin: 0px; opacity: 1; }
.vip-container .vip-vip-table-2 { background: rgb(246, 246, 246); border-radius: 0.1rem; padding: 0.13rem 0.1rem; }
.vip-container .vip-vip-table-2 .standard-setting-table-container { background: rgb(246, 246, 246); }
.vip-container .vip-vip-table-2 .standard-setting-table-container table { width: 100%; overflow: hidden; text-align: center; }
.vip-container .vip-vip-table-2 .standard-setting-table-container table thead { background: rgb(255, 138, 0); color: rgb(255, 255, 255); font-weight: 700; }
.vip-container .vip-vip-table-2 .standard-setting-table-container table td { padding: 0.15rem 0px; height: 0.65rem; }
.vip-container .vip-vip-table-2 .standard-setting-table-container table tbody { font-weight: 700; color: rgb(106, 106, 106); }
.vip-container .vip-vip-table-2 .standard-setting-table-container table tbody .vip-item-level-icon { width: 0.3rem; height: 0.3rem; margin: 0px 0.1rem 0px 0px; }
.vip-container .vip-vip-table-2 .standard-setting-table-container table tbody .active-slide { color: rgb(0, 113, 227); }
.vip-container .vip-vip-table-2 .standard-setting-table-container table tbody .vip-item-level-gift { cursor: pointer; color: rgb(0, 0, 238); text-decoration: underline 0.02rem; text-underline-offset: 0.02rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 0px auto; max-width: 1.5rem; }
.vip-container .vip-vip-table-2 .standard-setting-table-container table tbody .vip-item-level-gift.disabled { cursor: inherit; text-decoration: none; color: rgb(106, 106, 106); }
.vip-container .vip-vip-table-2 .standard-setting-table-container table tbody tr:nth-child(2n) { background-color: rgba(255, 255, 255, 0.698); }
.vip-container .vip-menu .nav-vip-menu-container .menu-wrapper .nav-item.active::after { position: absolute; content: ""; }
.vip-nav { width: 100%; display: flex; align-items: center; justify-content: center; background: rgb(238, 238, 238); }
.vip-nav .vip-nav-item { padding: 0.18rem 0.16rem; margin: 0px; min-width: fit-content; align-items: center; display: flex; justify-content: center; color: rgb(184, 184, 184); cursor: pointer; text-transform: uppercase; font-size: 0.14rem; position: relative; overflow: hidden; }
.vip-nav .vip-nav-item:hover { color: rgb(24, 116, 205); }
.vip-nav .active { color: rgb(24, 116, 205); }
.vip-nav .active::after { content: "-"; color: rgb(252, 179, 0); background-color: rgb(252, 179, 0); position: absolute; bottom: 0px; width: calc(50% - 0.16rem); height: 0.03rem; }
.main-content-container { width: 11rem; margin: 0.63rem auto; }
.main-content-container p { font-size: 0.14rem; color: rgb(63, 63, 63); margin: 0px 0px 0.2rem; }
.main-content-container .section-title { color: rgb(0, 0, 0); font-weight: bold; font-size: 0.3rem; margin-top: 0.25rem; }
.main-content-container .point { font-weight: bold; margin-bottom: 0.05rem; }
.main-content-container ul { margin-bottom: 0.3rem; }
.main-content-container table { margin-bottom: 0.1rem; }
.main-content-container table tr td { padding: 0px 0.2rem; height: 0.5rem; border: 0.01rem solid rgb(0, 0, 0); }
@media (max-width: 768px) { .vip-container { } .vip-container .landing-page-announcement { } .vip-container .landing-page-announcement .announcement-wrapper { } .vip-container .vip-list-container .slick-list { padding: 0px !important; } .vip-container .vip-list-container .slick-list .slick-track { } .vip-container .vip-list-container .slick-list .slick-track .slick-slide.slick-active.slick-current { } .vip-container .vip-list-container .slick-list .slick-track .slick-slide.slick-current.slick-active { filter: brightness(100%); } .vip-container .vip-list-container .slick-list .slick-track .slick-slide.slick-active { filter: brightness(150%); } .vip-container .vip-list-outer-container .vip-list-container .slick-list .slick-track .slick-slide.slick-active { filter: brightness(100%); transform: scale(1); padding: 0px; margin: 0px; opacity: 1; } .vip-container .vip-menu .nav-vip-menu-container .menu-wrapper .nav-item.active::after { position: absolute; content: ""; } .vip-nav { width: 100%; display: flex; overflow-x: scroll; padding: 0px 0.1rem; background: rgb(238, 238, 238); justify-content: unset !important; } .vip-nav .vip-nav-item { margin: 0px; padding: 0.24rem 0.16rem; min-width: fit-content; align-items: center; display: flex; justify-content: center; color: rgb(184, 184, 184); cursor: pointer; text-transform: uppercase; font-size: 0.28rem; position: relative; overflow: hidden; } .vip-nav .vip-nav-item:hover { color: rgb(24, 116, 205); } .vip-nav .active { color: rgb(24, 116, 205); } .vip-nav .active::after { content: "-"; color: rgb(252, 179, 0); position: absolute; bottom: 0px; width: calc(50% - 0.16rem); height: 0.06rem; } .vip-custom { font-size: 0.205rem; color: dimgray; margin: auto; } .main-content-container { width: 90%; margin: auto; } .main-content-container p { font-size: 0.205rem; color: dimgray; margin: 0px 0px 0.2rem; } .main-content-container .section-title { font-size: 0.3rem; font-weight: 700; color: rgb(0, 0, 0); margin: 0px 0px 0.21rem; } .main-content-container .point { font-weight: bold; margin-bottom: 0.05rem; } .main-content-container ul { margin-bottom: 0.3rem; } .main-content-container table { margin-bottom: 0.1rem; } .main-content-container table tr td { padding: 0px 0.2rem; height: 0.5rem; border: 0.01rem solid rgb(0, 0, 0); }
}
.sponsors-container-wrapper { display: flex; }
.sponsors-container-wrapper .menu-sidebar-container { position: fixed; left: -0.7rem; height: 1rem; width: 0.7rem; transition: left 0.4s ease-in-out; z-index: 9; }
.sponsors-container-wrapper .menu-sidebar-container:hover { left: 0px; }
.sponsors-container-wrapper .menu-sidebar-container:hover .menu-sidebar-toggle-left { opacity: 0; transition: 0.3s; }
.sponsors-container-wrapper .menu-sidebar-container .menu-sidebar-toggle-left { background: linear-gradient(rgba(255, 255, 255, 0.5) 48%, rgba(255, 255, 255, 0)); display: flex; align-items: center; flex-direction: column; position: absolute; top: 70%; left: 0.7rem; height: 2.2rem; width: 0.65rem; transition: 0.3s; }
.sponsors-container-wrapper .menu-sidebar-container .menu-sidebar-toggle-left svg { background: rgb(198, 198, 198); border-radius: 50%; fill: rgb(114, 115, 115); height: 0.38rem; margin: 0.3rem 0px 0px; padding: 0.06rem; width: 0.38rem; }
.sponsors-container-wrapper .menu-sidebar-container .menu-sidebar-toggle-left p { color: rgb(15, 22, 31); font-family: Inter; font-size: 0.24rem; margin: 0.38rem 0px 0px; transform: rotate(270deg); text-transform: capitalize; white-space: nowrap; }
.sponsors-container-wrapper .menu-sidebar-container .menu-bar-container { background: rgb(243, 245, 246); padding: 1rem 0px; position: fixed; overflow-y: scroll; height: 100%; }
.sponsors-container-wrapper .menu-sidebar-container .menu-bar-container .img-container { margin: 0px 0.08rem 0.15rem; }
.sponsors-container-wrapper .menu-sidebar-container .menu-bar-container .img-container img { width: 0.53rem; background: rgb(255, 255, 255); border-radius: 50%; border: 0.03rem solid rgb(243, 245, 246); }
.sponsors-container-wrapper .menu-sidebar-container .menu-bar-container .img-container img:hover { background: rgb(243, 245, 246); }
.sponsors-container-wrapper .menu-sidebar-container .menu-bar-container .img-container.active img { border: 0.03rem solid rgb(255, 138, 0); }
.sponsors-container-wrapper .menu-sidebar-container .menu-bar-container .divider { border-bottom: 0.01rem solid rgb(221, 224, 226); margin: 0.2rem 0.15rem; }
.sponsors-container-wrapper .menu-sidebar-container .hovered-menu-container { position: relative; }
.sponsors-container-wrapper .menu-sidebar-container .hovered-menu-container .menu-name { position: absolute; z-index: 2; white-space: nowrap; background: rgb(243, 245, 246); padding: 0.15rem; border-radius: 0px 0.25rem 0.25rem 0px; color: rgb(134, 151, 162); }
.sponsors-container-wrapper .menu-bar-container { background: rgb(243, 245, 246); padding: 1rem 0px; position: fixed; overflow-y: scroll; height: 100%; z-index: 9; }
.sponsors-container-wrapper .menu-bar-container .img-container { margin: 0px 0.08rem 0.15rem; position: relative; }
.sponsors-container-wrapper .menu-bar-container .img-container img { width: 0.53rem; background: rgb(255, 255, 255); border-radius: 50%; border: 0.03rem solid rgb(243, 245, 246); }
.sponsors-container-wrapper .menu-bar-container .img-container img:hover { background: rgb(243, 245, 246); }
.sponsors-container-wrapper .menu-bar-container .img-container.active img { border: 0.03rem solid rgb(255, 138, 0); }
.sponsors-container-wrapper .menu-bar-container .img-container .text-new { position: absolute; top: -0.08rem; right: -0.07rem; color: rgb(255, 255, 255); background: rgb(224, 9, 44); padding: 0.02rem 0.05rem; font-size: 0.1rem; border-radius: 0.5rem; }
.sponsors-container-wrapper .menu-bar-container .divider { border-bottom: 0.01rem solid rgb(221, 224, 226); margin: 0.2rem 0.15rem; }
.sponsors-container-wrapper .hovered-menu-container { position: relative; }
.sponsors-container-wrapper .hovered-menu-container .menu-name { position: absolute; z-index: 2; white-space: nowrap; background: rgb(243, 245, 246); padding: 0.15rem; border-radius: 0px 0.25rem 0.25rem 0px; color: rgb(134, 151, 162); }
.sponsors-container-wrapper .sponsors-container { width: 100%; background: rgb(243, 245, 246); }
.sponsors-container-wrapper .sponsors-container .sponsor-column-container .sponsor-slider { position: relative; }
.sponsors-container-wrapper .sponsors-container .sponsor-column-container .sponsor-slider .list-item { padding: 0px 0.1rem; }
.sponsors-container-wrapper .sponsors-container .sponsor-column-container .sponsor-slider .list-item img { width: 100%; object-fit: cover; cursor: pointer; min-height: 4rem; }
.sponsors-container-wrapper .sponsors-container .sponsor-column-container .sponsor-slider .slick-prev-btn svg, .sponsors-container-wrapper .sponsors-container .sponsor-column-container .sponsor-slider .slick-next-btn svg { width: 0.6rem; }
.sponsors-container-wrapper .sponsors-container .sponsor-column-container .sponsor-slider .slick-prev-btn img, .sponsors-container-wrapper .sponsors-container .sponsor-column-container .sponsor-slider .slick-next-btn img { width: 0.6rem; }
.sponsors-container-wrapper .sponsors-container .sponsor-column-container .sponsor-slider .lazy-load-image-background { display: block !important; }
.sponsors-container-wrapper .sponsors-container .sponsor-column-container .sponsor-dots-container { position: absolute; bottom: 0px; left: 43%; transform: translateX(-43%); }
.sponsors-container-wrapper .sponsors-container .sponsor-column-container .sponsor-dots-container .dots { width: 0.1rem; height: 0.1rem; border-radius: 0.4rem; background: rgb(200, 200, 200); margin: 0px 0.05rem; transition-duration: 0.5s; }
.sponsors-container-wrapper .sponsors-container .sponsor-column-container .sponsor-dots-container .active { width: 0.4rem; background: rgb(255, 138, 0); transition-duration: 0.5s; }
.sponsors-container-wrapper .sponsors-container .sponsor-column-container .video-list-container .video-content { position: relative; padding: 0px 0px 56.25%; height: 0px; }
.sponsors-container-wrapper .sponsors-container .sponsor-column-container .video-list-container .video-content .react-player__preview { border-radius: 0.05rem; }
.sponsors-container-wrapper .sponsors-container .sponsor-column-container .video-list-container .video-content iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border-radius: 0.05rem; }
.sponsors-container-wrapper .sponsors-container .sponsor-column-container .video-list-container .video-content video { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.sponsors-container-wrapper .sponsors-container .sponsor-column-container .download-btn:hover { text-decoration: underline; }
.sponsors-container-wrapper .sponsors-container .sponsor-column-container .video-player-wrapper .react-player__preview { border-radius: 0.1rem; }
.sponsors-container-wrapper .sponsors-container .sponsor-column-container .video-player-wrapper iframe { border-radius: 0.1rem; }
.sponsors-container-wrapper .sponsors-container .sponsor-column-container .video-player-wrapper video { border-radius: 0.1rem; }
.sponsors-container-wrapper .sponsors-container .subnav-container { padding: 1rem 0px 0.3rem; margin: auto; max-width: 12.4rem; }
.sponsors-container-wrapper .sponsors-container .subnav-container .main-subnav { display: flex; background: rgb(255, 255, 255); padding: 0px 0.15rem; border-radius: 0.06rem; }
.sponsors-container-wrapper .sponsors-container .subnav-container .main-subnav .main-subnav-tab { margin: 0px 0.15rem; font-family: Inter, "sans-serif", 宋体; font-size: 0.14rem; color: rgb(134, 151, 162); cursor: pointer; padding: 0.15rem 0px; }
.sponsors-container-wrapper .sponsors-container .subnav-container .main-subnav .main-subnav-tab.active, .sponsors-container-wrapper .sponsors-container .subnav-container .main-subnav .main-subnav-tab:hover { color: rgb(15, 22, 31); border-bottom: 0.02rem solid rgb(255, 138, 0); }
.sponsors-container-wrapper .sponsors-container .subnav-container .sub-subnav-title { font-size: 0.24rem; font-weight: 700; margin: 0.3rem 0px; }
.sponsors-container-wrapper .sponsors-container .subnav-container .sub-subnav { display: flex; margin: 0.2rem 0px 0px; }
.sponsors-container-wrapper .sponsors-container .subnav-container .sub-subnav .sub-subnav-tab { padding: 0.1rem 0.2rem; margin: 0px 0.1rem 0px 0px; font-family: Inter, "sans-serif", 宋体; font-size: 0.14rem; color: rgb(134, 151, 162); cursor: pointer; transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); flex: 0 0 auto; position: relative; overflow: hidden; }
.sponsors-container-wrapper .sponsors-container .subnav-container .sub-subnav .sub-subnav-tab::after { content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 0px; background: rgb(255, 138, 0); transition: height 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); z-index: -1; }
.sponsors-container-wrapper .sponsors-container .subnav-container .sub-subnav .sub-subnav-tab.active { color: rgb(255, 255, 255); background: rgb(255, 138, 0); border-radius: 0.2rem; }
.sponsors-container-wrapper .sponsors-container .subnav-container .sub-subnav .sub-subnav-tab:active { transform: scale(0.95); color: rgb(255, 245, 230); }
@media (max-width: 768px) { .sponsors-container-wrapper .menu-sidebar-container { left: 0px; height: 100%; } .sponsors-container-wrapper .menu-sidebar-container:hover .menu-sidebar-toggle-left { opacity: 1; } .sponsors-container-wrapper .menu-sidebar-container .menu-sidebar-toggle-left { width: 1.52rem; height: 0.9rem; background: rgba(243, 245, 246, 0.85); padding: 0px 0.2rem; border-top-right-radius: 1rem; border-bottom-right-radius: 1rem; top: 3.85rem; left: 0px; flex-direction: row; align-items: center; justify-content: space-between; } .sponsors-container-wrapper .menu-sidebar-container .menu-sidebar-toggle-left .img-wrapper { width: 0.78rem; border: 0.03rem solid rgb(255, 138, 0); border-radius: 50%; background: rgb(255, 255, 255); } .sponsors-container-wrapper .menu-sidebar-container .menu-sidebar-toggle-left svg { background: unset; fill: rgb(175, 179, 182); margin: 0px; transform: rotate(270deg); } .sponsors-container-wrapper .menu-sidebar-container .menu-bar-container { width: 0px; padding: 0px; transition: 0.4s ease-in-out; display: flex; flex-wrap: wrap; place-content: flex-start space-between; } .sponsors-container-wrapper .menu-sidebar-container .menu-bar-container.hide { width: 0px; padding: 0px; } .sponsors-container-wrapper .menu-sidebar-container .menu-bar-container.show { width: 100%; height: 100%; padding: 0.45rem 0.35rem 2rem; } .sponsors-container-wrapper .menu-sidebar-container .menu-bar-container .img-container { width: 3.4rem; padding: 0.22rem 0.2rem; background: rgb(255, 255, 255); border-radius: 0.2rem; margin: 0px 0px 0.15rem; } .sponsors-container-wrapper .menu-sidebar-container .menu-bar-container .img-container img { width: 0.72rem; height: 0.72rem; background: rgb(243, 245, 246); } .sponsors-container-wrapper .menu-sidebar-container .menu-bar-container .img-container p { color: rgb(134, 151, 162); margin: 0.15rem 0px 0px; } .sponsors-container-wrapper .menu-sidebar-container .menu-bar-container .img-container .text-new { top: 0.15rem; right: 0.15rem; padding: 0.05rem 0.15rem; font-size: 0.22rem; } .sponsors-container-wrapper .menu-sidebar-container .menu-bar-container .collabration-img-container { max-width: 3.56352rem; height: 1.04448rem; display: flex; align-items: center; padding: unset; } .sponsors-container-wrapper .menu-sidebar-container .menu-bar-container .collabration-img-container img { width: 100%; height: 100%; object-fit: none; border-radius: unset; border: unset; background: unset; } .sponsors-container-wrapper .menu-sidebar-container .menu-bar-container .sub-subnav { display: flex; justify-content: center; margin: 0px 0.3rem 0.3rem; width: 100%; overflow-x: auto; height: max-content; } .sponsors-container-wrapper .menu-sidebar-container .menu-bar-container .sub-subnav .sub-subnav-tab { margin: 0px 0.1rem 0px 0px; font-family: Inter, "sans-serif", 宋体; color: rgb(134, 151, 162); cursor: pointer; font-size: 0.26rem; padding: 0.15rem 0.4rem; flex: 0 0 auto; transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); } .sponsors-container-wrapper .menu-sidebar-container .menu-bar-container .sub-subnav .sub-subnav-tab::after { content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 0px; background: rgb(255, 138, 0); transition: height 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); z-index: -1; } .sponsors-container-wrapper .menu-sidebar-container .menu-bar-container .sub-subnav .sub-subnav-tab.active { color: rgb(255, 255, 255); background: rgb(255, 138, 0); border-radius: 0.5rem; flex: 0 0 auto; } .sponsors-container-wrapper .menu-sidebar-container .menu-bar-container .sub-subnav .sub-subnav-tab:active { transform: scale(0.98); color: rgb(255, 245, 230); } .sponsors-container-wrapper .sponsors-container .sponsor-column-container .video-list-container .video-content { padding: 0px; height: 4rem; } .sponsors-container-wrapper .sponsors-container .subnav-container { padding: 0.55rem 0.2rem 0.5rem; } .sponsors-container-wrapper .sponsors-container .subnav-container .main-subnav { padding: 0px 0.12rem; } .sponsors-container-wrapper .sponsors-container .subnav-container .main-subnav .main-subnav-tab { margin: 0px 0.38rem; font-size: 0.3rem; padding: 0.25rem 0px; word-break: keep-all; } .sponsors-container-wrapper .sponsors-container .subnav-container .sub-subnav { margin: 0.3rem 0px 0px; width: 100%; overflow-x: auto; } .sponsors-container-wrapper .sponsors-container .subnav-container .sub-subnav .sub-subnav-tab { font-size: 0.26rem; padding: 0.15rem 0.4rem; flex: 0 0 auto; transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); } .sponsors-container-wrapper .sponsors-container .subnav-container .sub-subnav .sub-subnav-tab::after { content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 0px; background: rgb(255, 138, 0); transition: height 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); z-index: -1; } .sponsors-container-wrapper .sponsors-container .subnav-container .sub-subnav .sub-subnav-tab.active { color: rgb(255, 255, 255); background: rgb(255, 138, 0); border-radius: 0.5rem; } .sponsors-container-wrapper .sponsors-container .subnav-container .sub-subnav .sub-subnav-tab:active { transform: scale(0.98); color: rgb(255, 245, 230); }
}
.affiliate-route-background .sponsors-container-wrapper { margin: -0.7rem 0px 0px; }
@media (max-width: 768px) { .affiliate-route-background .sponsors-container-wrapper { margin: 0px; }
}
.footer-column-container img, .footer-column-container svg { width: auto; height: 100%; border-radius: unset; }
.footer-column-container.filter-grayscale-img img, .footer-column-container.filter-grayscale-img svg { filter: grayscale(100%) brightness(155%) contrast(0.4); }
.footer-column-container.filter-grayscale-img img:hover, .footer-column-container.filter-grayscale-img svg:hover { filter: grayscale(0%); }
.footer-column-container.filter-invert-grayscale-img img, .footer-column-container.filter-invert-grayscale-img svg { filter: grayscale(0%); }
.footer-column-container.filter-invert-grayscale-img img:hover, .footer-column-container.filter-invert-grayscale-img svg:hover { filter: grayscale(100%); }
.footer-column-container.footer-provider img, .footer-column-container.footer-provider svg { height: 0.32rem; margin: 0px 0.2rem 0.18rem 0px; padding: 0px 0.2rem 0px 0px; }
.footer-column-container.footer-payment-method img, .footer-column-container.footer-payment-method svg { height: 0.32rem; margin: 0px 0.2rem 0.18rem 0px; padding: 0px; }
.footer-column-container.footer-license-by img, .footer-column-container.footer-license-by svg { height: 0.32rem; margin: 0px 0.2rem 0.18rem 0px; padding: 0px; }
.footer-column-container.footer-follow-us-list { margin-top: 0.3rem; display: flex; align-items: center; }
.footer-column-container.footer-follow-us-list img, .footer-column-container.footer-follow-us-list svg { height: 0.45rem; padding: 0px 0.1rem 0px 0px; }
.footer-column-container.footer-suggested-browser img, .footer-column-container.footer-suggested-browser svg { height: 0.32rem; margin: 0px 0.2rem 0.18rem 0px; padding: 0px; }
.footer-column-container.footer-responsible-gaming img, .footer-column-container.footer-responsible-gaming svg { height: 0.32rem; margin: 0px 0.2rem 0.18rem 0px; padding: 0px; }
.footer-column-container.footer-follow-us img, .footer-column-container.footer-follow-us svg { height: 0.32rem; margin: 0px 0.2rem 0.18rem 0px; padding: 0px; }
.footer-column-container.footer-copyright .copyrightColumn .copyrightContent img, .footer-column-container.footer-copyright .copyrightColumn .copyrightContent svg { height: 0.32rem; }
.footer-column-container .fcol-title { color: rgb(101, 101, 103); font-size: 0.14rem; margin: 0px 0px 0.1rem; }
.footer-column-container .fcol-title .dropdown-transition { transform: rotate(0deg); transition: 0.3s; }
.footer-column-container .fcol-title .dropdown-transition.on-clicked { transform: rotate(180deg); }
.footer-column-container .list-item { font-size: 0.14rem; text-transform: unset; margin: 0px 0px 0.1rem; }
.footer-column-container .list-item .pointer-item { cursor: pointer; margin: unset; }
.footer-column-container .list-item .pointer-item:hover { }
.footer-column-container .list-item .pointer-item .special-symbol { border: 0.01rem solid; border-radius: 50%; width: 0.15rem; height: 0.15rem; display: flex; align-items: center; justify-content: center; margin: 0px 0.05rem 0px 0px; font-size: 0.08rem; }
.footer-custom { padding-right: 0.2rem; }
.footer-custom:last-child { padding-right: 0px; }
.dropdown-absolute { position: absolute; z-index: 1; }
@media (max-width: 1440px) { .footer-column-container.footer-provider img, .footer-column-container.footer-provider svg { height: 0.4rem; } .footer-column-container.footer-payment-method img, .footer-column-container.footer-payment-method svg { height: 0.4rem; } .footer-column-container.footer-license-by img, .footer-column-container.footer-license-by svg { height: 0.4rem; } .footer-column-container.footer-follow-us-list img, .footer-column-container.footer-follow-us-list svg { height: 0.4rem; } .footer-column-container.footer-follow-us img, .footer-column-container.footer-follow-us svg { height: 0.4rem; } .footer-column-container.footer-suggested-browser img, .footer-column-container.footer-suggested-browser svg { height: 0.4rem; } .footer-column-container.footer-footer-responsible-gaming img, .footer-column-container.footer-footer-responsible-gaming svg { height: 0.4rem; }
}
@media (max-width: 768px) { .footer-column-container.footer-provider img, .footer-column-container.footer-provider svg { height: 1rem; } .footer-column-container.footer-payment-method img, .footer-column-container.footer-payment-method svg { height: 1rem; } .footer-column-container.footer-license-by img, .footer-column-container.footer-license-by svg { height: 1rem; } .footer-column-container.footer-follow-us-list img, .footer-column-container.footer-follow-us-list svg { height: 1rem; } .footer-column-container.footer-suggested-browser img, .footer-column-container.footer-suggested-browser svg { height: 1rem; } .footer-column-container.footer-follow-us-list img, .footer-column-container.footer-follow-us-list svg { height: 1rem; } .footer-column-container.footer-footer-responsible-gaming img, .footer-column-container.footer-footer-responsible-gaming svg { height: 1rem; }
}
.download-container { background: rgb(243, 245, 246); margin: 0.7rem 0px 0px; }
.download-container .app-landing-section { width: 13.4rem; padding: 0.38rem 0px 0.43rem; margin: 0px auto; }
.download-container .app-landing-section .app-landing-content .left-container .app-download-container .download-item .download_qr { border: rgba(0, 0, 0, 0); }
.download-container .app-landing-section .app-landing-content .left-container .app-download-container .download-item .os-name { background: rgb(255, 255, 255); color: rgb(134, 151, 162); }
.download-container .app-landing-section .app-landing-content .left-container .app-download-container .download-item .instruction-btn:hover { text-decoration-line: underline; }
.download-container .tabWarpper { width: 13.4rem; padding: 0.4rem 0px 0.43rem; margin: 0px auto; }
.download-container .tabWarpper .tab-container { display: flex; align-items: center; }
.download-container .tabWarpper .tab-container .tab { color: rgb(134, 151, 162); font-weight: 400; font-size: 0.14rem; margin: 0px 0.4rem 0px 0px; padding: 0.1rem 0.2rem; cursor: pointer; }
.download-container .tabWarpper .tab-container .tab.active { color: rgb(255, 255, 255); background: rgb(255, 131, 0); border-radius: 0.2rem; }
.download-container .tabWarpper .card-container { display: grid; grid-template-columns: repeat(6, 1fr); row-gap: 1.5rem; padding: 1.2rem 0px 0.5rem; }
.download-container .tabWarpper .card-container .card-outer { margin: 0px 0.1rem 0px 0px; }
.download-container .tabWarpper .card-container .card-outer .card { background: rgb(255, 255, 255); }
.download-container .tabWarpper .card-container .card-outer .card .card-inner { display: flex; flex-flow: column; justify-content: center; align-items: center; position: relative; width: 2.1rem; }
.download-container .tabWarpper .card-container .card-outer .card .card-inner .provider-img { position: absolute; bottom: 2.12rem; width: 1rem; }
.download-container .tabWarpper .card-container .card-outer .card .card-inner .download-provider-container { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0.55rem 0px 0.2rem; }
.download-container .tabWarpper .card-container .card-outer .card .card-inner .download-provider-container .provider-name { color: rgb(15, 22, 31); font: 500 0.16rem AvertaStd-Semibold, "sans-serif", 宋体, Prompt; }
.download-container .tabWarpper .card-container .card-outer .card .card-inner .download-provider-container .provider-category { color: rgb(134, 151, 162); font: 500 0.13rem AvertaStd-Regular, "sans-serif", 宋体, SukhumvitSet-Regular; }
.download-container .tabWarpper .card-container .card-outer .card .card-inner .download-provider-container .download-qr-container { padding: 0.05rem 0px 0px; }
.download-container .tabWarpper .card-container .card-outer .card .card-inner .download-provider-container .download-qr-container .download-qr { width: 0.9rem; height: 0.9rem; margin: 0px 0px 0.05rem; }
.download-container .tabWarpper .card-container .card-outer .card .card-inner .download-provider-container .download-header-icon { width: 0.25rem; height: 0.25rem; }
.download-container .tabWarpper .card-container .card-outer .card .card-inner .btn-container { display: flex; flex-flow: column; justify-content: center; align-items: center; margin: 0.15rem 0px 0px; }
.download-container .tabWarpper .card-container .card-outer .card .card-inner .btn-container .download-btn { color: rgb(255, 255, 255); background: rgb(48, 114, 219); font-weight: 400; font-size: 0.14rem; border-radius: 0.2rem; padding: 0.07rem 0.2rem; position: absolute; bottom: -0.165rem; word-break: normal; }
.dns-content-wrapper { display: flex; gap: 0.2rem; }
@media (max-width: 768px) { .dns-content-wrapper { flex-direction: column; }
}
.dns-main-content, .dns-instructions { flex: 1 1 0%; width: 50%; min-width: 50%; }
@media (max-width: 768px) { .dns-main-content, .dns-instructions { width: 100%; min-width: 100%; text-align: left; }
}
.dns-main-heading { font-weight: 700; font-size: 36px; margin-bottom: 20px; color: rgb(34, 34, 34); line-height: 44px; text-align: left; width: 514px; }
@media (max-width: 768px) { .dns-main-heading { margin-left: auto; margin-right: auto; width: 100%; max-width: 323px; text-align: center; }
}
.dns-main-image { width: 100%; height: auto; display: block; }
.dns-image-dimensions { position: absolute; bottom: 0px; left: 0px; background-color: rgb(0, 123, 255); color: rgb(255, 255, 255); padding: 0.25rem 0.5rem; font-size: 0.8rem; border-top-right-radius: 0.04rem; }
.dns-instructions { padding: 20px; }
@media (max-width: 768px) { .dns-instructions { padding: unset; }
}
.dns-instructions strong { font-family: Inter; }
.dns-instructions-heading { margin-bottom: 15px; color: rgb(34, 34, 34); }
.dns-steps { line-height: 20px; margin-bottom: 15px; }
.dns-note-heading { margin-bottom: 0.5rem; color: rgb(85, 85, 85); }
.dns-note-text { margin-bottom: 0.75rem; color: rgb(102, 102, 102); }
.dns-note-steps { color: rgb(102, 102, 102); padding-left: 24px; line-height: 20px; }
.dns-instructions li { list-style: decimal; margin-left: 24px; }
.dns-steps-section-wrapper { margin-bottom: 18px; }
.dns-steps-title-wrapper { margin-bottom: 15px; }
.dns-steps-section-wrapper .dns-section-title { font-size: 16px; }
.dns-steps-section-wrapper .dns-section-subtitle { color: rgb(102, 102, 102); margin-bottom: 15px; }
.dns-steps-section-wrapper .dns-mac-highlighted-text { background: rgb(0, 0, 0); color: rgb(255, 255, 255); padding: 2px 4px; border-radius: 4px; }
.dns-highlighted-text { color: rgb(255, 140, 0); }
.dns-servers { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; }
@media (max-width: 768px) { .dns-servers .dns-servers { flex-direction: column; align-items: stretch; gap: unset; }
}
.dns-servers.single { width: 50%; }
.dns-provider { flex: 1 1 0%; background-color: rgb(248, 249, 250); padding: 10px; border-radius: 4px; border: 1px solid rgb(238, 238, 238); }
.dns-wrapper { margin: 0px 0px 10px; }
.provider-heading { color: rgb(85, 85, 85); }
.ip-address { font-family: monospace; }
.or-divider { font-weight: 500; color: rgb(136, 136, 136); }
.platform-selector { display: flex; margin-bottom: 15px; gap: 20px; }
@media (max-width: 768px) { .platform-selector { justify-content: flex-start; gap: 4px; }
}
.platform-selector .platform-btn { display: flex; align-items: center; gap: 10px; padding: 4px 16px; border: 2px solid rgba(0, 0, 0, 0); border-radius: 30px; background: rgb(255, 255, 255); color: rgb(138, 143, 152); cursor: pointer; transition: 0.3s; }
@media (max-width: 768px) { .platform-selector .platform-btn { min-width: 70px; min-height: 40px; justify-content: center; }
}
.platform-selector .platform-btn:hover { border-color: rgb(255, 140, 0); }
.platform-selector .platform-btn.active { border-color: rgb(255, 140, 0); }
.platform-selector .platform-btn .platform-icon { width: 22px; height: 22px; }
.platform-selector .platform-btn .platform-icon img { width: auto; height: 100%; }
.saba-container { display: flex; gap: 40px; border-radius: 0.2rem; }
.saba-container .left-container { flex: 1 0 40%; }
.saba-container .saba-credential-content { background: rgb(255, 255, 255); width: unset; }
.saba-container .saba-credential-content img { width: auto; }
.saba-container .saba-credential-content input { border: 0.01rem solid rgb(219, 224, 228); }
.saba-container .saba-credential-content section .device-download-content { background: rgb(243, 245, 246); border-radius: 0.5rem; }
.saba-container .saba-features-container { line-height: 0.4rem; font-size: 0.28rem; margin-bottom: 0.4rem; }
.saba-container .saba-promo-container { width: 100%; margin: 0px auto; overflow: hidden; border-radius: 0.24rem; background-image: url("../../public/html/images/slot_img/usp.jpeg"); background-repeat: no-repeat; background-size: cover; color: rgb(255, 255, 255); background-position: right center; padding: 0.48rem; }
.saba-container .promo-content { display: flex; flex-direction: column; align-items: flex-start; }
.saba-container .features-section { width: 50%; margin-bottom: 32px; z-index: 10; }
.saba-container .feature-item { display: flex; align-items: flex-start; gap: 0.12rem; margin-bottom: 0.24rem; }
.saba-container .feature-icon { padding: 4px; margin-top: 2px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
.saba-container .feature-icon svg { height: 20px; width: 20px; color: rgb(0, 115, 255); }
.saba-container .feature-content h3 { margin: 0px 0px 4px; }
.saba-container .feature-content p { color: rgba(255, 255, 255, 0.9); margin: 0px; }
@media (max-width: 768px) { .tab-container:has(.main-container) { flex-direction: column; } .saba-container { flex-direction: column; } .saba-container .saba-credential-content { background: unset; margin: unset; } .saba-container .saba-credential-content > img { max-width: 241px; width: 100% !important; height: auto !important; } .saba-container .saba-credential-content section .device-download-content { background: rgb(255, 255, 255); border-radius: 0.5rem; } .saba-container .features-section { width: 100%; margin-bottom: 0px; } .saba-container .saba-features-container { display: none; } .saba-container .feature-content h3 { font-size: 16px; font-weight: unset; } .saba-container .feature-content p { font-size: 12px; } .saba-container .saba-promo-container { height: 700px; padding: 24px; background-image: url("../../public/html/images/slot_img/m_usp.jpeg"); }
}
@media (max-width: 1024px) { .download-container .app-landing-section { width: 11.5rem; } .download-container .tabWarpper { width: 11.5rem; } .download-container .tabWarpper .card-container .card-outer .card .card-inner { width: 1.8rem; }
}
.info-popup-modal-container.language { min-width: unset; min-height: unset; width: fit-content; }
.info-popup-modal-container .info-popup-modal-header { padding: 0.26rem 0.24rem 0px; }
.info-popup-modal-container .info-popup-modal-header.language .info-popup-title-container { display: flex; align-items: center; padding: 0px 0px 0.18rem; }
.info-popup-modal-container .info-popup-modal-header.language .info-popup-title-container svg { width: 0.25rem; height: 0.25rem; }
.info-popup-modal-container .info-popup-modal-header.language .info-popup-title-container .standard-modal-title { margin-bottom: 0px; margin-left: 0.2rem; font-size: 0.14rem; color: rgb(0, 0, 0); }
.info-popup-modal-container .info-popup-modal-body.language { padding: 0px 0.24rem 0.24rem; }
.info-popup-modal-container .info-popup-modal-body.language svg { width: 0.25rem; height: 0.25rem; border-radius: 50%; border: 0.01rem solid rgb(204, 204, 204); }
.info-popup-modal-container .info-popup-modal-body.language .country-flag-warpper { padding: 0.1rem 0px; text-align: left; }
.info-popup-modal-container .info-popup-modal-body.language .country-flag-warpper .country-flag-container { display: flex; margin-bottom: 0.26rem; }
.info-popup-modal-container .info-popup-modal-body.language .country-flag-warpper .country-flag-container .country-info { margin-left: 0.2rem; }
.info-popup-modal-container .info-popup-modal-body.language .country-flag-warpper .country-flag-container .country-info .country-name { font-size: 0.14rem; }
.info-popup-modal-container .info-popup-modal-body.language .country-flag-warpper .country-flag-container .country-info p { margin-bottom: 0.05rem; font-size: 0.14rem; }
.info-popup-modal-container .info-popup-modal-body.language .country-flag-warpper .country-flag-container .country-info .country-languages .language-select { font-size: 0.13rem; border-right: 0.01rem solid rgb(204, 204, 204); cursor: pointer; padding: 0px 0.12rem; }
.info-popup-modal-container .info-popup-modal-body.language .country-flag-warpper .country-flag-container .country-info .country-languages .language-select:hover { text-decoration: underline; }
.info-popup-modal-container .info-popup-modal-body.language .country-flag-warpper .country-flag-container .country-info .country-languages .language-select:first-child { padding-left: 0px; }
.info-popup-modal-container .info-popup-modal-body.language .country-flag-warpper .country-flag-container .country-info .country-languages:last-child { margin-top: 0.08rem; }
.info-popup-modal-container .info-popup-modal-body.language .country-flag-warpper .country-flag-container .country-info .country-languages:last-child .language-select:last-child { padding: 0px 0px 0px 0.12rem; border: none; }
.info-popup-modal-container .info-popup-modal-body.language .country-flag-warpper .country-flag-container .country-info .country-languages .active { color: rgb(0, 102, 204); text-decoration: underline; }
.info-popup-modal-container .info-popup-modal-body.language .country-flag-warpper .country-flag-container:last-child { margin-bottom: 0px; }
.promo-container { color: rgb(15, 22, 31); font-size: 0.14rem; background: rgb(243, 245, 246); margin: 0.7rem 0px 0px; padding: 0.46rem 0px 0.6rem; }
.promo-container p { margin: 0px; }
.promo-container .header-container { display: flex; flex-direction: column; width: 13.4rem; margin: auto; }
.promo-container .header-container .standard-tab { border-radius: 0.1rem; }
.promo-container .header-container .standard-tab .tab-container { display: flex; align-items: center; padding: 0px 0.28rem; background: rgb(255, 255, 255); width: 100%; height: 0.4rem; }
.promo-container .header-container .standard-tab .tab-container .tab-wrapper { position: relative; display: flex; align-items: center; justify-content: center; height: 100%; white-space: nowrap; background: rgb(255, 255, 255); padding-right: 0.35rem; min-width: unset; min-height: unset; }
.promo-container .header-container .standard-tab .tab-container .tab-wrapper:not(.active) { color: rgb(134, 151, 162); }
.promo-container .header-container .standard-tab .tab-container .tab-wrapper .tab-title { text-transform: lowercase; cursor: pointer; }
.promo-container .header-container .standard-tab .tab-container .tab-wrapper .tab-title.not-lowercase { text-transform: none; }
.promo-container .header-container .standard-tab .tab-container .tab-wrapper .tab-title.hover-line { padding: 0.1rem 0px; border-bottom: 0.03rem solid rgb(255, 138, 0); }
.promo-container .header-container .standard-tab .tab-container .tab-wrapper .tab-title::first-letter { text-transform: uppercase; }
.promo-container .header-container .sort-container { position: relative; display: flex; align-items: center; width: 35%; height: 0.35rem; margin: 0.2rem 0px 0px 0.275rem; }
.promo-container .header-container .sort-container .sort-title { margin: 0px 0.15rem 0px 0px; white-space: nowrap; }
.promo-container .header-container .sort-container .sort-type-container { position: relative; width: 50%; height: 100%; cursor: pointer; }
.promo-container .header-container .sort-container .sort-type-container .standard-select { position: relative; z-index: 2; width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; background: rgb(255, 255, 255); border-radius: 0.2rem; padding: 0px 0.15rem 0px 0.25rem; }
.promo-container .header-container .sort-container .sort-type-container .standard-select .sort-type-title { color: rgb(134, 151, 162); }
.promo-container .header-container .sort-container .sort-type-container .standard-select .drop-down-arrow { width: 0.1rem; height: 0.05rem; fill: rgb(134, 151, 162); transition: 0.3s; }
.promo-container .header-container .sort-container .sort-type-container .standard-select .drop-down-arrow.active { transform: rotate(180deg); }
.promo-container .header-container .sort-container .sort-type-container .sort-type-dropdown { position: absolute; z-index: 1; top: 0px; left: 0px; width: 100%; max-height: 2.5rem; padding: 0.5rem 0.1rem 0.2rem; background: rgb(232, 232, 232); border-radius: 0.2rem; overflow-y: scroll; }
.promo-container .header-container .sort-container .sort-type-container .sort-type-dropdown > * { display: flex; align-items: center; margin: 0px; height: 0.25rem; padding: 0px 0.1rem; font-size: 0.14rem; color: rgb(134, 151, 162); white-space: nowrap; }
.promo-container .header-container .sort-container .sort-type-container .sort-type-dropdown > :not(:last-child) { margin: 0px 0px 0.12rem; }
.promo-container .header-container .sort-container .sort-type-container .sort-type-dropdown > .active, .promo-container .header-container .sort-container .sort-type-container .sort-type-dropdown > :hover { background: rgb(255, 138, 0); border-radius: 0.1rem; color: rgb(255, 255, 255); cursor: pointer; }
.promo-container .content-container { position: relative; width: 13.4rem; margin: 0.3rem auto 0px; }
.promo-container .content-container .content-wrapper .promo-details { display: flex; align-items: flex-end; }
.promo-container .content-container .content-wrapper .promo-details:not(:last-child) { margin: 0px 0px 0.35rem; }
.promo-container .content-container .content-wrapper .promo-details .details-wrapper { display: flex; width: 84.5%; }
.promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-img { width: 46%; object-fit: contain; border-radius: 0.1rem; }
.promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data { margin: 0px 0px 0px 0.5rem; flex: 1 1 0%; max-width: 4.5rem; display: grid; grid-template-rows: 76% 24%; }
.promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-title { font-weight: 600; font-size: 0.22rem; }
.promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-desc { margin: 0.15rem 0px 0px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-btn { display: flex; font-size: 0.14rem; font-weight: 600; }
.promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-btn .share-btn-container { position: relative; height: 0.5rem; }
.promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-btn .share-btn-container .floating-referral { top: 100%; left: -66%; }
.promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-btn .share-btn-container .floating-referral .triangle { position: absolute; bottom: 100%; left: 50%; margin-left: -0.12rem; width: 0.24rem; height: 0.12rem; overflow: hidden; }
.promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-btn .share-btn-container .floating-referral .triangle::after { content: ""; position: absolute; width: 0.12rem; height: 0.12rem; left: 50%; transform: translate(-50%, 50%) rotate(45deg); background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.3) 0px 0.01rem 0.06rem; }
.promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-btn .share-btn-container .floating-referral .share-dropdown button { margin: 0.05rem 0px; padding: 0.05rem 0.15rem; justify-content: flex-start; height: unset; border-radius: 0.5rem; }
.promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-btn button { display: flex; align-items: center; justify-content: center; height: 0.4rem; padding: 0px 0.15rem; border-radius: 0.1rem; cursor: pointer; font-size: 0.16rem; color: rgb(255, 255, 255); }
.promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-btn button:not(:last-child) { margin: 0px 0.12rem 0px 0px; }
.promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-btn button.info-btn { background: rgb(0, 113, 227); }
.promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-btn button.info-btn:hover { background: rgb(0, 81, 214); }
.promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-btn button.apply-btn, .promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-btn button.join-btn { background: rgb(255, 138, 0); }
.promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-btn button.apply-btn:hover, .promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-btn button.join-btn:hover { background: rgb(255, 114, 0); }
.promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-btn button.share-btn { background: silver; }
.promo-container .content-container .content-wrapper .promo-details .countdown-container { margin: 0px 0px 0.05rem; }
.promo-container .content-container .content-wrapper .promo-details .countdown-container.end { display: flex; align-items: center; justify-content: center; height: 0.4rem; background: rgb(255, 255, 255); border-radius: 0.1rem; padding: 0px 0.24rem; margin: 0.1rem 0px 0.05rem; }
.promo-container .content-container .content-wrapper .promo-details .countdown-container .remaining-time { font-size: 0.12rem; color: rgb(134, 151, 162); margin: 0px 0px 0px 0.05rem; }
.promo-container .content-container .content-wrapper .promo-details .countdown-container .time-container { display: flex; margin: 0.1rem 0px 0px; }
.promo-container .content-container .content-wrapper .promo-details .countdown-container .time-container .day-box { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.promo-container .content-container .content-wrapper .promo-details .countdown-container .time-container .day-box .day-number { display: flex; align-items: center; justify-content: center; height: 0.4rem; width: 0.4rem; background: rgb(255, 255, 255); border-radius: 0.1rem; min-width: 0.72rem; }
.promo-container .content-container .content-wrapper .promo-details .countdown-container .time-container .day-box .day-text { margin: 0.05rem 0px 0px; font-size: 0.12rem; color: rgb(134, 151, 162); }
.promo-container .content-container .content-wrapper .promo-details .countdown-container .time-container .time-box-container { display: flex; margin: 0px 0.08rem; }
.promo-container .content-container .content-wrapper .promo-details .countdown-container .time-container .time-box-container .time-box { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.promo-container .content-container .content-wrapper .promo-details .countdown-container .time-container .time-box-container .time-box .time-hour, .promo-container .content-container .content-wrapper .promo-details .countdown-container .time-container .time-box-container .time-box .time-min, .promo-container .content-container .content-wrapper .promo-details .countdown-container .time-container .time-box-container .time-box .time-sec { display: flex; align-items: center; justify-content: center; height: 0.4rem; width: 0.4rem; background: rgb(255, 255, 255); padding: 0px 0.1rem; white-space: nowrap; }
.promo-container .content-container .content-wrapper .promo-details .countdown-container .time-container .time-box-container .time-box .time-hour { border-radius: 0.1rem 0px 0px 0.1rem; }
.promo-container .content-container .content-wrapper .promo-details .countdown-container .time-container .time-box-container .time-box .time-sec { border-radius: 0px 0.1rem 0.1rem 0px; }
.promo-container .content-container .content-wrapper .promo-details .countdown-container .time-container .time-box-container .time-box .time-text { margin: 0.05rem 0px 0px; font-size: 0.12rem; color: rgb(134, 151, 162); white-space: nowrap; }
.promo-container .content-container .content-wrapper .promo-details .countdown-container .time-container .time-box-container .time-colon { display: flex; align-items: center; justify-content: center; height: 0.4rem; background: rgb(255, 255, 255); }
@media (max-width: 1024px) { .promo-container .header-container, .promo-container .content-container { width: 11.5rem; } .promo-container .header-container .content-wrapper .promo-details .details-wrapper .details-data, .promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data { max-width: 4rem; }
}
.m-promo-container { padding: 0.55rem 0.2rem 1.2rem; font-size: 0.3rem; color: rgb(15, 22, 31); background: rgb(243, 245, 246); }
.m-promo-container p { margin: 0px; }
.m-promo-container .header-container .standard-tab { border-radius: 0.1rem; }
.m-promo-container .header-container .standard-tab .tab-container { display: flex; align-items: center; height: 0.7rem; padding: 0px 0.5rem; background: rgb(255, 255, 255); }
.m-promo-container .header-container .standard-tab .tab-container .tab-wrapper { position: relative; display: flex; align-items: center; justify-content: center; height: 100%; cursor: pointer; padding-right: 0.7rem; background: rgb(255, 255, 255); white-space: nowrap; min-width: unset; min-height: unset; }
.m-promo-container .header-container .standard-tab .tab-container .tab-wrapper .tab-title { text-transform: lowercase; color: rgb(136, 153, 164); }
.m-promo-container .header-container .standard-tab .tab-container .tab-wrapper .tab-title.not-lowercase { text-transform: none; }
.m-promo-container .header-container .standard-tab .tab-container .tab-wrapper .tab-title.hover-line { color: rgb(15, 22, 31); padding: 0.1rem 0px; border-bottom: 0.03rem solid rgb(255, 138, 0); }
.m-promo-container .header-container .standard-tab .tab-container .tab-wrapper .tab-title::first-letter { text-transform: uppercase; }
.m-promo-container .header-container .sort-container { margin: 0.35rem 0px 0px; width: 50%; height: 0.65rem; }
html:lang(tl) .m-promo-container .header-container .sort-container { width: 70%; }
.m-promo-container .header-container .sort-container .sort-title { width: 22%; }
.m-promo-container .header-container .sort-container .sort-type-container { position: relative; height: 100%; cursor: pointer; }
.m-promo-container .header-container .sort-container .sort-type-container .standard-select { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; background: rgb(255, 255, 255); border-radius: 0.5rem; height: 100%; padding: 0px 0.32rem 0px 0.4rem; border: 0.02rem solid rgb(219, 224, 228); color: rgb(136, 153, 164); }
.m-promo-container .header-container .sort-container .sort-type-container .standard-select .drop-down-arrow { width: 0.25rem; height: 0.14rem; fill: rgb(136, 153, 164); transition: 0.3s; }
.m-promo-container .header-container .sort-container .sort-type-container .standard-select .drop-down-arrow.active { transform: rotate(180deg); }
.m-promo-container .header-container .sort-container .sort-type-container .sort-type-dropdown { position: absolute; z-index: 1; top: 0px; left: 0px; width: 100%; max-height: 4.8rem; padding: 1rem 0.15rem 0.45rem; background: rgb(232, 232, 232); border-radius: 0.5rem 0.5rem 0.2rem 0.2rem; overflow-y: scroll; }
.m-promo-container .header-container .sort-container .sort-type-container .sort-type-dropdown > * { display: flex; align-items: center; margin: 0px; height: 0.65rem; padding: 0px 0.25rem; color: rgb(136, 153, 164); white-space: nowrap; }
.m-promo-container .header-container .sort-container .sort-type-container .sort-type-dropdown > :not(:last-child) { margin: 0px 0px 0.12rem; }
.m-promo-container .header-container .sort-container .sort-type-container .sort-type-dropdown > .active, .m-promo-container .header-container .sort-container .sort-type-container .sort-type-dropdown > :hover { background: rgb(255, 138, 0); border-radius: 0.5rem; color: rgb(255, 255, 255); cursor: pointer; }
.m-promo-container .content-container { margin: 0.35rem 0px 0px; }
.m-promo-container .content-container .content-wrapper .promo-details { background-color: rgb(255, 255, 255); border-radius: 0.1rem; padding: 0px 0px 0.5rem; overflow: hidden; }
.m-promo-container .content-container .content-wrapper .promo-details:not(:last-child) { margin: 0px 0px 0.35rem; }
.m-promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-img { width: 100%; border-radius: 0.1rem; }
.m-promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data { margin: 0.4rem 0px 0px; padding: 0px 0.22rem; }
.m-promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-title { font-weight: 600; font-size: 0.43rem; }
.m-promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-desc { margin: 0.2rem 0px 0px; }
.m-promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-btn { display: flex; align-items: center; justify-content: space-between; margin: 0.4rem 0px 0px; }
.m-promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-btn button { display: flex; align-items: center; justify-content: center; height: 0.85rem; border-radius: 0.2rem; width: 100%; color: rgb(255, 255, 255); font-size: 0.3rem; }
.m-promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-btn button:not(:last-child) { margin: 0px 0.1rem 0px 0px; }
.m-promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-btn button.info-btn { background: rgb(0, 113, 227); }
.m-promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-btn button.apply-btn, .m-promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-btn button.join-btn { background: rgb(255, 138, 0); }
.m-promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-btn button.share-btn { background: silver; }
.mobile-app-landing-section { background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; margin: 0px; }
.mobile-app-landing-section .app-landing-content { flex-direction: column; padding: 0.25rem; }
.mobile-app-landing-section .app-landing-content .header-container { width: 5.25rem; }
.mobile-app-landing-section .app-landing-content .header-container .header-1-title { font-weight: 600; font-size: 0.32rem; color: rgb(15, 22, 31); min-width: 100%; }
.mobile-app-landing-section .app-landing-content .header-container .header-1 { justify-content: start; }
.mobile-app-landing-section .app-landing-content .header-container .header-2 { margin: 0.25rem 0.15rem 0.25rem 0px; font-size: 0.24rem; }
.mobile-app-landing-section .app-landing-content .app-download-container { margin: 0.52rem 0px 0px; }
.mobile-app-landing-section .app-landing-content .app-download-container .download-item:not(:last-child) { margin: 0px 0.56rem 0px 0px; }
.mobile-app-landing-section .app-landing-content .app-download-container .download-item .os-name { margin: 0px; width: 2.86rem; border-radius: 0.1rem; padding: 0.08rem; font-size: 0.28rem; }
.mobile-app-landing-section .app-landing-content .app-download-container .download-item .os-name svg { margin: 0px 0.21rem 0px 0px; }
.mobile-app-landing-section .app-landing-content .app-download-container .download-item .os-name svg.ios { width: 0.3rem; height: 0.41rem; }
.mobile-app-landing-section .app-landing-content .app-download-container .download-item .os-name svg.android { width: 0.34rem; height: 0.43rem; }
.mobile-app-landing-section .app-landing-content .app-download-container .download-item .instruction-btn { margin: 0.2rem 0px 0px; font-size: 0.3rem; }
.mobile-app-landing-section .app-landing-content .app-download-container .download-item .instruction-btn:hover, .mobile-app-landing-section .app-landing-content .app-download-container .download-item .instruction-btn:active { text-decoration-line: underline; }
.m-instruction-popup { text-align: center; }
.m-instruction-popup .instruction-title { padding: 0.78rem 0.7rem 0px; position: unset; margin: 0px; width: 100%; font-size: 0.42rem; font-weight: 600; }
.m-instruction-popup .instruction-title-container .instruction-title:first-child { padding: 0.78rem 0.6rem 0px; }
.m-instruction-popup .instruction-title-container .instruction-title:last-child { padding: 0px 0.6rem; }
.m-instruction-popup .pagination-box { top: 4.2rem; left: unset; width: 100%; padding: 0px 0.38rem; justify-content: space-between; }
.m-instruction-popup .pagination-box .left-arrow, .m-instruction-popup .pagination-box .right-arrow { width: 0.62rem; height: 0.62rem; }
.m-instruction-popup .pagination-box .left-arrow svg, .m-instruction-popup .pagination-box .right-arrow svg { width: 0.15rem; height: 0.3rem; }
.m-instruction-popup .instruction-slider { background-repeat: no-repeat; background-size: contain; background-position: center center; }
.m-instruction-popup .instruction-slider .content-box { margin: 0.2rem 0px 0px; padding: 0px 0.8rem 1.4rem; font-size: 0.26rem; }
.m-instruction-popup .instruction-slider .content-box .step { margin: 0px 0px 0.1rem; color: rgb(15, 22, 31); }
.m-instruction-popup .instruction-slider .content-box .desc { color: rgb(136, 153, 164); word-break: break-word; }
.m-instruction-popup .instruction-slider .content-box .desc:not(:first-child) { margin: 0.4rem 0px 0px; }
.m-instruction-popup .instruction-slider .dotsContainer { bottom: 0px; top: 5.8rem; height: fit-content; }
.m-instruction-popup .instruction-slider .dotsContainer .dots { background: rgb(232, 232, 232); }
.m-announcementBarSection { margin: 0px; padding: 0.16rem 0.21rem; width: 100%; }
.m-announcementBarSection .annoucement-bar-component { color: rgb(15, 22, 31); font-size: 0.24rem; cursor: pointer; max-width: unset; justify-content: space-between; display: flex; }
.m-announcementBarSection .annoucement-bar-component .left-block { width: 0.48rem; height: 100%; padding: unset; margin: 0px 0.15rem; color: unset; font-size: unset; border-radius: unset; position: relative; background: unset; justify-content: unset; }
.m-announcementBarSection .annoucement-bar-component .left-block .microphone-icon { fill: unset; height: 100%; width: 0.26rem; margin: 0px 0px 0px auto; }
.m-announcementBarSection .annoucement-bar-component .left-block .icon-star-container { left: -0.075rem; }
.m-announcementBarSection .annoucement-bar-component .left-block .icon-star-container svg { fill: rgb(255, 255, 255); height: 100%; width: 100%; }
.m-announcementBarSection .annoucement-bar-component .announcement-content-container { width: 5rem; }
.m-announcementBarSection .annoucement-bar-component .more-btn { color: rgb(134, 151, 162); white-space: nowrap; text-decoration: underline; text-transform: capitalize; width: 1rem; display: flex; justify-content: flex-end; }
.mobile-hot-games-section { padding: 0px 0px 0px 0.21rem; }
.mobile-hot-games-section .hot-games-slider { font-weight: 600; width: 100%; overflow: scroll hidden; }
.mobile-hot-games-section .hot-games-slider .hot-game-content-wrapper { white-space: nowrap; width: fit-content; display: flex; }
.mobile-hot-games-section .hot-games-slider .hot-game-content-wrapper .hot-game-container { width: 3.28rem; height: 4.22rem; margin: 0px 0.16rem 0px 0px; }
.mobile-hot-games-section .hot-games-slider .hot-game-content-wrapper .hot-game-container .hot-game-img-warpper { width: 3.28rem; height: 2.14rem; }
.mobile-hot-games-section .hot-games-slider .hot-game-content-wrapper .hot-game-container .hot-game-content { margin: 0.15rem 0px 0px; }
.mobile-hot-games-section .hot-games-slider .hot-game-content-wrapper .hot-game-container .hot-game-content .row-1 { height: 0.3rem; }
.mobile-hot-games-section .hot-games-slider .hot-game-content-wrapper .hot-game-container .hot-game-content .row-1 .game-name { font-size: 0.24rem; margin: 0px 0px 0px 0.14rem; width: 1.95rem; }
.mobile-hot-games-section .hot-games-slider .hot-game-content-wrapper .hot-game-container .hot-game-content .row-1 .game-mark { display: flex; align-items: center; font-size: 0.22rem; }
.mobile-hot-games-section .hot-games-slider .hot-game-content-wrapper .hot-game-container .hot-game-content .row-1 .game-mark .tag { display: flex; align-items: center; justify-content: center; width: 0.75rem; height: 0.3rem; margin: 0px; color: rgb(255, 255, 255); border-radius: 0.2rem; line-height: normal; font-family: ""Helvetica Neue", Helvetica, Arial, sans-serif Neue", "Helvetica Neue", Helvetica, Arial, sans-serif-Regular; }
.mobile-hot-games-section .hot-games-slider .hot-game-content-wrapper .hot-game-container .hot-game-content .row-1 .game-mark .tag.isHot-tag { background: rgb(255, 101, 15); }
.mobile-hot-games-section .hot-games-slider .hot-game-content-wrapper .hot-game-container .hot-game-content .row-1 .game-mark .tag.isNew-tag { background: rgb(224, 9, 44); }
.mobile-hot-games-section .hot-games-slider .hot-game-content-wrapper .hot-game-container .hot-game-content .row-1 .game-mark svg { margin: 0px 0px 0px 0.1rem; width: 0.3rem; fill: rgb(197, 210, 216); }
.mobile-hot-games-section .hot-games-slider .hot-game-content-wrapper .hot-game-container .hot-game-content .game-type { font-size: 0.2rem; margin: 0.02rem 0px 0px 0.14rem; }
.mobile-hot-games-section .hot-games-slider .hot-game-content-wrapper .hot-game-container .hot-game-content .game-rtp { height: 0.32rem; border-radius: 0.05rem; font-size: 0.2rem; margin: 0.1rem 0px 0px; padding: 0px 0.15rem; }
.mobile-hot-games-section .hot-games-slider .hot-game-content-wrapper .hot-game-container .hot-game-content .game-rtp span { margin: 0px 0px 0px 0.19rem; }
.mobile-hot-games-section .hot-games-slider .hot-game-content-wrapper .hot-game-container .hot-game-info { top: 2.65rem; font-size: 0.18rem; }
.mobile-hot-games-section .hot-games-slider .hot-game-content-wrapper .hot-game-container .hot-game-info > div:not(:last-child) { margin: 0px 0px 0.08rem; }
.mobile-instant-game-section { margin: 0.8rem 0px 0px; padding: 0px 0px 0px 0.21rem; }
.mobile-instant-game-section .top-container { padding: 0px 0.21rem 0px 0.23rem; margin: 0px 0px 0.32rem; }
.mobile-instant-game-section .top-container .instant-game-title { position: unset; font-size: 0.3rem; }
.mobile-instant-game-section .top-container .see-all-btn { position: unset; font-size: 0.24rem; }
.mobile-instant-game-section .instant-game { font-weight: 600; width: 100%; overflow: scroll hidden; }
.mobile-instant-game-section .instant-game .instant-game-wrapper { display: flex; width: fit-content; white-space: nowrap; }
.mobile-instant-game-section .instant-game .instant-game-wrapper .instant-game-container { width: 3.28rem; margin: 0px 0.16rem 0px 0px; }
.mobile-instant-game-section .instant-game .instant-game-wrapper .instant-game-container .instant-game-img-warpper { width: 3.28rem; height: 2.14rem; }
.mobile-instant-game-section .instant-game .instant-game-wrapper .instant-game-container .instant-game-content { margin: 0.15rem 0px 0px; }
.mobile-instant-game-section .instant-game .instant-game-wrapper .instant-game-container .instant-game-content .row-1 { height: 0.3rem; }
.mobile-instant-game-section .instant-game .instant-game-wrapper .instant-game-container .instant-game-content .row-1 .casino-name { font-size: 0.24rem; margin: 0px 0px 0px 0.14rem; }
.mobile-instant-game-section .instant-game .instant-game-wrapper .instant-game-container .instant-game-content .row-1 .tag { display: flex; align-items: center; justify-content: center; width: 0.75rem; height: 0.3rem; margin: 0px; color: rgb(255, 255, 255); border-radius: 0.2rem; font-size: 0.22rem; line-height: normal; font-family: ""Helvetica Neue", Helvetica, Arial, sans-serif Neue", "Helvetica Neue", Helvetica, Arial, sans-serif-Regular; }
.mobile-instant-game-section .instant-game .instant-game-wrapper .instant-game-container .instant-game-content .row-1 .tag.isHot-tag { background: rgb(255, 100, 15); }
.mobile-instant-game-section .instant-game .instant-game-wrapper .instant-game-container .instant-game-content .row-1 .tag.isNew-tag { background: rgb(224, 9, 44); }
.mobile-instant-game-section .instant-game .instant-game-wrapper .instant-game-container .instant-game-content .casino-type { font-size: 0.2rem; margin: 0.02rem 0px 0px 0.14rem; }
.mobile-latest-promo-section { margin: 0.99rem 0px; padding: 0px 0px 0px 0.21rem; color: rgb(15, 22, 31); }
.mobile-latest-promo-section p { margin: 0px; }
.mobile-latest-promo-section .mobile-latest-promo-slider { overflow: scroll hidden; }
.mobile-latest-promo-section .mobile-latest-promo-slider .promo-wrapper { display: flex; white-space: nowrap; width: fit-content; }
.mobile-latest-promo-section .mobile-latest-promo-slider .promo-wrapper .promo-container { background: rgb(243, 245, 246); border-radius: 0.1rem; width: 6.14rem; margin: 0px 0.16rem 0px 0px; padding: 0px; }
.mobile-latest-promo-section .mobile-latest-promo-slider .promo-wrapper .promo-container .promo-banner-images { height: 1.92rem; }
.mobile-latest-promo-section .mobile-latest-promo-slider .promo-wrapper .promo-container .promo-banner-images .promo-banner { width: 100%; height: 1.92rem; border-radius: 0.1rem; }
.mobile-latest-promo-section .mobile-latest-promo-slider .promo-wrapper .promo-container .promo-content { padding: 0.15rem 0.32rem; }
.mobile-latest-promo-section .mobile-latest-promo-slider .promo-wrapper .promo-container .promo-content .promo-title { display: flex; align-items: center; background: rgb(255, 255, 255); border-radius: 0.1rem; height: 0.57rem; padding: 0px 0.26rem; font-size: 0.2rem; color: rgb(15, 22, 31); }
.mobile-latest-promo-section .mobile-latest-promo-slider .promo-wrapper .promo-container .promo-content .promo-title span { -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; white-space: normal; }
.mobile-latest-promo-section .mobile-latest-promo-slider .promo-wrapper .promo-container .promo-content .btm-content { display: flex; height: 0.81rem; margin: 0.08rem 0px 0px; }
.mobile-latest-promo-section .mobile-latest-promo-slider .promo-wrapper .promo-container .promo-content .btm-content .countdown-container.end { display: flex; align-items: center; height: 0.57rem; background: rgb(255, 255, 255); border-radius: 0.1rem; padding: 0px 0.26rem; margin: 0px 0.12rem 0px 0px; width: 100%; font-size: 0.2rem; }
.mobile-latest-promo-section .mobile-latest-promo-slider .promo-wrapper .promo-container .promo-content .btm-content .countdown-container .digit-box { display: flex; height: 0.57rem; }
.mobile-latest-promo-section .mobile-latest-promo-slider .promo-wrapper .promo-container .promo-content .btm-content .countdown-container .digit-box p { font-size: 0.2rem; color: rgb(15, 22, 31); }
.mobile-latest-promo-section .mobile-latest-promo-slider .promo-wrapper .promo-container .promo-content .btm-content .countdown-container .digit-box .digit-day { display: flex; align-items: center; background: rgb(255, 255, 255); border-radius: 0.1rem; padding: 0px 0.4rem; min-width: 1.03rem; }
.mobile-latest-promo-section .mobile-latest-promo-slider .promo-wrapper .promo-container .promo-content .btm-content .countdown-container .digit-box .time-box { display: flex; align-items: center; justify-content: center; background: rgb(255, 255, 255); border-radius: 0.1rem; margin: 0px 0.12rem; padding: 0px 0.2rem; }
.mobile-latest-promo-section .mobile-latest-promo-slider .promo-wrapper .promo-container .promo-content .btm-content .countdown-container .digit-box .time-box p { display: flex; justify-content: center; width: 0.38rem; }
.mobile-latest-promo-section .mobile-latest-promo-slider .promo-wrapper .promo-container .promo-content .btm-content .countdown-container .digit-box .time-box span { margin: 0px 0.2rem; }
.mobile-latest-promo-section .mobile-latest-promo-slider .promo-wrapper .promo-container .promo-content .btm-content .countdown-container .desc-box { display: flex; margin: 0.08rem 0px 0px; }
.mobile-latest-promo-section .mobile-latest-promo-slider .promo-wrapper .promo-container .promo-content .btm-content .countdown-container .desc-box p { font-size: 0.2rem; color: rgb(134, 151, 162); }
.mobile-latest-promo-section .mobile-latest-promo-slider .promo-wrapper .promo-container .promo-content .btm-content .countdown-container .desc-box .desc-day { display: flex; justify-content: center; min-width: 1.03rem; }
.mobile-latest-promo-section .mobile-latest-promo-slider .promo-wrapper .promo-container .promo-content .btm-content .countdown-container .desc-box .time-box { display: flex; align-items: center; margin: 0px 0.12rem; min-width: 2.26rem; }
.mobile-latest-promo-section .mobile-latest-promo-slider .promo-wrapper .promo-container .promo-content .btm-content .countdown-container .desc-box .time-box p { display: flex; justify-content: center; width: 33.33%; }
.mobile-latest-promo-section .mobile-latest-promo-slider .promo-wrapper .promo-container .promo-content .btm-content .promo-btn { font-weight: 600; background: rgb(255, 138, 0); color: rgb(255, 255, 255); height: 0.57rem; border-radius: 0.1rem; font-size: 0.28rem; width: 1.97rem; min-width: 1.97rem; }
.mobile-latest-promo-section .mobile-latest-promo-slider .promo-wrapper .promo-container .promo-content .btm-content .promo-btn.info-btn { background: rgb(0, 113, 227); }
.mobile-live-casino-slider-section { margin: 0px; padding: 0px 0px 0px 0.21rem; }
.mobile-live-casino-slider-section .live-casino-slider { font-weight: 600; width: 100%; overflow: scroll hidden; }
.mobile-live-casino-slider-section .live-casino-slider .live-casino-slider-wrapper { display: flex; width: fit-content; white-space: nowrap; }
.mobile-live-casino-slider-section .live-casino-slider .live-casino-slider-wrapper .live-casino-slider-container { width: 3.28rem; margin: 0px 0.16rem 0px 0px; }
.mobile-live-casino-slider-section .live-casino-slider .live-casino-slider-wrapper .live-casino-slider-container .live-casino-slider-img-warpper { width: 3.28rem; height: 2.14rem; }
.mobile-live-casino-slider-section .live-casino-slider .live-casino-slider-wrapper .live-casino-slider-container .live-casino-slider-img-warpper .btn-container { transition: 0.5s; background: rgba(0, 0, 0, 0.2); }
.mobile-live-casino-slider-section .live-casino-slider .live-casino-slider-wrapper .live-casino-slider-container .live-casino-slider-img-warpper .btn-container .live-casino-slider-play-btn { width: 0.52rem; height: 0.52rem; }
.mobile-live-casino-slider-section .live-casino-slider .live-casino-slider-wrapper .live-casino-slider-container .live-casino-slider-img-warpper .btn-container .live-casino-slider-play-btn svg { width: 0.28rem; height: 0.28rem; }
.mobile-live-casino-slider-section .live-casino-slider .live-casino-slider-wrapper .live-casino-slider-container .live-casino-slider-content { margin: 0.15rem 0px 0px; }
.mobile-live-casino-slider-section .live-casino-slider .live-casino-slider-wrapper .live-casino-slider-container .live-casino-slider-content .row-1 { height: 0.3rem; }
.mobile-live-casino-slider-section .live-casino-slider .live-casino-slider-wrapper .live-casino-slider-container .live-casino-slider-content .row-1 .casino-name { font-size: 0.24rem; margin: 0px 0px 0px 0.14rem; }
.mobile-live-casino-slider-section .live-casino-slider .live-casino-slider-wrapper .live-casino-slider-container .live-casino-slider-content .row-1 .tag { display: flex; align-items: center; justify-content: center; width: 0.75rem; height: 0.3rem; margin: 0px; color: rgb(255, 255, 255); border-radius: 0.2rem; font-size: 0.22rem; line-height: normal; font-family: ""Helvetica Neue", Helvetica, Arial, sans-serif Neue", "Helvetica Neue", Helvetica, Arial, sans-serif-Regular; }
.mobile-live-casino-slider-section .live-casino-slider .live-casino-slider-wrapper .live-casino-slider-container .live-casino-slider-content .row-1 .tag.isHot-tag { background: rgb(255, 100, 15); }
.mobile-live-casino-slider-section .live-casino-slider .live-casino-slider-wrapper .live-casino-slider-container .live-casino-slider-content .row-1 .tag.isNew-tag { background: rgb(224, 9, 44); }
.mobile-live-casino-slider-section .live-casino-slider .live-casino-slider-wrapper .live-casino-slider-container .live-casino-slider-content .casino-type { font-size: 0.2rem; margin: 0.02rem 0px 0px 0.14rem; }
.mobileGameTabContainer p { margin: 0px; }
.mobileGameTabContainer .mobile-menu-tab { display: flex; align-items: center; width: 95%; background: rgb(243, 245, 246); border-radius: 0.5rem; overflow: hidden; margin: 0px 0.21rem; }
.mobileGameTabContainer .mobile-menu-tab .mobile-menu-tab-box { display: flex; align-items: center; overflow-x: scroll; padding: 0.1rem 0.16rem; }
.mobileGameTabContainer .mobile-menu-tab .mobile-menu-tab-box .menu-item { position: relative; display: flex; align-items: center; min-width: fit-content; height: 100%; border-radius: 0.5rem; font-size: 0.36rem; color: rgb(134, 151, 162); margin: 0px 0.25rem; cursor: pointer; white-space: nowrap; padding: 0.14rem 0px 0.1rem; }
.mobileGameTabContainer .mobile-menu-tab .mobile-menu-tab-box .menu-item:first-child { margin: 0px 0.25rem 0px 0px; }
.mobileGameTabContainer .mobile-menu-tab .mobile-menu-tab-box .menu-item:last-child { margin: 0px 0px 0px 0.25rem; }
.mobileGameTabContainer .mobile-menu-tab .mobile-menu-tab-box .menu-item.menu-selected { background: linear-gradient(to right, rgb(9, 94, 189), rgb(4, 169, 194)); color: rgb(255, 255, 255); margin: 0px 0.03rem; padding: 0.08rem 0.15rem 0.08rem 0.1rem; }
.mobileGameTabContainer .mobile-menu-tab .mobile-menu-tab-box .menu-item.menu-selected:first-child { margin: 0px 0.03rem 0px 0px; }
.mobileGameTabContainer .mobile-menu-tab .mobile-menu-tab-box .menu-item.menu-selected:last-child { margin: 0px 0px 0px 0.03rem; }
.mobileGameTabContainer .mobile-menu-tab .mobile-menu-tab-box .menu-item.menu-selected .standard-SmallsubContent-font-size { margin-left: 0.08rem; font-size: 0.26rem; }
.mobileGameTabContainer .mobile-menu-tab .mobile-menu-tab-box .menu-item .icon-star-container { top: -0.15rem; left: 0px; right: 0px; margin: auto; }
.mobileGameTabContainer .mobile-menu-tab .mobile-menu-tab-box .menu-item .mobile-menu-tab-svg { height: 0.45rem; width: 0.45rem; }
.mobileGameTabContainer .mobile-menu-tab .mobile-menu-tab-box .menu-item p { text-transform: capitalize; }
.mobileGameTabContainer .submenu-item-container { margin: 0.15rem 0.21rem 0px; }
.mobileGameTabContainer .submenu-item-container .submenu-item { height: 2.3rem; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; border-radius: 0.1rem; padding: 0.29rem 0.26rem 0px; background-color: rgb(250, 250, 250); position: relative; }
.mobileGameTabContainer .submenu-item-container .submenu-item:not(:first-child) { margin: 0.1rem 0px 0px; }
.mobileGameTabContainer .submenu-item-container .submenu-item .submenu-img { height: 0.5rem; margin: 0px 0px 0px 0.1rem; }
.mobileGameTabContainer .submenu-item-container .submenu-item .submenu-img.CMD { height: 0.34rem; }
.mobileGameTabContainer .submenu-item-container .submenu-item .submenu-img.SBO { height: 0.4rem; }
.mobileGameTabContainer .submenu-item-container .submenu-item .standard-SecondSubtitle-font-size { font-size: 0.28rem; margin: 0.13rem 0px 0px 0.1rem; color: rgb(134, 151, 162); }
.mobileGameTabContainer .submenu-item-container .submenu-item .btn-container { display: flex; align-items: center; margin: 0.27rem 0px 0px; }
.mobileGameTabContainer .submenu-item-container .submenu-item .btn-container button { min-width: 1.38rem; height: 0.52rem; border-radius: 0.3rem; font-size: 0.24rem; padding: 0px 0.22rem; }
.mobileGameTabContainer .submenu-item-container .submenu-item .btn-container button:not(:last-child) { margin: 0px 0.27rem 0px 0px; }
.mobileGameTabContainer .submenu-item-container .submenu-item .btn-container button.btnBetNow { background: rgb(255, 138, 0); color: rgb(255, 255, 255); }
.mobileGameTabContainer .submenu-item-container .submenu-item .btn-container button.btnDesktop { background: rgb(255, 255, 255); color: rgb(134, 151, 162); }
.mobileGameTabContainer .submenu-item-container .submenu-item .btn-container .download-saba-apps { background: rgb(255, 255, 255); padding: 0.15rem; border-radius: 5rem; display: flex; justify-content: center; }
.mobileGameTabContainer .submenu-item-container .submenu-item .btn-container .download-saba-apps img { width: 0.2rem; }
.mobileGameTabContainer .submenu-item-container .submenu-item .float-dot-nav { font-size: 0.2rem; padding: 0.03rem 0.08rem; position: absolute; right: -0.02rem; text-align: center; top: -0.02rem; line-height: normal; border-radius: 0.2rem; }
.mobileGameTabContainer .submenu-item-container .submenu-item .hot-provider-nav { background: rgb(255, 101, 15); color: rgb(255, 255, 255); }
.mobileGameTabContainer .submenu-item-container .submenu-item .new-provider-nav { background: rgb(224, 9, 44); color: rgb(255, 255, 255); }
.mobileGameTabContainer .submenu-item-container .submenu-item .vpn-provider-nav { background: rgb(134, 151, 162); border-radius: 0.04rem; color: rgb(255, 255, 255); }
.mobileGameTabContainer .submenu-item-container .submenu-item .promo-provider-nav { background: linear-gradient(to right, rgb(9, 94, 189), rgb(4, 169, 194)); color: rgb(255, 255, 255); }
.mobileGameTabContainer .submenu-item-container #mProvider-SL, .mobileGameTabContainer .submenu-item-container #mProvider-F { margin: 0.4rem 0px 0px; }
.mobileGameTabContainer .submenu-item-container .provider-menus { display: flex; flex-flow: wrap; background: rgb(243, 245, 246); border-radius: 0.1rem; padding: 0.3rem 0px; }
.mobileGameTabContainer .submenu-item-container .provider-menus .provider-menu { align-items: center; display: flex; flex-direction: column; margin: 0px 0px 0.2rem; position: relative; width: 25%; text-align: center; color: rgb(15, 22, 31); }
.mobileGameTabContainer .submenu-item-container .provider-menus .provider-menu img { width: 95%; margin: 0px 0px 0.1rem; }
.mobileGameTabContainer .submenu-item-container .provider-menus .provider-menu .float-dot-nav { position: absolute; border-radius: 0.5rem; color: rgb(255, 255, 255); font-size: 0.18rem; padding: 0.02rem 0.1rem; top: -5%; right: 0px; text-align: center; }
.mobileGameTabContainer .submenu-item-container .provider-menus .provider-menu .hot-provider-nav { background: rgb(255, 101, 15); }
.mobileGameTabContainer .submenu-item-container .provider-menus .provider-menu .new-provider-nav { background: rgb(224, 9, 44); }
.mobileGameTabContainer .submenu-item-container .provider-menus .provider-menu .vpn-provider-nav { background: rgb(134, 151, 162); border-radius: 0.04rem; }
.mobileGameTabContainer .submenu-item-container .provider-menus .disable-submenu .provider-submenu-container { filter: grayscale(100%) brightness(0.5); }
.mobileGameTabContainer .submenu-item-container .provider-menus .disable-submenu .maintenance-icon { position: absolute; width: 55%; }
.mobileGameTabContainer .submenu-item-container .provider-menus .enlarged { width: 33.33%; }
.mobileGameTabContainer .submenu-item-container .provider-menus .enlarged .float-dot-nav { top: 10%; right: 9%; font-size: 0.2rem; padding: 0.02rem 0.15rem; }
.mobileGameTabContainer .mobile-game-tab-placeholder { height: 8rem; background: rgba(0, 0, 0, 0.1); border-radius: 0.2rem; margin: auto 0.21rem 0.5rem; }
.mobileGameTabContainer .submenu-mobile-game-tab-placeholder { height: 7.1rem; background: rgba(0, 0, 0, 0.1); border-radius: 0.2rem; margin: auto 0.21rem 0.5rem; }
.m-login-join-btn-container { display: flex; height: 0.9rem; }
.m-login-join-btn-container p { margin: 0px; }
.m-login-join-btn-container > div { width: 50%; height: 100%; display: flex; align-items: center; justify-content: center; color: rgb(255, 255, 255); font-weight: 600; font-size: 0.3rem; text-transform: uppercase; border-radius: 0px; cursor: pointer; }
.m-login-join-btn-container > div.btn-reg { background: rgb(203, 1, 27); }
.m-login-join-btn-container > div.btn-login { background: rgb(0, 113, 227); }
.mobile-wallet-section { margin: 0px 0px 0.2rem; padding: 0px 0.16384rem; }
.mobile-wallet-section .wallet-info { background: rgb(243, 245, 246); font-size: 0.26rem; border-radius: 0.12288rem 0.12288rem 0px 0px; }
.mobile-wallet-section .wallet-info .top-content { display: flex; justify-content: space-between; padding: 0.4rem 0.35rem; gap: 0.1rem; }
.mobile-wallet-section .wallet-info .top-content .member-wallet { width: 85%; }
.mobile-wallet-section .wallet-info .top-content .member-wallet .header { display: flex; width: 100%; justify-content: space-between; }
.mobile-wallet-section .wallet-info .top-content .member-wallet .header .header-left { display: flex; align-items: center; gap: 0.1rem; }
.mobile-wallet-section .wallet-info .top-content .member-wallet .header .title { color: rgb(15, 22, 31); word-break: unset; white-space: nowrap; }
.mobile-wallet-section .wallet-info .top-content .member-wallet .header .eye-icon { flex: 0 0 auto; width: 0.32768rem; height: 100%; }
.mobile-wallet-section .wallet-info .top-content .member-wallet .header .eye-icon svg:not(:root) { overflow: visible; }
.mobile-wallet-section .wallet-info .top-content .member-wallet .bottom { position: relative; display: flex; align-items: center; margin: 0.18rem 0px 0px; padding: 0.08rem 0.26rem; background: rgb(255, 255, 255); border-radius: 0.3rem; height: 0.53rem; }
.mobile-wallet-section .wallet-info .top-content .member-wallet .bottom .currency-label { display: flex; align-items: flex-end; height: 0.32rem; font-size: 0.18rem; color: rgb(136, 153, 164); }
.mobile-wallet-section .wallet-info .top-content .member-wallet .bottom .member-balance { font-size: 0.3rem; color: rgb(0, 90, 204); margin: 0px 0px 0px 0.12rem; }
.mobile-wallet-section .wallet-info .top-content .member-wallet .bottom .mobile-beta-refresh { position: absolute; right: 0.3rem; width: 0.35rem; cursor: pointer; }
.mobile-wallet-section .wallet-info .top-content .member-action { display: flex; color: rgb(15, 22, 31); width: 47%; align-items: flex-end; }
.mobile-wallet-section .wallet-info .top-content .member-action .action-box { display: flex; flex-direction: column; align-items: center; justify-content: space-between; width: 50%; margin: 0px 0.05rem; }
.mobile-wallet-section .wallet-info .top-content .member-action .action-box svg { height: auto; width: 0.75rem; }
.mobile-wallet-section .wallet-info .top-content .member-action .action-box .action-label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mobile-wallet-section .wallet-info .top-content .member-action .action-box .action-label:lang(km) { font-size: 0.2rem; }
.mobile-wallet-section .wallet-info .top-content .member-action .member-restore { display: flex; background: rgb(0, 113, 227); height: 0.53rem; border-radius: 0.26rem; width: 100%; padding: 0.1rem 0.16rem; justify-content: center; color: rgb(255, 255, 255); align-items: center; gap: 0.1rem; }
.mobile-wallet-section .wallet-info .top-content .member-action .member-restore svg { width: 0.4rem; }
.mobile-wallet-section .wallet-info .bottom-content { display: flex; justify-content: space-between; text-align: center; transition: 0.3s; opacity: 0; visibility: hidden; height: 0px; }
.mobile-wallet-section .wallet-info .bottom-content.show { margin: 0px 0.2rem; padding: 0.35rem 0px; opacity: 1; visibility: visible; height: auto; }
.mobile-wallet-section .wallet-info .bottom-content .action-box { position: relative; width: 21%; }
.mobile-wallet-section .wallet-info .bottom-content .action-box .action-label { margin: 0px 0px 0.12rem; white-space: nowrap; }
.mobile-wallet-section .wallet-info .bottom-content .action-box svg { width: 0.75rem; height: 0.75rem; }
.mobile-wallet-section .wallet-info .bottom-content .action-box .message-container { position: relative; }
.mobile-wallet-section .wallet-info .bottom-content .action-box .message-container .unread-msg { position: absolute; display: flex; align-items: center; justify-content: center; color: rgb(255, 255, 255); right: 27%; top: 23%; font-size: 0.22rem; width: 0.32rem; }
.mobile-wallet-section .collapse { display: flex; align-items: center; justify-content: center; background: rgb(234, 245, 250); height: 0.6rem; cursor: pointer; border-radius: 0px 0px 0.12288rem 0.12288rem; }
.mobile-wallet-section .collapse.show-more svg { transform: rotate(270deg); }
.mobile-wallet-section .collapse svg { fill: rgb(109, 160, 221); transform: rotate(90deg); width: 0.1rem; transition: 0.3s; }
.mobile-wallet-section .collapse p { color: rgb(4, 168, 194); margin: 0px 0px 0px 0.28rem; line-height: 1.2; }
.mobile-wallet-section.sidebar { display: none; padding: 0.44rem 0px 0.85rem; margin: 0px; border-bottom: 0.02rem solid rgb(243, 245, 246); }
.mobile-wallet-section.sidebar .wallet-info { padding: 0.24rem 0.1rem; border-radius: 0.1rem; }
.mobile-wallet-section.sidebar .wallet-info .top-content .member-wallet .bottom { margin: 0.18rem 0px 0px; }
.mobile-wallet-section.sidebar .wallet-info .member-action { align-items: flex-end; margin: 0px 0px 0px 0.23rem; }
.mobile-wallet-section.sidebar .wallet-info .member-action .action-box { height: 0.72rem; }
.mobile-wallet-section.sidebar .wallet-info .member-action .action-box.action-restore { border-right: unset; padding: 0px; }
.mobile-wallet-section.sidebar .wallet-info .member-action .action-box.action-deposit { padding: 0px 0px 0px 0.09rem; }
.mobile-wallet-section.sidebar .wallet-info .member-action .action-box .action-label { margin: 0px 0px 0.2rem; }
.mobile-wallet-section.sidebar .wallet-info .member-action .action-box .mobile-beta-restore { width: 0.39rem; height: 0.39rem; }
.mobile-wallet-section.sidebar .wallet-info .bottom-content.show { margin: 0.33rem 0px 0px; padding: 0px; border-top: unset; }
.mobile-wallet-section.sidebar .wallet-info .bottom-content .action-box { height: 0.72rem; }
.mobile-wallet-section.sidebar .wallet-info .bottom-content .action-box .action-label { margin: 0px 0px 0.12rem; }
.mobile-wallet-section.sidebar .wallet-info .bottom-content .action-box .mobile-beta-withdraw { width: 0.44rem; height: 0.38rem; }
.mobile-wallet-section.sidebar .wallet-info .bottom-content .action-box .mobile-beta-history { width: 0.35rem; height: 0.4rem; }
.mobile-wallet-section.sidebar .wallet-info .bottom-content .action-box .mobile-beta-message { width: 0.5rem; height: 0.4rem; }
.mobileCarouselSliderSection .slick-slide { line-height: 0; }
.mobileCarouselSliderSection .slick-slide img { max-width: 100%; margin: auto; object-fit: cover; height: 2.22rem !important; }
.mobileCarouselSliderSection .slick-slide .home_banner { position: absolute; inset: 0px; width: 100%; }
.mobileCarouselSliderSection .slick-slide .home-banner-video-wrapper { position: relative; overflow: hidden; width: 100%; height: 2.22rem !important; }
.mobileCarouselSliderSection .slick-slide .home-banner-video-wrapper iframe { position: absolute; inset: 0px; width: 100%; height: 100%; }
.mobileCarouselSliderSection .slider .dotsContainer { width: auto; position: absolute; bottom: 0.16rem; right: 0%; margin: 0px 0.4rem; }
.mobileCarouselSliderSection .slider .dotsContainer .dots { background: rgb(255, 255, 255); width: 0.09rem; height: 0.09rem; transform: unset; margin: 0px 0.05rem; border-radius: 50%; }
.mobileCarouselSliderSection .slider .dotsContainer .active { background: rgb(253, 184, 19); width: 0.29rem; height: 0.09rem; transform: unset; margin: 0px 0.05rem; border-radius: 0.1rem; }
.mobileCarouselSliderSection .slider .dotsContainer.with-timer { left: unset; right: 0px; bottom: 0.68rem; }
.compare-result-popup-overlay { align-items: flex-end; display: flex; }
.compare-result-popup-overlay .compare-result-popup-container { background: rgb(14, 33, 47); margin: 0px auto; max-width: 100%; min-height: 4.05rem; max-height: 100%; min-width: 100%; overflow: scroll; }
.compare-result-popup-overlay .compare-result-popup-container .standard-popup-modal-header { color: rgb(166, 137, 82); font-weight: 600; font-size: 0.34rem; padding: 0.6rem 0.7rem 0.5rem; }
.compare-result-popup-overlay .compare-result-popup-container .standard-popup-modal-header .standard-modal-close { color: rgb(136, 153, 164); font-size: 0.5rem; top: 0.25rem; right: 0.4rem; }
.compare-result-popup-overlay .compare-result-popup-container .standard-popup-modal-body { padding: 0px; }
.compare-result-popup-overlay .compare-result-popup-container .standard-popup-modal-body .icon-container { display: grid; column-gap: 0.18rem; grid-template-columns: 17.5% 17.5% 17.5% 17.5% 17.5%; padding: 0px 0.5rem 0.4rem; }
.compare-result-popup-overlay .compare-result-popup-container .standard-popup-modal-body .icon-container .vip-level { align-items: center; display: flex; flex-direction: column; font-size: 0.21rem; justify-content: center; margin: 0.1rem 0px 0px; padding: 0.12rem 0.1rem; }
.compare-result-popup-overlay .compare-result-popup-container .standard-popup-modal-body .icon-container .vip-level img { width: 100%; }
.compare-result-popup-overlay .compare-result-popup-container .standard-popup-modal-body .icon-container .vip-Bronze { color: rgb(194, 109, 45); }
.compare-result-popup-overlay .compare-result-popup-container .standard-popup-modal-body .icon-container .vip-Silver { color: rgb(183, 183, 183); }
.compare-result-popup-overlay .compare-result-popup-container .standard-popup-modal-body .icon-container .vip-Gold { color: rgb(205, 150, 50); }
.compare-result-popup-overlay .compare-result-popup-container .standard-popup-modal-body .icon-container .vip-Platinum { color: rgb(97, 162, 176); }
.compare-result-popup-overlay .compare-result-popup-container .standard-popup-modal-body .icon-container .vip-Diamond { color: rgb(145, 145, 145); }
.compare-result-popup-overlay .compare-result-popup-container .standard-popup-modal-body .icon-container .active { border-radius: 0.1rem; border: 0.02rem solid orange; }
.compare-result-popup-overlay .compare-result-popup-container .standard-popup-modal-footer { align-items: center; background: rgb(14, 33, 47); display: flex; justify-content: center; padding: 0.1rem 0.2rem 0.8rem; }
.compare-result-popup-overlay .compare-result-popup-container .standard-popup-modal-footer .compare-btn { background: rgb(166, 137, 82); border-radius: 0.5rem; color: rgb(11, 27, 39); cursor: pointer; font-size: 0.3rem; text-align: center; padding: 0.1rem; width: 50%; }
.mobile-download-container { background: rgb(243, 245, 246); }
.mobile-download-container p { margin: 0px; }
.mobile-download-container .tab-container { display: flex; padding: 0.4rem 0.8rem 0px; }
.mobile-download-container .tab-container .tab-title { display: flex; align-items: center; height: 0.5rem; font-size: 0.24rem; color: rgb(134, 151, 162); padding: 0px 0.25rem; }
.mobile-download-container .tab-container .tab-title.active { background: rgb(255, 131, 0); color: rgb(255, 255, 255); border-radius: 0.5rem; }
.mobile-download-container .tab-content { margin: 0.4rem 0.4rem 0px; }
.mobile-download-container .tab-content .app-landing-banner { width: 100%; }
.mobile-download-container .tab-content .app-landing-content { flex-direction: column; padding: 0px; text-align: center; align-items: center; margin: -0.5rem 0px 0px; }
.mobile-download-container .tab-content .app-landing-content .header-container { width: 100%; }
.mobile-download-container .tab-content .app-landing-content .header-container .header-1-title { font-weight: 600; font-size: 0.46rem; color: rgb(15, 22, 31); }
.mobile-download-container .tab-content .app-landing-content .header-container .header-2 { margin: 0.5rem 0.4rem 0px; font-size: 0.28rem; }
.mobile-download-container .tab-content .app-landing-content .app-download-container { margin: 0.65rem 0px 0px; }
.mobile-download-container .tab-content .app-landing-content .app-download-container .download-item:not(:last-child) { margin: 0px 0.56rem 0px 0px; }
.mobile-download-container .tab-content .app-landing-content .app-download-container .download-item .os-name { margin: 0px; width: 2.86rem; border-radius: 0.1rem; padding: 0.08rem; font-size: 0.28rem; background: rgb(255, 255, 255); }
.mobile-download-container .tab-content .app-landing-content .app-download-container .download-item .os-name svg { margin: 0px 0.21rem 0px 0px; }
.mobile-download-container .tab-content .app-landing-content .app-download-container .download-item .os-name svg.ios { width: 0.3rem; height: 0.41rem; }
.mobile-download-container .tab-content .app-landing-content .app-download-container .download-item .os-name svg.android { width: 0.34rem; height: 0.43rem; }
.mobile-download-container .tab-content .app-landing-content .app-download-container .download-item .instruction-btn { margin: 0.2rem 0px 0px; font-size: 0.3rem; }
.mobile-download-container .tab-content .app-landing-content .app-download-container .download-item .instruction-btn:hover, .mobile-download-container .tab-content .app-landing-content .app-download-container .download-item .instruction-btn:active { text-decoration-line: underline; }
.mobile-download-container .tab-content .app-install-title { margin: 1.3rem 0.55rem 0px; font-size: 0.32rem; color: rgb(15, 22, 31); font-weight: 600; }
.mobile-download-container .tab-content .app-install-container { margin: 0.5rem 0.55rem 0px; display: grid; grid-template-areas: "box1 box2" "box3 box4"; gap: 0.2rem; color: rgb(255, 255, 255); }
.mobile-download-container .tab-content .app-install-container .box1-0 { grid-area: box1; }
.mobile-download-container .tab-content .app-install-container .box1-1 { grid-area: box3; }
.mobile-download-container .tab-content .app-install-container .box2-0 { grid-area: box2; }
.mobile-download-container .tab-content .app-install-container .box2-1 { grid-area: box4; }
.mobile-download-container .tab-content .app-install-container .app-install-box { height: 4.6rem; border-radius: 0.15rem; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: cover; padding: 3rem 0.4rem 0px; }
.mobile-download-container .tab-content .app-install-container .app-install-box .app-install-title { color: rgb(255, 255, 255); font-size: 0.28rem; margin: 0px; }
.mobile-download-container .tab-content .app-install-container .app-install-box .app-install-desc { margin: 0.15rem 0px 0px; font-size: 0.21rem; }
.mobile-download-container .tab-content .app-install-container .app-install-box.box2-0 { padding: 2.5rem 0.4rem 0px; }
.mobile-download-container .tab-content .tab-pane { padding: 1.2rem 0px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.45rem 0.1rem; text-align: center; }
.mobile-download-container .tab-content .tab-pane .pane-box { background: rgb(255, 255, 255); display: flex; flex-flow: column; align-items: center; position: relative; height: 1.8rem; border-radius: 0.05rem; }
.mobile-download-container .tab-content .tab-pane .pane-box .provider-img { position: absolute; top: -0.8rem; height: 1.5rem; }
.mobile-download-container .tab-content .tab-pane .pane-box .card-inner { padding: 0.8rem 0.05rem 0px; }
.mobile-download-container .tab-content .tab-pane .pane-box .card-inner .provider-name { color: rgb(15, 22, 31); font-size: 0.2rem; }
.mobile-download-container .tab-content .tab-pane .pane-box .card-inner .provider-category { color: rgb(134, 151, 162); font-size: 0.18rem; }
.mobile-download-container .tab-content .tab-pane .pane-box .download-btn { width: 90%; height: 0.5rem; background: rgb(48, 114, 219); color: rgb(255, 255, 255); font-size: 0.2rem; border-radius: 0.3rem; text-transform: unset; position: absolute; bottom: -0.2rem; }
.d-ceremony-timer-container { display: flex; position: absolute; bottom: 0px; width: 100%; padding: 0.1rem 0px; background: rgba(3, 37, 127, 0.65); }
.d-ceremony-timer-container .content { width: 93%; margin: auto; }
.d-ceremony-timer-container .content .info-wrapper { display: flex; justify-content: space-between; align-items: center; }
.d-ceremony-timer-container .content .info-wrapper .title-desc { font-size: 0.24rem; color: rgb(255, 255, 255); }
.d-ceremony-timer-container .ceremory-btn-section .ceremory-btn { background: rgb(0, 186, 93); color: rgb(255, 255, 255); width: 2.05rem; height: 0.4rem; }
.m-ceremony-timer-container { display: flex; margin: 0px 0.21rem 0.3rem; }
.m-ceremony-timer-container .content { background: url("../../public/html/images/home_img/beta_ceremony_background_m.png") center center / cover no-repeat; border-radius: 0.1rem; width: 100%; display: grid; grid-template-columns: 65% 35%; align-items: center; justify-content: space-between; color: rgb(255, 255, 255); padding: 0.07rem 0.2rem; margin: 0px -0.01rem; min-height: 0.9rem; }
.m-ceremony-timer-container .content .info-wrapper { display: flex; width: 100%; justify-content: flex-end; padding-right: 0.1rem; margin-top: 0.15rem; }
.m-ceremony-timer-container .content .info-wrapper .title-img { display: flex; align-items: center; justify-content: space-between; font-weight: 600; font-size: 0.3rem; width: 36%; }
.m-ceremony-timer-container .content .info-wrapper .title-img svg { width: 1.75rem; }
.m-ceremony-timer-container .content .info-wrapper .title-img .start-in { padding: 0px 0px 0px 0.2rem; }
.m-ceremony-timer-container .content .info-wrapper .title-desc { font-weight: 600; font-size: 0.3rem; text-align: center; }
.m-ceremony-timer-container .content .info-wrapper .date-type-container { display: flex; align-items: center; justify-content: space-between; width: 45%; }
.m-ceremony-timer-container .content .info-wrapper .date-type-container .date-type { display: flex; justify-content: center; flex-flow: column; text-align: center; }
.m-ceremony-timer-container .content .info-wrapper .date-type-container .date-type .value { font-family: Inter, Prompt; font-weight: 800; font-size: 0.3rem; }
.m-ceremony-timer-container .content .info-wrapper .date-type-container .date-type .type { font-family: Inter, Prompt; font-weight: 400; font-size: 0.18rem; }
.m-ceremony-timer-container .content .info-wrapper .date-type-container .rhombus { clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); width: 0.2rem; height: 0.2rem; background: rgb(255, 0, 76); margin: 0px 0.25rem 0.2rem; }
.m-ceremony-timer-container .content .ceremory-btn-section .ceremory-btn { background: rgb(76, 192, 178); color: rgb(255, 255, 255); font-weight: 400; font-size: 0.24rem; border-radius: 0.5rem; height: auto; padding: 0.1rem 0.2rem; width: unset; min-width: unset; margin: 0px; line-height: 1.5; }
.navbar-container { background: rgba(255, 255, 255, 0.86); font-size: 0.12rem; display: flex; justify-content: space-between; align-items: center; padding: 0px 0.2rem; height: 0.7rem; z-index: 10; position: relative; backdrop-filter: blur(0.06rem); }
.navbar-container .left { display: flex; align-items: center; height: 100%; }
.navbar-container .left .guide-container .guide-icon { background: rgba(0, 0, 0, 0); }
.navbar-container .left .guide-container .guide-icon svg { width: 0.25rem; }
.navbar-container .left .guide-container .guide-dd { display: block; position: absolute; background: rgb(255, 255, 255); top: 0.7rem; box-shadow: rgba(0, 0, 0, 0.2) 0px 0.05rem 0.08rem -0.02rem; border-radius: 0.05rem; z-index: 10; max-height: 0px; transition: max-height 0.75s ease-in-out; overflow: hidden; }
.navbar-container .left .guide-container .guide-dd .guide-dd-menutab { display: flex; padding: 0.35rem 0.55rem 0.5rem; width: 6.53rem; justify-content: space-between; }
.navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left { flex-direction: column; align-items: flex-start; width: 50%; border-right: 0.01rem solid rgb(247, 247, 247); }
.navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .hl-menus .menu { align-items: center; display: flex; margin: 0px 0px 0.28rem; font-size: 0.18rem; color: rgb(15, 22, 31); cursor: pointer; }
.navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .hl-menus .menu svg { width: 0.38rem; margin: 0px 0.14rem 0.06rem 0px; }
.navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .hl-menus .menu .beta-new-icon { margin: 0px 0px 0px 0.16rem; width: 0.36rem; }
.navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .hl-menus .menu .beta-win-icon { margin: 0px 0px 0.08rem 0.2rem; width: 0.28rem; }
.navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .hl-menus .menu:hover { color: rgb(255, 138, 0); }
.navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .hl-menus .reward-menu { margin-top: -0.1rem; margin-bottom: 0px; }
.navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .hl-menus .reward-container { display: flex; }
.navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .hl-menus .reward-container svg { width: 0.2rem; margin-left: 0.1rem; margin-top: 0.03rem; fill: rgb(70, 130, 180); cursor: pointer; transform: rotate(0deg); }
.navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .hl-menus .reward-container svg.active { transform: rotate(360deg); transition: transform 500ms; }
.navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .hl-menus .reward-container .reward-expiry-point { display: block; font-size: 10px; margin: 0px 0px 0.28rem 0.5rem; width: 57%; line-height: 0.17rem; color: rgb(134, 151, 162); }
.navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .multipage-menus { margin: 0.3rem 0.6rem 0px 0px; }
.navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .multipage-menus ul { font-size: 0.13rem; clear: both; color: rgb(134, 151, 162); display: flex; flex-direction: column; }
.navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .multipage-menus ul li { list-style: inside disc; float: left; margin: 0px 0.15rem 0.1rem 0px; cursor: pointer; }
.navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .multipage-menus ul li:nth-child(5) { width: 100%; }
.navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .multipage-menus ul li::marker { font-size: 0.12rem; }
.navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .multipage-menus ul li:hover { color: rgb(255, 138, 0); }
.navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .login-button-container { margin-top: 0.47rem; justify-content: start; }
.navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .login-button-container button { width: 2.09rem; height: 0.4rem; border-radius: 0.1rem; background: rgb(255, 138, 0); color: rgb(255, 255, 255); font-size: 0.16rem; font-weight: 600; }
.navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .login-button-container button:hover { background: rgb(255, 114, 0); }
.navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .logout-button-container { margin-top: 0.47rem; justify-content: start; }
.navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .logout-button-container button { width: 2.09rem; height: 0.4rem; border-radius: 0.1rem; background: rgb(243, 245, 246); color: rgb(134, 151, 162); font-size: 0.16rem; font-weight: 600; }
.navbar-container .left .guide-container .guide-dd .guide-dd-menutab .right { width: 50%; }
.navbar-container .left .guide-container .guide-dd .guide-dd-menutab .right .common-menus { padding-left: 0.77rem; }
.navbar-container .left .guide-container .guide-dd .guide-dd-menutab .right .common-menus .menu { margin: 0px 0px 0.16rem; font-size: 0.14rem; color: rgb(15, 22, 31); display: flex; align-items: center; cursor: pointer; text-transform: capitalize; }
.navbar-container .left .guide-container .guide-dd .guide-dd-menutab .right .common-menus .menu svg { width: 0.32rem; height: 0.32rem; margin: 0px 0.12rem 0.06rem 0px; }
.navbar-container .left .guide-container .guide-dd .guide-dd-menutab .right .common-menus .menu .beta-new-icon { margin-left: 0.15rem; width: 0.35rem; }
.navbar-container .left .guide-container .guide-dd .guide-dd-menutab .right .common-menus .menu:hover { color: rgb(255, 138, 0); }
.navbar-container .left .guide-container .guide-dd.isOpen { max-height: 8.5rem; }
.navbar-container .left .header-logo { margin: 0px 0.24rem 0px 0.2rem; }
.navbar-container .left .header-logo a img { height: 0.4rem; }
.navbar-container .right { z-index: 10; height: 100%; }
.navbar-container .right .login-bar { height: 100%; }
.dark-theme-navbar-container { background: rgba(11, 27, 39, 0.9); font-size: 0.12rem; display: flex; justify-content: space-between; align-items: center; padding: 0px 0.2rem; height: 0.7rem; z-index: 10; position: relative; backdrop-filter: blur(0.06rem); }
.dark-theme-navbar-container .left { display: flex; align-items: center; height: 100%; }
.dark-theme-navbar-container .left .guide-container .guide-icon { background: rgba(0, 0, 0, 0); }
.dark-theme-navbar-container .left .guide-container .guide-icon svg { width: 0.25rem; }
.dark-theme-navbar-container .left .guide-container .guide-dd { display: block; position: absolute; z-index: 1; background: rgb(255, 255, 255); top: 0.7rem; box-shadow: rgba(0, 0, 0, 0.2) 0px 0.05rem 0.08rem -0.02rem; border-radius: 0.05rem; max-height: 0px; transition: max-height 0.75s ease-in-out; overflow: hidden; }
.dark-theme-navbar-container .left .guide-container .guide-dd .guide-dd-menutab { display: flex; padding: 0.35rem 0.55rem 0.5rem; width: 6.53rem; justify-content: space-between; }
.dark-theme-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left { flex-direction: column; align-items: flex-start; width: 50%; border-right: 0.01rem solid rgb(247, 247, 247); }
.dark-theme-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .hl-menus .menu { align-items: center; display: flex; margin: 0px 0px 0.28rem; font-size: 0.18rem; color: rgb(15, 22, 31); }
.dark-theme-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .hl-menus .menu svg { width: 0.38rem; margin: 0px 0.14rem 0.06rem 0px; }
.dark-theme-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .hl-menus .menu .beta-new-icon { margin: 0px 0px 0px 0.16rem; width: 0.36rem; }
.dark-theme-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .hl-menus .menu .beta-win-icon { margin: 0px 0px 0.08rem 0.2rem; width: 0.28rem; }
.dark-theme-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .hl-menus .menu:hover { color: rgb(255, 138, 0); }
.dark-theme-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .hl-menus .reward-menu { margin-top: -0.1rem; margin-bottom: 0px; }
.dark-theme-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .hl-menus .reward-container { display: flex; }
.dark-theme-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .hl-menus .reward-container svg { width: 0.2rem; margin-left: 0.1rem; margin-top: 0.03rem; fill: rgb(70, 130, 180); cursor: pointer; transform: rotate(0deg); }
.dark-theme-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .hl-menus .reward-container svg.active { transform: rotate(360deg); transition: transform 500ms; }
.dark-theme-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .hl-menus .reward-container .reward-expiry-point { display: block; font-size: 10px; margin: 0px 0px 0.28rem 0.5rem; width: 57%; line-height: 0.17rem; color: rgb(134, 151, 162); }
.dark-theme-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .multipage-menus { margin: 0.3rem 0.6rem 0px 0px; }
.dark-theme-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .multipage-menus ul { font-size: 0.13rem; clear: both; color: rgb(134, 151, 162); display: flex; flex-direction: column; }
.dark-theme-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .multipage-menus ul li { list-style: inside disc; float: left; margin: 0px 0.1rem 0.1rem 0px; cursor: pointer; }
.dark-theme-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .multipage-menus ul li:nth-child(5) { width: 100%; }
.dark-theme-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .multipage-menus ul li:hover { color: rgb(255, 138, 0); }
.dark-theme-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .login-button-container { margin-top: 0.47rem; justify-content: start; }
.dark-theme-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .login-button-container button { width: 2.09rem; height: 0.4rem; border-radius: 0.1rem; background: rgb(255, 138, 0); color: rgb(255, 255, 255); font-size: 0.16rem; }
.dark-theme-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .login-button-container button:hover { background: rgb(255, 114, 0); }
.dark-theme-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .logout-button-container { margin-top: 0.47rem; justify-content: start; }
.dark-theme-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .logout-button-container button { width: 2.09rem; height: 0.4rem; border-radius: 0.1rem; background: rgb(243, 245, 246); color: rgb(134, 151, 162); font-size: 0.16rem; font-weight: 600; }
.dark-theme-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .right { width: 50%; }
.dark-theme-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .right .common-menus { padding-left: 0.77rem; }
.dark-theme-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .right .common-menus .menu { margin: 0px 0px 0.16rem; font-size: 0.14rem; display: flex; align-items: center; }
.dark-theme-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .right .common-menus .menu svg { width: 0.32rem; height: 0.32rem; margin: 0px 0.12rem 0.06rem 0px; }
.dark-theme-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .right .common-menus .menu .beta-new-icon { margin-left: 0.15rem; width: 0.35rem; }
.dark-theme-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .right .common-menus .menu:hover { color: rgb(255, 138, 0); }
.dark-theme-navbar-container .left .guide-container .guide-dd.isOpen { max-height: 8.5rem; }
.dark-theme-navbar-container .left .header-logo { margin: 0px 0.24rem 0px 0.2rem; }
.dark-theme-navbar-container .left .header-logo a img { height: 0.4rem; }
.dark-theme-navbar-container .right { z-index: 10; height: 100%; }
.dark-theme-navbar-container .right .login-bar { height: 100%; }
.beforeLoginBar { position: relative; height: 100%; display: flex; align-items: center; }
.beforeLoginBar .top { position: absolute; top: 0.01rem; right: 0px; }
.beforeLoginBar .top .time-cantainer { color: rgb(15, 22, 31); font-size: 0.11rem; margin: 0.05rem 0px; text-align: right; }
.beforeLoginBar .top .time-cantainer > time { display: inline-block; min-width: 1.1rem; text-align: left; margin-right: -0.08rem; }
.beforeLoginBar .bottom { display: flex; justify-content: space-between; align-items: center; margin: 0.08rem 0px 0px; white-space: nowrap; }
.beforeLoginBar .bottom .btn-login { color: rgb(15, 22, 31); font-size: 0.16rem; background: rgba(0, 0, 0, 0); }
.beforeLoginBar .bottom .btn-join { background: rgb(255, 138, 0); color: rgb(255, 255, 255); border-radius: 0.05rem; font-size: 0.16rem; height: 0.35rem; padding: 0.05rem 0.15rem; margin: 0px 0.15rem; transition: 0.2s ease-in-out; animation: 1.5s ease 0s infinite normal none running move; }
.beforeLoginBar .bottom .btn-join:hover { background: rgb(255, 114, 0); }
@keyframes move { 0% { opacity: 0.9; } 10% { transform: translate3d(-0.01rem, 0px, 0px); } 70% { transform: scale(1); box-shadow: rgba(255, 138, 0, 0.376) 0px 0px 0px 0.15rem; } 80% { transform: translate3d(-0.01rem, 0px, 0px); } 100% { transform: scale(1); box-shadow: rgba(255, 136, 0, 0) 0px 0px 0px 0.22rem; opacity: 1; }
}
.dark-theme-navbar-container .beforeLoginBar .top .time-cantainer { color: rgb(136, 153, 164); }
.dark-theme-navbar-container .beforeLoginBar .bottom .btn-login { color: rgb(255, 255, 255); }
.dark-theme-navbar-container .beforeLoginBar .bottom .btn-join { background: rgb(255, 138, 0); color: rgb(255, 255, 255); font-size: 0.16rem; }
.dark-theme-navbar-container .beforeLoginBar .bottom .btn-join:hover { background: rgb(255, 114, 0); }
.afterLoginBar { position: relative; height: 100%; display: flex; align-items: center; }
.afterLoginBar .triangle { position: absolute; bottom: 100%; left: 50%; margin-left: -0.12rem; width: 0.24rem; height: 0.12rem; overflow: hidden; }
.afterLoginBar .triangle::after { content: ""; position: absolute; width: 0.12rem; height: 0.12rem; left: 50%; transform: translate(-50%, 50%) rotate(45deg); background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.3) 0px 0.01rem 0.06rem; }
.afterLoginBar .hover-overlay { position: absolute; width: 20%; height: 0.2rem; top: -0.2rem; left: 0px; margin: auto; }
.afterLoginBar .top { position: absolute; top: 0.01rem; right: 0px; }
.afterLoginBar .top .time-container { color: rgb(15, 22, 31); font-size: 0.11rem; margin: 0.05rem 0px; text-align: right; }
.afterLoginBar .top .time-container > time { display: inline-block; min-width: 1.1rem; text-align: left; margin-right: -0.08rem; }
.afterLoginBar .bottom { display: flex; align-items: center; margin: 0.08rem 0px 0px; }
.afterLoginBar .bottom svg { width: 0.3rem; height: 0.3rem; }
.afterLoginBar .bottom .nav-myacc { position: relative; margin: 0px 0.12rem 0px 0px; height: 100%; display: flex; align-items: center; }
.afterLoginBar .bottom .nav-myacc .account-icon { background: rgb(255, 138, 0); padding: 0.05rem; border-radius: 50%; width: 0.32rem; height: 0.32rem; fill: rgb(255, 255, 255); }
.afterLoginBar .bottom .nav-myacc .account-icon svg { width: 100%; height: 100%; }
.afterLoginBar .bottom .icon-msg { position: relative; margin: 0px 0.12rem 0px 0px; height: 100%; display: flex; align-items: center; }
.afterLoginBar .bottom .icon-msg .unread-message-icon { position: relative; margin-top: 0.05rem; }
.afterLoginBar .bottom .icon-msg .unread-message-icon svg { fill: rgb(0, 114, 226); }
.afterLoginBar .bottom .icon-msg .unread-message-icon .unread-message { background: red; border-radius: 50%; color: rgb(255, 255, 255); padding: 0.02rem 0.05rem; font-size: 0.1rem; position: absolute; right: -0.05rem; top: -0.03rem; }
.afterLoginBar .bottom .icon-msg .floating-message-menu-wrapper { position: relative; }
.afterLoginBar .bottom .icon-msg .floating-message-menu-wrapper .floating-message-menu { width: 2.075rem; padding: 0.18rem; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.3) 0px 0.02rem 0.08rem; border-radius: 0.1rem; position: absolute; left: -1.1885rem; top: 0.3rem; }
.afterLoginBar .bottom .icon-msg .floating-message-menu-wrapper .floating-message-menu .menu { text-align: left; padding: 0.08rem 0.2rem; border-radius: 0.2rem; cursor: pointer; color: rgb(134, 151, 162); font-size: 0.12rem; display: grid; grid-template-columns: auto 15%; }
.afterLoginBar .bottom .icon-msg .floating-message-menu-wrapper .floating-message-menu .menu p { margin-bottom: 0px; }
.afterLoginBar .bottom .icon-msg .floating-message-menu-wrapper .floating-message-menu .menu p:last-child { text-align: center; }
.afterLoginBar .bottom .icon-msg .floating-message-menu-wrapper .floating-message-menu .menu:hover { background: rgb(255, 138, 0); color: rgb(255, 255, 255); }
.afterLoginBar .bottom .acc-wallet { position: relative; margin: 0.1rem 0.12rem 0.1rem 0px; display: flex; align-items: center; height: 100%; }
.afterLoginBar .bottom .acc-wallet .acc-walle-container { display: flex; align-items: center; }
.afterLoginBar .bottom .acc-wallet .acc-walle-container .wallet-balance { margin: 0px 0.08rem 0px 0.12rem; }
.afterLoginBar .bottom .acc-wallet .acc-walle-container .wallet-balance p { margin-bottom: 0px; font-size: 0.18rem; white-space: nowrap; color: rgb(134, 151, 162); }
.afterLoginBar .bottom .acc-wallet .acc-walle-container .wallet-balance p span { font-size: 0.18rem; color: rgb(15, 22, 31); }
.afterLoginBar .bottom .acc-wallet .acc-walle-container .wallet-balance .navbar-mainwallet { color: rgb(134, 151, 162); }
.afterLoginBar .bottom .acc-wallet .acc-walle-container .wallet-balance .mainwallet-details { display: flex; align-items: center; }
.afterLoginBar .bottom .acc-wallet .acc-walle-container .wallet-balance .mainwallet-details p, .afterLoginBar .bottom .acc-wallet .acc-walle-container .wallet-balance .mainwallet-details span { color: rgb(0, 113, 227); }
.afterLoginBar .bottom .acc-wallet .acc-walle-container .wallet-balance .mainwallet-details svg { fill: url("#beta-refresh-gradient"); width: 0.15rem; margin: 0px 0.1rem; height: 0.2rem; }
.afterLoginBar .bottom .acc-wallet .acc-walle-container .wallet-balance .mainwallet-details svg.active { transition: transform 500ms cubic-bezier(0.85, -0.48, 0.26, 0.67); transform: translateZ(0px) rotateZ(-540360deg); }
.afterLoginBar .bottom .acc-wallet .floating-wallet { width: 3rem; background: rgb(247, 247, 247); box-shadow: rgba(0, 0, 0, 0.3) 0px 0.02rem 0.08rem; border-radius: 0.1rem; position: absolute; left: -1rem; padding: 0.25rem 0.2rem; top: 0.4rem; }
.afterLoginBar .bottom .acc-wallet .floating-wallet .header { border-radius: 0.05rem; margin-bottom: 0.05rem; color: rgb(255, 255, 255); }
.afterLoginBar .bottom .acc-wallet .floating-wallet .header .main-wallet-header span { color: rgb(255, 255, 255); }
.afterLoginBar .bottom .acc-wallet .floating-wallet .header .provider-category { background: rgb(0, 113, 227) !important; }
.afterLoginBar .bottom .acc-wallet .floating-wallet .header .provider-category svg { width: 0.25rem; height: 0.25rem; }
.afterLoginBar .bottom .acc-wallet .floating-wallet .provider-category-container { margin-bottom: 0.03rem; }
.afterLoginBar .bottom .acc-wallet .floating-wallet .provider-category-container .provider-category { display: flex; align-items: center; padding: 0.06rem 0.15rem; border-radius: 0.05rem; background: rgb(255, 255, 255); justify-content: space-between; cursor: pointer; }
.afterLoginBar .bottom .acc-wallet .floating-wallet .provider-category-container .provider-category .provider-category-balance { font-size: 0.12rem; color: rgb(134, 151, 162); }
.afterLoginBar .bottom .acc-wallet .floating-wallet .provider-category-container .provider-category .provider-category-balance span:last-child { font-size: 0.12rem; text-transform: capitalize; }
.afterLoginBar .bottom .acc-wallet .floating-wallet .provider-category-container .provider-category .provider-balance-container { display: flex; align-items: center; color: rgb(0, 113, 227); }
.afterLoginBar .bottom .acc-wallet .floating-wallet .provider-category-container .provider-category .provider-mainWallet-balance { font-size: 0.12rem; display: flex; align-items: center; }
.afterLoginBar .bottom .acc-wallet .floating-wallet .provider-category-container .provider-category .provider-mainWallet-balance svg { width: 0.26rem; height: 0.26rem; margin: 0px -0.04rem 0px 0.1rem; background: rgba(0, 0, 0, 0); border-radius: 0px; }
.afterLoginBar .bottom .acc-wallet .floating-wallet .provider-category-container .provider-category svg { width: 0.2rem; height: 0.2rem; fill: rgb(255, 255, 255); background: linear-gradient(rgb(4, 169, 194), rgb(9, 94, 189)); padding: 0.04rem; border-radius: 0.2rem; margin: 0px 0px 0px 0.12rem; }
.afterLoginBar .bottom .acc-wallet .floating-wallet .provider-category-container .category-providers { background: rgb(225, 229, 232); border-radius: 0px 0px 0.05rem 0.05rem; padding: 0px 0.15rem; }
.afterLoginBar .bottom .acc-wallet .floating-wallet .provider-category-container .category-providers .provider-balance { font-size: 0.12rem; text-align: left; padding: 0.12rem 0.31rem 0.12rem 0px; border-bottom: 0.01rem solid rgb(255, 255, 255); display: flex; justify-content: space-between; }
.afterLoginBar .bottom .acc-wallet .floating-wallet .provider-category-container .category-providers .provider-balance:first-child { }
.afterLoginBar .bottom .acc-wallet .floating-wallet .provider-category-container .category-providers .provider-balance:last-child { border-bottom: 0px; }
.afterLoginBar .bottom .funds-btn-container { position: relative; margin: 0px 0.15rem 0px 0px; height: 100%; display: flex; align-items: center; white-space: nowrap; }
.afterLoginBar .bottom .funds-btn-container button { padding: 0.08rem 0.15rem; background: rgb(0, 114, 226); color: rgb(255, 255, 255); border-radius: 0.05rem; font-size: 0.16rem; height: 0.375rem; display: flex; align-items: center; }
.afterLoginBar .bottom .funds-btn-container button:hover { background: rgb(0, 81, 214); }
.afterLoginBar .bottom .funds-btn-container .floating-fund-menu { width: 2.45rem; padding: 0.18rem; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 0.05rem 0.08rem -0.02rem; border-radius: 0.1rem; position: absolute; left: -0.85rem; top: 0.47rem; font-size: 0.14rem; }
.afterLoginBar .bottom .funds-btn-container .floating-fund-menu .item { text-align: left; padding: 0.05rem 0px 0.05rem 0.2rem; border-radius: 0.2rem; cursor: pointer; color: rgb(15, 22, 31); margin-bottom: 0.1rem; display: flex; align-items: center; background: rgb(247, 247, 247); }
.afterLoginBar .bottom .funds-btn-container .floating-fund-menu .item:last-child { margin-bottom: 0px; }
.afterLoginBar .bottom .funds-btn-container .floating-fund-menu .item:hover { background: rgb(255, 138, 0); color: rgb(255, 255, 255); }
.afterLoginBar .bottom .funds-btn-container .floating-fund-menu .item:hover svg [class*="st"] { fill: rgb(255, 255, 255); }
.afterLoginBar .bottom .funds-btn-container .floating-fund-menu .item svg { margin: 0px 0.18rem 0px 0px; width: 0.25rem; height: 0.25rem; }
.afterLoginBar .bottom .funds-btn-container .floating-fund-menu .active { background: rgb(255, 138, 0); color: rgb(255, 255, 255); }
.afterLoginBar .bottom .funds-btn-container .floating-fund-menu .active svg [class*="st"] { fill: rgb(255, 255, 255); }
.dark-theme-navbar-container .afterLoginBar .triangle::after { background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.3) 0px 0.01rem 0.06rem; }
.dark-theme-navbar-container .afterLoginBar .top .time-container { color: rgb(136, 153, 164); }
.dark-theme-navbar-container .afterLoginBar .bottom .nav-myacc .account-icon { background: rgb(255, 138, 0); }
.dark-theme-navbar-container .afterLoginBar .bottom .nav-myacc .floating-acc { background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 0.05rem 0.08rem -0.02rem; }
.dark-theme-navbar-container .afterLoginBar .bottom .nav-myacc .floating-acc .item { color: rgb(15, 22, 31); }
.dark-theme-navbar-container .afterLoginBar .bottom .nav-myacc .floating-acc .item:hover { background: rgb(255, 138, 0); color: rgb(255, 255, 255); }
.dark-theme-navbar-container .afterLoginBar .bottom .nav-myacc .floating-acc .active { background: rgb(255, 138, 0); color: rgb(255, 255, 255); }
.dark-theme-navbar-container .afterLoginBar .bottom .icon-msg .unread-message-icon svg { fill: rgb(0, 114, 226); }
.dark-theme-navbar-container .afterLoginBar .bottom .icon-msg .unread-message-icon .unread-message { background: red; color: rgb(255, 255, 255); font-size: 0.1rem; }
.dark-theme-navbar-container .afterLoginBar .bottom .icon-msg .floating-message-menu-wrapper { position: relative; }
.dark-theme-navbar-container .afterLoginBar .bottom .icon-msg .floating-message-menu-wrapper .floating-message-menu { background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 0.05rem 0.08rem -0.02rem; }
.dark-theme-navbar-container .afterLoginBar .bottom .icon-msg .floating-message-menu-wrapper .floating-message-menu .menu { color: rgb(15, 22, 31); font-size: 0.12rem; }
.dark-theme-navbar-container .afterLoginBar .bottom .icon-msg .floating-message-menu-wrapper .floating-message-menu .menu:hover { background: rgb(255, 138, 0); color: rgb(255, 255, 255); }
.dark-theme-navbar-container .afterLoginBar .bottom .acc-wallet { border-left: 0.01rem solid rgb(134, 151, 162); }
.dark-theme-navbar-container .afterLoginBar .bottom .acc-wallet .acc-walle-container .wallet-balance p { font-size: 0.14rem; color: rgb(134, 151, 162); }
.dark-theme-navbar-container .afterLoginBar .bottom .acc-wallet .acc-walle-container .wallet-balance p span { font-size: 0.14rem; color: rgb(255, 255, 255); }
.dark-theme-navbar-container .afterLoginBar .bottom .acc-wallet .acc-walle-container .wallet-balance .icon-add { background: rgba(0, 0, 0, 0); }
.dark-theme-navbar-container .afterLoginBar .bottom .acc-wallet .acc-walle-container .wallet-balance .icon-add svg { fill: rgb(255, 255, 255); background: rgb(0, 114, 226); }
.dark-theme-navbar-container .afterLoginBar .bottom .acc-wallet .acc-walle-container .floating-wallet { background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 0.05rem 0.08rem -0.02rem; }
.dark-theme-navbar-container .afterLoginBar .bottom .acc-wallet .acc-walle-container .floating-wallet .header { color: rgb(255, 255, 255); }
.dark-theme-navbar-container .afterLoginBar .bottom .acc-wallet .acc-walle-container .floating-wallet .header .main-wallet-header span { color: rgb(255, 255, 255); }
.dark-theme-navbar-container .afterLoginBar .bottom .acc-wallet .acc-walle-container .floating-wallet .header .provider-category { background: rgb(0, 113, 227) !important; }
.dark-theme-navbar-container .afterLoginBar .bottom .acc-wallet .acc-walle-container .floating-wallet .provider-category-container .provider-category { background: rgb(255, 255, 255); }
.dark-theme-navbar-container .afterLoginBar .bottom .acc-wallet .acc-walle-container .floating-wallet .provider-category-container .provider-category .provider-category-balance { font-size: 0.12rem; color: rgb(134, 151, 162); }
.dark-theme-navbar-container .afterLoginBar .bottom .acc-wallet .acc-walle-container .floating-wallet .provider-category-container .provider-category .provider-balance-container { color: rgb(0, 113, 227); }
.dark-theme-navbar-container .afterLoginBar .bottom .acc-wallet .acc-walle-container .floating-wallet .provider-category-container .provider-category svg { fill: rgb(255, 255, 255); background: rgb(0, 114, 226); }
.dark-theme-navbar-container .afterLoginBar .bottom .acc-wallet .acc-walle-container .floating-wallet .provider-category-container .category-providers { background: rgb(225, 229, 232); }
.dark-theme-navbar-container .afterLoginBar .bottom .acc-wallet .acc-walle-container .floating-wallet .provider-category-container .category-providers .provider-balance { font-size: 0.12rem; border-bottom: 0.01rem solid rgb(255, 255, 255); }
.dark-theme-navbar-container .afterLoginBar .bottom .acc-wallet .funds-btn-container button { background: rgb(0, 114, 226); color: rgb(255, 255, 255); font-size: 0.12rem; }
.dark-theme-navbar-container .afterLoginBar .bottom .acc-wallet .funds-btn-container button:hover { background: rgb(0, 81, 214); }
.dark-theme-navbar-container .afterLoginBar .bottom .acc-wallet .funds-btn-container .floating-fund-menu { background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 0.05rem 0.08rem -0.02rem; }
.dark-theme-navbar-container .afterLoginBar .bottom .acc-wallet .funds-btn-container .floating-fund-menu .item { color: rgb(15, 22, 31); background: rgb(247, 247, 247); }
.dark-theme-navbar-container .afterLoginBar .bottom .acc-wallet .funds-btn-container .floating-fund-menu .item:hover { background: rgb(255, 138, 0); color: rgb(255, 255, 255); }
.dark-theme-navbar-container .afterLoginBar .bottom .acc-wallet .funds-btn-container .floating-fund-menu .item:hover svg [class*="st"] { fill: rgb(255, 255, 255); }
.dark-theme-navbar-container .afterLoginBar .bottom .acc-wallet .funds-btn-container .floating-fund-menu .active { background: rgb(255, 138, 0); color: rgb(255, 255, 255); }
.dark-theme-navbar-container .afterLoginBar .bottom .acc-wallet .funds-btn-container .floating-fund-menu .active svg [class*="st"] { fill: rgb(255, 255, 255); }
.mobile-navbar-header { position: fixed; top: 0px; z-index: 999; width: 100%; color: rgb(15, 22, 31); background: rgb(255, 255, 255); }
.mobile-navbar-header .float-header-download { background: rgb(255, 255, 255); border-bottom: 0.01rem solid rgb(243, 245, 246); padding: 0.2rem; display: flex; width: 100%; }
.mobile-navbar-header .float-header-download .float-close-button { position: absolute; right: 0.2rem; top: -0.1rem; font-size: 0.65rem; color: rgb(15, 22, 31); }
.mobile-navbar-header .float-header-download .float-device-icon { width: 15vw; justify-content: center; align-items: center; }
.mobile-navbar-header .float-header-download .float-device-icon img { width: 100%; padding: 0px 0.2rem 0px 0px; }
.mobile-navbar-header .float-header-download .float-desc-container { width: 50vw; align-items: flex-start; margin: auto; }
.mobile-navbar-header .float-header-download .float-download-container { width: 35vw; margin: auto; }
.mobile-navbar-header .float-header-download .float-download-container button { border-radius: 0.1rem; padding: 0.1rem 0.16rem; margin: auto; }
.mobile-navbar-header p { margin: 0px; }
.mobile-navbar-header .mobile-nav { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 0.9rem; padding: 0px 0.21rem; background: rgb(255, 255, 255); border-bottom: 0.03rem solid rgb(243, 245, 246); }
.mobile-navbar-header .mobile-nav.header-grey { background: rgb(243, 245, 246); }
.mobile-navbar-header .mobile-nav.withLogo { display: grid; grid-template-columns: 20% 60% 20%; }
.mobile-navbar-header .mobile-nav .col-left { display: flex; align-items: center; }
.mobile-navbar-header .mobile-nav .col-left .menu-icon { width: 0.45rem; cursor: pointer; }
.mobile-navbar-header .mobile-nav .col-left .menu-icon.beta-back { width: 0.37rem; }
.mobile-navbar-header .mobile-nav .col-left .page-title { margin: 0px 0px 0px 0.22rem; font-size: 0.3rem; color: rgb(15, 22, 31); -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; max-width: 4rem; }
.mobile-navbar-header .mobile-nav .col-left .provider-icon { height: 0.5rem; max-width: 3.2rem; width: 3.2rem; }
.mobile-navbar-header .mobile-nav .col-left .image-icon img { margin: 0px 0.1rem; width: 2rem; }
.mobile-navbar-header .mobile-nav .col-center { display: flex; align-items: center; justify-content: center; }
.mobile-navbar-header .mobile-nav .col-center .merchant-logo { height: 0.66rem; object-fit: contain; cursor: pointer; }
.mobile-navbar-header .mobile-nav .col-right { display: flex; align-items: center; justify-content: flex-end; position: relative; margin: 0px 0px 0px 0.2rem; }
.mobile-navbar-header .mobile-nav .col-right .beta-app-download { height: 0.66rem; width: auto; position: relative; margin-top: 0.15rem; object-fit: contain; }
.mobile-navbar-header .mobile-nav .col-right .standard-select { display: flex; align-items: center; justify-content: space-between; background: rgb(255, 255, 255); border-radius: 0.5rem; padding: 0.16rem 1.05rem 0.13rem 0.4rem; font-size: 0.3rem; color: rgb(15, 22, 31); cursor: pointer; min-width: 3.4rem; }
.mobile-navbar-header .mobile-nav .col-right .standard-select .standard-select-arrow { position: absolute; right: 0.32rem; top: 0.19rem; border-width: 0px 0.05rem 0.05rem 0px; border-color: rgb(175, 179, 182); border-style: solid; display: inline-block; width: 0.2rem; height: 0.2rem; transform: rotate(45deg); color: rgb(134, 151, 162); }
.mobile-navbar-header .mobile-nav .col-right .standard-select .standard-select-arrow.active { transform: translate(0%, 50%) rotate(225deg); }
.mobile-navbar-header .mobile-nav .col-right .standard-select .nav-title { -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; }
.mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown { position: absolute; left: -2.5rem; right: 0px; top: 0.8rem; border: 0.01rem solid rgb(214, 214, 214); background: rgb(255, 255, 255); z-index: 2; width: auto; overflow-y: scroll; padding: 0.36rem 0px; border-radius: 0.1rem; max-height: 65vh; font-size: 0.3rem; }
.mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .hover_line { background: rgb(219, 224, 228); height: 0.01rem; margin: 0.23rem auto; width: 90%; }
.mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .title { align-items: center; display: flex; height: 0.62rem; margin: 0px 0.25rem 0.23rem; padding: 0px 0.4rem; }
.mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options { position: relative; display: flex; align-items: center; padding: 0px 0.4rem; height: 0.62rem; color: rgb(136, 153, 164); white-space: nowrap; border-radius: 0.5rem; margin: 0px 0.25rem; }
.mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options:hover, .mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options.active { background: rgb(255, 138, 0); color: rgb(255, 255, 255); }
.mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options:hover svg, .mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options.active svg { filter: grayscale(0%); }
.mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options:hover svg.SL-PP, .mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options.active svg.SL-PP { filter: grayscale(1); }
.mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options:hover svg.C-PPL, .mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options.active svg.C-PPL { filter: grayscale(1); }
.mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options.maintenance { margin: 0px; padding: 0px 0.65rem; background: rgb(243, 245, 246); color: rgba(136, 153, 164, 0.5); border-radius: unset; }
.mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options.include-svg { display: grid; grid-template-columns: 2fr 8fr; gap: 0px 0.58rem; }
.mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options:not(:last-child) { margin: 0px 0.25rem 0.23rem; }
.mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options:not(:last-child).maintenance { margin: 0px 0px 0.23rem; padding: 0px 0.65rem; }
.mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options span { width: 100%; }
.mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options .beta-maintenance-bg-icon { position: absolute; top: 0px; right: 0px; width: 0.6rem; height: 0.52rem; }
.mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options svg { width: 100%; height: 0.45rem; filter: grayscale(1) opacity(0.4); }
.mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options svg.SL-PP, .mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options svg.SL-HB, .mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options svg.C-PPL { height: 0.55rem; }
.mobile-navbar-header .mobile-nav .col-right .menu-categories-container .menu-overlay { position: fixed; top: 0px; right: 0px; width: 100%; height: 100%; background: rgba(0, 45, 90, 0.4); z-index: 1; transition: 0.3s cubic-bezier(0.5, 0.03, 0.41, 1); }
.mobile-navbar-header .mobile-nav .sb-overlay { position: fixed; top: 0px; right: 0px; width: 100%; height: 100%; background: rgba(0, 45, 90, 0.4); z-index: 1; }
.mobile-navbar-header .mobile-nav .sb-content { position: fixed; top: 0px; left: -6.35rem; width: 6.35rem; height: 100%; background: rgb(255, 255, 255); z-index: 2; overflow-y: scroll; padding: 0.85rem 0px 1.98rem; transition: 0.3s cubic-bezier(0.5, 0.03, 0.41, 1); }
.mobile-navbar-header .mobile-nav .sb-content.isOpen { left: 0px; }
.mobile-navbar-header .mobile-nav .sb-content .content-container { padding: 0px 0.55rem; }
.mobile-navbar-header .mobile-nav .sb-content .content-container.content-2, .mobile-navbar-header .mobile-nav .sb-content .content-container.content-language { padding: 0px 0.52rem 0px 0.49rem; }
.mobile-navbar-header .mobile-nav .sb-content .content-container.content-2 .common-menu, .mobile-navbar-header .mobile-nav .sb-content .content-container.content-language .common-menu { margin: 0.64rem 0px 0px; padding: 0px; border-top: unset; }
.mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu { padding: 0px 0.04rem 1.25rem 0.19rem; text-transform: capitalize; }
.mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu.margin-top { margin: 0.68rem 0px 0px; }
.mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu .menu:not(:last-child) { margin: 0px 0px 0.5rem; }
.mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu .menu .icon-sb { width: 0.8rem; }
.mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu .menu .sb-name { margin: 0.16rem 0px 0px 0.3rem; font-size: 0.26rem; }
.mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu .menu.reward-menu { margin: 0px; }
.mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu .reward-container { display: flex; font-size: 0.18rem; align-items: center; line-height: 0.22rem; padding-left: 1.1rem; margin-bottom: 0.5rem; }
.mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu .reward-container .reward-expiry-point { width: 2.5rem; margin-right: 0.56rem; color: rgb(134, 151, 162); font-size: 10px; }
.mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu .reward-container svg { width: 0.3rem; fill: rgb(70, 130, 180); cursor: pointer; transform: rotate(0deg); }
.mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu .reward-container svg.active { transform: rotate(360deg); transition: transform 500ms; }
.mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu { display: grid; grid-template-columns: 25% 40% 25%; column-gap: 5%; padding: 1.19rem 0.14rem 0px 0px; border-top: 0.02rem solid rgb(237, 237, 237); }
.mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu { position: relative; flex-direction: column; justify-content: flex-start; width: 1.25rem; min-height: 0.86rem; cursor: pointer; }
.mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu:not(:last-child) { margin: 0px 0px 0.66rem; }
.mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu.middle { margin: 0px 0.5rem 0.66rem; }
.mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu .icon-sb { width: 0.58rem; height: 0.58rem; }
.mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu .icon-sb svg { overflow: visible; }
.mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu .icon-sb .beta-region { border-radius: 50%; overflow: hidden; border: 0.01rem solid rgb(204, 204, 204); }
.mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu .sb-name { margin: 0.25rem 0px 0px; text-align: center; text-transform: capitalize; word-break: keep-all; }
.mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu .icon-star-container { top: -0.02rem; left: 0.125rem; }
.mobile-navbar-header .mobile-nav .sb-content .content-container .menu { display: flex; align-items: center; justify-content: space-between; }
.mobile-navbar-header .mobile-nav .sb-content .content-container .menu .left, .mobile-navbar-header .mobile-nav .sb-content .content-container .menu .right { display: flex; align-items: center; justify-content: space-between; }
.mobile-navbar-header .mobile-nav .sb-content .content-container .menu .icon-sb { display: flex; align-items: flex-end; justify-content: center; }
.mobile-navbar-header .mobile-nav .sb-content .content-container .menu .icon-sb .Language { width: 0.48rem; }
.mobile-navbar-header .mobile-nav .sb-content .content-container .menu .icon-sb .More { width: 0.48rem; }
.mobile-navbar-header .mobile-nav .sb-content .content-container .menu .icon-sb .Back { width: 0.45rem; }
.mobile-navbar-header .mobile-nav .sb-content .content-container .menu .sb-name { font-size: 0.24rem; }
.mobile-navbar-header .mobile-nav .sb-content .content-container .menu .icon-status { width: 0.55rem; }
.mobile-navbar-header .mobile-nav .sb-content .content-container .menu .icon-arrow { display: flex; align-items: center; justify-content: center; background: rgb(219, 233, 240); border-radius: 50%; width: 0.4rem; height: 0.4rem; margin: 0px 0px 0px 0.35rem; overflow: visible; fill: rgb(109, 160, 221); }
.mobile-navbar-header .mobile-nav .sb-content .content-container .menu .icon-arrow svg { width: 0.1rem; transform: rotate(180deg); }
.mobile-navbar-header .mobile-nav .sb-content .content-container .sb-header { display: flex; align-items: center; justify-content: space-between; }
.mobile-navbar-header .mobile-nav .sb-content .content-container .sb-header .left { display: flex; align-items: center; justify-content: center; }
.mobile-navbar-header .mobile-nav .sb-content .content-container .sb-header .beta-region { width: 0.5rem; height: 0.5rem; margin: 0px 0.26rem 0px 0px; }
.mobile-navbar-header .mobile-nav .sb-content .content-container .sb-header .title { font-weight: 600; font-size: 0.34rem; }
.mobile-navbar-header .mobile-nav .sb-content .content-container .sb-header .beta-close-btn { width: 0.22rem; height: 0.22rem; cursor: pointer; }
.mobile-navbar-header .mobile-nav .sb-content .content-container .banner { margin: 0.65rem 0px 0px; width: 100%; border-radius: 0.1rem; }
.mobile-navbar-header .mobile-nav .sb-content .content-container .country-flag-warpper { margin: 0.45rem 0px 0px; padding: 0.55rem 0px 0px; border-top: 0.02rem solid rgb(237, 237, 237); }
.mobile-navbar-header .mobile-nav .sb-content .content-container .country-flag-warpper .country-flag-container { display: flex; margin-bottom: 0.5rem; }
.mobile-navbar-header .mobile-nav .sb-content .content-container .country-flag-warpper .country-flag-container svg { width: 0.55rem; height: 0.55rem; border-radius: 50%; border: 0.01rem solid rgb(204, 204, 204); }
.mobile-navbar-header .mobile-nav .sb-content .content-container .country-flag-warpper .country-flag-container .country-info { margin: 0px 0px 0px 0.35rem; }
.mobile-navbar-header .mobile-nav .sb-content .content-container .country-flag-warpper .country-flag-container .country-info .country-name { font-size: 0.24rem; margin: 0px 0px 0.17rem; }
.mobile-navbar-header .mobile-nav .sb-content .content-container .country-flag-warpper .country-flag-container .country-info .country-languages { display: flex; }
.mobile-navbar-header .mobile-nav .sb-content .content-container .country-flag-warpper .country-flag-container .country-info .country-languages .language-select { color: rgb(134, 151, 162); font-size: 0.24rem; cursor: pointer; padding: 0px 0.25rem; border-right: 0.02rem solid rgb(237, 237, 237); }
.mobile-navbar-header .mobile-nav .sb-content .content-container .country-flag-warpper .country-flag-container .country-info .country-languages .language-select:hover { text-decoration: underline; }
.mobile-navbar-header .mobile-nav .sb-content .content-container .country-flag-warpper .country-flag-container .country-info .country-languages .language-select:first-child { padding-left: 0px; }
.mobile-navbar-header .mobile-nav .sb-content .content-container .country-flag-warpper .country-flag-container .country-info .country-languages:last-child { margin-top: 0.16rem; }
.mobile-navbar-header .mobile-nav .sb-content .content-container .country-flag-warpper .country-flag-container .country-info .country-languages:last-child .language-select:last-child { padding: 0px 0px 0px 0.12rem; border: none; }
.mobile-navbar-header .mobile-nav .sb-content .content-container .country-flag-warpper .country-flag-container .country-info .country-languages .active { color: rgb(0, 102, 204); text-decoration: underline; }
.mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info { display: flex; align-items: center; justify-content: space-between; padding: 0px 0.03rem 0px 0.18rem; }
.mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .acc-info { display: flex; align-items: center; }
.mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .acc-info .beta-bitcoin { width: 1.06rem; height: 1.06rem; }
.mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .acc-info .info-content { margin: 0px 0px 0px 0.25rem; }
.mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .acc-info .info-content .welcome-title { font-size: 0.24rem; }
.mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .acc-info .info-content .acc-name { color: rgb(0, 90, 204); font-size: 0.32rem; margin: 0.05rem 0px 0px; }
.mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .sb-leaderboard { position: relative; display: flex; align-items: center; justify-content: flex-end; width: 1.42rem; height: 0.46rem; padding: 0px 0.23rem 0px 0px; background: rgb(6, 145, 192); color: rgb(255, 255, 255); font-size: 0.24rem; border-radius: 0.5rem; cursor: pointer; }
.mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .sb-leaderboard .beta-leaderboard { position: absolute; left: 0px; width: 0.52rem; height: 0.52rem; padding: 0.1rem; background: rgb(253, 184, 19); border-radius: 50%; }
.mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .sb-leaderboard .beta-leaderboard .st0 { fill: rgb(6, 145, 192); }
.mobile-navbar-header .mobile-nav .sb-content .content-container .deposit-progress { margin: 0.55rem 0px 0px; padding: 0.33rem 0.33rem 0.4rem; background: rgb(243, 245, 246); border-radius: 0.05rem; }
.mobile-navbar-header .mobile-nav .sb-content .content-container .deposit-progress .deposit-progress-group { display: flex; align-items: center; font-size: 0.28rem; padding: 0px 0px 0px 0.05rem; }
.mobile-navbar-header .mobile-nav .sb-content .content-container .deposit-progress .deposit-progress-group img { width: 0.65rem; height: auto; }
.mobile-navbar-header .mobile-nav .sb-content .content-container .deposit-progress .deposit-progress-group p { margin: 0px 0px 0px 0.19rem; }
.mobile-navbar-header .mobile-nav .sb-content .content-container .deposit-progress .progress-bar { display: flex; width: 3.8rem; height: 0.11rem; background: rgb(255, 255, 255); border-radius: 0.05rem; margin: 0.13rem 0px 0px; }
.mobile-navbar-header .mobile-nav .sb-content .content-container .deposit-progress .progress-bar span { height: 100%; background: rgb(255, 138, 0); }
.mobile-navbar-header .mobile-nav .sb-content .content-container .deposit-progress .progress-status { margin: 0.22rem 0px 0px 0.08rem; font-size: 0.24rem; }
.mobile-navbar-header .mobile-nav .sb-content .standard-button-container { margin: 1.24rem 0px 0px; padding: 0px 0.52rem 0px 0.48rem; }
.mobile-navbar-header .mobile-nav .sb-content .standard-button-container button { font-weight: 600; width: 100%; height: 0.86rem; background: rgb(243, 245, 246); color: rgb(134, 151, 162); border-radius: 0.1rem; font-size: 0.34rem; }
.mobile-navbar-header .mobile-nav .sb-content .standard-button-container .btn-login { background: rgb(255, 138, 0); color: rgb(255, 255, 255); }
.dark-theme-mobile-navbar-header { position: fixed; top: 0px; z-index: 999; width: 100%; color: rgb(15, 22, 31); background: rgba(11, 27, 39, 0.9); }
.dark-theme-mobile-navbar-header .float-header-download { background: rgb(255, 255, 255); border-bottom: 0.01rem solid rgb(243, 245, 246); padding: 0.2rem; display: flex; width: 100%; }
.dark-theme-mobile-navbar-header .float-header-download .float-close-button { position: absolute; right: 0.2rem; top: -0.1rem; font-size: 0.65rem; color: rgb(15, 22, 31); }
.dark-theme-mobile-navbar-header .float-header-download .float-device-icon { width: 15vw; justify-content: center; align-items: center; }
.dark-theme-mobile-navbar-header .float-header-download .float-device-icon img { width: 100%; padding: 0px 0.2rem 0px 0px; }
.dark-theme-mobile-navbar-header .float-header-download .float-desc-container { width: 50vw; align-items: flex-start; margin: auto; }
.dark-theme-mobile-navbar-header .float-header-download .float-download-container { width: 35vw; margin: auto; }
.dark-theme-mobile-navbar-header .float-header-download .float-download-container button { border-radius: 0.1rem; padding: 0.1rem 0.16rem; margin: auto; }
.dark-theme-mobile-navbar-header p { margin: 0px; }
.dark-theme-mobile-navbar-header .mobile-nav { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 0.9rem; padding: 0px 0.21rem; background: rgba(11, 27, 39, 0.9); border-bottom: 0.01rem solid rgba(11, 27, 39, 0.9); }
.dark-theme-mobile-navbar-header .mobile-nav .col-left { display: flex; align-items: center; }
.dark-theme-mobile-navbar-header .mobile-nav .col-left .menu-icon { width: 0.45rem; cursor: pointer; }
.dark-theme-mobile-navbar-header .mobile-nav .col-center { display: flex; align-items: center; justify-content: center; }
.dark-theme-mobile-navbar-header .mobile-nav .col-center .merchant-logo { height: 0.66rem; object-fit: contain; cursor: pointer; }
.dark-theme-mobile-navbar-header .mobile-nav .col-right { display: flex; align-items: center; justify-content: flex-end; position: relative; margin: 0px 0px 0px 0.2rem; }
.dark-theme-mobile-navbar-header .mobile-nav .col-right div::before { content: ""; position: absolute; background: rgb(14, 33, 47); border-radius: 50%; width: 0.72rem; height: 0.72rem; bottom: 0.06rem; }
.dark-theme-mobile-navbar-header .mobile-nav .col-right div .beta-app-download { height: 0.66rem; width: auto; position: relative; margin-top: 0.15rem; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-overlay { position: fixed; top: 0px; right: 0px; width: 100%; height: 100%; background: rgba(0, 45, 90, 0.4); z-index: 1; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content { position: fixed; top: 0px; left: -6.35rem; width: 6.35rem; height: 100%; background: rgb(255, 255, 255); z-index: 2; overflow-y: scroll; padding: 0.85rem 0px 1.98rem; transition: 0.3s cubic-bezier(0.5, 0.03, 0.41, 1); }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content.isOpen { left: 0px; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container { padding: 0px 0.55rem; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container.content-2, .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container.content-language { padding: 0px 0.52rem 0px 0.49rem; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container.content-2 .common-menu, .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container.content-language .common-menu { margin: 0.64rem 0px 0px; padding: 0px; border-top: unset; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu { padding: 0px 0.04rem 1.25rem 0.19rem; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu.margin-top { margin: 0.68rem 0px 0px; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu .menu:not(:last-child) { margin: 0px 0px 0.5rem; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu .menu .icon-sb { width: 0.8rem; height: 0.71rem; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu .menu .sb-name { margin: 0.16rem 0px 0px 0.3rem; font-size: 0.26rem; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu .menu.reward-menu { margin-bottom: 0px; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu .reward-container { display: flex; font-size: 0.18rem; align-items: center; line-height: 0.22rem; padding-left: 1.1rem; margin-bottom: 0.5rem; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu .reward-container .reward-expiry-point { width: 2.5rem; margin-right: 0.56rem; font-size: 10px; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu .reward-container svg { width: 0.3rem; fill: rgb(70, 130, 180); cursor: pointer; transform: rotate(0deg); }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu .reward-container svg.active { transform: rotate(360deg); transition: transform 500ms; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu { display: grid; grid-template-columns: 25% 40% 25%; column-gap: 5%; padding: 1.19rem 0.14rem 0px 0px; border-top: 0.02rem solid rgb(237, 237, 237); }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu { position: relative; flex-direction: column; justify-content: flex-start; width: 1.25rem; min-height: 0.86rem; cursor: pointer; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu:not(:last-child) { margin: 0px 0px 0.66rem; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu.middle { margin: 0px 0.5rem 0.66rem; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu .icon-sb { width: 0.58rem; height: 0.58rem; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu .icon-sb svg:not(:root) { overflow: visible; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu .icon-sb .beta-region:not(:root) { border-radius: 50%; overflow: hidden; border: 0.01rem solid rgb(204, 204, 204); }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu .sb-name { margin: 0.25rem 0px 0px; text-align: center; text-transform: capitalize; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu .icon-star-container { top: -0.02rem; left: 0.125rem; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .menu { display: flex; align-items: center; justify-content: space-between; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .menu .left, .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .menu .right { display: flex; align-items: center; justify-content: space-between; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .menu .icon-sb { display: flex; align-items: flex-end; justify-content: center; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .menu .icon-sb .Language { width: 0.48rem; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .menu .icon-sb .More { width: 0.48rem; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .menu .icon-sb .Back { width: 0.45rem; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .menu .sb-name { font-size: 0.24rem; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .menu .icon-status { width: 0.55rem; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .menu .icon-arrow { display: flex; align-items: center; justify-content: center; background: rgb(219, 233, 240); border-radius: 50%; width: 0.4rem; height: 0.4rem; margin: 0px 0px 0px 0.35rem; overflow: visible; fill: rgb(109, 160, 221); }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .menu .icon-arrow svg { width: 0.1rem; transform: rotate(180deg); }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-header { display: flex; align-items: center; justify-content: space-between; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-header .left { display: flex; align-items: center; justify-content: center; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-header .beta-region { width: 0.5rem; height: 0.5rem; margin: 0px 0.26rem 0px 0px; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-header .title { font-weight: 600; font-size: 0.34rem; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-header .beta-close-btn { width: 0.22rem; height: 0.22rem; cursor: pointer; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .banner { margin: 0.65rem 0px 0px; width: 100%; border-radius: 0.1rem; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .country-flag-warpper { margin: 0.45rem 0px 0px; padding: 0.55rem 0px 0px; border-top: 0.02rem solid rgb(237, 237, 237); }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .country-flag-warpper .country-flag-container { display: flex; margin-bottom: 0.5rem; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .country-flag-warpper .country-flag-container svg { width: 0.55rem; height: 0.55rem; border-radius: 50%; border: 0.01rem solid rgb(204, 204, 204); }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .country-flag-warpper .country-flag-container .country-info { margin: 0px 0px 0px 0.35rem; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .country-flag-warpper .country-flag-container .country-info .country-name { font-size: 0.24rem; margin: 0px 0px 0.17rem; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .country-flag-warpper .country-flag-container .country-info .country-languages { display: flex; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .country-flag-warpper .country-flag-container .country-info .country-languages .language-select { color: rgb(134, 151, 162); font-size: 0.24rem; cursor: pointer; padding: 0px 0.25rem; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .country-flag-warpper .country-flag-container .country-info .country-languages .language-select:first-child { padding: 0px 0.25rem 0px 0px; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .country-flag-warpper .country-flag-container .country-info .country-languages .language-select:last-child { padding: 0px 0px 0px 0.25rem; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .country-flag-warpper .country-flag-container .country-info .country-languages .language-select:not(:first-child) { border-left: 0.02rem solid rgb(237, 237, 237); }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .country-flag-warpper .country-flag-container .country-info .country-languages .active { color: rgb(0, 102, 204); text-decoration: underline; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info { display: flex; align-items: center; justify-content: space-between; padding: 0px 0.03rem 0px 0.18rem; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .acc-info { display: flex; align-items: center; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .acc-info .beta-bitcoin { width: 1.06rem; height: 1.06rem; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .acc-info .info-content { margin: 0px 0px 0px 0.25rem; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .acc-info .info-content .welcome-title { font-size: 0.24rem; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .acc-info .info-content .acc-name { color: rgb(0, 90, 204); font-size: 0.32rem; margin: 0.05rem 0px 0px; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .sb-leaderboard { position: relative; display: flex; align-items: center; justify-content: flex-end; width: 1.42rem; height: 0.46rem; padding: 0px 0.23rem 0px 0px; background: rgb(6, 145, 192); color: rgb(255, 255, 255); font-size: 0.24rem; border-radius: 0.5rem; cursor: pointer; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .sb-leaderboard .beta-leaderboard { position: absolute; left: 0px; width: 0.52rem; height: 0.52rem; padding: 0.1rem; background: rgb(253, 184, 19); border-radius: 50%; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .sb-leaderboard .beta-leaderboard .st0 { fill: rgb(6, 145, 192); }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .deposit-progress { margin: 0.55rem 0px 0px; padding: 0.33rem 0.33rem 0.4rem; background: rgb(243, 245, 246); border-radius: 0.05rem; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .deposit-progress .deposit-progress-group { display: flex; align-items: center; font-size: 0.28rem; padding: 0px 0px 0px 0.05rem; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .deposit-progress .deposit-progress-group img { width: 0.65rem; height: auto; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .deposit-progress .deposit-progress-group p { margin: 0px 0px 0px 0.19rem; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .deposit-progress .progress-bar { display: flex; width: 3.8rem; height: 0.11rem; background: rgb(255, 255, 255); border-radius: 0.05rem; margin: 0.13rem 0px 0px; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .deposit-progress .progress-bar span { height: 100%; background: rgb(255, 138, 0); }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .deposit-progress .progress-status { margin: 0.22rem 0px 0px 0.08rem; font-size: 0.24rem; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .standard-button-container { margin: 1.24rem 0px 0px; padding: 0px 0.52rem 0px 0.48rem; }
.dark-theme-mobile-navbar-header .mobile-nav .sb-content .standard-button-container button { font-weight: 600; width: 100%; height: 0.86rem; background: rgb(243, 245, 246); color: rgb(134, 151, 162); border-radius: 0.1rem; font-size: 0.34rem; }
.language-box { position: relative; }
.language-box .change-language-btn { background: rgb(243, 245, 246); display: flex; align-items: center; border-radius: 0.2rem; padding: 0.05rem 0.08rem; height: 0.32rem; }
.language-box .change-language-btn .arrow-down-btn { width: 0.12rem; fill: rgb(175, 179, 182); transition: 0.3s; }
.language-box .change-language-btn .arrow-down-btn.rotate { transform: rotate(180deg); }
.language-box .change-language-btn .arrow-down-btn > * { pointer-events: none; }
.language-box .change-language-btn .language-icon-size { width: 0.25rem; height: auto; border: 0px; border-radius: 50%; }
.language-box .change-language-btn .language-icon-size:first-child { margin-right: 0.06rem; }
.language-box .change-language-btn .language-icon-size > * { pointer-events: none; }
.language-box .language-dropdown-container { position: absolute; z-index: 99999; top: 0.46rem; right: 0px; width: 3.2rem; background: rgb(255, 255, 255); visibility: hidden; opacity: 0; border-radius: 0.05rem; padding: 0.26rem 0.24rem 0px; backdrop-filter: blur(0.05rem); box-shadow: rgba(0, 0, 0, 0.2) 0.05rem 0.05rem 0.05rem -0.02rem; }
.language-box .language-dropdown-container.isOpen { visibility: visible; opacity: 1; }
.language-box .language-dropdown-container .region-container { display: flex; align-items: center; padding: 0px 0px 0.18rem; border-bottom: 0.01rem solid rgb(247, 247, 247); }
.language-box .language-dropdown-container .region-container p { margin-bottom: 0px; margin-left: 0.2rem; font-size: 0.14rem; color: rgb(15, 22, 31); }
.language-box .language-dropdown-container .country-flag-warpper { padding: 0.32rem 0px; text-align: left; }
.language-box .language-dropdown-container .country-flag-warpper .country-flag-container { display: flex; margin-bottom: 0.26rem; }
.language-box .language-dropdown-container .country-flag-warpper .country-flag-container svg { border: 0.01rem solid rgb(204, 204, 204); }
.language-box .language-dropdown-container .country-flag-warpper .country-flag-container .country-info { margin-left: 0.2rem; }
.language-box .language-dropdown-container .country-flag-warpper .country-flag-container .country-info .country-name { font-size: 0.13rem; color: rgb(15, 22, 31); }
.language-box .language-dropdown-container .country-flag-warpper .country-flag-container .country-info p { margin-bottom: 0.05rem; font-size: 0.14rem; }
.language-box .language-dropdown-container .country-flag-warpper .country-flag-container .country-info .country-languages .language-select { font-size: 0.13rem; border-right: 0.01rem solid rgb(204, 204, 204); cursor: pointer; color: rgb(134, 151, 162); padding: 0px 0.12rem; }
.language-box .language-dropdown-container .country-flag-warpper .country-flag-container .country-info .country-languages .language-select:hover { text-decoration: underline; }
.language-box .language-dropdown-container .country-flag-warpper .country-flag-container .country-info .country-languages .language-select:first-child { padding-left: 0px; }
.language-box .language-dropdown-container .country-flag-warpper .country-flag-container .country-info .country-languages:last-child { margin-top: 0.08rem; }
.language-box .language-dropdown-container .country-flag-warpper .country-flag-container .country-info .country-languages:last-child .language-select:last-child { padding: 0px 0px 0px 0.12rem; border: none; }
.language-box .language-dropdown-container .country-flag-warpper .country-flag-container .country-info .country-languages .active { color: rgb(0, 102, 204); text-decoration: underline; }
.language-box .language-dropdown-container .country-flag-warpper .country-flag-container:last-child { margin-bottom: 0px; }
.language-box .language-dropdown-container svg { width: 0.28rem; height: 0.28rem; border-radius: 50%; }
.dark-theme-navbar-container .language-box { position: relative; }
.dark-theme-navbar-container .language-box .change-language-btn { background: rgb(22, 43, 54); }
.dark-theme-navbar-container .language-box .change-language-btn .arrow-down-btn { fill: rgb(175, 179, 182); }
.dark-theme-navbar-container .language-box .change-language-btn .language-icon-size { width: 0.25rem; height: auto; border: 0px; border-radius: 50%; }
.dark-theme-navbar-container .language-box .language-dropdown-container { position: absolute; z-index: 99999; top: 0.46rem; right: 0px; width: 3.2rem; background: rgb(255, 255, 255); visibility: hidden; opacity: 0; border-radius: 0.05rem; padding: 0.26rem 0.24rem 0px; backdrop-filter: blur(0.05rem); box-shadow: rgba(0, 0, 0, 0.2) 0.05rem 0.05rem 0.05rem -0.02rem; }
.dark-theme-navbar-container .language-box .language-dropdown-container.isOpen { visibility: visible; opacity: 1; }
.dark-theme-navbar-container .language-box .language-dropdown-container .region-container { border-bottom: 0.01rem solid rgb(247, 247, 247); }
.dark-theme-navbar-container .language-box .language-dropdown-container .region-container p { color: rgb(15, 22, 31); }
.dark-theme-navbar-container .language-box .language-dropdown-container .country-flag-warpper { padding: 0.32rem 0px; text-align: left; }
.dark-theme-navbar-container .language-box .language-dropdown-container .country-flag-warpper .country-flag-container { display: flex; margin-bottom: 0.26rem; }
.dark-theme-navbar-container .language-box .language-dropdown-container .country-flag-warpper .country-flag-container svg { border: 0.01rem solid rgb(204, 204, 204); }
.dark-theme-navbar-container .language-box .language-dropdown-container .country-flag-warpper .country-flag-container .country-info { margin-left: 0.2rem; }
.dark-theme-navbar-container .language-box .language-dropdown-container .country-flag-warpper .country-flag-container .country-info .country-name { font-size: 0.13rem; color: rgb(15, 22, 31); }
.dark-theme-navbar-container .language-box .language-dropdown-container .country-flag-warpper .country-flag-container .country-info p { margin-bottom: 0.05rem; font-size: 0.14rem; }
.dark-theme-navbar-container .language-box .language-dropdown-container .country-flag-warpper .country-flag-container .country-info .country-languages .language-select { font-size: 0.13rem; border-right: 0.01rem solid rgb(204, 204, 204); cursor: pointer; color: rgb(134, 151, 162); }
.dark-theme-navbar-container .language-box .language-dropdown-container .country-flag-warpper .country-flag-container .country-info .country-languages .language-select:first-child { padding: 0px 0.12rem 0px 0px; }
.dark-theme-navbar-container .language-box .language-dropdown-container .country-flag-warpper .country-flag-container .country-info .country-languages .language-select:nth-child(2) { padding: 0px 0.12rem; margin-left: 0px; }
.dark-theme-navbar-container .language-box .language-dropdown-container .country-flag-warpper .country-flag-container .country-info .country-languages .language-select:last-child { padding: 0px 0px 0px 0.12rem; border-right: none; }
.dark-theme-navbar-container .language-box .language-dropdown-container .country-flag-warpper .country-flag-container .country-info .country-languages .active { color: rgb(0, 102, 204); text-decoration: underline; }
.dark-theme-navbar-container .language-box .language-dropdown-container .country-flag-warpper .country-flag-container:last-child { margin-bottom: 0px; }
.dark-theme-navbar-container .language-box .language-dropdown-container svg { width: 0.28rem; height: 0.28rem; border-radius: 50%; }
.navMenu-container { height: 100%; text-transform: unset; font-size: 0.15rem; font-weight: 400; }
@media (max-width: 1400px) { .navMenu-container :lang(km), .navMenu-container :lang(vi) { display: none; }
}
.navMenu-container .menu-warpper { display: flex; justify-content: space-between; height: 100%; }
.navMenu-container .menu-warpper .navbar-item { padding: 0px; height: 100%; position: relative; cursor: pointer; text-align: unset; text-transform: capitalize; display: flex; align-items: center; margin: 0px 0.24rem 0px 0px; }
.navMenu-container .menu-warpper .navbar-item .icon-cantainer { position: absolute; top: -0.06rem; left: 25%; }
.navMenu-container .menu-warpper .navbar-item .icon-cantainer img { height: 0.4rem; }
.navMenu-container .menu-warpper .navbar-item .icon-cantainer .beta-new-icon { height: 0.15rem; position: relative; left: calc(50% - 0.3rem); }
.navMenu-container .menu-warpper .navbar-item .euro-icon-container { height: 0.21rem; width: 0.72rem; position: absolute; top: 10%; transform: translate(-0.15rem, 0px); }
.navMenu-container .menu-warpper .navbar-item .euro-icon-container img { width: 100%; height: 100%; position: unset; top: unset; left: unset; }
.navMenu-container .menu-warpper .navbar-item a { color: rgb(15, 22, 31); }
.navMenu-container .menu-warpper .navbar-item a .img-with-text-sibeBYside { display: flex; align-items: center; }
.navMenu-container .menu-warpper .navbar-item a .menu-item-title { display: flex; align-items: center; margin: 0.05rem 0px 0px; }
.navMenu-container .menu-warpper .navbar-item a .menu-item-title p { white-space: nowrap; margin-bottom: 0px !important; }
.navMenu-container .menu-warpper .navbar-item a .menu-item-title p:last-child { margin-bottom: 0px !important; }
.navMenu-container .menu-warpper .navbar-item a .menu-item-title.active p { color: rgb(0, 113, 227); }
.navMenu-container .menu-warpper .navbar-item svg { height: 0.06rem; width: unset; fill: rgb(255, 138, 0); margin: 0px 0px 0px 0.05rem; transition: 0.3s; }
.navMenu-container .menu-warpper .navbar-item svg.active { fill: rgb(0, 113, 227); }
.navMenu-container .menu-warpper .navbar-item .menu-slice { padding-left: 0.15rem; }
.navMenu-container .menu-warpper .navbar-item img { height: 0.15rem; width: auto; position: absolute; top: 0px; left: 27%; }
.navMenu-container .menu-warpper .navbar-item .live-icon { width: 0.29rem; height: 0.17rem; margin-right: 0.05rem; position: unset; top: 0px; left: 0px; }
.navMenu-container .menu-warpper .navbar-item .vipNavImg { height: 0.3rem; }
.navMenu-container .menu-warpper .navbar-item:hover, .navMenu-container .menu-warpper .navbar-item.hovered { background: unset; border-bottom: unset; }
.navMenu-container .menu-warpper .navbar-item:hover a, .navMenu-container .menu-warpper .navbar-item.hovered a { color: rgb(255, 138, 0); }
.navMenu-container .menu-warpper .navbar-item:hover a .hover_line, .navMenu-container .menu-warpper .navbar-item.hovered a .hover_line { border-bottom: 0.03rem solid rgb(0, 113, 227); width: 0.25rem; margin-left: auto; margin-right: auto; position: absolute; bottom: 0px; }
.navMenu-container .menu-warpper .navbar-item:hover .icon-arrow, .navMenu-container .menu-warpper .navbar-item.hovered .icon-arrow { fill: rgb(255, 138, 0); transform: rotate(180deg); }
.navMenu-container .menu-warpper .navbar-item.active { background: none; }
.navMenu-container .menu-warpper .navbar-item.active .hover_line { border-bottom: 0.03rem solid rgb(0, 113, 227); width: 0.25rem; margin-left: auto; margin-right: auto; position: absolute; bottom: 0px; }
.navMenu-container .menu-warpper .navbar-item.active a { color: rgb(255, 138, 0); }
.navMenu-container .menu-warpper .navbar-item.active svg { fill: rgb(255, 138, 0); }
.navMenu-container .menu-warpper .navbar-item .nav-menu-row { margin: 0.2rem 0px; }
.navMenu-container .menu-warpper .navbar-item:last-child { margin: 0px; }
.navMenu-container .menu-warpper .navbar-item:last-child .menu-slice { display: none; }
.dark-theme-navbar-container .navMenu-container { text-transform: unset; font-size: 0.15rem; font-family: Inter, "sans-serif", 宋体, Prompt; font-weight: unset; }
.dark-theme-navbar-container .navMenu-container .menu-warpper { justify-content: space-between; }
.dark-theme-navbar-container .navMenu-container .menu-warpper .navbar-item { padding: 0px; text-align: unset; text-transform: capitalize; }
.dark-theme-navbar-container .navMenu-container .menu-warpper .navbar-item a { color: rgb(255, 255, 255); }
.dark-theme-navbar-container .navMenu-container .menu-warpper .navbar-item a .menu-item-title.active p { color: rgb(0, 113, 227); }
.dark-theme-navbar-container .navMenu-container .menu-warpper .navbar-item svg { height: 0.06rem; width: unset; fill: rgb(255, 138, 0); }
.dark-theme-navbar-container .navMenu-container .menu-warpper .navbar-item svg.active { fill: rgb(0, 113, 227); }
.dark-theme-navbar-container .navMenu-container .menu-warpper .navbar-item .menu-slice { padding-left: 0.15rem; }
.dark-theme-navbar-container .navMenu-container .menu-warpper .navbar-item img { height: 0.38rem; }
.dark-theme-navbar-container .navMenu-container .menu-warpper .navbar-item .live-icon { position: unset; top: 0px; left: 0px; }
.dark-theme-navbar-container .navMenu-container .menu-warpper .navbar-item:hover { background: unset; border-bottom: unset; }
.dark-theme-navbar-container .navMenu-container .menu-warpper .navbar-item:hover a { color: rgb(255, 255, 255); }
.dark-theme-navbar-container .navMenu-container .menu-warpper .navbar-item:hover a .hover_line { border-bottom: 0.03rem solid rgb(0, 113, 227); }
.dark-theme-navbar-container .navMenu-container .menu-warpper .navbar-item:hover svg { fill: rgb(255, 138, 0); }
.dark-theme-navbar-container .navMenu-container .menu-warpper .navbar-item.active { background: none; }
.dark-theme-navbar-container .navMenu-container .menu-warpper .navbar-item.active .hover_line { border-bottom: 0.03rem solid rgb(0, 113, 227); }
.dark-theme-navbar-container .navMenu-container .menu-warpper .navbar-item.active a { color: rgb(255, 138, 0); }
.dark-theme-navbar-container .navMenu-container .menu-warpper .navbar-item.active svg { fill: rgb(255, 138, 0); }
.dark-theme-navbar-container .navMenu-container .menu-warpper .navbar-item:last-child .menu-slice { display: none; }
.navSubmenu-container { font-size: 0.13rem; }
.navSubmenu-container .submenu-outerbox { width: 100%; position: absolute; z-index: 999; background: rgba(0, 15, 76, 0.8); backdrop-filter: blur(0.05rem); }
.navSubmenu-container .submenu-outerbox .submenu { padding-top: 0.2rem; }
.navSubmenu-container .submenu-outerbox .submenu .provider-submenu { width: unset; margin: unset; }
.navSubmenu-container .submenu-outerbox .submenu .provider-submenu .disable-submenu { filter: grayscale(100%) brightness(0.5); }
.navSubmenu-container .submenu-outerbox .submenu .provider-submenu .disable-submenu .maintenance-wrapper { display: none; }
.navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container { position: relative; width: 14.2%; padding-bottom: 0.3rem; padding-top: 0px; display: inline-block; text-align: center; }
.navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container.enlarged { width: 20%; }
.navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container.enlarged .submenu-icon .float-dot-nav { font-size: 0.13rem; }
.navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon { display: block; height: 100%; color: rgb(255, 255, 255); }
.navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon:hover { color: rgb(255, 255, 255); }
.navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .submenu-text { margin-top: 0.1rem; }
.navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .hot-provider, .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .new-provider { position: absolute; top: 0.02rem; right: 0px; max-width: 0.5rem; width: 30%; height: unset; }
.navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .float-dot-nav { position: absolute; font-size: 0.11rem; padding: 0.02rem 0.08rem; color: rgb(255, 255, 255); border-radius: 0.1rem; top: -0.05rem; right: 0.15rem; width: unset; height: unset; text-align: center; margin: 0px; line-height: normal; font-family: ""Helvetica Neue", Helvetica, Arial, sans-serif Neue", "Helvetica Neue", Helvetica, Arial, sans-serif-Regular; }
.navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .hot-provider-nav { background: rgb(255, 101, 15); }
.navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .new-provider-nav { background: rgb(224, 9, 44); color: rgb(255, 255, 255); }
.navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .promo-provider-nav { background: linear-gradient(to right, rgb(9, 94, 189), rgb(4, 169, 194)); color: rgb(255, 255, 255); }
.navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .vpn-provider-nav { background: rgb(134, 151, 162); border-radius: 0.04rem; }
.navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon img { width: 70%; height: unset; }
.navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon svg { fill: rgb(0, 113, 227); width: 1rem; }
.navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container:hover { color: rgba(0, 0, 0, 0); fill: rgb(0, 113, 227); background: rgba(0, 0, 0, 0); }
.navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .maintenance-icon { position: absolute; inset: 0px 0px 0.35rem; margin: auto; width: 38%; }
.navSubmenu-container .submenu-outerbox .submenu.submenu-less-icon .provider-submenu { display: block; justify-content: unset; text-align: center; }
.navSubmenu-container .submenu-outerbox .special-submenu { cursor: pointer; }
.navSubmenu-container .submenu-outerbox .special-submenu img { width: 100%; height: 100%; }
.login-main-container { background: rgb(242, 245, 245); padding: 1.2rem 0px; }
.login-main-container .login-title { width: 13.4rem; margin: auto; padding: 0px 0.2rem 0.2rem; font-size: 0.24rem; color: rgb(15, 22, 31); }
@media (max-width: 1340px) { .login-main-container .login-title { width: 94vw; }
}
@media (max-width: 1024px) { .login-main-container .login-title { width: 94vw; }
}
.login-main-container .login { display: flex; width: 13.4rem; margin: auto; justify-content: center; }
@media (max-width: 1340px) { .login-main-container .login { width: 94vw; }
}
@media (max-width: 1024px) { .login-main-container .login { width: 94vw; }
}
.login-main-container .login .left { width: 4.2rem; margin: 0px 0.2rem 0px 0px; background: rgb(255, 255, 255); border-radius: 0.1rem; padding: 0.35rem; position: relative; }
.login-main-container .login .left .external-break-line { margin: 0.1rem 0px 0.3rem; display: flex; align-items: center; justify-content: space-between; }
.login-main-container .login .left .external-break-line .break-line { height: 0.01rem; background: rgb(219, 224, 228); margin: 0.15rem 0px; width: 48%; }
.login-main-container .login .left .external-break-line span { width: 10%; font-size: 0.14rem; color: rgb(134, 151, 162); text-align: center; text-transform: lowercase; }
.login-main-container .login .left .login-form .whatsapp-login-fields .whatsapp-login-wrapper .whatsapp-telCode-dropdown span { margin: 0px 0.05rem 0px 0px; }
.login-main-container .login .left .login-form .whatsapp-login-fields .whatsapp-login-wrapper .sort-type-dropdown { top: 0.4rem; }
.login-main-container .login .left .login-form .whatsapp-login-fields .whatsapp-login-wrapper .sort-type-dropdown .standard-select-options { display: flex; justify-content: flex-start; flex-direction: row; }
.login-main-container .login .left .login-form .whatsapp-login-fields .whatsapp-login-wrapper .sort-type-dropdown .standard-select-options span { width: 10%; }
.login-main-container .login .left .login-form label { color: rgb(134, 151, 162); font-size: 0.14rem; margin: 0px 0.05rem 0.05rem; }
.login-main-container .login .left .login-form select { border: 0.01rem solid rgb(247, 247, 247); }
.login-main-container .login .left .login-form .login-button-section button { height: 0.4rem; border-radius: 0.06rem; font-size: 0.16rem; background: rgb(255, 138, 0); margin: 0.2rem 0px; width: 100%; color: rgb(255, 255, 255); }
.login-main-container .login .left .login-form .login-button-section button:hover { background: rgb(255, 114, 0); }
.login-main-container .login .left .login-form .login-button-section button:disabled { opacity: 0.5; cursor: not-allowed; }
.login-main-container .login .left .login-form .forget-password-container { text-align: center; margin-bottom: 0.1rem; font-size: 0.14rem; color: rgb(134, 151, 162); }
.login-main-container .login .left .login-form .forget-password-container a { color: rgb(0, 102, 204); text-decoration: underline; }
.login-main-container .login .left .login-form .prompt-create { text-align: center; margin-bottom: 0.1rem; font-size: 0.14rem; color: rgb(134, 151, 162); }
.login-main-container .login .left .login-form .prompt-create p a { color: rgb(255, 138, 0); }
.login-main-container .login .left .login-form .break-line { height: 0.01rem; background: rgb(219, 224, 228); margin: 0.25rem 0px; }
.login-main-container .login .left .login-form .help-container { font-size: 0.14rem; color: rgb(134, 151, 162); text-align: center; width: 80%; margin: auto; }
.login-main-container .login .left .login-form .help-container p { line-height: 0.2rem; }
.login-main-container .login .left .login-form .help-container p a { color: rgb(255, 138, 0); }
.login-main-container .login .left .blue-boder { border: 0.01rem solid rgb(0, 113, 227); border-radius: 0.05rem; }
.login-main-container .login .left .login-field-image { position: absolute; right: -0.3rem; top: 0.1rem; }
.login-main-container .login .left .login-field-image svg { width: 0.2rem; height: 0.2rem; }
.login-main-container .login .right { width: 9rem; background: rgb(255, 255, 255); border-radius: 0.1rem; padding: 0.35rem; }
.login-main-container .login .right .content-container .login-banner-container .slick-list { border-radius: 0.1rem; }
.login-main-container .login .right .content-container .login-banner-container .dotsContainer { width: 70%; margin: 0.33rem auto 0.1rem; text-align: center; }
.login-main-container .login .right .content-container .login-banner-container .dotsContainer button { background: rgb(225, 225, 225); width: 0.1rem; height: 0.1rem; border-radius: 50%; margin-right: 0.1rem; }
.login-main-container .login .right .content-container .login-banner-container .dotsContainer .active { background: rgb(255, 138, 0); }
.login-main-container .login .right .content-container .login-banner-container .image-container img { border-radius: 0.05rem; }
.login-main-container .login .right .content-container .info { width: 70%; margin: auto; text-align: center; color: rgb(15, 22, 31); }
.login-main-container .login .right .content-container .info p { margin: 0.2rem; white-space: break-spaces; font-size: 0.24rem; }
.login-main-container .login .right .content-container .info p span { font-size: 0.3rem; font-weight: 600; }
.login-main-container .login .right .content-container .info-logo { width: 65%; margin: auto; text-align: center; }
.login-main-container .login .right .content-container .info-logo svg { width: 1.6rem; height: 1rem; }
.login-main-container .login .right .content-container .info-logo img { width: 1.25rem; margin: 0px 0px 0.12rem; }
.login-main-container .login .right .content-container .license-container { width: 50%; display: flex; align-items: center; justify-content: center; margin: auto; color: rgb(134, 151, 162); }
.login-main-container .login .right .content-container .license-container svg { width: 0.5rem; height: 0.5rem; }
.login-main-container .login .right .content-container .license-container p { font-size: 0.12rem; margin-bottom: 0px; margin-left: 0.1rem; }
.register-main-container { background: rgb(242, 245, 245); padding: 1.2rem 0px; }
.register-main-container .registration-title { width: 13.4rem; margin: auto; padding: 0px 0.2rem 0.2rem; font-size: 0.24rem; color: rgb(15, 22, 31); }
@media (max-width: 1340px) { .register-main-container .registration-title { width: 94vw; }
}
@media (max-width: 1024px) { .register-main-container .registration-title { width: 94vw; }
}
.register-main-container .svg-correct { position: absolute; right: -0.3rem; }
.register-main-container .svg-correct svg { width: 0.2rem !important; height: 0.2rem !important; }
.register-main-container .stat-text-div { position: absolute; left: 3.6rem; display: flex; align-items: center; right: -3rem; z-index: 1; font-size: 0.12rem; }
.register-main-container .stat-text-div.phone { left: 2.535rem; }
.register-main-container .stat-text-div img { position: absolute; right: 3.1rem; width: 0.22rem; }
.register-main-container .stat-text-div .triangle-border { background: rgb(255, 255, 255); padding: 0.1rem 0.16rem; box-shadow: rgba(0, 0, 0, 0.3) 0px 0.03rem 0.06rem; position: relative; border-radius: 0.05rem; color: rgb(15, 22, 31); }
.register-main-container .stat-text-div .triangle-border .triangle { position: absolute; top: 0.06rem; right: 100%; margin-left: -0.12rem; width: 0.24rem; height: 0.24rem; overflow: hidden; }
.register-main-container .stat-text-div .triangle-border .triangle::after { content: ""; position: absolute; width: 0.1rem; height: 0.1rem; left: 100%; transform: translate(-50%, 50%) rotate(45deg); background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.3) 0px 0.01rem 0.06rem; }
.register-main-container .stat-text-div .triangle-border span { overflow-wrap: break-word; }
.register-main-container .register { display: flex; width: 13.4rem; margin: auto; justify-content: center; }
@media (max-width: 1340px) { .register-main-container .register { width: 94vw; }
}
@media (max-width: 1024px) { .register-main-container .register { width: 94vw; }
}
.register-main-container .register .reg { width: 4.2rem; margin: 0px 0.2rem 0px 0px; background: rgb(255, 255, 255); border-radius: 0.1rem; padding: 0.35rem; }
.register-main-container .register .reg .register-container-header { color: rgb(134, 151, 162); margin: 0.1rem auto; }
.register-main-container .register .reg .external-reg-break-line { margin: 0.1rem 0px 0.36rem; display: flex; align-items: center; justify-content: space-between; }
.register-main-container .register .reg .external-reg-break-line .break-line { height: 0.01rem; background: rgb(219, 224, 228); margin: 0.15rem 0px; width: 48%; }
.register-main-container .register .reg .external-reg-break-line span { width: 10%; font-size: 0.14rem; color: rgb(134, 151, 162); text-align: center; text-transform: lowercase; }
.register-main-container .register .reg .reg-container .blue { border: 0.01rem solid rgb(0, 113, 227); border-radius: 0.05rem; }
.register-main-container .register .reg .reg-container .wrong { border: 0.01rem solid rgb(224, 9, 44); border-radius: 0.05rem; z-index: 1; }
.register-main-container .register .reg .reg-container .correct { border: 0.01rem solid rgb(0, 113, 227); border-radius: 0.05rem; }
.register-main-container .register .reg .reg-container label { color: rgb(134, 151, 162); font-size: 0.14rem; margin: 0px 0.05rem 0.05rem; }
.register-main-container .register .reg .reg-container .affiliateID { margin: 0.3rem 0px 0px; padding: 0.3rem 0px 0px; border-top: 0.01rem solid rgb(219, 224, 228); }
.register-main-container .register .reg .reg-container .affiliateID label { justify-content: space-between; align-items: center; cursor: pointer; }
.register-main-container .register .reg .reg-container .affiliateID svg { width: 0.1rem; height: 0.1rem; fill: rgb(134, 151, 162); }
.register-main-container .register .reg .reg-container .affiliateID svg.isOpen { transform: rotate(180deg); }
.register-main-container .register .reg .reg-container .affiliateID svg.isHide { opacity: 1; visibility: unset; }
.register-main-container .register .reg .reg-container .affiliateID .isHide { transition: visibility linear 0.33s, opacity 0.33s linear; visibility: hidden; opacity: 0; }
.register-main-container .register .reg .reg-container .affiliateID .isOpen { transition: visibility cubic-bezier(0.47, 0, 0.75, 0.72), opacity 0.33s; visibility: visible; opacity: 1; }
.register-main-container .register .reg .reg-container .tnc-field .standard-checkbox-container .standard-checkbox-text-container .standard-checkbox-text { margin: 0px 0px 0px 0.05rem; }
.register-main-container .register .reg .reg-container .transaction-button-section .reg-btn-container button { height: 0.4rem; border-radius: 0.06rem; font-size: 0.16rem; background: rgb(0, 113, 227); margin: 0.2rem 0px; width: 100%; color: rgb(255, 255, 255); }
.register-main-container .register .reg .reg-container .transaction-button-section .reg-btn-container button:hover { background: rgb(0, 81, 214); }
.register-main-container .register .reg .reg-container .transaction-button-section .reg-btn-container button[disabled] { cursor: not-allowed; }
.register-main-container .register .reg .reg-container .success-button-section .reg-btn-container button { margin: 0.5rem 0px 0.1rem; }
.register-main-container .register .reg .reg-container .reg-footer-notice { font-size: 0.12rem; text-align: center; color: rgb(134, 151, 162); width: 80%; margin: auto; }
.register-main-container .register .reg .reg-container .reg-footer-notice a { color: rgb(0, 113, 227); }
.register-main-container .register .reg .reg-container .prompt-login { color: rgb(134, 151, 162); font-size: 0.14rem; text-align: center; margin: 0.3rem 0px; }
.register-main-container .register .reg .reg-container .prompt-login a { color: rgb(0, 102, 204); text-decoration-line: underline; }
.register-main-container .register .reg .reg-container .tutorial-btn-container { justify-content: center; }
.register-main-container .register .reg .reg-container .tutorial-btn-container .tutorial-btn { background: rgb(255, 138, 0); padding: 0.05rem 0.15rem; font-size: 0.16rem; border-radius: 0.2rem; display: flex; align-items: center; white-space: nowrap; width: auto; }
.register-main-container .register .reg .reg-container .tutorial-btn-container .tutorial-btn svg { width: 0.22rem; height: 0.22rem; }
.register-main-container .register .reg .reg-container .tutorial-btn-container .tutorial-btn svg:last-child { width: 0.1rem; height: 0.1rem; }
.register-main-container .register .reg .reg-container .tutorial-btn-container .tutorial-btn span { margin: 0px 0.1rem; }
.register-main-container .register .reg .reg-container .reg-action-button-section { display: flex; justify-content: space-between; }
.register-main-container .register .reg .reg-container .reg-action-button-section button { height: 0.4rem; border-radius: 0.06rem; font-size: 0.14rem; margin: 0.2rem 0px; color: rgb(255, 255, 255); }
.register-main-container .register .reg .reg-container .reg-action-button-section button:disabled { opacity: 0.5; pointer-events: auto; cursor: not-allowed; }
.register-main-container .register .reg .reg-container .reg-action-button-section .back-button { background: rgb(204, 204, 204); width: 17%; }
.register-main-container .register .reg .reg-container .reg-action-button-section .back-button svg { fill: rgb(255, 255, 255); width: 0.2rem; height: 0.2rem; margin: 0.1rem 0px; }
.register-main-container .register .reg .reg-container .reg-btn-complete { width: 80%; }
.register-main-container .register .reg .reg-container .reg-btn-complete.external-no-back-btn { width: 100%; }
.register-main-container .register .reg .reg-container .reg-btn-complete button { width: 100%; background: rgb(255, 138, 0); }
.register-main-container .register .reg .reg-container .reg-btn-complete button:hover { background: rgb(255, 114, 0); }
.register-main-container .register .reg .reg-container .select-date-seperate { width: 100%; }
.register-main-container .register .reg .reg-container .select-date-seperate #dropdown-date { display: flex; justify-content: space-between; }
.register-main-container .register .reg .reg-container .select-date-seperate #dropdown-date div { width: 30%; cursor: pointer; }
.register-main-container .register .reg .reg-container .select-date-seperate #dropdown-date div select { border: 0.01rem solid rgb(229, 229, 229); border-radius: 0.05rem; height: 0.38rem; font-size: 0.14rem; white-space: nowrap; text-overflow: ellipsis; width: 100%; padding: 0.05rem; color: rgb(134, 151, 162); }
.register-main-container .register .reg .reg-container .standard-select-international-telcode { height: 1.6rem; overflow-y: auto; left: 0px; right: unset; width: unset; top: 0.35rem; }
.register-main-container .register .reg .reg-container .register-input-container .label-option { display: flex; }
.register-main-container .register .reg .reg-container .register-input-container .label-option .option { margin-right: 0.15rem; cursor: pointer; }
.register-main-container .register .reg .reg-container .register-input-container .label-option .option.active { border-width: 0.03rem; border-color: rgb(255, 138, 0); border-image: initial; border-style: none none solid; }
.register-main-container .register .reg .reg-container .register-input-container.otp-input-container { padding-bottom: 0.4rem; margin-bottom: 0.3rem; border-bottom: 0.01rem solid rgb(219, 224, 228); }
.register-main-container .register .reg .reg-container .register-input-container.otp-input-container .authOTP-field .standard-form-field-wrapper { justify-content: space-between; }
.register-main-container .register .reg .reg-container .register-input-container.otp-input-container .authOTP-field .standard-form-field-wrapper .standard-button-container .otp-button { min-width: auto; background: rgb(243, 245, 246); color: rgb(15, 22, 31); }
.register-main-container .register .reg .reg-container .register-input-container.whatsapp-otp-input-container { padding-bottom: 0.4rem; margin-bottom: 0.3rem; border-bottom: 0.01rem solid rgb(219, 224, 228); }
.register-main-container .register .reg .reg-container .register-input-container.whatsapp-otp-input-container .standard-label { display: unset; }
.register-main-container .register .reg .reg-container .register-input-container.whatsapp-otp-input-container .standard-label span { font-weight: 700; }
.register-main-container .register .reg .reg-container .register-input-container.whatsapp-otp-input-container .verify-method-container { display: grid; grid-template-columns: 40% 12% 44%; align-items: center; justify-content: center; padding: 0.3rem 0px; column-gap: 0.1rem; }
.register-main-container .register .reg .reg-container .register-input-container.whatsapp-otp-input-container .verify-method-container .qr { width: 1.5rem; height: 1.2rem; margin: auto; }
.register-main-container .register .reg .reg-container .register-input-container.whatsapp-otp-input-container .verify-method-container .or { text-transform: capitalize; text-align: center; }
.register-main-container .register .reg .reg-container .register-input-container.whatsapp-otp-input-container .verify-method-container .standard-otp-button { min-width: auto; width: 100%; padding: 0px 0.1rem; }
.register-main-container .register .reg .reg-container .register-input-container.whatsapp-otp-input-container .break-line { border-width: 0.01rem; border-color: rgb(219, 224, 228); border-image: initial; border-style: solid none none; margin: 0.3rem 0px; }
.register-main-container .register .reg .reg-container .register-input-container.whatsapp-otp-input-container .resend-otp-container { margin: 0.3rem 0px 0.6rem; }
.register-main-container .register .reg .reg-container .register-input-container.whatsapp-otp-input-container .resend-otp-container .standard-button-container { margin-bottom: 0.1rem; }
.register-main-container .register .reg .reg-container .register-input-container.whatsapp-otp-input-container .resend-otp-container .standard-button-container .standard-otp-button { width: 100%; }
.register-main-container .register .reg .reg-container .register-input-container .error-message-wrapper { margin-top: 0.1rem; font-size: 0.12rem; color: rgb(232, 38, 44); }
.register-main-container .register .reg .reg-container .register-input-container .error-message-wrapper .password-rules-msg-wrapper { display: flex; color: rgb(134, 151, 162); gap: 0.06rem; }
.register-main-container .register .reg .reg-container .register-input-container .error-message-wrapper .password-rules-msg-wrapper img { width: 0.12rem; height: 0.12rem; margin: 0.04rem 0.02rem 0.04rem 0rem; flex-shrink: 0; }
.register-main-container .register .reg .reg-container .register-input-container .error-message-wrapper .password-rules-msg-wrapper p { margin: 0.04rem 0px 0px; }
.register-main-container .register .reg .reg-container .register-input-container .error-message-wrapper .password-rules-msg-wrapper .error-message-text { margin-left: 0.02rem; flex: 1 1 0%; }
.register-main-container .register .reg .reg-container .phone-email-input-container .standard-label { margin-bottom: 0.05rem; }
.register-main-container .register .reg .reg-container .phone-email-input-container .standard-modal-tab-container .standard-modal-tab { margin-bottom: 0.14rem; }
.register-main-container .register .right { width: 8.97rem; background: rgb(255, 255, 255); border-radius: 0.1rem; }
.register-main-container .register .right .member-benefits-row .slick-list { border-radius: 0.1rem; }
.register-main-container .register .right .member-benefits-row .dotsContainer button { background: rgb(225, 225, 225); width: 0.1rem; height: 0.1rem; border-radius: 50%; margin-right: 0.1rem; }
.register-main-container .register .right .member-benefits-row .dotsContainer .active { background: rgb(255, 138, 0); }
.register-main-container .register .right .member-benefits-row .custom-views { display: flex; flex-direction: row; margin-top: 0.4rem; }
.register-main-container .register .right .member-benefits-row .member-benefit-column-container { text-align: center; width: 70%; margin: 0px auto; }
.reg-success-container { text-align: center; color: rgb(0, 0, 0); }
.reg-success-container svg { fill: rgb(255, 255, 255); width: 0.8rem; height: 0.8rem; background: rgb(37, 230, 0); border-radius: 50%; padding: 0.2rem; }
.reg-success-container h3 { margin: 0.2rem 0px 0.05rem; text-transform: uppercase; color: rgb(15, 22, 31); font-size: 0.24rem; font-weight: normal; }
.reg-success-container span { color: rgb(134, 151, 162); font-size: 0.13rem; }
.reg-success-container .reg-svg { width: 2.4rem; margin: 0.3rem auto; }
.reg-success-container .info-desc { color: rgb(134, 151, 162); font-size: 0.13rem; }
.auth-otp-helper-popup { min-height: unset; }
@media (min-width: 769px) { .auth-otp-helper-popup { min-width: 4.98rem; max-width: 4.98rem; }
}
.auth-otp-helper-popup .auth-otp-helper-popup-body { display: flex; flex-flow: column; align-items: center; color: rgb(15, 22, 31); text-align: center; }
@media (min-width: 769px) { .auth-otp-helper-popup .auth-otp-helper-popup-body { padding: 0px 0.4rem 0.35rem; }
}
@media (max-width: 768px) { .auth-otp-helper-popup .auth-otp-helper-popup-body { font-size: 0.28rem; }
}
.auth-otp-helper-popup .auth-otp-helper-popup-body .contact-cs span { text-decoration: underline; cursor: pointer; }
.notification-popup-container { width: 6rem; padding: 0.1rem; background: rgb(255, 255, 255); min-height: unset; }
.notification-popup-container .standard-popup-modal-header { background: rgba(0, 0, 0, 0); border-top-right-radius: 0.1rem; border-top-left-radius: 0.1rem; padding: 0px 0.4rem 0px 0.39rem; }
.notification-popup-container .standard-popup-modal-header .standard-modal-close { width: 0.35rem; height: 0.35rem; background: rgb(252, 255, 255); filter: drop-shadow(rgb(108, 108, 108) 0.02rem 0.03rem 0.1rem); color: rgb(110, 110, 110); display: flex; align-items: center; justify-content: center; top: -0.25rem; right: -0.25rem; position: absolute; border-radius: 0.2rem; padding: 0.1rem; }
.notification-popup-container .standard-popup-modal-header .standard-modal-close:hover { background: rgb(252, 255, 255); color: rgb(134, 151, 162); }
.notification-popup-container .standard-popup-modal-body { display: flex; justify-content: center; align-items: center; padding: 0.25rem 0.4rem 0.25rem 0.39rem; border-bottom-left-radius: 0.1rem; border-bottom-right-radius: 0.1rem; color: rgb(15, 22, 31); font-size: 0.18rem; }
.notification-popup-container .standard-popup-modal-body .icon-container { margin: 0px 0.2rem; border-radius: 50%; min-width: 0.4rem; height: 0.4rem; display: flex; align-items: center; justify-content: center; }
.notification-popup-container .standard-popup-modal-body .icon-container.success { background: rgb(50, 240, 50); }
.notification-popup-container .standard-popup-modal-body .icon-container.error { background: rgb(255, 138, 0); }
.notification-popup-container .standard-popup-modal-body .icon-container.warning { background: rgb(255, 255, 0); }
.notification-popup-container .standard-popup-modal-body .icon-container.info { background: rgb(0, 0, 0); }
.notification-popup-container .standard-popup-modal-body .icon-container svg { width: 0.4rem; padding: 0.075rem; overflow: visible; }
.m-register-container { background: rgb(255, 255, 255); color: rgb(134, 151, 162); }
.m-register-container .reg-step-container { padding: 0.45rem 0.42rem 0.896206rem; }
.m-register-container .reg-step-container.step-2 { padding: 0.45rem 0.42rem 0.85rem; }
.m-register-container .reg-step-container.step-2 .transaction-button-section { margin: 1.2rem 0px 0px; display: flex; align-items: center; justify-content: space-between; }
.m-register-container .reg-step-container.step-2 .prompt-login-section { margin: 0.85rem 0px 0px; }
.m-register-container .reg-step-container.step-3 .transaction-button-section { margin: 1.02rem 0px 0px; }
.m-register-container .reg-step-container .reg-title { font-weight: 600; font-size: 0.36rem; color: rgb(15, 22, 31); }
.m-register-container .reg-step-container .reg-form-section, .m-register-container .reg-step-container .reg-step-2 { margin: 0.7rem 0px 0px; }
.m-register-container .reg-step-container .reg-form-section .standard-error-validation, .m-register-container .reg-step-container .reg-step-2 .standard-error-validation { margin: 0px 0px 0px 0.2rem; font-size: 0.25rem; }
.m-register-container .reg-step-container .reg-form-section .register-input-container, .m-register-container .reg-step-container .reg-step-2 .register-input-container { display: flex; flex-direction: column; }
.m-register-container .reg-step-container .reg-form-section .register-input-container:not(:last-child), .m-register-container .reg-step-container .reg-step-2 .register-input-container:not(:last-child) { margin: 0px 0px 0.4rem; }
.m-register-container .reg-step-container .reg-form-section .register-input-container.affiliateID label, .m-register-container .reg-step-container .reg-step-2 .register-input-container.affiliateID label { cursor: pointer; }
.m-register-container .reg-step-container .reg-form-section .register-input-container:not(.affiliateID) .standard-form-field::after, .m-register-container .reg-step-container .reg-step-2 .register-input-container:not(.affiliateID) .standard-form-field::after { content: "*"; position: absolute; color: rgb(224, 9, 44); margin-left: 0.04rem; padding: 0px 0.04rem 0px 0px; font-size: 0.36rem; right: -0.1rem; top: -0.18rem; }
.m-register-container .reg-step-container .reg-form-section .register-input-container:not(.affiliateID) .ignore-after::after, .m-register-container .reg-step-container .reg-step-2 .register-input-container:not(.affiliateID) .ignore-after::after { content: ""; }
.m-register-container .reg-step-container .reg-form-section .register-input-container .standard-label, .m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-label { justify-content: space-between; font-size: 0.26rem; color: rgb(0, 102, 204); }
.m-register-container .reg-step-container .reg-form-section .register-input-container .toggle-icon, .m-register-container .reg-step-container .reg-step-2 .register-input-container .toggle-icon { width: 0.24rem; height: 0.12rem; fill: rgb(134, 151, 162); }
.m-register-container .reg-step-container .reg-form-section .register-input-container .toggle-icon.isOpen, .m-register-container .reg-step-container .reg-step-2 .register-input-container .toggle-icon.isOpen { transform: rotate(180deg); }
.m-register-container .reg-step-container .reg-form-section .register-input-container .toggle-icon.isHide, .m-register-container .reg-step-container .reg-step-2 .register-input-container .toggle-icon.isHide { opacity: 1; visibility: unset; }
.m-register-container .reg-step-container .reg-form-section .register-input-container input[type="text"], .m-register-container .reg-step-container .reg-form-section .register-input-container input[type="password"], .m-register-container .reg-step-container .reg-step-2 .register-input-container input[type="text"], .m-register-container .reg-step-container .reg-step-2 .register-input-container input[type="password"] { appearance: none; }
.m-register-container .reg-step-container .reg-form-section .register-input-container .standard-input:-webkit-autofill, .m-register-container .reg-step-container .reg-form-section .register-input-container .standard-input:hover, .m-register-container .reg-step-container .reg-form-section .register-input-container .standard-input:focus, .m-register-container .reg-step-container .reg-form-section .register-input-container .standard-input:active, .m-register-container .reg-step-container .reg-form-section .register-input-container .standard-select:-webkit-autofill, .m-register-container .reg-step-container .reg-form-section .register-input-container .standard-select:hover, .m-register-container .reg-step-container .reg-form-section .register-input-container .standard-select:focus, .m-register-container .reg-step-container .reg-form-section .register-input-container .standard-select:active, .m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-input:-webkit-autofill, .m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-input:hover, .m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-input:focus, .m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-input:active, .m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-select:-webkit-autofill, .m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-select:hover, .m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-select:focus, .m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-select:active { border: 0.02rem solid rgb(0, 113, 227); }
.m-register-container .reg-step-container .reg-form-section .register-input-container .standard-input:-webkit-autofill, .m-register-container .reg-step-container .reg-form-section .register-input-container .standard-select:-webkit-autofill, .m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-input:-webkit-autofill, .m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-select:-webkit-autofill { background: rgb(234, 238, 240); }
.m-register-container .reg-step-container .reg-form-section .register-input-container .standard-input .icon-calender, .m-register-container .reg-step-container .reg-form-section .register-input-container .standard-select .icon-calender, .m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-input .icon-calender, .m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-select .icon-calender { position: absolute; right: 0.3rem; width: 0.45rem; top: -0.01rem; }
.m-register-container .reg-step-container .reg-form-section .register-input-container .standard-select input, .m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-select input { font-size: 0.28rem; padding: 0.15rem 0.3rem; height: unset; }
.m-register-container .reg-step-container .reg-form-section .register-input-container .standard-select .standard-select-options, .m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-select .standard-select-options { height: unset; }
.m-register-container .reg-step-container .reg-form-section .register-input-container .standard-select .standard-select-options img, .m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-select .standard-select-options img { width: 0.35rem; height: 0.35rem; }
.m-register-container .reg-step-container .reg-form-section .register-input-container .isHide, .m-register-container .reg-step-container .reg-step-2 .register-input-container .isHide { transition: visibility linear 0.33s, opacity 0.33s linear; visibility: hidden; opacity: 0; }
.m-register-container .reg-step-container .reg-form-section .register-input-container .isOpen, .m-register-container .reg-step-container .reg-step-2 .register-input-container .isOpen { transition: visibility cubic-bezier(0.47, 0, 0.75, 0.72), opacity 0.33s; visibility: visible; opacity: 1; }
.m-register-container .reg-step-container .reg-form-section .register-input-container .select-arrow-up, .m-register-container .reg-step-container .reg-step-2 .register-input-container .select-arrow-up { transform: translate(0%, 50%) rotate(225deg); }
.m-register-container .reg-step-container .reg-form-section .register-input-container .select-phone-container, .m-register-container .reg-step-container .reg-step-2 .register-input-container .select-phone-container { width: 1.98rem; margin: 0px 0.15rem 0px 0px; }
.m-register-container .reg-step-container .reg-form-section .register-input-container .standard-select-dropdown, .m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-select-dropdown { left: 0px; right: unset; top: 0px; padding: 1rem 0.1rem 0.2rem; }
.m-register-container .reg-step-container .reg-form-section .register-input-container .standard-select-dropdown.standard-select-international-telcode, .m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-select-dropdown.standard-select-international-telcode { max-height: 6rem; z-index: -1; padding: 0.85rem 0.15rem 0.1rem; }
.m-register-container .reg-step-container .reg-form-section .register-input-container .standard-select-dropdown.standard-select-international-telcode .international-telcode-wrapper, .m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-select-dropdown.standard-select-international-telcode .international-telcode-wrapper { background: rgb(255, 255, 255); border-radius: 0.4rem; padding: 0.15rem 0.3rem; margin: 0px 0px 0.3rem; }
.m-register-container .reg-step-container .reg-form-section .register-input-container .standard-select-dropdown.standard-select-international-telcode .international-telcode-wrapper svg, .m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-select-dropdown.standard-select-international-telcode .international-telcode-wrapper svg { width: 0.35rem; height: 0.35rem; margin: 0px 0.1rem 0px 0px; }
.m-register-container .reg-step-container .reg-form-section .register-input-container .standard-select-dropdown.standard-select-international-telcode .international-telcode-wrapper input, .m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-select-dropdown.standard-select-international-telcode .international-telcode-wrapper input { width: 90%; background: rgba(0, 0, 0, 0); }
.m-register-container .reg-step-container .reg-form-section .register-input-container .standard-select-dropdown.standard-select-international-telcode .international-telcode-options, .m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-select-dropdown.standard-select-international-telcode .international-telcode-options { height: 4rem; overflow-y: scroll; }
.m-register-container .reg-step-container .reg-form-section .register-input-container .phone-field, .m-register-container .reg-step-container .reg-step-2 .register-input-container .phone-field { z-index: 2; }
.m-register-container .reg-step-container .reg-form-section .register-input-container.otp-input-container, .m-register-container .reg-step-container .reg-step-2 .register-input-container.otp-input-container { padding-bottom: 0.5rem; margin-bottom: 0.6rem; border-bottom: 0.01rem solid rgb(219, 224, 228); }
.m-register-container .reg-step-container .reg-form-section .register-input-container.otp-input-container .authOTP-field .standard-form-field-wrapper, .m-register-container .reg-step-container .reg-step-2 .register-input-container.otp-input-container .authOTP-field .standard-form-field-wrapper { justify-content: space-between; }
.m-register-container .reg-step-container .reg-form-section .register-input-container.otp-input-container .authOTP-field .standard-form-field-wrapper input, .m-register-container .reg-step-container .reg-step-2 .register-input-container.otp-input-container .authOTP-field .standard-form-field-wrapper input { width: 65%; }
.m-register-container .reg-step-container .reg-form-section .register-input-container.otp-input-container .authOTP-field .standard-form-field-wrapper .standard-button-container, .m-register-container .reg-step-container .reg-step-2 .register-input-container.otp-input-container .authOTP-field .standard-form-field-wrapper .standard-button-container { width: 30%; }
.m-register-container .reg-step-container .reg-form-section .register-input-container.otp-input-container .authOTP-field .standard-form-field-wrapper .standard-button-container .otp-button, .m-register-container .reg-step-container .reg-step-2 .register-input-container.otp-input-container .authOTP-field .standard-form-field-wrapper .standard-button-container .otp-button { min-width: auto; background: rgb(243, 245, 246); color: rgb(15, 22, 31); }
.m-register-container .reg-step-container .reg-form-section .register-input-container.whatsapp-otp-input-container, .m-register-container .reg-step-container .reg-step-2 .register-input-container.whatsapp-otp-input-container { padding-bottom: 0.5rem; margin-bottom: 0.6rem; border-bottom: 0.01rem solid rgb(219, 224, 228); }
.m-register-container .reg-step-container .reg-form-section .register-input-container.whatsapp-otp-input-container .standard-label, .m-register-container .reg-step-container .reg-step-2 .register-input-container.whatsapp-otp-input-container .standard-label { display: unset; }
.m-register-container .reg-step-container .reg-form-section .register-input-container.whatsapp-otp-input-container .standard-label span, .m-register-container .reg-step-container .reg-step-2 .register-input-container.whatsapp-otp-input-container .standard-label span { font-weight: 700; }
.m-register-container .reg-step-container .reg-form-section .register-input-container.whatsapp-otp-input-container .verify-method-container, .m-register-container .reg-step-container .reg-step-2 .register-input-container.whatsapp-otp-input-container .verify-method-container { display: grid; grid-template-columns: 40% 12% 44%; align-items: center; justify-content: center; padding: 0.3rem 0px; column-gap: 0.1rem; }
.m-register-container .reg-step-container .reg-form-section .register-input-container.whatsapp-otp-input-container .verify-method-container .qr, .m-register-container .reg-step-container .reg-step-2 .register-input-container.whatsapp-otp-input-container .verify-method-container .qr { width: 2rem; height: 2rem; margin: auto; }
.m-register-container .reg-step-container .reg-form-section .register-input-container.whatsapp-otp-input-container .verify-method-container .or, .m-register-container .reg-step-container .reg-step-2 .register-input-container.whatsapp-otp-input-container .verify-method-container .or { text-transform: capitalize; text-align: center; }
.m-register-container .reg-step-container .reg-form-section .register-input-container.whatsapp-otp-input-container .verify-method-container .standard-otp-button, .m-register-container .reg-step-container .reg-step-2 .register-input-container.whatsapp-otp-input-container .verify-method-container .standard-otp-button { min-width: auto; padding: 0px 0.1rem; }
.m-register-container .reg-step-container .reg-form-section .register-input-container.whatsapp-otp-input-container .standard-form-field::after, .m-register-container .reg-step-container .reg-step-2 .register-input-container.whatsapp-otp-input-container .standard-form-field::after { content: ""; }
.m-register-container .reg-step-container .reg-form-section .register-input-container.whatsapp-otp-input-container .break-line, .m-register-container .reg-step-container .reg-step-2 .register-input-container.whatsapp-otp-input-container .break-line { border-width: 0.01rem; border-color: rgb(219, 224, 228); border-image: initial; border-style: solid none none; margin: 0.6rem 0px; }
.m-register-container .reg-step-container .reg-form-section .register-input-container.whatsapp-otp-input-container .resend-otp-container, .m-register-container .reg-step-container .reg-step-2 .register-input-container.whatsapp-otp-input-container .resend-otp-container { margin: 0.3rem 0px 0.6rem; }
.m-register-container .reg-step-container .reg-form-section .register-input-container.whatsapp-otp-input-container .resend-otp-container .standard-button-container, .m-register-container .reg-step-container .reg-step-2 .register-input-container.whatsapp-otp-input-container .resend-otp-container .standard-button-container { margin-bottom: 0.1rem; }
.m-register-container .reg-step-container .reg-form-section .register-input-container.whatsapp-otp-input-container .resend-otp-container .standard-button-container .standard-otp-button, .m-register-container .reg-step-container .reg-step-2 .register-input-container.whatsapp-otp-input-container .resend-otp-container .standard-button-container .standard-otp-button { width: 100%; }
.m-register-container .reg-step-container .reg-form-section .register-input-container .label-option, .m-register-container .reg-step-container .reg-step-2 .register-input-container .label-option { display: flex; margin-bottom: 0.1rem; }
.m-register-container .reg-step-container .reg-form-section .register-input-container .label-option .option, .m-register-container .reg-step-container .reg-step-2 .register-input-container .label-option .option { margin-right: 0.3rem; color: rgb(134, 151, 162); cursor: pointer; }
.m-register-container .reg-step-container .reg-form-section .register-input-container .label-option .option.active, .m-register-container .reg-step-container .reg-step-2 .register-input-container .label-option .option.active { border-width: 0.03rem; border-color: rgb(255, 138, 0); border-image: initial; border-style: none none solid; }
.m-register-container .reg-step-container .reg-form-section .register-input-container .error-message-wrapper, .m-register-container .reg-step-container .reg-step-2 .register-input-container .error-message-wrapper { margin-top: 0.196rem; font-size: 0.236rem; color: rgb(232, 38, 44); }
.m-register-container .reg-step-container .reg-form-section .register-input-container .error-message-wrapper .password-rules-msg-wrapper, .m-register-container .reg-step-container .reg-step-2 .register-input-container .error-message-wrapper .password-rules-msg-wrapper { display: flex; color: rgb(134, 151, 162); gap: 0.06rem; align-items: center; }
.m-register-container .reg-step-container .reg-form-section .register-input-container .error-message-wrapper .password-rules-msg-wrapper img, .m-register-container .reg-step-container .reg-step-2 .register-input-container .error-message-wrapper .password-rules-msg-wrapper img { width: 0.236rem; height: 0.236rem; margin: 0.078rem 0.078rem 0.078rem 0rem; flex-shrink: 0; }
.m-register-container .reg-step-container .reg-form-section .register-input-container .error-message-wrapper .password-rules-msg-wrapper .error-message-text, .m-register-container .reg-step-container .reg-step-2 .register-input-container .error-message-wrapper .password-rules-msg-wrapper .error-message-text { margin-top: 0.03rem; margin-left: 0.078rem; flex: 1 1 0%; }
.m-register-container .reg-step-container .reg-form-section .phone-email-input-container .standard-label, .m-register-container .reg-step-container .reg-step-2 .phone-email-input-container .standard-label { margin-bottom: 0.2rem; color: rgb(134, 151, 162); }
.m-register-container .reg-step-container .reg-form-section .phone-email-input-container .standard-modal-tab-container .standard-modal-tab, .m-register-container .reg-step-container .reg-step-2 .phone-email-input-container .standard-modal-tab-container .standard-modal-tab { margin-bottom: 0.4rem; }
.m-register-container .reg-step-container .reg-form-section .tnc-field, .m-register-container .reg-step-container .reg-step-2 .tnc-field { margin: 0.65rem 0px 0px; }
.m-register-container .reg-step-container .reg-form-section .tnc-field .standard-checkbox-container .standard-checkbox-text-container .standard-checkbox-text, .m-register-container .reg-step-container .reg-step-2 .tnc-field .standard-checkbox-container .standard-checkbox-text-container .standard-checkbox-text { margin: 0px 0px 0px 0.1rem; }
.m-register-container .reg-step-container .reg-form-section .offer-field, .m-register-container .reg-step-container .reg-step-2 .offer-field { margin: 0.42rem 0px 0px; }
.m-register-container .reg-step-container .transaction-button-section { margin: 0.85rem 0px 0px; }
.m-register-container .reg-step-container .transaction-button-section button { width: 100%; height: 0.85rem; background: rgb(255, 138, 0); border-radius: 0.2rem; color: rgb(255, 255, 255); font-size: 0.3rem; }
.m-register-container .reg-step-container .transaction-button-section button:disabled { opacity: 0.5; }
.m-register-container .reg-step-container .transaction-button-section .back-button { background: rgb(226, 226, 226); width: 18%; }
.m-register-container .reg-step-container .transaction-button-section .back-button svg { width: 0.45rem; fill: rgb(255, 255, 255); }
.m-register-container .reg-step-container .transaction-button-section .reg-btn-complete button { background: rgb(255, 138, 0); }
.m-register-container .reg-step-container .transaction-button-section .reg-success-deposit-btn { background: rgb(0, 113, 227); }
.m-register-container .reg-step-container .reg-notice-section, .m-register-container .reg-step-container .reg-footer-notice { margin: 0.6rem auto 0px; text-align: center; font-size: 0.25rem; width: 85%; }
.m-register-container .reg-step-container .reg-notice-section a, .m-register-container .reg-step-container .reg-footer-notice a { color: rgb(0, 113, 227); }
.m-register-container .reg-step-container .prompt-login-section, .m-register-container .reg-step-container .prompt-login { margin: 1.05rem 0px 0px; text-align: center; font-size: 0.28rem; }
.m-register-container .reg-step-container .prompt-login-section a, .m-register-container .reg-step-container .prompt-login a { color: rgb(0, 102, 204); text-decoration: underline; }
.m-register-container .reg-step-container .reg-break-line-section { display: flex; align-items: center; justify-content: center; margin: 0.3rem 0px 0.16rem; font-size: 0.28rem; text-transform: lowercase; }
.m-register-container .reg-step-container .reg-break-line-section .break-line { width: 0.45rem; height: 0.02rem; background: rgb(134, 151, 162); }
.m-register-container .reg-step-container .reg-break-line-section span { margin: 0px 0.2rem; }
.m-register-container .reg-step-container .register-container-header { color: rgb(134, 151, 162); margin: 0.196rem auto; }
.m-register-container .reg-step-container .reg-success-container { margin: 1.2rem 0px 0px; padding: 0px 0.43rem; }
.m-register-container .reg-step-container .reg-success-container svg { width: 1.33rem; height: 1.33rem; }
.m-register-container .reg-step-container .reg-success-container h3 { margin: 0.65rem 0px 0.25rem; font-size: 0.5rem; }
.m-register-container .reg-step-container .reg-success-container span { font-size: 0.28rem; }
.m-register-container .reg-step-container .reg-success-container .info-desc { margin: 0.25rem; font-size: 0.28rem; }
.m-register-container .member-benefits-container .reg-slider-container .slick-list { border-radius: 0.1rem; }
.m-register-container .member-benefits-container .reg-slider-container .dotsContainer button { width: 0.12rem; height: 0.12rem; background: rgb(225, 225, 225); border-radius: 50%; }
.m-register-container .member-benefits-container .reg-slider-container .dotsContainer button:not(:last-child) { margin: 0px 0.2rem 0px 0px; }
.m-register-container .member-benefits-container .reg-slider-container .dotsContainer button.active { background: rgb(255, 149, 0); }
.m-register-container .member-benefits-container .reg-slider-container .custom-views { display: flex; flex-direction: row; justify-content: center; text-align: center; margin: 0.4rem 0px 0.1rem; }
.m-register-container .member-benefits-container .member-benefits-row:not(.sliderBanner) { display: flex; justify-content: center; text-align: center; }
.reg-progress-bar-section { display: flex; align-items: center; justify-content: space-between; width: 50%; margin: 0.4rem auto 0px; font-size: 0.28rem; }
.reg-progress-bar-section .step-wrapper { display: flex; align-items: center; justify-content: center; width: 0.48rem; height: 0.48rem; border-radius: 50%; background: rgb(226, 226, 226); color: rgb(255, 255, 255); padding: 0.05rem 0px 0px; }
.reg-progress-bar-section .step-wrapper.on { background: rgb(0, 113, 227); }
.reg-progress-bar-section .step-wrapper svg { width: 0.24rem; fill: rgb(255, 255, 255); margin: -0.01rem 0px 0px -0.01rem; }
.reg-progress-bar-section .progressBar { width: 25%; height: 0.02rem; background: rgb(226, 226, 226); }
.reg-progress-bar-section .progressBar.on { background: rgb(0, 113, 227); }
.m-reg-telegram-popup { text-align: center; }
.m-reg-telegram-popup .reg-telegram-popup-body { color: rgb(33, 33, 33); }
.m-reg-telegram-popup .reg-telegram-popup-body .reg-about { display: inline-block; width: 0.5rem; height: 0.5rem; background: url("../../public/html/images/telegram/faq-icon.png") 0px 0px no-repeat; margin: 0.3rem 0.16rem; position: absolute; right: 0px; top: 0px; }
.m-reg-telegram-popup .reg-telegram-popup-body .reg-photos { padding: 0.15rem 0px 0.3rem; }
.m-reg-telegram-popup .reg-telegram-popup-body .reg-photos .telegram-photo { padding-right: 0.15rem; width: 2rem; }
.m-reg-telegram-popup .reg-telegram-popup-body .reg-photos .profile-photo { width: 1rem; }
.m-reg-telegram-popup .reg-telegram-popup-body .reg-header-text { font-family: Roboto, sans-serif, Prompt; }
.m-reg-telegram-popup .reg-telegram-popup-body .reg-header-text .text-account { font-weight: 700; font-size: 0.29rem; margin-bottom: 0.3rem; }
.m-reg-telegram-popup .reg-telegram-popup-body .reg-header-text .text-account .bot-name { color: rgb(19, 133, 216); cursor: unset; }
.m-reg-telegram-popup .reg-telegram-popup-body .reg-header-text .text-phone { font-size: 0.28rem; }
.m-reg-telegram-popup .reg-telegram-popup-body .reg-header-text .text-phone a { color: rgb(19, 133, 216); }
.m-reg-telegram-popup .reg-telegram-popup-body .reg-telegram-form { width: 65%; margin: 0.45rem auto 0.4rem; text-align: left; }
.m-reg-telegram-popup .reg-telegram-popup-body .reg-telegram-form .svg-correct { position: absolute; right: -0.3rem; }
.m-reg-telegram-popup .reg-telegram-popup-body .reg-telegram-form .svg-correct svg { width: 0.2rem !important; height: 0.2rem !important; }
.m-reg-telegram-popup .reg-telegram-popup-body .reg-telegram-form .stat-text-div { position: absolute; left: 3.6rem; display: flex; align-items: center; right: -3rem; z-index: 1; font-size: 0.12rem; }
.m-reg-telegram-popup .reg-telegram-popup-body .reg-telegram-form .stat-text-div.phone { left: 2.535rem; }
.m-reg-telegram-popup .reg-telegram-popup-body .reg-telegram-form .stat-text-div img { position: absolute; right: 3.1rem; width: 0.22rem; }
.m-reg-telegram-popup .reg-telegram-popup-body .reg-telegram-form .stat-text-div .triangle-border { background: rgb(255, 255, 255); padding: 0.1rem 0.16rem; box-shadow: rgba(0, 0, 0, 0.3) 0px 0.03rem 0.06rem; position: relative; border-radius: 0.05rem; color: rgb(15, 22, 31); }
.m-reg-telegram-popup .reg-telegram-popup-body .reg-telegram-form .stat-text-div .triangle-border .triangle { position: absolute; top: 0.06rem; right: 100%; margin-left: -0.12rem; width: 0.24rem; height: 0.24rem; overflow: hidden; }
.m-reg-telegram-popup .reg-telegram-popup-body .reg-telegram-form .stat-text-div .triangle-border .triangle::after { content: ""; position: absolute; width: 0.1rem; height: 0.1rem; left: 100%; transform: translate(-50%, 50%) rotate(45deg); background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.3) 0px 0.01rem 0.06rem; }
.m-reg-telegram-popup .reg-telegram-popup-body .reg-telegram-form .stat-text-div .triangle-border span { overflow-wrap: break-word; }
.m-reg-telegram-popup .reg-telegram-popup-body .reg-telegram-form .register-input-container { margin-bottom: 0.4rem; display: flex; flex-direction: column; }
.m-reg-telegram-popup .reg-telegram-popup-body .reg-telegram-form .register-input-container .standard-form-field { margin: 0px 0px 0.14rem; }
.m-reg-telegram-popup .reg-telegram-popup-body .reg-telegram-form .register-input-container .standard-form-field .standard-input::placeholder { white-space: nowrap; }
.m-reg-telegram-popup .reg-telegram-popup-body .reg-telegram-form .register-input-container .standard-form-field .standard-select-dropdown.standard-select-international-telcode .international-telcode-wrapper { background: rgb(255, 255, 255); border-radius: 0.4rem; padding: 0.15rem 0.3rem; margin: 0px 0px 0.3rem; }
.m-reg-telegram-popup .reg-telegram-popup-body .reg-telegram-form .register-input-container .standard-form-field .standard-select-dropdown.standard-select-international-telcode .international-telcode-wrapper svg { width: 0.35rem; height: 0.35rem; margin: 0px 0.1rem 0px 0px; }
.m-reg-telegram-popup .reg-telegram-popup-body .reg-telegram-form .register-input-container .standard-form-field .standard-select-dropdown.standard-select-international-telcode .international-telcode-wrapper input { width: 85%; background: rgba(0, 0, 0, 0); }
.m-reg-telegram-popup .reg-telegram-popup-body .reg-telegram-form .register-input-container .standard-form-field .standard-select-dropdown.standard-select-international-telcode .international-telcode-options { height: 4rem; overflow-y: scroll; }
.m-reg-telegram-popup .reg-telegram-popup-body .reg-telegram-form .register-input-container .standard-form-field .select-arrow-up { transform: translate(0%, 50%) rotate(225deg); }
.m-reg-telegram-popup .reg-telegram-popup-body .reg-telegram-button-container { margin-top: 0.25rem; }
.m-reg-telegram-popup .reg-telegram-popup-body .reg-telegram-button-container .button-item { font-size: 0.24rem; font-weight: 500; line-height: 0.18rem; color: rgb(255, 255, 255); background: rgb(76, 163, 226); border-radius: 0.4rem; display: inline-block; padding: 0.25rem 0.4rem; text-transform: uppercase; text-align: center; vertical-align: middle; border: none; transition: background-color 0.2s; white-space: nowrap; }
.m-reg-telegram-popup .reg-telegram-popup-body .reg-telegram-button-container .button-item .button-item-label { max-width: 100%; overflow: hidden; text-overflow: ellipsis; vertical-align: top; position: relative; }
.m-reg-telegram-popup .reg-telegram-popup-body .reg-telegram-button-container .button-item.cancel-button { color: rgb(19, 133, 216); background: rgba(0, 0, 0, 0); }
.m-reg-telegram-popup .reg-telegram-popup-body .reg-telegram-button-container .button-item.submit-button { margin-left: 0.1rem; }
.m-reg-telegram-popup .reg-telegram-popup-body .reg-telegram-button-container .button-item:disabled { cursor: unset; }
.m-login-container { background: rgb(255, 255, 255); color: rgb(134, 151, 162); }
.m-login-container .login-container { padding: 0.45rem 0.42rem 0.67566rem; }
.m-login-container .login-container .login-title { font-weight: 600; font-size: 0.36rem; color: rgb(15, 22, 31); padding: 0px 0px 0px 0.1rem; }
.m-login-container .login-container .login-form-section { margin: 0.5rem 0px 0px; }
.m-login-container .login-container .login-form-section .login-input-container { display: flex; flex-direction: column; }
.m-login-container .login-container .login-form-section .login-input-container .standard-form-field { margin: 0px 0px 0.4rem; }
.m-login-container .login-container .login-form-section .login-input-container .standard-form-field .standard-input { font-family: inherit; }
.m-login-container .login-container .login-form-section .login-input-container .standard-form-field .standard-input:-webkit-autofill, .m-login-container .login-container .login-form-section .login-input-container .standard-form-field .standard-input:hover, .m-login-container .login-container .login-form-section .login-input-container .standard-form-field .standard-input:focus, .m-login-container .login-container .login-form-section .login-input-container .standard-form-field .standard-input:active { border: 0.02rem solid rgb(0, 113, 227); }
.m-login-container .login-container .login-form-section .login-input-container .standard-form-field .standard-input:-webkit-autofill, .m-login-container .login-container .login-form-section .login-input-container .standard-form-field .standard-input:active { background: rgb(234, 238, 240); }
.m-login-container .login-container .login-form-section .login-input-container .standard-form-field input[type="text"], .m-login-container .login-container .login-form-section .login-input-container .standard-form-field input[type="password"] { appearance: none; }
.m-login-container .login-container .login-form-section .whatsapp-login-fields .whatsapp-login-wrapper .whatsapp-telCode-dropdown { padding: 0rem 0.1rem 0px; }
.m-login-container .login-container .login-form-section .whatsapp-login-fields .whatsapp-login-wrapper .whatsapp-telCode-dropdown span { margin: 0px 0.05rem 0px 0px; }
.m-login-container .login-container .login-form-section .whatsapp-login-fields .whatsapp-login-wrapper .sort-type-dropdown { top: 0.8rem; padding: 0.25rem 0.15rem 0.1rem; }
.m-login-container .login-container .login-form-section .whatsapp-login-fields .whatsapp-login-wrapper .sort-type-dropdown input { height: 0.8rem; }
.m-login-container .login-container .login-form-section .whatsapp-login-fields .whatsapp-login-wrapper .sort-type-dropdown .standard-select-options { height: 1rem; padding: 0.15rem; display: flex; justify-content: flex-start; flex-direction: row; }
.m-login-container .login-container .login-form-section .whatsapp-login-fields .whatsapp-login-wrapper .sort-type-dropdown .standard-select-options span { width: 10%; }
.m-login-container .login-container .login-form-section .standard-mandatory::after { font-size: 0.36rem; position: absolute; right: -0.01rem; top: -0.3rem; }
.m-login-container .login-container .transaction-button-section { margin: 0.85rem 0px 0px; }
.m-login-container .login-container .transaction-button-section button { width: 100%; height: 0.85rem; background: rgb(255, 138, 0); border-radius: 0.2rem; color: rgb(255, 255, 255); font-size: 0.3rem; }
.m-login-container .login-container .transaction-button-section button:disabled { opacity: 0.5; }
.m-login-container .login-container .forget-password-section, .m-login-container .login-container .prompt-login-section { margin: 0.7rem 0px 0px; text-align: center; font-size: 0.28rem; }
.m-login-container .login-container .forget-password-section a, .m-login-container .login-container .prompt-login-section a { color: rgb(0, 102, 204); text-decoration: underline; }
.m-login-container .login-container .prompt-login-section { margin: 0.5rem 0px 0px; }
.m-login-container .login-container .prompt-login-section a { color: rgb(255, 149, 0); text-decoration: none; }
.m-login-container .login-container .login-break-line-section { display: flex; align-items: center; justify-content: center; margin: 0.55rem 0px; font-size: 0.28rem; text-transform: lowercase; }
.m-login-container .login-container .login-break-line-section .break-line { width: 0.45rem; height: 0.02rem; background: rgb(134, 151, 162); }
.m-login-container .login-container .login-break-line-section span { margin: 0px 0.2rem; }
.m-login-container .login-container .help-section { margin: 1.2rem auto 0px; width: 80%; text-align: center; font-size: 0.28rem; }
.m-login-container .login-container .help-section a { color: rgb(255, 149, 0); }
.m-login-container .member-benefits-container { background: rgb(243, 245, 246); padding: 0.098464rem 0.15754rem 0rem; }
.m-login-container .member-benefits-container .login-banner-container .slick-slider .dotsContainer { width: 70%; margin: 0.33rem auto 0.1rem; text-align: center; }
.m-login-container .member-benefits-container .login-banner-container .slick-slider .dotsContainer button { background: rgb(225, 225, 225); width: 0.12rem; height: 0.12rem; border-radius: 50%; margin-right: 0.2rem; }
.m-login-container .member-benefits-container .login-banner-container .slick-slider .dotsContainer .active { background: rgb(255, 138, 0); }
.m-login-container .member-benefits-container .login-slider-container .slick-list { border-radius: 0.1rem; }
.m-login-container .member-benefits-container .login-slider-container .slick-list .image-container { height: 2.9539rem; }
.m-login-container .member-benefits-container .login-slider-container .slick-list .image-container .slider-banner { height: 2.9539rem; width: 100%; }
.m-login-container .member-benefits-container .login-slider-container .dotsContainer { display: flex; align-items: center; justify-content: center; margin: 0.3rem 0px 0px; }
.m-login-container .member-benefits-container .login-slider-container .dotsContainer button { width: 0.12rem; height: 0.12rem; background: rgb(225, 225, 225); border-radius: 50%; }
.m-login-container .member-benefits-container .login-slider-container .dotsContainer button:not(:last-child) { margin: 0px 0.2rem 0px 0px; }
.m-login-container .member-benefits-container .login-slider-container .dotsContainer button.active { background: rgb(255, 149, 0); }
.m-login-container .member-benefits-container .sliderBanner { margin: 0px; }
.m-login-container .member-benefits-container .info { text-align: center; font-size: 0.25rem; color: rgb(15, 22, 31); padding-bottom: 0.374163rem; }
.m-login-container .member-benefits-container .info p { white-space: break-spaces; width: 75%; margin: 0.256rem auto 0px; }
.m-login-container .member-benefits-container .info p span { font-size: 0.28rem; font-weight: 600; }
.m-login-container .member-benefits-container .info-logo { margin: 0px; height: 0.8rem; text-align: center; }
.m-login-container .member-benefits-container .info-logo img { height: 0.8rem; }
.m-login-container .member-benefits-container .license-container { display: flex; align-items: center; justify-content: center; margin: 0.62rem 0px 0px; font-size: 0.16rem; color: rgb(15, 22, 31); }
.m-login-container .member-benefits-container .license-container svg { width: 0.75rem; height: 0.58rem; }
.m-login-container .member-benefits-container .license-container p { margin: 0px 0px 0px 0.18rem; }
.m-login-container .member-benefits-container .license-container p span { font-size: 0.13rem !important; }
.bottom-navbar-container { position: sticky; bottom: 0px; width: 100%; z-index: 1001; margin-top: -1.1rem; }
.bottom-navbar-container .bn-content { display: flex; align-items: center; justify-content: space-between; background: rgb(255, 255, 255); border-radius: 0.2rem 0.2rem 0px 0px; padding: 0.15rem 0.25rem; font-size: 0.19rem; height: 1.1rem; filter: drop-shadow(rgb(0, 0, 0) 0px 0.3rem 0.3rem); }
.bottom-navbar-container .bn-content .bn-menu { width: 100%; text-align: center; cursor: pointer; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; }
.bottom-navbar-container .bn-content .bn-menu .bn-icon { height: 0.5rem; }
.bottom-navbar-container .bn-content .bn-menu .bn-desc { margin: 0.15rem 0px 0px; color: rgb(9, 94, 189); }
.bottom-navbar-container .bn-content .bn-menu .bn-desc.bn-desc-active { color: rgb(237, 84, 0); }
.bottom-navbar-container .bn-content #btm-nav-instantRebate.bn-menu .bn-icon { height: 0.55rem; }
.bottom-navbar-container .bn-content #btm-nav-instantRebate.bn-menu .bn-desc { margin: 0.15rem 0px 0px; }
.leaderboard-container ul .list-style.circle { list-style-type: circle; }
.leaderboard-container ul .list-style.square { list-style-type: square; }
.leaderboard-container ul .list-style.disc { list-style-type: disc; }
.leaderboard-container ul .list-style.decimal { list-style-type: decimal; }
.leaderboard-container ul .list-style.upper-roman { list-style-type: upper-roman; }
.leaderboard-container ul .list-style.lower-roman { list-style-type: lower-roman; }
.leaderboard-container ul .list-style.lower-alpha { list-style-type: lower-alpha; }
.leaderboard-container ul .list-style.upper-alpha { list-style-type: upper-alpha; }
.leaderboard-container .leaderboard-row { width: 13.4rem; }
.leaderboard-container .leaderboard-row .date-time-container { width: 26%; float: right; }
.leaderboard-container .leaderboard-row .date-time-container .standard-form-container { display: flex; justify-content: space-between; }
.leaderboard-container .leaderboard-row .date-time-container .standard-form-container .standard-form-field { width: 32%; }
.leaderboard-container .leaderboard-row .date-time-container .standard-form-container .standard-form-field:first-child { width: 62%; }
.leaderboard-container .leaderboard-row .date-time-container .standard-form-container .standard-form-field .standard-select { border-radius: 0.2rem; font-size: 0.14rem; background: rgb(243, 245, 246); color: rgb(134, 151, 162); border: none; padding: 0.05rem 0.25rem; }
.leaderboard-container .leaderboard-row .date-time-container .standard-form-container .standard-form-field .standard-select span { margin: 0px; }
.leaderboard-container .leaderboard-row .date-time-container .standard-form-container .standard-form-field .standard-select-arrow { right: 0.25rem; }
.leaderboard-container .leaderboard-row .member-rank-container { padding: 0.2rem; background: rgb(243, 245, 246); border-radius: 0.1rem; width: 100%; }
.leaderboard-container .leaderboard-row .member-rank-container .table-container { background: rgb(255, 255, 255); border-radius: 0.1rem; padding: 0.2rem; color: rgb(15, 22, 31); }
.leaderboard-container .leaderboard-row .member-rank-container .table-container .table-head { display: flex; margin: 0px 0.3rem 0.3rem; font: 500 0.18rem AvertaStd-Semibold, Prompt; }
.leaderboard-container .leaderboard-row .member-rank-container .table-container .table-head .table-col:nth-child(1) { width: 18%; }
.leaderboard-container .leaderboard-row .member-rank-container .table-container .table-head .table-col:nth-child(2) { width: 25%; }
.leaderboard-container .leaderboard-row .member-rank-container .table-container .table-head .table-col:nth-child(3) { width: 40%; }
.leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body { font-weight: 400; font-size: 0.14rem; }
.leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row { background: rgb(243, 245, 246); border-radius: 0.1rem; display: flex; align-items: center; padding: 0px 0.3rem; margin: 0px 0px 0.3rem; height: 0.5rem; }
.leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row:nth-child(1):not(.current-member) { background: rgb(0, 59, 121); color: rgb(255, 255, 255); font-weight: 600; font-size: 0.18rem; }
.leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row:nth-child(1):not(.current-member) .rank span { background: rgb(255, 90, 0); border-radius: 0.1rem; }
.leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row:nth-child(2):not(.current-member) { background: rgb(0, 78, 161); color: rgb(255, 255, 255); font-weight: 600; font-size: 0.18rem; }
.leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row:nth-child(2):not(.current-member) .rank span { background: rgb(255, 138, 0); border-radius: 0.1rem; }
.leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row:nth-child(3):not(.current-member) { background: rgb(35, 106, 182); color: rgb(255, 255, 255); font-weight: 600; font-size: 0.18rem; }
.leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row:nth-child(3):not(.current-member) .rank span { background: rgb(255, 193, 59); border-radius: 0.1rem; }
.leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row.current-member { border: 0.01rem solid rgb(255, 138, 0); }
.leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row .table-col.rank span { padding: 0.2rem; }
.leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row .table-col:nth-child(1) { width: 18%; }
.leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row .table-col:nth-child(2) { width: 25%; }
.leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row .table-col:nth-child(3) { width: 40%; }
.leaderboard-container .leaderboard-row .prize-rank-container { padding: 0.2rem; background: rgb(243, 245, 246); border-radius: 0.1rem; width: 100%; }
.leaderboard-container .leaderboard-row .prize-rank-container .table-container { background: rgb(255, 255, 255); border-radius: 0.1rem; padding: 0.2rem; color: rgb(15, 22, 31); }
.leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-head { display: flex; margin: 0px 0.3rem 0.3rem; font-weight: 600; font-size: 0.18rem; }
.leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-head .table-col:nth-child(1) { width: 18%; }
.leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-head .table-col:nth-child(2) { width: 67%; }
.leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-head .table-col:nth-child(3) { width: 15%; text-align: center; }
.leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body { font-weight: 400; font-size: 0.14rem; }
.leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row { background: rgb(243, 245, 246); border-radius: 0.1rem; display: flex; padding: 0px 0.3rem; margin: 0px 0px 0.3rem; align-items: center; height: 0.5rem; }
.leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row .table-col.rank span { padding: 0.2rem; }
.leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row .table-col.prize img { height: 0.45rem; margin-top: 0.04rem; cursor: pointer; }
.leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row .table-col:nth-child(1) { width: 18%; }
.leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row .table-col:nth-child(2) { width: 67%; }
.leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row .table-col:nth-child(3) { width: 15%; text-align: center; }
.leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row:nth-child(1) { background: rgb(0, 59, 121); color: rgb(255, 255, 255); font-weight: 600; font-size: 0.18rem; }
.leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row:nth-child(1) .rank { font-weight: 600; font-size: 0.18rem; }
.leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row:nth-child(1) .rank span { background: rgb(255, 90, 0); border-radius: 0.1rem; }
.leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row:nth-child(2) { background: rgb(0, 78, 161); color: rgb(255, 255, 255); font-weight: 600; font-size: 0.18rem; }
.leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row:nth-child(2) .rank span { background: rgb(255, 138, 0); border-radius: 0.1rem; }
.leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row:nth-child(3) { background: rgb(35, 106, 182); color: rgb(255, 255, 255); font-weight: 600; font-size: 0.18rem; }
.leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row:nth-child(3) .rank span { background: rgb(255, 193, 59); border-radius: 0.1rem; }
.leaderboard-container .main-slider-banner .image-container .banner-content { width: 3rem; text-align: left; top: 0px; right: 50%; position: absolute; }
.leaderboard-container .main-slider-banner .image-container .banner-content .custom-desc-container { position: absolute; right: 2.6rem; top: 1.25rem; color: rgb(255, 255, 255); width: 3.8rem; text-align: left; }
.leaderboard-container .main-slider-banner .image-container .banner-content .custom-desc-container .title { font-weight: 600; font-size: 0.55rem; line-height: 1.25; }
.leaderboard-container .main-slider-banner .image-container .banner-content .custom-desc-container .desc { font-weight: 400; font-size: 0.28rem; line-height: 1.25; }
.leaderboard-container #readMore, .leaderboard-container #readLess { text-decoration: underline; cursor: pointer; color: rgb(38, 111, 217); }
.leaderboard-container .product-banner-container .top-provider-img .top-provider-content .provider-desc { font-size: 0.28rem; }
@media (max-width: 1024px) { .leaderboard-container .product-banner-container .top-provider-img .top-provider-content .provider-desc { font-size: 0.22rem; }
}
@media (max-width: 1024px) { .leaderboard-container .leaderboard-row { width: 11.5rem; } .leaderboard-container .main-slider-banner .image-container .banner-content .custom-desc-container { right: 2.25rem; top: 1.1rem; width: 2.8rem; } .leaderboard-container .main-slider-banner .image-container .banner-content .custom-desc-container .title { font-size: 0.4rem; } .leaderboard-container .main-slider-banner .image-container .banner-content .custom-desc-container .desc { font-size: 0.22rem; }
}
@media (max-width: 768px) { .leaderboard-container .leaderboard-row { width: 11.5rem; } .leaderboard-container .leaderboard-row .member-rank-container { padding: 0.2rem; background: rgb(243, 245, 246); border-radius: 0.1rem; width: 100%; } .leaderboard-container .leaderboard-row .member-rank-container .table-container { background: rgb(255, 255, 255); border-radius: 0.1rem; padding: 0.2rem; color: rgb(15, 22, 31); } .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-head { display: flex; margin: 0px 0.2rem 0.3rem; } .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-head .table-col:nth-child(1) { width: 25%; } .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-head .table-col:nth-child(2) { width: 37.5%; } .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-head .table-col:nth-child(3) { width: 37.5%; } .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row { background: rgb(243, 245, 246); border-radius: 0.1rem; display: flex; align-items: center; padding: 0px 0.2rem; margin: 0px 0px 0.3rem; height: 0.75rem; } .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row:nth-child(1):not(.current-member) { background: rgb(0, 59, 121); color: rgb(255, 255, 255); } .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row:nth-child(1):not(.current-member) .rank span { background: rgb(255, 90, 0); border-radius: 0.1rem; font-weight: 400; font-size: 0.47rem; } .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row:nth-child(1):not(.current-member) .username span, .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row:nth-child(1):not(.current-member) .turnover span { font-weight: 400; font-size: 0.35rem; } .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row:nth-child(2):not(.current-member) { background: rgb(0, 78, 161); color: rgb(255, 255, 255); } .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row:nth-child(2):not(.current-member) .rank span { background: rgb(248, 130, 3); border-radius: 0.1rem; font-weight: 400; font-size: 0.47rem; } .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row:nth-child(2):not(.current-member) .username span, .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row:nth-child(2):not(.current-member) .turnover span { font-weight: 400; font-size: 0.35rem; } .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row:nth-child(3):not(.current-member) { background: rgb(35, 106, 182); color: rgb(255, 255, 255); } .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row:nth-child(3):not(.current-member) .rank span { background: rgb(255, 193, 59); border-radius: 0.1rem; font-weight: 400; font-size: 0.47rem; } .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row:nth-child(3):not(.current-member) .username span, .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row:nth-child(3):not(.current-member) .turnover span { font-weight: 400; font-size: 0.35rem; } .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row.current-member { background: rgb(255, 138, 0); color: rgb(255, 255, 255); } .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row.current-member .table-col.rank span, .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row.current-member .table-col.username span, .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row.current-member .table-col.turnover span { font-weight: 600; font-size: 0.28rem; } .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row .table-col { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row .table-col.rank { font-weight: 400; font-size: 0.28rem; } .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row .table-col.rank span { border-radius: 0.1rem; display: block; width: 0.7rem; padding: 0.15rem 0px; text-align: center; } .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row .table-col.username span, .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row .table-col.turnover span { font-weight: 400; font-size: 0.28rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row .table-col:nth-child(1) { width: 25%; } .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row .table-col:nth-child(2) { width: 37.5%; } .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row .table-col:nth-child(3) { width: 37.5%; } .leaderboard-container .leaderboard-row .prize-rank-container { padding: 0.2rem; background: rgb(255, 255, 255); border-radius: 0.1rem; width: 100%; } .leaderboard-container .leaderboard-row .prize-rank-container .table-container { background: rgb(255, 255, 255); border-radius: 0.1rem; padding: 0.2rem; color: rgb(15, 22, 31); } .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-head { display: flex; margin: 0px 0.2rem 0.3rem; } .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-head .table-col { white-space: pre-wrap; } .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-head .table-col:nth-child(1) { width: 20%; } .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-head .table-col:nth-child(2) { width: 55%; } .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-head .table-col:nth-child(3) { width: 25%; text-align: center; } .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row { background: rgb(243, 245, 246); border-radius: 0.1rem; display: flex; padding: 0px 0.2rem; margin: 0px 0px 0.3rem; align-items: center; height: 0.75rem; } .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row .table-col.rank { font-weight: 400; font-size: 0.28rem; } .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row .table-col.rank span { border-radius: 0.1rem; display: block; width: 0.7rem; padding: 0.15rem 0px; text-align: center; } .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row .table-col.title { font-weight: 400; font-size: 0.28rem; overflow: hidden; white-space: nowrap; } .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row .table-col.title .scroll-animation { display: block; animation: 5s linear 0s infinite alternate none running marquee-extend; } .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row .table-col.prize img { height: 0.7rem; margin-top: 0.04rem; cursor: pointer; } .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row .table-col:nth-child(1) { width: 20%; } .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row .table-col:nth-child(2) { width: 55%; } .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row .table-col:nth-child(3) { width: 25%; text-align: center; } .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row:nth-child(1) { background: rgb(0, 59, 121); } .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row:nth-child(1) .rank span { background: rgb(255, 90, 0); color: rgb(255, 255, 255); font-weight: 400; font-size: 0.47rem; } .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row:nth-child(1) .title span { font-weight: 400; font-size: 0.35rem; } .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row:nth-child(2) { background: rgb(0, 78, 161); } .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row:nth-child(2) .rank span { background: rgb(248, 130, 3); color: rgb(255, 255, 255); font-weight: 400; font-size: 0.47rem; } .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row:nth-child(2) .title span { font-weight: 400; font-size: 0.35rem; } .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row:nth-child(3) { background: rgb(35, 106, 182); } .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row:nth-child(3) .rank span { background: rgb(255, 193, 59); color: rgb(255, 255, 255); font-weight: 400; font-size: 0.47rem; } .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row:nth-child(3) .title span { font-weight: 400; font-size: 0.35rem; } .leaderboard-container .main-slider-banner .image-container .banner-content .custom-desc-container { right: 2.25rem; top: 1.1rem; width: 2.8rem; } .leaderboard-container .main-slider-banner .image-container .banner-content .custom-desc-container .title { font-size: 0.4rem; } .leaderboard-container .main-slider-banner .image-container .banner-content .custom-desc-container .desc { font-size: 0.22rem; } .dropdown-container { display: flex; justify-content: space-between; align-items: center; width: 100%; } .dropdown-container .dropdown-img-title { display: flex; align-items: center; } .dropdown-container .dropdown-transition { transform: rotate(0deg); transition: 0.3s; } .dropdown-container .dropdown-transition.on-clicked { transform: rotate(180deg); } .datepicker-icon-container { margin: 0px 0px 0px 0.3rem; } .datepicker-icon-container .icon-calender { width: 0.5rem; }
}
@keyframes marquee-extend { 50%, 0% { transform: translate(0px, 0px); } 90%, 100% { transform: translate(-100%, 0px); }
}
.leaderboard-reward-popup-overlay .leaderboard-reward-popup-container { background: rgb(255, 255, 255); min-width: 4.48rem; max-width: 4.48rem; }
.leaderboard-reward-popup-overlay .leaderboard-reward-popup-container .reward-popup-body { text-align: center; padding: 0rem 0.4rem 0.35rem; }
.leaderboard-reward-popup-overlay .leaderboard-reward-popup-container .reward-popup-body .image-container { margin: 0px 0px 0.2rem; height: 2.5rem; overflow: hidden; }
.leaderboard-reward-popup-overlay .leaderboard-reward-popup-container .reward-popup-body .image-container img { max-width: 100%; height: 2.5rem; }
.leaderboard-reward-popup-overlay .leaderboard-reward-popup-container .reward-popup-body .title { font-weight: 600; font-size: 0.3rem; color: rgb(15, 22, 31); }
.leaderboard-reward-popup-overlay .leaderboard-reward-popup-container .reward-popup-body .desc { font-weight: 400; font-size: 0.22rem; color: rgb(15, 22, 31); margin: 0px 0px 0.4rem; }
.leaderboard-reward-popup-overlay .leaderboard-reward-popup-container .reward-popup-body .reward-popup-btn-container { justify-content: center; }
.leaderboard-reward-popup-overlay .leaderboard-reward-popup-container .reward-popup-body .reward-popup-btn-container button { font-weight: 400; font-size: 0.16rem; }
@media (max-width: 768px) { .leaderboard-reward-popup-overlay { overflow: unset; } .leaderboard-reward-popup-overlay .leaderboard-reward-popup-container { background: rgb(255, 255, 255); min-width: 6.75rem; max-width: 6.75rem; margin: calc(-50% + 50vh) auto 0px; } .leaderboard-reward-popup-overlay .leaderboard-reward-popup-container .reward-popup-body { text-align: center; padding: 0rem 0.4rem 0.35rem; } .leaderboard-reward-popup-overlay .leaderboard-reward-popup-container .reward-popup-body .image-container { margin: 0px 0px 0.2rem; height: 2.5rem; } .leaderboard-reward-popup-overlay .leaderboard-reward-popup-container .reward-popup-body .image-container img { max-width: 100%; height: 2.5rem; } .leaderboard-reward-popup-overlay .leaderboard-reward-popup-container .reward-popup-body .title { font-weight: 600; font-size: 0.53rem; color: rgb(15, 22, 31); } .leaderboard-reward-popup-overlay .leaderboard-reward-popup-container .reward-popup-body .desc { font-weight: 400; font-size: 0.35rem; color: rgb(15, 22, 31); margin: 0px 0px 0.4rem; } .leaderboard-reward-popup-overlay .leaderboard-reward-popup-container .reward-popup-body .reward-popup-btn-container { justify-content: center; } .leaderboard-reward-popup-overlay .leaderboard-reward-popup-container .reward-popup-body .reward-popup-btn-container button { font-weight: 400; font-size: 0.35rem; border-radius: 0.2rem; height: 1rem; min-width: 2rem; width: unset; margin: auto; }
}
.leaderboard-datetime-popup-overlay { overflow: unset; }
.leaderboard-datetime-popup-overlay .leaderboard-datetime-popup-container { background: rgb(243, 245, 246); margin: 1rem auto; }
.leaderboard-datetime-popup-overlay .leaderboard-datetime-popup-container .datetime-popup-body { text-align: center; padding: 0rem 0.4rem 0.35rem; }
.leaderboard-datetime-popup-overlay .leaderboard-datetime-popup-container .datetime-popup-body .title { font: 600 0.35rem AvertaStd-Semibold, Prompt; color: rgb(15, 22, 31); margin: 0px 0px 0.5rem; }
.leaderboard-datetime-popup-overlay .leaderboard-datetime-popup-container .datetime-popup-body .datetime-popup-btn-container { margin: 0.5rem 0px 0px; }
.leaderboard-datetime-popup-overlay .leaderboard-datetime-popup-container .datetime-popup-body .datetime-popup-btn-container button { font-weight: 400; font-size: 0.35rem; border-radius: 0.2rem; height: 1rem; min-width: 2rem; width: unset; margin: auto; }
.leaderboard-datetime-popup-overlay .leaderboard-datetime-popup-container .datetime-popup-body .date-time-container { width: 85%; margin: auto; }
.leaderboard-datetime-popup-overlay .leaderboard-datetime-popup-container .datetime-popup-body .date-time-container .standard-form-container .standard-select { font: 400 0.35rem AvertaStd-Regular, SukhumvitSet-Regular; color: rgb(134, 151, 162); }
.contact-wrapper { padding: 0.7rem 0px 1rem; background: rgb(243, 245, 246); }
.contact-wrapper .contact-title { font-weight: 600; font-size: 0.18rem; color: rgb(15, 22, 31); width: 13.4rem; margin: 0.52rem auto 0.2rem; padding: 0px 0.24rem; }
.contact-wrapper .contact-container { background: rgb(255, 255, 255); border-radius: 0.1rem; width: 13.4rem; margin: 0.52rem auto 0.2rem; padding: 1rem 3rem; }
.contact-wrapper .contact-container .desc-container { font-size: 0.14rem; text-align: center; margin: 0px 0px 0.25rem; }
.contact-wrapper .contact-container .desc-container .desc { color: rgb(134, 151, 162); }
.contact-wrapper .contact-container .desc-container a { color: rgb(1, 112, 227); }
.contact-wrapper .contact-container .country-container { display: flex; justify-content: center; margin: 0px 0px 0.25rem; }
.contact-wrapper .contact-container .country-container img, .contact-wrapper .contact-container .country-container svg { width: 0.25rem; height: 0.25rem; border-radius: 50%; border: 0.01rem solid rgb(204, 204, 204); margin: 0px 0.1rem; filter: grayscale(1); }
.contact-wrapper .contact-container .country-container img:hover, .contact-wrapper .contact-container .country-container img.active, .contact-wrapper .contact-container .country-container svg:hover, .contact-wrapper .contact-container .country-container svg.active { filter: grayscale(0); }
.contact-wrapper .contact-container .contact-list-container { display: flex; justify-content: center; flex-wrap: wrap; }
.contact-wrapper .contact-container .contact-list-container .contact-item { display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0px 0.25rem 0.2rem; }
.contact-wrapper .contact-container .contact-list-container img, .contact-wrapper .contact-container .contact-list-container svg { width: 0.5rem; }
.contact-wrapper .contact-container .contact-list-container .title { color: rgb(255, 138, 0); font-weight: 600; font-size: 0.18rem; margin: 0.1rem 0px; }
.contact-wrapper .contact-container .contact-list-container .click-me-btn { color: rgb(1, 112, 227); font-size: 0.14rem; background: rgba(0, 0, 0, 0); text-decoration: underline; cursor: pointer; }
@media (max-width: 1024px) { .contact-wrapper .contact-title { width: 11.5rem; } .contact-wrapper .contact-container { width: 11.5rem; }
}
.m-contact-container { background: rgb(255, 255, 255); padding: 0.5rem 0.25rem; border-radius: 0.1rem; }
.m-contact-container .desc-container { font-size: 0.28rem; margin: 0px 0px 0.5rem; }
.m-contact-container .desc-container .desc { color: rgb(134, 151, 162); }
.m-contact-container .desc-container a { color: rgb(1, 112, 227); }
.m-contact-container .contact-list-container { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.5rem 0px; }
.m-contact-container .contact-list-container .contact-item { display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0px 0.5rem 0px 0px; }
.m-contact-container .contact-list-container img, .m-contact-container .contact-list-container svg { width: 0.75rem; height: 0.75rem; }
.m-contact-container .contact-list-container .title { color: rgb(255, 138, 0); font-weight: 600; font-size: 0.28rem; margin: 0.1rem 0px; }
.m-contact-container .contact-list-container .click-me-btn { color: rgb(1, 112, 227); font-size: 0.2rem; background: rgba(0, 0, 0, 0); text-decoration: underline; }
.settings-main-wallet .wallet-content { background: rgb(247, 247, 247); border-radius: 0.1rem; margin: 0px 0px 0.15rem; padding: 0.15rem; }
.settings-main-wallet .wallet-content .member-wallet { margin: 0px 0px 0.2rem; }
.settings-main-wallet .wallet-content .member-wallet .wallet-balance { display: flex; justify-content: space-between; }
.settings-main-wallet .wallet-content .member-wallet .wallet-balance svg { fill: url("#beta-refresh-gradient"); width: 0.23rem; }
.settings-main-wallet .wallet-content .member-wallet .wallet-balance svg.active { transition: transform 500ms cubic-bezier(0.85, -0.48, 0.26, 0.67); transform: translateZ(0px) rotateZ(-540360deg); }
.settings-main-wallet .wallet-content .member-wallet .currency-label { color: rgb(0, 90, 204); }
.settings-main-wallet .wallet-content .member-wallet .currency-amount { color: rgb(0, 90, 204); }
.settings-main-wallet .wallet-content .restore-wallet .restore-btn { align-items: center; background: rgb(0, 113, 227); border: 0px; border-radius: 0.07rem; display: flex; color: rgb(255, 255, 255); font-size: 0.16rem; padding: 0.05rem 0.1rem; justify-content: space-between; }
.settings-main-wallet .wallet-content .restore-wallet .restore-btn:hover { background: rgb(0, 81, 214); }
.settings-main-wallet .wallet-content .restore-wallet .restore-btn .restore-btn-icon { width: 23%; }
.settings-main-wallet .wallet-content .restore-wallet .restore-btn .restore-btn-icon svg { fill: rgb(255, 255, 255); padding: 0.02rem 0px 0px; }
.settings-main-wallet .wallet-content .restore-wallet .restore-btn span { width: 65%; word-break: break-word; }
.settings-main-wallet .wallet-auto-transfer { align-items: center; display: flex; justify-content: space-between; padding: 0px 0.15rem; }
.settings-main-wallet .wallet-auto-transfer .seamless-label { margin: 0px; }
.settings-main-wallet .wallet-auto-transfer .seamless-control.wallet-disable .check { background: rgb(171, 171, 171) !important; }
.settings-main-wallet .wallet-auto-transfer .seamless-control.wallet-disable .seamless-status { color: rgb(171, 171, 171) !important; }
.settings-main-wallet .wallet-auto-transfer .seamless-control .auto-transfer { cursor: pointer; height: 0.22rem; position: relative; width: 0.43rem; }
.settings-main-wallet .wallet-auto-transfer .seamless-control .auto-transfer input { opacity: 0; }
.settings-main-wallet .wallet-auto-transfer .seamless-control .auto-transfer input:checked ~ .check-btn { left: 37%; background: rgb(255, 255, 255); }
.settings-main-wallet .wallet-auto-transfer .seamless-control .auto-transfer .check { background: rgb(255, 138, 0); border-radius: 0.4rem; cursor: pointer; height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; }
.settings-main-wallet .wallet-auto-transfer .seamless-control .auto-transfer .check-btn { position: absolute; top: 0.01rem; left: 2%; width: 0.25rem; height: 0.2rem; border-radius: 0.4rem; background: rgb(255, 255, 255); transition: 0.3s; }
.user-verification-container .verification-icons { display: flex; justify-content: space-between; margin: 0.1rem 0px; }
.user-verification-container .verification-icons .verify-icon { align-items: center; display: flex; padding: 0.08rem; cursor: pointer; background: rgb(255, 255, 255); width: 0.4rem; height: 0.4rem; border-radius: 0.08rem; }
.user-verification-container .verification-icons .verify-icon svg { fill: rgb(134, 151, 162); }
.user-verification-container .verification-icons .verify-icon .verified { position: absolute; margin: 0.2rem 0px 0px 0.2rem; }
@media (max-width: 768px) { .user-verification-container .verification-icons .verify-icon .verified { margin: 0.3rem 0px 0px 0.3rem; } .user-verification-container .verification-icons .verify-icon .verified img { width: 0.2rem; }
}
.user-verification-container .verification-icons .active svg { fill: rgb(0, 74, 152); }
.user-verification-container .verification-bar { align-items: center; display: flex; justify-content: space-between; position: relative; }
.user-verification-container .verification-bar .progress-bar { background: rgb(255, 255, 255); border-radius: 0.5rem; height: 0.05rem; overflow: hidden; width: 20%; }
.user-verification-container .verification-bar .progress-bar .progress-bar-status { background: rgb(255, 138, 0); border-radius: 0.5rem; display: block; height: 100%; }
.user-verification-container .verification-bar .beta-tick { background: rgb(0, 113, 227); border-radius: 50%; height: 0.15rem; padding: 0.04rem 0.03rem; position: absolute; width: 10%; }
.user-verification-container .verification-bar .progress-1 { left: 16%; }
.user-verification-container .verification-bar .progress-2 { left: 42%; }
.user-verification-container .verification-bar .progress-3 { left: 70%; }
.user-verification-container .verification-bar .progress-4 { left: 98%; }
.m-user-verification-section { padding: 0.2rem 0.4rem; background: rgb(243, 245, 246); margin: 0rem 0.16348rem; border-radius: 0.1rem; font-weight: 600; }
.m-user-verification-section .user-verification-container { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 0.2rem; align-items: center; }
.m-user-verification-section .user-verification-container > span { color: rgb(15, 22, 31); font-size: 0.26rem; }
.m-user-verification-section .user-verification-container .verification--container .verification-icons { margin: 0px 0.1rem; }
.m-user-verification-section .user-verification-container .verification--container .verification-icons .verify-icon { width: 0.5rem; height: 0.5rem; padding: 0.08rem; }
.m-user-verification-section .user-verification-container .verification--container .verification-icons .verify-icon svg { width: 100%; }
.m-user-verification-section .user-verification-container .verification--container .verification-icons .verify-icon img { width: 100%; }
.m-user-verification-section .user-verification-container .verification--container .verification-bar { margin: 0.16rem 0px 0px; }
.m-user-verification-section .user-verification-container .verification--container .verification-bar .progress-bar { background: rgb(243, 245, 246); height: 0.1rem; }
.m-user-verification-section .user-verification-container .verification--container .verification-bar .beta-tick { height: 0.3rem; width: 0.3rem; padding: 0.06rem; }
.m-kyc-indicator-section { margin: 0rem 0.16348rem; }
.m-rewards-club-section { padding: 0.11rem 0.14rem; background: rgb(243, 245, 246); margin: 0px 0px 0.04rem; border-radius: 0.08rem; font-weight: 400; }
.m-rewards-club-section .rewards-club-container { display: flex; }
.m-rewards-club-section .rewards-club-container .rewards-club-content-wrapper { flex: 1 1 0%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; color: rgb(134, 151, 162); }
.m-rewards-club-section .rewards-club-container .rewards-club-content-wrapper p { margin-bottom: 0px; }
.m-rewards-club-section .rewards-club-container .rewards-club-content-wrapper .rewards-club-title { font-weight: 600; color: rgb(15, 22, 31); }
.m-rewards-club-section .rewards-club-container .rewards-club-redeem-button-wrapper .rewards-club-redeem-button { margin-top: 0.06rem; background: rgb(255, 138, 0); padding: 0.05rem 0.1rem; border-radius: 0.03rem; color: rgb(255, 255, 255); }
@media (max-width: 768px) { .m-rewards-club-section { padding: 0.2rem 0.4rem; background: rgb(243, 245, 246); margin: 0.08rem 0.16348rem; border-radius: 0.1rem; font-weight: 400; } .m-rewards-club-section .rewards-club-container { display: flex; } .m-rewards-club-section .rewards-club-container .rewards-club-content-wrapper { flex: 1 1 0%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; color: rgb(134, 151, 162); } .m-rewards-club-section .rewards-club-container .rewards-club-content-wrapper p { margin-bottom: 0.08rem; } .m-rewards-club-section .rewards-club-container .rewards-club-content-wrapper .rewards-club-title { font-weight: 600; color: rgb(15, 22, 31); } .m-rewards-club-section .rewards-club-container .rewards-club-redeem-button-wrapper .rewards-club-redeem-button { margin-top: 0.12rem; background: rgb(255, 138, 0); padding: 0.16rem 0.28rem; border-radius: 0.16rem; color: rgb(255, 255, 255); }
}
.rewards-club-page-container { flex-direction: column; display: flex; padding: 0.4rem; border-radius: 0.08rem; background: rgb(255, 255, 255); color: rgb(134, 151, 162); min-height: 7.29rem; }
.rewards-club-page-container .rewards-club-page-title { font-weight: 600; color: rgb(15, 22, 31); margin-bottom: 0.08rem; }
.rewards-club-page-container .rewards-club-page-text { font-size: 0.14rem; margin-bottom: 0.24rem; }
.rewards-club-page-container .rewards-club-page-balance-field .rewards-club-page-balance-label { margin-bottom: 0.04rem; font-size: 0.14rem; }
.rewards-club-page-container .rewards-club-page-balance-field .rewards-club-page-balance-wrapper { display: flex; align-items: center; gap: 0.08rem; }
.rewards-club-page-container .rewards-club-page-balance-field .rewards-club-page-balance-wrapper .rewards-club-page-balance { font-size: 0.22rem; font-weight: 600; color: rgb(0, 113, 227); margin: 0px; min-width: 0.8rem; }
.rewards-club-page-container .rewards-club-page-balance-field .rewards-club-page-balance-wrapper .refresh-icon { width: 0.16rem; height: 0.16rem; fill: url("#beta-refresh-gradient"); margin: 0px; cursor: pointer; }
.rewards-club-page-container .rewards-club-page-balance-field .rewards-club-page-balance-wrapper .refresh-icon.active { transition: transform 500ms cubic-bezier(0.85, -0.48, 0.26, 0.67); transform: translateZ(0px) rotateZ(-540360deg); }
.rewards-club-page-container .expired-container { display: flex; background: rgb(255, 239, 220); color: rgb(255, 138, 0); align-items: center; gap: 0.08rem; padding: 0.08rem 0.16rem; border-radius: 0.03rem; margin-top: 0.2rem; width: fit-content; }
.rewards-club-page-container .expired-container .expired-icon { width: 0.2rem; height: 0.2rem; }
.rewards-club-page-container .redeem-btn-container { max-width: 3.46rem; margin-top: 0.24rem; }
.rewards-club-page-container .redeem-btn-container button { background: rgb(255, 138, 0); border-radius: 0.08rem; color: rgb(255, 255, 255); padding: 0.1rem; display: flex; justify-content: center; align-items: center; width: 100%; }
@media (max-width: 768px) { .rewards-club-page-container .rewards-club-page-title { font-size: 0.32rem; } .rewards-club-page-container .rewards-club-page-text { font-size: 0.28rem; margin-bottom: 0.28rem; } .rewards-club-page-container .rewards-club-page-balance-field { padding: 0.3rem; background: rgb(243, 245, 246); border-radius: 0.12rem; } .rewards-club-page-container .rewards-club-page-balance-field .rewards-club-page-balance-label { font-size: 0.28rem; margin-bottom: 0.22rem; } .rewards-club-page-container .rewards-club-page-balance-field .rewards-club-page-balance-wrapper { background: rgb(255, 255, 255); border-radius: 1rem; display: flex; justify-content: space-between; align-items: center; padding: 0.16rem 0.32rem; } .rewards-club-page-container .rewards-club-page-balance-field .rewards-club-page-balance-wrapper .rewards-club-page-balance { font-size: 0.36rem; } .rewards-club-page-container .rewards-club-page-balance-field .rewards-club-page-balance-wrapper .refresh-icon { width: 0.28rem; height: 0.28rem; } .rewards-club-page-container .expired-container { gap: 0.16rem; border-radius: 0.12rem; padding: 0.16rem 0.44rem; width: 100%; } .rewards-club-page-container .expired-container .expired-icon { width: 0.4rem; height: 0.4rem; } .rewards-club-page-container .redeem-btn-container { width: 100%; max-width: unset; } .rewards-club-page-container .redeem-btn-container button { font-size: 0.3rem; padding: 0.16rem; width: 100%; border-radius: 0.1rem; }
}
.settings-container { background: 50% center / cover no-repeat rgb(247, 247, 247); padding-bottom: 0.5rem; margin: 0.7rem 0px 0px; }
.settings-container .st-section { width: 13.4rem; margin: auto; padding: 0.5rem 0px; }
.settings-container .st-section .standard-tab-container { border-bottom: 0px; }
.settings-container .st-section .standard-tab-container .standard-tab { background: rgb(255, 255, 255); border-radius: 0.08rem; margin: 0px 0px 0.25rem; padding: 0.15rem 0.1rem 0px; }
.settings-container .st-section .standard-tab-container .standard-tab .tab-header { font-size: 0.14rem; margin: 0px 0.12rem; padding: 0px; }
.settings-container .st-section .standard-tab-container .standard-tab .tab-header p { border-bottom: 0.02rem solid rgba(0, 0, 0, 0); color: rgb(134, 151, 162); margin: 0px; padding: 0px 0px 0.12rem; }
.settings-container .st-section .standard-tab-container .standard-tab .tab-header:hover p { border-bottom: 0.02rem solid rgb(255, 138, 0); color: rgb(15, 22, 31); }
.settings-container .st-section .standard-tab-container .standard-tab .settings-tab-selected p { border-bottom: 0.02rem solid rgb(255, 138, 0); color: rgb(15, 22, 31); }
.settings-container .st-section .page-change-title { color: rgb(15, 22, 31); font-size: 0.24rem; margin-left: 0.2rem; }
.settings-container .st-section .st-content { display: flex; justify-content: space-between; align-items: flex-start; }
.settings-container .st-section .st-content .st-left { background: rgb(255, 255, 255); border-radius: 0.08rem; color: rgb(15, 22, 31); font-size: 0.14rem; padding: 0.15rem; min-height: 8.9rem; width: 16%; }
.settings-container .st-section .st-content .st-left .account-user-container { padding: 0px 0.15rem; position: relative; }
.settings-container .st-section .st-content .st-left .account-user-container .welcome-user-container { display: flex; margin: 0px 0px 0.1rem; }
.settings-container .st-section .st-content .st-left .account-user-container .welcome-user-container .account-icon { background: rgb(255, 138, 0); border-radius: 50%; width: 0.3rem; height: 0.3rem; }
.settings-container .st-section .st-content .st-left .account-user-container .welcome-user-container .account-icon svg { width: 0.17rem; height: 100%; }
.settings-container .st-section .st-content .st-left .account-user-container .welcome-user-container .welcome-user { display: flex; justify-content: center; flex-flow: column; width: 70%; margin: 0px 0px 0px 0.15rem; }
.settings-container .st-section .st-content .st-left .account-user-container .welcome-user-container .welcome-user span:first-child { font-size: 0.12rem; white-space: nowrap; }
.settings-container .st-section .st-content .st-left .account-user-container .welcome-user-container .welcome-user .account-name { color: rgb(0, 90, 204); }
.settings-container .st-section .st-content .st-left .account-user-container .floating-acc { background: rgb(255, 255, 255); border-radius: 0.08rem; box-shadow: rgba(0, 0, 0, 0.3) 0px 0.02rem 0.08rem; padding: 0.18rem; position: absolute; width: 2rem; right: 29%; z-index: 1; }
.settings-container .st-section .st-content .st-left .account-user-container .floating-acc .triangle { position: absolute; bottom: 100%; margin-left: -0.19rem; width: 100%; height: 0.12rem; overflow: hidden; }
.settings-container .st-section .st-content .st-left .account-user-container .floating-acc .triangle::after { content: ""; position: absolute; width: 0.12rem; height: 0.12rem; left: 50%; transform: translate(-50%, 50%) rotate(45deg); background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.3) 0px 0.01rem 0.06rem; }
.settings-container .st-section .st-content .st-left .account-user-container .floating-acc .item { margin: 0px 0px 0.1rem; padding: 0.08rem 0.2rem; white-space: nowrap; }
.settings-container .st-section .st-content .st-left .account-user-container .floating-acc .item:last-child { margin: 0px; }
.settings-container .st-section .st-content .st-left .account-user-container .floating-acc .item:hover { background: rgb(255, 138, 0); border-radius: 0.2rem; color: rgb(255, 255, 255); }
.settings-container .st-section .st-content .st-left .st-leaderboard-rank-score-section { margin: 0px 0px 0.2rem; padding: 0px 0.15rem; position: relative; }
.settings-container .st-section .st-content .st-left .st-leaderboard-progress-bar-section { background: rgb(247, 247, 247); border-radius: 0.08rem; margin: 0px 0px 0.1rem; padding: 0.15rem; position: relative; }
.settings-container .st-section .st-content .st-left .main-wallet-section { margin: 0px 0px 0.3rem; }
.settings-container .st-section .st-content .st-left .st-user-verification-section { background: rgb(247, 247, 247); border-radius: 0.08rem; margin: 0px 0px 0.15rem; padding: 0.15rem; }
.settings-container .st-section .st-content .st-left .kyc-indicator-section { background: rgb(247, 247, 247); border-radius: 0.08rem; margin: 0px 0px 0.15rem; position: relative; }
.settings-container .st-section .st-content .st-left .st-referral-section { align-items: flex-end; background: url("../../public/html/images/settings/referral.jpg") 0% 0% / 100% 100% no-repeat; display: flex; height: 3.25rem; position: relative; border-radius: 0.08rem; }
.settings-container .st-section .st-content .st-left .st-referral-section .st-referral-container .content { color: rgb(255, 255, 255); margin: 0px auto; width: 85%; }
.settings-container .st-section .st-content .st-left .st-referral-section .st-referral-container .content div { word-break: break-word; }
.settings-container .st-section .st-content .st-left .st-referral-section .st-referral-container .content div:first-child { font-weight: 600; font-size: 0.16rem; margin: 0px 0px 0.15rem; }
.settings-container .st-section .st-content .st-left .st-referral-section .st-referral-container .content div:last-child { font-size: 0.12rem; }
.settings-container .st-section .st-content .st-left .st-referral-section .st-referral-container .ref-code-container { padding: 0px 0.14rem; margin: 0.15rem 0px 0.1rem; height: 0.45rem; }
.settings-container .st-section .st-content .st-left .st-referral-section .st-referral-container .ref-code-container .ref-code-content { align-items: center; background: rgba(255, 255, 255, 0.6); border-radius: 0.2rem; display: flex; justify-content: space-between; padding: 0px 0px 0px 0.15rem; }
.settings-container .st-section .st-content .st-left .st-referral-section .st-referral-container .ref-code-container .ref-code-content .ref-code { font-size: 0.16rem; }
.settings-container .st-section .st-content .st-left .st-referral-section .st-referral-container .ref-code-container .ref-code-content .arrow { background: rgb(255, 255, 255); border-radius: 0px 0.2rem 0.2rem 0px; padding: 0.08rem 0.15rem; }
.settings-container .st-section .st-content .st-left .st-referral-section .st-referral-container .ref-code-container .ref-code-content .arrow svg { fill: rgb(165, 113, 209); width: 0.07rem; }
.settings-container .st-section .st-content .st-left .st-referral-section .st-referral-container .ref-code-container .floating-referral { top: 96%; }
.settings-container .st-section .st-content .st-left .st-referral-section .st-referral-container .ref-code-container .floating-referral .triangle { position: absolute; bottom: 100%; left: 50%; margin-left: -0.12rem; width: 0.24rem; height: 0.12rem; overflow: hidden; }
.settings-container .st-section .st-content .st-left .st-referral-section .st-referral-container .ref-code-container .floating-referral .triangle::after { content: ""; position: absolute; width: 0.12rem; height: 0.12rem; left: 50%; transform: translate(-50%, 50%) rotate(45deg); background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.3) 0px 0.01rem 0.06rem; }
.settings-container .st-section .st-content .st-detail-container { width: 83%; min-height: 8.9rem; padding: 0.35rem 0.4rem; background: rgb(255, 255, 255); border-radius: 0.08rem; position: relative; }
.settings-container .st-section .st-content .st-detail-container.messaging { padding: 0.28rem 1.48rem 0.36rem 0.2rem; }
.settings-container .st-section .st-content .st-detail-container.changePassword { padding: 0.34rem 0.42rem; }
.settings-container .st-section .st-content .st-detail-container.bankDetails { padding: 0.35rem 1.48rem 0.35rem 0.4rem; }
.settings-container .st-section .st-content .st-detail-container.transfer { padding: 0px; background: unset; }
.settings-container .st-section .st-content .st-detail-container p { margin: 0px 0px 0px 0.05rem; }
.settings-container .st-section .st-content .st-detail-container .st-tab { display: grid; }
.settings-container .st-section .st-content .st-detail-container .st-tab .kyc-divider { height: 0.15rem; background: rgba(0, 0, 0, 0); }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-account-container > div:not(:first-child) { margin: 0.59rem 0px 0px; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-account-container > div > div { margin: 0.2rem 0px 0px; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-account-container > div > div:first-child { margin: 0px; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-account-container > div .column-title { color: rgb(15, 22, 31); font-weight: 600; margin: 0px 0px 0.3rem; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-account-container > div .column-title .clickable { cursor: pointer; text-decoration: underline; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-account-container > div .column-error { color: red; font-weight: 600; margin: 0px 0px 0.3rem; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-account-container > div .standard-form-field { display: flex; align-items: center; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-account-container > div .standard-form-field > * { font-size: 0.15rem; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-account-container > div .standard-form-field .standard-label { color: rgb(134, 151, 162); width: 2.3rem; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-account-container > div .standard-form-field .standard-label.editable { font-weight: 600; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-account-container > div .standard-form-field .standard-input { background: unset; border: unset; width: unset; color: rgb(15, 22, 31); }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-account-container > div .standard-form-field .standard-input.editable { border: 0.01rem solid rgb(0, 0, 0); }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-account-container > div .standard-form-field .edit-btn, .settings-container .st-section .st-content .st-detail-container .st-tab .standard-account-container > div .standard-form-field .more-info-btn { display: flex; align-items: center; justify-content: center; background: rgb(247, 247, 247); border-radius: 0.08rem; height: 0.4rem; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-account-container > div .standard-form-field .edit-btn { padding: 0.1rem 0.12rem; width: 0.4rem; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-account-container > div .standard-form-field .more-info-btn { padding: 0px 0.2rem; margin: 0px 0px 0px 0.04rem; color: rgb(134, 151, 162); }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-account-container > div .box-container { display: flex; flex-flow: wrap; align-items: center; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-account-container > div .box-container .box-warpper { display: flex; align-items: center; width: 33%; margin: 0px 0px 0.2rem; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-account-container > div .box-container .box-warpper .bank-img { width: 0.32rem; height: 0.32rem; object-fit: contain; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-account-container > div .box-container .box-warpper .bank-info { color: rgb(134, 151, 162); font-size: 0.14rem; margin: 0px 0px 0px 0.17rem; min-width: 1.3rem; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-account-container > div .box-container .box-warpper .bank-info p:not(:first-child) { margin: 0.07rem 0px 0px; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-account-container > div .box-container .box-warpper .verified-icon { width: 0.18rem; height: 0.18rem; margin: 0px 0px 0px 0.13rem; }
.settings-container .st-section .st-content .st-detail-container .st-tab .date-form-field-container { width: 2.42rem; }
.settings-container .st-section .st-content .st-detail-container .st-tab .date-form-field-container .standard-label { margin: 0px 0px 0.15rem 0.05rem; color: rgb(134, 151, 162); }
.settings-container .st-section .st-content .st-detail-container .st-tab .date-form-field-container .standard-input { height: 0.4rem; padding: 0px 0.25rem; color: rgb(134, 151, 162); font-size: 0.16rem; cursor: pointer; }
.settings-container .st-section .st-content .st-detail-container .st-tab .date-form-field-container .icon-calender { position: absolute; right: 0.25rem; top: 0.08rem; width: 0.25rem; height: 0.22rem; }
.settings-container .st-section .st-content .st-detail-container .st-tab .to-text { display: flex; align-items: center; justify-content: center; margin: 0px 0.18rem; height: 0.4rem; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-tab-container .standard-tab { padding: 0px; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-tab-container .standard-tab .tab-header { padding: 0px 0.22rem; height: 0.3rem; margin: 0px; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-tab-container .standard-tab .tab-header:not(:last-child) { margin: 0px 0.12rem 0px 0px; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-tab-container .standard-tab .tab-header.active { background: rgb(255, 138, 0); color: rgb(255, 255, 255); border-radius: 0.3rem; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-error-container .standard-error-field { display: flex; align-items: center; justify-content: center; width: 5.62rem; height: 0.4rem; border-radius: 0.08rem; background: rgb(247, 247, 247); color: rgb(15, 22, 31); margin: 0.11rem 0px 0px; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-error-container .standard-error-field:last-child { margin: 0.11rem 0px 0.2rem; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-error-container .standard-error-field .notice-icon { width: 0.26rem; height: 0.26rem; margin: 0px 0.13rem 0px 0px; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-error-container .standard-error-field .notice-icon.remark-icon { width: 0.16rem; height: 0.16rem; fill: rgb(197, 210, 216); }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-error-container .standard-error-field .notice-icon.success-icon { fill: rgb(76, 185, 87); }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-error-container .standard-error-field .notice-icon.error-icon { fill: rgb(246, 0, 32); }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-guide-container { width: 3.52rem; font-size: 0.15rem; margin: 0.14rem 0px 0px 2.1rem; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container { margin: 0.23rem 0px 0px; color: rgb(134, 151, 162); }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container.transfer-container { margin: 0px; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container.transfer-container .promo-code-container { align-items: flex-start; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container.transfer-container .promo-code-container .valid-invalid-container { display: flex; align-items: center; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container.transfer-container .promo-code-container .valid-invalid-container .valid-invalid-img { width: 0.25rem; height: 0.25rem; margin-right: 0.05rem; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .no-content-container { text-align: center; font-size: 0.14rem; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-label, .settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-select { color: rgb(134, 151, 162); font-size: 0.16rem; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-form-field { margin: 0.15rem 0px 0px; color: rgb(134, 151, 162); }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-input { font-size: 0.16rem; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-input:disabled { background: rgb(255, 255, 255); color: rgb(15, 22, 31); }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-input::-webkit-input-placeholder { color: rgb(134, 151, 162); }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container.change-password-container .error-message-wrapper, .settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container.change-provider-password-container .error-message-wrapper { margin-top: 0.1rem; font-size: 0.12rem; color: rgb(232, 38, 44); }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container.change-password-container .error-message-wrapper .password-rules-msg-wrapper, .settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container.change-provider-password-container .error-message-wrapper .password-rules-msg-wrapper { display: flex; color: rgb(134, 151, 162); gap: 0.06rem; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container.change-password-container .error-message-wrapper .password-rules-msg-wrapper img, .settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container.change-provider-password-container .error-message-wrapper .password-rules-msg-wrapper img { width: 0.12rem; height: 0.12rem; margin: 0.04rem 0.02rem 0.04rem 0rem; flex-shrink: 0; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container.change-password-container .error-message-wrapper .password-rules-msg-wrapper p, .settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container.change-provider-password-container .error-message-wrapper .password-rules-msg-wrapper p { margin: 0.04rem 0px 0px; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container.change-password-container .error-message-wrapper .password-rules-msg-wrapper .error-message-text, .settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container.change-provider-password-container .error-message-wrapper .password-rules-msg-wrapper .error-message-text { margin-left: 0.02rem; flex: 1 1 0%; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container.change-password-container .standard-password-eye, .settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container.change-provider-password-container .standard-password-eye { transform: translateY(-50%); top: 0.2rem; z-index: 1; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container.change-password-container .standard-submit-btn, .settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container.change-provider-password-container .standard-submit-btn { margin: 0.55rem 0px 0px 2.1rem; font-size: 0.16rem; background: rgb(247, 247, 247); color: rgb(134, 151, 162); }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container.change-password-container .standard-submit-btn:disabled, .settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container.change-provider-password-container .standard-submit-btn:disabled { opacity: 0.5; cursor: not-allowed; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container.change-password-container .standard-submit-btn:disabled:hover, .settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container.change-provider-password-container .standard-submit-btn:disabled:hover { background: rgb(247, 247, 247); }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container.change-password-container .standard-submit-btn:hover, .settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container.change-provider-password-container .standard-submit-btn:hover { background: rgb(227, 227, 227); }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container.message-container { margin: 0px; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container.bank-info-container { margin: 0px; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container.bank-info-container .add-crypto-address-btn-container { justify-content: unset; margin-top: 0.82rem; border-width: 0.01rem; border-color: rgb(219, 224, 228); border-image: initial; border-style: solid none none; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container.bank-info-container .add-crypto-address-btn-container .standard-submit-btn { background: rgb(129, 202, 252); }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .checkbox-column input { width: 0.18rem; height: 0.19rem; cursor: pointer; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .checkbox-column span { margin: 0.02rem 0px 0px 0.24rem; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .col-checkbox { width: 2.07%; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .col-subject { width: 54.6%; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .col-date { display: flex; align-items: center; justify-content: center; width: 17.25%; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .col-rebate-period { color: rgb(0, 113, 227); text-decoration: underline; cursor: pointer; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .col-remark { display: flex; align-items: center; justify-content: center; width: 11.03%; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .col-coin { width: 28.56%; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .col-network { width: 32.4%; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .col-address { width: 39.28%; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .col-member-login { width: 18.38%; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .col-receive { width: 19.62%; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .col-currency { width: 16.18%; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .col-total-deposit { width: 18.78%; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .col-bonus-amount { width: 21.4%; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .col-status { width: 8.25%; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .col-status.status-A { color: rgb(0, 113, 227); }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .message-content { margin: 0.31rem 0px 0px; padding: 0px 0.34rem 0px 0.42rem; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .bonus-content { margin: 0.28rem 0px 0px; min-height: 2.44rem; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .bank-info-content { margin: 0.25rem 0px 0px; padding: 0px 0.2rem 0.5rem; font-size: 0.14rem; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .otp-container { display: flex; justify-content: space-between; margin: 0.25rem 0px 0px; flex-wrap: wrap; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .otp-container .otp-button { color: rgb(15, 22, 31); background: rgb(247, 247, 247); height: 0.4rem; padding: 0px 0.15rem; border-radius: 0.08rem; font-size: 0.16rem; margin-bottom: 0.1rem; width: 49%; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .otp-container .otp-button:disabled { opacity: 0.5; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .otp-container .otp-button.google-otp { min-width: 1.98rem; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .otp-container .otp-button:last-child { width: 100%; margin-bottom: 0px; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .select-bank-form { padding: 1.08rem 0px 0px; border-top: 0.01rem solid rgb(247, 247, 247); }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .select-bank-form > * { width: 3.5rem; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .select-bank-form.crypto-form { padding: 0.82rem 0px 0px; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .select-bank-form.crypto-form .standard-error-validation { white-space: pre-line; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .select-bank-form .standard-form-one-row-container { display: block; margin: 0px; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .select-bank-form .standard-form-field-container:not(:first-child) { margin: 0.25rem 0px 0px; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .select-bank-form .standard-form-field-container .standard-label, .settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .select-bank-form .standard-form-field-container .standard-select { color: rgb(134, 151, 162); }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .select-bank-form .standard-form-field-container .standard-form-field { margin: 0.15rem 0px 0px; color: rgb(134, 151, 162); }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .select-bank-form .standard-form-field-container .standard-input:disabled { background: rgb(255, 255, 255); color: rgb(15, 22, 31); }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .select-bank-form .bank-statement-section { margin: 0px 0px 0.1rem; width: 100%; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .select-bank-form .bank-statement-section .receipt-image-box { margin: 0px 0px 0.15rem; width: 40%; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .select-bank-form .bank-statement-section .receipt-image-box img { width: 100%; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .select-bank-form .bank-statement-section .receipt-image-box .pdf-clear { margin-left: 0.1rem; width: 0.12rem; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .select-bank-form .bank-statement-section .bank-statement-section-wrapper { display: flex; justify-content: space-between; gap: 0.1rem; width: 100%; flex-wrap: nowrap; align-items: baseline; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .select-bank-form .bank-statement-section .bank-statement-section-wrapper .upload-receipt-btn { min-width: 35.5%; height: 0.4rem; background: rgb(129, 202, 252); border-radius: 0.08rem; margin: 0px; font-size: 0.16rem; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .select-bank-form .bank-statement-section .bank-statement-section-wrapper .upload-receipt-btn:disabled { background: rgb(247, 247, 247); color: rgb(15, 22, 31); font-size: 0.16rem; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .select-bank-form .bank-statement-section .bank-statement-section-wrapper .tool-tip-container { align-items: center; display: flex; width: 48%; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .select-bank-form .bank-statement-section .bank-statement-section-wrapper .tool-tip-container svg { fill: rgb(199, 210, 215); height: 0.15rem; margin: 0px 0.1rem 0px 0px; width: 0.2rem; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .select-bank-form .bank-statement-section .bank-statement-section-wrapper .tool-tip-container span { color: rgb(15, 22, 31); font-size: 0.12rem; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .select-bank-form .bank-statement-section .bank-statement-section-wrapper .btm-tool-tip-container { align-items: center; display: flex; width: 100%; margin: 0px; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .select-bank-form .bank-statement-section .bank-statement-section-wrapper .btm-tool-tip-container svg { fill: rgb(199, 210, 215); height: 0.15rem; margin: 0px 0.1rem 0px 0px; width: 0.2rem; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .select-bank-form .bank-statement-section .bank-statement-section-wrapper .btm-tool-tip-container span { color: rgb(15, 22, 31); font-size: 0.12rem; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .select-bank-form .bank-form-wrapper { margin: 0px 0px 0.28rem; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .select-bank-form .standard-submit-btn { margin: 0px; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-submit-btn { width: 35.5%; height: 0.4rem; background: rgb(255, 138, 0); color: rgb(255, 255, 255); border-radius: 0.08rem; margin: 0.55rem 0px 0px; font-size: 0.16rem; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-submit-btn:disabled { opacity: 0.5; cursor: not-allowed; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-submit-btn:disabled:hover { background: rgb(255, 138, 0); }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-submit-btn:hover { background: rgb(255, 114, 0); }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-setting-table-header { display: flex; align-items: center; justify-content: space-between; padding: 0px 0.34rem 0px 0.42rem; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-setting-table-header.header-title { margin: 0.33rem 0px 0px; height: unset; color: rgb(15, 22, 31); background: rgb(247, 247, 247); border-radius: 0.08rem; font-size: 0.14rem; padding: 0.12rem 0.2rem; font-weight: normal; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-setting-table-header.bank-info-header-title { margin: 0px; padding: 0.15rem 0.2rem; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-setting-table-header > div { display: flex; align-items: center; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-setting-table-header > div.content-column > div { display: flex; align-items: center; cursor: pointer; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-setting-table-header > div.content-column > div:not(:last-child) { margin: 0px 0.69rem 0px 0px; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-setting-table-header > div.content-column svg { width: 0.22rem; height: 0.18rem; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-setting-table-header > div.content-column span { margin: 0px 0px 0px 0.16rem; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-setting-table-row { display: flex; justify-content: space-between; align-items: center; padding: 0.12rem 0.2rem; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-setting-table-row .msg-detail { word-break: break-word; cursor: pointer; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-setting-table-row .msg-detail.unreadMsg { color: rgb(15, 22, 31); font-weight: 600; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-setting-table-row .remark-detail { justify-content: space-between; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-setting-table-row .remark-detail svg { width: 0.17rem; height: 0.18rem; cursor: pointer; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-setting-table-row .remark-detail svg:not(:last-child) { margin: 0px 0.27rem 0px 0px; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-setting-table-row .remark-detail .flag_true { fill: rgb(0, 114, 226); }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-setting-table-row .remark-detail .pin_true { fill: red; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-setting-table-row .remark-detail .flag_false, .settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-setting-table-row .remark-detail .pin_false { fill: rgb(134, 151, 162); }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-setting-table-row .bank-item { display: flex; align-items: center; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-setting-table-row .bank-item svg { width: 0.32rem; height: 0.32rem; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-setting-table-row .bank-item .bank-icon { height: 0.32rem; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-setting-table-row .bank-item .bank-other { height: 0.28rem; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-setting-table-row .bank-item p { margin: 0px 0px 0px 0.2rem; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-form-field { display: flex; align-items: center; margin: 0px; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-form-field:not(:last-child) { margin: 0px 0px 0.2rem; align-items: baseline; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-form-field .standard-label { width: 2.1rem; margin: 0px; color: rgb(134, 151, 162); align-items: flex-start; word-break: break-word; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-form-field .standard-form-field-wrapper { width: 3.52rem; }
.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-form-field .standard-form-field-wrapper .standard-input { height: 0.4rem; }
.settings-container .st-section .st-content .st-detail-container .st-tab .pagination-content { margin: 0.5rem auto 0px; display: flex; flex-flow: column; align-items: center; justify-content: center; font-size: 0.14rem; }
.settings-container .st-section .st-content .st-detail-container .st-tab .pagination-content .page-count { color: rgb(15, 22, 31); }
.settings-container .st-section .st-content .st-detail-container .st-tab .pagination-content .pagination { display: flex; align-items: center; margin: 0.18rem 0px 0px; }
.settings-container .st-section .st-content .st-detail-container .st-tab .pagination-content .pagination svg { width: 0.11rem; height: 0.11rem; fill: rgb(134, 151, 162); }
.settings-container .st-section .st-content .st-detail-container .st-tab .pagination-content .pagination a[aria-label="Go to previous page"] { margin: 0px 0.13rem 0px 0.3rem; width: 0.06rem; }
.settings-container .st-section .st-content .st-detail-container .st-tab .pagination-content .pagination a[aria-label="Go to next page"] { margin: 0px 0.3rem 0px 0.13rem; width: 0.06rem; }
.settings-container .st-section .st-content .st-detail-container .st-tab .pagination-content .pagination a[aria-label*="Go to page number"] { display: flex; align-items: center; justify-content: center; width: 0.33rem; height: 0.33rem; border-radius: 50%; background: rgb(247, 247, 247); margin: 0px 0.1rem; color: rgb(134, 151, 162); }
.settings-container .st-section .st-content .st-detail-container .st-tab .transfer-form { background: rgb(255, 255, 255); border-radius: 0.08rem; padding: 0.35rem 0.4rem; }
.settings-container .st-section .st-content .st-detail-container .st-tab .transfer-form .floating-wallet { top: 0.5rem; left: 0px; right: 0px; margin: auto; }
.settings-container .st-section .st-content .st-detail-container .st-tab .transfer-form .floating-wallet .triangle { position: absolute; bottom: 100%; left: 50%; margin-left: -0.12rem; width: 0.24rem; height: 0.12rem; overflow: hidden; }
.settings-container .st-section .st-content .st-detail-container .st-tab .transfer-form .floating-wallet .triangle::after { content: ""; position: absolute; width: 0.12rem; height: 0.12rem; left: 50%; transform: translate(-50%, 50%) rotate(45deg); background: rgb(247, 247, 248); box-shadow: rgba(0, 0, 0, 0.3) 0px 0.01rem 0.06rem; }
.settings-container .st-section .st-content .st-detail-container .st-tab .transfer-form .floating-wallet .provider-balance { color: rgb(15, 22, 31); }
.settings-container .st-section .st-content .st-detail-container .st-tab .transfer-form .standard-input::-webkit-input-placeholder { color: rgb(134, 151, 162); }
.settings-container .st-section .st-content .st-detail-container .st-tab .transfer-form .standard-form-field-container { width: 3.52rem; }
.settings-container .st-section .st-content .st-detail-container .st-tab .transfer-form .standard-form-field-container:not(:last-child) { margin: 0px 0.15rem 0px 0px; }
.settings-container .st-section .st-content .st-detail-container .st-tab .transfer-form .standard-form-field-container .standard-label { margin: 0px 0px 0.15rem 0.05rem; }
.settings-container .st-section .st-content .st-detail-container .st-tab .transfer-form .standard-submit-btn { margin: 0.25rem 0px 0px; font-size: 0.16rem; }
.settings-container .st-section .st-content .st-detail-deposit-container { background: unset; padding: 0px !important; }
.settings-container .settings-container-section { width: 13.4rem; margin: auto; padding: 0.5rem 0px; display: grid; grid-template-columns: 20% auto; gap: 0.16rem; }
.settings-container .settings-container-section .left-side-container { display: grid; gap: 0.16rem; grid-template-rows: auto 1fr; }
.settings-container .settings-container-section .left-side-container .menu-categories-container { background: rgb(255, 255, 255); border-radius: 0.08rem; padding: 0.2rem; }
.settings-container .settings-container-section .right-side-container-section { display: flex; gap: 0.1rem; flex-direction: column; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .instant-rebate-tab-container .standard-tab, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .bank-detail-tab-container .standard-tab, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .referral-tab-container .standard-tab, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .myprofile-tab-container .standard-tab, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .change-password-tab-container .standard-tab { display: flex; gap: 0.04rem; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .deposit-tab-header { display: flex; align-items: center; gap: 0.08rem; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .deposit-tab-header .tutorial-video-container { display: flex; padding: 0px 0.19rem; align-items: center; border-radius: 1rem; background: rgb(255, 255, 255); height: 0.36rem; gap: 0.05rem; cursor: pointer; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .deposit-tab-header .tutorial-video-container svg { transform: rotate(270deg); width: 0.16rem; height: 0.16rem; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .transfer-form { background: rgb(255, 255, 255); border-radius: 0.08rem; padding: 0.35rem 0.4rem; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .transfer-form .floating-wallet { top: 0.5rem; left: 0px; right: 0px; margin: auto; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .transfer-form .floating-wallet .triangle { position: absolute; bottom: 100%; left: 50%; margin-left: -0.12rem; width: 0.24rem; height: 0.12rem; overflow: hidden; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .transfer-form .floating-wallet .triangle::after { content: ""; position: absolute; width: 0.12rem; height: 0.12rem; left: 50%; transform: translate(-50%, 50%) rotate(45deg); background: rgb(247, 247, 248); box-shadow: rgba(0, 0, 0, 0.3) 0px 0.01rem 0.06rem; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .transfer-form .floating-wallet .provider-balance { color: rgb(15, 22, 31); }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .transfer-form .standard-input::-webkit-input-placeholder { color: rgb(134, 151, 162); }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .transfer-form .standard-form-field-container { width: 3.52rem; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .transfer-form .standard-form-field-container:not(:last-child) { margin: 0px 0.15rem 0px 0px; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .transfer-form .standard-form-field-container .standard-label { margin: 0px 0px 0.15rem 0.05rem; color: rgb(134, 151, 162); }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .transfer-form .standard-submit-btn { margin: 0.25rem 0px 0px; font-size: 0.16rem; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .valid-invalid-container { display: flex; align-items: center; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .valid-invalid-container .valid-invalid-img { width: 0.25rem; height: 0.25rem; margin-right: 0.05rem; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container { display: flex; padding: 0.4rem; flex-direction: column; border-radius: 0px 0.08rem 0.08rem; background: rgb(255, 255, 255); color: rgb(134, 151, 162); min-height: 7rem; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .transaction-button-section, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .transaction-button-section { display: grid; grid-template-columns: 2.08rem 3.46rem; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .transaction-button-section .standard-button-container, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .transaction-button-section .standard-button-container { grid-column: 2 / span 1; width: 100%; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .transaction-button-section .standard-button-container .standard-submit-button, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .transaction-button-section .standard-button-container .standard-submit-button { width: 100%; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .change-password-form, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .change-provider-password-form, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .change-password-form, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .change-provider-password-form { width: 5.86rem; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .change-password-form .error-message-wrapper, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .change-provider-password-form .error-message-wrapper, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .change-password-form .error-message-wrapper, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .change-provider-password-form .error-message-wrapper { margin: 0px 0px 0.3rem; font-size: 0.12rem; color: rgb(232, 38, 44); display: grid; padding: 0px 0px 0px 2.08rem; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .change-password-form .error-message-wrapper .password-rules-msg-wrapper, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .change-provider-password-form .error-message-wrapper .password-rules-msg-wrapper, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .change-password-form .error-message-wrapper .password-rules-msg-wrapper, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .change-provider-password-form .error-message-wrapper .password-rules-msg-wrapper { display: flex; color: rgb(134, 151, 162); gap: 0.06rem; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .change-password-form .error-message-wrapper .password-rules-msg-wrapper img, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .change-provider-password-form .error-message-wrapper .password-rules-msg-wrapper img, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .change-password-form .error-message-wrapper .password-rules-msg-wrapper img, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .change-provider-password-form .error-message-wrapper .password-rules-msg-wrapper img { width: 0.12rem; height: 0.12rem; margin: 0.04rem 0.02rem 0.04rem 0rem; flex-shrink: 0; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .change-password-form .error-message-wrapper .password-rules-msg-wrapper p, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .change-provider-password-form .error-message-wrapper .password-rules-msg-wrapper p, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .change-password-form .error-message-wrapper .password-rules-msg-wrapper p, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .change-provider-password-form .error-message-wrapper .password-rules-msg-wrapper p { margin: 0.04rem 0px 0px; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .change-password-form .error-message-wrapper .password-rules-msg-wrapper .error-message-text, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .change-provider-password-form .error-message-wrapper .password-rules-msg-wrapper .error-message-text, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .change-password-form .error-message-wrapper .password-rules-msg-wrapper .error-message-text, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .change-provider-password-form .error-message-wrapper .password-rules-msg-wrapper .error-message-text { margin-left: 0.02rem; flex: 1 1 0%; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .change-password-form .standard-submit-btn, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .change-provider-password-form .standard-submit-btn, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .change-password-form .standard-submit-btn, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .change-provider-password-form .standard-submit-btn { margin: 0.55rem 0px 0px 2.1rem; font-size: 0.16rem; background: rgb(247, 247, 247); color: rgb(134, 151, 162); }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .change-password-form .standard-submit-btn:disabled, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .change-provider-password-form .standard-submit-btn:disabled, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .change-password-form .standard-submit-btn:disabled, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .change-provider-password-form .standard-submit-btn:disabled { opacity: 0.5; cursor: not-allowed; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .change-password-form .standard-submit-btn:disabled:hover, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .change-provider-password-form .standard-submit-btn:disabled:hover, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .change-password-form .standard-submit-btn:disabled:hover, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .change-provider-password-form .standard-submit-btn:disabled:hover { background: rgb(247, 247, 247); }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .change-password-form .standard-submit-btn:hover, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .change-provider-password-form .standard-submit-btn:hover, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .change-password-form .standard-submit-btn:hover, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .change-provider-password-form .standard-submit-btn:hover { background: rgb(227, 227, 227); }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .change-password-form .standard-form-field, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .change-provider-password-form .standard-form-field, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .change-password-form .standard-form-field, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .change-provider-password-form .standard-form-field { display: grid; align-items: center; grid-template-columns: 2.08rem 3.46rem auto; position: relative; width: 100%; margin: 0px 0px 0.14rem; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .standard-error-container, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .standard-error-container { display: grid; gap: 0.1rem; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .standard-error-container .standard-error-field, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .standard-error-container .standard-error-field { display: flex; align-items: center; justify-content: center; width: 5.62rem; height: 0.4rem; border-radius: 0.08rem; background: rgb(247, 247, 247); color: rgb(15, 22, 31); margin: 0.11rem 0px 0px; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .standard-error-container .standard-error-field:last-child, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .standard-error-container .standard-error-field:last-child { margin: 0px 0px 0.2rem; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .standard-error-container .standard-error-field .notice-icon, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .standard-error-container .standard-error-field .notice-icon { width: 0.26rem; height: 0.26rem; margin: 0px 0.13rem 0px 0px; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .standard-error-container .standard-error-field .notice-icon.remark-icon, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .standard-error-container .standard-error-field .notice-icon.remark-icon { width: 0.16rem; height: 0.16rem; fill: rgb(197, 210, 216); }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .standard-error-container .standard-error-field .notice-icon.success-icon, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .standard-error-container .standard-error-field .notice-icon.success-icon { fill: rgb(76, 185, 87); }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .standard-error-container .standard-error-field .notice-icon.error-icon, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .standard-error-container .standard-error-field .notice-icon.error-icon { fill: rgb(246, 0, 32); }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container { color: rgb(134, 151, 162); }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-form .date-form-field-container { width: 35.5%; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container.transfer-container { margin: 0px; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container.transfer-container .promo-code-container { align-items: flex-start; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container.transfer-container .promo-code-container .valid-invalid-container { display: flex; align-items: center; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container.transfer-container .promo-code-container .valid-invalid-container .valid-invalid-img { width: 0.25rem; height: 0.25rem; margin-right: 0.05rem; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .no-content-container { text-align: center; font-size: 0.14rem; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-label, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-select { color: rgb(134, 151, 162); font-size: 0.16rem; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-form-field { margin: 0.15rem 0px 0px; color: rgb(134, 151, 162); }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-input { font-size: 0.16rem; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-input:disabled { background: rgb(255, 255, 255); color: rgb(15, 22, 31); }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-input::-webkit-input-placeholder { color: rgb(134, 151, 162); }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .react-datepicker-wrapper .standard-input { padding: 0px 0.25rem; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .react-datepicker-wrapper .standard-input svg { position: absolute; right: 0.25rem; top: 0.08rem; width: 0.25rem; height: 0.22rem; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container.change-password-container .error-message-wrapper, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container.change-provider-password-container .error-message-wrapper { margin-top: 0.1rem; font-size: 0.12rem; color: rgb(232, 38, 44); }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container.change-password-container .error-message-wrapper .password-rules-msg-wrapper, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container.change-provider-password-container .error-message-wrapper .password-rules-msg-wrapper { display: flex; color: rgb(134, 151, 162); gap: 0.06rem; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container.change-password-container .error-message-wrapper .password-rules-msg-wrapper img, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container.change-provider-password-container .error-message-wrapper .password-rules-msg-wrapper img { width: 0.12rem; height: 0.12rem; margin: 0.04rem 0.02rem 0.04rem 0rem; flex-shrink: 0; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container.change-password-container .error-message-wrapper .password-rules-msg-wrapper p, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container.change-provider-password-container .error-message-wrapper .password-rules-msg-wrapper p { margin: 0.04rem 0px 0px; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container.change-password-container .error-message-wrapper .password-rules-msg-wrapper .error-message-text, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container.change-provider-password-container .error-message-wrapper .password-rules-msg-wrapper .error-message-text { margin-left: 0.02rem; flex: 1 1 0%; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container.change-password-container .standard-submit-btn, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container.change-provider-password-container .standard-submit-btn { margin: 0.55rem 0px 0px 2.1rem; font-size: 0.16rem; background: rgb(247, 247, 247); color: rgb(134, 151, 162); }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container.change-password-container .standard-submit-btn:disabled, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container.change-provider-password-container .standard-submit-btn:disabled { opacity: 0.5; cursor: not-allowed; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container.change-password-container .standard-submit-btn:disabled:hover, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container.change-provider-password-container .standard-submit-btn:disabled:hover { background: rgb(247, 247, 247); }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container.change-password-container .standard-submit-btn:hover, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container.change-provider-password-container .standard-submit-btn:hover { background: rgb(227, 227, 227); }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container.bank-info-container .add-crypto-address-btn-container { justify-content: unset; margin-top: 0.82rem; border-width: 0.01rem; border-color: rgb(219, 224, 228); border-image: initial; border-style: solid none none; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container.bank-info-container .add-crypto-address-btn-container .standard-submit-btn { background: rgb(129, 202, 252); }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .checkbox-column input { width: 0.18rem; height: 0.19rem; cursor: pointer; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .checkbox-column span { margin: 0.02rem 0px 0px 0.24rem; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .col-checkbox { width: 2.07%; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .col-subject { width: 54.6%; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .col-date { display: flex; align-items: center; justify-content: center; width: 17.25%; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .col-rebate-period { color: rgb(0, 113, 227); text-decoration: underline; cursor: pointer; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .col-remark { display: flex; align-items: center; justify-content: center; width: 11.03%; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .col-coin { width: 28.56%; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .col-network { width: 32.4%; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .col-address { width: 39.28%; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .col-member-login { width: 18.38%; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .col-receive { width: 19.62%; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .col-currency { width: 16.18%; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .col-total-deposit { width: 18.78%; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .col-bonus-amount { width: 21.4%; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .col-status { white-space: nowrap; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .col-status.status-A { color: rgb(0, 113, 227); }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .message-content { margin: 0.31rem 0px 0px; padding: 0px 0.34rem 0px 0.42rem; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .bonus-content { margin: 0.28rem 0px 0px; min-height: 2.44rem; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .bank-info-content { margin: 0.25rem 0px 0px; padding: 0px 0.2rem 0.5rem; font-size: 0.14rem; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .otp-container { display: flex; justify-content: space-between; margin: 0.25rem 0px 0px; flex-wrap: wrap; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .otp-container .otp-button { color: rgb(15, 22, 31); background: rgb(247, 247, 247); height: 0.4rem; padding: 0px 0.15rem; border-radius: 0.08rem; font-size: 0.16rem; margin-bottom: 0.1rem; width: 49%; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .otp-container .otp-button:disabled { opacity: 0.5; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .otp-container .otp-button.google-otp { min-width: 1.98rem; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .select-bank-form { border-top: 0.01rem solid rgb(247, 247, 247); }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .select-bank-form.crypto-form { padding: 0.82rem 0px 0px; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .select-bank-form.crypto-form .standard-error-validation { white-space: pre-line; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .select-bank-form .standard-form-one-row-container { display: block; margin: 0px; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .select-bank-form .standard-form-field-container:not(:first-child) { margin: 0.25rem 0px 0px; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .select-bank-form .standard-form-field-container .standard-label, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .select-bank-form .standard-form-field-container .standard-select { color: rgb(134, 151, 162); }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .select-bank-form .standard-form-field-container .standard-form-field { color: rgb(134, 151, 162); }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .select-bank-form .standard-form-field-container .standard-input:disabled { background: rgb(255, 255, 255); color: rgb(15, 22, 31); }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .select-bank-form .bank-statement-section { margin: 0px 0px 0.1rem; width: 100%; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .select-bank-form .bank-statement-section .receipt-image-box { margin: 0px 0px 0.15rem; width: 40%; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .select-bank-form .bank-statement-section .receipt-image-box img { width: 100%; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .select-bank-form .bank-statement-section .receipt-image-box .pdf-clear { margin-left: 0.1rem; width: 0.12rem; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .select-bank-form .bank-statement-section .bank-statement-section-wrapper { display: flex; justify-content: space-between; gap: 0.1rem; width: 100%; flex-wrap: nowrap; align-items: baseline; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .select-bank-form .bank-statement-section .bank-statement-section-wrapper .upload-receipt-btn { min-width: 35.5%; height: 0.4rem; background: rgb(129, 202, 252); border-radius: 0.08rem; margin: 0px; font-size: 0.16rem; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .select-bank-form .bank-statement-section .bank-statement-section-wrapper .upload-receipt-btn:disabled { background: rgb(247, 247, 247); color: rgb(15, 22, 31); font-size: 0.16rem; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .select-bank-form .bank-statement-section .bank-statement-section-wrapper .tool-tip-container { align-items: center; display: flex; width: 48%; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .select-bank-form .bank-statement-section .bank-statement-section-wrapper .tool-tip-container svg { fill: rgb(199, 210, 215); height: 0.15rem; margin: 0px 0.1rem 0px 0px; width: 0.2rem; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .select-bank-form .bank-statement-section .bank-statement-section-wrapper .tool-tip-container span { color: rgb(15, 22, 31); font-size: 0.12rem; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .select-bank-form .bank-statement-section .bank-statement-section-wrapper .btm-tool-tip-container { align-items: center; display: flex; width: 100%; margin: 0px; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .select-bank-form .bank-statement-section .bank-statement-section-wrapper .btm-tool-tip-container svg { fill: rgb(199, 210, 215); height: 0.15rem; margin: 0px 0.1rem 0px 0px; width: 0.2rem; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .select-bank-form .bank-statement-section .bank-statement-section-wrapper .btm-tool-tip-container span { color: rgb(15, 22, 31); font-size: 0.12rem; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .select-bank-form .bank-form-wrapper { margin: 0px 0px 0.28rem; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .select-bank-form .standard-submit-btn { margin: 0px; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-submit-btn { width: 35.5%; height: 0.4rem; background: rgb(255, 138, 0); color: rgb(255, 255, 255); border-radius: 0.08rem; margin: 0.55rem 0px 0px; font-size: 0.16rem; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-submit-btn:disabled { opacity: 0.5; cursor: not-allowed; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-submit-btn:disabled:hover { background: rgb(255, 138, 0); }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-submit-btn:hover { background: rgb(255, 114, 0); }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-setting-table-header { display: flex; align-items: center; justify-content: space-between; padding: 0px 0.34rem 0px 0.42rem; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-setting-table-header.header-title { margin: 0.33rem 0px 0px; height: unset; color: rgb(15, 22, 31); background: rgb(247, 247, 247); border-radius: 0.08rem; font-size: 0.14rem; padding: 0.12rem 0.2rem; font-weight: normal; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-setting-table-header.bank-info-header-title { margin: 0px; padding: 0.15rem 0.2rem; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-setting-table-header > div { display: flex; align-items: center; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-setting-table-header > div.content-column > div { display: flex; align-items: center; cursor: pointer; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-setting-table-header > div.content-column > div:not(:last-child) { margin: 0px 0.69rem 0px 0px; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-setting-table-header > div.content-column svg { width: 0.22rem; height: 0.18rem; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-setting-table-header > div.content-column span { margin: 0px 0px 0px 0.16rem; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-setting-table-row { display: flex; justify-content: space-between; align-items: center; padding: 0.12rem 0.2rem; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-setting-table-row .msg-detail { word-break: break-word; cursor: pointer; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-setting-table-row .msg-detail.unreadMsg { color: rgb(15, 22, 31); font-weight: 600; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-setting-table-row .remark-detail { justify-content: space-between; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-setting-table-row .remark-detail svg { width: 0.17rem; height: 0.18rem; cursor: pointer; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-setting-table-row .remark-detail svg:not(:last-child) { margin: 0px 0.27rem 0px 0px; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-setting-table-row .remark-detail .flag_true { fill: rgb(0, 114, 226); }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-setting-table-row .remark-detail .pin_true { fill: red; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-setting-table-row .remark-detail .flag_false, .settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-setting-table-row .remark-detail .pin_false { fill: rgb(134, 151, 162); }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-setting-table-row .bank-item { display: flex; align-items: center; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-setting-table-row .bank-item svg { width: 0.32rem; height: 0.32rem; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-setting-table-row .bank-item .bank-icon { height: 0.32rem; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-setting-table-row .bank-item .bank-other { height: 0.28rem; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-setting-table-row .bank-item p { margin: 0px 0px 0px 0.2rem; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-form-field { display: flex; align-items: center; margin: 0px; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-form-field:not(:last-child) { margin: 0px 0px 0.2rem; align-items: baseline; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-form-field .standard-label { width: 2.1rem; margin: 0px 0px 0.05rem; color: rgb(134, 151, 162); align-items: flex-start; word-break: break-word; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-form-field .standard-form-field-wrapper { width: 3.52rem; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-form-field .standard-form-field-wrapper .standard-input { height: 0.4rem; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .pagination-content { margin: 0.5rem auto 0px; display: flex; flex-flow: column; align-items: center; justify-content: center; font-size: 0.14rem; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .pagination-content .page-count { color: rgb(15, 22, 31); }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .pagination-content .pagination { display: flex; align-items: center; margin: 0.18rem 0px 0px; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .pagination-content .pagination svg { width: 0.11rem; height: 0.11rem; fill: rgb(134, 151, 162); }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .pagination-content .pagination a[aria-label="Go to previous page"] { margin: 0px 0.13rem 0px 0.3rem; width: 0.06rem; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .pagination-content .pagination a[aria-label="Go to next page"] { margin: 0px 0.3rem 0px 0.13rem; width: 0.06rem; }
.settings-container .settings-container-section .right-side-container-section .menu-categories-details .pagination-content .pagination a[aria-label*="Go to page number"] { display: flex; align-items: center; justify-content: center; width: 0.33rem; height: 0.33rem; border-radius: 50%; background: rgb(247, 247, 247); margin: 0px 0.1rem; color: rgb(134, 151, 162); }
.settings-container .settings-container-section .right-side-container-section .main-wallet-container { display: flex; border-radius: 0.08rem; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0.04rem 0px; align-items: center; }
@media (max-width: 1440px) { .settings-container .st-section { width: 13.4rem; } .settings-container .st-section .st-content .st-left .account-user-container .floating-acc { right: 6%; } .settings-container .st-section .st-content .st-left .account-user-container .floating-acc .triangle { margin-left: -0.61rem; }
}
@media (max-width: 1024px) { .settings-container .st-section { width: 11.5rem; } .settings-container .st-section .st-content .st-left .account-user-container .floating-acc { right: -16%; } .settings-container .st-section .st-content .st-left .account-user-container .floating-acc .triangle { margin-left: -0.675rem; } .settings-container .st-section .st-content .st-detail-container .st-tab .transfer-list .provider-list-container .list-box .box-provider .provider-item .pi-status .pi-content { width: 1rem; } .settings-container .settings-container-section { width: 11.5rem; }
}
.profile-container { gap: 0.35rem; position: relative; }
.profile-container .profile-column .column-title { color: rgb(15, 22, 31); margin: 0px 0px 0.16rem; }
.profile-container .profile-column .column-title .clickable { text-decoration: underline; }
.profile-container .profile-column .standard-form-field { display: flex; align-items: center; }
.profile-container .profile-column .standard-form-field .standard-label { color: rgb(134, 151, 162); margin: 0px; height: 0.4rem; width: 2rem; }
.profile-container .profile-column .standard-form-field .standard-label.editable { font-weight: 600; }
.profile-container .profile-column .standard-form-field .standard-input { background: unset; border: unset; width: unset; color: rgb(134, 151, 162); }
.profile-container .profile-column .standard-form-field .standard-input.editable { border: 0.01rem solid rgb(0, 0, 0); }
.profile-container .profile-column .standard-form-field .edit-btn, .profile-container .profile-column .standard-form-field .more-info-btn { display: flex; align-items: center; justify-content: center; background: rgb(247, 247, 247); border-radius: 0.08rem; height: 0.4rem; }
.profile-container .profile-column .standard-form-field .edit-btn { padding: 0.1rem 0.12rem; width: 0.4rem; }
.profile-container .profile-column .standard-form-field .more-info-btn { padding: 0px 0.2rem; margin: 0px 0px 0px 0.04rem; color: rgb(134, 151, 162); }
.profile-container .profile-column .box-container { display: flex; flex-flow: wrap; align-items: center; gap: 0.1rem; }
.profile-container .profile-column .box-container .box-warpper { display: flex; width: 2rem; background: rgb(243, 245, 246); border-radius: 0.08rem; height: 0.56rem; padding: 0.1rem; justify-content: space-between; }
.profile-container .profile-column .box-container .box-warpper .bank-details { display: flex; align-items: center; width: 100%; }
.profile-container .profile-column .box-container .box-warpper .bank-details .bank-img { width: 0.32rem; height: 0.32rem; object-fit: contain; }
.profile-container .profile-column .box-container .box-warpper .bank-details .bank-img .bank-icon { width: inherit; }
.profile-container .profile-column .box-container .box-warpper .bank-details .bank-img img { width: 0.32rem; height: 0.32rem; }
.profile-container .profile-column .box-container .box-warpper .bank-details .bank-info { color: rgb(134, 151, 162); font-size: 0.14rem; margin: 0px 0px 0px 0.15rem; width: inherit; }
.profile-container .profile-column .box-container .box-warpper .bank-details .bank-info .bank-detail { color: rgb(15, 22, 31); }
.profile-container .profile-column .box-container .box-warpper .bank-details .bank-info p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.profile-container .profile-column .box-container .box-warpper .bank-details .bank-info p:not(:first-child) { margin: 0px; }
.profile-container .profile-column .box-container .box-warpper .verified-icon { width: 0.18rem; height: 0.18rem; }
.profile-container .st-user-verification-section { position: absolute; background: rgb(243, 245, 246); right: 0.4rem; width: 2.12rem; height: 1.1rem; padding: 0.2rem; border-radius: 0.08rem; }
.profile-container .st-user-verification-section span { color: rgb(15, 22, 31); font-weight: 600; }
.action-auto-transfer { padding: 0px 0px 0.05rem; }
.action-auto-transfer .action-label { color: rgb(15, 22, 31); }
.action-auto-transfer .seamless-control { display: grid; grid-template-columns: 5% 20% 50%; color: rgb(97, 117, 126); align-items: center; }
@media (max-width: 768px) { .action-auto-transfer .seamless-control { grid-template-columns: 50% 15% auto; border-top: 0.15rem solid rgb(243, 245, 246); border-bottom: 0.15rem solid rgb(243, 245, 246); padding: 0.4rem 0.45rem; margin: 0.6rem 0px; } .action-auto-transfer .seamless-control .auto-desc { grid-column: 1 / span 3; }
}
.action-auto-transfer .seamless-control.wallet-disable .check { background: rgb(171, 171, 171) !important; }
.action-auto-transfer .seamless-control.wallet-disable .seamless-status { color: rgb(171, 171, 171) !important; }
.action-auto-transfer .seamless-control .auto-transfer { cursor: pointer; height: 0.24rem; width: 0.48rem; position: relative; margin: 0px 0px 0.04rem; }
@media (max-width: 768px) { .action-auto-transfer .seamless-control .auto-transfer { height: 0.5rem; width: 0.9rem; }
}
.action-auto-transfer .seamless-control .auto-transfer input { opacity: 0; }
.action-auto-transfer .seamless-control .auto-transfer input:checked ~ .check-btn { left: 46%; }
@media (max-width: 768px) { .action-auto-transfer .seamless-control .auto-transfer input:checked ~ .check-btn { left: 54%; }
}
.action-auto-transfer .seamless-control .auto-transfer .check { background: rgb(255, 138, 0); border-radius: 0.4rem; cursor: pointer; height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; }
.action-auto-transfer .seamless-control .auto-transfer .check-btn { position: absolute; top: 0.02rem; left: 0.02rem; width: 0.2rem; height: 0.2rem; border-radius: 0.4rem; background: rgb(255, 255, 255); transition: 0.3s; }
@media (max-width: 768px) { .action-auto-transfer .seamless-control .auto-transfer .check-btn { width: 0.37rem; height: 0.4rem; top: 0.06rem; }
}
.action-auto-transfer .seamless-control .auto-status { color: rgb(15, 22, 31); text-transform: capitalize; margin: 0px 0.1rem; }
.action-auto-transfer .seamless-control .auto-desc { color: rgb(97, 117, 126); }
.kyc-container .kyc-choose-file { display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0); padding: 0px 0.15rem; width: 2.25rem; height: 0.38rem; border: 0.01rem solid rgb(232, 232, 232); border-radius: 0.05rem; color: rgb(134, 151, 162); font-size: 0.16rem; gap: 0.05rem; }
.kyc-container .kyc-choose-file:disabled { opacity: 0.5; cursor: not-allowed; }
.kyc-container .kyc-choose-file .beta-copy { width: 0.24rem; height: 0.24rem; }
.kyc-container .kyc-choose-file svg { width: 0.2rem; height: 0.2rem; margin: 0px 0.1rem 0px 0px; }
.kyc-container .kyc-choose-file .kyc-file-content { line-height: 1.25; }
.kyc-container .kyc-choose-file .kyc-file-content.kyc-contented { color: rgb(0, 113, 227); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 2rem; }
.kyc-container .kyc-attachment-preview { display: flex; align-items: center; justify-content: center; background: rgb(0, 113, 227); padding: 0px 0.25rem; height: 0.38rem; border: 0.01rem solid rgb(232, 232, 232); border-radius: 0.1rem; color: rgb(255, 255, 255); cursor: pointer; font-size: 0.16rem; }
.kyc-container .kyc-attachment-preview:disabled { opacity: 0.5; cursor: not-allowed; }
.kyc-container .kyc-delete-btn { background: rgba(0, 0, 0, 0); margin-left: auto; }
.kyc-container .kyc-delete-btn img { width: 0.2rem; height: 0.2rem; }
.kyc-container .tool-tip-container { position: relative; display: flex; }
.kyc-container .tool-tip-container svg { width: 0.15rem; fill: rgb(197, 210, 216); margin: 0px 0px 0px 0.075rem; }
.kyc-container .tool-tip-container .important-notice-box { position: absolute; white-space: nowrap; bottom: 0.1rem; left: 0.3rem; padding: 0.1rem; background: rgb(255, 255, 255); color: rgb(0, 0, 0); font-size: 0.12rem; border-radius: 0.1rem; z-index: 1; box-shadow: rgb(155, 155, 155) 0.02rem 0.03rem 0.05rem; display: flex; }
.kyc-container .kyc-choose-file-container { display: grid; grid-template-columns: 2.24rem 2.16rem 1.5rem auto; gap: 0.2rem; color: rgb(134, 151, 162); }
.kyc-container .kyc-choose-file-container .selected { background: rgb(243, 245, 246); }
.kyc-container .standard-button-container { grid-column: 2 / span 1; width: 3.46rem; }
.kyc-container .standard-button-container .kyc-submit-button { width: 3.18rem; }
.edit-popup-modal-container { background: rgb(255, 255, 255); min-height: 3rem; }
.edit-popup-modal-container .standard-popup-modal-header { font-size: 0.2rem; color: rgb(15, 22, 31); padding: 0.5rem 0.6rem 0.35rem; }
.edit-popup-modal-container .standard-popup-modal-body { padding: 0px 0.6rem; }
.edit-popup-modal-container .standard-popup-modal-body .standard-form-field { align-items: center; justify-content: space-between; }
.edit-popup-modal-container .standard-popup-modal-body .standard-form-field p { margin: 0px 0px 0.05rem; width: 40%; }
.edit-popup-modal-container .standard-popup-modal-body .standard-form-field .select-date-seperate { width: 60%; }
.edit-popup-modal-container .standard-popup-modal-body .standard-form-field .select-date-seperate #dropdown-date { display: grid; grid-template-columns: 26% 35% 26%; width: 100%; justify-content: space-between; }
.edit-popup-modal-container .standard-popup-modal-body .standard-form-field .select-date-seperate #dropdown-date select { padding: 0.05rem 0.05rem 0.05rem 0.1rem; border: 0.01rem solid rgb(247, 247, 247); color: rgb(134, 151, 162); border-radius: 0.05rem; font-size: 0.16rem; width: 100%; height: 0.38rem; }
.edit-popup-modal-container .standard-popup-modal-body .remark-text { color: red; font-size: 0.14rem; }
.edit-popup-modal-container .standard-popup-modal-footer { border: none; padding: 0px 0.6rem; margin: 0.6rem 0px; display: grid; grid-template-columns: 49% 49%; justify-content: space-between; }
.edit-popup-modal-container .standard-popup-modal-footer button { width: 100%; }
.edit-popup-modal-container .standard-popup-modal-footer button.standard-cancel-button { background: rgb(129, 202, 252); border-radius: 0.08rem; }
.m-edit-popup-modal-container .standard-popup-modal-header { font-size: 0.3rem; padding: 0.6rem 0.42rem 0.56rem; }
.m-edit-popup-modal-container .standard-popup-modal-body { padding: 0px 0.42rem; font-size: 0.3rem; }
.m-edit-popup-modal-container .standard-popup-modal-body .standard-form-field { flex-direction: column; align-items: flex-start; justify-content: unset; }
.m-edit-popup-modal-container .standard-popup-modal-body .standard-form-field p { width: 100%; margin: 0px 0px 0.3rem; }
.m-edit-popup-modal-container .standard-popup-modal-body .standard-form-field .select-date-seperate { width: 100%; }
.m-edit-popup-modal-container .standard-popup-modal-body .standard-form-field .select-date-seperate #dropdown-date { grid-template-columns: 32% 32% 32%; }
.m-edit-popup-modal-container .standard-popup-modal-body .standard-form-field .select-date-seperate #dropdown-date select { font-size: 0.3rem; height: 0.68rem; border-radius: 0.1rem; padding: 0.05rem 0.25rem; }
.m-edit-popup-modal-container .standard-popup-modal-body .remark-text { font-size: 0.26rem; }
.m-edit-popup-modal-container .standard-popup-modal-footer { padding: 0px 0.42rem 0.56rem; margin: 0.5rem 0px 0px; border-radius: 0px 0px 0.1rem 0.1rem; }
.m-edit-popup-modal-container .standard-popup-modal-footer .standard-submit-button, .m-edit-popup-modal-container .standard-popup-modal-footer .standard-cancel-button { height: 0.82rem; font-size: 0.3rem; border-radius: 0.1rem; }
.kyc-preview-modal-container { min-height: unset; }
.kyc-preview-modal-container .standard-popup-modal-body { display: flex; align-items: center; justify-content: center; }
@media (max-width: 768px) { .kyc-preview-modal-container .standard-popup-modal-body { padding: 0px 0.5rem 0.5rem; }
}
.kyc-notification-modal-container { min-height: unset; }
.kyc-notification-modal-container .standard-popup-modal-header { border-bottom: 0.01rem solid rgb(217, 217, 217); padding: 0.32rem 0.4rem 0.24rem; margin-bottom: 0.16rem; }
@media (max-width: 768px) { .kyc-notification-modal-container .standard-popup-modal-header { padding: 0.32rem 0.5rem 0.24rem; margin-bottom: 0.32rem; }
}
.kyc-notification-modal-container .standard-popup-modal-header .standard-modal-title { font-size: 0.16rem; font-weight: 600; border-radius: 0px; }
@media (max-width: 768px) { .kyc-notification-modal-container .standard-popup-modal-header .standard-modal-title { font-size: 0.28rem; padding: 0px; }
}
@media (max-width: 768px) { .kyc-notification-modal-container .standard-popup-modal-body { font-size: 0.28rem; }
}
.kyc-notification-modal-container .standard-popup-modal-body .title { margin: 0px 0px 0.25rem; }
@media (max-width: 768px) { .kyc-notification-modal-container .standard-popup-modal-body .title { margin: 0px 0px 0.5rem; }
}
.kyc-notification-modal-container .standard-popup-modal-body ul { margin: 0px 0px 0px 0.25rem; }
@media (max-width: 768px) { .kyc-notification-modal-container .standard-popup-modal-body ul { margin: 0px 0px 0px 0.5rem; }
}
.kyc-notification-modal-container .standard-popup-modal-body ul li { list-style-type: disc; }
.kyc-notification-modal-container .standard-popup-modal-body .footer { margin: 0.25rem 0px 0px; }
@media (max-width: 768px) { .kyc-notification-modal-container .standard-popup-modal-body .footer { margin: 0.5rem 0px 0px; }
}
.kyc-notification-modal-container .sumsub-content { line-height: 0.4rem; }
.kyc-notification-modal-container .sumsub-content a { color: rgb(0, 113, 227); }
.kyc-notification-modal-container .sumsub-content span { color: red; }
.settings-container .st-section .st-content .st-detail-container .st-tab .message-tab-container .standard-tab .tab-header { text-transform: capitalize; }
.message-tab-container .standard-tab { display: flex; gap: 0.04rem; }
.message-table-container .header-control { display: flex; align-items: center; justify-content: space-between; margin: 0px 0px 0.34rem; }
.message-table-container .header-control .checkbox-column { display: flex; }
.message-table-container .header-control .checkbox-column span { padding: 0px 0.16rem; }
.message-table-container .header-control .content-column { display: flex; }
.message-table-container .header-control .content-column svg { width: 0.22rem; height: 0.18rem; margin: 0px 0.15rem; vertical-align: text-bottom; }
.message-table-container .header-control .content-column span { cursor: pointer; }
.message-table-container .header-control .content-column .delete-action { margin: 0px 0px 0px 0.2rem; }
.message-table-container table { width: 100%; margin: 0.1rem 0px; }
.message-table-container table .st-ms-table tr { font-size: 0.14rem; color: rgb(15, 22, 31); }
.message-table-container table .st-ms-table tr th { background: rgb(247, 247, 247); }
.message-table-container table .st-ms-table tr th:first-child { padding: 0.1rem; border-radius: 0.1rem 0px 0px 0.1rem; }
.message-table-container table .st-ms-table tr th:last-child { padding: 0.1rem 0.25rem 0.1rem 0.1rem; border-radius: 0px 0.1rem 0.1rem 0px; }
.message-table-container table .st-ms-table tr th.t-date, .message-table-container table .st-ms-table tr th.t-remark { text-align: center; }
.message-table-container table .st-ms-table tr th.t-tick { width: 7.2%; }
.message-table-container table .st-ms-table tr th.t-subject { width: 54.52%; }
.message-table-container table .st-ms-table tr th.t-date { width: 17.25%; }
.message-table-container table .st-ms-table tr th.t-remark { width: 21.03%; }
.message-table-container table .st-ms-tbody td { font-size: 0.16rem; padding: 0.25rem 0px 0px; }
.message-table-container table .st-ms-tbody td:first-child { padding: 0.25rem 0.1rem 0px 0.25rem; border-radius: 0.1rem 0px 0px 0.1rem; width: 7%; }
.message-table-container table .st-ms-tbody td:last-child { padding: 0.25rem 0.25rem 0px 0.1rem; border-radius: 0px 0.1rem 0.1rem 0px; }
.message-table-container table .st-ms-tbody td.content-column { width: 50%; }
.message-table-container table .st-ms-tbody td.t-date { text-align: center; }
.message-table-container table .st-ms-tbody td.remark-detail { text-align: center; width: 18%; }
.message-table-container table .st-ms-tbody td.remark-detail svg { fill: rgb(134, 151, 162); width: 0.18rem; height: 0.18rem; margin: 0px 0.12rem; }
.message-table-container table .st-ms-tbody td.remark-detail .flag_true { fill: rgb(0, 114, 226); }
.message-table-container table .st-ms-tbody td.remark-detail .pin_true { fill: red; }
.message-table-container table .st-ms-tbody td.remark-detail .flag_false, .message-table-container table .st-ms-tbody td.remark-detail .pin_false { fill: rgb(134, 151, 162); }
.message-table-container table .st-ms-tbody td .msg-detail { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin: 0px; cursor: pointer; }
.message-table-container table .st-ms-tbody td .unreadMsg { color: rgb(15, 22, 31); font-weight: 600; }
.message-table-container .standard-invisible-checkbox { position: absolute; z-index: 9; opacity: 0; cursor: pointer; }
.message-table-container .standard-checkbox { position: relative; border-radius: 0.04rem; border: 0.01rem solid rgb(215, 215, 215); height: 0.18rem; width: 0.18rem; background: unset; cursor: pointer; }
.message-table-container .standard-checkbox svg { position: absolute; }
.message-table-container .standard-checkbox svg path { fill: none; stroke: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: 0.6s; stroke-dashoffset: 0; }
.message-table-container .standard-checkbox svg polyline { fill: none; stroke: rgba(0, 0, 0, 0); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: 0.3s; }
.message-table-container .standard-invisible-checkbox:checked + .standard-checkbox { background: rgb(255, 138, 0); border-color: rgb(255, 138, 0) !important; }
.message-table-container .standard-invisible-checkbox:checked + .standard-checkbox svg path { fill: rgb(255, 138, 0); stroke: rgb(255, 138, 0); }
.message-table-container .standard-invisible-checkbox:checked + .standard-checkbox svg polyline { stroke-dashoffset: 0; stroke: rgb(255, 255, 255); }
.message-table-container:hover .standard-checkbox svg path { stroke-dashoffset: 0; }
.message-table-container .pagination-content { margin: 0.5rem auto 0px; display: flex; flex-flow: column; align-items: center; justify-content: center; font-size: 0.14rem; }
.message-table-container .pagination-content .page-count { color: rgb(15, 22, 31); }
.message-table-container .pagination-content .pagination { display: flex; align-items: center; margin: 0.18rem 0px 0px; }
.message-table-container .pagination-content .pagination svg { width: 0.11rem; height: 0.11rem; fill: rgb(134, 151, 162); }
.message-table-container .pagination-content .pagination a[aria-label="Go to previous page"] { margin: 0px 0.13rem 0px 0.3rem; width: 0.06rem; }
.message-table-container .pagination-content .pagination a[aria-label="Go to next page"] { margin: 0px 0.3rem 0px 0.13rem; width: 0.06rem; }
.message-table-container .pagination-content .pagination a[aria-label*="Go to page number"] { display: flex; align-items: center; justify-content: center; width: 0.33rem; height: 0.33rem; border-radius: 50%; background: rgb(247, 247, 247); margin: 0px 0.1rem; color: rgb(134, 151, 162); }
.referral-copy-popup .referral-copy-content { width: 80%; margin: 0.5rem auto; text-align: center; }
@media (max-width: 768px) { .referral-copy-popup .referral-copy-content { margin: auto; padding: 0px 0px 0.7rem; }
}
.referral-copy-popup .referral-copy-content p { margin-bottom: 0px; line-height: 0.25rem; }
@media (max-width: 768px) { .referral-copy-popup .referral-copy-content p { font-size: 0.24rem; }
}
.referral-copy-popup .referral-copy-content .link { margin-top: 0.2rem; }
.referral-copy-popup .referral-copy-content button { padding: 0.08rem 0.15rem; background: rgb(0, 114, 226); color: rgb(255, 255, 255); border-radius: 0.05rem; font-size: 0.16rem; margin: 0.1rem 0px 0px; width: 1rem; text-transform: capitalize; }
.nav-leaderboard { display: flex; flex-flow: column; }
.nav-leaderboard .icon-leaderboard-container { align-items: center; background: rgb(6, 145, 192); border-radius: 0.2rem; display: flex; justify-content: space-between; margin: 0px 0px 0.1rem 0.42rem; padding: 0px 0.1rem 0px 0px; width: 43%; }
.nav-leaderboard .icon-leaderboard-container .icon-leaderboard-svg { background: rgb(253, 184, 19); border-radius: 50%; height: 0.23rem; width: 0.23rem; }
.nav-leaderboard .icon-leaderboard-container .icon-leaderboard-svg svg { width: 0.17rem; }
.nav-leaderboard .icon-leaderboard-container .navbar-member-group-desc { color: rgb(255, 255, 255); font-size: 0.12rem; }
.nav-leaderboard .floating-leaderboard-container { background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.3) 0px 0.02rem 0.08rem; border-radius: 0.1rem; padding: 0.2rem 0.25rem; position: absolute; width: 2.48rem; top: 100%; left: -20%; z-index: 1; }
.nav-leaderboard .floating-leaderboard-container .triangle { position: absolute; bottom: 100%; left: 50%; height: 0.12rem; margin-left: -0.12rem; overflow: hidden; width: 0.24rem; }
.nav-leaderboard .floating-leaderboard-container .triangle::after { content: ""; position: absolute; width: 0.12rem; height: 0.12rem; left: 50%; transform: translate(-50%, 50%) rotate(45deg); background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.3) 0px 0.01rem 0.06rem; }
.nav-leaderboard .floating-leaderboard-container .floating-leaderboard .standard-form-container { border-width: 0px 0px 0.01rem; border-style: solid; border-color: rgb(237, 239, 241); display: flex; justify-content: space-between; }
.nav-leaderboard .floating-leaderboard-container .floating-leaderboard .standard-form-container .standard-form-field .standard-select { background: rgb(247, 247, 247); border: 0px; border-radius: 0.2rem; color: rgb(134, 151, 162); font-size: 0.12rem; padding: 0.05rem 0.15rem; }
.nav-leaderboard .floating-leaderboard-container .floating-leaderboard .standard-form-container .standard-form-field .standard-select span:first-child { margin: 0px; }
.nav-leaderboard .floating-leaderboard-container .floating-leaderboard .standard-form-container .standard-form-field .standard-select-arrow { border-width: 0px 0.03rem 0.03rem 0px; border-style: solid; border-color: rgb(134, 151, 162); }
.nav-leaderboard .floating-leaderboard-container .floating-leaderboard .standard-form-container .month-field { width: 58%; }
.nav-leaderboard .floating-leaderboard-container .floating-leaderboard .standard-form-container .year-field { width: 38%; }
.nav-leaderboard .floating-leaderboard-container .floating-leaderboard .standard-form-container .month-field .standard-select, .nav-leaderboard .floating-leaderboard-container .floating-leaderboard .standard-form-container .year-field .standard-select { z-index: 2; background: rgb(255, 255, 255); border: 0.01rem solid rgb(232, 232, 232); }
.nav-leaderboard .floating-leaderboard-container .floating-leaderboard .standard-form-container .month-field .standard-select-dropdown, .nav-leaderboard .floating-leaderboard-container .floating-leaderboard .standard-form-container .year-field .standard-select-dropdown { top: 0px; border-radius: 0.2rem; padding: 0.4rem 0px 0.2rem; z-index: 1; }
.nav-leaderboard .floating-leaderboard-container .floating-leaderboard .standard-form-container .month-field .standard-select-dropdown .standard-select-options, .nav-leaderboard .floating-leaderboard-container .floating-leaderboard .standard-form-container .year-field .standard-select-dropdown .standard-select-options { display: flex; align-items: center; margin: 0px; height: 0.25rem; padding: 0px 0.1rem; color: rgb(134, 151, 162); white-space: nowrap; }
.nav-leaderboard .floating-leaderboard-container .floating-leaderboard .standard-form-container .month-field .standard-select-dropdown .standard-select-options p, .nav-leaderboard .floating-leaderboard-container .floating-leaderboard .standard-form-container .year-field .standard-select-dropdown .standard-select-options p { margin: 0px; }
.nav-leaderboard .floating-leaderboard-container .floating-leaderboard .standard-form-container .month-field .standard-select-dropdown .standard-select-options.active, .nav-leaderboard .floating-leaderboard-container .floating-leaderboard .standard-form-container .month-field .standard-select-dropdown .standard-select-options:hover, .nav-leaderboard .floating-leaderboard-container .floating-leaderboard .standard-form-container .year-field .standard-select-dropdown .standard-select-options.active, .nav-leaderboard .floating-leaderboard-container .floating-leaderboard .standard-form-container .year-field .standard-select-dropdown .standard-select-options:hover { background: rgb(255, 138, 0); border-radius: 0.1rem; color: rgb(255, 255, 255); cursor: pointer; }
.nav-leaderboard .floating-leaderboard-container .floating-leaderboard .rank-breakdown-container { margin: 0.14rem 0px 0px; }
.nav-leaderboard .floating-leaderboard-container .floating-leaderboard .rank-breakdown-container .header { font-size: 0.12rem; margin: 0px 0px 0.1rem; }
.nav-leaderboard .floating-leaderboard-container .floating-leaderboard .rank-breakdown-container .category-rank { display: grid; grid-template-columns: 2fr 2fr; gap: 0.06rem; }
.nav-leaderboard .floating-leaderboard-container .floating-leaderboard .rank-breakdown-container .category-rank .category-box { align-items: flex-start; background: rgb(0, 113, 243); border-radius: 0.1rem; display: flex; flex-direction: column; justify-content: center; line-height: 1.3; padding: 0.08rem 0.15rem; }
.nav-leaderboard .floating-leaderboard-container .floating-leaderboard .rank-breakdown-container .category-rank .category-box .label { color: rgb(253, 184, 19); }
.nav-leaderboard .floating-leaderboard-container .floating-leaderboard .rank-breakdown-container .category-rank .category-box .value { color: rgb(255, 255, 255); }
@media (max-width: 1024px) { .nav-leaderboard .icon-leaderboard-container { width: 55%; }
}
.deposit-progress .deposit-progress-img { display: flex; margin: 0px 0px 0.1rem; }
.deposit-progress .deposit-progress-img .lazy-load-image-loaded { margin: 0px 0.15rem 0px 0px; }
.deposit-progress .deposit-progress-img .lazy-load-image-loaded img { width: 0.3rem; }
.deposit-progress .deposit-progress-img .next-member-group-level-wrapper { display: flex; flex-direction: column; }
.deposit-progress .progress-bar { background: rgb(255, 255, 255); border-radius: 0.5rem; height: 0.08rem; margin: 0px 0px 0.1rem; overflow: hidden; }
.deposit-progress .progress-bar .progress-bar-status { background: rgb(255, 138, 0); border-radius: 0.5rem; display: block; height: 100%; }
.deposit-progress .progress-status { font-size: 0.12rem; }
.deposit-progress .floating-vip-level-container { background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.3) 0px 0.02rem 0.08rem; border-radius: 0.1rem; padding: 0.18rem; position: absolute; width: 2rem; top: 55%; right: 29%; z-index: 1; }
.deposit-progress .floating-vip-level-container .triangle { position: absolute; bottom: 100%; left: 50%; height: 0.12rem; margin-left: -0.12rem; overflow: hidden; width: 0.24rem; }
.deposit-progress .floating-vip-level-container .triangle::after { content: ""; position: absolute; width: 0.12rem; height: 0.12rem; left: 50%; transform: translate(-50%, 50%) rotate(45deg); background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.3) 0px 0.01rem 0.06rem; }
.deposit-progress .floating-vip-level-container .floating-vip-level { display: flex; flex-direction: column; justify-content: center; }
.deposit-progress .floating-vip-level-container .floating-vip-level .lazy-load-image-loaded { justify-content: center; margin: 0px 0px 0.1rem; display: flex !important; }
.deposit-progress .floating-vip-level-container .floating-vip-level .lazy-load-image-loaded img { width: 90%; }
.deposit-progress .floating-vip-level-container .floating-vip-level .standard-button-container { justify-content: center; }
.deposit-progress .floating-vip-level-container .floating-vip-level .standard-button-container .standard-submit-button { border-radius: 0.2rem; font-weight: 500; font-size: 0.14rem; height: unset; width: unset; min-width: unset; padding: 0.05rem 0.18rem; }
@media (max-width: 1440px) { .deposit-progress .floating-vip-level-container { right: 6%; } .deposit-progress .floating-vip-level-container .triangle { left: 30%; }
}
@media (max-width: 1024px) { .deposit-progress .floating-vip-level-container { right: -16%; } .deposit-progress .floating-vip-level-container .triangle { left: 27%; }
}
.share-dropdown-back-screen { position: fixed; z-index: 0; top: 0px; left: 0px; width: 100%; height: 100%; }
.floating-referral { background: rgb(255, 255, 255); border-radius: 0.1rem; box-shadow: rgba(0, 0, 0, 0.3) 0px 0.02rem 0.08rem; padding: 0.1rem 0.25rem; position: absolute; width: 1.9rem; top: 95%; left: -1%; z-index: 1; }
.floating-referral .ref-copy { align-items: center; display: flex; cursor: pointer; padding: 0.1rem; }
.floating-referral .ref-copy svg { width: 0.2rem; height: 0.2rem; margin: 0px 0.15rem 0px 0px; }
.floating-referral .ref-copy span { color: rgb(15, 22, 31); font-size: 0.12rem; }
.floating-referral .ref-copy:hover svg { fill: rgb(255, 255, 255); }
.floating-referral .ref-copy:hover svg.beta-facebook .st1 { fill: rgb(58, 88, 155); }
.floating-referral .ref-copy:hover svg.beta-whatsapp .st1 { fill: rgb(37, 211, 102); }
.floating-referral .ref-copy:hover svg.beta-telegram .st1, .floating-referral .ref-copy:hover svg.beta-telegram .st3 { fill: url("#beta-telegram-SVGID_1_"); }
.floating-referral .ref-copy:hover svg.beta-line .st1 { fill: rgb(58, 206, 0); }
.floating-referral .ref-copy:hover svg.beta-skype .st1 { fill: rgb(0, 170, 241); }
.floating-referral .ref-copy:hover span { color: rgb(255, 255, 255); }
.floating-referral .ref-share-link { cursor: pointer; }
.floating-referral .react-share__ShareButton, .floating-referral .ref-share-link, .floating-referral .ref-copy { align-items: center; background: unset; color: rgb(15, 22, 31); display: flex; font-size: 0.12rem; margin: 0.05rem 0px; width: 100%; padding: 0.05rem 0.15rem !important; }
.floating-referral .react-share__ShareButton svg, .floating-referral .ref-share-link svg, .floating-referral .ref-copy svg { width: 0.2rem; height: 0.2rem; margin: 0px 0.15rem 0px 0px; }
.floating-referral .react-share__ShareButton span, .floating-referral .ref-share-link span, .floating-referral .ref-copy span { color: rgb(15, 22, 31); font-size: 0.12rem; }
.floating-referral .react-share__ShareButton:hover, .floating-referral .ref-share-link:hover, .floating-referral .ref-copy:hover { border-radius: 0.2rem; background: rgb(255, 138, 0) !important; }
.floating-referral .react-share__ShareButton:hover svg *, .floating-referral .ref-share-link:hover svg *, .floating-referral .ref-copy:hover svg * { fill: rgb(255, 255, 255); }
.floating-referral .react-share__ShareButton:hover svg.beta-facebook .st1, .floating-referral .ref-share-link:hover svg.beta-facebook .st1, .floating-referral .ref-copy:hover svg.beta-facebook .st1 { fill: rgb(58, 88, 155); }
.floating-referral .react-share__ShareButton:hover svg.beta-whatsapp .st1, .floating-referral .ref-share-link:hover svg.beta-whatsapp .st1, .floating-referral .ref-copy:hover svg.beta-whatsapp .st1 { fill: rgb(37, 211, 102); }
.floating-referral .react-share__ShareButton:hover svg.beta-telegram .st1, .floating-referral .react-share__ShareButton:hover svg.beta-telegram .st3, .floating-referral .ref-share-link:hover svg.beta-telegram .st1, .floating-referral .ref-share-link:hover svg.beta-telegram .st3, .floating-referral .ref-copy:hover svg.beta-telegram .st1, .floating-referral .ref-copy:hover svg.beta-telegram .st3 { fill: url("#beta-telegram-SVGID_1_"); }
.floating-referral .react-share__ShareButton:hover svg.beta-line .st1, .floating-referral .ref-share-link:hover svg.beta-line .st1, .floating-referral .ref-copy:hover svg.beta-line .st1 { fill: rgb(58, 206, 0); }
.floating-referral .react-share__ShareButton:hover svg.beta-skype .st1, .floating-referral .ref-share-link:hover svg.beta-skype .st1, .floating-referral .ref-copy:hover svg.beta-skype .st1 { fill: rgb(0, 170, 241); }
.floating-referral .react-share__ShareButton:hover span, .floating-referral .ref-share-link:hover span, .floating-referral .ref-copy:hover span { color: rgb(255, 255, 255); }
@media (max-width: 768px) { .floating-referral { width: 2.3rem; left: 48%; } .floating-referral .ref-copy svg { width: 0.3rem; height: 0.3rem; margin: 0px 0.15rem 0px 0px; } .floating-referral .ref-copy span { font-size: 0.2rem; } .floating-referral .react-share__ShareButton, .floating-referral .ref-share-link, .floating-referral .ref-copy { font-size: 0.2rem; cursor: pointer; } .floating-referral .react-share__ShareButton svg, .floating-referral .ref-share-link svg, .floating-referral .ref-copy svg { width: 0.3rem; height: 0.3rem; } .floating-referral .react-share__ShareButton span, .floating-referral .ref-share-link span, .floating-referral .ref-copy span { font-size: 0.2rem; }
}
.bank-info-container table { width: 100%; margin: 0px 0px 0.48rem; }
.bank-info-container table .st-bwd-table tr { font-size: 0.14rem; color: rgb(15, 22, 31); }
.bank-info-container table .st-bwd-table tr th { font-weight: 400; background: rgb(247, 247, 247); }
.bank-info-container table .st-bwd-table tr th:first-child { padding: 0.18rem 0.2rem; border-radius: 0.1rem 0px 0px 0.1rem; }
.bank-info-container table .st-bwd-table tr th:last-child { padding: 0.1rem 0.25rem 0.1rem 0.1rem; border-radius: 0px 0.1rem 0.1rem 0px; width: 1.5rem; }
.bank-info-container table .st-bwd-tbody td { font-size: 0.14rem; padding: 0.2rem 0px 0px; height: 0px; }
.bank-info-container table .st-bwd-tbody td:first-child { padding: 0.2rem 0.25rem 0px; border-radius: 0.1rem 0px 0px 0.1rem; }
.bank-info-container table .st-bwd-tbody td:last-child { padding: 0.2rem 0.25rem 0px 0.1rem; border-radius: 0px 0.1rem 0.1rem 0px; width: 1.2rem; }
.bank-info-container table .st-bwd-tbody .bank-item { display: flex; align-items: center; gap: 0.1rem; }
.bank-info-container table .st-bwd-tbody .bank-item img, .bank-info-container table .st-bwd-tbody .bank-item svg { width: 0.4rem; }
.bank-info-container table .st-bwd-tbody .col-delete svg { width: 0.2rem; height: 0.2rem; cursor: pointer; }
.bank-info-container table .col-bank-branch, .bank-info-container table .col-acc-name, .bank-info-container table .col-acc-no, .bank-info-container table .col-delete, .bank-info-container table .col-acc-status { text-align: center; }
.bank-info-container table .no-bank-container td { padding: 0.25rem 0px; }
.bank-info-container .select-bank-form { border-top: 0.01rem solid rgb(226, 226, 226); padding: 0.48rem 0px; }
.bank-info-container .select-bank-form .standard-form-field-container { display: grid; align-items: center; grid-template-columns: 2.08rem 3.46rem auto; position: relative; width: 100%; margin: 0px 0px 0.14rem; }
.m-bank-detail-container .bank-info-container .add-crypto-address-btn-container { margin-top: 0.8rem; border-width: 0.01rem; border-color: rgb(219, 224, 228); border-image: initial; border-style: solid none none; }
.m-bank-detail-container .bank-info-container .add-crypto-address-btn-container .standard-submit-btn { background: rgb(129, 202, 252); }
.crypto-google-auth-dialog-container { background: rgb(255, 255, 255); }
.crypto-google-auth-dialog-container .standard-popup-modal-header { color: rgb(15, 22, 31); padding: 0.5rem 0.6rem 0.25rem; }
.crypto-google-auth-dialog-container .standard-popup-modal-header .standard-modal-title { font-size: 0.2rem; }
.crypto-google-auth-dialog-container .standard-popup-modal-body { color: rgb(15, 22, 31); display: flex; padding: 0px 0.6rem 0.35rem; }
.crypto-google-auth-dialog-container .standard-popup-modal-body img { width: 30%; height: 100%; margin: 0px 0px 0.25rem; }
.crypto-google-auth-dialog-container .standard-popup-modal-body .text-detail { width: 70%; padding: 0.2rem 0.2rem 0px; }
.crypto-google-auth-dialog-container .standard-popup-modal-body .text-detail .standard-label { color: rgb(134, 151, 162); padding: 0px 0px 0.1rem; }
.crypto-google-auth-dialog-container .standard-popup-modal-body .text-detail .standard-label.key-code { color: rgb(15, 22, 31); }
.crypto-google-auth-dialog-container .standard-popup-modal-body .text-detail .standard-button-container { justify-content: space-between; padding: 0.15rem 0px 0.3rem; }
.crypto-google-auth-dialog-container .standard-popup-modal-body .text-detail .standard-button-container .standard-modal-close { width: 49%; height: 0.4rem; border-radius: 0.1rem; color: rgb(255, 255, 255); font-size: 0.16rem; }
.crypto-google-auth-dialog-container .standard-popup-modal-body .text-detail .standard-button-container .standard-modal-close.verify { background: rgb(255, 138, 0); }
.crypto-google-auth-dialog-container .standard-popup-modal-body .text-detail .standard-button-container .standard-modal-close.cancel { background: rgb(129, 202, 252); }
@media (max-width: 768px) { .crypto-google-auth-dialog-container .standard-popup-modal-header .standard-modal-title { border-radius: 0px; margin: 0px; padding: 0px; height: auto; font-size: 0.34rem; } .crypto-google-auth-dialog-container .standard-popup-modal-body { display: block; text-align: center; font-size: 0.26rem; } .crypto-google-auth-dialog-container .standard-popup-modal-body img { width: 80%; } .crypto-google-auth-dialog-container .standard-popup-modal-body .text-detail { width: 100%; text-align: left; padding: 0.2rem 0px; } .crypto-google-auth-dialog-container .standard-popup-modal-body .text-detail .standard-label { margin: 0px; } .crypto-google-auth-dialog-container .standard-popup-modal-body .text-detail .standard-button-container .standard-modal-close { font-size: 0.3rem; height: 0.75rem; }
}
.history-landing-container { padding: 0.35rem 0.4rem; background: rgb(255, 255, 255); border-radius: 0.08rem; position: relative; min-height: 7.5rem; }
.history-landing-container .title { color: rgb(134, 151, 162); margin-bottom: 0.05rem; }
.history-landing-container .history-tab-container { margin: 0.16rem 0px 0px; }
.history-landing-container .history-tab-container .standard-tab { display: grid; grid-template-columns: 1.7rem 1.7rem 1.7rem 1.7rem; gap: 0.1rem 0.15rem; }
.history-landing-container .history-tab-container .standard-tab .tab-header { padding: 0.12rem 0.1rem; height: unset; border-radius: 0.08rem; background: rgb(247, 247, 247); border: 0.02rem solid rgb(247, 247, 247); white-space: normal; text-align: center; word-break: break-word; }
.history-landing-container .history-tab-container .standard-tab .tab-header:not(:last-child) { margin: 0px; }
.history-landing-container .history-tab-container .standard-tab .tab-header.active, .history-landing-container .history-tab-container .standard-tab .tab-header:hover { color: rgb(134, 151, 162); border: 0.02rem solid rgb(255, 138, 0); }
.history-landing-container .history-container { margin: 0.3rem 0px 0px; }
.history-landing-container .history-container .history-form { display: flex; align-items: flex-end; gap: 0.08rem; }
.history-landing-container .history-container .history-form:not(:first-child) { margin: 0.35rem 0px 0px; }
.history-landing-container .history-container .history-form .transaction-type-selection, .history-landing-container .history-container .history-form .status-selection { width: 35.5%; }
.history-landing-container .history-container .history-form .transaction-type-selection .standard-label, .history-landing-container .history-container .history-form .status-selection .standard-label { margin: 0px 0px 0.15rem 0.05rem; }
.history-landing-container .history-container .history-form .date-form-field-container { width: 2.42rem; }
.history-landing-container .history-container .history-form .date-form-field-container .standard-label { color: rgb(134, 151, 162); }
.history-landing-container .history-container .history-form .date-form-field-container .standard-input { height: 0.4rem; padding: 0px 0.25rem; color: rgb(134, 151, 162); font-size: 0.16rem; cursor: pointer; }
.history-landing-container .history-container .history-form .date-form-field-container .icon-calender { position: absolute; right: 0.25rem; top: 0.08rem; width: 0.25rem; height: 0.22rem; }
.history-landing-container .history-container .standard-submit-btn { width: 2.42rem; margin: 0.35rem 0px 0px; }
.history-landing-container .history-control-section .history-control-panel-container { display: flex; gap: 0.1rem; }
.history-landing-container .history-control-section .history-control-panel-container .history-type-field { width: 35.5%; }
.history-landing-container .history-control-section .history-control-panel-container .history-type-field .standard-select { color: rgb(134, 151, 162); }
.history-landing-container .history-control-section .history-control-panel-container .history-type-field .standard-select-dropdown { top: 0.7rem; }
.history-landing-container .history-control-section .transaction-button-section { margin: 0.3rem 0px 0px; }
.history-info-container .header-title > span { width: 16.67%; text-align: center; padding: 0px 0.08rem; word-break: break-word; }
.history-info-container .header-title .col-text-left { text-align: left; }
.history-info-container .history-info-content { margin: 0.28rem 0px 0.5rem; padding: 0px; }
.history-info-container .history-info-content .history-detail span { width: 16.67%; text-align: center; padding: 0px 0.05rem; }
.history-info-container .history-info-content .history-detail .col-text-left { text-align: left; }
.history-info-container .history-info-content .history-detail .col-status { }
.history-info-container .history-info-content .history-detail .col-status.status-A { color: rgb(0, 113, 227); }
.history-info-container .history-info-content .history-detail .col-status.status-C { color: rgb(0, 113, 227); }
.history-info-container .history-info-content .history-detail .col-status.status-E { color: rgb(229, 39, 65); }
.history-info-container .history-info-content .history-detail .promo-info-icon { width: 0.19rem; height: 0.19rem; }
.history-info-container .history-info-content .history-detail .promo-info-icon:hover { cursor: pointer; }
.deposit-wrapper .standard-tab-container { background: rgb(255, 255, 255); border-radius: 0.1rem 0.1rem 0px 0px; overflow: unset; padding: 0.35rem 0.4rem 0px; }
.deposit-wrapper .standard-tab-container .st-title { color: rgb(134, 151, 162); font-size: 0.16rem; padding: 0px 0px 0.15rem; }
.deposit-wrapper .standard-tab-container .deposit-tab-header { display: flex; justify-content: space-between; position: relative; }
.deposit-wrapper .standard-tab-container .deposit-tab-header .bank-offline-container { position: relative; }
.deposit-wrapper .standard-tab-container .deposit-tab-header .bank-offline-container .bankoff-btn { align-items: center; cursor: pointer; display: flex; }
.deposit-wrapper .standard-tab-container .deposit-tab-header .bank-offline-container .bankoff-btn .img-container { margin: 0px 0.1rem 0px 0px; position: relative; }
.deposit-wrapper .standard-tab-container .deposit-tab-header .bank-offline-container .bankoff-btn .img-container svg { fill: rgb(134, 151, 162); height: 0.2rem; width: 0.2rem; }
.deposit-wrapper .standard-tab-container .deposit-tab-header .bank-offline-container .bankoff-btn .img-container .red-dot { background: red; border-radius: 50%; bottom: 80%; height: 0.08rem; left: 80%; position: absolute; width: 0.08rem; }
.deposit-wrapper .standard-tab-container .deposit-tab-header .bank-offline-container .bankoff-btn span { color: rgb(134, 151, 162); font-size: 0.13rem; }
.deposit-wrapper .standard-tab-container .categorized-deposit-tab { grid-template-columns: 32% 32% 32% !important; justify-content: space-between; }
.deposit-wrapper .standard-tab-container .categorized-deposit-tab .categorized-deposit-tab-header { align-items: center; background: rgb(247, 247, 247); border-radius: 0.2rem; display: flex; flex-direction: row; justify-content: center; height: 0.3rem; }
.deposit-wrapper .standard-tab-container .categorized-deposit-tab .categorized-deposit-tab-header span:first-child { color: rgb(134, 151, 162); margin: 0px 0.1rem 0px 0px; }
.deposit-wrapper .standard-tab-container .categorized-deposit-tab .categorized-deposit-tab-header svg { margin: 0px 0.05rem 0px 0px; width: 0.18rem; }
.deposit-wrapper .standard-tab-container .categorized-deposit-tab .categorized-deposit-tab-header:hover { background: rgb(255, 138, 0); }
.deposit-wrapper .standard-tab-container .categorized-deposit-tab .categorized-deposit-tab-header:hover span { color: rgb(255, 255, 255); }
.deposit-wrapper .standard-tab-container .categorized-deposit-tab .categorized-deposit-tab-header:hover svg { fill: rgb(255, 255, 255); }
.deposit-wrapper .standard-tab-container .categorized-deposit-tab .active { background: rgb(255, 138, 0); }
.deposit-wrapper .standard-tab-container .categorized-deposit-tab .active span { color: rgb(255, 255, 255) !important; }
.deposit-wrapper .standard-tab-container .categorized-deposit-tab .active svg { fill: rgb(255, 255, 255) !important; }
.deposit-wrapper .standard-tab-container .standard-tab { display: grid; grid-template-columns: 15% 15% 15% 15% 15%; gap: 0.15rem; align-items: start; background: rgba(0, 0, 0, 0) !important; }
.deposit-wrapper .standard-tab-container .standard-tab .tab-header { align-items: center; color: rgb(15, 22, 31); display: flex; flex-direction: column; background: unset !important; height: unset !important; margin: 0px !important; padding: 0px !important; }
.deposit-wrapper .standard-tab-container .standard-tab .tab-header .img-container { align-items: center; background: rgb(247, 247, 247); border-radius: 0.08rem; padding: 0.12rem 0px; width: 100%; min-height: 0.7rem; text-align: center; }
.deposit-wrapper .standard-tab-container .standard-tab .tab-header .img-container.channel-img svg { height: 0.4rem; width: auto; }
.deposit-wrapper .standard-tab-container .standard-tab .tab-header .img-container svg { height: 0.4rem; width: 0.4rem; }
.deposit-wrapper .standard-tab-container .standard-tab .tab-header .img-container .beta-option-RQRKH { width: unset; }
.deposit-wrapper .standard-tab-container .standard-tab .tab-header .img-container:hover { background: linear-gradient(to right, rgb(6, 125, 176), rgb(4, 171, 194)); }
.deposit-wrapper .standard-tab-container .standard-tab .tab-header .img-container:hover svg { fill: rgb(255, 255, 255); filter: brightness(0) invert(1); }
.deposit-wrapper .standard-tab-container .standard-tab .tab-header .img-container:hover .beta-option-RQRKH { fill: unset; filter: unset; width: unset; }
.deposit-wrapper .standard-tab-container .standard-tab .tab-header .channel-img:hover svg { fill: unset; }
.deposit-wrapper .standard-tab-container .standard-tab .tab-header .deposit-option { color: rgb(15, 22, 31); font-size: 0.13rem; text-align: center; white-space: initial; padding: 0.1rem 0px 0px; }
.deposit-wrapper .standard-tab-container .standard-tab .tab-header .deposit-option:hover { color: rgb(15, 22, 31); }
.deposit-wrapper .standard-tab-container .standard-tab .active .img-container { background: linear-gradient(to right, rgb(6, 125, 176), rgb(4, 171, 194)); }
.deposit-wrapper .standard-tab-container .standard-tab .active .img-container svg { fill: rgb(255, 255, 255); filter: brightness(0) invert(1); }
.deposit-wrapper .standard-tab-container .standard-tab .active .img-container .beta-option-RQRKH { fill: unset; filter: unset; }
.deposit-wrapper .standard-tab-container .standard-tab .active .channel-img svg { fill: unset; }
.deposit-wrapper .standard-transaction-container { background: rgb(255, 255, 255); grid-area: transaction; padding: 0.24rem 0.4rem 0.4rem; border-radius: 0px 0px 0.1rem 0.1rem; }
.deposit-wrapper .standard-transaction-container .standard-form-container .standard-tab-container { padding: 0px; margin: 0px 0px 0.25rem; }
.deposit-wrapper .standard-transaction-container .standard-form-container .standard-tab-container .standard-tab .tab-header .img-container { border: 0.02rem solid rgba(0, 0, 0, 0); }
.deposit-wrapper .standard-transaction-container .standard-form-container .standard-tab-container .standard-tab .tab-header .img-container svg { filter: grayscale(100%); }
.deposit-wrapper .standard-transaction-container .standard-form-container .standard-tab-container .standard-tab .tab-header .img-container img { filter: grayscale(100%); width: 0.4rem; height: 0.4rem; }
.deposit-wrapper .standard-transaction-container .standard-form-container .standard-tab-container .standard-tab .tab-header .img-container:hover { background: rgb(247, 247, 247); border: 0.02rem solid rgb(255, 138, 0); }
.deposit-wrapper .standard-transaction-container .standard-form-container .standard-tab-container .standard-tab .tab-header .img-container:hover svg { filter: grayscale(0%); }
.deposit-wrapper .standard-transaction-container .standard-form-container .standard-tab-container .standard-tab .tab-header .img-container:hover img { filter: grayscale(0%); }
.deposit-wrapper .standard-transaction-container .standard-form-container .standard-tab-container .standard-tab .tab-header.active .img-container { background: rgb(247, 247, 247); border: 0.02rem solid rgb(255, 138, 0); }
.deposit-wrapper .standard-transaction-container .standard-form-container .standard-tab-container .standard-tab .tab-header.active .img-container svg, .deposit-wrapper .standard-transaction-container .standard-form-container .standard-tab-container .standard-tab .tab-header.active .img-container img { filter: grayscale(0%); }
.deposit-wrapper .standard-transaction-container .standard-form-container .reminder-note { color: rgb(134, 151, 162); font-size: 0.12rem; border: 0.03rem solid rgb(247, 247, 247); border-radius: 0.1rem; line-height: 1.5; padding: 0.15rem; margin: 0.25rem 0px 0px; }
.deposit-wrapper .standard-transaction-container .standard-form-container .reminder-note span { font-size: 0.14rem; }
.deposit-wrapper .standard-transaction-container .standard-form-container .reminder-note ul { margin: 0px 0px 0px 0.15rem; }
.deposit-wrapper .standard-transaction-container .standard-form-container .reminder-note ul li { list-style: disc; }
.deposit-wrapper .standard-transaction-container .standard-form-container .important-note { color: red; font-size: 0.13rem; }
.deposit-wrapper .standard-transaction-container .standard-form-container .important-note span:first-child { text-transform: capitalize; }
.deposit-wrapper .standard-transaction-container .standard-form-container .standard-form-field .multi-input { display: flex; justify-content: unset; width: 100%; gap: 0.08rem; }
.deposit-wrapper .standard-transaction-container .standard-form-container .standard-form-field .multi-input .standard-form-field-wrapper { width: 35.5%; }
.deposit-wrapper .standard-transaction-container .standard-form-container .standard-form-field .multi-input .standard-form-field-wrapper .standard-input { width: 100%; }
.deposit-wrapper .standard-transaction-container .standard-form-container .bank-detail-field { margin-bottom: 0px; }
.deposit-wrapper .standard-transaction-container .standard-form-container .bank-detail-field .bank-detail-label-wrapper { display: flex; align-items: center; width: 100%; }
.deposit-wrapper .standard-transaction-container .standard-form-container .bank-detail-field .bank-detail-label-wrapper label { width: auto; }
.deposit-wrapper .standard-transaction-container .standard-form-container .bank-detail-field .bank-detail-label-wrapper .important-notice-container { position: relative; width: 75%; display: flex; align-items: center; margin: 0px 0px 0.05rem; }
.deposit-wrapper .standard-transaction-container .standard-form-container .bank-detail-field .bank-detail-label-wrapper .important-notice-container svg { width: 0.16rem; height: 0.16rem; fill: rgb(197, 210, 216); cursor: pointer; }
.deposit-wrapper .standard-transaction-container .standard-form-container .bank-detail-field .bank-detail-label-wrapper .important-notice-container .important-notice-box { position: absolute; width: auto; bottom: 20%; left: 5%; padding: 0.1rem; background: rgb(255, 255, 255); color: rgb(0, 0, 0); font-size: 0.12rem; border-radius: 0.1rem; z-index: 1; box-shadow: rgb(155, 155, 155) 0.02rem 0.03rem 0.05rem; display: flex; }
.deposit-wrapper .standard-transaction-container .standard-form-container .bank-detail-field .bank-select-deposit-container { justify-content: space-between; margin-bottom: 0px; }
.deposit-wrapper .standard-transaction-container .standard-form-container .bank-detail-field .bank-select-deposit-container .bank-select-deposit { margin: 0px; display: flex; width: 100%; gap: 0.1rem; }
.deposit-wrapper .standard-transaction-container .standard-form-container .bank-detail-field .bank-select-deposit-container .bank-select-deposit .standard-select-dropdown { width: 35.5%; }
.deposit-wrapper .standard-transaction-container .standard-form-container .bank-detail-field .bank-select-deposit-container .bank-add-deposit-btn { border-radius: 0.05rem; height: 0.38rem; width: 5%; min-width: 5%; }
.deposit-wrapper .standard-transaction-container .standard-form-container .deposit-channel-dd-field { width: 100%; }
.deposit-wrapper .standard-transaction-container .standard-form-container .deposit-channel-dd-field .standard-form-field-wrapper { flex-wrap: initial; width: 100%; }
.deposit-wrapper .standard-transaction-container .standard-form-container .deposit-channel-dd-field .standard-form-field-wrapper .tool-tip-container span { color: rgb(224, 9, 44); width: 70%; }
.deposit-wrapper .standard-transaction-container .bank-list-container { border-radius: 0.08rem; display: grid; grid-template-columns: repeat(6, 0.4fr); gap: 0.15rem 0.1rem; margin: 0px 0px 0.24rem; }
.deposit-wrapper .standard-transaction-container .bank-list-container .bank-item { cursor: pointer; display: flex; width: 1.53rem; min-height: 1.1rem; flex-direction: column; justify-content: center; align-items: center; background: rgb(243, 245, 246); gap: 0.1rem; border-radius: 0.1rem; text-align: center; padding: 0.05rem; }
.deposit-wrapper .standard-transaction-container .bank-list-container .bank-item .img-container { min-width: 0.45rem; width: 0.45rem; height: 0.45rem; background: rgb(255, 255, 255); border-radius: 0.06rem; position: relative; }
.deposit-wrapper .standard-transaction-container .bank-list-container .bank-item .img-container svg, .deposit-wrapper .standard-transaction-container .bank-list-container .bank-item .img-container img { width: 100%; filter: grayscale(100%) opacity(0.5) brightness(100%); }
.deposit-wrapper .standard-transaction-container .bank-list-container .bank-item .img-container.online::before { position: absolute; content: ""; background: rgb(16, 255, 0); border-radius: 50%; width: 0.07rem; height: 0.07rem; right: 0px; }
.deposit-wrapper .standard-transaction-container .bank-list-container .bank-item .img-container.offline::before { position: absolute; content: ""; background: red; border-radius: 50%; width: 0.07rem; height: 0.07rem; right: 0px; }
.deposit-wrapper .standard-transaction-container .bank-list-container .bank-item .bank-name, .deposit-wrapper .standard-transaction-container .bank-list-container .bank-item .coin-name { color: rgb(134, 151, 162); font-size: 0.13rem; word-break: break-word; }
.deposit-wrapper .standard-transaction-container .bank-list-container .bank-item.active, .deposit-wrapper .standard-transaction-container .bank-list-container .bank-item:hover { outline: rgb(255, 138, 0) solid 0.03rem; }
.deposit-wrapper .standard-transaction-container .bank-list-container .bank-item.active .img-container svg, .deposit-wrapper .standard-transaction-container .bank-list-container .bank-item.active .img-container img, .deposit-wrapper .standard-transaction-container .bank-list-container .bank-item:hover .img-container svg, .deposit-wrapper .standard-transaction-container .bank-list-container .bank-item:hover .img-container img { filter: grayscale(0%); }
.deposit-wrapper .standard-transaction-container .bank-list-container .bank-item.active .bank-name, .deposit-wrapper .standard-transaction-container .bank-list-container .bank-item.active .coin-name, .deposit-wrapper .standard-transaction-container .bank-list-container .bank-item:hover .bank-name, .deposit-wrapper .standard-transaction-container .bank-list-container .bank-item:hover .coin-name { color: rgb(15, 22, 31); }
.deposit-wrapper .standard-transaction-container .standard-form-field { margin: 0px 0px 0.24rem; }
.deposit-wrapper .standard-transaction-container .standard-form-field .standard-label { color: rgb(134, 151, 162); font-size: 0.16rem; }
.deposit-wrapper .standard-transaction-container .standard-form-field .standard-input { width: 49%; }
.deposit-wrapper .standard-transaction-container .standard-form-field .currency-rate { padding: 0px 0px 0px 5%; }
.deposit-wrapper .standard-transaction-container .standard-form-field .standard-form-field-wrapper { gap: 0.16rem; }
.deposit-wrapper .standard-transaction-container .standard-form-field .standard-form-field-wrapper .standard-select, .deposit-wrapper .standard-transaction-container .standard-form-field .standard-form-field-wrapper .standard-select-dropdown { width: 35.5%; }
.deposit-wrapper .standard-transaction-container .standard-form-field .standard-form-field-wrapper .standard-select > div:not([class]), .deposit-wrapper .standard-transaction-container .standard-form-field .standard-form-field-wrapper .standard-select-dropdown > div:not([class]) { overflow: hidden; }
.deposit-wrapper .standard-transaction-container .standard-form-field .standard-form-field-wrapper .standard-select:has(span.standard-select-arrow) > div:not([class]), .deposit-wrapper .standard-transaction-container .standard-form-field .standard-form-field-wrapper .standard-select-dropdown:has(span.standard-select-arrow) > div:not([class]) { margin-right: 0.25rem; }
.deposit-wrapper .standard-transaction-container .standard-form-field .standard-form-field-wrapper .standard-select-dropdown { top: 0.3rem; }
.deposit-wrapper .standard-transaction-container .standard-form-field .standard-form-field-wrapper .deposit-amount-input { position: relative; width: 35.5%; }
.deposit-wrapper .standard-transaction-container .standard-form-field .standard-form-field-wrapper .deposit-amount-input .standard-input { padding: 0.05rem 0.35rem 0.05rem 0.1rem; width: 100%; }
.deposit-wrapper .standard-transaction-container .standard-form-field .standard-form-field-wrapper .deposit-amount-input .deposit-amount-clear-button { position: absolute; width: 0.21rem; top: 50%; right: 0.09rem; transform: translateY(-50%); cursor: pointer; }
.deposit-wrapper .standard-transaction-container .standard-form-field .standard-form-field-wrapper .standard-input { width: 49%; }
.deposit-wrapper .standard-transaction-container .standard-form-field .standard-form-field-wrapper .standard-input:disabled { background: rgb(247, 247, 247); color: rgb(15, 22, 31); font-size: 0.16rem; }
.deposit-wrapper .standard-transaction-container .standard-form-field .standard-form-field-wrapper .standard-input-svg { cursor: pointer; }
.deposit-wrapper .standard-transaction-container .standard-form-field .standard-form-field-wrapper .tool-tip-container { align-items: center; display: flex; width: 49%; }
.deposit-wrapper .standard-transaction-container .standard-form-field .standard-form-field-wrapper .tool-tip-container svg { fill: rgb(199, 210, 215); height: 0.15rem; margin: 0px 0.1rem 0px 0px; width: 0.2rem; }
.deposit-wrapper .standard-transaction-container .standard-form-field .standard-form-field-wrapper .tool-tip-container span { color: rgb(15, 22, 31); font-size: 0.13rem; }
.deposit-wrapper .standard-transaction-container .standard-form-field .standard-amount-btn-container { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.15rem; margin: 0.15rem 0px 0px; }
.deposit-wrapper .standard-transaction-container .standard-form-field .standard-amount-btn-container button { background: rgb(247, 247, 247); border-radius: 0.05rem; color: rgb(134, 151, 162); cursor: pointer; font-size: 0.16rem; padding: 0.08rem 0.28rem; width: 100%; border: 0.02rem solid rgba(0, 0, 0, 0); }
.deposit-wrapper .standard-transaction-container .standard-form-field .standard-amount-btn-container button:hover { border: 0.02rem solid rgb(255, 138, 0); }
.deposit-wrapper .standard-transaction-container .standard-form-field .standard-amount-btn-container .amount-btn-selected { border: 0.02rem solid rgb(255, 138, 0); }
.deposit-wrapper .standard-transaction-container .amount-selection, .deposit-wrapper .standard-transaction-container .bank-acc-field { margin-top: 0.24rem; }
.deposit-wrapper .standard-transaction-container .receipt-container .receipt-image-box { display: flex; justify-content: center; }
.deposit-wrapper .standard-transaction-container .receipt-container .receipt-image-box label { margin: 0px; }
.deposit-wrapper .standard-transaction-container .receipt-container .receipt-image-box .pdf-name { margin: 0px 0.2rem 0px 0px; }
.deposit-wrapper .standard-transaction-container .receipt-container .receipt-image-box .pdf-clear { width: 0.2rem; cursor: pointer; }
.deposit-wrapper .standard-transaction-container .receipt-container .receipt-image-box .receipt-img { width: 50%; }
.deposit-wrapper .standard-transaction-container .receipt-container .standard-error-validation { margin: 0.05rem 0px 0.08rem; }
.deposit-wrapper .standard-transaction-container .transaction-button-section .standard-button-container { justify-content: space-between; }
.deposit-wrapper .standard-transaction-container .transaction-button-section .standard-button-container .standard-submit-button { width: 35.5%; }
.deposit-wrapper .p2p-transfer-container .standard-form-container .reminder-note { margin: 0.25rem 0px 0px; }
.deposit-wrapper .transaction-note-section { grid-area: note; margin: 0.08rem 0px; }
.deposit-wrapper .transaction-note-section #importance-notice span:last-child { margin-left: auto; }
.deposit-wrapper .standard-st-table-container { background: rgb(255, 255, 255); color: rgb(134, 151, 162); font-size: 0.14rem; grid-area: table; padding: 0.5rem 0.4rem; width: 100%; }
.deposit-wrapper .standard-st-table-container .standard-st-table { width: 100%; }
.deposit-wrapper .standard-st-table-container .standard-st-table thead tr { background: rgb(247, 247, 247); border-radius: 0.1rem; color: rgb(15, 22, 31); }
.deposit-wrapper .standard-st-table-container .standard-st-table thead tr th { padding: 0.1rem 0px; width: 25%; text-align: center; font-weight: normal; }
.deposit-wrapper .standard-st-table-container .standard-st-table thead tr th:first-child { border-radius: 0.1rem 0px 0px 0.1rem; }
.deposit-wrapper .standard-st-table-container .standard-st-table thead tr th:last-child { border-radius: 0px 0.1rem 0.1rem 0px; }
.deposit-wrapper .standard-st-table-container .standard-st-table tbody tr td { padding: 0.1rem 0px; width: 25%; text-align: center; }
.deposit-wrapper .standard-st-table-container .standard-st-table tbody tr .col-status { }
.deposit-wrapper .standard-st-table-container .standard-st-table tbody tr .col-status.status-A { color: rgb(0, 113, 227); }
.deposit-wrapper .standard-st-table-container .standard-st-table .empty-record { height: 1rem; text-align: center; }
.deposit-wrapper .standard-st-table-container .standard-st-table .empty-record td { color: rgb(134, 151, 162) !important; }
.deposit-wrapper .standard-st-table-container .view-more { text-align: end; margin: 0.35rem 0px 0px; width: 100%; }
.deposit-wrapper .standard-st-table-container .view-more span { text-decoration: underline; cursor: pointer; }
.withdrawal-wrapper .standard-tab-container { background: rgb(255, 255, 255); border-radius: 0.1rem 0.1rem 0px 0px; overflow: unset; padding: 0.3rem 0.4rem 0px; }
.withdrawal-wrapper .standard-tab-container .st-title { color: rgb(134, 151, 162); font-size: 0.16rem; padding: 0px 0px 0.15rem; }
.withdrawal-wrapper .standard-tab-container .withdraw-tab-header { display: flex; justify-content: space-between; position: relative; }
.withdrawal-wrapper .standard-tab-container .standard-tab { display: grid; grid-template-columns: 15% 15% 15% 15% 15%; gap: 0.15rem; align-items: start; background: rgba(0, 0, 0, 0) !important; }
.withdrawal-wrapper .standard-tab-container .standard-tab .tab-header { align-items: center; color: rgb(15, 22, 31); display: flex; flex-direction: column; background: unset !important; height: unset !important; margin: 0px !important; padding: 0px !important; }
.withdrawal-wrapper .standard-tab-container .standard-tab .tab-header .img-container { align-items: center; background: rgb(247, 247, 247); border-radius: 0.08rem; display: flex; justify-content: center; padding: 0.12rem 0px; width: 100%; }
.withdrawal-wrapper .standard-tab-container .standard-tab .tab-header .img-container svg { height: 0.4rem; width: 0.4rem; }
.withdrawal-wrapper .standard-tab-container .standard-tab .tab-header .img-container:hover { background: linear-gradient(to right, rgb(6, 125, 176), rgb(4, 171, 194)); }
.withdrawal-wrapper .standard-tab-container .standard-tab .tab-header .img-container:hover svg * { fill: rgb(255, 255, 255); }
.withdrawal-wrapper .standard-tab-container .standard-tab .tab-header .withdraw-option { color: rgb(15, 22, 31); font-size: 0.13rem; text-align: center; white-space: initial; padding: 0.1rem 0px 0px; }
.withdrawal-wrapper .standard-tab-container .standard-tab .active .img-container { background: linear-gradient(to right, rgb(6, 125, 176), rgb(4, 171, 194)); }
.withdrawal-wrapper .standard-tab-container .standard-tab .active .img-container svg * { fill: rgb(255, 255, 255); }
.withdrawal-wrapper .otp-container { padding: 0px; }
.withdrawal-wrapper .contact-type-field .standard-label { width: 100%; }
.withdrawal-wrapper .contact-type-field .standard-form-field-wrapper { width: 35% !important; }
.withdrawal-wrapper .phone-email-input-container-spacing { width: 50% !important; }
.withdrawal-wrapper .bank-transfer-container { background: rgb(255, 255, 255); grid-area: transaction; padding: 0.24rem 0.4rem 0.4rem; border-radius: 0px 0px 0.1rem 0.1rem; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-list-container { border-radius: 0.08rem; display: grid; grid-template-columns: repeat(6, 0.4fr); gap: 0.15rem 0.1rem; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-list-container .bank-item { cursor: pointer; display: flex; width: 1.53rem; height: 1.1rem; flex-direction: column; justify-content: center; align-items: center; background: rgb(243, 245, 246); gap: 0.1rem; border-radius: 0.1rem; text-align: center; padding: 0.05rem; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-list-container .bank-item .img-container { width: 29%; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-list-container .bank-item .img-container img { width: 100%; height: 100%; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-list-container .bank-item .img-container span { height: 100%; background: rgb(255, 255, 255); padding: 0.03rem; border-radius: 0.06rem; display: inline-block; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-list-container .bank-item .img-container span img { width: 100%; filter: grayscale(100%) opacity(0.5) brightness(80%); }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-list-container .bank-item .img-container span svg { width: 100%; filter: grayscale(100%) opacity(0.5) brightness(80%); }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-list-container .bank-item .img-container svg { width: 100%; filter: grayscale(100%) opacity(0.5) brightness(80%); }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-list-container .bank-item .bank-name { color: rgb(134, 151, 162); font-size: 0.13rem; word-break: break-word; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-list-container .bank-item.active, .withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-list-container .bank-item:hover { border: 0.03rem solid rgb(255, 138, 0); }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-list-container .bank-item.active .img-container img, .withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-list-container .bank-item:hover .img-container img { filter: grayscale(0%); }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-list-container .bank-item.active .img-container svg, .withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-list-container .bank-item:hover .img-container svg { filter: grayscale(0%); }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-list-container .bank-item.active .bank-name, .withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-list-container .bank-item:hover .bank-name { color: rgb(15, 22, 31); }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-submit-form-button { width: 35.5%; height: 0.4rem; background: rgb(129, 202, 252); border-radius: 0.08rem; margin: 0.24rem 0px 0px; font-size: 0.16rem; text-transform: capitalize; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .withdrawal-container { margin: 0.24rem 0px 0px; border-top: 0.01rem solid; color: rgb(226, 226, 226); padding: 0.24rem 0px 0px; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field { margin: 0px 0px 0.25rem; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .channel-select-withdraw-container { width: 35.5%; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .standard-label { color: rgb(134, 151, 162); font-size: 0.16rem; padding: 0px 0px 0.1rem; margin: 0px 0px 0px 0.05rem; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .standard-form-field-wrapper { justify-content: space-between; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .standard-form-field-wrapper .standard-input { width: 35.5%; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .standard-form-field-wrapper .standard-input:disabled { background: rgb(247, 247, 247); color: rgb(15, 22, 31); font-size: 0.16rem; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .standard-form-field-wrapper .standard-input-svg { cursor: pointer; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .standard-form-field-wrapper .tool-tip-container { align-items: center; display: flex; width: 48%; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .standard-form-field-wrapper .tool-tip-container svg { fill: rgb(199, 210, 215); height: 0.15rem; margin: 0px 0.1rem 0px 0px; width: 0.2rem; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .standard-form-field-wrapper .tool-tip-container span { color: rgb(15, 22, 31); font-size: 0.12rem; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .standard-form-field-wrapper .btm-tool-tip-container { align-items: center; display: flex; width: 100%; margin: 0.1rem 0px 0px; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .standard-form-field-wrapper .btm-tool-tip-container svg { fill: rgb(199, 210, 215); height: 0.15rem; margin: 0px 0.1rem 0px 0px; width: 0.2rem; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .standard-form-field-wrapper .btm-tool-tip-container span { color: rgb(15, 22, 31); font-size: 0.12rem; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .address-select-withdraw-container { align-items: center; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .address-select-withdraw-container .standard-form-field { margin: 0px; width: 35.5%; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .address-select-withdraw-container .standard-add-button { display: flex; align-items: center; justify-content: center; border-radius: 50%; width: 0.24rem; height: 0.24rem; margin: 0.1rem; background: rgb(199, 210, 215); position: relative; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .address-select-withdraw-container .standard-add-button span { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 0.25rem; position: relative; bottom: 3%; color: rgb(255, 255, 255); }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .standard-amount-btn-container { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.15rem; margin: 0.15rem 0px 0px; width: 35.5%; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .standard-amount-btn-container button { background: rgb(247, 247, 247); border-radius: 0.05rem; color: rgb(134, 151, 162); cursor: pointer; font-size: 0.16rem; padding: 0.08rem 0.28rem; width: 100%; border: 0.02rem solid rgb(247, 247, 247); }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .standard-amount-btn-container button.amount-btn-selected, .withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .standard-amount-btn-container button:hover { border: 0.02rem solid rgb(255, 138, 0); }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .amount-section { display: flex; justify-content: space-between; gap: 0.1rem; width: 100%; flex-wrap: nowrap; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .amount-section .standard-input { width: 55%; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .amount-section .standard-input:disabled { background: rgb(247, 247, 247); color: rgb(15, 22, 31); font-size: 0.16rem; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .amount-section .tool-tip-container { align-items: center; display: flex; width: 48%; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .amount-section .tool-tip-container svg { fill: rgb(199, 210, 215); height: 0.15rem; margin: 0px 0.1rem 0px 0px; width: 0.2rem; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .amount-section .tool-tip-container span { color: rgb(15, 22, 31); font-size: 0.12rem; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .amount-section .btm-tool-tip-container { align-items: center; display: flex; width: 100%; margin: 0px; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .amount-section .btm-tool-tip-container svg { fill: rgb(199, 210, 215); height: 0.15rem; margin: 0px 0.1rem 0px 0px; width: 0.2rem; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .amount-section .btm-tool-tip-container span { color: rgb(15, 22, 31); font-size: 0.12rem; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .seamless-wallet-balance { display: flex; gap: 0.05rem; font-size: 0.16rem; color: rgb(0, 0, 0); margin: 0.1rem 0px 0px; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .seamless-wallet-balance span { color: rgb(0, 113, 227); }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .qr-container { display: flex; align-items: end; margin: 0.2rem 0px 0.4rem; font-size: 0.14rem; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .qr-container .qr-info { display: flex; align-items: end; width: 50%; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .qr-container .qr-info > div { width: 50%; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .qr-container .qr-info > div .info-title, .withdrawal-wrapper .bank-transfer-container .standard-form-container .qr-container .qr-info > div .info-chain { color: rgb(134, 151, 162); text-transform: uppercase; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .qr-container .qr-info > div .info-rate, .withdrawal-wrapper .bank-transfer-container .standard-form-container .qr-container .qr-info > div .info-gurantee, .withdrawal-wrapper .bank-transfer-container .standard-form-container .qr-container .qr-info > div .info-expired { color: rgb(15, 22, 31); }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .qr-container .icon-refresh { display: flex; border-radius: 50%; width: 0.24rem; height: 0.24rem; margin: 0px 0px 0.03rem 0.1rem; background: rgb(199, 210, 215); padding: 0.05rem; cursor: pointer; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .qr-container .icon-refresh * { fill: rgb(255, 255, 255); }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .transaction-button-section { margin: 0px; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .transaction-button-section .standard-button-container { justify-content: space-between; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .transaction-button-section .standard-button-container .standard-submit-button { width: 35.5%; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .reminder-note { margin: 0.45rem 0px 0px; padding: 0.22rem 0.3rem; border: 0.02rem solid rgb(247, 247, 247); border-radius: 0.1rem; color: rgb(134, 151, 162); }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .reminder-note h4 { font-size: 0.14rem; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .reminder-note ol { margin: 0.15rem 0px 0px 0.15rem; font-size: 0.12rem; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .reminder-note ol li { list-style-type: disc; padding: 0px 0px 0px 0.15rem; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .reminder-note ol li:not(:last-child) { margin: 0px 0px 0.12rem; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-statement-section { margin: 0px 0px 0.1rem; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-statement-section .receipt-image-box { margin: 0px 0px 0.15rem; width: 50%; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-statement-section .receipt-image-box img { width: 100%; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-statement-section .receipt-image-box .pdf-name { font-size: 0.15rem; color: rgb(134, 151, 162); }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-statement-section .receipt-image-box .pdf-clear { margin-left: 0.1rem; width: 0.15rem; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-statement-section .bank-statement-section-wrapper { display: flex; justify-content: space-between; gap: 0.1rem; align-items: baseline; width: 100%; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-statement-section .bank-statement-section-wrapper button { height: 0.4rem; width: 62%; margin: 0px; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-statement-section .bank-statement-section-wrapper button:disabled { background: rgb(247, 247, 247); color: rgb(15, 22, 31); font-size: 0.16rem; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-statement-section .bank-statement-section-wrapper .tool-tip-container { align-items: center; display: flex; width: 48%; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-statement-section .bank-statement-section-wrapper .tool-tip-container svg { fill: rgb(199, 210, 215); height: 0.15rem; margin: 0px 0.1rem 0px 0px; width: 0.2rem; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-statement-section .bank-statement-section-wrapper .tool-tip-container span { color: rgb(15, 22, 31); font-size: 0.12rem; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-statement-section .bank-statement-section-wrapper .btm-tool-tip-container { align-items: center; display: flex; width: 100%; margin: 0px; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-statement-section .bank-statement-section-wrapper .btm-tool-tip-container svg { fill: rgb(199, 210, 215); height: 0.15rem; margin: 0px 0.1rem 0px 0px; width: 0.2rem; }
.withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-statement-section .bank-statement-section-wrapper .btm-tool-tip-container span { color: rgb(15, 22, 31); font-size: 0.12rem; }
.withdrawal-wrapper .transaction-note-section { grid-area: note; margin: 0.08rem 0px; }
.withdrawal-wrapper .transaction-note-section #importance-notice span:last-child { margin-left: auto; }
.withdrawal-wrapper .standard-st-table-container { background: rgb(255, 255, 255); color: rgb(134, 151, 162); font-size: 0.14rem; grid-area: table; padding: 0.5rem 0.4rem; width: 100%; }
.withdrawal-wrapper .standard-st-table-container .standard-st-table { width: 100%; }
.withdrawal-wrapper .standard-st-table-container .standard-st-table thead tr { background: rgb(247, 247, 247); border-radius: 0.08rem; color: rgb(15, 22, 31); }
.withdrawal-wrapper .standard-st-table-container .standard-st-table thead tr th { padding: 0.1rem 0px; width: 25%; text-align: center; font-weight: normal; }
.withdrawal-wrapper .standard-st-table-container .standard-st-table thead tr th:first-child { border-radius: 0.1rem 0px 0px 0.1rem; }
.withdrawal-wrapper .standard-st-table-container .standard-st-table thead tr th:last-child { border-radius: 0px 0.1rem 0.1rem 0px; }
.withdrawal-wrapper .standard-st-table-container .standard-st-table tbody tr td { padding: 0.1rem 0px; width: 25%; text-align: center; }
.withdrawal-wrapper .standard-st-table-container .standard-st-table tbody tr .col-status { }
.withdrawal-wrapper .standard-st-table-container .standard-st-table tbody tr .col-status.status-A { color: rgb(0, 113, 227); }
.withdrawal-wrapper .standard-st-table-container .standard-st-table .empty-record { height: 1rem; text-align: center; }
.withdrawal-wrapper .standard-st-table-container .view-more { text-align: end; margin: 0.35rem 0px 0px; width: 100%; }
.withdrawal-wrapper .standard-st-table-container .view-more span { text-decoration: underline; cursor: pointer; }
.add-crypto-address-modal-container { background: rgb(255, 255, 255); }
.add-crypto-address-modal-container p { margin: 0px; }
.add-crypto-address-modal-container .add-crypto-address-modal-header { padding: 0.5rem 0.6rem 0.35rem; }
.add-crypto-address-modal-container .add-crypto-address-modal-header .standard-modal-title { color: rgb(15, 22, 31); }
@media (min-width: 769px) { .add-crypto-address-modal-container .add-crypto-address-modal-header .standard-modal-title { font-size: 0.2rem; }
}
@media (max-width: 768px) { .add-crypto-address-modal-container .add-crypto-address-modal-header .standard-modal-title { font-size: 0.28rem; padding: 0px; }
}
.add-crypto-address-modal-container .add-crypto-address-modal-body { padding: 0px 0.6rem 0.6rem; }
.add-crypto-address-modal-container .add-crypto-address-modal-body .standard-form-field { align-items: center; justify-content: space-between; margin: 0px 0px 0.25rem; }
.add-crypto-address-modal-container .add-crypto-address-modal-body .standard-form-field.address-btn-field .standard-label { margin: 0px; }
.add-crypto-address-modal-container .add-crypto-address-modal-body .standard-form-field.address-btn-field .standard-form-field-wrapper { display: flex; justify-content: space-between; }
.add-crypto-address-modal-container .add-crypto-address-modal-body .standard-form-field.address-btn-field .standard-form-field-wrapper .otp-button { background: rgb(247, 247, 247); border-radius: 0.1rem; color: rgb(15, 22, 31); height: 0.5rem; width: 49%; margin-bottom: 0.2rem; }
@media (max-width: 768px) { .add-crypto-address-modal-container .add-crypto-address-modal-body .standard-form-field.address-btn-field .standard-form-field-wrapper .otp-button { height: 0.75rem; font-size: 0.3rem; }
}
.add-crypto-address-modal-container .add-crypto-address-modal-body .standard-form-field.address-btn-field .standard-form-field-wrapper .otp-button:last-child { width: 100%; margin-bottom: 0px; }
.add-crypto-address-modal-container .add-crypto-address-modal-body .standard-form-field.address-btn-field .standard-form-field-wrapper .otp-button:disabled { cursor: unset; opacity: 0.5; }
.add-crypto-address-modal-container .add-crypto-address-modal-body .standard-form-field .standard-label { color: rgb(134, 151, 162); padding: 0px; }
@media (min-width: 769px) { .add-crypto-address-modal-container .add-crypto-address-modal-body .standard-form-field .standard-label { font-size: 0.16rem; }
}
.add-crypto-address-modal-container .add-crypto-address-modal-body .standard-form-field .standard-form-field-wrapper { justify-content: space-between; flex-wrap: wrap; }
.add-crypto-address-modal-container .add-crypto-address-modal-body .standard-form-field .standard-form-field-wrapper .standard-select, .add-crypto-address-modal-container .add-crypto-address-modal-body .standard-form-field .standard-form-field-wrapper .standard-input { color: rgb(134, 151, 162); }
.add-crypto-address-modal-container .add-crypto-address-modal-body .standard-form-field .standard-form-field-wrapper .otp-button { color: rgb(15, 22, 31); background: rgb(247, 247, 247); height: 0.5rem; padding: 0px 0.15rem; border-radius: 0.1rem; font-size: 0.16rem; width: 49%; }
.add-crypto-address-modal-container .add-crypto-address-modal-body .standard-form-field .standard-form-field-wrapper .otp-button:not(:last-child) { margin: 0px 0px 0.1rem; }
.add-crypto-address-modal-container .add-crypto-address-modal-body .standard-form-field .standard-form-field-wrapper .otp-button:last-child { width: 100%; margin: 0px; }
.add-crypto-address-modal-container .add-crypto-address-modal-body .standard-form-field .standard-form-field-wrapper .otp-button:disabled { opacity: 0.5; cursor: unset; }
.add-crypto-address-modal-container .add-crypto-address-modal-body .standard-error-validation { white-space: pre-line; }
.add-crypto-address-modal-container .add-crypto-address-modal-body .transaction-button-section { display: flex; justify-content: flex-end; width: 100%; }
.add-crypto-address-modal-container .add-crypto-address-modal-body .transaction-button-section .standard-button-container .standard-submit-button, .add-crypto-address-modal-container .add-crypto-address-modal-body .transaction-button-section .standard-button-container .standard-cancel-button { width: 100%; }
.add-crypto-address-modal-container .add-crypto-address-modal-body .transaction-button-section .standard-button-container .standard-submit-form-button, .add-crypto-address-modal-container .add-crypto-address-modal-body .transaction-button-section .standard-button-container .standard-cancel-form-button { width: 1.7rem; height: 0.4rem; border-radius: 0.1rem; font-size: 0.16rem; }
.add-crypto-address-modal-container .add-crypto-address-modal-body .transaction-button-section .standard-button-container .standard-submit-form-button { background: rgb(255, 138, 0); }
.add-crypto-address-modal-container .add-crypto-address-modal-body .transaction-button-section .standard-button-container .standard-submit-form-button:disabled { cursor: unset; opacity: 0.5; }
.add-crypto-address-modal-container .add-crypto-address-modal-body .transaction-button-section .standard-button-container .standard-cancel-form-button { background: rgb(129, 203, 252); }
.floating-bank-offline-container { background: rgb(255, 255, 255); border-radius: 0.1rem; box-shadow: rgba(0, 0, 0, 0.3) 0px 0.02rem 0.08rem; padding: 0.18rem; position: absolute; left: -50%; top: 150%; z-index: 1; }
.floating-bank-offline-container .triangle { position: absolute; bottom: 100%; left: 50%; height: 0.12rem; margin-left: -0.12rem; overflow: hidden; width: 0.24rem; }
.floating-bank-offline-container .triangle::after { content: ""; position: absolute; width: 0.12rem; height: 0.12rem; left: 50%; transform: translate(-50%, 50%) rotate(45deg); background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.3) 0px 0.01rem 0.06rem; }
.floating-bank-offline-container .floating-bank-offline { position: relative; width: max-content; }
.floating-bank-offline-container .floating-bank-offline .bank-container { align-items: center; border-bottom: 0.01rem solid rgb(247, 247, 247); display: flex; padding: 0.15rem 0px; }
.floating-bank-offline-container .floating-bank-offline .bank-container:last-child { border-bottom: 0px; }
.floating-bank-offline-container .floating-bank-offline .bank-container .img-container { margin: 0px 0.1rem 0px 0px; }
.floating-bank-offline-container .floating-bank-offline .bank-container .img-container img { height: 0.4rem; width: 0.4rem; }
.floating-bank-offline-container .floating-bank-offline .bank-container .img-container svg { height: 0.4rem; width: 0.4rem; }
.floating-bank-offline-container .floating-bank-offline .bank-container .bank-detail { font-size: 0.13rem; line-height: 1.3; }
.floating-bank-offline-container .floating-bank-offline .bank-container .bank-detail .title { color: rgb(15, 22, 31); margin: 0px; }
.floating-bank-offline-container .floating-bank-offline .bank-container .bank-detail .content { color: rgb(134, 151, 162); display: flex; }
.floating-bank-offline-container .floating-bank-offline .bank-container .bank-detail .content p:first-child { margin: 0px 0.1rem 0px 0px; }
@media (max-width: 768px) { .bank-offline-status-popup-container .bank-offline-status-popup-header { padding: 0.5rem 1rem 0.5rem 0.75rem; } .bank-offline-status-popup-container .bank-offline-status-popup-body { color: rgb(136, 153, 164); padding: 0px 0.5rem 1rem; } .bank-offline-status-popup-container .bank-offline-status-popup-body .bank-container { display: flex; margin: 0px 0px 0.55rem; } .bank-offline-status-popup-container .bank-offline-status-popup-body .bank-container .img-container { margin: 0px 0.3rem 0px 0px; } .bank-offline-status-popup-container .bank-offline-status-popup-body .bank-container .img-container .bank-icon svg { height: 0.8rem; width: 0.8rem; } .bank-offline-status-popup-container .bank-offline-status-popup-body .bank-container .bank-detail { font-size: 0.3rem; } .bank-offline-status-popup-container .bank-offline-status-popup-body .bank-container .bank-detail .title { color: rgb(15, 22, 31); } .bank-offline-status-popup-container .bank-offline-status-popup-body .bank-container .bank-detail .content { display: flex; white-space: nowrap; } .bank-offline-status-popup-container .bank-offline-status-popup-body .bank-container .bank-detail .content p:first-child { margin: 0px 0.1rem 0.05rem 0px; } .bank-offline-status-popup-container .bank-offline-status-popup-body .bank-container:last-child { margin: 0px; }
}
.floating-wallet { width: 3rem; background: rgb(247, 247, 247); box-shadow: rgba(0, 0, 0, 0.3) 0px 0.02rem 0.08rem; border-radius: 0.1rem; position: absolute; left: -1rem; padding: 0.25rem 0.2rem; top: 0.4rem; z-index: 3; }
.floating-wallet .header { border-radius: 0.05rem; margin-bottom: 0.05rem; color: rgb(255, 255, 255); }
.floating-wallet .header .main-wallet-header span { color: rgb(255, 255, 255); }
.floating-wallet .header .provider-category { background: rgb(0, 113, 227) !important; }
.floating-wallet .header .provider-category svg { width: 0.25rem; height: 0.25rem; }
.floating-wallet .provider-category-container { margin-bottom: 0.03rem; }
.floating-wallet .provider-category-container .provider-category { display: flex; align-items: center; padding: 0.06rem 0.15rem; border-radius: 0.05rem; background: rgb(255, 255, 255); justify-content: space-between; cursor: pointer; }
.floating-wallet .provider-category-container .provider-category .provider-category-balance { font-size: 0.12rem; color: rgb(134, 151, 162); }
.floating-wallet .provider-category-container .provider-category .provider-category-balance span:last-child { font-size: 0.12rem; text-transform: capitalize; }
.floating-wallet .provider-category-container .provider-category .provider-balance-container { display: flex; align-items: center; font-size: 0.12rem; color: rgb(0, 113, 227); }
.floating-wallet .provider-category-container .provider-category .provider-mainWallet-balance { font-size: 0.12rem; display: flex; align-items: center; }
.floating-wallet .provider-category-container .provider-category .provider-mainWallet-balance svg { width: 0.25rem; height: 0.25rem; margin: 0px -0.02rem 0px 0.1rem; background: rgba(0, 0, 0, 0); border-radius: 0px; }
.floating-wallet .provider-category-container .provider-category .provider-mainWallet-balance svg.active { transition: transform 500ms cubic-bezier(0.85, -0.48, 0.26, 0.67); transform: translateZ(0px) rotateZ(-540360deg); }
.floating-wallet .provider-category-container .provider-category svg { width: 0.2rem; height: 0.2rem; fill: rgb(255, 255, 255); background: linear-gradient(rgb(4, 169, 194), rgb(9, 94, 189)); padding: 0.04rem; border-radius: 0.2rem; margin: 0px 0px 0px 0.12rem; }
.floating-wallet .provider-category-container .category-providers { background: rgb(225, 229, 232); border-radius: 0px 0px 0.05rem 0.05rem; padding: 0px 0.15rem; }
.floating-wallet .provider-category-container .category-providers .provider-balance { font-size: 0.12rem; text-align: left; padding: 0.12rem 0.31rem 0.12rem 0px; border-bottom: 0.01rem solid rgb(255, 255, 255); display: flex; justify-content: space-between; cursor: pointer; }
.floating-wallet .provider-category-container .category-providers .provider-balance:first-child { }
.floating-wallet .provider-category-container .category-providers .provider-balance:last-child { border-bottom: 0px; }
.transfer-container .transfer-form-and-note-wrapper .transaction-note-section { background: rgb(255, 255, 255); border-radius: 0.08rem; }
.transfer-container .transfer-list { background: rgb(255, 255, 255); border-radius: 0.08rem; margin: 0.12rem 0px 0px; padding: 0.35rem 0.4rem 0.55rem; }
.transfer-container .transfer-list .top-container { position: relative; }
.transfer-container .transfer-list .top-container .provider-category-list-container { position: relative; padding: 0.24rem 0px; }
.transfer-container .transfer-list .top-container .provider-category-list-container .provider-list { display: flex; flex-wrap: wrap; gap: 0.1rem; }
.transfer-container .transfer-list .top-container .provider-category-list-container .provider-list span { display: flex; height: 0.35rem; padding: 0.08rem 0.2rem; justify-content: center; align-items: center; border-radius: 0.2rem; background: rgb(243, 245, 246); cursor: pointer; }
.transfer-container .transfer-list .top-container .provider-category-list-container .provider-list .active { background: rgb(255, 138, 0); color: rgb(255, 255, 255); }
.transfer-container .transfer-list .top-container .provider-category-list-container .category-list { position: absolute; z-index: 1; top: 0px; width: 100%; padding: 0.52rem 0.1rem 0.2rem; background: rgb(232, 232, 232); border-radius: 0.2rem; }
.transfer-container .transfer-list .top-container .provider-category-list-container .category-list p { display: flex; align-items: center; margin: 0px; height: 0.25rem; padding: 0px 0.1rem; font-size: 0.14rem; }
.transfer-container .transfer-list .top-container .provider-category-list-container .category-list p:not(:last-child) { margin: 0px 0px 0.12rem; }
.transfer-container .transfer-list .top-container .provider-category-list-container .category-list p:hover { background: rgb(255, 138, 0); border-radius: 0.2rem; color: rgb(255, 255, 255); cursor: pointer; }
.transfer-container .transfer-list .top-container .weekly-total-wrapper { display: flex; align-items: center; }
.transfer-container .transfer-list .top-container .weekly-total-wrapper .weekly-total-container { display: flex; align-items: center; justify-content: space-between; width: 3.65rem; height: 0.38rem; padding: 0px 0.15rem; background: rgb(247, 247, 247); border-radius: 0.2rem; font-size: 0.14rem; }
.transfer-container .transfer-list .top-container .weekly-total-wrapper .weekly-total-container .title { color: rgb(15, 22, 31); margin: 0px; }
.transfer-container .transfer-list .top-container .weekly-total-wrapper .weekly-total-container .status { display: flex; align-items: center; justify-content: center; }
.transfer-container .transfer-list .top-container .weekly-total-wrapper .weekly-total-container .status .amount { margin: 0px 0.15rem 0px 0px; color: rgb(0, 90, 204); font-size: 0.16rem; }
.transfer-container .transfer-list .top-container .weekly-total-wrapper .weekly-total-container .status svg { width: 0.2rem; height: 0.2rem; cursor: pointer; fill: url("#beta-refresh-gradient"); }
.transfer-container .transfer-list .top-container .weekly-total-wrapper .weekly-total-container .status svg.active { transition: transform 500ms cubic-bezier(0.85, -0.48, 0.26, 0.67); transform: translateZ(0px) rotateZ(-540360deg); }
.transfer-container .transfer-list .top-container .weekly-total-wrapper svg { width: 0.16rem; height: 0.16rem; fill: rgb(197, 210, 216); cursor: pointer; margin: 0px 0px 0px 0.1rem; }
.transfer-container .transfer-list .top-container .important-notice-box { position: absolute; width: 3rem; bottom: 1.2rem; left: 4.2rem; padding: 0.1rem; background: rgb(255, 255, 255); color: rgb(0, 0, 0); font-size: 0.12rem; border-radius: 0.1rem; z-index: 1; box-shadow: rgb(155, 155, 155) 0.02rem 0.03rem 0.05rem; display: flex; }
.transfer-container .transfer-list .top-container .important-notice-box .note { margin: 0px 0.05rem 0px 0px; }
.transfer-container .transfer-list .provider-list-container .list-box:not(:last-child) { margin: 0px 0px 0.62rem; }
.transfer-container .transfer-list .provider-list-container .list-box .box-provider { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.4rem 0.25rem; margin: 0.25rem 0px 0px; }
.transfer-container .transfer-list .provider-list-container .list-box .box-provider .provider-item { position: relative; background: rgb(247, 247, 247); border-radius: 0.08rem; border: 0.02rem solid rgb(247, 247, 247); padding: 0.14rem; }
.transfer-container .transfer-list .provider-list-container .list-box .box-provider .provider-item:hover { border: 0.02rem solid rgb(255, 138, 0); }
.transfer-container .transfer-list .provider-list-container .list-box .box-provider .provider-item:hover .icon-option-add { fill: rgb(255, 138, 0); }
.transfer-container .transfer-list .provider-list-container .list-box .box-provider .provider-item:hover .pi-allin-btn { background: rgb(255, 138, 0); }
.transfer-container .transfer-list .provider-list-container .list-box .box-provider .provider-item .icon-option-add { position: absolute; width: 0.2rem; height: 0.2rem; top: 0.12rem; right: 0.1rem; fill: rgb(134, 151, 162); cursor: pointer; }
.transfer-container .transfer-list .provider-list-container .list-box .box-provider .provider-item .pi-status { display: flex; align-items: center; }
.transfer-container .transfer-list .provider-list-container .list-box .box-provider .provider-item .pi-status svg { background: rgb(15, 22, 31); border-radius: 0.08rem; width: 0.42rem; height: 0.42rem; padding: 0.02rem; }
.transfer-container .transfer-list .provider-list-container .list-box .box-provider .provider-item .pi-status .pi-content { width: 1.4rem; margin: 0px 0px 0px 0.07rem; }
.transfer-container .transfer-list .provider-list-container .list-box .box-provider .provider-item .pi-status .pi-content .pi-name { font-size: 0.15rem; color: rgb(15, 22, 31); margin: 0px; }
.transfer-container .transfer-list .provider-list-container .list-box .box-provider .provider-item .pi-status .pi-content .pi-balance { font-size: 0.16rem; color: rgb(0, 90, 204); margin: 0.05rem 0px; }
.transfer-container .transfer-list .provider-list-container .list-box .box-provider .provider-item .turnover-allin-container { display: flex; flex-flow: wrap; justify-content: space-between; margin: 0.07rem 0px 0px; background: rgb(255, 255, 255); padding: 0.05rem 0.15rem; border-radius: 0.08rem; align-items: center; color: rgb(134, 151, 161); }
.transfer-container .transfer-list .provider-list-container .list-box .box-provider .provider-item .turnover-allin-container .spinner { width: 0.3rem; }
.transfer-container .transfer-list .provider-list-container .list-box .box-provider .provider-item .turnover-allin-container span:first-child { margin: 0px 0.1rem 0px 0px; font-size: 0.14rem; color: rgb(136, 153, 164); }
.transfer-container .transfer-list .provider-list-container .list-box .box-provider .provider-item .pi-allin-btn { display: flex; align-items: center; justify-content: center; margin: 0.12rem auto 0px; width: 1.6rem; height: 0.22rem; background: rgb(134, 151, 162); color: rgb(255, 255, 255); border-radius: 0.2rem; font-size: 0.16rem; }
.transfer-container .transfer-list .provider-list-container .list-box .box-title { color: rgb(15, 22, 31); }
.instant-rebate-tab .top-container { background: rgb(247, 247, 247); padding: 0.25rem; border-radius: 0.1rem; }
.instant-rebate-tab .top-container .top-content { display: flex; align-items: center; justify-content: space-between; }
.instant-rebate-tab .top-container .top-content .pending-claim-info { display: grid; gap: 0.04rem; }
.instant-rebate-tab .top-container .top-content .pending-claim-info .pending-claim { font-size: 0.14rem; color: rgb(134, 151, 162); margin: 0px 0.25rem 0px 0px; }
.instant-rebate-tab .top-container .top-content .pending-claim-info .amount { font-size: 0.24rem; color: rgb(0, 113, 227); font-weight: 600; }
.instant-rebate-tab .top-container .top-content .pending-claim-button { display: grid; justify-items: self-end; gap: 0.04rem; }
.instant-rebate-tab .top-container .bottom-content { font-size: 0.14rem; color: rgb(136, 153, 164); display: flex; align-items: center; justify-content: space-between; margin: 0.15rem 0px 0px; }
.instant-rebate-tab .top-container .claim-status { float: right; color: red; }
.instant-rebate-tab .divider { width: 100%; height: 0.02rem; background: rgb(247, 247, 247); margin: 0.5rem 0px; }
.instant-rebate-tab .bottom-container .provider-table-header { display: flex; align-items: center; margin: 0px 0px 0.1rem; color: rgb(15, 22, 31); }
.instant-rebate-tab .bottom-container .provider-table-header svg { width: 0.4rem; height: 0.4rem; margin: 0px 0.1rem 0px 0px; }
.instant-rebate-tab .bottom-container .instant-rebate-info-container { margin: 0px !important; }
.instant-rebate-tab .bottom-container .instant-rebate-info-container .header-title { margin: 0px !important; }
.instant-rebate-tab .bottom-container .instant-rebate-info-container .header-title > span { width: 16.67%; text-align: center; padding: 0px 0.08rem; word-break: break-word; }
.instant-rebate-tab .bottom-container .instant-rebate-info-container .header-title .col-text-left { text-align: left; }
.instant-rebate-tab .bottom-container .instant-rebate-info-container .instant-rebate-info-content { margin: 0.28rem 0px 0.5rem; padding: 0px; }
.instant-rebate-tab .bottom-container .instant-rebate-info-container .instant-rebate-info-content .instant-rebate-detail span { width: 16.67%; text-align: center; padding: 0px 0.05rem; }
.instant-rebate-tab .bottom-container .instant-rebate-info-container .instant-rebate-info-content .instant-rebate-detail .col-text-left { text-align: left; }
.instant-rebate-tab .show-more-container { display: flex; justify-content: flex-end; font-size: 0.14rem; color: rgb(136, 153, 164); text-decoration: underline; cursor: pointer; }
.instant-rebate-history-tab { padding: 0.35rem 0.4rem; background: rgb(255, 255, 255); border-radius: 0.08rem; position: relative; }
.instant-rebate-history-tab .instant-rebate-history-landing-container .title { color: rgb(134, 151, 162); }
.instant-rebate-history-tab .instant-rebate-history-landing-container .title-date { margin: 0.12rem 0px 0px; }
.instant-rebate-history-tab .instant-rebate-history-landing-container .history-tab-container { margin: 0.16rem 0px 0px; width: 35.5%; display: table; }
.instant-rebate-history-tab .instant-rebate-history-landing-container .history-tab-container .standard-tab { display: grid; grid-template-columns: 1.7rem 1.7rem 1.7rem 1.7rem; gap: 0.1rem 0.15rem; }
.instant-rebate-history-tab .instant-rebate-history-landing-container .history-tab-container .standard-tab .tab-header { padding: 0.12rem 0.1rem; height: unset; border-radius: 0.08rem; background: rgb(247, 247, 247); border: 0.02rem solid rgb(247, 247, 247); white-space: normal; text-align: center; word-break: break-word; }
.instant-rebate-history-tab .instant-rebate-history-landing-container .history-tab-container .standard-tab .tab-header:not(:last-child) { margin: 0px; }
.instant-rebate-history-tab .instant-rebate-history-landing-container .history-tab-container .standard-tab .tab-header.active, .instant-rebate-history-tab .instant-rebate-history-landing-container .history-tab-container .standard-tab .tab-header:hover { color: rgb(134, 151, 162); border: 0.02rem solid rgb(255, 138, 0); }
.instant-rebate-history-tab .instant-rebate-history-landing-container .history-container { margin: 0.35rem 0px 0px; }
.instant-rebate-history-tab .instant-rebate-history-landing-container .history-container .history-form { display: flex; align-items: flex-end; gap: 0.08rem; }
.instant-rebate-history-tab .instant-rebate-history-landing-container .history-container .history-form:not(:first-child) { margin: 0.35rem 0px 0px; }
.instant-rebate-history-tab .instant-rebate-history-landing-container .history-container .history-form .transaction-type-selection, .instant-rebate-history-tab .instant-rebate-history-landing-container .history-container .history-form .status-selection { width: 3.46rem; }
.instant-rebate-history-tab .instant-rebate-history-landing-container .history-container .history-form .transaction-type-selection .standard-label, .instant-rebate-history-tab .instant-rebate-history-landing-container .history-container .history-form .status-selection .standard-label { margin: 0px 0px 0.15rem 0.05rem; }
.instant-rebate-history-tab .instant-rebate-history-landing-container .history-container .history-form .status-selection { margin: 0px 0px 0px 0.54rem; }
.instant-rebate-history-tab .instant-rebate-history-landing-container .history-container .history-form .date-form-field-container { width: 35.5%; }
.instant-rebate-history-tab .instant-rebate-history-landing-container .history-container .history-form .date-form-field-container .standard-label { margin: 0px 0px 0.15rem 0.05rem; color: rgb(134, 151, 162); }
.instant-rebate-history-tab .instant-rebate-history-landing-container .history-container .history-form .date-form-field-container .standard-input { height: 0.4rem; padding: 0px 0.25rem; color: rgb(134, 151, 162); font-size: 0.16rem; cursor: pointer; }
.instant-rebate-history-tab .instant-rebate-history-landing-container .history-container .history-form .date-form-field-container .icon-calender { position: absolute; right: 0.25rem; top: 0.08rem; width: 0.25rem; height: 0.22rem; }
.instant-rebate-history-tab .instant-rebate-history-landing-container .history-container .transaction-button-section { margin: 0.4rem 0px 0px; display: flex !important; }
.instant-rebate-history-tab .instant-rebate-history-landing-container .history-container .transaction-button-section button { width: 35.5% !important; }
.instant-rebate-modal-container .standard-popup-modal-header { background: rgb(255, 255, 255); border-radius: 0.1rem 0.1rem 0px 0px; color: rgb(15, 22, 31); }
.instant-rebate-modal-container .standard-popup-modal-body { background: rgb(255, 255, 255); border-radius: 0px 0px 0.1rem 0.1rem; }
.instant-rebate-modal-container .standard-popup-modal-body .provider-table-header { display: flex; align-items: center; margin: 0px 0px 0.1rem; color: rgb(15, 22, 31); }
.instant-rebate-modal-container .standard-popup-modal-body .provider-table-header svg { width: 0.4rem; height: 0.4rem; margin: 0px 0.1rem 0px 0px; }
.instant-rebate-modal-container .standard-popup-modal-body .standard-setting-table-container { margin: 0.23rem 0px 0px; color: rgb(134, 151, 162); }
.instant-rebate-modal-container .standard-popup-modal-body .standard-setting-table-container .col-rebate-period { color: rgb(0, 113, 227); text-decoration: underline; cursor: pointer; }
.instant-rebate-modal-container .standard-popup-modal-body .standard-setting-table-container .standard-setting-table-header { display: flex; align-items: center; justify-content: space-between; padding: 0px 0.34rem 0px 0.42rem; }
.instant-rebate-modal-container .standard-popup-modal-body .standard-setting-table-container .standard-setting-table-header.header-title { margin: 0.33rem 0px 0px; height: unset; color: rgb(15, 22, 31); background: rgb(247, 247, 247); border-radius: 0.08rem; font-size: 0.14rem; padding: 0.12rem 0.2rem; }
.instant-rebate-modal-container .standard-popup-modal-body .instant-rebate-info-container { margin: 0px !important; }
.instant-rebate-modal-container .standard-popup-modal-body .instant-rebate-info-container .header-title { margin: 0px !important; }
.instant-rebate-modal-container .standard-popup-modal-body .instant-rebate-info-container .header-title > span { width: 20%; text-align: center; padding: 0px 0.08rem; word-break: break-word; }
.instant-rebate-modal-container .standard-popup-modal-body .instant-rebate-info-container .header-title .col-text-left { text-align: left; }
.instant-rebate-modal-container .standard-popup-modal-body .instant-rebate-info-container .instant-rebate-info-content { margin: 0.28rem 0px 0.5rem; padding: 0px; }
.instant-rebate-modal-container .standard-popup-modal-body .instant-rebate-info-container .instant-rebate-info-content .standard-setting-table-row { display: flex; justify-content: space-between; align-items: center; padding: 0.12rem 0.2rem; }
.instant-rebate-modal-container .standard-popup-modal-body .instant-rebate-info-container .instant-rebate-info-content .instant-rebate-detail span { width: 20%; text-align: center; padding: 0px 0.05rem; }
.instant-rebate-modal-container .standard-popup-modal-body .instant-rebate-info-container .instant-rebate-info-content .instant-rebate-detail .col-text-left { text-align: left; }
.transaction-note-section { background: rgb(255, 255, 255); border-radius: 0.08rem; }
.transaction-note-section .transaction-notes-container #note-tutorial { cursor: pointer; }
.transaction-note-section .transaction-notes-container #note-livechat, .transaction-note-section .transaction-notes-container #note-info-centre { cursor: pointer; }
.otp-helper-container { margin-bottom: 0.3rem; }
.otp-helper-container .otp-helper { display: grid; align-items: center; grid-template-columns: 5% 85%; column-gap: 0.05rem; }
.otp-helper-container .otp-helper svg { fill: rgb(199, 210, 215); height: 0.15rem; margin: 0px 0.1rem 0px 0px; width: 0.2rem; }
.otp-helper-container .otp-helper .desc span { color: rgb(0, 94, 215); text-decoration: underline; cursor: pointer; }
.otp-helper-container .otp-helper .desc .resend-otp { text-transform: uppercase; }
.otp-helper-container .otp-helper .desc .contact-cs { text-transform: capitalize; }
.kyc-indicator-section { position: relative; }
.kyc-indicator-section .kyc-indicator-container { display: flex; justify-content: space-between; align-items: center; padding: 0.15rem; position: relative; }
@media (max-width: 768px) { .kyc-indicator-section .kyc-indicator-container { padding: 0.3rem 0.4rem; background: rgb(243, 245, 246); margin: 0.5rem 0.4rem 0px; border-radius: 0.1rem; justify-content: unset; }
}
.kyc-indicator-section .kyc-indicator-container .left-container .kyc-level-status { color: rgb(134, 151, 162); margin: 0.05rem 0px 0px; font-weight: 400; }
@media (max-width: 768px) { .kyc-indicator-section .kyc-indicator-container .left-container { width: 4.8rem; font-weight: 600; display: grid; gap: 0.1rem; } .kyc-indicator-section .kyc-indicator-container .left-container .verify-button { display: flex; } .kyc-indicator-section .kyc-indicator-container .left-container .verify-button span { padding: 0.08rem 0.14rem; background: rgb(134, 151, 162); border-radius: 0.08rem; color: rgb(255, 255, 255); font-weight: 400; }
}
.kyc-indicator-section .kyc-indicator-container .right-container { position: relative; display: flex; justify-content: center; align-items: center; }
@media (max-width: 768px) { .kyc-indicator-section .kyc-indicator-container .right-container { align-items: unset; margin-left: 0.15rem; left: 0.3rem; }
}
.kyc-indicator-section .kyc-indicator-container .right-container .progress-level-bar { width: 0.45rem; height: 0.45rem; border-radius: 50%; }
@media (max-width: 768px) { .kyc-indicator-section .kyc-indicator-container .right-container .progress-level-bar { position: relative; width: 50%; height: 50%; } .kyc-indicator-section .kyc-indicator-container .right-container .progress-level-bar svg { position: relative; width: 100%; height: 100%; transform: rotate(-90deg); } .kyc-indicator-section .kyc-indicator-container .right-container .progress-level-bar svg circle { width: 100%; height: 100%; fill: none; stroke: rgb(255, 255, 255); stroke-width: 11; stroke-linecap: round; } .kyc-indicator-section .kyc-indicator-container .right-container .progress-level-bar svg circle:last-of-type { stroke-dasharray: 283; stroke-dashoffset: calc(283 - 283*var(--percent)/100); stroke: rgb(255, 149, 0); }
}
.kyc-indicator-section .kyc-indicator-container .right-container .progress-level-text { position: absolute; color: rgb(255, 138, 0); font-size: 0.21rem; font-weight: bold; }
.kyc-indicator-section .kyc-indicator-container .right-container .progress-level-text.level-zero { color: rgb(212, 212, 212); }
@media (max-width: 768px) { .kyc-indicator-section .kyc-indicator-container .right-container .progress-level-text { font-size: 0.32rem; }
}
.kyc-indicator-section .kyc-indicator-container .tool-tip-toggle { position: absolute; top: 0.2rem; right: 0.2rem; }
.kyc-indicator-section .kyc-indicator-container .tool-tip-toggle svg { width: 0.35rem; height: 0.35rem; fill: rgb(197, 210, 216); }
.kyc-indicator-section .kyc-indicator-tool-tip-container { position: absolute; background: rgb(255, 255, 255); z-index: 1; padding: 0.15rem; border-radius: 0.08rem; width: 3rem; box-shadow: rgba(0, 0, 0, 0.3) 0px 0.02rem 0.04rem; top: 0.85rem; line-height: 1.35; }
@media (max-width: 768px) { .kyc-indicator-section .kyc-indicator-tool-tip-container { padding: 0.3rem 0.4rem; width: 5.5rem; margin: 0px 0.4rem; top: 0.8rem; right: 0px; }
}
.kyc-indicator-section .kyc-indicator-tool-tip-container::before { content: ""; position: absolute; top: -0.09rem; left: 1.375rem; border-width: 0.1rem; border-style: solid; border-image: initial; border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgb(255, 255, 255) rgb(255, 255, 255); transform: rotate(135deg); box-shadow: rgba(0, 0, 0, 0.05) -0.01rem 0.01rem 0.01rem 0px; }
@media (max-width: 768px) { .kyc-indicator-section .kyc-indicator-tool-tip-container::before { left: 4.825rem; }
}
.kyc-indicator-section .kyc-indicator-tool-tip-container span { color: rgb(134, 151, 162); }
.bank-apps-container .standard-form-container .standard-form-field .multi-input { display: flex; justify-content: space-between; width: 100%; }
.bank-apps-container .standard-form-container .standard-form-field .multi-input .standard-form-field-wrapper { width: 49%; }
.bank-apps-container .standard-form-container .standard-form-field .multi-input .standard-form-field-wrapper .standard-input { width: 100%; }
.bank-apps-container .standard-form-container .transaction-button-section { margin: 0.4rem 0px 0px; }
.bank-apps-container .standard-form-container .transaction-button-section .standard-button-container { justify-content: space-between; }
.bank-apps-container .standard-form-container .transaction-button-section .standard-button-container .standard-submit-button { width: 49%; }
.bank-apps-container .standard-form-container .transaction-button-section .standard-button-container .standard-submit-form-button { background: rgb(129, 202, 252); border-radius: 0.1rem; color: rgb(255, 255, 255); font-size: 0.16rem; height: 0.4rem; white-space: nowrap; width: 49%; }
.tm-qr-container .standard-form-container .standard-form-field .bank-select-deposit-container { width: 49%; }
.bank-transfer-container .standard-form-container .standard-form-field .multi-input { display: flex; justify-content: space-between; width: 100%; }
.bank-transfer-container .standard-form-container .standard-form-field .multi-input .standard-form-field-wrapper { width: 49%; }
.bank-transfer-container .standard-form-container .standard-form-field .multi-input .standard-form-field-wrapper .standard-input { width: 100%; }
.bank-transfer-container .standard-form-container .bank-detail-field { margin: 0px 0px 0.24rem !important; }
.bank-transfer-container .standard-form-container .transaction-button-section .standard-button-container { flex-direction: row; align-items: flex-start; gap: 0.1rem; }
.bank-transfer-container .standard-form-container .transaction-button-section .standard-button-container .standard-submit-button { width: 49%; order: 1; }
.bank-transfer-container .standard-form-container .transaction-button-section .standard-button-container .receipt-button-container { display: flex; width: 100%; order: 2; }
.bank-transfer-container .standard-form-container .transaction-button-section .standard-button-container .receipt-button-container .standard-submit-form-button { background: rgb(0, 113, 227); border-radius: 0.1rem; color: rgb(255, 255, 255); font-size: 0.16rem; height: 0.4rem; white-space: nowrap; width: 49%; }
.bank-transfer-container .standard-form-container .transaction-button-section .standard-button-container .receipt-button-container .tooltip-container { align-items: center; display: flex; width: 48%; }
.bank-transfer-container .standard-form-container .transaction-button-section .standard-button-container .receipt-button-container .tooltip-container svg { fill: rgb(199, 210, 215); height: 0.15rem; margin: 0px 0.1rem 0px 0px; width: 0.2rem; }
.bank-transfer-container .standard-form-container .transaction-button-section .standard-button-container .receipt-button-container .tooltip-container span { color: rgb(15, 22, 31); font-size: 0.12rem; }
.bank-transfer-container .standard-form-container .receipt-container { padding: 0.12rem 0px; }
.region-qr-container .bank-qrcode { margin: 0px 0px 0.25rem; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.region-qr-container .bank-qrcode .frame { position: relative; margin: 0px 0px 0.25rem; padding: 0.15rem; border: 0.025rem solid rgb(134, 151, 162); border-radius: 0.2rem; }
.region-qr-container .bank-qrcode .frame .top-mask { background: rgb(255, 255, 255); position: absolute; top: -0.025rem; left: 25%; height: 0.025rem; width: 50%; }
.region-qr-container .bank-qrcode .frame .right-mask { background: rgb(255, 255, 255); position: absolute; top: 25%; right: -0.025rem; height: 50%; width: 0.025rem; }
.region-qr-container .bank-qrcode .frame .bottom-mask { background: rgb(255, 255, 255); position: absolute; bottom: -0.025rem; left: 25%; height: 0.025rem; width: 50%; }
.region-qr-container .bank-qrcode .frame .left-mask { background: rgb(255, 255, 255); position: absolute; top: 25%; left: -0.025rem; height: 50%; width: 0.025rem; }
.region-qr-container .bank-qrcode .frame img { width: 2rem; }
.region-qr-container .standard-form-container .standard-form-field .multi-input { display: flex; justify-content: space-between; width: 100%; }
.region-qr-container .standard-form-container .standard-form-field .multi-input .standard-form-field-wrapper { width: 49%; }
.region-qr-container .standard-form-container .standard-form-field .multi-input .standard-form-field-wrapper .standard-input { width: 100%; }
.region-qr-container .standard-form-container .deposit-type { width: 49%; }
.region-qr-container .standard-form-container .transaction-button-section { margin: 0.4rem 0px 0px; }
.region-qr-container .standard-form-container .transaction-button-section .standard-button-container { justify-content: space-between; }
.region-qr-container .standard-form-container .transaction-button-section .standard-button-container .standard-submit-button { width: 49%; }
.region-qr-container .standard-form-container .transaction-button-section .standard-button-container .standard-submit-form-button { background: rgb(129, 202, 252); border-radius: 0.1rem; color: rgb(255, 255, 255); font-size: 0.16rem; height: 0.4rem; white-space: nowrap; width: 49%; }
.deposit-crypto-container .standard-form-container .standard-form-field { width: 100%; }
.deposit-crypto-container .standard-form-container .standard-form-field .standard-form-field-wrapper .standard-select { width: 35.5%; }
.deposit-crypto-container .standard-form-container .deposit-channel-dd-field { width: 49%; }
.deposit-crypto-container .standard-form-container .qr-form-field { margin: 0.2rem 0px; }
.deposit-crypto-container .standard-form-container .qr-form-field .standard-label { color: rgb(134, 151, 162); font-size: 0.16rem; margin: 0px 0px 0.2rem; }
.deposit-crypto-container .standard-form-container .qr-form-field .qr-container { display: flex; justify-content: space-between; }
.deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-box { width: 25%; }
.deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-box button { border-radius: 0.2rem; color: rgb(134, 151, 162); font-size: 0.14rem; margin: 0.2rem 0px 0px; padding: 0.1rem 0px; width: 1.28rem; background: rgb(247, 247, 247); }
.deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info { width: 70%; line-height: 1.5; }
.deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info .info { color: rgb(134, 151, 162); font-size: 0.14rem; }
.deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info .info-ratio { color: rgb(15, 22, 31); font-size: 0.14rem; }
.deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info .important-note { color: red; font-size: 0.13rem; text-transform: uppercase; }
.deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info .reminder { color: rgb(15, 22, 31); display: flex; font-size: 0.12rem; margin: 0.15rem 0px 0.3rem 0.05rem; }
.deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info .reminder svg { fill: rgb(199, 210, 215); margin: 0px 0.1rem 0px 0px; width: 0.15rem; }
.deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info .share-address-container { color: rgb(134, 151, 162); display: flex; flex-direction: column; font-size: 0.16rem; width: 85%; }
.deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info .share-address-container .address-link { margin: 0.2rem 0px 0.15rem; }
.deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info .share-address-container .standard-button-container { justify-content: flex-start; }
.deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info .share-address-container .standard-button-container .standard-submit-button { background: rgb(247, 247, 247); color: rgb(15, 22, 31); font-size: 0.16rem; justify-content: unset; width: 98%; padding: 0px 0.15rem; position: relative; }
.deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info .share-address-container .standard-button-container .standard-submit-button .data-link { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; width: 90%; text-align: left; }
.deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info .share-address-container .standard-button-container .standard-submit-button .beta-share { width: 0.2rem; right: 0.2rem; position: absolute; }
.deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info .share-address-container .standard-button-container .floating-referral { left: unset; right: -10%; top: 100%; }
.deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info .share-address-container .standard-button-container .floating-referral .triangle { position: absolute; top: -4%; left: 50%; width: 0.24rem; height: 0.12rem; overflow: hidden; z-index: 2; }
.deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info .share-address-container .standard-button-container .floating-referral .triangle::after { content: ""; position: absolute; width: 0.12rem; height: 0.12rem; left: 50%; transform: translate(-50%, 50%) rotate(45deg); background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.3) 0px 0.01rem 0.06rem; }
.deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info .share-address-container .standard-button-container .floating-referral .share-dropdown { top: 115%; left: 72%; }
.deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info .standard-button-container { justify-content: flex-start; }
.deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info .standard-button-container .standard-submit-button { background: rgb(129, 202, 252); color: rgb(255, 255, 255); width: 55%; }
.deposit-crypto-container .standard-form-container .reminder-note { color: rgb(134, 151, 162); font-size: 0.12rem; border: 0.03rem solid rgb(247, 247, 247); border-radius: 0.1rem; line-height: 1.5; padding: 0.15rem; margin: 0.25rem 0px !important; }
.deposit-crypto-container .standard-form-container .reminder-note span { font-size: 0.14rem; }
.deposit-crypto-container .standard-form-container .reminder-note ul { margin: 0px 0px 0px 0.15rem; }
.deposit-crypto-container .standard-form-container .reminder-note ul li { list-style: disc; }
@media (max-width: 1024px) { .deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-box { width: 30%; } .deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-box button { width: 100%; } .deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info { width: 65%; } .deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info .share-address-container { width: 100%; }
}
.eWallet-apps-container .standard-form-container .standard-form-field .multi-input { display: flex; justify-content: space-between; width: 100%; }
.eWallet-apps-container .standard-form-container .standard-form-field .multi-input .standard-form-field-wrapper { width: 49%; }
.eWallet-apps-container .standard-form-container .standard-form-field .multi-input .standard-form-field-wrapper .standard-input { width: 100%; }
.express-deposit-container .standard-form-container .standard-form-field .standard-label { margin: 0px 0px 0.2rem !important; }
.express-deposit-container .standard-form-container .standard-form-field .bank-account-container { font-size: 0.13rem; width: 100%; }
.express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank { align-items: center; color: rgb(15, 22, 31); display: flex; margin: 0px 0px 0.2rem; }
.express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .img-container { width: 15%; }
.express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .img-container img { width: 0.8rem; }
.express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .img-container svg { height: 0.4rem; }
.express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .name { margin: 0px 0.2rem 0px 0px; width: 18%; }
.express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .info { width: 45%; margin: 0px 0.2rem 0px 0px; }
.express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .info span { margin: 0px 0px 0px 0.1rem; }
.express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .info .standard-form-field-wrapper { margin: 0.1rem 0px 0px; }
.express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .info .standard-form-field-wrapper .standard-input { width: 100%; }
.express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .qrcode-container { cursor: pointer; }
.express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .qrcode-container .qrcode { width: 0.8rem !important; }
.express-deposit-container .standard-form-container .standard-form-field .transaction-button-section { width: 100%; }
.express-deposit-container .standard-form-container .standard-form-field .transaction-button-section .express-add-bank { color: red; font-size: 0.12rem; text-decoration: underline; margin: 0.1rem 0px 0px; }
.qrcode-popup { max-width: 5rem; min-width: 5rem; }
.qrcode-popup .standard-popup-modal-body { display: flex; justify-content: center; }
.select-bank-popup-container .select-bank-popup-body .bank-field .standard-form-field-wrapper { justify-content: space-between; }
.select-bank-popup-container .select-bank-popup-body .bank-field .standard-form-field-wrapper .standard-select, .select-bank-popup-container .select-bank-popup-body .bank-field .standard-form-field-wrapper .standard-select-dropdown { width: 70%; }
.select-bank-popup-container .select-bank-popup-body .bank-field .standard-form-field-wrapper .add-button { background: rgb(129, 203, 252); border-radius: 0.05rem; height: 0.38rem; color: rgb(255, 255, 255); }
.line-deposit-popup-container { min-width: 75%; max-height: unset; }
.line-deposit-popup-container .line-deposit-popup-header { color: rgb(0, 0, 0); font-size: 0.12rem; }
.line-deposit-popup-container .line-deposit-popup-body { padding: 0px 0.4rem 0.35rem; }
.line-deposit-popup-container .line-deposit-popup-body .img-container img { width: 100%; }
.line-deposit-popup-container .line-deposit-popup-body .desc-container { display: grid; grid-template-columns: 27% 27% 26% 29%; margin: 0.2rem 1rem 0px; }
.line-deposit-popup-container .line-deposit-popup-body .desc-container .desc-item { color: rgb(0, 0, 0); font-size: 0.12rem; width: 90%; }
.line-deposit-popup-container .line-deposit-popup-body .desc-container .desc-item:first-child { margin: 0px 0px 0px 0.1rem; }
.line-deposit-popup-container .line-deposit-popup-body .desc-container .desc-item p { margin: 0px 0px 0.05rem; }
.line-deposit-popup-container .line-deposit-popup-body .desc-container .desc-item p .deposit-line-url { color: rgb(0, 127, 217); }
.qrpay-container .standard-form-container .standard-form-field .bank-select-deposit-container .bank-select-deposit { margin: 0px; }
.qrpay-container .standard-form-container .standard-form-field .bank-select-deposit-container .bank-add-deposit-btn { border-radius: 0.05rem; height: 0.38rem; width: 5%; min-width: 5%; }
.reload-container .standard-form-container .standard-form-field .multi-input { display: flex; justify-content: space-between; width: 100%; }
.reload-container .standard-form-container .standard-form-field .multi-input .standard-form-field-wrapper { width: 49%; }
.reload-container .standard-form-container .standard-form-field .multi-input .standard-form-field-wrapper .standard-input { width: 100%; }
.reload-container .standard-form-container .transaction-button-section { margin: 0.4rem 0px 0px; }
.reload-container .standard-form-container .transaction-button-section .standard-button-container { justify-content: space-between; }
.reload-container .standard-form-container .transaction-button-section .standard-button-container .standard-submit-button { width: 49%; }
.reload-container .standard-form-container .transaction-button-section .standard-button-container .standard-submit-form-button { background: rgb(129, 202, 252); border-radius: 0.1rem; color: rgb(255, 255, 255); font-size: 0.16rem; height: 0.4rem; white-space: nowrap; width: 49%; }
.mission-diary-container .standard-content-container .md-info-section { display: flex; flex-direction: column; row-gap: 0.2rem; }
.mission-diary-container .standard-content-container .md-info-section .time-info { display: flex; align-items: center; color: rgb(134, 151, 162); column-gap: 0.18rem; }
.mission-diary-container .standard-content-container .md-info-section .time-info .time-countdown, .mission-diary-container .standard-content-container .md-info-section .time-info .time-daily { display: flex; place-items: center; text-transform: capitalize; }
.mission-diary-container .standard-content-container .md-info-section .time-info .time-countdown .countdown-container, .mission-diary-container .standard-content-container .md-info-section .time-info .time-daily .countdown-container { background: rgb(243, 245, 246); border-radius: 0.16rem; align-items: center; justify-content: start; margin: 0px 0px 0px 0.43rem; padding: 0.05rem 0.2rem; color: rgb(134, 151, 162); width: 2.4rem; }
.mission-diary-container .standard-content-container .md-info-section .right-container { width: 100%; display: flex; justify-content: space-between; align-items: center; }
.mission-diary-container .standard-content-container .md-info-section .right-container .button-container { justify-content: flex-end; }
.mission-diary-container .standard-content-container .md-info-section .right-container .button-container button { width: 1.9rem; }
.mission-diary-container .standard-content-container .md-info-section .point-balance { display: grid; align-items: center; }
.mission-diary-container .standard-content-container .md-info-section .point-balance .point-title { color: rgb(136, 136, 136); font-size: 0.14rem; font-weight: 400; margin: 0px; white-space: nowrap; }
.mission-diary-container .standard-content-container .md-info-section .point-balance .point-title span { color: rgb(136, 136, 136); margin: 0px; }
.mission-diary-container .standard-content-container .md-info-section .point-balance .point-amount { font-size: 0.22rem; color: rgb(0, 113, 227); font-weight: 600; grid-area: 2 / 1; }
.mission-diary-container .standard-content-container .md-info-section .point-balance .refresh-container { position: relative; display: flex; height: 100%; margin: 0px 0px 0px 0.1rem; grid-area: 2 / 2; }
.mission-diary-container .standard-content-container .md-info-section .point-balance .refresh-container .refresh-tooltip { position: absolute; font-weight: 400; background: rgba(0, 0, 0, 0.81); color: rgb(136, 136, 136); padding: 0.05rem; border-radius: 0.05rem; font-size: 0.14rem; top: 0.27rem; white-space: nowrap; }
.mission-diary-container .standard-content-container .md-info-section .point-balance .refresh-container svg { fill: url("#beta-refresh-gradient"); width: 0.16rem; transform: rotate(0deg); }
.mission-diary-container .standard-content-container .md-info-section .point-balance .refresh-container svg.active { transform: rotate(360deg); transition: transform 500ms; }
.mission-diary-container .standard-content-container .md-info-section .refresh-btn-container button { display: flex; justify-content: center; align-items: center; height: 0.5rem; font-size: 0.14rem; border-radius: 0.05rem; font-weight: 600; padding: 0.2rem; }
.mission-diary-container .standard-content-container .md-info-section .refresh-btn-container p { margin: 0.05rem 0px 0.2rem; }
.mission-diary-container .standard-content-container .md-info-section .refresh-btn-container .point-info .point-container { display: flex; align-items: center; font-size: 0.2rem; font-weight: bold; justify-content: space-between; width: 100%; }
.mission-diary-container .standard-content-container .md-info-section .refresh-btn-container .point-info .point-container span { margin: 0px 0px 0px 0.08rem; }
.mission-diary-container .standard-content-container .md-info-section .refresh-btn-container .point-info .small-loading-box .small-loading { float: right; }
.mission-diary-container .standard-content-container .md-info-section .refresh-btn-container .point-info.withSpinToWinBtn { display: flex; align-items: center; }
.mission-diary-container .standard-content-container .md-info-section .refresh-btn-container .point-info .last-update { color: rgb(136, 136, 136); font-weight: 400; }
.mission-diary-container .standard-content-container .md-info-section .conversion-currency { width: 100%; display: flex; justify-content: flex-end; }
.mission-diary-container .standard-content-container .expiring-point-container { height: 0.36rem; background-color: rgb(255, 239, 220); border-radius: 0.1rem; justify-content: center; align-items: center; display: flex; color: rgb(255, 114, 0); width: fit-content; padding: 0.2rem 0.4rem; }
.mission-diary-container .standard-content-container .expiring-point-container svg { margin-right: 0.08rem; width: 0.2rem; height: 0.2rem; }
.md-popup-modal-container { background: rgb(255, 255, 255); max-width: 4.5rem; min-width: 4.5rem; min-height: 1.5rem; }
.md-popup-modal-container .md-popup-modal-header { background: rgb(255, 255, 255); border-radius: 0.1rem 0.1rem 0px 0px; color: rgb(15, 22, 31); display: flex; justify-content: center; padding: 0.3rem 0.3rem 0.2rem; }
.md-popup-modal-container .md-popup-modal-header .md-modal-title { font-size: 0.24rem; }
.md-popup-modal-container .md-popup-modal-body { display: flex; flex-direction: column; align-items: center; padding: 0px 0px 0.32rem; }
.md-popup-modal-container .md-popup-modal-body .congrat-img { margin: 0.3rem 0px; }
.md-popup-modal-container .md-popup-modal-body .congrat-desc { margin: 0px 0px 0.05rem; font-weight: normal; color: rgb(134, 151, 162); }
.md-popup-modal-container .md-popup-modal-body .popup-blessing-title { margin: 0px 0px 0.1rem; font-weight: normal; color: rgb(134, 151, 162); }
.md-popup-modal-container .md-popup-modal-body .popup-prize-name { margin: 0px 0px 0.3rem; font-weight: bold; color: rgb(0, 0, 0); }
.md-popup-modal-container .md-popup-modal-body .popup-btn { padding: 0.15rem 0.42rem; color: rgb(255, 255, 255); border-radius: 0.05rem; background: rgb(255, 138, 0); width: 60%; }
@media (max-width: 768px) { .md-popup-modal-container .md-popup-modal-body .popup-btn { width: 80%; }
}
.md-type-wrapper { display: grid; row-gap: 0.08rem; margin: 0.3rem 0px 0px; }
.md-type-wrapper .type-container { background: rgb(243, 245, 246); border-radius: 0.08rem; display: flex; flex-direction: column; gap: 0.08rem; padding: 0.18rem 0.24rem 0.2rem 0.27rem; }
@media (max-width: 768px) { .md-type-wrapper .type-container { gap: 0.25rem; padding: 0.3rem; }
}
.md-type-wrapper .type-container .details { display: flex; justify-content: space-between; }
.md-type-wrapper .type-container .details .mission-name { color: rgb(15, 22, 31); font-family: Inter; font-size: 0.18rem; }
@media (max-width: 768px) { .md-type-wrapper .type-container .details .mission-name { font-size: unset; }
}
.md-type-wrapper .type-container .details .mission-end-date { color: rgb(134, 151, 162); display: flex; align-items: center; gap: 0.08rem; }
.md-type-wrapper .type-container .details .mission-end-date svg { fill: rgb(134, 151, 162); height: 0.16rem; width: 0.16rem; }
@media (max-width: 768px) { .md-type-wrapper .type-container .details .mission-end-date svg { height: 0.2rem; width: 0.2rem; }
}
.md-type-wrapper .type-container .progress-status { display: flex; align-items: center; justify-content: space-between; }
.md-type-wrapper .type-container .progress-status .progress-wrapper { grid-template-areas: "bar desc"; display: grid; align-items: center; column-gap: 0.08rem; }
@media (max-width: 768px) { .md-type-wrapper .type-container .progress-status .progress-wrapper { grid-template-areas: "desc" "bar"; row-gap: 0.08rem; }
}
.md-type-wrapper .type-container .progress-status .progress-wrapper .progress-bar-container { grid-area: bar; position: relative; background: rgb(134, 151, 162); border-radius: 1rem; display: block; height: 0.2rem; width: 3.53rem; }
@media (max-width: 768px) { .md-type-wrapper .type-container .progress-status .progress-wrapper .progress-bar-container { height: 0.4rem; width: 4.3rem; }
}
.md-type-wrapper .type-container .progress-status .progress-wrapper .progress-bar-container .progress-bar { background: rgb(40, 219, 0); border-radius: 1rem; display: block; height: 0.2rem; }
@media (max-width: 768px) { .md-type-wrapper .type-container .progress-status .progress-wrapper .progress-bar-container .progress-bar { height: 0.4rem; }
}
.md-type-wrapper .type-container .progress-status .progress-wrapper .progress-bar-container .progress-percentage { position: absolute; top: 10%; left: 50%; transform: translateX(-50%); color: rgb(255, 255, 255); font-size: 0.16rem; }
@media (max-width: 768px) { .md-type-wrapper .type-container .progress-status .progress-wrapper .progress-bar-container .progress-percentage { top: 20%; font-size: unset; }
}
.md-type-wrapper .type-container .progress-status .progress-wrapper .progress-desc { grid-area: desc; color: rgb(139, 153, 163); font-size: 0.16rem; }
@media (max-width: 768px) { .md-type-wrapper .type-container .progress-status .progress-wrapper .progress-desc { font-size: unset; }
}
.md-type-wrapper .type-container .progress-status .status-wrapper button { border-radius: 0.05rem; display: flex; align-items: center; justify-content: center; height: 0.4rem; width: 1.9rem; }
@media (max-width: 768px) { .md-type-wrapper .type-container .progress-status .status-wrapper button { border-radius: 0.1rem; height: 0.7rem; width: 1.7rem; }
}
.md-type-wrapper .type-container .progress-status .status-wrapper .claim-button { background: rgb(0, 113, 227); }
.md-type-wrapper .type-container .progress-status .status-wrapper .claimed-button { background: rgb(219, 224, 228); }
.md-type-wrapper .type-container .progress-status .status-wrapper .go-button { background: rgb(255, 138, 0); }
.m-mission-diary-container .m-standard-content-container .m-md-info-section { display: flex; flex-direction: column; row-gap: 0.05rem; font-size: 0.3rem; color: rgb(139, 153, 163); padding: 0.55rem 0.35rem 0px; }
.m-mission-diary-container .m-standard-content-container .m-md-info-section .m-time-countdown { display: grid; grid-template-columns: 40% 60%; }
.m-mission-diary-container .m-standard-content-container .m-md-info-section .m-time-daily { display: grid; grid-template-columns: 40% 60%; }
.m-mission-diary-container .m-standard-content-container .m-md-info-section .countdown-container { background: rgb(243, 245, 246); border-radius: 0.16rem; align-items: center; justify-content: start; margin: 0px 0px 0.1rem; padding: 0.05rem 0.18rem; color: rgb(134, 151, 162); }
.m-mission-diary-container .m-standard-content-container .refresh-btn-container { background: rgb(243, 245, 246); margin: 0.3rem 0.35rem 0px; padding: 0.2rem 0.35rem; border-radius: 0.1rem; }
.m-mission-diary-container .m-standard-content-container .refresh-btn-container button { display: flex; justify-content: center; align-items: center; height: 0.5rem; font-size: 0.14rem; border-radius: 0.05rem; font-weight: 600; padding: 0.2rem; }
.m-mission-diary-container .m-standard-content-container .refresh-btn-container .point-info { display: flex; flex-direction: column; row-gap: 0.3rem; }
.m-mission-diary-container .m-standard-content-container .refresh-btn-container .point-info .point-balance { display: grid; grid-template-columns: 35% auto; align-items: center; }
.m-mission-diary-container .m-standard-content-container .refresh-btn-container .point-info .point-balance .point-title { color: rgb(0, 0, 0); font-size: 0.28rem; font-weight: 400; margin: 0px; }
.m-mission-diary-container .m-standard-content-container .refresh-btn-container .point-info .point-balance .point-title span { color: rgb(0, 0, 0); margin: 0px; }
.m-mission-diary-container .m-standard-content-container .refresh-btn-container .point-info .point-balance .refresh-container { position: relative; display: flex; background: rgb(255, 255, 255); padding: 0.1rem 0.2rem; border-radius: 0.5rem; justify-content: space-between; align-items: center; }
.m-mission-diary-container .m-standard-content-container .refresh-btn-container .point-info .point-balance .refresh-container > span { color: rgb(0, 90, 204); font-size: 0.4rem; }
.m-mission-diary-container .m-standard-content-container .refresh-btn-container .point-info .point-balance .refresh-container .refresh-tooltip { position: absolute; font-weight: 400; background: rgba(0, 0, 0, 0.81); color: rgb(136, 136, 136); padding: 0.05rem; border-radius: 0.05rem; font-size: 0.14rem; top: 0.27rem; white-space: nowrap; }
.m-mission-diary-container .m-standard-content-container .refresh-btn-container .point-info svg { fill: url("#beta-refresh-gradient"); width: 0.3rem; transform: rotate(0deg); }
.m-mission-diary-container .m-standard-content-container .refresh-btn-container .point-info svg.active { transform: rotate(360deg); transition: transform 500ms; }
.m-mission-diary-container .m-standard-content-container .refresh-btn-container .point-info span { margin: 0px 0px 0px 0.08rem; }
.m-mission-diary-container .m-standard-content-container .refresh-btn-container .point-info .small-loading-box .small-loading { float: right; }
.m-mission-diary-container .m-standard-content-container .refresh-btn-container .point-info .last-update { color: rgb(136, 136, 136); font-weight: 400; grid-column: 2 / span 1; padding: 0.1rem 0px; }
.m-mission-diary-container .m-standard-content-container .conversion-currency { width: 100%; display: flex; justify-content: flex-end; }
.m-mission-diary-container .m-standard-content-container .md-table-container { margin: 0.4rem 0px 0px; color: rgb(0, 0, 0); overflow-y: scroll; padding: 0px 0.4rem; border-top: 0.15rem solid rgb(243, 245, 246); }
.m-mission-diary-container .m-standard-content-container .md-table-container .spin-to-win-container { display: grid; background: url("../../public/html/images/mission-diary/background.png") 0% 0% / 100% 100% no-repeat; height: 2.3rem; padding: 0.4rem; margin: 0.4rem 0px; }
.m-mission-diary-container .m-standard-content-container .md-table-container .spin-to-win-container > span { color: rgb(255, 255, 255); position: relative; top: 0.2rem; font-size: 0.32rem; text-transform: capitalize; font-weight: 600; }
.m-mission-diary-container .m-standard-content-container .md-table-container .spin-to-win-container .spin-to-win-btn { background: rgb(0, 113, 227); width: 2.5rem; border-radius: 0.1rem; display: flex; justify-content: center; align-items: center; font-size: 0.26rem; color: rgb(255, 255, 255); }
.m-mission-diary-container .m-standard-content-container .md-table-container .button-container { margin: 0.3rem 0px 0px; }
.m-mission-diary-container .m-standard-content-container .md-table-container .button-container button { width: 100%; }
.m-mission-diary-container .m-standard-content-container .md-table-container .pagination-content { margin: 0.5rem 0px 0px; }
.m-mission-diary-container .m-standard-content-container .expiring-point-container { height: 36px; background-color: rgb(255, 239, 220); border-radius: 0.1rem; justify-content: center; align-items: center; display: flex; color: rgb(255, 114, 0); margin: 0.3rem 0.35rem 0px; font-size: 0.28rem; }
.m-mission-diary-container .m-standard-content-container .expiring-point-container svg { margin-right: 0.08rem; width: 0.3rem; height: 0.3rem; }
.linkage-deposit-container .standard-form-container .standard-form-field .multi-input { display: flex; justify-content: space-between; width: 100%; }
.linkage-deposit-container .standard-form-container .standard-form-field .multi-input .standard-form-field-wrapper { width: 49%; }
.linkage-deposit-container .standard-form-container .standard-form-field .multi-input .standard-form-field-wrapper .standard-input { width: 100%; }
.linkage-deposit-container .standard-form-container .standard-form-field .bank-acc-field-label { display: flex; gap: 0.12rem; justify-content: space-between; width: 100%; }
.linkage-deposit-container .standard-form-container .deposit-type { width: 49%; }
.linkage-deposit-container .standard-form-container .transaction-button-section { margin: 0.4rem 0px 0px; }
.linkage-deposit-container .standard-form-container .transaction-button-section .standard-button-container { display: flex; flex-direction: column; align-items: flex-start; gap: 0.1rem; }
.linkage-deposit-container .standard-form-container .transaction-button-section .standard-button-container .standard-submit-button { width: 49%; }
.linkage-deposit-container .standard-form-container .transaction-button-section .standard-button-container .receipt-button-container { display: flex; width: 100%; }
.linkage-deposit-container .standard-form-container .transaction-button-section .standard-button-container .receipt-button-container .standard-submit-form-button { background: rgb(129, 202, 252); border-radius: 0.1rem; color: rgb(255, 255, 255); font-size: 0.16rem; height: 0.4rem; white-space: nowrap; width: 49%; }
.linkage-deposit-container .standard-form-container .transaction-button-section .standard-button-container .receipt-button-container .tooltip-container { align-items: center; display: flex; width: 48%; }
.linkage-deposit-container .standard-form-container .transaction-button-section .standard-button-container .receipt-button-container .tooltip-container svg { fill: rgb(199, 210, 215); height: 0.15rem; margin: 0px 0.1rem 0px 0px; width: 0.2rem; }
.linkage-deposit-container .standard-form-container .transaction-button-section .standard-button-container .receipt-button-container .tooltip-container span { color: rgb(15, 22, 31); font-size: 0.12rem; }
.m-linkage-deposit-container .standard-form-container .standard-form-field .payment-method-select-dropdown-container { margin: 0px; }
.m-linkage-deposit-container .standard-form-container .transaction-button-section .standard-button-container .standard-submit-button { width: 100%; }
.m-linkage-deposit-container .standard-form-container .receipt-image-box { margin: 0.15rem 0px; }
.m-linkage-deposit-container .standard-form-container .receipt-image-box img { width: 100%; }
.m-linkage-deposit-container .standard-form-container .receipt-image-box .pdf-name { font-size: 0.3rem; color: rgb(134, 151, 162); }
.m-linkage-deposit-container .standard-form-container .receipt-image-box .pdf-clear { margin-left: 0.1rem; width: 0.3rem; }
.m-linkage-deposit-container .standard-form-container .btm-tool-tip-container { align-items: center; display: flex; width: 100%; margin: 0.25rem 0px 0px; }
.m-linkage-deposit-container .standard-form-container .btm-tool-tip-container svg { fill: rgb(199, 210, 215); margin: 0px 0.15rem 0px 0px; width: 0.3rem; height: 0.3rem; }
.m-linkage-deposit-container .standard-form-container .btm-tool-tip-container span { font-size: 0.25rem; }
.m-linkage-deposit-container .standard-form-container .bank-statement-wrapper { display: grid; grid-template-columns: 1fr 40%; gap: 0.15rem; }
.m-linkage-deposit-container .standard-form-container .bank-statement-wrapper .upload-receipt-btn { display: flex; justify-content: center; align-items: center; gap: 0.1rem; width: 100%; height: 0.75rem; background: rgb(255, 255, 255); color: rgb(136, 153, 164); border: 0.02rem solid rgb(219, 224, 228); border-radius: 0.15rem; font-size: 0.28rem; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0.1rem; }
.m-linkage-deposit-container .standard-form-container .bank-statement-wrapper .upload-receipt-btn svg { width: 0.3rem; }
.m-linkage-deposit-container .standard-form-container .bank-statement-wrapper .upload-receipt-btn.with-attachment { color: rgb(0, 113, 227); }
.m-linkage-deposit-container .standard-form-container .bank-statement-wrapper .upload-receipt-btn.with-attachment svg { width: 0.5rem; }
.m-linkage-deposit-container .standard-form-container .bank-statement-wrapper .receipt-control-section { display: flex; justify-content: center; align-items: center; gap: 0.1rem; height: 100%; }
.m-linkage-deposit-container .standard-form-container .bank-statement-wrapper .receipt-control-section .preview-receipt-btn { display: block; width: 100%; height: 0.75rem; background: rgb(0, 113, 227); border-radius: 0.15rem; }
.m-linkage-deposit-container .standard-form-container .bank-statement-wrapper .receipt-control-section .delete-receipt-btn { display: block; width: 15%; height: 0.75rem; background: rgba(0, 0, 0, 0); }
.m-linkage-deposit-container .standard-form-container .bank-statement-wrapper .receipt-control-section div p { font-weight: 600; }
.m-linkage-deposit-container .standard-form-container .m-region-qr-container .bank-qrcode { margin: 0.78rem 0px; }
.tutorial-popup-container { background: rgb(255, 255, 255); font-family: Inter; min-width: 70%; }
.tutorial-popup-container .standard-popup-modal-header { border-bottom: 0.01rem solid rgb(134, 151, 162); }
.tutorial-popup-container .standard-popup-modal-header .standard-modal-title { align-items: center; color: rgb(15, 22, 31); display: flex; font-size: 0.2rem; }
.tutorial-popup-container .standard-popup-modal-header .standard-modal-title svg { fill: url("#beta-refresh-gradient"); margin: 0px 0.1rem 0px 0px; width: 0.3rem; }
.tutorial-popup-container .standard-popup-modal-body { background: rgb(255, 255, 255); border-radius: 0px 0px 0.1rem 0.1rem; font-family: Inter; padding: 0px; }
.tutorial-popup-container .standard-popup-modal-body .tutorial-container { display: flex; justify-content: space-between; }
.tutorial-popup-container .standard-popup-modal-body .tutorial-container .left { background: rgb(247, 247, 247); border-radius: 0px 0px 0px 0.1rem; display: flex; flex-direction: column; padding: 0.4rem; width: 35%; }
.tutorial-popup-container .standard-popup-modal-body .tutorial-container .left .title { color: rgb(15, 22, 31); font-size: 0.14rem; margin: 0px 0px 0.1rem; }
.tutorial-popup-container .standard-popup-modal-body .tutorial-container .left span { color: rgb(134, 151, 162); cursor: pointer; font-size: 0.14rem; margin: 0px 0px 0.1rem; }
.tutorial-popup-container .standard-popup-modal-body .tutorial-container .left span:first-child { margin: 0px 0px 0.4rem; }
.tutorial-popup-container .standard-popup-modal-body .tutorial-container .left span:hover, .tutorial-popup-container .standard-popup-modal-body .tutorial-container .left span.active { color: rgb(0, 90, 204); text-decoration: underline; }
.tutorial-popup-container .standard-popup-modal-body .tutorial-container .left .add-spacing { margin: 0px 0px 0.4rem; }
.tutorial-popup-container .standard-popup-modal-body .tutorial-container .right { padding: 0.4rem; width: 65%; }
.tutorial-popup-container .standard-popup-modal-body .tutorial-container .right .header { align-items: center; display: flex; font-size: 0.2rem; justify-content: space-between; padding: 0px 0px 0.4rem; }
.tutorial-popup-container .standard-popup-modal-body .tutorial-container .right .header .prev-next-container .prev svg, .tutorial-popup-container .standard-popup-modal-body .tutorial-container .right .header .prev-next-container .next svg { background: rgb(219, 233, 240); border-radius: 50%; fill: rgb(145, 180, 222); height: 0.23rem; width: 0.23rem; padding: 0.05rem; }
.tutorial-popup-container .standard-popup-modal-body .tutorial-container .right .header .prev-next-container .prev svg { margin: 0px 0.2rem 0px 0px; }
.tutorial-popup-container .standard-popup-modal-body .tutorial-container .right .video { height: 3rem; }
.tutorial-popup-container .standard-popup-modal-body .tutorial-container .right .video iframe { border-radius: 0.1rem; border: 0.01rem solid; }
.m-tutorial-container .standard-select { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0.25rem; border-radius: 0.1rem; background: rgb(247, 247, 247); }
.m-tutorial-container .standard-select span { font-weight: 600; font-size: 0.3rem; color: rgb(15, 22, 31); }
.m-tutorial-container svg { width: 0.25rem; height: 0.25rem; }
.m-tutorial-container .standard-select-dropdown { background: rgb(247, 247, 247); border-radius: 0px 0px 0.1rem 0.1rem; padding: 0px 0.25rem 0.15rem; }
.m-tutorial-container .standard-select-dropdown .content-container { margin: 0px 0px 0.65rem; }
.m-tutorial-container .standard-select-dropdown .content-container iframe { margin: 0px 0.5rem 0px 0px; }
.m-tutorial-container .standard-select-dropdown .content-container .desc { font-size: 0.3rem; color: rgb(134, 151, 162); margin: 0.15rem 0px 0px; }
.m-tutorial-container .divider { height: 0.15rem; background: rgba(0, 0, 0, 0); }
.m-tutorial-container .drop-down-arrow { fill: rgb(134, 151, 162); transition: 0.3s; }
.m-tutorial-container .drop-down-arrow.active { transform: rotate(180deg); }
.tutorial-button-section { margin: 0.6rem 0px 0px; }
.tutorial-button-section .tutorial-btn { display: flex; align-items: center; justify-content: center; margin: auto; padding: 0.12rem 0.36rem; background: rgb(255, 138, 0); border-radius: 0.1rem; color: rgb(255, 255, 255); font-size: 0.3rem; }
.tutorial-button-section .tutorial-btn .icon-tutorial { width: 0.5rem; }
.tutorial-button-section .tutorial-btn span { margin: 0.05rem 0px 0px 0.3rem; }
.tutorial-button-section .tutorial-btn .icon-arrow { width: 0.15rem; margin: 0px 0px 0px 0.3rem; }
.sports-rnr-container { padding: 1rem; }
.sports-rnr-container span { font-weight: bold; }
.sports-rnr-container .page-title { color: rgb(15, 22, 31); font-size: 0.18rem; margin: 0px 0px 0.2rem; font-weight: 600; }
.sports-rnr-container .main-title { color: rgb(15, 22, 31); font-size: 0.18rem; margin: 0px 0px 0.2rem; }
.sports-rnr-container .tab-container { display: flex; margin: 0px 0px 0.2rem; }
.sports-rnr-container .tab-container .tab-title { margin: 0px 0.15rem 0px 0px; color: rgb(134, 151, 162); font-size: 0.14rem; background: rgba(0, 0, 0, 0); border-radius: 0.25rem; padding: 0.075rem 0.2rem; }
.sports-rnr-container .tab-container .tab-title:hover, .sports-rnr-container .tab-container .tab-title.active { color: rgb(255, 255, 255); background: rgb(255, 138, 0); }
.sports-rnr-container .wrapper { display: flex; }
.sports-rnr-container .wrapper .menu-container { width: 17%; margin: 0px 0.25rem 0px 0px; }
.sports-rnr-container .wrapper .menu-container .menu-box-container { background: rgb(243, 245, 246); padding: 0.1rem 0.25rem; margin: 0px 0px 0.025rem; border-radius: 0.05rem; }
.sports-rnr-container .wrapper .menu-container .menu-box-container .menu-title-container { display: flex; align-items: center; }
.sports-rnr-container .wrapper .menu-container .menu-box-container .menu-title-container .menu-title { color: rgb(15, 22, 31); font-size: 0.14rem; cursor: pointer; margin: 0px 0.1rem 0px 0px; width: 100%; }
.sports-rnr-container .wrapper .menu-container .menu-box-container .menu-title-container svg { width: 0.1rem; height: 0.1rem; fill: gray; }
.sports-rnr-container .wrapper .menu-container .menu-box-container .menu-dropdown-container .menu-title { margin: 0.15rem 0px 0px; color: rgb(15, 22, 31); font-size: 0.14rem; }
.sports-rnr-container .wrapper .menu-container .menu-box-container .menu-dropdown-container .menu-subtitle-container { margin: 0.15rem 0px 0px 0.15rem; }
.sports-rnr-container .wrapper .menu-container .menu-box-container .menu-dropdown-container .menu-subtitle-container .menu-subtitle { margin: 0px 0px 0.15rem; color: rgb(15, 22, 31); font-size: 0.14rem; cursor: pointer; }
.sports-rnr-container .wrapper .menu-container .menu-box-container .menu-dropdown-container .menu-subtitle-container .menu-subtitle:last-child { margin: 0px; }
.sports-rnr-container .wrapper .content-wrapper { width: 83%; }
.sports-rnr-container .wrapper .content-wrapper .content-title { color: rgb(15, 22, 31); font-size: 0.15rem; background: rgb(243, 245, 246); border-radius: 0.1rem; padding: 0.05rem 0.25rem; margin: 0px 0px 0.25rem; }
.sports-rnr-container .wrapper .content-wrapper .content-container { margin: 0px 0px 0.25rem 0.25rem; }
.sports-rnr-container .wrapper .content-wrapper .content-container .content-subtitle { margin: 0.25rem 0px; color: rgb(139, 153, 163); font-size: 0.14rem; font-weight: 600; }
.sports-rnr-container .wrapper .content-wrapper .content-container .content-header { color: rgb(139, 153, 163); font-size: 0.14rem; }
.sports-rnr-container .wrapper .content-wrapper .content-container .content-content { margin: 0px 0px 0.25rem; color: rgb(139, 153, 163); font-size: 0.14rem; }
.sports-rnr-container .wrapper .content-wrapper .content-container .content-subcontent-container { margin: 0px 0px 0px 0.25rem; }
.sports-rnr-container .wrapper .content-wrapper .content-container .content-subcontent-container .content-subcontent { margin: 0px 0px 0.25rem; color: rgb(139, 153, 163); font-size: 0.14rem; }
.sports-rnr-container .wrapper .content-wrapper .content-container .content-example-container { margin: 0px 0px 0.25rem 0.25rem; }
.sports-rnr-container .wrapper .content-wrapper .content-container .content-example-container .content-example { color: rgb(139, 153, 163); font-size: 0.14rem; }
.sports-rnr-container .wrapper .content-wrapper .content-container .content-img { margin: 0px 0px 0.25rem; }
.sports-rnr-container .wrapper .content-wrapper .content-container .table-container { width: 100%; margin: 0px 0px 0px 0.25rem; }
.sports-rnr-container .wrapper .content-wrapper .content-container .table-container .table-header .table-head { color: rgb(15, 22, 31); font-size: 0.14rem; padding: 0.1rem; background: rgb(221, 221, 221); border: 0.02rem solid rgb(242, 242, 242); }
.sports-rnr-container .wrapper .content-wrapper .content-container .table-container .table-header .table-head.align-center { text-align: center; }
.sports-rnr-container .wrapper .content-wrapper .content-container .table-container .table-data { color: rgb(139, 153, 163); font-size: 0.14rem; padding: 0.1rem; background: rgb(238, 238, 238); border: 0.02rem solid rgb(242, 242, 242); }
.sports-rnr-container .wrapper .content-wrapper .content-container .table-container .table-data.align-top { vertical-align: top; }
.sports-rnr-container .wrapper .content-wrapper .content-container .table-container .table-data.align-center { text-align: center; }
.sports-rnr-container .wrapper .content-wrapper .content-container .table-container .table-data .table-img { text-align: center; }
.sports-rnr-container .wrapper .content-wrapper .divider { height: 0.01rem; margin: 0.25rem 0px 0.25rem 0.25rem; background: rgb(236, 246, 253); }
.m-sports-rnr-container { padding: 0.5rem 0.25rem; }
.m-sports-rnr-container span { font-weight: bold; }
.m-sports-rnr-container .tab-container { display: flex; align-items: center; border-radius: 0.5rem; margin: 0px 0px 0.5rem; padding: 0px 0.15rem; overflow-x: scroll; background: rgb(243, 245, 246); height: 0.8rem; }
.m-sports-rnr-container .tab-container .tab-title { color: rgb(134, 151, 162); font-size: 0.24rem; background: rgba(0, 0, 0, 0); border-radius: 0.5rem; padding: 0.15rem 0.3rem; min-width: fit-content; }
.m-sports-rnr-container .tab-container .tab-title:hover, .m-sports-rnr-container .tab-container .tab-title.active { color: rgb(255, 255, 255); background: rgb(255, 138, 0); }
.m-sports-rnr-container .wrapper { padding: 0px 0.25rem; }
.m-sports-rnr-container .wrapper .dropdown-container { display: flex; flex-direction: column; align-items: unset; }
.m-sports-rnr-container .wrapper .dropdown-container .dropdown-title-container { display: flex; align-items: center; justify-content: space-between; }
.m-sports-rnr-container .wrapper .dropdown-container .dropdown-title-container .title { font-weight: 600; font-size: 0.28rem; color: rgb(15, 22, 31); }
.m-sports-rnr-container .wrapper .dropdown-container .dropdown-title-container svg { width: 0.25rem; height: 0.25rem; fill: gray; }
.m-sports-rnr-container .wrapper .dropdown-container .subtitle-arr-container { display: flex; height: 15rem; margin: 0.25rem 0px; }
.m-sports-rnr-container .wrapper .dropdown-container .subtitle-arr-container .left-container { width: 25%; font-size: 0.2rem; overflow-y: scroll; }
.m-sports-rnr-container .wrapper .dropdown-container .subtitle-arr-container .left-container .menu-subtitle { color: rgb(134, 151, 162); margin: 0px 0px 0.25rem; }
.m-sports-rnr-container .wrapper .dropdown-container .subtitle-arr-container .divider { width: 0.02rem; height: 100%; background: rgb(219, 224, 228); margin: 0px 0.125rem; }
.m-sports-rnr-container .wrapper .dropdown-container .subtitle-arr-container .right-container { width: 75%; overflow-y: scroll; }
.m-sports-rnr-container .wrapper .dropdown-container .divider { height: 0.02rem; background: rgb(219, 224, 228); margin: 0.25rem 0px; }
.m-sports-rnr-container .content-container .content-subtitle { margin: 0px 0px 0.5rem; color: rgb(139, 153, 163); font-size: 0.24rem; font-weight: 600; }
.m-sports-rnr-container .content-container .content-header { color: rgb(139, 153, 163); font-size: 0.24rem; }
.m-sports-rnr-container .content-container .content-content { margin: 0px 0px 0.5rem; color: rgb(139, 153, 163); font-size: 0.24rem; }
.m-sports-rnr-container .content-container .content-content { margin: 0px 0px 0.5rem; color: rgb(139, 153, 163); font-size: 0.24rem; }
.m-sports-rnr-container .content-container .content-subcontent-container { margin: 0px 0px 0px 0.5rem; }
.m-sports-rnr-container .content-container .content-subcontent-container .content-subcontent { margin: 0px 0px 0.5rem; color: rgb(139, 153, 163); font-size: 0.24rem; }
.m-sports-rnr-container .content-container .content-example-container { margin: 0px 0px 0.5rem 0.5rem; }
.m-sports-rnr-container .content-container .content-example-container .content-example { color: rgb(139, 153, 163); font-size: 0.24rem; }
.m-sports-rnr-container .content-container .content-img { margin: 0.5rem 0px; text-align: center; }
.m-sports-rnr-container .content-container .content-img img { width: 100%; }
.m-sports-rnr-container .content-container .table-wrapper { width: 100%; overflow-x: scroll; margin: 0px 0px 0.5rem 0.5rem; }
.m-sports-rnr-container .content-container .table-wrapper .table-container { width: 100%; }
.m-sports-rnr-container .content-container .table-wrapper .table-container .table-header .table-head { color: rgb(15, 22, 31); font-size: 0.2rem; padding: 0.1rem; background: rgb(221, 221, 221); border: 0.02rem solid rgb(242, 242, 242); }
.m-sports-rnr-container .content-container .table-wrapper .table-container .table-header .table-head .table-content { width: 1.25rem; }
.m-sports-rnr-container .content-container .table-wrapper .table-container .table-header .table-head .table-content.align-center { text-align: center; }
.m-sports-rnr-container .content-container .table-wrapper .table-container .table-data { color: rgb(139, 153, 163); font-size: 0.2rem; padding: 0.1rem; background: rgb(238, 238, 238); border: 0.02rem solid rgb(242, 242, 242); }
.m-sports-rnr-container .content-container .table-wrapper .table-container .table-data .table-content.align-top { vertical-align: top; }
.m-sports-rnr-container .content-container .table-wrapper .table-container .table-data .table-content.align-center { text-align: center; }
.m-sports-rnr-container .content-container .table-wrapper .table-container .table-data .table-img { text-align: center; }
.casino-container .mid { margin: 0.5rem auto 0.1rem; }
.casino-container .tab-container { margin: 0.2rem auto 0.3rem; padding: 0px 0.52rem; width: 13.4rem; }
.casino-container .tab-container .standard-tab { display: flex; justify-content: space-between; }
.casino-container .tab-container .standard-tab .tab-list { display: flex; }
.casino-container .tab-container .standard-tab .tab-header { border-radius: 0.5rem; color: rgb(134, 151, 162); cursor: pointer; margin: 0px 0.1rem 0px 0px; padding: 0.05rem 0.2rem; }
.casino-container .tab-container .standard-tab .tab-header:hover { background: rgb(255, 138, 0); color: rgb(255, 255, 255); }
.casino-container .tab-container .standard-tab .active { background: rgb(255, 138, 0); color: rgb(255, 255, 255); }
.casino-container .bottom { margin: auto; width: 13.4rem; }
.casino-container .bottom .casino-content-container { padding: 0px 0px 0.5rem; }
.casino-container .bottom .casino-content-container .casino-title { font-weight: 600; font-size: 0.18rem; margin: 0.22rem 0px 0.15rem 0.2rem; text-align: left; }
.casino-container .bottom .casino-content-container .item-content { display: grid; grid-template-columns: repeat(4, 1fr); white-space: nowrap; gap: 0.15rem; margin: 0px 0px 0.4rem; }
.casino-container .bottom .casino-content-container .item-content .item-columns { position: relative; text-align: center; overflow: hidden; }
.casino-container .bottom .casino-content-container .item-content .item-columns:hover { cursor: pointer; }
.casino-container .bottom .casino-content-container .item-content .item-columns:hover .play-btn { display: block; top: 0px; width: 100%; height: 100%; position: absolute; }
.casino-container .bottom .casino-content-container .item-content .item-columns:hover .play-btn button { display: flex; justify-content: center; align-items: center; font-size: 0.14rem; border: 0px; border-radius: 0.05rem; padding: 0.12rem 0.05rem; margin: 27% auto; width: 48%; background: rgb(195, 195, 195); }
.casino-container .bottom .casino-content-container .item-content .item-columns:hover .play-btn button svg { margin: 0px 0.1rem 0px 0px; width: 0.16rem; height: 0.16rem; }
.casino-container .bottom .casino-content-container .item-content .item-columns:hover .play-btn button:hover { background: linear-gradient(rgb(0, 194, 243) 25%, rgb(5, 36, 221) 140%); }
.casino-container .bottom .casino-content-container .item-content .item-columns:hover .bn-desc { color: rgba(0, 0, 0, 0); }
.casino-container .bottom .casino-content-container .item-content .item-columns .play-btn { display: none; }
.casino-container .bottom .casino-content-container .item-content .item-columns .lazy-load-image-background img { width: 100%; object-fit: cover; border-radius: 0.1rem; }
.casino-container .bottom .casino-content-container .item-content .item-columns picture img { width: 100%; object-fit: cover; border-radius: 0.1rem; }
.casino-container .bottom .casino-content-container .item-content .item-columns .bn-desc { align-items: center; background: rgba(0, 0, 0, 0.6); border-radius: 0px 0px 0.1rem 0.1rem; bottom: 0px; display: flex; justify-content: space-between; padding: 0.1rem 0.2rem; position: absolute; width: 100%; }
.casino-container .bottom .casino-content-container .item-content .item-columns .bn-desc .name { color: rgb(255, 255, 255); font-size: 0.14rem; margin: 0px; }
.casino-container .bottom .casino-content-container .item-content .item-columns .bn-desc svg { fill: rgb(199, 210, 215); height: 0.2rem; width: 0.2rem; }
.casino-container .bottom .casino-content-container .item-content .item-columns .btn-container { display: flex; align-items: center; justify-content: end; flex-direction: column; width: 100%; position: absolute; transition: 0.3s; transform: translateY(0%); opacity: 0; visibility: hidden; background: rgb(0, 0, 0); padding: 0.1rem; border-radius: 0px 0px 0.1rem 0.1rem; }
.casino-container .bottom .casino-content-container .item-content .item-columns:hover .btn-container { transform: translateY(-99%); visibility: visible; opacity: 1; }
.casino-container .bottom .casino-content-container .item-content .item-columns .winner-container .title { font-weight: 600; font-size: 0.18rem; margin: 0.22rem 0px 0.15rem 0.2rem; text-align: left; color: rgb(15, 22, 31); }
.casino-container .bottom .casino-content-container .item-content .item-columns .winner-container .winner-content .slick-vertical .slick-list .slick-track { display: block !important; }
.casino-container .bottom .casino-content-container .item-content .item-columns .winner-container .winner-content .slick-vertical .slick-list .slick-track .slick-slide .main-box { background: rgb(255, 255, 255); border-radius: 0.1rem; color: rgb(15, 22, 31); font-size: 0.14rem; grid-template-columns: 60% 20% 20%; margin: 0px 0px 0.1rem; padding: 0.05rem; display: grid !important; }
.casino-container .bottom .casino-content-container .item-content .item-columns .winner-container .winner-content .slick-vertical .slick-list .slick-track .slick-slide .main-box .img-container { align-items: center; display: flex; }
.casino-container .bottom .casino-content-container .item-content .item-columns .winner-container .winner-content .slick-vertical .slick-list .slick-track .slick-slide .main-box .img-container svg { background: rgb(15, 22, 31); border-radius: 0.05rem; margin: 0px 0.1rem 0px 0px; height: 0.3rem; width: 0.3rem; padding: 0.03rem; }
.casino-container .bottom .casino-content-container .item-content .item-columns .winner-container .winner-content .slick-vertical .slick-list .slick-track .slick-slide .main-box .name { align-items: center; display: flex; }
.casino-container .bottom .casino-content-container .item-content .item-columns .winner-container .winner-content .slick-vertical .slick-list .slick-track .slick-slide .main-box .name span { color: rgb(255, 100, 15); }
.casino-container .bottom .casino-content-container .item-content .item-columns .winner-container .winner-content .slick-vertical .slick-list .slick-track .slick-slide .main-box .amount { align-items: center; display: flex; }
.casino-container .bottom .casino-content-container .item-content .item-columns .winner-container .winner-content .slick-vertical .slick-list .slick-track .slick-slide .main-box .amount span { font-size: 0.16rem; }
.casino-container .bottom .casino-content-container .item-content .item-columns .winner-container .winner-content .slick-vertical .slick-list .slick-track .slick-active:nth-child(2n) .main-box { background: rgb(235, 237, 238); }
.casino-container .bottom .casino-content-container .item-content .item-columns:first-child { background: rgb(243, 245, 246); border-radius: 0.1rem; grid-area: span 3 / span 2; padding: 0.2rem; }
.casino-container .bottom .casino-content-container .item-content .item-columns .video-container { position: relative; }
.casino-container .bottom .casino-content-container .item-content .item-columns .video-container .video-play-container { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; position: absolute; top: 0px; }
.casino-container .bottom .casino-content-container .item-content .item-columns .video-container .video-play-container svg { width: 1rem; height: 1rem; }
.casino-container .bottom .casino-content-container .item-content .item-columns .video-container video { width: 100%; height: 3.45rem; background: rgb(0, 0, 0); }
.casino-container .bottom .casino-content-container .item-content .item-columns .video-container iframe { width: 5.4rem; height: 3.45rem; }
@media (max-width: 1024px) { .casino-container .bottom { width: 11.5rem; }
}
.provider-summary-info-container { background: rgb(243, 245, 246); border-radius: 0.1rem; display: grid; grid-template-columns: 26% 26% 28% 20%; margin: 0.5rem auto 0.2rem; padding: 0.4rem 0px; width: 13.4rem; }
.provider-summary-info-container .summary { align-items: center; display: flex; flex-direction: column; justify-content: center; padding: 0px 0.2rem; text-align: center; }
.provider-summary-info-container .summary .number { color: rgb(15, 22, 31); font-family: Inter, "sans-serif", 宋体; font-size: 0.35rem; line-height: 1.1; margin: 0px 0px 0.1rem; }
.provider-summary-info-container .summary .title { color: rgb(255, 100, 15); font-family: Inter, "sans-serif", 宋体; font-size: 0.18rem; }
.provider-summary-info-container .summary .desc { color: rgb(134, 151, 162); font-family: Inter; font-size: 0.16rem; }
.provider-summary-info-container .summary .summary-info-btn-container { cursor: pointer; }
.provider-summary-info-container .summary .summary-info-btn-container .standard-submit-button { font-family: Inter, "sans-serif", 宋体; width: unset; padding: 0px 0.2rem; }
@media (max-width: 1024px) { .provider-summary-info-container { width: 11.5rem; }
}
.lottery-container { background: rgb(255, 255, 255); }
.lottery-container p { margin: 0px; }
.lottery-container .mid { background: rgb(243, 245, 246); margin: 0.5rem auto 0px; }
.m-lottery-container .provider-content { background: unset; }
.m-lottery-container .provider-content .filter-container .sort-container .standard-select { background: rgb(243, 245, 246); color: rgb(15, 22, 31); }
.m-lottery-container .provider-content .filter-container .sort-container .sort-type-dropdown { background: rgb(255, 255, 255); }
.m-lottery-container .provider-content .filter-container .search-form-container { background: rgb(243, 245, 246); }
.m-lottery-4d .provider-content { padding: 0.5rem 0.3rem 0px; }
.esport-container { background: rgb(23, 23, 49); }
.esport-container .top { background: rgb(23, 23, 49); }
.esport-container p { margin: 0px; }
.esport-container .mid { background: rgb(45, 45, 86); }
.esport-container .bottom-category .bottom-content { position: relative; z-index: 2; }
.esport-container .bottom-category .bottom-content .title { color: rgb(255, 255, 255); }
.esport-container .bottom-category .bottom-content .subtitle { color: rgb(255, 255, 255); }
.esport-container .bottom-category .bottom-content button { background: rgb(255, 138, 0); }
.esport-container .bottom-category .bottom-content-container { background: url("../../public/html/images/esport/esport-tfg-features-bg.png") center center / cover no-repeat; display: flex; height: 7rem; margin: -0.5rem auto 0px; position: relative; max-width: 13.4rem; }
.esport-container .bottom-category .bottom-content-container .bottom-content-wrapper { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.4rem; height: 4.6rem; margin: auto; width: 8.2rem; }
.esport-container .bottom-category .bottom-content-container .bottom-content-wrapper .bottom-content-box { align-items: center; background: linear-gradient(rgb(177, 25, 165), rgb(85, 20, 80)); border-radius: 0.1rem; display: flex; flex-direction: column; height: 2.1rem; justify-content: center; padding: 0.3rem; width: 2.47rem; }
.esport-container .bottom-category .bottom-content-container .bottom-content-wrapper .bottom-content-box .bottom-content-icon { height: 0.5rem; margin: 0px 0px 0.15rem; width: 0.5rem; }
.esport-container .bottom-category .bottom-content-container .bottom-content-wrapper .bottom-content-box .bottom-content-desc-container { color: rgb(255, 255, 255); font-size: 0.18rem; height: 0.65rem; }
.esport-container .bottom-category .bottom-content-container .bottom-content-wrapper .bottom-content-box .bottom-content-desc-container .bottom-content-desc { text-align: center; }
.esport-container .bottom-category .bottom-content-img { display: flex; flex-direction: column; position: relative; z-index: 1; max-width: 13.4rem; justify-content: center; }
.esport-container .bottom-category .bottom-content-img > img, .esport-container .bottom-category .bottom-content-img picture img { max-height: 3.6rem; }
.esport-container .bottom-category.benefit .bottom-content-img { background: url("../../public/html/images/esport/esport-benefits-bg.png") center center / cover no-repeat; height: 7rem; margin: -0.5rem auto 0px; }
.esport-container .bottom-category.esport-desc { background: url("../../public/html/images/esport/esport-btm-bg.png") center bottom / contain no-repeat; padding: 0px 0px 4.2rem; max-width: 100%; margin: 0px auto; }
.esport-container .bottom-category.esport-desc .bottom-content .subtitle { color: rgb(255, 255, 255); margin: 0px; }
.esport-container .bottom-category.esport-desc .bottom-content-img { margin: 0.45rem auto 0px; }
.esport-container .bottom-category.esport-desc .bottom-content-img .esport-game { width: 7.15rem; }
@media (max-width: 1024px) { .esport-container .bottom-category .bottom-mark-wrapper, .esport-container .bottom-category .bottom-content { width: 11.5rem; }
}
.slots-container .bottom .content-container .item-col .game-box { position: relative; }
.slots-container .bottom .content-container .item-col .game-box .game-img-wrapper { width: 100%; margin: auto; }
.slots-container .bottom .content-container .item-col .game-box .game-img-wrapper .btn-container { width: 100%; height: 101.5%; }
.slots-container .bottom .content-container .item-col .game-box .game-details { flex-direction: column; align-items: flex-start; width: 85%; margin: 0.15rem auto 0px; }
.slots-container .bottom .content-container .item-col .game-box .game-details .row-1 { display: flex; justify-content: space-between; width: 100%; }
.slots-container .bottom .content-container .item-col .game-box .game-details .row-1 .game-name { margin: 0px; }
.slots-container .bottom .bottom-special-content-container { color: rgb(134, 151, 162); font-size: 0.14rem; }
.slots-container .bottom .bottom-special-content-container .top-container { display: flex; justify-content: space-between; margin: 0px 0px 0.8rem; }
.slots-container .bottom .bottom-special-content-container .top-container .left-container { align-items: center; background: rgb(243, 245, 246); border-radius: 0.2rem; display: flex; flex-direction: column; font-size: 0.16rem; justify-content: flex-start; padding: 0.6rem 0.8rem; width: 50%; }
.slots-container .bottom .bottom-special-content-container .top-container .left-container img { height: auto; width: 35%; }
.slots-container .bottom .bottom-special-content-container .top-container .left-container .info-container { display: flex; flex-direction: column; margin: 0.3rem auto 0.7rem; width: 70%; }
.slots-container .bottom .bottom-special-content-container .top-container .left-container .info-container .standard-form-container { margin: 0px 0px 0.25rem; }
.slots-container .bottom .bottom-special-content-container .top-container .left-container .info-container .standard-form-container .info-label { color: rgb(134, 151, 162); margin: 0px 0px 0.1rem; }
.slots-container .bottom .bottom-special-content-container .top-container .left-container .info-container .standard-form-container .info-input-field .info-input { background: rgb(255, 255, 255); border-radius: 0.08rem; color: rgb(15, 22, 31); padding: 0px 0.15rem; }
.slots-container .bottom .bottom-special-content-container .top-container .left-container .info-container .standard-form-container .info-input-field .info-copy-icon { cursor: pointer; position: absolute; right: 0.15rem; top: 0.08rem; }
.slots-container .bottom .bottom-special-content-container .top-container .left-container .info-container .standard-form-container .info-input-field .info-copy-icon svg { height: 0.25rem; width: 0.25rem; }
.slots-container .bottom .bottom-special-content-container .top-container .left-container .info-container .important-notice-container { display: flex; margin: 0.15rem 0px 0px; }
.slots-container .bottom .bottom-special-content-container .top-container .left-container .info-container .important-notice-container svg { fill: rgb(199, 210, 215); height: 0.18rem; margin: 0px 0.1rem 0px 0px; width: 0.18rem; }
.slots-container .bottom .bottom-special-content-container .top-container .left-container .info-container .important-notice-container .important-notice { font-size: 0.13rem; line-height: 1.5; }
.slots-container .bottom .bottom-special-content-container .top-container .left-container .credential-info { align-items: center; background: rgb(255, 255, 255); border-radius: 0.1rem; display: flex; flex-direction: column; justify-content: center; line-height: 1.5; margin: 0px 0px 0.25rem; padding: 0.15rem 0.3rem; width: 100%; }
.slots-container .bottom .bottom-special-content-container .top-container .left-container .device-download-conatiner { display: flex; justify-content: space-between; margin: 0px auto; width: 80%; }
.slots-container .bottom .bottom-special-content-container .top-container .left-container .device-download-conatiner .device-download-content { align-items: center; background: rgb(255, 255, 255); border-radius: 0.1rem; display: flex; justify-content: center; padding: 0.15rem; width: 49%; }
.slots-container .bottom .bottom-special-content-container .top-container .left-container .device-download-conatiner .device-download-content svg { height: 0.25rem; margin: 0px 0.1rem 0px 0px; width: 0.25rem; }
.slots-container .bottom .bottom-special-content-container .top-container .left-container .device-download-conatiner .device-download-content .ios { fill: rgb(179, 179, 179); }
.slots-container .bottom .bottom-special-content-container .top-container .left-container .device-download-conatiner .device-download-content .android { fill: rgb(133, 199, 7); }
.slots-container .bottom .bottom-special-content-container .top-container .left-container .device-download-conatiner .device-download-content:hover { cursor: pointer; }
.slots-container .bottom .bottom-special-content-container .top-container .left-container .mega-device-download-conatiner { width: 100%; }
.slots-container .bottom .bottom-special-content-container .top-container .left-container .mega-device-download-conatiner .device-download-content { width: 32.33%; }
.slots-container .bottom .bottom-special-content-container .top-container .right-container { line-height: 1.5; padding: 0.6rem 0.3rem 0px 0.6rem; width: 50%; }
.slots-container .bottom .bottom-special-content-container .top-container .right-container .title { color: rgb(15, 22, 31); font-size: 0.16rem; margin: 0px 0px 0.25rem; }
.slots-container .bottom .bottom-special-content-container .top-container .right-container .desc { margin: 0px 0px 0.4rem; }
.slots-container .bottom .bottom-special-content-container .top-container .right-container .desc a { color: rgb(0, 102, 204); text-decoration: underline; }
.slots-container .bottom .bottom-special-content-container .top-container .promo ol, .slots-container .bottom .bottom-special-content-container .top-container .terms ol { margin: 0.25rem 0px; padding: 0px 0.17rem; }
.slots-container .bottom .bottom-special-content-container .top-container .promo ol li, .slots-container .bottom .bottom-special-content-container .top-container .terms ol li { list-style: decimal; padding: 0px 0.1rem; }
.slots-container .bottom .bottom-special-content-container .bottom-container { padding: 0px 0.5rem 0px 0.25rem; }
.slots-container .bottom .bottom-special-content-container .bottom-container .title { color: rgb(15, 22, 31); font-size: 0.16rem; margin: 0px 0px 0.3rem; }
.slots-container .bottom .bottom-special-content-container .bottom-container .desc { line-height: 1.5; margin: 0.2rem 0px 0px; }
.sports-container .mid .provider-box .tab-header .tab-inner span { color: rgb(201, 208, 212); }
.sports-container .mid .provider-box .active .tab-inner span { color: rgb(15, 22, 31); }
.m-poker-container { background: rgb(3, 21, 13); color: rgb(255, 255, 255); }
.m-poker-container .banner-container { position: relative; }
.m-poker-container .banner-container img { height: 100%; width: 100%; }
.m-poker-container .banner-container .top-provider-content { position: absolute; top: 0.65rem; left: 0.72rem; }
.m-poker-container .banner-container .top-provider-content .provider-type { color: rgb(255, 255, 255); font-size: 0.5rem; }
.m-poker-container .banner-container .top-provider-content .provider-desc { color: rgb(255, 255, 255); font-size: 0.3rem; }
.m-poker-container .desc-container { align-items: center; display: flex; flex-direction: column; justify-content: center; margin: 0.65rem 0.42rem 0px; text-align: center; }
.m-poker-container .desc-container .title { font-weight: 600; font-size: 0.35rem; margin: 0px 0px 0.38rem; }
.m-poker-container .desc-container .subtitle { color: rgb(136, 153, 164); font-size: 0.26rem; margin: 0px 0px 0.4rem; }
.m-poker-container .desc-container .description { color: rgb(136, 153, 164); font-size: 0.26rem; margin: 0px 0px 0.6rem; }
.m-poker-container .desc-container .transaction-button-section { width: 100%; }
.m-poker-container .desc-container .transaction-button-section .standard-button-container .standard-submit-button { background: rgb(148, 66, 217); border-radius: 0.1rem; font-size: 0.3rem; height: 0.82rem; }
.m-poker-container .game-visual img { height: 100%; width: 100%; }
.maintenance-popup-modal-container { color: rgb(136, 153, 164); }
.maintenance-popup-modal-container p { margin: 0px; }
.maintenance-popup-modal-container .beta-maintenance-notice-icon { height: 1.2rem; }
.maintenance-popup-modal-container .maintenance-provider-title { margin: 0.3rem 0px 0px; color: rgb(15, 22, 31); font-size: 0.3rem; font-weight: 600; }
.maintenance-popup-modal-container .maintenance-start-time { margin: 0.45rem 0px 0px; }
.maintenance-popup-modal-container .maintenance-end-time { margin: 0.02rem 0px 0px; }
.maintenance-popup-modal-container .maintenance-end-time .maintenance-end-date { color: rgb(15, 22, 31); }
.maintenance-popup-modal-container .maintenance-time-remaining { margin: 0.28rem; }
@media (max-width: 768px) { .maintenance-popup-modal-container .maintenance-provider-title { margin: 0.5rem 0px 0px; } .maintenance-popup-modal-container .maintenance-start-time { margin: 0.5rem 0px 0px; } .maintenance-popup-modal-container .maintenance-end-time { margin: 0.1rem 0px 0px; } .maintenance-popup-modal-container .maintenance-time-remaining { margin: 0.6rem auto; }
}
.fourD-draw-container { width: 13.4rem; background: rgb(243, 245, 246); border-radius: 0.1rem; margin: auto; padding: 0.34rem 0px 0.35rem; }
@media (max-width: 768px) { .fourD-draw-container { width: 100%; padding: 0.34rem 0.3rem 0.35rem; }
}
.fourD-draw-container .fourD-draw-box { display: grid; grid-template-columns: 73% auto; padding: 0px 0.3rem 0.3rem; }
@media (max-width: 768px) { .fourD-draw-container .fourD-draw-box { grid-template-columns: none; padding: 0px 0px 0.34rem; }
}
.fourD-draw-container .fourD-draw-box .draw-tab { border-radius: 0.1rem; display: grid; gap: 0.1rem; grid-template-columns: repeat(2, 0.194fr); height: 0.3rem; }
@media (max-width: 768px) { .fourD-draw-container .fourD-draw-box .draw-tab { width: 100%; grid-template-columns: repeat(2, 1fr); gap: 0px 0.15rem; height: 0.65rem; margin: 0px 0px 0.28rem; }
}
.fourD-draw-container .fourD-draw-box .draw-tab .tab-header { background: rgb(255, 255, 255); border: 0.01rem solid rgba(0, 0, 0, 0); border-radius: 0.5rem; padding: 0.05rem 0px; position: relative; cursor: pointer; display: flex; align-items: center; justify-content: center; color: rgb(134, 151, 162); font-size: 0.14rem; }
@media (max-width: 768px) { .fourD-draw-container .fourD-draw-box .draw-tab .tab-header { font-size: 0.24rem; }
}
.fourD-draw-container .fourD-draw-box .draw-tab .tab-header.active { border: 0.01rem solid rgb(255, 138, 0); color: rgb(0, 0, 0); }
.fourD-draw-container .fourD-draw-box .draw-date { display: flex; align-items: center; justify-content: center; gap: 0.1rem; }
@media (max-width: 768px) { .fourD-draw-container .fourD-draw-box .draw-date { display: grid; width: 100%; justify-content: normal; }
}
.fourD-draw-container .fourD-draw-box .draw-date .standard-form-field { margin: 0px; width: 2.44rem; }
@media (max-width: 768px) { .fourD-draw-container .fourD-draw-box .draw-date .standard-form-field { width: 100%; }
}
.fourD-draw-container .fourD-draw-box .draw-date .standard-input { font-size: 0.14rem; display: grid; grid-template-columns: 85% auto; border-radius: 0.155rem; border: 0.01rem solid rgb(219, 224, 228); padding: 0px 0px 0px 0.22rem; color: rgb(134, 151, 162); }
@media (max-width: 768px) { .fourD-draw-container .fourD-draw-box .draw-date .standard-input { font-size: 0.24rem; grid-template-columns: 90% auto; }
}
.fourD-draw-container .fourD-draw-box .draw-date .standard-input svg { width: 0.17rem; height: 0.14rem; }
@media (max-width: 768px) { .fourD-draw-container .fourD-draw-box .draw-date .standard-input svg { width: 0.39rem; height: 0.33rem; }
}
.fourD-draw-container .payout-container { margin: 0px 0.34rem; }
.fourD-draw-container .payout-container .payout-title-container { gap: 0.42rem; color: rgb(134, 151, 162); overflow: auto; width: 100%; display: flex; }
.fourD-draw-container .payout-container .payout-title-container .payout-title { min-width: fit-content; cursor: pointer; }
.fourD-draw-container .payout-container .payout-title-container .payout-title.active { color: rgb(255, 138, 0); }
.fourD-draw-container .payout-container .payout-table-container { border-radius: 0.08rem; background: rgb(255, 255, 255); margin: 0.34rem 0px 0px; padding: 0.32rem; }
@media (max-width: 768px) { .fourD-draw-container .payout-container .payout-table-container { padding: 0px; background: rgba(0, 0, 0, 0); }
}
.fourD-draw-container .payout-container .payout-table-container .payout-table-result { margin: 0px 0px 0.37rem; border-bottom: 0.01rem solid rgb(219, 224, 228); }
.fourD-draw-container .payout-container .payout-table-container .payout-table-result:last-child { margin: 0px; }
@media (max-width: 768px) { .fourD-draw-container .payout-container .payout-table-container .payout-table-result { background: rgb(255, 255, 255); }
}
.fourD-draw-container .payout-container .payout-table-container .payout-table { overflow-x: scroll; width: 100%; white-space: nowrap; }
.fourD-draw-container .payout-container .payout-table-container .payout-table::-webkit-scrollbar { width: 0.05rem; }
.fourD-draw-container .payout-container .payout-table-container .payout-table::-webkit-scrollbar:horizontal { height: 0.08rem; }
.fourD-draw-container .payout-container .payout-table-container .payout-table::-webkit-scrollbar-track { background: rgb(255, 255, 255); }
.fourD-draw-container .payout-container .payout-table-container .payout-table::-webkit-scrollbar-thumb { border-radius: 0.1rem; background: rgba(204, 204, 204, 0.5); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0.06rem inset; }
.fourD-draw-container .payout-container .payout-table-container .payout-table table { width: 100%; height: 100%; border-collapse: separate; border-spacing: 0.02rem; }
@media (max-width: 768px) { .fourD-draw-container .payout-container .payout-table-container .payout-table table { overflow: auto; display: block; table-layout: fixed; white-space: nowrap; }
}
.fourD-draw-container .payout-container .payout-table-container .payout-table table thead { height: 0.42rem; border-radius: 0.08rem 0.08rem 0px 0px; background: rgb(255, 138, 0); text-align: center; color: rgb(255, 255, 255); }
.fourD-draw-container .payout-container .payout-table-container .payout-table table thead tr th:first-child { border-radius: 0.08rem 0px 0px; }
.fourD-draw-container .payout-container .payout-table-container .payout-table table thead tr th:last-child { border-radius: 0px 0.08rem 0px 0px; }
.fourD-draw-container .payout-container .payout-table-container .payout-table table tbody tr { height: 0.42rem; }
.fourD-draw-container .payout-container .payout-table-container .payout-table table tbody tr td { text-align: center; font-weight: 600; padding: 0px 0.4rem; width: auto; }
@media (max-width: 768px) { .fourD-draw-container .payout-container .payout-table-container .payout-table table tbody tr td { font-weight: 400; padding: 0px 0.4rem; }
}
.fourD-draw-container .payout-container .payout-table-container .payout-table table tbody tr th { padding: 0px 0.12rem; width: 2.07rem; font-weight: 400; }
@media (max-width: 768px) { .fourD-draw-container .payout-container .payout-table-container .payout-table table tbody tr th { width: 3rem; display: block; }
}
.fourD-draw-container .payout-container .payout-table-container .payout-table table tbody tr:nth-child(2n) { background: rgb(243, 245, 246); }
.fourD-draw-container .payout-container .payout-table-container .payout-table table tbody tr:last-child th { border-radius: 0px 0px 0px 0.08rem; }
.fourD-draw-container .payout-container .payout-table-container .payout-table table tbody tr:last-child td:last-child { border-radius: 0px 0px 0.08rem; }
.fourD-draw-container .draw-type-container { display: grid; grid-template-columns: repeat(5, 0.4fr); gap: 0.05rem 0.04rem; align-items: flex-start; }
.fourD-draw-container .draw-type-container .provider-icon { align-items: center; background: rgb(255, 255, 255); border: 0.02rem solid rgba(0, 0, 0, 0); border-radius: 0.2rem; display: flex; justify-content: center; width: 1.33rem; height: 0.97rem; }
.fourD-draw-container .draw-type-container .provider-icon.active { border: 0.01rem solid rgb(255, 138, 0); }
.fourD-draw-container .draw-type-container .provider-icon.active img { filter: grayscale(0); opacity: 1; }
.fourD-draw-container .draw-type-container .provider-icon img { width: 0.88rem; height: 0.75rem; filter: grayscale(100%); opacity: 0.5; }
.fourD-draw-container .draw-result-container { display: grid; grid-template-columns: auto auto auto; place-content: center; gap: 0.2rem; }
@media (max-width: 768px) { .fourD-draw-container .draw-result-container { display: flex; width: 100%; justify-content: normal; margin: 0.52rem 0px; }
}
.fourD-draw-container .draw-result-container .draw-result-type { width: 4.15rem; background: rgb(255, 255, 255); border-radius: 0.1rem; }
@media (max-width: 768px) { .fourD-draw-container .draw-result-container .draw-result-type { width: 100%; }
}
.fourD-draw-container .draw-result-container .draw-result-type .result-4D { padding: 0.15rem 0.2rem 0px; display: grid; }
@media (max-width: 768px) { .fourD-draw-container .draw-result-container .draw-result-type .result-4D { padding: 0.25rem 0.2rem 0px; }
}
.fourD-draw-container .draw-result-container .draw-result-type .result-4D .draw-rank-container { display: grid; text-align: center; }
.fourD-draw-container .draw-result-container .draw-result-type .result-4D .draw-rank-container span.rank-title { color: rgb(255, 255, 255); padding: 0.05rem; }
@media (max-width: 768px) { .fourD-draw-container .draw-result-container .draw-result-type .result-4D .draw-rank-container span.rank-title { height: 0.55rem; align-items: center; display: flex; justify-content: center; }
}
.fourD-draw-container .draw-result-container .draw-result-type .result-4D .draw-rank-container span.number-container { padding: 0.05rem 0px 0.17rem; }
@media (max-width: 768px) { .fourD-draw-container .draw-result-container .draw-result-type .result-4D .draw-rank-container span.number-container { padding: 0.15rem 0px 0.17rem; }
}
.fourD-draw-container .draw-result-container .draw-result-type .result-4D .draw-rank-container span.number-container .number-value { padding: 0.05rem; }
.fourD-draw-container .draw-result-container .draw-result-type .result-4D .draw-rank-container span.number-container .number-13:last-child { grid-column: 4 / span 1; }
.fourD-draw-container .draw-result-container .draw-result-type .result-4D .draw-rank-container span.number-container .number-13:nth-last-child(2) { grid-column: 3 / span 1; }
.fourD-draw-container .draw-result-container .draw-result-type .result-4D .draw-rank-container span.number-container .number-13:nth-last-child(3) { grid-column: 2 / span 1; }
.fourD-draw-container .draw-result-container .draw-result-type .result-4D .draw-rank-container:nth-child(1) .number-container, .fourD-draw-container .draw-result-container .draw-result-type .result-4D .draw-rank-container:nth-child(2) .number-container, .fourD-draw-container .draw-result-container .draw-result-type .result-4D .draw-rank-container:nth-child(3) .number-container { font-weight: 600; font-size: 0.18rem; }
@media (max-width: 768px) { .fourD-draw-container .draw-result-container .draw-result-type .result-4D .draw-rank-container:nth-child(1) .number-container, .fourD-draw-container .draw-result-container .draw-result-type .result-4D .draw-rank-container:nth-child(2) .number-container, .fourD-draw-container .draw-result-container .draw-result-type .result-4D .draw-rank-container:nth-child(3) .number-container { font-size: 0.26rem; }
}
.fourD-draw-container .draw-result-container .draw-result-type .result-4D .draw-rank-container:nth-child(1) .rank-title { border-radius: 0.2rem 0px 0px 0.2rem; }
.fourD-draw-container .draw-result-container .draw-result-type .result-4D .draw-rank-container:nth-child(3) .rank-title { border-radius: 0px 0.2rem 0.2rem 0px; }
.fourD-draw-container .draw-result-container .draw-result-type .result-4D .draw-rank-container:nth-child(2) .rank-title { margin: 0px 0.03rem; }
.fourD-draw-container .draw-result-container .draw-result-type .result-4D .draw-rank-container:nth-child(4), .fourD-draw-container .draw-result-container .draw-result-type .result-4D .draw-rank-container:nth-child(5) { grid-column: 1 / span 3; }
.fourD-draw-container .draw-result-container .draw-result-type .result-4D .draw-rank-container:nth-child(4) .rank-title, .fourD-draw-container .draw-result-container .draw-result-type .result-4D .draw-rank-container:nth-child(5) .rank-title { border-radius: 0.2rem; }
.fourD-draw-container .draw-result-container .draw-result-type .result-4D .draw-rank-container:nth-child(4) .number-container, .fourD-draw-container .draw-result-container .draw-result-type .result-4D .draw-rank-container:nth-child(5) .number-container { display: grid; grid-template-columns: auto auto auto auto auto; }
.fourD-draw-container .draw-result-container .draw-result-type .result-6plus1D { margin: 0px 0.2rem; padding: 0.1rem 0.42rem; border-radius: 0.08rem; background: rgb(206, 206, 206); }
.fourD-draw-container .draw-result-container .draw-result-type .result-6plus1D .result-title { text-align: center; margin: 0px 0px 0.1rem; color: rgb(255, 255, 255); }
.fourD-draw-container .draw-result-container .draw-result-type .result-6plus1D .result-title .number-container { color: rgb(255, 255, 255); }
.fourD-draw-container .draw-result-container .draw-result-type .result-6plus1D .draw-rank-container { display: grid; grid-template-columns: 15% 85%; margin: 0px 0px 0.1rem; }
.fourD-draw-container .draw-result-container .draw-result-type .result-6plus1D .draw-rank-container .rank-title { color: rgb(255, 255, 255); }
.fourD-draw-container .draw-result-container .draw-result-type .result-6plus1D .draw-rank-container .single-column, .fourD-draw-container .draw-result-container .draw-result-type .result-6plus1D .draw-rank-container .number-container { background: rgb(255, 255, 255); border-radius: 0.2rem; text-align: center; }
.fourD-draw-container .draw-result-container .draw-result-type .result-6D { margin: 0.06rem 0.2rem; padding: 0.1rem 0.42rem; border-radius: 0.08rem; background: rgb(206, 206, 206); }
.fourD-draw-container .draw-result-container .draw-result-type .result-6D .result-title { text-align: center; margin: 0px 0px 0.1rem; color: rgb(255, 255, 255); }
.fourD-draw-container .draw-result-container .draw-result-type .result-6D .result-title .number-container { color: rgb(255, 255, 255); }
.fourD-draw-container .draw-result-container .draw-result-type .result-6D .draw-rank-container { display: grid; grid-template-columns: 15% 85%; margin: 0px 0px 0.1rem; }
.fourD-draw-container .draw-result-container .draw-result-type .result-6D .draw-rank-container .rank-title { color: rgb(255, 255, 255); }
.fourD-draw-container .draw-result-container .draw-result-type .result-6D .draw-rank-container .single-column { background: rgb(255, 255, 255); border-radius: 0.2rem; text-align: center; }
.fourD-draw-container .draw-result-container .draw-result-type .result-6D .draw-rank-container .number-container { display: grid; grid-template-columns: auto auto auto; text-align: center; }
.fourD-draw-container .draw-result-container .draw-result-type .result-6D .draw-rank-container .number-container .number-value { background: rgb(255, 255, 255); border-radius: 0.2rem; }
.fourD-draw-container .draw-result-container .draw-result-type .result-6D .First-rank .number-container { grid-template-columns: none; }
.fourD-draw-container .draw-result-container .draw-result-type .result-5D { border-radius: 0.08rem; margin: 0px 0.2rem; background: rgb(206, 206, 206); padding: 0.1rem 0.42rem; display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 1fr); gap: 0px 0.17rem; }
.fourD-draw-container .draw-result-container .draw-result-type .result-5D .result-title { grid-column: 1 / span 2; text-align: center; color: rgb(255, 255, 255); margin: 0px 0px 0.1rem; }
.fourD-draw-container .draw-result-container .draw-result-type .result-5D .draw-rank-container:not(:first-child) { display: grid; grid-template-columns: 30% 70%; margin: 0px 0px 0.1rem; }
.fourD-draw-container .draw-result-container .draw-result-type .result-5D .draw-rank-container:not(:first-child) .rank-title { color: rgb(255, 255, 255); }
.fourD-draw-container .draw-result-container .draw-result-type .result-5D .draw-rank-container:not(:first-child) .number-container { background: rgb(255, 255, 255); border-radius: 0.2rem; text-align: center; }
.fourD-draw-container .draw-result-container .draw-result-type .result-5D .draw-rank-container:nth-child(2) { grid-row: 2; }
.fourD-draw-container .draw-result-container .draw-result-type .result-5D .draw-rank-container:nth-child(3) { grid-area: 3 / 1; }
.fourD-draw-container .draw-result-container .draw-result-type .result-5D .draw-rank-container:nth-child(4) { grid-area: 4 / 1; }
.fourD-draw-container .draw-result-container .draw-result-type .draw-result-title { width: 100%; height: 0.74rem; display: grid; grid-template-columns: 0.84rem auto; color: rgb(255, 255, 255); border-radius: 0.1rem 0.1rem 0px 0px; background: rgb(206, 206, 206); }
@media (max-width: 768px) { .fourD-draw-container .draw-result-container .draw-result-type .draw-result-title { height: 1.45rem; border-radius: 0.2rem 0.2rem 0px 0px; grid-template-columns: 1.4rem auto; row-gap: 0.1rem; }
}
.fourD-draw-container .draw-result-container .draw-result-type .draw-result-title .provider-icon { width: 100%; height: 100%; grid-row: 1 / span 2; display: flex; align-items: center; justify-content: center; }
@media (max-width: 768px) { .fourD-draw-container .draw-result-container .draw-result-type .draw-result-title .provider-icon img { width: 0.85rem; }
}
.fourD-draw-container .draw-result-container .draw-result-type .draw-result-title svg { width: 0.45rem; height: 0.45rem; }
.fourD-draw-container .draw-result-container .draw-result-type .draw-result-title span { grid-column: 2 / span 1; }
.fourD-draw-container .draw-result-container .draw-result-type .draw-result-title .provider-name { justify-content: flex-start; display: flex; align-items: end; font-weight: 600; }
.fourD-draw-container .draw-result-container .draw-result-type .draw-result-title .draw-result-date { font-size: 0.14rem; }
@media (max-width: 768px) { .fourD-draw-container .draw-result-container .draw-result-type .draw-result-title .draw-result-date { font-size: 0.2rem; }
}
.fourD-draw-container .draw-result-container .draw-result-Magnum .result-4D .draw-rank-container span.rank-title, .fourD-draw-container .draw-result-container .draw-result-Magnum .result-6plus1D .draw-rank-container span.rank-title, .fourD-draw-container .draw-result-container .draw-result-Magnum .result-6D .draw-rank-container span.rank-title, .fourD-draw-container .draw-result-container .draw-result-Magnum .result-5D .draw-rank-container span.rank-title { background: rgb(38, 38, 38); }
.fourD-draw-container .draw-result-container .draw-result-Magnum .draw-result-title, .fourD-draw-container .draw-result-container .draw-result-Magnum .result-6plus1D, .fourD-draw-container .draw-result-container .draw-result-Magnum .result-6D, .fourD-draw-container .draw-result-container .draw-result-Magnum .result-5D { background: rgb(38, 38, 38); }
.fourD-draw-container .draw-result-container .draw-result-DaMaCai .result-4D .draw-rank-container span.rank-title, .fourD-draw-container .draw-result-container .draw-result-DaMaCai .result-6plus1D .draw-rank-container span.rank-title, .fourD-draw-container .draw-result-container .draw-result-DaMaCai .result-6D .draw-rank-container span.rank-title, .fourD-draw-container .draw-result-container .draw-result-DaMaCai .result-5D .draw-rank-container span.rank-title { background: rgb(15, 20, 104); }
.fourD-draw-container .draw-result-container .draw-result-DaMaCai .draw-result-title, .fourD-draw-container .draw-result-container .draw-result-DaMaCai .result-6plus1D, .fourD-draw-container .draw-result-container .draw-result-DaMaCai .result-6D, .fourD-draw-container .draw-result-container .draw-result-DaMaCai .result-5D { background: rgb(15, 20, 104); }
.fourD-draw-container .draw-result-container .draw-result-Sabah .result-4D .draw-rank-container span.rank-title, .fourD-draw-container .draw-result-container .draw-result-Sabah .result-6plus1D .draw-rank-container span.rank-title, .fourD-draw-container .draw-result-container .draw-result-Sabah .result-6D .draw-rank-container span.rank-title, .fourD-draw-container .draw-result-container .draw-result-Sabah .result-5D .draw-rank-container span.rank-title { background: rgb(173, 9, 0); }
.fourD-draw-container .draw-result-container .draw-result-Sabah .draw-result-title, .fourD-draw-container .draw-result-container .draw-result-Sabah .result-6plus1D, .fourD-draw-container .draw-result-container .draw-result-Sabah .result-6D, .fourD-draw-container .draw-result-container .draw-result-Sabah .result-5D { background: rgb(173, 9, 0); }
.fourD-draw-container .draw-result-container .draw-result-CashSweep .result-4D .draw-rank-container span.rank-title, .fourD-draw-container .draw-result-container .draw-result-CashSweep .result-6plus1D .draw-rank-container span.rank-title, .fourD-draw-container .draw-result-container .draw-result-CashSweep .result-6D .draw-rank-container span.rank-title, .fourD-draw-container .draw-result-container .draw-result-CashSweep .result-5D .draw-rank-container span.rank-title { background: rgb(8, 62, 4); }
.fourD-draw-container .draw-result-container .draw-result-CashSweep .draw-result-title, .fourD-draw-container .draw-result-container .draw-result-CashSweep .result-6plus1D, .fourD-draw-container .draw-result-container .draw-result-CashSweep .result-6D, .fourD-draw-container .draw-result-container .draw-result-CashSweep .result-5D { background: rgb(8, 62, 4); }
.fourD-draw-container .draw-result-container .draw-result-Sandakan .result-4D .draw-rank-container span.rank-title, .fourD-draw-container .draw-result-container .draw-result-Sandakan .result-6plus1D .draw-rank-container span.rank-title, .fourD-draw-container .draw-result-container .draw-result-Sandakan .result-6D .draw-rank-container span.rank-title, .fourD-draw-container .draw-result-container .draw-result-Sandakan .result-5D .draw-rank-container span.rank-title { background: rgb(47, 149, 5); }
.fourD-draw-container .draw-result-container .draw-result-Sandakan .draw-result-title, .fourD-draw-container .draw-result-container .draw-result-Sandakan .result-6plus1D, .fourD-draw-container .draw-result-container .draw-result-Sandakan .result-6D, .fourD-draw-container .draw-result-container .draw-result-Sandakan .result-5D { background: rgb(47, 149, 5); }
.fourD-draw-container .draw-result-container .draw-result-Singapore .result-4D .draw-rank-container span.rank-title, .fourD-draw-container .draw-result-container .draw-result-Singapore .result-6plus1D .draw-rank-container span.rank-title, .fourD-draw-container .draw-result-container .draw-result-Singapore .result-6D .draw-rank-container span.rank-title, .fourD-draw-container .draw-result-container .draw-result-Singapore .result-5D .draw-rank-container span.rank-title { background: rgb(18, 104, 155); }
.fourD-draw-container .draw-result-container .draw-result-Singapore .draw-result-title, .fourD-draw-container .draw-result-container .draw-result-Singapore .result-6plus1D, .fourD-draw-container .draw-result-container .draw-result-Singapore .result-6D, .fourD-draw-container .draw-result-container .draw-result-Singapore .result-5D { background: rgb(18, 104, 155); }
.fourD-draw-container .draw-result-container .draw-result-GrandDragon .result-4D .draw-rank-container span.rank-title, .fourD-draw-container .draw-result-container .draw-result-GrandDragon .result-6plus1D .draw-rank-container span.rank-title, .fourD-draw-container .draw-result-container .draw-result-GrandDragon .result-6D .draw-rank-container span.rank-title, .fourD-draw-container .draw-result-container .draw-result-GrandDragon .result-5D .draw-rank-container span.rank-title { background: rgb(207, 73, 0); }
.fourD-draw-container .draw-result-container .draw-result-GrandDragon .draw-result-title, .fourD-draw-container .draw-result-container .draw-result-GrandDragon .result-6plus1D, .fourD-draw-container .draw-result-container .draw-result-GrandDragon .result-6D, .fourD-draw-container .draw-result-container .draw-result-GrandDragon .result-5D { background: rgb(207, 73, 0); }
.fourD-draw-container .draw-result-container .draw-result-ToTo .result-4D .draw-rank-container span.rank-title, .fourD-draw-container .draw-result-container .draw-result-ToTo .result-6plus1D .draw-rank-container span.rank-title, .fourD-draw-container .draw-result-container .draw-result-ToTo .result-6D .draw-rank-container span.rank-title, .fourD-draw-container .draw-result-container .draw-result-ToTo .result-5D .draw-rank-container span.rank-title { background: rgb(237, 54, 63); }
.fourD-draw-container .draw-result-container .draw-result-ToTo .draw-result-title, .fourD-draw-container .draw-result-container .draw-result-ToTo .result-6plus1D, .fourD-draw-container .draw-result-container .draw-result-ToTo .result-6D, .fourD-draw-container .draw-result-container .draw-result-ToTo .result-5D { background: rgb(237, 54, 63); }
.fourD-draw-container .draw-result-container .draw-result-9Lotto .result-4D .draw-rank-container span.rank-title, .fourD-draw-container .draw-result-container .draw-result-9Lotto .result-6plus1D .draw-rank-container span.rank-title, .fourD-draw-container .draw-result-container .draw-result-9Lotto .result-6D .draw-rank-container span.rank-title, .fourD-draw-container .draw-result-container .draw-result-9Lotto .result-5D .draw-rank-container span.rank-title { background: rgb(244, 134, 31); }
.fourD-draw-container .draw-result-container .draw-result-9Lotto .draw-result-title, .fourD-draw-container .draw-result-container .draw-result-9Lotto .result-6plus1D, .fourD-draw-container .draw-result-container .draw-result-9Lotto .result-6D, .fourD-draw-container .draw-result-container .draw-result-9Lotto .result-5D { background: rgb(244, 134, 31); }
.disclaimer-container { width: 13.4rem; margin: 0.23rem auto; }
@media (max-width: 768px) { .disclaimer-container { width: auto; } .disclaimer-container .disclaimer-text { width: 100%; border-radius: 0.04rem; background: rgb(255, 255, 255); display: grid; grid-template-columns: 95% 5%; padding: 0.25rem 0.38rem 0.25rem 0.28rem; font-weight: 600; } .disclaimer-container .disclaimer-text svg { width: 0.24rem; height: 0.24rem; display: flex; place-self: center; transition: transform 0.3s ease-in-out; }
}
.disclaimer-container p { color: rgb(134, 151, 162); line-height: 0.18rem; margin: 0.2rem 0px; }
@media (max-width: 768px) { .disclaimer-container p { margin: 0px; color: rgb(134, 151, 162); background: rgb(255, 255, 255); padding: 0.2rem 0.3rem; line-height: 0.35447rem; border-radius: 0px 0px 0.04rem 0.04rem; }
}
.disclaimer-container span { font-weight: 600; font-size: 0.15rem; }
@media (max-width: 768px) { .disclaimer-container span { font-size: 0.295392rem; }
}
.deposit-progress-bar-container { display: flex; align-items: center; justify-content: space-between; padding: 0.22rem 0.35rem 0.24rem 0.5rem; }
.deposit-progress-bar-container .account-info-container { display: flex; align-items: center; font-size: 0.3rem; }
.deposit-progress-bar-container .account-info-container .account-icon { background: rgb(255, 138, 0); border-radius: 50%; width: 0.5rem; height: 0.5rem; fill: rgb(255, 255, 255); }
.deposit-progress-bar-container .account-info-container .account-icon .beta-profile { padding: 0.08rem; }
.deposit-progress-bar-container .account-info-container .account-name { margin: 0px 0px 0px 0.2rem; color: rgb(0, 90, 204); }
.deposit-progress-bar-container .account-grade-container { display: flex; align-items: center; font-size: 0.24rem; }
.deposit-progress-bar-container .account-grade-container .account-group-container, .deposit-progress-bar-container .account-grade-container .account-leaderboard-container { display: flex; align-items: center; position: relative; color: rgb(255, 255, 255); }
.deposit-progress-bar-container .account-grade-container .account-group-container .lazy-load-image-background, .deposit-progress-bar-container .account-grade-container .account-leaderboard-container .lazy-load-image-background { position: absolute; z-index: 1; }
.deposit-progress-bar-container .account-grade-container .account-group-container .lazy-load-image-background .group-img, .deposit-progress-bar-container .account-grade-container .account-leaderboard-container .lazy-load-image-background .group-img { width: 0.45rem; height: 0.45rem; }
.deposit-progress-bar-container .account-grade-container .account-group-container .icon-leaderboard-svg, .deposit-progress-bar-container .account-grade-container .account-leaderboard-container .icon-leaderboard-svg { background: rgb(253, 184, 19); border-radius: 50%; width: 0.45rem; height: 0.45rem; position: absolute; z-index: 1; }
.deposit-progress-bar-container .account-grade-container .account-group-container .icon-leaderboard-svg .beta-leaderboard, .deposit-progress-bar-container .account-grade-container .account-leaderboard-container .icon-leaderboard-svg .beta-leaderboard { padding: 0.08rem; }
.deposit-progress-bar-container .account-grade-container .account-group-container .icon-leaderboard-svg .beta-leaderboard .st0, .deposit-progress-bar-container .account-grade-container .account-leaderboard-container .icon-leaderboard-svg .beta-leaderboard .st0 { fill: rgb(0, 113, 227); }
.deposit-progress-bar-container .account-grade-container .account-group-container .group-level, .deposit-progress-bar-container .account-grade-container .account-group-container .leaderboard-desc, .deposit-progress-bar-container .account-grade-container .account-leaderboard-container .group-level, .deposit-progress-bar-container .account-grade-container .account-leaderboard-container .leaderboard-desc { display: flex; align-items: center; height: 0.4rem; border-radius: 0.2rem; background: rgb(97, 162, 176); padding: 0px 0.25rem 0px 0.6rem; margin: 0px; z-index: 0; line-height: 0; }
.deposit-progress-bar-container .account-grade-container .account-group-container .leaderboard-desc, .deposit-progress-bar-container .account-grade-container .account-leaderboard-container .leaderboard-desc { background: rgb(6, 145, 192); }
.deposit-progress-bar-container .account-grade-container .account-leaderboard-container { margin: 0px 0px 0px 0.15rem; }
.m-account-container { padding: 0px 0px 3.7rem; }
.account-menu-section { margin: 0.55rem 0px; padding: 0px 0.4rem; grid-template-columns: repeat(3, 1fr); gap: 0.15rem; display: flex; flex-wrap: wrap; }
.account-menu-section .shortcut-menu { display: flex; flex-direction: column; align-items: center; justify-content: center; background: rgb(243, 245, 246); border-radius: 0.1rem; padding: 0.15rem 0.1rem 0.3rem; width: 2.19rem; }
.account-menu-section .shortcut-menu img { width: 1rem; }
.account-menu-section .shortcut-menu svg { height: 1rem; width: 1rem; }
.account-menu-section .shortcut-menu svg.m-promotion { margin: 0px 0px 0px 0.15rem; }
.account-menu-section .shortcut-menu svg.mobile-beta-message { margin: 0px 0px 0px 0.2rem; }
.account-menu-section .shortcut-menu .shortcut-label { margin: 0.22rem 0px 0px; color: rgb(15, 22, 31); font-size: 0.26rem; word-break: break-word; text-align: center; }
.account-menu-section .shortcut-menu .menu-img-wrapper { position: relative; }
.account-menu-section .shortcut-menu .menu-img-wrapper .unread-msg { position: absolute; display: flex; align-items: center; justify-content: center; color: rgb(255, 255, 255); right: 4%; top: 23%; font-size: 0.3rem; width: 0.42rem; margin: 0px; }
.account-menu-section .shortcut-menu .menu-img-wrapper .missiondiary-unread-msg { background: red; border-radius: 50%; right: 20%; top: 5%; padding: 0.07rem 0.1rem 0.02rem; }
.account-menu-section .shortcut-menu .mobile-beta-mission-daily { width: 2rem; }
.m-profile-container { padding: 0.65rem 0.45rem 0px; font-size: 0.3rem; }
.m-profile-container .standard-button-container .standard-submit-button { border-radius: 0.1rem; font-size: 0.3rem; height: 0.75rem; }
.m-profile-container .standard-button-container .kyc-submit-button { border-radius: 0.1rem; font-size: 0.3rem; height: 0.75rem; margin: 0.5rem 0px 0px; width: 100%; }
@media (max-width: 768px) { .m-profile-container .profile-column:not(:first-child) { margin: 0.8rem 0px 0px; } .m-profile-container .profile-column .standard-form-field { display: grid; grid-template-columns: 4fr 4fr 1fr 1fr; align-items: center; margin: 0px 0px 0.5rem; } .m-profile-container .profile-column .standard-form-field .standard-label { color: rgb(134, 151, 162); font-weight: unset; margin: 0px; } .m-profile-container .profile-column .standard-form-field .standard-label.editable { font-weight: 600; } .m-profile-container .profile-column .standard-form-field .standard-input { background: unset; border: unset; height: 100%; color: rgb(15, 22, 31); } .m-profile-container .profile-column .standard-form-field .standard-input.editable { border: 0.02rem solid rgb(0, 0, 0); } .m-profile-container .profile-column .standard-form-field .edit-btn { background: unset; width: 0.4rem; } .m-profile-container .profile-column .standard-form-field .more-info-btn { background: unset; width: 0.35rem; fill: rgb(134, 151, 162); } .m-profile-container .profile-column .standard-form-field .more-info-btn svg { overflow: visible; } .m-profile-container .profile-column .standard-form-field .kyc-label { color: rgb(15, 22, 31); font-size: 0.3rem; width: 93.5%; } .m-profile-container .profile-column .standard-form-field.kyc-form-field { display: flex; flex-direction: column; align-items: normal; } .m-profile-container .profile-column .standard-form-field.kyc-form-field .kyc-header { display: flex; align-items: center; position: relative; margin: 0px 0px 0.1rem; } .m-profile-container .profile-column .standard-form-field.kyc-form-field .kyc-header svg { width: 0.25rem; fill: rgb(197, 210, 216); margin: 0px 0px 0px 0.15rem; } .m-profile-container .profile-column .standard-form-field.kyc-form-field .kyc-header .important-notice-box { position: absolute; bottom: 0.5rem; right: 0px; padding: 0.1rem 0.2rem; background: rgb(255, 255, 255); color: rgb(0, 0, 0); font-size: 0.22rem; border-radius: 0.1rem; z-index: 1; box-shadow: rgb(155, 155, 155) 0.02rem 0.03rem 0.05rem; display: flex; } .m-profile-container .profile-column .standard-form-field.kyc-form-field .kyc-input-field { display: flex; align-items: center; } .m-profile-container .profile-column .standard-form-field.kyc-form-field .kyc-input-field .kyc-attachment { display: flex; align-items: center; background: rgb(243, 245, 246); margin: 0px 0.2rem 0px 0px; padding: 0px 0.15rem; width: 50%; height: 0.55rem; border: 0.01rem solid rgb(232, 232, 232); border-radius: 0.1rem; color: rgb(134, 151, 162); } .m-profile-container .profile-column .standard-form-field.kyc-form-field .kyc-input-field .kyc-attachment svg { width: 0.3rem; height: 0.3rem; margin: 0px 0.1rem 0px 0px; } .m-profile-container .profile-column .standard-form-field.kyc-form-field .kyc-input-field .kyc-attachment .kyc-file-content { width: 100%; } .m-profile-container .profile-column .standard-form-field.kyc-form-field .kyc-input-field .kyc-attachment .kyc-file-content.kyc-contented { color: rgb(0, 113, 227); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .m-profile-container .profile-column .standard-form-field.kyc-form-field .kyc-input-field .kyc-attachment-preview { display: flex; align-items: center; justify-content: center; background: rgb(0, 113, 227); margin: 0px 0.2rem 0px 0px; padding: 0px 0.15rem; width: 40%; height: 0.55rem; border: 0.01rem solid rgb(232, 232, 232); border-radius: 0.1rem; color: rgb(255, 255, 255); } .m-profile-container .profile-column .standard-form-field.kyc-form-field .kyc-input-field .kyc-attachment-preview:disabled { opacity: 0.5; } .m-profile-container .profile-column .standard-form-field.kyc-form-field .kyc-input-field .kyc-choosefile-preview { display: flex; align-items: center; justify-content: center; background: rgb(0, 113, 227); padding: 0px 0.15rem; margin: 0px 0.2rem 0px 0px; width: 30%; height: 0.7rem; border: 0.01rem solid rgb(232, 232, 232); border-radius: 0.1rem; color: rgb(255, 255, 255); } .m-profile-container .profile-column .standard-form-field.kyc-form-field .kyc-input-field .kyc-delete-btn { background: rgba(0, 0, 0, 0); width: 0.35rem; height: 0.35rem; } .m-profile-container .profile-column .standard-form-field.kyc-form-field .kyc-input-field .kyc-delete-btn img { width: 100%; position: relative; top: -0.1rem; } .m-profile-container .profile-column .standard-form-field.kyc-form-field .kyc-input-field .kyc-choose-file { display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0); margin: 0px 0.2rem 0px 0px; width: 65%; height: 0.7rem; border: 0.01rem solid rgb(232, 232, 232); border-radius: 0.1rem; color: rgb(134, 151, 162); } .m-profile-container .profile-column .standard-form-field.kyc-form-field .kyc-input-field .kyc-choose-file:disabled { opacity: 0.5; cursor: not-allowed; } .m-profile-container .profile-column .standard-form-field.kyc-form-field .kyc-input-field .kyc-choose-file .beta-copy { width: 0.4rem; height: 0.4rem; margin: 0.05rem 0px 0px; } .m-profile-container .profile-column .standard-form-field.kyc-form-field .kyc-input-field .kyc-choose-file svg { width: 0.3rem; height: 0.3rem; margin: 0px 0.1rem 0px 0px; } .m-profile-container .profile-column .standard-form-field.kyc-form-field .kyc-input-field .kyc-choose-file.selected { background: rgb(243, 245, 246); } .m-profile-container .profile-column .standard-form-field.kyc-form-field .kyc-input-field .kyc-file-content { font-size: 0.26rem; color: rgb(134, 151, 162); } .m-profile-container .profile-column .standard-form-field.kyc-form-field .kyc-input-field .kyc-file-content.kyc-contented { width: 3rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0px 0.2rem; color: rgb(0, 113, 227); } .m-profile-container .profile-column .column-title { margin: 0px 0px 0.26624rem; color: rgb(15, 22, 31); } .m-profile-container .profile-column .column-title .clickable { text-decoration: underline; } .m-profile-container .profile-column .column-error { font-size: 0.36rem; font-weight: 600; margin: 0px 0px 0.55rem; color: red; } .bank-details-column { padding: 0px 0.45rem; } .bank-details-column .column-title { margin: 0px 0px 0.26624rem; color: rgb(15, 22, 31); } .bank-details-column .column-title .clickable { text-decoration: underline; } .bank-details-column .box-container { display: grid; grid-template-columns: 50% 50%; gap: 0.1rem; } .bank-details-column .box-container .box-warpper { display: flex; background: rgb(243, 245, 246); border-radius: 0.08rem; padding: 0.2rem; justify-content: space-between; } .bank-details-column .box-container .box-warpper .bank-details { display: flex; align-items: center; gap: 0.2rem; width: 100%; } .bank-details-column .box-container .box-warpper .bank-details .bank-img { width: 0.6rem; height: 0.6rem; object-fit: contain; } .bank-details-column .box-container .box-warpper .bank-details .bank-img img { width: 0.6rem; height: 0.6rem; } .bank-details-column .box-container .box-warpper .bank-details .bank-info { color: rgb(134, 151, 162); width: 100%; } .bank-details-column .box-container .box-warpper .bank-details .bank-info .bank-detail { color: rgb(15, 22, 31); } .bank-details-column .box-container .box-warpper .bank-details .bank-info p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0.04096rem 0px 0px; } .bank-details-column .box-container .box-warpper .verified-icon { width: 0.32768rem; height: 0.32768rem; } .bank-details-column .kyc-title-container { display: flex; position: relative; } .bank-details-column .kyc-title-container svg { width: 0.4rem; height: 0.4rem; margin: 0px 0.2rem; } .myprofile-tab-container { padding: 0.55rem 0.4rem 0px; } .myprofile-tab-container .standard-tab { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0px 0.15rem; height: 0.8rem; } .m-settings-page .m-profile-container .profile-column .standard-form-field .standard-label { margin: auto; } .features-toggle-section { grid-template-columns: 50% 15% auto; border-top: 0.15rem solid rgb(243, 245, 246); border-bottom: 0.15rem solid rgb(243, 245, 246); padding: 0.4rem 0.45rem; margin: 0.6rem 0px; }
}
.m-message-container { padding: 0.55rem 0.4rem 0px; font-size: 0.26rem; }
.m-message-container .message-tab-container { overflow: auto; display: grid; grid-template-columns: repeat(5, 2.1rem); gap: 0px 0.15rem; padding: 0px; }
.m-message-container .message-tab-container .tab-header { display: flex; align-items: center; text-align: center; justify-content: space-between; padding: 0.1rem 0.22rem; background: rgb(243, 245, 246); border-radius: 0.5rem; color: rgb(136, 153, 164); min-width: fit-content; }
.m-message-container .message-tab-container .tab-header.active { background: rgb(255, 138, 0); color: rgb(255, 255, 255); }
.m-message-container .message-tab-container .tab-header.active .tab-count { color: rgb(255, 255, 255); }
.m-message-container .message-tab-container .tab-header p { margin: 0px 0.05rem 0px 0px; }
.m-message-container .message-tab-container .tab-header .tab-count { font-size: 0.22rem; color: rgb(15, 22, 31); }
.m-message-container .message-table-container { width: 100%; margin: 0.65rem 0px 0px; }
.m-message-container .message-table-container .header-control { padding: 0px 0.15rem 0px 0px; color: rgb(136, 153, 164); }
.m-message-container .message-table-container .header-control .checkbox-column { align-items: center; }
.m-message-container .message-table-container .header-control .checkbox-column .standard-invisible-checkbox, .m-message-container .message-table-container .header-control .checkbox-column .standard-checkbox { width: 0.4rem; height: 0.4rem; }
.m-message-container .message-table-container .header-control .checkbox-column span { margin: 0px 0px 0px 0.3rem; }
.m-message-container .message-table-container .header-control .content-column svg { margin: 0px; }
.m-message-container .message-table-container .header-control .content-column .mark-action svg { width: 0.33rem; height: 0.3rem; }
.m-message-container .message-table-container .header-control .content-column .delete-action { margin: 0px 0px 0px 0.48rem; }
.m-message-container .message-table-container .header-control .content-column .delete-action svg { width: 0.28rem; height: 0.35rem; }
.m-message-container .message-table-container .table .table-body .message-detail { display: grid; grid-template-columns: 1fr 7fr 2fr; align-items: center; }
.m-message-container .message-table-container .table .table-body .message-detail:not(:last-child) { margin: 0px 0px 0.45rem; }
.m-message-container .message-table-container .table .table-body .message-detail .checkbox-column .standard-checkbox, .m-message-container .message-table-container .table .table-body .message-detail .checkbox-column .standard-invisible-checkbox { width: 0.4rem; height: 0.4rem; }
.m-message-container .message-table-container .table .table-body .message-detail .content-column .msg-detail.unreadMsg { color: rgb(15, 22, 31); }
.m-message-container .message-table-container .table .table-body .message-detail .content-column .msg-date { font-size: 0.22rem; margin: 0.08rem 0px 0px; }
.m-message-container .message-table-container .table .table-body .message-detail .remark-detail { display: flex; justify-content: center; }
.m-message-container .message-table-container .table .table-body .message-detail .remark-detail .beta-flag { width: 0.3rem; height: 0.3rem; }
.m-message-container .message-table-container .table .table-body .message-detail .remark-detail .beta-flag.flag_true { fill: rgb(0, 114, 226); }
.m-message-container .message-table-container .table .table-body .message-detail .remark-detail .beta-flag.flag_false { fill: rgb(136, 153, 164); }
.m-message-detail-container { padding: 0.5rem 0.45rem 0px; color: rgb(136, 153, 164); }
.m-message-detail-container .small-loading-box .small-loading { margin: auto; }
.m-message-detail-container .beta-flag { display: block; margin: 0px 0px 0px auto; width: 0.3rem; height: 0.3rem; }
.m-message-detail-container .beta-flag.flag_true { fill: rgb(0, 114, 226); }
.m-message-detail-container .beta-flag.flag_false { fill: rgb(136, 153, 164); }
.m-message-detail-container .detail-title { font-weight: 600; color: rgb(15, 22, 31); margin: 0.4rem 0px 0px; font-size: 0.3rem; }
.m-message-detail-container .detail-date { margin: 0.42rem 0px 0px; font-size: 0.22rem; }
.m-message-detail-container .detail-content { margin: 0.75rem 0px 0px; font-size: 0.26rem; }
.m-message-detail-container .detail-content p { margin-bottom: 1em; }
.m-message-detail-container .detail-content table { width: 100%; display: inline-flex; overflow: auto hidden; scrollbar-width: thin; margin-bottom: 0.1rem; }
.m-message-detail-container .detail-content table tr td { border: 0.01rem solid rgb(0, 0, 0); padding: 0.05rem; }
.m-message-detail-container .detail-content table tr td p { margin: 0px; }
.m-message-detail-container .no-msg-container { text-align: center; }
.m-settings-page .kyc-divider { height: 0.15rem; background: rgb(243, 245, 246); }
.m-settings-page.mobileTopMargin { padding: 0px 0px 3.7rem; }
.m-settings-page .bonus-form .date-form-field-container .standard-label { font-weight: 600; }
.m-settings-page .date-form-field-container { width: 49%; }
.m-settings-page .date-form-field-container .standard-label { color: rgb(15, 22, 31); margin: 0px 0px 0.26rem; }
.m-settings-page .date-form-field-container .standard-mandatory::after { color: rgb(224, 8, 45); font-size: 0.36rem; }
.m-settings-page .date-form-field-container .standard-form-field:not(:first-child) { margin: 0px; }
.m-settings-page .date-form-field-container .standard-form-field .react-datepicker-wrapper .react-datepicker__input-container .standard-input { justify-content: space-between; border: 0.02rem solid rgb(219, 224, 228); color: rgb(136, 153, 164); }
.m-settings-page .date-form-field-container .standard-form-field .react-datepicker-wrapper .react-datepicker__input-container .standard-input .beta-calendar { height: 0.4rem; width: 0.4rem; overflow: visible; }
.m-settings-page .table { margin: 0.33rem 0px 0px; }
.m-settings-page .table .table-header { display: flex; align-items: center; justify-content: space-between; height: 0.68rem; background: rgb(243, 245, 246); padding: 0px 0.3rem; border-radius: 0.1rem; color: rgb(15, 22, 31); }
.m-settings-page .table .table-body { margin: 0.28rem 0px 0px; color: rgb(136, 153, 164); }
.m-settings-page .table .table-body .no-content-container { text-align: center; }
.m-settings-page .table .table-body .small-loading-box .small-loading { margin: auto; }
.m-settings-page .pagination-content { display: flex; flex-flow: column; align-items: center; justify-content: center; margin: 1rem auto 0px; }
.m-settings-page .pagination-content .page-count { font-weight: 600; margin: 0px 0px 0.25rem; color: rgb(15, 22, 31); }
.m-settings-page .pagination-content .pagination { display: flex; align-items: center; }
.m-settings-page .pagination-content .pagination svg { width: 0.18rem; height: 0.18rem; fill: rgb(136, 153, 164); }
.m-settings-page .pagination-content .pagination li:not(:first-child), .m-settings-page .pagination-content .pagination li:not(:last-child) { margin: 0px 0.25rem; }
.m-settings-page .pagination-content .pagination a[aria-label*="Go to page number"] { display: flex; align-items: center; justify-content: center; width: 0.52rem; height: 0.52rem; border-radius: 50%; background: rgb(243, 245, 246); color: rgb(136, 153, 164); }
.m-settings-page .standard-form-field:not(:first-child) { margin: 0.4rem 0px 0px; }
.m-settings-page .standard-form-field:not(:first-child) .deposit-amount-input { position: relative; width: 100%; }
.m-settings-page .standard-form-field:not(:first-child) .deposit-amount-input input { padding: 0.05rem 0.7rem 0px 0.4rem; }
.m-settings-page .standard-form-field:not(:first-child) .deposit-amount-input .deposit-amount-clear-button { position: absolute; top: 50%; right: 0.28rem; width: 0.35rem; transform: translateY(-50%); }
.m-settings-page .standard-form-field:not(:first-child) .seamless-wallet-balance { font-size: 0.287rem; color: rgb(0, 0, 0); margin: 0.1rem 0px 0px; }
.m-settings-page .standard-form-field:not(:first-child) .seamless-wallet-balance span { color: rgb(0, 113, 227); }
.m-settings-page .standard-form-field .standard-label { color: rgb(15, 22, 31); font-size: 0.3rem; height: 0.4rem; margin: 0px 0px 0.26rem; font-weight: 600; }
.m-settings-page .standard-form-field .standard-form-field-wrapper { margin: 0px 0px 0.15rem; }
.m-settings-page .standard-form-field .standard-amount-btn-container { display: grid; grid-template-columns: repeat(4, 0.5fr); gap: 0.1rem; height: 1.5rem; width: 100%; }
.m-settings-page .standard-form-field .standard-amount-btn-container button { background: rgb(247, 247, 247); border-radius: 0.05rem; color: rgb(134, 151, 162); cursor: pointer; font-size: 0.3rem; padding: 0.08rem 0.28rem; width: 100%; border: 0.02rem solid rgb(247, 247, 247); }
.m-settings-page .standard-form-field .standard-amount-btn-container button.amount-btn-selected, .m-settings-page .standard-form-field .standard-amount-btn-container button:hover { border: 0.02rem solid rgb(255, 138, 0); }
.m-settings-page .standard-input-btn-wrapper { display: grid; grid-template-columns: 6fr 4fr; gap: 0px 0.08rem; width: 100%; }
.m-settings-page .standard-input-btn-wrapper .standard-submit-btn { margin: 0px; background: rgb(0, 113, 227); }
.m-settings-page .standard-telcode-phone-container { display: grid; grid-template-columns: 3fr 7fr; gap: 0px 0.08rem; width: 100%; }
.m-settings-page .standard-multi-btn-container { display: grid; grid-template-columns: 5fr 5fr; gap: 0px 0.08rem; width: 100%; margin: 0.6rem 0px 0px; }
.m-settings-page .standard-multi-btn-container .standard-submit-btn { margin: 0px; background: rgb(0, 113, 227); }
.m-settings-page .error-message-wrapper { margin-top: 0.196rem; font-size: 0.236rem; color: rgb(232, 38, 44); display: grid; gap: 0.2rem; }
.m-settings-page .error-message-wrapper .password-rules-msg-wrapper { display: flex; color: rgb(134, 151, 162); flex-wrap: wrap; gap: 0.1rem; }
.m-settings-page .error-message-wrapper .password-rules-msg-wrapper img { width: 0.236rem; height: 0.236rem; }
.m-settings-page .error-message-wrapper .password-rules-msg-wrapper .error-message-text { margin-left: 0.078rem; flex: 1 1 0%; }
.m-settings-page .standard-password-eye { transform: translateY(-50%); top: 0.35rem; z-index: 1; }
.m-settings-page .standard-submit-btn { background: rgb(255, 138, 0); color: rgb(255, 255, 255); border-radius: 0.16rem; font-size: 0.3rem; height: 0.75rem; width: 100%; margin: 0.4rem 0px 0px; }
.m-settings-page .standard-submit-btn:disabled { opacity: 0.5; }
.m-settings-page .standard-error-container .standard-error-field { display: flex; align-items: center; justify-content: center; height: 0.68rem; border-radius: 0.1rem; background: rgb(243, 245, 246); color: rgb(15, 22, 31); margin: 0px 0px 0.55rem; font-size: 0.26rem; }
.m-settings-page .standard-error-container .standard-error-field .notice-icon { width: 0.35rem; height: 0.35rem; }
.m-settings-page .standard-error-container .standard-error-field .notice-icon.remark-icon { width: 0.3rem; height: 0.3rem; fill: rgb(197, 210, 216); }
.m-settings-page .standard-error-container .standard-error-field .notice-icon.success-icon { fill: rgb(76, 185, 87); }
.m-settings-page .standard-error-container .standard-error-field .notice-icon.error-icon { fill: rgb(246, 0, 32); }
.m-settings-page .standard-error-container .standard-error-field p { margin: 0px 0px 0px 0.15rem; }
.m-settings-page .standard-guide-container { font-size: 0.26rem; color: rgb(136, 153, 164); margin: 0px 0px 0.55rem; }
@media (max-width: 768px) { .m-settings-page .standard-select { border: 0.02rem solid rgb(219, 224, 228); color: rgb(136, 153, 164); } .m-settings-page .standard-select:disabled { border: 0px; } .m-settings-page .standard-select .standard-select-dropdown .standard-select-options { color: rgb(136, 153, 164); } .m-settings-page .standard-select .standard-select-dropdown .active { color: rgb(255, 255, 255); } .mobile-wallet-section .wallet-info .top-content .member-action .action-auto-transfer { padding: 0px 0px 0.05rem; text-align: center; } .mobile-wallet-section .wallet-info .top-content .member-action .action-auto-transfer .seamless-control.wallet-disable .check { background: rgb(171, 171, 171) !important; } .mobile-wallet-section .wallet-info .top-content .member-action .action-auto-transfer .seamless-control.wallet-disable .seamless-status { color: rgb(171, 171, 171) !important; } .mobile-wallet-section .wallet-info .top-content .member-action .action-auto-transfer .seamless-control .auto-transfer { cursor: pointer; height: 0.32rem; width: 0.58rem; position: relative; margin: 0px 0px 0.04rem; } .mobile-wallet-section .wallet-info .top-content .member-action .action-auto-transfer .seamless-control .auto-transfer input { opacity: 0; } .mobile-wallet-section .wallet-info .top-content .member-action .action-auto-transfer .seamless-control .auto-transfer input:checked ~ .check-btn { left: 46%; } .mobile-wallet-section .wallet-info .top-content .member-action .action-auto-transfer .seamless-control .auto-transfer .check { background: rgb(255, 138, 0); border-radius: 0.4rem; cursor: pointer; height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; } .mobile-wallet-section .wallet-info .top-content .member-action .action-auto-transfer .seamless-control .auto-transfer .check-btn { position: absolute; top: 0.02rem; left: 0.02rem; width: 0.28rem; height: 0.28rem; border-radius: 0.4rem; background: rgb(255, 255, 255); transition: 0.3s; } .m-standard-st-table-container { color: rgb(136, 153, 164); border-top: 0.2rem solid rgb(243, 245, 246); padding: 0.25rem 0.35rem 0px; } .m-standard-st-table-container .st-table-title { color: rgb(15, 22, 31); font-weight: 600; margin: 0px 0px 0.26rem; } .m-standard-st-table-container .standard-st-table { font-size: 0.26rem; width: 100%; } .m-standard-st-table-container .standard-st-table .table-header-container { background: rgb(243, 245, 246); color: rgb(15, 22, 31); text-align: left; } .m-standard-st-table-container .standard-st-table .table-header-container .table-header { padding: 0.2rem 0px 0.2rem 0.2rem; } .m-standard-st-table-container .standard-st-table .table-header-container .table-header:first-child { border-radius: 0.1rem 0px 0px 0.1rem; } .m-standard-st-table-container .standard-st-table .table-header-container .table-header:last-child { border-radius: 0px 0.1rem 0.1rem 0px; padding: 0.2rem; } .m-standard-st-table-container .standard-st-table .table-content-container .table-content { padding: 0.2rem 0px 0.2rem 0.2rem; } .m-standard-st-table-container .standard-st-table .table-content-container .table-content.m-mission-record-content:nth-child(2) { width: 40%; } .m-standard-st-table-container .standard-st-table .table-content-container .table-content span { display: block; } .m-standard-st-table-container .standard-st-table .table-content-container .table-content span.col-method { font-weight: 600; } .m-standard-st-table-container .standard-st-table .table-content-container .table-content .col-status { } .m-standard-st-table-container .standard-st-table .table-content-container .table-content .col-status.status-A { color: rgb(0, 113, 227); } .m-standard-st-table-container .standard-st-table .table-content-container .table-content .col-status .status-C { color: rgb(0, 113, 227); } .m-standard-st-table-container .standard-st-table .table-content-container .table-content .col-status .status-E { color: rgb(229, 39, 65); } .m-standard-st-table-container .standard-st-table .table-content-container .table-content .col-statusLang { } .m-standard-st-table-container .standard-st-table .table-content-container .table-content .col-statusLang.status-C { color: rgb(0, 113, 227); } .m-standard-st-table-container .standard-st-table .table-content-container .table-content .col-statusLang.status-E { color: rgb(229, 39, 65); } .m-standard-st-table-container .standard-st-table .empty-record { height: 1.6rem; text-align: center; } .m-standard-st-table-container .view-more { margin: 0.4rem 0px 0px; width: 100%; text-align: end; } .m-standard-st-table-container .view-more span { font-size: 0.22rem; text-decoration: underline; }
}
.m-add-withdraw-crypto-address-popup { font-size: 0.3rem; }
.m-add-withdraw-crypto-address-popup .standard-modal-title { font-weight: 600; margin: 0px 0px 0.6rem; }
.m-add-withdraw-crypto-address-popup .standard-form-field-container .standard-form-field { margin: 0px 0px 0.64rem; }
.m-add-withdraw-crypto-address-popup .standard-form-field-container .standard-form-field .standard-label { color: rgb(15, 22, 31); font-weight: 600; margin: 0px 0px 0.26rem; }
.m-add-withdraw-crypto-address-popup .standard-form-field-container .standard-form-field .standard-form-field-wrapper .standard-input, .m-add-withdraw-crypto-address-popup .standard-form-field-container .standard-form-field .standard-form-field-wrapper .standard-select { border: 0.01rem solid rgb(219, 224, 228); color: rgb(136, 153, 164); }
.m-add-withdraw-crypto-address-popup .standard-form-field-container .standard-form-field:nth-last-child(3) { margin: 0px; }
.m-add-withdraw-crypto-address-popup .standard-form-field-container .address-btn-field .standard-label { margin: 0px; }
.m-add-withdraw-crypto-address-popup .standard-form-field-container .address-btn-field .standard-form-field-wrapper { display: flex; justify-content: space-between; }
.m-add-withdraw-crypto-address-popup .standard-form-field-container .address-btn-field .standard-form-field-wrapper .otp-button { background: rgb(247, 247, 247); border-radius: 0.1rem; color: rgb(15, 22, 31); font-size: 0.3rem; height: 0.75rem; width: 49%; margin-bottom: 0.2rem; }
.m-add-withdraw-crypto-address-popup .standard-form-field-container .address-btn-field .standard-form-field-wrapper .otp-button:last-child { width: 100%; margin-bottom: 0px; }
.m-add-withdraw-crypto-address-popup .standard-form-field-container .address-btn-field .standard-form-field-wrapper .otp-button:disabled { cursor: unset; opacity: 0.5; }
.m-add-withdraw-crypto-address-popup .standard-form-field-container .transaction-button-section { margin: 0px 0px 1rem; }
.m-add-withdraw-crypto-address-popup .standard-form-field-container .transaction-button-section .standard-button-container { justify-content: space-between; }
.m-add-withdraw-crypto-address-popup .standard-form-field-container .transaction-button-section .standard-button-container button { background: rgb(247, 247, 247); border-radius: 0.1rem; color: rgb(255, 255, 255); font-size: 0.3rem; height: 0.75rem; width: 49%; }
.m-add-withdraw-crypto-address-popup .standard-form-field-container .transaction-button-section .standard-button-container .standard-submit-form-button { background: rgb(255, 138, 0); }
.m-add-withdraw-crypto-address-popup .standard-form-field-container .transaction-button-section .standard-button-container .standard-cancel-form-button { background: rgb(129, 203, 252); }
.m-referral-container { padding: 0.55rem 0.4rem; font-size: 0.3rem; }
.m-referral-container p { margin: 0px; }
.m-referral-container .referral-tab-container { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0px 0.15rem; }
.m-referral-container .referral-tab-container .tab-header { display: flex; align-items: center; justify-content: center; padding: 0px; height: 0.65rem; background: rgb(243, 245, 246); border-radius: 0.5rem; color: rgb(136, 153, 164); }
.m-referral-container .referral-tab-container .tab-header.active { background: rgb(255, 138, 0); color: rgb(255, 255, 255); }
.m-referral-container .referral-section { margin: 0.6rem 0px 0px; }
.m-referral-container .referral-section .referral-container .referral-content { margin: 0.32rem 0px 0.15rem; }
.m-referral-container .referral-section .referral-container .referral-content div { font-size: 0.22rem; margin: 0px 0px 0.15rem; }
.m-referral-container .referral-section .referral-container .referral-content div:first-child { font-size: 0.29rem; }
.m-referral-container .referral-section .referral-container .referral-content span { font-size: 0.22rem; margin: 0px 0px 0.05rem; }
.m-referral-container .referral-section .referral-container .referral-content .referral-terms { font-size: 0.18rem; margin: 0px 0px 0px 0.1rem; }
.m-referral-container .referral-section .referral-code-container { padding: 0px 0px 0.05rem 0.4rem; background-size: 85% 100%; }
.m-referral-container .referral-section .referral-code-container .referral-code-content .referral-code { font-size: 0.29rem; }
.m-referral-container .referral-content { margin: 0.55rem 0px 0px; color: rgb(15, 22, 31); }
.m-referral-container .standard-tab { display: grid; grid-template-columns: auto auto; gap: 0px 0.15rem; height: 0.8rem; }
.referral-content.myBonus .bonus-form { display: flex; align-items: flex-end; gap: 0.08rem; }
.referral-content.myBonus .standard-submit-btn { width: 2.42rem; margin: 0.38rem 0px 0px; }
.referral-content.myBonus .standard-setting-table-container .standard-setting-table-header.header-title { margin: 0.42rem 0px 0px; }
.referral-content.myBonus .standard-setting-table-container .standard-setting-table-header.header-title span { text-align: center; padding: 0px 0.08rem; }
.referral-content.myBonus .standard-setting-table-container .table-col { display: flex; justify-content: center; align-items: center; padding: 0px 0.05rem; }
.referral-content.myBonus .standard-setting-table-container .table-col p { margin: 0px; }
.referral-content .standard-label { color: rgb(134, 151, 162); margin: 0px; }
.referral-content .ref-status-box .ref-status { display: flex; flex-direction: column; justify-content: center; width: 34.05%; height: 0.75rem; padding: 0px 0.22rem; background: rgb(247, 247, 247); border-radius: 0.08rem; }
.referral-content .ref-status-box .ref-status .invi-status { display: flex; align-items: center; justify-content: space-between; width: 100%; }
.referral-content .ref-status-box .ref-status .invi-status:last-child { margin: 0.15rem 0px 0px; }
.referral-content .ref-code-link-container { display: flex; margin: 0.4rem 0px 0px; }
.referral-content .ref-code-link-container > div { width: 34.05%; }
.referral-content .ref-code-link-container > div:not(:last-child) { margin: 0px 0.15rem 0px 0px; }
.referral-content .ref-code-link-container > div.ref-link-box .standard-form-field-wrapper .standard-input { padding: 0px 0.6rem 0px 0.15rem; }
.referral-content .ref-code-link-container > div .standard-form-field-wrapper { position: relative; }
.referral-content .ref-code-link-container > div .standard-form-field-wrapper .standard-input { font-size: 0.14rem; border-radius: 0.08rem; padding: 0px 0.15rem; text-overflow: ellipsis; overflow: hidden; color: rgb(15, 22, 31); background: rgb(247, 247, 247); }
.referral-content .ref-code-link-container > div .standard-form-field-wrapper .icon-copy { position: absolute; top: 0.1rem; right: 0.15rem; width: 0.18rem; height: 0.2rem; cursor: pointer; }
.referral-content .bottom-content { display: flex; justify-content: space-between; margin: 0.5rem 0px 0px; }
.referral-content .bottom-content .content-left { width: 69.65%; padding: 0.56rem 0px 0px; border-top: 0.01rem solid rgb(247, 247, 247); }
.referral-content .bottom-content .content-left .share-title { font-size: 0.14rem; }
.referral-content .bottom-content .content-left .referOption-container { width: 3.46rem; margin: 0.2rem 0px 0px; }
.referral-content .bottom-content .content-left .referOption-container .referOption { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; background: rgb(247, 247, 247); border-radius: 0.08rem; padding: 0.15rem; border: 0.02rem solid rgb(255, 138, 0); }
.referral-content .bottom-content .content-left .referOption-container .referOption:hover .icon-option-add { background: rgb(0, 113, 227); }
.referral-content .bottom-content .content-left .referOption-container .referOption .option-remark { color: rgb(0, 113, 227); margin: 0px 0px 0.13rem; }
.referral-content .bottom-content .content-left .referOption-container .referOption .option-turnover { margin: 0px; }
.referral-content .bottom-content .content-left .referOption-container .referOption .option-deposit { margin: 0.05rem 0px 0px; }
.referral-content .bottom-content .content-left .referOption-container .referOption .option-turnover, .referral-content .bottom-content .content-left .referOption-container .referOption .option-deposit { display: flex; align-items: center; justify-content: center; width: 100%; padding: 0.05rem 0.15rem; background: rgb(255, 255, 255); border-radius: 0.05rem; color: rgb(134, 151, 162); }
.referral-content .bottom-content .content-left .referOption-container .referOption .icon-option-add { position: absolute; top: 0.06rem; right: 0.06rem; width: 0.2rem; height: 0.2rem; padding: 0.05rem; background: rgb(199, 210, 215); border-radius: 50%; }
.referral-content .bottom-content .content-left .referOption-container .referOption .icon-option-add .st0 { fill: rgb(255, 255, 255); }
.referral-content .bottom-content .content-left .ref-share-container { position: relative; height: 0.5rem; margin: 0.63rem 0px 0px; }
.referral-content .bottom-content .content-left .ref-share-container .standard-submit-btn { width: 3.46rem; height: 0.4rem; background: rgb(255, 138, 0); color: rgb(255, 255, 255); border-radius: 0.08rem; font-size: 0.16rem; }
.referral-content .bottom-content .content-left .ref-share-container .floating-referral { top: 100%; left: 10%; }
.referral-content .bottom-content .content-left .ref-share-container .floating-referral .triangle { position: absolute; bottom: 100%; left: -55%; width: 0.24rem; height: 0.12rem; overflow: hidden; padding: 0px 2rem; }
.referral-content .bottom-content .content-left .ref-share-container .floating-referral .triangle::after { content: ""; position: absolute; width: 0.12rem; height: 0.12rem; left: 50%; transform: translate(-50%, 50%) rotate(45deg); background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.3) 0px 0.01rem 0.06rem; }
.referral-content .bottom-content .content-right { width: 28.05%; }
.referral-content .bottom-content .content-right .ref-notice-container { background: rgb(247, 247, 247); padding: 0.5rem 0.3rem 0.6rem; border-radius: 0.05rem; }
.referral-content .bottom-content .content-right .ref-notice-container .notice-title { display: flex; align-items: center; }
.referral-content .bottom-content .content-right .ref-notice-container .notice-title .icon-alert { width: 0.2rem; height: 0.2rem; }
.referral-content .bottom-content .content-right .ref-notice-container .notice-title p { margin: 0px 0px 0px 0.1rem; }
.referral-content .bottom-content .content-right .ref-notice-container .notice-content { margin: 0.23rem 0px 0px; color: rgb(134, 151, 162); font-size: 0.12rem; }
.referral-content .bottom-content .content-right .ref-notice-container .notice-content li { position: relative; padding: 0px 0px 0px 0.32rem; word-break: break-word; }
.referral-content .bottom-content .content-right .ref-notice-container .notice-content li:not(:first-child) { margin: 0.18rem 0px 0px; }
.referral-content .bottom-content .content-right .ref-notice-container .notice-content li::before { content: ""; position: absolute; top: 0.02rem; left: 0.2rem; width: 0.05rem; height: 0.05rem; border-radius: 50%; background: rgb(255, 138, 0); }
.referral-content .bottom-content .content-right .ref-notice-container .notice-link { font-size: 0.12rem; color: rgb(15, 22, 31); }
.referral-content .bottom-content .content-right .ref-notice-container .notice-link p { margin: 0.18rem 0px 0px; padding: 0px 0px 0px 0.32rem; word-break: break-word; }
.referral-content .bottom-content .content-right .ref-notice-container .notice-date { margin: 0.28rem 0px 0px; padding: 0px 0px 0px 0.32rem; color: rgb(196, 48, 46); font-size: 0.12rem; }
.m-myReferral .ref-status-box .standard-label { margin: 0px 0px 0.27rem; font-weight: 600; font-size: 0.3rem; color: rgb(15, 22, 31); }
.m-myReferral .ref-status-box .ref-status { display: flex; flex-direction: column; justify-content: center; height: 1.65rem; padding: 0px 0.33rem; background: rgb(243, 245, 246); border-radius: 0.1rem; border: 0.01rem solid rgb(219, 224, 228); width: 100%; }
.m-myReferral .ref-status-box .ref-status .invi-status { display: flex; align-items: center; justify-content: space-between; width: 100%; }
.m-myReferral .ref-status-box .ref-status .invi-status:last-child { margin: 0.45rem 0px 0px; }
.m-myReferral .ref-code-link-container { margin: 0.69rem 0px 0px; }
.m-myReferral .ref-code-link-container > div.ref-link-box { width: 100%; }
.m-myReferral .ref-code-link-container > div.ref-link-box .standard-label { margin: 0px 0px 0.27rem; color: rgb(15, 22, 31); font-weight: 600; font-size: 0.3rem; }
.m-myReferral .ref-code-link-container > div.ref-link-box .standard-form-field-wrapper { position: relative; border: 0.01rem solid rgb(219, 224, 228); border-radius: 0.1rem; }
.m-myReferral .ref-code-link-container > div.ref-link-box .standard-form-field-wrapper .standard-input { border: 0px; padding: 0px 1.1rem 0px 0.35rem; height: 0.68rem; font-size: 0.3rem; border-radius: 0.1rem; color: rgb(15, 22, 31); text-overflow: ellipsis; background: rgb(243, 245, 246); }
.m-myReferral .ref-code-link-container > div.ref-link-box .standard-form-field-wrapper .icon-copy { position: absolute; margin: auto; top: 0px; bottom: 0px; right: 0.1rem; width: 0.37rem; height: 0.4rem; cursor: pointer; }
.m-myReferral .bottom-content { display: grid; margin: 0.78rem 0px 0px; justify-content: normal; }
.m-myReferral .bottom-content .share-title { color: rgb(134, 151, 162); }
.m-myReferral .bottom-content .referOption-container { margin: 0.35rem 0px 0px; width: 100%; text-align: center; }
.m-myReferral .bottom-content .referOption-container .referOption { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; background: rgb(243, 245, 246); border-radius: 0.1rem; padding: 0.25rem; border: 0.02rem solid rgb(255, 138, 0); }
.m-myReferral .bottom-content .referOption-container .referOption .option-remark { color: rgb(45, 114, 218); margin: 0px 0px 0.2rem; font-weight: 600; }
.m-myReferral .bottom-content .referOption-container .referOption .option-wrapper { display: flex; flex-direction: column; justify-content: center; width: 100%; background: rgb(255, 255, 255); padding: 0.15rem; color: rgb(136, 153, 164); border-radius: 0.1rem; }
.m-myReferral .bottom-content .referOption-container .referOption .option-wrapper .option-deposit { margin: 0.15rem 0px 0px; }
.m-myReferral .bottom-content .ref-share-container { position: relative; }
.m-myReferral .bottom-content .ref-share-container .standard-submit-btn { width: 100%; height: 0.8rem; background: rgb(255, 138, 0); color: rgb(255, 255, 255); border-radius: 0.1rem; font-size: 0.3rem; }
.m-myReferral .bottom-content .ref-share-container .standard-submit-btn:hover { background: rgb(255, 114, 0); }
.m-myReferral .bottom-content .ref-share-container .floating-referral { top: 120%; left: 10%; }
.m-myReferral .bottom-content .ref-share-container .floating-referral .triangle { position: absolute; bottom: 100%; left: 50%; margin-left: -0.12rem; width: 0.24rem; height: 0.12rem; overflow: hidden; }
.m-myReferral .bottom-content .ref-share-container .floating-referral .triangle::after { content: ""; position: absolute; width: 0.12rem; height: 0.12rem; left: 50%; transform: translate(-50%, 50%) rotate(45deg); background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.3) 0px 0.01rem 0.06rem; }
.m-myReferral .ref-notice-container { background: rgb(243, 245, 246); padding: 0.4rem; border-radius: 0.1rem; margin: 0.9rem 0px 0px; }
.m-myReferral .ref-notice-container .notice-title { display: flex; align-items: center; }
.m-myReferral .ref-notice-container .notice-title .icon-alert { width: 0.3rem; height: 0.3rem; }
.m-myReferral .ref-notice-container .notice-title p { font-weight: 600; margin: 0px 0px 0px 0.18rem; }
.m-myReferral .ref-notice-container .notice-content { margin: 0.4rem 0px 0px; color: rgb(136, 153, 164); font-size: 0.22rem; }
.m-myReferral .ref-notice-container .notice-content li { position: relative; padding: 0px 0px 0px 0.35rem; word-break: break-word; }
.m-myReferral .ref-notice-container .notice-content li:not(:first-child) { margin: 0.32rem 0px 0px; }
.m-myReferral .ref-notice-container .notice-content li::before { content: ""; position: absolute; top: 0.1rem; left: 0.1rem; width: 0.08rem; height: 0.08rem; border-radius: 50%; background: rgb(255, 138, 0); }
.m-myReferral .ref-notice-container .notice-link { font-size: 0.22rem; }
.m-myReferral .ref-notice-container .notice-link p { margin: 0.35rem 0px 0px; word-break: break-word; padding: 0px 0px 0px 0.35rem; color: rgb(15, 22, 31); }
.m-myReferral .ref-notice-container .notice-date { margin: 0.35rem 0px 0px; color: rgb(215, 26, 33); font-size: 0.22rem; padding: 0px 0px 0px 0.35rem; }
.m-myBonus .bonus-container .bonus-form, .m-myBonus .commBonus-container .bonus-form { display: flex; justify-content: space-between; }
.m-myBonus .bonus-container .table .table-body .bonus-detail, .m-myBonus .commBonus-container .table .table-body .bonus-detail { display: grid; grid-template-columns: 8fr 2fr; align-items: center; padding: 0px 0px 0px 0.3rem; }
.m-myBonus .bonus-container .table .table-body .bonus-detail:not(:last-child), .m-myBonus .commBonus-container .table .table-body .bonus-detail:not(:last-child) { margin: 0px 0px 0.45rem; }
.m-myBonus .bonus-container .table .table-body .bonus-detail .col-status, .m-myBonus .commBonus-container .table .table-body .bonus-detail .col-status { display: flex; justify-content: center; }
.m-myBonus .bonus-container .react-datepicker__tab-loop .react-datepicker-popper, .m-myBonus .commBonus-container .react-datepicker__tab-loop .react-datepicker-popper { font-size: 0.24rem; }
.m-bank-detail-container { padding: 0.55rem 0.35rem 0px; font-size: 0.26rem; }
.m-bank-detail-container p { margin: 0px; }
.m-bank-detail-container .bank-detail-tab-container { background: unset; }
.m-bank-detail-container .bank-detail-tab-container .standard-tab { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0px 0.15rem; padding: 0px; height: 0.8rem; }
.m-bank-detail-container .bank-detail-tab-container .standard-tab .tab-header { display: flex; align-items: center; justify-content: center; text-align: center; padding: 0.08rem 0.25rem; background: rgb(243, 245, 246); border-radius: 0.5rem; color: rgb(136, 153, 164); white-space: unset; }
.m-bank-detail-container .bank-detail-tab-container .standard-tab .tab-header.active { background: rgb(255, 138, 0); color: rgb(255, 255, 255); }
.m-bank-detail-container .bank-info-container { margin: 0.5rem 0px 0px; width: 100%; position: relative; }
.m-bank-detail-container .bank-info-container .table-header-container { background: rgb(243, 245, 246); color: rgb(15, 22, 31); text-align: left; white-space: nowrap; }
.m-bank-detail-container .bank-info-container .table-header-container .table-header { padding: 0.2rem 0px; }
.m-bank-detail-container .bank-info-container .table-header-container .table-header:first-child { border-radius: 0.1rem 0px 0px 0.1rem; padding: 0px 0px 0px 0.2rem; }
.m-bank-detail-container .bank-info-container .table-header-container .table-header:last-child { border-radius: 0px 0.1rem 0.1rem 0px; }
.m-bank-detail-container .bank-info-container tbody { border-bottom: 0.02rem solid rgb(232, 232, 232); color: rgb(136, 153, 164); }
.m-bank-detail-container .bank-info-container tbody .table-content td { padding: 0.2rem; }
.m-bank-detail-container .bank-info-container tbody .table-content td.col-bank-name { display: flex; align-items: center; }
.m-bank-detail-container .bank-info-container tbody .table-content td.col-bank-name .bank-icon { width: 0.6rem; height: 0.6rem; }
.m-bank-detail-container .bank-info-container tbody .table-content td.col-bank-name .bank-name-detail { margin: 0px 0px 0px 0.4rem; width: 80%; }
.m-bank-detail-container .bank-info-container tbody .table-content td.col-bank-name .bank-name-detail .detail-name { font-weight: 600; }
.m-bank-detail-container .bank-info-container tbody .table-content td.col-bank-name .bank-name-detail .detail-holder { margin: 0.08rem 0px 0px; max-width: 3rem; }
.m-bank-detail-container .bank-info-container tbody .table-content td.col-bank-acc .acc-no { max-width: 1.6rem; }
.m-bank-detail-container .bank-info-container tbody .table-content td.col-bank-status svg { width: 0.28rem; height: 0.28rem; margin: auto; }
.m-bank-detail-container .bank-info-container tbody .table-content td.col-bank-delete { width: 10%; }
.m-bank-detail-container .bank-info-container tbody .table-content td.col-bank-delete svg { width: 0.28rem; height: 0.28rem; margin: auto; fill: rgb(199, 210, 215); }
.m-bank-detail-container .bank-info-container tbody .no-content-container { height: 1.6rem; text-align: center; color: rgb(136, 153, 164); }
.m-bank-detail-container .bank-info-container .important-notice-box { display: none; background: rgb(255, 255, 255); border-radius: 0.1rem; box-shadow: rgb(155, 155, 155) 0.02rem 0.03rem 0.05rem; color: rgb(15, 22, 31); font-size: 0.22rem; right: 25%; padding: 0.1rem 0.2rem; position: absolute; white-space: normal; width: 60%; height: 0.5rem; align-items: center; margin-top: -0.16rem; }
.m-bank-detail-container .bank-info-container .important-notice-box.important-notice-box-show { display: flex; }
.m-bank-detail-container .bank-info-container .important-notice-box.bank-status-box-show { display: flex; width: auto; right: 28%; }
.m-bank-detail-container .bank-info-container .table .table-body { padding: 0px 0px 0.68rem; border-bottom: 0.02rem solid rgb(232, 232, 232); }
.m-bank-detail-container .bank-info-container .table .table-body .table-content { align-items: center; padding: 0px 0.3rem; position: relative; }
.m-bank-detail-container .bank-info-container .table .table-body .table-content:not(:last-child) { margin: 0px 0px 0.4rem; }
.m-bank-detail-container .bank-info-container .table .table-body .table-content .col-bank-acc { font-weight: 600; display: flex; }
.m-bank-detail-container .bank-info-container .table .table-body .table-content .important-notice-box { background: rgb(255, 255, 255); border-radius: 0.1rem; box-shadow: rgb(155, 155, 155) 0.02rem 0.03rem 0.05rem; color: rgb(15, 22, 31); display: flex; font-size: 0.22rem; right: 13%; padding: 0.1rem 0.2rem; position: absolute; top: 10%; white-space: normal; }
.m-bank-detail-container .bank-info-container .table .table-body .table-content .important-notice-box .note { margin: 0px 0.1rem 0px 0px; }
.m-bank-detail-container .bank-info-container .standard-form-field-container { margin: 0.8rem 0px 0px; }
.m-bank-detail-container .bank-info-container .standard-form-field-container .standard-form-field .standard-label { font-weight: 600; }
.m-bank-detail-container .bank-info-container .standard-form-field-container .bank-statement-section .receipt-image-box { margin: 0px 0px 0.15rem; }
.m-bank-detail-container .bank-info-container .standard-form-field-container .bank-statement-section .receipt-image-box img { width: 100%; }
.m-bank-detail-container .bank-info-container .standard-form-field-container .bank-statement-section .receipt-image-box .pdf-name { font-size: 0.3rem; color: rgb(134, 151, 162); }
.m-bank-detail-container .bank-info-container .standard-form-field-container .bank-statement-section .receipt-image-box .pdf-clear { margin-left: 0.1rem; width: 0.3rem; }
.m-bank-detail-container .bank-info-container .standard-form-field-container .bank-statement-section .btm-tool-tip-container { align-items: center; display: flex; width: 100%; margin: 0.25rem 0px 0px; }
.m-bank-detail-container .bank-info-container .standard-form-field-container .bank-statement-section .btm-tool-tip-container svg { fill: rgb(199, 210, 215); margin: 0px 0.15rem 0px 0px; width: 0.3rem; height: 0.3rem; }
.m-bank-detail-container .bank-info-container .standard-form-field-container .bank-statement-section .btm-tool-tip-container span { font-size: 0.25rem; }
.m-bank-detail-container .bank-info-container .standard-form-field-container .bank-statement-section .bank-statement-wrapper { display: grid; grid-template-columns: 1fr 40%; gap: 0.15rem; }
.m-bank-detail-container .bank-info-container .standard-form-field-container .bank-statement-section .bank-statement-wrapper .upload-receipt-btn { display: flex; justify-content: center; align-items: center; gap: 0.1rem; width: 100%; height: 0.75rem; background: rgb(255, 255, 255); color: rgb(136, 153, 164); border: 0.02rem solid rgb(219, 224, 228); border-radius: 0.15rem; font-size: 0.28rem; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0.1rem; }
.m-bank-detail-container .bank-info-container .standard-form-field-container .bank-statement-section .bank-statement-wrapper .upload-receipt-btn svg { width: 0.3rem; }
.m-bank-detail-container .bank-info-container .standard-form-field-container .bank-statement-section .bank-statement-wrapper .upload-receipt-btn.with-attachment { color: rgb(0, 113, 227); }
.m-bank-detail-container .bank-info-container .standard-form-field-container .bank-statement-section .bank-statement-wrapper .upload-receipt-btn.with-attachment svg { width: 0.5rem; }
.m-bank-detail-container .bank-info-container .standard-form-field-container .bank-statement-section .bank-statement-wrapper .receipt-control-section { display: flex; justify-content: center; align-items: center; gap: 0.1rem; }
.m-bank-detail-container .bank-info-container .standard-form-field-container .bank-statement-section .bank-statement-wrapper .receipt-control-section .preview-receipt-btn { display: block; width: 100%; height: 0.75rem; background: rgb(0, 113, 227); border-radius: 0.15rem; }
.m-bank-detail-container .bank-info-container .standard-form-field-container .bank-statement-section .bank-statement-wrapper .receipt-control-section .delete-receipt-btn { display: block; width: 15%; height: 0.75rem; background: rgba(0, 0, 0, 0); }
.m-bank-detail-container .bank-info-container .standard-form-field-container .bank-statement-section .bank-statement-wrapper .receipt-control-section div p { font-weight: 600; }
.m-bank-detail-container .bank-info-container .otp-container { display: flex; gap: 0px 0.1rem; margin: 0.15rem 0px 0px; flex-wrap: wrap; justify-content: space-between; }
.m-bank-detail-container .bank-info-container .otp-container .otp-button { display: flex; align-items: center; justify-content: center; height: 0.68rem; color: rgb(136, 153, 164); background: rgb(243, 245, 246); border-radius: 0.1rem; font-size: 0.26rem; width: 49%; margin-bottom: 0.1rem; }
.m-bank-detail-container .bank-info-container .otp-container .otp-button:disabled { cursor: unset; opacity: 0.5; }
.m-bank-detail-container .bank-info-container .otp-container .otp-button:last-child { width: 100%; margin-bottom: 0px; }
.m-bank-detail-container .bank-detail-ewallet-table { display: block; width: auto; white-space: nowrap; overflow: auto; scrollbar-width: thin; }
.m-bank-detail-container .bank-detail-ewallet-table::-webkit-scrollbar { height: 0.06rem; }
.m-bank-detail-container .bank-detail-ewallet-table::-webkit-scrollbar-thumb { background: rgb(136, 136, 136); border-radius: 0.03rem; }
.m-bank-detail-container .bank-detail-ewallet-table::-webkit-scrollbar-track { background: rgb(241, 241, 241); }
.m-bank-detail-container .bank-detail-ewallet-table .table-header-container .table-header { padding: 0.2rem; }
.change-password-tab-container { display: flex; gap: 0.18rem; flex-direction: column; }
@media (max-width: 768px) { .change-password-tab-container { padding: 0.55rem 0.4rem 0px; background: rgb(255, 255, 255); } .change-password-tab-container .standard-tab { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0px 0.15rem; height: 0.8rem; }
}
.m-change-password-container { padding: 0.55rem 0.4rem 0px; }
.m-change-password-container p { margin: 0px; }
.m-change-provider-password-container { padding: 0.55rem 0.4rem 0px; }
.m-change-provider-password-container p { margin: 0px; }
.m-verification-container { padding: 0.58rem 0.4rem 0px; }
.m-verification-container p { margin: 0px; line-height: 1.3; }
.m-verification-container .standard-form-field .standard-label { font-weight: 600; }
.m-verification-container .standard-button-container .standard-submit-btn { text-transform: uppercase; }
.m-deposit-landing-container { font-size: 0.25rem; }
.m-deposit-landing-container .categorized-deposit-tab-container { background: rgba(0, 0, 0, 0); margin: 0px 0px 0.42rem; padding: 0px 0.35rem; }
.m-deposit-landing-container .categorized-deposit-tab-container .categorized-deposit-tab { display: grid; grid-template-columns: repeat(3, 3fr); column-gap: 0.15rem; padding: 0px; }
.m-deposit-landing-container .categorized-deposit-tab-container .categorized-deposit-tab .active { background: linear-gradient(to right, rgb(6, 125, 176), rgb(4, 171, 194)); color: rgb(255, 255, 255); }
.m-deposit-landing-container .categorized-deposit-tab-container .categorized-deposit-tab .active span:last-child { color: rgb(255, 255, 255) !important; }
.m-deposit-landing-container .deposit-label-offline-bank-container { margin: 0px 0px 0.26rem; padding: 0px 0.35rem; }
.m-deposit-landing-container .deposit-label-offline-bank-container .deposit-label-offline-bank { display: grid; grid-template-columns: 80% auto; }
.m-deposit-landing-container .deposit-label-offline-bank-container .deposit-label-offline-bank.show-bank { grid-template-columns: 80% auto auto; }
.m-deposit-landing-container .deposit-label-offline-bank-container .deposit-label-offline-bank .st-title { color: rgb(15, 22, 31); font-weight: 600; font-size: 0.3rem; margin: 0px; }
.m-deposit-landing-container .deposit-label-offline-bank-container .deposit-label-offline-bank .icon-tutorial { display: flex; align-items: center; background: rgb(255, 138, 0); border-radius: 50%; padding: 0.1rem; height: 0.5rem; width: 0.5rem; }
.m-deposit-landing-container .deposit-label-offline-bank-container .deposit-label-offline-bank .icon-tutorial.inactive { filter: grayscale(1); cursor: not-allowed; }
.m-deposit-landing-container .deposit-label-offline-bank-container .deposit-label-offline-bank .icon-tutorial svg { width: 0.35rem; height: 0.35rem; fill: rgb(255, 255, 255); }
.m-deposit-landing-container .deposit-label-offline-bank-container .deposit-label-offline-bank .icon-tutorial svg path { fill: rgb(255, 255, 255); }
.m-deposit-landing-container .deposit-label-offline-bank-container .deposit-label-offline-bank .bank-offline-container { display: flex; align-items: center; }
.m-deposit-landing-container .deposit-label-offline-bank-container .deposit-label-offline-bank .bank-offline-container .bankoff-btn .img-container { position: relative; }
.m-deposit-landing-container .deposit-label-offline-bank-container .deposit-label-offline-bank .bank-offline-container .bankoff-btn .img-container svg { fill: rgb(134, 151, 162); width: 0.35rem; height: 0.35rem; }
.m-deposit-landing-container .deposit-label-offline-bank-container .deposit-label-offline-bank .bank-offline-container .bankoff-btn .img-container .red-dot { background: rgb(254, 0, 0); border-radius: 50%; bottom: 80%; height: 0.16rem; left: 80%; position: absolute; width: 0.16rem; }
.m-deposit-landing-container .deposit-label-offline-bank-icons { display: flex; justify-content: end; }
.m-deposit-landing-container .deposit-tab-container { background: rgba(0, 0, 0, 0); margin: 0px 0px 0.28rem; overflow: unset; padding: 0px 0.35rem; }
.m-deposit-landing-container .deposit-tab-container .standard-tab { display: grid; grid-template-columns: repeat(4, 0.4fr); gap: 0.3rem 0.15rem; padding: 0px; }
.m-deposit-landing-container .deposit-tab-container .standard-tab .tab-header { color: rgb(136, 153, 164); flex-direction: column; justify-content: start; padding: 0px; }
.m-deposit-landing-container .deposit-tab-container .standard-tab .tab-header .img-container { align-items: center; background: rgb(243, 245, 246); border-radius: 0.2rem; display: flex; justify-content: center; margin: 0px 0px 0.15rem; padding: 0.2rem 0px; width: 100%; }
.m-deposit-landing-container .deposit-tab-container .standard-tab .tab-header .img-container .beta-option-RQRKH:not(:root) { width: unset; }
.m-deposit-landing-container .deposit-tab-container .standard-tab .tab-header .img-container svg:not(:root) { overflow: visible; height: 0.65rem; width: 0.75rem; }
.m-deposit-landing-container .deposit-tab-container .standard-tab .tab-header .deposit-option { text-align: center; white-space: normal; }
.m-deposit-landing-container .deposit-tab-container .standard-tab .active .img-container { background: linear-gradient(to right, rgb(6, 125, 176), rgb(4, 171, 194)); }
.m-deposit-landing-container .deposit-tab-container .standard-tab .active .img-container .beta-option-RQRKH:not(:root) { fill: unset; filter: unset; width: unset; }
.m-deposit-landing-container .deposit-tab-container .standard-tab .active .img-container svg { fill: rgb(255, 255, 255); filter: brightness(0) invert(1); }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form { margin: 0px 0px 0.55rem; padding: 0px 0.35rem; }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .deposit-channel-container { background: rgba(0, 0, 0, 0); margin: 0px 0px 0.45rem; }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .deposit-channel-container .st-title { color: rgb(15, 22, 31); font-family: Inter, Prompt; font-weight: 600; margin: 0px 0px 0.26rem; }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .deposit-channel-container .standard-tab { display: grid; grid-template-columns: repeat(4, 0.4fr); gap: 0.3rem 0.15rem; align-items: flex-start; padding: 0px; }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .deposit-channel-container .standard-tab .tab-header { color: rgb(136, 153, 164); flex-direction: column; padding: 0px; justify-content: flex-start; }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .deposit-channel-container .standard-tab .tab-header .img-container { align-items: center; background: rgb(243, 245, 246); border: 0.02rem solid rgba(0, 0, 0, 0); border-radius: 0.2rem; display: flex; justify-content: center; margin: 0px 0px 0.15rem; padding: 0.2rem 0px; width: 100%; min-height: 1.1rem; }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .deposit-channel-container .standard-tab .tab-header .img-container svg, .m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .deposit-channel-container .standard-tab .tab-header .img-container img { filter: grayscale(100%); height: 0.65rem; }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .deposit-channel-container .standard-tab .tab-header .deposit-option { text-align: center; white-space: normal; }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .deposit-channel-container .standard-tab .active .img-container { background: rgb(243, 245, 246); border: 0.02rem solid rgb(255, 138, 0); }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .deposit-channel-container .standard-tab .active .img-container svg, .m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .deposit-channel-container .standard-tab .active .img-container img { filter: grayscale(0%); }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .st-title { color: rgb(15, 22, 31); display: flex; font-weight: 600; font-size: 0.3rem; margin: 0px 0px 0.26rem; text-transform: capitalize; }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list { background: rgb(243, 245, 246); border-radius: 0.2rem; margin: 0px 0px 0.72rem; padding: 0.38rem; }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item { align-items: center; display: flex; margin: 0px 0px 0.3rem; justify-content: space-between; }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item.no-margin { margin: 0px; }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item .img-container { position: relative; width: 14%; }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item .img-container svg, .m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item .img-container img { filter: grayscale(100%) opacity(0.5) brightness(100%); background: rgb(255, 255, 255); border-radius: 0.1rem; border: 0.02rem solid rgba(0, 0, 0, 0); padding: 0.05rem; height: 100%; width: 100%; transform: translateZ(0px); perspective: 1000px; backface-visibility: hidden; }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item .img-container img { width: 100%; height: 100%; }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item .img-container.online::before { position: absolute; content: ""; background: rgb(48, 225, 0); border-radius: 50%; width: 0.18rem; height: 0.18rem; top: -10%; right: -10%; z-index: 1; }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item .img-container.offline::before { position: absolute; content: ""; background: red; border-radius: 50%; width: 0.18rem; height: 0.18rem; top: -10%; right: -10%; z-index: 1; }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item .bank-name, .m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item .bank-link { color: rgb(136, 153, 164); width: 80%; }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item .bank-link { color: rgb(0, 102, 204); text-decoration: underline; }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item .bank-link:hover { text-decoration: underline !important; }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item:last-child { margin: 0px; }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .active .img-container svg, .m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .active .img-container img { filter: grayscale(0%); border: 0.02rem solid rgb(255, 138, 0); transform: translateZ(0px); perspective: 1000px; backface-visibility: hidden; }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .active .bank-name { color: rgb(15, 22, 31); }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .standard-form-field .deposit-amount-input { position: relative; width: 100%; }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .standard-form-field .deposit-amount-input input { padding: 0.05rem 0.7rem 0px 0.4rem; }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .standard-form-field .deposit-amount-input .deposit-amount-clear-button { position: absolute; top: 50%; right: 0.28rem; width: 0.35rem; transform: translateY(-50%); }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .standard-form-field .standard-label { color: rgb(15, 22, 31); font-size: 0.3rem; height: 0.4rem; margin: 0px 0px 0.26rem; }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .standard-form-field .standard-form-field-wrapper { margin: 0px 0px 0.15rem; }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .standard-form-field .standard-amount-btn-container { display: grid; grid-template-columns: repeat(4, 0.5fr); gap: 0.1rem; width: 100%; height: 100%; }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .standard-form-field .standard-amount-btn-container .amount-btn { background: rgb(243, 245, 246); border-radius: 0.1rem; color: rgb(136, 153, 164); font-size: 0.3rem; height: 0.66rem; }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .standard-form-field .standard-amount-btn-container .amount-btn.amount-btn-selected { border: 0.02rem solid rgb(255, 138, 0); }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .standard-form-field .bank-select-deposit-container { justify-content: space-between; margin: 0px; }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .standard-form-field .bank-select-deposit-container .bank-select-deposit { margin: 0px; width: 85%; }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .standard-form-field .bank-select-deposit-container .bank-add-deposit-btn { align-items: center; border: 0.01rem solid rgb(219, 224, 228); border-radius: 0.15rem; color: rgb(15, 22, 31); height: 0.75rem; margin: 0px; width: 0.8rem; min-width: 0.8rem; }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .standard-form-field .bank-select-deposit-container .bank-selected { display: flex; align-items: center; gap: 0.2rem; }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .standard-form-field .bank-select-deposit-container .bank-selected .bank-icon { display: flex; width: 0.5rem; margin: auto; }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .standard-form-field .bank-select-deposit-container .bank-selected .bank-icon .img-container { position: relative; }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .standard-form-field .bank-select-deposit-container .bank-selected .bank-icon .img-container.online::before { position: absolute; content: ""; background: rgb(48, 225, 0); border-radius: 50%; width: 0.18rem; height: 0.18rem; top: 10%; right: -10%; z-index: 1; }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .standard-form-field .bank-link { color: rgb(0, 102, 204); text-decoration: underline; margin: 0.1rem 0px; }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .standard-form-field .bank-link:hover { text-decoration: underline !important; }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-detail-field .bank-detail-label-wrapper { display: flex; width: 100%; position: relative; }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-detail-field .bank-detail-label-wrapper label { width: auto; }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-detail-field .bank-detail-label-wrapper .important-notice-container { width: 62%; display: flex; align-items: center; margin: 0px 0px 0.26rem; }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-detail-field .bank-detail-label-wrapper .important-notice-container svg { width: 0.3rem; height: 0.3rem; margin: 0.05rem 0px 0px 0.1rem; fill: rgb(197, 210, 216); }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-detail-field .bank-detail-label-wrapper .important-notice-box { position: absolute; width: auto; bottom: 105%; left: 0%; padding: 0.1rem; background: rgb(255, 255, 255); color: rgb(0, 0, 0); border-radius: 0.1rem; z-index: 1; box-shadow: rgb(155, 155, 155) 0.02rem 0.03rem 0.05rem; display: flex; word-break: break-word; }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .receipt-container .receipt-image-box { margin: 0.15rem 0px 0px; }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .receipt-container .receipt-image-box img { width: 100%; }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .receipt-container .receipt-image-box .pdf-name { color: rgb(134, 151, 162); }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .receipt-container .receipt-image-box .pdf-clear { margin-left: 0.1rem; width: 0.3rem; }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .receipt-container .standard-error-validation { margin: 0.1rem 0px 0.3rem; }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .transaction-button-section { margin: 0.28rem 0px 0px; }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .transaction-button-section .standard-button-container { justify-content: space-between; }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .transaction-button-section .standard-button-container button { border-radius: 0.1rem; font-size: 0.3rem; height: 0.75rem; }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .transaction-button-section .standard-button-container .standard-submit-button { margin: 0px; width: 100%; }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .transaction-button-section .standard-button-container .standard-submit-form-button { background: rgb(130, 204, 253); width: 49%; }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .transaction-button-section .standard-button-container svg { width: auto; height: 0.4rem; margin-right: 0.03rem; }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .important-note { color: red; font-size: 0.26rem; }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .important-note span:first-child { text-transform: capitalize; }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .reminder-note { border-radius: 0.1rem; border: 0.01rem solid rgb(219, 224, 228); color: rgb(136, 153, 164); font-size: 0.22rem; padding: 0.38rem 0.42rem 0.5rem 0.38rem; margin: 0.88rem 0px 0.82rem; }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .reminder-note ul li { list-style: disc; margin: 0.2rem 0px 0.2rem 0.22rem; }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .tool-tip-container { display: flex; margin: 0.09rem; gap: 0.1rem; }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .tool-tip-container svg { fill: rgb(219, 224, 228); width: 0.35rem; }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .tool-tip-container span { color: red; font-size: 0.22rem; display: flex; align-items: center; }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .tool-tip-container .currency-tooltip { color: rgb(15, 22, 31); }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-note-section { border-top: 0.2rem solid rgb(243, 245, 246); }
.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-note-section .transaction-notes-container .notes-modal .note-info-detail { background: rgb(255, 255, 255); border-radius: 0.1rem; }
.m-bank-apps-container .standard-form-container .transaction-button-section .standard-button-container .standard-submit-button { width: 49% !important; }
.m-bank-transfer-container .standard-form-container .standard-form-field .payment-method-select-dropdown-container { margin: 0px; }
.m-bank-transfer-container .standard-form-container .transaction-button-section .standard-button-container .standard-submit-button { width: 100%; }
.m-bank-transfer-container .standard-form-container .receipt-image-box { margin: 0.15rem 0px; }
.m-bank-transfer-container .standard-form-container .receipt-image-box img { width: 100%; }
.m-bank-transfer-container .standard-form-container .receipt-image-box .pdf-name { font-size: 0.3rem; color: rgb(134, 151, 162); }
.m-bank-transfer-container .standard-form-container .receipt-image-box .pdf-clear { margin-left: 0.1rem; width: 0.3rem; }
.m-bank-transfer-container .standard-form-container .btm-tool-tip-container { align-items: center; display: flex; width: 100%; margin: 0.25rem 0px 0px; }
.m-bank-transfer-container .standard-form-container .btm-tool-tip-container svg { fill: rgb(199, 210, 215); margin: 0px 0.15rem 0px 0px; width: 0.3rem; height: 0.3rem; }
.m-bank-transfer-container .standard-form-container .btm-tool-tip-container span { font-size: 0.25rem; }
.m-bank-transfer-container .standard-form-container .bank-statement-wrapper { display: grid; grid-template-columns: 1fr 40%; gap: 0.15rem; }
.m-bank-transfer-container .standard-form-container .bank-statement-wrapper .upload-receipt-btn { display: flex; justify-content: center; align-items: center; gap: 0.1rem; width: 100%; height: 0.75rem; background: rgb(255, 255, 255); color: rgb(136, 153, 164); border: 0.02rem solid rgb(219, 224, 228); border-radius: 0.15rem; font-size: 0.28rem; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0.1rem; }
.m-bank-transfer-container .standard-form-container .bank-statement-wrapper .upload-receipt-btn svg { width: 0.3rem; }
.m-bank-transfer-container .standard-form-container .bank-statement-wrapper .upload-receipt-btn.with-attachment { color: rgb(0, 113, 227); }
.m-bank-transfer-container .standard-form-container .bank-statement-wrapper .upload-receipt-btn.with-attachment svg { width: 0.5rem; }
.m-bank-transfer-container .standard-form-container .bank-statement-wrapper .receipt-control-section { display: flex; justify-content: center; align-items: center; gap: 0.1rem; height: 100%; }
.m-bank-transfer-container .standard-form-container .bank-statement-wrapper .receipt-control-section .preview-receipt-btn { display: block; width: 100%; height: 0.75rem; background: rgb(0, 113, 227); border-radius: 0.15rem; }
.m-bank-transfer-container .standard-form-container .bank-statement-wrapper .receipt-control-section .delete-receipt-btn { display: block; width: 15%; height: 0.75rem; background: rgba(0, 0, 0, 0); }
.m-bank-transfer-container .standard-form-container .bank-statement-wrapper .receipt-control-section div p { font-weight: 600; }
.m-bank-transfer-container .standard-form-container .m-region-qr-container .bank-qrcode { margin: 0.78rem 0px; }
.m-region-qr-container .bank-qrcode { margin: 0px 0px 0.78rem; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.m-region-qr-container .bank-qrcode .frame { position: relative; margin: 0px 0px 0.25rem; padding: 0.15rem; border: 0.05rem solid rgb(134, 151, 162); border-radius: 0.2rem; }
.m-region-qr-container .bank-qrcode .frame .top-mask { background: rgb(255, 255, 255); position: absolute; top: -0.05rem; left: 25%; height: 0.05rem; width: 50%; }
.m-region-qr-container .bank-qrcode .frame .right-mask { background: rgb(255, 255, 255); position: absolute; top: 25%; right: -0.05rem; height: 50%; width: 0.05rem; }
.m-region-qr-container .bank-qrcode .frame .bottom-mask { background: rgb(255, 255, 255); position: absolute; bottom: -0.05rem; left: 25%; height: 0.05rem; width: 50%; }
.m-region-qr-container .bank-qrcode .frame .left-mask { background: rgb(255, 255, 255); position: absolute; top: 25%; left: -0.05rem; height: 50%; width: 0.05rem; }
.m-region-qr-container .bank-qrcode .frame img { width: 3rem; }
.m-region-qr-container .standard-form-container .standard-form-field .payment-method-select-dropdown-container { margin: 0px; }
.m-region-qr-container .standard-form-container .transaction-button-section .standard-button-container .standard-submit-button { width: 49% !important; }
.m-deposit-crypto-container .standard-form-container .bank-list-container .bank-list .bank-item .coin-name { color: rgb(136, 153, 164); width: 80%; }
.m-deposit-crypto-container .standard-form-container .bank-list-container .bank-list .active .coin-name { color: rgb(15, 22, 31); }
.m-deposit-crypto-container .standard-form-container .qr-form-field { margin: 0px 0px 0.66rem; }
.m-deposit-crypto-container .standard-form-container .qr-form-field .standard-label { color: rgb(15, 22, 31); font-weight: 600; font-size: 0.3rem; margin: 0px 0px 0.26rem; }
.m-deposit-crypto-container .standard-form-container .qr-form-field .qr-container { display: flex; justify-content: space-between; margin: 0px 0px 0.66rem; }
.m-deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-box { display: flex; flex-direction: column; width: 36%; }
.m-deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-box .qr-canvas { margin: 0px 0px 0.32rem; height: auto !important; width: 100% !important; }
.m-deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-box button { background: rgb(243, 245, 246); border-radius: 0.1rem; color: rgb(136, 153, 164); font-size: 0.26rem; padding: 0.2rem 0px; }
.m-deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info { width: 55%; }
.m-deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info .info { color: rgb(136, 153, 164); }
.m-deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info .info-ratio { color: rgb(15, 22, 31); margin: 0px 0px 0.32rem; }
.m-deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info .important-note { color: red; font-size: 0.26rem; text-transform: uppercase; }
.m-deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info .reminder { align-items: center; display: flex; justify-content: flex-start; margin: 0.4rem 0px 0px; }
.m-deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info .reminder svg { fill: rgb(199, 210, 215); height: 0.4rem; margin: 0px 0.1rem 0px 0px; width: 0.4rem; }
.m-deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info .reminder span { color: rgb(15, 22, 31); font-size: 0.22rem; }
.m-deposit-crypto-container .standard-form-container .qr-form-field .share-address-container { margin: 0px 0px 0.3rem; }
.m-deposit-crypto-container .standard-form-container .qr-form-field .share-address-container .address-link { color: rgb(136, 153, 164); margin: 0px 0px 0.36rem; }
.m-deposit-crypto-container .standard-form-container .qr-form-field .share-address-container .crypto-address-btn-container button { align-items: center; background: rgb(243, 245, 246); border-radius: 0.1rem; color: rgb(15, 22, 31); display: flex; height: 0.75rem; justify-content: space-between; padding: 0px 0.3rem; width: 100%; }
.m-deposit-crypto-container .standard-form-container .qr-form-field .share-address-container .crypto-address-btn-container button .data-link { display: -webkit-box; font-size: 0.3rem; -webkit-line-clamp: 1; -webkit-box-orient: vertical; width: 80%; overflow: hidden; }
.m-deposit-crypto-container .standard-form-container .qr-form-field .share-address-container .crypto-address-btn-container button svg:not(:root) { overflow: visible; height: 0.4rem; width: 0.4rem; }
.m-deposit-crypto-container .standard-form-container .qr-form-field .chk-status-btn-container .chk-status-btn { background: rgb(130, 204, 253); border-radius: 0.1rem; font-size: 0.3rem; height: 0.75rem; }
.m-line-deposit-container .line-content { margin: 0px 0px 0.66rem; }
.m-line-deposit-container .line-content .instruction-slider { align-items: center; display: flex; }
.m-line-deposit-container .line-content .instruction-slider .left-arrow, .m-line-deposit-container .line-content .instruction-slider .right-arrow { background: rgba(0, 0, 0, 0); width: 10%; }
.m-line-deposit-container .line-content .instruction-slider .left-arrow svg, .m-line-deposit-container .line-content .instruction-slider .right-arrow svg { align-items: center; background: rgb(219, 233, 240); border-radius: 50%; display: flex; fill: rgb(109, 160, 221); height: 0.5rem; justify-content: center; padding: 0.1rem 0.15rem; width: 0.5rem; }
.m-line-deposit-container .line-content .instruction-slider .arrow-away { opacity: 0; }
.m-line-deposit-container .line-content .instruction-slider .right-arrow { transform: rotate(180deg); }
.m-line-deposit-container .line-content .instruction-slider .slick-list { width: 100%; }
.m-line-deposit-container .line-content .instruction-slider .slick-list .slick-track .slick-slide .line-title { align-items: center; color: rgb(15, 22, 31); font-weight: 700; display: flex; justify-content: center; }
.m-line-deposit-container .line-content .instruction-slider .slick-list .slick-track .slick-slide .img-container img { margin: auto; width: 100% !important; }
.m-line-deposit-container .line-content .instruction-slider .slick-list .slick-track .slick-slide .desc { align-items: center; display: flex; flex-direction: column; justify-content: center; text-align: center; }
.m-line-deposit-container .line-content .instruction-slider .slick-list .slick-track .slick-slide .desc .step { color: rgb(15, 22, 31); }
.m-line-deposit-container .line-content .instruction-slider .slick-list .slick-track .slick-slide .desc span { color: rgb(134, 151, 162); }
.m-reload-container .standard-form-container .receipt-container { margin: 0.2rem 0px 0px; }
.m-reload-container .standard-form-container .receipt-container .standard-error-validation { margin: 0px 0px 0.3rem; }
.m-reload-container .standard-form-container .transaction-button-section .standard-button-container .standard-submit-button { width: 49% !important; }
.share-popup-container .share-popup-header { padding: 0.25rem 0px; }
.share-popup-container .share-popup-body { padding: 0px 0.66rem 0.45rem; }
.share-popup-container .share-popup-body .share-popup-body-wrapper .sm-button-container { padding: 0.1rem; }
.share-popup-container .share-popup-body .share-popup-body-wrapper .sm-button-container:not(:last-child) { margin: 0px 0px 0.3rem; }
.share-popup-container .share-popup-body .share-popup-body-wrapper .sm-button-container:hover, .share-popup-container .share-popup-body .share-popup-body-wrapper .sm-button-container:active { background: rgb(255, 138, 0); border-radius: 0.5rem; }
.share-popup-container .share-popup-body .share-popup-body-wrapper .sm-button-container:hover button span, .share-popup-container .share-popup-body .share-popup-body-wrapper .sm-button-container:hover button p, .share-popup-container .share-popup-body .share-popup-body-wrapper .sm-button-container:active button span, .share-popup-container .share-popup-body .share-popup-body-wrapper .sm-button-container:active button p { color: rgb(255, 255, 255); }
.share-popup-container .share-popup-body .share-popup-body-wrapper .sm-button-container button { align-items: center; background: rgba(0, 0, 0, 0); display: flex; margin: auto; width: 50%; padding: 0.07rem 0px; }
.share-popup-container .share-popup-body .share-popup-body-wrapper .sm-button-container button svg { height: 0.4rem; margin: 0px 0.3rem 0px 0px; width: 0.4rem; }
.share-popup-container .share-popup-body .share-popup-body-wrapper .sm-button-container button span, .share-popup-container .share-popup-body .share-popup-body-wrapper .sm-button-container button p { color: rgb(15, 22, 31); font-size: 0.3rem; }
.share-popup-container .share-popup-body .share-popup-body-wrapper .sm-button-container button p { margin: 0px; }
.m-express-deposit-container .standard-form-container .standard-form-field .bank-account-container { width: 100%; }
.m-express-deposit-container .standard-form-container .standard-form-field .bank-account-container .box-message { background: rgb(243, 245, 246); border-radius: 0.1rem; color: rgb(15, 22, 31); padding: 0.22rem 0.35rem; }
.m-express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank { align-items: flex-start; display: flex; justify-content: space-between; margin: 0px 0px 0.5rem; }
.m-express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .img-container { width: 18%; }
.m-express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .img-container img, .m-express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .img-container svg { height: 0.6rem; width: 0.6rem; }
.m-express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .info { display: flex; flex-direction: column; width: 100%; }
.m-express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .info .bank-name { align-items: center; color: rgb(15, 22, 31); display: flex; height: 0.6rem; margin: 0px 0px 0.1rem; }
.m-express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .info .account-name { color: rgb(136, 153, 164); margin: 0px 0px 0.25rem; }
.m-express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .info .standard-form-field-wrapper { margin: 0px; }
.m-express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .info .qrcode-container { margin: 0.25rem 0px 0px; }
.m-express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .info .qrcode-container .qrcode { width: 2rem; }
.m-express-deposit-container .standard-form-container .standard-form-field .transaction-button-section { width: 100%; margin: 0.1rem 0px 0px !important; }
.m-express-deposit-container .standard-form-container .standard-form-field .transaction-button-section .standard-button-container .standard-submit-button { background: rgb(130, 204, 253); width: 49% !important; }
.m-express-deposit-container .standard-form-container .standard-form-field .transaction-button-section .express-add-bank { color: red; font-size: 0.22rem; }
.m-express-deposit-container .standard-form-container .reminder-note { border-radius: 0.1rem; border: 0.01rem solid rgb(219, 224, 228); color: rgb(136, 153, 164); font-size: 0.22rem; margin: 0.88rem 0px 0.82rem; padding: 0.38rem 0.42rem 0.5rem 0.38rem; }
.m-express-deposit-container .standard-form-container .reminder-note ul li { list-style: disc; margin: 0.2rem 0px 0.2rem 0.22rem; }
@media (max-width: 768px) { .select-bank-popup-container .bank-field .standard-form-field-wrapper { justify-content: space-between; } .select-bank-popup-container .bank-field .standard-form-field-wrapper .standard-select, .select-bank-popup-container .bank-field .standard-form-field-wrapper .standard-select-dropdown { width: 88%; } .select-bank-popup-container .bank-field .standard-form-field-wrapper .add-button { background: rgb(199, 210, 215); border-radius: 50%; height: 0.6rem; padding: 0.15rem 0.12rem; width: 0.6rem; }
}
.m-transfer-container .weekly-total-wrapper { align-items: center; display: grid; width: 100%; justify-content: center; padding: 0px 0.42rem 0.25rem; grid-template-columns: 95% 5%; }
.m-transfer-container .weekly-total-wrapper .weekly-total-container { display: flex; text-align: right; align-items: center; background: rgb(243, 245, 246); padding: 0.15rem 0.4rem; border-radius: 0.3rem; }
.m-transfer-container .weekly-total-wrapper .weekly-total-container .weekly-total { display: flex; align-items: center; font-size: 0.3rem; }
.m-transfer-container .weekly-total-wrapper .weekly-total-container .weekly-total .title { color: rgb(15, 22, 31); -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; padding: 0px 0.15rem 0px 0px; }
.m-transfer-container .weekly-total-wrapper .weekly-total-container .weekly-total .amount { color: rgb(1, 112, 227); margin: 0px; padding: 0px 0.15rem 0px 0px; position: absolute; right: 1.7rem; }
.m-transfer-container .weekly-total-wrapper .weekly-total-container .weekly-total .refresh-icon { fill: url("#beta-refresh-gradient"); width: 0.3rem; margin: 0px; position: absolute; right: 1.4rem; }
.m-transfer-container .weekly-total-wrapper .weekly-total-container .weekly-total .refresh-icon.active { transition: transform 500ms cubic-bezier(0.85, -0.48, 0.26, 0.67); transform: translateZ(0px) rotateZ(-540360deg); }
.m-transfer-container .weekly-total-wrapper .weekly-total-container .weekly-total .important-notice-box { background: rgb(255, 255, 255); border-radius: 0.1rem; box-shadow: rgb(155, 155, 155) 0.02rem 0.03rem 0.05rem; color: rgb(15, 22, 31); display: flex; font-size: 0.22rem; left: 13%; padding: 0.1rem 0.2rem; position: absolute; top: 3.5rem; width: 77%; }
.m-transfer-container .weekly-total-wrapper .weekly-total-container .weekly-total .important-notice-box .note { margin: 0px 0.1rem 0px 0px; }
.m-transfer-container .weekly-total-wrapper svg:not(:root) { overflow: visible; height: 0.26rem; width: 0.26rem; justify-self: end; }
.m-transfer-container .weekly-total-wrapper svg:not(:root):last-child { fill: rgb(199, 210, 215); }
.m-transfer-container .provider-balance-section { margin: 0px 0px 0.56rem; }
.m-transfer-container .provider-balance-section .show-balance-field .provider-balance-wrapper { background: rgba(0, 0, 0, 0); border: 0px; color: rgb(15, 22, 31); font-size: 0.3rem; width: 100%; padding: 0.05rem 0.35rem 0px; }
.m-transfer-container .provider-balance-section .show-balance-field .provider-balance-wrapper .standard-select { background: rgb(243, 245, 246); border: 0px; border-radius: 0.05rem; color: rgb(15, 22, 31); }
.m-transfer-container .provider-balance-section .show-balance-field .provider-balance-wrapper .standard-select .standard-select-arrow { margin: 0px 0.3rem 0px 0px; }
.m-transfer-container .m-transfer-form { margin: 0px 0.42rem; }
.m-transfer-container .m-transfer-form .standard-form-field { margin: 0px 0px 0.66rem; }
.m-transfer-container .m-transfer-form .standard-form-field .standard-label { color: rgb(15, 22, 31); font-size: 0.3rem; margin: 0px 0px 0.26rem; text-transform: capitalize; }
.m-transfer-container .m-transfer-form .standard-form-field .standard-form-field-wrapper .floating-wallet { background: rgb(243, 245, 246); left: 0px; top: 0.8rem; width: 100%; position: unset; }
.m-transfer-container .m-transfer-form .standard-form-field .standard-form-field-wrapper .floating-wallet .provider-category-container { margin: 0px 0px 0.1rem; }
.m-transfer-container .m-transfer-form .standard-form-field .standard-form-field-wrapper .floating-wallet .provider-category-container .provider-category { height: 0.62rem; padding: 0.06rem 0.3rem; }
.m-transfer-container .m-transfer-form .standard-form-field .standard-form-field-wrapper .floating-wallet .provider-category-container .provider-category .provider-category-balance { color: rgb(136, 153, 164); width: 68%; }
.m-transfer-container .m-transfer-form .standard-form-field .standard-form-field-wrapper .floating-wallet .provider-category-container .provider-category .provider-category-balance span { font-size: 0.3rem; }
.m-transfer-container .m-transfer-form .standard-form-field .standard-form-field-wrapper .floating-wallet .provider-category-container .provider-category .provider-mainWallet-balance { font-size: 0.26rem; }
.m-transfer-container .m-transfer-form .standard-form-field .standard-form-field-wrapper .floating-wallet .provider-category-container .provider-category .provider-mainWallet-balance svg { height: 0.3rem; margin: 0px 0px 0px 0.25rem; width: 0.3rem; }
.m-transfer-container .m-transfer-form .standard-form-field .standard-form-field-wrapper .floating-wallet .provider-category-container .provider-category .provider-balance-container { font-size: 0.26rem; }
.m-transfer-container .m-transfer-form .standard-form-field .standard-form-field-wrapper .floating-wallet .provider-category-container .provider-category .provider-balance-container svg { height: 0.3rem; margin: 0px 0px 0px 0.25rem; width: 0.3rem; }
.m-transfer-container .m-transfer-form .standard-form-field .standard-form-field-wrapper .floating-wallet .provider-category-container .category-providers { background: rgb(232, 232, 232); padding: 0px 0.3rem; }
.m-transfer-container .m-transfer-form .standard-form-field .standard-form-field-wrapper .floating-wallet .provider-category-container .category-providers .provider-balance { align-items: center; height: 0.65rem; padding: 0.12rem 0.55rem 0.12rem 0px; }
.m-transfer-container .m-transfer-form .standard-form-field .standard-form-field-wrapper .floating-wallet .provider-category-container .category-providers .provider-balance span { color: rgb(15, 22, 31); font-size: 0.3rem; }
.m-transfer-container .m-transfer-form .special-code-field .standard-form-field-container { width: 100%; }
.m-transfer-container .m-transfer-form .special-code-field .standard-form-field-container .standard-input { margin: 0px; }
.m-transfer-container .m-transfer-form .special-code-field .standard-form-field-container .valid-invalid-container { display: flex; align-items: center; margin-top: 0.1rem; }
.m-transfer-container .m-transfer-form .special-code-field .standard-form-field-container .valid-invalid-container .valid-invalid-img { width: 0.5rem; height: 0.5rem; margin-right: 0.1rem; }
.m-transfer-container .m-transfer-form .transfer-from-field .label-container { display: grid; grid-template-columns: 90% auto; justify-content: space-between; width: 100%; }
.m-transfer-container .m-transfer-form .transfer-from-field .label-container .icon-tutorial { display: flex; align-items: center; background: rgb(255, 138, 0); border-radius: 50%; padding: 0.1rem; height: 0.5rem; width: 0.5rem; }
.m-transfer-container .m-transfer-form .transfer-from-field .label-container .icon-tutorial.inactive { filter: grayscale(1); cursor: not-allowed; }
.m-transfer-container .m-transfer-form .transfer-from-field .label-container .icon-tutorial svg { width: 0.35rem; height: 0.35rem; fill: rgb(255, 255, 255); }
.m-transfer-container .m-transfer-form .standard-button-container .standard-submit-form-button { background: rgb(255, 138, 0); border-radius: 0.1rem; font-size: 0.3rem; height: 0.75rem; width: 100%; }
.m-transfer-container .provider-balance-container.all-provider-container { padding: 0.8rem 0.35rem; }
.m-transfer-container .provider-balance-container .top { display: flex; justify-content: space-between; margin: 0px 0px 0.42rem; position: relative; width: 100%; }
.m-transfer-container .provider-balance-container .top .provider-category-list-container { width: 55%; }
.m-transfer-container .provider-balance-container .top .provider-category-list-container .standard-form-field { margin: 0px; }
.m-transfer-container .provider-balance-container .top .provider-category-list-container .standard-form-field #dropdownBtn { font-size: 0.26rem; line-height: 1; }
.m-transfer-container .provider-balance-container .top .provider-category-list-container .standard-form-field .standard-select { background: rgb(255, 255, 255); border-radius: 0.5rem; padding: 0px 0.4rem; }
.m-transfer-container .provider-balance-container .top .provider-category-list-container .standard-form-field .standard-select-arrow { right: 0.3rem; top: 0.24rem; }
.m-transfer-container .provider-balance-container .top .provider-category-list-container .standard-form-field .category-list { background: rgb(255, 255, 255); border-radius: 0.1rem; padding: 0.44rem 0.24rem 0.52rem; position: absolute; top: 100%; left: 0px; width: 100%; z-index: 1; border: 0.01rem solid rgb(214, 214, 214); }
.m-transfer-container .provider-balance-container .top .provider-category-list-container .standard-form-field .category-list p { color: rgb(136, 153, 164); margin: 0px 0px 0.1rem; padding: 0.25rem; }
.m-transfer-container .provider-balance-container .provider-list-container .list-box { margin: 0px 0px 0.66rem; }
.m-transfer-container .provider-balance-container .provider-list-container .list-box .box-title { margin: 0px 0px 0.26rem; }
.m-transfer-container .provider-balance-container .provider-list-container .list-box .box-provider { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.5rem 0.15rem; }
.m-transfer-container .provider-balance-container .provider-list-container .list-box .box-provider .provider-item { background: rgb(243, 245, 246); border-radius: 0.1rem; font-size: 0.26rem; padding: 0.2rem; position: relative; }
.m-transfer-container .provider-balance-container .provider-list-container .list-box .box-provider .provider-item .pi-status { align-items: center; display: flex; margin: 0px 0px 0.2rem; }
.m-transfer-container .provider-balance-container .provider-list-container .list-box .box-provider .provider-item .pi-status svg { background: rgb(0, 0, 0); border-radius: 0.1rem; height: 0.65rem; margin: 0px 0.2rem 0px 0px; padding: 0.05rem; width: 0.65rem; }
.m-transfer-container .provider-balance-container .provider-list-container .list-box .box-provider .provider-item .pi-status .pi-content .pi-name { color: rgb(15, 22, 31); }
.m-transfer-container .provider-balance-container .provider-list-container .list-box .box-provider .provider-item .pi-status .pi-content .pi-balance { color: rgb(1, 112, 227); margin: 0px; }
.m-transfer-container .provider-balance-container .provider-list-container .list-box .box-provider .provider-item .turnover-allin-container { background: rgb(255, 255, 255); border-radius: 0.1rem; color: rgb(136, 153, 164); display: flex; justify-content: space-between; padding: 0.1rem 0.15rem 0.1rem 0.25rem; flex-flow: wrap; }
.m-transfer-container .provider-balance-container .provider-list-container .list-box .box-provider .provider-item .turnover-allin-container span:first-child { text-transform: lowercase; }
.m-transfer-container .provider-balance-container .provider-list-container .list-box .box-provider .provider-item .turnover-allin-container img { width: 0.4rem; height: 0.4rem; }
.m-transfer-container .provider-balance-container .provider-list-container .list-box .box-provider .provider-item .pi-allin-btn { align-items: center; background: rgb(134, 151, 162); color: rgb(255, 255, 255); border-radius: 0.5rem; display: flex; justify-content: center; font-size: 0.26rem; height: 0.35rem; left: 20%; top: 90%; width: 1.95rem; margin: 0.2rem auto 0px; }
.m-withdrawal-landing { font-size: 0.26rem; }
.m-withdrawal-landing .withdraw-tab-container { background: rgba(0, 0, 0, 0); margin: 0px 0px 0.28rem; padding: 0px 0.35rem; }
.m-withdrawal-landing .withdraw-tab-container .withdraw-tab-header { display: grid; grid-template-columns: 90% auto; justify-content: space-between; width: 100%; margin: 0px 0px 0.26rem; }
.m-withdrawal-landing .withdraw-tab-container .withdraw-tab-header .st-title { color: rgb(15, 22, 31); font-weight: 600; font-size: 0.3rem; margin: 0px; }
.m-withdrawal-landing .withdraw-tab-container .withdraw-tab-header .icon-tutorial { display: flex; align-items: center; background: rgb(255, 138, 0); border-radius: 50%; padding: 0.1rem; height: 0.5rem; width: 0.5rem; }
.m-withdrawal-landing .withdraw-tab-container .withdraw-tab-header .icon-tutorial.inactive { filter: grayscale(1); cursor: not-allowed; }
.m-withdrawal-landing .withdraw-tab-container .withdraw-tab-header .icon-tutorial svg { width: 0.35rem; height: 0.35rem; fill: rgb(255, 255, 255); }
.m-withdrawal-landing .withdraw-tab-container .standard-tab { display: grid; grid-template-columns: repeat(4, 0.4fr); gap: 0.3rem 0.15rem; padding: 0px; }
.m-withdrawal-landing .withdraw-tab-container .standard-tab .tab-header { color: rgb(136, 153, 164); flex-direction: column; justify-content: start; padding: 0px; }
.m-withdrawal-landing .withdraw-tab-container .standard-tab .tab-header .img-container { align-items: center; background: rgb(243, 245, 246); border-radius: 0.2rem; display: flex; justify-content: center; margin: 0px 0px 0.15rem; padding: 0.2rem 0px; width: 100%; }
.m-withdrawal-landing .withdraw-tab-container .standard-tab .tab-header .img-container img { overflow: visible; height: 0.65rem; width: 0.75rem; }
.m-withdrawal-landing .withdraw-tab-container .standard-tab .tab-header .img-container svg:not(:root) { overflow: visible; height: 0.65rem; width: 0.75rem; }
.m-withdrawal-landing .withdraw-tab-container .standard-tab .tab-header .withdraw-option { text-align: center; white-space: normal; }
.m-withdrawal-landing .withdraw-tab-container .standard-tab .active .img-container { background: linear-gradient(to right, rgb(6, 125, 176), rgb(4, 171, 194)); }
.m-withdrawal-landing .withdraw-tab-container .standard-tab .active .img-container svg, .m-withdrawal-landing .withdraw-tab-container .standard-tab .active .img-container img { fill: rgb(255, 255, 255); filter: brightness(0) invert(1); }
.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form { margin: 0px 0px 0.56rem; padding: 0px 0.35rem; }
.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-detail-field, .m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .withdraw-method { margin-top: 0px; }
.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .st-title { font-weight: 600; font-size: 0.3rem; color: rgb(15, 22, 31); margin: 0px 0px 0.26rem; text-transform: capitalize; }
.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .deposit-channel-container { background: rgba(0, 0, 0, 0); margin: 0px 0px 0.45rem; }
.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .deposit-channel-container .standard-tab { display: grid; grid-template-columns: repeat(4, 0.4fr); gap: 0.3rem 0.15rem; padding: 0px; }
.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .deposit-channel-container .standard-tab .tab-header { color: rgb(136, 153, 164); flex-direction: column; padding: 0px; }
.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .deposit-channel-container .standard-tab .tab-header .img-container { align-items: center; background: rgb(243, 245, 246); border: 0.02rem solid rgba(0, 0, 0, 0); border-radius: 0.2rem; display: flex; justify-content: center; margin: 0px 0px 0.15rem; padding: 0.2rem 0px; width: 100%; }
.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .deposit-channel-container .standard-tab .tab-header .img-container svg, .m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .deposit-channel-container .standard-tab .tab-header .img-container img { filter: grayscale(100%); height: 0.65rem; width: 0.75rem; }
.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .deposit-channel-container .standard-tab .tab-header .deposit-option { text-align: center; white-space: normal; }
.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .deposit-channel-container .standard-tab .active .img-container { background: rgb(243, 245, 246); border: 0.02rem solid rgb(255, 138, 0); }
.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .deposit-channel-container .standard-tab .active .img-container svg, .m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .deposit-channel-container .standard-tab .active .img-container img { filter: grayscale(0%); }
.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-list-container { background: rgb(243, 245, 246); border-radius: 0.2rem; margin: 0.26rem 0px 0px; padding: 0.38rem; width: 100%; }
.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-item { align-items: center; display: flex; margin: 0px 0px 0.3rem; justify-content: space-between; }
.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-item .img-container { position: relative; width: 14%; }
.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-item .img-container svg, .m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-item .img-container img { filter: grayscale(100%) opacity(0.5) brightness(100%); background: rgb(255, 255, 255); border-radius: 0.1rem; border: 0.02rem solid rgba(0, 0, 0, 0); padding: 0.05rem; width: 100%; height: 100%; }
.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-item .bank-name { color: rgb(136, 153, 164); width: 80%; }
.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-item:last-child { margin: 0px; }
.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-item.active .img-container svg, .m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-item.active .img-container img { filter: grayscale(0%); border: 0.02rem solid rgb(255, 138, 0); transform: translateZ(0px); perspective: 1000px; backface-visibility: hidden; }
.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-item.active .bank-name { color: rgb(15, 22, 31); }
.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .standard-submit-form-button { background: rgb(129, 203, 252); border-radius: 0.1rem; font-size: 0.3rem; height: 0.75rem; margin: 0.14rem 0px 0px; width: 100%; text-transform: capitalize; }
.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .acc-name-field { margin-top: 0.24rem; }
.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .acc-name-field.add-spacing { margin-top: 0.5rem; }
.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .standard-form-field .standard-label { color: rgb(15, 22, 31); font-weight: 600; font-size: 0.3rem; height: 0.4rem; margin: 0px 0px 0.1rem; text-transform: capitalize; }
.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .standard-form-field .tool-tip-container { align-items: center; color: rgb(136, 153, 164); display: flex; font-size: 0.22rem; margin: 0.18rem 0px 0px; }
.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .standard-form-field .tool-tip-container svg { fill: rgb(199, 210, 215); height: 0.3rem; width: 0.3rem; margin: 0px 0.18rem 0px 0px; }
.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .standard-form-field .standard-form-field-wrapper .standard-form-field .bank-selected { display: flex; align-items: center; gap: 0.2rem; }
.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .standard-form-field .standard-form-field-wrapper .standard-form-field .bank-selected .bank-icon { display: flex; width: 0.5rem; margin: auto; }
.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .standard-form-field .standard-form-field-wrapper .standard-form-field .bank-selected .bank-icon .img-container { position: relative; }
.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .standard-form-field .standard-form-field-wrapper .standard-form-field .bank-selected .bank-icon .img-container.online::before { position: absolute; content: ""; background: rgb(48, 225, 0); border-radius: 50%; width: 0.18rem; height: 0.18rem; top: 10%; right: -10%; z-index: 1; }
.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .standard-form-field .standard-form-field-wrapper.bank-select-deposit-container { margin-bottom: 0px; }
.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .standard-form-field .standard-form-field-wrapper.bank-select-deposit-container .bank-select-deposit { margin-bottom: 0px; }
.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .standard-form-field .channel-select-withdraw-container { width: 100%; }
.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-statement-section .receipt-image-box { margin: 0px 0px 0.15rem; }
.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-statement-section .receipt-image-box img { width: 100%; }
.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-statement-section .receipt-image-box .pdf-name { font-size: 0.3rem; color: rgb(134, 151, 162); }
.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-statement-section .receipt-image-box .pdf-clear { margin-left: 0.1rem; width: 0.3rem; }
.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-statement-section .btm-tool-tip-container { align-items: center; display: flex; width: 100%; margin: 0.25rem 0px 0px; }
.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-statement-section .btm-tool-tip-container svg { fill: rgb(199, 210, 215); margin: 0px 0.15rem 0px 0px; width: 0.3rem; height: 0.3rem; }
.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-statement-section .btm-tool-tip-container span { font-size: 0.25rem; }
.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-statement-section .bank-statement-wrapper { display: grid; grid-template-columns: 1fr 40%; gap: 0.15rem; }
.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-statement-section .bank-statement-wrapper .upload-receipt-btn { display: flex; justify-content: center; align-items: center; gap: 0.1rem; width: 100%; height: 0.75rem; background: rgb(255, 255, 255); color: rgb(136, 153, 164); border: 0.02rem solid rgb(219, 224, 228); border-radius: 0.15rem; font-size: 0.28rem; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0.1rem; }
.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-statement-section .bank-statement-wrapper .upload-receipt-btn svg { width: 0.3rem; }
.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-statement-section .bank-statement-wrapper .upload-receipt-btn.with-attachment { color: rgb(0, 113, 227); }
.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-statement-section .bank-statement-wrapper .upload-receipt-btn.with-attachment svg { width: 0.5rem; }
.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-statement-section .bank-statement-wrapper .receipt-control-section { display: flex; justify-content: center; align-items: center; gap: 0.1rem; }
.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-statement-section .bank-statement-wrapper .receipt-control-section .preview-receipt-btn { display: block; width: 100%; height: 0.75rem; background: rgb(0, 113, 227); border-radius: 0.15rem; }
.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-statement-section .bank-statement-wrapper .receipt-control-section .delete-receipt-btn { display: block; width: 15%; height: 0.75rem; background: rgba(0, 0, 0, 0); }
.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-statement-section .bank-statement-wrapper .receipt-control-section div p { font-weight: 600; }
.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .transaction-button-section { margin: 0.3rem 0px; }
.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .transaction-button-section .standard-button-container { justify-content: space-between; }
.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .transaction-button-section .standard-button-container button { border-radius: 0.1rem; font-size: 0.3rem; height: 0.75rem; }
.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .transaction-button-section .standard-button-container .standard-submit-button { margin: 0px; width: 100%; }
.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .transaction-button-section .standard-button-container .standard-submit-form-button { background: rgb(130, 204, 253); width: 49%; }
.m-withdrawal-landing .m-standard-transaction-container .m-transaction-note-section { border-top: 0.2rem solid rgb(243, 245, 246); }
.m-withdrawal-landing .m-standard-transaction-container .m-transaction-note-section .transaction-notes-container .notes-modal .note-info-detail { background: rgb(255, 255, 255); border-radius: 0.1rem; }
.m-crypto-withdrawal-container .standard-form-container .qr-container { align-items: end; display: flex; justify-content: space-between; margin: 0.32rem 0px 0.73rem; }
.m-crypto-withdrawal-container .standard-form-container .qr-container .qr-info { align-items: flex-end; color: rgb(15, 22, 31); display: flex; justify-content: space-between; margin: 0px 0px 0px 0.38rem; width: 86%; }
.m-crypto-withdrawal-container .standard-form-container .qr-container .qr-info .left-info { width: 52%; }
.m-crypto-withdrawal-container .standard-form-container .qr-container .qr-info .left-info .info-title { color: rgb(136, 153, 164); }
.m-crypto-withdrawal-container .standard-form-container .qr-container .qr-info .left-info .info-chain { color: rgb(136, 153, 164); text-transform: uppercase; }
.m-crypto-withdrawal-container .standard-form-container .qr-container .qr-info .right-info { width: 43%; }
.m-crypto-withdrawal-container .standard-form-container .qr-container .btn-refresh { background: rgb(199, 210, 215); border-radius: 50%; display: flex; height: 0.6rem; width: 0.6rem; padding: 0.1rem; margin: 0px 0px 0.05rem; }
.m-crypto-withdrawal-container .standard-form-container .qr-container .btn-refresh svg { width: 100%; }
.m-crypto-withdrawal-container .standard-form-container .qr-container .btn-refresh svg * { fill: rgb(255, 255, 255); }
.m-crypto-withdrawal-container .standard-form-container .standard-form-field .address-select-withdraw-container { align-items: center; display: flex; justify-content: space-between; width: 100%; }
.m-crypto-withdrawal-container .standard-form-container .standard-form-field .address-select-withdraw-container .standard-form-field { margin: 0px; width: 88%; }
.m-crypto-withdrawal-container .standard-form-container .standard-form-field .address-select-withdraw-container .standard-add-button { align-items: center; background: rgb(199, 210, 215); color: rgb(255, 255, 255); border-radius: 50%; display: flex; font-size: 0.6rem; justify-content: center; height: 0.6rem; width: 0.6rem; }
.m-crypto-withdrawal-container .standard-form-container .reminder-note { border-radius: 0.1rem; border: 0.01rem solid rgb(219, 224, 228); color: rgb(136, 153, 164); font-size: 0.22rem; padding: 0.38rem 0.42rem 0.5rem 0.38rem; }
.m-crypto-withdrawal-container .standard-form-container .reminder-note h4 { font-weight: normal; }
.m-crypto-withdrawal-container .standard-form-container .reminder-note ul li { list-style: disc; margin: 0.2rem 0px 0.2rem 0.22rem; }
.m-history-landing-container { font-size: 0.3rem; }
.m-history-landing-container .title { color: rgb(15, 22, 31); font-weight: 600; margin: 0px 0px 0.26rem; }
.m-history-landing-container .history-control-section { margin: 0.52rem 0.42rem; }
.m-history-landing-container .history-control-section .history-type-field { margin: 0px 0px 0.68rem; }
.m-history-landing-container .history-control-section .history-type-field .standard-select-dropdown { top: 1rem; }
.m-history-landing-container .history-control-section .standard-form-field .standard-input, .m-history-landing-container .history-control-section .standard-form-field .standard-select { border: 0.02rem solid rgb(219, 224, 228); color: rgb(136, 153, 164); }
.m-history-landing-container .history-control-section .standard-form-field .standard-select .standard-select-dropdown .standard-select-options { color: rgb(136, 153, 164); }
.m-history-landing-container .history-control-section .standard-form-field .standard-select .standard-select-dropdown .active { color: rgb(255, 255, 255); }
.m-history-landing-container .history-control-section .standard-setting-table-container .history-form { display: flex; justify-content: space-between; }
.m-history-landing-container .history-control-section .standard-setting-table-container .history-form:first-child { margin: 0px 0px 0.68rem; }
.m-history-landing-container .history-control-section .standard-setting-table-container .history-form .standard-form-field-container { width: 49%; }
.m-history-landing-container .history-control-section .standard-setting-table-container .history-form .standard-form-field-container .standard-label { color: rgb(15, 22, 31); font-weight: 600; margin: 0px 0px 0.26rem; }
.m-history-landing-container .history-control-section .standard-setting-table-container .history-form .standard-form-field-container .standard-mandatory::after { color: rgb(224, 8, 45); font-size: 0.36rem; }
.m-history-landing-container .history-control-section .standard-setting-table-container .history-form .standard-form-field-container .standard-form-field { margin: 0.26rem 0px 0px; }
.m-history-landing-container .history-control-section .standard-setting-table-container .history-form .standard-form-field-container .standard-form-field .react-datepicker-wrapper .react-datepicker__input-container .standard-input { justify-content: space-between; }
.m-history-landing-container .history-control-section .standard-setting-table-container .history-form .standard-form-field-container .standard-form-field .react-datepicker-wrapper .react-datepicker__input-container .standard-input .beta-calendar { height: 0.4rem; width: 0.4rem; overflow: visible; }
.m-history-landing-container .history-control-section .standard-setting-table-container .history-form .standard-form-field-container .standard-form-field .react-datepicker__tab-loop .react-datepicker-popper { font-size: 0.24rem; }
.m-history-landing-container .history-control-section .standard-setting-table-container .history-form .transaction-type-selection, .m-history-landing-container .history-control-section .standard-setting-table-container .history-form .status-selection { margin: 0px 0px 0.68rem; }
.m-history-landing-container .history-control-section .standard-setting-table-container .standard-submit-btn { background: rgb(255, 138, 0); border-radius: 0.1rem; font-size: 0.3rem; height: 0.75rem; margin: 0px; width: 100%; }
.m-history-landing-container .history-control-section .history-container .standard-submit-button { width: 100%; }
.m-history-landing-container .history-info-container .m-history-betting-summary-table-container .standard-st-table-wrapper { white-space: nowrap; width: 100%; overflow-x: scroll; }
.m-history-landing-container .history-info-container .m-history-betting-summary-table-container .standard-st-table-wrapper thead tr th { padding: 0.1rem 0.15rem; }
.m-history-landing-container .history-info-container .pagination-content { font-size: 0.26rem; margin: 0.55rem 0px 0px; text-align: center; }
.m-history-landing-container .history-info-container .pagination-content .page-count { color: rgb(15, 22, 31); font-weight: 600; margin: 0px 0px 0.36rem; }
.m-history-landing-container .history-info-container .pagination-content .pagination { align-items: center; display: flex; justify-content: center; }
.m-history-landing-container .history-info-container .pagination-content .pagination .page-item { margin: 0px 0.25rem; }
.m-history-landing-container .history-info-container .pagination-content .pagination .page-item .arrow-icon svg { fill: rgb(136, 153, 164); height: 0.18rem; width: 0.18rem; }
.m-history-landing-container .history-info-container .pagination-content .pagination .active .arrow-icon { align-items: center; background: rgb(243, 245, 246); border-radius: 50%; color: rgb(136, 153, 164); font-weight: 600; display: flex; height: 0.52rem; justify-content: center; width: 0.52rem; }
.m-custom-popup-overlay .m-popup-history-detail .data-container .data-content .info-result { }
.m-custom-popup-overlay .m-popup-history-detail .data-container .data-content .info-result.status-A { color: rgb(0, 113, 227); }
.m-instant-rebate-container { font-size: 0.26rem; }
.m-instant-rebate-container .instant-rebate-tab-container { background: unset; margin: 0.55rem 0px 0.5rem; padding: 0px 0.45rem; }
.m-instant-rebate-container .instant-rebate-tab-container .standard-tab { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0px 0.15rem; padding: 0px; height: 0.8rem; }
.m-instant-rebate-container .instant-rebate-tab-container .standard-tab .tab-header { display: flex; align-items: center; justify-content: center; padding: 0px; height: 0.65rem; background: rgb(243, 245, 246); border-radius: 0.5rem; color: rgb(136, 153, 164); }
.m-instant-rebate-container .instant-rebate-tab-container .standard-tab .tab-header.active { background: rgb(255, 138, 0); color: rgb(255, 255, 255); }
.m-instant-rebate-tab { font-size: 0.25rem; padding: 0px 0.45rem; }
.m-instant-rebate-tab .top-container { background: rgb(243, 245, 246); padding: 0.5rem; margin: 0px 0px 0.5rem; border-radius: 0.1rem; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.m-instant-rebate-tab .top-container .pending-claim { color: rgb(15, 22, 31); margin: 0px 0px 0.15rem; }
.m-instant-rebate-tab .top-container .amount-container { display: flex; justify-content: center; align-items: baseline; background: rgb(255, 255, 255); border-radius: 0.5rem; padding: 0.1rem 1rem; margin: 0px 0px 0.15rem; }
.m-instant-rebate-tab .top-container .amount-container .currency { font-size: 0.18rem; color: rgb(136, 153, 164); margin: 0px 0.15rem 0px 0px; }
.m-instant-rebate-tab .top-container .amount-container .amount { font-size: 0.25rem; font-weight: 600; color: rgb(0, 113, 227); }
.m-instant-rebate-tab .top-container .last-update { color: rgb(136, 153, 164); margin: 0px 0px 0.25rem; font-size: 0.18rem; }
.m-instant-rebate-tab .top-container .claim-all-btn { width: 100%; font-size: 0.25rem; background: rgb(255, 138, 0); color: rgb(255, 255, 255); padding: 0.1rem 0.5rem; margin: 0px 0px 0.15rem; border-radius: 0.1rem; height: 0.75rem; }
.m-instant-rebate-tab .top-container .claim-all-btn:disabled { opacity: 0.5; }
.m-instant-rebate-tab .top-container .last-claimed { color: rgb(136, 153, 164); font-size: 0.18rem; }
.m-instant-rebate-tab .top-container .claim-status { float: right; color: red; }
.m-instant-rebate-tab .bottom-container .provider-table-container { margin: 0px 0px 0.5rem; }
.m-instant-rebate-tab .bottom-container .provider-table-container .provider-table-header { display: flex; align-items: center; margin: 0px 0px 0.1rem; color: rgb(15, 22, 31); font-size: 0.28rem; }
.m-instant-rebate-tab .bottom-container .provider-table-container .provider-table-header svg { width: 0.4rem; height: 0.4rem; margin: 0px 0.1rem 0px 0px; }
.m-instant-rebate-tab .bottom-container .provider-table-container .data-container { display: flex; margin: 0px 0px 0.015rem; }
.m-instant-rebate-tab .bottom-container .provider-table-container .data-container .title { width: 50%; color: rgb(15, 22, 31); font-size: 0.28rem; text-align: center; background: rgb(232, 232, 232); padding: 0.25rem; margin: 0px 0.015rem 0px 0px; }
.m-instant-rebate-tab .bottom-container .provider-table-container .data-container .value { width: 50%; color: rgb(136, 153, 164); font-size: 0.3rem; text-align: center; background: rgb(243, 245, 246); padding: 0.25rem; }
.m-instant-rebate-tab .bottom-container .provider-table-container .divider { width: 100%; height: 0.02rem; background: rgb(247, 247, 247); margin: 0.25rem 0px; }
.m-instant-rebate-tab .show-more-container { display: flex; justify-content: center; margin: 0.25rem 0px 0px; color: rgb(136, 153, 164); text-decoration: underline; }
.ir-history-landing-container { font-size: 0.3rem; padding: 0px 0px 2rem; }
.ir-history-landing-container .ir-history-control-section { padding: 0px 0.45rem 0.6rem; }
.ir-history-landing-container .ir-history-control-section .standard-form-field .standard-input, .ir-history-landing-container .ir-history-control-section .standard-form-field .standard-select { border: 0.01rem solid rgb(219, 224, 228); color: rgb(136, 153, 164); }
.ir-history-landing-container .ir-history-control-section .standard-form-field .standard-select .standard-select-dropdown .standard-select-options { color: rgb(136, 153, 164); }
.ir-history-landing-container .ir-history-control-section .standard-form-field .standard-select .standard-select-dropdown .active { color: rgb(255, 255, 255); }
.ir-history-landing-container .ir-history-control-section .standard-setting-table-container .ir-history-form { display: flex; justify-content: space-between; }
.ir-history-landing-container .ir-history-control-section .standard-setting-table-container .ir-history-form .date-form-field-container { width: 49%; }
.ir-history-landing-container .ir-history-control-section .standard-setting-table-container .ir-history-form .date-form-field-container .standard-label { color: rgb(15, 22, 31); font-weight: 600; margin: 0px 0px 0.26rem; }
.ir-history-landing-container .ir-history-control-section .standard-setting-table-container .ir-history-form .date-form-field-container .standard-mandatory::after { color: rgb(224, 8, 45); font-size: 0.36rem; }
.ir-history-landing-container .ir-history-control-section .standard-setting-table-container .ir-history-form .date-form-field-container .standard-form-field .react-datepicker-wrapper .react-datepicker__input-container .standard-input { justify-content: space-between; }
.ir-history-landing-container .ir-history-control-section .standard-setting-table-container .ir-history-form .date-form-field-container .standard-form-field .react-datepicker-wrapper .react-datepicker__input-container .standard-input .beta-calendar { height: 0.4rem; width: 0.4rem; overflow: visible; }
.ir-history-landing-container .ir-history-control-section .standard-setting-table-container .standard-submit-btn { background: rgb(255, 138, 0); border-radius: 0.1rem; font-size: 0.3rem; height: 0.75rem; width: 100%; }
.ir-history-landing-container .ir-history-info-container .pagination-content { font-size: 0.26rem; margin: 0.55rem 0px 0px; text-align: center; }
.ir-history-landing-container .ir-history-info-container .pagination-content .page-count { color: rgb(15, 22, 31); font-weight: 600; margin: 0px 0px 0.36rem; }
.ir-history-landing-container .ir-history-info-container .pagination-content .pagination { align-items: center; display: flex; justify-content: center; }
.ir-history-landing-container .ir-history-info-container .pagination-content .pagination .page-item { margin: 0px 0.25rem; }
.ir-history-landing-container .ir-history-info-container .pagination-content .pagination .page-item .arrow-icon svg { fill: rgb(136, 153, 164); height: 0.18rem; width: 0.18rem; }
.ir-history-landing-container .ir-history-info-container .pagination-content .pagination .active .arrow-icon { align-items: center; background: rgb(243, 245, 246); border-radius: 50%; color: rgb(136, 153, 164); display: flex; height: 0.52rem; justify-content: center; width: 0.52rem; }
.ir-history-landing-container .ir-history-info-container .standard-st-table-wrapper .standard-st-table .table-header-container, .ir-history-landing-container .ir-history-info-container .standard-st-table-wrapper .standard-st-table .table-content-container { display: flex; justify-content: space-between; }
.data-content { display: flex; flex-direction: column; margin: 0px 0px 0.5rem; }
.data-content .title { font-weight: 600; font-size: 0.28rem; color: rgb(15, 22, 31); margin: 0px 0px 0.05rem; }
.data-content .value { font-size: 0.25rem; color: rgb(136, 153, 164); }
.data-content .value.rebate-period { text-decoration: underline; }
.instant-rebate-history-subpopup-container { background: rgb(255, 255, 255); }
.instant-rebate-history-subpopup-container .provider-table-header { margin: 0px 0px 0.5rem; }
.instant-rebate-history-subpopup-container .provider-table-header .main-title { color: rgb(15, 22, 31); font-weight: 600; font-size: 0.28rem; margin: 0px 0px 0.2rem; }
.instant-rebate-history-subpopup-container .provider-table-header .data-container { display: flex; margin: 0px 0px 0.015rem; }
.instant-rebate-history-subpopup-container .provider-table-header .data-container .title { width: 50%; color: rgb(15, 22, 31); font-size: 0.28rem; text-align: center; background: rgb(232, 232, 232); padding: 0.25rem; margin: 0px 0.015rem 0px 0px; }
.instant-rebate-history-subpopup-container .provider-table-header .data-container .value { width: 50%; color: rgb(136, 153, 164); font-size: 0.3rem; text-align: center; background: rgb(243, 245, 246); padding: 0.25rem; }
.instant-rebate-history-subpopup-container .provider-table-header .divider { width: 100%; height: 0.02rem; background: rgb(247, 247, 247); margin: 0.25rem 0px; }
.mega-content-container { display: flex; flex-direction: column; justify-content: center; background: rgb(243, 245, 246); padding: 0.5rem 0.5rem 3.7rem; }
.mega-content-container img { width: 50%; margin: auto; }
.mega-content-container .summary-description { font-size: 0.275rem; margin: 0.5rem 0px 0px; color: rgb(15, 22, 31); }
.mega-content-container .info-container { margin: 0.5rem 0px; }
.mega-content-container .info-container .standard-form-container { margin: 0px 0px 0.3rem; }
.mega-content-container .info-container .standard-form-container .info-label { font-weight: 600; font-size: 0.3rem; color: rgb(15, 22, 31); margin: 0px 0px 0.1rem; }
.mega-content-container .info-container .standard-form-container .info-input-field .info-input { background: rgb(255, 255, 255); border-radius: 0.08rem; color: rgb(15, 22, 31); padding: 0px 0.25rem; height: 0.6rem; }
.mega-content-container .info-container .standard-form-container .info-input-field .info-copy-icon { position: absolute; right: 0.25rem; top: 0.1rem; }
.mega-content-container .info-container .standard-form-container .info-input-field .info-copy-icon svg { height: 0.4rem; width: 0.4rem; }
.mega-content-container .steps-container { font-size: 0.3rem; color: rgb(15, 22, 31); }
.mega-content-container .steps-container .step { margin: 0px 0px 0.3rem; }
.mega-content-container .steps-container .step:last-child { margin: 0px; }
.mega-content-container .steps-container .step .title { font-weight: 600; margin: 0px 0px 0.1rem; }
.mega-content-container .standard-button-container { display: flex; justify-content: space-between; margin: 0.5rem 0px; }
.mega-content-container .standard-button-container .download-btn { background: rgb(129, 203, 252); color: rgb(255, 255, 255); border-radius: 0.2rem; margin: 0px auto; font-size: 0.36rem; }
.mega-content-container .standard-button-container .play-btn { background: rgb(255, 138, 0); color: rgb(255, 255, 255); border-radius: 0.2rem; margin: 0px 0px 0px 0.15rem; font-size: 0.36rem; }
.scr-content-container { display: flex; flex-direction: column; justify-content: center; background: rgb(243, 245, 246); padding: 0.5rem 0.5rem 3.7rem; }
.scr-content-container img { max-height: 1rem; margin: auto; }
.scr-content-container .summary-description { font-size: 0.275rem; margin: 0.5rem 0px 0px; color: rgb(15, 22, 31); }
.scr-content-container .info-container { margin: 0.5rem 0px; }
.scr-content-container .info-container .standard-form-container { margin: 0px 0px 0.3rem; }
.scr-content-container .info-container .standard-form-container .info-label { font-weight: 600; font-size: 0.3rem; color: rgb(15, 22, 31); margin: 0px 0px 0.1rem; }
.scr-content-container .info-container .standard-form-container .info-input-field .info-input { background: rgb(255, 255, 255); border-radius: 0.08rem; color: rgb(15, 22, 31); padding: 0px 0.25rem; height: 0.6rem; }
.scr-content-container .info-container .standard-form-container .info-input-field .info-copy-icon { position: absolute; right: 0.25rem; top: 0.1rem; }
.scr-content-container .info-container .standard-form-container .info-input-field .info-copy-icon svg { height: 0.4rem; width: 0.4rem; }
.scr-content-container .steps-container { font-size: 0.3rem; color: rgb(15, 22, 31); }
.scr-content-container .steps-container .step { margin: 0px 0px 0.3rem; }
.scr-content-container .steps-container .step:last-child { margin: 0px; }
.scr-content-container .steps-container .step .title { font-weight: 600; margin: 0px 0px 0.1rem; }
.scr-content-container .standard-button-container { display: flex; justify-content: space-between; margin: 0.5rem 0px; }
.scr-content-container .standard-button-container .download-btn { background: rgb(129, 203, 252); color: rgb(255, 255, 255); border-radius: 0.2rem; margin: 0px auto; font-size: 0.36rem; }
.scr-content-container .standard-button-container .play-btn { background: rgb(255, 138, 0); color: rgb(255, 255, 255); border-radius: 0.2rem; margin: 0px 0px 0px 0.15rem; font-size: 0.36rem; }
.m-casino-container .best-game-container { margin: 0.4rem 0px; }
.m-casino-container .best-game-container .top-container { padding: 0px; }
.m-casino-container .provider-content .game-container { grid-template-columns: repeat(2, 1fr); }
.m-casino-container .provider-content .provider-filter-tab { width: fit-content; }
.game-container { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.4rem 0.12rem; }
.game-container .game-box { display: flex; flex-direction: column; }
.game-container .game-box .game-img-wrapper { margin: auto; }
.game-container .game-box .game-img-wrapper img { width: 100%; border-radius: 0.1rem; }
.game-container .game-box .game-details { position: relative; margin: 0.15rem 0px 0px; padding: 0px 0px 0px 0.08rem; }
.game-container .game-box .game-details .game-name-info { display: flex; justify-content: space-between; align-items: center; font-size: 0.22rem; font-weight: 600; height: 0.3rem; }
.game-container .game-box .game-details .game-name-info .game-name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-transform: capitalize; }
.game-container .game-box .game-details .game-name-info .icon-container { width: 0.3rem; fill: rgb(199, 210, 215); }
.game-container .game-box .game-details .game-others-info { display: flex; align-items: center; justify-content: space-between; margin: 0.1rem 0px 0px; font-size: 0.22rem; text-align: center; height: 0.3rem; }
.game-container .game-box .game-details .game-others-info .hot-icon, .game-container .game-box .game-details .game-others-info .new-icon { padding: 0px 0.15rem; }
.game-container .game-box .game-details .game-rtp { background: rgb(0, 136, 243); border-radius: 0.08rem; color: rgb(255, 255, 255); padding: 0.05rem 0.15rem; line-height: normal; font-family: ""Helvetica Neue", Helvetica, Arial, sans-serif Neue", "Helvetica Neue", Helvetica, Arial, sans-serif-Regular; }
.game-container .game-box .game-details .game-rtp span { margin: 0px 0px 0px 0.15rem; }
.game-container .game-box .game-details .hot-game-info { position: absolute; top: 50%; left: 0px; display: flex; flex-direction: column; justify-content: center; width: 3rem; padding: 0.12rem 0.11rem; background: rgb(232, 232, 232); border-radius: 0.05rem; z-index: 1; color: rgb(15, 22, 31); font-size: 0.22rem; }
.game-container .game-box .game-details .hot-game-info > div:not(:last-child) { margin: 0px 0px 0.06rem; }
.game-container .game-box .game-details .hot-game-info .info-row-1 { display: flex; justify-content: space-between; }
.game-container .game-box .game-details .hot-game-info .info-row-1 div { display: flex; justify-content: space-between; background: rgb(255, 255, 255); width: 50%; border-radius: 0.05rem; }
.game-container .game-box .game-details .hot-game-info .info-row-1 div:first-child { margin: 0px 0.08rem 0px 0px; }
.game-container .game-box .game-details .hot-game-info .info-row-1 div p { padding: 0.08rem 0.1rem 0.08rem 0px; color: rgb(15, 22, 31); }
.game-container .game-box .game-details .hot-game-info .info-row-1 div p:first-child { padding: 0.08rem 0px 0.08rem 0.1rem; color: rgb(134, 151, 162); }
.game-container .game-box .game-details .hot-game-info .info-row-2, .game-container .game-box .game-details .hot-game-info .info-row-3 { display: flex; align-items: center; justify-content: space-between; width: 100%; background: rgb(255, 255, 255); padding: 0.08rem 0.1rem; border-radius: 0.05rem; }
.game-container .game-box .game-details .hot-game-info .info-row-2 p, .game-container .game-box .game-details .hot-game-info .info-row-3 p { color: rgb(15, 22, 31); }
.game-container .game-box .game-details .hot-game-info .info-row-2 p:first-child, .game-container .game-box .game-details .hot-game-info .info-row-3 p:first-child { color: rgb(134, 151, 162); }
.top-games-container { background: rgb(255, 255, 255); padding: 0.4rem 0px 0px 0.4rem; height: 5.5rem; }
.top-games-container .hot-game-title { color: rgb(15, 22, 31); font-weight: 600; font-size: 0.35rem; margin: 0px 0px 0.2rem; text-transform: capitalize; }
.top-games-container .top-games-image-wrapper, .top-games-container .top-games-info-wrapper { display: flex; width: 100%; height: fit-content; overflow: scroll hidden; position: relative; padding-bottom: 1rem; margin-bottom: 0rem; box-sizing: content-box; }
.top-games-container .top-games-image-wrapper .hot-game-container, .top-games-container .top-games-info-wrapper .hot-game-container { width: 100%; min-width: 2.5rem; }
.top-games-container .top-games-image-wrapper .hot-game-img-warpper, .top-games-container .top-games-info-wrapper .hot-game-img-warpper { position: relative; left: -0.35rem; text-align: center; }
.top-games-container .top-games-image-wrapper .hot-game-img-warpper img, .top-games-container .top-games-info-wrapper .hot-game-img-warpper img { width: 37vw; min-height: 2rem; }
@media (min-width: 769px) { .top-games-container .top-games-image-wrapper .hot-game-img-warpper img, .top-games-container .top-games-info-wrapper .hot-game-img-warpper img { width: unset; height: 23vh; }
}
.top-games-container .top-games-image-wrapper .hot-game-img-warpper .hot-icon, .top-games-container .top-games-image-wrapper .hot-game-img-warpper .new-icon, .top-games-container .top-games-info-wrapper .hot-game-img-warpper .hot-icon, .top-games-container .top-games-info-wrapper .hot-game-img-warpper .new-icon { font-weight: 600; position: absolute; left: 25%; top: 7.5%; padding: 0.02rem 0.15rem; font-size: 0.22rem; line-height: normal; font-family: ""Helvetica Neue", Helvetica, Arial, sans-serif Neue", "Helvetica Neue", Helvetica, Arial, sans-serif-Regular; }
.top-games-container .top-games-image-wrapper .hot-game-content, .top-games-container .top-games-info-wrapper .hot-game-content { position: relative; display: flex; flex-direction: column; padding: 0.15rem 0.15rem 0px; width: 2.3rem; margin: -0.35rem 0px 0px; }
.top-games-container .top-games-image-wrapper .hot-game-content .row-1, .top-games-container .top-games-info-wrapper .hot-game-content .row-1 { display: flex; align-items: center; justify-content: space-between; }
.top-games-container .top-games-image-wrapper .hot-game-content .row-1 .game-name, .top-games-container .top-games-info-wrapper .hot-game-content .row-1 .game-name { color: rgb(15, 22, 31); font-size: 0.26rem; font-weight: 600; margin: 0px 0px 0.04rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.top-games-container .top-games-image-wrapper .hot-game-content .row-1 .icon-container svg, .top-games-container .top-games-info-wrapper .hot-game-content .row-1 .icon-container svg { cursor: pointer; fill: rgb(199, 210, 215); height: 0.25rem; width: 0.25rem; overflow: visible; }
.top-games-container .top-games-image-wrapper .hot-game-content .game-type, .top-games-container .top-games-info-wrapper .hot-game-content .game-type { color: rgb(136, 153, 164); font-size: 0.22rem; margin: 0px 0px 0.1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.top-games-container .top-games-image-wrapper .hot-game-content .hot-game-info, .top-games-container .top-games-info-wrapper .hot-game-content .hot-game-info { top: 35%; }
.about-us-container .dropdown-container { position: relative; }
.about-us-container .standard-select { position: relative; display: flex; align-items: center; justify-content: space-between; background: rgb(255, 255, 255); border-radius: 0.5rem; height: 0.63rem; padding: 0px 1.05rem 0px 0.4rem; font-size: 0.3rem; color: rgb(15, 22, 31); cursor: pointer; white-space: nowrap; min-width: 3.4rem; }
.about-us-container .standard-select .standard-select-arrow { position: absolute; right: 0.32rem; top: 0.26rem; border-width: 0px 0.05rem 0.05rem 0px; border-color: rgb(175, 179, 182); border-style: solid; display: inline-block; width: 0.12rem; height: 0.12rem; transform: rotate(45deg); color: rgb(134, 151, 162); }
.about-us-container .standard-select .standard-select-arrow.active { transform: rotate(225deg); }
.about-us-container .standard-select-dropdown { position: absolute; left: 0px; right: 0px; top: 0.8rem; border: 0.01rem solid rgb(214, 214, 214); background: rgb(255, 255, 255); z-index: 2; width: auto; overflow-y: scroll; padding: 0.31rem 0.3rem 0.45rem; border-radius: 0.1rem; max-height: 65vh; font-size: 0.3rem; }
.about-us-container .standard-select-dropdown .standard-select-options { text-align: center; height: unset; padding: 0.15rem 0.3rem; color: rgb(134, 151, 162); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 0.3rem; }
.about-us-container .standard-select-dropdown .standard-select-options.active { background: rgb(255, 138, 0); border-radius: 0.4rem; color: rgb(255, 255, 255); }
.about-us-container .standard-select-dropdown .standard-select-options p { margin: 0px; }
.about-us-container .btn-more { display: flex; align-items: center; justify-content: center; width: fit-content; height: 0.4rem; margin: 0.85rem auto 0px; padding: 0px 0.2rem; border-radius: 0.1rem; background: rgb(227, 234, 237); text-transform: capitalize; cursor: pointer; }
.whatsapp-otp-input-container { padding-bottom: 0.4rem; margin-bottom: 0.3rem; border-bottom: 0.01rem solid rgb(219, 224, 228); }
.whatsapp-otp-input-container .standard-label { display: unset; }
.whatsapp-otp-input-container .standard-label span { font-weight: 700; }
.whatsapp-otp-input-container .verify-method-container { display: grid; grid-template-columns: 40% 12% 44%; align-items: center; justify-content: center; padding: 0.3rem 0px; column-gap: 0.1rem; }
.whatsapp-otp-input-container .verify-method-container .qr { width: 1.5rem; height: 1.2rem; margin: auto; }
@media (max-width: 768px) { .whatsapp-otp-input-container .verify-method-container .qr { width: 2rem; height: 2rem; }
}
.whatsapp-otp-input-container .verify-method-container .or { text-transform: capitalize; text-align: center; }
.whatsapp-otp-input-container .verify-method-container .standard-otp-button { min-width: auto; width: 100%; padding: 0px 0.1rem; }
@media (max-width: 768px) { .whatsapp-otp-input-container .verify-method-container .standard-otp-button { }
}
.whatsapp-otp-input-container .break-line { border-width: 0.01rem; border-color: rgb(219, 224, 228); border-image: initial; border-style: solid none none; margin: 0.3rem 0px; }
@media (max-width: 768px) { .whatsapp-otp-input-container .break-line { margin: 0.6rem 0px; }
}
.whatsapp-otp-input-container .resend-otp-container { margin: 0.3rem 0px 0.6rem; }
.whatsapp-otp-input-container .resend-otp-container .standard-button-container { margin-bottom: 0.1rem; }
.whatsapp-otp-input-container .resend-otp-container .standard-button-container .standard-otp-button { width: 100%; }
.animated { animation-duration: 1s; animation-fill-mode: both; }
.animated.infinite { animation-iteration-count: infinite; }
.animated.hinge { animation-duration: 2s; }
.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY { animation-duration: 0.75s; }
.blink-blink { background: url("../../public/html/images/common_img/blink-blink.gif") center center / contain no-repeat; padding: 0.25rem; margin: -0.25rem 0px; }
.custom-border-frame { position: absolute; inset: -0.4rem -0.35rem -0.4rem -0.2rem; background-repeat: no-repeat; background-size: contain; }
@-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translateZ(0px); } 40%, 43% { transform: translate3d(0px, -0.3rem, 0px); } 40%, 43%, 70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } 70% { transform: translate3d(0px, -0.15rem, 0px); } 90% { transform: translate3d(0px, -0.04rem, 0px); }
}
@keyframes bounce { 0%, 20%, 53%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translateZ(0px); } 40%, 43% { transform: translate3d(0px, -0.3rem, 0px); } 40%, 43%, 70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } 70% { transform: translate3d(0px, -0.15rem, 0px); } 90% { transform: translate3d(0px, -0.04rem, 0px); }
}
.bounce { animation-name: bounce; transform-origin: center bottom; }
@-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; }
}
@keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; }
}
.flash { animation-name: flash; }
@-webkit-keyframes pulse { 0% { transform: scaleX(1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } 100% { transform: scaleX(1); }
}
@keyframes pulse { 0% { transform: scaleX(1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } 100% { transform: scaleX(1); }
}
.pulse { animation-name: pulse; }
@-webkit-keyframes rubberBand { 0% { transform: scaleX(1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } 100% { transform: scaleX(1); }
}
@keyframes rubberBand { 0% { transform: scaleX(1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } 100% { transform: scaleX(1); }
}
.rubberBand { animation-name: rubberBand; }
@-webkit-keyframes shake { 0%, 100% { transform: translateZ(0px); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-0.1rem, 0px, 0px); } 20%, 40%, 60%, 80% { transform: translate3d(0.1rem, 0px, 0px); }
}
@keyframes shake { 0%, 100% { transform: translateZ(0px); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-0.1rem, 0px, 0px); } 20%, 40%, 60%, 80% { transform: translate3d(0.1rem, 0px, 0px); }
}
.shake { animation-name: shake; }
@-webkit-keyframes headShake { 0% { transform: translateX(0px); } 6.5% { transform: translateX(-0.06rem) rotateY(-9deg); } 18.5% { transform: translateX(0.05rem) rotateY(7deg); } 31.5% { transform: translateX(-0.03rem) rotateY(-5deg); } 43.5% { transform: translateX(0.02rem) rotateY(3deg); } 50% { transform: translateX(0px); }
}
@keyframes headShake { 0% { transform: translateX(0px); } 6.5% { transform: translateX(-0.06rem) rotateY(-9deg); } 18.5% { transform: translateX(0.05rem) rotateY(7deg); } 31.5% { transform: translateX(-0.03rem) rotateY(-5deg); } 43.5% { transform: translateX(0.02rem) rotateY(3deg); } 50% { transform: translateX(0px); }
}
.headShake { animation-timing-function: ease-in-out; animation-name: headShake; }
@-webkit-keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); }
}
@keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); }
}
.swing { transform-origin: center top; animation-name: swing; }
@-webkit-keyframes tada { 0% { transform: scaleX(1); } 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); } 100% { transform: scaleX(1); }
}
@keyframes tada { 0% { transform: scaleX(1); } 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); } 100% { transform: scaleX(1); }
}
.tada { animation-name: tada; }
@-webkit-keyframes wobble { 0% { transform: none; } 15% { transform: translate3d(-25%, 0px, 0px) rotate(-5deg); } 30% { transform: translate3d(20%, 0px, 0px) rotate(3deg); } 45% { transform: translate3d(-15%, 0px, 0px) rotate(-3deg); } 60% { transform: translate3d(10%, 0px, 0px) rotate(2deg); } 75% { transform: translate3d(-5%, 0px, 0px) rotate(-1deg); } 100% { transform: none; }
}
@keyframes wobble { 0% { transform: none; } 15% { transform: translate3d(-25%, 0px, 0px) rotate(-5deg); } 30% { transform: translate3d(20%, 0px, 0px) rotate(3deg); } 45% { transform: translate3d(-15%, 0px, 0px) rotate(-3deg); } 60% { transform: translate3d(10%, 0px, 0px) rotate(2deg); } 75% { transform: translate3d(-5%, 0px, 0px) rotate(-1deg); } 100% { transform: none; }
}
.wobble { animation-name: wobble; }
@-webkit-keyframes jello { 0%, 11.1%, 100% { transform: none; } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { transform: skewX(-0.195312deg) skewY(-0.195312deg); }
}
@keyframes jello { 0%, 11.1%, 100% { transform: none; } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { transform: skewX(-0.195312deg) skewY(-0.195312deg); }
}
.jello { animation-name: jello; transform-origin: center center; }
@-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; transform: scaleX(1); }
}
@keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; transform: scaleX(1); }
}
.bounceIn { animation-name: bounceIn; }
@-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, -30rem, 0px); } 60% { opacity: 1; transform: translate3d(0px, 0.25rem, 0px); } 75% { transform: translate3d(0px, -0.1rem, 0px); } 90% { transform: translate3d(0px, 0.05rem, 0px); } 100% { transform: none; }
}
@keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, -30rem, 0px); } 60% { opacity: 1; transform: translate3d(0px, 0.25rem, 0px); } 75% { transform: translate3d(0px, -0.1rem, 0px); } 90% { transform: translate3d(0px, 0.05rem, 0px); } 100% { transform: none; }
}
.bounceInDown { animation-name: bounceInDown; }
@-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-30rem, 0px, 0px); } 60% { opacity: 1; transform: translate3d(0.25rem, 0px, 0px); } 75% { transform: translate3d(-0.1rem, 0px, 0px); } 90% { transform: translate3d(0.05rem, 0px, 0px); } 100% { transform: none; }
}
@keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-30rem, 0px, 0px); } 60% { opacity: 1; transform: translate3d(0.25rem, 0px, 0px); } 75% { transform: translate3d(-0.1rem, 0px, 0px); } 90% { transform: translate3d(0.05rem, 0px, 0px); } 100% { transform: none; }
}
.bounceInLeft { animation-name: bounceInLeft; }
@-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(30rem, 0px, 0px); } 60% { opacity: 1; transform: translate3d(-0.25rem, 0px, 0px); } 75% { transform: translate3d(0.1rem, 0px, 0px); } 90% { transform: translate3d(-0.05rem, 0px, 0px); } 100% { transform: none; }
}
@keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(30rem, 0px, 0px); } 60% { opacity: 1; transform: translate3d(-0.25rem, 0px, 0px); } 75% { transform: translate3d(0.1rem, 0px, 0px); } 90% { transform: translate3d(-0.05rem, 0px, 0px); } 100% { transform: none; }
}
.bounceInRight { animation-name: bounceInRight; }
@-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, 30rem, 0px); } 60% { opacity: 1; transform: translate3d(0px, -0.2rem, 0px); } 75% { transform: translate3d(0px, 0.1rem, 0px); } 90% { transform: translate3d(0px, -0.05rem, 0px); } 100% { transform: translateZ(0px); }
}
@keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, 30rem, 0px); } 60% { opacity: 1; transform: translate3d(0px, -0.2rem, 0px); } 75% { transform: translate3d(0px, 0.1rem, 0px); } 90% { transform: translate3d(0px, -0.05rem, 0px); } 100% { transform: translateZ(0px); }
}
.bounceInUp { animation-name: bounceInUp; }
@-webkit-keyframes bounceOut { 20% { transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
}
@keyframes bounceOut { 20% { transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
}
.bounceOut { animation-name: bounceOut; }
@-webkit-keyframes bounceOutDown { 20% { transform: translate3d(0px, 0.1rem, 0px); } 40%, 45% { opacity: 1; transform: translate3d(0px, -0.2rem, 0px); } 100% { opacity: 0; transform: translate3d(0px, 20rem, 0px); }
}
@keyframes bounceOutDown { 20% { transform: translate3d(0px, 0.1rem, 0px); } 40%, 45% { opacity: 1; transform: translate3d(0px, -0.2rem, 0px); } 100% { opacity: 0; transform: translate3d(0px, 20rem, 0px); }
}
.bounceOutDown { animation-name: bounceOutDown; }
@-webkit-keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(0.2rem, 0px, 0px); } 100% { opacity: 0; transform: translate3d(-20rem, 0px, 0px); }
}
@keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(0.2rem, 0px, 0px); } 100% { opacity: 0; transform: translate3d(-20rem, 0px, 0px); }
}
.bounceOutLeft { animation-name: bounceOutLeft; }
@-webkit-keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-0.2rem, 0px, 0px); } 100% { opacity: 0; transform: translate3d(20rem, 0px, 0px); }
}
@keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-0.2rem, 0px, 0px); } 100% { opacity: 0; transform: translate3d(20rem, 0px, 0px); }
}
.bounceOutRight { animation-name: bounceOutRight; }
@-webkit-keyframes bounceOutUp { 20% { transform: translate3d(0px, -0.1rem, 0px); } 40%, 45% { opacity: 1; transform: translate3d(0px, 0.2rem, 0px); } 100% { opacity: 0; transform: translate3d(0px, -20rem, 0px); }
}
@keyframes bounceOutUp { 20% { transform: translate3d(0px, -0.1rem, 0px); } 40%, 45% { opacity: 1; transform: translate3d(0px, 0.2rem, 0px); } 100% { opacity: 0; transform: translate3d(0px, -20rem, 0px); }
}
.bounceOutUp { animation-name: bounceOutUp; }
@-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }
}
@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }
}
.fadeIn { animation-name: fadeIn; }
@-webkit-keyframes fadeInDown { 0% { opacity: 0; transform: translate3d(0px, -100%, 0px); } 100% { opacity: 1; transform: none; }
}
@keyframes fadeInDown { 0% { opacity: 0; transform: translate3d(0px, -100%, 0px); } 100% { opacity: 1; transform: none; }
}
.fadeInDown { animation-name: fadeInDown; }
@-webkit-keyframes fadeInDownBig { 0% { opacity: 0; transform: translate3d(0px, -20rem, 0px); } 100% { opacity: 1; transform: none; }
}
@keyframes fadeInDownBig { 0% { opacity: 0; transform: translate3d(0px, -20rem, 0px); } 100% { opacity: 1; transform: none; }
}
.fadeInDownBig { animation-name: fadeInDownBig; }
@-webkit-keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-100%, 0px, 0px); } 100% { opacity: 1; transform: none; }
}
@keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-100%, 0px, 0px); } 100% { opacity: 1; transform: none; }
}
.fadeInLeft { animation-name: fadeInLeft; }
@-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; transform: translate3d(-20rem, 0px, 0px); } 100% { opacity: 1; transform: none; }
}
@keyframes fadeInLeftBig { 0% { opacity: 0; transform: translate3d(-20rem, 0px, 0px); } 100% { opacity: 1; transform: none; }
}
.fadeInLeftBig { animation-name: fadeInLeftBig; }
@-webkit-keyframes fadeInRight { 0% { opacity: 0; transform: translate3d(100%, 0px, 0px); } 100% { opacity: 1; transform: none; }
}
@keyframes fadeInRight { 0% { opacity: 0; transform: translate3d(100%, 0px, 0px); } 100% { opacity: 1; transform: none; }
}
.fadeInRight { animation-name: fadeInRight; }
@-webkit-keyframes fadeInRightBig { 0% { opacity: 0; transform: translate3d(20rem, 0px, 0px); } 100% { opacity: 1; transform: none; }
}
@keyframes fadeInRightBig { 0% { opacity: 0; transform: translate3d(20rem, 0px, 0px); } 100% { opacity: 1; transform: none; }
}
.fadeInRightBig { animation-name: fadeInRightBig; }
@-webkit-keyframes fadeInUp { 0% { opacity: 0; transform: translate3d(0px, 100%, 0px); } 100% { opacity: 1; transform: none; }
}
@keyframes fadeInUp { 0% { opacity: 0; transform: translate3d(0px, 100%, 0px); } 100% { opacity: 1; transform: none; }
}
.fadeInUp { animation-name: fadeInUp; }
@-webkit-keyframes fadeInUpBig { 0% { opacity: 0; transform: translate3d(0px, 20rem, 0px); } 100% { opacity: 1; transform: none; }
}
@keyframes fadeInUpBig { 0% { opacity: 0; transform: translate3d(0px, 20rem, 0px); } 100% { opacity: 1; transform: none; }
}
.fadeInUpBig { animation-name: fadeInUpBig; }
@-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; }
}
@keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; }
}
.fadeOut { animation-name: fadeOut; }
@-webkit-keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, 100%, 0px); }
}
@keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, 100%, 0px); }
}
.fadeOutDown { animation-name: fadeOutDown; }
@-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, 20rem, 0px); }
}
@keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, 20rem, 0px); }
}
.fadeOutDownBig { animation-name: fadeOutDownBig; }
@-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(-100%, 0px, 0px); }
}
@keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(-100%, 0px, 0px); }
}
.fadeOutLeft { animation-name: fadeOutLeft; }
@-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(-20rem, 0px, 0px); }
}
@keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(-20rem, 0px, 0px); }
}
.fadeOutLeftBig { animation-name: fadeOutLeftBig; }
@-webkit-keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(100%, 0px, 0px); }
}
@keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(100%, 0px, 0px); }
}
.fadeOutRight { animation-name: fadeOutRight; }
@-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(20rem, 0px, 0px); }
}
@keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(20rem, 0px, 0px); }
}
.fadeOutRightBig { animation-name: fadeOutRightBig; }
@-webkit-keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, -100%, 0px); }
}
@keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, -100%, 0px); }
}
.fadeOutUp { animation-name: fadeOutUp; }
@-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, -20rem, 0px); }
}
@keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, -20rem, 0px); }
}
.fadeOutUpBig { animation-name: fadeOutUpBig; }
@-webkit-keyframes flip { 0% { transform: perspective(4rem) rotateY(-1turn); } 0%, 40% { animation-timing-function: ease-out; } 40% { transform: perspective(4rem) translateZ(1.5rem) rotateY(-190deg); } 50% { transform: perspective(4rem) translateZ(1.5rem) rotateY(-170deg); } 50%, 80% { animation-timing-function: ease-in; } 80% { transform: perspective(4rem) scale3d(0.95, 0.95, 0.95); } 100% { transform: perspective(4rem); animation-timing-function: ease-in; }
}
@keyframes flip { 0% { transform: perspective(4rem) rotateY(-1turn); } 0%, 40% { animation-timing-function: ease-out; } 40% { transform: perspective(4rem) translateZ(1.5rem) rotateY(-190deg); } 50% { transform: perspective(4rem) translateZ(1.5rem) rotateY(-170deg); } 50%, 80% { animation-timing-function: ease-in; } 80% { transform: perspective(4rem) scale3d(0.95, 0.95, 0.95); } 100% { transform: perspective(4rem); animation-timing-function: ease-in; }
}
.animated.flip { backface-visibility: visible; animation-name: flip; }
@-webkit-keyframes flipInX { 0% { transform: perspective(4rem) rotateX(90deg); opacity: 0; } 0%, 40% { animation-timing-function: ease-in; } 40% { transform: perspective(4rem) rotateX(-20deg); } 60% { transform: perspective(4rem) rotateX(10deg); opacity: 1; } 80% { transform: perspective(4rem) rotateX(-5deg); } 100% { transform: perspective(4rem); }
}
@keyframes flipInX { 0% { transform: perspective(4rem) rotateX(90deg); opacity: 0; } 0%, 40% { animation-timing-function: ease-in; } 40% { transform: perspective(4rem) rotateX(-20deg); } 60% { transform: perspective(4rem) rotateX(10deg); opacity: 1; } 80% { transform: perspective(4rem) rotateX(-5deg); } 100% { transform: perspective(4rem); }
}
.flipInX { animation-name: flipInX; backface-visibility: visible !important; }
@-webkit-keyframes flipInY { 0% { transform: perspective(4rem) rotateY(90deg); opacity: 0; } 0%, 40% { animation-timing-function: ease-in; } 40% { transform: perspective(4rem) rotateY(-20deg); } 60% { transform: perspective(4rem) rotateY(10deg); opacity: 1; } 80% { transform: perspective(4rem) rotateY(-5deg); } 100% { transform: perspective(4rem); }
}
@keyframes flipInY { 0% { transform: perspective(4rem) rotateY(90deg); opacity: 0; } 0%, 40% { animation-timing-function: ease-in; } 40% { transform: perspective(4rem) rotateY(-20deg); } 60% { transform: perspective(4rem) rotateY(10deg); opacity: 1; } 80% { transform: perspective(4rem) rotateY(-5deg); } 100% { transform: perspective(4rem); }
}
.flipInY { animation-name: flipInY; backface-visibility: visible !important; }
@-webkit-keyframes flipOutX { 0% { transform: perspective(4rem); } 30% { transform: perspective(4rem) rotateX(-20deg); opacity: 1; } 100% { transform: perspective(4rem) rotateX(90deg); opacity: 0; }
}
@keyframes flipOutX { 0% { transform: perspective(4rem); } 30% { transform: perspective(4rem) rotateX(-20deg); opacity: 1; } 100% { transform: perspective(4rem) rotateX(90deg); opacity: 0; }
}
.flipOutX { animation-name: flipOutX; backface-visibility: visible !important; }
@-webkit-keyframes flipOutY { 0% { transform: perspective(4rem); } 30% { transform: perspective(4rem) rotateY(-15deg); opacity: 1; } 100% { transform: perspective(4rem) rotateY(90deg); opacity: 0; }
}
@keyframes flipOutY { 0% { transform: perspective(4rem); } 30% { transform: perspective(4rem) rotateY(-15deg); opacity: 1; } 100% { transform: perspective(4rem) rotateY(90deg); opacity: 0; }
}
.flipOutY { animation-name: flipOutY; backface-visibility: visible !important; }
@-webkit-keyframes lightSpeedIn { 0% { transform: translate3d(100%, 0px, 0px) skewX(-30deg); opacity: 0; } 60% { transform: skewX(20deg); } 60%, 80% { opacity: 1; } 80% { transform: skewX(-5deg); } 100% { transform: none; opacity: 1; }
}
@keyframes lightSpeedIn { 0% { transform: translate3d(100%, 0px, 0px) skewX(-30deg); opacity: 0; } 60% { transform: skewX(20deg); } 60%, 80% { opacity: 1; } 80% { transform: skewX(-5deg); } 100% { transform: none; opacity: 1; }
}
.lightSpeedIn { animation-name: lightSpeedIn; animation-timing-function: ease-out; }
@-webkit-keyframes lightSpeedOut { 0% { opacity: 1; } 100% { transform: translate3d(100%, 0px, 0px) skewX(30deg); opacity: 0; }
}
@keyframes lightSpeedOut { 0% { opacity: 1; } 100% { transform: translate3d(100%, 0px, 0px) skewX(30deg); opacity: 0; }
}
.lightSpeedOut { animation-name: lightSpeedOut; animation-timing-function: ease-in; }
@-webkit-keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; } 0%, 100% { transform-origin: center center; } 100% { transform-origin: center center; transform: none; opacity: 1; }
}
@keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; } 0%, 100% { transform-origin: center center; } 100% { transform-origin: center center; transform: none; opacity: 1; }
}
.rotateIn { animation-name: rotateIn; }
@-webkit-keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-45deg); opacity: 0; } 0%, 100% { transform-origin: left bottom; } 100% { transform-origin: left bottom; transform: none; opacity: 1; }
}
@keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-45deg); opacity: 0; } 0%, 100% { transform-origin: left bottom; } 100% { transform-origin: left bottom; transform: none; opacity: 1; }
}
.rotateInDownLeft { animation-name: rotateInDownLeft; }
@-webkit-keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(45deg); opacity: 0; } 0%, 100% { transform-origin: right bottom; } 100% { transform-origin: right bottom; transform: none; opacity: 1; }
}
@keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(45deg); opacity: 0; } 0%, 100% { transform-origin: right bottom; } 100% { transform-origin: right bottom; transform: none; opacity: 1; }
}
.rotateInDownRight { animation-name: rotateInDownRight; }
@-webkit-keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(45deg); opacity: 0; } 0%, 100% { transform-origin: left bottom; } 100% { transform-origin: left bottom; transform: none; opacity: 1; }
}
@keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(45deg); opacity: 0; } 0%, 100% { transform-origin: left bottom; } 100% { transform-origin: left bottom; transform: none; opacity: 1; }
}
.rotateInUpLeft { animation-name: rotateInUpLeft; }
@-webkit-keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } 0%, 100% { transform-origin: right bottom; } 100% { transform-origin: right bottom; transform: none; opacity: 1; }
}
@keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } 0%, 100% { transform-origin: right bottom; } 100% { transform-origin: right bottom; transform: none; opacity: 1; }
}
.rotateInUpRight { animation-name: rotateInUpRight; }
@-webkit-keyframes rotateOut { 0% { transform-origin: center center; opacity: 1; } 0%, 100% { transform-origin: center center; } 100% { transform-origin: center center; transform: rotate(200deg); opacity: 0; }
}
@keyframes rotateOut { 0% { transform-origin: center center; opacity: 1; } 0%, 100% { transform-origin: center center; } 100% { transform-origin: center center; transform: rotate(200deg); opacity: 0; }
}
.rotateOut { animation-name: rotateOut; }
@-webkit-keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; opacity: 1; } 0%, 100% { transform-origin: left bottom; } 100% { transform-origin: left bottom; transform: rotate(45deg); opacity: 0; }
}
@keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; opacity: 1; } 0%, 100% { transform-origin: left bottom; } 100% { transform-origin: left bottom; transform: rotate(45deg); opacity: 0; }
}
.rotateOutDownLeft { animation-name: rotateOutDownLeft; }
@-webkit-keyframes rotateOutDownRight { 0% { transform-origin: right bottom; opacity: 1; } 0%, 100% { transform-origin: right bottom; } 100% { transform-origin: right bottom; transform: rotate(-45deg); opacity: 0; }
}
@keyframes rotateOutDownRight { 0% { transform-origin: right bottom; opacity: 1; } 0%, 100% { transform-origin: right bottom; } 100% { transform-origin: right bottom; transform: rotate(-45deg); opacity: 0; }
}
.rotateOutDownRight { animation-name: rotateOutDownRight; }
@-webkit-keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; opacity: 1; } 0%, 100% { transform-origin: left bottom; } 100% { transform-origin: left bottom; transform: rotate(-45deg); opacity: 0; }
}
@keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; opacity: 1; } 0%, 100% { transform-origin: left bottom; } 100% { transform-origin: left bottom; transform: rotate(-45deg); opacity: 0; }
}
.rotateOutUpLeft { animation-name: rotateOutUpLeft; }
@-webkit-keyframes rotateOutUpRight { 0% { transform-origin: right bottom; opacity: 1; } 0%, 100% { transform-origin: right bottom; } 100% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; }
}
@keyframes rotateOutUpRight { 0% { transform-origin: right bottom; opacity: 1; } 0%, 100% { transform-origin: right bottom; } 100% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; }
}
.rotateOutUpRight { animation-name: rotateOutUpRight; }
@-webkit-keyframes hinge { 0% { transform-origin: left top; } 0%, 20%, 60% { transform-origin: left top; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); transform-origin: left top; } 40%, 80% { transform: rotate(60deg); transform-origin: left top; animation-timing-function: ease-in-out; opacity: 1; } 100% { transform: translate3d(0px, 7rem, 0px); opacity: 0; }
}
@keyframes hinge { 0% { transform-origin: left top; } 0%, 20%, 60% { transform-origin: left top; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); transform-origin: left top; } 40%, 80% { transform: rotate(60deg); transform-origin: left top; animation-timing-function: ease-in-out; opacity: 1; } 100% { transform: translate3d(0px, 7rem, 0px); opacity: 0; }
}
.hinge { animation-name: hinge; }
@-webkit-keyframes rollIn { 0% { opacity: 0; transform: translate3d(-100%, 0px, 0px) rotate(-120deg); } 100% { opacity: 1; transform: none; }
}
@keyframes rollIn { 0% { opacity: 0; transform: translate3d(-100%, 0px, 0px) rotate(-120deg); } 100% { opacity: 1; transform: none; }
}
.rollIn { animation-name: rollIn; }
@-webkit-keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(100%, 0px, 0px) rotate(120deg); }
}
@keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(100%, 0px, 0px) rotate(120deg); }
}
.rollOut { animation-name: rollOut; }
@-webkit-keyframes zoomIn { 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; }
}
@keyframes zoomIn { 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; }
}
.zoomIn { animation-name: zoomIn; }
@-webkit-keyframes zoomInDown { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -10rem, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 0.6rem, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomInDown { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -10rem, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 0.6rem, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
.zoomInDown { animation-name: zoomInDown; }
@-webkit-keyframes zoomInLeft { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-10rem, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0.1rem, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomInLeft { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-10rem, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0.1rem, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
.zoomInLeft { animation-name: zoomInLeft; }
@-webkit-keyframes zoomInRight { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(10rem, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-0.1rem, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomInRight { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(10rem, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-0.1rem, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
.zoomInRight { animation-name: zoomInRight; }
@-webkit-keyframes zoomInUp { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 10rem, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -0.6rem, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomInUp { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 10rem, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -0.6rem, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
.zoomInUp { animation-name: zoomInUp; }
@-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { transform: scale3d(0.3, 0.3, 0.3); } 50%, 100% { opacity: 0; }
}
@keyframes zoomOut { 0% { opacity: 1; } 50% { transform: scale3d(0.3, 0.3, 0.3); } 50%, 100% { opacity: 0; }
}
.zoomOut { animation-name: zoomOut; }
@-webkit-keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -0.6rem, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 20rem, 0px); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -0.6rem, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 20rem, 0px); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
.zoomOutDown { animation-name: zoomOutDown; }
@-webkit-keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0.42rem, 0px, 0px); } 100% { opacity: 0; transform: scale(0.1) translate3d(-20rem, 0px, 0px); transform-origin: left center; }
}
@keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0.42rem, 0px, 0px); } 100% { opacity: 0; transform: scale(0.1) translate3d(-20rem, 0px, 0px); transform-origin: left center; }
}
.zoomOutLeft { animation-name: zoomOutLeft; }
@-webkit-keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-0.42rem, 0px, 0px); } 100% { opacity: 0; transform: scale(0.1) translate3d(20rem, 0px, 0px); transform-origin: right center; }
}
@keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-0.42rem, 0px, 0px); } 100% { opacity: 0; transform: scale(0.1) translate3d(20rem, 0px, 0px); transform-origin: right center; }
}
.zoomOutRight { animation-name: zoomOutRight; }
@-webkit-keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 0.6rem, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -20rem, 0px); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 0.6rem, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -20rem, 0px); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
.zoomOutUp { animation-name: zoomOutUp; }
@-webkit-keyframes slideInDown { 0% { transform: translate3d(0px, -100%, 0px); visibility: visible; } 100% { transform: translateZ(0px); }
}
@keyframes slideInDown { 0% { transform: translate3d(0px, -100%, 0px); visibility: visible; } 100% { transform: translateZ(0px); }
}
.slideInDown { animation-name: slideInDown; }
@-webkit-keyframes slideInLeft { 0% { transform: translate3d(-100%, 0px, 0px); visibility: visible; } 100% { transform: translateZ(0px); }
}
@keyframes slideInLeft { 0% { transform: translate3d(-100%, 0px, 0px); visibility: visible; } 100% { transform: translateZ(0px); }
}
.slideInLeft { animation-name: slideInLeft; }
@-webkit-keyframes slideInRight { 0% { transform: translate3d(100%, 0px, 0px); visibility: visible; } 100% { transform: translateZ(0px); }
}
@keyframes slideInRight { 0% { transform: translate3d(100%, 0px, 0px); visibility: visible; } 100% { transform: translateZ(0px); }
}
.slideInRight { animation-name: slideInRight; }
@-webkit-keyframes slideInUp { 0% { transform: translate3d(0px, 100%, 0px); visibility: visible; } 100% { transform: translateZ(0px); }
}
@keyframes slideInUp { 0% { transform: translate3d(0px, 100%, 0px); visibility: visible; } 100% { transform: translateZ(0px); }
}
.slideInUp { animation-name: slideInUp; }
@-webkit-keyframes slideOutDown { 0% { transform: translateZ(0px); } 100% { visibility: hidden; transform: translate3d(0px, 100%, 0px); }
}
@keyframes slideOutDown { 0% { transform: translateZ(0px); } 100% { visibility: hidden; transform: translate3d(0px, 100%, 0px); }
}
.slideOutDown { animation-name: slideOutDown; }
@-webkit-keyframes slideOutLeft { 0% { transform: translateZ(0px); } 100% { visibility: hidden; transform: translate3d(-100%, 0px, 0px); }
}
@keyframes slideOutLeft { 0% { transform: translateZ(0px); } 100% { visibility: hidden; transform: translate3d(-100%, 0px, 0px); }
}
.slideOutLeft { animation-name: slideOutLeft; }
@-webkit-keyframes slideOutRight { 0% { transform: translateZ(0px); } 100% { visibility: hidden; transform: translate3d(100%, 0px, 0px); }
}
@keyframes slideOutRight { 0% { transform: translateZ(0px); } 100% { visibility: hidden; transform: translate3d(100%, 0px, 0px); }
}
.slideOutRight { animation-name: slideOutRight; }
@-webkit-keyframes slideOutUp { 0% { transform: translateZ(0px); } 100% { visibility: hidden; transform: translate3d(0px, -100%, 0px); }
}
@keyframes slideOutUp { 0% { transform: translateZ(0px); } 100% { visibility: hidden; transform: translate3d(0px, -100%, 0px); }
}
.slideOutUp { animation-name: slideOutUp; }
@keyframes fadeInOut1 { 0%, 45% { opacity: 1; } 55%, 100% { opacity: 0; }
}
@keyframes fadeInOut2 { 0%, 45% { opacity: 0; } 55%, 100% { opacity: 1; }
}
.fadeInOut { position: absolute; width: 100%; top: 50%; left: 0px; transform: translateY(-50%); animation-name: fadeInOut1; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-duration: 3s; animation-direction: alternate; }
.fadeInOut:nth-child(2) { animation-name: fadeInOut2; opacity: 0; }
.news-letter-popup { min-width: 5.5rem; max-width: 5.5rem; min-height: unset; background: rgb(255, 255, 255); }
@media (max-width: 768px) { .news-letter-popup { max-width: 6.75rem; min-width: 6.75rem; }
}
.news-letter-popup .news-letter-popup-header { padding: 0px; }
.news-letter-popup .news-letter-popup-header .news-letter-banner-wrapper { height: 3.9rem; margin-bottom: 0.1rem; }
@media (max-width: 768px) { .news-letter-popup .news-letter-popup-header .news-letter-banner-wrapper { height: 4.8rem; }
}
.news-letter-popup .news-letter-popup-header .news-letter-banner-wrapper .news-letter-banner { width: 100%; }
.news-letter-popup .news-letter-popup-body .news-letter-form { margin-bottom: 0.3rem; }
@media (max-width: 768px) { .news-letter-popup .news-letter-popup-body .news-letter-form .tel-code-phone-wrapper .sort-type-dropdown { top: 0.75rem; padding: 0.2rem 0.15rem 0.1rem; }
}
.news-letter-popup .news-letter-popup-body .news-letter-form .standard-form-field:last-child { margin: 0px; }
.news-letter-popup .news-letter-popup-body .apply-button-section { margin-bottom: 0.3rem; }
@media (max-width: 768px) { .news-letter-popup .news-letter-popup-body .apply-button-section { margin-bottom: 0.5rem; }
}
.news-letter-popup .news-letter-popup-body .apply-button-section .apply-button-container { justify-content: center; }
.news-letter-popup .news-letter-popup-body .apply-button-section .apply-button-container .apply-btn { background: rgb(0, 113, 227); width: 49%; margin: auto; }
.news-letter-popup .news-letter-popup-body .news-letter-disclaimer { width: 80%; margin: 0px auto 0.2rem; text-align: center; }
@media (max-width: 768px) { .news-letter-popup .news-letter-popup-body .news-letter-disclaimer { margin: 0px auto 0.3rem; width: 85%; }
}
.news-letter-popup .news-letter-popup-body .news-letter-unsubscribe { text-align: center; color: rgb(0, 94, 215); text-decoration: underline; cursor: pointer; }
.remove-google-auth-container { background: rgb(255, 255, 255); }
.remove-google-auth-container .remove-google-auth-modal-header { padding: 0.38rem 0.42rem 0px; }
@media (max-width: 768px) { .remove-google-auth-container .remove-google-auth-modal-header { padding: 0.66rem 0.72rem 0px; }
}
.remove-google-auth-container .remove-google-auth-modal-header .header { font-size: 0.2rem; }
@media (max-width: 768px) { .remove-google-auth-container .remove-google-auth-modal-header .header { font-size: 0.32rem; padding: 0px; }
}
.remove-google-auth-container .remove-google-auth-modal-body { padding: 0.14rem 0.42rem 0.38rem; }
@media (max-width: 768px) { .remove-google-auth-container .remove-google-auth-modal-body { padding: 0.28rem 0.72rem 0.66rem; }
}
@media (max-width: 768px) { .remove-google-auth-container .remove-google-auth-modal-body .bind-auth-wrapper { margin: 0px 0px 0.15rem; }
}
.remove-google-auth-container .remove-google-auth-modal-body .bind-auth-wrapper .phone-email-input-container .otp-container { width: 100%; }
@media (max-width: 768px) { .remove-google-auth-container .remove-google-auth-modal-body .bind-auth-wrapper .phone-email-input-container .otp-container { margin: 0px 0px 0.25rem; }
}
.remove-google-auth-container .remove-google-auth-modal-body .bind-auth-wrapper .phone-email-input-container .otp-container .otp-tab-container { width: 100%; }
.remove-google-auth-container .remove-google-auth-modal-body .bind-auth-wrapper .phone-email-input-container .otp-container .otp-tab-container .otp-tab-button { width: 49%; }
@media (max-width: 768px) { .remove-google-auth-container .remove-google-auth-modal-body .bind-auth-wrapper .phone-email-input-container .otp-container .otp-tab-container .otp-tab-button { border-radius: 0.5rem; font-size: 0.25rem; }
}
.remove-google-auth-container .remove-google-auth-modal-body .bind-auth-wrapper label { display: unset; }
@media (max-width: 768px) { .remove-google-auth-container .remove-google-auth-modal-body .bind-auth-wrapper label { font-size: 0.25rem; }
}
.remove-google-auth-container .remove-google-auth-modal-body .bind-auth-wrapper .get-otp-container .get-code-button { width: 40%; background: rgb(243, 245, 246); color: rgb(15, 22, 31); }
@media (max-width: 768px) { .remove-google-auth-container .remove-google-auth-modal-body .bind-auth-wrapper .get-otp-container .get-code-button { font-size: 0.25rem; }
}
.remove-google-auth-container .remove-google-auth-modal-body .otp-header { align-items: flex-start; }
.remove-google-auth-container .remove-google-auth-modal-body .otp-header .desc-wrapper { font-size: 0.14rem; }
.remove-google-auth-container .remove-google-auth-modal-body .otp-header .desc-wrapper .desc { color: rgb(15, 22, 31); }
@media (max-width: 768px) { .remove-google-auth-container .remove-google-auth-modal-body .otp-header .desc-wrapper .desc { font-size: 0.25rem; }
}
.remove-google-auth-container .bind-fail-message-container .red-cross-icon { width: 0.6rem; height: 0.6rem; margin: auto auto 0.05rem; }
@media (max-width: 768px) { .remove-google-auth-container .bind-fail-message-container .red-cross-icon { width: 1rem; height: 1rem; }
}
.remove-google-auth-container .bind-fail-message-container .failed-message { text-align: center; line-height: 1.5; padding: 0.2rem 0.36rem; }
.remove-google-auth-container .bind-fail-message-container .standard-button-container { padding: 0.2rem 0.36rem; }
.remove-google-auth-container .bind-fail-message-container .standard-button-container .standard-submit-button { width: 100%; }
.aff-navbar-container { background: rgb(0, 68, 169); font-size: 0.12rem; display: flex; justify-content: space-between; align-items: center; padding: 0px 0.2rem; height: 0.7rem; z-index: 10; position: relative; backdrop-filter: blur(0.06rem); }
@media (max-width: 1024px) { .aff-navbar-container { padding: 0px 0.14rem; }
}
.aff-navbar-container .left { display: flex; align-items: center; height: 100%; }
@media (max-width: 1024px) { .aff-navbar-container .left { display: grid; gap: 0.14rem; grid-template-columns: 0.3rem 2rem auto; }
}
.aff-navbar-container .left .guide-container .guide-icon { background: rgba(0, 0, 0, 0); }
.aff-navbar-container .left .guide-container .guide-icon svg { width: 0.25rem; }
.aff-navbar-container .left .guide-container .guide-dd { display: none; }
.aff-navbar-container .left .guide-container .guide-dd .guide-dd-menutab { display: flex; padding: 0.35rem 0.55rem 0.5rem; width: 6.53rem; justify-content: space-between; }
.aff-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left { flex-direction: column; align-items: flex-start; width: 50%; border-right: 0.01rem solid rgb(247, 247, 247); display: block; }
.aff-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .hl-menus .menu { align-items: center; display: flex; margin: 0px 0px 0.28rem; font-size: 0.18rem; color: rgb(15, 22, 31); cursor: pointer; }
.aff-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .hl-menus .menu svg { width: 0.38rem; margin: 0px 0.14rem 0.06rem 0px; }
.aff-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .multipage-menus { margin: 0.3rem 0.5rem 0px 0px; }
.aff-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .multipage-menus ul { font-size: 0.13rem; clear: both; color: rgb(134, 151, 162); }
.aff-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .multipage-menus ul li { list-style: inside disc; float: left; margin: 0px 0.15rem 0.1rem 0px; cursor: pointer; }
.aff-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .multipage-menus ul li:nth-child(5) { width: 100%; }
.aff-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .multipage-menus ul li:last-child { width: 100%; }
.aff-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .multipage-menus ul li::marker { font-size: 0.12rem; }
.aff-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .login-button-container { margin-top: 0.47rem; justify-content: start; }
.aff-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .login-button-container button { width: 2.09rem; height: 0.4rem; border-radius: 0.1rem; background: rgb(255, 138, 0); color: rgb(255, 255, 255); font-size: 0.16rem; font-weight: 600; }
.aff-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .login-button-container button:hover { background: rgb(255, 114, 0); }
.aff-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .logout-button-container { margin-top: 0.47rem; justify-content: start; }
.aff-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .logout-button-container button { width: 2.09rem; height: 0.4rem; border-radius: 0.1rem; background: rgb(243, 245, 246); color: rgb(134, 151, 162); font-size: 0.16rem; font-weight: 600; }
.aff-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .right { width: 50%; }
.aff-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .right .common-menus { padding-left: 0.77rem; }
.aff-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .right .common-menus .menu { margin: 0px 0px 0.16rem; font-size: 0.14rem; color: rgb(15, 22, 31); display: flex; align-items: center; cursor: pointer; text-transform: capitalize; }
.aff-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .right .common-menus .menu svg { width: 0.32rem; height: 0.32rem; margin: 0px 0.12rem 0.06rem 0px; }
.aff-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .right .common-menus .menu .beta-new-icon { margin-left: 0.15rem; width: 0.35rem; }
.aff-navbar-container .left .guide-container .guide-dd.isOpen { display: block; position: absolute; background: rgb(255, 255, 255); top: 0.7rem; box-shadow: rgba(0, 0, 0, 0.2) 0px 0.05rem 0.08rem -0.02rem; border-radius: 0.05rem; z-index: 10; }
.aff-navbar-container .left .header-logo { margin: 0px 0.24rem 0px 0.2rem; }
@media (max-width: 1024px) { .aff-navbar-container .left .header-logo { margin: 0px; }
}
@media (max-width: 1024px) { .aff-navbar-container .left .header-logo img { width: 100%; }
}
.aff-navbar-container .left .header-logo a img { width: 2.75rem; }
.aff-navbar-container .right { z-index: 10; height: 100%; }
.aff-navbar-container .right .login-bar { height: 100%; }
.aff-navbar-container .right .login-bar .beforeLoginBar .top .time-cantainer, .aff-navbar-container .right .login-bar .beforeLoginBar .top .time-container, .aff-navbar-container .right .login-bar .afterLoginBar .top .time-cantainer, .aff-navbar-container .right .login-bar .afterLoginBar .top .time-container { color: rgb(255, 255, 255); }
.aff-navbar-container .right .login-bar .beforeLoginBar .bottom .btn-login, .aff-navbar-container .right .login-bar .afterLoginBar .bottom .btn-login { color: rgb(255, 255, 255); }
.aff-navbar-container .right .login-bar .beforeLoginBar .bottom .aff-profile-container, .aff-navbar-container .right .login-bar .afterLoginBar .bottom .aff-profile-container { color: rgb(255, 255, 255); }
.aff-navbar-container .right .login-bar .beforeLoginBar .bottom .aff-profile-container .profile-name, .aff-navbar-container .right .login-bar .afterLoginBar .bottom .aff-profile-container .profile-name { margin: 0px; }
.aff-navbar-container .right .login-bar .beforeLoginBar .bottom .aff-nav-myacc .account-icon, .aff-navbar-container .right .login-bar .afterLoginBar .bottom .aff-nav-myacc .account-icon { background: rgb(255, 138, 0); border-radius: 50%; padding: 0.039rem 0.055rem; margin: 0px 0.15rem 0px 0.1rem; }
.aff-navbar-container .right .login-bar .beforeLoginBar .bottom .aff-btn-container button, .aff-navbar-container .right .login-bar .afterLoginBar .bottom .aff-btn-container button { background: rgb(0, 113, 227); width: 0.92rem; height: 0.36rem; border-radius: 0.08rem; margin: 0px 0.12rem 0px 0px; }
.aff-menu-container { text-transform: unset; font-size: 0.15rem; font-weight: unset; height: 100%; display: flex; }
.aff-menu-container ul { display: flex; justify-content: space-between; height: 100%; }
@media (max-width: 1024px) { .aff-menu-container ul { gap: 0.12rem; }
}
.aff-menu-container ul li { padding: 0px; height: 100%; position: relative; text-align: unset; text-transform: capitalize; display: flex; align-items: center; margin: 0px 0.24rem 0px 0px; color: rgb(255, 255, 255); }
@media (max-width: 1024px) { .aff-menu-container ul li { margin: 0px; }
}
.aff-menu-container ul li a { cursor: pointer; }
.aff-menu-container ul li a .menu-item-title p { margin-bottom: 0px; }
.aff-menu-container ul li.portal-back-btn { margin-left: auto; height: auto; }
.aff-menu-container ul li.portal-back-btn .headerLink .menu-item-title p { text-transform: uppercase; }
.aff-menu-container ul li.portal-back-btn .headerLink .menu-item-title p::before { content: ""; }
.aff-portal .mobile-navbar-header { position: sticky; top: 0px; z-index: 999; width: 100%; color: unset; background: unset; }
.aff-portal .mobile-navbar-header .float-header-download { background: rgb(255, 255, 255); border-bottom: 0.01rem solid rgb(243, 245, 246); padding: 0.2rem; display: flex; width: 100%; }
.aff-portal .mobile-navbar-header .float-header-download .float-close-button { position: absolute; right: 0.2rem; top: -0.1rem; font-size: 0.65rem; color: rgb(15, 22, 31); }
.aff-portal .mobile-navbar-header .float-header-download .float-device-icon { width: 15vw; justify-content: center; align-items: center; }
.aff-portal .mobile-navbar-header .float-header-download .float-device-icon img { width: 100%; padding: 0px 0.2rem 0px 0px; }
.aff-portal .mobile-navbar-header .float-header-download .float-desc-container { width: 50vw; align-items: flex-start; margin: auto; }
.aff-portal .mobile-navbar-header .float-header-download .float-download-container { width: 35vw; margin: auto; }
.aff-portal .mobile-navbar-header .float-header-download .float-download-container button { border-radius: 0.1rem; padding: 0.1rem 0.16rem; margin: auto; }
.aff-portal .mobile-navbar-header p { margin: 0px; }
.aff-portal .mobile-navbar-header .mobile-nav { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 0.9rem; padding: 0px 0.21rem; background: rgb(0, 68, 169); border-bottom: unset; }
.aff-portal .mobile-navbar-header .mobile-nav.header-grey { background: rgb(243, 245, 246); }
.aff-portal .mobile-navbar-header .mobile-nav .col-left { display: flex; align-items: center; column-gap: 0.1rem; }
.aff-portal .mobile-navbar-header .mobile-nav .col-left .menu-icon { width: 0.45rem; cursor: pointer; margin: 0px 0.25rem 0px 0px; }
.aff-portal .mobile-navbar-header .mobile-nav .col-left .menu-icon.beta-back { width: 0.37rem; }
.aff-portal .mobile-navbar-header .mobile-nav .col-left .page-title { margin: 0px 0px 0px 0.22rem; font-size: 0.3rem; color: rgb(15, 22, 31); -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; max-width: 2rem; }
@media (max-width: 768px) { .aff-portal .mobile-navbar-header .mobile-nav .col-left .page-title { color: rgb(255, 255, 255); font-family: Inter; }
}
.aff-portal .mobile-navbar-header .mobile-nav .col-left .provider-icon { height: 0.5rem; max-width: 3.2rem; width: 3.2rem; }
.aff-portal .mobile-navbar-header .mobile-nav .col-left img { width: 3.35rem; }
.aff-portal .mobile-navbar-header .mobile-nav .col-right { display: flex; align-items: center; justify-content: flex-end; position: relative; margin: 0px 0px 0px 0.2rem; }
.aff-portal .mobile-navbar-header .mobile-nav .col-right .beta-app-download { height: 0.66rem; width: auto; position: relative; margin-top: 0.15rem; }
.aff-portal .mobile-navbar-header .mobile-nav .col-right .standard-select { display: flex; align-items: center; justify-content: space-between; background: rgb(255, 255, 255); border-radius: 0.5rem; padding: 0.16rem 1.05rem 0.13rem 0.4rem; font-size: 0.3rem; color: rgb(15, 22, 31); cursor: pointer; min-width: 3.4rem; }
.aff-portal .mobile-navbar-header .mobile-nav .col-right .standard-select .standard-select-arrow { position: absolute; right: 0.32rem; top: 0.19rem; border-width: 0px 0.05rem 0.05rem 0px; border-color: rgb(175, 179, 182); border-style: solid; display: inline-block; width: 0.2rem; height: 0.2rem; transform: rotate(45deg); color: rgb(134, 151, 162); }
.aff-portal .mobile-navbar-header .mobile-nav .col-right .standard-select .standard-select-arrow.active { transform: translate(0%, 50%) rotate(225deg); }
.aff-portal .mobile-navbar-header .mobile-nav .col-right .standard-select .nav-title { -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; width: 2rem; }
.aff-portal .mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown { position: absolute; left: -2.5rem; right: 0px; top: 0.8rem; border: 0.01rem solid rgb(214, 214, 214); background: rgb(255, 255, 255); z-index: 2; width: auto; overflow-y: scroll; padding: 0.31rem 0px 0.45rem; border-radius: 0.1rem; max-height: 65vh; font-size: 0.3rem; }
.aff-portal .mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .hover_line { background: rgb(219, 224, 228); height: 0.01rem; margin: 0.23rem auto; width: 90%; }
.aff-portal .mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .title { align-items: center; display: flex; height: 0.62rem; margin: 0px 0.25rem 0.23rem; padding: 0px 0.4rem; }
.aff-portal .mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options { position: relative; display: flex; align-items: center; padding: 0px 0.4rem; height: 0.62rem; color: rgb(136, 153, 164); white-space: nowrap; border-radius: 0.5rem; margin: 0px 0.25rem; }
.aff-portal .mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options:hover, .aff-portal .mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options.active { background: rgb(255, 138, 0); color: rgb(255, 255, 255); }
.aff-portal .mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options:hover svg, .aff-portal .mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options.active svg { filter: grayscale(0%); }
.aff-portal .mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options:hover svg.SL-PP, .aff-portal .mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options.active svg.SL-PP { filter: grayscale(1); }
.aff-portal .mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options:hover svg.C-PPL, .aff-portal .mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options.active svg.C-PPL { filter: grayscale(1); }
.aff-portal .mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options.maintenance { margin: 0px; padding: 0px 0.65rem; background: rgb(243, 245, 246); color: rgba(136, 153, 164, 0.5); border-radius: unset; }
.aff-portal .mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options.include-svg { display: grid; grid-template-columns: 2fr 8fr; gap: 0px 0.58rem; }
.aff-portal .mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options:not(:last-child) { margin: 0px 0.25rem 0.23rem; }
.aff-portal .mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options:not(:last-child).maintenance { margin: 0px 0px 0.23rem; padding: 0px 0.65rem; }
.aff-portal .mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options span { width: 100%; }
.aff-portal .mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options .beta-maintenance-bg-icon { position: absolute; top: 0px; right: 0px; width: 0.6rem; height: 0.52rem; }
.aff-portal .mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options svg { width: 100%; height: 0.45rem; filter: grayscale(1) opacity(0.4); }
.aff-portal .mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options svg.SL-PP, .aff-portal .mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options svg.SL-HB, .aff-portal .mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options svg.C-PPL { height: 0.55rem; }
.aff-portal .mobile-navbar-header .mobile-nav .col-right:nth-child(1) { display: grid; grid-template-columns: auto auto; }
.aff-portal .mobile-navbar-header .mobile-nav .col-right div { display: grid; grid-template-columns: auto auto; justify-content: center; align-items: center; }
.aff-portal .mobile-navbar-header .mobile-nav .col-right div .btn-login { color: rgb(255, 255, 255); font-size: 0.26rem; grid-area: 1 / 1; margin: 0px 0.2rem 0px 0px; }
.aff-portal .mobile-navbar-header .mobile-nav .col-right div .btn-reg { width: 1.4rem; height: 0.56rem; color: rgb(255, 255, 255); background: rgb(255, 138, 0); border-radius: 0.06rem; font-size: 0.26rem; grid-area: 1 / 2; }
.aff-portal .mobile-navbar-header .mobile-nav .col-right div.sort-type-dropdown { grid-template-columns: 100%; width: 66.6667vw; left: -1.7rem; }
.aff-portal .mobile-navbar-header .mobile-nav .col-right div.sort-type-dropdown .sidenav-title { padding: 0px 0.4rem; margin: 0px 0.25rem 0.23rem; justify-content: start; color: rgb(134, 151, 162); }
.aff-portal .mobile-navbar-header .mobile-nav .col-right div.sort-type-dropdown .standard-select-options { color: rgb(15, 22, 31); }
.aff-portal .mobile-navbar-header .mobile-nav .col-right div.sort-type-dropdown .sidenav-title, .aff-portal .mobile-navbar-header .mobile-nav .col-right div.sort-type-dropdown .standard-select-options { justify-content: start; }
.aff-portal .mobile-navbar-header .mobile-nav .sb-overlay { position: fixed; top: 0px; right: 0px; width: 100%; height: 100%; background: rgba(0, 45, 90, 0.4); z-index: 1; }
.aff-portal .mobile-navbar-header .mobile-nav .sb-content { position: fixed; top: 0px; width: 6.35rem; height: 100%; background: rgb(255, 255, 255); z-index: 2; overflow-y: scroll; padding: 1.08rem 0px 4.2rem; }
.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container { padding: 0px 0.6rem; }
.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container.content-2, .aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container.content-language { padding: 0px 0.52rem 0px 0.49rem; }
.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container.content-2 .common-menu, .aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container.content-language .common-menu { margin: 0.64rem 0px 0px; padding: 0px; border-top: unset; }
.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu { padding: 0px 0.04rem 1.25rem 0.19rem; }
.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu.margin-top { margin: 0px; }
.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu .menu:not(:last-child) { margin: 0px 0px 0.5rem; }
.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu .menu .icon-sb, .aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu .menu svg.beta-region { width: 0.6rem; }
.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu .menu svg.beta-region { border-radius: 50%; }
.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu .menu .sb-name { margin: 0rem 0px 0px 0.4rem; font-size: 0.26rem; }
.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu { display: grid; grid-template-columns: 25% 40% 25%; column-gap: 5%; padding: 0.8rem 0.14rem 0px 0px; border-top: 0.02rem solid rgb(219, 224, 228); }
.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu { position: relative; flex-direction: column; justify-content: flex-start; width: 1.25rem; min-height: 0.86rem; cursor: pointer; }
.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu:not(:last-child) { margin: 0px 0px 0.66rem; }
.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu.middle { margin: 0px 0.5rem 0.66rem; }
.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu .icon-sb { width: 0.58rem; height: 0.58rem; }
.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu .icon-sb svg { overflow: visible; }
.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu .icon-sb .beta-region { border-radius: 50%; overflow: hidden; border: 0.01rem solid rgb(204, 204, 204); }
.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu .sb-name { margin: 0.25rem 0px 0px; text-align: center; text-transform: capitalize; }
.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu .icon-star-container { top: -0.02rem; left: 0.125rem; }
.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .menu { display: flex; align-items: center; justify-content: space-between; }
.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .menu .left, .aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .menu .right { display: flex; align-items: center; justify-content: space-between; }
.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .menu .icon-sb { display: flex; align-items: flex-end; justify-content: center; }
.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .menu .icon-sb .Language { width: 0.48rem; }
.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .menu .icon-sb .More { width: 0.48rem; }
.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .menu .icon-sb .Back { width: 0.45rem; }
.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .menu .sb-name { font-size: 0.24rem; }
.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .menu .icon-status { width: 0.55rem; }
.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .menu .icon-arrow { display: flex; align-items: center; justify-content: center; background: rgb(219, 233, 240); border-radius: 50%; width: 0.4rem; height: 0.4rem; margin: 0px 0px 0px 0.35rem; overflow: visible; fill: rgb(109, 160, 221); }
.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .menu .icon-arrow svg { width: 0.1rem; transform: rotate(180deg); }
.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .sb-header { display: flex; align-items: center; justify-content: space-between; }
.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .sb-header .left { display: flex; align-items: center; justify-content: center; }
.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .sb-header .beta-region { width: 0.5rem; height: 0.5rem; margin: 0px 0.26rem 0px 0px; }
.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .sb-header .title { font-weight: 600; font-size: 0.34rem; }
.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .sb-header .beta-close-btn { width: 0.22rem; height: 0.22rem; cursor: pointer; }
.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .banner { margin: 0.65rem 0px 0px; width: 100%; border-radius: 0.1rem; }
.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .country-flag-warpper .country-flag-container .country-info .country-languages .language-select:first-child { padding: 0px 0.25rem 0px 0px; }
.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .country-flag-warpper .country-flag-container .country-info .country-languages .language-select:last-child { padding: 0px 0px 0px 0.25rem; }
.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .country-flag-warpper .country-flag-container .country-info .country-languages .language-select:not(:first-child) { border-left: 0.02rem solid rgb(237, 237, 237); }
.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info { display: flex; align-items: center; justify-content: space-between; padding: 0px 0.03rem 0px 0.18rem; }
.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .acc-info { display: flex; align-items: center; }
.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .acc-info .beta-bitcoin { width: 1.06rem; height: 1.06rem; }
.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .acc-info .info-content { margin: 0px 0px 0px 0.25rem; }
.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .acc-info .info-content .welcome-title { font-size: 0.24rem; }
.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .acc-info .info-content .acc-name { color: rgb(0, 90, 204); font-size: 0.32rem; margin: 0.05rem 0px 0px; }
.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .sb-leaderboard { position: relative; display: flex; align-items: center; justify-content: flex-end; width: 1.42rem; height: 0.46rem; padding: 0px 0.23rem 0px 0px; background: rgb(6, 145, 192); color: rgb(255, 255, 255); font-size: 0.24rem; border-radius: 0.5rem; cursor: pointer; }
.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .sb-leaderboard .beta-leaderboard { position: absolute; left: 0px; width: 0.52rem; height: 0.52rem; padding: 0.1rem; background: rgb(253, 184, 19); border-radius: 50%; }
.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .sb-leaderboard .beta-leaderboard .st0 { fill: rgb(6, 145, 192); }
.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .deposit-progress { margin: 0.55rem 0px 0px; padding: 0.33rem 0.33rem 0.4rem; background: rgb(243, 245, 246); border-radius: 0.05rem; }
.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .deposit-progress .deposit-progress-group { display: flex; align-items: center; font-size: 0.28rem; padding: 0px 0px 0px 0.05rem; }
.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .deposit-progress .deposit-progress-group img { width: 0.65rem; height: 0.65rem; }
.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .deposit-progress .deposit-progress-group p { margin: 0px 0px 0px 0.19rem; }
.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .deposit-progress .progress-bar { display: flex; width: 3.8rem; height: 0.11rem; background: rgb(255, 255, 255); border-radius: 0.05rem; margin: 0.13rem 0px 0px; }
.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .deposit-progress .progress-bar span { height: 100%; background: rgb(255, 138, 0); }
.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .deposit-progress .progress-status { margin: 0.22rem 0px 0px 0.08rem; font-size: 0.24rem; }
.aff-portal .mobile-navbar-header .mobile-nav .sb-content .standard-button-container { margin: 1.24rem 0px 0px; padding: 0px 0.52rem 0px 0.48rem; }
.aff-portal .mobile-navbar-header .mobile-nav .sb-content .standard-button-container button { font-weight: 600; width: 100%; height: 0.86rem; background: rgb(243, 245, 246); color: rgb(134, 151, 162); border-radius: 0.1rem; font-size: 0.34rem; }
.aff-portal .dark-theme-mobile-navbar-header { position: sticky; top: 0px; z-index: 999; width: 100%; color: rgb(15, 22, 31); background: rgba(11, 27, 39, 0.9); }
.aff-portal .dark-theme-mobile-navbar-header .float-header-download { background: rgb(255, 255, 255); border-bottom: 0.01rem solid rgb(243, 245, 246); padding: 0.2rem; display: flex; width: 100%; }
.aff-portal .dark-theme-mobile-navbar-header .float-header-download .float-close-button { position: absolute; right: 0.2rem; top: -0.1rem; font-size: 0.65rem; color: rgb(15, 22, 31); }
.aff-portal .dark-theme-mobile-navbar-header .float-header-download .float-device-icon { width: 15vw; justify-content: center; align-items: center; }
.aff-portal .dark-theme-mobile-navbar-header .float-header-download .float-device-icon img { width: 100%; padding: 0px 0.2rem 0px 0px; }
.aff-portal .dark-theme-mobile-navbar-header .float-header-download .float-desc-container { width: 50vw; align-items: flex-start; margin: auto; }
.aff-portal .dark-theme-mobile-navbar-header .float-header-download .float-download-container { width: 35vw; margin: auto; }
.aff-portal .dark-theme-mobile-navbar-header .float-header-download .float-download-container button { border-radius: 0.1rem; padding: 0.1rem 0.16rem; margin: auto; }
.aff-portal .dark-theme-mobile-navbar-header p { margin: 0px; }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 0.9rem; padding: 0px 0.21rem; background: rgba(11, 27, 39, 0.9); border-bottom: 0.01rem solid rgba(11, 27, 39, 0.9); }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .col-left { display: flex; align-items: center; }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .col-left .menu-icon { width: 0.45rem; cursor: pointer; }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .col-right { display: flex; align-items: center; justify-content: flex-end; position: relative; margin: 0px 0px 0px 0.2rem; }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .col-right div::before { content: ""; position: absolute; background: rgb(14, 33, 47); border-radius: 50%; width: 0.72rem; height: 0.72rem; bottom: 0.06rem; }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .col-right div .beta-app-download { height: 0.66rem; width: auto; position: relative; margin-top: 0.15rem; }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-overlay { position: fixed; top: 0px; right: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 1; }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content { position: fixed; top: 0px; left: 0px; width: 6.35rem; height: 100%; background: rgb(255, 255, 255); z-index: 2; overflow-y: scroll; padding: 0.85rem 0px 1.98rem; }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container { padding: 0px 0.55rem; }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container.content-2, .aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container.content-language { padding: 0px 0.52rem 0px 0.49rem; }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container.content-2 .common-menu, .aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container.content-language .common-menu { margin: 0.64rem 0px 0px; padding: 0px; border-top: unset; }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu { padding: 0px 0px 1.08rem; }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu.margin-top { margin: 0px; }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu .menu:not(:last-child) { margin: 0px 0px 0.5rem; }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu .menu .icon-sb { width: 0.8rem; height: 0.71rem; }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu .menu .sb-name { margin: 0.16rem 0px 0px 0.3rem; font-size: 0.26rem; }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu { display: grid; grid-template-columns: 25% 40% 25%; column-gap: 5%; padding: 1.19rem 0.14rem 0px 0px; border-top: 0.02rem solid rgb(237, 237, 237); }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu { position: relative; flex-direction: column; justify-content: flex-start; width: 1.25rem; min-height: 0.86rem; cursor: pointer; }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu:not(:last-child) { margin: 0px 0px 0.66rem; }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu.middle { margin: 0px 0.5rem 0.66rem; }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu .icon-sb { width: 0.58rem; height: 0.58rem; }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu .icon-sb svg:not(:root) { overflow: visible; }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu .sb-name { margin: 0.25rem 0px 0px; text-align: center; text-transform: capitalize; }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu .icon-star-container { top: -0.02rem; left: 0.125rem; }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .menu { display: flex; align-items: center; justify-content: space-between; }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .menu .left, .aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .menu .right { display: flex; align-items: center; justify-content: space-between; }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .menu .icon-sb { display: flex; align-items: flex-end; justify-content: center; }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .menu .icon-sb .Language { width: 0.48rem; }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .menu .icon-sb .More { width: 0.48rem; }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .menu .icon-sb .Back { width: 0.45rem; }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .menu .sb-name { font-size: 0.24rem; }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .menu .icon-status { width: 0.55rem; }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .menu .icon-arrow { display: flex; align-items: center; justify-content: center; background: rgb(219, 233, 240); border-radius: 50%; width: 0.4rem; height: 0.4rem; margin: 0px 0px 0px 0.35rem; overflow: visible; fill: rgb(109, 160, 221); }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .menu .icon-arrow svg { width: 0.1rem; transform: rotate(180deg); }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-header { display: flex; align-items: center; justify-content: space-between; }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-header .left { display: flex; align-items: center; justify-content: center; }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-header .beta-region { width: 0.5rem; height: 0.5rem; margin: 0px 0.26rem 0px 0px; }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-header .title { font-weight: 600; font-size: 0.34rem; }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-header .beta-close-btn { width: 0.22rem; height: 0.22rem; cursor: pointer; }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .banner { margin: 0.65rem 0px 0px; width: 100%; border-radius: 0.1rem; }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .country-flag-warpper .country-flag-container .country-info .country-languages .language-select:first-child { padding: 0px 0.25rem 0px 0px; }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .country-flag-warpper .country-flag-container .country-info .country-languages .language-select:last-child { padding: 0px 0px 0px 0.25rem; }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .country-flag-warpper .country-flag-container .country-info .country-languages .language-select:not(:first-child) { border-left: 0.02rem solid rgb(237, 237, 237); }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info { display: flex; align-items: center; justify-content: space-between; padding: 0px 0.03rem 0px 0.18rem; }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .acc-info { display: flex; align-items: center; }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .acc-info .beta-bitcoin { width: 1.06rem; height: 1.06rem; }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .acc-info .info-content { margin: 0px 0px 0px 0.25rem; }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .acc-info .info-content .welcome-title { font-size: 0.24rem; }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .acc-info .info-content .acc-name { color: rgb(0, 90, 204); font-size: 0.32rem; margin: 0.05rem 0px 0px; }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .sb-leaderboard { position: relative; display: flex; align-items: center; justify-content: flex-end; width: 1.42rem; height: 0.46rem; padding: 0px 0.23rem 0px 0px; background: rgb(6, 145, 192); color: rgb(255, 255, 255); font-size: 0.24rem; border-radius: 0.5rem; cursor: pointer; }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .sb-leaderboard .beta-leaderboard { position: absolute; left: 0px; width: 0.52rem; height: 0.52rem; padding: 0.1rem; background: rgb(253, 184, 19); border-radius: 50%; }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .sb-leaderboard .beta-leaderboard .st0 { fill: rgb(6, 145, 192); }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .deposit-progress { margin: 0.55rem 0px 0px; padding: 0.33rem 0.33rem 0.4rem; background: rgb(243, 245, 246); border-radius: 0.05rem; }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .deposit-progress .deposit-progress-group { display: flex; align-items: center; font-size: 0.28rem; padding: 0px 0px 0px 0.05rem; }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .deposit-progress .deposit-progress-group img { width: 0.65rem; height: 0.65rem; }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .deposit-progress .deposit-progress-group p { margin: 0px 0px 0px 0.19rem; }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .deposit-progress .progress-bar { display: flex; width: 3.8rem; height: 0.11rem; background: rgb(255, 255, 255); border-radius: 0.05rem; margin: 0.13rem 0px 0px; }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .deposit-progress .progress-bar span { height: 100%; background: rgb(255, 138, 0); }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .deposit-progress .progress-status { margin: 0.22rem 0px 0px 0.08rem; font-size: 0.24rem; }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .standard-button-container { margin: 1.24rem 0px 0px; padding: 0px 0.52rem 0px 0.48rem; }
.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .standard-button-container button { font-weight: 600; width: 100%; height: 0.86rem; background: rgb(243, 245, 246); color: rgb(134, 151, 162); border-radius: 0.1rem; font-size: 0.34rem; }
body.aff-portal .bottom-navbar-container { position: fixed; bottom: 0px; width: 100%; z-index: 1001; margin-top: -1.5rem; }
body.aff-portal .bottom-navbar-container .bn-content { display: flex; align-items: center; justify-content: space-between; background: rgb(0, 68, 169); border-radius: 0.2rem 0.2rem 0px 0px; padding: 0.25rem 0.35rem 0.35rem; font-size: 0.2rem; height: 1.5rem; filter: drop-shadow(rgba(0, 0, 0, 0.12) 0px 0.08rem 0.1rem) drop-shadow(rgba(0, 0, 0, 0.14) 0px 0.03rem 0.14rem) drop-shadow(rgba(0, 0, 0, 0.12) 0px 0.05rem 0.05rem) drop-shadow(rgba(0, 0, 0, 0.1) 0px -0.02rem 0.04rem); }
body.aff-portal .bottom-navbar-container .bn-content .bn-menu { width: 100%; text-align: center; cursor: pointer; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; }
body.aff-portal .bottom-navbar-container .bn-content .bn-menu .bn-icon { height: 0.55rem; }
body.aff-portal .bottom-navbar-container .bn-content .bn-menu .bn-desc { margin: 0.1rem 0px 0px; fill: rgb(255, 255, 255); color: rgb(255, 255, 255); }
body.aff-portal .bottom-navbar-container .bn-content .bn-menu .bn-desc.bn-desc-active { fill: rgb(255, 138, 0); color: rgb(255, 138, 0); }
.rank-container { border-radius: 0.1rem; width: 5.67rem; padding: 0px 0px 0.71rem; position: relative; left: 0.95rem; white-space: nowrap; }
.rank-container .table-title { font-size: 0.3rem; margin: 1.1rem 0px 0.46rem; font-weight: 600; color: rgb(15, 22, 31); font-family: Inter, "sans-serif", 宋体, Prompt; }
.rank-container .table-container { border-radius: 0.1rem; color: rgb(15, 22, 31); }
.rank-container .table-container .table-head { display: grid; grid-template-columns: repeat(3, 1fr); margin: 0px 0.3rem 0.3rem; text-decoration: underline; }
.rank-container .table-container .table-body { font-weight: 400; font-size: 0.14rem; display: grid; }
.rank-container .table-container .table-body .table-row { background: rgb(255, 255, 255); border-radius: 0.1rem; align-items: center; padding: 0px 0.3rem; margin: 0px 0px 0.1rem; height: 0.52rem; display: grid; grid-template-columns: repeat(3, 1fr); }
.rank-container .table-container .table-body .table-row:nth-child(1):not(.current-member) { background: rgb(0, 59, 121); color: rgb(255, 255, 255); font-weight: 600; font-size: 0.18rem; text-decoration: underline; z-index: 3; }
.rank-container .table-container .table-body .table-row:nth-child(1):not(.current-member) .rank span { background: rgb(255, 90, 0); height: 0.52rem; width: 0.3rem; border-radius: 0.03rem; outline-offset: -0.01rem; outline: rgb(255, 90, 0) solid 0.08rem; display: flex; justify-content: center; align-items: center; }
@media (max-width: 768px) { .rank-container .table-container .table-body .table-row:nth-child(1):not(.current-member) .rank span { outline-offset: -0.02rem; }
}
.rank-container .table-container .table-body .table-row:nth-child(2):not(.current-member) { background: rgb(0, 78, 161); color: rgb(255, 255, 255); font-weight: 600; font-size: 0.18rem; text-decoration: underline; z-index: 2; }
.rank-container .table-container .table-body .table-row:nth-child(2):not(.current-member) .rank span { background: rgb(248, 130, 3); height: 0.52rem; width: 0.3rem; border-radius: 0.03rem; outline-offset: -0.01rem; outline: rgb(248, 130, 3) solid 0.08rem; display: flex; justify-content: center; align-items: center; }
@media (max-width: 768px) { .rank-container .table-container .table-body .table-row:nth-child(2):not(.current-member) .rank span { outline-offset: -0.02rem; }
}
.rank-container .table-container .table-body .table-row:nth-child(3):not(.current-member) { background: rgb(35, 106, 182); color: rgb(255, 255, 255); font-weight: 600; font-size: 0.18rem; text-decoration: underline; z-index: 1; }
.rank-container .table-container .table-body .table-row:nth-child(3):not(.current-member) .rank span { background: rgb(255, 193, 59); height: 0.52rem; width: 0.3rem; border-radius: 0.03rem; outline-offset: -0.01rem; outline: rgb(255, 193, 59) solid 0.08rem; display: flex; justify-content: center; align-items: center; }
@media (max-width: 768px) { .rank-container .table-container .table-body .table-row:nth-child(3):not(.current-member) .rank span { outline-offset: -0.02rem; }
}
.rank-container .table-container .table-body .table-row.current-member { border: 0.01rem solid rgb(248, 130, 3); }
.rank-container .table-container .table-body .table-row .table-col { text-decoration: underline; }
.rank-container .table-container .table-body .table-row .table-col.rank { height: 0.52rem; width: 0.4rem; display: flex; justify-content: center; align-items: center; }
.affiliate-route-background .testimonial-section { height: 7rem; }
.affiliate-route-background .testimonial-section .testimonial-slider { width: 100%; margin: 0.92rem 0px 0px; }
.affiliate-route-background .testimonial-section .testimonial-slider .slick-slide { height: 100%; }
.affiliate-route-background .testimonial-section .testimonial-slider .slick-slide img { margin: auto; }
.affiliate-route-background .testimonial-section .testimonial-slider .testimonial-box { height: 5rem; margin: 0px auto; align-items: baseline; grid-template-rows: repeat(5, 0.5rem); width: 3.7rem !important; display: grid !important; }
.affiliate-route-background .testimonial-section .testimonial-slider .testimonial-box .box-title, .affiliate-route-background .testimonial-section .testimonial-slider .testimonial-box .box-desc, .affiliate-route-background .testimonial-section .testimonial-slider .testimonial-box .star-container { margin: 0px; }
.affiliate-route-background .testimonial-section .testimonial-slider .testimonial-box .lazy-load-image-loaded { grid-row: 1 / span 2; background: rgb(255, 255, 255); border-radius: 50%; width: 0.9rem; height: 0.9rem; align-content: center; }
.affiliate-route-background .testimonial-section .testimonial-slider .testimonial-box p { grid-row: 3 / span 1; }
.affiliate-route-background .testimonial-section .testimonial-slider .testimonial-box .box-title { grid-row: 4 / span 3; }
.affiliate-route-background .testimonial-section .testimonial-slider .testimonial-box .box-name { color: rgb(134, 151, 162); }
.affiliate-route-background .testimonial-section .testimonial-slider .testimonial-box .box-desc { grid-row: 8 / span 1; }
.affiliate-route-background .testimonial-section .testimonial-slider .testimonial-box .star-container { margin: 0.23rem 0px 0px; grid-row: 11 / span 1; }
@media (max-width: 768px) { .affiliate-route-background .pointer-item { display: grid; } .affiliate-route-background .rank-container { left: unset; width: 100%; font-size: 0.25rem; padding: 0px 0px 1.1rem; z-index: 1; } .affiliate-route-background .rank-container .table-container .table-head { text-decoration: none; font-weight: bolder; } .affiliate-route-background .rank-container .table-container .table-body { font-size: 0.25rem; } .affiliate-route-background .rank-container .table-container .table-body .table-row { border-radius: 0.08rem; padding: 0px 0.45rem; height: 0.65rem; font-size: 0.25rem !important; text-decoration: none !important; } .affiliate-route-background .rank-container .table-container .table-body .table-row:nth-child(1):not(.current-member) .rank span { height: 0.62rem; width: 0.4rem; outline: rgb(255, 90, 0) solid 0.1rem; } .affiliate-route-background .rank-container .table-container .table-body .table-row:nth-child(2):not(.current-member) .rank span { height: 0.62rem; width: 0.4rem; outline: rgb(248, 130, 3) solid 0.1rem; } .affiliate-route-background .rank-container .table-container .table-body .table-row:nth-child(3):not(.current-member) .rank span { height: 0.62rem; width: 0.4rem; outline: rgb(255, 193, 59) solid 0.1rem; } .affiliate-route-background .rank-container .table-container .table-body .table-row .table-col { text-decoration: none; } .affiliate-route-background .mobile-testimonial-section { padding: 0px; height: 9rem; } .affiliate-route-background .mobile-testimonial-section .testimonial-title { margin: 0px; } .affiliate-route-background .mobile-testimonial-section .testimonial-slider { margin: 0.26rem 0px 0px; } .affiliate-route-background .mobile-testimonial-section .testimonial-slider .testimonial-box { height: 9rem; grid-template-rows: repeat(5, 0.5rem); gap: 0.21rem 0px; width: 4.3rem !important; } .affiliate-route-background .mobile-testimonial-section .testimonial-slider .testimonial-box .lazy-load-image-loaded { grid-row: 1 / span 2; margin-top: 0.21rem; background: rgb(255, 255, 255); border-radius: 50%; width: 1.5rem; height: 1.5rem; align-content: center; } .affiliate-route-background .mobile-testimonial-section .testimonial-slider .testimonial-box .box-name { font-size: 0.28rem; grid-row: 4 / span 1; color: rgb(134, 151, 162); } .affiliate-route-background .mobile-testimonial-section .testimonial-slider .testimonial-box .box-title { font-size: 0.4rem; grid-row: 5 / span 2; } .affiliate-route-background .mobile-testimonial-section .testimonial-slider .testimonial-box .box-desc { font-size: 0.22rem; line-height: 0.25rem; grid-row: 7 / span 2; } .affiliate-route-background .mobile-testimonial-section .testimonial-slider .testimonial-box .star-container { margin: 0px; grid-row: 9 / span 1; } .affiliate-route-background .mobile-testimonial-section .testimonial-slider .testimonial-box .star-container .icon-star { width: 0.2rem; height: 0.2rem; } .affiliate-route-background .mobile-testimonial-section .testimonial-slider .slick-slide img { width: 1.2rem; height: 1.2rem; }
}
.affiliate-route-background main.home-container .dotsContainer { width: 100%; bottom: 1rem; position: absolute; }
@media (max-width: 768px) { .affiliate-route-background main.home-container .dotsContainer { bottom: 0.3rem; }
}
.affiliate-route-background main.home-container .dotsContainer .active { background: rgb(255, 255, 255); opacity: 0.7; width: 0.1rem; height: 0.1rem; transform: unset; margin-left: 0.1rem; border-radius: 0.4rem; transition-duration: 0.5s; }
.affiliate-route-background main.home-container .dotsContainer .dots { background: rgba(255, 255, 255, 0.38); width: 0.1rem; height: 0.1rem; transform: unset; margin-left: 0.1rem; margin-bottom: unset; border-radius: 50%; transition-duration: 0.5s; }
@media (max-width: 1024px) { .affiliate-route-background main.home-container .home-row.\31 .content { width: 11.5rem !important; } .affiliate-route-background main.home-container .home-row.\35 { width: 11.5rem !important; } .affiliate-route-background main.home-container .home-row.\36 > div { width: 11.5rem !important; }
}
@media (max-width: 768px) { .affiliate-route-background main.home-container .home-row.\31 .content { width: auto !important; } .affiliate-route-background main.home-container .home-row.\35 { width: auto !important; } .affiliate-route-background main.home-container .home-row.\36 > div { width: auto !important; }
}
.aff-contact-us-background { background: rgb(243, 245, 246); }
.aff-contact-us-wrapper { margin: auto; color: rgb(0, 0, 0); width: 13.4rem; }
@media (max-width: 1340px) { .aff-contact-us-wrapper { width: 94vw; }
}
@media (max-width: 1024px) { .aff-contact-us-wrapper { width: 94vw; }
}
.aff-contact-us-wrapper .contact-us-container header { padding: 0px 0.14rem; }
.aff-contact-us-wrapper .contact-us-container article { line-height: 0.24rem; font-size: 0.14rem; margin: 0.2rem 0px 0px; padding: 0px 0.14rem; color: rgb(134, 151, 162); white-space: pre-line; }
.aff-contact-us-wrapper .contact-us-container article a { margin: 0.05rem; }
.aff-contact-us-wrapper .contact-us-container .additional-information-title { margin-top: 0.5rem !important; }
.aff-contact-us-wrapper .contact-us-container .additional-information-description { white-space: pre-line; }
.aff-contact-us-wrapper .contact-us-container .row { width: 100%; background: rgb(255, 255, 255); border-radius: 0.08rem; padding: 0.48rem 0.7rem; margin: 0.5rem auto 0px; }
.aff-contact-us-wrapper .contact-us-container .row::after { content: ""; display: table; clear: both; }
.aff-contact-us-wrapper .contact-us-container .row .contact-column { float: left; font-size: 0.18rem; }
.aff-contact-us-wrapper .contact-us-container .row .contact-column .contact-us-list { margin-top: 0.3rem; }
.aff-contact-us-wrapper .contact-us-container .row .contact-column .contact-us-list .contact-list-warpper { width: 100%; display: flex; align-items: center; margin-bottom: 0.2rem; text-align: center; flex-direction: row; padding: 0.06rem 0px; cursor: pointer; transition: 0.3s; }
.aff-contact-us-wrapper .contact-us-container .row .contact-column .contact-us-list .contact-list-warpper .contact-svg-container svg { width: 0.25rem; height: 0.25rem; fill: url("#beta-gradient"); margin-right: 0.1rem; }
.aff-contact-us-wrapper .contact-us-container .row .field-column { float: left; font-size: 0.18rem; }
.aff-contact-us-wrapper .contact-us-container .row .field-column .form-contanier { margin-top: 0.3rem; }
.aff-contact-us-wrapper .contact-us-container .row .field-column .form-contanier .form-group-fname-lname { display: grid; grid-template-columns: repeat(2, 0.8fr); column-gap: 0.2rem; }
.aff-contact-us-wrapper .contact-us-container .row .field-column .form-contanier .form-group-fname-lname::after { content: ""; display: table; clear: both; }
.aff-contact-us-wrapper .contact-us-container .row .field-column .form-contanier .form-control { padding: 0.2rem; font-size: 0.14rem; }
.aff-contact-us-wrapper .contact-us-container .row .field-column .form-contanier .field-box { margin-bottom: 0.15rem; }
.aff-contact-us-wrapper .contact-us-container .row .field-column .form-contanier input:focus, .aff-contact-us-wrapper .contact-us-container .row .field-column .form-contanier textarea:focus { border: 0.01rem solid rgb(255, 138, 0); }
.aff-contact-us-wrapper .contact-us-container .row .field-column .form-contanier .contact-us-button { background: rgb(255, 138, 0); color: rgb(255, 255, 255); border: 0.02rem solid rgb(255, 138, 0); font-size: 0.15rem; cursor: pointer; width: 15%; border-radius: 0.04rem; }
.aff-contact-us-wrapper .contact-us-container .row .field-column .form-contanier .contact-us-button:disabled { opacity: 0.4; pointer-events: auto !important; cursor: not-allowed !important; }
.aff-contact-us-wrapper .contact-us-container .row .field-column .form-contanier textarea { height: 2rem; }
.aff-contact-us-wrapper .contact-us-container .row .field-column .form-contanier .error-validation { color: red; }
.aff-contact-us-wrapper .contact-us-container .row .field-column .standard-button-container { justify-content: unset; }
.aff-contact-us-wrapper .contact-us-container .row .field-column .standard-button-container .standard-submit-button { margin: 0px 0px 0.35rem; width: 49%; background: rgb(255, 138, 0); }
.aff-contact-us-wrapper .contact-us-container .row .field-column .standard-button-container .standard-submit-button:hover { background: rgb(255, 114, 0); }
.aff-contact-us-wrapper .contact-us-container .row .standard-form-field { flex-direction: column; gap: 0.04rem; }
.aff-contact-us-wrapper .contact-us-container .row .standard-form-field .standard-label { color: rgb(134, 151, 162); font-size: 0.14rem; }
@media (max-width: 768px) { .aff-contact-us-wrapper { width: auto; padding: 0.45rem 0.5rem; } .aff-contact-us-wrapper .standard-header-font-size { font-size: 0.32rem; } .aff-contact-us-wrapper .contact-us-container { padding: 0.05rem 0.5rem; } .aff-contact-us-wrapper .contact-us-container article { line-height: 0.34rem; font-size: 0.26rem; margin: auto; text-align: center; color: rgb(134, 151, 162); } .aff-contact-us-wrapper .contact-us-container .row { background: none; padding: initial; margin: auto; } .aff-contact-us-wrapper .contact-us-container .row .field-column { float: none; } .aff-contact-us-wrapper .contact-us-container .row .field-column .form-contanier .form-control { font-size: 0.32rem; height: 0.71rem; } .aff-contact-us-wrapper .contact-us-container .row .field-column .form-contanier .field-box { margin: 0px 0px 0.4rem; } .aff-contact-us-wrapper .contact-us-container .row .contact-column { float: inline-start; font-size: 0.18rem; width: 60%; margin: 0.7rem auto; } .aff-contact-us-wrapper .contact-us-container .row .standard-mandatory::after { color: rgb(224, 8, 45); content: "*"; margin-left: 0.04rem; padding: 0px 0.04rem 0px 0px; font-size: 0.36rem; position: absolute; right: -0.1rem; top: -0.18rem; }
}
.m-aff-contact-us-wrapper { background: rgb(243, 245, 246); }
.m-aff-contact-us-wrapper .standard-header-font-size { font-size: 0.32rem; }
.m-aff-contact-us-wrapper .contact-us-container { padding: 0.05rem 0.5rem 1.2rem; }
.m-aff-contact-us-wrapper .contact-us-container article { line-height: 0.34rem; font-size: 0.26rem; margin: auto; text-align: center; color: rgb(134, 151, 162); padding: 0px 0.14rem; }
.m-aff-contact-us-wrapper .contact-us-container .additional-information-title { margin-top: 0.5rem !important; }
.m-aff-contact-us-wrapper .contact-us-container .additional-information-description { white-space: pre-line; text-align: center; }
.m-aff-contact-us-wrapper .contact-us-container .row { background: none; padding: initial; margin: auto; }
.m-aff-contact-us-wrapper .contact-us-container .row .field-column { float: none; }
.m-aff-contact-us-wrapper .contact-us-container .row .field-column .form-contanier { margin-top: 0.3rem; }
.m-aff-contact-us-wrapper .contact-us-container .row .field-column .form-contanier .form-control { font-size: 0.32rem; padding: 0.2rem 0.3rem; }
.m-aff-contact-us-wrapper .contact-us-container .row .field-column .form-contanier .field-box { margin: 0px 0px 0.4rem; }
.m-aff-contact-us-wrapper .contact-us-container .row .field-column .form-contanier textarea { height: 5rem; }
.m-aff-contact-us-wrapper .contact-us-container .row .standard-mandatory::after { color: red; content: "*"; margin-left: 0.04rem; padding: 0px 0.04rem 0px 0px; font-size: 0.36rem; position: absolute; right: -0.1rem; top: -0.18rem; }
.m-aff-contact-us-wrapper .contact-us-container .row .standard-form-field { gap: 0.08rem; }
.m-aff-contact-us-wrapper .contact-us-container .row .error-validation { color: red; }
.m-aff-contact-us-wrapper .contact-us-container .row .contact-column { font-size: 0.18rem; width: 80%; margin: 0.7rem auto; }
.m-aff-contact-us-wrapper .contact-us-container .row .contact-column .standard-header-font-size { text-align: center; }
.m-aff-contact-us-wrapper .contact-us-container .row .contact-column .contact-us-list { margin-top: 0.3rem; }
.m-aff-contact-us-wrapper .contact-us-container .row .contact-column .contact-us-list .contact-list-warpper { width: 100%; display: flex; align-items: center; margin-bottom: 0.2rem; text-align: center; flex-direction: row; padding: 0.06rem 0.12rem; cursor: pointer; transition: 0.3s; }
.m-aff-contact-us-wrapper .contact-us-container .row .contact-column .contact-us-list .contact-list-warpper .contact-svg-container svg { width: 0.4rem; height: 0.4rem; fill: url("#beta-gradient"); margin-right: 0.1rem; }
.m-aff-contact-us-wrapper .contact-us-container a { margin: 0.05rem; }
.affiliate-register, .aff-settings-container { padding: 0.42rem 0px 0px; }
.affiliate-register .svg-correct, .aff-settings-container .svg-correct { position: unset; grid-area: 1 / 3; margin: 0px 0px 0px 0.1rem; }
.affiliate-register .svg-correct svg, .aff-settings-container .svg-correct svg { width: 0.2rem !important; height: 0.2rem !important; }
.affiliate-register .register, .aff-settings-container .register { display: grid; gap: 0.13rem; width: 13.4rem; margin: auto; }
.affiliate-register .register .reg, .aff-settings-container .register .reg { width: 100%; margin: 0px; background: rgb(255, 255, 255); border-radius: 0.1rem; padding: 0.42rem 0.54rem; }
.affiliate-register .register .reg .reg-container, .aff-settings-container .register .reg .reg-container { width: 5.86rem; }
.affiliate-register .register .reg .reg-container .standard-checkbox-container, .aff-settings-container .register .reg .reg-container .standard-checkbox-container { padding: 0px; margin: 0.27rem 0px 0.26rem; }
.affiliate-register .register .reg .reg-container .standard-checkbox-container .standard-checkbox-text-container .standard-checkbox-text, .aff-settings-container .register .reg .reg-container .standard-checkbox-container .standard-checkbox-text-container .standard-checkbox-text { margin: 0px; }
.affiliate-register .register .reg .reg-container .reg-footer-notice, .aff-settings-container .register .reg .reg-container .reg-footer-notice { font-size: 0.12rem; text-align: center; color: rgb(134, 151, 162); width: 80%; margin: auto; }
.affiliate-register .register .reg .reg-container .reg-footer-notice p:nth-child(1), .aff-settings-container .register .reg .reg-container .reg-footer-notice p:nth-child(1) { margin: 0.45rem 0px 0.43rem; }
.affiliate-register .register .reg .reg-container .break-line, .aff-settings-container .register .reg .reg-container .break-line { margin: 0.3rem 0.32rem 0px auto; padding: 0.3rem 0px 0px; border-top: 0.01rem solid rgb(219, 224, 228); width: 59%; }
.affiliate-register .register .reg .reg-container .error-message-text-wrapper, .aff-settings-container .register .reg .reg-container .error-message-text-wrapper { padding: 0rem 0rem 0rem 2.08rem; margin: -0.1rem 0px 0.14rem; }
.affiliate-register .register .reg .reg-container .error-message-text-wrapper .error-message-wrapper, .aff-settings-container .register .reg .reg-container .error-message-text-wrapper .error-message-wrapper { margin-top: 0.1rem; font-size: 0.12rem; color: rgb(232, 38, 44); }
.affiliate-register .register .reg .reg-container .error-message-text-wrapper .error-message-wrapper .password-rules-msg-wrapper, .aff-settings-container .register .reg .reg-container .error-message-text-wrapper .error-message-wrapper .password-rules-msg-wrapper { display: flex; color: rgb(134, 151, 162); gap: 0.06rem; }
.affiliate-register .register .reg .reg-container .error-message-text-wrapper .error-message-wrapper .password-rules-msg-wrapper img, .aff-settings-container .register .reg .reg-container .error-message-text-wrapper .error-message-wrapper .password-rules-msg-wrapper img { width: 0.12rem; height: 0.12rem; margin: 0.04rem 0.02rem 0.04rem 0rem; flex-shrink: 0; }
.affiliate-register .register .reg .reg-container .error-message-text-wrapper .error-message-wrapper .password-rules-msg-wrapper p, .aff-settings-container .register .reg .reg-container .error-message-text-wrapper .error-message-wrapper .password-rules-msg-wrapper p { margin: 0.04rem 0px 0px; }
.affiliate-register .register .reg .reg-container .error-message-text-wrapper .error-message-wrapper .password-rules-msg-wrapper .error-message-text, .aff-settings-container .register .reg .reg-container .error-message-text-wrapper .error-message-wrapper .password-rules-msg-wrapper .error-message-text { margin-left: 0.02rem; flex: 1 1 0%; }
.affiliate-register .register .reg .reg-container .standard-password-eye, .aff-settings-container .register .reg .reg-container .standard-password-eye { right: 0.4rem; z-index: 1; }
.affiliate-register .register .reg .reg-success-container .aff-reg-success .reg-svg, .aff-settings-container .register .reg .reg-success-container .aff-reg-success .reg-svg { background: rgba(0, 0, 0, 0); margin: 0.3rem auto 0px; }
.affiliate-register .register .reg .reg-success-container .aff-reg-success h3, .aff-settings-container .register .reg .reg-success-container .aff-reg-success h3 { text-transform: none; font-size: 0.18rem; }
.affiliate-register .register .reg .reg-success-container .aff-reg-success span, .aff-settings-container .register .reg .reg-success-container .aff-reg-success span { width: 25%; display: flex; margin: auto; line-height: 0.25rem; justify-content: center; }
.affiliate-register .register .reg .standard-form-field label, .aff-settings-container .register .reg .standard-form-field label { color: rgb(134, 151, 162); font-size: 0.14rem; margin: 0px 0.05rem 0.05rem; grid-area: 1 / 1; width: auto; }
.affiliate-register .register .reg .standard-form-field .standard-input, .aff-settings-container .register .reg .standard-form-field .standard-input { margin: 0px 0px 0.04rem; width: 100% !important; }
.affiliate-register .register .reg .standard-form-field .stat-text-div, .aff-settings-container .register .reg .standard-form-field .stat-text-div { left: 5.6rem; display: grid; right: -2rem; }
.affiliate-register .register .reg .standard-form-field .stat-text-div.phone, .aff-settings-container .register .reg .standard-form-field .stat-text-div.phone { left: 2.535rem; }
.affiliate-register .register .reg .standard-form-field .stat-text-div img, .aff-settings-container .register .reg .standard-form-field .stat-text-div img { width: 0.2rem; right: 2.46rem; }
.affiliate-register .register .reg .standard-form-field .stat-text-div .triangle-border, .aff-settings-container .register .reg .standard-form-field .stat-text-div .triangle-border { background: rgb(255, 255, 255); padding: 0.1rem 0.16rem; box-shadow: rgba(0, 0, 0, 0.3) 0px 0.03rem 0.06rem; position: relative; border-radius: 0.05rem; color: rgb(15, 22, 31); grid-area: 2 / 1 / 4; z-index: 2; }
.affiliate-register .register .reg .standard-form-field .stat-text-div .triangle-border .triangle, .aff-settings-container .register .reg .standard-form-field .stat-text-div .triangle-border .triangle { position: absolute; top: 0.06rem; right: 100%; margin-left: -0.12rem; width: 0.24rem; height: 0.24rem; overflow: hidden; }
.affiliate-register .register .reg .standard-form-field .stat-text-div .triangle-border .triangle::after, .aff-settings-container .register .reg .standard-form-field .stat-text-div .triangle-border .triangle::after { content: ""; position: absolute; width: 0.1rem; height: 0.1rem; left: 100%; transform: translate(-50%, 50%) rotate(45deg); background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.3) 0px 0.01rem 0.06rem; }
.affiliate-register .register .reg .standard-form-field .stat-text-div .triangle-border span, .aff-settings-container .register .reg .standard-form-field .stat-text-div .triangle-border span { overflow-wrap: break-word; }
.affiliate-register .register .reg .standard-form-field .standard-m-form-col-full, .aff-settings-container .register .reg .standard-form-field .standard-m-form-col-full { position: relative; }
.affiliate-register .register .reg .standard-register-grid, .aff-settings-container .register .reg .standard-register-grid { display: grid; align-items: center; grid-template-columns: 2.08rem 3.46rem auto; }
.affiliate-register .register .reg .standard-register-grid .reg-btn-container-prevnext, .affiliate-register .register .reg .standard-register-grid .standard-input, .aff-settings-container .register .reg .standard-register-grid .reg-btn-container-prevnext, .aff-settings-container .register .reg .standard-register-grid .standard-input { grid-area: 1 / 2; }
.affiliate-register .register .reg .standard-register-grid .reg-footer-notice, .aff-settings-container .register .reg .standard-register-grid .reg-footer-notice { grid-area: 2 / 2; }
.affiliate-register .register .reg .standard-register-grid .standard-mandatory::after, .aff-settings-container .register .reg .standard-register-grid .standard-mandatory::after { color: rgb(224, 9, 44); }
.affiliate-register .register .reg .standard-register-grid .reg-error-msg, .aff-settings-container .register .reg .standard-register-grid .reg-error-msg { grid-area: 2 / 2; margin: -0.1rem 0px 0.2rem; color: red; }
@media (max-width: 768px) { .affiliate-register .register .reg .standard-register-grid .reg-error-msg, .aff-settings-container .register .reg .standard-register-grid .reg-error-msg { grid-area: auto; margin: 0px; }
}
.affiliate-register .register-affiliateId svg.toggle, .aff-settings-container .register-affiliateId svg.toggle { width: 0.12rem; height: 0.12rem; margin: 0px 0px 0px 0.06rem; fill: rgb(184, 184, 184); cursor: pointer; position: absolute; right: 0.4rem; z-index: 1; bottom: 0.15rem; }
.affiliate-register .register-affiliateId svg.isHide, .aff-settings-container .register-affiliateId svg.isHide { opacity: 1; visibility: unset; transition: visibility linear 0.33s, opacity 0.33s linear; }
.affiliate-register .register-affiliateId svg.isOpen, .aff-settings-container .register-affiliateId svg.isOpen { transform: rotate(180deg); }
.affiliate-register .register-affiliateId .isOpen, .aff-settings-container .register-affiliateId .isOpen { transition: visibility cubic-bezier(0.47, 0, 0.75, 0.72), opacity 0.33s; visibility: visible; opacity: 1; }
.affiliate-register .register-affiliateId .isHide, .aff-settings-container .register-affiliateId .isHide { transition: visibility linear 0.33s, opacity 0.33s linear; visibility: hidden; opacity: 0; }
.m-affiliate-register { background: rgb(243, 245, 246); }
.m-affiliate-register .aff-reg-title { font-size: 0.32rem; font-weight: 600; }
.m-affiliate-register .reg-container .standard-mandatory::after { right: -0.1rem; top: -0.18rem; position: absolute; color: rgb(224, 9, 44); }
.m-affiliate-register .reg-container .standard-form-field { display: grid; grid-template-columns: repeat(1, 1fr); margin: 0px 0px 0.4rem; }
.m-affiliate-register .reg-container .standard-form-field .standard-input { margin: 0px 0px 0.04rem; }
.m-affiliate-register .reg-container .standard-form-field .svg-correct { height: 0.4rem; width: 0.4rem; grid-area: 1 / 2 / auto / -1; position: absolute; left: 0.08rem; top: 0.1rem; }
.m-affiliate-register .reg-container .standard-form-field .stat-text-div img { height: 0.4rem; width: 0.4rem; position: absolute; left: 90%; top: 0.2rem; }
.m-affiliate-register .reg-container .standard-form-field .phone-field .standard-select-dropdown .standard-form-field-wrapper { background: rgb(255, 255, 255); border-radius: 0.4rem; padding: 0.15rem 0.3rem; margin: 0px 0px 0.3rem; }
.m-affiliate-register .reg-container .standard-form-field .phone-field .standard-select-dropdown .standard-form-field-wrapper input { background: 0px 0px; }
.m-affiliate-register .reg-container .standard-form-field .standard-m-form-col-full { z-index: 2; }
.m-affiliate-register .reg-container .standard-form-field .standard-select-dropdown { overflow-y: unset; }
.m-affiliate-register .reg-container .standard-form-field .standard-select-dropdown.standard-select-international-telcode { max-height: fit-content; top: 0px; }
.m-affiliate-register .reg-container .standard-form-field .standard-select-dropdown.standard-select-international-telcode .international-telcode-wrapper { background: rgb(255, 255, 255); border-radius: 0.4rem; padding: 0.15rem 0.3rem; margin: 0px 0px 0.3rem; }
.m-affiliate-register .reg-container .standard-form-field .standard-select-dropdown .international-telcode-options { max-height: 6rem; overflow-y: scroll; }
.m-affiliate-register .reg-container .error-message-wrapper { margin-top: 0.196rem; font-size: 0.236rem; color: rgb(232, 38, 44); }
.m-affiliate-register .reg-container .error-message-wrapper .password-rules-msg-wrapper { display: flex; color: rgb(134, 151, 162); gap: 0.06rem; }
.m-affiliate-register .reg-container .error-message-wrapper .password-rules-msg-wrapper img { width: 0.236rem; height: 0.236rem; margin: 0.078rem 0.078rem 0.078rem 0rem; flex-shrink: 0; }
.m-affiliate-register .reg-container .error-message-wrapper .password-rules-msg-wrapper p { margin: 0.04rem 0px 0px; }
.m-affiliate-register .reg-container .error-message-wrapper .password-rules-msg-wrapper .error-message-text { margin-left: 0.078rem; flex: 1 1 0%; }
.m-affiliate-register .reg-container .standard-password-eye { transform: translateY(-50%); top: 0.4rem; z-index: 1; }
.m-affiliate-register .reg-container .break-line { width: 100%; height: 0.01rem; background: rgb(219, 224, 228); margin: 0.3rem 0px 0.34rem; }
.m-affiliate-register .reg-container .prompt-login-section, .m-affiliate-register .reg-container .reg-footer-notice { margin: 0.2rem auto; text-align: center; font-size: 0.25rem; width: 85%; color: rgb(134, 151, 162); }
.m-affiliate-register .aff-reg-success { background: rgb(255, 255, 255); border-radius: 0.1rem; padding: 0.42rem 0.54rem; margin: 0.21rem 0px; }
.m-affiliate-register .aff-reg-success svg { width: 15%; height: 15%; display: flex; margin: 0.6rem auto 0.2rem; }
.m-affiliate-register .aff-reg-success h3 { font-size: 0.32rem; font-weight: 400; text-align: center; }
.m-affiliate-register .aff-reg-success .reg-success-description-2 { text-align: center; }
.m-affiliate-register .aff-reg-success span { font-size: 0.29rem; text-align: center; display: flex; margin: 0.4rem 0px; line-height: 0.5rem; color: rgb(134, 151, 162); justify-content: center; }
.m-affiliate-register .register-affiliateId svg.toggle { width: 0.32rem; height: 0.32rem; margin: 0px 0.2rem 0px 0px; fill: rgb(184, 184, 184); cursor: pointer; z-index: 1; }
.m-affiliate-register .register-affiliateId svg.isHide { opacity: 1; visibility: unset; transition: visibility linear 0.33s, opacity 0.33s linear; }
.m-affiliate-register .register-affiliateId svg.isOpen { transform: rotate(180deg); }
.m-affiliate-register .register-affiliateId .isOpen { transition: visibility cubic-bezier(0.47, 0, 0.75, 0.72), opacity 0.33s; visibility: visible; opacity: 1; }
.m-affiliate-register .register-affiliateId .isHide { transition: visibility linear 0.33s, opacity 0.33s linear; visibility: hidden; opacity: 0; }
.m-affiliate-register .label-icon-container { display: flex; }
body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login { width: 4.8rem; min-width: 4.8rem; height: 7.6rem; background: rgb(255, 255, 255); padding: 0.6rem 0.67rem 0.76rem; }
body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login.beta-login-msg-aff { height: auto; min-height: auto; }
body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login.beta-login-msg-aff .msg-aff { text-align: left; }
body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login.beta-login-msg-aff .msg-aff p { margin: 0px; }
body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-header { background: rgba(0, 0, 0, 0); border-top-right-radius: 0.1rem; border-top-left-radius: 0.1rem; padding: 0px; }
body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-header .standard-modal-close { right: -0.8rem; top: -0.8rem; font-family: fangsong; line-height: 1.8; display: grid; justify-content: center; align-items: center; width: 0.34rem; height: 0.34rem; border-radius: 50%; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.25) 0px 0.04rem 0.04rem; }
body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body { border-bottom-left-radius: 0.1rem; border-bottom-right-radius: 0.1rem; padding: 0px; text-align: center; font-size: 0.14rem; }
body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .standard-form-container { gap: 0.1rem; display: grid; }
body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .standard-form-container .standard-form-field .blue-boder { display: grid; grid-template-columns: repeat(1, 1fr); }
body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .standard-form-container .standard-form-field .blue-boder input { grid-area: 1 / 1; }
body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .standard-form-container .standard-form-field .blue-boder .login-field-image { height: 0.2rem; width: 0.2rem; grid-area: 1 / 2 / auto / -1; position: absolute; left: 0.07rem; }
body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .standard-form-container .standard-form-field .standard-label { color: rgb(134, 151, 162); font-weight: 400; }
body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .standard-form-container .standard-form-field .standard-mandatory::after { color: rgb(224, 9, 44); }
body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .header-logo { text-align: center; }
body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .header-logo img { margin: auto; width: 100%; }
body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .heading { text-align: center; font-size: 0.3rem; margin: 0.15rem 0px 0.3rem; color: rgb(15, 22, 31); }
body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .reset-password-popup-form { width: 50%; margin: 0.2rem auto; }
body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .reset-password-popup-form ::placeholder { color: rgb(134, 151, 162); opacity: 1; }
body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .reset-password-popup-form .phone-field { width: 100%; display: grid; grid-template-columns: 35% 65%; }
body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .reset-password-popup-form .phone-field .standard-select span { margin: 0px; }
body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .reset-password-popup-form .phone-field .standard-select-dropdown .standard-select-options { display: flex; }
body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .reset-password-popup-form .phone-field .standard-select-dropdown .standard-select-options span { width: 10%; }
body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .reset-password-popup-form .phone-field .standard-select-dropdown .standard-select-options p { margin: 0px; }
body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .reset-password-popup-form .orline { width: 100%; text-align: center; margin-bottom: 0.14rem; }
body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .reset-password-popup-form .reset-password-popup-button-section { margin: 0.1rem 0px 0px; }
body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .reset-password-popup-form .reset-password-popup-button-section button { background: rgb(255, 149, 0); color: rgb(255, 255, 255); border-radius: 0.05rem; font-size: 0.16rem; height: 0.4rem; width: 100%; }
body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .reset-password-popup-form .reset-password-popup-button-section button:disabled { opacity: 0.5; }
body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .desc { text-align: center; font-size: 0.16rem; width: 80%; margin: auto; color: rgb(134, 151, 162); }
body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .desc-container { margin: 0.2rem 0px 0px; }
body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .desc-container .desc { text-align: center; font-size: 0.14rem; color: rgb(134, 151, 162); }
body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .desc-container .desc a { color: rgb(0, 102, 204); text-decoration: underline; }
body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .login-button-section { padding: 0.07rem 0px 0px; }
body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .checkbox-forgot-container .standard-checkbox-container { padding: 0.12rem 0px 0px; width: 100%; align-items: center; display: grid; grid-template-columns: repeat(1, 0.35rem); }
body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .checkbox-forgot-container .standard-checkbox-container .standard-invisible-checkbox { width: 0.18rem; height: 0.18rem; grid-row: 1 / 1; margin: 0px; }
body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .checkbox-forgot-container .standard-checkbox-container .standard-checkbox { height: 0.18rem; width: 0.18rem; grid-row: 1 / 1; }
body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .checkbox-forgot-container .standard-checkbox-container .standard-checkbox svg { position: relative; }
body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .checkbox-forgot-container .standard-checkbox-container .standard-checkbox-text-container { width: 100%; grid-row: 1 / 2; text-align: start; font-size: 0.14rem; }
body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .forget-password-container { margin: 0.44rem 0px 0px; }
body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .forget-password-container a { color: rgb(0, 113, 227); text-decoration: underline; }
body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .prompt-create p { margin: 0px; }
body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .prompt-create p a { color: rgb(255, 138, 0); }
body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .reset-password-tutorial-container { justify-content: center; }
body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .reset-password-tutorial-container .text { color: rgb(0, 113, 227); }
body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .break-line { width: 100%; height: 0.01rem; background: rgb(219, 224, 228); margin: 0.2rem 0px 0.24rem; }
body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .help-container { width: 2.9rem; margin: auto; }
body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .help-container a { color: rgb(255, 138, 0); }
@media (max-width: 768px) { body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login.beta-login-msg-aff { width: 6.8rem; min-width: 6.8rem; } body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login.beta-login-msg-aff .standard-modal-close { display: flex; line-height: 1.5; } body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login.beta-login-msg-aff .msg-aff p { font-size: 0.23rem; }
}
.aff-m-login-container { background: rgb(243, 245, 246); height: calc(-1rem + 100vh); }
.aff-m-login-container .login-title { font-size: 0.32rem; font-weight: 600; }
.aff-m-login-container .login-form-section .login-input-container .blue-boder { border: 0.01rem solid rgb(0, 113, 227); border-radius: 0.15rem; display: grid; grid-template-columns: repeat(1, 1fr); }
.aff-m-login-container .login-form-section .login-input-container .login-field-image { height: 0.4rem; width: 0.4rem; grid-area: 1 / 2 / auto / -1; position: absolute; left: 0.07rem; }
.aff-m-login-container .login-form-section .login-input-container .standard-mandatory::after { color: rgb(224, 9, 44); content: "*"; margin-left: 0.04rem; padding: 0px 0.04rem 0px 0px; font-size: 0.36rem; position: absolute; right: -0.1rem; top: -0.3rem; }
.aff-m-login-container .forget-password-section, .aff-m-login-container .prompt-login-section { margin: 0.7rem 0px 0px; text-align: center; font-size: 0.28rem; color: rgb(134, 151, 162); }
.aff-m-login-container .forget-password-section a, .aff-m-login-container .prompt-login-section a { color: rgb(0, 113, 227); text-decoration: underline; }
.aff-m-login-container .prompt-login-section { margin: 0.1024rem; }
.aff-m-login-container .prompt-login-section a { color: rgb(255, 138, 0); text-decoration: none; }
.aff-m-login-container .reset-password-tutorial-container { justify-content: center; }
.aff-m-login-container .reset-password-tutorial-container .text { color: rgb(0, 113, 227); }
.aff-m-login-container .break-line { width: 100%; height: 0.01rem; background: rgb(219, 224, 228); margin: 0.6rem 0px; }
.aff-m-login-container .help-section { margin: auto; text-align: center; font-size: 0.28rem; color: rgb(134, 151, 162); }
.aff-m-login-container .help-section a { color: rgb(255, 138, 0); }
.aff-overview-container section.standard-tab-container .tab-header-container { display: flex; gap: 0px 0.45rem; flex-wrap: wrap; }
@media (max-width: 768px) { .aff-overview-container section.standard-tab-container .tab-header-container { display: block; }
}
.aff-overview-container section.standard-tab-container .tab-header-container .tab-header { margin: 0px !important; }
@media (max-width: 768px) { .aff-overview-container section.standard-tab-container .tab-header-container .tab-header { margin: 0px 0.45rem 0px 0px !important; }
}
.aff-overview-container .last-update-text { color: rgb(134, 151, 162); display: flex; justify-content: end; font-size: 0.11rem; text-transform: capitalize; }
.aff-overview-container .react-datepicker-wrapper { width: 100%; }
.aff-overview-container .react-datepicker-wrapper .standard-input { color: rgb(97, 117, 126); padding: 0.05rem 0.35rem 0.05rem 0.1rem; }
.aff-overview-container .react-datepicker-wrapper .standard-input svg { position: absolute; right: 0.1rem; width: 0.24rem; height: 0.24rem; fill: rgb(175, 179, 182); margin: 0px; cursor: pointer; }
@media (max-width: 768px) { .aff-overview-container .react-datepicker-wrapper .standard-input svg { width: 0.36rem; height: 0.36rem; }
}
.aff-overview-container .react-datepicker-popper { width: 2.8rem; }
@media (max-width: 768px) { .aff-overview-container .react-datepicker-popper { width: 3.8rem; }
}
.aff-overview-container .react-datepicker-popper .react-datepicker { width: 100%; }
.aff-overview-container .react-datepicker-popper .react-datepicker .react-datepicker__month-container { width: 100%; }
.aff-overview-container .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header { padding-bottom: 0.8em; font-size: 1em; }
.aff-overview-container .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month-wrapper { display: flex; align-items: center; justify-content: space-between; }
.aff-overview-container .react-datepicker-popper .react-datepicker__month-text { width: 3rem; border-radius: 0.1rem; padding: 0.1rem; }
@media (max-width: 768px) { .aff-overview-container .chart-date { justify-content: left; margin: 0.2rem 0px 0px; } .aff-overview-container .last-update-text { font-size: 0.2rem; }
}
.aff-overview-container .overview-tab { display: grid; grid-template-columns: repeat(2, 1fr); }
.aff-overview-container .overview-tab .overview-tab-container { grid-area: 2 / 1; }
@media (max-width: 768px) { .aff-overview-container .overview-tab .overview-tab-container { grid-column: 1 / span 2; }
}
.aff-overview-container .overview-tab .overview-tab-container .overview-standard-tab { display: flex; background: rgb(255, 255, 255); padding: 0px 0px 0.18rem; gap: 0.1rem; }
@media (max-width: 768px) { .aff-overview-container .overview-tab .overview-tab-container .overview-standard-tab { justify-content: space-between; padding: 0px 0px 0.5rem; }
}
.aff-overview-container .overview-tab .overview-tab-container .overview-standard-tab .overview-tab-header { line-height: 0.37rem; cursor: pointer; background: rgb(243, 245, 246); border-radius: 1rem; color: rgb(15, 22, 31); width: 100%; text-align: center; }
@media (max-width: 768px) { .aff-overview-container .overview-tab .overview-tab-container .overview-standard-tab .overview-tab-header { margin: 0px; width: 100%; text-align: center; padding: 0.15rem; display: flex; align-items: center; justify-content: center; }
}
@media (max-width: 768px) { .aff-overview-container .overview-tab .overview-tab-container .overview-standard-tab .overview-tab-header span { padding: 0px; }
}
.aff-overview-container .overview-tab .overview-tab-container .overview-standard-tab .overview-tab-header:hover, .aff-overview-container .overview-tab .overview-tab-container .overview-standard-tab .overview-tab-header.active { background: rgb(255, 138, 0); color: rgb(255, 255, 255); }
.aff-overview-container .overview-tab section.transaction-note-section { grid-area: 2 / 2; display: flex; justify-content: start; align-items: center; padding: 0px 0px 0.18rem 0.2rem; }
@media (max-width: 768px) { .aff-overview-container .overview-tab section.transaction-note-section { grid-area: auto; justify-content: end; }
}
.aff-overview-container .overview-tab section.transaction-note-section .transaction-notes-container .note-icon { width: 10%; text-align: left; display: flex; }
@media (max-width: 768px) { .aff-overview-container .overview-tab section.transaction-note-section .transaction-notes-container .note-icon { width: 100%; }
}
.aff-overview-container .overview-tab section.transaction-note-section .transaction-notes-container .note-icon svg { width: 50%; height: 50%; fill: rgb(219, 224, 228); }
.aff-overview-container .overview-tab section.transaction-note-section .transaction-notes-container .note-icon svg:hover { cursor: pointer; }
@media (max-width: 768px) { .aff-overview-container .overview-tab section.transaction-note-section .transaction-notes-container .note-icon svg { width: 4.10256vw; height: 4.10256vw; margin: 0px; }
}
.aff-overview-container .overview-tab section.transaction-note-section .transaction-notes-container .faq-icon { position: relative; bottom: 0.04rem; margin-right: 0.2rem; }
.aff-overview-container .overview-tab section.transaction-note-section .transaction-notes-container .faq-icon svg { fill: rgb(41, 181, 254); }
.aff-overview-container .overview-tab section.transaction-note-section .transaction-notes-container .notes-modal { background: rgb(239, 244, 248); width: 3.5rem; color: rgb(0, 0, 0); padding: 0.2rem; border-radius: 0.05rem; font-size: 0.1rem; text-align: left; position: absolute; z-index: 2; }
@media (max-width: 768px) { .aff-overview-container .overview-tab section.transaction-note-section .transaction-notes-container .notes-modal { right: 0px; margin: 0.2rem 0.8rem 0px 0px; font-size: 0.24rem; width: 6rem; z-index: 99; box-shadow: rgba(0, 0, 0, 0.12) 0px 0.01rem 0.03rem, rgba(0, 0, 0, 0.24) 0px 0.01rem 0.02rem; }
}
.aff-overview-container .overview-tab section.transaction-note-section .transaction-notes-container .notes-modal .note-info-container { margin: 0px 0px 0.15rem; }
.aff-overview-container .overview-tab section.transaction-note-section .transaction-notes-container .notes-modal .note-info-container .note-info { margin: 0px 0px 0.1rem; display: flex; }
.aff-overview-container .overview-tab section.transaction-note-section .transaction-notes-container .notes-modal .note-info-container .note-info span { display: block; }
.aff-overview-container .overview-tab section.transaction-note-section .transaction-notes-container .notes-modal .note-info-container .note-info span:first-child { width: 40%; margin-right: 0.1rem; }
.aff-overview-container .overview-tab section.transaction-note-section .transaction-notes-container .notes-modal .note-info-container .note-info span:last-child { width: 70%; color: rgb(0, 113, 227); }
.aff-overview-container .overview-tab section.transaction-note-section .transaction-notes-container .notes-modal .note-info-detail p { margin: 0px; line-height: 0.2rem; }
@media (max-width: 768px) { .aff-overview-container .overview-tab section.transaction-note-section .transaction-notes-container .notes-modal .note-info-detail p { line-height: 0.3rem; }
}
@media (max-width: 768px) { .aff-overview-container .overview-tab section.transaction-note-section .transaction-notes-container .notes-modal .note-info-detail { right: 0px; font-size: 0.24rem; }
}
@media (max-width: 768px) { .aff-overview-container section.provider-container { display: grid; grid-template-columns: repeat(2, 1fr); } .aff-overview-container section.provider-container .NoRecord_without_table { grid-area: 2 / 1 / auto / span 2; }
}
.aff-overview-container section.chart-container .chart-component { text-align: center; border-radius: 0.08rem; background: rgb(239, 244, 248); padding: 0.24rem 0px; }
.aff-overview-container section.chart-container .chart-component dt { font-family: Inter; }
.aff-overview-container section.chart-container .chart-component .apexcharts-canvas { margin: auto; width: 99% !important; }
.aff-overview-container section.chart-container .chart-component .apexcharts-canvas .apexcharts-toolbar { z-index: 1; }
@media (max-width: 768px) { .aff-overview-container section.chart-container .chart-component .apexcharts-canvas { overflow: auto hidden; padding: 0px 2.5641vw; display: grid; width: auto !important; height: auto !important; } .aff-overview-container section.chart-container .chart-component .apexcharts-canvas svg { width: unset; height: unset; white-space: nowrap; } .aff-overview-container section.chart-container .chart-component .apexcharts-canvas .apexcharts-toolbar { grid-area: 1; position: sticky; left: 42vw; justify-content: center; z-index: 1; top: 1.02564vw !important; right: 0px !important; } .aff-overview-container section.chart-container .chart-component .apexcharts-canvas .apexcharts-reset-icon { margin: 0px !important; }
}
.aff-overview-container section.chart-container .chart-component .chart-month-container .chart-month-tab { display: flex; gap: 0.36rem; justify-content: center; }
.aff-overview-container section.chart-container .chart-component .chart-month-container .chart-month-tab .tab-header { background: rgb(255, 255, 255); padding: 0.09rem 0.22rem; border-radius: 0.5rem; font-size: 0.14rem; display: flex; align-items: center; justify-content: space-between; position: relative; cursor: pointer; }
@media (max-width: 768px) { .aff-overview-container section.chart-container .chart-component .chart-month-container .chart-month-tab .tab-header { font-size: 0.24rem; }
}
.aff-overview-container section.chart-container .chart-component .chart-month-container .chart-month-tab .tab-header:first-child::before { content: ""; width: 0.08rem; height: 0.08rem; margin: 0px 0.12rem 0px 0px; border-radius: 100%; background: rgb(255, 138, 0); }
@media (max-width: 768px) { .aff-overview-container section.chart-container .chart-component .chart-month-container .chart-month-tab .tab-header:first-child::before { width: 1.94359vw; height: 1.94359vw; }
}
.aff-overview-container section.chart-container .chart-component .chart-month-container .chart-month-tab .tab-header.active:first-child::before { box-shadow: rgb(255, 121, 63) 0px 0px 0px 0px; animation: 2s ease 0s infinite normal none running pulse-orange; }
.aff-overview-container section.chart-container .chart-component .chart-month-container .chart-month-tab .tab-header::before { content: ""; width: 0.08rem; height: 0.08rem; margin: 0px 0.12rem 0px 0px; border-radius: 100%; background: rgb(106, 170, 245); }
@media (max-width: 768px) { .aff-overview-container section.chart-container .chart-component .chart-month-container .chart-month-tab .tab-header::before { width: 1.94359vw; height: 1.94359vw; }
}
.aff-overview-container section.chart-container .chart-component .chart-month-container .chart-month-tab .tab-header.active { border: 0.01rem solid rgb(255, 138, 0); }
.aff-overview-container section.chart-container .chart-component .chart-month-container .chart-month-tab .tab-header.active::before { box-shadow: rgb(52, 172, 224) 0px 0px 0px 0px; animation: 2s ease 0s infinite normal none running pulse-blue; }
.aff-overview-container section.summary-container .summary-container-group { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.16rem; }
@media (max-width: 768px) { .aff-overview-container section.summary-container .summary-container-group { white-space: nowrap; overflow-x: scroll; }
}
.aff-overview-container section.summary-container .summary-container-group .member-summary-content, .aff-overview-container section.summary-container .summary-container-group .quick-summary-content, .aff-overview-container section.summary-container .summary-container-group .commission-content { color: rgb(15, 22, 31); background: rgb(243, 245, 246); padding: 0.32rem; display: grid; grid-template-columns: auto 0.68rem; grid-template-rows: 0.68rem 1fr 1fr 1fr 1fr 1fr; gap: 0.01rem 0px; border-radius: 0.08rem; }
@media (max-width: 768px) { .aff-overview-container section.summary-container .summary-container-group .member-summary-content, .aff-overview-container section.summary-container .summary-container-group .quick-summary-content, .aff-overview-container section.summary-container .summary-container-group .commission-content { width: 58.9744vw; height: 61.9487vw; border-radius: 1.4359vw; grid-template-columns: auto 1.3rem; } .aff-overview-container section.summary-container .summary-container-group .member-summary-content svg, .aff-overview-container section.summary-container .summary-container-group .quick-summary-content svg, .aff-overview-container section.summary-container .summary-container-group .commission-content svg { width: 16.3077vw; height: 9.64103vw; }
}
@media (max-width: 768px) { .aff-overview-container section.summary-container .summary-container-group .member-summary-content dt, .aff-overview-container section.summary-container .summary-container-group .quick-summary-content dt, .aff-overview-container section.summary-container .summary-container-group .commission-content dt { white-space: break-spaces; }
}
.aff-overview-container section.summary-container .summary-container-group .member-summary-content dd, .aff-overview-container section.summary-container .summary-container-group .quick-summary-content dd, .aff-overview-container section.summary-container .summary-container-group .commission-content dd { text-align: end; margin: 0px; color: rgb(9, 94, 189); font-size: 0.14rem; }
@media (max-width: 768px) { .aff-overview-container section.summary-container .summary-container-group .member-summary-content dd, .aff-overview-container section.summary-container .summary-container-group .quick-summary-content dd, .aff-overview-container section.summary-container .summary-container-group .commission-content dd { font-size: 0.24rem; }
}
.aff-overview-container section.summary-container .summary-container-group .member-summary-content .chart-grid-content, .aff-overview-container section.summary-container .summary-container-group .quick-summary-content .chart-grid-content, .aff-overview-container section.summary-container .summary-container-group .commission-content .chart-grid-content { display: flex; grid-column: 1 / 3; justify-content: space-between; color: rgb(134, 151, 162); border-width: 0.005rem; border-color: rgb(134, 151, 162); border-image: initial; border-style: none none solid; padding: 0.12rem 0px; font-size: 0.14rem; }
@media (max-width: 768px) { .aff-overview-container section.summary-container .summary-container-group .member-summary-content .chart-grid-content, .aff-overview-container section.summary-container .summary-container-group .quick-summary-content .chart-grid-content, .aff-overview-container section.summary-container .summary-container-group .commission-content .chart-grid-content { font-size: 0.24rem; }
}
.aff-overview-container section.summary-container .summary-container-group .member-summary-content .chart-grid-content:last-child, .aff-overview-container section.summary-container .summary-container-group .quick-summary-content .chart-grid-content:last-child, .aff-overview-container section.summary-container .summary-container-group .commission-content .chart-grid-content:last-child { border-style: none; }
.aff-overview-container section.provider-container .provider-container-group { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.1rem; }
@media (max-width: 768px) { .aff-overview-container section.provider-container .provider-container-group { overflow-x: scroll; grid-auto-flow: column; grid-area: 2 / 1 / auto / span 2; }
}
.aff-overview-container section.provider-container .provider-container-group .provider-content { color: rgb(15, 22, 31); background: rgb(243, 245, 246); padding: 0.32rem 0.22rem; display: grid; grid-template-columns: auto 0.42rem; grid-template-rows: 0.42rem auto auto auto auto; gap: 0.01rem 0.15rem; border-radius: 0.08rem; }
@media (max-width: 768px) { .aff-overview-container section.provider-container .provider-container-group .provider-content { height: 49.359vw; width: 41.4872vw; grid-template-rows: 0.92rem auto auto auto auto; grid-template-columns: auto 0.6rem; }
}
.aff-overview-container section.provider-container .provider-container-group .provider-content svg { background: rgb(0, 0, 0); border-radius: 0.08rem; padding: 0.01rem; }
@media (max-width: 768px) { .aff-overview-container section.provider-container .provider-container-group .provider-content svg { height: 7.17179vw; width: 7.17179vw; }
}
.aff-overview-container section.provider-container .provider-container-group .provider-content dd { text-align: end; margin: 0px; color: rgb(9, 94, 189); font-size: 0.14rem; }
@media (max-width: 768px) { .aff-overview-container section.provider-container .provider-container-group .provider-content dd { font-size: 0.21rem; }
}
.aff-overview-container section.provider-container .provider-container-group .provider-content .summary-content-warpper-flex { display: grid; grid-column: 1 / 3; grid-template-columns: 1.15rem auto; justify-content: space-between; color: rgb(134, 151, 162); border-width: 0.005rem; border-color: rgb(134, 151, 162); border-image: initial; border-style: none none solid; padding: 0.12rem 0px; font-size: 0.14rem; align-items: center; }
@media (max-width: 768px) { .aff-overview-container section.provider-container .provider-container-group .provider-content .summary-content-warpper-flex { font-size: 0.21rem; grid-template-columns: auto auto; padding: 0rem 0px; gap: 2.05128vw; line-height: 1.12; }
}
.aff-overview-container section.provider-container .provider-container-group .provider-content .summary-content-warpper-flex:last-child { border-style: none; }
.aff-overview-container .standard-sub-content-font-size { color: rgb(134, 151, 162); margin: 0px 0.3rem 0px 0px; }
@media (max-width: 768px) { .aff-overview-container .standard-sub-content-font-size { font-size: 0.2rem; margin: 0.2rem 0px 0px; display: flex; }
}
.aff-overview-container div.standard-sub-content-font-size { text-align: end; }
@media (max-width: 768px) { .aff-overview-container div.standard-sub-content-font-size { display: none; }
}
@keyframes pulse-blue { 0% { transform: scale(0.95); box-shadow: rgba(52, 172, 224, 0.7) 0px 0px 0px 0px; } 70% { transform: scale(1); box-shadow: rgba(52, 172, 224, 0) 0px 0px 0px 0.1rem; } 100% { transform: scale(0.95); box-shadow: rgba(52, 172, 224, 0) 0px 0px 0px 0px; }
}
@keyframes pulse-orange { 0% { transform: scale(0.95); box-shadow: rgba(255, 121, 63, 0.7) 0px 0px 0px 0px; } 70% { transform: scale(1); box-shadow: rgba(255, 121, 63, 0) 0px 0px 0px 0.1rem; } 100% { transform: scale(0.95); box-shadow: rgba(255, 121, 63, 0) 0px 0px 0px 0px; }
}
div.scrolldown-container { position: fixed; left: 50%; bottom: 0px; transform: translate(-50%, -50%); text-align: center; z-index: 10000; }
div.scrolldown-container span { display: block; color: rgb(9, 94, 189); }
div.scrolldown-container svg { width: 0.4rem; height: 0.4rem; }
section.mobileWalletSection svg, section.application-section svg { width: 0.34rem; height: 0.34rem; fill: url("#beta-gradient"); }
section.mobileWalletSection .show-more svg, section.application-section .show-more svg { transform: rotate(180deg); }
section.mobileWalletSection { color: rgb(134, 151, 162); }
section.mobileWalletSection .aff-member-data, section.mobileWalletSection .wallet-details { display: grid; grid-template-columns: repeat(2, 1fr); }
section.mobileWalletSection .member-details { display: grid; grid-template-columns: 65% 35%; }
section.mobileWalletSection .member-details-section .member-details { padding: 0.28rem 0.4rem; font-size: 0.27rem; }
section.mobileWalletSection .member-details-section .member-details .aff-nav-myacc { display: flex; gap: 2.5641vw; color: rgb(0, 90, 204); }
section.mobileWalletSection .member-details-section .member-details .aff-nav-myacc .beta-profile { fill: rgb(255, 255, 255); }
section.mobileWalletSection .member-details-section .member-details .aff-member-data { grid-template-areas: "affilianID Currency" "affilianNO Ammount"; color: rgb(15, 22, 31); place-items: end; }
section.mobileWalletSection .member-details-section .member-details .aff-member-data div:first-child { grid-area: affilianID; }
section.mobileWalletSection .member-details-section .member-details .aff-member-data div:last-child { grid-area: Currency; }
section.mobileWalletSection .member-details-section svg.beta-profile { width: 0.51rem; height: 0.51rem; background: rgb(255, 138, 0); border-radius: 50%; padding: 0.09rem 0rem; }
section.mobileWalletSection .wallet-credit-section { background: rgb(243, 245, 246); }
section.mobileWalletSection .wallet-credit-section .wallet-details { padding: 0.28rem 0.4rem; grid-template-columns: auto 6% auto; }
section.mobileWalletSection .wallet-credit-section .wallet-details .the-lines { width: 0.205128vw; margin: 0px auto; background: rgb(219, 224, 228); }
section.mobileWalletSection .wallet-credit-section .wallet-details .wallet-title-container { color: rgb(0, 0, 0); font-size: 0.213rem; display: flex; align-items: center; justify-content: space-between; margin: 0px 0px 1.02564vw; }
section.mobileWalletSection .wallet-credit-section .wallet-details .wallet-title-container p { margin: 0px; }
section.mobileWalletSection .wallet-credit-section .wallet-details .aff-wallet-btn { width: 1.45rem; display: flex; color: rgb(255, 255, 255); justify-content: center; align-items: center; cursor: pointer; border-radius: 0.525rem; height: 0.5rem; position: relative; }
section.mobileWalletSection .wallet-credit-section .wallet-details .aff-wallet-btn svg { width: 0.12rem; height: 0.25rem; position: absolute; right: 0.15rem; }
section.mobileWalletSection .wallet-credit-section .wallet-details .aff-wallet-btn .btn-text { position: absolute; left: 0.15rem; font-size: 0.2rem; }
section.mobileWalletSection .wallet-credit-section .wallet-details .btn-transfer { background: linear-gradient(90deg, rgb(10, 94, 189) 0%, rgb(5, 168, 194) 100%); }
section.mobileWalletSection .wallet-credit-section .wallet-details .btn-withdraw { background: linear-gradient(90deg, rgb(10, 94, 189) 0%, rgb(5, 168, 194) 100%); }
section.mobileWalletSection .wallet-credit-section .wallet-details .float-right { float: right; }
section.mobileWalletSection .wallet-credit-section .wallet-details .mw-150 { min-width: 2.8rem; }
section.mobileWalletSection .wallet-credit-section .wallet-balance { background: rgb(255, 255, 255); display: grid; grid-template-columns: 15% 85%; border-radius: 0.525rem; align-items: baseline; justify-content: space-between; padding: 0.09rem 0.18rem; }
section.mobileWalletSection .wallet-credit-section .wallet-balance .amount-container { display: flex; justify-content: space-between; align-items: center; }
section.mobileWalletSection .wallet-credit-section .wallet-balance .amount-container .currency-amount { color: rgb(0, 90, 204); font-size: 0.32rem; }
section.mobileWalletSection .wallet-credit-section .wallet-balance .amount-container .small-loading-box .small-loading { width: 0.32rem !important; height: 0.32rem !important; }
section.mobileWalletSection .wallet-credit-section .wallet-balance .amount-container .small-loading-box .small-loading svg { width: 0.3rem !important; height: 0.3rem !important; }
section.mobileWalletSection .aff-wallet-btn-container { display: flex; justify-content: space-between; margin-top: 0.05rem; }
section.mobileWalletSection .aff-wallet-btn-wrapper { margin-top: 0.05rem; }
section.application-section { color: rgb(4, 168, 194); background: rgb(234, 245, 250); text-align: center; }
section.application-section svg { width: 0.2061rem; fill: rgb(109, 160, 221); }
section.application-section .standard-select { display: flex; justify-content: center; align-items: center; gap: 0.19rem; padding: 0.08rem; }
section.application-section .standard-select-dropdown.sort-type-dropdown { color: rgb(0, 0, 0); background: rgb(243, 245, 246); font-size: 0.213rem; }
section.application-section .standard-select-dropdown.sort-type-dropdown .sidenav-tab-section { display: grid; grid-template-columns: repeat(5, 1fr); gap: 2.5641vw 1.53846vw; margin: 0px 0.4rem; padding: 0.28rem 0px; border-width: 0.01rem; border-color: rgb(219, 224, 228); border-image: initial; border-style: solid none none; }
section.application-section .standard-select-dropdown.sort-type-dropdown .sidenav-tab-section .sidenav-tab { display: grid; grid-template-rows: repeat(2, 1fr); place-items: center; }
section.application-section .standard-select-dropdown.sort-type-dropdown .sidenav-tab-section svg { width: 7.69231vw; height: 7.69231vw; }
section.mainWallet-section .upper-section { display: grid; grid-template-columns: auto auto; justify-content: unset; align-items: center; }
section.mainWallet-section .upper-section section.member-details-container .member-details { display: flex; gap: 0.15rem; }
section.mainWallet-section .upper-section section.member-details-container .member-details svg { background: rgb(255, 138, 0); border-radius: 50%; width: 0.29rem; height: 0.29rem; padding: 0.04rem; }
section.mainWallet-section .upper-section section.member-details-container .member-details .aff-member-title { color: rgb(134, 151, 162); margin: 0px 0.1rem 0px 0px; }
section.mainWallet-section .upper-section section.member-details-container .member-details .aff-member-data { color: rgb(15, 22, 31); }
section.mainWallet-section .upper-section section.member-details-container .member-details .aff-member-title div, section.mainWallet-section .upper-section section.member-details-container .member-details .aff-member-data div { margin: 0.05rem 0px 0.1rem; }
section.mainWallet-section .upper-section section.member-wallet-container { width: 100%; display: flex; justify-content: flex-end; }
section.mainWallet-section .upper-section section.member-wallet-container svg { width: 0.2rem; height: 0.2rem; margin: 0px; padding: 0px; background: rgba(0, 0, 0, 0); }
section.mainWallet-section .upper-section section.member-wallet-container .wallet-content { padding: 0px; margin: 0px; background: rgba(0, 0, 0, 0); border-radius: 0px; }
section.mainWallet-section .upper-section section.member-wallet-container .wallet-content .member-wallet { width: 100%; }
section.mainWallet-section .upper-section section.member-wallet-container .member-wallet { padding: 0px 0.15rem; margin: 0px; }
section.mainWallet-section .upper-section section.member-wallet-container .wallet-balance { display: grid; grid-template-columns: auto auto; width: 2.352rem; height: 0.357rem; background: rgb(243, 245, 246); border-radius: 0.525rem; align-items: center; justify-content: start; margin: 0px 0px 0.1rem; padding: 0.05rem 0.18rem; }
section.mainWallet-section .upper-section section.member-wallet-container .wallet-balance .currency-label { color: rgb(134, 151, 162); font-size: 0.14rem; margin: 0.05rem 0px 0px; }
section.mainWallet-section .upper-section section.member-wallet-container .wallet-balance .amount-container { display: grid; grid-template-columns: 1.38rem 0.22rem; align-items: center; }
section.mainWallet-section .upper-section section.member-wallet-container .wallet-balance .amount-container .currency-amount { color: rgb(0, 90, 204); font-size: 0.21rem; margin: 0px 0.1rem; }
section.mainWallet-section .upper-section section.member-wallet-container .aff-wallet-btn { display: flex; color: rgb(255, 255, 255); justify-content: center; align-items: center; cursor: pointer; border-radius: 0.525rem; width: 1.145rem; height: 0.357rem; position: relative; }
section.mainWallet-section .upper-section section.member-wallet-container .aff-wallet-btn svg { width: 0.12rem; height: 0.12rem; position: absolute; right: 0.08rem; }
section.mainWallet-section .upper-section section.member-wallet-container .aff-wallet-btn .btn-text { position: absolute; left: 0.15rem; }
section.mainWallet-section .upper-section section.member-wallet-container .btn-transfer { background: rgb(134, 151, 162); }
section.mainWallet-section .upper-section section.member-wallet-container .btn-withdraw { background: linear-gradient(90deg, rgb(10, 94, 189) 0%, rgb(5, 168, 194) 100%); }
section.mainWallet-section .upper-section section.member-wallet-container .float-right { float: right; }
section.mainWallet-section .upper-section section.member-wallet-container .main-wallet { border-right: 0.01rem solid rgb(219, 224, 228); }
.settings-side-navbar { border-radius: 0.08rem; background: rgb(255, 255, 255); font-size: 0.14rem; padding: 0.24rem 0.16rem; }
.settings-side-navbar svg { height: 1rem; }
.settings-side-navbar .sidenav-title { display: flex; align-items: center; padding: 0.15rem 0.2rem; color: rgb(134, 151, 162); }
.settings-side-navbar .sidenav-title:first-child { color: rgb(9, 94, 189); cursor: pointer; }
.settings-side-navbar .sidenav-title.tab-selected:first-child { color: rgb(255, 255, 255); background: rgb(255, 138, 0); border-radius: 0.5rem; padding: 0.1rem 0.2rem; }
.settings-side-navbar .sidenav-tab-section { padding: 0rem 0px 0.38rem; }
.settings-side-navbar .sidenav-tab-section .sidenav-tab { display: flex; align-items: center; padding: 0.1rem 0px; margin: 0.25641vw 0px; }
.settings-side-navbar .sidenav-tab-section .sidenav-tab:hover { cursor: pointer; }
.settings-side-navbar .sidenav-tab-section .sidenav-tab p { margin: 0px 0px 0px 0.2rem; font-size: 0.14rem; }
.settings-side-navbar .sidenav-tab-section .sidenav-tab.tab-selected, .settings-side-navbar .sidenav-tab-section .sidenav-tab:hover { color: rgb(255, 255, 255); background: rgb(255, 138, 0); border-radius: 0.5rem; padding: 0.1rem 0rem; }
.settings-side-navbar .sidenav-tab-section .sidenav-tab .mission-claimable { fill: rgb(255, 255, 255); animation: 1.5s linear 0s infinite normal none running blinkSVG; filter: unset; }
@keyframes blinkSVG { 50% { fill: rgb(40, 219, 0); }
}
.affiliate-route-background .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .member-details-container.standard-form-field { margin: 0px; row-gap: 0.2rem; }
.affiliate-route-background .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .member-details-container.standard-form-field .standard-label.member-group { grid-area: 2; }
.affiliate-route-background .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .member-details-container.standard-form-field .member-group, .affiliate-route-background .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .member-details-container.standard-form-field .account-id { font-family: Inter; }
.affiliate-route-background .aff-settings-container .current-month-commission-text { margin: 0.3rem 0px 0px; }
.affiliate-route-background .aff-settings-container .reload-container { color: rgb(134, 151, 162); display: flex; justify-content: end; column-gap: 0.12rem; align-items: center; margin: 0.2rem 0px; }
.affiliate-route-background .aff-settings-container .reload-container .reload-button svg { cursor: pointer; width: 0.3rem; height: 0.3rem; }
@media (max-width: 768px) { .affiliate-route-background .aff-settings-container .reload-container .reload-button svg { margin: 0px; width: 0.42rem; height: 0.42rem; }
}
.affiliate-route-background .aff-settings-container .reload-container span { font-size: 0.11rem; }
@media (max-width: 768px) { .affiliate-route-background .aff-settings-container .reload-container span { font-size: 0.26rem; }
}
@media (max-width: 768px) { section.tracking-section { padding: 7.69231vw 0px 0px; }
}
section.tracking-section .aff-tracking-container { display: grid; row-gap: 0.34rem; margin: 0px 0px 0.4rem; }
section.tracking-section .aff-tracking-container .aff-tracking-content.standard-form-field { gap: 0.1rem; margin: 0px !important; }
section.tracking-section .aff-tracking-container .aff-tracking-content.standard-form-field .aff-tracking-title.standard-label { grid-column: 1 / span 3 !important; }
@media (max-width: 768px) { section.tracking-section .aff-tracking-container .aff-tracking-content.standard-form-field .aff-tracking-title.standard-label { color: rgb(15, 22, 31); font-size: 3.84615vw; }
}
section.tracking-section .aff-tracking-container .aff-tracking-content.standard-form-field .link-box { height: auto; padding: 0.1rem 0.4rem; }
section.tracking-section .aff-tracking-container .aff-tracking-content.standard-form-field .link-box a { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; white-space: pre-line; text-decoration: none; color: rgb(134, 151, 162); }
body.aff-portal .affiliate-route-background .standard-container-control section.aff-promotion-top { display: flex; justify-content: space-between; align-items: center; }
@media (max-width: 768px) { body.aff-portal .affiliate-route-background .standard-container-control section.aff-promotion-top { display: grid; padding: 0px 5.12821vw; gap: 2.5641vw; }
}
body.aff-portal .affiliate-route-background .standard-container-control section.aff-promotion-top .standard-header-font-size { white-space: nowrap; margin: 0px !important; }
body.aff-portal .affiliate-route-background .standard-container-control section.aff-promotion-top > div { display: grid; align-items: center; gap: 0.1rem; grid-template-columns: auto 2.48rem; }
@media (max-width: 768px) { body.aff-portal .affiliate-route-background .standard-container-control section.aff-promotion-top > div { gap: 0.4rem; grid-template-columns: auto 71.2821vw; } body.aff-portal .affiliate-route-background .standard-container-control section.aff-promotion-top > div svg.arrow-down-btn { width: 0.2rem; height: 0.2rem; fill: rgb(175, 179, 182); }
}
body.aff-portal .affiliate-route-background .standard-container-control section.aff-promotion-top > div .language-box .change-language-btn { width: 100%; color: rgb(15, 22, 31); display: grid; grid-template-columns: 0.26rem auto 0.12rem; gap: 0.12rem; text-align: left; padding: 0.05rem 0.15rem; height: 100%; }
@media (max-width: 768px) { body.aff-portal .affiliate-route-background .standard-container-control section.aff-promotion-top > div .language-box .change-language-btn { background: rgb(255, 255, 255); padding: 1.28205vw 0.2rem; grid-template-columns: 7.17949vw auto 0.25rem; border-radius: 12.8205vw; }
}
@media (max-width: 768px) { body.aff-portal .affiliate-route-background .standard-container-control section.aff-promotion-top .language-box .language-icon-size { width: 7.17949vw; height: 7.17949vw; }
}
@media (max-width: 768px) { body.aff-portal .affiliate-route-background .standard-container-control section.aff-promotion-top .language-box .language-dropdown-container { width: 70vw; top: 100%; } body.aff-portal .affiliate-route-background .standard-container-control section.aff-promotion-top .language-box .language-dropdown-container .region-container p { font-size: 0.25rem; } body.aff-portal .affiliate-route-background .standard-container-control section.aff-promotion-top .language-box .language-dropdown-container .country-flag-warpper .country-flag-container { gap: 1.53846vw; margin-bottom: 5.12821vw; } body.aff-portal .affiliate-route-background .standard-container-control section.aff-promotion-top .language-box .language-dropdown-container .country-flag-warpper .country-flag-container .country-info .country-name, body.aff-portal .affiliate-route-background .standard-container-control section.aff-promotion-top .language-box .language-dropdown-container .country-flag-warpper .country-flag-container .country-info .country-languages .language-select { font-size: 3.33333vw; } body.aff-portal .affiliate-route-background .standard-container-control section.aff-promotion-top .language-box .language-dropdown-container .country-flag-warpper .country-flag-container svg { width: 7.17949vw; height: 7.17949vw; margin: 0px; }
}
body.aff-portal .promotion-detail-popup-modal-body .promo-detail-content table { background: rgb(255, 255, 255); }
body.aff-portal .promotion-detail-popup-modal-body .promo-detail-content table td { white-space: normal; }
section.aff-promo-content .promo-container { margin: 0px; font-size: 0.12rem; background: unset; }
section.aff-promo-content .promo-container .content-container { width: 100%; }
section.aff-promo-content .promo-container .content-container .content-wrapper .promo-details { display: grid; grid-template-columns: 78% 20%; gap: 2%; }
section.aff-promo-content .promo-container .content-container .content-wrapper .promo-details .details-wrapper { width: 100%; }
section.aff-promo-content .promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data { margin: 0px 0px 0px 0.35rem; }
section.aff-promo-content .promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-content .details-title { font-size: 0.16rem; }
section.aff-promo-content .promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-content .details-desc { font-size: 0.14rem; }
section.aff-promo-content .promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-btn button { justify-content: flex-start; height: 0.32rem; }
section.aff-promo-content .promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-btn .floating-referral button:hover { border-radius: 0.2rem; }
section.aff-promo-content .promo-container .content-container .content-wrapper .promo-details .countdown-container .time-container { gap: 0.05rem; }
section.aff-promo-content .promo-container .content-container .content-wrapper .promo-details .countdown-container .time-container .day-number { height: 0.3rem; width: 0.25rem; min-width: 0.45rem; background: rgb(243, 245, 246); }
section.aff-promo-content .promo-container .content-container .content-wrapper .promo-details .countdown-container .time-container .day-text { margin: 0.04rem 0px 0px; white-space: nowrap; }
section.aff-promo-content .promo-container .content-container .content-wrapper .promo-details .countdown-container .time-container .time-colon { height: 0.3rem; width: 0.1rem; background: rgb(243, 245, 246); }
section.aff-promo-content .promo-container .content-container .content-wrapper .promo-details .countdown-container .time-container .time-box .time-hour, section.aff-promo-content .promo-container .content-container .content-wrapper .promo-details .countdown-container .time-container .time-box .time-min, section.aff-promo-content .promo-container .content-container .content-wrapper .promo-details .countdown-container .time-container .time-box .time-sec { height: 0.3rem; width: 100%; padding: 0.06rem; background: rgb(243, 245, 246); }
section.aff-promo-content .promo-container .content-container .content-wrapper .promo-details .countdown-container .time-container .time-box .time-text { font-size: 0.1rem; }
section.aff-promo-content .promo-container .shareBtn-container { position: relative; }
section.aff-promo-content .promo-container .shareBtn-container .referral-btn { background: rgb(255, 138, 0); }
section.aff-promo-content .promo-container .shareBtn-container .triangle { position: absolute; bottom: 100%; left: 20%; margin-left: -0.12rem; width: 0.24rem; height: 0.12rem; overflow: hidden; }
section.aff-promo-content .promo-container .shareBtn-container .triangle::after { content: ""; position: absolute; width: 0.12rem; height: 0.12rem; left: 20%; transform: translate(-20%, 50%) rotate(45deg); background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.3) 0px 0.01rem 0.06rem; }
section.aff-promo-content .m-promo-container { padding: 0.15rem 0.2rem 0rem; }
.aff-settings-container .register { width: 100%; gap: 0.5rem; }
.aff-settings-container .st-content .st-detail-container .st-tab .aff-quick-register-container .reg { width: 5.86rem; padding: 0px; }
.aff-settings-container .st-content .st-detail-container .st-tab .aff-quick-register-container .reg .standard-register-grid { display: grid; align-items: center; grid-template-columns: 2.08rem 3.46rem auto; gap: 0px 0rem; }
.aff-settings-container .st-content .st-detail-container .st-tab .aff-quick-register-container .reg .standard-register-grid .stat-text-div { position: absolute; font-size: 0.12rem; align-items: center; }
.aff-settings-container .st-content .st-detail-container .st-tab .aff-quick-register-container .reg .standard-register-grid .stat-text-div img { position: absolute; }
@media (max-width: 768px) { .aff-settings-container .st-content .st-detail-container .st-tab .aff-quick-register-container .reg .standard-register-grid .stat-text-div { position: unset; }
}
.aff-settings-container .st-content .st-detail-container .st-tab .aff-quick-register-container .reg .standard-register-grid .reg-footer-notice { grid-area: 2 / 2; }
.aff-settings-container .st-content .st-detail-container .st-tab .aff-quick-register-container .reg .standard-register-grid .reg-footer-notice p { margin: 0.34rem 0px 0px; color: rgb(134, 151, 162); font-size: 0.16rem; }
@media (max-width: 768px) { .aff-settings-container .st-content .st-detail-container .st-tab .aff-quick-register-container { margin: -0.58rem -0.33rem; } .aff-settings-container .st-content .st-detail-container .st-tab .aff-quick-register-container .reg { width: 100%; background: rgb(243, 245, 246); padding: 0.58rem 0.33rem 0.8rem; } .aff-settings-container .st-content .st-detail-container .st-tab .aff-quick-register-container .reg .standard-register-grid { grid-template-columns: auto 0.2rem; grid-template-areas: ". redStar" "input ." "statText ."; padding: 0px 6.15385vw; } .aff-settings-container .st-content .st-detail-container .st-tab .aff-quick-register-container .reg .standard-register-grid .standard-mandatory { line-height: 0; grid-area: redStar; } .aff-settings-container .st-content .st-detail-container .st-tab .aff-quick-register-container .reg .standard-register-grid .standard-input { grid-area: input; } .aff-settings-container .st-content .st-detail-container .st-tab .aff-quick-register-container .reg .standard-register-grid .stat-text-div { grid-area: statText; width: 100%; left: unset; right: 0px; font-size: 0.25574rem; } .aff-settings-container .st-content .st-detail-container .st-tab .aff-quick-register-container .reg .standard-register-grid .stat-text-div img { height: 0.34rem; width: 0.34rem; left: 80%; top: 0.2rem; } .aff-settings-container .st-content .st-detail-container .st-tab .aff-quick-register-container .reg .standard-register-grid .stat-text-div .triangle-border .triangle { top: -0.1rem; right: 96%; } .aff-settings-container .st-content .st-detail-container .st-tab .aff-quick-register-container .reg .standard-register-grid .stat-text-div .triangle-border .triangle::after { left: 43%; border-width: 0.01rem; border-color: rgb(220, 222, 223); border-image: initial; border-style: solid none none solid; box-shadow: none; } .aff-settings-container .st-content .st-detail-container .st-tab .aff-quick-register-container .reg .standard-register-grid .svg-correct { grid-area: 2 / 2; } .aff-settings-container .st-content .st-detail-container .st-tab .aff-quick-register-container .reg .standard-register-grid .svg-correct svg { display: block; width: 0.34rem !important; height: 0.34rem !important; } .aff-settings-container .st-content .st-detail-container .st-tab .aff-quick-register-container .reg .standard-register-grid .reg-btn-container-prevnext { grid-area: 1; } .aff-settings-container .st-content .st-detail-container .st-tab .aff-quick-register-container .reg .standard-register-grid .reg-footer-notice { grid-area: 2 / 1; } .aff-settings-container .st-content .st-detail-container .st-tab .aff-quick-register-container .reg .standard-register-grid .reg-footer-notice p { margin: 0px; font-size: 3.33333vw; text-align: center; } .aff-settings-container .st-content .st-detail-container .st-tab .aff-quick-register-container .reg .break-line { width: auto; height: 0.01rem; background: rgb(219, 224, 228); margin: 0.3rem 6.15385vw 0.34rem; } .aff-settings-container .st-content .st-detail-container .st-tab .aff-quick-register-container .quick-register-table { margin: 0rem 0.33rem; }
}
.aff-settings-container .st-content .st-detail-container .st-tab .search-quick-register-container { border-width: 0.01rem; border-color: rgb(219, 224, 228); border-image: initial; border-style: solid none none; padding: 0.5rem 0px 0px; }
@media (max-width: 768px) { .aff-settings-container .st-content .st-detail-container .st-tab .search-quick-register-container { border: none; padding: 0.5rem 0.33rem 0rem; } .aff-settings-container .st-content .st-detail-container .st-tab .search-quick-register-container p { margin: 0px; }
}
.standard-popup-modal-container.aff-custom-table-popup { width: 70%; max-width: 10.98rem; }
.aff-transfer-dialog-modal-container, .aff-custom-campaign-table-popup, .aff-deposit-add-bank-popup { width: 3.6rem; min-width: 3.6rem; max-width: 3.6rem; }
@media (max-width: 768px) { .aff-transfer-dialog-modal-container, .aff-custom-campaign-table-popup, .aff-deposit-add-bank-popup { }
}
.aff-transfer-dialog-modal-container .standard-form-field-wrapper, .aff-custom-campaign-table-popup .standard-form-field-wrapper, .aff-deposit-add-bank-popup .standard-form-field-wrapper { flex-wrap: unset; gap: 0.12rem; }
.aff-transfer-dialog-modal-container .standard-button-container, .aff-custom-campaign-table-popup .standard-button-container, .aff-deposit-add-bank-popup .standard-button-container { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.12rem; justify-content: unset; }
.aff-transfer-dialog-modal-container .standard-button-container button.standard-submit-button, .aff-custom-campaign-table-popup .standard-button-container button.standard-submit-button, .aff-deposit-add-bank-popup .standard-button-container button.standard-submit-button { min-width: 100%; }
.aff-transfer-dialog-modal-container textarea, .aff-custom-campaign-table-popup textarea, .aff-deposit-add-bank-popup textarea { background: rgb(255, 255, 255); border: 0.01rem solid rgb(219, 224, 228); border-radius: 0.05rem; }
.aff-deposit-add-bank-popup, .m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup { width: 3.6rem; min-width: 3.6rem; max-width: 3.6rem; }
@media (max-width: 768px) { .aff-deposit-add-bank-popup, .m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup { width: 100%; min-width: 100%; max-width: 100%; }
}
.aff-deposit-add-bank-popup .data-container p.sub-title, .m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .data-container p.sub-title { font-size: 0.3rem; font-family: Inter; margin: 0px 0px 6.15385vw; }
.aff-deposit-add-bank-popup .data-container .standard-popup-modal-body, .m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .data-container .standard-popup-modal-body { padding: 0px; }
.aff-deposit-add-bank-popup .data-container .standard-popup-modal-body .standard-button-container .info-button, .m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .data-container .standard-popup-modal-body .standard-button-container .info-button { background: rgb(0, 113, 227); }
.aff-deposit-add-bank-popup { width: 5.5rem; min-width: 5.5rem; max-width: 5.5rem; }
.aff-transfer-dialog-modal-container .aff-dialog-table-container, .aff-custom-table-popup .aff-dialog-table-container, .aff-custom-campaign-table-popup .aff-dialog-table-container { overflow: scroll hidden; scrollbar-width: auto; }
.aff-transfer-dialog-modal-container .aff-dialog-table-container::-webkit-scrollbar, .aff-custom-table-popup .aff-dialog-table-container::-webkit-scrollbar, .aff-custom-campaign-table-popup .aff-dialog-table-container::-webkit-scrollbar { width: 0.1rem; }
.aff-transfer-dialog-modal-container .aff-dialog-table-container::-webkit-scrollbar:horizontal, .aff-custom-table-popup .aff-dialog-table-container::-webkit-scrollbar:horizontal, .aff-custom-campaign-table-popup .aff-dialog-table-container::-webkit-scrollbar:horizontal { height: 0.08rem; }
.aff-transfer-dialog-modal-container .aff-dialog-table-container::-webkit-scrollbar-track, .aff-custom-table-popup .aff-dialog-table-container::-webkit-scrollbar-track, .aff-custom-campaign-table-popup .aff-dialog-table-container::-webkit-scrollbar-track { background-color: rgba(204, 204, 204, 0.3); }
.aff-transfer-dialog-modal-container .aff-dialog-table-container::-webkit-scrollbar-thumb, .aff-custom-table-popup .aff-dialog-table-container::-webkit-scrollbar-thumb, .aff-custom-campaign-table-popup .aff-dialog-table-container::-webkit-scrollbar-thumb { border-radius: 0.1rem; background: rgba(204, 204, 204, 0.5); box-shadow: rgba(255, 255, 255, 0.49) 0px 0px 0.06rem inset; }
.aff-transfer-dialog-modal-container svg, .aff-custom-table-popup svg, .aff-custom-campaign-table-popup svg { width: 0.3rem; height: 0.3rem; }
@media (max-width: 768px) { .aff-custom-table-popup { width: 95%; } .aff-custom-table-popup.standard-popup-modal-container .standard-popup-modal-header .standard-modal-title { padding: 0px; } .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table thead .aff-dialog-second-th th { padding: 0.2rem; font-size: 0.24rem; } .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table .aff-dialog-inner-th { padding: 0.2rem; font-size: 0.24rem; } .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr td { padding: 0.2rem; font-size: 0.24rem; } .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr td button { padding: 0.1rem; } .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr:first-child th { padding: 0.2rem; font-size: 0.24rem; } .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr:nth-child(2) td { padding: 0.2rem; } .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr:nth-child(3) td { padding: 0.2rem; } .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr:nth-child(4) td { padding: 0.2rem; } .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr:nth-child(5) td { padding: 0.2rem; } .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr:nth-child(6) td { padding: 0.2rem; }
}
.aff-preview-container { padding: 0.1rem; border-width: 0.01rem; border-color: rgb(221, 221, 221); border-image: initial; border-style: none none solid; }
@media (max-width: 768px) { .aff-preview-container { width: 262.564vw; }
}
.gallery-img-section { background: rgb(243, 245, 246); border-radius: 0.08rem; }
@media (max-width: 768px) { .gallery-img-section { width: 100%; overflow: auto; }
}
.gallery-img-section .content-container { display: grid; grid-template: "imgDetails href" 0.4rem "imgContainer href" / auto 20%; gap: 0px 0.1rem; }
.gallery-img-section .content-container .img-details { grid-area: imgDetails; display: flex; place-content: center; align-items: center; border-width: 0.01rem; border-color: rgb(221, 221, 221); border-image: initial; border-style: none none solid; }
.gallery-img-section .content-container .img-details .content { border-style: none; }
.gallery-img-section .content-container .content { grid-area: href; padding: 0.1rem 0.04rem; border-width: 0.01rem; border-color: rgb(221, 221, 221); border-image: initial; border-style: none none none solid; }
.gallery-img-section .content-container .content textarea { height: 20vh; background: rgb(255, 255, 255); padding: 0.1rem; cursor: pointer; }
.gallery-img-section .content-container .img-container { grid-area: imgContainer; max-height: 35vh; }
.gallery-img-section .content-container .img-container img { width: 100%; height: 100%; padding: 0.1rem; object-fit: contain; }
body.aff-portal .deposit-wrapper { display: block; }
body.aff-portal .deposit-wrapper .standard-tab-container, body.aff-portal .deposit-wrapper .standard-transaction-container { padding: 0px; margin: 0px !important; }
body.aff-portal .deposit-wrapper .standard-tab-container .standard-form-container .bank-list-container, body.aff-portal .deposit-wrapper .standard-transaction-container .standard-form-container .bank-list-container { background: linear-gradient(90deg, rgb(9, 94, 189) 0.45%, rgb(4, 169, 194) 100%); border-radius: 0.08rem; display: grid; grid-template-columns: repeat(4, 0.4fr); gap: 0.15rem 0.1rem; margin: 0px 0px 0.35rem; padding: 0.2rem; }
body.aff-portal .deposit-wrapper .standard-tab-container .standard-form-container .bank-list-container .bank-item, body.aff-portal .deposit-wrapper .standard-transaction-container .standard-form-container .bank-list-container .bank-item { align-items: center; cursor: pointer; display: flex; border: none; width: 100%; height: 100%; flex-direction: inherit; justify-content: normal; background: rgba(0, 0, 0, 0); gap: 0.1rem; text-align: initial; }
body.aff-portal .deposit-wrapper .standard-tab-container .standard-form-container .bank-list-container .bank-name, body.aff-portal .deposit-wrapper .standard-tab-container .standard-form-container .bank-list-container .coin-name, body.aff-portal .deposit-wrapper .standard-transaction-container .standard-form-container .bank-list-container .bank-name, body.aff-portal .deposit-wrapper .standard-transaction-container .standard-form-container .bank-list-container .coin-name { color: rgb(255, 255, 255); }
body.aff-portal .deposit-wrapper .standard-tab-container .standard-form-container .bank-list-container .bank-item:hover .bank-name, body.aff-portal .deposit-wrapper .standard-tab-container .standard-form-container .bank-list-container .bank-item:hover .coin-name, body.aff-portal .deposit-wrapper .standard-tab-container .standard-form-container .bank-list-container .bank-item.active .bank-name, body.aff-portal .deposit-wrapper .standard-tab-container .standard-form-container .bank-list-container .bank-item.active .coin-name, body.aff-portal .deposit-wrapper .standard-transaction-container .standard-form-container .bank-list-container .bank-item:hover .bank-name, body.aff-portal .deposit-wrapper .standard-transaction-container .standard-form-container .bank-list-container .bank-item:hover .coin-name, body.aff-portal .deposit-wrapper .standard-transaction-container .standard-form-container .bank-list-container .bank-item.active .bank-name, body.aff-portal .deposit-wrapper .standard-transaction-container .standard-form-container .bank-list-container .bank-item.active .coin-name { color: rgb(255, 255, 255); }
body.aff-portal .deposit-wrapper .standard-tab-container .standard-form-container .qr-form-field .qr-container .qr-info .chk-status-btn-container, body.aff-portal .deposit-wrapper .standard-transaction-container .standard-form-container .qr-form-field .qr-container .qr-info .chk-status-btn-container { display: flex; }
body.aff-portal .deposit-wrapper .standard-tab-container .standard-form-container .qr-form-field .qr-container .qr-info .chk-status-btn-container .chk-status-btn, body.aff-portal .deposit-wrapper .standard-transaction-container .standard-form-container .qr-form-field .qr-container .qr-info .chk-status-btn-container .chk-status-btn { margin: 0.25rem 0px; }
body.aff-portal .deposit-wrapper .standard-tab-container .standard-form-container .transaction-button-section .standard-button-container .standard-submit-button, body.aff-portal .deposit-wrapper .standard-tab-container .standard-form-container .transaction-button-section .standard-button-container .standard-submit-form-button, body.aff-portal .deposit-wrapper .standard-transaction-container .standard-form-container .transaction-button-section .standard-button-container .standard-submit-button, body.aff-portal .deposit-wrapper .standard-transaction-container .standard-form-container .transaction-button-section .standard-button-container .standard-submit-form-button { width: 100%; margin: 0px; }
body.aff-portal .deposit-wrapper .standard-tab-container .standard-form-container .standard-button-container, body.aff-portal .deposit-wrapper .standard-transaction-container .standard-form-container .standard-button-container { grid-template-columns: repeat(2, 1fr) !important; }
body.aff-portal .deposit-wrapper .standard-tab-container .standard-tab { margin: 0px 0px 0.25rem; gap: 0.15rem !important; grid-template-columns: repeat(5, 1fr) !important; padding: 0px !important; }
body.aff-portal .deposit-wrapper .standard-form-field { width: 100%; grid-template-columns: repeat(2, 1fr) !important; }
body.aff-portal .deposit-wrapper .standard-form-field .standard-form-field-wrapper.bank-select-deposit-container { width: 100% !important; display: block !important; }
body.aff-portal .deposit-wrapper .standard-form-field .standard-form-field-wrapper.bank-select-deposit-container .bank-select-deposit { display: flex; width: 100%; gap: 0.1rem; }
body.aff-portal .deposit-wrapper .standard-form-field.bank-acc-field, body.aff-portal .deposit-wrapper .standard-form-field.deposit-type, body.aff-portal .deposit-wrapper .standard-form-field.bank-detail-field, body.aff-portal .deposit-wrapper .standard-form-field.bank-select-deposit-container { grid-template-areas: "1 1" "input input" "errorValidation errorValidation"; }
body.aff-portal .deposit-wrapper .standard-form-field.amount-selection { grid-template-areas: "1 1" "amountInput amountInput" "errorValidation errorValidation" "amountBox amountBox"; }
body.aff-portal .deposit-wrapper .standard-form-field.amount-selection .standard-form-field-wrapper { grid-area: amountInput !important; }
body.aff-portal .deposit-wrapper .standard-form-field.amount-selection .standard-amount-btn-container { grid-area: amountBox; }
body.aff-portal .deposit-wrapper .standard-form-field.amount-selection .standard-amount-btn-container button { padding: 0.08rem 0.2rem; }
body.aff-portal .deposit-wrapper .standard-form-field.account-name-field input { width: 35.5%; }
body.aff-portal .deposit-wrapper .standard-form-field .multi-input, body.aff-portal .deposit-wrapper .standard-form-field .payment-method-select-dropdown-container, body.aff-portal .deposit-wrapper .standard-form-field .bank-select-deposit-container { grid-area: input; }
body.aff-portal .deposit-wrapper .standard-form-field .standard-error-validation { grid-area: errorValidation !important; }
body.aff-portal .deposit-wrapper .standard-transaction-container.deposit-crypto-container p { margin: 0px; }
body.aff-portal .deposit-wrapper .standard-transaction-container.deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info .share-address-container .standard-button-container { position: relative; }
body.aff-portal .deposit-wrapper .standard-transaction-container.deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info .share-address-container .standard-button-container .standard-submit-button { margin: 0px; grid-area: 1 / 1 / 1 / 3; }
body.aff-portal .deposit-wrapper .standard-transaction-container.deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info .share-address-container .standard-button-container .floating-referral { right: 21%; }
body.aff-portal .deposit-wrapper .quick-pay-container .standard-form-container .standard-tab-container .standard-tab .tab-header.active, body.aff-portal .deposit-wrapper .eWallet-apps-container .standard-form-container .standard-tab-container .standard-tab .tab-header.active { border: 0.02rem rgba(0, 0, 0, 0) !important; }
body.aff-portal .deposit-wrapper .quick-pay-container .standard-form-container .standard-tab-container .standard-tab .tab-header .deposit-option, body.aff-portal .deposit-wrapper .eWallet-apps-container .standard-form-container .standard-tab-container .standard-tab .tab-header .deposit-option { line-height: 0.2rem; padding: 0.2rem 0px 0px; }
body.aff-portal .deposit-wrapper .quick-pay-container .standard-form-container .account-name-field .standard-form-field-wrapper .standard-input, body.aff-portal .deposit-wrapper .eWallet-apps-container .standard-form-container .account-name-field .standard-form-field-wrapper .standard-input { width: 100%; }
body.aff-portal .deposit-wrapper .quick-pay-container .standard-form-container .bank-list-container, body.aff-portal .deposit-wrapper .eWallet-apps-container .standard-form-container .bank-list-container { border-radius: 0.08rem; display: grid; grid-template-columns: repeat(4, 0.4fr); gap: 0.15rem 0.1rem; margin: 0px 0px 0.35rem; padding: 0.2rem; }
body.aff-portal .deposit-wrapper .quick-pay-container .standard-form-container .bank-list-container .bank-item, body.aff-portal .deposit-wrapper .eWallet-apps-container .standard-form-container .bank-list-container .bank-item { align-items: center; cursor: pointer; display: flex; border: none; width: 100%; height: 100%; flex-direction: inherit; justify-content: normal; background: rgba(0, 0, 0, 0); gap: 0.1rem; text-align: initial; }
body.aff-portal .m-deposit-landing-container { margin: 0px; }
body.aff-portal .m-deposit-landing-container .deposit-label-offline-bank-container .deposit-label-offline-bank { display: flex; justify-content: space-between; }
body.aff-portal .m-deposit-landing-container .standard-content-container .m-standard-transaction-container.m-bank-transfer-container .standard-form-container { display: grid; gap: 5.12821vw; }
body.aff-portal .m-deposit-landing-container .standard-content-container .m-standard-transaction-container.m-bank-transfer-container .standard-form-container .standard-form-field { margin: 0px; }
body.aff-portal .m-deposit-landing-container .standard-content-container .m-standard-transaction-container.m-bank-transfer-container .standard-form-container .standard-form-field .standard-error-validation { margin: 0px; }
body.aff-portal .m-deposit-landing-container .standard-content-container .m-standard-transaction-container.m-bank-transfer-container .standard-form-container .standard-form-field .bank-select-deposit .standard-select-dropdown { max-height: 3rem; }
body.aff-portal .m-deposit-landing-container .standard-content-container .m-standard-transaction-container.m-bank-transfer-container .standard-form-container .transaction-button-section { margin: 0px; }
body.aff-portal .m-deposit-landing-container .standard-content-container .m-standard-transaction-container.m-bank-transfer-container .standard-form-container .transaction-button-section .standard-button-container .standard-submit-button, body.aff-portal .m-deposit-landing-container .standard-content-container .m-standard-transaction-container.m-bank-transfer-container .standard-form-container .transaction-button-section .standard-button-container .standard-submit-form-button { grid-area: auto; margin: 0px; width: 100% !important; }
body.aff-portal .m-deposit-landing-container .standard-content-container .m-standard-transaction-container.m-bank-transfer-container .standard-form-container .bank-list-container .bank-list { margin: 0px 0px 0.4rem; }
body.aff-portal .m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list { background: linear-gradient(90deg, rgb(9, 94, 189) 0.45%, rgb(4, 169, 194) 100%); }
body.aff-portal .m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-name, body.aff-portal .m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .coin-name { color: rgb(255, 255, 255); }
body.aff-portal .m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item:hover .bank-name, body.aff-portal .m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item:hover .coin-name, body.aff-portal .m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item.active .bank-name, body.aff-portal .m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item.active .coin-name { color: rgb(255, 255, 255); }
body.aff-portal .m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item .img-container svg, body.aff-portal .m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item .img-container img { filter: grayscale(100%) brightness(100%); }
body.aff-portal .m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item.active .img-container svg, body.aff-portal .m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item.active .img-container img { filter: grayscale(0%); }
body.aff-portal .m-deposit-landing-container .m-standard-transaction-container.m-deposit-crypto-container .share-address-container .crypto-address-btn-container button { margin: 0.32rem 0px 0px; }
body.aff-portal .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .m-deposit-landing-container .standard-tab-container .standard-tab, body.aff-portal .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .m-withdrawal-landing .standard-tab-container .standard-tab { display: grid; grid-template-columns: repeat(4, 0.4fr); gap: 0.3rem 0.15rem; padding: 0px; width: unset; border-radius: unset; background: unset; }
body.aff-portal .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .m-deposit-landing-container .standard-tab-container .standard-tab .tab-header, body.aff-portal .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .m-withdrawal-landing .standard-tab-container .standard-tab .tab-header { color: rgb(136, 153, 164); flex-direction: column; justify-content: start; padding: 0px; border: unset; background: unset; border-radius: unset; line-height: unset; }
body.aff-portal .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .m-deposit-landing-container .standard-tab-container .standard-tab .tab-header .img-container svg, body.aff-portal .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .m-withdrawal-landing .standard-tab-container .standard-tab .tab-header .img-container svg { margin: 0px; }
body.aff-portal .withdrawal-wrapper { display: block; }
body.aff-portal .withdrawal-wrapper .standard-tab-container, body.aff-portal .withdrawal-wrapper .standard-transaction-container { padding: 0px; margin: 0px !important; }
body.aff-portal .withdrawal-wrapper .standard-tab-container .standard-form-container, body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container { display: grid; gap: 0.18rem; }
body.aff-portal .withdrawal-wrapper .standard-tab-container .standard-form-container .bank-list-container, body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container .bank-list-container { background: linear-gradient(90deg, rgb(9, 94, 189) 0.45%, rgb(4, 169, 194) 100%); border-radius: 0.08rem; display: grid; grid-template-columns: repeat(4, 0.4fr); gap: 0.15rem 0.1rem; margin: 0px 0px 0.35rem; padding: 0.2rem; }
body.aff-portal .withdrawal-wrapper .standard-tab-container .standard-form-container .bank-list-container .bank-item, body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container .bank-list-container .bank-item { align-items: center; cursor: pointer; display: flex; border: none; width: 100%; height: 100%; flex-direction: inherit; justify-content: normal; background: rgba(0, 0, 0, 0); gap: 0.1rem; text-align: initial; }
body.aff-portal .withdrawal-wrapper .standard-tab-container .standard-form-container .bank-list-container .bank-item .img-container, body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container .bank-list-container .bank-item .img-container { min-width: 0.45rem; width: 0.45rem; height: 0.45rem; background: rgb(255, 255, 255); border-radius: 0.06rem; position: relative; }
body.aff-portal .withdrawal-wrapper .standard-tab-container .standard-form-container .bank-list-container .bank-item .bank-name, body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container .bank-list-container .bank-item .bank-name { margin: 0px 0px 0px 0.1rem; }
body.aff-portal .withdrawal-wrapper .standard-tab-container .standard-form-container .bank-list-container .bank-item .bank-name, body.aff-portal .withdrawal-wrapper .standard-tab-container .standard-form-container .bank-list-container .bank-item .coin-name, body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container .bank-list-container .bank-item .bank-name, body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container .bank-list-container .bank-item .coin-name { color: rgb(255, 255, 255); }
body.aff-portal .withdrawal-wrapper .standard-tab-container .standard-form-container .bank-list-container .bank-item:hover .bank-name, body.aff-portal .withdrawal-wrapper .standard-tab-container .standard-form-container .bank-list-container .bank-item:hover .coin-name, body.aff-portal .withdrawal-wrapper .standard-tab-container .standard-form-container .bank-list-container .bank-item.active .bank-name, body.aff-portal .withdrawal-wrapper .standard-tab-container .standard-form-container .bank-list-container .bank-item.active .coin-name, body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container .bank-list-container .bank-item:hover .bank-name, body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container .bank-list-container .bank-item:hover .coin-name, body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container .bank-list-container .bank-item.active .bank-name, body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container .bank-list-container .bank-item.active .coin-name { color: rgb(255, 255, 255); }
body.aff-portal .withdrawal-wrapper .standard-tab-container .standard-form-container .bank-list-container .bank-item img, body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container .bank-list-container .bank-item img { width: 100%; }
body.aff-portal .withdrawal-wrapper .standard-tab-container .standard-form-container .standard-button-container .standard-submit-form-button, body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container .standard-button-container .standard-submit-form-button { background: rgb(129, 202, 252); margin: 0px; }
body.aff-portal .withdrawal-wrapper .standard-tab-container .standard-form-container .transaction-button-section .standard-button-container .standard-submit-button, body.aff-portal .withdrawal-wrapper .standard-tab-container .standard-form-container .transaction-button-section .standard-button-container .standard-submit-form-button, body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container .transaction-button-section .standard-button-container .standard-submit-button, body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container .transaction-button-section .standard-button-container .standard-submit-form-button { width: 100%; margin: 0px; }
body.aff-portal .withdrawal-wrapper .standard-tab-container .standard-form-container .standard-button-container, body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container .standard-button-container { grid-template-columns: repeat(2, 1fr) !important; }
body.aff-portal .withdrawal-wrapper .standard-tab-container .standard-form-container .standard-form-field .standard-form-field-wrapper .deposit-amount-input .standard-input, body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container .standard-form-field .standard-form-field-wrapper .deposit-amount-input .standard-input { width: 100%; }
body.aff-portal .withdrawal-wrapper .standard-tab-container .standard-form-container .standard-form-field .standard-form-field-wrapper .standard-input, body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container .standard-form-field .standard-form-field-wrapper .standard-input { width: 50%; }
body.aff-portal .withdrawal-wrapper .standard-tab-container .standard-tab { margin: 0px 0px 0.25rem; gap: 0.15rem !important; grid-template-columns: repeat(5, 1fr) !important; padding: 0px !important; }
body.aff-portal .withdrawal-wrapper .standard-form-field { width: 100%; margin: 0px !important; grid-template-columns: repeat(2, 1fr) !important; }
body.aff-portal .withdrawal-wrapper .standard-form-field.add-spacing { margin: 0.36rem 0px 0px !important; }
body.aff-portal .withdrawal-wrapper .standard-form-field.account-name-field, body.aff-portal .withdrawal-wrapper .standard-form-field.account-number-field { grid-template-areas: "1 1" "input input" "errorValidation errorValidation"; }
body.aff-portal .withdrawal-wrapper .standard-form-field.amount-selection { grid-template-areas: "1 1" "amountInput amountInput" "errorValidation errorValidation" "amountBox amountBox"; }
body.aff-portal .withdrawal-wrapper .standard-form-field.amount-selection .standard-form-field-wrapper { grid-area: amountInput !important; }
body.aff-portal .withdrawal-wrapper .standard-form-field.amount-selection .standard-amount-btn-container { grid-area: amountBox; }
body.aff-portal .withdrawal-wrapper .standard-form-field.amount-selection .standard-amount-btn-container button { padding: 0.08rem 0.2rem; }
body.aff-portal .withdrawal-wrapper .standard-form-field.amount-selection .tool-tip-container { width: 100%; }
body.aff-portal .withdrawal-wrapper .standard-form-field .standard-form-field-wrapper { grid-area: input !important; }
body.aff-portal .withdrawal-wrapper .standard-form-field .standard-error-validation { grid-area: errorValidation !important; }
body.aff-portal .withdrawal-wrapper .standard-transaction-container p { margin: 0px; }
body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.wire-transfer-container .standard-form-field, body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.wire-transfer-container .qr-container, body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.cypto-withdrawal .standard-form-field, body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.cypto-withdrawal .qr-container { grid-template-areas: "1 1" "input ." "errorValidation errorValidation"; }
body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.wire-transfer-container .standard-form-field.address-field, body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.wire-transfer-container .qr-container.address-field, body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.cypto-withdrawal .standard-form-field.address-field, body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.cypto-withdrawal .qr-container.address-field { grid-template-areas: "1 1" "input addButton" "errorValidation errorValidation"; }
body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.wire-transfer-container .standard-form-field.otp-form-wrapper, body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.wire-transfer-container .qr-container.otp-form-wrapper, body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.cypto-withdrawal .standard-form-field.otp-form-wrapper, body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.cypto-withdrawal .qr-container.otp-form-wrapper { display: flex; }
body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.wire-transfer-container .standard-form-field.otp-form-wrapper .phone-email-input-container-spacing, body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.wire-transfer-container .qr-container.otp-form-wrapper .phone-email-input-container-spacing, body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.cypto-withdrawal .standard-form-field.otp-form-wrapper .phone-email-input-container-spacing, body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.cypto-withdrawal .qr-container.otp-form-wrapper .phone-email-input-container-spacing { display: grid !important; grid-template-columns: 50% 50% !important; width: 100% !important; }
body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.wire-transfer-container .standard-form-field.otp-form-wrapper .phone-email-input-container-spacing input, body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.wire-transfer-container .qr-container.otp-form-wrapper .phone-email-input-container-spacing input, body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.cypto-withdrawal .standard-form-field.otp-form-wrapper .phone-email-input-container-spacing input, body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.cypto-withdrawal .qr-container.otp-form-wrapper .phone-email-input-container-spacing input { width: 100% !important; }
body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.wire-transfer-container .standard-form-field .standard-form-field-wrapper .standard-input, body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.wire-transfer-container .qr-container .standard-form-field-wrapper .standard-input, body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.cypto-withdrawal .standard-form-field .standard-form-field-wrapper .standard-input, body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.cypto-withdrawal .qr-container .standard-form-field-wrapper .standard-input { width: 100%; }
body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.wire-transfer-container .standard-form-field.address-select-withdraw-container, body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.wire-transfer-container .qr-container.address-select-withdraw-container, body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.cypto-withdrawal .standard-form-field.address-select-withdraw-container, body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.cypto-withdrawal .qr-container.address-select-withdraw-container { align-items: center; }
body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.wire-transfer-container .standard-form-field.address-select-withdraw-container .standard-add-button, body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.wire-transfer-container .qr-container.address-select-withdraw-container .standard-add-button, body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.cypto-withdrawal .standard-form-field.address-select-withdraw-container .standard-add-button, body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.cypto-withdrawal .qr-container.address-select-withdraw-container .standard-add-button { display: flex; align-items: center; justify-content: center; border-radius: 50%; width: 0.24rem; height: 0.24rem; color: rgb(255, 255, 255); background: rgb(199, 210, 215); font-size: 0.25rem; padding: 0.05rem 0.05rem 0.1rem; grid-area: addButton; }
body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.wire-transfer-container .qr-container, body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.cypto-withdrawal .qr-container { display: grid; grid-template-columns: repeat(2, 1fr); margin: 0px; gap: 0.05rem 0.18rem; }
body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.wire-transfer-container .qr-container .qr-info, body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.cypto-withdrawal .qr-container .qr-info { width: 100%; }
body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.wire-transfer-container .qr-container .icon-refresh, body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.cypto-withdrawal .qr-container .icon-refresh { margin: 0px; }
body.aff-portal .m-withdrawal-landing { margin: 0px; }
body.aff-portal .m-withdrawal-landing .withdraw-tab-container { padding: 0px; }
body.aff-portal .m-withdrawal-landing .withdraw-tab-container .withdraw-tab-header { display: flex; }
body.aff-portal .m-withdrawal-landing .m-standard-transaction-container .standard-form-container { display: grid; gap: 5.12821vw; margin: 0px; }
body.aff-portal .m-withdrawal-landing .m-standard-transaction-container .standard-form-container .st-title, body.aff-portal .m-withdrawal-landing .m-standard-transaction-container .standard-form-container .bank-list-container { margin: 0px; }
body.aff-portal .m-withdrawal-landing .m-standard-transaction-container .standard-form-container .standard-button-container .standard-submit-form-button { background: rgb(129, 202, 252); margin: 0px; width: 100%; }
body.aff-portal .m-withdrawal-landing .m-standard-transaction-container .standard-form-container .standard-button-container .standard-submit-button { grid-area: auto; height: 0.75rem; }
body.aff-portal .m-withdrawal-landing .m-standard-transaction-container .standard-form-container .transaction-button-section { margin: 0px; }
body.aff-portal .m-withdrawal-landing .m-standard-transaction-container .standard-form-container .standard-form-field { margin: 0px !important; }
body.aff-portal .m-withdrawal-landing .m-standard-transaction-container .standard-form-container .standard-form-field.account-name-field { margin: 0.5rem 0px 0rem !important; }
body.aff-portal .m-withdrawal-landing .m-standard-transaction-container .standard-form-container .standard-form-field .standard-error-validation { margin: 0px; }
body.aff-portal .m-withdrawal-landing .m-standard-transaction-container .standard-form-container .standard-form-field .standard-amount-btn-container { display: grid; grid-template-columns: repeat(4, 0.5fr); column-gap: 0.1rem; width: 100%; }
body.aff-portal .m-withdrawal-landing .m-standard-transaction-container .standard-form-container .standard-form-field .standard-amount-btn-container .amount-btn { background: rgb(243, 245, 246); border-radius: 0.1rem; color: rgb(136, 153, 164); font-size: 0.3rem; height: 0.66rem; }
body.aff-portal .m-withdrawal-landing .m-standard-transaction-container .standard-form-container .standard-form-field .standard-amount-btn-container .amount-btn.amount-btn-selected { border: 0.02rem solid rgb(255, 138, 0); }
body.aff-portal .m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-list-container { background: linear-gradient(90deg, rgb(9, 94, 189) 0.45%, rgb(4, 169, 194) 100%); }
body.aff-portal .m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-name, body.aff-portal .m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .coin-name { color: rgb(255, 255, 255); }
body.aff-portal .m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item:hover .bank-name, body.aff-portal .m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item:hover .coin-name, body.aff-portal .m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item.active .bank-name, body.aff-portal .m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item.active .coin-name { color: rgb(255, 255, 255); }
body.aff-portal .m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item .img-container svg, body.aff-portal .m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item .img-container img { filter: grayscale(100%) brightness(100%); }
body.aff-portal .m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item.active .img-container svg, body.aff-portal .m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item.active .img-container img { filter: grayscale(0%); }
body.aff-portal .m-withdrawal-landing .m-standard-transaction-container .m-transaction-form { padding: 0px; }
body.aff-portal .m-withdrawal-landing .m-crypto-withdrawal-container .standard-form-container .qr-container { margin: 0px 0px 0.3rem; }
body.aff-portal .m-withdrawal-landing .m-crypto-withdrawal-container .standard-form-container .qr-container .btn-refresh svg { height: 100%; margin: 0px; }
body.aff-portal .m-withdrawal-landing .m-crypto-withdrawal-container .standard-form-container .address-select-withdraw-container { display: grid; gap: 3.58974vw; grid-template-columns: 79.4872vw 7.69231vw; }
body.aff-portal .m-withdrawal-landing .m-crypto-withdrawal-container .standard-form-container .address-select-withdraw-container .standard-add-button { height: 7.69231vw; font-size: 0.45rem; line-height: 0; }
.landing-aff-preview-container { padding: 0.1rem; }
.landing-img-section { border-radius: 0.08rem; }
@media (max-width: 768px) { .landing-img-section { width: 100%; overflow: auto; }
}
.landing-img-section .content-container { display: grid; grid-template-columns: auto 40%; grid-template-areas: "imgContainer href"; gap: 0px 0.1rem; }
@media (max-width: 768px) { .landing-img-section .content-container { grid-template-columns: 1fr; grid-template-areas: "imgContainer" "href"; }
}
.landing-img-section .content-container .img-details { grid-area: imgDetails; display: flex; place-content: center; align-items: center; border-width: 0.01rem; border-color: rgb(221, 221, 221); border-image: initial; border-style: none none solid; }
.landing-img-section .content-container .img-details .content { border-style: none; }
.landing-img-section .content-container .content { grid-area: href; display: block; align-content: center; padding: 0.1rem 0.04rem; max-height: 40vh; }
.landing-img-section .content-container .content textarea { height: 10vh; background: rgb(255, 255, 255); padding: 0.1rem; cursor: pointer; color: rgb(134, 151, 162); border: 0.01rem solid rgb(219, 224, 228); border-radius: 0.05rem; margin: 0.1rem 0px; }
@media (max-width: 768px) { .landing-img-section .content-container .content textarea { border-radius: 0.1rem; padding: 0.2rem; margin: 0.2rem 0px; }
}
.landing-img-section .content-container .content span { display: block; }
.landing-img-section .content-container .content .floating-referral { background: rgb(255, 255, 255); border-radius: 0.1rem; box-shadow: rgba(0, 0, 0, 0.3) 0px 0.02rem 0.08rem; padding: 0.1rem 0.25rem; position: absolute; width: 2rem; z-index: 1; top: unset; left: unset; }
.landing-img-section .content-container .content .floating-referral span { display: flex; }
.landing-img-section .content-container .img-container { grid-area: imgContainer; height: 3.8rem; width: 5.81rem; }
@media (max-width: 768px) { .landing-img-section .content-container .img-container { place-self: center; }
}
.landing-img-section .content-container .img-container img { width: 100%; height: 100%; padding: 0.1rem; object-fit: contain; }
.tutorial-container { background: rgb(243, 245, 246); }
@media (max-width: 768px) { .tutorial-container { background: rgb(255, 255, 255); }
}
.tutorial-container .tutorial-wrapper { width: 13.4rem; padding: 0.53rem 0px 1rem; margin: auto; }
@media (max-width: 1024px) { .tutorial-container .tutorial-wrapper { width: 94vw; }
}
@media (max-width: 768px) { .tutorial-container .tutorial-wrapper { width: 100%; padding: 0.2048rem 0.45056rem 4.096rem; }
}
.tutorial-container .tutorial-wrapper .title { font-size: 0.24rem; margin: 0px 0px 0.28rem; }
@media (max-width: 768px) { .tutorial-container .tutorial-wrapper .title { font-size: 0.4096rem; margin: 0px 0px 0.28672rem; }
}
.accodion-root { display: grid; row-gap: 0.24rem; background: rgb(255, 255, 255); border-radius: 0.08rem; padding: 0.5rem; }
@media (max-width: 768px) { .accodion-root { row-gap: 0px; border-radius: 0px; padding: 0px; }
}
.accodion-root .accordion-item .accordion-trigger { background: rgb(243, 245, 246); border-radius: 0.03rem; color: rgb(0, 0, 0); display: flex; align-items: center; justify-content: space-between; height: 0.35rem; width: 100%; padding: 0px 0.15rem; }
@media (max-width: 768px) { .accodion-root .accordion-item .accordion-trigger { background: rgb(255, 255, 255); border-bottom: 0.02048rem solid rgb(219, 224, 228); height: auto; padding: 0.24576rem 0.3072rem; }
}
.accodion-root .accordion-item .accordion-trigger .header { text-align: left; }
.accodion-root .accordion-item .accordion-trigger svg { height: 0.15rem; width: 0.15rem; transition: 0.2s; transform: rotate(180deg); }
@media (max-width: 768px) { .accodion-root .accordion-item .accordion-trigger svg { height: 0.2048rem; width: 0.2048rem; }
}
.accodion-root .accordion-item .accordion-trigger[data-state="open"] svg { transform: unset; }
.accodion-root .accordion-item .accordion-content img { height: 100%; width: 100%; }
@media (max-width: 768px) { .campaign-button-container button { height: 0.8rem !important; }
}
.six-digit-pin-popup { max-width: 4.42rem; min-width: 4.42rem; min-height: unset; }
.six-digit-pin-popup .standard-popup-modal-header { padding: 0.3rem 0.4rem 0px; color: rgb(0, 0, 0); font-weight: bold; }
.six-digit-pin-popup .standard-form-field { height: unset; padding: 0.24rem 0.4rem; }
.six-digit-pin-popup .standard-form-field .standard-form-container { width: 100%; }
.six-digit-pin-popup .standard-form-field .standard-form-container .input-container { position: relative; }
.six-digit-pin-popup .standard-form-field .standard-form-container .input-container .share-icon { width: 0.16rem; top: 0px; cursor: pointer; }
.six-digit-pin-popup .standard-form-field .standard-form-container .standard-password-eye { width: 0.25rem; height: 0.25rem; }
.six-digit-pin-popup .standard-form-field .transaction-button-section .standard-button-container .standard-submit-form-button { background: rgb(255, 138, 0); color: rgb(255, 255, 255); border-radius: 0.05rem; font-size: 0.16rem; height: 0.35rem; margin: 0.1rem 0px 0px; width: 100%; }
.six-digit-pin-popup .standard-form-field .transaction-button-section .standard-button-container .standard-submit-form-button:disabled { opacity: 0.5; }
.six-digit-pin-popup .standard-form-field .transaction-button-section .standard-button-container :disabled { opacity: 0.5; cursor: not-allowed; }
.six-digit-pin-wrapper { background: rgb(255, 255, 255); border-radius: 0.08rem; padding: 0.2rem; }
.six-digit-pin-wrapper .six-digit-pin-container .standard-tab .tab-header .hover-line { border-bottom: unset; }
.six-digit-pin-wrapper .six-digit-pin-container .standard-form-six-digit-pin-note-section { width: 45%; }
.six-digit-pin-wrapper .six-digit-pin-container .standard-form-six-digit-pin-note-section .icon-container .note-icon { float: right; }
.six-digit-pin-wrapper .six-digit-pin-container .standard-form-six-digit-pin-note-section .icon-container .note-icon svg { width: 0.24rem; height: 0.24rem; fill: rgb(255, 255, 255); cursor: pointer; }
.six-digit-pin-wrapper .six-digit-pin-container .standard-form-six-digit-pin-note-section .six-digit-pin-note { color: rgb(136, 136, 136); background: rgba(0, 0, 0, 0.8); font-size: 0.14rem; padding: 0.16rem; border-radius: 0.05rem; margin: 0.4rem 0px 0px; }
.six-digit-pin-wrapper .six-digit-pin-setting-container .six-digit-pin-setting-form .standard-form-container { display: flex; justify-content: space-between; }
.six-digit-pin-wrapper .six-digit-pin-setting-container .six-digit-pin-setting-form .standard-form-container.six-digit-pin-container .standard-form-password-section { width: 50%; }
.six-digit-pin-wrapper .six-digit-pin-setting-container .six-digit-pin-setting-form .standard-form-container.six-digit-pin-container .standard-form-password-section.standard-form-field .standard-form-field { display: block; }
.six-digit-pin-wrapper .six-digit-pin-setting-container .six-digit-pin-setting-form .standard-form-container.six-digit-pin-container .standard-form-password-section.standard-form-field .standard-form-field .standard-form-field-container .standard-form-field-wrapper { position: relative; width: 100%; height: 0.38rem; display: flex; align-items: center; padding: 0.05rem 0.05rem 0.05rem 0.1rem; border: 0.01rem solid rgb(219, 224, 228); border-radius: 0.05rem; background: rgb(255, 255, 255); color: rgb(15, 22, 31); font-family: Inter, "sans-serif", 宋体, Prompt; font-size: 0.16rem; white-space: nowrap; text-overflow: ellipsis; }
.six-digit-pin-wrapper .six-digit-pin-setting-container .six-digit-pin-setting-form .standard-form-container.six-digit-pin-container .standard-form-password-section.standard-form-field .standard-form-field .standard-form-field-container .standard-form-field-wrapper .standard-input { padding: 0px; height: 100%; width: 100%; }
.six-digit-pin-wrapper .six-digit-pin-setting-container .six-digit-pin-setting-form .standard-form-container.six-digit-pin-container .standard-form-password-section.standard-form-field .standard-form-field .standard-form-field-container .standard-form-field-wrapper .standard-password-eye { width: 0.25rem; height: 0.25rem; }
.six-digit-pin-wrapper .six-digit-pin-setting-container .six-digit-pin-setting-form .standard-form-container.six-digit-pin-container .standard-form-password-section.standard-form-field .transaction-button-section { width: 100%; }
.six-digit-pin-wrapper .six-digit-pin-setting-container .six-digit-pin-setting-form .standard-form-container.six-digit-pin-container .standard-form-password-section.standard-form-field .transaction-button-section .standard-button-container .standard-submit-form-button { width: 50%; background: rgb(255, 138, 0); height: 0.4rem; border-radius: 0.08rem; }
.six-digit-pin-wrapper .six-digit-pin-setting-container .six-digit-pin-setting-form .standard-form-container.six-digit-pin-container .standard-form-password-section.standard-form-field .transaction-button-section .standard-button-container .standard-submit-form-button:disabled { opacity: 0.5; }
.six-digit-pin-wrapper .six-digit-pin-setting-container .six-digit-pin-setting-form .standard-form-container.six-digit-pin-container .standard-form-password-section.standard-form-field .transaction-button-section .standard-button-container .standard-cancel-form-button { width: 50%; height: 0.4rem; border-radius: 0.08rem; background: rgb(0, 113, 227); }
.six-digit-pin-wrapper .six-digit-pin-setting-container .six-digit-pin-setting-form .standard-form-container.six-digit-pin-container .standard-form-six-digit-pin-note-section { width: 45%; }
.six-digit-pin-wrapper .six-digit-pin-setting-container .six-digit-pin-setting-form .standard-form-container.six-digit-pin-container .standard-form-six-digit-pin-note-section .icon-container .note-icon { float: right; cursor: pointer; }
.six-digit-pin-wrapper .six-digit-pin-setting-container .six-digit-pin-setting-form .standard-form-container.six-digit-pin-container .standard-form-six-digit-pin-note-section .icon-container .note-icon svg { width: 0.25rem; height: 0.25rem; fill: rgb(199, 210, 215); }
.six-digit-pin-setting-form .standard-submit-form-button, .six-digit-pin-setting-form .standard-cancel-form-button { display: flex; flex-direction: row; align-items: center; justify-content: center; font-size: 0.16rem; }
.six-digit-pin-setting-form .standard-submit-form-button svg, .six-digit-pin-setting-form .standard-cancel-form-button svg { display: none; }
.six-digit-pin-not-set-up-notice { display: flex; align-items: center; }
.six-digit-pin-not-set-up-notice .six-digit-pin-warning-icon { width: 0.2rem; margin: 0px 0.05rem 0px 0px; }
.six-digit-pin-not-set-up-notice .six-digit-pin-warning-text .six-digit-pin-redirect { color: rgb(0, 113, 227); }
.loading-container { z-index: 10000; }
.six-digit-pin-set-up-popup { background: rgb(255, 255, 255); max-width: 4.42rem; min-width: 4.42rem; min-height: unset; padding: 0.38rem 0.42rem; }
@media (max-width: 768px) { .six-digit-pin-set-up-popup { max-width: 7.08608rem; min-width: 7.08608rem; padding: 0.6144rem; }
}
.six-digit-pin-set-up-popup .standard-popup-modal-header { margin: 0px 0px 0.25rem; padding: 0px; }
@media (max-width: 768px) { .six-digit-pin-set-up-popup .standard-popup-modal-header { margin: 0px 0px 0.512rem; }
}
.six-digit-pin-set-up-popup .standard-popup-modal-header .standard-modal-close { right: -0.55rem; top: -0.55rem; }
@media (max-width: 768px) { .six-digit-pin-set-up-popup .standard-popup-modal-header .standard-modal-close { right: -0.8rem; top: -0.8rem; }
}
.six-digit-pin-set-up-popup .standard-popup-modal-header .six-digit-pin-title { color: rgb(15, 22, 31); }
@media (max-width: 768px) { .six-digit-pin-set-up-popup .standard-form-field .six-digit-pin-setting-container { margin: 0px; }
}
.six-digit-pin-set-up-popup .standard-form-field .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-set-up-container .six-digit-pin-field-title { color: rgb(134, 151, 162); margin: 0px; }
.six-digit-pin-set-up-popup .standard-form-field .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-set-up-container .six-digit-pin-field { color: rgb(134, 151, 162); font-weight: bold; font-size: 0.18rem !important; }
.six-digit-pin-set-up-popup .standard-form-field .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-set-up-container .standard-form-password-section .standard-form-field .standard-label { font-size: 0.2rem; }
.six-digit-pin-set-up-popup .standard-form-field .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-set-up-container .standard-form-password-section .standard-form-field .standard-form-field-container { width: 100%; }
@media (max-width: 768px) { .six-digit-pin-set-up-popup .standard-form-field .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-set-up-container .standard-form-password-section .standard-form-field .standard-form-field-container .standard-form-field-wrapper .standard-input { height: 0.8192rem; }
}
.six-digit-pin-set-up-popup .standard-form-field .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-set-up-container .standard-form-password-section .standard-form-field .standard-form-field-container .standard-form-field-wrapper .standard-password-eye { height: 0.25rem; width: 0.25rem; }
@media (max-width: 768px) { .six-digit-pin-set-up-popup .standard-form-field .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-set-up-container .standard-form-password-section .standard-form-field .standard-form-field-container .standard-form-field-wrapper .standard-password-eye { height: 0.512rem; width: 0.512rem; }
}
.six-digit-pin-set-up-popup .standard-form-field .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-set-up-container .standard-form-password-section .standard-form-field .password-rules-msg-wrapper { display: block; width: 100%; }
.six-digit-pin-set-up-popup .standard-form-field .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-set-up-container .standard-form-password-section .standard-form-field .password-rules-msg-wrapper .error-message-text { display: flex; align-items: center; gap: 0.06rem; margin: 0.1rem 0px 0px; }
@media (max-width: 768px) { .six-digit-pin-set-up-popup .standard-form-field .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-set-up-container .standard-form-password-section .standard-form-field .password-rules-msg-wrapper .error-message-text { gap: 0.12288rem; margin: 0.2048rem 0px 0px; }
}
.six-digit-pin-set-up-popup .standard-form-field .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-set-up-container .standard-form-password-section .standard-form-field .password-rules-msg-wrapper .error-message-text p { margin: 0px; }
.six-digit-pin-set-up-popup .standard-form-field .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-set-up-container .standard-form-password-section .standard-form-field .password-rules-msg-wrapper .error-message-text .password-rules-msg-status-img { width: 0.12rem; height: 0.12rem; margin: 0px 0.02rem 0.04rem 0px; }
@media (max-width: 768px) { .six-digit-pin-set-up-popup .standard-form-field .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-set-up-container .standard-form-password-section .standard-form-field .password-rules-msg-wrapper .error-message-text .password-rules-msg-status-img { width: 0.24576rem; height: 0.24576rem; margin: 0px 0px 0.1024rem; }
}
.six-digit-pin-set-up-popup .standard-form-field .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-set-up-container .standard-form-password-section .transaction-button-section { margin: 0.24rem 0px 0px; width: 100%; }
@media (max-width: 768px) { .six-digit-pin-set-up-popup .standard-form-field .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-set-up-container .standard-form-password-section .transaction-button-section { margin: 0.49152rem 0px 0px; }
}
.six-digit-pin-set-up-popup .standard-form-field .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-set-up-container .standard-form-password-section .transaction-button-section .standard-button-container { justify-content: space-between; }
.six-digit-pin-set-up-popup .standard-form-field .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-set-up-container .standard-form-password-section .transaction-button-section .standard-button-container .standard-submit-form-button, .six-digit-pin-set-up-popup .standard-form-field .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-set-up-container .standard-form-password-section .transaction-button-section .standard-button-container .standard-cancel-form-button { border-radius: 0.08rem; color: rgb(255, 255, 255); height: 0.4rem; width: 1.75rem; }
@media (max-width: 768px) { .six-digit-pin-set-up-popup .standard-form-field .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-set-up-container .standard-form-password-section .transaction-button-section .standard-button-container .standard-submit-form-button, .six-digit-pin-set-up-popup .standard-form-field .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-set-up-container .standard-form-password-section .transaction-button-section .standard-button-container .standard-cancel-form-button { height: 0.8192rem; width: 49%; }
}
.six-digit-pin-set-up-popup .standard-form-field .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-set-up-container .standard-form-password-section .transaction-button-section .standard-button-container .standard-submit-form-button:disabled, .six-digit-pin-set-up-popup .standard-form-field .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-set-up-container .standard-form-password-section .transaction-button-section .standard-button-container .standard-cancel-form-button:disabled { opacity: 0.5; cursor: not-allowed; }
.six-digit-pin-set-up-popup .standard-form-field .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-set-up-container .standard-form-password-section .transaction-button-section .standard-button-container .standard-submit-form-button { background: rgb(255, 138, 0); margin: 0px; }
.six-digit-pin-set-up-popup .standard-form-field .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-set-up-container .standard-form-password-section .transaction-button-section .standard-button-container .standard-cancel-form-button { background: rgb(129, 202, 252); margin: 0px; }
.standard-setting-table-container.bank-info-container:has(.six-digit-pin-not-set-up-notice) { display: flex; flex-direction: column; }
.standard-setting-table-container.bank-info-container .six-digit-pin-not-set-up-notice { order: -1; display: flex; margin: 0px 0px 0.2rem; }
.standard-submit-button:disabled { opacity: 0.5; pointer-events: auto !important; cursor: not-allowed !important; }
.six-digit-pin-notice-remark { order: -1; margin: 0px 0px 0.1rem; }
@media (max-width: 768px) { .six-digit-pin-popup { max-width: 85%; min-width: 85%; min-height: 3.55rem; } .six-digit-pin-popup .standard-popup-modal-header { padding: 0.24rem 0.4rem 0px; } .six-digit-pin-popup .standard-form-field .standard-label { margin: 0px 0px 0.1rem; } .six-digit-pin-popup .standard-form-field .transaction-button-section .standard-button-container .standard-submit-form-button { font-size: 0.3rem; height: 0.75rem; border-radius: 0.1rem; } .six-digit-pin-popup .standard-form-field .transaction-button-section .standard-button-container .standard-submit-form-button:disabled { opacity: 0.5; } .six-digit-pin-popup .standard-form-field .standard-form-container .input-container .share-icon { width: 0.35rem; top: 0.2rem; } .six-digit-pin-popup .standard-form-field .standard-form-container .standard-password-eye { width: 0.4rem; height: 0.4rem; } .six-digit-pin-setting-container { margin: 0.5rem 0.42rem 0px; } .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-container .standard-form-password-section .standard-form-field { margin: 0px; } .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-container .standard-form-password-section .standard-form-field .standard-form-field-container { width: 100%; } .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-container .standard-form-password-section .standard-form-field .standard-error-validation { margin: 0px 0px 0.1rem; font-size: 0.236rem; } .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-container .standard-form-password-section .transaction-button-section { width: 100%; } .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-container .standard-form-password-section .transaction-button-section .standard-button-container { display: block; } .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-container .standard-form-password-section .transaction-button-section .standard-button-container .standard-submit-form-button { width: 100%; height: 0.75rem; margin: 0px; font-size: 0.3rem; border: 0px; border-radius: 0.1rem; color: rgb(255, 255, 255); background: rgb(255, 138, 0); } .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-container .standard-form-password-section .transaction-button-section .standard-button-container .standard-submit-form-button:disabled { opacity: 0.5; } .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-container .standard-form-password-section .transaction-button-section .standard-button-container .standard-cancel-form-button { width: 100%; height: 0.75rem; margin: 0.2rem 0px; font-size: 0.3rem; border: 0px; border-radius: 0.1rem; color: rgb(255, 255, 255); background: rgb(0, 113, 227); } .six-digit-pin-not-set-up-notice { align-items: flex-start; } .six-digit-pin-not-set-up-notice .six-digit-pin-warning-icon { width: 0.3rem; } .bank-info-container.m-standard-transaction-container { margin: 0.5rem 0px 0.2rem; } .bank-info-container.m-standard-transaction-container:has(.six-digit-pin-not-set-up-notice) { display: flex; flex-direction: column; margin: 0.2rem 0px 0px; } .bank-info-container.m-standard-transaction-container .six-digit-pin-not-set-up-notice { order: -1; display: flex; margin: 0px 0px 0.2rem; } .standard-form-container.m-transaction-form:has(.six-digit-pin-not-set-up-notice) { margin: -0.4rem 0px 0.2rem; } .standard-tab-container.withdraw-tab-container .m-standard-transaction-container .m-transaction-form:has(.six-digit-pin-not-set-up-notice) { margin: 0px 0px 0.2rem; } .six-digit-pin-notice-remark { margin: 0.2rem 0px 0.1rem; }
}
.phone-email-input-container { width: 100% !important; margin-bottom: 0.2rem; }
.phone-email-input-container .standard-tab-container { border-bottom: 0px; }
.phone-email-input-container-spacing { margin: 0px 0px 0.2rem; }
.otp-container { margin-bottom: 0.2rem; border: 0px; width: fit-content; background: rgba(0, 0, 0, 0); }
.otp-container .tab-header { width: 100% !important; height: 100% !important; padding: 0px !important; }
.otp-container .otp-tab-container { border: none; display: flex; flex-direction: row; width: fit-content; }
.otp-container .otp-tab-button { cursor: pointer; padding: 0.1rem 0.15rem; white-space: nowrap; margin: 0px 0.1rem 0px 0px; font-weight: 500; border-radius: 0.3rem; border: 0.04rem solid rgba(0, 0, 0, 0); background: rgba(128, 128, 128, 0.61); color: rgb(255, 255, 255); width: 1.53rem; height: unset; font-size: unset; display: flex; justify-content: center; align-items: center; }
.otp-container .otp-tab-button.otp-active { color: rgb(255, 255, 255); background: rgb(255, 138, 0); border: 0px; }
.otp-container .otp-single-selection { width: fit-content; }
.otp-container .standard-action-button { background-color: rgb(255, 138, 0) !important; }
.contact-type-field { width: 100%; margin: 0px 0px 0.2rem; }
.aff-portal .affiliate-route-background .standard-form-field .contact-type-field .standard-select-arrow::after { display: none; }
.aff-portal .affiliate-route-background .standard-form-field .contact-type-field .select-arrow-up { transform: translate(0%, 50%) rotate(225deg); }
.get-code-button { height: unset; border-radius: 0.1rem; margin-left: 0.1rem; background: rgb(219, 224, 228); font-size: 0.16rem; padding: 0px 0.2rem; color: rgb(15, 22, 31); width: unset; }
.get-code-button .count-down-text { margin: 0px 0px 0px 0.05rem; font-size: 0.12rem; }
@media (max-width: 768px) { .get-code-button .count-down-text { font-size: 0.2rem; }
}
.get-code-button-half-width { width: 50%; }
.get-code-button:disabled { opacity: 0.5; pointer-events: auto !important; cursor: not-allowed !important; }
.get-otp-container-extend-width { width: 40% !important; }
body.aff-portal .withdrawal-wrapper .otp-form-wrapper { grid-template-columns: unset !important; grid-template-areas: unset !important; }
body.aff-portal .withdrawal-wrapper .phone-email-input-container-spacing { width: 100% !important; }
body.aff-portal .withdrawal-wrapper .transaction-form, body.aff-portal .withdrawal-wrapper .standard-form-field:has(.phone-email-input-container) { grid-template-columns: unset !important; grid-template-areas: unset !important; }
.st-detail-container .st-tab .standard-gap .wire-transfer-detail-container .wire-transfer-detail .standard-form-field:has(.phone-email-input-container) { width: 32%; grid-template-columns: unset !important; grid-template-areas: unset !important; }
.st-detail-container .st-tab .standard-gap .wire-transfer-detail-container .wire-transfer-detail .standard-form-field:has(.phone-email-input-container) .otp-container { margin: 0rem; }
.bank-info-container .select-bank-form .contact-type-field { grid-template-columns: unset !important; margin: 0px 0px 0.2rem !important; }
.st-content .st-detail-container .st-tab .m-withdrawal-landing .bank-transfer-container .standard-form-container .standard-form-field .phone-email-input-container .standard-tab-container { margin: 0.1rem 0px; }
.m-bank-detail-container .bank-info-container .standard-form-field-container .standard-form-field .contact-type-field { margin: 0.1rem 0px; }
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-form-field .standard-label { grid-area: unset; }
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-form-field .standard-error-validation { grid-area: unset !important; }
@media only screen and (max-width: 768px) { .get-code-button { font-size: 0.3rem; } .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .phone-email-input-container .standard-tab-container { display: flex; }
}
@media only screen and (max-width: 768px) { .otp-container { width: 100%; } .otp-container.single-otp-container { width: 100%; } .otp-container .otp-tab-button { width: 4rem; height: 0.8rem; font-size: 0.3rem; } .get-code-button { height: inherit; font-size: 0.3rem; width: 40%; } .otp-active { height: 0.8rem; font-size: 0.28rem; } .get-otp-container { width: 100%; } .get-otp-container-extend-width { width: 100% !important; } .contact-type-field { width: 100%; margin-bottom: 0.2rem; }
}
.aff-settings-container { background: 50% center / cover no-repeat rgb(243, 245, 246); padding-bottom: 0.5rem; }
.aff-settings-container .standard-container-control { width: 13.4rem; }
@media (max-width: 1340px) { .aff-settings-container .standard-container-control { width: 94vw; }
}
@media (max-width: 1024px) { .aff-settings-container .standard-container-control { width: 94vw; }
}
.aff-settings-container .standard-container-control .page-change-title { margin: 0px 0px 0.05rem; color: rgb(134, 151, 162); font-size: 0.24rem; font-weight: 400; }
.aff-settings-container .standard-container-control .page-change-title .module-Bread span:last-child { color: rgb(15, 22, 31); }
.aff-settings-container .standard-container-control .st-content { justify-content: space-between; align-items: flex-start; margin: 0.25rem 0px 0px; display: grid; grid-template-columns: 18.6567% 79.4776%; gap: 1.791%; }
@media (max-width: 768px) { .aff-settings-container .standard-container-control .st-content { display: unset; } .aff-settings-container .standard-container-control .st-content section.st-detail-container .sub-nav-tab { display: grid; grid-template-columns: 7.69231vw auto; gap: 0px 7.17949vw; padding: 3.07692vw 2.5641vw; border-width: 0.01rem; border-color: rgb(219, 224, 228); border-image: initial; border-style: none none solid; } .aff-settings-container .standard-container-control .st-content section.st-detail-container .sub-nav-tab:last-child { border: none; } .aff-settings-container .standard-container-control .st-content section.st-detail-container .sub-nav-tab svg { width: 7.69231vw; height: 7.69231vw; } .aff-settings-container .standard-container-control .st-content section.st-detail-container .sub-nav-tab p { grid-area: 1 / 2; display: flex; align-items: center; justify-content: space-between; } .aff-settings-container .standard-container-control .st-content section.st-detail-container .sub-nav-tab p::after { content: ""; display: block; width: 0.11rem; height: 0.11rem; border-top: 0.01rem solid rgb(134, 151, 162); border-left: 0.01rem solid rgb(134, 151, 162); transform: rotate(135deg); }
}
@media (max-width: 768px) { .aff-settings-container .standard-container-control .st-content { grid-template-columns: auto; }
}
.aff-settings-container .standard-container-control .st-content .st-detail-container:has(.currentReward) .st-tab { background: unset; border-radius: 0px; padding: 0px; }
.aff-settings-container .standard-container-control .st-content .st-detail-container:has(.currentReward) .st-tab .history-container { background: rgb(255, 255, 255); border-radius: 0.08rem; padding: 0.43rem 0.47rem; margin-bottom: 0.5rem; }
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail { background: rgb(255, 255, 255); border-radius: 0.08rem; padding: 0.43rem 0.47rem; }
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .history-landing-container .standard-tab-container nav, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .history-landing-container .standard-tab-container nav { background: rgb(243, 245, 246); border-radius: 0.5rem; overflow: inherit; }
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .history-container .history-control-section .affiliate-summary-export-text, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .history-container .history-control-section .affiliate-summary-export-text { margin: 0.3rem 0px 0px; }
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-tab-container, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-tab-container { color: rgb(134, 151, 162); margin: 0px 0px 0.5rem; display: flex; flex-wrap: wrap; }
@media (max-width: 768px) { .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-tab-container, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-tab-container { display: grid; background: unset; }
}
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-tab-container nav, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-tab-container nav { background: rgb(243, 245, 246); overflow: inherit; width: 100%; border-radius: 0.08rem; }
@media (max-width: 768px) { .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-tab-container nav, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-tab-container nav { border-radius: 0.5rem; }
}
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-tab-container .tab-header, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-tab-container .tab-header { line-height: 0.3728rem; margin: 0px 0.45rem 0px 0px; cursor: pointer; }
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-tab-container .tab-header.active, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-tab-container .tab-header.active { color: rgb(255, 138, 0); }
@media (max-width: 768px) { .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-tab-container .tab-header.active, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-tab-container .tab-header.active { background: rgb(255, 138, 0); color: rgb(255, 255, 255); border-radius: 12.8205vw; line-height: 1; }
}
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-tab-container .standard-tab, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-tab-container .standard-tab { border-radius: 0.08rem; gap: 0.2rem; padding: 0px 0.2rem; }
@media (max-width: 768px) { .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-tab-container .standard-tab, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-tab-container .standard-tab { width: fit-content; min-width: 100%; padding: 1.28205vw 1.53846vw; border-radius: 12.8205vw; }
}
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-tab-container .standard-tab .tab-header, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-tab-container .standard-tab .tab-header { padding: 0px 0.12rem; margin: 0px; font-size: 0.16rem; }
@media (max-width: 768px) { .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-tab-container .standard-tab .tab-header, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-tab-container .standard-tab .tab-header { padding: 0.769231vw 4.10256vw; color: rgb(0, 0, 0); font-size: 3.33333vw; }
}
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-tab-container .standard-tab .tab-header.active, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-tab-container .standard-tab .tab-header.active { border-width: 0.02rem; border-color: rgb(255, 138, 0); border-image: initial; border-style: none none solid; color: rgb(15, 22, 31); }
@media (max-width: 768px) { .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-tab-container .standard-tab .tab-header.active, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-tab-container .standard-tab .tab-header.active { color: rgb(255, 255, 255); }
}
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-tab-container .standard-tab .tab-header .img-container, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-tab-container .standard-tab .tab-header .img-container { display: flex; justify-content: center; }
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .personal-info-tab-container .standard-tab, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .personal-info-tab-container .standard-tab { gap: 0px; display: flex; width: auto; }
@media (max-width: 768px) { .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .personal-info-tab-container .standard-tab, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .personal-info-tab-container .standard-tab { width: fit-content; }
}
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .personal-info-tab-container .standard-tab .tab-header, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .personal-info-tab-container .standard-tab .tab-header { margin: 0px 0.06rem; }
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .withdraw-tab-container .standard-tab .tab-header.active, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .deposit-tab-container .standard-tab .tab-header.active, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .withdraw-tab-container .standard-tab .tab-header.active, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .deposit-tab-container .standard-tab .tab-header.active { border-style: none; }
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .withdraw-tab-container .standard-tab .tab-header .img-container, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .deposit-tab-container .standard-tab .tab-header .img-container, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .withdraw-tab-container .standard-tab .tab-header .img-container, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .deposit-tab-container .standard-tab .tab-header .img-container { min-height: unset; }
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .withdraw-tab-container .standard-tab .tab-header .img-container span, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .deposit-tab-container .standard-tab .tab-header .img-container span, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .withdraw-tab-container .standard-tab .tab-header .img-container span, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .deposit-tab-container .standard-tab .tab-header .img-container span { line-height: 0; }
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-form-field, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-form-field { display: grid; grid-template-columns: repeat(3, 1fr); margin: 0px 0px 0.34rem; gap: 0.05rem 0.18rem; }
@media (max-width: 768px) { .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-form-field, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-form-field { display: flex; gap: 0.14rem 0px; }
}
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-form-field .standard-input, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-form-field .standard-select, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-form-field .standard-input, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-form-field .standard-select { color: rgb(97, 117, 126); padding: 0.05rem 0.35rem 0.05rem 0.1rem; }
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-form-field .standard-label, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-form-field .standard-label { grid-area: 1; align-self: center; }
@media (max-width: 768px) { .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-form-field .standard-label, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-form-field .standard-label { margin: 0px; font-family: Inter; font-size: 0.3rem; color: rgb(15, 22, 31); }
}
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-form-field .standard-form-field-wrapper, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-form-field .standard-form-field-wrapper { grid-area: 2 / 1 / 2 / 2; }
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-form-field .standard-error-validation, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-form-field .standard-error-validation { grid-area: 2 / 2; }
@media (max-width: 768px) { .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-form-field .standard-error-validation, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-form-field .standard-error-validation { grid-area: 2 / 1; }
}
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-form-field .wrong, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-form-field .wrong { border: 0.01rem solid rgb(224, 9, 44); }
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-form-field .blue, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-form-field .correct, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-form-field .blue, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-form-field .correct { border: 0.01rem solid rgb(0, 113, 227); }
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-form-field .correct, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-form-field .correct { background: rgb(243, 245, 246); }
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-form-field .aff-link-container, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-form-field .aff-link-container { display: flex; align-items: center; gap: 0.1rem; }
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-form-field .aff-link-container .referral-btn, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-form-field .aff-link-container .referral-btn { background: rgba(0, 0, 0, 0); }
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-form-field .aff-link-container .referral-btn svg, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-form-field .aff-link-container .referral-btn svg { width: 0.1839rem; height: 0.2023rem; }
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-form-field .aff-link-container .standard-footer-font-size, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-form-field .aff-link-container .standard-footer-font-size { color: rgb(0, 113, 227); text-decoration: underline; background: rgba(0, 0, 0, 0); padding: unset; height: auto; cursor: pointer; }
@media (max-width: 768px) { .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-form-field.aff-domain, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-form-field.aff-domain { margin: 11.5385vw 0px; } .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-form-field.aff-domain #affiliate-domain, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-form-field.aff-domain #affiliate-domain { background: rgb(243, 245, 246); border: 0.01rem solid rgb(219, 224, 228); height: 0.75rem; padding: 0rem 0.4rem 0px; text-decoration: underline; } .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-form-field.aff-link, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-form-field.aff-link { margin: 11.5385vw 0px; } .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-form-field.aff-link .aff-profile-content .standard-label, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-form-field.aff-link .aff-profile-content .standard-label { font-family: Inter; margin: 0px 0px 0.17rem; } .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-form-field.aff-link .aff-link-container, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-form-field.aff-link .aff-link-container { background: rgb(243, 245, 246); border-radius: 0.15rem; border: 0.01rem solid rgb(219, 224, 228); height: 0.75rem; padding: 0rem 0.4rem 0px; text-decoration: underline; display: grid; align-items: center; gap: 0.4rem; grid-template-columns: 87% 6%; } .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-form-field.aff-link .aff-link-container .standard-footer-font-size, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-form-field.aff-link .aff-link-container .standard-footer-font-size { font-size: 0.296rem; text-overflow: ellipsis; color: rgb(0, 0, 0); }
}
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-change-password-container .standard-form-field, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-my-profile-container .standard-form-field, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-change-password-container .standard-form-field, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-my-profile-container .standard-form-field { display: grid; grid-template-columns: 25% 3.52rem auto; margin-bottom: 0.14rem; }
@media (max-width: 768px) { .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-change-password-container .standard-form-field, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-my-profile-container .standard-form-field, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-change-password-container .standard-form-field, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-my-profile-container .standard-form-field { grid-template-columns: 37% 60%; margin-bottom: 4.10256vw; align-items: center; } .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-change-password-container .standard-form-field label, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-my-profile-container .standard-form-field label, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-change-password-container .standard-form-field label, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-my-profile-container .standard-form-field label { font-family: Inter; color: rgb(134, 151, 162); }
}
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-change-password-container .standard-form-field .standard-form-field-wrapper, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-my-profile-container .standard-form-field .standard-form-field-wrapper, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-change-password-container .standard-form-field .standard-form-field-wrapper, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-my-profile-container .standard-form-field .standard-form-field-wrapper { grid-area: 1; }
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-change-password-container .standard-form-field .standard-form-field-wrapper .error-message-wrapper, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-my-profile-container .standard-form-field .standard-form-field-wrapper .error-message-wrapper, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-change-password-container .standard-form-field .standard-form-field-wrapper .error-message-wrapper, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-my-profile-container .standard-form-field .standard-form-field-wrapper .error-message-wrapper { margin-top: 0.1rem; font-size: 0.12rem; color: rgb(232, 38, 44); }
@media (max-width: 768px) { .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-change-password-container .standard-form-field .standard-form-field-wrapper .error-message-wrapper, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-my-profile-container .standard-form-field .standard-form-field-wrapper .error-message-wrapper, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-change-password-container .standard-form-field .standard-form-field-wrapper .error-message-wrapper, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-my-profile-container .standard-form-field .standard-form-field-wrapper .error-message-wrapper { margin-top: 0.196rem; font-size: 0.236rem; }
}
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-change-password-container .standard-form-field .standard-form-field-wrapper .error-message-wrapper .password-rules-msg-wrapper, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-my-profile-container .standard-form-field .standard-form-field-wrapper .error-message-wrapper .password-rules-msg-wrapper, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-change-password-container .standard-form-field .standard-form-field-wrapper .error-message-wrapper .password-rules-msg-wrapper, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-my-profile-container .standard-form-field .standard-form-field-wrapper .error-message-wrapper .password-rules-msg-wrapper { display: flex; color: rgb(134, 151, 162); gap: 0.06rem; }
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-change-password-container .standard-form-field .standard-form-field-wrapper .error-message-wrapper .password-rules-msg-wrapper img, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-my-profile-container .standard-form-field .standard-form-field-wrapper .error-message-wrapper .password-rules-msg-wrapper img, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-change-password-container .standard-form-field .standard-form-field-wrapper .error-message-wrapper .password-rules-msg-wrapper img, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-my-profile-container .standard-form-field .standard-form-field-wrapper .error-message-wrapper .password-rules-msg-wrapper img { width: 0.12rem; height: 0.12rem; margin: 0.04rem 0.02rem 0.04rem 0rem; flex-shrink: 0; }
@media (max-width: 768px) { .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-change-password-container .standard-form-field .standard-form-field-wrapper .error-message-wrapper .password-rules-msg-wrapper img, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-my-profile-container .standard-form-field .standard-form-field-wrapper .error-message-wrapper .password-rules-msg-wrapper img, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-change-password-container .standard-form-field .standard-form-field-wrapper .error-message-wrapper .password-rules-msg-wrapper img, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-my-profile-container .standard-form-field .standard-form-field-wrapper .error-message-wrapper .password-rules-msg-wrapper img { width: 0.236rem; height: 0.236rem; margin: 0.078rem 0.078rem 0.078rem 0rem; }
}
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-change-password-container .standard-form-field .standard-form-field-wrapper .error-message-wrapper .password-rules-msg-wrapper .error-message-text, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-my-profile-container .standard-form-field .standard-form-field-wrapper .error-message-wrapper .password-rules-msg-wrapper .error-message-text, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-change-password-container .standard-form-field .standard-form-field-wrapper .error-message-wrapper .password-rules-msg-wrapper .error-message-text, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-my-profile-container .standard-form-field .standard-form-field-wrapper .error-message-wrapper .password-rules-msg-wrapper .error-message-text { margin-left: 0.02rem; flex: 1 1 0%; }
@media (max-width: 768px) { .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-change-password-container .standard-form-field .standard-form-field-wrapper .error-message-wrapper .password-rules-msg-wrapper .error-message-text, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-my-profile-container .standard-form-field .standard-form-field-wrapper .error-message-wrapper .password-rules-msg-wrapper .error-message-text, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-change-password-container .standard-form-field .standard-form-field-wrapper .error-message-wrapper .password-rules-msg-wrapper .error-message-text, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-my-profile-container .standard-form-field .standard-form-field-wrapper .error-message-wrapper .password-rules-msg-wrapper .error-message-text { margin-left: 0.078rem; }
}
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-change-password-container .standard-form-field .standard-form-field-wrapper .standard-password-eye, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-my-profile-container .standard-form-field .standard-form-field-wrapper .standard-password-eye, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-change-password-container .standard-form-field .standard-form-field-wrapper .standard-password-eye, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-my-profile-container .standard-form-field .standard-form-field-wrapper .standard-password-eye { transform: translateY(-150%); top: 0.4rem; z-index: 1; }
@media (max-width: 768px) { .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-change-password-container .standard-form-field .standard-form-field-wrapper .standard-password-eye, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-my-profile-container .standard-form-field .standard-form-field-wrapper .standard-password-eye, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-change-password-container .standard-form-field .standard-form-field-wrapper .standard-password-eye, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-my-profile-container .standard-form-field .standard-form-field-wrapper .standard-password-eye { top: 0.85rem; }
}
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-change-password-container .standard-form-field.aff-link, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-my-profile-container .standard-form-field.aff-link, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-change-password-container .standard-form-field.aff-link, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-my-profile-container .standard-form-field.aff-link { align-items: start; }
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-change-password-container .aff-link, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-my-profile-container .aff-link, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-change-password-container .aff-link, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-my-profile-container .aff-link { align-items: start; }
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-change-password-container .standard-button-container, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-my-profile-container .standard-button-container, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-change-password-container .standard-button-container, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-my-profile-container .standard-button-container { display: grid; grid-template-columns: 25% 3.52rem auto; justify-content: unset; column-gap: 0.18rem; }
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-change-password-container .standard-button-container .standard-submit-button, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-my-profile-container .standard-button-container .standard-submit-button, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-change-password-container .standard-button-container .standard-submit-button, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-my-profile-container .standard-button-container .standard-submit-button { width: 100%; grid-area: 1 / 2; }
@media (max-width: 768px) { .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-change-password-container .standard-button-container .standard-submit-button, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-my-profile-container .standard-button-container .standard-submit-button, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-change-password-container .standard-button-container .standard-submit-button, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-my-profile-container .standard-button-container .standard-submit-button { grid-area: 1 / span 3; }
}
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-change-password-container .standard-button-container .standard-submit-button:disabled, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-my-profile-container .standard-button-container .standard-submit-button:disabled, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-change-password-container .standard-button-container .standard-submit-button:disabled, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-my-profile-container .standard-button-container .standard-submit-button:disabled { background: rgb(243, 245, 246); color: rgb(134, 151, 162); }
@media (max-width: 768px) { .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-change-password-container .standard-form-field.aff-domain, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-change-password-container .standard-form-field.aff-link, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-my-profile-container .standard-form-field.aff-domain, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-my-profile-container .standard-form-field.aff-link, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-change-password-container .standard-form-field.aff-domain, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-change-password-container .standard-form-field.aff-link, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-my-profile-container .standard-form-field.aff-domain, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-my-profile-container .standard-form-field.aff-link { grid-template-columns: 100%; } .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-change-password-container .standard-form-field.aff-domain label, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-change-password-container .standard-form-field.aff-link label, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-my-profile-container .standard-form-field.aff-domain label, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-my-profile-container .standard-form-field.aff-link label, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-change-password-container .standard-form-field.aff-domain label, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-change-password-container .standard-form-field.aff-link label, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-my-profile-container .standard-form-field.aff-domain label, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-my-profile-container .standard-form-field.aff-link label { font-family: Inter; color: rgb(15, 22, 31); }
}
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .profile-column .standard-form-field, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .profile-column .standard-form-field { margin: 0px 0px 0.5rem; }
@media (max-width: 768px) { .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .profile-column .standard-form-field .standard-input, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .profile-column .standard-form-field .standard-input { height: 100%; }
}
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .profile-column .standard-form-field .standard-input:disabled, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .profile-column .standard-form-field .standard-input:disabled { background: unset; border: unset; padding: 0px; color: rgb(15, 22, 31); height: auto; }
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .profile-column .standard-form-field label.standard-label, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .profile-column .standard-form-field label.standard-label { margin: 0px; }
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .profile-column .aff-profile-content .standard-label, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .profile-column .profile-input .standard-label, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .profile-column .aff-profile-content .standard-label, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .profile-column .profile-input .standard-label { color: rgb(15, 22, 31); }
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .profile-column .aff-profile-content .aff-profile-link, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .profile-column .profile-input .aff-profile-link, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .profile-column .aff-profile-content .aff-profile-link, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .profile-column .profile-input .aff-profile-link { margin: 0px 0px 0.4rem; }
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-guide-container, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-guide-container { color: rgb(136, 153, 164); }
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-error-container .standard-error-field, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-error-container .standard-error-field { grid-column: 1 / span 2; display: flex; align-items: center; justify-content: center; width: 100%; height: 0.4rem; border-radius: 0.08rem; background: rgb(247, 247, 247); color: rgb(15, 22, 31); margin: 0.11rem 0px 0px; }
@media (max-width: 768px) { .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-error-container .standard-error-field, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-error-container .standard-error-field { height: 0.68rem; }
}
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-error-container .standard-error-field:last-child, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-error-container .standard-error-field:last-child { margin: 0.11rem 0px 0.2rem; }
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-error-container .standard-error-field .notice-icon, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-error-container .standard-error-field .notice-icon { width: 0.26rem; height: 0.26rem; margin: 0px 0.13rem 0px 0px; }
@media (max-width: 768px) { .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-error-container .standard-error-field .notice-icon, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-error-container .standard-error-field .notice-icon { width: 0.35rem; height: 0.35rem; }
}
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-error-container .standard-error-field .notice-icon.remark-icon, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-error-container .standard-error-field .notice-icon.remark-icon { width: 0.16rem; height: 0.16rem; fill: rgb(197, 210, 216); }
@media (max-width: 768px) { .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-error-container .standard-error-field .notice-icon.remark-icon, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-error-container .standard-error-field .notice-icon.remark-icon { width: 0.32rem; height: 0.32rem; }
}
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-error-container .standard-error-field .notice-icon.success-icon, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-error-container .standard-error-field .notice-icon.success-icon { fill: rgb(76, 185, 87); }
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-error-container .standard-error-field .notice-icon.error-icon, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-error-container .standard-error-field .notice-icon.error-icon { fill: rgb(246, 0, 32); }
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-error-container .standard-error-field p, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-error-container .standard-error-field p { margin: 0px 0px 0px 0.05rem; }
@media (max-width: 768px) { .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail { padding: 7.69231vw 1.79487vw 0px; } .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab.tracking-content-section, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail.tracking-content-section { background: rgb(243, 245, 246); margin: 0px -0.2rem; padding: 7.69231vw 0px; } .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-change-password-container .standard-form-field, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-change-password-container .standard-form-field { display: flex; } .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-change-password-container .standard-form-field label, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-change-password-container .standard-form-field label { color: rgb(15, 22, 31); font-family: Inter; } .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-overview-container section.standard-tab-container, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-overview-container section.standard-tab-container { background: rgb(255, 255, 255); } .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-overview-container section.standard-tab-container .tab-header-container, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-overview-container section.standard-tab-container .tab-header-container { white-space: nowrap; } .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-overview-container section.standard-tab-container .tab-header-container .tab-header.active, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-overview-container section.standard-tab-container .tab-header-container .tab-header.active { background: rgba(0, 0, 0, 0); color: rgb(255, 138, 0); }
}
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .campaign-tab-container, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .campaign-tab-container { grid-column: 1 / span 2; }
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .campaign-tab-container .campaign-standard-tab, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .campaign-tab-container .campaign-standard-tab { display: flex; background: rgb(255, 255, 255); gap: 0.1rem; justify-content: space-between; padding: 0px 0px 0.3rem; }
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .campaign-tab-container .campaign-standard-tab .campaign-tab-header, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .campaign-tab-container .campaign-standard-tab .campaign-tab-header { line-height: 0.37rem; cursor: pointer; background: rgb(243, 245, 246); border-radius: 1rem; color: rgb(15, 22, 31); min-width: 2.5rem; text-align: center; margin: 0px; width: 100%; padding: 0.15rem; display: flex; align-items: center; justify-content: center; }
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .campaign-tab-container .campaign-standard-tab .campaign-tab-header span, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .campaign-tab-container .campaign-standard-tab .campaign-tab-header span { padding: 0px; }
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .campaign-tab-container .campaign-standard-tab .campaign-tab-header:hover, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .campaign-tab-container .campaign-standard-tab .campaign-tab-header.active, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .campaign-tab-container .campaign-standard-tab .campaign-tab-header:hover, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .campaign-tab-container .campaign-standard-tab .campaign-tab-header.active { background: rgb(255, 138, 0); color: rgb(255, 255, 255); }
@media (max-width: 768px) { .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .campaign-create .aff-content-warper .standard-form-framework .standard-form-container .campaign-date-label, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .campaign-create .aff-content-warper .standard-form-framework .standard-form-container .campaign-date-label { font-family: Inter; } .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .campaign-create .aff-content-warper .standard-form-framework .standard-form-container .standard-form-field .campaign-label, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .campaign-create .aff-content-warper .standard-form-framework .standard-form-container .standard-form-field .campaign-label { font-family: Inter; }
}
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .campaign-create .campaign-id-title, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .campaign-create .campaign-id-title { margin: 0px 0px 0.55rem; }
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .campaign-create .campaign-id-title span, .aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .campaign-create .campaign-id-title span { margin: 0px 0px 0px 0.24rem; }
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-button-container { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 0.18rem; }
@media (max-width: 768px) { .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-button-container { grid-template-columns: repeat(2, 1fr); }
}
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail { box-shadow: rgba(255, 255, 255, 0.49) 0px 0px 0.1rem 0.01rem; padding: 0.43rem 0.47rem; margin: 0px 0px 0.1rem; }
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-form-field { margin: 0px 0px 0.14rem; grid-template-columns: 70% 30%; }
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-button-container { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 0.12rem; }
.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-button-container .button-columns { position: relative; }
.aff-settings-container .standard-container-control .st-content .important-notice-container { display: grid; grid-template-columns: 70% 30%; column-gap: 0.08rem; }
.aff-settings-container .standard-container-control .st-content .important-notice-container .st-detail { grid-column: 1 / span 2; }
.aff-settings-container .standard-container-control .st-content .important-notice-container .transaction-note-section { background: rgb(255, 255, 255); border-radius: 0.08rem; }
.aff-settings-container .standard-container-control .st-content .important-notice-container .st-tab .deposit-wrapper .deposit-tab-container .deposit-tab-header { width: 100%; }
.aff-settings-container .standard-container-control .st-content .important-notice-container .st-tab .deposit-wrapper .standard-transaction-container .standard-form-container .standard-form-field .standard-form-field-wrapper .standard-select { width: 100%; }
.aff-settings-container .standard-container-control .st-content .important-notice-container .st-tab .deposit-wrapper .bank-transfer-container .transaction-form .bank-detail-field .important-notice-container { white-space: nowrap; width: 6%; margin: 0px; }
.aff-settings-container .standard-container-control .st-content .important-notice-container .st-tab .deposit-wrapper .bank-transfer-container .transaction-form .bank-detail-field .important-notice-container .important-notice-box { left: 0.2rem; }
.aff-settings-container .standard-container-control .st-content .important-notice-container .st-tab .withdrawal-wrapper .withdraw-tab-container .withdraw-tab-header { width: 100%; }
.aff-settings-container .standard-container-control .history-info-container { overflow-x: scroll; }
.aff-settings-container .standard-container-control .standard-setting-table-container { overflow-x: scroll; border: 0.01rem rgb(220, 220, 220); display: grid; gap: 0.2rem; scrollbar-width: thin !important; }
.aff-settings-container .standard-container-control .standard-setting-table-container::-webkit-scrollbar { width: 0.05rem; }
.aff-settings-container .standard-container-control .standard-setting-table-container::-webkit-scrollbar:horizontal { height: 0.08rem; }
.aff-settings-container .standard-container-control .standard-setting-table-container::-webkit-scrollbar-track { background: rgba(204, 204, 204, 0.3); }
.aff-settings-container .standard-container-control .standard-setting-table-container::-webkit-scrollbar-thumb { border-radius: 0.1rem; background: rgba(204, 204, 204, 0.5); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0.06rem inset; }
@media (max-width: 768px) { .aff-settings-container .standard-container-control .standard-setting-table-container .standard-setting-table td { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 2.5rem; }
}
@media (max-width: 1024px) { .aff-settings-container .standard-container-control .setting-table-container { overflow-x: scroll; border: 0.01rem rgb(220, 220, 220); display: grid; gap: 0.2rem; scrollbar-width: thin !important; } .aff-settings-container .standard-container-control .setting-table-container::-webkit-scrollbar { width: 0.05rem; } .aff-settings-container .standard-container-control .setting-table-container::-webkit-scrollbar:horizontal { height: 0.08rem; } .aff-settings-container .standard-container-control .setting-table-container::-webkit-scrollbar-track { background: rgba(204, 204, 204, 0.3); } .aff-settings-container .standard-container-control .setting-table-container::-webkit-scrollbar-thumb { border-radius: 0.1rem; background: rgba(204, 204, 204, 0.5); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0.06rem inset; }
}
@media (max-width: 1024px) and (max-width: 768px) { .aff-settings-container .standard-container-control .setting-table-container .standard-setting-table td { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 2.5rem; }
}
.aff-settings-container .standard-container-control .custom-without-transaction-button-btn button { display: flex; justify-content: center; align-items: center; height: 0.5rem; font-size: 0.14rem; width: 80%; border: 0px; border-radius: 0.05rem; font-weight: 600; background: rgb(182, 182, 182); margin: 0px auto 0px 0px; text-transform: capitalize; }
.aff-settings-container .standard-container-control .custom-without-transaction-button-btn button:hover { cursor: pointer; background: rgba(182, 182, 182, 0.8); }
.aff-settings-container .standard-container-control .custom-without-transaction-button-btn button:disabled { opacity: 0.3; background: rgb(182, 182, 182); }
.aff-settings-container .standard-container-control .custom-without-transaction-button-btn button svg { margin-right: 0.1rem; width: 0.16rem; height: 0.16rem; }
.aff-settings-container .standard-container-control .custom-without-transaction-button-btn button svg .st0 { fill: rgb(113, 144, 27) !important; }
.desktopReferralContainer { width: 11rem; margin: 0.24rem auto; background: rgb(234, 236, 237); border-radius: 0.1rem; padding: 0.2rem 0.3rem; display: flex; align-items: center; position: relative; }
.desktopReferralContainer .share-container .highlighted-text { background: rgb(153, 189, 254); padding: 0.2rem; border: 0.01rem dashed; margin-right: 0.2rem; color: rgb(255, 255, 255); position: relative; white-space: nowrap; }
.desktopReferralContainer .share-container .referral-btn { margin-left: 0.1rem; padding: 0.06rem 0.1rem; background: rgb(254, 254, 254); color: rgb(0, 0, 0); font-weight: bold; border-radius: unset; font-family: unset; }
.desktopReferralContainer .referral-container-icon { width: 0.55rem; fill: unset; }
.desktopReferralContainer .referral-close-logo { position: absolute; right: 2%; top: 10%; font-size: 0.25rem; cursor: pointer; }
.desktopReferralContainer .referral-subtitle { margin: 0px 0.1rem; font-weight: bold; }
.desktopReferralContainer .referral-subtitle .subtitle { color: rgb(0, 102, 208); }
.desktopReferralContainer .referral-subtitle p { margin-bottom: 0px; }
.desktopReferralContainer .referral-subtitle span { color: rgb(204, 204, 204); }
.desktopReferralContainer .arrow-up { width: 0px; height: 0px; border-left: 0.3rem solid rgba(0, 0, 0, 0); border-right: 0.3rem solid rgba(0, 0, 0, 0); border-bottom: 0.3rem solid rgb(255, 255, 255); position: absolute; left: 12%; bottom: 0%; }
.desktopReferralContainer .arrow-up::after { content: ""; width: 1.2rem; height: 0.5rem; position: absolute; left: -0.52rem; top: -0.3rem; }
.desktopReferralContainer .referral-dropdown { position: absolute; background-color: rgb(255, 255, 255); z-index: 1; width: 2rem; left: 10%; margin-top: 0.2rem; padding: 0.1rem; font-weight: 600; height: unset; overflow-y: scroll; }
.desktopReferralContainer .referral-dropdown .referral-copy { cursor: pointer; padding: 0.2rem; display: flex; border-bottom: 0.01rem solid rgb(245, 245, 245); align-items: center; color: unset; }
.desktopReferralContainer .referral-dropdown .referral-copy .referral-share-link { display: flex; align-items: center; width: 100%; text-align: left; padding: 0.05rem 0.1rem !important; }
.desktopReferralContainer .referral-dropdown .referral-share-link { width: 100%; text-align: left; display: flex; align-items: center; padding: 0.2rem !important; border-bottom: 0.01rem solid rgb(245, 245, 245) !important; }
.desktopReferralContainer .referral-dropdown .referral-share-link span { color: unset; }
.desktopReferralContainer .referral-dropdown .referral-icon { margin-right: 0.05rem; width: 0.24rem; height: 0.24rem; }
body:lang(id) .setting-table-container, body:lang(ms) .setting-table-container { overflow-x: scroll; border: 0.01rem rgb(220, 220, 220); display: grid; gap: 0.2rem; scrollbar-width: thin !important; }
body:lang(id) .setting-table-container::-webkit-scrollbar, body:lang(ms) .setting-table-container::-webkit-scrollbar { width: 0.05rem; }
body:lang(id) .setting-table-container::-webkit-scrollbar:horizontal, body:lang(ms) .setting-table-container::-webkit-scrollbar:horizontal { height: 0.08rem; }
body:lang(id) .setting-table-container::-webkit-scrollbar-track, body:lang(ms) .setting-table-container::-webkit-scrollbar-track { background: rgba(204, 204, 204, 0.3); }
body:lang(id) .setting-table-container::-webkit-scrollbar-thumb, body:lang(ms) .setting-table-container::-webkit-scrollbar-thumb { border-radius: 0.1rem; background: rgba(204, 204, 204, 0.5); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0.06rem inset; }
@media (max-width: 768px) { body:lang(id) .setting-table-container .standard-setting-table td, body:lang(ms) .setting-table-container .standard-setting-table td { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 2.5rem; }
}
.turnstile-container { margin-bottom: 0.16rem; width: -webkit-fill-available; display: flex; justify-content: center; }
.turnstile-widget-login-pop-up { transform: scale(1); }
.turnstile-widget-login { margin-top: 0.5rem; }
@media only screen and (max-width: 600px) { .turnstile-widget-login { transform: scale(0.9); } .turnstile-container { transform: scale(0.9); } .turnstile-widget-register { transform: scale(0.95); } .turnstile-widget-reset-password-v2 { order: 2; margin-top: 0.5rem; }
}
.seamless-freebet-confirmation-popup .header .standard-modal-title { font-size: 0.2rem; }
@media (max-width: 768px) { .seamless-freebet-confirmation-popup .header .standard-modal-title { font-size: 0.4096rem; }
}
.standard-menu-tab-container .standard-tab .tab-header.active { background: rgb(255, 138, 0); color: rgb(255, 255, 255); }
body.aff-portal .affiliate-route-background .history-container.standard-transaction-container table th { white-space: nowrap; }
.promo-detail-content li { list-style: auto !important; }
.promo-detail-content li::marker { color: inherit !important; }
@media screen and (max-width: 768px) { .promo-detail-content ol, .promo-detail-content ul { margin: 0px 0.6rem; }
}
.whatsapp-login-fields .standard-form-field-wrapper.whatsapp-login-wrapper { grid-template-columns: 33% 65%; }
@media screen and (min-width: 768px) and (max-width: 1030px) { .whatsapp-login-fields .standard-form-field-wrapper.whatsapp-login-wrapper { grid-template-columns: 42% 56%; }
}
@media screen and (min-width: 300px) and (max-width: 1030px) { .register-main-container .standard-m-form-col-full.phone-field #dropdownBtn { width: 60% !important; }
}
@media screen and (min-width: 1024px) { body.aff-portal .announcement-image-modal-container { max-width: 13.54rem; min-width: 13.54rem; min-height: 3.94rem; } body.aff-portal .modal-member-detail { width: 80% !important; }
}
.lucky-wheel-landing-container { padding: 1.5rem 0px 0.68rem; }
.lucky-wheel-landing-container.beta-cny { background: url("../../public/html/default_whitelabel/shared-image/lucky_wheel/beta-cny/background.jpg") 0% 0% / cover no-repeat; }
.lucky-wheel-landing-container.beta-cny .lucky-wheel-sponsorship-section { padding: 0.5rem 0px; background-color: rgb(86, 4, 10); }
.lucky-wheel-landing-container.beta-cny .container-row-1 .winner-content { width: 100%; }
.lucky-wheel-landing-container.beta-cny .container-row-1 .lucky-wheel-wrapper .spin-icon { top: 26%; left: 34%; width: 32%; }
@media (max-width: 768px) { .lucky-wheel-landing-container.beta-cny .container-row-1 .lucky-wheel-wrapper .spin-icon { top: 19%; left: 34%; width: 32%; }
}
@media (max-width: 768px) { .lucky-wheel-landing-container.beta-cny { padding: 0.5rem 0px 0px; }
}
@media (min-width: 769px) { .lucky-wheel-landing-container.beta-cny .container-row-1 .lucky-wheel-wrapper .icon-3 { position: absolute; width: calc(96%); animation: 15s ease 0s infinite normal none running iconFloater3; transition: 0.6s ease-in-out; z-index: 5; background-image: unset; background-attachment: unset; background-origin: unset; background-clip: unset; background-color: unset; background-repeat: no-repeat; background-position: center center; background-size: contain; padding: calc(12.8%); } @keyframes iconFloater3 { 0% { transform: translateY(0%); } 25% { transform: translateY(0.3rem); }
} .lucky-wheel-landing-container.beta-cny .container-row-1 .lucky-wheel-wrapper .icon-4 { position: absolute; width: calc(108%); animation: 15s ease 0s infinite normal none running iconFloater4; transition: 0.6s ease-in-out; z-index: 5; background-image: unset; background-attachment: unset; background-origin: unset; background-clip: unset; background-color: unset; background-repeat: no-repeat; background-position: center center; background-size: contain; padding: calc(14.4%); } @keyframes iconFloater4 { 0% { transform: translateY(0%); } 25% { transform: translateY(0.3rem); }
} .lucky-wheel-landing-container.beta-cny .container-row-1 .lucky-wheel-wrapper .icon-5 { position: absolute; width: calc(84%); animation: 15s ease 0s infinite normal none running iconFloater5; transition: 0.6s ease-in-out; z-index: 5; background-image: unset; background-attachment: unset; background-origin: unset; background-clip: unset; background-color: unset; background-repeat: no-repeat; background-position: center center; background-size: contain; padding: calc(11.2%); } @keyframes iconFloater5 { 0% { transform: translateY(0%); } 25% { transform: translateY(0.3rem); }
} .lucky-wheel-landing-container.beta-cny .container-row-1 .lucky-wheel-wrapper .icon-6 { position: absolute; width: calc(96%); animation: 15s ease 0s infinite normal none running iconFloater6; transition: 0.6s ease-in-out; z-index: 5; background-image: unset; background-attachment: unset; background-origin: unset; background-clip: unset; background-color: unset; background-repeat: no-repeat; background-position: center center; background-size: contain; padding: calc(12.8%); } @keyframes iconFloater6 { 0% { transform: translateY(0%); } 25% { transform: translateY(0.3rem); }
}
}
@media (min-width: 769px) { .lucky-wheel-landing-container.beta-cny .container-row-1 .lucky-wheel-wrapper .icon-3 { left: 4rem; bottom: -0.5rem; }
}
@media (min-width: 769px) { .lucky-wheel-landing-container.beta-cny .container-row-1 .lucky-wheel-wrapper .icon-4 { bottom: -2.5rem; left: -3.5rem; }
}
@media (min-width: 769px) { .lucky-wheel-landing-container.beta-cny .container-row-1 .lucky-wheel-wrapper .icon-5 { left: -3.5rem; top: 0.5rem; }
}
@media (min-width: 769px) { .lucky-wheel-landing-container.beta-cny .container-row-1 .lucky-wheel-wrapper .icon-6 { left: 4rem; bottom: 1rem; }
}
@media (min-width: 769px) { .lucky-wheel-landing-container.beta-cny .container-row-1 .lucky-wheel-wrapper .spin-container .lucky-wheel-btm-img { top: 0.65rem; }
}
@media (min-width: 769px) { .lucky-wheel-landing-container.beta-cny .container-row-1 .lucky-wheel-wrapper #spin { height: 100%; top: 2%; }
}
@media (max-width: 768px) { .lucky-wheel-landing-container.beta-cny .container-row-1 .lucky-wheel-wrapper #spin { top: 1%; }
}
@media (min-width: 769px) { .lucky-wheel-landing-container.beta-cny .container-row-1 .lucky-wheel-wrapper .spin-content { z-index: 0; }
}
@media (max-width: 768px) { .lucky-wheel-landing-container.beta-cny .container-row-1 .lucky-wheel-wrapper .inner-wheel { width: 80%; top: 0px; }
}
@media (max-width: 768px) { .lucky-wheel-landing-container.beta-cny .container-row-1 .winner-content { margin: 0.5rem 0px 0px; }
}
.lucky-wheel-landing-container.beta-cny .container-row-1 .winner-content .winner-detail-with-bg.beta-cny { padding: 0.8rem 0.6rem 0px; }
.lucky-wheel-landing-container.beta-cny .container-row-1 .winner-content .winner-detail-with-bg.beta-cny::before { content: ""; position: absolute; inset: -1rem -0.8rem -1.3rem; padding: 0.02rem; z-index: -1; background: url("../../public/html/default_whitelabel/shared-image/lucky_wheel/beta-cny/winner-bg.png") 0% 0% / 100% 100% no-repeat; }
@media (max-width: 768px) { .lucky-wheel-landing-container.beta-cny .container-row-1 .winner-content .winner-detail-with-bg.beta-cny { width: 100%; padding: 2.5rem 1.8rem 0px; } .lucky-wheel-landing-container.beta-cny .container-row-1 .winner-content .winner-detail-with-bg.beta-cny::before { content: ""; position: absolute; padding: 0.02rem; z-index: -1; background: url("../../public/html/default_whitelabel/shared-image/lucky_wheel/beta-cny/winner-bg.png") 0% 0% / 100% 100% no-repeat; inset: -0.5rem 0px; }
}
@media (min-width: 769px) { .lucky-wheel-landing-container.beta-cny .container-row-1 .lucky-wheel-wrapper .spin-content .spin-content-reminder-title { position: absolute; top: 1.2rem; }
}
@media (min-width: 769px) { .lucky-wheel-landing-container.beta-cny .container-row-1 .lucky-wheel-wrapper .spin-content .spin-content-btn { position: absolute; top: 0.8rem; }
}
@media (max-width: 768px) { .lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .prize-name-list > li { padding-bottom: 26%; }
}
.lucky-wheel-landing-container.beta-cny .container-row-1 .winner-content .winner-header { position: absolute; z-index: 1; font-size: 0.16rem; text-transform: uppercase; text-shadow: red -0.02rem -0.02rem 0px, red 0.02rem -0.02rem 0px, red -0.02rem 0.02rem 0px, red 0.02rem 0.02rem 0px, rgb(255, 26, 26) 0px 0px 0.1rem, rgb(255, 26, 26) 0px 0px 0.2rem, rgb(179, 0, 0) 0px 0px 0.4rem; top: 0.24rem; left: 50%; transform: translate(-50%, -50%); }
@media (max-width: 768px) { .lucky-wheel-landing-container.beta-cny .container-row-1 .winner-content .winner-header { top: 1.55rem; left: 50%; font-size: 0.25rem; }
}
.lucky-wheel-landing-container.beta-cny .container-row-1 .lucky-wheel-slider-container .prize-container > p { color: darkred; height: 0.36rem; padding: 0px 0.05rem; }
@media (max-width: 768px) { .lucky-wheel-landing-container.beta-cny .container-row-1 .lucky-wheel-slider-container .prize-container > p { height: 0.46rem; bottom: 0.3rem; }
}
@media (max-width: 768px) { .lucky-wheel-landing-container.beta-cny .container-row-1 .lucky-wheel-wrapper .spin-container .lucky-wheel-btm-img { top: -1.2rem; }
}
.lucky-wheel-landing-container.beta-cny .tnc-container .tnc-bg { width: 7.5rem; }
@media (max-width: 768px) { .lucky-wheel-landing-container.beta-cny .tnc-container .tnc-bg { width: 100%; }
}
@media (max-width: 768px) { .lucky-wheel-landing-container.beta-cny .container-row-1 .winner-content .winner-detail-with-bg table tbody { height: 6.5rem; }
}
.lucky-wheel-landing-container.beta-cny .container-row-1 .winner-content .winner-detail-with-bg table tbody tr td { font-size: 0.16rem; }
.lucky-wheel-landing-container.beta-cny .container-row-1 .lucky-wheel-wrapper .inner-wheel { width: 82%; }
.lucky-wheel-landing-container.beta-cny .container-row-1 .lucky-wheel-wrapper .firework-top { z-index: 1; position: absolute; left: 1.2rem; top: -0.8rem; height: 3.5rem; transform: scale(0.8); mix-blend-mode: screen; }
.lucky-wheel-landing-container.beta-cny .container-row-1 .lucky-wheel-wrapper .firework-right { z-index: 0; position: absolute; right: -5rem; bottom: 1rem; height: 3.5rem; transform: scale(0.8); mix-blend-mode: screen; }
.lucky-wheel-landing-container.beta-cny .container-row-1 .lucky-wheel-wrapper .firework-left { z-index: 1; position: absolute; left: -3rem; bottom: 0.5rem; height: 3.5rem; transform: scale(0.5); mix-blend-mode: color-dodge; }
.lucky-wheel-landing-container.beta-cny .container-row-1 .lucky-wheel-wrapper .firework-bottom { z-index: 0; position: absolute; left: 3rem; bottom: -1rem; height: 3.5rem; transform: scale(0.8); mix-blend-mode: color-dodge; }
.lucky-wheel-landing-container .container-row-1 .lucky-wheel-slider-container .prize-container .prize { right: unset; bottom: unset; margin: unset; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.lucky-wheel-landing-container .container-row-1 .lucky-wheel-slider-container .prize-container > p { bottom: 0.2rem; position: absolute; height: 0.46rem; left: 50%; transform: translateX(-50%); }
@media (max-width: 768px) { .lucky-wheel-landing-container .container-row-1 .lucky-wheel-slider-container .prize-container > p { bottom: 0.4rem; }
}
.standard-label.transaction-title { position: relative; width: fit-content; }
.standard-label .transaction-title-icon { fill: rgb(199, 210, 215); height: 1.2em; margin: 0px 0.1rem 0px 0px; width: 1.2em; position: absolute; right: -0.2rem; cursor: pointer; }
.standard-label.standard-mandatory .transaction-title-icon { fill: rgb(199, 210, 215); height: 1.2em; margin: 0px 0.1rem 0px 0px; width: 1.2em; position: absolute; right: -0.3rem; cursor: pointer; }
.deposit-tab-header .deposit-tab-header-right-content { display: flex; align-items: center; gap: 0.1rem; }
@media (max-width: 768px) { .standard-label.transaction-title { margin: 0px; } .standard-label .transaction-title-icon { right: -0.4rem; } .standard-label.standard-mandatory .transaction-title-icon { right: -0.5rem; }
}
.m-kyc-indicator-section section { padding: 0px 0.4rem !important; }
.driver-popover { z-index: 2147483645 !important; }
.text-atoms { text-overflow: ellipsis; margin: 0px; line-height: 1.5; }
.text-atoms.text-atoms-xs { font-size: 10px; }
.text-atoms.text-atoms-sm { font-size: 12px; }
.text-atoms.text-atoms-md { font-size: 14px; }
.text-atoms.text-atoms-lg { font-size: 16px; }
.text-atoms.text-atoms-xl, .text-atoms.text-atoms-title { font-size: 28px; }
.text-atoms.text-atoms-title { margin: 10px 0px 30px; }
@media (max-width: 768px) { .text-atoms.text-atoms-title { font-size: 26px; margin: 10px 0px 20px; line-height: 1.2; }
}
.text-atoms.text-atoms-dark { color: rgb(0, 0, 0); }
.text-atoms.text-atoms-danger { color: red; }
.text-atoms.text-atoms-danger-2 { color: rgb(255, 109, 92); margin-top: 2px; }
.text-atoms.text-atoms-light { color: rgb(255, 255, 255); }
.text-atoms.text-atoms-center { text-align: center; }
.text-atoms.text-atoms-bold { font-weight: 700; }
.text-atoms.text-atoms-underline { text-decoration: underline; }
.text-atoms.text-atoms-uppercase { text-transform: uppercase; }
.text-atoms.text-atoms-cursor-pointer { cursor: pointer; }
.text-atoms.text-atoms-mandatory::after { color: rgb(255, 35, 35); content: "*"; margin-left: 4px; padding: 0px 4px 0px 0px; }
a { text-decoration: none; }
.button-atoms { cursor: pointer; border-radius: 6px; padding: 0.025rem 0.1rem; }
.button-atoms.button-atoms-link { padding-left: 24px; padding-right: 24px; border: 1px solid rgb(231, 230, 230); }
.button-atoms.button-width-48 { width: 40%; }
.button-atoms.flex-row { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 8px 12px; }
.button-atoms:disabled { pointer-events: auto; cursor: not-allowed; opacity: 0.2 !important; }
.button-atoms.button-full-width { width: 100%; }
.image-wrapper { position: relative; display: inline-block; line-height: 0; }
.image-wrapper.image-full-width { width: 100%; }
.image-atoms { object-fit: cover; max-width: 100%; height: auto; transition: opacity 0.3s; }
@media (max-width: 768px) { .image-atoms { width: 100%; }
}
.image-atoms.image-atoms-small-icon { width: 20px; height: 20px; }
.image-atoms.image-atoms-medium-icon { width: 60px; height: 60px; }
.image-atoms.image-atoms-large-icon { width: 80px; height: 80px; }
@media (max-width: 768px) { .image-atoms.image-atoms-large-icon { width: 60px; height: 60px; }
}
.image-atoms.image-round-icon { border-radius: 50%; }
@media (max-width: 768px) { .image-atoms.image-mobile-hide { display: none; }
}
.image-atoms.image-contain { object-fit: contain; }
.image-atoms.image-cover { object-fit: cover; }
.input-text-field-atoms { width: 100%; display: flex; flex-flow: column wrap; position: relative; }
.input-text-field-atoms .input-atoms-label { display: flex; justify-content: space-between; align-items: end; flex-direction: row; text-transform: capitalize; min-height: 20px; }
.input-text-field-atoms .input-atoms-label .input-atoms-label { flex: 1 1 0%; }
.input-text-field-atoms .input-atoms-label .input-atoms-input { flex: 2 1 0%; }
.input-text-field-atoms .input-atoms-label .link-item { font-weight: 700; }
.input-text-field-atoms .input-atoms-input-container { display: flex; flex-flow: column wrap; width: 100%; margin-bottom: 10px; position: relative; }
.input-text-field-atoms .input-atoms-input-container .input-atoms-input-wrapper { position: relative; display: flex; flex-direction: row; align-items: center; }
.input-text-field-atoms .input-atoms-input-container .input-atoms-input-wrapper .eye-icon-wrapper { position: absolute; top: 50%; right: 0px; width: 40px; height: 10px; transform: translateY(-50%); aspect-ratio: 2 / 1; flex-shrink: 0; }
.input-text-field-atoms .input-atoms-input-container .input-atoms-input-wrapper .eye-icon { cursor: pointer; z-index: 2; object-fit: contain; fill: rgb(184, 184, 184); height: auto; }
.input-text-field-atoms .input-atoms-input-container .input-atoms-input-wrapper .copy-icon { position: absolute; top: 50%; right: 0px; width: 40px; transform: translateY(-50%); aspect-ratio: 2 / 1; flex-shrink: 0; cursor: pointer; z-index: 2; object-fit: contain; fill: rgb(184, 184, 184); height: auto; }
.input-text-field-atoms .input-atoms-input-container .input-atoms-input-wrapper .lock-icon { position: absolute; top: 50%; right: 0px; width: 40px; height: 10px; transform: translateY(-50%); aspect-ratio: 2 / 1; flex-shrink: 0; }
.input-text-field-atoms .input-atoms-input { width: 100%; border: 1px solid rgb(231, 230, 230); border-radius: 6px; color: rgb(0, 0, 0); height: 32px; padding: 0px 35px 0px 10px; transition: 0.2s; }
.input-text-field-atoms .input-atoms-input::placeholder { color: rgb(160, 174, 192); opacity: 1; }
.input-text-field-atoms .input-atoms-input:focus { outline: none; border: none; box-shadow: none; }
.input-text-field-atoms.input-atoms-half-width { width: 48%; }
.input-text-field-atoms.input-atoms-horizontal { display: flex; justify-content: space-between; flex-direction: row; align-items: center; margin-bottom: 15px; }
.input-text-field-atoms.input-atoms-horizontal .input-atoms-label { flex: 1 1 0%; margin-bottom: 0px; }
.input-text-field-atoms.input-atoms-horizontal .input-atoms-input { flex: 2 1 0%; }
.input-text-field-atoms.input-atoms-horizontal .input-atoms-label { align-self: flex-start; }
.input-text-field-atoms .input-atoms-text-area { height: 100%; }
.input-text-field-atoms .input-atoms-label-disable-input { opacity: 0.1; }
.input-text-field-atoms .input-atoms-disable-input { cursor: no-drop; opacity: 0.1; }
.input-text-field-atoms .input-atoms-readOnly-input { background: rgb(237, 237, 237); border: 1px solid rgb(220, 220, 220); }
.input-select-atoms { width: 100%; }
.input-select-atoms .input-atoms-label { display: flex; flex-direction: row; justify-content: space-between; align-items: end; }
.input-select-atoms .input-atoms-label .input-atoms-label { flex: 1 1 0%; }
.input-select-atoms .input-atoms-label .input-atoms-input { flex: 2 1 0%; }
.input-select-atoms .select-content-wrapper { margin-bottom: 10px; flex: 2.08 1 0%; display: flex; gap: 10px; }
.input-select-atoms .select-content-wrapper .add-button { background: rgb(159, 18, 57); color: rgb(255, 255, 255); padding-left: 16px; padding-right: 16px; font-size: 20px; border: none; }
.input-select-atoms .select-content-wrapper select { appearance: none; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%228%22%20viewBox%3D%220%200%2014%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0.125%201.54844C0.187425%201.83572%200.3723%202.04197%200.583585%202.24086C2.47075%204.04555%204.36031%205.85025%206.24748%207.65494C6.32671%207.73597%206.41554%207.80718%206.51398%207.86611C6.91975%208.09446%207.37113%208.02816%207.72407%207.68686C9.66886%205.82815%2011.6112%203.96698%2013.556%202.10827C13.6065%202.05916%2013.6521%202.0076%2013.6953%201.95358C14.0722%201.47233%2013.8273%200.735715%2013.2295%200.551563C12.8189%200.426339%2012.4756%200.536831%2012.1779%200.821653C10.49%202.43483%208.80451%204.05046%207.12143%205.6661C7.08541%205.70047%207.06621%205.75449%207.0398%205.80114C6.97977%205.75694%206.92695%205.71029%206.87893%205.65627C5.20785%204.05537%203.53678%202.45447%201.8657%200.856028C1.80568%200.7971%201.74085%200.743081%201.67603%200.691519C1.50556%200.566295%201.29667%200.5%201.08299%200.5C0.869301%200.5%200.660416%200.571206%200.492349%200.698885C0.288266%200.853573%200.187425%201.05982%200.125%201.29308V1.54844Z%22%20fill%3D%22%23898787%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat, repeat; background-position: right 0.7em top 50%; background-size: 1em; }
.input-select-atoms .input-atoms-input { width: 100%; border: 1px solid rgb(231, 230, 230); border-radius: 6px; color: rgb(0, 0, 0); height: 32px; padding: 0px 10px; }
.input-select-atoms .input-atoms-input::placeholder { color: rgb(160, 174, 192); opacity: 1; }
@media (max-width: 768px) { .input-select-atoms .input-atoms-input { display: flex; }
}
.input-select-atoms .input-atoms-input:focus { outline: none; border: none; box-shadow: none; }
.input-select-atoms.input-atoms-half-width { width: 48%; }
.input-select-atoms.input-atoms-horizontal { display: flex; justify-content: space-between; flex-direction: row; align-items: center; margin-bottom: 15px; }
.input-select-atoms.input-atoms-horizontal .input-atoms-label { flex: 1 1 0%; margin-bottom: 0px; }
.input-select-atoms.input-atoms-horizontal .input-atoms-input { flex: 2 1 0%; }
.bank-list-wrapper .bank-list-container { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); overflow: auto; max-height: 180px; margin-bottom: 12px; }
.bank-list-wrapper .bank-list-container .bank-container { text-align: center; border: 1px solid rgba(255, 255, 255, 0.1); padding: 12px 0px; min-height: 90px; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: 0.2s; }
.bank-list-wrapper .bank-list-container .bank-container .bank-icon-wrapper { width: 40px; height: 40px; margin: 0px auto 8px; flex-shrink: 0; }
.bank-list-wrapper .bank-list-container .bank-container .bank-icon-wrapper .bank-icon { width: 100%; height: 100%; object-fit: contain; transition: transform 0.2s; }
.bank-list-wrapper .bank-list-container .bank-container.selected-bank-container { background: linear-gradient(45deg, rgb(173, 131, 51), rgb(252, 212, 135) 50%, rgb(173, 131, 51)); }
.bank-list-wrapper .bank-list-container .bank-container.selected-bank-container .bank-icon { transform: scale(1.05); }
.bank-list-wrapper .bank-list-container::-webkit-scrollbar { display: none; }
.bank-list-wrapper .select-bank-text-container { padding-bottom: 12px; text-align: center; min-height: 24px; }
@media (max-width: 768px) { .bank-list-wrapper .bank-list-container { grid-template-columns: repeat(3, minmax(0px, 1fr)); } .bank-list-wrapper .bank-list-container .bank-container { min-height: 80px; padding: 8px 0px; } .bank-list-wrapper .bank-list-container .bank-container .bank-icon-wrapper { width: 36px; height: 36px; }
} body .wy789-main-container { font-family: Prompt, sans-serif; padding: 0px; overflow: hidden; scroll-behavior: smooth; max-width: 1920px; margin: 0px auto; }
body .wy789-main-container :focus { outline: none; box-shadow: none; }
body .button-primary { display: flex; align-items: center; justify-content: center; background: linear-gradient(0deg, rgb(80, 34, 152), rgb(142, 126, 215)); border-radius: 8px; border: 0.25px solid transparent; height: 40px; width: 116px; gap: 10px; }
body .button-primary.large { justify-content: flex-start; height: 70px; padding: 8px 12px; }
body .button-primary:hover { opacity: 0.8; border: 1.25px solid rgb(142, 126, 215); }
body .button-primary .multiple-items { display: flex; align-items: center; gap: 10px; }
body .button-primary .multiple-items .multiple-contents { display: flex; flex-direction: column; align-items: flex-start; }
body .button-secondary { display: flex; align-items: center; background: rgb(228, 140, 51); border-radius: 8px; height: 40px; }
body .button-secondary:hover { opacity: 0.8; }
body .button-logout { display: flex; align-items: center; background: linear-gradient(rgb(255, 46, 46), rgb(118, 0, 0)); border-radius: 8px; border: 1px solid rgb(255, 46, 46); }
body .button-logout:hover { opacity: 0.8; }
body .button-forget-password { background: transparent; border: 1px solid rgb(252, 212, 135); color: rgb(252, 212, 135); cursor: pointer; border-radius: 25px; margin: 0px auto; padding: 5px 12px; }
body .button-img { width: auto; height: 100%; object-fit: contain; }
body .link-text { color: rgb(192, 160, 99) !important; }
body .title-text { color: rgb(231, 194, 69) !important; }
body .forgot-password-text { color: rgb(252, 212, 135); }
body .navbar-img { max-width: 28px; width: 100%; height: auto; }
body .text-atoms { font-family: Prompt, sans-serif; }
.datepicker-atom-wrapper { display: block; width: 100%; position: relative; margin-bottom: 10px; }
.datepicker-atom-wrapper .datepicker-clear-icon { position: absolute; top: 0px; right: 10px; width: 20px; cursor: pointer; }
.datepicker-atom-wrapper .datepicker-atom-input { padding: 7px 12px; width: 100%; border: 1px solid rgb(204, 204, 204); border-radius: 6px; font-size: 14px; background: rgb(255, 255, 255); color: rgb(51, 51, 51); }
.datepicker-atom-wrapper .react-datepicker-wrapper { width: 100%; }
.custom-datepicker-popper { z-index: 1000; }
.custom-datepicker-popper .react-datepicker { font-family: inherit; color: rgb(0, 0, 0); border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 10px; font-size: 12px; display: flex; width: auto; }
.custom-datepicker-popper .react-datepicker .react-datepicker__month-container { width: 280px; position: relative; }
.custom-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__navigation { position: absolute; top: 12px; width: 24px; height: 24px; padding: 0px; border: 6px solid transparent; cursor: pointer; text-indent: -999em; overflow: hidden; background: none; z-index: 1; }
.custom-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header { padding: 6px 0px 4px; border-radius: 0px; }
.custom-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__current-month { color: rgb(0, 0, 0); font-size: 14px; padding: 0px; margin: 0px 0px 8px; line-height: 1.2; }
.custom-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__day-names .react-datepicker__day-name { color: rgb(0, 0, 0); width: 40px; height: 30px; text-align: center; font-size: 13px; font-weight: 400; margin: 0px; line-height: unset; }
.custom-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month { margin: 0px; }
.custom-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week { display: flex; justify-content: space-between; }
.custom-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .react-datepicker__day { color: rgb(0, 0, 0); font-size: 12px; width: 36px; height: 36px; line-height: 36px; margin: 2px 0px; text-align: center; border-radius: 4px; }
.custom-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .react-datepicker__day--range-start, .custom-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .react-datepicker__day--in-range, .custom-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .react-datepicker__day--in-selecting-range, .custom-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .react-datepicker__day--range-end { background-color: transparent; color: rgb(0, 0, 0); }
.custom-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .react-datepicker__day--selected, .custom-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .react-datepicker__day--keyboard-selected { background-color: rgb(228, 140, 51); color: rgb(0, 0, 0); }
.custom-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .react-datepicker__day:hover { background-color: rgb(228, 140, 51); }
.custom-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .react-datepicker__day.react-datepicker__day--disabled { color: rgb(204, 204, 204); }
.custom-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .react-datepicker__day.react-datepicker__day--disabled:hover { background-color: transparent; }
.custom-datepicker-popper .react-datepicker .react-datepicker__navigation--previous { border-width: 0.45em; border-style: solid; border-color: transparent rgb(204, 204, 204) transparent transparent; border-image: initial; }
.custom-datepicker-popper .react-datepicker .react-datepicker__navigation--next { border-width: 0.45em; border-style: solid; border-color: transparent transparent transparent rgb(204, 204, 204); border-image: initial; }
@media (max-width: 768px) { .custom-datepicker-popper .react-datepicker .react-datepicker__navigation--previous { border-width: 0.1rem; border-style: solid; border-color: transparent rgb(204, 204, 204) transparent transparent; border-image: initial; top: 0.1rem !important; } .custom-datepicker-popper .react-datepicker .react-datepicker__navigation--next { border-width: 0.1rem; border-style: solid; border-color: transparent transparent transparent rgb(204, 204, 204); border-image: initial; top: 0.1rem !important; } .datepicker-atom-wrapper .datepicker-atom-input { height: 50px; }
}
.date-range-molecule { display: flex; gap: 20px; width: 100%; }
.date-range-molecule .date-range-group { display: flex; flex-direction: column; width: 100%; }
.date-range-molecule .date-range-group .date-range-label { color: rgb(255, 255, 255); font-size: 14px; }
.standard-share-popup-modal-container { margin: 1.2rem auto 1rem; width: 420px; position: relative; }
.standard-share-popup-modal-container.enter { animation: 0.3s ease-out 0s 1 normal forwards running scaleDownFadeIn; }
.standard-share-popup-modal-container.exit { animation: 0.3s ease-in 0s 1 normal forwards running scaleUpFadeOut; }
@media (max-width: 450px) { .standard-share-popup-modal-container { width: 95% !important; }
}
.standard-share-popup-modal-container .standard-popup-close-btn-container { position: absolute; right: 10px; top: 10px; z-index: 1; }
.standard-share-popup-modal-container .standard-popup-close-btn-container .standard-popup-close-btn { background: transparent; border: none; padding: 0px; }
.standard-share-popup-modal-container .standard-popup-close-btn-container .standard-popup-close-btn .cross-icon { fill: rgb(235, 78, 61); width: 15px; height: 15px; }
.standard-popup-overlay { position: fixed; inset: 0px; background: rgba(0, 0, 0, 0.6); z-index: 9999; }
.standard-popup-overlay.enter { animation: 0.3s ease-out 0s 1 normal forwards running scaleDownFadeIn; }
.standard-popup-overlay.exit { animation: 0.3s ease-in 0s 1 normal forwards running scaleUpFadeOut; }
.standard-popup-overlay .popup-content-wrapper { background: linear-gradient(145deg, rgb(58, 19, 116), rgb(39, 3, 67)); border-radius: 10px; border: 2px solid rgb(87, 77, 131); padding: 20px; }
.standard-popup-overlay .popup-content-wrapper .popup-modal-header { display: flex; align-items: center; justify-content: center; font-weight: 700; margin: 10px 0px; font-size: 20px; text-align: center; color: rgb(255, 255, 255); }
.standard-popup-overlay .popup-content-wrapper .popup-modal-header .standard-modal-close { cursor: pointer; }
.standard-popup-overlay .popup-button-container { display: flex; gap: 12px; }
@keyframes scaleDownFadeIn { 0% { transform: scale(1.1); opacity: 0; } 100% { transform: scale(1); opacity: 1; }
}
@keyframes scaleUpFadeOut { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(1.1); opacity: 0; }
} body { margin: 0px; }
body .oa-main-container { background-color: rgb(255, 255, 255); min-height: 80vh; font-family: "Noto Sans"; }
@media (max-width: 768px) { body .oa-main-container { min-height: 90vh; }
}
body .oa-main-container.oa-main-container-bg { background-color: rgb(245, 245, 245); }
body .oa-main-container .small-loading svg { fill: rgb(255, 208, 0); }
body .oa-main-container .oa-main-content { min-height: 70vh; max-width: 1100px; margin: auto; }
@media (max-width: 768px) { body .oa-main-container .oa-main-content { width: 100%; height: 85vh; position: relative; margin: auto; overflow: hidden auto; } body .oa-main-container .oa-main-content .oa-main-content-page { padding: 20px; width: 100%; min-height: 50vh; }
}
@media (min-width: 768px) and (max-width: 1100px) { body .oa-main-container .oa-main-content { margin: 0px 20px; }
}
.contact-popup-content-wrapper { display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 165px; }
.contact-popup-content-wrapper .brand-icon { width: 75px; height: 75px; object-fit: contain; }
.contact-popup-content-wrapper .contact-wrapper { display: flex; flex-direction: column; gap: 10px; overflow: auto; max-height: 50vh; width: 100%; margin: 24px 0px 0px; }
.contact-popup-content-wrapper .contact-wrapper .contact-button { width: 100%; min-height: 63px; padding: 8px; display: flex; align-items: center; gap: 12px; border-radius: 8px; background: linear-gradient(0deg, rgb(80, 34, 152), rgb(142, 126, 215)); border: 0.25px solid transparent; color: rgb(255, 255, 255); font-size: 14px; transition: 0.2s; text-align: left; }
.contact-popup-content-wrapper .contact-wrapper .contact-button .contact-container { display: flex; align-items: center; gap: 12px; width: 100%; }
.contact-popup-content-wrapper .contact-wrapper .contact-button .contact-container .contact-icon { width: 44px; height: 44px; }
.contact-popup-content-wrapper .contact-wrapper .contact-button:hover { transform: scale(1.01); }
.contact-popup-content-wrapper .contact-wrapper::-webkit-scrollbar { display: none; }
.profile-popup-content-wrapper .profile-title { font-size: 20px; text-align: center; }
.profile-popup-content-wrapper .profile-popup-content-container { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; margin: 0px 0px 15px; }
.profile-popup-content-wrapper .profile-popup-content-container .profile-icon { filter: invert(98%) sepia(100%) saturate(0) hue-rotate(300deg) brightness(102%) contrast(103%); opacity: 0.2; }
@media (max-width: 768px) { .profile-popup-content-wrapper .profile-popup-content-container .profile-icon { width: 64px; height: 64px; }
}
.profile-popup-content-wrapper .profile-popup-content-container .account-details-container { display: flex; justify-content: center; align-items: center; }
.profile-popup-content-wrapper .profile-popup-content-container .account-details-container .username-text { margin: 0px 5px 0px 0px; }
.profile-popup-content-wrapper .profile-popup-content-container .account-details-container .copy-icon { width: 16px; height: 16px; fill: rgb(255, 255, 255); cursor: pointer; margin: 0px 0px 0px 5px; }
.profile-popup-content-wrapper .profile-popup-content-container .bank-account-section { display: flex; align-items: center; width: 100%; gap: 10px; background: rgba(94, 80, 160, 0.86); border: 1px solid rgb(142, 126, 215); border-radius: 5px; padding: 15px; margin: 15px 0px; text-align: justify; }
.profile-popup-content-wrapper .profile-popup-content-container .bank-account-section .bank-icon { border-radius: 5px; border: 1px solid rgb(255, 255, 255); width: 40px; height: 40px; }
.contact-us-wording-container { display: flex; gap: 5px; margin: 20px 0px 0px; justify-content: center; }
.contact-us-wording-container .contact-us-text { color: rgb(192, 160, 99); }
.change-password-wrapper .change-password-title { font-size: 20px; text-align: center; }
.change-password-wrapper .change-password-field-container { margin: 10px auto; }
.pagination-molecules { display: flex; justify-content: center; align-items: center; padding: 12px 16px; gap: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; position: sticky; bottom: 0px; z-index: 2; flex-shrink: 0; font-family: Kanit, sans-serif; }
.pagination-molecules .pagination-info { font-size: 14px; margin: 0px 8px; white-space: nowrap; }
.pagination-molecules .pagination-controls { display: flex; gap: 8px; align-items: center; }
.pagination-molecules .pagination-button { padding: 6px 10px; background: transparent; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 4px; min-width: 32px; height: 32px; transition: 0.3s; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 14px; }
.pagination-molecules .pagination-button:hover:not(:disabled) { background: rgba(201, 114, 27, 0.1); }
.pagination-molecules .pagination-button:disabled { cursor: not-allowed; border-color: rgb(122, 92, 147); opacity: 0.5 !important; }
.pagination-molecules .pagination-button.pagination-page.active { border-color: rgb(228, 140, 51); }
.pagination-molecules .pagination-button.pagination-page.active .text-atoms { color: rgb(228, 140, 51); }
.pagination-molecules .pagination-button.pagination-first, .pagination-molecules .pagination-button.pagination-last, .pagination-molecules .pagination-button.pagination-prev, .pagination-molecules .pagination-button.pagination-next { background: transparent; border-color: rgb(122, 92, 147); }
.pagination-molecules .pagination-button.pagination-first:hover:not(:disabled), .pagination-molecules .pagination-button.pagination-last:hover:not(:disabled), .pagination-molecules .pagination-button.pagination-prev:hover:not(:disabled), .pagination-molecules .pagination-button.pagination-next:hover:not(:disabled) { background: rgba(201, 114, 27, 0.1); }
@media (max-width: 600px) { .pagination-molecules { padding: 8px 12px; gap: 6px; justify-content: center; } .pagination-molecules .pagination-info { font-size: 12px; margin: 0px 6px; } .pagination-molecules .button-atoms { padding: 4px 8px; min-width: 28px; height: 28px; font-size: 12px; }
}
.standard-share-setting-table-container { width: 100%; margin: 10px auto; font-family: Arial, sans-serif; background-color: rgb(39, 3, 67); border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 8px; position: relative; }
.standard-share-setting-table-container .table-scroll-container { max-height: 40vh; overflow-y: auto; border-radius: 10px; position: relative; scrollbar-width: thin; }
.standard-share-setting-table-container .table-scroll-container::-webkit-scrollbar { display: none; }
.standard-share-setting-table-container table { width: 100%; border-collapse: collapse; table-layout: auto; }
.standard-share-setting-table-container table .summary-row { position: sticky; bottom: 0px; z-index: 2; box-shadow: rgba(0, 0, 0, 0.3) 0px -2px 10px; }
.standard-share-setting-table-container table .summary-row::after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgb(39, 3, 67); z-index: -1; }
.standard-share-setting-table-container table .summary-row td { font-weight: 700; padding: 12px 15px; background-color: rgba(201, 114, 27, 0.3); }
.standard-share-setting-table-container table .summary-row td:first-child { color: rgb(228, 140, 51); }
.standard-share-setting-table-container table th, .standard-share-setting-table-container table td { padding: 16px 24px; text-align: center; border-bottom: 1px solid rgba(255, 255, 255, 0.2); font-size: 14px; color: rgb(255, 255, 255); }
.standard-share-setting-table-container table th div, .standard-share-setting-table-container table td div { white-space: nowrap; }
.standard-share-setting-table-container table th { background-color: rgb(58, 19, 116); font-weight: 700; position: sticky; top: 0px; }
.standard-share-setting-table-container table tr:nth-child(2n) { background-color: rgba(255, 255, 255, 0.05); }
.standard-share-setting-table-container table tr:nth-child(2n+1) { background-color: rgb(39, 3, 67); }
.standard-share-setting-table-container table tr:hover { background-color: rgba(201, 114, 27, 0.1); }
.standard-share-setting-table-container table tr:last-child td { border-bottom: none; }
.standard-share-setting-table-container table .status-completed, .standard-share-setting-table-container table .text-atoms-positive { color: rgb(79, 228, 90); }
.standard-share-setting-table-container table .status-rejected, .standard-share-setting-table-container table .text-atoms-negative { color: rgb(255, 90, 90); }
.standard-share-setting-table-container .loading-spinner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 40px; height: 40px; border-width: 4px; border-style: solid; border-color: rgb(142, 126, 215) rgba(255, 255, 255, 0.2) rgba(255, 255, 255, 0.2); border-image: initial; border-radius: 50%; animation: 1s linear 0s infinite normal none running spin; }
@keyframes spin { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); }
}
.quick-date-options-molecule { display: flex; flex-direction: column; gap: 12px; margin-bottom: 20px; }
.quick-date-options-molecule .quick-date-btn-header { color: rgb(255, 255, 255); }
.quick-date-options-molecule .quick-date-buttons-container { display: flex; gap: 12px; }
.quick-date-options-molecule .quick-date-btn { padding: 4px 10px; border: 1px solid rgba(255, 255, 255, 0.2); background: transparent; color: rgb(170, 170, 170); border-radius: 6px; transition: 0.3s; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.quick-date-options-molecule .quick-date-btn.active { border-color: rgb(228, 140, 51); color: rgb(228, 140, 51); }
.quick-date-options-molecule .quick-date-btn:disabled { opacity: 0.5; cursor: not-allowed; }
.control-panel-wrapper { border-radius: 8px; color: rgb(255, 255, 255); }
.control-panel-wrapper .search-controls { display: flex; gap: 20px; align-items: flex-end; margin-right: 25%; width: 100%; }
.control-panel-wrapper .search-controls .search-button { flex: 0 0 30%; background: rgb(228, 140, 51); color: rgb(255, 255, 255); border: none; border-radius: 4px; cursor: pointer; font-size: 14px; transition: background 0.2s; display: flex; align-items: center; justify-content: center; gap: 10px; height: 50px; margin-bottom: 8px; }
.control-panel-wrapper .search-controls .search-button svg { width: 16px; height: 16px; }
.control-panel-wrapper .search-controls .search-button:hover { background: rgb(201, 114, 27); }
.control-panel-wrapper .search-controls .search-button:disabled { background: rgb(153, 153, 153); cursor: not-allowed; }
@media (max-width: 768px) { .control-panel-wrapper .search-controls { display: grid; grid-template-columns: auto auto; gap: 10px; } .control-panel-wrapper .search-button { grid-column: span 2; height: 54px; } .control-panel-wrapper .search-button svg { width: 20px; height: 20px; }
}
.betting-history-popup { width: 65%; max-width: 1200px; background: linear-gradient(108.78deg, rgb(58, 19, 116) 0%, rgb(39, 3, 67) 100%); border: 1px solid rgb(87, 77, 131); border-radius: 12px; box-shadow: rgba(136, 136, 136, 0.2) 0px 1px 10px; max-height: 80vh; }
.betting-history-popup::-webkit-scrollbar { display: none; }
.betting-history-popup .popup-content-wrapper { padding: 0px; color: rgb(255, 255, 255); font-family: Prompt, sans-serif; }
.betting-history-popup .popup-header { display: flex; justify-content: center; align-items: center; padding: 10px; }
.betting-history-popup .popup-header .popup-title { font-size: 22px; font-weight: 700; letter-spacing: 1px; }
.betting-history-popup .popup-content { padding: 10px 20px; display: flex; flex-direction: column; gap: 5px; }
.betting-history-popup .customer-service-wrapper { display: flex; justify-content: center; gap: 1%; }
@media (max-width: 600px) { .betting-history-popup { width: 90% !important; min-width: auto; } .betting-history-popup .popup-header .popup-title { font-size: 18px; } .betting-history-popup .popup-content { padding: 15px; }
}
.table-popup-container { width: 610px; display: flex; flex-direction: column; }
.table-popup-container .standard-share-popup-modal-container { width: fit-content; max-width: 95vw; padding: 0px; margin: 20px auto; display: flex; flex-direction: column; }
.table-popup-container .standard-share-popup-modal-container .popup-content-wrapper { width: fit-content; padding: 0px; display: flex; flex-direction: column; }
.table-popup-container .table-popup-content { width: 100%; max-width: 800px; padding: 20px; font-family: Kanit, sans-serif; color: rgb(255, 255, 255); border-radius: 12px; box-sizing: border-box; min-height: 72vh; display: flex; flex-direction: column; }
.table-popup-container .table-popup-content .popup-header { margin-bottom: 16px; text-align: center; flex-shrink: 0; }
.table-popup-container .table-popup-content .popup-header .popup-title { color: rgb(255, 255, 255); font-size: 20px; margin: 0px; font-weight: 600; }
.table-popup-container .table-popup-content .tab-switcher { display: flex; width: 50%; gap: 1.5%; flex-shrink: 0; margin: 0px auto; }
.table-popup-container .table-popup-content .tab-switcher .tab-button { flex: 1 1 0%; padding: 8px 0px; height: 36px; background: rgb(228, 140, 51); color: rgb(166, 141, 191); font-weight: 700; cursor: pointer; transition: 0.3s; opacity: 0.5; border: none; border-radius: 6px 6px 0px 0px; display: flex; align-items: center; justify-content: center; line-height: 1; }
.table-popup-container .table-popup-content .tab-switcher .tab-button.active { color: rgb(255, 255, 255); opacity: 1; background: rgb(201, 114, 27); }
.table-popup-container .table-popup-content .tab-switcher .tab-button .text-atoms { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.table-popup-container .table-popup-content .table-container { background: rgb(39, 3, 67); border-radius: 8px; margin-bottom: 16px; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 8px; max-height: 400px; display: flex; flex-direction: column; flex: 1 1 0%; min-height: 200px; }
.table-popup-container .table-popup-content .table-container .data-table-wrapper { overflow-y: auto; flex: 1 1 0%; position: relative; }
.table-popup-container .table-popup-content .table-container .data-table-wrapper .data-table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.table-popup-container .table-popup-content .table-container .data-table-wrapper .data-table thead { background: rgb(42, 15, 69); position: sticky; top: 0px; z-index: 2; }
.table-popup-container .table-popup-content .table-container .data-table-wrapper .data-table thead th { padding: 12px 8px; text-align: center; font-weight: 700; border-bottom: 2px solid rgba(255, 255, 255, 0.1); }
.table-popup-container .table-popup-content .table-container .data-table-wrapper .data-table tbody tr:nth-child(2n) { background: rgba(255, 255, 255, 0.05); }
.table-popup-container .table-popup-content .table-container .data-table-wrapper .data-table tbody tr:hover { background: rgba(255, 204, 102, 0.1); }
.table-popup-container .table-popup-content .table-container .data-table-wrapper .data-table tbody tr td { padding: 10px 8px; text-align: center; border-bottom: 1px solid rgba(255, 255, 255, 0.1); word-break: break-word; }
.table-popup-container .table-popup-content .table-container .data-table-wrapper .data-table tbody tr td.no-data { text-align: center; padding: 40px 0px; color: rgba(255, 255, 255, 0.5); }
.table-popup-container .table-popup-content .table-container .data-table-wrapper .data-table tbody tr td.win { color: rgb(76, 175, 80); font-weight: 700; }
.table-popup-container .table-popup-content .table-container .data-table-wrapper .data-table tbody tr td.lose { color: rgb(244, 67, 54); font-weight: 700; }
.table-popup-container .table-popup-content .table-container .table-pagination { display: flex; justify-content: flex-end; align-items: center; padding: 12px 16px; gap: 8px; background: rgb(39, 3, 67); border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; position: sticky; bottom: 0px; z-index: 2; flex-shrink: 0; }
.table-popup-container .table-popup-content .table-container .table-pagination .pagination-button { padding: 6px 10px; background: rgb(58, 26, 92); border: 1px solid rgb(192, 160, 99); border-radius: 4px; color: rgb(255, 255, 255); font-weight: 700; min-width: 32px; transition: 0.3s; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.table-popup-container .table-popup-content .table-container .table-pagination .pagination-button:hover:not(:disabled) { background: rgb(74, 42, 108); }
.table-popup-container .table-popup-content .table-container .table-pagination .pagination-button:disabled { opacity: 0.5; cursor: not-allowed; border-color: rgb(122, 92, 147); }
.table-popup-container .table-popup-content .table-container .table-pagination .page-info { color: rgb(255, 255, 255); font-size: 14px; margin: 0px 8px; white-space: nowrap; }
.table-popup-container .table-popup-content .footer-note { text-align: center; color: rgba(255, 255, 255, 0.7); font-size: 0.9rem; padding-top: 16px; border-top: 1px solid rgba(255, 255, 255, 0.1); flex-shrink: 0; }
@media (max-width: 768px) { .table-popup-container { width: 100%; } .table-popup-container .standard-share-popup-modal-container { max-width: 100%; margin: 0px; height: 100vh; border-radius: 0px; width: 100% !important; } .table-popup-container .table-popup-content { width: 100%; height: 100%; border-radius: 0px; padding: 12px; min-height: auto; } .table-popup-container .table-popup-content .tab-switcher { width: 80%; } .table-popup-container .table-popup-content .tab-switcher .tab-button { padding: 6px 0px; font-size: 0.9rem; height: 32px; } .table-popup-container .table-popup-content .table-container { max-height: none; height: auto; flex: 1 1 0%; min-height: auto; } .table-popup-container .table-popup-content .table-container .data-table-wrapper { overflow-y: visible; } .table-popup-container .table-popup-content .table-container .table-pagination { padding: 8px 12px; gap: 6px; } .table-popup-container .table-popup-content .table-container .table-pagination .pagination-button { padding: 4px 8px; min-width: 28px; font-size: 0.8rem; } .table-popup-container .table-popup-content .table-container .table-pagination .page-info { font-size: 12px; margin: 0px 6px; }
}
.register-wrapper .register-title { font-size: 20px; text-align: center; }
.register-wrapper .steps-title-container { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); padding: 0px 0px 7px; text-align: center; }
.register-wrapper .deactivate { color: rgba(255, 255, 255, 0.353) !important; }
.register-wrapper .progress-line-container { height: 2px; background: rgba(255, 255, 255, 0.353); border-radius: 25px; width: 100%; }
.register-wrapper .progress-line-container .progress-line-running { position: relative; height: 2px; background: rgb(192, 160, 99); width: 25%; }
.register-wrapper .progress-line-container .progress-line-running.progressed { width: 75%; }
.register-wrapper .progress-line-container .progress-line-running .progress-line-head { position: absolute; top: -1.7px; right: -2.5px; width: 7px; height: 7px; border-radius: 50%; background: rgb(192, 160, 99); }
.register-wrapper .register-field-container { margin: 15px 0px 5px; }
.login-wrapper .login-title { font-size: 20px; text-align: center; }
.login-wrapper .login-field-container { margin: 15px 0px 5px; }
.login-wrapper .forgot-password-btn-container { padding: 20px 0px 0px; text-align: center; }
.wy789-main-container { display: flex; flex-direction: column; min-height: 100vh; }
.wy789-content-wrapper { display: flex; position: relative; height: calc(-70px + 100vh); }
@media (max-width: 768px) { .wy789-content-wrapper { margin-left: 0px; height: calc(-140px + 100vh); }
}
.wy789-content-wrapper.app-download-space { height: calc(-124px + 100vh); }
@media (max-width: 768px) { .wy789-content-wrapper.app-download-space { margin-left: 0px; height: calc(-208px + 100vh); }
}
.wy789-main-content { flex: 1 1 0%; padding: 16px; height: 100%; transition: margin-left 0.3s; overflow: auto; }
@media (max-width: 992px) { .wy789-main-content { margin-left: 0px; padding: 8px; }
}
@media (max-width: 768px) { .wy789-main-content { height: 100%; padding-bottom: 50px; }
}
@media (max-width: 768px) { .left-menu { transform: translate(-100%); transition: transform 0.3s; } .left-menu.mobile-open { transform: translate(0px); }
}
._appDownloadPwaInstallStatusPopupLoadingText_s2kw9_1 { position: absolute; top: 58%; left: 50%; transform: translate(-50%, -58%); font-size: 0.16rem; }
@media (max-width: 768px) { ._appDownloadPwaInstallStatusPopupLoadingText_s2kw9_1 { font-size: 0.26rem; }
}
._appDownloadPwaInstallStatusPopupContainer_s2kw9_14 { width: 4.8rem; }
@media (max-width: 768px) { ._appDownloadPwaInstallStatusPopupContainer_s2kw9_14 { width: 6.92rem; }
}
._appDownloaPwaInstallStatusPopupHeader_s2kw9_23 { display: flex; justify-content: space-between; align-items: center; font-size: 0.16rem; }
@media (max-width: 768px) { ._appDownloaPwaInstallStatusPopupHeader_s2kw9_23 { font-size: 0.3rem; }
}
._appDownloaPwaInstallStatusPopupCloseButton_s2kw9_35 { width: 0.24rem; height: 0.24rem; cursor: pointer; }
@media (max-width: 768px) { ._appDownloaPwaInstallStatusPopupCloseButton_s2kw9_35 { width: 0.44rem; height: 0.44rem; }
}
._appDownloaPwaInstallStatusPopupBody_s2kw9_47 { display: flex; flex-direction: column; align-items: center; gap: 0.1rem; padding: 0.3rem !important; }
@media (max-width: 768px) { ._appDownloaPwaInstallStatusPopupBody_s2kw9_47 { padding: 0.3rem 0.1rem !important; }
}
._appDownloaPwaInstallStatusPopupBodyTitle_s2kw9_60 { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 0.16rem; }
._appDownloaPwaInstallStatusPopupBodyTitle_s2kw9_60 svg { width: 0.2rem; height: 0.2rem; }
@media (max-width: 768px) { ._appDownloaPwaInstallStatusPopupBodyTitle_s2kw9_60 { font-size: 0.26rem; } ._appDownloaPwaInstallStatusPopupBodyTitle_s2kw9_60 svg { width: 0.32rem; height: 0.32rem; }
}
._appDownloaPwaInstallStatusPopupBodyMessage_s2kw9_81 { font-size: 0.14rem; text-align: center; }
._appDownloaPwaInstallStatusPopupBodyMessage_s2kw9_81 p { margin: 0px; }
@media (max-width: 768px) { ._appDownloaPwaInstallStatusPopupBodyMessage_s2kw9_81 { font-size: 0.24rem; }
}
._appDownloaPwaInstallStatusPopupBodyButton_s2kw9_94 { display: flex; justify-content: center; align-items: center; width: 1.62rem; height: 0.5rem; background: rgba(182, 182, 182, 0.5); border-radius: 0.06rem; gap: 0.1rem; cursor: pointer; font-weight: 700; font-size: 0.14rem; }
._appDownloaPwaInstallStatusPopupBodyButton_s2kw9_94 svg { width: 0.16rem; height: 0.16rem; }
@media (max-width: 768px) { ._appDownloaPwaInstallStatusPopupBodyButton_s2kw9_94 { width: 3.18rem; height: 0.84rem; font-size: 0.24rem; } ._appDownloaPwaInstallStatusPopupBodyButton_s2kw9_94 svg { width: 0.32rem; height: 0.32rem; }
}
._daily-claim-popup-modal-container_w5cv4_1 { padding: 0.5rem 0px !important; }
._daily-claim-popup-modal-inner-container_w5cv4_5 { width: 4.68rem; border-radius: 0.1rem; backdrop-filter: blur(1rem); padding: 0.08rem; margin: 0px auto; }
@media (max-width: 768px) { ._daily-claim-popup-modal-inner-container_w5cv4_5 { width: 6.88rem; height: auto; padding: 0.12rem; }
}
._daily-claim-popup-modal-header_w5cv4_20 { height: 0.66rem; border-radius: 0.1rem 0.1rem 0px 0px; font-size: 0.16rem; font-weight: 700; justify-content: center !important; }
@media (max-width: 768px) { ._daily-claim-popup-modal-header_w5cv4_20 { height: 0.93rem; }
}
._standard-modal-title_w5cv4_33 { width: 100%; text-align: center; font-weight: 700 !important; }
._daily-claim-popup-modal-close_w5cv4_39 { position: absolute; top: -0.1rem; right: -0.1rem; width: 0.25rem; height: 0.25rem; text-align: center; cursor: pointer; z-index: 1; border-radius: 50% !important; font-size: 0.22rem !important; }
@media (max-width: 768px) { ._daily-claim-popup-modal-close_w5cv4_39 { width: 0.32rem; height: 0.32rem; font-size: 0.3rem; z-index: 1; }
}
._daily-claim-popup-modal-body_w5cv4_60 { display: grid; gap: 0.08rem; padding: 0.16rem 0.24rem !important; }
@media (max-width: 768px) { ._daily-claim-popup-modal-body_w5cv4_60 { padding: 0.24rem 0.16rem !important; }
}
._daily-claim-popup-modal-body-reward-wrapper_w5cv4_71 { display: grid; align-items: center; justify-content: space-between; grid-template-columns: auto 1.2rem; font-size: 0.16rem; font-weight: 700; text-align: left; }
@media (max-width: 768px) { ._daily-claim-popup-modal-body-reward-wrapper_w5cv4_71 { grid-template-columns: auto 1.8rem; font-size: 0.26rem; gap: 0.32rem; }
}
._daily-claim-popup-modal-body-reward-container_w5cv4_88 { display: grid; gap: 0.16rem; font-weight: 700; }
._daily-claim-today-reward-point-money-container_w5cv4_94 { display: flex; gap: 0.24rem; }
._daily-claim-today-reward-points_w5cv4_99, ._daily-claim-today-reward-money_w5cv4_100 { display: flex; align-items: end; gap: 0.06rem; }
._daily-claim-today-reward-points_w5cv4_99 svg, ._daily-claim-today-reward-money_w5cv4_100 svg { width: 0.2rem !important; height: 0.2rem !important; }
@media (max-width: 768px) { ._daily-claim-today-reward-points_w5cv4_99, ._daily-claim-today-reward-money_w5cv4_100 { gap: 0.08rem; } ._daily-claim-today-reward-points_w5cv4_99 svg, ._daily-claim-today-reward-money_w5cv4_100 svg { width: 0.3327rem !important; height: 0.3327rem !important; }
}
._daily-claim-popup-modal-body-reward-img_w5cv4_122 { width: 1.2rem; height: 1.2rem; }
@media (max-width: 768px) { ._daily-claim-popup-modal-body-reward-img_w5cv4_122 { height: 1.8rem; }
}
._daily-claim-popup-modal-body-days-list-wrapper_w5cv4_132 { display: grid; gap: 0.08rem; }
._daily-claim-popup-modal-body-status-progress-container_w5cv4_137 { height: 0.1rem; }
._daily-claim-popup-modal-body-status-progress_w5cv4_137 { position: relative; height: 100%; min-width: 1rem; width: 100%; border-radius: 1rem; overflow: hidden; }
._daily-claim-popup-modal-body-status-progress-bar_w5cv4_150 { height: 100%; border-radius: 1rem; }
._daily-claim-popup-modal-body-mission-days-list-container_w5cv4_155 { display: grid; grid-template-columns: repeat(7, 1fr); gap: 0.16rem; }
._daily-claim-popup-modal-body-mission-day-container_w5cv4_161 { position: relative; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; width: 0.44rem; height: 0.501rem; font-size: 0.12rem; padding: 0px 0px 0.05rem; }
._daily-claim-popup-modal-body-mission-day-container_w5cv4_161 svg { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; }
._daily-claim-popup-modal-body-mission-day-container_w5cv4_161 p { color: rgb(170, 170, 170); margin: 0px; }
._daily-claim-popup-modal-body-mission-day-container_w5cv4_161._is-claimed_w5cv4_183 p { z-index: 1; }
@media (max-width: 768px) { ._daily-claim-popup-modal-body-mission-day-container_w5cv4_161 { width: 0.74rem; height: 0.8426rem; font-size: 0.2rem; }
}
._daily-claim-popup-modal-body-daily-claim-buttons-wrapper_w5cv4_194 { display: flex; flex-direction: row-reverse; padding: 0.08rem 0px; gap: 0.16rem; }
._daily-claim-popup-modal-body-daily-claim-buttons-wrapper_w5cv4_194 ._daily-claim-popup-modal-body-daily-claim-button-cancel_w5cv4_200 { width: 1.94rem; height: 0.36rem; text-align: center; border-radius: 9.99rem; background: transparent; color: rgb(170, 170, 170); font-size: 0.14rem; font-weight: 700; cursor: pointer; }
._daily-claim-popup-modal-body-daily-claim-buttons-wrapper_w5cv4_194 ._daily-claim-popup-modal-body-daily-claim-button-redirect_w5cv4_211 { display: flex; align-items: center; justify-content: center; gap: 0.1rem; width: 1.94rem; height: 0.36rem; text-align: center; border-radius: 9.99rem; font-size: 0.14rem; font-weight: 700; margin: 0px; }
._daily-claim-popup-modal-body-daily-claim-buttons-wrapper_w5cv4_194 ._daily-claim-popup-modal-body-daily-claim-button-redirect_w5cv4_211 svg { width: 0.16rem; height: 0.16rem; }
@media (max-width: 768px) { ._daily-claim-popup-modal-body-daily-claim-buttons-wrapper_w5cv4_194 ._daily-claim-popup-modal-body-daily-claim-button-cancel_w5cv4_200 { width: 3.08rem; height: 0.84rem; font-size: 0.22rem; } ._daily-claim-popup-modal-body-daily-claim-buttons-wrapper_w5cv4_194 ._daily-claim-popup-modal-body-daily-claim-button-redirect_w5cv4_211 { width: 3.08rem; height: 0.84rem; font-size: 0.24rem; } ._daily-claim-popup-modal-body-daily-claim-buttons-wrapper_w5cv4_194 ._daily-claim-popup-modal-body-daily-claim-button-redirect_w5cv4_211 svg { width: 0.32rem; height: 0.32rem; }
}
._svgIcon_1ncl5_1 { display: flex; }
._svgIcon_1ncl5_1._icon-failed_1ncl5_4 { width: 0.45rem; height: 0.45rem; }
@media (max-width: 768px) { ._svgIcon_1ncl5_1._icon-failed_1ncl5_4 svg { width: 0.8777rem; height: 0.8777rem; }
}
._svgIcon_1ncl5_1._icon-success_1ncl5_14 { width: 0.35rem; height: 0.35rem; }
@media (max-width: 768px) { ._svgIcon_1ncl5_1._icon-success_1ncl5_14 svg { width: 0.610482rem; height: 0.609698rem; }
}
._svgIcon_1ncl5_1._icon-guideline_1ncl5_24 svg { width: 0.2rem; height: 0.21rem; }
@media (max-width: 768px) { ._svgIcon_1ncl5_1._icon-guideline_1ncl5_24 svg { width: 0.240684rem; height: 0.248998rem; }
}
._svgIcon_1ncl5_1._iconToolTip_1ncl5_34 svg { width: 0.2rem; height: 0.21rem; cursor: pointer; }
@media (max-width: 768px) { ._svgIcon_1ncl5_1._iconToolTip_1ncl5_34 svg { width: 0.240684rem; height: 0.248998rem; }
}
._svgIcon_1ncl5_1._standard-modal-close_1ncl5_45 { position: absolute; right: -0.1rem; top: -0.1rem; background: unset; font-size: 0.2rem; border-radius: unset; cursor: pointer; transition: scale 0.3s; }
@media (max-width: 768px) { ._svgIcon_1ncl5_1._standard-modal-close_1ncl5_45 { top: -0.2rem; right: -0.15rem; }
}
._svgIcon_1ncl5_1._standard-modal-close_1ncl5_45 svg { width: 0.33rem; fill: rgb(110, 110, 110); vertical-align: middle; background: rgb(255, 255, 255); border-radius: 50%; padding: 0.08rem; filter: drop-shadow(rgb(108, 108, 108) 0px 0px 0.03rem); transition: scale 0.3s; }
@media (max-width: 768px) { ._svgIcon_1ncl5_1._standard-modal-close_1ncl5_45 svg { width: 0.6rem; padding: 0.15rem; }
}
._svgIcon_1ncl5_1._standard-modal-close_1ncl5_45 svg:hover { transform: scale(1.1); }
._svgIcon_1ncl5_1._standard-modal-close_1ncl5_45:hover { border-radius: 50%; border-color: rgb(108, 108, 108); box-shadow: rgb(108, 108, 108) 0px 0px 0.05rem; outline: transparent solid 0.01rem; transform: scale(1.1); }
@media (max-width: 768px) { ._svgIcon_1ncl5_1._iconRegisterCuracao_1ncl5_88 { width: 0.75rem; height: 0.58rem; }
}
._menuAccountContainer_wb7zv_1 { display: grid; gap: 0.2rem; }
@media (max-width: 768px) { ._menuAccountContainer_wb7zv_1 { gap: 0.5rem; }
}
@media (max-width: 768px) { ._menuAccountContainer_wb7zv_1 { display: flex; flex-direction: column; position: fixed; top: 0px; right: 0px; width: 6.35rem; height: 100%; background: rgb(255, 255, 255); z-index: 2; overflow-y: scroll; padding: 0.85rem 0px 1.98rem; transition: 0.3s cubic-bezier(0.5, 0.03, 0.41, 1); }
}
._menuAccountContainer_wb7zv_1 ._menuAccountHeader_wb7zv_26 { padding: 0.04rem 0.14rem; cursor: pointer; }
@media (max-width: 768px) { ._menuAccountContainer_wb7zv_1 ._menuAccountHeader_wb7zv_26 { font-size: 0.36rem; padding: 0px 0.4rem; }
}
._menuAccountContainer_wb7zv_1 ._menuAccountHeader_wb7zv_26 ._menuAccountHeaderTitle_wb7zv_36 { position: relative; display: flex; padding: 0px 0px 0.06rem; align-items: center; }
@media (max-width: 768px) { ._menuAccountContainer_wb7zv_1 ._menuAccountHeader_wb7zv_26 ._menuAccountHeaderTitle_wb7zv_36 { padding: 0px 0px 0.2rem; }
}
._menuAccountContainer_wb7zv_1 ._menuAccountHeader_wb7zv_26 ._menuAccountHeaderTitle_wb7zv_36 ._dots_wb7zv_47 { position: absolute; top: 0px; left: 10%; background: red; border-radius: 50%; height: 0.06rem; width: 0.06rem; }
@media (max-width: 768px) { ._menuAccountContainer_wb7zv_1 ._menuAccountHeader_wb7zv_26 ._menuAccountHeaderTitle_wb7zv_36 ._dots_wb7zv_47 { left: 6.5%; height: 0.2rem; width: 0.2rem; }
}
._menuAccountContainer_wb7zv_1 ._menuAccountHeader_wb7zv_26 ._menuAccountHeaderTitle_wb7zv_36 ._menuAccountSVG_wb7zv_63 { width: 0.22rem; height: 0.22rem; }
._menuAccountContainer_wb7zv_1 ._menuAccountHeader_wb7zv_26 ._menuAccountHeaderTitle_wb7zv_36 ._menuAccountName_wb7zv_67 { font-weight: 600; text-transform: uppercase; cursor: pointer; margin: 0px 0.08rem; }
@media (max-width: 768px) { ._menuAccountContainer_wb7zv_1 ._menuAccountHeader_wb7zv_26 ._menuAccountHeaderTitle_wb7zv_36 ._menuAccountName_wb7zv_67 { margin: 0px 0.2rem; }
}
._menuAccountContainer_wb7zv_1 ._menuAccountHeader_wb7zv_26 ._menuAccountHeaderTitle_wb7zv_36 ._dropdownArrow_wb7zv_78._active_wb7zv_78 { transition: 0.2s; transform: rotate(-180deg); }
._menuAccountContainer_wb7zv_1 ._menuAccountHeader_wb7zv_26 ._menuAccountHeaderTitle_wb7zv_36 div:last-child { margin-left: auto; }
._menuAccountContainer_wb7zv_1 ._menuAccountHeader_wb7zv_26 ._submenuAccount_wb7zv_85 { display: none; color: rgb(134, 151, 162); transition: 0.2s; gap: 0.05rem; }
@media (max-width: 768px) { ._menuAccountContainer_wb7zv_1 ._menuAccountHeader_wb7zv_26 ._submenuAccount_wb7zv_85 { font-size: 0.36rem; }
}
._menuAccountContainer_wb7zv_1 ._menuAccountHeader_wb7zv_26 ._submenuAccount_wb7zv_85._active_wb7zv_78 { display: grid; gap: 0.1rem; transition: 0.2s; }
._menuAccountContainer_wb7zv_1 ._menuAccountHeader_wb7zv_26 ._submenuAccount_wb7zv_85 ._submenuAccountHeader_wb7zv_101 { padding: 0.1rem 0px 0.1rem 0.3rem; }
._menuAccountContainer_wb7zv_1 ._menuAccountHeader_wb7zv_26 ._submenuAccount_wb7zv_85 ._submenuAccountHeader_wb7zv_101._selected_wb7zv_104, ._menuAccountContainer_wb7zv_1 ._menuAccountHeader_wb7zv_26 ._submenuAccount_wb7zv_85 ._submenuAccountHeader_wb7zv_101:hover { font-weight: 600; color: rgb(0, 113, 227); cursor: pointer; border-radius: 4px; background: rgb(243, 245, 246); }
._menuAccountContainer_wb7zv_1 ._menuAccountHeader_wb7zv_26 ._submenuAccount_wb7zv_85 ._submenuAccountHeader_wb7zv_101._active_wb7zv_78 { border-radius: 4px; background: rgb(243, 245, 246); color: rgb(0, 113, 227); font-weight: 600; }
._menuAccountContainer_wb7zv_1 ._menuAccountHeader_wb7zv_26 ._submenuAccount_wb7zv_85 ._submenuAccountHeader_wb7zv_101 ._count_wb7zv_117 { margin: 0px 0px 0px 0.05rem; }
@keyframes _skeleton-loading-effect_1c18v_1 { 0% { background-position: -200% 0px; } 100% { background-position: 200% 0px; }
}
._footerContainer_1c18v_9 { --footer-bg: #fff; --footer-title-color: #0f161f; --footer-text-color: #8697a2; --footer-border-color: #dde0e0; --footer-accordion-icon-color: unset; --footer-language-btn-bg: #f3f5f6; --footer-language-btn-text-color: #8697a2; --footer-sponsors-bg: unset; background: var(--footer-bg); }
[data-theme="vip"] ._footerContainer_1c18v_9 { --footer-bg: #0e212f; --footer-title-color: #A68952; --footer-text-color: #8697a2; --footer-border-color: rgb(14, 33, 47); --footer-language-btn-bg: #162836; }
[data-theme="lucky-wheel"] ._footerContainer_1c18v_9 { --footer-bg: rgb(0, 4, 101); --footer-title-color: #00AEFF; --footer-text-color: #fff; --footer-border-color: rgb(0, 113, 227); }
[data-theme="lucky-wheel-cny"] ._footerContainer_1c18v_9 { --footer-bg: #56040A; --footer-title-color: #FF6A00; --footer-text-color: #fff; --footer-border-color: #E8E8E8; --footer-language-btn-text-color: #56040A; }
._footerContainer_1c18v_9 ._footerSkeleton_1c18v_40 { background-image: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-size: 200% 100%; border-radius: 0.1rem; animation: 1.2s linear 0s infinite normal none running _skeleton-loading-effect_1c18v_1; width: 100%; height: 0.5rem; }
@media (prefers-reduced-motion: reduce) { ._footerContainer_1c18v_9 ._footerSkeleton_1c18v_40 { animation: auto ease 0s 1 normal none running none !important; }
}
._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 { width: 13.4rem; margin: 0px auto; }
@media (max-width: 1024px) { ._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 { width: 11.5rem; }
}
._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sponsorsAndAwardsSection_1c18v_62 ._sponsorsSection_1c18v_62 { padding: 0.89rem 0px 0.6281rem; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; border-bottom-width: 1px; border-bottom-style: solid; border-color: var(--footer-border-color); }
._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sponsorsAndAwardsSection_1c18v_62 ._awardsSection_1c18v_71 { padding: 0.62rem 0px 0.6281rem; border-bottom-width: 1px; border-bottom-style: solid; border-color: var(--footer-border-color); }
._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sponsorsAndAwardsSection_1c18v_62 ._awardsSection_1c18v_71._vip_1c18v_76 { border-bottom: unset; }
._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionOne_1c18v_79 { display: flex; border-bottom-width: 0.01rem; border-bottom-style: solid; border-color: var(--footer-border-color); padding: 0.38rem 0px 0.46rem; }
._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionOne_1c18v_79 ._gamingLicense_1c18v_85 { display: flex; width: 30%; flex-direction: column; }
._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionOne_1c18v_79 ._gamingLicense_1c18v_85 ._title_1c18v_90 { font-size: 0.12rem; margin: 0px 0px 0.1rem; color: var(--footer-title-color); }
._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionOne_1c18v_79 ._gamingLicense_1c18v_85 ._title_1c18v_90 ._tick_1c18v_95 { width: 0.18rem; height: 0.16rem; margin: 0px 0px 0px 0.13rem; }
._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionOne_1c18v_79 ._gamingLicense_1c18v_85 ._text_1c18v_100 { color: var(--footer-text-color); font-size: 0.11rem; width: 2.5rem; }
._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionOne_1c18v_79 ._gameList_1c18v_105 { display: flex; flex-direction: column; width: 15%; }
._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionOne_1c18v_79 ._gameList_1c18v_105 ._title_1c18v_90 { font-size: 0.12rem; margin: 0px 0px 0.25rem; color: var(--footer-title-color); }
._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionOne_1c18v_79 ._gameList_1c18v_105 ._gameItem_1c18v_115 { color: var(--footer-text-color); font-size: 0.15rem; text-transform: capitalize; margin: 0px 0px 0.15rem; }
._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionOne_1c18v_79 ._gameList_1c18v_105 ._gameItem_1c18v_115:hover { text-decoration: underline; cursor: pointer; color: rgb(0, 102, 204); }
._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionOne_1c18v_79 ._infoList_1c18v_126 { display: flex; flex-direction: column; width: 15%; }
._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionOne_1c18v_79 ._infoList_1c18v_126 ._title_1c18v_90 { font-size: 0.12rem; margin: 0px 0px 0.25rem; color: var(--footer-title-color); }
._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionOne_1c18v_79 ._infoList_1c18v_126 ._informationItem_1c18v_136 { margin: 0px 0px 0.15rem; }
._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionOne_1c18v_79 ._infoList_1c18v_126 ._informationItem_1c18v_136 ._information_1c18v_136 { color: var(--footer-text-color); font-size: 0.15rem; text-transform: capitalize; }
._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionOne_1c18v_79 ._infoList_1c18v_126 ._informationItem_1c18v_136 ._information_1c18v_136 a:hover { text-decoration: underline; }
._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionOne_1c18v_79 ._infoList_1c18v_126 ._informationItem_1c18v_136 ._information_1c18v_136:hover { text-decoration: underline; cursor: pointer; color: rgb(0, 102, 204); }
._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionOne_1c18v_79 ._languageSection_1c18v_152 { margin-left: auto; display: flex; flex-direction: column; }
._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionOne_1c18v_79 ._languageSection_1c18v_152 ._languageSelection_1c18v_157 ._languageBtn_1c18v_157 { display: flex; align-items: center; width: 1.69rem; border-radius: 0.2rem; padding: 0.03rem 0.12rem 0.03rem 0.06rem; position: relative; background: var(--footer-language-btn-bg); }
._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionOne_1c18v_79 ._languageSection_1c18v_152 ._languageSelection_1c18v_157 ._languageBtn_1c18v_157 ._languageText_1c18v_166 { color: var(--footer-language-btn-text-color); font-size: 0.14rem; margin: 0px 0px 0px 0.12rem; }
._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionOne_1c18v_79 ._languageSection_1c18v_152 ._languageSelection_1c18v_157 ._languageBtn_1c18v_157 ._languageFlag_1c18v_171 { width: 0.25rem; border-radius: 50%; }
._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionOne_1c18v_79 ._languageSection_1c18v_152 ._languageSelection_1c18v_157 ._languageBtn_1c18v_157 ._dropdownIcon_1c18v_175 { fill: var(--footer-language-btn-text-color); width: 0.13rem; position: absolute; right: 0.12rem; }
._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionOne_1c18v_79 ._languageSection_1c18v_152 ._certificationSection_1c18v_181 { width: 1.8rem; margin: 1.36rem 0px 0px; }
._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionOne_1c18v_79 ._languageSection_1c18v_152 ._certificationSection_1c18v_181 ._title_1c18v_90 { font-size: 0.13rem; margin: 0px 0px 0.25rem; color: var(--footer-title-color); }
._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionOne_1c18v_79 ._languageSection_1c18v_152 ._certificationSection_1c18v_181 ._certifications_1c18v_190 { display: flex; flex-wrap: wrap; }
._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionOne_1c18v_79 ._languageSection_1c18v_152 ._certificationSection_1c18v_181 ._certifications_1c18v_190 ._certificationImg_1c18v_194 { filter: grayscale(100%) opacity(0.5); }
._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionOne_1c18v_79 ._languageSection_1c18v_152 ._certificationSection_1c18v_181 ._certifications_1c18v_190 ._certificationImg_1c18v_194:hover { filter: unset; }
._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 { display: flex; padding: 0.46rem 0px 0px; }
._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._paymentMethod_1c18v_204 { width: 45%; }
._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._paymentMethod_1c18v_204 ._title_1c18v_90 { font-size: 0.12rem; margin: 0px 0px 0.25rem; color: var(--footer-title-color); }
._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._paymentMethod_1c18v_204 ._paymentItem_1c18v_212 { display: flex; flex-wrap: wrap; }
._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._paymentMethod_1c18v_204 ._paymentItem_1c18v_212 ._payment_1c18v_204 { margin: 0px 0.13rem 0.1rem 0px; display: flex; align-items: center; }
._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._paymentMethod_1c18v_204 ._paymentItem_1c18v_212 ._payment_1c18v_204 ._paymentImg_1c18v_221 { object-fit: contain; filter: grayscale(100%) opacity(0.5); height: 0.33rem; }
._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._paymentMethod_1c18v_204 ._paymentItem_1c18v_212 ._payment_1c18v_204 ._paymentImg_1c18v_221._Bitcoin_1c18v_226 { filter: unset; }
._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._paymentMethod_1c18v_204 ._paymentItem_1c18v_212 ._payment_1c18v_204 ._paymentImg_1c18v_221._paymentImgLW_1c18v_229 { filter: grayscale(100%) opacity(0.5); }
._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._paymentMethod_1c18v_204 ._paymentItem_1c18v_212 ._payment_1c18v_204 ._paymentImg_1c18v_221:hover { filter: unset; }
._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._paymentMethod_1c18v_204 ._paymentItem_1c18v_212 ._payment_1c18v_204 ._paymentImg_1c18v_221._grab_pay_1c18v_235 { height: 0.34rem; }
._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._paymentMethod_1c18v_204 ._paymentItem_1c18v_212 ._payment_1c18v_204 ._paymentImg_1c18v_221._FPX_1c18v_238 { height: 0.32rem; }
@media (maxwidth: 1024px) { ._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._paymentMethod_1c18v_204 ._paymentItem_1c18v_212 ._payment_1c18v_204 ._paymentImg_1c18v_221._FPX_1c18v_238 { height: 0.18rem; }
}
._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._paymentMethod_1c18v_204 ._paymentItem_1c18v_212 ._payment_1c18v_204 ._paymentImg_1c18v_221._FastPay_1c18v_246 { height: 0.25rem; }
@media (maxwidth: 1024px) { ._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._paymentMethod_1c18v_204 ._paymentItem_1c18v_212 ._payment_1c18v_204 ._paymentImg_1c18v_221._FastPay_1c18v_246 { height: 0.21rem; }
}
@media (maxwidth: 1024px) { ._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._paymentMethod_1c18v_204 ._paymentItem_1c18v_212 ._payment_1c18v_204 ._paymentImg_1c18v_221._PayNow_1c18v_255 { height: 0.28rem; }
}
._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._paymentMethod_1c18v_204 ._paymentItem_1c18v_212 ._payment_1c18v_204 ._paymentImg_1c18v_221._CIMB_1c18v_259 { height: 0.18rem; }
@media (maxwidth: 1024px) { ._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._paymentMethod_1c18v_204 ._paymentItem_1c18v_212 ._payment_1c18v_204 ._paymentImg_1c18v_221._CIMB_1c18v_259 { height: 0.15rem; }
}
._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._paymentMethod_1c18v_204 ._paymentItem_1c18v_212 ._payment_1c18v_204 ._paymentImg_1c18v_221._CreditCard_1c18v_267 { height: 0.28rem; }
@media (maxwidth: 1024px) { ._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._paymentMethod_1c18v_204 ._paymentItem_1c18v_212 ._payment_1c18v_204 ._paymentImg_1c18v_221._CreditCard_1c18v_267 { height: 0.2rem; }
}
._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._paymentMethod_1c18v_204 ._paymentItem_1c18v_212 ._payment_1c18v_204 ._paymentImg_1c18v_221._Mobiphone_1c18v_275 { height: 0.22rem; }
@media (maxwidth: 1024px) { ._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._paymentMethod_1c18v_204 ._paymentItem_1c18v_212 ._payment_1c18v_204 ._paymentImg_1c18v_221._Mobiphone_1c18v_275 { height: 0.18rem; }
}
._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._paymentMethod_1c18v_204 ._paymentItem_1c18v_212 ._payment_1c18v_204 ._paymentImg_1c18v_221._Viettel_1c18v_283 { height: 0.3rem; }
@media (maxwidth: 1024px) { ._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._paymentMethod_1c18v_204 ._paymentItem_1c18v_212 ._payment_1c18v_204 ._paymentImg_1c18v_221._Viettel_1c18v_283 { height: 0.25rem; }
}
._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._paymentMethod_1c18v_204 ._paymentItem_1c18v_212 ._payment_1c18v_204 ._paymentImg_1c18v_221._Vinaphone_1c18v_291 { height: 0.25rem; }
@media (maxwidth: 1024px) { ._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._paymentMethod_1c18v_204 ._paymentItem_1c18v_212 ._payment_1c18v_204 ._paymentImg_1c18v_221._Vinaphone_1c18v_291 { height: 0.21rem; }
}
._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._paymentMethod_1c18v_204 ._paymentItem_1c18v_212 ._payment_1c18v_204 ._paymentImg_1c18v_221._Mandiri_1c18v_299 { height: 0.25rem; }
@media (maxwidth: 1024px) { ._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._paymentMethod_1c18v_204 ._paymentItem_1c18v_212 ._payment_1c18v_204 ._paymentImg_1c18v_221._Mandiri_1c18v_299 { height: 0.21rem; }
}
._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._paymentMethod_1c18v_204 ._paymentItem_1c18v_212 ._payment_1c18v_204 ._paymentImg_1c18v_221._BNI_1c18v_307 { height: 0.15rem; }
@media (maxwidth: 1024px) { ._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._paymentMethod_1c18v_204 ._paymentItem_1c18v_212 ._payment_1c18v_204 ._paymentImg_1c18v_221._BNI_1c18v_307 { height: 0.12rem; }
}
._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._paymentMethod_1c18v_204 ._paymentItem_1c18v_212 ._payment_1c18v_204 ._paymentImg_1c18v_221._BCA_1c18v_315 { height: 0.2rem; }
@media (maxwidth: 1024px) { ._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._paymentMethod_1c18v_204 ._paymentItem_1c18v_212 ._payment_1c18v_204 ._paymentImg_1c18v_221._BCA_1c18v_315 { height: 0.17rem; }
}
._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._paymentMethod_1c18v_204 ._paymentItem_1c18v_212 ._payment_1c18v_204 ._paymentImg_1c18v_221._BankBRI_1c18v_323 { height: 0.2rem; }
@media (maxwidth: 1024px) { ._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._paymentMethod_1c18v_204 ._paymentItem_1c18v_212 ._payment_1c18v_204 ._paymentImg_1c18v_221._BankBRI_1c18v_323 { height: 0.17rem; }
}
._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._paymentMethod_1c18v_204 ._paymentItem_1c18v_212 ._payment_1c18v_204 ._paymentImg_1c18v_221._DragonPay_1c18v_331 { height: 0.38rem; }
@media (maxwidth: 1024px) { ._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._paymentMethod_1c18v_204 ._paymentItem_1c18v_212 ._payment_1c18v_204 ._paymentImg_1c18v_221._DragonPay_1c18v_331 { height: 0.32rem; }
}
._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._paymentMethod_1c18v_204 ._paymentItem_1c18v_212 ._payment_1c18v_204 ._paymentImg_1c18v_221._WePay_1c18v_339 { height: 0.42rem; }
@media (maxwidth: 1024px) { ._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._paymentMethod_1c18v_204 ._paymentItem_1c18v_212 ._payment_1c18v_204 ._paymentImg_1c18v_221._WePay_1c18v_339 { height: 0.36rem; }
}
._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._paymentMethod_1c18v_204 ._paymentItem_1c18v_212 ._payment_1c18v_204 ._paymentImg_1c18v_221._PH_CIMB_1c18v_347 { height: 0.33rem; margin: 0px; }
@media (maxwidth: 1024px) { ._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._paymentMethod_1c18v_204 ._paymentItem_1c18v_212 ._payment_1c18v_204 ._paymentImg_1c18v_221._PH_CIMB_1c18v_347 { height: 0.18rem; }
}
._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._paymentMethod_1c18v_204 ._paymentItem_1c18v_212 ._payment_1c18v_204 ._paymentImg_1c18v_221._PH_Maya_1c18v_356 { height: 0.5rem; margin: 0px; }
@media (maxwidth: 1024px) { ._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._paymentMethod_1c18v_204 ._paymentItem_1c18v_212 ._payment_1c18v_204 ._paymentImg_1c18v_221._PH_Maya_1c18v_356 { height: 0.3rem; }
}
@media (maxwidth: 1024px) { ._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._paymentMethod_1c18v_204 ._paymentItem_1c18v_212 ._payment_1c18v_204 ._paymentImg_1c18v_221._PH_LBP_1c18v_366 { height: 0.18rem; }
}
._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._paymentMethod_1c18v_204 ._paymentItem_1c18v_212 ._payment_1c18v_204 ._paymentImg_1c18v_221._PH_BDO_1c18v_370 { height: 0.45rem; }
@media (maxwidth: 1024px) { ._footerContainer_1c18v_9 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._paymentMethod_1c18v_204 ._paymentItem_1c18v_212 ._payment_1c18v_204 ._paymentImg_1c18v_221._PH_BDO_1c18v_370 { height: 0.18rem; }
}
._footerContainer_1c18v_9 ._securitySection_1c18v_378 ._title_1c18v_90 { font-size: 0.12rem; margin: 0px 0px 0.25rem; color: var(--footer-title-color); }
._footerContainer_1c18v_9 ._securitySection_1c18v_378 ._securityItem_1c18v_383 { display: flex; flex-flow: column wrap; }
._footerContainer_1c18v_9 ._securitySection_1c18v_378 ._securityItem_1c18v_383 ._security_1c18v_378 { margin: 0px 0.13rem 0.1rem 0px; }
._footerContainer_1c18v_9 ._securitySection_1c18v_378 ._securityItem_1c18v_383 ._security_1c18v_378 ._securityImg_1c18v_391 { filter: grayscale(100%) opacity(0.5); height: 0.33rem; }
._footerContainer_1c18v_9 ._securitySection_1c18v_378 ._securityItem_1c18v_383 ._security_1c18v_378 ._securityImg_1c18v_391:hover { filter: unset; }
._footerContainer_1c18v_9 ._responsibleGamingSection_1c18v_398 { margin-left: auto; display: flex; flex-direction: column; }
._footerContainer_1c18v_9 ._responsibleGamingSection_1c18v_398 ._title_1c18v_90 { font-size: 0.12rem; margin: 0px 0px 0.25rem; color: var(--footer-title-color); }
._footerContainer_1c18v_9 ._responsibleGamingSection_1c18v_398 ._respGamingItem_1c18v_408 { display: flex; flex-wrap: wrap; }
._footerContainer_1c18v_9 ._responsibleGamingSection_1c18v_398 ._respGamingItem_1c18v_408 ._responsible_1c18v_398 { margin: 0px 0.13rem 0.1rem 0px; }
._footerContainer_1c18v_9 ._responsibleGamingSection_1c18v_398 ._respGamingItem_1c18v_408 ._responsible_1c18v_398 ._responsibleImg_1c18v_415 { opacity: 1; height: 0.33rem; filter: grayscale(100%) opacity(0.5); }
._footerContainer_1c18v_9 ._responsibleGamingSection_1c18v_398 ._respGamingItem_1c18v_408 ._responsible_1c18v_398 ._responsibleImg_1c18v_415:hover { filter: unset; }
._footerContainer_1c18v_9 ._socialMediaContainer_1c18v_424 { width: 20%; }
._footerContainer_1c18v_9 ._socialMediaContainer_1c18v_424 ._title_1c18v_90 { font-size: 0.12rem; margin: 0px 0px 0.25rem; color: var(--footer-title-color); }
._footerContainer_1c18v_9 ._socialMediaContainer_1c18v_424 ._socialMediaItem_1c18v_432 { display: flex; flex-wrap: wrap; }
._footerContainer_1c18v_9 ._socialMediaContainer_1c18v_424 ._socialMediaItem_1c18v_432 ._socialMedia_1c18v_424 img { filter: grayscale(100%) opacity(0.5); cursor: pointer; object-fit: contain; height: 0.33rem; margin: 0px 0.15rem 0px 0px; }
._footerContainer_1c18v_9 ._socialMediaContainer_1c18v_424 ._socialMediaItem_1c18v_432 ._socialMedia_1c18v_424 img:hover { filter: unset; }
._sectionThree_1c18v_447 ._copyright_1c18v_447 { font-size: 0.11rem; color: var(--footer-text-color); margin: 0.74rem 0px 0px; padding: 0.38rem 0px 0.59rem; }
._sectionThree_1c18v_447 ._dynamicSeoFooter_1c18v_453 { padding: 0.1rem; display: none; width: 100%; margin: 0px auto; position: relative; background: rgb(243, 245, 246); border-top: unset; justify-content: center; }
._mFooterContainer_1c18v_464 { --footer-accordion-icon-color: #61757E; --footer-sponsors-bg: #f3f5f6; }
[data-theme="vip"] ._mFooterContainer_1c18v_464 { --footer-bg: rgb(11, 27, 39); --footer-border-color: rgb(32, 57, 76); --footer-sponsors-bg: #052034; }
[data-theme="lucky-wheel"] ._mFooterContainer_1c18v_464 { --footer-bg: rgb(0, 4, 101); --footer-border-color: rgb(0, 113, 227); --footer-sponsors-bg: #000352; }
[data-theme="lucky-wheel-cny"] ._mFooterContainer_1c18v_464 { --footer-bg: #56040A; --footer-border-color: #C5000E; --footer-sponsors-bg: #4A0005; --footer-accordion-icon-color: #C5000E; }
._mFooterContainer_1c18v_464 ._footerWrapper_1c18v_53 { display: flex; flex-direction: column; width: unset; margin: 0px; padding-bottom: 0.6rem; }
._mFooterContainer_1c18v_464 ._footerWrapper_1c18v_53 ._sectionAccordion_1c18v_491 { padding: 0.58rem 0.55rem 0px; }
._mFooterContainer_1c18v_464 ._footerWrapper_1c18v_53 ._sectionAccordion_1c18v_491 ._accordionTrigger_1c18v_494 { font-size: 0.28rem; margin-bottom: 0.18rem; width: 100%; display: flex; justify-content: space-between; align-items: center; font-weight: 600; color: var(--footer-title-color); padding: 0.22rem 0px; background: transparent; border-bottom: 1px solid var(--footer-border-color); }
._mFooterContainer_1c18v_464 ._footerWrapper_1c18v_53 ._sectionAccordion_1c18v_491 ._accordionTrigger_1c18v_494[data-state="open"] ._accordionChevron_1c18v_507 { transform: rotate(180deg); }
._mFooterContainer_1c18v_464 ._footerWrapper_1c18v_53 ._sectionAccordion_1c18v_491 ._accordionItem_1c18v_510 { font-size: 0.24rem; color: rgb(134, 151, 162); padding: 0.15rem 0px; text-transform: capitalize; }
._mFooterContainer_1c18v_464 ._footerWrapper_1c18v_53 ._sectionAccordion_1c18v_491 ._accordionIcon_1c18v_516 svg { fill: var(--footer-accordion-icon-color); width: calc(10 / (var(--figma-mobile-width, 390) / 768 * 100) * 1rem); height: calc(6 / (var(--figma-mobile-width, 390) / 768 * 100) * 1rem); }
._mFooterContainer_1c18v_464 ._footerWrapper_1c18v_53 ._sponsorsAndAwardsSection_1c18v_62 { background: var(--footer-sponsors-bg); padding: 0 calc(32 / (var(--figma-mobile-width, 390) / 768 * 100) * 1rem) 0 calc(32 / (var(--figma-mobile-width, 390) / 768 * 100) * 1rem); }
._mFooterContainer_1c18v_464 ._footerWrapper_1c18v_53 ._sponsorsAndAwardsSection_1c18v_62 ._sponsorsSection_1c18v_62, ._mFooterContainer_1c18v_464 ._footerWrapper_1c18v_53 ._sponsorsAndAwardsSection_1c18v_62 ._awardsSection_1c18v_71 { padding: calc(26 / (var(--figma-mobile-width, 390) / 768 * 100) * 1rem) 0 calc(23.48 / (var(--figma-mobile-width, 390) / 768 * 100) * 1rem) 0; }
._mFooterContainer_1c18v_464 ._footerWrapper_1c18v_53 ._sponsorsAndAwardsSection_1c18v_62 ._awardsSection_1c18v_71 { border-bottom: unset; }
._mFooterContainer_1c18v_464 ._footerWrapper_1c18v_53 ._sectionOne_1c18v_79 { border: none; padding: 0.38rem 0px 0px; }
._mFooterContainer_1c18v_464 ._footerWrapper_1c18v_53 ._sectionOne_1c18v_79 ._gamingLicense_1c18v_85 { width: 100%; display: flex; padding: 0.58rem 0.55rem 0px; position: relative; flex-direction: column; margin: 0px 15px 10px; align-items: center; justify-content: center; }
._mFooterContainer_1c18v_464 ._footerWrapper_1c18v_53 ._sectionOne_1c18v_79 ._gamingLicense_1c18v_85 ._title_1c18v_90 { margin-bottom: 0.32rem; color: var(--footer-title-color); font-size: 0.2rem; }
._mFooterContainer_1c18v_464 ._footerWrapper_1c18v_53 ._sectionOne_1c18v_79 ._gamingLicense_1c18v_85 ._title_1c18v_90 ._tick_1c18v_95 { width: 0.25rem; height: 0.25rem; margin: 0px 0px 0px 0.1rem; }
._mFooterContainer_1c18v_464 ._footerWrapper_1c18v_53 ._sectionOne_1c18v_79 ._gamingLicense_1c18v_85 ._text_1c18v_100 { color: var(--footer-text-color); font-size: 0.2rem; width: unset; text-align: center; }
._mFooterContainer_1c18v_464 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 { flex-direction: column; }
._mFooterContainer_1c18v_464 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._paymentMethod_1c18v_204 { width: 100%; padding: 0px 0.55rem; }
._mFooterContainer_1c18v_464 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._paymentMethod_1c18v_204 ._title_1c18v_90 { margin-bottom: 0.32rem; color: var(--footer-title-color); font-size: 0.2rem; }
._mFooterContainer_1c18v_464 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._paymentMethod_1c18v_204 ._paymentItem_1c18v_212 { display: flex; flex-wrap: wrap; }
._mFooterContainer_1c18v_464 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._paymentMethod_1c18v_204 ._paymentItem_1c18v_212 ._payment_1c18v_204 { margin: 0px 0.13rem 0.1rem 0px; }
._mFooterContainer_1c18v_464 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._paymentMethod_1c18v_204 ._paymentItem_1c18v_212 ._payment_1c18v_204 ._paymentImg_1c18v_221 { object-fit: contain; height: 0.42rem; filter: grayscale(100%) opacity(0.5); }
._mFooterContainer_1c18v_464 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._paymentMethod_1c18v_204 ._paymentItem_1c18v_212 ._payment_1c18v_204 ._paymentImg_1c18v_221._paymentImgLW_1c18v_229 { filter: grayscale(100%) opacity(0.5); }
._mFooterContainer_1c18v_464 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._paymentMethod_1c18v_204 ._paymentItem_1c18v_212 ._payment_1c18v_204 ._paymentImg_1c18v_221:hover { filter: unset; }
._mFooterContainer_1c18v_464 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._paymentMethod_1c18v_204 ._paymentItem_1c18v_212 ._payment_1c18v_204 ._paymentImg_1c18v_221._FPX_1c18v_238 { height: 0.42rem; }
._mFooterContainer_1c18v_464 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._sectionSocialRespGaming_1c18v_594 { padding: 0.56rem 0.55rem 0px; display: flex; justify-content: space-between; }
._mFooterContainer_1c18v_464 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._sectionSocialRespGaming_1c18v_594 ._socialMediaContainer_1c18v_424 { width: 50%; }
._mFooterContainer_1c18v_464 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._sectionSocialRespGaming_1c18v_594 ._socialMediaContainer_1c18v_424 ._socialMediaItem_1c18v_432 ._socialMedia_1c18v_424 { filter: grayscale(100%) opacity(0.5); }
._mFooterContainer_1c18v_464 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._sectionSocialRespGaming_1c18v_594 ._socialMediaContainer_1c18v_424 ._socialMediaItem_1c18v_432 ._socialMedia_1c18v_424:hover, ._mFooterContainer_1c18v_464 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._sectionSocialRespGaming_1c18v_594 ._socialMediaContainer_1c18v_424 ._socialMediaItem_1c18v_432 ._socialMedia_1c18v_424 img, ._mFooterContainer_1c18v_464 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._sectionSocialRespGaming_1c18v_594 ._socialMediaContainer_1c18v_424 ._socialMediaItem_1c18v_432 ._socialMedia_1c18v_424 img:hover { filter: unset; }
._mFooterContainer_1c18v_464 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._sectionSocialRespGaming_1c18v_594 ._socialMediaContainer_1c18v_424 ._title_1c18v_90 { margin-bottom: 0.32rem; color: var(--footer-title-color); font-size: 0.2rem; }
._mFooterContainer_1c18v_464 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._sectionSocialRespGaming_1c18v_594 ._responsibleGamingSection_1c18v_398 { width: 50%; }
._mFooterContainer_1c18v_464 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._sectionSocialRespGaming_1c18v_594 ._responsibleGamingSection_1c18v_398 ._title_1c18v_90 { margin-bottom: 0.32rem; color: var(--footer-title-color); font-size: 0.2rem; }
._mFooterContainer_1c18v_464 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._sectionCertSecurity_1c18v_627 { padding: 0.56rem 0.55rem 0px; display: flex; justify-content: space-between; }
._mFooterContainer_1c18v_464 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._sectionCertSecurity_1c18v_627 ._securitySection_1c18v_378 { width: 50%; }
._mFooterContainer_1c18v_464 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._sectionCertSecurity_1c18v_627 ._securitySection_1c18v_378 ._securityItem_1c18v_383 { display: flex; flex-flow: column wrap; }
._mFooterContainer_1c18v_464 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._sectionCertSecurity_1c18v_627 ._securitySection_1c18v_378 ._securityItem_1c18v_383 ._security_1c18v_378 { margin: 0px 0.13rem 0.1rem 0px; }
._mFooterContainer_1c18v_464 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._sectionCertSecurity_1c18v_627 ._securitySection_1c18v_378 ._securityItem_1c18v_383 ._security_1c18v_378 ._securityImg_1c18v_391 { height: 0.33rem; filter: grayscale(100%) opacity(0.5); }
._mFooterContainer_1c18v_464 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._sectionCertSecurity_1c18v_627 ._securitySection_1c18v_378 ._securityItem_1c18v_383 ._security_1c18v_378 ._securityImg_1c18v_391:hover { filter: unset; }
._mFooterContainer_1c18v_464 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._sectionCertSecurity_1c18v_627 ._securitySection_1c18v_378 ._title_1c18v_90 { margin-bottom: 0.32rem; font-size: 0.2rem; color: var(--footer-title-color); }
._mFooterContainer_1c18v_464 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._sectionCertSecurity_1c18v_627 ._certificationSection_1c18v_181 ._certifications_1c18v_190 ._certificationImg_1c18v_194 { height: 0.46rem; margin: 0px 0.18rem 0px 0px; object-fit: contain; width: 0.75rem; filter: grayscale(100%) opacity(0.5); }
._mFooterContainer_1c18v_464 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._sectionCertSecurity_1c18v_627 ._certificationSection_1c18v_181 ._certifications_1c18v_190 ._certificationImg_1c18v_194:hover { filter: unset; }
._mFooterContainer_1c18v_464 ._footerWrapper_1c18v_53 ._sectionTwo_1c18v_200 ._sectionCertSecurity_1c18v_627 ._certificationSection_1c18v_181 ._title_1c18v_90 { margin-bottom: 0.32rem; font-size: 0.2rem; color: var(--footer-title-color); }
._mFooterContainer_1c18v_464 ._footerWrapper_1c18v_53 ._sectionAffLanguage_1c18v_671 { display: flex; justify-content: space-between; margin: 0px 15px; padding: 0.56rem 0.31rem 0px; }
._mFooterContainer_1c18v_464 ._footerWrapper_1c18v_53 ._sectionAffLanguage_1c18v_671 ._affProgram_1c18v_677 { font-size: 0.32rem; color: var(--footer-title-color); text-decoration: underline; font-weight: 700; }
._mFooterContainer_1c18v_464 ._footerWrapper_1c18v_53 ._sectionAffLanguage_1c18v_671 ._languageSelection_1c18v_157 ._languageBtn_1c18v_157 { display: flex; align-items: center; width: 2.25rem; border-radius: 0.2rem; padding: 0.03rem 0.12rem 0.03rem 0.06rem; position: relative; color: var(--footer-title-color); background: var(--footer-language-btn-bg); }
._mFooterContainer_1c18v_464 ._footerWrapper_1c18v_53 ._sectionAffLanguage_1c18v_671 ._languageSelection_1c18v_157 ._languageBtn_1c18v_157 ._languageText_1c18v_166 { color: var(--footer-language-btn-text-color); font-size: 0.24rem; margin: 0px 0px 0px 0.12rem; }
._mFooterContainer_1c18v_464 ._footerWrapper_1c18v_53 ._sectionAffLanguage_1c18v_671 ._languageSelection_1c18v_157 ._languageBtn_1c18v_157 ._languageFlag_1c18v_171 { width: 0.25rem; border-radius: 50%; }
._mFooterContainer_1c18v_464 ._footerWrapper_1c18v_53 ._sectionAffLanguage_1c18v_671 ._languageSelection_1c18v_157 ._languageBtn_1c18v_157 ._dropdownIcon_1c18v_175 { fill: var(--footer-language-btn-text-color); width: 0.13rem; position: absolute; right: 0.12rem; }
._popupCustomCss_1c18v_709 { width: unset; }
._popupCustomCss_1c18v_709 ._regionContainer_1c18v_712 { display: flex; align-items: center; border-bottom: 0.02rem solid rgb(247, 247, 247); padding-bottom: 0.15rem; }
._popupCustomCss_1c18v_709 ._regionContainer_1c18v_712 p { margin-bottom: 0px; margin-left: 0.2rem; color: rgb(15, 22, 31); }
@media (max-width: 768px) { ._popupCustomCss_1c18v_709 ._regionContainer_1c18v_712 p { font-weight: 600; font-size: 0.34rem; }
}
._popupCustomCss_1c18v_709 ._regionContainer_1c18v_712 svg { width: 0.28rem; height: 0.28rem; border-radius: 50%; }
@media (max-width: 768px) { ._popupCustomCss_1c18v_709 ._regionContainer_1c18v_712 svg { width: 0.55rem; height: 0.55rem; }
}
web { & #seo-footer-content { font-family: Inter, "sans-serif", 宋体; padding: 0.34rem 0px 0.71rem; } & #seo-footer-content p { margin: 0px; line-height: 0.15rem; } & #footer-see-more-button, & #footer-see-less-button { color: rgb(0, 102, 204); text-decoration: underline; cursor: pointer; font-size: 0.12rem; } & #footer-see-more-button.show, & #footer-see-less-button.show { display: inline-block !important; } & .seo-content-wrap p, & .seo-main-content p { color: rgb(134, 151, 162); font-size: 0.12rem; } & .seo-content-wrap h1, & .seo-main-content h1 { color: rgb(15, 22, 31); font-size: 0.13rem; margin: 0px 0px 0.15rem; } & .seo-content-wrap.hide { display: none !important; } & .seo-content-wrap.show { margin: 0.1rem 0px 0px; display: flex !important; } & div[class*="content-col-"] { width: 25%; padding: 0px 0.3rem 0px 0px; } & div[class*="col-row-"] { margin: 0px 0px 0.2rem; } & div[class*="col-row-"] h1, & div[class*="col-row-"] p { color: rgb(164, 164, 164); } & div[class*="col-row-"] a { color: rgb(255, 138, 0); } & .content-center { text-align: center; }
}
._bottom-special-content-container_1ianf_1 { display: flex; flex-flow: column; width: 13.4rem; margin: 0.26rem auto 0px; }
@media screen and (max-width: 768px) { ._bottom-special-content-container_1ianf_1 { width: auto; }
}
._bottom-special-content-container_1ianf_1 ._top-container_1ianf_12 { display: flex; justify-content: space-between; margin: 0px 0px 0.8rem; }
._bottom-special-content-container_1ianf_1 ._top-container_1ianf_12 ._right-container_1ianf_17 { line-height: 1.5; padding: 0px 0.47rem; width: 50%; }
._bottom-special-content-container_1ianf_1 ._top-container_1ianf_12 ._right-container_1ianf_17 ._title_1ianf_22 { color: rgb(0, 0, 0); font-size: 16px; line-height: 20px; font-weight: 600; }
._bottom-special-content-container_1ianf_1 ._top-container_1ianf_12 ._right-container_1ianf_17 ._desc_1ianf_28 { color: rgb(97, 117, 126); margin: 0.2rem 0px; }
._bottom-special-content-container_1ianf_1 ._top-container_1ianf_12 ._right-container_1ianf_17 ._terms_1ianf_32 { color: rgb(97, 117, 126); }
._bottom-special-content-container_1ianf_1 ._top-container_1ianf_12 ._right-container_1ianf_17 ._terms_1ianf_32 ol { margin: 0px 0.2rem; }
._bottom-special-content-container_1ianf_1 ._top-container_1ianf_12 ._right-container_1ianf_17 ._terms_1ianf_32 ol li { list-style: decimal; margin-bottom: 5px; }
._left-container_1ianf_43 { align-items: center; background: rgb(243, 245, 246); border-radius: 0.2rem; display: flex; flex-direction: column; justify-content: center; width: 672px; height: 530px; padding: 0px 0.59rem; }
@media screen and (max-width: 768px) { ._left-container_1ianf_43 { width: 100%; margin: 0px 0.4rem; height: auto; padding: 0px; background: transparent; }
}
._left-container_1ianf_43 ._provider-icon_1ianf_63 { width: 100%; height: auto; }
@media screen and (max-width: 768px) { ._left-container_1ianf_43 ._provider-icon_1ianf_63 { width: 158px; height: 38px; margin: 14px; }
}
._left-container_1ianf_43 ._info-container_1ianf_74 { display: flex; flex-direction: column; margin: 0.3rem auto; width: 70%; }
@media screen and (max-width: 768px) { ._left-container_1ianf_43 ._info-container_1ianf_74 { width: 100%; }
}
._left-container_1ianf_43 ._info-container_1ianf_74 ._info-form-container_1ianf_85 { margin: 0px 0px 0.2rem; }
._left-container_1ianf_43 ._info-container_1ianf_74 ._info-form-container_1ianf_85 ._info-label_1ianf_88 { margin: 0px 0px 0.1rem; color: rgb(134, 151, 162); }
._left-container_1ianf_43 ._info-container_1ianf_74 ._info-form-container_1ianf_85 ._info-input-field_1ianf_92 { position: relative; width: 100%; display: flex; align-items: center; flex-wrap: wrap; }
._left-container_1ianf_43 ._info-container_1ianf_74 ._info-form-container_1ianf_85 ._info-input-field_1ianf_92 ._info-input_1ianf_92 { background: rgb(255, 255, 255); border-radius: 0.08rem; color: rgb(15, 22, 31); padding: 0px 0.15rem; }
@media screen and (max-width: 768px) { ._left-container_1ianf_43 ._info-container_1ianf_74 ._info-form-container_1ianf_85 ._info-input-field_1ianf_92 ._info-input_1ianf_92 { border: 0.845px solid rgb(219, 224, 228); height: 35px; border-radius: 0.2rem; }
}
._left-container_1ianf_43 ._info-container_1ianf_74 ._info-form-container_1ianf_85 ._info-input-field_1ianf_92 ._info-copy-icon_1ianf_112 { cursor: pointer; position: absolute; right: 0.15rem; top: 0.08rem; }
@media screen and (max-width: 768px) { ._left-container_1ianf_43 ._info-container_1ianf_74 ._info-form-container_1ianf_85 ._info-input-field_1ianf_92 ._info-copy-icon_1ianf_112 { top: unset; }
}
._left-container_1ianf_43 ._info-container_1ianf_74 ._info-form-container_1ianf_85 ._info-input-field_1ianf_92 ._info-copy-icon_1ianf_112 ._beta-copy_1ianf_123 { height: 0.25rem; width: 0.25rem; }
@media screen and (max-width: 768px) { ._left-container_1ianf_43 ._info-container_1ianf_74 ._info-form-container_1ianf_85 ._info-input-field_1ianf_92 ._info-copy-icon_1ianf_112 ._beta-copy_1ianf_123 { height: 0.5rem; width: 0.4rem; }
}
._left-container_1ianf_43 ._info-container_1ianf_74 ._important-notice-container_1ianf_133 { display: flex; margin: 0.15rem auto; text-align: center; }
._left-container_1ianf_43 ._info-container_1ianf_74 ._notice-info_1ianf_138 { line-height: 1.5; color: rgb(134, 151, 162); }
@media screen and (max-width: 768px) { ._left-container_1ianf_43 ._info-container_1ianf_74 ._notice-info_1ianf_138 { font-size: 0.26rem; margin: 0px 0px 0.2rem; }
}
._left-container_1ianf_43 ._device-download-conatiner_1ianf_148 { display: flex; justify-content: space-between; margin: 0px auto; width: 100%; gap: 0.2rem; }
._left-container_1ianf_43 ._device-download-conatiner_1ianf_148 ._device-download-content_1ianf_155 { align-items: center; background: rgb(255, 255, 255); border-radius: 0.1rem; display: flex; justify-content: center; height: 0.4rem; width: 100%; cursor: pointer; }
@media screen and (max-width: 768px) { ._left-container_1ianf_43 ._device-download-conatiner_1ianf_148 ._device-download-content_1ianf_155 { background: rgb(243, 245, 246); height: 35px; border-radius: 0.2rem; }
}
._left-container_1ianf_43 ._device-download-conatiner_1ianf_148 ._device-download-content_1ianf_155 ._ios_1ianf_172 { fill: rgb(179, 179, 179); height: 0.25rem; margin: 0px 0.1rem 0px 0px; width: 0.25rem; }
@media screen and (max-width: 768px) { ._left-container_1ianf_43 ._device-download-conatiner_1ianf_148 ._device-download-content_1ianf_155 ._ios_1ianf_172 { width: 14px; height: 17px; }
}
._left-container_1ianf_43 ._device-download-conatiner_1ianf_148 ._device-download-content_1ianf_155 ._android_1ianf_184 { fill: rgb(133, 199, 7); height: 0.25rem; margin: 0px 0.1rem 0px 0px; width: 0.25rem; }
@media screen and (max-width: 768px) { ._left-container_1ianf_43 ._device-download-conatiner_1ianf_148 ._device-download-content_1ianf_155 ._android_1ianf_184 { width: 14px; height: 17px; }
}
._left-container_1ianf_43 ._device-download-conatiner_1ianf_148 ._disable_1ianf_196 { cursor: not-allowed; opacity: 0.7; }
._left-container_1ianf_43 ._reg-break-line-section_1ianf_200 { display: flex; align-items: center; justify-content: center; margin: 0.3rem 0px; font-size: 0.28rem; text-transform: lowercase; color: rgb(134, 151, 162); }
._left-container_1ianf_43 ._reg-break-line-section_1ianf_200 ._break-line_1ianf_209 { width: 45%; height: 0.02rem; background: rgb(219, 224, 228); }
._left-container_1ianf_43 ._reg-break-line-section_1ianf_200 span { margin: 0px 0.2rem; }
._sponsorsContainer_dv5h3_1 { --footer-sponsor-title-color: #000000; --footer-sponsor-text-color: #0F161F; display: flex; justify-content: center; align-items: center; row-gap: 0.62rem; }
[data-theme="vip"] ._sponsorsContainer_dv5h3_1 { --footer-sponsor-title-color: #A68952; --footer-sponsor-text-color: #fff; }
[data-theme="lucky-wheel"] ._sponsorsContainer_dv5h3_1 { --footer-sponsor-title-color: #00AEFF; --footer-sponsor-text-color: #fff; }
[data-theme="lucky-wheel-cny"] ._sponsorsContainer_dv5h3_1 { --footer-sponsor-title-color: #FF6A00; --footer-sponsor-text-color: #fff; }
._sponsorsContainer_dv5h3_1 ._titleSponsorContainer_dv5h3_21 { margin-right: 0.27rem; row-gap: 0.13rem; text-align: center; display: flex; flex-flow: column; justify-content: center; align-items: center; }
._sponsorsContainer_dv5h3_1 ._titleSponsorContainer_dv5h3_21 ._header_dv5h3_30 { font-size: 0.1146rem; margin-bottom: 0px; color: var(--footer-sponsor-title-color); }
._sponsorsContainer_dv5h3_1 ._titleSponsorContainer_dv5h3_21 ._dataContainer_dv5h3_35 { display: flex; }
._sponsorsContainer_dv5h3_1 ._titleSponsorContainer_dv5h3_21 ._dataContainer_dv5h3_35 ._sponsorItem_dv5h3_38 { row-gap: 0.1252rem; cursor: pointer; text-align: center; display: flex; flex-flow: column; justify-content: center; align-items: center; font-size: 0.1rem; color: var(--footer-sponsor-text-color); }
._sponsorsContainer_dv5h3_1 ._titleSponsorContainer_dv5h3_21 ._dataContainer_dv5h3_35 ._sponsorItem_dv5h3_38 ._sponsorItemImg_dv5h3_49 { max-height: 0.6648rem; width: auto; }
._sponsorsContainer_dv5h3_1 ._officialPartnersContainer_dv5h3_53 { margin-right: 0.62rem; row-gap: 0.13rem; text-align: center; display: flex; flex-flow: column; justify-content: center; align-items: center; }
._sponsorsContainer_dv5h3_1 ._officialPartnersContainer_dv5h3_53 ._header_dv5h3_30 { font-size: 0.1146rem; margin-bottom: 0px; color: var(--footer-sponsor-title-color); }
._sponsorsContainer_dv5h3_1 ._officialPartnersContainer_dv5h3_53 ._dataContainer_dv5h3_35 { display: flex; }
._sponsorsContainer_dv5h3_1 ._officialPartnersContainer_dv5h3_53 ._dataContainer_dv5h3_35 ._sponsorItem_dv5h3_38 { row-gap: 0.1252rem; cursor: pointer; text-align: center; display: flex; flex-flow: column; justify-content: center; align-items: center; font-size: 0.1rem; color: var(--footer-sponsor-text-color); }
._sponsorsContainer_dv5h3_1 ._officialPartnersContainer_dv5h3_53 ._dataContainer_dv5h3_35 ._sponsorItem_dv5h3_38 ._sponsorItemImg_dv5h3_49 { max-height: 0.6648rem; width: auto; }
._sponsorsContainer_dv5h3_1 ._officialSponsorsContainer_dv5h3_85 { margin-right: 0.7012rem; row-gap: 0.07rem; text-align: center; display: flex; flex-flow: column; justify-content: center; align-items: center; }
._sponsorsContainer_dv5h3_1 ._officialSponsorsContainer_dv5h3_85 ._header_dv5h3_30 { font-size: 0.1146rem; margin-bottom: 0px; color: var(--footer-sponsor-title-color); }
._sponsorsContainer_dv5h3_1 ._officialSponsorsContainer_dv5h3_85 ._dataContainer_dv5h3_35 { column-gap: 0.12rem; display: flex; }
._sponsorsContainer_dv5h3_1 ._officialSponsorsContainer_dv5h3_85 ._dataContainer_dv5h3_35 ._sponsorItem_dv5h3_38 { row-gap: 0.0708rem; text-align: center; display: flex; flex-flow: column; justify-content: center; align-items: center; font-size: 0.1rem; color: var(--footer-sponsor-text-color); }
._sponsorsContainer_dv5h3_1 ._officialSponsorsContainer_dv5h3_85 ._dataContainer_dv5h3_35 ._sponsorItem_dv5h3_38 ._sponsorItemImg_dv5h3_49 { max-height: 0.7792rem; width: auto; }
._sponsorsContainer_dv5h3_1 ._previousSponsorsContainer_dv5h3_117 { row-gap: 0.16rem; text-align: center; display: flex; flex-flow: column; justify-content: center; align-items: center; }
._sponsorsContainer_dv5h3_1 ._previousSponsorsContainer_dv5h3_117 ._header_dv5h3_30 { font-size: 0.1146rem; margin-bottom: 0px; color: var(--footer-sponsor-title-color); }
._sponsorsContainer_dv5h3_1 ._previousSponsorsContainer_dv5h3_117 ._dataContainer_dv5h3_35 { column-gap: 0.16rem; display: flex; }
._sponsorsContainer_dv5h3_1 ._previousSponsorsContainer_dv5h3_117 ._dataContainer_dv5h3_35 ._sponsorItem_dv5h3_38 { row-gap: 0.1391rem; text-align: center; display: flex; flex-flow: column; justify-content: center; align-items: center; font-size: 0.1rem; color: var(--footer-sponsor-text-color); }
._sponsorsContainer_dv5h3_1 ._previousSponsorsContainer_dv5h3_117 ._dataContainer_dv5h3_35 ._sponsorItem_dv5h3_38 ._sponsorItemImg_dv5h3_49 { max-height: 0.6209rem; width: auto; }
._mSponsorsContainer_dv5h3_149 { --footer-sponsor-title-color: #697882; --footer-sponsor-text-color: #0f161f; }
[data-theme="vip"] ._mSponsorsContainer_dv5h3_149 { --footer-sponsor-title-color: #A68952; }
[data-theme="lucky-wheel"] ._mSponsorsContainer_dv5h3_149 { --footer-sponsor-title-color: #00AEFF; }
[data-theme="lucky-wheel-cny"] ._mSponsorsContainer_dv5h3_149 { --footer-sponsor-title-color: #FF6A00; }
._mSponsorsContainer_dv5h3_149 ._combinedSponsorsContainer_dv5h3_162 { row-gap: calc(8 / (var(--figma-mobile-width, 390) / 768 * 100) * 1rem); display: grid; }
._mSponsorsContainer_dv5h3_149 ._combinedSponsorsContainer_dv5h3_162 ._header_dv5h3_30 { margin-bottom: 0px; color: var(--footer-sponsor-title-color); font-size: calc(10 / (var(--figma-mobile-width, 390) / 768 * 100) * 1rem); }
._mSponsorsContainer_dv5h3_149 ._combinedSponsorsContainer_dv5h3_162 ._sponsorsSwiper_dv5h3_172 { overflow: hidden; width: calc(353 / (var(--figma-mobile-width, 390) / 768 * 100) * 1rem); padding-right: calc(-9.67 / (var(--figma-mobile-width, 390) / 768 * 100) * 1rem); }
._mSponsorsContainer_dv5h3_149 ._combinedSponsorsContainer_dv5h3_162 ._sponsorsSwiper_dv5h3_172 .slick-list { width: 85%; overflow: visible; }
._mSponsorsContainer_dv5h3_149 ._combinedSponsorsContainer_dv5h3_162 ._sponsorsSwiper_dv5h3_172 ._sponsorItem_dv5h3_38 { text-align: center; flex-flow: column; justify-content: center; place-items: center; color: var(--footer-sponsor-text-color); min-height: calc(86.88 / (var(--figma-mobile-width, 390) / 768 * 100) * 1rem); font-size: calc(8 / (var(--figma-mobile-width, 390) / 768 * 100) * 1rem); row-gap: calc(7.09 / (var(--figma-mobile-width, 390) / 768 * 100) * 1rem); margin-right: calc(9.67 / (var(--figma-mobile-width, 390) / 768 * 100) * 1rem); display: grid !important; }
._mSponsorsContainer_dv5h3_149 ._combinedSponsorsContainer_dv5h3_162 ._sponsorsSwiper_dv5h3_172 ._sponsorItem_dv5h3_38 ._header_dv5h3_30 { text-wrap-mode: nowrap; min-height: calc(12 / (var(--figma-mobile-width, 390) / 768 * 100) * 1rem); }
._mSponsorsContainer_dv5h3_149 ._combinedSponsorsContainer_dv5h3_162 ._sponsorsSwiper_dv5h3_172 ._sponsorItem_dv5h3_38 ._sponsorItemImgWrapper_dv5h3_200 { min-height: calc(46 / (var(--figma-mobile-width, 390) / 768 * 100) * 1rem); }
._mSponsorsContainer_dv5h3_149 ._combinedSponsorsContainer_dv5h3_162 ._sponsorsSwiper_dv5h3_172 ._sponsorItem_dv5h3_38 ._sponsorItemImg_dv5h3_49 { max-height: calc(59.79 / (var(--figma-mobile-width, 390) / 768 * 100) * 1rem); width: auto; }
._awardsContainer_dnxtu_1 { --footer-sponsor-title-color: #0f161f; --footer-sponsor-text-color: #8697a2; row-gap: 0.15rem; text-align: center; display: flex; flex-flow: column; justify-content: center; align-items: center; }
[data-theme="vip"] ._awardsContainer_dnxtu_1 { --footer-sponsor-title-color: #A68952; --footer-sponsor-text-color: #fff; }
[data-theme="lucky-wheel"] ._awardsContainer_dnxtu_1 { --footer-sponsor-title-color: #00AEFF; --footer-sponsor-text-color: #fff; }
[data-theme="lucky-wheel-cny"] ._awardsContainer_dnxtu_1 { --footer-sponsor-title-color: #FF6A00; --footer-sponsor-text-color: #fff; }
._awardsContainer_dnxtu_1 ._header_dnxtu_23 { font-size: 0.1146rem; margin-bottom: 0px; color: var(--footer-sponsor-title-color); }
._awardsContainer_dnxtu_1 ._dataContainer_dnxtu_28 { column-gap: 0.26rem; display: flex; }
._awardsContainer_dnxtu_1 ._dataContainer_dnxtu_28 ._sponsorItem_dnxtu_32 { text-align: center; display: flex; flex-flow: column; justify-content: center; align-items: center; font-size: 0.1rem; }
._awardsContainer_dnxtu_1 ._dataContainer_dnxtu_28 ._sponsorItem_dnxtu_32 ._sponsorItemImg_dnxtu_40 { max-height: 0.92rem; width: auto; }
._awardsContainer_dnxtu_1 ._dataContainer_dnxtu_28 ._sponsorItem_dnxtu_32:first-child ._sponsorItemImg_dnxtu_40 { max-height: 0.33rem; }
._mAwardsContainer_dnxtu_48 { --footer-sponsor-title-color: #61757E; --footer-sponsor-text-color: #0f161f; row-gap: calc(13.58 / (var(--figma-mobile-width, 390) / 768 * 100) * 1rem); }
[data-theme="vip"] ._mAwardsContainer_dnxtu_48 { --footer-sponsor-title-color: #A68952; }
[data-theme="lucky-wheel"] ._mAwardsContainer_dnxtu_48 { --footer-sponsor-title-color: #00AEFF; }
[data-theme="lucky-wheel-cny"] ._mAwardsContainer_dnxtu_48 { --footer-sponsor-title-color: #FF6A00; }
._mAwardsContainer_dnxtu_48 ._header_dnxtu_23 { font-size: calc(10 / (var(--figma-mobile-width, 390) / 768 * 100) * 1rem); }
._mAwardsContainer_dnxtu_48 ._dataContainer_dnxtu_28 { display: grid; grid-template-columns: repeat(4, 1fr); row-gap: calc(14.16 / (var(--figma-mobile-width, 390) / 768 * 100) * 1rem); }
._mAwardsContainer_dnxtu_48 ._dataContainer_dnxtu_28 ._sponsorItem_dnxtu_32 { max-height: calc(43.52 / (var(--figma-mobile-width, 390) / 768 * 100) * 1rem); }
._mAwardsContainer_dnxtu_48 ._dataContainer_dnxtu_28 ._sponsorItem_dnxtu_32 ._sponsorItemImg_dnxtu_40 { max-height: calc(46 / (var(--figma-mobile-width, 390) / 768 * 100) * 1rem); }
._mAwardsContainer_dnxtu_48 ._dataContainer_dnxtu_28 ._sponsorItem_dnxtu_32:first-child { grid-column: 1 / -1; }
._mAwardsContainer_dnxtu_48 ._dataContainer_dnxtu_28 ._sponsorItem_dnxtu_32:first-child ._sponsorItemImg_dnxtu_40 { max-height: calc(23.26 / (var(--figma-mobile-width, 390) / 768 * 100) * 1rem); }
._standardButton_1sran_1 { border-radius: 0.08rem; display: flex; align-items: center; justify-content: center; gap: 0.1rem; font-size: 0.16rem; height: 0.4rem; width: 1.9rem; text-transform: capitalize; cursor: pointer; }
@media (max-width: 768px) { ._standardButton_1sran_1 { border-radius: 0.1rem; height: 0.7rem; font-size: 0.26rem; width: 100%; }
}
._standardButton_1sran_1 ._prefixIcon_1sran_21 svg, ._standardButton_1sran_1 ._suffixIcon_1sran_21 svg { fill: rgb(255, 255, 255); width: 0.22rem; }
._standardButton_1sran_1._disabled_1sran_25 { opacity: 0.5; cursor: not-allowed; }
._standardButton_1sran_1._btnPrimary_1sran_29 { background: rgb(255, 138, 0); color: rgb(255, 255, 255); }
._standardButton_1sran_1._btnSecondary_1sran_33 { background: rgb(0, 113, 227); color: rgb(255, 255, 255); }
._homeTitleSection_28h8m_1 { display: flex; align-items: center; justify-content: space-between; color: rgb(15, 22, 31); margin: 0px 0px 0.22rem; position: relative; height: 0.21rem; }
._homeTitleSection_28h8m_1 ._homeTitle_28h8m_1 { font-weight: 600; font-size: 0.18rem; margin: 0px; }
@media (max-width: 768px) { ._homeTitleSection_28h8m_1 ._homeTitle_28h8m_1 { font-size: 0.3rem; }
}
._homeTitleSection_28h8m_1 ._seeAll_28h8m_20 { font-size: 0.16rem; text-decoration: underline; margin: 0px; cursor: pointer; }
@media (max-width: 768px) { ._homeTitleSection_28h8m_1 ._seeAll_28h8m_20 { font-size: 0.24rem; }
}
@media (max-width: 768px) { ._homeTitleSection_28h8m_1 { padding: 0px 0.21rem 0px 0.23rem; margin: 0px 0px 0.32rem; }
}
._headerContainer_50vbk_1 { display: flex; flex-direction: column; gap: 0.36rem; }
._headerContainerHeader1_50vbk_7 { display: flex; justify-content: space-between; font-weight: 600; color: rgb(15, 22, 31); width: 100%; font-size: 0.14rem; }
._HomeHeaderContainerHeader1Title_50vbk_16 { width: 88%; font-size: 0.32rem; }
._HomeHeaderContainerHeader1Title_50vbk_16 p { margin: 0px; }
._DownloadHeaderContainerHeader1Title_50vbk_24 { width: 100%; }
._headerContainerHeaderAppIcon_50vbk_28 { width: 12%; }
._headerContainerHeaderAppIcon_50vbk_28 img { margin: 0.1rem 0px 0px; width: 100%; }
._mHeaderContainer_50vbk_36 { width: 5.25rem; }
._mHeaderContainer_50vbk_36._DownloadHeaderContainer_50vbk_24 { width: 88%; gap: 0.5rem; }
._mHeaderContainer_50vbk_36 ._DownloadHeaderContainerHeader1_50vbk_24 { width: 100%; }
._mHeaderContainer_50vbk_36 ._DownloadHeaderContainerHeader1Title_50vbk_24 { font-size: 0.46rem; text-align: center; }
._mHeaderContainer_50vbk_36 ._DownloadHeaderContainerHeader1Title_50vbk_24 p { width: auto; }
._mHeaderContainer_50vbk_36 ._headerContainerHeader2_50vbk_53 { font-size: 0.24rem; color: rgb(134, 151, 162); }
._mHeaderContainer_50vbk_36 ._DownloadHeaderContainerHeader2_50vbk_57 { margin: 0px; font-size: 0.28rem; text-align: center; }
@media (max-width: 1024px) { ._headerContainerHeaderAppIcon_50vbk_28 { width: 0.57rem; height: 0.57rem; } ._headerContainerHeaderAppIcon_50vbk_28 img { margin: 0.1rem 0px 0px; width: 100%; } ._headerContainerHeader1Title_50vbk_72 { font-size: 0.3rem; }
}
._appDownloadComponent_b3x3k_1 { display: flex; }
._appLandingBanner_b3x3k_5 { width: 100%; height: 100%; }
._appLandingInfoContent_b3x3k_10 { width: 5.91rem; margin: 0.63rem 0.08rem 0px 0px; }
._appDownloadContainer_b3x3k_15 { display: flex; align-items: center; gap: 0.47rem; margin: 0.69rem 0px 0px; }
._downloadItem_b3x3k_22 { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.2rem; }
._downloadQr_b3x3k_30 { border: 0.01rem solid rgb(207, 207, 207); border-radius: 0.05rem; width: 1.2rem !important; height: 1.2rem !important; }
._DownloadDownloadQr_b3x3k_37 { border: none; }
._osName_b3x3k_41 { display: flex; align-items: center; justify-content: center; width: 1.34rem; background: rgb(243, 246, 246); color: rgb(15, 22, 31); border-radius: 0.2rem; margin: 0.16rem 0px 0px; cursor: pointer; padding: 0.05rem; font-size: 0.14rem; }
._osName_b3x3k_41 svg { margin: 0px 0.1rem 0px 0px; }
._osName_b3x3k_41 svg._ios_b3x3k_57 { width: 0.14rem; height: 0.2rem; fill: rgb(179, 179, 179); }
._osName_b3x3k_41 svg._android_b3x3k_62 { width: 0.16rem; height: 0.2rem; fill: rgb(133, 199, 7); }
._osNameDownload_b3x3k_68 { background: rgb(255, 255, 255); color: rgb(134, 151, 162); }
._instructionBtn_b3x3k_73 { color: rgb(0, 102, 204); cursor: pointer; font-size: 0.16rem; }
._rightContainer_b3x3k_79 { display: flex; justify-content: space-between; width: 7.13rem; height: 7.78rem; background-repeat: no-repeat; background-size: 65%; background-position: -8% 295%; padding: 0px 0px 0px 2.88rem; color: rgb(255, 255, 255); }
._DownloadAppInstallConatiner_b3x3k_93 { margin: 0.5rem 0.55rem 0px; display: grid; grid-template-areas: "box1 box2" "box3 box4"; gap: 0.2rem; color: rgb(255, 255, 255); }
._appInstallContainer2_b3x3k_101 { margin: 1.12rem 0px 0px; }
._appInstallBox_b3x3k_105 { display: flex; flex-direction: column; width: 2.06rem; height: 2.77rem; border-radius: 0.15rem; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; padding: 1.75rem 0.15rem 0px 0.2rem; font-size: 0.18rem; }
._appInstallBox_b3x3k_105:not(:first-child) { margin: 0.14rem 0px 0px; }
._DownloadAppInstallBox_b3x3k_122 { height: 4.6rem; width: 100%; justify-content: flex-end; padding: 0px 0.4rem 0.3rem; }
._DownloadAppInstallBox_b3x3k_122:not(:first-child) { margin: 0px; }
._DownloadAppInstallBox10_b3x3k_132 { grid-area: box1; }
._DownloadAppInstallBox11_b3x3k_136 { grid-area: box3; }
._DownloadAppInstallBox20_b3x3k_140 { grid-area: box2; }
._DownloadAppInstallBox21_b3x3k_144 { grid-area: box4; }
._appInstallTitle_b3x3k_148 { font-size: 0.18rem; }
._DownloadAppInstallTitle_b3x3k_152 { font-size: 0.28rem; }
._appInstallDesc_b3x3k_156 { margin: 0.08rem 0px 0px; font-size: 0.14rem; }
._DownloadAppInstallDesc_b3x3k_161 { margin: 0.15rem 0px 0px; font-size: 0.21rem; }
._mAppDownloadComponent_b3x3k_166 { flex-direction: column; align-items: center; }
._mAppDownloadComponent_b3x3k_166 ._mAppDownloadContainer_b3x3k_170 { gap: 0.52rem; }
._mAppDownloadComponent_b3x3k_166 ._DownloadAppDownloadContainer_b3x3k_173 { justify-content: center; }
._mAppDownloadComponent_b3x3k_166 ._osName_b3x3k_41 { margin: 0px; width: 2.86rem; border-radius: 0.1rem; padding: 0.08rem; font-size: 0.28rem; height: auto; }
._mAppDownloadComponent_b3x3k_166 ._osName_b3x3k_41 svg { width: 0.3rem !important; height: 0.41rem !important; }
._mAppDownloadComponent_b3x3k_166 ._osNameDownload_b3x3k_68 { color: rgb(15, 22, 31); }
._mAppDownloadComponent_b3x3k_166 ._rightContainer_b3x3k_79 { height: auto; }
._mAppDownloadComponent_b3x3k_166 ._DownloadRightContainer_b3x3k_194 { display: block; width: 100%; padding: 0px; }
._mAppDownloadComponent_b3x3k_166 ._DownloadRightContainer_b3x3k_194 p { margin: 1.3rem 0.55rem 0px; font-size: 0.32rem; color: rgb(15, 22, 31); font-weight: 600; }
._mAppDownloadComponent_b3x3k_166 ._instructionBtn_b3x3k_73 { font-size: 0.32rem; }
._mAppDownloadComponent_b3x3k_166 ._appInstallBox_b3x3k_105 { width: 100%; height: 4.6rem; padding: 0px 0.4rem 0.3rem; }
._mAppLandingInfoContent_b3x3k_214 { margin: 0px !important; width: auto !important; }
._mAppLandingInfoContent_b3x3k_214._DownloadAppLandingInfoContent_b3x3k_218 { display: flex; flex-direction: column; align-items: center; }
._mAppLandingInfoContent_b3x3k_214 ._mAppDownloadContainer_b3x3k_170 { gap: 0.52rem; }
._mAppLandingInfoContent_b3x3k_214 ._DownloadAppDownloadContainer_b3x3k_173 { justify-content: center; }
._mAppLandingInfoContent_b3x3k_214 ._osName_b3x3k_41 { margin: 0px; width: 2.86rem; border-radius: 0.1rem; padding: 0.08rem; font-size: 0.28rem; height: auto; }
._mAppLandingInfoContent_b3x3k_214 ._osName_b3x3k_41 svg { width: 0.3rem !important; height: 0.41rem !important; }
._mAppLandingInfoContent_b3x3k_214 ._osNameDownload_b3x3k_68 { color: rgb(15, 22, 31); }
._mAppLandingInfoContent_b3x3k_214 ._rightContainer_b3x3k_79 { height: auto; }
._mAppLandingInfoContent_b3x3k_214 ._DownloadRightContainer_b3x3k_194 { display: block; width: 100%; padding: 0px; }
._mAppLandingInfoContent_b3x3k_214 ._DownloadRightContainer_b3x3k_194 p { margin: 1.3rem 0.55rem 0px; font-size: 0.32rem; color: rgb(15, 22, 31); font-weight: 600; }
._mAppLandingInfoContent_b3x3k_214 ._instructionBtn_b3x3k_73 { font-size: 0.32rem; }
._mAppLandingInfoContent_b3x3k_214 ._appInstallBox_b3x3k_105 { width: 100%; height: 4.6rem; padding: 0px 0.4rem 0.3rem; }
@media (max-width: 1024px) { ._appLandingInfoContent_b3x3k_10 { width: 5.08rem; margin: 0.54rem 0.08rem 0px 0px; } ._rightContainer_b3x3k_79 { width: 6.13rem; height: 6.69rem; padding: 0px 0px 0px 2.47rem; } ._osName_b3x3k_41 { width: 1.15rem; height: 0.23rem; } ._downloadQr_b3x3k_30 { width: 0.86rem !important; height: 0.86rem !important; } ._appInstallBox_b3x3k_105 { width: 1.77rem; height: 2.38rem; padding: 1.5rem 0.02rem 0px 0.22rem; }
}
.beta-menu-close .st0 { fill: url("#beta-menu-close-SVGID_1_"); }
.beta-menu-close .st1 { fill: url("#beta-menu-close-SVGID_2_"); }
.beta-menu-close .st2 { fill: url("#beta-menu-close-SVGID_3_"); }
.beta-sponsors .st0 { fill: rgb(255, 108, 0); }
.beta-sponsors .st1 { fill: url("#beta-sponsors-beta-sponsors-SVGID_1_"); }
.beta-vip .st1 { fill: url("#beta-vip-beta-vip-SVGID_1_"); }
.beta-vip .st2 { fill: rgb(248, 155, 28); }
.beta-leaderboard .st1 { fill: url("#beta-leaderboard-beta-leaderboard-SVGID_1_"); }
.beta-leaderboard .st13 { fill: rgb(228, 68, 51); }
.beta-win-icon .st0 { fill: rgb(2, 119, 214); }
.beta-win-icon .st1 { fill: rgb(248, 149, 29); }
.beta-win-icon .st2 { }
.beta-win-icon .st3 { fill: rgb(255, 255, 255); }
.beta-download .st1 { fill: url("#beta-download-beta-download-SVGID_1_"); }
.beta-download .st6 { fill: rgb(0, 179, 34); }
.beta-home .st0 { fill: url("#beta-home-beta-home-SVGID_1_"); }
.beta-singapore .st0 { fill: rgb(255, 255, 255); stroke: rgb(206, 206, 206); stroke-width: 0.25; stroke-miterlimit: 10; }
.beta-singapore .st1 { fill: rgb(188, 1, 0); }
.beta-singapore .st2 { fill: rgb(255, 255, 255); }
.beta-promo .st0 { fill: url("#beta-promo-beta-promo-SVGID_1_"); }
.beta-sports .st0 { fill: url("#beta-sports-beta-sports-SVGID_1_"); }
.beta-esports .st0 { fill: url("#beta-esports-beta-esports-SVGID_1_"); }
.beta-casino .st0 { fill: url("#beta-casino-beta-casino-SVGID_1_"); }
.star-border-icon .st0 { fill: rgb(224, 9, 44); }
.star-border-icon .st1 { fill: rgb(255, 255, 255); }
.beta-slots .st0 { fill: url("#beta-slots-beta-slots-SVGID_1_"); }
.star-border-icon .st0 { fill: rgb(224, 9, 44); }
.star-border-icon .st1 { fill: rgb(255, 255, 255); }
.beta-fishing .st0 { fill: url("#beta-fishing-beta-fishing-SVGID_1_"); }
.beta-lottery .st0 { fill: url("#beta-lottery-beta-lottery-SVGID_1_"); }
.beta-3dgames .st0 { fill: url("#beta-3dgames-beta-3dgames-SVGID_1_"); }
.beta-desktop .st0 { fill: url("#beta-desktop-beta-desktop-SVGID_1_"); }
.beta-more .st0 { fill: url("#beta-more-SVGID_1_"); }
.beta-more .st1 { fill: url("#beta-more-SVGID_2_"); }
.beta-more .st2 { fill: url("#beta-more-SVGID_3_"); }
.beta-more .st3 { fill: url("#beta-more-SVGID_4_"); }
.beta-app-download .st0 { fill: url("#beta-app-download-beta-app-download-SVGID_1_"); }
.beta-app-download .st1 { fill: url("#beta-app-download-beta-app-download-SVGID_00000010297294017065906820000017274727707380292233_"); }
.beta-app-download .st2 { fill: url("#beta-app-download-beta-app-download-SVGID_00000056407404501257954740000015882627849619481010_"); }
.beta-app-download .st3 { fill: url("#beta-app-download-beta-app-download-SVGID_00000109717316405179530450000014593994683444393608_"); }
.beta-app-download .st4 { fill: url("#beta-app-download-beta-app-download-SVGID_00000029724209106737134640000015625822433989175215_"); }
.beta-app-download .st5 { fill: url("#beta-app-download-beta-app-download-SVGID_00000076561242041476793430000004731013466542826635_"); }
.beta-app-download .st6 { fill: url("#beta-app-download-beta-app-download-SVGID_00000072282431382481449940000006456800412620918449_"); }
.beta-app-download .st7 { fill: url("#beta-app-download-beta-app-download-SVGID_00000128443574353743076390000009821564975085071017_"); }
.beta-app-download .st8 { fill: url("#beta-app-download-beta-app-download-SVGID_00000049190057236292462690000016154387707920581278_"); }
.beta-app-download .st9 { fill: url("#beta-app-download-beta-app-download-SVGID_00000074432164108227391300000001846307670791121570_"); }
.beta-app-download .st10 { fill: url("#beta-app-download-beta-app-download-SVGID_00000043442462119611865030000013230657888583620736_"); }
.beta-app-download .st11 { fill: url("#beta-app-download-beta-app-download-SVGID_00000183235805683025549890000012286858781008227224_"); }
.beta-app-download .st12 { fill: url("#beta-app-download-beta-app-download-SVGID_00000000202128612976624570000000455846575035838606_"); }
.beta-app-download .st13 { fill: url("#beta-app-download-beta-app-download-SVGID_00000014603620987901391950000010358623354916362116_"); }
.beta-app-download .st14 { fill: rgb(224, 9, 44); }
.beta-app-download .st15 { fill: rgb(255, 255, 255); }
.microphone-icon .st0 { fill: url("#microphone-icon-microphone-icon-SVGID_1_"); }
.microphone-icon .st1 { fill: url("#microphone-icon-microphone-icon-SVGID_2_"); }
.microphone-icon .st2 { fill: url("#microphone-icon-microphone-icon-SVGID_3_"); }
.microphone-icon .st3 { fill: url("#microphone-icon-microphone-icon-SVGID_4_"); }
.star-border-icon .st0 { fill: rgb(224, 9, 44); }
.star-border-icon .st1 { fill: rgb(255, 255, 255); }
.beta-singapore .st0 { fill: rgb(255, 255, 255); stroke: rgb(206, 206, 206); stroke-width: 0.25; stroke-miterlimit: 10; }
.beta-singapore .st1 { fill: rgb(188, 1, 0); }
.beta-singapore .st2 { fill: rgb(255, 255, 255); }
.loading_top_bar-relative { position: relative; }
@keyframes move-shadow { 0% { left: 0px; } 100% { left: calc(100% - 20px); }
}
.h1{font-size:36px;}.h2{font-size:32px;}.h3{font-size:24px;}.h4{font-size:20px;}.h5{font-size:18px;}.h6{font-size:16px;}.p{font-size:14px;}.small{font-size:12px;}.xs{font-size:10px;}.xss{font-size:8px;}.Regular{font-family:'Inter';font-weight:400;}.SemiBold{font-family:'Inter';font-weight:400;}.Bold{font-family:'Inter';font-weight:400;}.Bold{font-family:'Inter';font-weight:800;}@media (max-width:768px){.h1{font-size:0.73728rem;}.h2{font-size:0.65536rem;}.h3{font-size:0.49152rem;}.h4{font-size:0.4096rem;}.h5{font-size:0.36864rem;}.h6{font-size:0.32768rem;}.p{font-size:0.28672rem;}.small{font-size:0.24576rem;}.xs{font-size:0.2048rem;}.xss{font-size:0.16384rem;}}.global-placeholder{display:block;width:100%;height:100%;background:#0000001a;overflow:hidden;img{max-height:0;opacity:0;transition:opacity 0.2s ease-in;}}.global-placeholder.lazy-load-image-loaded{padding-top:0;img{max-height:none;opacity:1;}}.svg-placeholder{img{opacity:0;transition:opacity 0.2s ease-in;}}.svg-placeholder.lazy-load-image-loaded{img{opacity:1;}}:root{--gameTab--topGameWrapper--paddingBottom:2rem;--gameTab--topGameWrapper--marginBottom:-2rem;--gameTab--topGameWrapper--boxSizing:content-box;}
web{#seo-footer-content{font-family:'Inter', 'sans-serif', '宋体';padding:0.34rem 0 0.71rem}#seo-footer-content p{margin:0;line-height:0.15rem}#footer-see-more-button, #footer-see-less-button{color:#0066cc;text-decoration:underline;cursor:pointer;font-size:0.12rem}#footer-see-more-button.show, #footer-see-less-button.show{display:inline-block !important}.seo-content-wrap p, .seo-main-content p{color:#8697a2;font-size:0.12rem}.seo-content-wrap h1, .seo-main-content h1{color:#0f161f;font-size:0.13rem;margin:0 0 0.15rem}.seo-content-wrap.hide{display:none !important}.seo-content-wrap.show{display:flex !important;margin:0.1rem 0 0}div[class*='content-col-']{width:25%;padding:0 0.3rem 0 0}div[class*='col-row-']{margin:0 0 0.2rem}div[class*='col-row-'] h1, div[class*='col-row-'] p{color:#a4a4a4}div[class*='col-row-'] a{color:#ff8a00}.content-center{text-align:center}} .beta-menu-close .st0{fill:url(#beta-menu-close-SVGID_1_);} .beta-menu-close .st1{fill:url(#beta-menu-close-SVGID_2_);} .beta-menu-close .st2{fill:url(#beta-menu-close-SVGID_3_);} .beta-sponsors .st0{fill:#FF6C00;} .beta-sponsors .st1{fill:url(#beta-sponsors-beta-sponsors-SVGID_1_);} .beta-vip .st1{fill:url(#beta-vip-beta-vip-SVGID_1_);} .beta-vip .st2{fill:#F89B1C;} .beta-leaderboard .st1{fill:url(#beta-leaderboard-beta-leaderboard-SVGID_1_);} .beta-leaderboard .st13{fill:#E44433;} .beta-win-icon .st0{fill:#0277D6;} .beta-win-icon .st1{fill:#F8951D;} .beta-win-icon .st2{enable-background:new ;} .beta-win-icon .st3{fill:#FFFFFF;} .beta-download .st1{fill:url(#beta-download-beta-download-SVGID_1_);} .beta-download .st6{fill:#00B322;} .beta-home .st0{fill:url(#beta-home-beta-home-SVGID_1_);} .beta-singapore .st0{fill:#FFFFFF;stroke:#CECECE;stroke-width:0.25;stroke-miterlimit:10;} .beta-singapore .st1{fill:#BC0100;} .beta-singapore .st2{fill:#FFFFFF;} .beta-promo .st0{fill:url(#beta-promo-beta-promo-SVGID_1_);} .beta-sports .st0{fill:url(#beta-sports-beta-sports-SVGID_1_);} .beta-esports .st0{fill:url(#beta-esports-beta-esports-SVGID_1_);} .beta-casino .st0{fill:url(#beta-casino-beta-casino-SVGID_1_);} .star-border-icon .st0{fill:#E0092C;} .star-border-icon .st1{fill:#FFFFFF;} .beta-slots .st0{fill:url(#beta-slots-beta-slots-SVGID_1_);} .star-border-icon .st0{fill:#E0092C;} .star-border-icon .st1{fill:#FFFFFF;} .beta-fishing .st0{fill:url(#beta-fishing-beta-fishing-SVGID_1_);} .beta-lottery .st0{fill:url(#beta-lottery-beta-lottery-SVGID_1_);} .beta-3dgames .st0{fill:url(#beta-3dgames-beta-3dgames-SVGID_1_);} .beta-desktop .st0{fill:url(#beta-desktop-beta-desktop-SVGID_1_);} .beta-more .st0{fill:url(#beta-more-SVGID_1_);} .beta-more .st1{fill:url(#beta-more-SVGID_2_);} .beta-more .st2{fill:url(#beta-more-SVGID_3_);} .beta-more .st3{fill:url(#beta-more-SVGID_4_);} .beta-app-download .st0{fill:url(#beta-app-download-beta-app-download-SVGID_1_);} .beta-app-download .st1{fill:url(#beta-app-download-beta-app-download-SVGID_00000010297294017065906820000017274727707380292233_);} .beta-app-download .st2{fill:url(#beta-app-download-beta-app-download-SVGID_00000056407404501257954740000015882627849619481010_);} .beta-app-download .st3{fill:url(#beta-app-download-beta-app-download-SVGID_00000109717316405179530450000014593994683444393608_);} .beta-app-download .st4{fill:url(#beta-app-download-beta-app-download-SVGID_00000029724209106737134640000015625822433989175215_);} .beta-app-download .st5{fill:url(#beta-app-download-beta-app-download-SVGID_00000076561242041476793430000004731013466542826635_);} .beta-app-download .st6{fill:url(#beta-app-download-beta-app-download-SVGID_00000072282431382481449940000006456800412620918449_);} .beta-app-download .st7{fill:url(#beta-app-download-beta-app-download-SVGID_00000128443574353743076390000009821564975085071017_);} .beta-app-download .st8{fill:url(#beta-app-download-beta-app-download-SVGID_00000049190057236292462690000016154387707920581278_);} .beta-app-download .st9{fill:url(#beta-app-download-beta-app-download-SVGID_00000074432164108227391300000001846307670791121570_);} .beta-app-download .st10{fill:url(#beta-app-download-beta-app-download-SVGID_00000043442462119611865030000013230657888583620736_);} .beta-app-download .st11{fill:url(#beta-app-download-beta-app-download-SVGID_00000183235805683025549890000012286858781008227224_);} .beta-app-download .st12{fill:url(#beta-app-download-beta-app-download-SVGID_00000000202128612976624570000000455846575035838606_);} .beta-app-download .st13{fill:url(#beta-app-download-beta-app-download-SVGID_00000014603620987901391950000010358623354916362116_);} .beta-app-download .st14{fill:#E0092C;} .beta-app-download .st15{fill:#FFFFFF;} .microphone-icon .st0{fill:url(#microphone-icon-microphone-icon-SVGID_1_);} .microphone-icon .st1{fill:url(#microphone-icon-microphone-icon-SVGID_2_);} .microphone-icon .st2{fill:url(#microphone-icon-microphone-icon-SVGID_3_);} .microphone-icon .st3{fill:url(#microphone-icon-microphone-icon-SVGID_4_);} .star-border-icon .st0{fill:#E0092C;} .star-border-icon .st1{fill:#FFFFFF;} .beta-singapore .st0{fill:#FFFFFF;stroke:#CECECE;stroke-width:0.25;stroke-miterlimit:10;} .beta-singapore .st1{fill:#BC0100;} .beta-singapore .st2{fill:#FFFFFF;} .loading_top_bar-relative { position: relative; } @keyframes move-shadow { 0% { left: 0; } 100% { left: calc(100% - 20px); } } .slick-prev, .slick-next { display: none !important; }