#s4-dynamic-popup-modal.dynamic__modal .icon-close-btn { color: rgb(255, 255, 255); cursor: pointer; z-index: 2; width: 56px; height: 56px; display: block; position: absolute; right: 0px; }
#s4-dynamic-popup-modal.dynamic__modal .modal-dialog { width: fit-content; max-width: 100vw; }
@media screen and (max-width: 767px) {
  #s4-dynamic-popup-modal.dynamic__modal .modal-dialog { margin: initial; }
}
#s4-dynamic-popup-modal.dynamic__modal .modal-body { max-width: 90vw; padding: initial; width: 800px; margin: auto; }
@media screen and (max-width: 767px) {
  #s4-dynamic-popup-modal.dynamic__modal .modal-body { width: 100vw; max-width: 100vw; }
}
#s4-dynamic-popup-modal.dynamic__modal .modal-content { border: initial; background: 0px 0px; }
#s4-dynamic-popup-modal.dynamic__modal .modal-content.dynamic-popup { background-image: url("https://ssv88.co/wp-content/uploads/2026/11/asset.webp"); }
#s4-dynamic-popup-modal.dynamic__modal .embla__dots { justify-content: center; align-items: center; gap: 8px; height: 24px; display: flex; bottom: 0px; }
#s4-dynamic-popup-modal.dynamic__modal .embla__dots .embla__dot { opacity: 1; background-color: rgb(173, 183, 204); border-width: 0px; border-radius: 999px; width: 8px; height: 8px; }
#s4-dynamic-popup-modal.dynamic__modal .embla__dots .embla__dot--selected { background-color: rgb(97, 185, 250); border-radius: 16px; width: 24px; padding-left: 0px; padding-right: 0px; }
#s4-dynamic-popup-modal.dynamic__modal .custom-checkbox { color: rgb(255, 255, 255); justify-content: center; align-items: center; margin: 15px 0px; font-weight: 700; display: flex; }
#s4-dynamic-popup-modal.dynamic__modal .custom-checkbox .form-check-input { background-color: rgb(30, 51, 104); border: 1px solid rgb(85, 94, 118); border-radius: 4px; flex-grow: 0; flex-shrink: 0; width: 24px; height: 24px; margin-top: 0px; margin-right: 8px; display: inline-block; }
#s4-dynamic-popup-modal.dynamic__modal .custom-checkbox .form-check-input:hover { border-color: rgb(19, 150, 248); box-shadow: rgba(19, 150, 248, 0.5) 0px 0px 0px 2px; }
#s4-dynamic-popup-modal.dynamic__modal .custom-checkbox .form-check-input:checked { background-color: rgb(19, 150, 248); border-color: rgb(19, 150, 248); }
#s4-dynamic-popup-modal.dynamic__modal .dynamic-popup__item { justify-content: center; height: 600px; display: flex; }
.dynamic__modal .dynamic-popup__hero-swiper { width: 800px; max-width: 90vw; max-height: 600px; }
@media screen and (max-width: 767px) {
  #s4-dynamic-popup-modal.dynamic__modal .dynamic-popup__item { height: 70vh; }
  #s4-dynamic-popup-modal.dynamic__modal .dynamic-popup__hero-swiper { width: 100vw; max-width: 100vw; max-height: none; }
}
#s4-dynamic-popup-modal.dynamic__modal .dynamic-popup__item img { cursor: pointer; object-fit: contain; max-width: 100%; height: 600px; }
@media screen and (max-width: 767px) {
  #s4-dynamic-popup-modal.dynamic__modal .dynamic-popup__item img { height: 70vh; }
}
#s4-dynamic-popup-modal.dynamic__modal .dynamic-popup__checkbox { color: rgb(255, 255, 255); justify-content: center; align-items: center; gap: 8px; margin: 15px 0px; display: flex; position: relative; }
#s4-dynamic-popup-modal.dynamic__modal .dynamic-popup__checkbox .custom-checkbox { opacity: 0; z-index: -1; position: absolute; }
#s4-dynamic-popup-modal.dynamic__modal .dynamic-popup__checkbox .custom-checkbox + label { cursor: pointer; user-select: none; align-items: center; display: inline-flex; }
.dynamic__modal.modal { --bs-modal-zindex: 1055; --bs-modal-width: 500px; --bs-modal-padding: calc(1 * var(--c4-rem,16px)); --bs-modal-margin: calc(.5 * var(--c4-rem,16px)); --bs-modal-color: var(--bs-body-color); --bs-modal-bg: var(--bs-body-bg); --bs-modal-border-color: var(--bs-border-color-translucent); --bs-modal-border-width: var(--bs-border-width); --bs-modal-border-radius: var(--bs-border-radius-lg); --bs-modal-box-shadow: var(--bs-box-shadow-sm); --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width)); --bs-modal-header-padding-x: calc(1 * var(--c4-rem,16px)); --bs-modal-header-padding-y: calc(1 * var(--c4-rem,16px)); --bs-modal-header-padding: calc(1 * var(--c4-rem,16px)) calc(1 * var(--c4-rem,16px)); --bs-modal-header-border-color: var(--bs-border-color); --bs-modal-header-border-width: var(--bs-border-width); --bs-modal-title-line-height: 1.5; --bs-modal-footer-gap: calc(.5 * var(--c4-rem,16px)); --bs-modal-footer-bg: ; --bs-modal-footer-border-color: var(--bs-border-color); --bs-modal-footer-border-width: var(--bs-border-width); width: 100%; height: 100%; z-index: var(--bs-modal-zindex); outline: 0px; display: none; position: fixed; top: 0px; left: 0px; overflow: hidden auto; }
.dynamic__modal .modal-dialog { margin: var(--bs-modal-margin); pointer-events: none; width: auto; position: relative; }
.dynamic__modal.modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translateY(-50px); }
@media (prefers-reduced-motion: reduce) {
  .dynamic__modal.modal.fade .modal-dialog { transition: none; }
}
.dynamic__modal.modal.show .modal-dialog { transform: none; }
.dynamic__modal.modal.modal-static .modal-dialog { transform: scale(1.02); }
.dynamic__modal .modal-dialog-scrollable { height: calc(100% - var(--bs-modal-margin) * 2); }
.dynamic__modal .modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden; }
.dynamic__modal .modal-dialog-scrollable .modal-body, .dynamic__modal .modal-fullscreen .modal-body { overflow-y: auto; }
.dynamic__modal .modal-dialog-centered { min-height: calc(100% - var(--bs-modal-margin) * 2); align-items: center; display: flex; }
.dynamic__modal .modal-content { background-clip: padding-box; background-color: var(--bs-modal-bg); border: var(--bs-modal-border-width) solid var(--bs-modal-border-color); border-radius: var(--bs-modal-border-radius); color: var(--bs-modal-color); pointer-events: auto; outline: 0px; flex-direction: column; width: 100%; display: flex; position: relative; }
.modal-backdrop { --bs-backdrop-zindex: 1050; --bs-backdrop-bg: #000; --bs-backdrop-opacity: .5; background-color: var(--bs-backdrop-bg); width: 100vw; height: 100vh; z-index: var(--bs-backdrop-zindex); position: fixed; top: 0px; left: 0px; }
.modal-backdrop.fade { opacity: 0; }
.modal-backdrop.show { opacity: var(--bs-backdrop-opacity); }
.dynamic__modal .modal-header { border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color); border-top-left-radius: var(--bs-modal-inner-border-radius); border-top-right-radius: var(--bs-modal-inner-border-radius); padding: var(--bs-modal-header-padding); flex-shrink: 0; align-items: center; display: flex; }
.dynamic__modal .modal-header .btn-close { margin-bottom: calc(var(--bs-modal-header-padding-y) * -.5); margin-left: auto; margin-right: calc(var(--bs-modal-header-padding-x) * -.5); margin-top: calc(var(--bs-modal-header-padding-y) * -.5); padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5); }
.dynamic__modal .modal-title { line-height: var(--bs-modal-title-line-height); margin-bottom: 0px; }
.dynamic__modal .modal-body { padding: var(--bs-modal-padding); flex: 1 1 auto; position: relative; }
.dynamic__modal .modal-footer { background-color: var(--bs-modal-footer-bg); border-bottom-left-radius: var(--bs-modal-inner-border-radius); border-bottom-right-radius: var(--bs-modal-inner-border-radius); border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color); padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5); flex-wrap: wrap; flex-shrink: 0; justify-content: flex-end; align-items: center; display: flex; }
.dynamic__modal .modal-footer > * { margin: calc(var(--bs-modal-footer-gap) * .5); }
@media (min-width: 576px) {
  .dynamic__modal.modal { --bs-modal-margin: calc(1.75 * var(--c4-rem,16px)); --bs-modal-box-shadow: var(--bs-box-shadow); }
  .dynamic__modal .modal-dialog { max-width: var(--bs-modal-width); margin-left: auto; margin-right: auto; }
  .dynamic__modal .modal-sm { --bs-modal-width: 300px; }
}
@media (min-width: 992px) {
  .dynamic__modal .modal-lg, .dynamic__modal .modal-xl { --bs-modal-width: 800px; }
}
@media (min-width: 1200px) {
  .dynamic__modal .modal-xl { --bs-modal-width: 1140px; }
}
.dynamic__modal .modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0px; }
.dynamic__modal .modal-fullscreen .modal-content { border: 0px; border-radius: 0px; height: 100%; }
.dynamic__modal .modal-fullscreen .modal-footer, .dynamic__modal .modal-fullscreen .modal-header { border-radius: 0px; }
@media (max-width: 575.98px) {
  .dynamic__modal .modal-fullscreen-sm-down { width: 100vw; max-width: none; height: 100%; margin: 0px; }
  .dynamic__modal .modal-fullscreen-sm-down .modal-content { border: 0px; border-radius: 0px; height: 100%; }
  .dynamic__modal .modal-fullscreen-sm-down .modal-footer, .dynamic__modal .modal-fullscreen-sm-down .modal-header { border-radius: 0px; }
  .dynamic__modal .modal-fullscreen-sm-down .modal-body { overflow-y: auto; }
}
@media (max-width: 767.98px) {
  .dynamic__modal .modal-fullscreen-md-down { width: 100vw; max-width: none; height: 100%; margin: 0px; }
  .dynamic__modal .modal-fullscreen-md-down .modal-content { border: 0px; border-radius: 0px; height: 100%; }
  .dynamic__modal .modal-fullscreen-md-down .modal-footer, .dynamic__modal .modal-fullscreen-md-down .modal-header { border-radius: 0px; }
  .dynamic__modal .modal-fullscreen-md-down .modal-body { overflow-y: auto; }
}
@media (max-width: 991.98px) {
  .dynamic__modal .modal-fullscreen-lg-down { width: 100vw; max-width: none; height: 100%; margin: 0px; }
  .dynamic__modal .modal-fullscreen-lg-down .modal-content { border: 0px; border-radius: 0px; height: 100%; }
  .dynamic__modal .modal-fullscreen-lg-down .modal-footer, .dynamic__modal .modal-fullscreen-lg-down .modal-header { border-radius: 0px; }
  .dynamic__modal .modal-fullscreen-lg-down .modal-body { overflow-y: auto; }
}
@media (max-width: 1199.98px) {
  .dynamic__modal .modal-fullscreen-xl-down { width: 100vw; max-width: none; height: 100%; margin: 0px; }
  .dynamic__modal .modal-fullscreen-xl-down .modal-content { border: 0px; border-radius: 0px; height: 100%; }
  .dynamic__modal .modal-fullscreen-xl-down .modal-footer, .dynamic__modal .modal-fullscreen-xl-down .modal-header { border-radius: 0px; }
  .dynamic__modal .modal-fullscreen-xl-down .modal-body { overflow-y: auto; }
}
@media (max-width: 1399.98px) {
  .dynamic__modal .modal-fullscreen-xxl-down { width: 100vw; max-width: none; height: 100%; margin: 0px; }
  .dynamic__modal .modal-fullscreen-xxl-down .modal-content { border: 0px; border-radius: 0px; height: 100%; }
  .dynamic__modal .modal-fullscreen-xxl-down .modal-footer, .dynamic__modal .modal-fullscreen-xxl-down .modal-header { border-radius: 0px; }
  .dynamic__modal .modal-fullscreen-xxl-down .modal-body { overflow-y: auto; }
}
.dynamic__modal .form-check { min-height: calc(1.5 * var(--c4-rem,16px)); margin-bottom: calc(0.125 * var(--c4-rem,16px)); padding-left: 1.5em; display: block; }
.dynamic__modal .form-check .form-check-input { float: left; margin-left: -1.5em; }
.dynamic__modal .form-check-reverse { text-align: right; padding-left: 0px; padding-right: 1.5em; }
.dynamic__modal .form-check-reverse .form-check-input { float: right; margin-left: 0px; margin-right: -1.5em; }
.dynamic__modal .form-check-input { --bs-form-check-bg: var(--bs-body-bg); appearance: none; background-color: var(--bs-form-check-bg); background-image: var(--bs-form-check-bg-image); border: var(--bs-border-width) solid var(--bs-border-color); print-color-adjust: exact; vertical-align: top; background-position: 50% center; background-repeat: no-repeat; background-size: contain; flex-shrink: 0; width: 1em; height: 1em; margin-top: 0.25em; }
.dynamic__modal .form-check-input[type="checkbox"] { border-radius: 0.25em; }
.dynamic__modal .form-check-input[type="radio"] { border-radius: 50%; }
.dynamic__modal .form-check-input:active { filter: brightness(90%); }
.dynamic__modal .form-check-input:focus { border-color: rgb(134, 183, 254); outline: 0px; box-shadow: rgba(13, 110, 253, 0.25) 0px 0px 0px calc(0.25 * var(--c4-rem,16px)); }
.dynamic__modal .form-check-input:checked { background-color: rgb(13, 110, 253); border-color: rgb(13, 110, 253); }
.dynamic__modal .form-check-input:checked[type="checkbox"] { --bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E"); }
.dynamic__modal .form-check-input:checked[type="radio"] { --bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='2' fill='%23fff'/%3E%3C/svg%3E"); }
.dynamic__modal .form-check-input[type="checkbox"]:indeterminate { --bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3E%3C/svg%3E"); background-color: rgb(13, 110, 253); border-color: rgb(13, 110, 253); }
.dynamic__modal .form-check-input:disabled { filter: none; opacity: 0.5; pointer-events: none; }
.dynamic__modal .form-switch { padding-left: 2.5em; }
.dynamic__modal .form-switch .form-check-input { --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(0, 0, 0, 0.25)'/%3E%3C/svg%3E"); background-image: var(--bs-form-switch-bg); background-position: 0px center; border-radius: 2em; width: 2em; margin-left: -2.5em; transition: background-position 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
  .dynamic__modal .form-switch .form-check-input { transition: none; }
}
.dynamic__modal .form-switch .form-check-input:focus { --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2386b7fe'/%3E%3C/svg%3E"); }
.dynamic__modal .form-switch .form-check-input:checked { --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); background-position: 100% center; }
.dynamic__modal .form-switch.form-check-reverse { padding-left: 0px; padding-right: 2.5em; }
.dynamic__modal .form-switch.form-check-reverse .form-check-input { margin-left: 0px; margin-right: -2.5em; }
.dynamic__modal .form-check-inline { margin-right: calc(1 * var(--c4-rem,16px)); display: inline-block; }
.dynamic__modal .btn-check { clip: rect(0px, 0px, 0px, 0px); pointer-events: none; position: absolute; }
.dynamic__modal .btn-check:disabled + .btn, .dynamic__modal .btn-check[disabled] + .btn { filter: none; opacity: 0.65; pointer-events: none; }
.dynamic__modal [data-bs-theme="dark"] .form-switch .form-check-input:not(:checked):not(:focus) { --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(255, 255, 255, 0.25)'/%3E%3C/svg%3E"); }
.dynamic__modal .form-check-input:disabled ~ .form-check-label, .dynamic__modal .form-check-input[disabled] ~ .form-check-label { cursor: default; opacity: 0.5; }
.dynamic__modal .form-check-input.is-valid ~ .form-check-label, .dynamic__modal .was-validated .form-check-input:valid ~ .form-check-label { color: var(--bs-form-valid-color); }
.dynamic__modal .form-check-input.is-invalid ~ .form-check-label, .dynamic__modal .was-validated .form-check-input:invalid ~ .form-check-label { color: var(--bs-form-invalid-color); }

@keyframes lightAnimation { 
  0% { filter: brightness(); }
  100% { filter: brightness(1.2); }
}
@keyframes rotate { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
@keyframes progressFill { 
  0% { transform: scaleX(0); }
  100% { transform: scaleX(1); }
}
@keyframes zoom-in-zoom-out { 
  0% { transform: scale(1); }
  50% { transform: scale(1.1); }
  100% { transform: scale(1); }
}
@keyframes eye-move { 
  0%, 100% { top: 35px; left: 89px; }
  50% { top: 4px; left: 4px; }
}
@keyframes eye-move-mobile { 
  0%, 100% { top: 8vw; left: 20.8vw; }
  50% { top: 1.06667vw; left: 1.06667vw; }
}
@keyframes glowAndRotate { 
  0% { filter: brightness(); transform: translate(-50%) rotate(0deg); }
  50% { filter: brightness(1.2); transform: translate(-50%) rotate(180deg); }
  100% { filter: brightness(); transform: translate(-50%) rotate(1turn); }
}
@keyframes shake { 
  0%, 100% { transform: translate(-49.2%) rotate(0deg); }
  25% { transform: translate(-49.2%) rotate(-12deg); }
  75% { transform: translate(-49.2%) rotate(12deg); }
}
@keyframes skeleton-shine { 
  100% { background-position-x: -200%; }
}
@keyframes buttonLoadingAnimation { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
@keyframes shine { 
  0% { left: -75%; }
  100% { left: 125%; }
}
@keyframes momo-anima { 
  0% { filter: brightness(); }
  50% { filter: brightness(1.5); }
  100% { filter: brightness(); }
}
@keyframes animated-gradient { 
  0% { background-position: 0px center; }
  50% { background-position: 100% 10%; }
  100% { background-position: 0px center; }
}
@keyframes shineBtn { 
  100% { left: 125%; }
}
@keyframes loyaltyCardShine { 
  0% { background-position: 160% 0px; }
  100% { background-position: -60% 0px; }
}
@keyframes fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes flySmooth-modal { 
  0% { opacity: 0; transform: translateY(-60px) rotate(0deg); }
  15% { opacity: 1; }
  80% { opacity: 1; }
  100% { opacity: 0; transform: translateY(-215px) rotate(1turn); }
}
@keyframes flySmooth-modal-mb { 
  0% { opacity: 0; transform: translateY(-16vw) rotate(0deg); }
  15% { opacity: 1; }
  80% { opacity: 1; }
  100% { opacity: 0; transform: translateY(-34.6667vw) rotate(1turn); }
}
@keyframes flySmooth-modal-mb-2 { 
  0% { opacity: 0; transform: translateY(-16vw) rotate(0deg); }
  15% { opacity: 1; }
  80% { opacity: 1; }
  100% { opacity: 0; transform: translateY(-32.8vw) rotate(1turn); }
}
@keyframes blink { 
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}
@keyframes light-up { 
  0%, 100% { filter: brightness() saturate(); }
  50% { filter: brightness(1.2) saturate(1.1); }
}
@keyframes move-from-left { 
  0% { opacity: 0; transform: translate(-300%); }
  20% { opacity: 0.5; }
  40% { opacity: 1; transform: translate(-50%); }
  60% { opacity: 1; transform: translate(-50%); }
  80% { opacity: 0.5; }
  100% { opacity: 0; transform: translate(300%); }
}
@keyframes move-from-right { 
  0% { opacity: 0; transform: translate(300%); }
  20% { opacity: 0.5; }
  40% { opacity: 1; transform: translate(-50%); }
  60% { opacity: 1; transform: translate(-50%); }
  80% { opacity: 0.5; }
  100% { opacity: 0; transform: translate(-300%); }
}
@keyframes slots-zoom { 
  0%, 20% { filter: brightness(); transform: scale(1); }
  40% { filter: brightness(1.5); transform: scale(1.1); }
  60% { filter: brightness(); transform: scale(1); }
  80% { filter: brightness(1.5); transform: scale(1.1); }
  100% { filter: brightness(); transform: scale(1); }
}
@keyframes slots-spin { 
  0%, 21%, 100% { background-position-y: 0px; }
  20% { background-position-y: 450px; }
}
@keyframes light-blink { 
  0%, 100% { background-color: rgb(0, 28, 76); }
  50% { background-color: rgb(255, 234, 78); }
}
@keyframes fadeOutUp { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translateY(-100%); }
}
@keyframes fadeOutDown { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translateY(100%); }
}
@keyframes fadeInRight { 
  0% { opacity: 0; transform: translate(100%); }
  100% { opacity: 1; transform: translateZ(0px); }
}
@keyframes fadeOutRight { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate(100%); }
}
@keyframes sway { 
  0% { transform: rotate(0deg); }
  25% { transform: scale(1.025) rotate(-12deg); }
  75% { transform: scale(1.05) rotate(12deg); }
  100% { transform: scale(1.1) rotate(0deg); }
}
.c4-html { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-black: #000; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 13, 110, 253; --bs-secondary-rgb: 108, 117, 125; --bs-success-rgb: 25, 135, 84; --bs-info-rgb: 13, 202, 240; --bs-warning-rgb: 255, 193, 7; --bs-danger-rgb: 220, 53, 69; --bs-light-rgb: 248, 249, 250; --bs-dark-rgb: 33, 37, 41; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-body-color-rgb: 255, 255, 255; --bs-body-bg-rgb: 30, 51, 104; --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, #ffffff26, #fff0); --bs-body-font-family: "Inter"; --bs-body-font-size: calc(1 * var(--c4-rem,16px)); --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #fff; --bs-body-bg: #1e3368; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #dee2e6; --bs-border-color-translucent: #0000002d; --bs-border-radius: calc(.375 * var(--c4-rem,16px)); --bs-border-radius-sm: calc(.25 * var(--c4-rem,16px)); --bs-border-radius-lg: calc(.5 * var(--c4-rem,16px)); --bs-border-radius-xl: calc(1 * var(--c4-rem,16px)); --bs-border-radius-2xl: calc(2 * var(--c4-rem,16px)); --bs-border-radius-pill: calc(50 * var(--c4-rem,16px)); --bs-link-color: #0d6efd; --bs-link-hover-color: #0a58ca; --bs-code-color: #d63384; --bs-highlight-bg: #fff3cd; }
*, ::after, ::before { box-sizing: border-box; }
@media (prefers-reduced-motion: no-preference) {
  .c4-html { scroll-behavior: smooth; }
}
.c4-body { font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); background-color: var(--bs-body-bg); text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 0px; }
hr { color: inherit; opacity: 0.25; border-width: 1px 0px 0px; border-style: solid none none; border-color: currentcolor; border-image: none; margin: calc(1 * var(--c4-rem,16px)) 0px; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-top: 0px; margin-bottom: 0px; font-weight: 800; line-height: 1.2; }
.h1, h1 { font-size: calc(calc(1.375 * var(--c4-rem,16px)) + 1.5vw); }
@media (min-width: 1200px) {
  .h1, h1 { font-size: calc(2.5 * var(--c4-rem,16px)); }
}
.h2, h2 { font-size: calc(calc(1.325 * var(--c4-rem,16px)) + 0.9vw); }
@media (min-width: 1200px) {
  .h2, h2 { font-size: calc(2 * var(--c4-rem,16px)); }
}
.h3, h3 { font-size: calc(calc(1.3 * var(--c4-rem,16px)) + 0.6vw); }
@media (min-width: 1200px) {
  .h3, h3 { font-size: calc(1.75 * var(--c4-rem,16px)); }
}
.h4, h4 { font-size: calc(calc(1.275 * var(--c4-rem,16px)) + 0.3vw); }
@media (min-width: 1200px) {
  .h4, h4 { font-size: calc(1.5 * var(--c4-rem,16px)); }
}
.h5, h5 { font-size: calc(1.25 * var(--c4-rem,16px)); }
.h6, h6 { font-size: calc(1 * var(--c4-rem,16px)); }
p { margin-top: 0px; margin-bottom: 0px; }
abbr[title] { cursor: help; text-decoration-skip-ink: none; text-decoration: underline dotted; }
address { font-style: normal; line-height: inherit; margin-bottom: calc(1 * var(--c4-rem,16px)); }
ol, ul { padding-left: calc(2 * var(--c4-rem,16px)); }
dl, ol, pre, ul { margin-top: 0px; margin-bottom: calc(1 * var(--c4-rem,16px)); }
ol ol, ol ul, ul ol, ul ul { margin-bottom: 0px; }
dt { font-weight: 700; }
dd { margin-bottom: calc(0.5 * var(--c4-rem,16px)); margin-left: 0px; }
blockquote, figure { margin: 0px 0px calc(1 * var(--c4-rem,16px)); }
b, strong { font-weight: bolder; }
.small, small { font-size: 0.875em; }
.mark, mark { background-color: var(--bs-highlight-bg); padding: 0.1875em; }
sub, sup { vertical-align: baseline; font-size: 0.75em; line-height: 0; position: relative; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
a { color: var(--bs-link-color); text-decoration: underline; }
a:hover { color: var(--bs-link-hover-color); }
a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; }
code, kbd, pre, samp { font-family: var(--bs-font-monospace); font-size: 1em; }
pre { font-size: 0.875em; display: block; overflow: auto; }
pre code { font-size: inherit; color: inherit; word-break: normal; }
code { color: var(--bs-code-color); overflow-wrap: break-word; font-size: 0.875em; }
a > code { color: inherit; }
kbd { color: var(--bs-body-bg); background-color: var(--bs-body-color); border-radius: calc(0.25 * var(--c4-rem,16px)); padding: calc(0.1875 * var(--c4-rem,16px)) calc(0.375 * var(--c4-rem,16px)); font-size: 0.875em; }
kbd kbd { padding: 0px; font-size: 1em; }
img, svg { vertical-align: middle; }
table { caption-side: bottom; border-collapse: collapse; }
caption { color: rgb(108, 117, 125); text-align: left; padding-top: calc(0.5 * var(--c4-rem,16px)); padding-bottom: calc(0.5 * var(--c4-rem,16px)); }
th { text-align: -webkit-match-parent; }
tbody, td, tfoot, th, thead, tr { border-color: inherit; border-style: solid; border-width: 0px; }
label { display: inline-block; }
button { border-radius: 0px; }
button:focus:not(:focus-visible) { outline: 0px; }
button, input, optgroup, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; margin: 0px; }
button, select { text-transform: none; }
[role="button"], [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled), summary { cursor: pointer; }
select { overflow-wrap: normal; }
select:disabled { opacity: 1; }
[list]:not([type="date"]):not([type="datetime-local"]):not([type="month"]):not([type="week"]):not([type="time"])::-webkit-calendar-picker-indicator { display: none !important; }
[type="button"], [type="reset"], [type="submit"], button { appearance: button; }
textarea { resize: vertical; }
fieldset { border: 0px; min-width: 0px; margin: 0px; padding: 0px; }
legend { float: left; width: 100%; font-size: calc(calc(1.275 * var(--c4-rem,16px)) + 0.3vw); line-height: inherit; margin-bottom: calc(0.5 * var(--c4-rem,16px)); padding: 0px; }
@media (min-width: 1200px) {
  legend { font-size: calc(1.5 * var(--c4-rem,16px)); }
}
legend + * { clear: left; }
::-webkit-color-swatch-wrapper { padding: 0px; }
::-webkit-datetime-edit-day-field { padding: 0px; }
::-webkit-datetime-edit-fields-wrapper { padding: 0px; }
::-webkit-datetime-edit-hour-field { padding: 0px; }
::-webkit-datetime-edit-minute { padding: 0px; }
::-webkit-datetime-edit-month-field { padding: 0px; }
::-webkit-datetime-edit-text { padding: 0px; }
::-webkit-datetime-edit-year-field { padding: 0px; }
::-webkit-inner-spin-button { height: auto; }
[type="search"] { outline-offset: -2px; appearance: textfield; }
::-webkit-search-decoration { appearance: none; }
::-webkit-file-upload-button { font: inherit; appearance: button; }
::file-selector-button { font: inherit; appearance: button; }
output { display: inline-block; }
iframe { border: 0px; }
summary { display: list-item; }
progress { vertical-align: baseline; }
[hidden] { display: none !important; }
.lead { font-size: calc(1.25 * var(--c4-rem,16px)); font-weight: 300; }
.display-1 { font-size: calc(calc(1.625 * var(--c4-rem,16px)) + 4.5vw); font-weight: 300; line-height: 1.2; }
@media (min-width: 1200px) {
  .display-1 { font-size: calc(5 * var(--c4-rem,16px)); }
}
.display-2 { font-size: calc(calc(1.575 * var(--c4-rem,16px)) + 3.9vw); font-weight: 300; line-height: 1.2; }
@media (min-width: 1200px) {
  .display-2 { font-size: calc(4.5 * var(--c4-rem,16px)); }
}
.display-3 { font-size: calc(calc(1.525 * var(--c4-rem,16px)) + 3.3vw); font-weight: 300; line-height: 1.2; }
@media (min-width: 1200px) {
  .display-3 { font-size: calc(4 * var(--c4-rem,16px)); }
}
.display-4 { font-size: calc(calc(1.475 * var(--c4-rem,16px)) + 2.7vw); font-weight: 300; line-height: 1.2; }
@media (min-width: 1200px) {
  .display-4 { font-size: calc(3.5 * var(--c4-rem,16px)); }
}
.display-5 { font-size: calc(calc(1.425 * var(--c4-rem,16px)) + 2.1vw); font-weight: 300; line-height: 1.2; }
@media (min-width: 1200px) {
  .display-5 { font-size: calc(3 * var(--c4-rem,16px)); }
}
.display-6 { font-size: calc(calc(1.375 * var(--c4-rem,16px)) + 1.5vw); font-weight: 300; line-height: 1.2; }
@media (min-width: 1200px) {
  .display-6 { font-size: calc(2.5 * var(--c4-rem,16px)); }
}
.list-inline, .list-unstyled { padding-left: 0px; list-style: none; }
.list-inline-item { display: inline-block; }
.list-inline-item:not(:last-child) { margin-right: calc(0.5 * var(--c4-rem,16px)); }
.initialism { text-transform: uppercase; font-size: 0.875em; }
.blockquote { margin-bottom: calc(1 * var(--c4-rem,16px)); font-size: calc(1.25 * var(--c4-rem,16px)); }
.blockquote > :last-child { margin-bottom: 0px; }
.blockquote-footer { color: rgb(108, 117, 125); margin-top: calc(-1 * var(--c4-rem,16px)); margin-bottom: calc(1 * var(--c4-rem,16px)); font-size: 0.875em; }
.blockquote-footer::before { content: "— "; }
.modal { --bs-modal-zindex: 1055; --bs-modal-width: 500px; --bs-modal-padding: calc(1 * var(--c4-rem,16px)); --bs-modal-margin: calc(.5 * var(--c4-rem,16px)); --bs-modal-color: ; --bs-modal-bg: #fff; --bs-modal-border-color: var(--bs-border-color-translucent); --bs-modal-border-width: 1px; --bs-modal-border-radius: calc(.5 * var(--c4-rem,16px)); --bs-modal-box-shadow: 0 calc(.125 * var(--c4-rem,16px)) calc(.25 * var(--c4-rem,16px)) #00000013; --bs-modal-inner-border-radius: calc(calc(.5 * var(--c4-rem,16px)) - 1px); --bs-modal-header-padding-x: calc(1 * var(--c4-rem,16px)); --bs-modal-header-padding-y: calc(1 * var(--c4-rem,16px)); --bs-modal-header-padding: calc(1 * var(--c4-rem,16px)) calc(1 * var(--c4-rem,16px)); --bs-modal-header-border-color: var(--bs-border-color); --bs-modal-header-border-width: 1px; --bs-modal-title-line-height: 1.5; --bs-modal-footer-gap: calc(.5 * var(--c4-rem,16px)); --bs-modal-footer-bg: ; --bs-modal-footer-border-color: var(--bs-border-color); --bs-modal-footer-border-width: 1px; z-index: var(--bs-modal-zindex); outline: 0px; width: 100%; height: 100%; display: none; position: fixed; top: 0px; left: 0px; overflow: hidden auto; }
.modal-dialog { width: auto; margin: var(--bs-modal-margin); pointer-events: none; position: relative; }
.modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translateY(-50px); }
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog { transition: none; }
}
.modal.show .modal-dialog { transform: none; }
.modal.modal-static .modal-dialog { transform: scale(1.02); }
.modal-dialog-scrollable { height: calc(100% - var(--bs-modal-margin) * 2); }
.modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden; }
.modal-dialog-scrollable .modal-body, .modal-fullscreen .modal-body { overflow-y: auto; }
.modal-dialog-centered { min-height: calc(100% - var(--bs-modal-margin) * 2); align-items: center; display: flex; }
.modal-content { width: 100%; color: var(--bs-modal-color); pointer-events: auto; background-color: var(--bs-modal-bg); border: var(--bs-modal-border-width) solid var(--bs-modal-border-color); border-radius: var(--bs-modal-border-radius); background-clip: padding-box; outline: 0px; flex-direction: column; display: flex; position: relative; }
.modal-backdrop { --bs-backdrop-zindex: 1050; --bs-backdrop-bg: #000; --bs-backdrop-opacity: .5; z-index: var(--bs-backdrop-zindex); background-color: var(--bs-backdrop-bg); width: 100vw; height: 100vh; position: fixed; top: 0px; left: 0px; }
.modal-backdrop.fade { opacity: 0; }
.modal-backdrop.show { opacity: var(--bs-backdrop-opacity); }
.modal-header { padding: var(--bs-modal-header-padding); border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color); border-top-left-radius: var(--bs-modal-inner-border-radius); border-top-right-radius: var(--bs-modal-inner-border-radius); flex-shrink: 0; justify-content: space-between; align-items: center; display: flex; }
.modal-header .btn-close { padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5); margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto; }
.modal-title { line-height: var(--bs-modal-title-line-height); margin-bottom: 0px; }
.modal-body { padding: var(--bs-modal-padding); flex: 1 1 auto; position: relative; }
.modal-footer { padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5); background-color: var(--bs-modal-footer-bg); border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color); border-bottom-right-radius: var(--bs-modal-inner-border-radius); border-bottom-left-radius: var(--bs-modal-inner-border-radius); flex-wrap: wrap; flex-shrink: 0; justify-content: flex-end; align-items: center; display: flex; }
.modal-footer > * { margin: calc(var(--bs-modal-footer-gap) * .5); }
@media (min-width: 576px) {
  .modal { --bs-modal-margin: calc(1.75 * var(--c4-rem,16px)); --bs-modal-box-shadow: 0 calc(.5 * var(--c4-rem,16px)) calc(1 * var(--c4-rem,16px)) #00000026; }
  .modal-dialog { max-width: var(--bs-modal-width); margin-left: auto; margin-right: auto; }
  .modal-sm { --bs-modal-width: 300px; }
}
@media (min-width: 992px) {
  .modal-lg, .modal-xl { --bs-modal-width: 800px; }
}
@media (min-width: 1200px) {
  .modal-xl { --bs-modal-width: 1140px; }
}
.modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0px; }
.modal-fullscreen .modal-content { border: 0px; border-radius: 0px; height: 100%; }
.modal-fullscreen .modal-footer, .modal-fullscreen .modal-header { border-radius: 0px; }
@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down { width: 100vw; max-width: none; height: 100%; margin: 0px; }
  .modal-fullscreen-sm-down .modal-content { border: 0px; border-radius: 0px; height: 100%; }
  .modal-fullscreen-sm-down .modal-footer, .modal-fullscreen-sm-down .modal-header { border-radius: 0px; }
  .modal-fullscreen-sm-down .modal-body { overflow-y: auto; }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down { width: 100vw; max-width: none; height: 100%; margin: 0px; }
  .modal-fullscreen-md-down .modal-content { border: 0px; border-radius: 0px; height: 100%; }
  .modal-fullscreen-md-down .modal-footer, .modal-fullscreen-md-down .modal-header { border-radius: 0px; }
  .modal-fullscreen-md-down .modal-body { overflow-y: auto; }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down { width: 100vw; max-width: none; height: 100%; margin: 0px; }
  .modal-fullscreen-lg-down .modal-content { border: 0px; border-radius: 0px; height: 100%; }
  .modal-fullscreen-lg-down .modal-footer, .modal-fullscreen-lg-down .modal-header { border-radius: 0px; }
  .modal-fullscreen-lg-down .modal-body { overflow-y: auto; }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down { width: 100vw; max-width: none; height: 100%; margin: 0px; }
  .modal-fullscreen-xl-down .modal-content { border: 0px; border-radius: 0px; height: 100%; }
  .modal-fullscreen-xl-down .modal-footer, .modal-fullscreen-xl-down .modal-header { border-radius: 0px; }
  .modal-fullscreen-xl-down .modal-body { overflow-y: auto; }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down { width: 100vw; max-width: none; height: 100%; margin: 0px; }
  .modal-fullscreen-xxl-down .modal-content { border: 0px; border-radius: 0px; height: 100%; }
  .modal-fullscreen-xxl-down .modal-footer, .modal-fullscreen-xxl-down .modal-header { border-radius: 0px; }
  .modal-fullscreen-xxl-down .modal-body { overflow-y: auto; }
}
.toast { --bs-toast-zindex: 1090; --bs-toast-padding-x: calc(.75 * var(--c4-rem,16px)); --bs-toast-padding-y: calc(.5 * var(--c4-rem,16px)); --bs-toast-spacing: calc(1.5 * var(--c4-rem,16px)); --bs-toast-max-width: 350px; --bs-toast-font-size: calc(.875 * var(--c4-rem,16px)); --bs-toast-color: ; --bs-toast-bg: #ffffffd9; --bs-toast-border-width: 1px; --bs-toast-border-color: var(--bs-border-color-translucent); --bs-toast-border-radius: calc(.375 * var(--c4-rem,16px)); --bs-toast-box-shadow: 0 calc(.5 * var(--c4-rem,16px)) calc(1 * var(--c4-rem,16px)) #00000026; --bs-toast-header-color: #6c757d; --bs-toast-header-bg: #ffffffd9; --bs-toast-header-border-color: #0000000d; width: var(--bs-toast-max-width); max-width: 100%; font-size: var(--bs-toast-font-size); color: var(--bs-toast-color); pointer-events: auto; background-color: var(--bs-toast-bg); border: var(--bs-toast-border-width) solid var(--bs-toast-border-color); box-shadow: var(--bs-toast-box-shadow); border-radius: var(--bs-toast-border-radius); background-clip: padding-box; }
.fade:not(.show), .toast.showing { opacity: 0; }
.toast:not(.show) { display: none; }
.toast-container { --bs-toast-zindex: 1090; z-index: var(--bs-toast-zindex); pointer-events: none; width: max-content; max-width: 100%; position: absolute; }
.toast-container > :not(:last-child) { margin-bottom: var(--bs-toast-spacing); }
.toast-header { padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x); color: var(--bs-toast-header-color); background-color: var(--bs-toast-header-bg); border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color); border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); background-clip: padding-box; align-items: center; display: flex; }
.toast-header .btn-close { margin-right: calc(-.5 * var(--bs-toast-padding-x)); margin-left: var(--bs-toast-padding-x); }
.toast-body { padding: var(--bs-toast-padding-x); overflow-wrap: break-word; }
.fade { transition: opacity 0.15s linear; }
@media (prefers-reduced-motion: reduce) {
  .fade { transition: none; }
}
.collapse:not(.show) { display: none; }
.collapsing { height: 0px; transition: height 0.35s; overflow: hidden; }
@media (prefers-reduced-motion: reduce) {
  .collapsing { transition: none; }
}
.collapsing.collapse-horizontal { width: 0px; height: auto; transition: width 0.35s; }
@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal { transition: none; }
}
.spinner-border, .spinner-grow { width: var(--bs-spinner-width); height: var(--bs-spinner-height); vertical-align: var(--bs-spinner-vertical-align); animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name); border-radius: 50%; display: inline-block; }
@keyframes spinner-border { 
  100% { transform: rotate(1turn); }
}
.spinner-border { --bs-spinner-width: calc(2 * var(--c4-rem,16px)); --bs-spinner-height: calc(2 * var(--c4-rem,16px)); --bs-spinner-vertical-align: -.125em; --bs-spinner-border-width: .25em; --bs-spinner-animation-speed: .75s; --bs-spinner-animation-name: spinner-border; border-top-color: ; border-top-style: ; border-top-width: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-right-color: rgba(0, 0, 0, 0); }
.spinner-border-sm { --bs-spinner-width: calc(1 * var(--c4-rem,16px)); --bs-spinner-height: calc(1 * var(--c4-rem,16px)); --bs-spinner-border-width: .2em; }
@keyframes spinner-grow { 
  0% { transform: scale(0); }
  50% { opacity: 1; transform: none; }
}
.spinner-grow { --bs-spinner-width: calc(2 * var(--c4-rem,16px)); --bs-spinner-height: calc(2 * var(--c4-rem,16px)); --bs-spinner-vertical-align: -.125em; --bs-spinner-animation-speed: .75s; --bs-spinner-animation-name: spinner-grow; opacity: 0; background-color: currentcolor; }
.spinner-grow-sm { --bs-spinner-width: calc(1 * var(--c4-rem,16px)); --bs-spinner-height: calc(1 * var(--c4-rem,16px)); }
@media (prefers-reduced-motion: reduce) {
  .spinner-border, .spinner-grow { --bs-spinner-animation-speed: 1.5s; }
}
.clearfix::after { clear: both; content: ""; display: block; }
.text-bg-primary { color: rgb(255, 255, 255) !important; background-color: RGBA(13,110,253,var(--bs-bg-opacity,1)) !important; }
.text-bg-secondary { color: rgb(255, 255, 255) !important; background-color: RGBA(108,117,125,var(--bs-bg-opacity,1)) !important; }
.text-bg-success { color: rgb(255, 255, 255) !important; background-color: RGBA(25,135,84,var(--bs-bg-opacity,1)) !important; }
.text-bg-info { color: rgb(0, 0, 0) !important; background-color: RGBA(13,202,240,var(--bs-bg-opacity,1)) !important; }
.text-bg-warning { color: rgb(0, 0, 0) !important; background-color: RGBA(255,193,7,var(--bs-bg-opacity,1)) !important; }
.text-bg-danger { color: rgb(255, 255, 255) !important; background-color: RGBA(220,53,69,var(--bs-bg-opacity,1)) !important; }
.text-bg-light { color: rgb(0, 0, 0) !important; background-color: RGBA(248,249,250,var(--bs-bg-opacity,1)) !important; }
.text-bg-dark { color: rgb(255, 255, 255) !important; background-color: RGBA(33,37,41,var(--bs-bg-opacity,1)) !important; }
.link-primary { color: rgb(13, 110, 253) !important; }
.link-primary:focus, .link-primary:hover { color: rgb(10, 88, 202) !important; }
.link-secondary { color: rgb(108, 117, 125) !important; }
.link-secondary:focus, .link-secondary:hover { color: rgb(86, 94, 100) !important; }
.link-success { color: rgb(25, 135, 84) !important; }
.link-success:focus, .link-success:hover { color: rgb(20, 108, 67) !important; }
.link-info { color: rgb(13, 202, 240) !important; }
.link-info:focus, .link-info:hover { color: rgb(61, 213, 243) !important; }
.link-warning { color: rgb(255, 193, 7) !important; }
.link-warning:focus, .link-warning:hover { color: rgb(255, 205, 57) !important; }
.link-danger { color: rgb(220, 53, 69) !important; }
.link-danger:focus, .link-danger:hover { color: rgb(176, 42, 55) !important; }
.link-light { color: rgb(248, 249, 250) !important; }
.link-light:focus, .link-light:hover { color: rgb(249, 250, 251) !important; }
.link-dark { color: rgb(33, 37, 41) !important; }
.link-dark:focus, .link-dark:hover { color: rgb(26, 30, 33) !important; }
.ratio { width: 100%; position: relative; }
.ratio::before { padding-top: var(--bs-aspect-ratio); content: ""; display: block; }
.ratio > * { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }
.ratio-1x1 { --bs-aspect-ratio: 100%; }
.ratio-4x3 { --bs-aspect-ratio: 75%; }
.ratio-16x9 { --bs-aspect-ratio: 56.25%; }
.ratio-21x9 { --bs-aspect-ratio: 42.8571%; }
.fixed-top, .sticky-top { top: 0px; }
.fixed-bottom, .fixed-top { z-index: 1030; position: fixed; left: 0px; right: 0px; }
.fixed-bottom, .sticky-bottom { bottom: 0px; }
.sticky-bottom, .sticky-top { z-index: 1020; position: sticky; }
@media (min-width: 576px) {
  .sticky-sm-top { z-index: 1020; position: sticky; top: 0px; }
  .sticky-sm-bottom { z-index: 1020; position: sticky; bottom: 0px; }
}
@media (min-width: 768px) {
  .sticky-md-top { z-index: 1020; position: sticky; top: 0px; }
  .sticky-md-bottom { z-index: 1020; position: sticky; bottom: 0px; }
}
@media (min-width: 992px) {
  .sticky-lg-top { z-index: 1020; position: sticky; top: 0px; }
  .sticky-lg-bottom { z-index: 1020; position: sticky; bottom: 0px; }
}
@media (min-width: 1200px) {
  .sticky-xl-top { z-index: 1020; position: sticky; top: 0px; }
  .sticky-xl-bottom { z-index: 1020; position: sticky; bottom: 0px; }
}
@media (min-width: 1400px) {
  .sticky-xxl-top { z-index: 1020; position: sticky; top: 0px; }
  .sticky-xxl-bottom { z-index: 1020; position: sticky; bottom: 0px; }
}
.hstack { flex-direction: row; align-items: center; }
.hstack, .vstack { align-self: stretch; display: flex; }
.vstack { flex-direction: column; flex: 1 1 auto; }
.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { clip: rect(0px, 0px, 0px, 0px) !important; white-space: nowrap !important; border: 0px !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0px !important; position: absolute !important; overflow: hidden !important; }
.stretched-link::after { z-index: 1; content: ""; position: absolute; inset: 0px; }
.text-truncate { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.vr { opacity: 0.25; background-color: currentcolor; align-self: stretch; width: 1px; min-height: 1em; display: inline-block; }
.align-baseline { vertical-align: baseline !important; }
.align-top { vertical-align: top !important; }
.align-middle { vertical-align: middle !important; }
.align-bottom { vertical-align: bottom !important; }
.align-text-bottom { vertical-align: text-bottom !important; }
.align-text-top { vertical-align: text-top !important; }
.float-start { float: left !important; }
.float-end { float: right !important; }
.float-none { float: none !important; }
.opacity-0 { opacity: 0 !important; }
.opacity-25 { opacity: 0.25 !important; }
.opacity-50 { opacity: 0.5 !important; }
.opacity-75 { opacity: 0.75 !important; }
.opacity-100 { opacity: 1 !important; }
.overflow-auto { overflow: auto !important; }
.overflow-hidden { overflow: hidden !important; }
.overflow-visible { overflow: visible !important; }
.overflow-scroll { overflow: scroll !important; }
.d-inline { display: inline !important; }
.d-inline-block { display: inline-block !important; }
.d-block { display: block !important; }
.d-grid { display: grid !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-none { display: none !important; }
.shadow { box-shadow: rgba(0, 0, 0, 0.15) 0px calc(0.5 * var(--c4-rem,16px)) calc(1 * var(--c4-rem,16px)) !important; }
.shadow-sm { box-shadow: rgba(0, 0, 0, 0.075) 0px calc(0.125 * var(--c4-rem,16px)) calc(0.25 * var(--c4-rem,16px)) !important; }
.shadow-lg { box-shadow: rgba(0, 0, 0, 0.176) 0px calc(1 * var(--c4-rem,16px)) calc(3 * var(--c4-rem,16px)) !important; }
.shadow-none { box-shadow: none !important; }
.position-static { position: static !important; }
.position-relative { position: relative !important; }
.position-absolute { position: absolute !important; }
.position-fixed { position: fixed !important; }
.position-sticky { position: sticky !important; }
.top-0 { top: 0px !important; }
.top-50 { top: 50% !important; }
.top-100 { top: 100% !important; }
.bottom-0 { bottom: 0px !important; }
.bottom-50 { bottom: 50% !important; }
.bottom-100 { bottom: 100% !important; }
.start-0 { left: 0px !important; }
.start-50 { left: 50% !important; }
.start-100 { left: 100% !important; }
.end-0 { right: 0px !important; }
.end-50 { right: 50% !important; }
.end-100 { right: 100% !important; }
.translate-middle { transform: translate(-50%, -50%) !important; }
.translate-middle-x { transform: translate(-50%) !important; }
.translate-middle-y { transform: translateY(-50%) !important; }
.border { border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }
.border-0 { border: 0px !important; }
.border-top { border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }
.border-top-0 { border-top: 0px !important; }
.border-end { border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }
.border-end-0 { border-right: 0px !important; }
.border-bottom { border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }
.border-bottom-0 { border-bottom: 0px !important; }
.border-start { border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }
.border-start-0 { border-left: 0px !important; }
.border-primary { border-color: rgba(var(--bs-primary-rgb),var(--bs-border-opacity)) !important; }
.border-danger, .border-dark, .border-info, .border-light, .border-primary, .border-secondary, .border-success, .border-warning, .border-white { --bs-border-opacity: 1; }
.border-secondary { border-color: rgba(var(--bs-secondary-rgb),var(--bs-border-opacity)) !important; }
.border-success { border-color: rgba(var(--bs-success-rgb),var(--bs-border-opacity)) !important; }
.border-info { border-color: rgba(var(--bs-info-rgb),var(--bs-border-opacity)) !important; }
.border-warning { border-color: rgba(var(--bs-warning-rgb),var(--bs-border-opacity)) !important; }
.border-danger { border-color: rgba(var(--bs-danger-rgb),var(--bs-border-opacity)) !important; }
.border-light { border-color: rgba(var(--bs-light-rgb),var(--bs-border-opacity)) !important; }
.border-dark { border-color: rgba(var(--bs-dark-rgb),var(--bs-border-opacity)) !important; }
.border-white { border-color: rgba(var(--bs-white-rgb),var(--bs-border-opacity)) !important; }
.border-1 { --bs-border-width: 1px; }
.border-2 { --bs-border-width: 2px; }
.border-3 { --bs-border-width: 3px; }
.border-4 { --bs-border-width: 4px; }
.border-5 { --bs-border-width: 5px; }
.border-opacity-10 { --bs-border-opacity: .1; }
.border-opacity-25 { --bs-border-opacity: .25; }
.border-opacity-50 { --bs-border-opacity: .5; }
.border-opacity-75 { --bs-border-opacity: .75; }
.border-opacity-100 { --bs-border-opacity: 1; }
.w-25 { width: 25% !important; }
.w-50 { width: 50% !important; }
.w-75 { width: 75% !important; }
.w-100 { width: 100% !important; }
.w-auto { width: auto !important; }
.mw-100 { max-width: 100% !important; }
.vw-100 { width: 100vw !important; }
.min-vw-100 { min-width: 100vw !important; }
.h-25 { height: 25% !important; }
.h-50 { height: 50% !important; }
.h-75 { height: 75% !important; }
.h-100 { height: 100% !important; }
.h-auto { height: auto !important; }
.mh-100 { max-height: 100% !important; }
.vh-100 { height: 100vh !important; }
.min-vh-100 { min-height: 100vh !important; }
.flex-fill { flex: 1 1 auto !important; }
.flex-row { flex-direction: row !important; }
.flex-column { flex-direction: column !important; }
.flex-row-reverse { flex-direction: row-reverse !important; }
.flex-column-reverse { flex-direction: column-reverse !important; }
.flex-grow-0 { flex-grow: 0 !important; }
.flex-grow-1 { flex-grow: 1 !important; }
.flex-shrink-0 { flex-shrink: 0 !important; }
.flex-shrink-1 { flex-shrink: 1 !important; }
.flex-wrap { flex-wrap: wrap !important; }
.flex-nowrap { flex-wrap: nowrap !important; }
.flex-wrap-reverse { flex-wrap: wrap-reverse !important; }
.justify-content-start { justify-content: flex-start !important; }
.justify-content-end { justify-content: flex-end !important; }
.justify-content-center { justify-content: center !important; }
.justify-content-between { justify-content: space-between !important; }
.justify-content-around { justify-content: space-around !important; }
.justify-content-evenly { justify-content: space-evenly !important; }
.align-items-start { align-items: flex-start !important; }
.align-items-end { align-items: flex-end !important; }
.align-items-center { align-items: center !important; }
.align-items-baseline { align-items: baseline !important; }
.align-items-stretch { align-items: stretch !important; }
.align-content-start { align-content: flex-start !important; }
.align-content-end { align-content: flex-end !important; }
.align-content-center { align-content: center !important; }
.align-content-between { align-content: space-between !important; }
.align-content-around { align-content: space-around !important; }
.align-content-stretch { align-content: stretch !important; }
.align-self-auto { align-self: auto !important; }
.align-self-start { align-self: flex-start !important; }
.align-self-end { align-self: flex-end !important; }
.align-self-center { align-self: center !important; }
.align-self-baseline { align-self: baseline !important; }
.align-self-stretch { align-self: stretch !important; }
.order-first { order: -1 !important; }
.order-0 { order: 0 !important; }
.order-1 { order: 1 !important; }
.order-2 { order: 2 !important; }
.order-3 { order: 3 !important; }
.order-4 { order: 4 !important; }
.order-5 { order: 5 !important; }
.order-last { order: 6 !important; }
.m-0 { margin: 0px !important; }
.m-1 { margin: calc(0.25 * var(--c4-rem,16px)) !important; }
.m-2 { margin: calc(0.5 * var(--c4-rem,16px)) !important; }
.m-3 { margin: calc(1 * var(--c4-rem,16px)) !important; }
.m-4 { margin: calc(1.5 * var(--c4-rem,16px)) !important; }
.m-5 { margin: calc(3 * var(--c4-rem,16px)) !important; }
.m-auto { margin: auto !important; }
.mx-0 { margin-left: 0px !important; margin-right: 0px !important; }
.mx-1 { margin-left: calc(0.25 * var(--c4-rem,16px)) !important; margin-right: calc(0.25 * var(--c4-rem,16px)) !important; }
.mx-2 { margin-left: calc(0.5 * var(--c4-rem,16px)) !important; margin-right: calc(0.5 * var(--c4-rem,16px)) !important; }
.mx-3 { margin-left: calc(1 * var(--c4-rem,16px)) !important; margin-right: calc(1 * var(--c4-rem,16px)) !important; }
.mx-4 { margin-left: calc(1.5 * var(--c4-rem,16px)) !important; margin-right: calc(1.5 * var(--c4-rem,16px)) !important; }
.mx-5 { margin-left: calc(3 * var(--c4-rem,16px)) !important; margin-right: calc(3 * var(--c4-rem,16px)) !important; }
.mx-auto { margin-left: auto !important; margin-right: auto !important; }
.my-0 { margin-top: 0px !important; margin-bottom: 0px !important; }
.my-1 { margin-top: calc(0.25 * var(--c4-rem,16px)) !important; margin-bottom: calc(0.25 * var(--c4-rem,16px)) !important; }
.my-2 { margin-top: calc(0.5 * var(--c4-rem,16px)) !important; margin-bottom: calc(0.5 * var(--c4-rem,16px)) !important; }
.my-3 { margin-top: calc(1 * var(--c4-rem,16px)) !important; margin-bottom: calc(1 * var(--c4-rem,16px)) !important; }
.my-4 { margin-top: calc(1.5 * var(--c4-rem,16px)) !important; margin-bottom: calc(1.5 * var(--c4-rem,16px)) !important; }
.my-5 { margin-top: calc(3 * var(--c4-rem,16px)) !important; margin-bottom: calc(3 * var(--c4-rem,16px)) !important; }
.my-auto { margin-top: auto !important; margin-bottom: auto !important; }
.mt-0 { margin-top: 0px !important; }
.mt-1 { margin-top: calc(0.25 * var(--c4-rem,16px)) !important; }
.mt-2 { margin-top: calc(0.5 * var(--c4-rem,16px)) !important; }
.mt-3 { margin-top: calc(1 * var(--c4-rem,16px)) !important; }
.mt-4 { margin-top: calc(1.5 * var(--c4-rem,16px)) !important; }
.mt-5 { margin-top: calc(3 * var(--c4-rem,16px)) !important; }
.mt-auto { margin-top: auto !important; }
.me-0 { margin-right: 0px !important; }
.me-1 { margin-right: calc(0.25 * var(--c4-rem,16px)) !important; }
.me-2 { margin-right: calc(0.5 * var(--c4-rem,16px)) !important; }
.me-3 { margin-right: calc(1 * var(--c4-rem,16px)) !important; }
.me-4 { margin-right: calc(1.5 * var(--c4-rem,16px)) !important; }
.me-5 { margin-right: calc(3 * var(--c4-rem,16px)) !important; }
.me-auto { margin-right: auto !important; }
.mb-0 { margin-bottom: 0px !important; }
.mb-1 { margin-bottom: calc(0.25 * var(--c4-rem,16px)) !important; }
.mb-2 { margin-bottom: calc(0.5 * var(--c4-rem,16px)) !important; }
.mb-3 { margin-bottom: calc(1 * var(--c4-rem,16px)) !important; }
.mb-4 { margin-bottom: calc(1.5 * var(--c4-rem,16px)) !important; }
.mb-5 { margin-bottom: calc(3 * var(--c4-rem,16px)) !important; }
.mb-auto { margin-bottom: auto !important; }
.ms-0 { margin-left: 0px !important; }
.ms-1 { margin-left: calc(0.25 * var(--c4-rem,16px)) !important; }
.ms-2 { margin-left: calc(0.5 * var(--c4-rem,16px)) !important; }
.ms-3 { margin-left: calc(1 * var(--c4-rem,16px)) !important; }
.ms-4 { margin-left: calc(1.5 * var(--c4-rem,16px)) !important; }
.ms-5 { margin-left: calc(3 * var(--c4-rem,16px)) !important; }
.ms-auto { margin-left: auto !important; }
.p-0 { padding: 0px !important; }
.p-1 { padding: calc(0.25 * var(--c4-rem,16px)) !important; }
.p-2 { padding: calc(0.5 * var(--c4-rem,16px)) !important; }
.p-3 { padding: calc(1 * var(--c4-rem,16px)) !important; }
.p-4 { padding: calc(1.5 * var(--c4-rem,16px)) !important; }
.p-5 { padding: calc(3 * var(--c4-rem,16px)) !important; }
.px-0 { padding-left: 0px !important; padding-right: 0px !important; }
.px-1 { padding-left: calc(0.25 * var(--c4-rem,16px)) !important; padding-right: calc(0.25 * var(--c4-rem,16px)) !important; }
.px-2 { padding-left: calc(0.5 * var(--c4-rem,16px)) !important; padding-right: calc(0.5 * var(--c4-rem,16px)) !important; }
.px-3 { padding-left: calc(1 * var(--c4-rem,16px)) !important; padding-right: calc(1 * var(--c4-rem,16px)) !important; }
.px-4 { padding-left: calc(1.5 * var(--c4-rem,16px)) !important; padding-right: calc(1.5 * var(--c4-rem,16px)) !important; }
.px-5 { padding-left: calc(3 * var(--c4-rem,16px)) !important; padding-right: calc(3 * var(--c4-rem,16px)) !important; }
.py-0 { padding-top: 0px !important; padding-bottom: 0px !important; }
.py-1 { padding-top: calc(0.25 * var(--c4-rem,16px)) !important; padding-bottom: calc(0.25 * var(--c4-rem,16px)) !important; }
.py-2 { padding-top: calc(0.5 * var(--c4-rem,16px)) !important; padding-bottom: calc(0.5 * var(--c4-rem,16px)) !important; }
.py-3 { padding-top: calc(1 * var(--c4-rem,16px)) !important; padding-bottom: calc(1 * var(--c4-rem,16px)) !important; }
.py-4 { padding-top: calc(1.5 * var(--c4-rem,16px)) !important; padding-bottom: calc(1.5 * var(--c4-rem,16px)) !important; }
.py-5 { padding-top: calc(3 * var(--c4-rem,16px)) !important; padding-bottom: calc(3 * var(--c4-rem,16px)) !important; }
.pt-0 { padding-top: 0px !important; }
.pt-1 { padding-top: calc(0.25 * var(--c4-rem,16px)) !important; }
.pt-2 { padding-top: calc(0.5 * var(--c4-rem,16px)) !important; }
.pt-3 { padding-top: calc(1 * var(--c4-rem,16px)) !important; }
.pt-4 { padding-top: calc(1.5 * var(--c4-rem,16px)) !important; }
.pt-5 { padding-top: calc(3 * var(--c4-rem,16px)) !important; }
.pe-0 { padding-right: 0px !important; }
.pe-1 { padding-right: calc(0.25 * var(--c4-rem,16px)) !important; }
.pe-2 { padding-right: calc(0.5 * var(--c4-rem,16px)) !important; }
.pe-3 { padding-right: calc(1 * var(--c4-rem,16px)) !important; }
.pe-4 { padding-right: calc(1.5 * var(--c4-rem,16px)) !important; }
.pe-5 { padding-right: calc(3 * var(--c4-rem,16px)) !important; }
.pb-0 { padding-bottom: 0px !important; }
.pb-1 { padding-bottom: calc(0.25 * var(--c4-rem,16px)) !important; }
.pb-2 { padding-bottom: calc(0.5 * var(--c4-rem,16px)) !important; }
.pb-3 { padding-bottom: calc(1 * var(--c4-rem,16px)) !important; }
.pb-4 { padding-bottom: calc(1.5 * var(--c4-rem,16px)) !important; }
.pb-5 { padding-bottom: calc(3 * var(--c4-rem,16px)) !important; }
.ps-0 { padding-left: 0px !important; }
.ps-1 { padding-left: calc(0.25 * var(--c4-rem,16px)) !important; }
.ps-2 { padding-left: calc(0.5 * var(--c4-rem,16px)) !important; }
.ps-3 { padding-left: calc(1 * var(--c4-rem,16px)) !important; }
.ps-4 { padding-left: calc(1.5 * var(--c4-rem,16px)) !important; }
.ps-5 { padding-left: calc(3 * var(--c4-rem,16px)) !important; }
.gap-0 { gap: 0px !important; }
.gap-1 { gap: calc(0.25 * var(--c4-rem,16px)) !important; }
.gap-2 { gap: calc(0.5 * var(--c4-rem,16px)) !important; }
.gap-3 { gap: calc(1 * var(--c4-rem,16px)) !important; }
.gap-4 { gap: calc(1.5 * var(--c4-rem,16px)) !important; }
.gap-5 { gap: calc(3 * var(--c4-rem,16px)) !important; }
.font-monospace { font-family: var(--bs-font-monospace) !important; }
.fs-1 { font-size: calc(calc(1.375 * var(--c4-rem,16px)) + 1.5vw) !important; }
.fs-2 { font-size: calc(calc(1.325 * var(--c4-rem,16px)) + 0.9vw) !important; }
.fs-3 { font-size: calc(calc(1.3 * var(--c4-rem,16px)) + 0.6vw) !important; }
.fs-4 { font-size: calc(calc(1.275 * var(--c4-rem,16px)) + 0.3vw) !important; }
.fs-5 { font-size: calc(1.25 * var(--c4-rem,16px)) !important; }
.fs-6 { font-size: calc(1 * var(--c4-rem,16px)) !important; }
.fst-italic { font-style: italic !important; }
.fst-normal { font-style: normal !important; }
.fw-light { font-weight: 300 !important; }
.fw-lighter { font-weight: lighter !important; }
.fw-normal { font-weight: 400 !important; }
.fw-bold { font-weight: 700 !important; }
.fw-semibold { font-weight: 600 !important; }
.fw-bolder { font-weight: bolder !important; }
.lh-1 { line-height: 1 !important; }
.lh-sm { line-height: 1.25 !important; }
.lh-base { line-height: 1.5 !important; }
.lh-lg { line-height: 2 !important; }
.text-start { text-align: left !important; }
.text-end { text-align: right !important; }
.text-center { text-align: center !important; }
.text-decoration-none { text-decoration: none !important; }
.text-decoration-underline { text-decoration: underline !important; }
.text-decoration-line-through { text-decoration: line-through !important; }
.text-lowercase { text-transform: lowercase !important; }
.text-uppercase { text-transform: uppercase !important; }
.text-capitalize { text-transform: capitalize !important; }
.text-wrap { white-space: normal !important; }
.text-nowrap { white-space: nowrap !important; }
.text-break { overflow-wrap: break-word !important; word-break: break-word !important; }
.text-primary { color: rgba(var(--bs-primary-rgb),var(--bs-text-opacity)) !important; }
.text-black, .text-black-50, .text-body, .text-danger, .text-dark, .text-info, .text-light, .text-muted, .text-primary, .text-reset, .text-secondary, .text-success, .text-warning, .text-white, .text-white-50 { --bs-text-opacity: 1; }
.text-secondary { color: rgba(var(--bs-secondary-rgb),var(--bs-text-opacity)) !important; }
.text-success { color: rgba(var(--bs-success-rgb),var(--bs-text-opacity)) !important; }
.text-info { color: rgba(var(--bs-info-rgb),var(--bs-text-opacity)) !important; }
.text-warning { color: rgba(var(--bs-warning-rgb),var(--bs-text-opacity)) !important; }
.text-danger { color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity)) !important; }
.text-light { color: rgba(var(--bs-light-rgb),var(--bs-text-opacity)) !important; }
.text-dark { color: rgba(var(--bs-dark-rgb),var(--bs-text-opacity)) !important; }
.text-black { color: rgba(var(--bs-black-rgb),var(--bs-text-opacity)) !important; }
.text-white { color: rgba(var(--bs-white-rgb),var(--bs-text-opacity)) !important; }
.text-body { color: rgba(var(--bs-body-color-rgb),var(--bs-text-opacity)) !important; }
.text-muted { color: rgb(108, 117, 125) !important; }
.text-black-50 { color: rgba(0, 0, 0, 0.5) !important; }
.text-white-50 { color: rgba(255, 255, 255, 0.5) !important; }
.text-reset { color: inherit !important; }
.text-opacity-25 { --bs-text-opacity: .25; }
.text-opacity-50 { --bs-text-opacity: .5; }
.text-opacity-75 { --bs-text-opacity: .75; }
.text-opacity-100 { --bs-text-opacity: 1; }
.bg-primary { background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity)) !important; }
.bg-black, .bg-body, .bg-danger, .bg-dark, .bg-info, .bg-light, .bg-primary, .bg-secondary, .bg-success, .bg-transparent, .bg-warning, .bg-white { --bs-bg-opacity: 1; }
.bg-secondary { background-color: rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity)) !important; }
.bg-success { background-color: rgba(var(--bs-success-rgb),var(--bs-bg-opacity)) !important; }
.bg-info { background-color: rgba(var(--bs-info-rgb),var(--bs-bg-opacity)) !important; }
.bg-warning { background-color: rgba(var(--bs-warning-rgb),var(--bs-bg-opacity)) !important; }
.bg-danger { background-color: rgba(var(--bs-danger-rgb),var(--bs-bg-opacity)) !important; }
.bg-light { background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity)) !important; }
.bg-dark { background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity)) !important; }
.bg-black { background-color: rgba(var(--bs-black-rgb),var(--bs-bg-opacity)) !important; }
.bg-white { background-color: rgba(var(--bs-white-rgb),var(--bs-bg-opacity)) !important; }
.bg-body { background-color: rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity)) !important; }
.bg-transparent { background-color: rgba(0, 0, 0, 0) !important; }
.bg-opacity-10 { --bs-bg-opacity: .1; }
.bg-opacity-25 { --bs-bg-opacity: .25; }
.bg-opacity-50 { --bs-bg-opacity: .5; }
.bg-opacity-75 { --bs-bg-opacity: .75; }
.bg-opacity-100 { --bs-bg-opacity: 1; }
.bg-gradient { background-image: var(--bs-gradient) !important; }
.user-select-all { user-select: all !important; }
.user-select-auto { user-select: auto !important; }
.user-select-none { user-select: none !important; }
.pe-none { pointer-events: none !important; }
.pe-auto { pointer-events: auto !important; }
.rounded { border-radius: var(--bs-border-radius) !important; }
.rounded-0 { border-radius: 0px !important; }
.rounded-1 { border-radius: var(--bs-border-radius-sm) !important; }
.rounded-2 { border-radius: var(--bs-border-radius) !important; }
.rounded-3 { border-radius: var(--bs-border-radius-lg) !important; }
.rounded-4 { border-radius: var(--bs-border-radius-xl) !important; }
.rounded-5 { border-radius: var(--bs-border-radius-2xl) !important; }
.rounded-circle { border-radius: 50% !important; }
.rounded-pill { border-radius: var(--bs-border-radius-pill) !important; }
.rounded-start, .rounded-top { border-top-left-radius: var(--bs-border-radius) !important; }
.rounded-end, .rounded-top { border-top-right-radius: var(--bs-border-radius) !important; }
.rounded-bottom, .rounded-end { border-bottom-right-radius: var(--bs-border-radius) !important; }
.rounded-bottom, .rounded-start { border-bottom-left-radius: var(--bs-border-radius) !important; }
.visible { visibility: visible !important; }
.invisible { visibility: hidden !important; }
@media (min-width: 576px) {
  .float-sm-start { float: left !important; }
  .float-sm-end { float: right !important; }
  .float-sm-none { float: none !important; }
  .d-sm-inline { display: inline !important; }
  .d-sm-inline-block { display: inline-block !important; }
  .d-sm-block { display: block !important; }
  .d-sm-grid { display: grid !important; }
  .d-sm-table { display: table !important; }
  .d-sm-table-row { display: table-row !important; }
  .d-sm-table-cell { display: table-cell !important; }
  .d-sm-flex { display: flex !important; }
  .d-sm-inline-flex { display: inline-flex !important; }
  .d-sm-none { display: none !important; }
  .flex-sm-fill { flex: 1 1 auto !important; }
  .flex-sm-row { flex-direction: row !important; }
  .flex-sm-column { flex-direction: column !important; }
  .flex-sm-row-reverse { flex-direction: row-reverse !important; }
  .flex-sm-column-reverse { flex-direction: column-reverse !important; }
  .flex-sm-grow-0 { flex-grow: 0 !important; }
  .flex-sm-grow-1 { flex-grow: 1 !important; }
  .flex-sm-shrink-0 { flex-shrink: 0 !important; }
  .flex-sm-shrink-1 { flex-shrink: 1 !important; }
  .flex-sm-wrap { flex-wrap: wrap !important; }
  .flex-sm-nowrap { flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; }
  .justify-content-sm-start { justify-content: flex-start !important; }
  .justify-content-sm-end { justify-content: flex-end !important; }
  .justify-content-sm-center { justify-content: center !important; }
  .justify-content-sm-between { justify-content: space-between !important; }
  .justify-content-sm-around { justify-content: space-around !important; }
  .justify-content-sm-evenly { justify-content: space-evenly !important; }
  .align-items-sm-start { align-items: flex-start !important; }
  .align-items-sm-end { align-items: flex-end !important; }
  .align-items-sm-center { align-items: center !important; }
  .align-items-sm-baseline { align-items: baseline !important; }
  .align-items-sm-stretch { align-items: stretch !important; }
  .align-content-sm-start { align-content: flex-start !important; }
  .align-content-sm-end { align-content: flex-end !important; }
  .align-content-sm-center { align-content: center !important; }
  .align-content-sm-between { align-content: space-between !important; }
  .align-content-sm-around { align-content: space-around !important; }
  .align-content-sm-stretch { align-content: stretch !important; }
  .align-self-sm-auto { align-self: auto !important; }
  .align-self-sm-start { align-self: flex-start !important; }
  .align-self-sm-end { align-self: flex-end !important; }
  .align-self-sm-center { align-self: center !important; }
  .align-self-sm-baseline { align-self: baseline !important; }
  .align-self-sm-stretch { align-self: stretch !important; }
  .order-sm-first { order: -1 !important; }
  .order-sm-0 { order: 0 !important; }
  .order-sm-1 { order: 1 !important; }
  .order-sm-2 { order: 2 !important; }
  .order-sm-3 { order: 3 !important; }
  .order-sm-4 { order: 4 !important; }
  .order-sm-5 { order: 5 !important; }
  .order-sm-last { order: 6 !important; }
  .m-sm-0 { margin: 0px !important; }
  .m-sm-1 { margin: calc(0.25 * var(--c4-rem,16px)) !important; }
  .m-sm-2 { margin: calc(0.5 * var(--c4-rem,16px)) !important; }
  .m-sm-3 { margin: calc(1 * var(--c4-rem,16px)) !important; }
  .m-sm-4 { margin: calc(1.5 * var(--c4-rem,16px)) !important; }
  .m-sm-5 { margin: calc(3 * var(--c4-rem,16px)) !important; }
  .m-sm-auto { margin: auto !important; }
  .mx-sm-0 { margin-left: 0px !important; margin-right: 0px !important; }
  .mx-sm-1 { margin-left: calc(0.25 * var(--c4-rem,16px)) !important; margin-right: calc(0.25 * var(--c4-rem,16px)) !important; }
  .mx-sm-2 { margin-left: calc(0.5 * var(--c4-rem,16px)) !important; margin-right: calc(0.5 * var(--c4-rem,16px)) !important; }
  .mx-sm-3 { margin-left: calc(1 * var(--c4-rem,16px)) !important; margin-right: calc(1 * var(--c4-rem,16px)) !important; }
  .mx-sm-4 { margin-left: calc(1.5 * var(--c4-rem,16px)) !important; margin-right: calc(1.5 * var(--c4-rem,16px)) !important; }
  .mx-sm-5 { margin-left: calc(3 * var(--c4-rem,16px)) !important; margin-right: calc(3 * var(--c4-rem,16px)) !important; }
  .mx-sm-auto { margin-left: auto !important; margin-right: auto !important; }
  .my-sm-0 { margin-top: 0px !important; margin-bottom: 0px !important; }
  .my-sm-1 { margin-top: calc(0.25 * var(--c4-rem,16px)) !important; margin-bottom: calc(0.25 * var(--c4-rem,16px)) !important; }
  .my-sm-2 { margin-top: calc(0.5 * var(--c4-rem,16px)) !important; margin-bottom: calc(0.5 * var(--c4-rem,16px)) !important; }
  .my-sm-3 { margin-top: calc(1 * var(--c4-rem,16px)) !important; margin-bottom: calc(1 * var(--c4-rem,16px)) !important; }
  .my-sm-4 { margin-top: calc(1.5 * var(--c4-rem,16px)) !important; margin-bottom: calc(1.5 * var(--c4-rem,16px)) !important; }
  .my-sm-5 { margin-top: calc(3 * var(--c4-rem,16px)) !important; margin-bottom: calc(3 * var(--c4-rem,16px)) !important; }
  .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; }
  .mt-sm-0 { margin-top: 0px !important; }
  .mt-sm-1 { margin-top: calc(0.25 * var(--c4-rem,16px)) !important; }
  .mt-sm-2 { margin-top: calc(0.5 * var(--c4-rem,16px)) !important; }
  .mt-sm-3 { margin-top: calc(1 * var(--c4-rem,16px)) !important; }
  .mt-sm-4 { margin-top: calc(1.5 * var(--c4-rem,16px)) !important; }
  .mt-sm-5 { margin-top: calc(3 * var(--c4-rem,16px)) !important; }
  .mt-sm-auto { margin-top: auto !important; }
  .me-sm-0 { margin-right: 0px !important; }
  .me-sm-1 { margin-right: calc(0.25 * var(--c4-rem,16px)) !important; }
  .me-sm-2 { margin-right: calc(0.5 * var(--c4-rem,16px)) !important; }
  .me-sm-3 { margin-right: calc(1 * var(--c4-rem,16px)) !important; }
  .me-sm-4 { margin-right: calc(1.5 * var(--c4-rem,16px)) !important; }
  .me-sm-5 { margin-right: calc(3 * var(--c4-rem,16px)) !important; }
  .me-sm-auto { margin-right: auto !important; }
  .mb-sm-0 { margin-bottom: 0px !important; }
  .mb-sm-1 { margin-bottom: calc(0.25 * var(--c4-rem,16px)) !important; }
  .mb-sm-2 { margin-bottom: calc(0.5 * var(--c4-rem,16px)) !important; }
  .mb-sm-3 { margin-bottom: calc(1 * var(--c4-rem,16px)) !important; }
  .mb-sm-4 { margin-bottom: calc(1.5 * var(--c4-rem,16px)) !important; }
  .mb-sm-5 { margin-bottom: calc(3 * var(--c4-rem,16px)) !important; }
  .mb-sm-auto { margin-bottom: auto !important; }
  .ms-sm-0 { margin-left: 0px !important; }
  .ms-sm-1 { margin-left: calc(0.25 * var(--c4-rem,16px)) !important; }
  .ms-sm-2 { margin-left: calc(0.5 * var(--c4-rem,16px)) !important; }
  .ms-sm-3 { margin-left: calc(1 * var(--c4-rem,16px)) !important; }
  .ms-sm-4 { margin-left: calc(1.5 * var(--c4-rem,16px)) !important; }
  .ms-sm-5 { margin-left: calc(3 * var(--c4-rem,16px)) !important; }
  .ms-sm-auto { margin-left: auto !important; }
  .p-sm-0 { padding: 0px !important; }
  .p-sm-1 { padding: calc(0.25 * var(--c4-rem,16px)) !important; }
  .p-sm-2 { padding: calc(0.5 * var(--c4-rem,16px)) !important; }
  .p-sm-3 { padding: calc(1 * var(--c4-rem,16px)) !important; }
  .p-sm-4 { padding: calc(1.5 * var(--c4-rem,16px)) !important; }
  .p-sm-5 { padding: calc(3 * var(--c4-rem,16px)) !important; }
  .px-sm-0 { padding-left: 0px !important; padding-right: 0px !important; }
  .px-sm-1 { padding-left: calc(0.25 * var(--c4-rem,16px)) !important; padding-right: calc(0.25 * var(--c4-rem,16px)) !important; }
  .px-sm-2 { padding-left: calc(0.5 * var(--c4-rem,16px)) !important; padding-right: calc(0.5 * var(--c4-rem,16px)) !important; }
  .px-sm-3 { padding-left: calc(1 * var(--c4-rem,16px)) !important; padding-right: calc(1 * var(--c4-rem,16px)) !important; }
  .px-sm-4 { padding-left: calc(1.5 * var(--c4-rem,16px)) !important; padding-right: calc(1.5 * var(--c4-rem,16px)) !important; }
  .px-sm-5 { padding-left: calc(3 * var(--c4-rem,16px)) !important; padding-right: calc(3 * var(--c4-rem,16px)) !important; }
  .py-sm-0 { padding-top: 0px !important; padding-bottom: 0px !important; }
  .py-sm-1 { padding-top: calc(0.25 * var(--c4-rem,16px)) !important; padding-bottom: calc(0.25 * var(--c4-rem,16px)) !important; }
  .py-sm-2 { padding-top: calc(0.5 * var(--c4-rem,16px)) !important; padding-bottom: calc(0.5 * var(--c4-rem,16px)) !important; }
  .py-sm-3 { padding-top: calc(1 * var(--c4-rem,16px)) !important; padding-bottom: calc(1 * var(--c4-rem,16px)) !important; }
  .py-sm-4 { padding-top: calc(1.5 * var(--c4-rem,16px)) !important; padding-bottom: calc(1.5 * var(--c4-rem,16px)) !important; }
  .py-sm-5 { padding-top: calc(3 * var(--c4-rem,16px)) !important; padding-bottom: calc(3 * var(--c4-rem,16px)) !important; }
  .pt-sm-0 { padding-top: 0px !important; }
  .pt-sm-1 { padding-top: calc(0.25 * var(--c4-rem,16px)) !important; }
  .pt-sm-2 { padding-top: calc(0.5 * var(--c4-rem,16px)) !important; }
  .pt-sm-3 { padding-top: calc(1 * var(--c4-rem,16px)) !important; }
  .pt-sm-4 { padding-top: calc(1.5 * var(--c4-rem,16px)) !important; }
  .pt-sm-5 { padding-top: calc(3 * var(--c4-rem,16px)) !important; }
  .pe-sm-0 { padding-right: 0px !important; }
  .pe-sm-1 { padding-right: calc(0.25 * var(--c4-rem,16px)) !important; }
  .pe-sm-2 { padding-right: calc(0.5 * var(--c4-rem,16px)) !important; }
  .pe-sm-3 { padding-right: calc(1 * var(--c4-rem,16px)) !important; }
  .pe-sm-4 { padding-right: calc(1.5 * var(--c4-rem,16px)) !important; }
  .pe-sm-5 { padding-right: calc(3 * var(--c4-rem,16px)) !important; }
  .pb-sm-0 { padding-bottom: 0px !important; }
  .pb-sm-1 { padding-bottom: calc(0.25 * var(--c4-rem,16px)) !important; }
  .pb-sm-2 { padding-bottom: calc(0.5 * var(--c4-rem,16px)) !important; }
  .pb-sm-3 { padding-bottom: calc(1 * var(--c4-rem,16px)) !important; }
  .pb-sm-4 { padding-bottom: calc(1.5 * var(--c4-rem,16px)) !important; }
  .pb-sm-5 { padding-bottom: calc(3 * var(--c4-rem,16px)) !important; }
  .ps-sm-0 { padding-left: 0px !important; }
  .ps-sm-1 { padding-left: calc(0.25 * var(--c4-rem,16px)) !important; }
  .ps-sm-2 { padding-left: calc(0.5 * var(--c4-rem,16px)) !important; }
  .ps-sm-3 { padding-left: calc(1 * var(--c4-rem,16px)) !important; }
  .ps-sm-4 { padding-left: calc(1.5 * var(--c4-rem,16px)) !important; }
  .ps-sm-5 { padding-left: calc(3 * var(--c4-rem,16px)) !important; }
  .gap-sm-0 { gap: 0px !important; }
  .gap-sm-1 { gap: calc(0.25 * var(--c4-rem,16px)) !important; }
  .gap-sm-2 { gap: calc(0.5 * var(--c4-rem,16px)) !important; }
  .gap-sm-3 { gap: calc(1 * var(--c4-rem,16px)) !important; }
  .gap-sm-4 { gap: calc(1.5 * var(--c4-rem,16px)) !important; }
  .gap-sm-5 { gap: calc(3 * var(--c4-rem,16px)) !important; }
  .text-sm-start { text-align: left !important; }
  .text-sm-end { text-align: right !important; }
  .text-sm-center { text-align: center !important; }
}
@media (min-width: 768px) {
  .float-md-start { float: left !important; }
  .float-md-end { float: right !important; }
  .float-md-none { float: none !important; }
  .d-md-inline { display: inline !important; }
  .d-md-inline-block { display: inline-block !important; }
  .d-md-block { display: block !important; }
  .d-md-grid { display: grid !important; }
  .d-md-table { display: table !important; }
  .d-md-table-row { display: table-row !important; }
  .d-md-table-cell { display: table-cell !important; }
  .d-md-flex { display: flex !important; }
  .d-md-inline-flex { display: inline-flex !important; }
  .d-md-none { display: none !important; }
  .flex-md-fill { flex: 1 1 auto !important; }
  .flex-md-row { flex-direction: row !important; }
  .flex-md-column { flex-direction: column !important; }
  .flex-md-row-reverse { flex-direction: row-reverse !important; }
  .flex-md-column-reverse { flex-direction: column-reverse !important; }
  .flex-md-grow-0 { flex-grow: 0 !important; }
  .flex-md-grow-1 { flex-grow: 1 !important; }
  .flex-md-shrink-0 { flex-shrink: 0 !important; }
  .flex-md-shrink-1 { flex-shrink: 1 !important; }
  .flex-md-wrap { flex-wrap: wrap !important; }
  .flex-md-nowrap { flex-wrap: nowrap !important; }
  .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; }
  .justify-content-md-start { justify-content: flex-start !important; }
  .justify-content-md-end { justify-content: flex-end !important; }
  .justify-content-md-center { justify-content: center !important; }
  .justify-content-md-between { justify-content: space-between !important; }
  .justify-content-md-around { justify-content: space-around !important; }
  .justify-content-md-evenly { justify-content: space-evenly !important; }
  .align-items-md-start { align-items: flex-start !important; }
  .align-items-md-end { align-items: flex-end !important; }
  .align-items-md-center { align-items: center !important; }
  .align-items-md-baseline { align-items: baseline !important; }
  .align-items-md-stretch { align-items: stretch !important; }
  .align-content-md-start { align-content: flex-start !important; }
  .align-content-md-end { align-content: flex-end !important; }
  .align-content-md-center { align-content: center !important; }
  .align-content-md-between { align-content: space-between !important; }
  .align-content-md-around { align-content: space-around !important; }
  .align-content-md-stretch { align-content: stretch !important; }
  .align-self-md-auto { align-self: auto !important; }
  .align-self-md-start { align-self: flex-start !important; }
  .align-self-md-end { align-self: flex-end !important; }
  .align-self-md-center { align-self: center !important; }
  .align-self-md-baseline { align-self: baseline !important; }
  .align-self-md-stretch { align-self: stretch !important; }
  .order-md-first { order: -1 !important; }
  .order-md-0 { order: 0 !important; }
  .order-md-1 { order: 1 !important; }
  .order-md-2 { order: 2 !important; }
  .order-md-3 { order: 3 !important; }
  .order-md-4 { order: 4 !important; }
  .order-md-5 { order: 5 !important; }
  .order-md-last { order: 6 !important; }
  .m-md-0 { margin: 0px !important; }
  .m-md-1 { margin: calc(0.25 * var(--c4-rem,16px)) !important; }
  .m-md-2 { margin: calc(0.5 * var(--c4-rem,16px)) !important; }
  .m-md-3 { margin: calc(1 * var(--c4-rem,16px)) !important; }
  .m-md-4 { margin: calc(1.5 * var(--c4-rem,16px)) !important; }
  .m-md-5 { margin: calc(3 * var(--c4-rem,16px)) !important; }
  .m-md-auto { margin: auto !important; }
  .mx-md-0 { margin-left: 0px !important; margin-right: 0px !important; }
  .mx-md-1 { margin-left: calc(0.25 * var(--c4-rem,16px)) !important; margin-right: calc(0.25 * var(--c4-rem,16px)) !important; }
  .mx-md-2 { margin-left: calc(0.5 * var(--c4-rem,16px)) !important; margin-right: calc(0.5 * var(--c4-rem,16px)) !important; }
  .mx-md-3 { margin-left: calc(1 * var(--c4-rem,16px)) !important; margin-right: calc(1 * var(--c4-rem,16px)) !important; }
  .mx-md-4 { margin-left: calc(1.5 * var(--c4-rem,16px)) !important; margin-right: calc(1.5 * var(--c4-rem,16px)) !important; }
  .mx-md-5 { margin-left: calc(3 * var(--c4-rem,16px)) !important; margin-right: calc(3 * var(--c4-rem,16px)) !important; }
  .mx-md-auto { margin-left: auto !important; margin-right: auto !important; }
  .my-md-0 { margin-top: 0px !important; margin-bottom: 0px !important; }
  .my-md-1 { margin-top: calc(0.25 * var(--c4-rem,16px)) !important; margin-bottom: calc(0.25 * var(--c4-rem,16px)) !important; }
  .my-md-2 { margin-top: calc(0.5 * var(--c4-rem,16px)) !important; margin-bottom: calc(0.5 * var(--c4-rem,16px)) !important; }
  .my-md-3 { margin-top: calc(1 * var(--c4-rem,16px)) !important; margin-bottom: calc(1 * var(--c4-rem,16px)) !important; }
  .my-md-4 { margin-top: calc(1.5 * var(--c4-rem,16px)) !important; margin-bottom: calc(1.5 * var(--c4-rem,16px)) !important; }
  .my-md-5 { margin-top: calc(3 * var(--c4-rem,16px)) !important; margin-bottom: calc(3 * var(--c4-rem,16px)) !important; }
  .my-md-auto { margin-top: auto !important; margin-bottom: auto !important; }
  .mt-md-0 { margin-top: 0px !important; }
  .mt-md-1 { margin-top: calc(0.25 * var(--c4-rem,16px)) !important; }
  .mt-md-2 { margin-top: calc(0.5 * var(--c4-rem,16px)) !important; }
  .mt-md-3 { margin-top: calc(1 * var(--c4-rem,16px)) !important; }
  .mt-md-4 { margin-top: calc(1.5 * var(--c4-rem,16px)) !important; }
  .mt-md-5 { margin-top: calc(3 * var(--c4-rem,16px)) !important; }
  .mt-md-auto { margin-top: auto !important; }
  .me-md-0 { margin-right: 0px !important; }
  .me-md-1 { margin-right: calc(0.25 * var(--c4-rem,16px)) !important; }
  .me-md-2 { margin-right: calc(0.5 * var(--c4-rem,16px)) !important; }
  .me-md-3 { margin-right: calc(1 * var(--c4-rem,16px)) !important; }
  .me-md-4 { margin-right: calc(1.5 * var(--c4-rem,16px)) !important; }
  .me-md-5 { margin-right: calc(3 * var(--c4-rem,16px)) !important; }
  .me-md-auto { margin-right: auto !important; }
  .mb-md-0 { margin-bottom: 0px !important; }
  .mb-md-1 { margin-bottom: calc(0.25 * var(--c4-rem,16px)) !important; }
  .mb-md-2 { margin-bottom: calc(0.5 * var(--c4-rem,16px)) !important; }
  .mb-md-3 { margin-bottom: calc(1 * var(--c4-rem,16px)) !important; }
  .mb-md-4 { margin-bottom: calc(1.5 * var(--c4-rem,16px)) !important; }
  .mb-md-5 { margin-bottom: calc(3 * var(--c4-rem,16px)) !important; }
  .mb-md-auto { margin-bottom: auto !important; }
  .ms-md-0 { margin-left: 0px !important; }
  .ms-md-1 { margin-left: calc(0.25 * var(--c4-rem,16px)) !important; }
  .ms-md-2 { margin-left: calc(0.5 * var(--c4-rem,16px)) !important; }
  .ms-md-3 { margin-left: calc(1 * var(--c4-rem,16px)) !important; }
  .ms-md-4 { margin-left: calc(1.5 * var(--c4-rem,16px)) !important; }
  .ms-md-5 { margin-left: calc(3 * var(--c4-rem,16px)) !important; }
  .ms-md-auto { margin-left: auto !important; }
  .p-md-0 { padding: 0px !important; }
  .p-md-1 { padding: calc(0.25 * var(--c4-rem,16px)) !important; }
  .p-md-2 { padding: calc(0.5 * var(--c4-rem,16px)) !important; }
  .p-md-3 { padding: calc(1 * var(--c4-rem,16px)) !important; }
  .p-md-4 { padding: calc(1.5 * var(--c4-rem,16px)) !important; }
  .p-md-5 { padding: calc(3 * var(--c4-rem,16px)) !important; }
  .px-md-0 { padding-left: 0px !important; padding-right: 0px !important; }
  .px-md-1 { padding-left: calc(0.25 * var(--c4-rem,16px)) !important; padding-right: calc(0.25 * var(--c4-rem,16px)) !important; }
  .px-md-2 { padding-left: calc(0.5 * var(--c4-rem,16px)) !important; padding-right: calc(0.5 * var(--c4-rem,16px)) !important; }
  .px-md-3 { padding-left: calc(1 * var(--c4-rem,16px)) !important; padding-right: calc(1 * var(--c4-rem,16px)) !important; }
  .px-md-4 { padding-left: calc(1.5 * var(--c4-rem,16px)) !important; padding-right: calc(1.5 * var(--c4-rem,16px)) !important; }
  .px-md-5 { padding-left: calc(3 * var(--c4-rem,16px)) !important; padding-right: calc(3 * var(--c4-rem,16px)) !important; }
  .py-md-0 { padding-top: 0px !important; padding-bottom: 0px !important; }
  .py-md-1 { padding-top: calc(0.25 * var(--c4-rem,16px)) !important; padding-bottom: calc(0.25 * var(--c4-rem,16px)) !important; }
  .py-md-2 { padding-top: calc(0.5 * var(--c4-rem,16px)) !important; padding-bottom: calc(0.5 * var(--c4-rem,16px)) !important; }
  .py-md-3 { padding-top: calc(1 * var(--c4-rem,16px)) !important; padding-bottom: calc(1 * var(--c4-rem,16px)) !important; }
  .py-md-4 { padding-top: calc(1.5 * var(--c4-rem,16px)) !important; padding-bottom: calc(1.5 * var(--c4-rem,16px)) !important; }
  .py-md-5 { padding-top: calc(3 * var(--c4-rem,16px)) !important; padding-bottom: calc(3 * var(--c4-rem,16px)) !important; }
  .pt-md-0 { padding-top: 0px !important; }
  .pt-md-1 { padding-top: calc(0.25 * var(--c4-rem,16px)) !important; }
  .pt-md-2 { padding-top: calc(0.5 * var(--c4-rem,16px)) !important; }
  .pt-md-3 { padding-top: calc(1 * var(--c4-rem,16px)) !important; }
  .pt-md-4 { padding-top: calc(1.5 * var(--c4-rem,16px)) !important; }
  .pt-md-5 { padding-top: calc(3 * var(--c4-rem,16px)) !important; }
  .pe-md-0 { padding-right: 0px !important; }
  .pe-md-1 { padding-right: calc(0.25 * var(--c4-rem,16px)) !important; }
  .pe-md-2 { padding-right: calc(0.5 * var(--c4-rem,16px)) !important; }
  .pe-md-3 { padding-right: calc(1 * var(--c4-rem,16px)) !important; }
  .pe-md-4 { padding-right: calc(1.5 * var(--c4-rem,16px)) !important; }
  .pe-md-5 { padding-right: calc(3 * var(--c4-rem,16px)) !important; }
  .pb-md-0 { padding-bottom: 0px !important; }
  .pb-md-1 { padding-bottom: calc(0.25 * var(--c4-rem,16px)) !important; }
  .pb-md-2 { padding-bottom: calc(0.5 * var(--c4-rem,16px)) !important; }
  .pb-md-3 { padding-bottom: calc(1 * var(--c4-rem,16px)) !important; }
  .pb-md-4 { padding-bottom: calc(1.5 * var(--c4-rem,16px)) !important; }
  .pb-md-5 { padding-bottom: calc(3 * var(--c4-rem,16px)) !important; }
  .ps-md-0 { padding-left: 0px !important; }
  .ps-md-1 { padding-left: calc(0.25 * var(--c4-rem,16px)) !important; }
  .ps-md-2 { padding-left: calc(0.5 * var(--c4-rem,16px)) !important; }
  .ps-md-3 { padding-left: calc(1 * var(--c4-rem,16px)) !important; }
  .ps-md-4 { padding-left: calc(1.5 * var(--c4-rem,16px)) !important; }
  .ps-md-5 { padding-left: calc(3 * var(--c4-rem,16px)) !important; }
  .gap-md-0 { gap: 0px !important; }
  .gap-md-1 { gap: calc(0.25 * var(--c4-rem,16px)) !important; }
  .gap-md-2 { gap: calc(0.5 * var(--c4-rem,16px)) !important; }
  .gap-md-3 { gap: calc(1 * var(--c4-rem,16px)) !important; }
  .gap-md-4 { gap: calc(1.5 * var(--c4-rem,16px)) !important; }
  .gap-md-5 { gap: calc(3 * var(--c4-rem,16px)) !important; }
  .text-md-start { text-align: left !important; }
  .text-md-end { text-align: right !important; }
  .text-md-center { text-align: center !important; }
}
@media (min-width: 992px) {
  .float-lg-start { float: left !important; }
  .float-lg-end { float: right !important; }
  .float-lg-none { float: none !important; }
  .d-lg-inline { display: inline !important; }
  .d-lg-inline-block { display: inline-block !important; }
  .d-lg-block { display: block !important; }
  .d-lg-grid { display: grid !important; }
  .d-lg-table { display: table !important; }
  .d-lg-table-row { display: table-row !important; }
  .d-lg-table-cell { display: table-cell !important; }
  .d-lg-flex { display: flex !important; }
  .d-lg-inline-flex { display: inline-flex !important; }
  .d-lg-none { display: none !important; }
  .flex-lg-fill { flex: 1 1 auto !important; }
  .flex-lg-row { flex-direction: row !important; }
  .flex-lg-column { flex-direction: column !important; }
  .flex-lg-row-reverse { flex-direction: row-reverse !important; }
  .flex-lg-column-reverse { flex-direction: column-reverse !important; }
  .flex-lg-grow-0 { flex-grow: 0 !important; }
  .flex-lg-grow-1 { flex-grow: 1 !important; }
  .flex-lg-shrink-0 { flex-shrink: 0 !important; }
  .flex-lg-shrink-1 { flex-shrink: 1 !important; }
  .flex-lg-wrap { flex-wrap: wrap !important; }
  .flex-lg-nowrap { flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; }
  .justify-content-lg-start { justify-content: flex-start !important; }
  .justify-content-lg-end { justify-content: flex-end !important; }
  .justify-content-lg-center { justify-content: center !important; }
  .justify-content-lg-between { justify-content: space-between !important; }
  .justify-content-lg-around { justify-content: space-around !important; }
  .justify-content-lg-evenly { justify-content: space-evenly !important; }
  .align-items-lg-start { align-items: flex-start !important; }
  .align-items-lg-end { align-items: flex-end !important; }
  .align-items-lg-center { align-items: center !important; }
  .align-items-lg-baseline { align-items: baseline !important; }
  .align-items-lg-stretch { align-items: stretch !important; }
  .align-content-lg-start { align-content: flex-start !important; }
  .align-content-lg-end { align-content: flex-end !important; }
  .align-content-lg-center { align-content: center !important; }
  .align-content-lg-between { align-content: space-between !important; }
  .align-content-lg-around { align-content: space-around !important; }
  .align-content-lg-stretch { align-content: stretch !important; }
  .align-self-lg-auto { align-self: auto !important; }
  .align-self-lg-start { align-self: flex-start !important; }
  .align-self-lg-end { align-self: flex-end !important; }
  .align-self-lg-center { align-self: center !important; }
  .align-self-lg-baseline { align-self: baseline !important; }
  .align-self-lg-stretch { align-self: stretch !important; }
  .order-lg-first { order: -1 !important; }
  .order-lg-0 { order: 0 !important; }
  .order-lg-1 { order: 1 !important; }
  .order-lg-2 { order: 2 !important; }
  .order-lg-3 { order: 3 !important; }
  .order-lg-4 { order: 4 !important; }
  .order-lg-5 { order: 5 !important; }
  .order-lg-last { order: 6 !important; }
  .m-lg-0 { margin: 0px !important; }
  .m-lg-1 { margin: calc(0.25 * var(--c4-rem,16px)) !important; }
  .m-lg-2 { margin: calc(0.5 * var(--c4-rem,16px)) !important; }
  .m-lg-3 { margin: calc(1 * var(--c4-rem,16px)) !important; }
  .m-lg-4 { margin: calc(1.5 * var(--c4-rem,16px)) !important; }
  .m-lg-5 { margin: calc(3 * var(--c4-rem,16px)) !important; }
  .m-lg-auto { margin: auto !important; }
  .mx-lg-0 { margin-left: 0px !important; margin-right: 0px !important; }
  .mx-lg-1 { margin-left: calc(0.25 * var(--c4-rem,16px)) !important; margin-right: calc(0.25 * var(--c4-rem,16px)) !important; }
  .mx-lg-2 { margin-left: calc(0.5 * var(--c4-rem,16px)) !important; margin-right: calc(0.5 * var(--c4-rem,16px)) !important; }
  .mx-lg-3 { margin-left: calc(1 * var(--c4-rem,16px)) !important; margin-right: calc(1 * var(--c4-rem,16px)) !important; }
  .mx-lg-4 { margin-left: calc(1.5 * var(--c4-rem,16px)) !important; margin-right: calc(1.5 * var(--c4-rem,16px)) !important; }
  .mx-lg-5 { margin-left: calc(3 * var(--c4-rem,16px)) !important; margin-right: calc(3 * var(--c4-rem,16px)) !important; }
  .mx-lg-auto { margin-left: auto !important; margin-right: auto !important; }
  .my-lg-0 { margin-top: 0px !important; margin-bottom: 0px !important; }
  .my-lg-1 { margin-top: calc(0.25 * var(--c4-rem,16px)) !important; margin-bottom: calc(0.25 * var(--c4-rem,16px)) !important; }
  .my-lg-2 { margin-top: calc(0.5 * var(--c4-rem,16px)) !important; margin-bottom: calc(0.5 * var(--c4-rem,16px)) !important; }
  .my-lg-3 { margin-top: calc(1 * var(--c4-rem,16px)) !important; margin-bottom: calc(1 * var(--c4-rem,16px)) !important; }
  .my-lg-4 { margin-top: calc(1.5 * var(--c4-rem,16px)) !important; margin-bottom: calc(1.5 * var(--c4-rem,16px)) !important; }
  .my-lg-5 { margin-top: calc(3 * var(--c4-rem,16px)) !important; margin-bottom: calc(3 * var(--c4-rem,16px)) !important; }
  .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; }
  .mt-lg-0 { margin-top: 0px !important; }
  .mt-lg-1 { margin-top: calc(0.25 * var(--c4-rem,16px)) !important; }
  .mt-lg-2 { margin-top: calc(0.5 * var(--c4-rem,16px)) !important; }
  .mt-lg-3 { margin-top: calc(1 * var(--c4-rem,16px)) !important; }
  .mt-lg-4 { margin-top: calc(1.5 * var(--c4-rem,16px)) !important; }
  .mt-lg-5 { margin-top: calc(3 * var(--c4-rem,16px)) !important; }
  .mt-lg-auto { margin-top: auto !important; }
  .me-lg-0 { margin-right: 0px !important; }
  .me-lg-1 { margin-right: calc(0.25 * var(--c4-rem,16px)) !important; }
  .me-lg-2 { margin-right: calc(0.5 * var(--c4-rem,16px)) !important; }
  .me-lg-3 { margin-right: calc(1 * var(--c4-rem,16px)) !important; }
  .me-lg-4 { margin-right: calc(1.5 * var(--c4-rem,16px)) !important; }
  .me-lg-5 { margin-right: calc(3 * var(--c4-rem,16px)) !important; }
  .me-lg-auto { margin-right: auto !important; }
  .mb-lg-0 { margin-bottom: 0px !important; }
  .mb-lg-1 { margin-bottom: calc(0.25 * var(--c4-rem,16px)) !important; }
  .mb-lg-2 { margin-bottom: calc(0.5 * var(--c4-rem,16px)) !important; }
  .mb-lg-3 { margin-bottom: calc(1 * var(--c4-rem,16px)) !important; }
  .mb-lg-4 { margin-bottom: calc(1.5 * var(--c4-rem,16px)) !important; }
  .mb-lg-5 { margin-bottom: calc(3 * var(--c4-rem,16px)) !important; }
  .mb-lg-auto { margin-bottom: auto !important; }
  .ms-lg-0 { margin-left: 0px !important; }
  .ms-lg-1 { margin-left: calc(0.25 * var(--c4-rem,16px)) !important; }
  .ms-lg-2 { margin-left: calc(0.5 * var(--c4-rem,16px)) !important; }
  .ms-lg-3 { margin-left: calc(1 * var(--c4-rem,16px)) !important; }
  .ms-lg-4 { margin-left: calc(1.5 * var(--c4-rem,16px)) !important; }
  .ms-lg-5 { margin-left: calc(3 * var(--c4-rem,16px)) !important; }
  .ms-lg-auto { margin-left: auto !important; }
  .p-lg-0 { padding: 0px !important; }
  .p-lg-1 { padding: calc(0.25 * var(--c4-rem,16px)) !important; }
  .p-lg-2 { padding: calc(0.5 * var(--c4-rem,16px)) !important; }
  .p-lg-3 { padding: calc(1 * var(--c4-rem,16px)) !important; }
  .p-lg-4 { padding: calc(1.5 * var(--c4-rem,16px)) !important; }
  .p-lg-5 { padding: calc(3 * var(--c4-rem,16px)) !important; }
  .px-lg-0 { padding-left: 0px !important; padding-right: 0px !important; }
  .px-lg-1 { padding-left: calc(0.25 * var(--c4-rem,16px)) !important; padding-right: calc(0.25 * var(--c4-rem,16px)) !important; }
  .px-lg-2 { padding-left: calc(0.5 * var(--c4-rem,16px)) !important; padding-right: calc(0.5 * var(--c4-rem,16px)) !important; }
  .px-lg-3 { padding-left: calc(1 * var(--c4-rem,16px)) !important; padding-right: calc(1 * var(--c4-rem,16px)) !important; }
  .px-lg-4 { padding-left: calc(1.5 * var(--c4-rem,16px)) !important; padding-right: calc(1.5 * var(--c4-rem,16px)) !important; }
  .px-lg-5 { padding-left: calc(3 * var(--c4-rem,16px)) !important; padding-right: calc(3 * var(--c4-rem,16px)) !important; }
  .py-lg-0 { padding-top: 0px !important; padding-bottom: 0px !important; }
  .py-lg-1 { padding-top: calc(0.25 * var(--c4-rem,16px)) !important; padding-bottom: calc(0.25 * var(--c4-rem,16px)) !important; }
  .py-lg-2 { padding-top: calc(0.5 * var(--c4-rem,16px)) !important; padding-bottom: calc(0.5 * var(--c4-rem,16px)) !important; }
  .py-lg-3 { padding-top: calc(1 * var(--c4-rem,16px)) !important; padding-bottom: calc(1 * var(--c4-rem,16px)) !important; }
  .py-lg-4 { padding-top: calc(1.5 * var(--c4-rem,16px)) !important; padding-bottom: calc(1.5 * var(--c4-rem,16px)) !important; }
  .py-lg-5 { padding-top: calc(3 * var(--c4-rem,16px)) !important; padding-bottom: calc(3 * var(--c4-rem,16px)) !important; }
  .pt-lg-0 { padding-top: 0px !important; }
  .pt-lg-1 { padding-top: calc(0.25 * var(--c4-rem,16px)) !important; }
  .pt-lg-2 { padding-top: calc(0.5 * var(--c4-rem,16px)) !important; }
  .pt-lg-3 { padding-top: calc(1 * var(--c4-rem,16px)) !important; }
  .pt-lg-4 { padding-top: calc(1.5 * var(--c4-rem,16px)) !important; }
  .pt-lg-5 { padding-top: calc(3 * var(--c4-rem,16px)) !important; }
  .pe-lg-0 { padding-right: 0px !important; }
  .pe-lg-1 { padding-right: calc(0.25 * var(--c4-rem,16px)) !important; }
  .pe-lg-2 { padding-right: calc(0.5 * var(--c4-rem,16px)) !important; }
  .pe-lg-3 { padding-right: calc(1 * var(--c4-rem,16px)) !important; }
  .pe-lg-4 { padding-right: calc(1.5 * var(--c4-rem,16px)) !important; }
  .pe-lg-5 { padding-right: calc(3 * var(--c4-rem,16px)) !important; }
  .pb-lg-0 { padding-bottom: 0px !important; }
  .pb-lg-1 { padding-bottom: calc(0.25 * var(--c4-rem,16px)) !important; }
  .pb-lg-2 { padding-bottom: calc(0.5 * var(--c4-rem,16px)) !important; }
  .pb-lg-3 { padding-bottom: calc(1 * var(--c4-rem,16px)) !important; }
  .pb-lg-4 { padding-bottom: calc(1.5 * var(--c4-rem,16px)) !important; }
  .pb-lg-5 { padding-bottom: calc(3 * var(--c4-rem,16px)) !important; }
  .ps-lg-0 { padding-left: 0px !important; }
  .ps-lg-1 { padding-left: calc(0.25 * var(--c4-rem,16px)) !important; }
  .ps-lg-2 { padding-left: calc(0.5 * var(--c4-rem,16px)) !important; }
  .ps-lg-3 { padding-left: calc(1 * var(--c4-rem,16px)) !important; }
  .ps-lg-4 { padding-left: calc(1.5 * var(--c4-rem,16px)) !important; }
  .ps-lg-5 { padding-left: calc(3 * var(--c4-rem,16px)) !important; }
  .gap-lg-0 { gap: 0px !important; }
  .gap-lg-1 { gap: calc(0.25 * var(--c4-rem,16px)) !important; }
  .gap-lg-2 { gap: calc(0.5 * var(--c4-rem,16px)) !important; }
  .gap-lg-3 { gap: calc(1 * var(--c4-rem,16px)) !important; }
  .gap-lg-4 { gap: calc(1.5 * var(--c4-rem,16px)) !important; }
  .gap-lg-5 { gap: calc(3 * var(--c4-rem,16px)) !important; }
  .text-lg-start { text-align: left !important; }
  .text-lg-end { text-align: right !important; }
  .text-lg-center { text-align: center !important; }
}
@media (min-width: 1200px) {
  .float-xl-start { float: left !important; }
  .float-xl-end { float: right !important; }
  .float-xl-none { float: none !important; }
  .d-xl-inline { display: inline !important; }
  .d-xl-inline-block { display: inline-block !important; }
  .d-xl-block { display: block !important; }
  .d-xl-grid { display: grid !important; }
  .d-xl-table { display: table !important; }
  .d-xl-table-row { display: table-row !important; }
  .d-xl-table-cell { display: table-cell !important; }
  .d-xl-flex { display: flex !important; }
  .d-xl-inline-flex { display: inline-flex !important; }
  .d-xl-none { display: none !important; }
  .flex-xl-fill { flex: 1 1 auto !important; }
  .flex-xl-row { flex-direction: row !important; }
  .flex-xl-column { flex-direction: column !important; }
  .flex-xl-row-reverse { flex-direction: row-reverse !important; }
  .flex-xl-column-reverse { flex-direction: column-reverse !important; }
  .flex-xl-grow-0 { flex-grow: 0 !important; }
  .flex-xl-grow-1 { flex-grow: 1 !important; }
  .flex-xl-shrink-0 { flex-shrink: 0 !important; }
  .flex-xl-shrink-1 { flex-shrink: 1 !important; }
  .flex-xl-wrap { flex-wrap: wrap !important; }
  .flex-xl-nowrap { flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; }
  .justify-content-xl-start { justify-content: flex-start !important; }
  .justify-content-xl-end { justify-content: flex-end !important; }
  .justify-content-xl-center { justify-content: center !important; }
  .justify-content-xl-between { justify-content: space-between !important; }
  .justify-content-xl-around { justify-content: space-around !important; }
  .justify-content-xl-evenly { justify-content: space-evenly !important; }
  .align-items-xl-start { align-items: flex-start !important; }
  .align-items-xl-end { align-items: flex-end !important; }
  .align-items-xl-center { align-items: center !important; }
  .align-items-xl-baseline { align-items: baseline !important; }
  .align-items-xl-stretch { align-items: stretch !important; }
  .align-content-xl-start { align-content: flex-start !important; }
  .align-content-xl-end { align-content: flex-end !important; }
  .align-content-xl-center { align-content: center !important; }
  .align-content-xl-between { align-content: space-between !important; }
  .align-content-xl-around { align-content: space-around !important; }
  .align-content-xl-stretch { align-content: stretch !important; }
  .align-self-xl-auto { align-self: auto !important; }
  .align-self-xl-start { align-self: flex-start !important; }
  .align-self-xl-end { align-self: flex-end !important; }
  .align-self-xl-center { align-self: center !important; }
  .align-self-xl-baseline { align-self: baseline !important; }
  .align-self-xl-stretch { align-self: stretch !important; }
  .order-xl-first { order: -1 !important; }
  .order-xl-0 { order: 0 !important; }
  .order-xl-1 { order: 1 !important; }
  .order-xl-2 { order: 2 !important; }
  .order-xl-3 { order: 3 !important; }
  .order-xl-4 { order: 4 !important; }
  .order-xl-5 { order: 5 !important; }
  .order-xl-last { order: 6 !important; }
  .m-xl-0 { margin: 0px !important; }
  .m-xl-1 { margin: calc(0.25 * var(--c4-rem,16px)) !important; }
  .m-xl-2 { margin: calc(0.5 * var(--c4-rem,16px)) !important; }
  .m-xl-3 { margin: calc(1 * var(--c4-rem,16px)) !important; }
  .m-xl-4 { margin: calc(1.5 * var(--c4-rem,16px)) !important; }
  .m-xl-5 { margin: calc(3 * var(--c4-rem,16px)) !important; }
  .m-xl-auto { margin: auto !important; }
  .mx-xl-0 { margin-left: 0px !important; margin-right: 0px !important; }
  .mx-xl-1 { margin-left: calc(0.25 * var(--c4-rem,16px)) !important; margin-right: calc(0.25 * var(--c4-rem,16px)) !important; }
  .mx-xl-2 { margin-left: calc(0.5 * var(--c4-rem,16px)) !important; margin-right: calc(0.5 * var(--c4-rem,16px)) !important; }
  .mx-xl-3 { margin-left: calc(1 * var(--c4-rem,16px)) !important; margin-right: calc(1 * var(--c4-rem,16px)) !important; }
  .mx-xl-4 { margin-left: calc(1.5 * var(--c4-rem,16px)) !important; margin-right: calc(1.5 * var(--c4-rem,16px)) !important; }
  .mx-xl-5 { margin-left: calc(3 * var(--c4-rem,16px)) !important; margin-right: calc(3 * var(--c4-rem,16px)) !important; }
  .mx-xl-auto { margin-left: auto !important; margin-right: auto !important; }
  .my-xl-0 { margin-top: 0px !important; margin-bottom: 0px !important; }
  .my-xl-1 { margin-top: calc(0.25 * var(--c4-rem,16px)) !important; margin-bottom: calc(0.25 * var(--c4-rem,16px)) !important; }
  .my-xl-2 { margin-top: calc(0.5 * var(--c4-rem,16px)) !important; margin-bottom: calc(0.5 * var(--c4-rem,16px)) !important; }
  .my-xl-3 { margin-top: calc(1 * var(--c4-rem,16px)) !important; margin-bottom: calc(1 * var(--c4-rem,16px)) !important; }
  .my-xl-4 { margin-top: calc(1.5 * var(--c4-rem,16px)) !important; margin-bottom: calc(1.5 * var(--c4-rem,16px)) !important; }
  .my-xl-5 { margin-top: calc(3 * var(--c4-rem,16px)) !important; margin-bottom: calc(3 * var(--c4-rem,16px)) !important; }
  .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; }
  .mt-xl-0 { margin-top: 0px !important; }
  .mt-xl-1 { margin-top: calc(0.25 * var(--c4-rem,16px)) !important; }
  .mt-xl-2 { margin-top: calc(0.5 * var(--c4-rem,16px)) !important; }
  .mt-xl-3 { margin-top: calc(1 * var(--c4-rem,16px)) !important; }
  .mt-xl-4 { margin-top: calc(1.5 * var(--c4-rem,16px)) !important; }
  .mt-xl-5 { margin-top: calc(3 * var(--c4-rem,16px)) !important; }
  .mt-xl-auto { margin-top: auto !important; }
  .me-xl-0 { margin-right: 0px !important; }
  .me-xl-1 { margin-right: calc(0.25 * var(--c4-rem,16px)) !important; }
  .me-xl-2 { margin-right: calc(0.5 * var(--c4-rem,16px)) !important; }
  .me-xl-3 { margin-right: calc(1 * var(--c4-rem,16px)) !important; }
  .me-xl-4 { margin-right: calc(1.5 * var(--c4-rem,16px)) !important; }
  .me-xl-5 { margin-right: calc(3 * var(--c4-rem,16px)) !important; }
  .me-xl-auto { margin-right: auto !important; }
  .mb-xl-0 { margin-bottom: 0px !important; }
  .mb-xl-1 { margin-bottom: calc(0.25 * var(--c4-rem,16px)) !important; }
  .mb-xl-2 { margin-bottom: calc(0.5 * var(--c4-rem,16px)) !important; }
  .mb-xl-3 { margin-bottom: calc(1 * var(--c4-rem,16px)) !important; }
  .mb-xl-4 { margin-bottom: calc(1.5 * var(--c4-rem,16px)) !important; }
  .mb-xl-5 { margin-bottom: calc(3 * var(--c4-rem,16px)) !important; }
  .mb-xl-auto { margin-bottom: auto !important; }
  .ms-xl-0 { margin-left: 0px !important; }
  .ms-xl-1 { margin-left: calc(0.25 * var(--c4-rem,16px)) !important; }
  .ms-xl-2 { margin-left: calc(0.5 * var(--c4-rem,16px)) !important; }
  .ms-xl-3 { margin-left: calc(1 * var(--c4-rem,16px)) !important; }
  .ms-xl-4 { margin-left: calc(1.5 * var(--c4-rem,16px)) !important; }
  .ms-xl-5 { margin-left: calc(3 * var(--c4-rem,16px)) !important; }
  .ms-xl-auto { margin-left: auto !important; }
  .p-xl-0 { padding: 0px !important; }
  .p-xl-1 { padding: calc(0.25 * var(--c4-rem,16px)) !important; }
  .p-xl-2 { padding: calc(0.5 * var(--c4-rem,16px)) !important; }
  .p-xl-3 { padding: calc(1 * var(--c4-rem,16px)) !important; }
  .p-xl-4 { padding: calc(1.5 * var(--c4-rem,16px)) !important; }
  .p-xl-5 { padding: calc(3 * var(--c4-rem,16px)) !important; }
  .px-xl-0 { padding-left: 0px !important; padding-right: 0px !important; }
  .px-xl-1 { padding-left: calc(0.25 * var(--c4-rem,16px)) !important; padding-right: calc(0.25 * var(--c4-rem,16px)) !important; }
  .px-xl-2 { padding-left: calc(0.5 * var(--c4-rem,16px)) !important; padding-right: calc(0.5 * var(--c4-rem,16px)) !important; }
  .px-xl-3 { padding-left: calc(1 * var(--c4-rem,16px)) !important; padding-right: calc(1 * var(--c4-rem,16px)) !important; }
  .px-xl-4 { padding-left: calc(1.5 * var(--c4-rem,16px)) !important; padding-right: calc(1.5 * var(--c4-rem,16px)) !important; }
  .px-xl-5 { padding-left: calc(3 * var(--c4-rem,16px)) !important; padding-right: calc(3 * var(--c4-rem,16px)) !important; }
  .py-xl-0 { padding-top: 0px !important; padding-bottom: 0px !important; }
  .py-xl-1 { padding-top: calc(0.25 * var(--c4-rem,16px)) !important; padding-bottom: calc(0.25 * var(--c4-rem,16px)) !important; }
  .py-xl-2 { padding-top: calc(0.5 * var(--c4-rem,16px)) !important; padding-bottom: calc(0.5 * var(--c4-rem,16px)) !important; }
  .py-xl-3 { padding-top: calc(1 * var(--c4-rem,16px)) !important; padding-bottom: calc(1 * var(--c4-rem,16px)) !important; }
  .py-xl-4 { padding-top: calc(1.5 * var(--c4-rem,16px)) !important; padding-bottom: calc(1.5 * var(--c4-rem,16px)) !important; }
  .py-xl-5 { padding-top: calc(3 * var(--c4-rem,16px)) !important; padding-bottom: calc(3 * var(--c4-rem,16px)) !important; }
  .pt-xl-0 { padding-top: 0px !important; }
  .pt-xl-1 { padding-top: calc(0.25 * var(--c4-rem,16px)) !important; }
  .pt-xl-2 { padding-top: calc(0.5 * var(--c4-rem,16px)) !important; }
  .pt-xl-3 { padding-top: calc(1 * var(--c4-rem,16px)) !important; }
  .pt-xl-4 { padding-top: calc(1.5 * var(--c4-rem,16px)) !important; }
  .pt-xl-5 { padding-top: calc(3 * var(--c4-rem,16px)) !important; }
  .pe-xl-0 { padding-right: 0px !important; }
  .pe-xl-1 { padding-right: calc(0.25 * var(--c4-rem,16px)) !important; }
  .pe-xl-2 { padding-right: calc(0.5 * var(--c4-rem,16px)) !important; }
  .pe-xl-3 { padding-right: calc(1 * var(--c4-rem,16px)) !important; }
  .pe-xl-4 { padding-right: calc(1.5 * var(--c4-rem,16px)) !important; }
  .pe-xl-5 { padding-right: calc(3 * var(--c4-rem,16px)) !important; }
  .pb-xl-0 { padding-bottom: 0px !important; }
  .pb-xl-1 { padding-bottom: calc(0.25 * var(--c4-rem,16px)) !important; }
  .pb-xl-2 { padding-bottom: calc(0.5 * var(--c4-rem,16px)) !important; }
  .pb-xl-3 { padding-bottom: calc(1 * var(--c4-rem,16px)) !important; }
  .pb-xl-4 { padding-bottom: calc(1.5 * var(--c4-rem,16px)) !important; }
  .pb-xl-5 { padding-bottom: calc(3 * var(--c4-rem,16px)) !important; }
  .ps-xl-0 { padding-left: 0px !important; }
  .ps-xl-1 { padding-left: calc(0.25 * var(--c4-rem,16px)) !important; }
  .ps-xl-2 { padding-left: calc(0.5 * var(--c4-rem,16px)) !important; }
  .ps-xl-3 { padding-left: calc(1 * var(--c4-rem,16px)) !important; }
  .ps-xl-4 { padding-left: calc(1.5 * var(--c4-rem,16px)) !important; }
  .ps-xl-5 { padding-left: calc(3 * var(--c4-rem,16px)) !important; }
  .gap-xl-0 { gap: 0px !important; }
  .gap-xl-1 { gap: calc(0.25 * var(--c4-rem,16px)) !important; }
  .gap-xl-2 { gap: calc(0.5 * var(--c4-rem,16px)) !important; }
  .gap-xl-3 { gap: calc(1 * var(--c4-rem,16px)) !important; }
  .gap-xl-4 { gap: calc(1.5 * var(--c4-rem,16px)) !important; }
  .gap-xl-5 { gap: calc(3 * var(--c4-rem,16px)) !important; }
  .text-xl-start { text-align: left !important; }
  .text-xl-end { text-align: right !important; }
  .text-xl-center { text-align: center !important; }
  .fs-1 { font-size: calc(2.5 * var(--c4-rem,16px)) !important; }
  .fs-2 { font-size: calc(2 * var(--c4-rem,16px)) !important; }
  .fs-3 { font-size: calc(1.75 * var(--c4-rem,16px)) !important; }
  .fs-4 { font-size: calc(1.5 * var(--c4-rem,16px)) !important; }
}
@media (min-width: 1400px) {
  .float-xxl-start { float: left !important; }
  .float-xxl-end { float: right !important; }
  .float-xxl-none { float: none !important; }
  .d-xxl-inline { display: inline !important; }
  .d-xxl-inline-block { display: inline-block !important; }
  .d-xxl-block { display: block !important; }
  .d-xxl-grid { display: grid !important; }
  .d-xxl-table { display: table !important; }
  .d-xxl-table-row { display: table-row !important; }
  .d-xxl-table-cell { display: table-cell !important; }
  .d-xxl-flex { display: flex !important; }
  .d-xxl-inline-flex { display: inline-flex !important; }
  .d-xxl-none { display: none !important; }
  .flex-xxl-fill { flex: 1 1 auto !important; }
  .flex-xxl-row { flex-direction: row !important; }
  .flex-xxl-column { flex-direction: column !important; }
  .flex-xxl-row-reverse { flex-direction: row-reverse !important; }
  .flex-xxl-column-reverse { flex-direction: column-reverse !important; }
  .flex-xxl-grow-0 { flex-grow: 0 !important; }
  .flex-xxl-grow-1 { flex-grow: 1 !important; }
  .flex-xxl-shrink-0 { flex-shrink: 0 !important; }
  .flex-xxl-shrink-1 { flex-shrink: 1 !important; }
  .flex-xxl-wrap { flex-wrap: wrap !important; }
  .flex-xxl-nowrap { flex-wrap: nowrap !important; }
  .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important; }
  .justify-content-xxl-start { justify-content: flex-start !important; }
  .justify-content-xxl-end { justify-content: flex-end !important; }
  .justify-content-xxl-center { justify-content: center !important; }
  .justify-content-xxl-between { justify-content: space-between !important; }
  .justify-content-xxl-around { justify-content: space-around !important; }
  .justify-content-xxl-evenly { justify-content: space-evenly !important; }
  .align-items-xxl-start { align-items: flex-start !important; }
  .align-items-xxl-end { align-items: flex-end !important; }
  .align-items-xxl-center { align-items: center !important; }
  .align-items-xxl-baseline { align-items: baseline !important; }
  .align-items-xxl-stretch { align-items: stretch !important; }
  .align-content-xxl-start { align-content: flex-start !important; }
  .align-content-xxl-end { align-content: flex-end !important; }
  .align-content-xxl-center { align-content: center !important; }
  .align-content-xxl-between { align-content: space-between !important; }
  .align-content-xxl-around { align-content: space-around !important; }
  .align-content-xxl-stretch { align-content: stretch !important; }
  .align-self-xxl-auto { align-self: auto !important; }
  .align-self-xxl-start { align-self: flex-start !important; }
  .align-self-xxl-end { align-self: flex-end !important; }
  .align-self-xxl-center { align-self: center !important; }
  .align-self-xxl-baseline { align-self: baseline !important; }
  .align-self-xxl-stretch { align-self: stretch !important; }
  .order-xxl-first { order: -1 !important; }
  .order-xxl-0 { order: 0 !important; }
  .order-xxl-1 { order: 1 !important; }
  .order-xxl-2 { order: 2 !important; }
  .order-xxl-3 { order: 3 !important; }
  .order-xxl-4 { order: 4 !important; }
  .order-xxl-5 { order: 5 !important; }
  .order-xxl-last { order: 6 !important; }
  .m-xxl-0 { margin: 0px !important; }
  .m-xxl-1 { margin: calc(0.25 * var(--c4-rem,16px)) !important; }
  .m-xxl-2 { margin: calc(0.5 * var(--c4-rem,16px)) !important; }
  .m-xxl-3 { margin: calc(1 * var(--c4-rem,16px)) !important; }
  .m-xxl-4 { margin: calc(1.5 * var(--c4-rem,16px)) !important; }
  .m-xxl-5 { margin: calc(3 * var(--c4-rem,16px)) !important; }
  .m-xxl-auto { margin: auto !important; }
  .mx-xxl-0 { margin-left: 0px !important; margin-right: 0px !important; }
  .mx-xxl-1 { margin-left: calc(0.25 * var(--c4-rem,16px)) !important; margin-right: calc(0.25 * var(--c4-rem,16px)) !important; }
  .mx-xxl-2 { margin-left: calc(0.5 * var(--c4-rem,16px)) !important; margin-right: calc(0.5 * var(--c4-rem,16px)) !important; }
  .mx-xxl-3 { margin-left: calc(1 * var(--c4-rem,16px)) !important; margin-right: calc(1 * var(--c4-rem,16px)) !important; }
  .mx-xxl-4 { margin-left: calc(1.5 * var(--c4-rem,16px)) !important; margin-right: calc(1.5 * var(--c4-rem,16px)) !important; }
  .mx-xxl-5 { margin-left: calc(3 * var(--c4-rem,16px)) !important; margin-right: calc(3 * var(--c4-rem,16px)) !important; }
  .mx-xxl-auto { margin-left: auto !important; margin-right: auto !important; }
  .my-xxl-0 { margin-top: 0px !important; margin-bottom: 0px !important; }
  .my-xxl-1 { margin-top: calc(0.25 * var(--c4-rem,16px)) !important; margin-bottom: calc(0.25 * var(--c4-rem,16px)) !important; }
  .my-xxl-2 { margin-top: calc(0.5 * var(--c4-rem,16px)) !important; margin-bottom: calc(0.5 * var(--c4-rem,16px)) !important; }
  .my-xxl-3 { margin-top: calc(1 * var(--c4-rem,16px)) !important; margin-bottom: calc(1 * var(--c4-rem,16px)) !important; }
  .my-xxl-4 { margin-top: calc(1.5 * var(--c4-rem,16px)) !important; margin-bottom: calc(1.5 * var(--c4-rem,16px)) !important; }
  .my-xxl-5 { margin-top: calc(3 * var(--c4-rem,16px)) !important; margin-bottom: calc(3 * var(--c4-rem,16px)) !important; }
  .my-xxl-auto { margin-top: auto !important; margin-bottom: auto !important; }
  .mt-xxl-0 { margin-top: 0px !important; }
  .mt-xxl-1 { margin-top: calc(0.25 * var(--c4-rem,16px)) !important; }
  .mt-xxl-2 { margin-top: calc(0.5 * var(--c4-rem,16px)) !important; }
  .mt-xxl-3 { margin-top: calc(1 * var(--c4-rem,16px)) !important; }
  .mt-xxl-4 { margin-top: calc(1.5 * var(--c4-rem,16px)) !important; }
  .mt-xxl-5 { margin-top: calc(3 * var(--c4-rem,16px)) !important; }
  .mt-xxl-auto { margin-top: auto !important; }
  .me-xxl-0 { margin-right: 0px !important; }
  .me-xxl-1 { margin-right: calc(0.25 * var(--c4-rem,16px)) !important; }
  .me-xxl-2 { margin-right: calc(0.5 * var(--c4-rem,16px)) !important; }
  .me-xxl-3 { margin-right: calc(1 * var(--c4-rem,16px)) !important; }
  .me-xxl-4 { margin-right: calc(1.5 * var(--c4-rem,16px)) !important; }
  .me-xxl-5 { margin-right: calc(3 * var(--c4-rem,16px)) !important; }
  .me-xxl-auto { margin-right: auto !important; }
  .mb-xxl-0 { margin-bottom: 0px !important; }
  .mb-xxl-1 { margin-bottom: calc(0.25 * var(--c4-rem,16px)) !important; }
  .mb-xxl-2 { margin-bottom: calc(0.5 * var(--c4-rem,16px)) !important; }
  .mb-xxl-3 { margin-bottom: calc(1 * var(--c4-rem,16px)) !important; }
  .mb-xxl-4 { margin-bottom: calc(1.5 * var(--c4-rem,16px)) !important; }
  .mb-xxl-5 { margin-bottom: calc(3 * var(--c4-rem,16px)) !important; }
  .mb-xxl-auto { margin-bottom: auto !important; }
  .ms-xxl-0 { margin-left: 0px !important; }
  .ms-xxl-1 { margin-left: calc(0.25 * var(--c4-rem,16px)) !important; }
  .ms-xxl-2 { margin-left: calc(0.5 * var(--c4-rem,16px)) !important; }
  .ms-xxl-3 { margin-left: calc(1 * var(--c4-rem,16px)) !important; }
  .ms-xxl-4 { margin-left: calc(1.5 * var(--c4-rem,16px)) !important; }
  .ms-xxl-5 { margin-left: calc(3 * var(--c4-rem,16px)) !important; }
  .ms-xxl-auto { margin-left: auto !important; }
  .p-xxl-0 { padding: 0px !important; }
  .p-xxl-1 { padding: calc(0.25 * var(--c4-rem,16px)) !important; }
  .p-xxl-2 { padding: calc(0.5 * var(--c4-rem,16px)) !important; }
  .p-xxl-3 { padding: calc(1 * var(--c4-rem,16px)) !important; }
  .p-xxl-4 { padding: calc(1.5 * var(--c4-rem,16px)) !important; }
  .p-xxl-5 { padding: calc(3 * var(--c4-rem,16px)) !important; }
  .px-xxl-0 { padding-left: 0px !important; padding-right: 0px !important; }
  .px-xxl-1 { padding-left: calc(0.25 * var(--c4-rem,16px)) !important; padding-right: calc(0.25 * var(--c4-rem,16px)) !important; }
  .px-xxl-2 { padding-left: calc(0.5 * var(--c4-rem,16px)) !important; padding-right: calc(0.5 * var(--c4-rem,16px)) !important; }
  .px-xxl-3 { padding-left: calc(1 * var(--c4-rem,16px)) !important; padding-right: calc(1 * var(--c4-rem,16px)) !important; }
  .px-xxl-4 { padding-left: calc(1.5 * var(--c4-rem,16px)) !important; padding-right: calc(1.5 * var(--c4-rem,16px)) !important; }
  .px-xxl-5 { padding-left: calc(3 * var(--c4-rem,16px)) !important; padding-right: calc(3 * var(--c4-rem,16px)) !important; }
  .py-xxl-0 { padding-top: 0px !important; padding-bottom: 0px !important; }
  .py-xxl-1 { padding-top: calc(0.25 * var(--c4-rem,16px)) !important; padding-bottom: calc(0.25 * var(--c4-rem,16px)) !important; }
  .py-xxl-2 { padding-top: calc(0.5 * var(--c4-rem,16px)) !important; padding-bottom: calc(0.5 * var(--c4-rem,16px)) !important; }
  .py-xxl-3 { padding-top: calc(1 * var(--c4-rem,16px)) !important; padding-bottom: calc(1 * var(--c4-rem,16px)) !important; }
  .py-xxl-4 { padding-top: calc(1.5 * var(--c4-rem,16px)) !important; padding-bottom: calc(1.5 * var(--c4-rem,16px)) !important; }
  .py-xxl-5 { padding-top: calc(3 * var(--c4-rem,16px)) !important; padding-bottom: calc(3 * var(--c4-rem,16px)) !important; }
  .pt-xxl-0 { padding-top: 0px !important; }
  .pt-xxl-1 { padding-top: calc(0.25 * var(--c4-rem,16px)) !important; }
  .pt-xxl-2 { padding-top: calc(0.5 * var(--c4-rem,16px)) !important; }
  .pt-xxl-3 { padding-top: calc(1 * var(--c4-rem,16px)) !important; }
  .pt-xxl-4 { padding-top: calc(1.5 * var(--c4-rem,16px)) !important; }
  .pt-xxl-5 { padding-top: calc(3 * var(--c4-rem,16px)) !important; }
  .pe-xxl-0 { padding-right: 0px !important; }
  .pe-xxl-1 { padding-right: calc(0.25 * var(--c4-rem,16px)) !important; }
  .pe-xxl-2 { padding-right: calc(0.5 * var(--c4-rem,16px)) !important; }
  .pe-xxl-3 { padding-right: calc(1 * var(--c4-rem,16px)) !important; }
  .pe-xxl-4 { padding-right: calc(1.5 * var(--c4-rem,16px)) !important; }
  .pe-xxl-5 { padding-right: calc(3 * var(--c4-rem,16px)) !important; }
  .pb-xxl-0 { padding-bottom: 0px !important; }
  .pb-xxl-1 { padding-bottom: calc(0.25 * var(--c4-rem,16px)) !important; }
  .pb-xxl-2 { padding-bottom: calc(0.5 * var(--c4-rem,16px)) !important; }
  .pb-xxl-3 { padding-bottom: calc(1 * var(--c4-rem,16px)) !important; }
  .pb-xxl-4 { padding-bottom: calc(1.5 * var(--c4-rem,16px)) !important; }
  .pb-xxl-5 { padding-bottom: calc(3 * var(--c4-rem,16px)) !important; }
  .ps-xxl-0 { padding-left: 0px !important; }
  .ps-xxl-1 { padding-left: calc(0.25 * var(--c4-rem,16px)) !important; }
  .ps-xxl-2 { padding-left: calc(0.5 * var(--c4-rem,16px)) !important; }
  .ps-xxl-3 { padding-left: calc(1 * var(--c4-rem,16px)) !important; }
  .ps-xxl-4 { padding-left: calc(1.5 * var(--c4-rem,16px)) !important; }
  .ps-xxl-5 { padding-left: calc(3 * var(--c4-rem,16px)) !important; }
  .gap-xxl-0 { gap: 0px !important; }
  .gap-xxl-1 { gap: calc(0.25 * var(--c4-rem,16px)) !important; }
  .gap-xxl-2 { gap: calc(0.5 * var(--c4-rem,16px)) !important; }
  .gap-xxl-3 { gap: calc(1 * var(--c4-rem,16px)) !important; }
  .gap-xxl-4 { gap: calc(1.5 * var(--c4-rem,16px)) !important; }
  .gap-xxl-5 { gap: calc(3 * var(--c4-rem,16px)) !important; }
  .text-xxl-start { text-align: left !important; }
  .text-xxl-end { text-align: right !important; }
  .text-xxl-center { text-align: center !important; }
}
@media print {
  .d-print-inline { display: inline !important; }
  .d-print-inline-block { display: inline-block !important; }
  .d-print-block { display: block !important; }
  .d-print-grid { display: grid !important; }
  .d-print-table { display: table !important; }
  .d-print-table-row { display: table-row !important; }
  .d-print-table-cell { display: table-cell !important; }
  .d-print-flex { display: flex !important; }
  .d-print-inline-flex { display: inline-flex !important; }
  .d-print-none { display: none !important; }
}
.c4-html { --bs-warning-rgb: 251, 177, 23; --height-100vh: 100vh; --height-menu-bottom-mb: 17.0667vw; --height-header-top-mb: 12.8vw; --height-header-account-mb: 13.8667vw; --safe-area-inset-bottom: 0; --safe-area-inset-top: 0; --height-menu-bottom-mb-reality: 0; --height-header-top-mb-reality: 0; --height-wc-banner-mb: 0px; }
.modal.dynamic__modal .modal-dialog { width: 800px; max-width: 100%; }
.modal.dynamic__modal .modal-dialog .dynamic-popup { background-color: rgba(0, 0, 0, 0); }
.modal.dynamic__modal .modal-dialog .dynamic-popup .icon-close { font-size: 56px; }
@media (max-width: 1024px) {
  .modal.dynamic__modal .modal-dialog .dynamic-popup .icon-close { font-size: 8.53333vw; }
  .modal.dynamic__modal .modal-dialog { width: 91.4667vw; }
}
.modal .modal-content { background-color: rgb(18, 31, 62); border-radius: 12px 12px 0px 0px; position: relative; }
.modal .modal-content .icon-close { z-index: 2; cursor: pointer; font-size: 32px; position: absolute; top: 0px; right: 0px; }
.modal .modal-content .icon-close::before { color: rgb(247, 248, 250); }
.modal .modal-content.modal-reward-confirm-content, .modal .modal-content.modal-reward-detail-content { background: rgb(18, 31, 62); border: 1px solid rgb(42, 56, 99); border-radius: 16px; max-width: 375px; overflow: hidden; }
.modal .modal-content.modal-reward-confirm-content .icon-close, .modal .modal-content.modal-reward-detail-content .icon-close { align-items: center; width: 32px; height: 32px; font-size: 32px; display: flex; top: 10px; right: 12px; }
.modal .modal-content.modal-reward-confirm-content .modal-header, .modal .modal-content.modal-reward-detail-content .modal-header { background: rgb(0, 11, 39); border-bottom: 0px; justify-content: flex-start; padding: 12px 48px 12px 16px; }
.modal .modal-content.modal-reward-confirm-content .modal-header .modal-title, .modal .modal-content.modal-reward-detail-content .modal-header .modal-title { color: rgb(255, 255, 255); margin: 0px; font-family: "Inter"; font-size: 18px; font-weight: 700; line-height: 26px; }
.modal .modal-content.modal-reward-confirm-content .modal-body, .modal .modal-content.modal-reward-detail-content .modal-body { background: rgb(18, 31, 62); }
@media screen and (max-width: 1024px) {
  .modal .modal-content.modal-reward-confirm-content, .modal .modal-content.modal-reward-detail-content { background: rgb(4, 23, 70); border: 0px; border-radius: 4.26667vw 4.26667vw 0px 0px; width: 100%; max-width: 100%; }
  .modal .modal-content.modal-reward-confirm-content .icon-close, .modal .modal-content.modal-reward-detail-content .icon-close { width: 6.4vw; height: 6.4vw; font-size: 6.4vw; top: 3.73333vw; right: 3.2vw; }
  .modal .modal-content.modal-reward-confirm-content .modal-header, .modal .modal-content.modal-reward-detail-content .modal-header { background: 0px 0px; border-bottom: 1px solid rgb(42, 56, 99); justify-content: center; padding: 3.73333vw 12.8vw 3.73333vw 3.2vw; position: relative; }
  .modal .modal-content.modal-reward-confirm-content .modal-header .modal-title, .modal .modal-content.modal-reward-detail-content .modal-header .modal-title { text-align: center; width: 100%; font-family: "Inter"; font-size: 4.26667vw; font-weight: 700; line-height: 6.4vw; }
  .modal .modal-content.modal-reward-confirm-content .modal-body, .modal .modal-content.modal-reward-detail-content .modal-body { background: rgb(4, 23, 70); }
}
.modal .modal-content.modal-login-register { background: 0px 0px; }
.modal .modal-content.modal-login-register.mobile.modal-full { height: auto; }
.modal .modal-content.modal-login-register.mobile.modal-full .modal-body { align-items: flex-end; display: flex; }
.modal .modal-content.modal-gift-code { border-radius: 16px; height: 331px; width: 440px !important; }
.modal .modal-content.modal-gift-code .modal-body { width: 440px !important; }
.modal .modal-content.modal-gift-code.mobile { border-radius: 4.26667vw; width: 91.4667vw !important; height: 64vw !important; }
.modal .modal-content.modal-gift-code.mobile .modal-body { width: 91.4667vw !important; }
.modal .modal-content.modal-display-name { background-color: rgb(4, 23, 70); border: 1px solid rgb(42, 56, 99); border-radius: 16px !important; width: 388px !important; height: fit-content !important; }
.modal .modal-content.modal-display-name .icon-close { top: 15px; right: 15px; }
.modal .modal-content.modal-display-name .modal-body { width: 388px !important; }
.modal .modal-content.mobile { border-radius: 0px; width: 100%; }
.modal .modal-content.mobile.modal-gift-code .icon-close { top: 2.4vw !important; right: 2.4vw !important; }
.modal .modal-content.mobile.modal-display-name, .modal .modal-content.mobile.modal-display-name .modal-body { width: 93.6vw !important; }
.modal .modal-content.mobile.modal-display-name .icon-close { top: 3.2vw !important; right: 3.2vw !important; }
.modal .modal-content.mobile .icon-close { font-size: 6.4vw; top: 4.26667vw; right: 4.26667vw; }
.modal .modal-content.mobile.modal-full { border-radius: 0px; width: 100%; height: 100%; }
.modal .modal-dialog { width: 100%; max-width: 375px; margin: calc(1.75 * var(--c4-rem,16px)) auto; }
@media (max-width: 1024px) {
  .modal .modal-dialog { justify-content: center; max-width: 100%; height: 100dvh; margin: 0px auto; }
}
.modal .modal-dialog.modal-dialog-centered { justify-content: center; }
@media (max-width: 1024px) {
  .modal.modal-reward-sheet .modal-dialog { flex-direction: column; justify-content: flex-end; align-items: stretch; width: 100%; max-width: 100%; height: 100%; min-height: 100%; margin: 0px; display: flex !important; }
  .modal.modal-reward-sheet .modal-content { width: 100%; max-width: 100%; margin: 0px; }
}
.modal.modal-history .modal-dialog { max-width: 640px; }
.modal.modal-history .modal-dialog .modal-content { border-radius: 16px; }
.modal.modal-history .modal-dialog .modal-content .icon-close { top: 10px; right: 12px; }
.modal.modal-history .modal-dialog .modal-content .modal-body .modal-history__header { color: rgb(255, 255, 255); text-align: center; border-bottom: 1px solid rgb(85, 94, 118); padding: 12px 0px 11px; font-family: "Inter"; font-size: 20px; font-weight: 700; line-height: 28px; }
.modal .modal-body { padding: 0px; }
#modalEvent .modal-dialog { width: 100%; max-width: 100%; }
#modalEntryJackpot { z-index: 1054; }
.toast-container { z-index: 1001; padding: 0px; position: fixed; top: 175px; right: -1px; }
.toast-container .toast { color: rgb(255, 255, 255); width: 280px; max-width: 280px; max-height: 84px; box-shadow: none; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 8px 0px 0px 8px; margin: 0px 0px 16px; padding: 1px 0px 1px 1px; position: relative; overflow: hidden !important; }
.toast-container .line-animation { box-sizing: border-box; z-index: -1; background: linear-gradient(270deg, rgba(244, 182, 0, 0), rgb(244, 182, 0) 30%, rgb(244, 182, 0) 70%, rgba(244, 182, 0, 0)); width: 200px; height: 400px; animation: 5s linear 0s infinite normal none running rotate; display: block; position: absolute; top: -130px; left: 25%; }
.toast-container .bs-toast-container { cursor: pointer; background: linear-gradient(270deg, rgb(30, 51, 104), rgb(0, 11, 39)); border-radius: 8px 0px 0px 8px; justify-content: center; align-items: center; width: 100%; display: flex; overflow: hidden; }
.toast-container .bs-toast-container .btn-close { color: rgb(255, 255, 255); background: rgb(18, 31, 62); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; justify-content: center; align-items: center; width: 20px; height: 80px; display: flex; }
.toast-container .bs-toast-container .btn-close .icon-close { font-size: 16px; }
.toast-container .bs-toast-container .btn-close .icon-close::before { color: rgb(173, 183, 204); transition: color 0.2s; }
.toast-container .bs-toast-container .btn-close:hover .icon-close::before { color: rgb(255, 255, 255); }
.toast-container .bs-toast-container .toast-body { color: rgb(173, 183, 204); align-items: center; gap: 8px; width: 100%; height: 80px; padding: 12px 8px 12px 4px; display: flex; overflow: hidden; }
.toast-container .bs-toast-container .toast-body .message-details { gap: 2px; width: 100%; font-family: "Inter"; font-size: 10px; font-weight: 500; line-height: 16px; flex-direction: column !important; display: flex !important; }
.toast-container .bs-toast-container .toast-body .message-details p { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.toast-container .bs-toast-container .toast-body .message-details .game-name p, .toast-container .bs-toast-container .toast-body .message-details > p { max-width: 144px; }
.toast-container .bs-toast-container .toast-body .message-details .game-name { color: rgb(255, 255, 255); align-items: center; gap: 4px; font-family: "Inter"; font-size: 12px; font-weight: 600; line-height: 16px; transition: 0.2s ease-in-out; display: flex; }
.toast-container .bs-toast-container .toast-body .message-details .game-name .icon-arrow-right { font-size: 12px; }
.toast-container .bs-toast-container .toast-body .message-details .game-name .icon-arrow-right::before { color: rgb(247, 248, 250); transition: 0.2s ease-in-out; }
.toast-container .bs-toast-container .toast-body .message-details .amount { color: rgb(251, 193, 108); font-family: "Inter"; font-size: 14px; font-weight: 600; line-height: 20px; }
.toast-container .bs-toast-container .toast-body .thumbnail { object-fit: cover; border-radius: 4px; min-width: 80px; height: 56px; transition: 0.2s ease-in-out; }
.toast-container .bs-toast-container:hover .message-details .game-name, .toast-container .bs-toast-container:hover .message-details .game-name .icon-arrow-right::before { color: rgb(66, 171, 249); }
.toast-container .bs-toast-container:hover .message-details .game-name p { text-decoration: underline; }
.toast-container .bs-toast-container:hover .thumbnail { transform: scale(1.1); }
.mobile .toast-container { z-index: 98; flex-direction: column-reverse; top: auto; bottom: 64vw; right: -0.266667vw; }
.mobile .toast-container .toast { width: 62.6667vw; max-width: 62.6667vw; max-height: 0px; margin: 3.2vw 0px 0px; padding: 0.266667vw 0px 0.266667vw 0.266667vw; }
.mobile .toast-container .bs-toast-container, .mobile .toast-container .toast { border-radius: 2.13333vw 0px 0px 2.13333vw; }
.mobile .toast-container .bs-toast-container .btn-close { width: 4.26667vw; height: 17.0667vw; }
.mobile .toast-container .bs-toast-container .btn-close .icon-close { font-size: 4.26667vw; }
.mobile .toast-container .bs-toast-container .btn-close .icon-close::before, .mobile .toast-container .bs-toast-container .btn-close:hover .icon-close::before { color: rgb(173, 183, 204); }
.mobile .toast-container .bs-toast-container .toast-body { gap: 2.13333vw; height: 17.0667vw; padding: 2.13333vw 2.13333vw 2.13333vw 1.06667vw; }
.mobile .toast-container .bs-toast-container .toast-body .message-details { gap: 0.533333vw; font-family: "Inter"; font-size: 2.66667vw; font-weight: 400; line-height: 3.2vw; }
.mobile .toast-container .bs-toast-container .toast-body .message-details .game-name p, .mobile .toast-container .bs-toast-container .toast-body .message-details > p { max-width: 33.6vw; }
.mobile .toast-container .bs-toast-container .toast-body .message-details .game-name { gap: 1.06667vw; font-family: "Inter"; font-size: 2.66667vw; font-weight: 500; line-height: 4.26667vw; }
.mobile .toast-container .bs-toast-container .toast-body .message-details .game-name .icon-arrow-right { font-size: 2.13333vw; }
.mobile .toast-container .bs-toast-container .toast-body .message-details .amount { font-family: "Inter"; font-size: 3.2vw; font-weight: 600; line-height: 4.26667vw; }
.mobile .toast-container .bs-toast-container .toast-body .thumbnail { border-radius: 1.06667vw; min-width: 16.2667vw; height: 12.8vw; }
.mobile .toast-container .bs-toast-container:hover .message-details .game-name { color: rgb(255, 255, 255); }
.mobile .toast-container .bs-toast-container:hover .message-details .game-name p, .c4-html a, .c4-html a:hover { text-decoration: none; }
.mobile .toast-container .bs-toast-container:hover .message-details .game-name .icon-arrow-right::before { color: rgb(247, 248, 250); }
.mobile .toast-container .bs-toast-container:hover .thumbnail { transform: scale(1); }
.mobile .fadeInRight, .mobile .fadeOutRight { max-height: 17.6vw !important; }
.fadeInRight { transition: 0.2s ease-in-out; animation: 0.2s ease-in-out 0s 1 normal none running fadeInRight; }
.fadeOutRight { animation: 0.2s ease-in-out 0s 1 normal none running fadeOutRight; }
.fadeOutDown, .fadeOutRight, .fadeOutUp { transition: 0.2s ease-in-out; max-height: 0px !important; overflow: hidden !important; }
.fadeOutUp { animation: 0.2s ease-in-out 0s 1 normal none running fadeOutUp; }
.fadeOutDown { animation: 0.2s ease-in-out 0s 1 normal none running fadeOutDown; }
* { box-sizing: border-box; outline: none; margin: 0px; padding: 0px; }
.c4-html { font-family: "Inter"; font-feature-settings: "lnum" !important; }
.c4-html:has(.c4-body.mobile) { scroll-padding-top: var(--height-header-top-mb); overscroll-behavior-y: none; }
.c4-html.modal-open, .c4-html.no-scroll { overflow: hidden; }
.c4-html a:hover { color: initial; }
.c4-html.modal-account .modal { opacity: 0 !important; }
.c4-html .modal-backdrop.show { display: none; }
@supports (padding:constant(safe-area-inset-bottom)) {
  .c4-html { --safe-area-inset-bottom: constant(safe-area-inset-bottom) !important; --safe-area-inset-top: constant(safe-area-inset-top) !important; --height-menu-bottom-mb-reality: calc(var(--height-menu-bottom-mb) + var(--safe-area-inset-bottom)) !important; --height-header-top-mb-reality: calc(var(--height-header-top-mb) + var(--safe-area-inset-top)) !important; }
}
@supports (padding:env(safe-area-inset-bottom)) {
  .c4-html { --safe-area-inset-bottom: env(safe-area-inset-bottom) !important; --safe-area-inset-top: env(safe-area-inset-top) !important; --height-menu-bottom-mb-reality: calc(var(--height-menu-bottom-mb) + var(--safe-area-inset-bottom)) !important; --height-header-top-mb-reality: calc(var(--height-header-top-mb) + var(--safe-area-inset-top)) !important; }
}
.modal-open .mini-game { opacity: 0 !important; pointer-events: none !important; }
#chat-widget-container { bottom: 50px !important; right: 25px !important; }
#chat-widget-container #chat-widget-minimized { display: none !important; }
@media screen and (max-width: 1024px) {
  #chat-widget-container #chat-widget-minimized { display: none !important; }
}
@media (max-width: 1024px) {
  #chat-widget-container { bottom: 0px !important; right: 0px !important; }
  #chat-widget-container.open { bottom: 0px !important; }
}
.c4-body { -webkit-font-smoothing: antialiased; background: rgb(30, 51, 104); padding-right: 0px; font-family: "Inter"; font-size: 14px; font-weight: 400; line-height: 20px; overflow-x: hidden; font-feature-settings: "lnum" !important; }
.c4-body .modal::-webkit-scrollbar { width: 0px; }
.c4-body::-webkit-scrollbar { width: 0px; }
.c4-body.active-notification, .c4-body.fix-screen { overflow: hidden; }
.c4-body div[draggable="true"][style*="cursor: pointer"] { touch-action: none; }
.container, .c4-body .modal { padding-right: 0px !important; }
.c4-body .modal.show { background: rgba(0, 0, 0, 0.698); transition: 0.5s; display: block; }
.c4-body .modal-body { overflow-x: hidden; overflow-y: hidden !important; }
.c4-body .modal-content { border: initial; }
.c4-body.show.dynamic__modal:not(:has(.embla__slide)) { background: 0px 0px !important; display: none !important; }
.c4-body.hidden, .c4-body.mobile.hide-scroll, .c4-body.modal-open { overflow: hidden; }
.c4-body.hidden .modal-backdrop[data-modal-id="modalCancelPromotion"], .c4-body.modal-open .modal-backdrop[data-modal-id="modalCancelPromotion"] { z-index: 2; }
.c4-body.mobile { background: rgb(18, 31, 62); min-height: 100dvh; font-family: "Inter"; font-size: 3.73333vw; font-weight: 400; line-height: 5.33333vw; }
.c4-body.mobile:has(#header):not(:has(.search-page-partner)) { padding-top: var(--height-header-top-mb); }
.c4-body.mobile:has(.bottom-nav):not(:has(.search-page-partner)) { padding-bottom: calc(var(--height-menu-bottom-mb) + var(--safe-area-inset-bottom)); }
.c4-body.mobile.hidden-scroll { overscroll-behavior: none; width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; overflow: hidden; }
.c4-body.mobile:has(.modal-support-overlay) { overflow: hidden; }
.c4-body.mobile:has(.search-page-partner) #header { display: none; }
.c4-body.mobile:has(.search-page-partner) .bottom-nav { display: none; }
.c4-body.mobile:has(.search-page-partner) .mobile-countdown-theme { display: none; }
.container { margin: 0px auto; max-width: 1280px !important; padding-left: 0px !important; }
@media (max-width: 46.24em) {
  .container { padding-left: calc(1 * var(--c4-rem,16px)) !important; padding-right: calc(1 * var(--c4-rem,16px)) !important; }
}
img { -webkit-user-drag: none; user-select: none; max-width: 100%; }
.hover-shine { cursor: pointer; display: block; position: relative; overflow: hidden; }
.hover-shine::before { pointer-events: none; z-index: 2; content: ""; background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5)); width: 50%; height: 100%; display: block; position: absolute; top: 0px; left: -100%; transform: skew(-25deg); }
.hover-shine:focus::before, .hover-shine:hover::before { animation: 1s ease 0s 1 normal none running shine; }
.img-position { position: relative; overflow: hidden; }
.img-position a { display: block; }
.img-position img, .img-position video { object-fit: cover; width: 100%; height: 100%; display: block; position: absolute; inset: 0px; }
.img-position--contain img { object-fit: contain; }
.img-block img, .img-block picture img { width: 100%; }
img.swiper-lazy { opacity: 0; transition: 0.5s; }
img.swiper-lazy.swiper-lazy-loaded { opacity: 1; transition: 0.5s; }
img.lazyload { opacity: 0; transition: 0.5s; }
img.lazyloaded { opacity: 1; transition: 0.5s; }
.no-scroll { height: 100% !important; inset: unset !important; position: relative !important; overflow: hidden !important; }
.content-full-height { min-height: calc(-400px + 100vh); }
.s4-loyalty { --loyalty-bg-default: #000b27 !important; --loyalty-bg-disable: #1e2d51 !important; --loyalty-bg-section: #041746 !important; --loyalty-bg-block: #1e2d51 !important; --loyalty-bg-brand: #1396f8 !important; --loyalty-bg-faq: #0069cb !important; --loyalty-bg-select: #1396f880 !important; --loyalty-bg-success: #2dc770 !important; --loyalty-icon-default: #f7f8fa !important; --loyalty-icon-success: #2dc770 !important; --loyalty-text-title: #fff !important; --loyalty-text-default: #fff !important; --loyalty-text-sub: #adb7cc !important; --loyalty-text-active: #42abf9 !important; --loyalty-text-value: #fbc16c !important; --loyalty-text-disable: #fff3 !important; --loyalty-text-placeholder: #7b8291 !important; --loyalty-text-reverse: #fff !important; --loyalty-stroke-filled: #1396f8 !important; --loyalty-stroke-default: #2a3863 !important; --loyalty-stroke-divider: #2a3863 !important; --loyalty-outline-current-end: #0069cb !important; --loyalty-reward-grad-current-start: #1396f8 !important; --loyalty-reward-grad-current-end: #0855c4 !important; --loyalty-reward-glow-current: #61b9fa !important; }
@keyframes s4-loyalty-bubbles { 
  0% { transform: translateZ(0px); }
  25% { transform: translate3d(var(--loyalty-bubble-sway,4px),calc(var(--loyalty-bubble-rise,150px) * -.25),0); }
  50% { transform: translate3d(0,calc(var(--loyalty-bubble-rise,150px) * -.5),0); }
  75% { transform: translate3d(calc(var(--loyalty-bubble-sway,4px) * -1),calc(var(--loyalty-bubble-rise,150px) * -.75),0); }
  100% { transform: translate3d(0,calc(var(--loyalty-bubble-rise,150px) * -1),0); }
}
@media (prefers-reduced-motion: reduce) {
  .s4-loyalty [class*="loyalty-top-banner"]::after, .s4-loyalty [class*="loyalty-top-banner"]::before { animation: auto ease 0s 1 normal none running none !important; }
}

.icon, [class*=" icon-"], [class^="icon-"] { font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: 400; line-height: 1; font-family: icomoon !important; }
.icon-zalopay::before { content: ""; }
.icon-glyph0::before { content: " "; }
.icon-glyph1::before { content: ""; }
.icon-glyph2::before { content: ""; }
.icon-glyph3::before { content: ""; }
.icon-glyph4::before { content: ""; }
.icon-glyph5::before { content: ""; }
.icon-glyph6::before { content: ""; }
.icon-glyph7::before { content: ""; }
.icon-glyph8::before { content: ""; }
.icon-glyph9::before { content: ""; }
.icon-glyph10::before { content: ""; }
.icon-glyph11::before { content: ""; }
.icon-glyph12::before { content: ""; }
.icon-glyph13::before { content: ""; }
.icon-glyph14::before { content: ""; }
.icon-glyph15::before { content: ""; }
.icon-glyph16::before { content: ""; }
.icon-glyph17::before { content: ""; }
.icon-glyph18::before { content: ""; }
.icon-glyph19::before { content: ""; }
.icon-glyph20::before { content: ""; }
.icon-glyph21::before { content: ""; }
.icon-glyph22::before { content: ""; }
.icon-glyph23::before { content: ""; }
.icon-glyph24::before { content: ""; }
.icon-glyph25::before { content: ""; }
.icon-glyph26::before { content: ""; }
.icon-glyph27::before { content: ""; }
.icon-glyph28::before { content: ""; }
.icon-glyph29::before { content: ""; }
.icon-glyph30::before { content: ""; }
.icon-glyph31::before { content: ""; }
.icon-glyph32::before { content: ""; }
.icon-glyph33::before { content: ""; }
.icon-glyph34::before { content: ""; }
.icon-glyph35::before { content: ""; }
.icon-glyph36::before { content: ""; }
.icon-glyph37::before { content: ""; }
.icon-glyph38::before { content: ""; }
.icon-glyph39::before { content: ""; }
.icon-glyph40::before { content: ""; }
.icon-glyph41::before { content: ""; }
.icon-glyph42::before { content: ""; }
.icon-glyph43::before { content: ""; }
.icon-glyph44::before { content: ""; }
.icon-glyph45::before { content: ""; }
.icon-glyph46::before { content: ""; }
.icon-glyph47::before { content: ""; }
.icon-glyph48::before { content: ""; }
.icon-glyph49::before { content: ""; }
.icon-glyph50::before { content: ""; }
.icon-glyph51::before { content: ""; }
.icon-glyph52::before { content: ""; }
.icon-glyph53::before { content: ""; }
.icon-glyph54::before { content: ""; }
.icon-glyph55::before { content: ""; }
.icon-glyph56::before { content: ""; }
.icon-glyph57::before { content: ""; }
.icon-glyph58::before { content: ""; }
.icon-glyph59::before { content: ""; }
.icon-glyph60::before { content: ""; }
.icon-glyph61::before { content: ""; }
.icon-glyph62::before { content: ""; }
.icon-glyph63::before { content: ""; }
.icon-glyph64::before { content: ""; }
.icon-glyph65::before { content: ""; }
.icon-glyph66::before { content: ""; }
.icon-glyph67::before { content: ""; }
.icon-glyph68::before { content: ""; }
.icon-glyph69::before { content: ""; }
.icon-glyph70::before { content: ""; }
.icon-glyph71::before { content: ""; }
.icon-glyph72::before { content: ""; }
.icon-glyph73::before { content: ""; }
.icon-glyph74::before { content: ""; }
.icon-glyph75::before { content: ""; }
.icon-glyph76::before { content: ""; }
.icon-glyph77::before { content: ""; }
.icon-glyph78::before { content: ""; }
.icon-glyph79::before { content: ""; }
.icon-glyph80::before { content: ""; }
.icon-glyph81::before { content: ""; }
.icon-glyph82::before { content: ""; }
.icon-glyph83::before { content: ""; }
.icon-glyph84::before { content: ""; }
.icon-glyph85::before { content: ""; }
.icon-glyph86::before { content: ""; }
.icon-glyph87::before { content: ""; }
.icon-glyph88::before { content: ""; }
.icon-glyph89::before { content: ""; }
.icon-glyph90::before { content: ""; }
.icon-glyph91::before { content: ""; }
.icon-glyph92::before { content: ""; }
.icon-glyph93::before { content: ""; }
.icon-glyph94::before { content: ""; }
.icon-glyph95::before { content: ""; }
.icon-glyph96::before { content: ""; }
.icon-glyph97::before { content: ""; }
.icon-glyph98::before { content: ""; }
.icon-glyph99::before { content: ""; }
.icon-glyph100::before { content: ""; }
.icon-glyph101::before { content: ""; }
.icon-glyph102::before { content: ""; }
.icon-glyph103::before { content: ""; }
.icon-glyph104::before { content: ""; }
.icon-glyph105::before { content: ""; }
.icon-glyph106::before { content: ""; }
.icon-glyph107::before { content: ""; }
.icon-glyph108::before { content: ""; }
.icon-glyph109::before { content: ""; }
.icon-glyph110::before { content: ""; }
.icon-glyph111::before { content: ""; }
.icon-glyph112::before { content: ""; }
.icon-glyph113::before { content: ""; }
.icon-glyph114::before { content: ""; }
.icon-glyph115::before { content: ""; }
.icon-glyph116::before { content: ""; }
.icon-glyph117::before { content: ""; }
.icon-glyph118::before { content: ""; }
.icon-glyph119::before { content: ""; }
.icon-glyph120::before { content: ""; }
.icon-glyph121::before { content: ""; }
.icon-glyph122::before { content: ""; }
.icon-glyph123::before { content: ""; }
.icon-glyph124::before { content: ""; }
.icon-glyph125::before { content: ""; }
.icon-glyph126::before { content: ""; }
.icon-glyph127::before { content: ""; }
.icon-glyph128::before { content: ""; }
.icon-glyph129::before { content: ""; }
.icon-glyph130::before { content: ""; }
.icon-glyph131::before { content: ""; }
.icon-glyph132::before { content: ""; }
.icon-glyph133::before { content: ""; }
.icon-glyph134::before { content: ""; }
.icon-glyph135::before { content: ""; }
.icon-glyph136::before { content: ""; }
.icon-glyph137::before { content: ""; }
.icon-glyph138::before { content: ""; }
.icon-glyph139::before { content: ""; }
.icon-glyph140::before { content: ""; }
.icon-glyph141::before { content: ""; }
.icon-glyph142::before { content: ""; }
.icon-glyph143::before { content: ""; }
.icon-glyph144::before { content: ""; }
.icon-glyph145::before { content: ""; }
.icon-glyph146::before { content: ""; }
.icon-glyph147::before { content: ""; }
.icon-glyph148::before { content: ""; }
.icon-glyph149::before { content: ""; }
.icon-glyph150::before { content: ""; }
.icon-glyph151::before { content: ""; }
.icon-glyph152::before { content: ""; }
.icon-glyph153::before { content: ""; }
.icon-glyph154::before { content: ""; }
.icon-glyph155::before { content: ""; }
.icon-glyph156::before { content: ""; }
.icon-glyph157::before { content: ""; }
.icon-glyph158::before { content: ""; }
.icon-glyph159::before { content: ""; }
.icon-glyph160::before { content: ""; }
.icon-glyph161::before { content: ""; }
.icon-glyph162::before { content: ""; }
.icon-glyph163::before { content: ""; }
.icon-glyph164::before { content: ""; }
.icon-glyph165::before { content: ""; }
.icon-glyph166::before { content: ""; }
.icon-glyph167::before { content: ""; }
.icon-glyph168::before { content: ""; }
.icon-glyph169::before { content: ""; }
.icon-glyph170::before { content: ""; }
.icon-glyph171::before { content: ""; }
.icon-glyph172::before { content: ""; }
.icon-glyph173::before { content: ""; }
.icon-glyph174::before { content: ""; }
.icon-glyph175::before { content: ""; }
.icon-glyph176::before { content: ""; }
.icon-glyph177::before { content: ""; }
.icon-glyph178::before { content: ""; }
.icon-glyph179::before { content: ""; }
.icon-glyph180::before { content: ""; }
.icon-glyph181::before { content: ""; }
.icon-glyph182::before { content: ""; }
.icon-glyph183::before { content: ""; }
.icon-glyph184::before { content: ""; }
.icon-glyph185::before { content: ""; }
.icon-glyph186::before { content: ""; }
.icon-glyph187::before { content: ""; }
.icon-glyph188::before { content: ""; }
.icon-glyph189::before { content: ""; }
.icon-glyph190::before { content: ""; }
.icon-glyph191::before { content: ""; }
.icon-glyph192::before { content: ""; }
.icon-glyph193::before { content: ""; }
.icon-glyph194::before { content: ""; }
.icon-glyph195::before { content: ""; }
.icon-glyph196::before { content: ""; }
.icon-glyph197::before { content: ""; }
.icon-glyph198::before { content: ""; }
.icon-glyph199::before { content: ""; }
.icon-glyph200::before { content: ""; }
.icon-glyph201::before { content: ""; }
.icon-glyph202::before { content: ""; }
.icon-glyph203::before { content: ""; }
.icon-glyph204::before { content: ""; }
.icon-glyph205::before { content: ""; }
.icon-glyph206::before { content: ""; }
.icon-glyph207::before { content: ""; }
.icon-glyph208::before { content: ""; }
.icon-glyph209::before { content: ""; }
.icon-support1::before { content: ""; }
.icon-bet-history1::before { content: ""; }
.icon-trans-history1::before { content: ""; }
.icon-247::before { content: ""; }
.icon-ios::before { content: ""; }
.icon-android::before { content: ""; }
.icon-start::before { content: ""; }
.icon-scratch-card::before { content: ""; }
.icon-baccarat::before { content: ""; }
.icon-bau-cua::before { content: ""; }
.icon-bingo::before { content: ""; }
.icon-blackjack::before { content: ""; }
.icon-dragon-tiger::before { content: ""; }
.icon-e-sport::before { content: ""; }
.icon-game-shows::before { content: ""; }
.icon-instant-game::before { content: ""; }
.icon-lieng::before { content: ""; }
.icon-live-sport::before { content: ""; }
.icon-mau-binh::before { content: ""; }
.icon-more-tags::before { content: ""; }
.icon-other-tags::before { content: ""; }
.icon-phom::before { content: ""; }
.icon-poker::before { content: ""; }
.icon-racing::before { content: ""; }
.icon-roulette::before { content: ""; }
.icon-sam-loc::before { content: ""; }
.icon-sicbo::before { content: ""; }
.icon-tai-xiu::before { content: ""; }
.icon-tien-len::before { content: ""; }
.icon-virtual-sport::before { content: ""; }
.icon-xi-dach::before { content: ""; }
.icon-xi-to::before { content: ""; }
.icon-xoc-dia::before { content: ""; }
.icon-home::before { content: ""; }
.icon-crash-game::before { content: ""; }
.icon-telegram-mb::before { content: ""; }
.icon-news::before { content: ""; }
.icon-empty-folder-1::before { content: ""; }
.icon-call::before { content: ""; }
.icon-check-payment::before { content: ""; }
.icon-copy-payment::before { content: ""; }
.icon-qr::before { content: ""; }
.icon-radio-fill-promotion::before { content: ""; }
.icon-radio-promotion::before { content: ""; }
.icon-search-page::before { content: ""; }
.icon-telegram::before { content: ""; }
.icon-youtube::before { content: ""; }
.icon-facebook::before { content: ""; }
.icon-user-info::before { content: ""; }
.icon-ban-ca::before { content: ""; }
.icon-da-ga::before { content: ""; }
.icon-game-bai::before { content: ""; }
.icon-live-casino::before { content: ""; }
.icon-lo-de::before { content: ""; }
.icon-no-hu::before { content: ""; }
.icon-number-game::before { content: ""; }
.icon-quay-so::before { content: ""; }
.icon-slots::before { content: ""; }
.icon-the-thao::before { content: ""; }
.icon-thinh-hanh::before { content: ""; }
.icon-ebet::before { content: ""; }
.icon-evolution::before { content: ""; }
.icon-micro::before { content: ""; }
.icon-saba::before { content: ""; }
.icon-vivo::before { content: ""; }
.icon-about-us::before { content: ""; }
.icon-all::before { content: ""; }
.icon-angles-down-small::before { content: ""; }
.icon-angles-left-small::before { content: ""; }
.icon-angles-right-small::before { content: ""; }
.icon-angles-up-small::before { content: ""; }
.icon-arrow-down::before { content: ""; }
.icon-arrow-down-square::before { content: ""; }
.icon-arrow-export::before { content: ""; }
.icon-arrow-import::before { content: ""; }
.icon-arrow-left::before { content: ""; }
.icon-arrow-left-square::before { content: ""; }
.icon-arrow-right::before { content: ""; }
.icon-arrow-right-square::before { content: ""; }
.icon-arrow-up::before { content: ""; }
.icon-arrow-up-square::before { content: ""; }
.icon-bank::before { content: ""; }
.icon-bao-tri::before { content: ""; }
.icon-bet::before { content: ""; }
.icon-bet-history::before { content: ""; }
.icon-bin::before { content: ""; }
.icon-cancel::before { content: ""; }
.icon-caret-down::before { content: ""; }
.icon-caret-left::before { content: ""; }
.icon-caret-right::before { content: ""; }
.icon-caret-up::before { content: ""; }
.icon-casino::before { content: ""; }
.icon-chart-trend-up::before { content: ""; }
.icon-check::before { content: ""; }
.icon-check-1::before { content: ""; }
.icon-check-circle-fill::before { content: ""; }
.icon-clock::before { content: ""; }
.icon-close::before { content: ""; }
.icon-uniE932::before { content: ""; }
.icon-uniE933::before { content: ""; }
.icon-uniE934::before { content: ""; }
.icon-uniE935::before { content: ""; }
.icon-uniE936::before { content: ""; }
.icon-uniE937::before { content: ""; }
.icon-uniE938::before { content: ""; }
.icon-uniE939::before { content: ""; }
.icon-uniE93A::before { content: ""; }
.icon-uniE93B::before { content: ""; }
.icon-uniE93C::before { content: ""; }
.icon-uniE93D::before { content: ""; }
.icon-contact::before { content: ""; }
.icon-copy::before { content: ""; }
.icon-crown::before { content: ""; }
.icon-dark-mode::before { content: ""; }
.icon-default-icon::before { content: ""; }
.icon-deposit-history::before { content: ""; }
.icon-dollar-receive-circle::before { content: ""; }
.icon-dollar-send-circle::before { content: ""; }
.icon-down::before { content: ""; }
.icon-event::before { content: ""; }
.icon-evo::before { content: ""; }
.icon-eye-slash::before { content: ""; }
.icon-filter::before { content: ""; }
.icon-game-nhanh::before { content: ""; }
.icon-gaming::before { content: ""; }
.icon-uniE94D::before { content: ""; }
.icon-uniE94E::before { content: ""; }
.icon-uniE94F::before { content: ""; }
.icon-uniE950::before { content: ""; }
.icon-uniE951::before { content: ""; }
.icon-uniE952::before { content: ""; }
.icon-uniE953::before { content: ""; }
.icon-uniE954::before { content: ""; }
.icon-uniE955::before { content: ""; }
.icon-gift-code::before { content: ""; }
.icon-gift-money::before { content: ""; }
.icon-hot::before { content: ""; }
.icon-hourglass::before { content: ""; }
.icon-icon-eye::before { content: ""; }
.icon-ingame::before { content: ""; }
.icon-keno::before { content: ""; }
.icon-uniE95D::before { content: ""; }
.icon-uniE95E::before { content: ""; }
.icon-uniE95F::before { content: ""; }
.icon-uniE960::before { content: ""; }
.icon-uniE961::before { content: ""; }
.icon-uniE962::before { content: ""; }
.icon-uniE963::before { content: ""; }
.icon-lich-su-cuoc1::before { content: ""; }
.icon-lich-su-giao-dich1::before { content: ""; }
.icon-light-mode::before { content: ""; }
.icon-live-chat::before { content: ""; }
.icon-loading::before { content: ""; }
.icon-logout::before { content: ""; }
.icon-menu::before { content: ""; }
.icon-mini-game::before { content: ""; }
.icon-minus::before { content: ""; }
.icon-money::before { content: ""; }
.icon-more::before { content: ""; }
.icon-nap-tien::before { content: ""; }
.icon-next::before { content: ""; }
.icon-note::before { content: ""; }
.icon-other::before { content: ""; }
.icon-p2p::before { content: ""; }
.icon-phap-ly::before { content: ""; }
.icon-plus::before { content: ""; }
.icon-poll-vertical-circle::before { content: ""; }
.icon-pracmatic::before { content: ""; }
.icon-prev::before { content: ""; }
.icon-promotion::before { content: ""; }
.icon-qr-code::before { content: ""; }
.icon-quan-ly-ngan-hang::before { content: ""; }
.icon-question::before { content: ""; }
.icon-radio::before { content: ""; }
.icon-radio-fill::before { content: ""; }
.icon-reload::before { content: ""; }
.icon-rut-tien::before { content: ""; }
.icon-search::before { content: ""; }
.icon-speaker::before { content: ""; }
.icon-sport::before { content: ""; }
.icon-support::before { content: ""; }
.icon-techplay::before { content: ""; }
.icon-the-cao::before { content: ""; }
.icon-thng-tin-khuyn-mi::before { content: ""; }
.icon-thong-tin-ca-nhan::before { content: ""; }
.icon-tien-ao::before { content: ""; }
.icon-trophy-star::before { content: ""; }
.icon-tutorial::before { content: ""; }
.icon-up::before { content: ""; }
.icon-user-info1::before { content: ""; }
.icon-vi-dien-tu::before { content: ""; }
.icon-vip::before { content: ""; }
.icon-vip-lounge::before { content: ""; }
.icon-warning::before { content: ""; }
.icon-whistle::before { content: ""; }
.icon-euro-2024::before { content: ""; }
.icon-momo::before { content: ""; }
.icon-uniE996::before { content: ""; }
.icon-uniE997::before { content: ""; }
.icon-uniE998::before { content: ""; }
.icon-notification-solid::before { content: ""; }
.icon-viettelpay::before { content: ""; }
.icon-caret-left-square::before { content: ""; }
.icon-caret-right-square::before { content: ""; }
.icon-game::before { content: ""; }
.icon-expand::before { content: ""; }
.icon-collape::before { content: ""; }
.c4-html { --swiper-theme-color: #007aff; }
:host { z-index: 1; margin-left: auto; margin-right: auto; display: block; position: relative; }
.swiper { z-index: 1; margin-left: auto; margin-right: auto; padding: 0px; list-style: none; display: block; position: relative; overflow: hidden; }
.swiper-vertical > .swiper-wrapper { flex-direction: column; }
.swiper-wrapper { z-index: 1; width: 100%; height: 100%; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial); box-sizing: content-box; display: flex; position: relative; }
.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translateZ(0px); }
.swiper-horizontal { touch-action: pan-y; }
.swiper-vertical { touch-action: pan-x; }
.swiper-slide { flex-shrink: 0; width: 100%; height: 100%; transition-property: transform; display: block; position: relative; }
.swiper-slide-invisible-blank { visibility: hidden; }
.swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; }
.swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; }
.swiper-backface-hidden .swiper-slide { backface-visibility: hidden; transform: translateZ(0px); }
.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; }
.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-wrapper { transform-style: preserve-3d; }
.swiper-css-mode > .swiper-wrapper { scrollbar-width: none; overflow: auto; }
:is(.swiper-css-mode > .swiper-wrapper)::-webkit-scrollbar { display: none; }
.swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start; }
.swiper-css-mode.swiper-horizontal > .swiper-wrapper { scroll-snap-type: x mandatory; }
.swiper-css-mode.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-slides-offset-before); scroll-margin-inline-start: var(--swiper-slides-offset-before); }
.swiper-css-mode.swiper-horizontal > .swiper-wrapper > .swiper-slide:last-child { margin-inline-end: var(--swiper-slides-offset-after); }
.swiper-css-mode.swiper-vertical > .swiper-wrapper { scroll-snap-type: y mandatory; }
.swiper-css-mode.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-slides-offset-before); scroll-margin-block-start: var(--swiper-slides-offset-before); }
.swiper-css-mode.swiper-vertical > .swiper-wrapper > .swiper-slide:last-child { margin-block-end: var(--swiper-slides-offset-after); }
.swiper-css-mode.swiper-free-mode > .swiper-wrapper { scroll-snap-type: none; }
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; }
.swiper-css-mode.swiper-centered > .swiper-wrapper::before { content: ""; flex-shrink: 0; order: 9999; }
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center; scroll-snap-stop: always; }
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); }
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); }
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); }
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); }
.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { pointer-events: none; z-index: 10; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }
.swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); }
.swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); }
.swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-lazy-preloader { z-index: 10; transform-origin: 50% center; box-sizing: border-box; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-color: rgba(0, 0, 0, 0); border-radius: 50%; width: 42px; height: 42px; margin-top: -21px; margin-left: -21px; position: absolute; top: 50%; left: 50%; }
:is(.swiper:not(.swiper-watch-progress), .swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader { animation: 1s linear 0s infinite normal none running swiper-preloader-spin; }
.swiper-lazy-preloader-white { --swiper-preloader-color: #fff; }
.swiper-lazy-preloader-black { --swiper-preloader-color: #000; }
@keyframes swiper-preloader-spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
.swiper-pagination { text-align: center; z-index: 10; transition: opacity 0.3s; position: absolute; transform: translateZ(0px); }
.swiper-pagination.swiper-pagination-hidden { opacity: 0; }
.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important; }
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: var(--swiper-pagination-bottom,8px); top: var(--swiper-pagination-top,auto); width: 100%; left: 0px; }
.swiper-pagination-bullets-dynamic { font-size: 0px; overflow: hidden; }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { position: relative; transform: scale(0.33); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); }
.swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px)); height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px)); border-radius: var(--swiper-pagination-bullet-border-radius,50%); background: var(--swiper-pagination-bullet-inactive-color,#000); opacity: var(--swiper-pagination-bullet-inactive-opacity,.2); display: inline-block; }
button.swiper-pagination-bullet { box-shadow: none; appearance: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; margin: 0px; padding: 0px; }
.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }
.swiper-pagination-bullet:only-child { display: none !important; }
.swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity,1); background: var(--swiper-pagination-color,var(--swiper-theme-color)); }
.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets { right: var(--swiper-pagination-right,8px); left: var(--swiper-pagination-left,auto); top: 50%; transform: translateY(-50%); }
:is(.swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0; display: block; }
.swiper-pagination-bullets-dynamic:is(.swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets) { width: 8px; top: 50%; transform: translateY(-50%); }
.swiper-pagination-bullets-dynamic:is(.swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet { transition: transform 0.2s, top 0.2s; display: inline-block; }
:is(.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px); }
.swiper-pagination-bullets-dynamic:is(.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets) { white-space: nowrap; left: 50%; transform: translate(-50%); }
.swiper-pagination-bullets-dynamic:is(.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet { transition: transform 0.2s, left 0.2s; }
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 0.2s, right 0.2s; }
.swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color,inherit); }
.swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color,#00000040); position: absolute; }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color,var(--swiper-theme-color)); transform-origin: 0px 0px; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; transform: scale(0); }
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: 100% 0px; }
.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: var(--swiper-pagination-progressbar-size,4px); top: 0px; left: 0px; }
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar { width: var(--swiper-pagination-progressbar-size,4px); height: 100%; top: 0px; left: 0px; }
.swiper-pagination-lock { display: none; }
.swiper-scrollbar { border-radius: var(--swiper-scrollbar-border-radius,10px); touch-action: none; background: var(--swiper-scrollbar-bg-color,#0000001a); position: relative; }
.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display: none !important; }
.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { left: var(--swiper-scrollbar-sides-offset,1%); bottom: var(--swiper-scrollbar-bottom,4px); top: var(--swiper-scrollbar-top,auto); z-index: 50; height: var(--swiper-scrollbar-size,4px); width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%)); position: absolute; }
.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar { left: var(--swiper-scrollbar-left,auto); right: var(--swiper-scrollbar-right,4px); top: var(--swiper-scrollbar-sides-offset,1%); z-index: 50; width: var(--swiper-scrollbar-size,4px); height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%)); position: absolute; }
.swiper-scrollbar-drag { background: var(--swiper-scrollbar-drag-bg-color,#00000080); border-radius: var(--swiper-scrollbar-border-radius,10px); width: 100%; height: 100%; position: relative; top: 0px; left: 0px; }
.swiper-scrollbar-cursor-drag { cursor: move; }
.swiper-scrollbar-lock { display: none; }
.dp__input_wrap { width: 100%; box-sizing: initial; position: relative; }
.dp__input_wrap:focus { border-color: var(--dp-border-color-hover); outline: none; }
.dp__input_valid { box-shadow: 0 0 var(--dp-border-radius) var(--dp-success-color); }
.dp__input_valid, .dp__input_valid:hover { border-color: var(--dp-success-color); }
.dp__input_invalid { box-shadow: 0 0 var(--dp-border-radius) var(--dp-danger-color); }
.dp__input_invalid, .dp__input_invalid:hover { border-color: var(--dp-danger-color); }
.dp__input { background-color: var(--dp-background-color); border-radius: var(--dp-border-radius); font-family: var(--dp-font-family); border: 1px solid var(--dp-border-color); width: 100%; font-size: var(--dp-font-size); line-height: calc(var(--dp-font-size) * 1.5); padding: var(--dp-input-padding); color: var(--dp-text-color); box-sizing: border-box; outline: none; transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }
.dp__input::placeholder { opacity: 0.7; }
.dp__input:hover:not(.dp__input_focus) { border-color: var(--dp-border-color-hover); }
.dp__input_not_clearable { padding-inline-end: var(--dp-input-not-clearable-padding) !important; }
.dp__input_reg { caret-color: rgba(0, 0, 0, 0); }
.dp__input_focus { border-color: var(--dp-border-color-focus); }
.dp__disabled { background: var(--dp-disabled-color); }
.dp__disabled::placeholder { color: var(--dp-disabled-color-text); }
.dp__input_icons { width: var(--dp-font-size); height: var(--dp-font-size); stroke-width: 0; font-size: var(--dp-font-size); line-height: calc(var(--dp-font-size) * 1.5); color: var(--dp-icon-color); box-sizing: content-box; padding: 6px 12px; display: inline-block; }
.dp__input_icon { top: 50%; }
.dp__input_icon:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { left: 0px; }
.dp__input_icon:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { left: 0px; }
.dp__input_icon:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { right: 0px; }
.dp__input_icon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { right: 0px; }
.dp--clear-btn, .dp__input_icon { cursor: pointer; color: var(--dp-icon-color); position: absolute; transform: translateY(-50%); }
.dp--clear-btn { top: 50%; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; align-items: center; margin: 0px; padding: 0px; display: inline-flex; }
.dp--clear-btn:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { right: 0px; }
.dp--clear-btn:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { right: 0px; }
.dp--clear-btn:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { left: 0px; }
.dp--clear-btn:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { left: 0px; }
.dp__input_icon_pad { padding-inline-start: var(--dp-input-icon-padding); }
.dp__menu { background: var(--dp-background-color); border-radius: var(--dp-border-radius); min-width: var(--dp-menu-min-width); font-family: var(--dp-font-family); font-size: var(--dp-font-size); user-select: none; border: 1px solid var(--dp-menu-border-color); }
.dp--menu-loader, .dp__menu, .dp__menu::after, .dp__menu::before { box-sizing: border-box; }
.dp__menu:focus { border: 1px solid var(--dp-menu-border-color); outline: none; }
.dp--menu-wrapper { z-index: 99999; position: absolute; }
.dp__menu_inner { padding: var(--dp-menu-padding); }
.dp--menu--inner-stretched { padding: 6px 0px; }
.dp__menu_index { z-index: 99999; }
.dp-menu-loading, .dp__menu_disabled, .dp__menu_readonly { z-index: 999999; position: absolute; inset: 0px; }
.dp__menu_disabled { cursor: not-allowed; background: rgba(255, 255, 255, 0.5); }
.dp__menu_readonly { cursor: default; background: 0px 0px; }
.dp-menu-loading { cursor: default; background: rgba(255, 255, 255, 0.5); }
.dp--menu-load-container { justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; }
.dp--menu-loader { border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-bottom-color: rgba(0, 0, 0, 0); border-radius: 50%; width: 48px; height: 48px; animation: 1s linear 0s infinite normal none running dp-load-rotation; display: inline-block; position: absolute; }
@keyframes dp-load-rotation { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
.dp__arrow_top { border-inline-end: 1px solid var(--dp-menu-border-color); border-top: 1px solid var(--dp-menu-border-color); transform: translateY(-50%) rotate(-45deg); }
.dp__arrow_bottom, .dp__arrow_top { background-color: var(--dp-background-color); width: 12px; height: 12px; position: absolute; }
.dp__arrow_bottom { left: var(--dp-arrow-left); border-inline-end: 1px solid var(--dp-menu-border-color); border-bottom: 1px solid var(--dp-menu-border-color); bottom: 0px; transform: translate(-50%, 50%) rotate(45deg); }
.dp__action_extra { text-align: center; padding: 2px 0px; }
.dp--preset-dates { border-inline-end: 1px solid var(--dp-border-color); padding: 5px; }
.dp--preset-dates-collapsed, .dp--preset-dates[data-dp-mobile] { max-width: calc(var(--dp-menu-width) - var(--dp-action-row-padding) * 2); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; align-self: center; display: flex; overflow-x: auto; }
.dp__sidebar_left { border-inline-end: 1px solid var(--dp-border-color); padding: 5px; }
.dp__sidebar_right { margin-inline-end: 1px solid var(--dp-border-color); padding: 5px; }
.dp--preset-range { text-align: left; white-space: nowrap; width: 100%; color: var(--dp-text-color); border-radius: var(--dp-border-radius); transition: var(--dp-common-transition); padding: 5px; display: block; }
.dp--preset-range:hover { background-color: var(--dp-hover-color); color: var(--dp-hover-text-color); cursor: pointer; }
.dp--preset-range[data-dp-mobile] { border: 1px solid var(--dp-border-color); margin: 0px 3px; }
.dp--preset-range[data-dp-mobile]:first-child { margin-left: 0px; }
.dp--preset-range[data-dp-mobile]:last-child { margin-right: 0px; }
.dp--preset-range-collapsed { border: 1px solid var(--dp-border-color); margin: 0px 3px; }
.dp--preset-range-collapsed:first-child { margin-left: 0px; }
.dp--preset-range-collapsed:last-child { margin-right: 0px; }
.dp__menu_content_wrapper { display: flex; }
.dp--menu-content-wrapper-collapsed, .dp__menu_content_wrapper[data-dp-mobile] { flex-direction: column-reverse; }
.dp__calendar_header { color: var(--dp-text-color); white-space: nowrap; justify-content: center; align-items: center; font-weight: 700; display: flex; position: relative; }
.dp__calendar_header_item { text-align: center; height: var(--dp-cell-size); padding: var(--dp-cell-padding); width: var(--dp-cell-size); box-sizing: border-box; flex-grow: 1; }
.dp__calendar_row { margin: var(--dp-row-margin); justify-content: center; align-items: center; display: flex; }
.dp__calendar_item { text-align: center; box-sizing: border-box; color: var(--dp-text-color); flex-grow: 1; }
.dp__calendar, .dp__cell_inner { position: relative; }
.dp__calendar_header_cell { border-bottom: thin solid var(--dp-border-color); padding: var(--dp-calendar-header-cell-padding); }
.dp__cell_inner { text-align: center; border-radius: var(--dp-cell-border-radius); height: var(--dp-cell-size); padding: var(--dp-cell-padding); width: var(--dp-cell-size); box-sizing: border-box; border: 1px solid rgba(0, 0, 0, 0); justify-content: center; align-items: center; display: flex; }
.dp__cell_inner:hover { transition: 0.2s; }
.dp__cell_auto_range_start:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.dp__cell_auto_range_start:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.dp__date_hover_start:hover:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.dp__date_hover_start:hover:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.dp__range_start:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.dp__range_start:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.dp__cell_auto_range_start:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.dp__cell_auto_range_start:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.dp__date_hover_start:hover:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.dp__date_hover_start:hover:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.dp__range_start:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.dp__range_start:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.dp__cell_auto_range_end:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.dp__cell_auto_range_end:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.dp__date_hover_end:hover:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.dp__date_hover_end:hover:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.dp__range_end:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.dp__range_end:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.dp__cell_auto_range_end:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.dp__cell_auto_range_end:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.dp__date_hover_end:hover:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.dp__date_hover_end:hover:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.dp__range_end:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.dp__range_end:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.dp__active_date, .dp__range_end, .dp__range_start { background: var(--dp-primary-color); color: var(--dp-primary-text-color); }
.dp__date_hover:hover, .dp__date_hover_end:hover, .dp__date_hover_start:hover { background: var(--dp-hover-color); color: var(--dp-hover-text-color); }
.dp__cell_disabled, .dp__cell_offset { color: var(--dp-secondary-color); }
.dp__cell_disabled { cursor: not-allowed; }
.dp--extended-fixed-end, .dp--extended-fixed-start, .dp__range_between { background: var(--dp-range-between-dates-background-color); color: var(--dp-range-between-dates-text-color); border: 1px solid var(--dp-range-between-border-color); border-radius: 0px; }
.dp__range_between_week { background: var(--dp-primary-color); color: var(--dp-primary-text-color); border-top: 1px solid var(--dp-primary-color); border-bottom: 1px solid var(--dp-primary-color); border-radius: 0px; }
.dp__today { border: 1px solid var(--dp-primary-color); }
.dp__week_num { color: var(--dp-secondary-color); text-align: center; }
.dp__cell_auto_range { border-top: 1px dashed var(--dp-primary-color); border-bottom: 1px dashed var(--dp-primary-color); border-radius: 0px; }
.dp__cell_auto_range_start { border-inline-start: 1px dashed var(--dp-primary-color); }
.dp__cell_auto_range_start:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { border-top-left-radius: var(--dp-cell-border-radius); border-bottom-left-radius: var(--dp-cell-border-radius); }
.dp__cell_auto_range_start:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { border-top-left-radius: var(--dp-cell-border-radius); border-bottom-left-radius: var(--dp-cell-border-radius); }
.dp__cell_auto_range_start:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { border-top-right-radius: var(--dp-cell-border-radius); border-bottom-right-radius: var(--dp-cell-border-radius); }
.dp__cell_auto_range_start:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { border-top-right-radius: var(--dp-cell-border-radius); border-bottom-right-radius: var(--dp-cell-border-radius); }
.dp__cell_auto_range_end, .dp__cell_auto_range_start { border-top: 1px dashed var(--dp-primary-color); border-bottom: 1px dashed var(--dp-primary-color); }
.dp__cell_auto_range_end { border-inline-end: 1px dashed var(--dp-primary-color); }
.dp__cell_auto_range_end:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { border-top-right-radius: var(--dp-cell-border-radius); border-bottom-right-radius: var(--dp-cell-border-radius); }
.dp__cell_auto_range_end:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { border-top-right-radius: var(--dp-cell-border-radius); border-bottom-right-radius: var(--dp-cell-border-radius); }
.dp__cell_auto_range_end:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { border-top-left-radius: var(--dp-cell-border-radius); border-bottom-left-radius: var(--dp-cell-border-radius); }
.dp__cell_auto_range_end:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { border-top-left-radius: var(--dp-cell-border-radius); border-bottom-left-radius: var(--dp-cell-border-radius); }
.dp__calendar_header_separator { background: var(--dp-border-color); width: 100%; height: 1px; }
.dp__calendar_next { margin-inline-start: var(--dp-multi-calendars-spacing); }
.dp__marker_dot, .dp__marker_line { background-color: var(--dp-marker-color); height: 5px; position: absolute; bottom: 0px; }
.dp__marker_dot { border-radius: 50%; width: 5px; left: 50%; transform: translate(-50%); }
.dp__marker_line { width: 100%; left: 0px; }
.dp__marker_tooltip { border-radius: var(--dp-border-radius); background-color: var(--dp-tooltip-color); border: 1px solid var(--dp-border-color); z-index: 99999; box-sizing: border-box; cursor: default; padding: 5px; position: absolute; }
.dp__overlay_col, .dp__tooltip_content { white-space: nowrap; }
.dp__tooltip_text { color: var(--dp-text-color); flex-flow: row; align-items: center; display: flex; }
.dp__tooltip_mark { background-color: var(--dp-text-color); width: 5px; height: 5px; color: var(--dp-text-color); border-radius: 50%; margin-inline-end: 5px; }
.dp__arrow_bottom_tp { background-color: var(--dp-tooltip-color); border-inline-end: 1px solid var(--dp-border-color); border-bottom: 1px solid var(--dp-border-color); width: 8px; height: 8px; position: absolute; bottom: 0px; transform: translate(-50%, 50%) rotate(45deg); }
.dp__instance_calendar { width: 100%; position: relative; }
.dp--flex-display-collapsed, .dp__flex_display[data-dp-mobile] { flex-direction: column; }
.dp__cell_highlight { background-color: var(--dp-highlight-color); }
.dp__month_year_row { height: var(--dp-month-year-row-height); color: var(--dp-text-color); box-sizing: border-box; align-items: center; display: flex; }
.dp__inner_nav { cursor: pointer; height: var(--dp-month-year-row-button-size); width: var(--dp-month-year-row-button-size); color: var(--dp-icon-color); text-align: center; border-radius: 50%; justify-content: center; align-items: center; display: flex; }
.dp__inner_nav svg { height: var(--dp-button-icon-height); width: var(--dp-button-icon-height); }
.dp__inner_nav:hover { background: var(--dp-hover-color); color: var(--dp-hover-icon-color); }
[dir="rtl"] .dp__inner_nav { transform: rotate(180deg); }
.dp__inner_nav_disabled, .dp__inner_nav_disabled:hover { background: var(--dp-disabled-color); color: var(--dp-disabled-color-text); cursor: not-allowed; }
.dp--year-select, .dp__month_year_select { text-align: center; cursor: pointer; height: var(--dp-month-year-row-height); border-radius: var(--dp-border-radius); box-sizing: border-box; color: var(--dp-text-color); justify-content: center; align-items: center; display: flex; }
.dp--year-select:hover, .dp__month_year_select:hover { background: var(--dp-hover-color); color: var(--dp-hover-text-color); transition: var(--dp-common-transition); }
.dp__month_year_select { width: 50%; }
.dp--year-select { width: 100%; }
.dp__month_year_wrap { flex-direction: row; align-items: center; width: 100%; display: flex; }
.dp__year_disable_select { justify-content: space-around; }
.dp--header-wrap { flex-direction: column; width: 100%; display: flex; }
.dp__overlay { background: var(--dp-background-color); z-index: 99999; width: 100%; font-family: var(--dp-font-family); color: var(--dp-text-color); box-sizing: border-box; transition: opacity 1s ease-out; }
.dp--overlay-absolute { height: 100%; position: absolute; top: 0px; left: 0px; }
.dp--overlay-relative, .dp__main { position: relative; }
.dp__overlay_container::-webkit-scrollbar-track { box-shadow: var(--dp-scroll-bar-background); background-color: var(--dp-scroll-bar-background); }
.dp__overlay_container::-webkit-scrollbar { background-color: var(--dp-scroll-bar-background); width: 5px; }
.dp__overlay_container::-webkit-scrollbar-thumb { background-color: var(--dp-scroll-bar-color); border-radius: 10px; }
.dp__overlay:focus { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; }
.dp__container_flex { display: flex; }
.dp__container_block { display: block; }
.dp__overlay_container { height: var(--dp-overlay-height); flex-direction: column; overflow-y: auto; }
.dp__time_picker_overlay_container { height: 100%; }
.dp__overlay_row { box-sizing: border-box; flex-wrap: wrap; align-items: center; width: 100%; max-width: 100%; margin-inline: auto; padding: 0px; display: flex; }
.dp__flex_row { flex: 1 1 0%; }
.dp__overlay_col { box-sizing: border-box; width: 33%; padding: var(--dp-overlay-col-padding); }
.dp__overlay_cell_pad { padding: var(--dp-common-padding) 0; }
.dp__overlay_cell_active { background: var(--dp-primary-color); color: var(--dp-primary-text-color); }
.dp__overlay_cell, .dp__overlay_cell_active { cursor: pointer; border-radius: var(--dp-border-radius); text-align: center; }
.dp--qr-btn, .dp--time-invalid, .dp--time-overlay-btn, .dp__btn, .dp__overlay_cell:hover, .dp__tp_inline_btn_bar { transition: var(--dp-common-transition); }
.dp__cell_in_between, .dp__overlay_cell:hover { background: var(--dp-hover-color); color: var(--dp-hover-text-color); }
.dp__over_action_scroll { box-sizing: border-box; right: 5px; }
.dp__overlay_cell_active_disabled, .dp__overlay_cell_disabled { cursor: not-allowed; }
.dp__overlay_cell_disabled, .dp__overlay_cell_disabled:hover { background: var(--dp-disabled-color); }
.dp__overlay_cell_active_disabled, .dp__overlay_cell_active_disabled:hover { background: var(--dp-primary-disabled-color); }
.dp--qr-btn, .dp--time-invalid, .dp--time-overlay-btn, .dp__btn { font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; line-height: normal; }
.dp--year-mode-picker { width: 100%; height: var(--dp-cell-size); justify-content: space-between; align-items: center; display: flex; }
.dp--tp-wrap { width: 100%; }
.dp--tp-wrap[data-dp-mobile] { max-width: 100%; }
.dp__time_input { user-select: none; width: 100%; font-family: var(--dp-font-family); color: var(--dp-text-color); justify-content: center; align-items: center; display: flex; }
.dp__time_col_reg_block { padding: 0px 20px; }
.dp__time_col_reg_inline { padding: 0px 10px; }
.dp__time_col_reg_with_button { padding: 0px 15px; }
.dp__time_col_reg_with_button[data-compact~="true"] { padding: 0px 5px; }
.dp__time_col_sec { padding: 0px 10px; }
.dp__time_col_sec_with_button { padding: 0px 5px; }
.dp__time_col_sec_with_button[data-collapsed~="true"] { padding: 0px; }
.dp__time_col { text-align: center; flex-direction: column; justify-content: center; align-items: center; display: flex; }
.dp__time_col_block { font-size: var(--dp-time-font-size); }
.dp__time_display_block { padding: 0px 3px; }
.dp__time_display_inline { padding: 5px; }
.dp__time_picker_inline_container { justify-content: center; width: 100%; display: flex; }
.dp__inc_dec_button { cursor: pointer; color: var(--dp-icon-color); box-sizing: border-box; border-radius: 50%; justify-content: center; align-items: center; margin: 0px; padding: 5px; display: flex; }
.dp__inc_dec_button, .dp__inc_dec_button svg { height: var(--dp-time-inc-dec-button-size); width: var(--dp-time-inc-dec-button-size); }
.dp__inc_dec_button:hover { background: var(--dp-hover-color); color: var(--dp-hover-icon-color); }
.dp__time_display { cursor: pointer; color: var(--dp-text-color); border-radius: var(--dp-border-radius); justify-content: center; align-items: center; display: flex; }
.dp__time_display:hover:enabled { background: var(--dp-hover-color); color: var(--dp-hover-text-color); }
.dp__inc_dec_button_inline { cursor: pointer; align-items: center; width: 100%; height: 8px; padding: 0px; display: flex; }
.dp__inc_dec_button_disabled, .dp__inc_dec_button_disabled:hover { background: var(--dp-disabled-color); color: var(--dp-disabled-color-text); cursor: not-allowed; }
.dp__pm_am_button { background: var(--dp-primary-color); color: var(--dp-primary-text-color); padding: var(--dp-common-padding); border-radius: var(--dp-border-radius); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.dp__pm_am_button[data-compact~="true"] { padding: 7px; }
.dp__tp_inline_btn_bar { background-color: var(--dp-secondary-color); border-collapse: collapse; width: 100%; height: 4px; }
.dp__tp_inline_btn_top:hover .dp__tp_btn_in_r { background-color: var(--dp-primary-color); transform: rotate(12deg) scale(1.15) translateY(-2px); }
.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r, .dp__tp_inline_btn_top:hover .dp__tp_btn_in_l { background-color: var(--dp-primary-color); transform: rotate(-12deg) scale(1.15) translateY(-2px); }
.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l { background-color: var(--dp-primary-color); transform: rotate(12deg) scale(1.15) translateY(-2px); }
.dp--time-overlay-btn { background: 0px 0px; }
.dp--time-invalid { background-color: var(--dp-disabled-color); }
.dp__action_row { width: 100%; padding: var(--dp-action-row-padding); box-sizing: border-box; color: var(--dp-text-color); flex-flow: row; align-items: center; display: flex; }
.dp__action_row svg { height: var(--dp-button-icon-height); width: auto; }
.dp__selection_preview { color: var(--dp-text-color); font-size: var(--dp-preview-font-size); white-space: nowrap; text-overflow: ellipsis; display: block; overflow: hidden; }
.dp__action_buttons { white-space: nowrap; flex: 0 1 0%; justify-content: flex-end; align-items: center; margin-inline-start: auto; display: flex; }
.dp__action_button { padding: var(--dp-action-buttons-padding); line-height: var(--dp-action-button-height); height: var(--dp-action-button-height); cursor: pointer; border-radius: var(--dp-border-radius); font-size: var(--dp-preview-font-size); font-family: var(--dp-font-family); background: 0px 0px; border: 1px solid rgba(0, 0, 0, 0); align-items: center; margin-inline-start: 3px; display: inline-flex; }
.dp__action_cancel { color: var(--dp-text-color); border: 1px solid var(--dp-border-color); }
.dp__action_cancel:hover { border-color: var(--dp-primary-color); transition: var(--dp-action-row-transition); }
.dp__action_buttons .dp__action_select { background: var(--dp-primary-color); color: var(--dp-primary-text-color); }
.dp__action_buttons .dp__action_select:hover { background: var(--dp-primary-color); transition: var(--dp-action-row-transition); }
.dp__action_buttons .dp__action_select:disabled { background: var(--dp-primary-disabled-color); cursor: not-allowed; }
.dp-quarter-picker-wrap { height: 100%; min-width: var(--dp-menu-min-width); flex-direction: column; display: flex; }
.dp--qr-btn-disabled { cursor: not-allowed; }
.dp--qr-btn-disabled, .dp--qr-btn-disabled:hover { background: var(--dp-disabled-color); }
.dp--qr-btn { width: 100%; padding: var(--dp-common-padding); }
.dp--qr-btn:not(:-webkit-any(.dp--highlighted, .dp--qr-btn-active, .dp--qr-btn-disabled, .dp--qr-btn-between)) { background: 0px 0px; }
.dp--qr-btn:not(:is(.dp--highlighted, .dp--qr-btn-active, .dp--qr-btn-disabled, .dp--qr-btn-between)) { background: 0px 0px; }
.dp--qr-btn:hover:not(:-webkit-any(.dp--qr-btn-active, .dp--qr-btn-disabled)) { background: var(--dp-hover-color); color: var(--dp-hover-text-color); transition: var(--dp-common-transition); }
.dp--qr-btn:hover:not(:is(.dp--qr-btn-active, .dp--qr-btn-disabled)) { background: var(--dp-hover-color); color: var(--dp-hover-text-color); transition: var(--dp-common-transition); }
.dp--quarter-items { flex-direction: column; flex: 1 1 0%; justify-content: space-evenly; width: 100%; height: 100%; display: flex; }
.dp--qr-btn-active { background: var(--dp-primary-color); color: var(--dp-primary-text-color); }
.dp--qr-btn-between { background: var(--dp-hover-color); color: var(--dp-hover-text-color); }
.c4-html { --dp-common-transition: all .1s ease-in; --dp-menu-padding: 6px 8px; --dp-animation-duration: .1s; --dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1); --dp-transition-timing: ease-out; --dp-action-row-transition: all .2s ease-in; --dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", "Roboto", oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif; --dp-border-radius: 4px; --dp-cell-border-radius: 4px; --dp-transition-length: 22px; --dp-transition-timing-general: .1s; --dp-button-height: 35px; --dp-month-year-row-height: 35px; --dp-month-year-row-button-size: 25px; --dp-button-icon-height: 20px; --dp-calendar-wrap-padding: 0 5px; --dp-cell-size: 35px; --dp-cell-padding: 5px; --dp-common-padding: 10px; --dp-input-icon-padding: 35px; --dp-input-padding: 6px 30px 6px 12px; --dp-input-not-clearable-padding: 12px; --dp-menu-min-width: 260px; --dp-action-buttons-padding: 1px 6px; --dp-row-margin: 5px 0; --dp-calendar-header-cell-padding: calc(.5 * var(--c4-rem,16px)); --dp-multi-calendars-spacing: 10px; --dp-overlay-col-padding: 3px; --dp-time-inc-dec-button-size: 32px; --dp-font-size: calc(1 * var(--c4-rem,16px)); --dp-preview-font-size: calc(.8 * var(--c4-rem,16px)); --dp-time-font-size: calc(2 * var(--c4-rem,16px)); --dp-action-button-height: 22px; --dp-action-row-padding: 8px; --dp-direction: ltr; }
.dp__theme_dark { --dp-background-color: #212121; --dp-text-color: #fff; --dp-hover-color: #484848; --dp-hover-text-color: #fff; --dp-primary-color: #005cb2; --dp-primary-disabled-color: #61a8ea; --dp-secondary-color: #a9a9a9; --dp-border-color: #2d2d2d; --dp-menu-border-color: #2d2d2d; --dp-disabled-color: #737373; --dp-disabled-color-text: #d0d0d0; --dp-scroll-bar-background: #212121; --dp-scroll-bar-color: #484848; --dp-success-color: #00701a; --dp-success-color-disabled: #428f59; --dp-danger-color: #e53935; --dp-marker-color: #e53935; --dp-tooltip-color: #3e3e3e; --dp-highlight-color: #005cb233; --dp-range-between-dates-background-color: var(--dp-hover-color,#484848); --dp-range-between-dates-text-color: var(--dp-hover-text-color,#fff); --dp-range-between-border-color: var(--dp-hover-color,#fff); --dp-loader: 5px solid #005cb2; }
.dp__theme_dark, .dp__theme_light { --dp-hover-icon-color: #959595; --dp-primary-text-color: #fff; --dp-border-color-hover: #aaaeb7; --dp-border-color-focus: #aaaeb7; --dp-icon-color: #959595; }
.dp__theme_light { --dp-background-color: #fff; --dp-text-color: #212121; --dp-hover-color: #f3f3f3; --dp-hover-text-color: #212121; --dp-primary-color: #1976d2; --dp-primary-disabled-color: #6bacea; --dp-secondary-color: #c0c4cc; --dp-border-color: #ddd; --dp-menu-border-color: #ddd; --dp-disabled-color: #f6f6f6; --dp-scroll-bar-background: #f3f3f3; --dp-scroll-bar-color: #959595; --dp-success-color: #76d275; --dp-success-color-disabled: #a3d9b1; --dp-danger-color: #ff6f60; --dp-marker-color: #ff6f60; --dp-tooltip-color: #fafafa; --dp-disabled-color-text: #8e8e8e; --dp-highlight-color: #1976d21a; --dp-range-between-dates-background-color: var(--dp-hover-color,#f3f3f3); --dp-range-between-dates-text-color: var(--dp-hover-text-color,#212121); --dp-range-between-border-color: var(--dp-hover-color,#f3f3f3); --dp-loader: 5px solid #1976d2; }
.dp__button, .dp__flex { align-items: center; display: flex; }
.dp__btn { background: 0px 0px; }
.dp__main { font-family: var(--dp-font-family); user-select: none; box-sizing: border-box; width: 100%; }
.dp__main * { direction: ltr; }
.dp__button, .dp__pointer { cursor: pointer; }
.dp__icon { stroke: currentcolor; fill: currentcolor; }
.dp__button { text-align: center; width: 100%; color: var(--dp-icon-color); padding: var(--dp-common-padding); box-sizing: border-box; height: var(--dp-button-height); place-content: center; }
.dp__button.dp__overlay_action { position: absolute; bottom: 0px; }
.dp__button:hover { background: var(--dp-hover-color); color: var(--dp-hover-icon-color); }
.dp__button svg { height: var(--dp-button-icon-height); width: auto; }
.dp__button_bottom { border-bottom-left-radius: var(--dp-border-radius); border-bottom-right-radius: var(--dp-border-radius); }
.dp__flex_display { display: flex; }
.dp__flex_display_with_input { flex-direction: column; align-items: flex-start; }
.dp__relative { position: relative; }
.calendar-next-enter-active, .calendar-next-leave-active, .calendar-prev-enter-active, .calendar-prev-leave-active { transition: all var(--dp-transition-timing-general) ease-out; }
.calendar-next-enter-from { opacity: 0; transform: translateX(var(--dp-transition-length)); }
.calendar-next-leave-to, .calendar-prev-enter-from { opacity: 0; transform: translateX(calc(var(--dp-transition-length) * -1)); }
.calendar-prev-leave-to { opacity: 0; transform: translateX(var(--dp-transition-length)); }
.dp-menu-appear-bottom-enter-active, .dp-menu-appear-bottom-leave-active, .dp-menu-appear-top-enter-active, .dp-menu-appear-top-leave-active, .dp-slide-down-enter-active, .dp-slide-down-leave-active, .dp-slide-up-enter-active, .dp-slide-up-leave-active { transition: all var(--dp-animation-duration) var(--dp-transition-timing); }
.dp-menu-appear-top-enter-from, .dp-menu-appear-top-leave-to, .dp-slide-down-leave-to, .dp-slide-up-enter-from { opacity: 0; transform: translateY(var(--dp-transition-length)); }
.dp-menu-appear-bottom-enter-from, .dp-menu-appear-bottom-leave-to, .dp-slide-down-enter-from, .dp-slide-up-leave-to { opacity: 0; transform: translateY(calc(var(--dp-transition-length) * -1)); }
.dp--arrow-btn-nav { transition: var(--dp-common-transition); height: 100%; }
.dp--highlighted { background-color: var(--dp-highlight-color); }
.dp--hidden-el { visibility: hidden; }
.dp--centered { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.s-cc-overlay { background: var(--s-cc-overlay-bg,#000000b3); z-index: 1000; justify-content: center; align-items: center; padding: 16px; display: flex; position: fixed; inset: 0px; }
.s-cc-panel { background: var(--s-cc-body-bg,#121f3e); border: 1px solid var(--s-cc-panel-border-color,#2a3863); border-radius: 16px; flex-direction: column; width: 100%; max-width: 650px; max-height: 90vh; display: flex; overflow: hidden; }
@media (min-width: 768px) {
  .s-cc-form--submitting { display: none !important; }
  .s-cc-panel--submitting { max-width: 388px; min-height: 280px; }
}
.s-cc-body-submitting { color: var(--s-cc-text-header-color,#fff); flex-direction: column; flex: 1 1 0%; justify-content: center; align-items: center; gap: 16px; display: flex; }
.s-cc-body-submitting-title { font-size: 18px; font-weight: 700; }
.s-cc-body-submitting-message { color: var(--s-cc-text-sub,#adb7cc); font-size: 14px; font-weight: 400; }
@media screen and (max-width: 767px) {
  .s-cc-body-submitting { background: var(--s-cc-dropdown-bg,#041746); z-index: 2001; border-radius: 16px 16px 0px 0px; height: 274px; position: absolute; bottom: 0px; left: 0px; right: 0px; box-shadow: rgba(0, 0, 0, 0.25) 0px -16px 20px; }
  .s-cc-form--submitting { opacity: 0.2; pointer-events: none; }
}
.s-cc-header { background: var(--s-cc-header-bg,#000b27); flex-shrink: 0; justify-content: space-between; align-items: center; padding: 12px 16px; display: flex; position: relative; }
.s-cc-title { color: var(--s-cc-text-header-color,#fff); text-align: center; flex: 1 1 0%; font-size: 18px; font-weight: 700; line-height: 26px; }
.s-cc-back-btn { color: var(--s-cc-text-color,#fff); cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; flex-shrink: 0; justify-content: center; align-items: center; padding: 0px; display: none; }
.s-cc-back-btn, .s-cc-back-btn svg { width: 24px; height: 24px; }
.s-cc-close-btn { color: var(--s-cc-text-header-color,#fff); cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; flex-shrink: 0; justify-content: center; align-items: center; width: 32px; height: 32px; padding: 0px; display: flex; }
.s-cc-close-btn svg { width: 22px; height: 22px; }
.s-cc-body { background: var(--s-cc-body-bg,#121f3e); scrollbar-width: none; flex: 1 1 0%; min-height: 0px; padding: 16px; display: block; overflow-y: auto; }
.s-cc-body--submitting, .s-cc-file-input { pointer-events: none; }
.s-cc-body > * + * { margin-top: 16px; }
.s-cc-section-title { color: var(--s-cc-text-sub,#adb7cc); margin: 0px; font-size: 16px; font-weight: 600; line-height: 24px; }
.s-cc-section-title--has-required { align-items: baseline; gap: 2px; display: inline-flex; }
.s-cc-required { color: var(--s-cc-required-color,#dc3333); }
.s-cc-fields-grid { grid-template-columns: 1fr 1fr; gap: 16px; display: grid; }
.s-cc-field { flex-direction: column; gap: 8px; display: flex; position: relative; }
.s-cc-field--full { grid-column: 1 / -1; }
.s-cc-label { color: var(--s-cc-text-sub,#adb7cc); gap: 2px; font-weight: 600; display: flex; }
.s-cc-input, .s-cc-label { font-size: 14px; line-height: 20px; }
.s-cc-input { background: var(--s-cc-input-bg,#000); border: 1px solid var(--s-cc-input-border,#9da7ba); box-sizing: border-box; color: var(--s-cc-text-color,#fff); border-radius: 8px; outline: none; width: 100%; height: 44px; padding: 0px 12px; font-family: inherit; font-weight: 400; transition: border-color 0.15s; }
.s-cc-input:focus { border-color: var(--s-cc-border-color-focus,#1396f8); }
.s-cc-input::placeholder { color: var(--s-cc-text-placeholder,#7b8291); }
.s-cc-input--error, .s-cc-input--error:focus { border-color: var(--s-cc-required-color,#dc3333); }
.s-cc-field-error { color: var(--s-cc-required-color,#dc3333); margin: 0px; font-size: 12px; font-weight: 400; line-height: 16px; }
.s-cc-input--select { cursor: pointer; text-align: left; justify-content: space-between; align-items: center; gap: 8px; display: flex; }
.s-cc-input-value { color: var(--s-cc-text-color,#fff); }
.s-cc-input-placeholder, .s-cc-input-value { text-overflow: ellipsis; white-space: nowrap; flex: 1 1 0%; font-size: 14px; font-weight: 400; overflow: hidden; }
.s-cc-caret, .s-cc-input-placeholder { color: var(--s-cc-text-placeholder,#7b8291); }
.s-cc-caret { flex-shrink: 0; width: 24px; height: 24px; }
.s-cc-datetime-picker-wrap { width: 100%; }
.s-cc-datetime-picker-wrap .dp__theme_dark { --dp-background-color: var(--s-cc-dropdown-bg,#041746); --dp-text-color: var(--s-cc-text-color,#fff); --dp-hover-color: var(--s-cc-dropdown-option-bg-hover,#1e3368); --dp-hover-text-color: var(--s-cc-text-color,#fff); --dp-hover-icon-color: var(--s-cc-text-color,#fff); --dp-primary-color: var(--s-cc-btn-from,#1396f8); --dp-primary-text-color: #fff; --dp-secondary-color: var(--s-cc-text-placeholder,#7b8291); --dp-border-color: var(--s-cc-border-color,#2a3863); --dp-menu-border-color: var(--s-cc-dropdown-border,#fff); --dp-border-color-hover: var(--s-cc-border-color-focus,#1396f8); --dp-border-color-focus: var(--s-cc-border-color-focus,#1396f8); --dp-disabled-color: var(--s-cc-text-placeholder,#7b8291); --dp-disabled-color-text: var(--s-cc-text-placeholder,#7b8291); --dp-scroll-bar-background: var(--s-cc-body-bg,#121f3e); --dp-scroll-bar-color: var(--s-cc-border-color,#2a3863); --dp-success-color: var(--s-cc-btn-from,#1396f8); --dp-icon-color: var(--s-cc-text-placeholder,#7b8291); --dp-danger-color: var(--s-cc-required-color,#dc3333); --dp-highlight-color: var(--s-cc-dropdown-option-bg-selected,#0a5388); }
.s-cc-datetime-picker-wrap .dp__input { background: var(--s-cc-input-bg,#000); border: 1px solid var(--s-cc-input-border,#9da7ba); color: var(--s-cc-text-color,#fff); border-radius: 8px; height: 44px; font-family: inherit; font-size: 14px; }
.s-cc-datetime-picker-wrap .dp__input:focus { border-color: var(--s-cc-border-color-focus,#1396f8); }
.s-cc-datetime-picker-wrap .dp__input_icon { color: var(--s-cc-text-placeholder,#7b8291); }
.s-cc-datetime-picker-wrap .dp__input::placeholder { color: var(--s-cc-text-placeholder,#7b8291); }
.s-cc-bank-logo-wrap { background: var(--s-cc-bank-logo-bg,#fff); box-sizing: border-box; border-radius: 8px; flex-shrink: 0; justify-content: center; align-items: center; width: 32px; height: 32px; padding: 4px; display: flex; overflow: hidden; }
.s-cc-bank-logo-img { object-fit: contain; width: 100%; height: 100%; }
.s-cc-bank-logo-placeholder { color: var(--s-cc-bank-logo-text,#041746); text-transform: uppercase; font-size: 13px; font-weight: 700; line-height: 1; }
.s-cc-bank-dropdown { background: var(--s-cc-dropdown-bg,#041746); border: 1px solid var(--s-cc-dropdown-border,#fff); z-index: 10; border-radius: 8px; max-height: 264px; position: absolute; top: calc(100% + 4px); left: 0px; right: 0px; overflow-y: auto; }
.s-cc-bank-search-wrap { padding: 8px; }
.s-cc-bank-search { background: var(--s-cc-input-bg,#000); border: 1px solid var(--s-cc-input-border,#9da7ba); box-sizing: border-box; color: var(--s-cc-text-color,#fff); border-radius: 6px; outline: none; width: 100%; height: 36px; padding: 0px 10px; font-family: inherit; font-size: 13px; }
.s-cc-bank-search::placeholder { color: var(--s-cc-text-placeholder,#7b8291); }
.s-cc-bank-search:focus { border-color: var(--s-cc-border-color-focus,#1396f8); }
.s-cc-bank-no-results { color: var(--s-cc-text-placeholder,#7b8291); text-align: center; padding: 12px; font-size: 13px; }
.s-cc-bank-option { color: var(--s-cc-text-color,#fff); cursor: pointer; align-items: center; gap: 8px; min-height: 44px; padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 20px; display: flex; }
.s-cc-bank-option:hover { background: var(--s-cc-dropdown-option-bg-hover,#1e3368); }
.s-cc-bank-option--selected { background: var(--s-cc-dropdown-option-bg-selected,#0a5388); }
.s-cc-bank-option-name { flex: 1 1 0%; }
.s-cc-bank-sheet-overlay { display: none; }
.s-cc-bank-sheet { background: var(--s-cc-dropdown-bg,#041746); border-radius: 16px 16px 0px 0px; flex-direction: column; width: 100%; max-height: 70vh; display: flex; overflow: hidden; }
.s-cc-bank-sheet-header { flex-shrink: 0; justify-content: center; align-items: center; padding: 14px 12px; display: flex; position: relative; }
.s-cc-bank-sheet-title { color: var(--s-cc-text-color,#fff); text-align: center; font-size: 16px; font-weight: 700; line-height: 24px; }
.s-cc-bank-sheet-close { color: var(--s-cc-text-color,#fff); cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; justify-content: center; align-items: center; width: 24px; height: 24px; padding: 0px; display: flex; position: absolute; top: 50%; right: 12px; transform: translateY(-50%); }
.s-cc-bank-sheet-close svg { width: 18px; height: 18px; }
.s-cc-bank-sheet-list { padding-bottom: 32px; overflow-y: auto; }
.s-cc-bank-sheet-option { color: var(--s-cc-text-color,#fff); cursor: pointer; align-items: center; gap: 8px; min-height: 44px; padding: 6px 12px; display: flex; }
.s-cc-bank-sheet-option:hover { background: var(--s-cc-dropdown-option-bg-hover,#1e3368); }
.s-cc-bank-sheet-option-name { flex: 1 1 0%; font-size: 14px; font-weight: 400; line-height: 20px; }
.s-cc-bank-sheet-check { color: var(--s-cc-border-color-focus,#1396f8); flex-shrink: 0; width: 16px; height: 16px; }
.s-cc-upload-area { border: 1px dashed var(--s-cc-upload-border,#1396f8); cursor: pointer; border-radius: 8px; flex-direction: column; justify-content: center; align-items: center; gap: 8px; min-height: 172px; padding: 16px; transition: border-color 0.15s; display: flex; position: relative; }
.s-cc-upload-area--error { border-color: var(--s-cc-required-color,#dc3333); }
.s-cc-upload-area--success { border-color: var(--s-cc-input-border,#9da7ba); cursor: default; }
.s-cc-file-input { opacity: 0; width: 0px; height: 0px; position: absolute; }
.s-cc-upload-folder-icon { color: var(--s-cc-text-color,#fff); fill: var(--s-cc-text-color,#fff); flex-shrink: 0; width: 48px; height: 48px; padding: 8px; }
.s-cc-upload-text { color: var(--s-cc-text-placeholder,#7b8291); text-align: center; margin: 0px; font-size: 16px; font-weight: 400; line-height: 24px; }
.s-cc-upload-text-desktop { display: none; }
.s-cc-upload-text-mobile { display: inline; }
@media (min-width: 768px) {
  .s-cc-upload-text-desktop { display: inline; }
  .s-cc-upload-text-mobile { display: none; }
}
.s-cc-upload-sub { color: var(--s-cc-text-placeholder,#7b8291); font-size: 16px; line-height: 24px; }
.s-cc-upload-error, .s-cc-upload-sub { text-align: center; margin: 0px; font-weight: 400; }
.s-cc-upload-error { color: var(--s-cc-required-color,#dc3333); font-size: 14px; line-height: 20px; }
.s-cc-file-preview { display: inline-flex; position: relative; }
.s-cc-file-thumb { background: var(--s-cc-input-border,#9da7ba); border-radius: 4px; justify-content: center; align-items: center; width: 118px; height: 152px; display: flex; overflow: hidden; }
.s-cc-file-thumb-img { object-fit: cover; width: 100%; height: 100%; }
.s-cc-file-thumb-video { color: var(--s-cc-text-color,#fff); text-align: center; flex-direction: column; justify-content: center; align-items: center; gap: 8px; padding: 8px; display: flex; }
.s-cc-file-thumb-video svg { width: 32px; height: 32px; }
.s-cc-file-thumb-video span { word-break: break-all; font-size: 11px; font-weight: 400; line-height: 14px; }
.s-cc-file-remove { cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; justify-content: center; align-items: center; width: 20px; height: 20px; padding: 0px; display: flex; position: absolute; top: 4px; right: 4px; }
.s-cc-file-remove svg { width: 16px; height: 16px; }
.s-cc-file-remove circle { fill: var(--s-cc-file-remove-bg,#0000008c); }
.s-cc-file-remove path { stroke: var(--s-cc-text-color,#fff); }
.s-cc-detail-header { justify-content: space-between; align-items: center; display: flex; }
.s-cc-counter { flex-shrink: 0; }
.s-cc-counter, .s-cc-textarea { color: var(--s-cc-text-color,#fff); font-size: 14px; font-weight: 400; line-height: 20px; }
.s-cc-textarea { background: var(--s-cc-input-bg,#000); border: 1px solid var(--s-cc-input-border,#9da7ba); box-sizing: border-box; resize: none; border-radius: 8px; outline: none; width: 100%; height: 120px; padding: 12px; font-family: inherit; transition: border-color 0.15s; }
.s-cc-textarea:focus { border-color: var(--s-cc-border-color-focus,#1396f8); }
.s-cc-textarea::placeholder { color: var(--s-cc-text-placeholder,#7b8291); }
.s-cc-submit { background: linear-gradient(90deg,var(--s-cc-btn-from,#1396f8) 0,var(--s-cc-btn-to,#0855c4) 100%); color: var(--s-cc-text-header-color,#fff); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 12px; justify-content: center; align-items: center; gap: 10px; width: 100%; height: 44px; font-family: inherit; font-size: 16px; font-weight: 600; line-height: 24px; transition: opacity 0.15s; display: flex; }
.s-cc-submit:hover:not(:disabled) { opacity: 0.9; }
.s-cc-submit--disabled, .s-cc-submit:disabled { cursor: not-allowed; opacity: 0.4; }
@media (hover: none) {
  .s-cc-submit { transition: none; transform: translateZ(0px); }
}
.s-cc-loader { --d: 22px; box-shadow: calc(var(--d)) calc(var(--d) * 0) 0 0,calc(var(--d) * .707) calc(var(--d) * .707) 0 1px,calc(var(--d) * 0) calc(var(--d)) 0 2px,calc(var(--d) * -.707) calc(var(--d) * .707) 0 3px,calc(var(--d) * -1) calc(var(--d) * 0) 0 4px,calc(var(--d) * -.707) calc(var(--d) * -.707)0 5px,calc(var(--d) * 0) calc(var(--d) * -1) 0 6px; color: var(--s-cc-text-header-color,#fff); border-radius: 50%; width: 4px; height: 4px; margin-bottom: 30px; animation: 1s steps(8) 0s infinite normal none running s-cc-loader-l27; }
@keyframes s-cc-loader-l27 { 
  100% { transform: rotate(1turn); }
}
@media (min-width: 768px) {
  .s-cc-bank-sheet-overlay { display: none !important; }
}
@media (max-width: 767px) {
  .s-cc-overlay { align-items: flex-start; padding: 0px; }
  .s-cc-panel { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0px; max-width: 100%; height: 100%; max-height: 100%; }
  .s-cc-header { background: var(--s-cc-header-bg-mobile,#010f32); justify-content: center; padding: 14px 12px; }
  .s-cc-title { font-size: 16px; font-weight: 700; line-height: 24px; }
  .s-cc-back-btn { display: flex; position: absolute; left: 12px; }
  .s-cc-close-btn { display: none; }
  .s-cc-fields-grid { grid-template-columns: 1fr; }
  .s-cc-field--full { grid-column: 1; }
  .s-cc-bank-dropdown, .s-cc-issue-dropdown { display: none !important; }
  .s-cc-bank-sheet-list { height: 80vh; }
  .s-cc-bank-sheet-overlay, .s-cc-issue-sheet-overlay { background: var(--s-cc-overlay-bg,#000000b3); z-index: 2000; justify-content: center; align-items: flex-end; display: flex; position: fixed; inset: 0px; }
  .s-cc-upload-sub, .s-cc-upload-text { font-size: 14px; line-height: 20px; }
}
.s-cc-overlay--scroll { z-index: auto; background: 0px 0px; padding: 0px; display: block; position: static; inset: auto; }
.s-cc-panel--scroll { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0px; width: 100%; max-width: 100%; height: auto; min-height: 100dvh; max-height: none; position: relative; overflow: visible; }
.s-cc-panel--scroll .s-cc-header { z-index: 5; position: sticky; top: 0px; }
.s-cc-panel--scroll .s-cc-body { flex: 0 0 auto; overflow: visible; }
.s-cc-panel--scroll .s-cc-body-submitting { position: fixed; }
.s-cc-fields-grid--existing .s-cc-field { gap: 16px; }
.s-cc-issue-dropdown { background: var(--s-cc-dropdown-bg,#041746); border: 1px solid var(--s-cc-dropdown-border,#fff); z-index: 10; border-radius: 8px; max-height: 264px; position: absolute; top: calc(100% + 4px); left: 0px; right: 0px; overflow-y: auto; }
.s-cc-issue-option { color: var(--s-cc-text-color,#fff); cursor: pointer; align-items: center; min-height: 44px; padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 20px; display: flex; }
.s-cc-issue-option:hover { background: var(--s-cc-dropdown-option-bg-hover,#1e3368); }
.s-cc-issue-option--selected { background: var(--s-cc-dropdown-option-bg-selected,#0a5388); }
.s-cc-issue-sheet { background: var(--s-cc-dropdown-bg,#041746); border-radius: 16px 16px 0px 0px; flex-direction: column; width: 100%; max-height: 70vh; display: flex; overflow: hidden; }
.s-cc-issue-sheet-header { flex-shrink: 0; justify-content: center; align-items: center; padding: 14px 12px; display: flex; position: relative; }
.s-cc-issue-sheet-title { color: var(--s-cc-text-color,#fff); text-align: center; font-size: 16px; font-weight: 700; line-height: 24px; }
.s-cc-issue-sheet-close { color: var(--s-cc-text-color,#fff); cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; justify-content: center; align-items: center; width: 24px; height: 24px; padding: 0px; display: flex; position: absolute; top: 50%; right: 12px; transform: translateY(-50%); }
.s-cc-issue-sheet-close svg { width: 18px; height: 18px; }
.s-cc-issue-sheet-list { padding-bottom: 32px; overflow-y: auto; }
.s-cc-issue-sheet-option { box-sizing: border-box; color: var(--s-cc-text-color,#fff); cursor: pointer; align-items: center; min-height: 44px; padding: 12px; font-size: 14px; font-weight: 400; line-height: 20px; display: flex; }
.s-cc-issue-sheet-option:hover { background: var(--s-cc-dropdown-option-bg-hover,#1e3368); }
.s-cc-issue-sheet-option--selected { background: var(--s-cc-dropdown-option-bg-selected,#0a5388); }
@media (min-width: 768px) {
  .s-cc-issue-sheet-overlay { display: none !important; }
}
.s-cbtn { background: var(--s-cc-cta-bg,#041746); border: 1px solid var(--s-cc-cta-border,#9da7ba); box-sizing: border-box; color: var(--s-cc-cta-text,#fff); cursor: pointer; white-space: nowrap; border-radius: 8px; justify-content: center; align-items: center; gap: 4px; width: 90px; padding: 8px; font-family: inherit; font-size: 12px; font-weight: 600; line-height: 16px; display: inline-flex; }
.s-cbtn:disabled { cursor: default; opacity: 0.6; }
.s-cbtn-icon { flex-shrink: 0; width: 16px; height: 16px; }
.s-cbtn-empty, .s-cbtn-label { line-height: 16px; }
.s-cbtn-empty { background: var(--s-cc-cta-bg,#041746); box-sizing: border-box; color: var(--s-cc-text-placeholder,#7b8291); border-radius: 8px; justify-content: center; align-items: center; width: 90px; padding: 8px; font-size: 10px; display: inline-flex; }
@media (max-width: 767px) {
  .s-cbtn { width: 100%; }
  .s-cbtn-empty { display: none; }
}
.s-cd-overlay { background: var(--s-cd-overlay-bg,#000000b3); z-index: 1000; justify-content: center; align-items: center; padding: 16px; display: flex; position: fixed; inset: 0px; }
.s-cd-panel { background: var(--s-cd-body-bg,#121f3e); border: 1px solid var(--s-cd-panel-border-color,#2a3863); border-radius: 16px; flex-direction: column; width: 100%; max-width: 480px; max-height: 90vh; display: flex; overflow: hidden; }
.s-cd-header { background: var(--s-cd-header-bg,#000b27); flex-shrink: 0; justify-content: space-between; padding: 12px 16px; position: relative; }
.s-cd-header, .s-cd-header-main { align-items: center; gap: 8px; display: flex; }
.s-cd-header-main { min-width: 0px; }
.s-cd-title { color: var(--s-cd-text-header-color,#fff); font-size: 16px; font-weight: 700; line-height: 24px; }
.s-cd-title--mobile { display: none; }
.s-cd-close-btn { color: var(--s-cd-text-header-color,#fff); cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; flex-shrink: 0; justify-content: center; align-items: center; width: 32px; height: 32px; padding: 0px; display: flex; }
.s-cd-close-btn svg { width: 22px; height: 22px; }
.s-cd-badge { background: var(--s-cd-badge-bg,#041746); border: 1px solid var(--s-cd-divider-color,#2a3863); white-space: nowrap; border-radius: 8px; flex-shrink: 0; justify-content: center; align-items: center; min-width: 80px; padding: 8px; font-size: 12px; font-weight: 700; line-height: 16px; display: inline-flex; }
.s-cd-badge--new { color: var(--s-cd-badge-new,#42abf9); }
.s-cd-badge--pending { color: var(--s-cd-badge-pending,#ff820a); }
.s-cd-badge--finished { color: var(--s-cd-badge-finished,#00e92f); }
.s-cd-body { background: var(--s-cd-body-bg,#121f3e); scrollbar-width: none; flex-direction: column; flex: 1 1 0%; gap: 16px; min-height: 0px; padding: 16px; display: flex; overflow-y: auto; }
.s-cd-body::-webkit-scrollbar { display: none; }
.s-cd-id-row { justify-content: space-between; align-items: center; width: 100%; display: none; }
.s-cd-id { color: var(--s-cd-text-color,#fff); font-size: 14px; font-weight: 700; line-height: 20px; }
.s-cd-field { flex-direction: column; gap: 4px; width: 100%; display: flex; }
.s-cd-field-label { color: var(--s-cd-text-placeholder,#7b8291); }
.s-cd-field-label, .s-cd-field-value { margin: 0px; font-size: 14px; font-weight: 400; line-height: 20px; }
.s-cd-field-value { color: var(--s-cd-text-color,#fff); overflow-wrap: anywhere; }
.s-cd-field-value--content { white-space: pre-wrap; }
.s-cd-evidence { background: var(--s-cd-evidence-bg,#000); border: 1px solid var(--s-cd-evidence-border,#9da7ba); border-radius: 4px; justify-content: center; align-items: center; width: 100%; height: 228px; padding: 4px; display: flex; position: relative; overflow: hidden; }
.s-cd-evidence-media { object-fit: contain; width: 100%; height: 100%; }
.s-cd-evidence-media--loading { opacity: 0; }
.s-cd-evidence-loader { justify-content: center; align-items: center; display: flex; position: absolute; inset: 0px; }
.s-cd-evidence-loader::before { content: ""; --d: 13px; box-shadow: calc(var(--d)) calc(var(--d) * 0) 0 0,calc(var(--d) * .707) calc(var(--d) * .707) 0 1px,calc(var(--d) * 0) calc(var(--d)) 0 2px,calc(var(--d) * -.707) calc(var(--d) * .707) 0 3px,calc(var(--d) * -1) calc(var(--d) * 0) 0 4px,calc(var(--d) * -.707) calc(var(--d) * -.707) 0 5px,calc(var(--d) * 0) calc(var(--d) * -1) 0 6px; color: var(--s-cd-text-color,#fff); border-radius: 50%; width: 4px; height: 4px; animation: 1s steps(8) 0s infinite normal none running s-cd-evidence-loader-spin; }
@keyframes s-cd-evidence-loader-spin { 
  100% { transform: rotate(1turn); }
}
@media (max-width: 767px) {
  .s-cd-overlay { align-items: flex-start; padding: 0px; }
  .s-cd-panel { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0px; max-width: 100%; height: 100%; max-height: 100%; }
  .s-cd-header { background: var(--s-cd-header-bg-mobile,#010f32); justify-content: center; padding: 14px 12px; }
  .s-cd-header-main { max-width: calc(100% - 72px); }
  .s-cd-header-main .s-cd-badge--header, .s-cd-title--desktop { display: none; }
  .s-cd-title--mobile { display: inline; }
  .s-cd-close-btn { width: 24px; height: 24px; display: flex; position: absolute; right: 12px; }
  .s-cd-close-btn svg { width: 16px; height: 16px; }
  .s-cd-id-row { display: flex; }
  .s-cd-evidence { height: 496px; }
}
.c4-body.s-cd-fullscreen-active > #__nuxt { display: none; }
.s-cd-overlay--scroll { z-index: auto; background: 0px 0px; padding: 0px; display: block; position: static; inset: auto; }
.s-cd-panel--scroll { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0px; width: 100%; max-width: 100%; height: auto; min-height: 100dvh; max-height: none; overflow: visible; }
.s-cd-panel--scroll .s-cd-header { z-index: 5; position: sticky; top: 0px; }
.s-cd-panel--scroll .s-cd-body { flex: 0 0 auto; overflow: visible; }
.s4-maintenance { isolation: isolate; z-index: 2147483647; background: linear-gradient(rgb(41, 41, 41), rgb(0, 0, 0)); justify-content: center; align-items: center; width: 100%; min-height: 100dvh; padding: 24px; font-family: "Roboto", "Inter", sans-serif; display: flex; position: relative; overflow: hidden; }
.c4-body:has(.s4-maintenance) #s-toast-container { display: none !important; }
.c4-body:has(.s4-maintenance) #s-toast-winner-container { display: none !important; }
.c4-body:has(.s4-maintenance) .toast-winner-container { display: none !important; }
.s4-maintenance::before { background: var(--s4-maintenance-bg) 50%/cover no-repeat; content: ""; opacity: 0.6; pointer-events: none; z-index: -1; position: absolute; inset: 0px; }
.s4-maintenance__logo { width: 123px; height: auto; position: absolute; top: 56px; left: 50%; transform: translate(-50%); }
.s4-maintenance__body { text-align: center; max-width: 900px; }
.s4-maintenance__title { color: rgb(232, 232, 232); margin: 0px 0px 30px; font-size: 48px; font-weight: 700; line-height: 32px; }
.s4-maintenance__desc { color: rgb(118, 118, 118); white-space: pre-line; margin: 0px; font-size: 24px; font-weight: 400; line-height: 150%; }
@media (max-width: 767px) {
  .s4-maintenance .s4-maintenance__logo { width: 96px; top: 32px; }
  .s4-maintenance .s4-maintenance__title { font-size: 32px; line-height: 1.3; }
  .s4-maintenance .s4-maintenance__desc { font-size: 16px; }
}
.s4-closing-page, .s4-closing-page *, .s4-closing-page ::after, .s4-closing-page ::before { box-sizing: border-box; }
.s4-closing-page { --s4-cp-bg: #f6f7f9; --s4-cp-header-bg: #fff; --s4-cp-header-shadow: 0 4px 12.5px 0 #00000030; --s4-cp-text: #333; --s4-cp-cta-bg-hover: #3f7692; --s4-cp-link: #1b6ec2; background: var(--s4-cp-bg); color: var(--s4-cp-text); isolation: isolate; flex-direction: column; width: 100%; min-height: 100dvh; font-family: "Roboto", "Inter", sans-serif; display: flex; position: relative; }
.s4-closing-page, .s4-closing-page--night { --s4-cp-icon: #e5352b; --s4-cp-icon-glyph: #fff; --s4-cp-cta-bg: #4a88a8; --s4-cp-cta-text: #fff; }
.s4-closing-page--night { --s4-cp-bg: #121212; --s4-cp-header-bg: #1e1e1e; --s4-cp-header-shadow: 0 1px 4px #0009; --s4-cp-text: #e8e8e8; --s4-cp-cta-bg-hover: #5c9dbe; --s4-cp-link: #6cb6f2; }
.c4-body:has(.s4-closing-page) #s-toast-container { display: none !important; }
.c4-body:has(.s4-closing-page) #s-toast-winner-container { display: none !important; }
.c4-body:has(.s4-closing-page) .toast-winner-container { display: none !important; }
.s4-closing-page__header { background: var(--s4-cp-header-bg); box-shadow: var(--s4-cp-header-shadow); flex: 0 0 auto; justify-content: center; align-items: center; height: 72px; padding: 0px 16px; display: flex; }
.s4-closing-page__logo { width: auto; max-width: 100%; height: 36px; }
.s4-closing-page__main { overflow-wrap: break-word; text-align: center; width: 100%; min-width: 0px; max-width: 844px; margin: 0px auto; padding: 57px 0px 64px; }
.s4-closing-page__icon { width: 128px; height: 128px; margin: 0px auto 30px; display: block; }
.s4-closing-page__icon-disc { fill: var(--s4-cp-icon); }
.s4-closing-page__icon-glyph { fill: var(--s4-cp-icon-glyph); }
.s4-closing-page__intro, .s4-closing-page__thanks { margin: 0px 0px 22px; font-size: 16px; font-weight: 400; line-height: 24px; }
.s4-closing-page__intro strong { font-weight: 700; }
.s4-closing-page__cta { background: var(--s4-cp-cta-bg); color: var(--s4-cp-cta-text); border-radius: 4px; margin: 0px 0px 22px; padding: 7px 22px; font-size: 16px; line-height: 24px; text-decoration: none; transition: background-color 0.2s; display: inline-block; }
.s4-closing-page__cta:hover { background: var(--s4-cp-cta-bg-hover); color: var(--s4-cp-cta-text); text-decoration: none; }
.s4-closing-page__cta:focus-visible { background: var(--s4-cp-cta-bg-hover); color: var(--s4-cp-cta-text); text-decoration: none; }
.s4-closing-page__support-title { margin: 0px 0px 2px; font-size: 16px; font-weight: 700; line-height: 24px; }
.s4-closing-page__support-text { margin: 0px; font-size: 16px; line-height: 24px; }
.s4-closing-page__support-link { color: var(--s4-cp-link); text-decoration: underline; }
@media (max-width: 767px) {
  .s4-closing-page .s4-closing-page__header { height: 52px; }
  .s4-closing-page .s4-closing-page__logo { height: 26px; }
  .s4-closing-page .s4-closing-page__main { flex-direction: column; flex: 1 1 0%; justify-content: center; align-items: center; padding: 0px 28px; display: flex; }
  .s4-closing-page .s4-closing-page__icon { width: 128px; height: 128px; margin-bottom: 36px; }
}
.s4-gtr, .s4-gtr *, .s4-gtr ::after, .s4-gtr ::before { box-sizing: border-box; }
.s4-gtr { --s4-gtr-card-bg: #121f3e; --s4-gtr-header-bg: #000b27; --s4-gtr-input-bg: #000; --s4-gtr-row-alt-bg: #ffffff0a; --s4-gtr-menu-bg: var(--s4-gtr-input-bg); --s4-gtr-menu-border: var(--s4-gtr-border); --s4-gtr-row-alt-bg-even: transparent; --s4-gtr-menu-shadow: 0 4px 16px 0 #00000040; --s4-gtr-menu-search-bg: #1e222d; --s4-gtr-menu-search-border: #3c4150; --s4-gtr-menu-search-focus-ring: 0 0 0 4px var(--s4-gtr-accent-soft); --s4-gtr-option-divider: #555e764d; --s4-gtr-text: #fff; --s4-gtr-text-sub: #adb7cc; --s4-gtr-text-option: #f7f8fa; --s4-gtr-menu-search-text: #8c96aa; --s4-gtr-accent: #1396f8; --s4-gtr-accent-2: #0069cb; --s4-gtr-accent-soft: #1396f81f; --s4-gtr-accent-faint: #1396f814; --s4-gtr-pill-border: #42abf9; --s4-gtr-chip-active-from: #1396f8; --s4-gtr-chip-active-to: #0069cb; --s4-gtr-chip-active-border: transparent; --s4-gtr-pager-arrow-bg: transparent; --s4-gtr-pager-arrow-disabled: #3b3938; --s4-gtr-border: #9da7ba; --s4-gtr-divider: #555e76; --s4-gtr-check: #1396f8; --s4-gtr-chevron: #f7f8fa; --s4-gtr-radius-card: 8px; --s4-gtr-radius-field: 12px; --s4-gtr-radius-table: 16px; --s4-gtr-radius-chip: 12px; --s4-gtr-radius-pill: 20px; --s4-gtr-panel-bg: var(--s4-gtr-card-bg); --s4-gtr-panel-padding: 24px; --s4-gtr-panel-radius: var(--s4-gtr-radius-card); --s4-gtr-panel-gap: 16px; --s4-gtr-field-h: 48px; --s4-gtr-row-h: 56px; --s4-gtr-select-w: 250px; --s4-gtr-col-rate-w: 152px; --s4-gtr-col-category-w: 220px; --s4-gtr-col-provider-w: 220px; --s4-gtr-mb-scroll-h: 372px; --s4-gtr-font: "Inter",system-ui,-apple-system,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif; --s4-gtr-menu-z: 30; --s4-gtr-menu-safe-bottom: 0px; --s4-gtr-menu-safe-top: 0px; color: var(--s4-gtr-text); font-family: var(--s4-gtr-font); flex-direction: column; gap: 16px; display: flex; }
.s4-gtr-sr-only { clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; width: 1px; height: 1px; margin: -1px; padding: 0px; position: absolute; overflow: hidden; }
.s4-gtr-icon { width: 100%; height: 100%; display: block; }
.s4-gtr :focus-visible { outline: 2px solid var(--s4-gtr-accent); outline-offset: 2px; }
.s4-gtr__booting { background: var(--s4-gtr-card-bg); border-radius: var(--s4-gtr-radius-card); justify-content: center; align-items: center; min-height: 320px; display: flex; }
.s4-gtr__spinner { border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-color: var(--s4-gtr-accent); border-radius: 50%; width: 32px; height: 32px; animation: 0.8s linear 0s infinite normal none running s4-gtr-spin; }
@keyframes s4-gtr-spin { 
  100% { transform: rotate(1turn); }
}
.s4-gtr__panel { background: var(--s4-gtr-panel-bg); border-radius: var(--s4-gtr-panel-radius); gap: var(--s4-gtr-panel-gap); padding: var(--s4-gtr-panel-padding); flex-direction: column; display: flex; }
.s4-gtr--mb { --s4-gtr-panel-padding: 16px; --s4-gtr-panel-gap: 16px; --s4-gtr-panel-radius: 12px; }
.s4-gtr__heading { color: var(--s4-gtr-text); margin: 0px; font-size: 22px; font-weight: 700; line-height: 24px; text-decoration: none; }
.s4-gtr--mb .s4-gtr__heading { font-size: 18px; line-height: 26px; }
.s4-gtr__intro { flex-direction: column; gap: 0px; display: flex; }
.s4-gtr__intro p { color: var(--s4-gtr-text); margin: 0px; font-size: 16px; font-weight: 400; line-height: 24px; }
.s4-gtr--mb .s4-gtr__intro p { color: var(--s4-gtr-text-sub); font-size: 13px; line-height: 20px; }
.s4-gtr__controls--pc { align-items: center; gap: 8px; display: flex; }
.s4-gtr__controls--mb { flex-direction: column; gap: 12px; display: flex; }
.s4-gtr__filters-row { align-items: flex-start; gap: 12px; display: flex; }
.s4-gtr__filters-row > * { flex: 1 1 0px; min-width: 0px; }
.s4-gtr__divider { background: var(--s4-gtr-divider); flex: 0 0 auto; width: 1px; height: 46px; }
.s4-gtr-search { flex: 1 1 auto; min-width: 0px; }
.s4-gtr-search__box { background: var(--s4-gtr-input-bg); border: 1px solid var(--s4-gtr-border); border-radius: var(--s4-gtr-radius-field); height: var(--s4-gtr-field-h); align-items: center; gap: 8px; padding: 8px 12px; display: flex; }
.s4-gtr-search__icon { color: var(--s4-gtr-accent); flex: 0 0 auto; width: 20px; height: 20px; }
.s4-gtr-search__input { color: var(--s4-gtr-text); background: 0px 0px; border: 0px; flex: 1 1 0px; min-width: 0px; padding: 0px; font-family: inherit; font-size: 16px; line-height: 24px; }
.s4-gtr-search__input::placeholder { color: var(--s4-gtr-text-sub); }
.s4-gtr-search__input:focus, .s4-gtr-select__menu-search-input:focus, .s4-gtr-select__menu:focus, .s4-gtr__results:focus { outline: none; }
.s4-gtr-search__input::-webkit-search-cancel-button { appearance: none; }
.s4-gtr--mb .s4-gtr-search__box { border-color: var(--s4-gtr-divider); border-radius: var(--s4-gtr-radius-card); height: 44px; padding: 10px 12px; }
.s4-gtr--mb .s4-gtr-search__icon { width: 18px; height: 18px; }
.s4-gtr--mb .s4-gtr-search__box--filled { border-color: var(--s4-gtr-accent); }
.s4-gtr-search__clear { color: var(--s4-gtr-accent); cursor: pointer; background: 0px 0px; border: 0px; flex: 0 0 auto; justify-content: center; align-items: center; width: 16px; height: 16px; padding: 0px; display: inline-flex; }
.s4-gtr--mb .s4-gtr-search__input { font-size: 14px; line-height: 20px; }
.s4-gtr-select { width: var(--s4-gtr-select-w); flex: 0 0 auto; position: relative; }
.s4-gtr--mb .s4-gtr-select { flex-direction: column; flex: 1 1 0px; gap: 8px; width: auto; min-width: 0px; display: flex; }
.s4-gtr-select__label-outer { color: var(--s4-gtr-text-sub); font-size: 14px; font-weight: 400; line-height: 16px; }
.s4-gtr-select__trigger { background: var(--s4-gtr-input-bg); border: 1px solid var(--s4-gtr-border); border-radius: var(--s4-gtr-radius-field); cursor: pointer; height: var(--s4-gtr-field-h); text-align: left; align-items: center; gap: 8px; width: 100%; padding: 8px 12px; font-family: inherit; display: flex; }
.s4-gtr-select--disabled .s4-gtr-select__trigger { cursor: not-allowed; opacity: 0.5; }
.s4-gtr-select__label { color: var(--s4-gtr-text-sub); white-space: nowrap; flex: 0 0 auto; font-size: 14px; font-weight: 400; line-height: 20px; }
.s4-gtr-select__value { color: var(--s4-gtr-accent); text-overflow: ellipsis; white-space: nowrap; flex: 1 1 0px; min-width: 0px; font-size: 16px; font-weight: 600; line-height: 24px; overflow: hidden; }
.s4-gtr-select__chevron { color: var(--s4-gtr-chevron); flex: 0 0 auto; width: 18px; height: 10px; }
.s4-gtr--mb .s4-gtr-select__trigger { border-color: var(--s4-gtr-divider); border-radius: var(--s4-gtr-radius-card); height: 44px; padding: 10px 12px; }
.s4-gtr--mb .s4-gtr-select__value { font-size: 14px; line-height: 20px; }
.s4-gtr--mb .s4-gtr-select__chevron { width: 14px; height: 8px; }
.s4-gtr-select__trigger.s4-gtr-select__trigger--open { border-color: var(--s4-gtr-accent); border-width: 1.5px; }
.s4-gtr--mb .s4-gtr-select__trigger.s4-gtr-select__trigger--open { border-width: 1px; }
.s4-gtr-select__menu { scrollbar-width: none; width: 100%; max-height: 280px; z-index: var(--s4-gtr-menu-z); background: var(--s4-gtr-menu-bg); border: 1px solid var(--s4-gtr-menu-border); border-radius: var(--s4-gtr-radius-card); box-shadow: var(--s4-gtr-menu-shadow); flex-direction: column; gap: 8px; margin: 0px; padding: 0px; list-style: none; display: flex; position: absolute; top: calc(100% + 4px); left: 0px; overflow-y: auto; }
.s4-gtr-select__menu--above { top: auto; bottom: calc(100% + 4px); }
.s4-gtr-select__menu::-webkit-scrollbar { display: none; }
.s4-gtr-select__menu-search { background: var(--s4-gtr-menu-search-bg); border: 1px solid var(--s4-gtr-menu-search-border); border-radius: 0px; flex: 0 0 auto; align-items: center; gap: 8px; min-height: 44px; max-height: 44px; padding: 8px 12px; display: flex; }
.s4-gtr-select__menu-search--filled { border-color: var(--s4-gtr-accent); box-shadow: var(--s4-gtr-menu-search-focus-ring); }
.s4-gtr-select__menu-search-icon { color: var(--s4-gtr-menu-search-text); flex: 0 0 auto; width: 20px; height: 20px; }
.s4-gtr-select__menu-search-input { color: var(--s4-gtr-text); background: 0px 0px; border: 0px; flex: 1 1 0px; min-width: 0px; height: 24px; font-family: inherit; font-size: 14px; font-weight: 400; line-height: 20px; }
.s4-gtr-select__menu-search-input::placeholder { color: var(--s4-gtr-menu-search-text); }
.s4-gtr-select__menu-search-input::-webkit-search-cancel-button { appearance: none; }
.s4-gtr-select__menu-search-clear { color: var(--s4-gtr-menu-search-text); cursor: pointer; background: 0px 0px; border: 0px; flex: 0 0 auto; justify-content: center; align-items: center; width: 20px; height: 20px; padding: 0px; display: inline-flex; }
.s4-gtr-select__menu-search-clear:hover, .s4-gtr-select__option { color: var(--s4-gtr-text); }
.s4-gtr-select__menu-search-clear .s4-gtr-icon { width: 20px; height: 20px; }
.s4-gtr-select__option { cursor: pointer; justify-content: space-between; align-items: center; gap: 8px; min-height: 48px; padding: 8px 12px; font-size: 14px; font-weight: 400; line-height: 20px; display: flex; }
.s4-gtr-select__option--active { background: var(--s4-gtr-divider); }
.s4-gtr-select__option--selected { color: var(--s4-gtr-text); background: 0px 0px; font-weight: 400; }
.s4-gtr-select__option--empty { color: var(--s4-gtr-text-sub); cursor: default; }
.s4-gtr--mb .s4-gtr-select__menu { --s4-gtr-menu-bg: #111827; --s4-gtr-menu-border: var(--s4-gtr-divider); --s4-gtr-menu-shadow: 0 8px 16px 0 #0006; border-radius: var(--s4-gtr-radius-card); gap: 0px; padding: 0px; }
.s4-gtr--mb .s4-gtr-select__option { border-bottom: 1px solid var(--s4-gtr-option-divider); color: var(--s4-gtr-text-sub); padding: 10px 12px; font-size: 14px; font-weight: 600; line-height: 20px; }
.s4-gtr--mb .s4-gtr-select__option:last-child { border-bottom: 0px; }
.s4-gtr-select__check { color: var(--s4-gtr-check); flex: 0 0 auto; justify-content: center; align-items: center; width: 16px; height: 12px; display: flex; }
.s4-gtr-ratefilter { background: 0px 0px; border: 0px; border-radius: 0px; width: 100%; max-width: 100%; padding: 0px; }
.s4-gtr-ratefilter__swiper { width: 100%; }
.s4-gtr-ratefilter .swiper-slide { width: auto; }
.s4-gtr-ratefilter__chip { background: var(--s4-gtr-card-bg); border: 1px solid var(--s4-gtr-divider); border-radius: var(--s4-gtr-radius-card); color: var(--s4-gtr-menu-search-text); cursor: pointer; white-space: nowrap; justify-content: center; align-items: center; height: 40px; padding: 10px 8px; font-family: inherit; font-size: 14px; font-weight: 500; line-height: 16px; display: inline-flex; }
.s4-gtr-ratefilter__chip--active { background: linear-gradient(180deg,var(--s4-gtr-chip-active-from) 0,var(--s4-gtr-chip-active-to) 100%); color: var(--s4-gtr-text); }
.s4-gtr--mb .s4-gtr-ratefilter__chip { border-radius: var(--s4-gtr-radius-card); height: auto; padding: 8px 10px; font-size: 12px; line-height: 16px; }
.s4-gtr__results { min-width: 0px; }
.s4-gtr__results--refreshing { opacity: 0.55; pointer-events: none; transition: opacity 0.12s ease-out; }
.s4-gtr-table-wrap { background: var(--s4-gtr-card-bg); border: 1px solid var(--s4-gtr-divider); border-radius: var(--s4-gtr-radius-table); overflow-x: auto; box-shadow: rgba(0, 0, 0, 0.15) 0px 10px 24px -10px; }
.s4-gtr-table { border-collapse: collapse; table-layout: fixed; width: 100%; min-width: 720px; }
.s4-gtr-table__col-rate { width: var(--s4-gtr-col-rate-w); }
.s4-gtr-table__col-category { width: var(--s4-gtr-col-category-w); }
.s4-gtr-table__col-provider { width: var(--s4-gtr-col-provider-w); }
.s4-gtr-table thead tr { background: var(--bg-block-2,#2b2b2b); height: var(--s4-gtr-row-h); }
.s4-gtr-table th { border-bottom: 1px solid var(--s4-gtr-divider); color: var(--text-sub,#b0b0b0); text-align: left; white-space: nowrap; padding: 12px 16px; font-size: 14px; font-weight: 600; line-height: 20px; }
.s4-gtr-table__row { height: var(--s4-gtr-row-h); }
.s4-gtr-table tbody tr:nth-child(2n+1) { background: var(--s4-gtr-row-alt-bg); }
.s4-gtr-table tbody tr:nth-child(2n) { background: var(--s4-gtr-row-alt-bg-even); }
.s4-gtr-table td { border-bottom: 1px solid var(--s4-gtr-divider); color: var(--s4-gtr-text); padding: 12px 16px; font-size: 16px; font-weight: 400; line-height: 24px; }
.s4-gtr-table tbody tr:last-child td { border-bottom: 0px; }
.s4-gtr-table__cell-name { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.s4-gtr-table td.s4-gtr-table__cell-rate { color: var(--s4-gtr-accent); text-align: center; font-weight: 600; }
.s4-gtr-table td.s4-gtr-table__cell-rate--empty { color: var(--s4-gtr-text); font-weight: 400; }
.s4-gtr-mbtable { border: 1px solid var(--s4-gtr-divider); border-radius: 12px; position: relative; overflow: hidden; }
.s4-gtr-mbtable__scroll { max-height: var(--s4-gtr-mb-scroll-h); scrollbar-width: none; overflow-y: auto; }
.s4-gtr-mbtable__scroll::-webkit-scrollbar { display: none; }
.s4-gtr-mbtable__table { border-collapse: collapse; table-layout: fixed; width: 100%; }
.s4-gtr-mbtable__table thead tr { height: 40px; }
.s4-gtr-mbtable__table th { background: var(--s4-gtr-header-bg); border-bottom: 1px solid var(--s4-gtr-divider); color: var(--s4-gtr-text); text-align: left; z-index: 1; padding: 10px 12px; font-size: 14px; font-weight: 600; line-height: 20px; position: sticky; top: 0px; }
.s4-gtr-mbtable__table th:nth-child(2) { text-align: center; width: 64px; }
.s4-gtr-mbtable__table th:nth-child(3) { text-align: right; width: 80px; }
.s4-gtr-mbtable__table td { border-bottom: 1px solid var(--s4-gtr-divider); vertical-align: middle; padding: 12px; }
.s4-gtr-mbtable__table tbody tr:nth-child(2n+1):not(.s4-gtr-mbtable__more) { background: var(--s4-gtr-row-alt-bg); }
.s4-gtr-mbtable__table tbody tr:last-child td { border-bottom: 0px; }
.s4-gtr-mbtable__more td { text-align: center; padding: 12px; }
.s4-gtr-mbtable__more .s4-gtr-skeleton { max-width: 80px; margin: 0px auto; }
.s4-gtr-mbtable__cell-name { min-width: 0px; }
.s4-gtr-mbtable__name-stack { flex-direction: column; gap: 2px; min-width: 0px; display: flex; }
.s4-gtr-mbtable__name { color: var(--s4-gtr-text); font-size: 14px; font-weight: 700; line-height: 20px; }
.s4-gtr-mbtable__category, .s4-gtr-mbtable__cell-provider, .s4-gtr-mbtable__name { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.s4-gtr-mbtable__category { color: var(--s4-gtr-text-sub); font-size: 12px; font-weight: 400; line-height: 16px; }
.s4-gtr-mbtable__cell-rate { color: var(--s4-gtr-accent); text-align: center; width: 64px; font-size: 14px; font-weight: 700; line-height: 20px; }
.s4-gtr-mbtable__cell-provider, .s4-gtr-mbtable__cell-rate--empty { color: var(--s4-gtr-text); font-weight: 400; }
.s4-gtr-mbtable__cell-provider { text-align: right; width: 80px; font-size: 14px; line-height: 20px; }
.s4-gtr-mbtable::after, .s4-gtr-mbtable::before { content: ""; opacity: 0; pointer-events: none; z-index: 2; height: 32px; transition: opacity 0.15s ease-out; position: absolute; left: 0px; right: 0px; }
.s4-gtr-mbtable::before { background: linear-gradient(to bottom,var(--s4-gtr-card-bg),#121f3e00); top: 40px; }
.s4-gtr-mbtable::after { background: linear-gradient(to top,var(--s4-gtr-card-bg),#121f3e00); bottom: 0px; }
.s4-gtr-mbtable--fade-bottom::after, .s4-gtr-mbtable--fade-top::before { opacity: 1; }
.s4-gtr-state { text-align: center; flex-direction: column; gap: 16px; padding: 48px 16px; }
.s4-gtr-state, .s4-gtr-state__illustration { justify-content: center; align-items: center; display: flex; }
.s4-gtr-state__illustration { background: var(--s4-gtr-accent-faint); color: var(--s4-gtr-accent); border-radius: 40px; width: 80px; height: 80px; }
.s4-gtr-state__illustration .s4-gtr-icon { width: 40px; height: 40px; }
.s4-gtr-state__text { flex-direction: column; gap: 8px; display: flex; }
.s4-gtr-state__title { color: var(--s4-gtr-text); margin: 0px; font-size: 16px; font-weight: 700; line-height: 24px; }
.s4-gtr-state__description { color: var(--s4-gtr-text-sub); margin: 0px; font-size: 14px; font-weight: 400; line-height: 20px; }
.s4-gtr-pager { justify-content: center; align-items: center; gap: 24px; padding: 0px; display: flex; }
.s4-gtr-pager__pages { align-items: center; gap: 8px; display: flex; }
.s4-gtr-pager__page { color: var(--s4-gtr-pager-arrow-disabled); cursor: pointer; background: 0px 0px; border: 0px; border-radius: 0px; justify-content: center; align-items: center; width: 24px; height: 24px; padding: 0px; font-family: inherit; font-size: 16px; font-weight: 700; line-height: 24px; display: inline-flex; position: relative; }
.s4-gtr-pager__page--active { color: var(--s4-gtr-accent); background: 0px 0px; }
.s4-gtr-pager__page--active::after { background: var(--s4-gtr-accent); content: ""; border-radius: 1px; height: 2px; position: absolute; bottom: 0px; left: 0px; right: 0px; }
.s4-gtr-pager__gap { color: var(--s4-gtr-pager-arrow-disabled); font-size: 16px; font-weight: 700; line-height: 24px; }
.s4-gtr-pager__arrow, .s4-gtr-pager__gap { justify-content: center; align-items: center; width: 24px; height: 24px; display: inline-flex; }
.s4-gtr-pager__arrow { background: var(--s4-gtr-pager-arrow-bg); color: var(--s4-gtr-text); cursor: pointer; border: 0px; border-radius: 4px; padding: 0px; }
.s4-gtr-pager__arrow .s4-gtr-icon { width: 24px; height: 24px; }
.s4-gtr-pager__arrow:disabled { color: var(--s4-gtr-pager-arrow-disabled); cursor: default; opacity: 1; }
.s4-gtr-skeleton { background: linear-gradient(90deg, rgba(255, 255, 255, 0.06) 25%, rgba(255, 255, 255, 0.12) 37%, rgba(255, 255, 255, 0.06) 63%) 0px 0px / 400% 100%; border-radius: 4px; width: 100%; max-width: 160px; height: 14px; animation: 1.4s ease-in-out 0s infinite normal none running s4-gtr-shimmer; display: block; }
@keyframes s4-gtr-shimmer { 
  0% { background-position: 100% center; }
  100% { background-position: 0px center; }
}
@media (prefers-reduced-motion: reduce) {
  .s4-gtr-skeleton, .s4-gtr__spinner { animation: auto ease 0s 1 normal none running none; }
}
.s4-loyalty { --loyalty-bg-default: #0e1415; --loyalty-bg-disable: #0f1d24d9; --loyalty-bg-section: #011722; --loyalty-bg-block: #152831; --loyalty-bg-input: #0a1e27; --loyalty-bg-brand: #00dce5; --loyalty-bg-faq: #00dce5; --loyalty-bg-select: #00848a80; --loyalty-bg-black: #000; --loyalty-bg-success: #57d28d; --loyalty-bg-hover: #002021; --loyalty-border-hover: #2dd4ce; --loyalty-text-value: #ffb0d0; --loyalty-text-default: #dde4e4; --loyalty-text-placeholder: #69727c; --loyalty-text-sub: #b5c9d5; --loyalty-text-title: #fff; --loyalty-text-active: #8ff2f8; --loyalty-text-brand: #00dce5; --loyalty-text-disable: #444a50; --loyalty-text-reverse: #000; --loyalty-icon-default: #bfc0c1; --loyalty-icon-success: #2dc770; --loyalty-stroke-filled: #00dce5; --loyalty-stroke-input: #002b2d; --loyalty-stroke-default: #20333c; --loyalty-stroke-divider: #677a85; --loyalty-font: "LexendDeca","Roboto","Inter",system-ui,sans-serif; --loyalty-container-width: 1284px; color: var(--loyalty-text-default); font-family: var(--loyalty-font); }
.s4-reward-item { background-color: var(--s4-ri-bg,#010f32); color: var(--s4-ri-text,#fff); font-family: var(--s4-ri-font,inherit); height: auto; min-height: var(--s4-ri-min-height,302px); flex-direction: column; display: flex; position: relative; overflow: hidden; }
.s4-reward-item, .s4-reward-item::before { border-radius: var(--s4-ri-radius,8px); }
.s4-reward-item::before { border: 1px solid var(--s4-ri-border,#2a3863); content: ""; pointer-events: none; user-select: none; z-index: 10; position: absolute; inset: 0px; }
@media (hover: hover) and (min-width: 1024px) {
  .s4-reward-item:not(.s4-reward-item--mobile):hover::before { border-color: var(--s4-ri-border-hover,#1396f8); }
  .s4-reward-item:not(.s4-reward-item--mobile):hover .s4-reward-item__img { transform: scale(var(--s4-ri-zoom,1.1)); }
}
.s4-reward-item__thumb { height: var(--s4-ri-thumb-height,194px); flex-shrink: 0; position: relative; overflow: hidden; }
.s4-reward-item__thumb img { object-fit: cover; width: 100%; height: 100%; transition: transform 0.4s; }
.s4-reward-item__wait { background-color: var(--s4-ri-wait-bg,#b86304); border-bottom-left-radius: var(--s4-ri-radius,8px); border-bottom-right-radius: var(--s4-ri-radius,8px); color: var(--s4-ri-wait-color,#fff); white-space: nowrap; z-index: 3; justify-content: center; align-items: center; gap: 4px; padding: 12px 8px; display: flex; position: absolute; top: 0px; left: 50%; transform: translate(-50%); }
.s4-reward-item__wait-icon { color: currentcolor; align-items: center; display: inline-flex; }
.s4-reward-item__price img, .s4-reward-item__wait-icon svg { width: 20px; height: 20px; }
.s4-reward-item__wait-label { font-size: 14px; font-weight: 400; line-height: 20px; }
.s4-reward-item__wait-value { font-feature-settings: "tnum"; font-variant-numeric: tabular-nums; font-size: 14px; font-weight: 600; line-height: 20px; }
.s4-reward-item__info { flex-direction: column; flex: 1 1 0%; gap: 8px; padding: 8px; display: flex; }
.s4-reward-item__meta { justify-content: space-between; align-items: flex-end; gap: 8px; display: flex; }
.s4-reward-item__text { text-align: left; min-width: 0px; }
.s4-reward-item__category { color: var(--s4-ri-text,#fff); margin-bottom: 2px; font-size: 14px; font-weight: 700; }
.s4-reward-item__title { color: var(--s4-ri-text,#fff); -webkit-line-clamp: var(--s4-ri-title-lines,1); text-overflow: ellipsis; word-break: break-word; -webkit-box-orient: vertical; font-size: 16px; font-weight: 600; display: -webkit-box; overflow: hidden; }
.s4-reward-item__title--accent { color: var(--s4-ri-accent,#fbc16c); }
.s4-reward-item__price { color: var(--s4-ri-text,#fff); flex-shrink: 0; justify-content: flex-end; align-items: center; gap: 4px; font-size: 16px; font-weight: 600; display: flex; }
.s4-reward-item__actions { width: 100%; margin-top: auto; }
.s4-reward-item__actions, .s4-reward-item__btn { justify-content: center; align-items: center; gap: 8px; display: flex; }
.s4-reward-item__btn { border-radius: var(--s4-ri-btn-radius,8px); cursor: pointer; height: var(--s4-ri-btn-height,40px); text-overflow: ellipsis; white-space: nowrap; border: 0px; flex: 1 1 0%; min-width: 0px; padding: 0px 8px; font-family: inherit; font-size: 14px; font-weight: 600; line-height: 20px; transition: 0.3s; overflow: hidden; }
.s4-reward-item__btn--status { background: var(--s4-ri-btn-bg,linear-gradient(270deg,#0855c4 0,#1396f8 100%)); color: var(--s4-ri-btn-color,#fff); }
.s4-reward-item__btn--disabled, .s4-reward-item__btn--status:disabled { background: var(--s4-ri-btn-disabled-bg,#1e2d51); color: var(--s4-ri-btn-disabled-color,#fff3); cursor: default; }
.s4-reward-item__btn--detail { background: var(--s4-ri-btn2-bg,#121f3e); border: 1px solid var(--s4-ri-btn2-border,#1396f8); color: var(--s4-ri-btn2-color,#fff); max-width: var(--s4-ri-btn2-max-width,89px); }
@media (hover: hover) and (min-width: 1024px) {
  .s4-reward-item__btn--status:not(:disabled):hover { background: var(--s4-ri-btn-bg-hover,linear-gradient(0deg,#fff3 0,#fff3 100%),linear-gradient(270deg,#0855c4 0,#1396f8 100%)); }
  .s4-reward-item__btn--detail:not(:disabled):hover { background: var(--s4-ri-btn2-bg-hover,linear-gradient(0deg,#fff3 0,#fff3 100%),#121f3e); }
}
.s4-reward-item--mobile { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; min-height: 0px; }
.s4-reward-item--mobile, .s4-reward-item--mobile::before { border-radius: calc(var(--s4-ri-u,.26667vw) * 8); }
.s4-reward-item--mobile::before { border-width: calc(var(--s4-ri-u,.26667vw)); }
.s4-reward-item--mobile .s4-reward-item__thumb { height: calc(var(--s4-ri-u,.26667vw) * 112); z-index: 5; }
.s4-reward-item--mobile .s4-reward-item__thumb, .s4-reward-item--mobile .s4-reward-item__thumb img { border-radius: calc(var(--s4-ri-u,.26667vw) * 8) calc(var(--s4-ri-u,.26667vw) * 8) 0 0; }
.s4-reward-item--mobile .s4-reward-item__wait { border-radius: calc(var(--s4-ri-u,.26667vw) * 4); min-height: calc(var(--s4-ri-u,.26667vw) * 20); padding: 0 calc(var(--s4-ri-u,.26667vw) * 4); gap: 0px; }
.s4-reward-item--mobile .s4-reward-item__wait-label { font-size: calc(var(--s4-ri-u,.26667vw) * 10); font-weight: 400; line-height: calc(var(--s4-ri-u,.26667vw) * 16); }
.s4-reward-item--mobile .s4-reward-item__wait-value { font-size: calc(var(--s4-ri-u,.26667vw) * 12); font-weight: 600; line-height: calc(var(--s4-ri-u,.26667vw) * 16); margin-left: calc(var(--s4-ri-u,.26667vw) * 4); }
.s4-reward-item--mobile .s4-reward-item__info { align-items: center; gap: calc(var(--s4-ri-u,.26667vw) * 8); padding: calc(var(--s4-ri-u,.26667vw) * 8); }
.s4-reward-item--mobile .s4-reward-item__meta { flex-direction: column; justify-content: center; align-items: center; gap: 0px; width: 100%; }
.s4-reward-item--mobile .s4-reward-item__text { text-align: center; width: 100%; }
.s4-reward-item--mobile .s4-reward-item__category { font-size: calc(var(--s4-ri-u,.26667vw) * 12); font-weight: 700; line-height: calc(var(--s4-ri-u,.26667vw) * 16); margin-bottom: 0px; }
.s4-reward-item--mobile .s4-reward-item__title { font-size: calc(var(--s4-ri-u,.26667vw) * 16); -webkit-line-clamp: var(--s4-ri-title-lines-mobile,2); font-weight: 600; line-height: calc(var(--s4-ri-u,.26667vw) * 24); }
.s4-reward-item--mobile .s4-reward-item__actions { align-items: stretch; gap: calc(var(--s4-ri-u,.26667vw) * 8); }
.s4-reward-item--mobile .s4-reward-item__btn { border-radius: calc(var(--s4-ri-u,.26667vw) * 4); font-size: calc(var(--s4-ri-u,.26667vw) * 16); height: calc(var(--s4-ri-u,.26667vw) * 36); line-height: calc(var(--s4-ri-u,.26667vw) * 24); max-height: calc(var(--s4-ri-u,.26667vw) * 36); min-height: calc(var(--s4-ri-u,.26667vw) * 36); padding: 0 calc(var(--s4-ri-u,.26667vw) * 12); }
.s4-reward-item--mobile .s4-reward-item__btn--status { gap: calc(var(--s4-ri-u,.26667vw) * 4); }
.s4-reward-item--mobile .s4-reward-item__btn--status img { height: calc(var(--s4-ri-u,.26667vw) * 16); width: calc(var(--s4-ri-u,.26667vw) * 16); flex-shrink: 0; }
.s4-reward-item--mobile .s4-reward-item__btn--detail { flex: 0 0 calc(var(--s4-ri-u,.26667vw) * 36); max-width: calc(var(--s4-ri-u,.26667vw) * 36); min-width: calc(var(--s4-ri-u,.26667vw) * 36); width: calc(var(--s4-ri-u,.26667vw) * 36); gap: 0px; padding: 0px; }
.s4-reward-item--mobile .s4-reward-item__btn-icon { height: calc(var(--s4-ri-u,.26667vw) * 16); width: calc(var(--s4-ri-u,.26667vw) * 16); display: block; }
.s4-reward-modal { background: var(--s4-rm-backdrop,#000000b3); color: var(--s4-rm-text,#fff); font-family: var(--s4-ri-font,inherit); z-index: var(--s4-rm-z,1050); justify-content: center; align-items: center; padding: 16px; display: flex; position: fixed; inset: 0px; }
.s4-reward-modal__panel { background: var(--s4-rm-panel-bg,#121f3e); border: 1px solid var(--s4-rm-panel-border,#2a3863); border-radius: var(--s4-rm-panel-radius,16px); max-height: 90vh; max-width: var(--s4-rm-panel-width,375px); flex-direction: column; width: 100%; display: flex; overflow: hidden; }
.s4-reward-modal__header { background: var(--s4-rm-header-bg,#000b27); flex-shrink: 0; align-items: center; padding: 12px 48px 12px 16px; display: flex; position: relative; }
.s4-reward-modal__title { color: var(--s4-rm-text,#fff); margin: 0px; font-size: 18px; font-weight: 700; line-height: 24px; }
.s4-reward-modal__close { color: var(--s4-rm-text,#fff); cursor: pointer; background: 0px 0px; border: 0px; justify-content: center; align-items: center; width: 32px; height: 32px; padding: 0px; display: flex; position: absolute; top: 12px; right: 16px; }
.s4-reward-modal__close svg { width: 24px; height: 24px; }
.s4-reward-modal__body { background: var(--s4-rm-panel-bg,#121f3e); overflow-y: auto; }
.s4-reward-confirm, .s4-reward-detail { flex-direction: column; align-items: center; gap: 16px; max-width: 375px; margin: 0px auto; padding: 16px; display: flex; }
.s4-reward-modal__wait { background: var(--s4-rm-wait-bg,#b86304); color: var(--s4-rm-text,#fff); white-space: nowrap; border-radius: 8px; align-items: center; gap: 4px; height: 44px; padding: 4px 8px; display: flex; }
.s4-reward-modal__wait-icon { flex-shrink: 0; width: 20px; height: 20px; }
.s4-reward-modal__wait-label { font-size: 14px; font-weight: 400; line-height: 20px; }
.s4-reward-modal__wait-value { font-feature-settings: "tnum"; font-variant-numeric: tabular-nums; font-size: 14px; font-weight: 600; line-height: 20px; }
.s4-reward-modal__hero { text-align: center; width: 100%; }
.s4-reward-modal__type { margin: 0px; font-size: 16px; font-weight: 700; line-height: 24px; }
.s4-reward-modal__value { color: var(--s4-rm-accent,#fbc16c); margin: 0px; font-size: 24px; font-weight: 700; line-height: 28px; }
.s4-reward-modal__card { background: var(--s4-rm-card-bg,#000b27); border: 1px solid var(--s4-rm-card-border,#1396f8); border-radius: 4px; flex-direction: column; align-items: center; gap: 10px; width: 100%; padding: 8px 6px; display: flex; }
.s4-reward-modal__divider { border-top: 1px solid var(--s4-rm-divider,#2a3863); width: 100%; height: 0px; }
.s4-reward-modal__row { justify-content: space-between; align-items: center; gap: 4px; width: 100%; padding: 0px 8px; display: flex; }
.s4-reward-modal__row > span:first-child { color: var(--s4-rm-text-sub,#adb7cc); white-space: nowrap; font-size: 14px; font-weight: 400; line-height: 20px; }
.s4-reward-modal__row > span:last-child { text-align: right; font-size: 14px; font-weight: 700; line-height: 20px; }
.s4-reward-modal__row--points { align-items: flex-end; }
.s4-reward-modal__row--points > span:first-child { color: var(--s4-rm-text,#fff); font-size: 14px; font-weight: 600; line-height: 28px; }
.s4-reward-modal__row--points span.s4-reward-modal__points { color: var(--s4-rm-accent,#fbc16c); font-size: 24px; font-weight: 700; line-height: 28px; }
.s4-reward-modal__row--early span.s4-reward-modal__points { color: var(--s4-rm-error,#dc3333); }
.s4-reward-modal__points, .s4-reward-modal__points-inline { justify-content: flex-end; align-items: center; gap: 4px; display: flex; }
.s4-reward-modal__points img, .s4-reward-modal__points-inline img { width: 20px; height: 20px; }
.s4-reward-modal__points-inline--value { color: var(--s4-rm-accent,#fbc16c); }
.s4-reward-modal__btn { border-radius: var(--s4-ri-btn-radius,8px); cursor: pointer; white-space: nowrap; border: 0px; justify-content: center; align-items: center; gap: 8px; width: 100%; height: 40px; padding: 0px 16px; font-family: inherit; font-size: 14px; font-weight: 600; line-height: 20px; transition: 0.3s; display: flex; }
.s4-reward-modal__btn--primary { background: var(--s4-rm-btn-bg,var(--s4-ri-btn-bg,linear-gradient(270deg,#0855c4 0,#1396f8 100%))); color: var(--s4-rm-btn-color,var(--s4-ri-btn-color,#fff)); }
.s4-reward-modal__btn--primary:disabled { background: var(--s4-rm-btn-disabled-bg,var(--s4-ri-btn-disabled-bg,#1e2d51)); color: var(--s4-rm-btn-disabled-color,var(--s4-ri-btn-disabled-color,#fff3)); cursor: default; }
.s4-reward-modal__btn--ghost { background: var(--s4-rm-btn2-bg,var(--s4-ri-btn2-bg,#121f3e)); border: 1px solid var(--s4-rm-btn2-border,var(--s4-ri-btn2-border,#1396f8)); color: var(--s4-rm-text,#fff); }
.s4-reward-detail__tips { flex-direction: column; gap: 8px; width: 100%; display: flex; }
.s4-reward-detail__tip { background: var(--s4-rm-tip-bg,#1e2d51); border-radius: 8px; align-items: center; gap: 8px; width: 100%; padding: 8px 12px; font-size: 14px; line-height: 20px; display: flex; }
.s4-reward-detail__tip p { flex: 1 1 0%; min-width: 0px; margin: 0px; }
.s4-reward-detail__tip-icon { color: var(--s4-rm-text,#fff); flex-shrink: 0; width: 24px; height: 24px; }
.s4-reward-confirm__early { background: var(--s4-rm-warn-bg,#b8630440); border: 1px solid var(--s4-rm-warn-border,#ff7238); border-radius: 4px; align-items: center; gap: 10px; width: 100%; padding: 8px 6px; font-size: 14px; line-height: 20px; display: flex; }
.s4-reward-confirm__early p { flex: 1 1 0%; min-width: 0px; margin: 0px; }
.s4-reward-confirm__early--error { background: var(--s4-rm-error-bg,#dc333326); border-color: var(--s4-rm-error,#dc3333); }
.s4-reward-confirm__early--error .s4-reward-confirm__early-icon { color: var(--s4-rm-error,#dc3333); }
.s4-reward-confirm__early-icon { flex-shrink: 0; width: 20px; height: 20px; }
.s4-reward-confirm__actions { gap: 16px; width: 100%; display: flex; }
.s4-reward-modal--mobile { align-items: flex-end; padding: 0px; }
.s4-reward-modal--mobile .s4-reward-modal__panel { background: var(--s4-rm-panel-bg-mobile,#041746); border-radius: calc(var(--s4-ri-u,.26667vw) * 16) calc(var(--s4-ri-u,.26667vw) * 16) 0 0; border: 0px; max-width: 100%; max-height: 92vh; }
.s4-reward-modal--mobile .s4-reward-modal__header { border-bottom: 1px solid var(--s4-rm-divider,#2a3863); padding: calc(var(--s4-ri-u,.26667vw) * 14) calc(var(--s4-ri-u,.26667vw) * 48); background: 0px 0px; justify-content: center; }
.s4-reward-modal--mobile .s4-reward-modal__title { font-size: calc(var(--s4-ri-u,.26667vw) * 16); line-height: calc(var(--s4-ri-u,.26667vw) * 24); text-align: center; width: 100%; }
.s4-reward-modal--mobile .s4-reward-modal__close { color: var(--icon-default,#fff); height: calc(var(--s4-ri-u,.26667vw) * 15); right: calc(var(--s4-ri-u,.26667vw) * 12); top: calc(var(--s4-ri-u,.26667vw) * 14); width: calc(var(--s4-ri-u,.26667vw) * 15); }
.s4-reward-modal--mobile .s4-reward-modal__close svg { width: 15px; height: 15px; }
.s4-reward-modal--mobile .s4-reward-modal__body { background: var(--s4-rm-panel-bg-mobile,#041746); }
.s4-reward-modal--mobile .s4-reward-confirm, .s4-reward-modal--mobile .s4-reward-detail { gap: calc(var(--s4-ri-u,.26667vw) * 16); max-width: 100%; padding: calc(var(--s4-ri-u,.26667vw) * 16); }
.s4-reward-modal--mobile .s4-reward-confirm { padding-bottom: calc(var(--s4-ri-u,.26667vw) * 32); }
.s4-reward-modal--mobile .s4-reward-modal__wait { border-radius: calc(var(--s4-ri-u,.26667vw) * 8); gap: calc(var(--s4-ri-u,.26667vw) * 4); height: calc(var(--s4-ri-u,.26667vw) * 44); padding: calc(var(--s4-ri-u,.26667vw) * 4) calc(var(--s4-ri-u,.26667vw) * 8); }
.s4-reward-modal--mobile .s4-reward-modal__points img, .s4-reward-modal--mobile .s4-reward-modal__points-inline img, .s4-reward-modal--mobile .s4-reward-modal__wait-icon { height: calc(var(--s4-ri-u,.26667vw) * 20); width: calc(var(--s4-ri-u,.26667vw) * 20); }
.s4-reward-modal--mobile .s4-reward-modal__wait-label, .s4-reward-modal--mobile .s4-reward-modal__wait-value { font-size: calc(var(--s4-ri-u,.26667vw) * 14); line-height: calc(var(--s4-ri-u,.26667vw) * 20); }
.s4-reward-modal--mobile .s4-reward-modal__type { font-size: calc(var(--s4-ri-u,.26667vw) * 16); line-height: calc(var(--s4-ri-u,.26667vw) * 24); }
.s4-reward-modal--mobile .s4-reward-modal__value { font-size: calc(var(--s4-ri-u,.26667vw) * 24); line-height: calc(var(--s4-ri-u,.26667vw) * 28); }
.s4-reward-modal--mobile .s4-reward-modal__card { border-radius: calc(var(--s4-ri-u,.26667vw) * 4); gap: calc(var(--s4-ri-u,.26667vw) * 10); padding: calc(var(--s4-ri-u,.26667vw) * 8) calc(var(--s4-ri-u,.26667vw) * 6); }
.s4-reward-modal--mobile .s4-reward-modal__row { gap: calc(var(--s4-ri-u,.26667vw) * 4); padding: 0 calc(var(--s4-ri-u,.26667vw) * 8); }
.s4-reward-modal--mobile .s4-reward-modal__row > span:first-child { font-size: calc(var(--s4-ri-u,.26667vw) * 14); line-height: calc(var(--s4-ri-u,.26667vw) * 20); white-space: normal; }
.s4-reward-modal--mobile .s4-reward-modal__row > span:last-child { font-size: calc(var(--s4-ri-u,.26667vw) * 16); line-height: calc(var(--s4-ri-u,.26667vw) * 24); }
.s4-reward-modal--mobile .s4-reward-modal__row--points > span:first-child { line-height: calc(var(--s4-ri-u,.26667vw) * 28); }
.s4-reward-modal--mobile .s4-reward-modal__row--points span.s4-reward-modal__points { font-size: calc(var(--s4-ri-u,.26667vw) * 24); line-height: calc(var(--s4-ri-u,.26667vw) * 28); }
.s4-reward-modal--mobile .s4-reward-detail__tip, .s4-reward-modal--mobile .s4-reward-detail__tips { gap: calc(var(--s4-ri-u,.26667vw) * 8); }
.s4-reward-modal--mobile .s4-reward-detail__tip { border-radius: calc(var(--s4-ri-u,.26667vw) * 8); font-size: calc(var(--s4-ri-u,.26667vw) * 14); line-height: calc(var(--s4-ri-u,.26667vw) * 20); padding: calc(var(--s4-ri-u,.26667vw) * 8) calc(var(--s4-ri-u,.26667vw) * 12); }
.s4-reward-modal--mobile .s4-reward-detail__tip-icon { height: calc(var(--s4-ri-u,.26667vw) * 24); width: calc(var(--s4-ri-u,.26667vw) * 24); }
.s4-reward-modal--mobile .s4-reward-confirm__early { border-radius: calc(var(--s4-ri-u,.26667vw) * 4); font-size: calc(var(--s4-ri-u,.26667vw) * 14); align-items: flex-start; gap: calc(var(--s4-ri-u,.26667vw) * 10); line-height: calc(var(--s4-ri-u,.26667vw) * 20); padding: calc(var(--s4-ri-u,.26667vw) * 8) calc(var(--s4-ri-u,.26667vw) * 6); }
.s4-reward-modal--mobile .s4-reward-confirm__early-icon { height: calc(var(--s4-ri-u,.26667vw) * 20); margin-top: calc(var(--s4-ri-u,.26667vw) * 2); width: calc(var(--s4-ri-u,.26667vw) * 20); }
.s4-reward-modal--mobile .s4-reward-confirm__actions { gap: calc(var(--s4-ri-u,.26667vw) * 16); }
.s4-reward-modal--mobile .s4-reward-modal__btn { border-radius: calc(var(--s4-ri-u,.26667vw) * 8); font-size: calc(var(--s4-ri-u,.26667vw) * 14); height: calc(var(--s4-ri-u,.26667vw) * 40); line-height: calc(var(--s4-ri-u,.26667vw) * 20); padding: 0 calc(var(--s4-ri-u,.26667vw) * 16); }
.s4-referral, .s4-referral *, .s4-referral ::after, .s4-referral ::before { box-sizing: border-box; }
.s4-referral { --s4-ref-font: "Montserrat",system-ui,-apple-system,"Segoe UI","Roboto",sans-serif; --s4-ref-text: #fff; --s4-ref-text-sub: #b0b0b0; --s4-ref-text-placeholder: #888; --s4-ref-text-head: #686868; --s4-ref-brand: #fbb117; --s4-ref-on-brand: #101010; --s4-ref-panel-bg: transparent; --s4-ref-bg: #101010; --s4-ref-bg-block: #222; --s4-ref-bg-block-2: #2b2b2b; --s4-ref-bg-section: #1a1a1a; --s4-ref-border: #3b3938; --s4-ref-border-strong: #888; --s4-ref-check: #12b76a; --s4-ref-radius: 8px; --s4-ref-card-bg-referees: url("https://ssv88.co/wp-content/uploads/2026/11/card-bg-referees.webp"); --s4-ref-card-bg-unclaimed: url("https://ssv88.co/wp-content/uploads/2026/11/card-bg-unclaimed.webp"); --s4-ref-card-bg-claimed: url("https://ssv88.co/wp-content/uploads/2026/11/card-bg-claimed.webp"); --s4-ref-card-label: linear-gradient(90deg,#fad698,#fff5d3 47.02%,#fad698); --s4-ref-card-height: 120px; --s4-ref-share-bg: #fbb1171a; --s4-ref-qr-bg: #a3761033; --s4-ref-share-width: 340px; --s4-ref-faq-open: linear-gradient(90deg,#3b2c1b,#fbb11780); --s4-ref-overlay: #000000b3; --s4-ref-steps-head: linear-gradient(180deg,#ffd876,#ff9f04 50%); --s4-ref-popup-bg: linear-gradient(180deg,#3b2c1b,#222); --s4-ref-z-modal: 1050; --s4-ref-pager-idle: #3b3938; --s4-ref-padding: 16px 24px; --s4-ref-gap: 16px; background: var(--s4-ref-panel-bg); color: var(--s4-ref-text); font-family: var(--s4-ref-font); }
.s4-referral button { font-family: inherit; }
.s4-referral :focus-visible { outline: 2px solid var(--s4-ref-brand); }
.s4-referral__booting { min-height: 400px; }
.s4-referral__top { flex-wrap: nowrap; align-items: stretch; }
.s4-referral__activity, .s4-referral__top { gap: var(--s4-ref-gap); padding: var(--s4-ref-padding); display: flex; }
.s4-referral__activity { flex-direction: column; }
.s4-referral__results { outline: none; }
.s4-referral__section-title { color: var(--s4-ref-text); align-items: center; gap: 4px; margin: 0px; font-size: 16px; font-weight: 700; line-height: 24px; display: flex; }
.s4-referral__section-title img { flex-shrink: 0; }
.s4-referral-btn { background: var(--s4-ref-brand); border: 1px solid var(--s4-ref-brand); border-radius: var(--s4-ref-radius); color: var(--s4-ref-on-brand); cursor: pointer; white-space: nowrap; justify-content: center; align-items: center; height: 32px; padding: 0px 20px; font-size: 14px; font-weight: 700; line-height: 20px; transition: filter 0.15s, opacity 0.15s; display: inline-flex; }
.s4-referral-btn:hover:not(:disabled) { filter: brightness(1.08); }
.s4-referral-btn:disabled { cursor: not-allowed; opacity: 0.4; }
.s4-referral-btn--block { width: 100%; height: auto; min-height: 44px; }
.s4-referral-icon-btn { cursor: pointer; background: 0px 0px; border: 0px; justify-content: center; align-items: center; padding: 0px; display: inline-flex; }
.s4-referral-overview { flex-direction: column; flex: 1 1 0px; gap: 16px; min-width: 0px; display: flex; }
.s4-referral-overview__grid, .s4-referral-overview__row { gap: 16px; display: flex; }
.s4-referral-overview__grid { flex-direction: column; }
.s4-referral-card { background-color: rgb(26, 12, 12); background-image: var(--s4-ref-card-bg); border-radius: var(--s4-ref-radius); isolation: isolate; min-height: var(--s4-ref-card-height); background-position: 100% center; background-repeat: no-repeat; background-size: cover; flex: 1 1 0px; min-width: 0px; padding: 12px; display: flex; position: relative; overflow: hidden; }
.s4-referral-card--referees { --s4-ref-card-bg: var(--s4-ref-card-bg-referees); }
.s4-referral-card--unclaimed { --s4-ref-card-bg: var(--s4-ref-card-bg-unclaimed); }
.s4-referral-card--claimed { --s4-ref-card-bg: var(--s4-ref-card-bg-claimed); flex: 0 0 auto; width: 100%; }
.s4-referral-card__body { z-index: 1; flex-direction: column; flex: 1 1 0px; align-items: flex-start; gap: 8px; min-width: 0px; display: flex; position: relative; }
.s4-referral-card__label { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; color: rgba(0, 0, 0, 0); background-clip: text; margin: 0px; font-size: 14px; font-weight: 600; line-height: 20px; }
.s4-referral-card__amount { color: var(--s4-ref-brand); font-feature-settings: "tnum"; font-variant-numeric: tabular-nums; white-space: nowrap; margin: 0px; font-size: 20px; font-weight: 700; line-height: 28px; }
.s4-referral-card__amount--lg { font-size: 24px; line-height: 30px; }
.s4-referral-card__claim { width: 130px; }
.s4-referral-share { background: var(--s4-ref-share-bg); border-radius: var(--s4-ref-radius); flex: 0 0 var(--s4-ref-share-width); max-width: 100%; min-height: 0px; width: var(--s4-ref-share-width); flex-direction: column; gap: 8px; padding: 16px; display: flex; overflow: hidden; }
.s4-referral-share__head { justify-content: space-between; align-items: flex-start; gap: 8px; display: flex; }
.s4-referral-share__title { color: var(--s4-ref-text); margin: 0px; font-size: 16px; font-weight: 700; line-height: 24px; }
.s4-referral-share__detail { border: 1px solid var(--s4-ref-brand); cursor: pointer; background: 0px 0px; border-radius: 24px; flex-shrink: 0; align-items: center; gap: 4px; padding: 4px 8px; font-weight: 400; display: inline-flex; }
.s4-referral-field__label, .s4-referral-share__detail { color: var(--s4-ref-text); font-size: 12px; line-height: 16px; }
.s4-referral-field__label { padding-bottom: 8px; font-weight: 600; display: block; }
.s4-referral-field__box { background: var(--s4-ref-bg-section); border: 1px solid var(--s4-ref-border); border-radius: var(--s4-ref-radius); align-items: center; gap: 8px; min-height: 44px; max-height: 44px; padding: 8px 12px; display: flex; }
.s4-referral-field__value { color: var(--s4-ref-text); font: 400 14px/20px var(--s4-ref-font); text-overflow: ellipsis; white-space: nowrap; background: 0px 0px; border: 0px; outline: none; flex: 1 1 0px; min-width: 0px; height: 24px; padding: 0px; overflow: hidden; }
.s4-referral-field__copy { cursor: pointer; background: 0px 0px; border: 0px; flex-shrink: 0; padding: 0px; display: inline-flex; }
.s4-referral-field__copy:disabled { cursor: default; opacity: 0.4; }
.s4-referral-qr { background: var(--s4-ref-qr-bg); border-radius: var(--s4-ref-radius); justify-content: space-between; margin-top: auto; padding: 12px; }
.s4-referral-qr, .s4-referral-qr__info { align-items: center; gap: 8px; display: flex; }
.s4-referral-qr__info { min-width: 0px; }
.s4-referral-qr__thumb { background: rgb(255, 255, 255); border-radius: 4px; flex-shrink: 0; width: 48px; height: 47px; display: block; overflow: hidden; }
.s4-referral-qr__thumb canvas { image-rendering: pixelated; display: block; width: 100% !important; height: 100% !important; }
.s4-referral-qr__label { color: var(--s4-ref-text); font-size: 14px; font-weight: 600; line-height: 20px; }
.s4-referral-qr__download { width: 130px; }
.s4-referral__activity-head { justify-content: space-between; align-items: center; gap: 12px; scroll-margin-top: 80px; display: flex; }
.s4-referral__activity-title { align-items: center; gap: 12px; min-width: 0px; display: flex; }
.s4-referral__range { color: var(--s4-ref-text-placeholder); white-space: nowrap; font-size: 14px; font-style: italic; line-height: 20px; }
.s4-referral-days { width: 250px; position: relative; }
.s4-referral-days__trigger { background: var(--s4-ref-bg-section); border: 1px solid var(--s4-ref-border-strong); border-radius: var(--s4-ref-radius); color: var(--s4-ref-text-placeholder); cursor: pointer; align-items: center; gap: 8px; width: 100%; min-height: 44px; max-height: 44px; padding: 8px 12px; display: flex; }
.s4-referral-days__value { text-align: left; text-overflow: ellipsis; white-space: nowrap; flex: 1 1 0px; min-width: 0px; font-size: 14px; font-weight: 400; line-height: 20px; overflow: hidden; }
.s4-referral-days__chevron { transition: transform 0.2s; }
.s4-referral-days__trigger--open .s4-referral-days__chevron { transform: rotate(180deg); }
.s4-referral-days__menu { background: var(--s4-ref-bg-section); border: 1px solid var(--s4-ref-border); border-radius: var(--s4-ref-radius); z-index: 20; outline: none; width: 100%; margin: 0px; padding: 0px; list-style: none; position: absolute; top: calc(100% + 8px); right: 0px; overflow: hidden; }
.s4-referral-days__option { background: var(--s4-ref-bg-section); color: var(--s4-ref-text); cursor: pointer; text-align: left; border: 0px; justify-content: space-between; align-items: center; gap: 8px; width: 100%; height: 48px; padding: 8px 12px; font-size: 14px; font-weight: 400; line-height: 20px; display: flex; }
.s4-referral-days__option--active { background: rgba(255, 255, 255, 0.04); }
.s4-referral-table { border-radius: var(--s4-ref-radius); transition: opacity 0.2s; overflow: hidden; }
.s4-referral-list--refreshing, .s4-referral-table--refreshing { opacity: 0.5; }
.s4-referral-table table { border-collapse: collapse; table-layout: fixed; width: 100%; }
.s4-referral-table th { background: var(--s4-ref-bg-block-2); color: var(--s4-ref-text-head); text-align: left; height: 40px; padding: 8px; font-size: 12px; font-weight: 600; line-height: 16px; }
.s4-referral-table td { color: var(--s4-ref-text); word-break: break-word; height: 58.22px; padding: 8px; font-size: 12px; font-weight: 400; line-height: 16px; }
.s4-referral-table tbody tr:nth-child(2n+1) { background: var(--s4-ref-bg); }
.s4-referral-table tbody tr:nth-child(2n) { background: var(--s4-ref-bg-block); }
.s4-referral-table__username { font-feature-settings: "calt" 0; font-variant-ligatures: no-contextual; }
.s4-referral-table__num { font-feature-settings: "tnum"; font-variant-numeric: tabular-nums; text-align: right !important; }
.s4-referral-table__turnover { font-weight: 600 !important; }
.s4-referral-table__commission { color: var(--s4-ref-brand) !important; font-weight: 700 !important; }
.s4-referral-tier--icon { filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px 2px 4px); object-fit: contain; width: 36px; height: 36px; display: block; }
.s4-referral-tier--text { color: var(--s4-ref-brand); white-space: nowrap; background: rgba(251, 177, 23, 0.15); border-radius: 12px; padding: 2px 8px; font-size: 12px; font-weight: 700; line-height: 16px; display: inline-block; }
.s4-referral-skeleton { background: linear-gradient(90deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.14) 50%, rgba(255, 255, 255, 0.06)) 0px 0px / 200% 100%; border-radius: 4px; width: 70%; height: 12px; animation: 1.2s linear 0s infinite normal none running s4-referral-shimmer; display: block; }
@keyframes s4-referral-shimmer { 
  0% { background-position: 200% 0px; }
  100% { background-position: -200% 0px; }
}
@media (prefers-reduced-motion: reduce) {
  .s4-referral-skeleton { animation: auto ease 0s 1 normal none running none; }
}
.s4-referral-state { background: var(--s4-ref-bg-section); text-align: center; flex-direction: column; justify-content: center; align-items: center; gap: 16px; min-height: 484px; padding: 24px 16px; display: flex; }
.s4-referral-state__title { color: var(--s4-ref-text); margin: 0px; font-size: 20px; font-weight: 700; line-height: 28px; }
.s4-referral-state--error .s4-referral-state__title { font-size: 16px; line-height: 24px; }
.s4-referral-list { transition: opacity 0.2s; }
.s4-referral-list__items { flex-direction: column; gap: 12px; margin: 0px; padding: 0px; list-style: none; display: flex; }
.s4-referral-item { background: var(--s4-ref-bg-section); border-radius: var(--s4-ref-radius); flex-direction: column; gap: 8px; padding: 12px; display: flex; }
.s4-referral-item--skeleton { justify-content: center; min-height: 92px; }
.s4-referral-item + .s4-referral-item--skeleton, .s4-referral-item--skeleton + .s4-referral-item--skeleton { margin-top: 12px; }
.s4-referral-item__head { border-bottom: 1px dashed var(--s4-ref-border); justify-content: space-between; align-items: center; gap: 8px; min-height: 44px; padding-bottom: 8px; display: flex; }
.s4-referral-item__name { color: var(--s4-ref-text-sub); font-feature-settings: "calt" 0; font-variant-ligatures: no-contextual; font-size: 12px; line-height: 16px; }
.s4-referral-item__figures { grid-template-columns: 1fr 1fr; gap: 8px; margin: 0px; display: grid; }
.s4-referral-item__figure { flex-direction: column; gap: 8px; display: flex; }
.s4-referral-item__figure--end { text-align: right; align-items: flex-end; }
.s4-referral-item__figure dt { color: var(--s4-ref-text); font-size: 12px; font-weight: 700; line-height: 16px; }
.s4-referral-item__figure dd { color: var(--s4-ref-text); font-feature-settings: "tnum"; font-variant-numeric: tabular-nums; margin: 0px; font-size: 12px; font-weight: 400; line-height: 16px; }
.s4-referral-item__figure dd.s4-referral-item__commission { color: var(--s4-ref-brand); font-weight: 700; }
.s4-referral-pager { justify-content: center; align-items: center; gap: 24px; display: flex; }
.s4-referral-pager__arrow { cursor: pointer; background: 0px 0px; border: 0px; padding: 0px; display: inline-flex; }
.s4-referral-pager__arrow:disabled { cursor: default; }
.s4-referral-pager__flip { transform: scaleX(-1); }
.s4-referral-pager__pages { align-items: center; gap: 8px; display: flex; }
.s4-referral-pager__gap, .s4-referral-pager__page { color: var(--s4-ref-pager-idle); text-align: center; background: 0px 0px; border: 0px; min-width: 24px; height: 24px; padding: 0px; font-size: 16px; font-weight: 700; line-height: 24px; position: relative; }
.s4-referral-pager__page { cursor: pointer; }
.s4-referral-pager__page:hover { color: var(--s4-ref-text); }
.s4-referral-faq__title, .s4-referral-pager__page--active, .s4-referral-pager__page--active:hover { color: var(--s4-ref-brand); }
.s4-referral-pager__page--active::after { background: var(--s4-ref-brand); content: ""; width: 24px; height: 2px; position: absolute; top: 22px; left: 50%; transform: translate(-50%); }
.s4-referral-faq, .s4-referral-faq__list { flex-direction: column; gap: 12px; display: flex; }
.s4-referral-faq__title { margin: 0px; font-size: 20px; font-weight: 700; line-height: 28px; }
.s4-referral-faq__item { overflow: hidden; }
.s4-referral-faq__item, .s4-referral-faq__question { background: var(--s4-ref-bg-block-2); border-radius: var(--s4-ref-radius); }
.s4-referral-faq__question { color: var(--s4-ref-text); cursor: pointer; text-align: left; border: 0px; justify-content: space-between; align-items: center; gap: 8px; width: 100%; padding: 8px 12px; font-size: 14px; font-weight: 700; line-height: 20px; display: flex; }
.s4-referral-faq__question img { flex-shrink: 0; }
.s4-referral-faq__item--open .s4-referral-faq__question { background: var(--s4-ref-faq-open); border-radius: var(--s4-ref-radius) var(--s4-ref-radius) 0 0; }
.s4-referral-faq__collapse { grid-template-rows: 0fr; transition: grid-template-rows 0.25s; display: grid; }
.s4-referral-faq__item--open .s4-referral-faq__collapse { grid-template-rows: 1fr; }
.s4-referral-faq__collapse-inner { min-height: 0px; overflow: hidden; }
.s4-referral-faq__answer { color: var(--s4-ref-text); white-space: pre-line; margin: 0px; padding: 8px 12px; font-size: 14px; font-weight: 400; line-height: 20px; }
.s4-referral-faq__answer--html { white-space: normal; overflow-x: auto; }
.s4-referral-faq__answer--html ol, .s4-referral-faq__answer--html p, .s4-referral-faq__answer--html ul { margin: 0px 0px 8px; }
.s4-referral-faq__answer--html :-webkit-any(p, ul, ol, table):last-child { margin: 8px 0px; }
.s4-referral-faq__answer--html :is(p, ul, ol, table):last-child { margin: 8px 0px; }
.s4-referral-faq__answer--html :-webkit-any(ul, ol) { padding-left: 20px; }
.s4-referral-faq__answer--html :is(ul, ol) { padding-left: 20px; }
.s4-referral-faq__answer--html a { color: var(--s4-ref-brand); }
.s4-referral-faq__answer--html table { border-collapse: collapse; color: var(--s4-ref-text); width: 100%; margin: 0px 0px 8px; }
.s4-referral-faq__answer--html td, .s4-referral-faq__answer--html th { border: 1px solid var(--s4-ref-border); text-align: left; vertical-align: top; padding: 6px 8px; }
.s4-referral-faq__answer--html th { background: var(--s4-ref-bg-block); color: var(--s4-ref-text-sub); font-weight: 600; }
.s4-referral-faq__intro { color: var(--s4-ref-text); white-space: pre-line; margin: 0px; font-size: 14px; line-height: 20px; }
.s4-referral-faq__intro.s4-referral-faq__answer--html { white-space: normal; }
.s4-referral-modal { z-index: var(--s4-ref-z-modal); background: 0px 0px; justify-content: center; align-items: center; padding: 16px; display: flex; position: fixed; inset: 0px; }
.s4-referral-modal__backdrop { background: var(--s4-ref-overlay); position: absolute; inset: 0px; }
.s4-referral-modal__dialog { outline: none; max-width: 100%; max-height: calc(-32px + 100vh); position: relative; overflow-y: auto; }
.s4-referral-modal--sheet { align-items: flex-end; padding: 0px; }
.s4-referral-modal--sheet .s4-referral-modal__dialog { width: 100%; max-height: 80vh; }
.s4-referral-modal-enter-active, .s4-referral-modal-leave-active { transition: opacity 0.2s; }
.s4-referral-modal-enter-from, .s4-referral-modal-leave-to { opacity: 0; }
.s4-referral-modal--sheet.s4-referral-modal-enter-active .s4-referral-modal__dialog, .s4-referral-modal--sheet.s4-referral-modal-leave-active .s4-referral-modal__dialog { transition: transform 0.25s; }
.s4-referral-modal--sheet.s4-referral-modal-enter-from .s4-referral-modal__dialog, .s4-referral-modal--sheet.s4-referral-modal-leave-to .s4-referral-modal__dialog { transform: translateY(100%); }
.s4-referral-sheet { background: var(--s4-ref-bg-section); padding-bottom: env(safe-area-inset-bottom,0); border-radius: 16px 16px 0px 0px; }
.s4-referral-sheet__head { border-bottom: 1px solid var(--s4-ref-border); padding: 14px 48px; position: relative; }
.s4-referral-sheet__title { color: var(--s4-ref-text); text-align: center; margin: 0px; font-size: 16px; font-weight: 700; line-height: 24px; }
.s4-referral-sheet__close { position: absolute; top: 50%; right: 12px; transform: translateY(-50%); }
.s4-referral-sheet__close img { width: 24px; height: 24px; }
.s4-referral-sheet__list { margin: 0px; padding: 0px 0px 8px; list-style: none; }
.s4-referral-sheet__list .s4-referral-days__option { padding: 8px 16px; }
.s4-referral-steps { border-radius: var(--s4-ref-radius); width: 375px; max-width: 100%; overflow: hidden; }
.s4-referral-steps__head { background: var(--s4-ref-steps-head); padding: 12px 48px; position: relative; }
.s4-referral-steps__title { color: var(--s4-ref-on-brand); text-align: center; margin: 0px; font-size: 20px; font-weight: 700; line-height: 28px; }
.s4-referral-steps__close { position: absolute; top: 10px; right: 8px; }
.s4-referral-steps__body { background: var(--s4-ref-bg); flex-direction: column; gap: 16px; padding: 16px 14px; display: flex; position: relative; }
.s4-referral-steps--mb { background: var(--s4-ref-bg-section); padding-bottom: env(safe-area-inset-bottom,0); border-radius: 16px 16px 0px 0px; width: 100%; }
.s4-referral-steps--mb .s4-referral-steps__head { border-bottom: 1px solid var(--s4-ref-border); background: 0px 0px; padding: 14px 48px; }
.s4-referral-steps--mb .s4-referral-steps__title { color: var(--s4-ref-text); font-size: 16px; line-height: 24px; }
.s4-referral-steps--mb .s4-referral-steps__close { top: 50%; right: 12px; transform: translateY(-50%); }
.s4-referral-steps--mb .s4-referral-steps__close img { width: 20px; height: 20px; }
.s4-referral-steps--mb .s4-referral-steps__body { background: 0px 0px; }
.s4-referral-steps__body::after, .s4-referral-steps__body::before { content: ""; background: linear-gradient(rgba(14, 14, 14, 0) 7.368%, rgb(247, 147, 29) 50.858%, rgba(26, 26, 26, 0) 95.263%); width: 2px; height: 216px; position: absolute; top: 0px; }
.s4-referral-steps__body::before { left: 0px; }
.s4-referral-steps__body::after { right: 0px; }
.s4-referral-steps__list { flex-direction: column; gap: 16px; margin: 0px; padding: 0px; list-style: none; display: flex; }
.s4-referral-step { background-color: rgba(0, 0, 0, 0); background-position: 50% center; background-repeat: no-repeat; background-size: 100% 100%; border: 0px; border-radius: 4px; align-items: center; gap: 10px; height: 70px; padding: 8px 14px; display: flex; position: relative; overflow: hidden; }
.s4-referral-step__index { color: var(--s4-ref-brand); filter: drop-shadow(rgba(0, 0, 0, 0.8) 0px 0px 1.5px); z-index: 1; background: linear-gradient(rgb(92, 67, 0), rgb(0, 0, 0)); border: 0.3px solid rgb(255, 223, 61); border-radius: 50%; flex-shrink: 0; justify-content: center; align-items: center; width: 24px; height: 24px; font-size: 16px; font-weight: 700; line-height: 1; display: inline-flex; position: relative; }
.s4-referral-step__text { color: var(--s4-ref-text); z-index: 1; font-size: 14px; font-weight: 600; line-height: 20px; position: relative; }
.s4-referral-result { background: var(--s4-ref-popup-bg); border-radius: 16px; flex-direction: column; align-items: center; gap: 24px; width: 400px; max-width: 100%; min-height: 312px; padding: 24px 16px 16px; display: flex; position: relative; }
.s4-referral-result__close { position: absolute; top: 12px; right: 12px; }
.s4-referral-result__body { flex-direction: column; flex: 1 1 0px; justify-content: center; align-items: center; gap: 24px; width: 100%; padding: 0px 32px; display: flex; }
.s4-referral-result__title { color: var(--s4-ref-text); text-align: center; text-transform: uppercase; white-space: nowrap; margin: 0px; font-size: 18px; font-weight: 700; line-height: 26px; }
.s4-referral-result--mb { width: 343px; }
.s4-referral-result--mb .s4-referral-result__title { font-size: 16px; line-height: 24px; }
.s4-referral__toast { border-radius: var(--s4-ref-radius); color: var(--s4-ref-text); opacity: 0; pointer-events: none; text-align: center; white-space: nowrap; width: max-content; max-width: calc(-32px + 100vw); z-index: calc(10 + var(--s4-ref-z-modal)); background: rgba(0, 0, 0, 0.85); padding: 10px 16px; font-size: 14px; line-height: 20px; transition: opacity 0.2s, transform 0.2s; position: fixed; bottom: 88px; left: 50%; transform: translate(-50%, 8px); }
.s4-referral__toast--visible { opacity: 1; transform: translate(-50%); }
.s4-referral--mb { --s4-ref-padding: 0; --s4-ref-gap: 12px; padding: 24px 16px; }
.s4-referral--mb .s4-referral__top { flex-direction: column; align-items: stretch; }
.s4-referral--mb .s4-referral__activity { margin-top: 12px; }
.s4-referral--mb .s4-referral-overview__grid, .s4-referral--mb .s4-referral-overview__row { gap: 8px; }
.s4-referral--mb .s4-referral-card { padding: 8px 12px 12px; }
.s4-referral--mb .s4-referral-card__body { gap: 4px; }
.s4-referral--mb .s4-referral-card--unclaimed { padding: 12px; }
.s4-referral--mb .s4-referral-card--unclaimed .s4-referral-card__amount { margin-bottom: 4px; }
.s4-referral--mb .s4-referral-card__claim { width: auto; height: 24px; padding: 0px 8px; font-size: 12px; }
.s4-referral--mb .s4-referral-share { flex: 1 1 auto; width: 100%; }
.s4-referral--mb .s4-referral-qr { margin-top: 0px; }
.s4-referral--mb .s4-referral__activity-head { flex-direction: column; align-items: stretch; gap: 8px; scroll-margin-top: 72px; }
.s4-referral--mb .s4-referral__range { text-align: center; }
.s4-referral--mb .s4-referral-days { width: 100%; }
.s4-referral--mb .s4-referral-state { border-radius: var(--s4-ref-radius); min-height: 320px; }
.s4-store-faq { font-family: var(--s4-ri-font,inherit); flex-direction: column; gap: 12px; width: 100%; display: flex; }
.s4-store-faq__title { color: var(--s4-faq-text,#fff); margin: 0px; font-size: 16px; font-weight: 700; line-height: 24px; }
.s4-store-faq__list { flex-direction: column; gap: 16px; display: flex; }
.s4-store-faq__item { border-radius: var(--s4-faq-item-radius,8px); overflow: hidden; }
.s4-store-faq__question { background: var(--s4-faq-question-bg,#1e2d51); color: var(--s4-faq-text,#fff); cursor: pointer; isolation: isolate; text-align: left; transition: color .35s var(--s4-faq-ease,cubic-bezier(.22,1,.36,1)); z-index: 0; border: 0px; justify-content: space-between; align-items: center; gap: 12px; width: 100%; padding: 12px 16px; font-family: inherit; font-size: 14px; font-weight: 600; line-height: 20px; display: flex; position: relative; }
.s4-store-faq__question::before { background: var(--s4-faq-question-bg-open,linear-gradient(105.35deg,#1396f8 10.77%,#0069cb 130.01%)); content: ""; opacity: 0; transition: opacity .35s var(--s4-faq-ease,cubic-bezier(.22,1,.36,1)); z-index: -1; position: absolute; inset: 0px; }
.s4-store-faq__question > span:first-child { min-width: 0px; }
.s4-store-faq__caret { color: var(--s4-faq-text,#fff); transition: transform .35s var(--s4-faq-ease,cubic-bezier(.22,1,.36,1)),color .35s var(--s4-faq-ease,cubic-bezier(.22,1,.36,1)); flex-shrink: 0; display: inline-flex; transform: rotate(0deg); }
.s4-store-faq__caret svg { width: 16px; height: 16px; }
.s4-store-faq__collapse { transition: grid-template-rows .4s var(--s4-faq-ease,cubic-bezier(.22,1,.36,1)); grid-template-rows: 0fr; display: grid; }
.s4-store-faq__collapse-inner { min-height: 0px; overflow: hidden; }
.s4-store-faq__item.is-open .s4-store-faq__question { color: var(--s4-faq-text-open,#fff); }
.s4-store-faq__item.is-open .s4-store-faq__answer, .s4-store-faq__item.is-open .s4-store-faq__question::before { opacity: 1; }
.s4-store-faq__item.is-open .s4-store-faq__caret { color: var(--s4-faq-text-open,#fff); transform: rotate(180deg); }
.s4-store-faq__item.is-open .s4-store-faq__collapse { grid-template-rows: 1fr; }
.s4-store-faq__answer { background: var(--s4-faq-answer-bg,#1e2d51); color: var(--s4-faq-text-sub,#adb7cc); opacity: 0; transition: opacity .28s var(--s4-faq-ease,cubic-bezier(.22,1,.36,1)); padding: 12px 16px 16px; font-size: 12px; line-height: 18px; }
.s4-store-faq__answer p { margin: 0px 0px 8px; }
.s4-store-faq__answer p:last-child { margin-bottom: 0px; }
.s4-store-faq__answer .faq-note-label { color: var(--s4-faq-text,#fff); margin-top: 8px; font-weight: 700; }
.s4-store-faq__answer .faq-note-list, .s4-store-faq__answer ul { margin: 4px 0px 0px; padding-left: 18px; }
.s4-store-faq__answer li { margin-bottom: 4px; }
.s4-store-faq__answer li:last-child { margin-bottom: 0px; }
.s4-store-faq__note { background: var(--s4-faq-note-bg,#010f32); border: 1px solid var(--s4-faq-note-border,#2a3863); border-radius: 8px; padding: 12px 16px; }
.s4-store-faq__note-title { color: var(--s4-faq-text,#fff); margin-bottom: 8px; font-size: 12px; font-weight: 700; line-height: 18px; }
.s4-store-faq__note-list { color: var(--s4-faq-text-sub,#adb7cc); margin: 0px; padding-left: 18px; font-size: 12px; line-height: 18px; }
.s4-store-faq__note-list li { margin-bottom: 4px; }
.s4-store-faq__note-list li:last-child { margin-bottom: 0px; }
.s4-store-faq__cskh { color: var(--s4-faq-cskh,#f98607); cursor: pointer; font-family: inherit; font-size: inherit; background: 0px 0px; border: 0px; padding: 0px; font-weight: 700; }
.s4-store-faq--mobile { gap: calc(var(--s4-ri-u,.26667vw) * 12); }
.s4-store-faq--mobile .s4-store-faq__title { font-size: calc(var(--s4-ri-u,.26667vw) * 16); line-height: calc(var(--s4-ri-u,.26667vw) * 24); }
.s4-store-faq--mobile .s4-store-faq__list { gap: calc(var(--s4-ri-u,.26667vw) * 8); }
.s4-store-faq--mobile .s4-store-faq__item, .s4-store-faq--mobile .s4-store-faq__note { border-radius: calc(var(--s4-ri-u,.26667vw) * 8); }
.s4-store-faq--mobile .s4-store-faq__question { font-size: calc(var(--s4-ri-u,.26667vw) * 14); gap: calc(var(--s4-ri-u,.26667vw) * 12); line-height: calc(var(--s4-ri-u,.26667vw) * 20); padding: calc(var(--s4-ri-u,.26667vw) * 12) calc(var(--s4-ri-u,.26667vw) * 16); }
.s4-store-faq--mobile .s4-store-faq__caret svg { height: calc(var(--s4-ri-u,.26667vw) * 16); width: calc(var(--s4-ri-u,.26667vw) * 16); }
.s4-store-faq--mobile .s4-store-faq__answer { font-size: calc(var(--s4-ri-u,.26667vw) * 12); line-height: calc(var(--s4-ri-u,.26667vw) * 18); padding: calc(var(--s4-ri-u,.26667vw) * 12) calc(var(--s4-ri-u,.26667vw) * 16) calc(var(--s4-ri-u,.26667vw) * 16); }
.s4-store-faq--mobile .s4-store-faq__answer .faq-note-list, .s4-store-faq--mobile .s4-store-faq__answer ul { padding-left: calc(var(--s4-ri-u,.26667vw) * 18); }
.s4-store-faq--mobile .s4-store-faq__note { padding: calc(var(--s4-ri-u,.26667vw) * 12) calc(var(--s4-ri-u,.26667vw) * 16); }
.s4-store-faq--mobile .s4-store-faq__note-title { margin-bottom: calc(var(--s4-ri-u,.26667vw) * 8); }
.s4-store-faq--mobile .s4-store-faq__note-list, .s4-store-faq--mobile .s4-store-faq__note-title { font-size: calc(var(--s4-ri-u,.26667vw) * 12); line-height: calc(var(--s4-ri-u,.26667vw) * 18); }
.s4-store-faq--mobile .s4-store-faq__note-list { padding-left: calc(var(--s4-ri-u,.26667vw) * 18); }
@media (prefers-reduced-motion: reduce) {
  .s4-store-faq__answer, .s4-store-faq__caret, .s4-store-faq__collapse, .s4-store-faq__question, .s4-store-faq__question::before { transition: none; }
}
.s4-wc-hub { --wc-bg-dark: #000b27; --wc-bg-section: #121f3e; --wc-bg-black: #000; --wc-bg-pc-default: #1e3368; --wc-bg-block: #010f32; --wc-bg-block-2: #041746; --wc-bg-card: #232323; --wc-bg-card-inner: #171717; --wc-bg-card-soft: #1a1a1a; --wc-bg-elevated: #151718; --wc-bg-success: #04771e; --wc-bg-brand-2: #ff7238; --wc-bg-hero-top: #04123a; --wc-bg-card-grad-2: #282b2e; --wc-bg-deep: #181818; --wc-bg-input: #323232; --wc-bg-chip: #313131; --wc-bg-modal-2: #373737; --wc-bg-hover: #232627; --wc-bg-nav-hover: #1f2123; --wc-bg-image: #1a253f; --wc-bg-rank: #1c1d1f; --wc-bg-rank-deep: #080707; --wc-bg-disabled: #1b1b1b; --wc-text: #fff; --wc-text-sub: #adb7cc; --wc-text-muted: #c4c4c4; --wc-text-dim: #a6a6a6; --wc-text-disabled: #757575; --wc-text-title: #fff; --wc-text-primary: #1396f8; --wc-text-value: #fbc16c; --wc-text-success: #5fff92; --wc-text-trend: #a3a3a3; --wc-text-trend-empty: #686868; --wc-text-soft: #fdfdfb; --wc-text-label: #bebebe; --wc-text-label-2: #b1b1b1; --wc-text-score: #636363; --wc-text-dim-2: #838383; --wc-text-rank: #cdcdcd; --wc-text-kickoff: #8fa3cd; --wc-text-score-live: #00ff87; --wc-text-disabled-2: #414141; --wc-primary: #1396f8; --wc-primary-border: #45afff; --wc-primary-on: #fff; --wc-accent: #ff7238; --wc-active: #1396f8; --wc-icon-active: #42abf9; --wc-icon-default: #f7f8fa; --wc-stroke-linear-2: #0069cb; --wc-success: #10b981; --wc-danger: #ef4444; --wc-live: #c00000; --wc-live-tag: #d10814; --wc-league-badge: #38003d; --wc-date-marker: #3a62ff; --wc-warning: #f59e0b; --wc-primary-soft: #3f9be0; --wc-success-bright: #60db45; --wc-success-grad-1: #2ec46b; --wc-success-grad-2: #1c8c4b; --wc-danger-soft: #ff6b6b; --wc-danger-2: #d92d20; --wc-danger-3: #c64646; --wc-handle: #d4d4d4; --wc-chip-grey: #656565; --wc-border: #363636; --wc-border-soft: #414141; --wc-border-tabbar: #4d4d4d; --wc-border-card: #3b464d; --wc-border-tab: #495c68; --wc-border-nav: #383838; --wc-border-input: #3b3b3b; --wc-border-rank: #404040; --wc-border-grey-20: #333; --wc-border-disabled: #292626; --wc-border-flag: #ffffff1a; --wc-border-badge: #ffffff26; --wc-radius-xs: 4px; --wc-radius-card: 16px; --wc-radius-sm: 8px; --wc-radius-md: 12px; --wc-radius-lg: 20px; --wc-radius-xl: 24px; --wc-radius-pill: 100px; --wc-space-2xs: 4px; --wc-space-xs: 8px; --wc-space-s: 12px; --wc-space-m: 16px; --wc-space-l: 20px; --wc-space-xl: 24px; --wc-font-body: "Roboto","Inter",system-ui,-apple-system,Segoe UI,sans-serif; --wc-font-display: "Roboto","Inter",system-ui,-apple-system,Segoe UI,sans-serif; --wc-font-number: Arial,"Roboto",system-ui,-apple-system,Segoe UI,sans-serif; --wc-shadow-card: 0 4px 7.7px #00000096; --wc-shadow-cta: 0 4px 2px #00000040; --wc-tab-active-bg: linear-gradient(-84.25deg,#292e31 1.95%,#374851 97.55%); --wc-cta-gradient: linear-gradient(-60.46deg,#121213 38.83%,#2c2c2c 93.95%); --wc-match-card-bg: linear-gradient(180deg,#171717,#232323); --wc-stat-card-bg: linear-gradient(-68.11deg,#1b1b1b 77.89%,#3e3e3e 100.32%); --wc-today-card-bg: linear-gradient(-77.49deg,#1b1b1b 77.89%,#3e3e3e 100.32%); --wc-primary-tint: #1396f81a; --wc-accent-tint: #ff72381a; --wc-card-bg: linear-gradient(-14.76deg,#000 40.26%,#282b2e 100.21%); --wc-cta-primary-bg: linear-gradient(-90deg,#0855c4,#1396f8); --wc-header-icon-bg: linear-gradient(180deg,#041746,#000b27 82.5%); --wc-trend-card-bg: linear-gradient(276deg,#1b1b1bb3 77.89%,#818181b3 100.32%),linear-gradient(180deg,#1b1b1bb3,#818181b3); --wc-promo-overlay: linear-gradient(180deg,transparent 73.284%,#000000e6); --wc-hero-overlay: #000000b3; --wc-hero-image: url("https://ssv88.co/wp-content/uploads/2026/11/hero-bg.webp"); --wc-primary-faint: #1396f833; --wc-overlay-backdrop: #0009; --wc-overlay-sheet: #0000008c; --wc-overlay-strong: #000c; --wc-overlay-soft: #ffffff14; --wc-overlay-hover: #ffffff1f; --wc-skeleton-sheen: #ffffff0f; background: var(--wc-bg-black); color: var(--wc-text); font-family: var(--wc-font-body); }
.s4-wc-hub, .s4-wc-hub *, .s4-wc-hub ::after, .s4-wc-hub ::before { box-sizing: border-box; }
.s4-wc-hub img { -webkit-user-drag: none; }
.s4-wc-hub__loading { background: var(--wc-bg-black); justify-content: center; align-items: center; width: 100%; height: 100svh; display: flex; }
.s4-wc-hub__loading-spinner { border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-color: var(--wc-primary); border-radius: 50%; width: 48px; height: 48px; animation: 0.8s linear 0s infinite normal none running s4-wc-spin; }
@keyframes s4-wc-spin { 
  100% { transform: rotate(1turn); }
}
.s4-wc-hub__stage { background: var(--wc-bg-black); isolation: isolate; width: 100%; max-width: 1280px; min-height: 876px; margin: auto; padding: 48px 0px; position: relative; overflow: hidden; }
.s4-wc-hub__stage > * { z-index: 2; position: relative; }
.s4-wc-btn { color: var(--wc-text); cursor: pointer; font-family: var(--wc-font-body); background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; font-weight: 500; transition: transform 0.15s, background 0.2s; }
.s4-wc-btn:active { transform: scale(0.97); }
.s4-wc-btn--sec { background-image: var(--wc-cta-gradient); border: 1px solid var(--wc-border-soft); border-radius: var(--wc-radius-pill); color: var(--wc-text); justify-content: center; align-items: center; height: 42px; padding: 8px 24px; font-size: 14px; transition: filter 0.2s, border-color 0.2s, transform 0.15s; display: inline-flex; }
.s4-wc-btn--sec:not(:disabled):hover { border-color: var(--wc-primary-border); filter: brightness(1.35); }
.s4-wc-btn--primary { background: var(--wc-primary); border: 1px solid var(--wc-primary-border); border-radius: var(--wc-radius-pill); color: var(--wc-primary-on); justify-content: center; align-items: center; padding: 12px; font-size: 14px; font-weight: 500; transition: filter 0.2s, transform 0.15s; display: inline-flex; }
.s4-wc-btn--primary:not(:disabled):hover { filter: brightness(1.1); }
.s4-wc-btn--primary:disabled, .s4-wc-btn:disabled { cursor: not-allowed; opacity: 0.5; }
.s4-wc-btn--sec:disabled { background: var(--wc-bg-disabled); border-color: var(--wc-border-disabled); color: var(--wc-text-disabled-2); opacity: 1; }
.s4-wc-btn--ghost { background: var(--wc-bg-elevated); border-radius: var(--wc-radius-pill); color: var(--wc-text); filter: drop-shadow(var(--wc-shadow-cta)); justify-content: center; align-items: center; padding: 12px; transition: background 0.2s, transform 0.15s; display: inline-flex; }
.s4-wc-btn--ghost:not(:disabled):hover { background: var(--wc-bg-hover); }
.s4-wc-round-tabs { align-items: stretch; gap: var(--wc-space-l); width: 100%; display: flex; }
.s4-wc-round-tabs__item { border-radius: var(--wc-radius-lg); color: var(--wc-text); cursor: pointer; font-family: var(--wc-font-body); background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; flex: 1 0 0px; justify-content: center; align-items: center; height: 43px; padding: 12px 24px; font-size: 16px; font-weight: 600; display: flex; }
.s4-wc-round-tabs__item--active { background-image: var(--wc-tab-active-bg); border: 1px solid var(--wc-border-tab); }
.s4-wc-round-tabs__item--disabled { color: var(--wc-text-disabled); cursor: not-allowed; }
.s4-wc-date-header { border-radius: var(--wc-radius-pill); color: var(--wc-text); font-family: var(--wc-font-body); justify-content: center; align-items: center; width: 100%; padding: 0px 8px; font-size: 14px; font-weight: 700; display: flex; }
.s4-wc-match-list { gap: var(--wc-space-l); flex-direction: column; flex: 1 1 auto; width: 100%; min-height: 0px; display: flex; overflow: hidden auto; }
.s4-wc-match-group { gap: var(--wc-space-s); }
.s4-wc-match-card, .s4-wc-match-group { flex-direction: column; width: 100%; display: flex; }
.s4-wc-match-card { background: var(--wc-match-card-bg); border: 1px solid var(--wc-border-grey-20); border-radius: var(--wc-radius-card); align-items: stretch; gap: 12px; padding: 12px; }
.s4-wc-match-card__meta { justify-content: space-between; align-items: center; gap: 8px; width: 100%; display: flex; }
.s4-wc-match-card__meta-when { align-items: center; gap: 6px; min-width: 0px; display: flex; }
.s4-wc-match-card__time { color: var(--wc-text-kickoff); font-family: "Roboto",var(--wc-font-body); white-space: nowrap; font-size: 12px; font-weight: 500; line-height: 1; }
.s4-wc-match-card__live { background: var(--wc-live-tag); flex-shrink: 0; padding: 2px 6px; font-size: 8px; font-weight: 900; }
.s4-wc-match-card__league, .s4-wc-match-card__live { border-radius: var(--wc-radius-xs); color: var(--wc-text); font-family: "Roboto",var(--wc-font-body); text-transform: uppercase; white-space: nowrap; line-height: 1; }
.s4-wc-match-card__league { background: var(--wc-league-badge); text-overflow: ellipsis; align-items: center; min-width: 0px; padding: 4px 8px; font-size: 10px; font-weight: 800; display: inline-flex; overflow: hidden; }
.s4-wc-match-card__teams { justify-content: center; align-items: center; gap: 8px; width: 100%; display: flex; }
.s4-wc-match-card__team { flex: 1 0 0px; align-items: center; gap: 8px; min-width: 0px; display: flex; }
.s4-wc-match-card__flag { border: 1px solid var(--wc-border-flag); object-fit: contain; border-radius: 50%; flex-shrink: 0; width: 24px; height: 24px; }
.s4-wc-match-card__team-name { color: var(--wc-text); font-family: "Roboto",var(--wc-font-body); text-overflow: ellipsis; white-space: nowrap; flex: 1 0 0px; min-width: 0px; font-size: 13px; font-weight: 700; line-height: 1.2; overflow: hidden; }
.s4-wc-match-card__team-name--right { text-align: right; }
.s4-wc-match-card__score { font-family: "Roboto",var(--wc-font-body); text-align: center; white-space: nowrap; font-size: 16px; font-weight: 900; line-height: 1; }
.s4-wc-match-card__score--result { color: var(--wc-text-score-live); }
.s4-wc-match-card__score--dim { color: var(--wc-text-score); }
.s4-wc-match-card__actions { align-items: center; gap: 8px; width: 100%; display: flex; }
.s4-wc-match-card__btn { font-family: "Roboto",var(--wc-font-body); flex: 1 0 0px; min-width: 0px; height: 42px; padding: 8px 24px; font-size: 14px; font-weight: 500; }
.s4-wc-side-modal-backdrop { background: var(--wc-overlay-backdrop); z-index: 1040; position: fixed; inset: 0px; }
.s4-wc-side-modal { background-image: linear-gradient(-41.27deg,var(--wc-bg-card-soft) 40.26%,var(--wc-bg-modal-2) 100.21%); border-left: 1px solid var(--wc-border-tabbar); z-index: 1050; border-top-left-radius: 16px; border-bottom-left-radius: 16px; flex-direction: column; width: min(450px, 100vw); display: flex; position: fixed; top: 0px; bottom: 0px; right: 0px; overflow: hidden; }
.s4-wc-side-modal__close { background: var(--wc-overlay-soft); color: var(--wc-text); cursor: pointer; z-index: 1; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 50%; justify-content: center; align-items: center; width: 32px; height: 32px; font-size: 20px; line-height: 1; display: none; position: absolute; top: 12px; right: 12px; }
.s4-wc-side-modal__body { flex-direction: column; flex: 1 1 auto; gap: 23px; min-height: 0px; padding: 24px 16px; display: flex; overflow-y: auto; }
@media (max-width: 768px) {
  .s4-wc-side-modal { border-radius: 0px; width: 100vw; }
  .s4-wc-hub__stage { padding: initial; }
}
.b-avatar { vertical-align: middle; width: calc(2.5 * var(--c4-rem,16px)); height: calc(2.5 * var(--c4-rem,16px)); font-size: inherit; max-width: 100%; text-align: center; flex-shrink: 0; justify-content: center; align-items: center; font-weight: 400; line-height: 1; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; display: inline-flex; position: relative; overflow: visible; }
.b-avatar:focus { outline: 0px; }
.b-avatar.btn, .b-avatar[href] { border: 0px; padding: 0px; }
.b-avatar.btn .b-avatar-img img, .b-avatar[href] .b-avatar-img img { transition: transform 0.15s ease-in-out; }
.b-avatar.btn:not(:disabled):not(.disabled), .b-avatar[href]:not(:disabled):not(.disabled), .star { cursor: pointer; }
.b-avatar.btn:not(:disabled):not(.disabled):hover .b-avatar-img img, .b-avatar[href]:not(:disabled):not(.disabled):hover .b-avatar-img img { transform: scale(1.15); }
.b-avatar.disabled, .b-avatar:disabled, .b-avatar[disabled] { opacity: 0.65; pointer-events: none; }
.b-avatar .b-avatar-custom, .b-avatar .b-avatar-img, .b-avatar .b-avatar-text { border-radius: inherit; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; overflow: hidden; mask-image: radial-gradient(rgb(255, 255, 255), rgb(0, 0, 0)); }
.b-avatar .b-avatar-text { text-transform: uppercase; white-space: nowrap; }
.b-avatar[href] { text-decoration: none; }
.b-avatar > .bootstrap-icon { width: 60%; max-width: 100%; height: auto; }
.b-avatar .b-avatar-img img { width: 100%; height: 100%; border-radius: inherit; object-fit: cover; }
.b-avatar .b-avatar-badge { z-index: 1; border-radius: 10em; min-width: 1.5em; min-height: 1.5em; padding: 0.25em; font-size: 70%; font-weight: 700; line-height: 1; position: absolute; }
.b-avatar-sm { width: calc(1.5 * var(--c4-rem,16px)); height: calc(1.5 * var(--c4-rem,16px)); }
.b-avatar-sm .b-avatar-text { font-size: calc(0.6 * var(--c4-rem,16px)); }
.b-avatar-sm .b-avatar-badge { font-size: calc(0.42 * var(--c4-rem,16px)); }
.b-avatar-lg { width: calc(3.5 * var(--c4-rem,16px)); height: calc(3.5 * var(--c4-rem,16px)); }
.b-avatar-lg .b-avatar-text { font-size: calc(1.4 * var(--c4-rem,16px)); }
.b-avatar-lg .b-avatar-badge { font-size: calc(0.98 * var(--c4-rem,16px)); }
.b-avatar-group .b-avatar-group-inner { flex-wrap: wrap; display: flex; }
.b-avatar-group .b-avatar, .b-form-rating { border: 1px solid rgb(222, 226, 230); }
.b-avatar-group .btn.b-avatar:hover:not(.disabled):not(disabled), .b-avatar-group a.b-avatar:hover:not(.disabled):not(disabled) { z-index: 1; }
.card-deck { gap: calc(1.5 * var(--c4-rem,16px)); }
@media (min-width: 576px) {
  .card-deck { flex-flow: wrap; display: flex; }
  .card-columns { column-count: 3; orphans: 1; widows: 1; column-gap: calc(1.25 * var(--c4-rem,16px)); }
  .card-columns .card { width: 100%; display: inline-block; }
}
.card-deck > .card { flex: 1 0 0%; margin-bottom: 0px; }
.card-columns .card { margin-bottom: calc(0.75 * var(--c4-rem,16px)); }
.b-form-rating { border: 1px solid var(--bs-secondary-border-subtle,#dee2e6); background-color: var(--bs-body-bg); border-radius: calc(0.375 * var(--c4-rem,16px)); justify-content: space-between; gap: calc(0.25 * var(--c4-rem,16px)); margin: calc(0.5 * var(--c4-rem,16px)); padding: calc(0.375 * var(--c4-rem,16px)) calc(0.75 * var(--c4-rem,16px)); display: flex; }
.b-form-rating.no-border { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.b-form-rating.is-disabled { color: var(--bs-secondary); background-color: var(--bs-secondary-bg); }
.b-form-rating .clear-icon { width: 1em; height: 1em; transition: transform var(--bs-transition-duration) ease; color: var(--bs-body-color); fill: currentcolor; }
.b-form-rating:not(.is-readonly):not(.is-disabled) .clear-icon:hover, .b-form-rating:not(.is-readonly):not(.is-disabled) .star:hover .b-form-rating-star svg { transform: scale(1.5); }
.star { user-select: none; padding: 0px 0.25em; }
.is-disabled .star, .is-readonly .star { cursor: default; }
.clear-button-spacing { cursor: pointer; margin-left: calc(0.5 * var(--c4-rem,16px)); }
.star-spacing { margin: 0px calc(0.5 * var(--c4-rem,16px)); }
.rating-value-text { color: var(--bs-body-color); margin: 0px 0.6px; }
.b-form-rating-star svg { transition: transform 0.2s; }
.b-form-tags.focus { background-color: var(--bs-body-bg); border-color: rgb(134, 183, 254); outline: 0px; box-shadow: rgba(13, 110, 253, 0.25) 0px 0px 0px calc(0.25 * var(--c4-rem,16px)); }
.b-form-tags.disabled { background-color: var(--bs-secondary-bg); }
.b-form-tag.disabled { opacity: 0.75; }
.b-form-tags.focus.is-valid { border-color: rgb(25, 135, 84); box-shadow: rgba(25, 135, 84, 0.25) 0px 0px 0px calc(0.25 * var(--c4-rem,16px)); }
.b-form-tags.focus.is-invalid { border-color: rgb(220, 53, 69); box-shadow: rgba(220, 53, 69, 0.25) 0px 0px 0px calc(0.25 * var(--c4-rem,16px)); }
.b-form-tags .b-form-tags-list { margin-top: calc(-0.25 * var(--c4-rem,16px)); }
.b-form-tags .b-form-tags-list .b-form-tag, .b-form-tags .b-form-tags-list .b-from-tags-field { margin-top: calc(0.25 * var(--c4-rem,16px)); }
.b-form-tags .b-form-tags-list .b-form-tag { padding: 0.25em 0.65em; }
.b-form-tag { margin-right: calc(0.25 * var(--c4-rem,16px)); font-size: 75% !important; font-weight: 400 !important; line-height: 1.5 !important; }
.b-form-tags .b-form-tag + .b-form-tag { margin-left: 0px; }
.b-form-tag > button.b-form-tag-remove { color: inherit; float: none; margin-left: calc(0.25 * var(--c4-rem,16px)); font-size: 75%; line-height: 1; }
.input-group .btn-group:not(:last-child) > :not(:first-child):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.input-group .btn-group:not(:last-child) > :not(:first-child):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.input-group .btn-group:not(:last-child) > :not(:first-child):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.input-group .btn-group:not(:last-child) > :not(:first-child):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.input-group .btn-group:not(:first-child) > :not(:last-child):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.input-group .btn-group:not(:first-child) > :not(:last-child):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.input-group .btn-group:not(:last-child) > :not(:last-child):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.input-group .btn-group:not(:last-child) > :not(:last-child):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.input-group .btn-group:not(:first-child) > :not(:last-child):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.input-group .btn-group:not(:first-child) > :not(:last-child):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.input-group .btn-group:not(:last-child) > :not(:last-child):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.input-group .btn-group:not(:last-child) > :not(:last-child):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.b-pagination-pills .page-item .page-link { line-height: 1; border-radius: calc(50 * var(--c4-rem,16px)) !important; margin-left: calc(0.25 * var(--c4-rem,16px)) !important; }
.b-pagination-pills .page-item:first-child .page-link { margin-left: 0px !important; }
.b-table-stacked-label { font-weight: 700; display: none; }
.table.b-table.b-table-stacked { width: 100%; display: block; }
.table.b-table.b-table-stacked > tfoot, .table.b-table.b-table-stacked > tfoot > tr.b-table-bottom-row, .table.b-table.b-table-stacked > tfoot > tr.b-table-top-row, .table.b-table.b-table-stacked > thead, .table.b-table.b-table-stacked > thead > tr.b-table-bottom-row, .table.b-table.b-table-stacked > thead > tr.b-table-top-row { display: none; }
.table.b-table.b-table-stacked > caption, .table.b-table.b-table-stacked > tbody, .table.b-table.b-table-stacked > tbody > tr, .table.b-table.b-table-stacked > tbody > tr > td, .table.b-table.b-table-stacked > tbody > tr > td > .b-table-stacked-label, .table.b-table.b-table-stacked > tbody > tr > th { display: block; }
.table.b-table.b-table-stacked > tbody > tr > :first-child, .table.b-table.b-table-stacked > tbody > tr > [rowspan] + td, .table.b-table.b-table-stacked > tbody > tr > [rowspan] + th { border-top-width: 3px; }
.table.b-table.b-table-stacked > tbody > tr > [data-label]::before { content: attr(data-label); float: left; text-align: right; overflow-wrap: break-word; width: 40%; margin: 0px; padding: 0px calc(0.5 * var(--c4-rem,16px)) 0px 0px; font-style: normal; font-weight: 700; }
.table.b-table.b-table-stacked > tbody > tr > [data-label]::after { clear: both; content: ""; display: block; }
.table.b-table.b-table-stacked > tbody > tr > [data-label] > div { width: 60%; margin: 0px; padding: 0px 0px 0px calc(0.5 * var(--c4-rem,16px)); display: inline-block; }
@media (max-width: 575.98px) {
  .table.b-table.b-table-stacked-sm { width: 100%; display: block; }
  .table.b-table.b-table-stacked-sm > tfoot, .table.b-table.b-table-stacked-sm > tfoot > tr.b-table-bottom-row, .table.b-table.b-table-stacked-sm > tfoot > tr.b-table-top-row, .table.b-table.b-table-stacked-sm > thead, .table.b-table.b-table-stacked-sm > thead > tr.b-table-bottom-row, .table.b-table.b-table-stacked-sm > thead > tr.b-table-top-row { display: none; }
  .table.b-table.b-table-stacked-sm > caption, .table.b-table.b-table-stacked-sm > tbody, .table.b-table.b-table-stacked-sm > tbody > tr, .table.b-table.b-table-stacked-sm > tbody > tr > td, .table.b-table.b-table-stacked-sm > tbody > tr > td > .b-table-stacked-label, .table.b-table.b-table-stacked-sm > tbody > tr > th { display: block; }
  .table.b-table.b-table-stacked-sm > tbody > tr > :first-child, .table.b-table.b-table-stacked-sm > tbody > tr > [rowspan] + td, .table.b-table.b-table-stacked-sm > tbody > tr > [rowspan] + th { border-top-width: 3px; }
  .table.b-table.b-table-stacked-sm > tbody > tr > [data-label]::before { content: attr(data-label); float: left; text-align: right; overflow-wrap: break-word; width: 40%; margin: 0px; padding: 0px calc(0.5 * var(--c4-rem,16px)) 0px 0px; font-style: normal; font-weight: 700; }
  .table.b-table.b-table-stacked-sm > tbody > tr > [data-label]::after { clear: both; content: ""; display: block; }
  .table.b-table.b-table-stacked-sm > tbody > tr > [data-label] > div { width: 60%; margin: 0px; padding: 0px 0px 0px calc(0.5 * var(--c4-rem,16px)); display: inline-block; }
}
@media (max-width: 767.98px) {
  .table.b-table.b-table-stacked-md { width: 100%; display: block; }
  .table.b-table.b-table-stacked-md > tfoot, .table.b-table.b-table-stacked-md > tfoot > tr.b-table-bottom-row, .table.b-table.b-table-stacked-md > tfoot > tr.b-table-top-row, .table.b-table.b-table-stacked-md > thead, .table.b-table.b-table-stacked-md > thead > tr.b-table-bottom-row, .table.b-table.b-table-stacked-md > thead > tr.b-table-top-row { display: none; }
  .table.b-table.b-table-stacked-md > caption, .table.b-table.b-table-stacked-md > tbody, .table.b-table.b-table-stacked-md > tbody > tr, .table.b-table.b-table-stacked-md > tbody > tr > td, .table.b-table.b-table-stacked-md > tbody > tr > td > .b-table-stacked-label, .table.b-table.b-table-stacked-md > tbody > tr > th { display: block; }
  .table.b-table.b-table-stacked-md > tbody > tr > :first-child, .table.b-table.b-table-stacked-md > tbody > tr > [rowspan] + td, .table.b-table.b-table-stacked-md > tbody > tr > [rowspan] + th { border-top-width: 3px; }
  .table.b-table.b-table-stacked-md > tbody > tr > [data-label]::before { content: attr(data-label); float: left; text-align: right; overflow-wrap: break-word; width: 40%; margin: 0px; padding: 0px calc(0.5 * var(--c4-rem,16px)) 0px 0px; font-style: normal; font-weight: 700; }
  .table.b-table.b-table-stacked-md > tbody > tr > [data-label]::after { clear: both; content: ""; display: block; }
  .table.b-table.b-table-stacked-md > tbody > tr > [data-label] > div { width: 60%; margin: 0px; padding: 0px 0px 0px calc(0.5 * var(--c4-rem,16px)); display: inline-block; }
}
@media (max-width: 991.98px) {
  .table.b-table.b-table-stacked-lg { width: 100%; display: block; }
  .table.b-table.b-table-stacked-lg > tfoot, .table.b-table.b-table-stacked-lg > tfoot > tr.b-table-bottom-row, .table.b-table.b-table-stacked-lg > tfoot > tr.b-table-top-row, .table.b-table.b-table-stacked-lg > thead, .table.b-table.b-table-stacked-lg > thead > tr.b-table-bottom-row, .table.b-table.b-table-stacked-lg > thead > tr.b-table-top-row { display: none; }
  .table.b-table.b-table-stacked-lg > caption, .table.b-table.b-table-stacked-lg > tbody, .table.b-table.b-table-stacked-lg > tbody > tr, .table.b-table.b-table-stacked-lg > tbody > tr > td, .table.b-table.b-table-stacked-lg > tbody > tr > td > .b-table-stacked-label, .table.b-table.b-table-stacked-lg > tbody > tr > th { display: block; }
  .table.b-table.b-table-stacked-lg > tbody > tr > :first-child, .table.b-table.b-table-stacked-lg > tbody > tr > [rowspan] + td, .table.b-table.b-table-stacked-lg > tbody > tr > [rowspan] + th { border-top-width: 3px; }
  .table.b-table.b-table-stacked-lg > tbody > tr > [data-label]::before { content: attr(data-label); float: left; text-align: right; overflow-wrap: break-word; width: 40%; margin: 0px; padding: 0px calc(0.5 * var(--c4-rem,16px)) 0px 0px; font-style: normal; font-weight: 700; }
  .table.b-table.b-table-stacked-lg > tbody > tr > [data-label]::after { clear: both; content: ""; display: block; }
  .table.b-table.b-table-stacked-lg > tbody > tr > [data-label] > div { width: 60%; margin: 0px; padding: 0px 0px 0px calc(0.5 * var(--c4-rem,16px)); display: inline-block; }
}
@media (max-width: 1199.98px) {
  .table.b-table.b-table-stacked-xl { width: 100%; display: block; }
  .table.b-table.b-table-stacked-xl > tfoot, .table.b-table.b-table-stacked-xl > tfoot > tr.b-table-bottom-row, .table.b-table.b-table-stacked-xl > tfoot > tr.b-table-top-row, .table.b-table.b-table-stacked-xl > thead, .table.b-table.b-table-stacked-xl > thead > tr.b-table-bottom-row, .table.b-table.b-table-stacked-xl > thead > tr.b-table-top-row { display: none; }
  .table.b-table.b-table-stacked-xl > caption, .table.b-table.b-table-stacked-xl > tbody, .table.b-table.b-table-stacked-xl > tbody > tr, .table.b-table.b-table-stacked-xl > tbody > tr > td, .table.b-table.b-table-stacked-xl > tbody > tr > td > .b-table-stacked-label, .table.b-table.b-table-stacked-xl > tbody > tr > th { display: block; }
  .table.b-table.b-table-stacked-xl > tbody > tr > :first-child, .table.b-table.b-table-stacked-xl > tbody > tr > [rowspan] + td, .table.b-table.b-table-stacked-xl > tbody > tr > [rowspan] + th { border-top-width: 3px; }
  .table.b-table.b-table-stacked-xl > tbody > tr > [data-label]::before { content: attr(data-label); float: left; text-align: right; overflow-wrap: break-word; width: 40%; margin: 0px; padding: 0px calc(0.5 * var(--c4-rem,16px)) 0px 0px; font-style: normal; font-weight: 700; }
  .table.b-table.b-table-stacked-xl > tbody > tr > [data-label]::after { clear: both; content: ""; display: block; }
  .table.b-table.b-table-stacked-xl > tbody > tr > [data-label] > div { width: 60%; margin: 0px; padding: 0px 0px 0px calc(0.5 * var(--c4-rem,16px)); display: inline-block; }
}
@media (max-width: 1399.98px) {
  .table.b-table.b-table-stacked-xxl { width: 100%; display: block; }
  .table.b-table.b-table-stacked-xxl > tfoot, .table.b-table.b-table-stacked-xxl > tfoot > tr.b-table-bottom-row, .table.b-table.b-table-stacked-xxl > tfoot > tr.b-table-top-row, .table.b-table.b-table-stacked-xxl > thead, .table.b-table.b-table-stacked-xxl > thead > tr.b-table-bottom-row, .table.b-table.b-table-stacked-xxl > thead > tr.b-table-top-row { display: none; }
  .table.b-table.b-table-stacked-xxl > caption, .table.b-table.b-table-stacked-xxl > tbody, .table.b-table.b-table-stacked-xxl > tbody > tr, .table.b-table.b-table-stacked-xxl > tbody > tr > td, .table.b-table.b-table-stacked-xxl > tbody > tr > td > .b-table-stacked-label, .table.b-table.b-table-stacked-xxl > tbody > tr > th { display: block; }
  .table.b-table.b-table-stacked-xxl > tbody > tr > :first-child, .table.b-table.b-table-stacked-xxl > tbody > tr > [rowspan] + td, .table.b-table.b-table-stacked-xxl > tbody > tr > [rowspan] + th { border-top-width: 3px; }
  .table.b-table.b-table-stacked-xxl > tbody > tr > [data-label]::before { content: attr(data-label); float: left; text-align: right; overflow-wrap: break-word; width: 40%; margin: 0px; padding: 0px calc(0.5 * var(--c4-rem,16px)) 0px 0px; font-style: normal; font-weight: 700; }
  .table.b-table.b-table-stacked-xxl > tbody > tr > [data-label]::after { clear: both; content: ""; display: block; }
  .table.b-table.b-table-stacked-xxl > tbody > tr > [data-label] > div { width: 60%; margin: 0px; padding: 0px 0px 0px calc(0.5 * var(--c4-rem,16px)); display: inline-block; }
}
.b-table-sticky-header, .table-responsive, [class*="table-responsive-"] { margin-bottom: calc(1 * var(--c4-rem,16px)); }
.b-table-sticky-header > .table, .table-responsive > .table, [class*="table-responsive-"] > .table { margin-bottom: 0px; }
.b-table-sticky-header { overflow-y: auto; }
@media print {
  .b-table-sticky-header { max-height: none !important; overflow-y: visible !important; }
}
.table.b-table[aria-busy="true"] { opacity: 0.55; }
@supports (position:sticky) {
  .b-table-sticky-header > .table.b-table > thead > tr > th { z-index: 2; position: sticky; top: 0px; }
  .b-table-sticky-header > .table.b-table > tbody > tr > .b-table-sticky-column, .b-table-sticky-header > .table.b-table > tfoot > tr > .b-table-sticky-column, .b-table-sticky-header > .table.b-table > thead > tr > .b-table-sticky-column, .table-responsive > .table.b-table > tbody > tr > .b-table-sticky-column, .table-responsive > .table.b-table > tfoot > tr > .b-table-sticky-column, .table-responsive > .table.b-table > thead > tr > .b-table-sticky-column, [class*="table-responsive-"] > .table.b-table > tbody > tr > .b-table-sticky-column, [class*="table-responsive-"] > .table.b-table > tfoot > tr > .b-table-sticky-column, [class*="table-responsive-"] > .table.b-table > thead > tr > .b-table-sticky-column { position: sticky; left: 0px; }
  .b-table-sticky-header > .table.b-table > thead > tr > .b-table-sticky-column, .table-responsive > .table.b-table > thead > tr > .b-table-sticky-column, [class*="table-responsive-"] > .table.b-table > thead > tr > .b-table-sticky-column { z-index: 5; }
  .b-table-sticky-header > .table.b-table > tbody > tr > .b-table-sticky-column, .b-table-sticky-header > .table.b-table > tfoot > tr > .b-table-sticky-column, .table-responsive > .table.b-table > tbody > tr > .b-table-sticky-column, .table-responsive > .table.b-table > tfoot > tr > .b-table-sticky-column, [class*="table-responsive-"] > .table.b-table > tbody > tr > .b-table-sticky-column, [class*="table-responsive-"] > .table.b-table > tfoot > tr > .b-table-sticky-column { z-index: 2; }
}
.table.b-table > tbody > tr > .table-b-table-default, .table.b-table > tfoot > tr > .table-b-table-default, .table.b-table > thead > tr > .table-b-table-default { color: rgb(33, 37, 41); background-color: rgb(255, 255, 255); }
.b-table.b-table-selectable td, .table th.b-table-sortable-column { cursor: pointer; }
.b-table.b-table-busy .b-table-busy-slot > td { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px; }
.b-table.b-table-fixed { table-layout: fixed; }
.b-table.b-table-no-border-collapse { border-collapse: separate; border-spacing: 0px; }
input[type="range"].is-valid::-webkit-slider-thumb { background-color: rgb(25, 135, 84); }
input[type="range"].is-invalid::-webkit-slider-thumb { background-color: rgb(220, 53, 69); }
input[type="range"].is-valid::-webkit-slider-runnable-track { background-color: rgb(132, 232, 186); }
input[type="range"].is-invalid::-webkit-slider-runnable-track { background-color: rgb(250, 227, 229); }
input[type="file"].form-control-input-file-hide-button::-webkit-file-upload-button { display: none; }
input[type="file"].form-control-input-file-hide-button::file-selector-button { display: none; }
.b-form-spinbutton { text-align: center; background-image: none; padding: 0px; overflow: hidden; }
.b-form-spinbutton[dir="rtl"]:not(.flex-column), [dir="rtl"] .b-form-spinbutton:not(.flex-column) { flex-direction: row-reverse; }
.b-form-spinbutton output { font-size: inherit; background-color: rgba(0, 0, 0, 0); border: 0px; outline: 0px; width: auto; margin: 0px; padding: 0px calc(0.25 * var(--c4-rem,16px)); }
.b-form-spinbutton output > bdi, .b-form-spinbutton output > div { min-width: 2.25em; height: 1.5em; display: block; }
.b-form-spinbutton.flex-column { width: auto; height: auto; }
.b-form-spinbutton.flex-column output { margin: 0px calc(0.25 * var(--c4-rem,16px)); padding: calc(0.25 * var(--c4-rem,16px)) 0px; }
.b-form-spinbutton.d-inline-flex:not(.flex-column) { width: auto; }
.b-form-spinbutton .btn { line-height: 1; box-shadow: none !important; }
.b-form-spinbutton .btn:disabled, .b-form-spinbutton.disabled { pointer-events: none; }
.b-form-spinbutton .btn:hover:not(:disabled) > div > .b-icon { transform: scale(1.25); }
.b-form-spinbutton.disabled, .b-form-spinbutton.readonly { background-color: var(--bs-secondary-bg); }
.b-form-spinbutton:not(.form-control-sm):not(.form-control-lg):not(.flex-column) { height: calc(1.5em + calc(.5 * var(--c4-rem,16px)) + var(--bs-border-width) * 2); }
.alert .progress .progress-bar, .toast .progress .progress-bar { --bs-progress-bar-transition: none; }
.alert .btn-close-custom { margin-bottom: auto; position: relative; }
.bs-popover-auto[data-popper-placement^="bottom"] .popover-arrow:has(+ div > .popover-header)::after { --bs-popover-bg: var(--bs-popover-header-bg); }
.bs-popover-bottom .popover-arrow:has(+ div > .popover-header)::after { --bs-popover-bg: var(--bs-popover-header-bg); }
.toast:not(.show) { opacity: 1; }
.b-list-enter-from, .b-list-leave-to, .fade-enter-from, .fade-leave-to, .toast.fade:not(.show) { opacity: 0; }
.toast .btn-close-custom { margin: var(--bs-toast-padding-x) var(--bs-toast-padding-x) auto; }
.b-list-enter-active, .b-list-leave-active, .b-list-move { transition: 0.5s cubic-bezier(0.55, 0, 0.1, 1); }
.b-list-leave-active { position: fixed; }
.container, .container-fluid { display: block; }
.input-group > .form-floating:not(:first-child) > :not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; margin-left: 0px; }
.input-group:not(.has-validation) > .form-floating:not(:last-child) > :not(.dropdown-toggle):not(.dropdown-menu) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.dropdown-toggle.dropdown-toggle-no-caret::after, .dropdown-toggle.dropdown-toggle-no-caret::before { display: none !important; }
.dropdown-menu.fade.showing { display: block !important; }
.bv-no-focus-ring:focus { outline: none; }
@media (max-width: 575.98px) {
  .bv-d-sm-down-none { display: none !important; }
}
@media (max-width: 767.98px) {
  .bv-d-md-down-none { display: none !important; }
}
@media (max-width: 991.98px) {
  .bv-d-lg-down-none { display: none !important; }
}
@media (max-width: 1199.98px) {
  .bv-d-xl-down-none { display: none !important; }
}
@media (max-width: 1399.98px) {
  .bv-d-xxl-down-none { display: none !important; }
}
.fade-enter-active, .fade-leave-active { transition: opacity 0.25s linear; }
.no-transition { transition: none !important; }
.c4-html { --bs-modal-zindex: 1055; --bs-toast-max-width: 350px; }
.header-search-result[data-v-5eae5100] { z-index: 1000; background-color: rgb(18, 31, 62); border-radius: 12px; width: calc(100% - 4px); padding: 16px; position: absolute; top: calc(100% + 4px); left: 50%; transform: translate(-50%); flex-direction: column !important; display: flex !important; }
.header-search-result .header-search-tabs[data-v-5eae5100] { height: 48px; padding: 4px; }
.header-search-result__search-result.is-loading[data-v-5eae5100] { min-height: 276px; position: relative; }
.header-search-result__search-result.is-loading.game[data-v-5eae5100] { min-height: 321px; }
.header-search-result__title[data-v-5eae5100] { color: rgb(173, 183, 204); margin-bottom: 8px; font-family: "Inter"; font-size: 16px; font-weight: 600; line-height: 24px; }
.header-search-result__title span[data-v-5eae5100] { color: rgb(255, 255, 255); overflow-wrap: break-word; }
.header-search-result .popular-title[data-v-5eae5100] { margin-top: 8px; }
.header-search-result[data-v-5eae5100] .header-search-result__button { margin-top: 8px; background-color: rgb(19, 150, 248) !important; border-radius: 8px !important; width: 100% !important; height: 40px !important; }
.header-search[data-v-635f68a9] { margin-left: 45px; position: relative; }
.header-search[data-v-635f68a9] .base-input input { width: 446px; height: 48px; box-shadow: none; color: rgb(173, 183, 204); background: rgb(18, 31, 62); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 12px; padding: 12px 40px 12px 12px; font-family: "Inter"; font-size: 14px; font-weight: 400; line-height: 20px; }
.header-search[data-v-635f68a9] .base-input input::placeholder { color: rgb(173, 183, 204); }
.header-search.logged-in[data-v-635f68a9] .base-input input { width: 390px; }
.header-search.logged-in[data-v-635f68a9] .header-search-result { min-width: 442px; left: 0px; transform: translate(0px); }
.header-search .icon-close[data-v-635f68a9], .header-search .icon-search[data-v-635f68a9] { cursor: pointer; position: absolute; top: 50%; right: 12px; transform: translateY(-50%); }
.header-search .icon-close[data-v-635f68a9]::before, .header-search .icon-search[data-v-635f68a9]::before { color: rgb(19, 150, 248); font-size: 20px; }
.header-menu__item-container[data-v-b879d13a]::after { pointer-events: none; z-index: 2; content: ""; background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5)); width: 120px; height: 48px; animation: 2s linear 0s infinite normal none running shineBtn; display: block; position: absolute; top: 0px; left: -100%; transform: skew(-25deg); }
.header-menu__item-container .icon.icon-event[data-v-b879d13a] { animation: 2s linear -0.5s infinite normal none running shake-b879d13a; }
.header-menu__item-dropdown[data-v-b879d13a] { opacity: 0; z-index: 1; user-select: none; pointer-events: none; background: rgb(18, 31, 62); border-radius: 16px; width: 340px; height: max-content; padding: 12px; position: absolute; top: 100%; right: 0px; transform: translateY(6px); }
.header-menu__item-dropdown[data-v-b879d13a]::after { content: ""; z-index: -1; background: 0px 0px; width: 100%; height: 100%; position: absolute; top: -8px; left: 0px; }
.header-menu__item-dropdown-item[data-v-b879d13a] { color: rgb(173, 183, 204); cursor: pointer; background: rgb(0, 11, 39); border-bottom: 1px solid rgb(42, 56, 99); align-items: center; gap: 8px; width: 100%; height: 56px; padding: 12px 8px; display: flex; position: relative; overflow: hidden; }
.header-menu__item-dropdown-item.minigame .header-menu__item-dropdown-item-join-text[data-v-b879d13a] { display: none; }
.header-menu__item-dropdown-item .availability-container[data-v-b879d13a] { color: rgb(255, 255, 255); z-index: 1; justify-content: center; align-items: center; gap: 8px; margin-left: auto; margin-right: 0px; display: flex; }
.header-menu__item-dropdown-item-join-text[data-v-b879d13a] { background: rgb(4, 119, 30); border-radius: 4px; justify-content: center; align-items: center; padding: 4px 8px; font-family: "Inter"; font-size: 12px; font-weight: 400; line-height: 16px; display: flex; }
.header-menu__item-dropdown-item-availability[data-v-b879d13a], .header-menu__item-dropdown-item-join-text.without-text[data-v-b879d13a] { border-radius: 8px; width: 32px; height: 32px; font-family: "Inter"; font-size: 12px; font-weight: 600; line-height: 16px; }
.header-menu__item-dropdown-item-availability[data-v-b879d13a] { background: rgb(30, 45, 81); justify-content: center; align-items: center; display: flex; position: relative; overflow: hidden; }
.header-menu__item-dropdown-item-availability .loading-availability[data-v-b879d13a] { z-index: 10; background: linear-gradient(110deg, rgb(18, 31, 62) 8%, rgb(40, 49, 69) 18%, rgb(18, 31, 62) 43%) 0px 0px / 200% 400%; width: 100%; height: 100%; animation: 1.5s linear 0s infinite normal none running skeleton-shine; position: absolute; top: 0px; left: 0px; }
.header-menu__item-dropdown-item-img[data-v-b879d13a] { z-index: 1; width: 32px; height: 32px; }
.header-menu__item-dropdown-item-name[data-v-b879d13a] { text-transform: uppercase; z-index: 1; font-family: "Inter"; font-size: 16px; font-weight: 600; line-height: 24px; }
.header-menu__item-dropdown-item[data-v-b879d13a]::before { content: ""; opacity: 0; z-index: 0; background: linear-gradient(90deg, rgb(0, 105, 203), rgb(0, 198, 211)); width: 100%; height: 100%; transition: 0.2s; position: absolute; top: 0px; left: 0px; }
.header-menu__item-dropdown-item.router-link-active[data-v-b879d13a], .header-menu__item-dropdown-item[data-v-b879d13a]:hover { color: rgb(255, 255, 255); }
.header-menu__item-dropdown-item[data-v-b879d13a]:hover::before { opacity: 1; }
.header-menu__item-dropdown-item.router-link-active[data-v-b879d13a]::before { opacity: 1; background: linear-gradient(90deg, rgb(0, 105, 203), rgb(0, 198, 211)); }
.header-menu__item-dropdown-item.router-link-active[data-v-b879d13a]:hover::before { background: linear-gradient(90deg, rgb(0, 105, 203), rgb(0, 198, 211)); }
.header-menu__item-dropdown-item[data-v-b879d13a]:nth-child(2) { border-radius: 8px 8px 0px 0px; }
.header-menu__item-dropdown-item[data-v-b879d13a]:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; border-radius: 0px 0px 8px 8px; }
.header-menu__item-dropdown.without-loyalty .header-menu__item-dropdown-item[data-v-b879d13a]:first-child { border-radius: 8px 8px 0px 0px; }
.header-menu__item-dropdown.without-loyalty .header-menu__item-dropdown-item[data-v-b879d13a]:nth-child(2) { border-radius: 0px; }
.header-menu__item-dropdown-loyalty[data-v-b879d13a] { cursor: pointer; justify-content: center; align-items: center; width: 100%; height: auto; margin-bottom: 10px; display: flex; }
.header-menu__item-dropdown-loyalty .entry-point[data-v-b879d13a] { width: 100%; }
.header-menu__item-dropdown-loyalty .entry-point[data-v-b879d13a]:has(.entry-point__text) { justify-content: center; align-items: center; height: 76px; display: flex; position: relative; }
.header-menu__item-dropdown-loyalty .entry-point .entry-point__text[data-v-b879d13a] { z-index: 3; width: 164px; height: auto; transition: 0.2s; position: absolute; left: 12px; }
.header-menu__item-dropdown-loyalty .entry-point .entry-point__img[data-v-b879d13a] { z-index: 1; border-radius: 12px; width: 100%; height: auto; transition: 0.2s; position: relative; overflow: hidden; }
.header-menu__item-dropdown-loyalty .entry-point:hover .entry-point__text[data-v-b879d13a] { transform: scale(1.05) translate(3px); }
.header-menu__item-dropdown-loyalty .entry-point:hover .entry-point__bg[data-v-b879d13a]::before { transform: rotate(180deg) scale(1.3); }
.header-menu__item-dropdown-loyalty .entry-point .entry-point__bg[data-v-b879d13a] { z-index: 0; border-radius: 12px; justify-content: center; align-items: center; width: calc(100% + 2px); height: calc(100% + 2px); transition: 0.3s; display: flex; position: absolute; top: -1px; left: -1px; overflow: hidden; }
.header-menu__item-dropdown-loyalty .entry-point .entry-point__bg[data-v-b879d13a]::before { content: ""; z-index: 0; background: linear-gradient(90deg, rgb(19, 150, 248), rgb(251, 67, 39)); width: 318px; height: 318px; transition: 0.3s; position: absolute; }
.header-menu__item-dropdown-loyalty .entry-point__rank[data-v-b879d13a] { cursor: pointer; border-radius: 12px; gap: 8px; width: 100%; height: 115px; position: relative; overflow: hidden; flex-direction: column !important; justify-content: center !important; align-items: center !important; display: flex !important; }
.header-menu__item-dropdown-loyalty .entry-point__rank[data-v-b879d13a]::before { content: ""; aspect-ratio: 1 / 1; z-index: 0; background: linear-gradient(90deg, rgb(19, 150, 248), rgb(251, 67, 39)); width: 100%; transition: 0.5s; position: absolute; left: 0px; transform: rotate(0deg) scale(1.1); }
.header-menu__item-dropdown-loyalty .entry-point__rank[data-v-b879d13a]:hover::before { transform: rotate(180deg) scale(1.3); }
.header-menu__item-dropdown-loyalty .entry-point__rank:hover .entry-point__rank-badge[data-v-b879d13a] { transform: scale(1.2) translate(-1px, 2px); }
.header-menu__item-dropdown-loyalty .entry-point__rank:hover .entry-point__rank-badge-bg[data-v-b879d13a] { transition: transform 0.3s; transform: scale(1.2) translate(-1px, 2px); }
.header-menu__item-dropdown-loyalty .entry-point__rank .entry-point__rank-content[data-v-b879d13a] { z-index: 1; align-items: center; gap: 8px; width: 100%; padding-left: 11px; font-family: "Inter"; font-size: 16px; font-weight: 600; line-height: 24px; display: flex; position: relative; }
.header-menu__item-dropdown-loyalty .entry-point__rank .entry-point__rank-content .entry-point__rank-icon[data-v-b879d13a] { flex: 0 0 56px; width: 56px; height: 56px; position: relative; }
.header-menu__item-dropdown-loyalty .entry-point__rank .entry-point__rank-content .entry-point__rank-icon img[data-v-b879d13a] { object-fit: contain; width: 100%; height: 100%; display: block; }
.header-menu__item-dropdown-loyalty .entry-point__rank .entry-point__rank-content .content[data-v-b879d13a] { flex-direction: column !important; align-items: flex-start !important; display: flex !important; }
.header-menu__item-dropdown-loyalty .entry-point__rank .entry-point__rank-content .content__title[data-v-b879d13a] { color: rgb(173, 183, 204); font-family: "Inter"; font-size: 12px; font-weight: 600; line-height: 16px; }
.header-menu__item-dropdown-loyalty .entry-point__rank .entry-point__rank-content .content__level[data-v-b879d13a] { color: rgb(255, 255, 255); font-family: "Inter"; font-size: 14px; font-weight: 600; line-height: 20px; }
.header-menu__item-dropdown-loyalty .entry-point__rank .entry-point__rank-content .content__level span[data-v-b879d13a] { text-transform: uppercase; }
.header-menu__item-dropdown-loyalty .entry-point__rank .entry-point__rank-content .content__point[data-v-b879d13a] { background: linear-gradient(rgb(250, 190, 83) 26.5%, rgb(250, 237, 157) 59.5%, rgb(250, 149, 44)) text; -webkit-text-fill-color: transparent; justify-content: center; align-items: center; gap: 4px; font-family: "Inter"; font-size: 12px; font-weight: 600; line-height: 16px; display: flex; }
.header-menu__item-dropdown-loyalty .entry-point__rank .entry-point__rank-content .content__point img[data-v-b879d13a] { width: 20px; height: 20px; }
.header-menu__item-dropdown-loyalty .entry-point__rank .entry-point__rank-content img[data-v-b879d13a] { background: radial-gradient(50% 50%, rgb(160, 24, 252), rgba(129, 14, 150, 0)); width: 56px; height: 56px; }
.header-menu__item-dropdown-loyalty .entry-point__rank .entry-point__rank-content img.bronze[data-v-b879d13a] { background: radial-gradient(50% 50%, rgb(252, 179, 24), rgba(150, 93, 14, 0)); }
.header-menu__item-dropdown-loyalty .entry-point__rank .entry-point__rank-content img.silver[data-v-b879d13a] { background: radial-gradient(50% 50%, rgb(24, 157, 252), rgba(14, 93, 150, 0)); }
.header-menu__item-dropdown-loyalty .entry-point__rank .entry-point__rank-content img.gold[data-v-b879d13a] { background: radial-gradient(50% 50%, rgb(255, 213, 0), rgba(255, 199, 108, 0)); }
.header-menu__item-dropdown-loyalty .entry-point__rank .entry-point__rank-content img.diamond[data-v-b879d13a] { background: radial-gradient(50% 50%, rgb(252, 24, 130), rgba(231, 27, 129, 0)); }
.header-menu__item-dropdown-loyalty .entry-point__rank .entry-point__current-level[data-v-b879d13a] { z-index: 1; gap: 4px; width: 100%; padding: 0px 13px; position: relative; top: -2px; flex-direction: column !important; justify-content: center !important; align-items: center !important; display: flex !important; }
.header-menu__item-dropdown-loyalty .entry-point__rank .entry-point__current-level-texts[data-v-b879d13a] { justify-content: space-between; align-items: center; width: 100%; display: flex; }
.header-menu__item-dropdown-loyalty .entry-point__rank .entry-point__current-level-texts .text[data-v-b879d13a] { color: rgb(251, 193, 108); text-transform: uppercase; font-size: 12px; font-weight: 700; }
.header-menu__item-dropdown-loyalty .entry-point__rank .entry-point__current-level-texts .text-current[data-v-b879d13a] { text-transform: uppercase; }
.header-menu__item-dropdown-loyalty .entry-point__rank .entry-point__current-level-texts.next-tier[data-v-b879d13a] { justify-content: flex-end; position: relative; top: -4px; }
.header-menu__item-dropdown-loyalty .entry-point__rank .entry-point__current-level .current-level__progress[data-v-b879d13a] { background-color: rgb(30, 51, 104); border-radius: 99px; width: 100%; height: 7px; position: relative; }
.header-menu__item-dropdown-loyalty .entry-point__rank .entry-point__current-level .current-level__progress .progress-value[data-v-b879d13a] { background-color: rgb(0, 194, 36); border-radius: 99px; min-width: 6px; height: 7px; }
.header-menu__item-dropdown-loyalty .entry-point__rank .entry-point__current-level .current-level__progress .progress-value.zero[data-v-b879d13a] { min-width: 0px; }
.header-menu__item-dropdown-loyalty .entry-point__rank .entry-point__current-level .current-level__progress .current-level__next-icon[data-v-b879d13a] { object-fit: contain; height: 24px; position: absolute; top: 50%; right: -8px; transform: translateY(-50%); }
.header-menu__item-dropdown-loyalty .entry-point__rank .entry-point__rank-bg[data-v-b879d13a] { z-index: 0; user-select: none; pointer-events: none; background: linear-gradient(rgb(0, 31, 92), rgb(0, 11, 39) 82.5%); border-radius: 12px; justify-content: center; align-items: center; width: calc(100% - 2px); height: calc(100% - 2px); display: flex; position: absolute; top: 1px; right: 1px; overflow: hidden; }
.header-menu__item-dropdown-loyalty .entry-point__rank .entry-point__rank-badge[data-v-b879d13a] { z-index: 2; height: 85px; transition: 0.3s; position: absolute; top: 3.8px; right: -9px; }
.header-menu__item-dropdown-loyalty .entry-point__rank .entry-point__rank-badge-bg[data-v-b879d13a] { z-index: 1; filter: blur(8px); mix-blend-mode: screen; width: 347px; max-width: none; height: auto; transition: transform; position: absolute; top: -137px; left: 111px; }
.header-menu__item-dropdown.opened[data-v-b879d13a] { opacity: 1; pointer-events: auto; }
@supports selector(:has(*)) {
  [data-v-b879d13a] .entry-point__rank-icon:has(img[src*="icon-tier-0.png"])::before { content: ""; pointer-events: none; z-index: 2; background-image: linear-gradient(115deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 28%, rgba(255, 255, 255, 0.65) 68%, rgba(255, 255, 255, 0) 69%, rgba(255, 255, 255, 0)); background-position: 160% 0px; background-repeat: no-repeat; background-size: 200% 100%; animation: 2s linear 0s infinite normal none running loyaltyCardShine; position: absolute; inset: 0px; mask-image: url("https://ssv88.co/wp-content/uploads/2026/11/icon-tier-0.webp"); mask-position: 50% center; mask-size: contain; mask-repeat: no-repeat; mask-mode: alpha; }
  [data-v-b879d13a] .entry-point__rank-icon:has(img[src*="icon-tier-1.png"])::before { content: ""; pointer-events: none; z-index: 2; background-image: linear-gradient(115deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 28%, rgba(255, 255, 255, 0.65) 68%, rgba(255, 255, 255, 0) 69%, rgba(255, 255, 255, 0)); background-position: 160% 0px; background-repeat: no-repeat; background-size: 200% 100%; animation: 2s linear 0s infinite normal none running loyaltyCardShine; position: absolute; inset: 0px; mask-image: url("https://ssv88.co/wp-content/uploads/2026/11/icon-tier-1.webp"); mask-position: 50% center; mask-size: contain; mask-repeat: no-repeat; mask-mode: alpha; }
  [data-v-b879d13a] .entry-point__rank-icon:has(img[src*="icon-tier-2.png"])::before { content: ""; pointer-events: none; z-index: 2; background-image: linear-gradient(115deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 28%, rgba(255, 255, 255, 0.65) 68%, rgba(255, 255, 255, 0) 69%, rgba(255, 255, 255, 0)); background-position: 160% 0px; background-repeat: no-repeat; background-size: 200% 100%; animation: 2s linear 0s infinite normal none running loyaltyCardShine; position: absolute; inset: 0px; mask-image: url("https://ssv88.co/wp-content/uploads/2026/11/icon-tier-2.webp"); mask-position: 50% center; mask-size: contain; mask-repeat: no-repeat; mask-mode: alpha; }
  [data-v-b879d13a] .entry-point__rank-icon:has(img[src*="icon-tier-3.png"])::before { content: ""; pointer-events: none; z-index: 2; background-image: linear-gradient(115deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 28%, rgba(255, 255, 255, 0.65) 68%, rgba(255, 255, 255, 0) 69%, rgba(255, 255, 255, 0)); background-position: 160% 0px; background-repeat: no-repeat; background-size: 200% 100%; animation: 2s linear 0s infinite normal none running loyaltyCardShine; position: absolute; inset: 0px; mask-image: url("https://ssv88.co/wp-content/uploads/2026/11/icon-tier-3.webp"); mask-position: 50% center; mask-size: contain; mask-repeat: no-repeat; mask-mode: alpha; }
  [data-v-b879d13a] .entry-point__rank-icon:has(img[src*="icon-tier-4.png"])::before { content: ""; pointer-events: none; z-index: 2; background-image: linear-gradient(115deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 28%, rgba(255, 255, 255, 0.65) 68%, rgba(255, 255, 255, 0) 69%, rgba(255, 255, 255, 0)); background-position: 160% 0px; background-repeat: no-repeat; background-size: 200% 100%; animation: 2s linear 0s infinite normal none running loyaltyCardShine; position: absolute; inset: 0px; mask-image: url("https://ssv88.co/wp-content/uploads/2026/11/icon-tier-4.webp"); mask-position: 50% center; mask-size: contain; mask-repeat: no-repeat; mask-mode: alpha; }
  [data-v-b879d13a] .entry-point__rank-icon:has(img[src*="icon-tier-5.png"])::before { content: ""; pointer-events: none; z-index: 2; background-image: linear-gradient(115deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 28%, rgba(255, 255, 255, 0.65) 68%, rgba(255, 255, 255, 0) 69%, rgba(255, 255, 255, 0)); background-position: 160% 0px; background-repeat: no-repeat; background-size: 200% 100%; animation: 2s linear 0s infinite normal none running loyaltyCardShine; position: absolute; inset: 0px; mask-image: url("https://ssv88.co/wp-content/uploads/2026/11/icon-tier-5.webp"); mask-position: 50% center; mask-size: contain; mask-repeat: no-repeat; mask-mode: alpha; }
}
@keyframes shake-b879d13a { 
  0%, 24%, 100% { transform: rotate(0deg); }
  15%, 3% { transform: rotate(-12deg); }
  21%, 9% { transform: rotate(12deg); }
}
.header-menu[data-v-4c93c12c] { align-items: center; gap: 16px; display: flex; }
.header-menu[data-v-4c93c12c] .header-menu__item { background: linear-gradient(74grad, rgb(0, 105, 203) 10.97%, rgb(0, 198, 211) 96.05%); border-radius: 12px; justify-content: center; align-items: center; width: 120px; height: 48px; padding: 1px; display: flex; position: relative; overflow: visible; }
.header-menu[data-v-4c93c12c] .header-menu__item .header-menu__item-container { color: rgb(255, 255, 255); cursor: pointer; background: linear-gradient(rgb(4, 23, 70), rgb(1, 15, 50) 82.5%); border-radius: 12px; justify-content: center; align-items: center; gap: 4px; width: 100%; height: 100%; display: flex; position: relative; overflow: hidden; }
.header-menu[data-v-4c93c12c] .header-menu__item .header-menu__item-container::before { content: ""; opacity: 0; z-index: 0; background: linear-gradient(rgb(0, 105, 203), rgb(0, 11, 39) 82.5%); border-radius: 12px; width: 100%; height: 100%; transition: 0.2s; position: absolute; top: 0px; left: 0px; }
.header-menu[data-v-4c93c12c] .header-menu__item .header-menu__item-container:hover::before { opacity: 1; }
.header-menu[data-v-4c93c12c] .header-menu__item .header-menu__item-container .icon { z-index: 1; font-size: 28px; }
.header-menu[data-v-4c93c12c] .header-menu__item .header-menu__item-container .icon::before { color: rgb(19, 150, 248); }
.header-menu[data-v-4c93c12c] .header-menu__item .header-menu__item-container .header-menu__item-name { z-index: 1; font-family: "Inter"; font-size: 14px; font-weight: 600; line-height: 20px; }
.header-user[data-v-caa81e83] { align-items: center; gap: 16px; margin-left: auto; display: flex; }
.header-user__content[data-v-caa81e83] { position: relative; }
.header-user__content .info[data-v-caa81e83] { cursor: pointer; text-align: right; min-width: 115px; display: flex; }
.header-user__content .name[data-v-caa81e83] { text-overflow: ellipsis; -webkit-line-clamp: 1; word-break: break-word; color: rgb(19, 150, 248); -webkit-box-orient: vertical; max-width: 60px; margin-left: auto; font-family: "Inter"; font-size: 14px; font-weight: 600; line-height: 20px; display: -webkit-box; overflow: hidden; }
.header-user__content .balance[data-v-caa81e83] { font-family: "Inter"; font-size: 16px; font-weight: 700; line-height: 24px; }
.header-user__content .user-info-avatar[data-v-caa81e83] { margin-left: 8px; position: relative; }
.header-user__content .user-info-avatar-tooltip[data-v-caa81e83] { opacity: 0; z-index: 11; visibility: hidden; background: rgb(30, 45, 81); border-radius: 4px; width: max-content; padding: 4px; font-family: "Inter"; font-size: 14px; font-weight: 400; line-height: 20px; transition: 0.3s; position: absolute; bottom: -34px; left: 50%; transform: translate(-50%); }
.header-user__content .user-info-avatar-tooltip[data-v-caa81e83]::before { content: ""; border-bottom: 6px solid rgb(30, 45, 81); border-left: 6px solid rgba(0, 0, 0, 0); border-right: 6px solid rgba(0, 0, 0, 0); position: absolute; top: -6px; left: 50%; transform: translate(-50%); }
.header-user__content .user-info-avatar:hover .user-info-avatar-tooltip[data-v-caa81e83], .header-user__content.active .header-user__list[data-v-caa81e83], .header-user__content.active .overlay[data-v-caa81e83] { opacity: 1; visibility: visible; }
.header-user__content .user-info-avatar_content[data-v-caa81e83] { background: linear-gradient(74grad, rgb(0, 105, 203) 10.97%, rgb(0, 198, 211) 96.05%); border-radius: 12px; width: 48px; height: 48px; padding: 1px; position: relative; }
.header-user__content .user-info-avatar_content .icon-user-info[data-v-caa81e83] { background: linear-gradient(rgb(4, 23, 70), rgb(0, 11, 39) 82.5%); border-radius: 12px; justify-content: center; align-items: center; font-size: 30px; transition: 0.2s; display: flex; position: absolute; inset: 1px; }
.header-user__content .user-info-avatar_content .icon-user-info[data-v-caa81e83]:hover, .header-user__content.active .user-info-avatar_content .icon-user-info[data-v-caa81e83] { background: linear-gradient(rgb(0, 105, 203), rgb(0, 11, 39) 82.5%); }
.header-user__content .user-info-avatar_content .icon-user-info[data-v-caa81e83]::before { filter: brightness(0) saturate() invert(46%) sepia(93%) saturate(1720%) hue-rotate(186deg) brightness(97%) contrast(92%); }
.header-user__content.active .overlay[data-v-caa81e83] { pointer-events: auto; }
.header-user__content.active .user-info-avatar_content .icon-user-info[data-v-caa81e83]::before { filter: none; }
.header-user .base-button.size--large[data-v-caa81e83] { border-radius: 12px; width: 120px; height: 48px; }
.header-user__list[data-v-caa81e83] { opacity: 0; visibility: hidden; z-index: 1; background-color: rgb(18, 31, 62); border-radius: 8px; width: 300px; min-height: 372px; padding: 12px; transition: 0.3s; position: absolute; top: 55px; right: 0px; box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 10px; flex-direction: column !important; display: flex !important; }
.header-user__item[data-v-caa81e83] { cursor: pointer; color: rgb(173, 183, 204); background: rgb(0, 11, 39); align-items: center; gap: 12px; padding: 12px 8px; font-family: "Inter"; font-size: 16px; font-weight: 600; line-height: 24px; display: flex; position: relative; }
.header-user__item[data-v-caa81e83]::after { content: ""; background-color: rgb(42, 56, 99); width: 100%; height: 1px; position: absolute; bottom: 0px; left: 0px; }
.header-user__item[data-v-caa81e83]:first-child { border-radius: 8px 8px 0px 0px; }
.header-user__item[data-v-caa81e83]:nth-last-child(2) { border-radius: 0px 0px 8px 8px; }
.header-user__item[data-v-caa81e83]:last-child::after, .header-user__item[data-v-caa81e83]:nth-last-child(2)::after { content: none; }
.header-user__item[data-v-caa81e83]:last-child { border-radius: 8px; margin-top: 12px; }
.header-user__item span[data-v-caa81e83] { font-size: 32px; }
.header-user__item span[data-v-caa81e83]::before { color: rgb(173, 183, 204); }
.header-user__item[data-v-caa81e83]:hover { color: rgb(255, 255, 255); background: linear-gradient(90deg, rgb(0, 105, 203), rgb(0, 198, 211)); }
.header-user__item:hover span[data-v-caa81e83]::before { color: rgb(255, 255, 255); }
.header-user .overlay[data-v-caa81e83] { opacity: 0; visibility: hidden; pointer-events: none; background-color: rgba(0, 0, 0, 0.8); width: 100%; height: calc(-80px + 100vh); transition: 0.3s; position: fixed; top: 80px; left: 0px; }
.notification[data-v-aafb485e] { min-width: 48px; }
.notification__item[data-v-aafb485e] { cursor: pointer; position: relative; }
.notification__item img[data-v-aafb485e] { width: 48px; height: 48px; }
.notification__item-tooltip[data-v-aafb485e] { opacity: 0; z-index: 11; visibility: hidden; background: rgb(30, 45, 81); border-radius: 4px; width: max-content; padding: 4px; font-family: "Inter"; font-size: 14px; font-weight: 400; line-height: 20px; transition: 0.3s; position: absolute; bottom: -34px; left: 50%; transform: translate(-50%); }
.notification__item-tooltip[data-v-aafb485e]::before { content: ""; border-bottom: 6px solid rgb(30, 45, 81); border-left: 6px solid rgba(0, 0, 0, 0); border-right: 6px solid rgba(0, 0, 0, 0); position: absolute; top: -6px; left: 50%; transform: translate(-50%); }
.notification__item:hover .notification__item-tooltip[data-v-aafb485e] { opacity: 1; visibility: visible; }
.notification .content .overlay[data-v-aafb485e] { background: rgba(0, 0, 0, 0.7); width: 100vw; height: calc(-72px + 100vh); position: fixed; top: 72px; left: 0px; }
.notification .content .notification-wrapper .desktop[data-v-aafb485e] { border-radius: initial; height: auto; max-height: none; position: static; }
.notification .content .notification-wrapper[data-v-aafb485e] { z-index: 10; background-color: rgb(18, 31, 62); border-radius: 8px; width: 420px; height: calc(-150px + 100vh); max-height: 750px; position: absolute; top: 72px; right: calc(50% - 640px); box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px; flex-direction: column !important; display: flex !important; }
.notification .content .notification-wrapper .header-container[data-v-aafb485e] { background: linear-gradient(1turn, rgb(18, 31, 62), rgb(30, 51, 104)); border-radius: 8px 8px 0px 0px; justify-content: center; align-items: center; gap: 12px; height: 52px; padding: 0px 16px; display: flex; }
.notification .content .notification-wrapper .header-container .header[data-v-aafb485e] { justify-content: space-between; align-items: center; gap: 10px; width: 100%; height: 52px; display: flex; }
.notification .content .notification-wrapper .header-container .header p[data-v-aafb485e] { flex: 1 1 0%; font-family: "Inter"; font-size: 24px; font-weight: 700; line-height: 28px; }
.notification .content .notification-wrapper .header-container .header .mark-all[data-v-aafb485e] { position: relative; }
.notification .content .notification-wrapper .header-container .header .mark-all .icon-check-1[data-v-aafb485e] { cursor: pointer; font-size: 24px; }
.notification .content .notification-wrapper .header-container .header .mark-all .tooltip[data-v-aafb485e] { visibility: hidden; opacity: 0; background-color: rgb(10, 83, 136); border-radius: 4px; width: 179px; padding: 8px 12px; transition: 0.3s; position: absolute; top: -40px; right: -8px; }
.notification .content .notification-wrapper .header-container .header .mark-all .tooltip p[data-v-aafb485e] { color: rgb(255, 255, 255); font-family: "Inter"; font-size: 14px; font-weight: 400; line-height: 20px; position: relative; }
.notification .content .notification-wrapper .header-container .header .mark-all .tooltip p .icon-arrow-tooltip[data-v-aafb485e] { background: url("data:image/svg+xml,%3Csvg width=%2210%22 height=%228%22 viewBox=%220 0 10 8%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E %3Cpath d=%22M4.13397 7.5C4.51887 8.16667 5.48113 8.16667 5.86603 7.5L9.33013 1.5C9.71503 0.833334 9.2339 0 8.4641 0H1.5359C0.766098 0 0.284973 0.833333 0.669873 1.5L4.13397 7.5Z%22 fill=%22%230A5388%22/%3E %3C/svg%3E") 0px 0px / contain no-repeat; width: 12px; height: 12px; position: absolute; top: 23px; right: 2px; }
.notification .content .notification-wrapper .header-container .header .mark-all[data-v-aafb485e]:not(.disabled):hover { color: rgb(66, 171, 249); }
.notification .content .notification-wrapper .header-container .header .mark-all.disabled .icon-check-1[data-v-aafb485e] { color: rgba(255, 255, 255, 0.2); cursor: default; }
.notification .content .notification-wrapper .header-container .header .mark-all:hover .tooltip[data-v-aafb485e] { visibility: visible; opacity: 1; }
.notification .content .notification-wrapper .notification-container[data-v-aafb485e] { flex: 1 1 0%; overflow: hidden; }
.notification .content .notification-wrapper .notification-container .notifications[data-v-aafb485e] { background: rgb(18, 31, 62); border-radius: 0px 0px 8px 8px; height: 100%; overflow: hidden auto; flex-direction: column !important; display: flex !important; }
.notification .content .notification-wrapper .notification-container .notifications .loadmore[data-v-aafb485e] { min-height: 80px; }
.notification .content .notification-wrapper .notification-container .notifications[data-v-aafb485e]::-webkit-scrollbar { background: rgb(47, 56, 79); width: 4px; }
.notification .content .notification-wrapper .notification-container .notifications[data-v-aafb485e]::-webkit-scrollbar-thumb { background: rgb(100, 100, 100); }
.header[data-v-3b9452be] { z-index: 1000; background: rgb(0, 11, 39); width: 100%; height: 80px; position: sticky; top: 0px; left: 0px; }
.header__content[data-v-3b9452be] { grid-template-columns: 1fr 1fr; gap: 24px; height: 100%; display: grid; }
.header .left[data-v-3b9452be] { gap: 16px; }
.header .left[data-v-3b9452be], .header .right[data-v-3b9452be] { align-items: center; display: flex; }
.header .right[data-v-3b9452be] { width: 100%; }
.header-countdown-theme[data-v-3b9452be] { --header-countdown-title-color: #fff; --header-countdown-meta-color: #fff; --header-countdown-value-color: #1396f8; --header-countdown-bg-color: #000; }
.license-block__list[data-v-7fcf15fa] { flex-wrap: wrap; gap: 16px; width: 126px; display: flex; }
.license-block__list img[data-v-7fcf15fa] { max-height: 24px; }
.link-item[data-v-cd63f0ff] { color: rgb(173, 183, 204); white-space: nowrap; border-bottom-color: rgba(0, 0, 0, 0); line-height: 20px; transition: 0.3s; }
.link-item[data-v-cd63f0ff]:hover { color: rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); }
.link-item span[data-v-cd63f0ff] { position: relative; }
.link-item .label-type-4[data-v-cd63f0ff] { position: absolute; top: -1px; right: -33px; }
.link-list[data-v-0e7efbd1] { margin: 0px; padding: 0px; list-style: none; }
.link-list li[data-v-0e7efbd1] { margin-bottom: 8px; }
.link-list li[data-v-0e7efbd1]:last-child { margin-bottom: 0px; }
.link-block[data-v-49de9b36] { width: 29%; display: flex; }
.link-block__item[data-v-49de9b36]:first-child { padding-right: 126px; }
.social[data-v-f58de341] { gap: 16px; margin: 0px; padding: 0px; list-style: none; display: flex; }
.social__item[data-v-f58de341]:last-child { margin-right: 0px; }
.social__link[data-v-f58de341] { display: block; }
.social span[data-v-f58de341] { color: rgb(173, 183, 204); font-family: "Inter"; font-size: 32px; font-weight: 700; line-height: 36px; }
.social span[data-v-f58de341]:hover::before { color: rgb(255, 255, 255); }
.social span.icon-youtube[data-v-f58de341] { padding: 2px; font-size: 27px; }
.social span.icon-facebook[data-v-f58de341] { padding: 3px; font-size: 27px; }
.social span.icon-telegram[data-v-f58de341] { padding: 1px; font-size: 31px; }
.social-block[data-v-080cb039] { width: 128px; }
.social-block__title[data-v-080cb039] { margin-bottom: calc(0.3 * var(--c4-rem,16px)); }
.social-block .call[data-v-080cb039] { gap: 16px; margin-top: 20px; flex-direction: column !important; display: flex !important; }
.social-block .call a[data-v-080cb039] { color: rgb(173, 183, 204); align-items: center; gap: 8px; font-family: "Inter"; font-size: 14px; font-weight: 500; line-height: 20px; transition: 0.3s; display: flex; }
.social-block .call a[data-v-080cb039]:hover { color: rgb(255, 255, 255); }
.social-block .call a span[data-v-080cb039] { font-size: 20px; }
.social-block .call a span[data-v-080cb039]::before { color: rgb(173, 183, 204); }
.social-block__copyright[data-v-080cb039] { white-space: nowrap; margin-top: 40px; font-family: "Roboto"; font-size: 14px; font-weight: 400; line-height: 18px; }
.responsibility-block[data-v-58d23142] { width: 161px; }
.responsibility-block__list[data-v-58d23142] { gap: 14px; display: flex; }
.bank-list[data-v-766b0c34] { user-select: none; flex-wrap: wrap; align-items: center; gap: 16px; margin: 0px; padding: 0px; list-style: none; display: flex; }
.bank-list[data-v-766b0c34]:last-child { margin-bottom: 0px; }
.bank-list li[data-v-766b0c34] { justify-content: center; align-items: center; display: flex; }
.bank-list li img[data-v-766b0c34] { max-height: 28px; }
.bank-list li:last-child img[data-v-766b0c34], .bank-list li:nth-last-child(2) img[data-v-766b0c34] { max-height: 24px; }
.partner-block__list[data-v-d5f4ebe8] { flex-wrap: wrap; align-items: center; gap: 11px; display: flex; }
.partner-block img[data-v-d5f4ebe8] { max-height: 28px; }
.footer[data-v-b083eb67] { z-index: 3; color: rgb(173, 183, 204); background-color: rgb(0, 11, 39); padding: 32px 0px; position: relative; }
.footer__bottom[data-v-b083eb67] { border-top: 1px solid rgb(85, 94, 118); grid-template-columns: 424px 1fr; gap: 26px; margin-top: 22px; padding-top: 16px; display: grid; }
.footer[data-v-b083eb67] .title { color: rgb(255, 255, 255); margin-bottom: 12px; font-family: "Inter"; font-size: 14px; font-weight: 700; line-height: 20px; }
.footer[data-v-b083eb67] .license-block .title, .footer[data-v-b083eb67] .responsibility-block .title { margin-bottom: 28px; }
.footer[data-v-b083eb67] .bank-block .title, .footer[data-v-b083eb67] .partner-block .title { margin-bottom: 16px; }
.footer__wrapper[data-v-b083eb67] { justify-content: space-between; align-items: stretch; display: flex; }
.footer.noel-footer[data-v-b083eb67], .footer.worldcup[data-v-b083eb67] { background: rgb(0, 11, 39); }
.footer.worldcup[data-v-b083eb67] { padding: 35px 0px; }
.footer .feature[data-v-b083eb67] { position: absolute; bottom: 0px; left: 0px; }
.footer .feature.right[data-v-b083eb67] { left: auto; right: 0px; }
@media screen and (max-width: 1600px) {
  .footer .feature.right[data-v-b083eb67] { width: 200px; }
}
.zoom-iframe .footer[data-v-b083eb67] { display: none; }
.jackpot__container[data-v-359d96cf] { z-index: 5; width: 400px; height: 110px; position: absolute; }
.jackpot__container.multi-game-jackpot-animation[data-v-359d96cf] { cursor: pointer; bottom: 68px; right: 61px; }
.jackpot__container .img-jackpot[data-v-359d96cf] { z-index: 0; border-radius: 8px; width: 326.72px; animation: 1.5s linear 0s infinite normal none running drop-shadow-jackpot-359d96cf; top: 25px; box-shadow: rgb(255, 246, 0) 0px 0px 22px; }
.jackpot__container .img-jackpot[data-v-359d96cf], .jackpot__container .jackpot[data-v-359d96cf] { pointer-events: none; position: absolute; left: calc(50% + 5px); transform: translate(-50%); }
.jackpot__container .jackpot[data-v-359d96cf] { mix-blend-mode: soft-light; opacity: 1; filter: blur(6px); justify-content: center; align-items: center; max-width: 300px; display: flex; overflow: hidden; }
.jackpot__container-animation-number[data-v-359d96cf] { z-index: 10; width: 304px; height: 43px; position: absolute; top: 34px; right: 43px; overflow: hidden; }
.jackpot__container .number[data-v-359d96cf] { opacity: 1; z-index: 10; -webkit-text-fill-color: transparent; background: linear-gradient(rgb(250, 226, 92), rgb(255, 247, 201), rgb(255, 157, 0), rgb(255, 218, 90)) text; display: flex; position: absolute; top: 50%; left: 50%; transform: translate(-50%, 38%) rotateX(0deg); }
.jackpot__container .number[data-v-359d96cf] span { font-family: ""Chivo" Mono"; font-size: 28px; font-weight: 700; line-height: 58px; }
.jackpot__container .number.animating[data-v-359d96cf] { opacity: 1; transition: 0.2s; transform: translate(-50%, -108%); }
.jackpot__container .number.animated[data-v-359d96cf] { opacity: 1; transition: 0.3s ease-in-out; transform: translate(-50%, -48%); }
@media screen and (min-width: 1024px) and (max-width: 1367px) {
  .jackpot__container[data-v-359d96cf] { right: 0px; }
}
.jackpot__container.mobile.multi-game-jackpot-animation[data-v-359d96cf] { width: 42.9333vw; height: 13.3333vw; bottom: 7.86667vw; right: 4.67733vw; }
.jackpot__container.mobile.multi-game-jackpot-animation .img-jackpot[data-v-359d96cf] { z-index: -1; border-radius: 1.06667vw; width: 42.9333vw; animation: 1.5s linear 0s infinite normal none running drop-shadow-jackpot-mb-359d96cf; top: 2vw; left: calc(50% + 0.26667vw); box-shadow: rgb(255, 246, 0) 0px 0px 3.2vw; }
.jackpot__container.mobile .jackpot__container-animation-number[data-v-359d96cf] { width: 39.7333vw; height: 5.33333vw; position: absolute; top: 3.2vw; right: 1.33333vw; overflow: hidden; }
.jackpot__container.mobile .number[data-v-359d96cf] { opacity: 1; top: 50%; left: 50%; transform: translate(-50%, 108%) rotateX(0deg); }
.jackpot__container.mobile .number[data-v-359d96cf] span { font-size: 3.73333vw; line-height: 3.73333vw; }
.jackpot__container.mobile .number.animating[data-v-359d96cf] { opacity: 1; transition: 0.2s; transform: translate(-50%, -168%); }
.jackpot__container.mobile .number.animated[data-v-359d96cf] { opacity: 1; transition: 0.3s ease-in-out; transform: translate(-50%, -40%); }
@keyframes drop-shadow-jackpot-359d96cf { 
  0%, 100% { filter: drop-shadow(rgb(255, 246, 0) 0px 0px 22px); }
  50% { filter: drop-shadow(rgb(184, 99, 4) 0px 0px); }
}
@keyframes drop-shadow-jackpot-mb-359d96cf { 
  0%, 100% { filter: drop-shadow(rgb(255, 246, 0) 0px 0px 1.06667vw); }
  50% { filter: drop-shadow(rgb(184, 99, 4) 0px 0px); }
}
.multi-game-jackpot-banner[data-v-69a6bd25] { border-radius: 12px; width: 100%; height: 100%; position: relative; overflow: hidden; }
.multi-game-jackpot-banner__games-container[data-v-69a6bd25] { z-index: 6; filter: drop-shadow(rgba(47, 0, 0, 0.55) 0px 3px 3px); background: url("https://ssv88.co/wp-content/uploads/2026/11/bg-game-slides.webp") 50% center / 100% 100% no-repeat; width: 202px; height: 54px; position: absolute; top: 172px; right: 155px; }
.multi-game-jackpot-banner__games-container .swiper[data-v-69a6bd25] { width: 100%; height: 100%; }
.multi-game-jackpot-banner__games-container .swiper[data-v-69a6bd25] .swiper-slide { width: 100%; height: 100%; padding: 6px 19px 7px; }
.multi-game-jackpot-banner__games-container .swiper[data-v-69a6bd25] .swiper-slide .slide-content { cursor: pointer; justify-content: center; align-items: center; gap: 6px; width: 100%; height: 100%; display: flex; }
.multi-game-jackpot-banner__games-container .swiper[data-v-69a6bd25] .swiper-slide .slide-content .multi-game-jackpot-banner__game-item-img { object-fit: cover; border-radius: 4px; min-width: 60px; height: 41px; }
.multi-game-jackpot-banner__games-container .swiper[data-v-69a6bd25] .swiper-slide .slide-content .multi-game-jackpot-banner__game-item-name { text-overflow: ellipsis; -webkit-line-clamp: 2; word-break: break-word; -webkit-box-orient: vertical; width: 100%; font-family: "Inter"; font-size: 14px; font-weight: 700; line-height: 20px; display: -webkit-box; overflow: hidden; }
.hero-banner__hero-title[data-v-69a6bd25] { z-index: 10; width: 229.61px; height: auto; animation: 2s ease-in-out 0s infinite normal none running bounceZoom-69a6bd25; position: absolute; top: 13.51px; right: 142px; }
.hero-banner__hero-title .star[data-v-69a6bd25] { mix-blend-mode: screen; position: absolute; }
.hero-banner__hero-title .star.hero-banner__star-1[data-v-69a6bd25] { animation: 5s ease-in-out 0s infinite normal none running bounceZoomGlowRotate1-69a6bd25; top: 4px; left: -10px; }
.hero-banner__hero-title .star.hero-banner__star-2[data-v-69a6bd25] { animation: 5s ease-in-out 0s infinite normal none running bounceZoomGlowRotate2-69a6bd25; top: 12px; right: -1px; }
.hero-banner__hero-title .star.hero-banner__star-3[data-v-69a6bd25] { animation: 5s ease-in-out 0s infinite normal none running bounceZoomGlowRotate2-69a6bd25; bottom: 9px; right: 39px; }
.hero-banner__hero-title .star.hero-banner__star-4[data-v-69a6bd25] { animation: 8.3s ease-in-out 0s infinite normal none running bounceZoomGlowRotate1-69a6bd25; bottom: 6px; left: 35px; }
.hero-banner__hero-title-img[data-v-69a6bd25] { object-fit: contain; width: 100%; height: 100%; }
.hero-banner__hero-img[data-v-69a6bd25] { object-fit: cover; z-index: 0; width: 100%; height: 100%; position: relative; }
.hero-banner__animation-container[data-v-69a6bd25] { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }
.hero-banner__coin-drop-1[data-v-69a6bd25] { width: 86px; animation: 2.4s ease-in-out 0.1s infinite normal none running dropCoin-69a6bd25; top: -17px; right: 19px; }
.hero-banner__coin-drop-1[data-v-69a6bd25], .hero-banner__coin-drop-2[data-v-69a6bd25], .hero-banner__coin-drop-3[data-v-69a6bd25], .hero-banner__coin-drop-4[data-v-69a6bd25] { z-index: 3; height: auto; position: absolute; }
.hero-banner__coin-drop-2[data-v-69a6bd25] { width: 52.94px; animation: 2.3s ease-in-out 0.3s infinite normal none running dropCoin-69a6bd25; top: 90px; right: -6px; }
.hero-banner__coin-drop-3[data-v-69a6bd25] { width: 18px; animation: 2.3s ease-in-out 0.5s infinite normal none running dropCoin-69a6bd25; top: 154px; right: 25px; }
.hero-banner__coin-drop-4[data-v-69a6bd25] { width: 39px; animation: 2.5s ease-in-out 0.5s infinite normal none running dropCoin-69a6bd25; top: 165px; right: 50px; }
.hero-banner__star-5[data-v-69a6bd25] { mix-blend-mode: screen; z-index: 10; animation: 4s ease-in-out 0s infinite normal none running bounceGlow-69a6bd25; position: absolute; bottom: 93px; left: 118px; }
.hero-banner__light-bg[data-v-69a6bd25] { z-index: 1; width: auto; height: auto; animation: 1.3s linear 0s infinite normal none running bounceZoomGlow-69a6bd25; position: absolute; top: -2px; left: 248px; }
.hero-banner__coin-jump-out-1[data-v-69a6bd25] { width: 69px; animation: 2.5s linear 0s infinite normal none running jumpOutCoin-69a6bd25; top: 158px; left: -16px; }
.hero-banner__coin-jump-out-1[data-v-69a6bd25], .hero-banner__coin-jump-out-2[data-v-69a6bd25] { z-index: 3; height: auto; position: absolute; transform: rotate(-8deg); }
.hero-banner__coin-jump-out-2[data-v-69a6bd25] { width: 31px; animation: 1.2s linear 0s infinite normal none running jumpOutCoin-69a6bd25; bottom: 87px; left: 59.72px; }
.hero-banner__coin-jump-out-3[data-v-69a6bd25] { z-index: 3; width: auto; height: auto; animation: 1.4s linear 0s infinite normal none running jumpOutCoin3-69a6bd25; position: absolute; bottom: 77px; left: 221.72px; }
.hero-banner__coin-jump-out-4[data-v-69a6bd25] { z-index: 3; width: 18px; height: auto; animation: 1.2s linear 0.3s infinite normal none running jumpOutCoin4-69a6bd25; position: absolute; bottom: 24px; left: 271px; }
.hero-banner__coin-jump-out-5[data-v-69a6bd25] { z-index: 3; width: 28px; height: auto; animation: 1.5s linear 0s infinite normal none running jumpOutCoin4-69a6bd25; position: absolute; bottom: 51px; left: 304px; }
.mobile .hero-banner__hero-title[data-v-69a6bd25] { width: 29.5707vw; height: auto; animation: 2s ease-in-out 0s infinite normal none running bounceZoom-69a6bd25; top: auto; bottom: 18.9333vw; right: 10.6427vw; }
.mobile .hero-banner__hero-title .star.hero-banner__star-1[data-v-69a6bd25] { animation: 2s ease-in-out 0.3s infinite normal none running bounceZoomGlow-69a6bd25; top: -3.46667vw; left: -6.4vw; }
.mobile .hero-banner__hero-title .star.hero-banner__star-2[data-v-69a6bd25] { animation: 3s ease-in-out 0s infinite normal none running bounceZoomGlow-69a6bd25; top: -1.6vw; right: -3.73333vw; }
.mobile .hero-banner__hero-title .star.hero-banner__star-3[data-v-69a6bd25] { animation: 2s ease-in-out 0s infinite normal none running bounceZoomGlow-69a6bd25; bottom: -1.86667vw; right: 2.66667vw; }
.mobile .hero-banner__hero-title .star.hero-banner__star-4[data-v-69a6bd25] { animation: 3s ease-in-out 0.3s infinite normal none running bounceZoomGlow-69a6bd25; bottom: -2.13333vw; left: 0.533333vw; }
.mobile .hero-banner__star-5[data-v-69a6bd25] { mix-blend-mode: screen; z-index: 10; animation: 4s ease-in-out 0s infinite normal none running bounceGlow-69a6bd25; position: absolute; bottom: 8.53333vw; left: 8vw; }
.mobile .hero-banner__coin-drop[data-v-69a6bd25] { z-index: 3; height: auto; animation: 2s ease-in-out 0s infinite normal none running dropCoinMb-69a6bd25; position: absolute; }
.mobile .hero-banner__coin-drop-1[data-v-69a6bd25] { z-index: 3; width: 12vw; height: auto; animation: 2.4s ease-in-out 0s infinite normal none running dropCoinMb-69a6bd25; position: absolute; top: -4vw; right: -2.4vw; }
.mobile .hero-banner__coin-drop-2[data-v-69a6bd25] { z-index: 3; width: 6.66667vw; height: auto; animation: 2.3s ease-in-out 0.2s infinite normal none running dropCoinMb-69a6bd25; position: absolute; top: 21.8667vw; right: -1.06667vw; }
.mobile .hero-banner__coin-drop-3[data-v-69a6bd25] { filter: blur(1px); z-index: 3; width: 3.2vw; height: auto; animation: 2.3s ease-in-out 0.5s infinite normal none running dropCoinMb-69a6bd25; position: absolute; top: 30.4vw; right: 2.4vw; }
.mobile .hero-banner__coin-drop-4[data-v-69a6bd25] { display: none; }
.mobile .hero-banner__light-bg[data-v-69a6bd25] { z-index: 1; width: 52.6293vw; animation: 1.5s ease 0s infinite normal none running bounceZoomGlow-69a6bd25; position: absolute; top: 2.38133vw; left: 22.2853vw; }
.mobile .hero-banner__coin-jump-out-1[data-v-69a6bd25] { z-index: 3; width: 7.73333vw; height: auto; animation: 2.5s linear 0.5s infinite normal none running jumpOutCoinMb-69a6bd25; position: absolute; top: 21.0667vw; left: -1.86667vw; }
.mobile .hero-banner__coin-jump-out-2[data-v-69a6bd25] { z-index: 3; width: 3.46667vw; height: auto; animation: 2.5s linear 0.1s infinite normal none running jumpOutCoinMb-69a6bd25; position: absolute; bottom: 9.86667vw; left: 6.4vw; }
.mobile .hero-banner__coin-jump-out-3[data-v-69a6bd25] { z-index: 3; width: 6.13333vw; height: auto; animation: 1.2s linear 0.5s infinite normal none running jumpOutCoin3Mb-69a6bd25; position: absolute; bottom: 3.46667vw; left: 24.1333vw; }
.mobile .hero-banner__coin-jump-out-4[data-v-69a6bd25] { z-index: 3; width: 2.13333vw; height: auto; animation: 1.2s linear 0.3s infinite normal none running jumpOutCoin4Mb-69a6bd25; position: absolute; bottom: -1.6vw; left: 29.6vw; transform: rotate(30deg); }
.mobile .hero-banner__coin-jump-out-5[data-v-69a6bd25] { z-index: 3; width: 3.2vw; height: auto; animation: 1.5s linear 0s infinite normal none running jumpOutCoin4Mb-69a6bd25; position: absolute; bottom: -0.533333vw; left: 34.1333vw; transform: rotate(30deg); }
.mobile .multi-game-jackpot-banner__games-container[data-v-69a6bd25] { z-index: 6; background: url("https://ssv88.co/wp-content/uploads/2026/11/bg-game-slides.webp") 50% center / 100% 100% no-repeat; width: 28.2453vw; height: 7.552vw; position: absolute; top: auto; bottom: 3.46667vw; right: 12vw; }
.mobile .multi-game-jackpot-banner__games-container .swiper[data-v-69a6bd25] { width: 100%; height: 100%; }
.mobile .multi-game-jackpot-banner__games-container .swiper[data-v-69a6bd25] .swiper-slide { padding: 0.84vw 2.66667vw 0.978667vw; }
.mobile .multi-game-jackpot-banner__games-container .swiper[data-v-69a6bd25] .swiper-slide .slide-content { justify-content: center; align-items: center; gap: 0.8vw; width: 100%; height: 100%; display: flex; }
.mobile .multi-game-jackpot-banner__games-container .swiper[data-v-69a6bd25] .swiper-slide .slide-content .multi-game-jackpot-banner__game-item-img { object-fit: cover; border-radius: 0.56vw; min-width: 8.53333vw; height: 5.6vw; }
.mobile .multi-game-jackpot-banner__games-container .swiper[data-v-69a6bd25] .swiper-slide .slide-content .multi-game-jackpot-banner__game-item-name { text-overflow: ellipsis; -webkit-line-clamp: 2; word-break: break-word; -webkit-box-orient: vertical; width: 100%; font-family: "Inter"; font-size: 2.13333vw; font-weight: 700; line-height: 3.2vw; display: -webkit-box; overflow: hidden; }
@keyframes dropCoin-69a6bd25 { 
  0% { opacity: 1; transform: translateY(-300px) rotate(-180deg); }
  100% { opacity: 1; transform: translateY(300px) rotate(180deg); }
}
@keyframes dropCoinMb-69a6bd25 { 
  0% { opacity: 1; transform: translateY(-37.3333vw) rotate(180deg); }
  100% { opacity: 1; transform: translateY(37.3333vw) rotate(-180deg); }
}
@keyframes bounceZoom-69a6bd25 { 
  0%, 100% { opacity: 1; transform: translateY(0px) scale(1); }
  50% { opacity: 1; transform: translateY(0px) scale(1.1); }
}
@keyframes bounceGlow-69a6bd25 { 
  0% { opacity: 0; transform: scale(1) rotate(0deg); }
  50% { opacity: 1; transform: scale(1.2) rotate(1turn); }
  99% { opacity: 0.5; transform: scale(1.6) rotate(480deg); }
  100% { opacity: 0; transform: scale(1) rotate(0deg); }
}
@keyframes bounceZoomGlow-69a6bd25 { 
  0%, 100% { opacity: 0; filter: blur() brightness() saturate(); mix-blend-mode: normal; }
  50% { opacity: 1; filter: blur() brightness() saturate(); mix-blend-mode: normal; }
  75% { opacity: 1; filter: blur() brightness() saturate(); mix-blend-mode: normal; }
  90% { opacity: 1; filter: blur(5px) brightness(1.1) saturate(2); }
}
@keyframes bounceZoomGlowRotate1-69a6bd25 { 
  0%, 100% { opacity: 1; transform: translate(2px) scale(1) rotate(0deg); }
  25%, 75% { opacity: 0.6; transform: translate(16px, 8px) scale(1.2) rotate(-45deg); }
  50% { opacity: 1; transform: translate(28px, 17px) scale(1.1) rotate(-90deg); }
}
@keyframes bounceZoomGlowRotate2-69a6bd25 { 
  0%, 100% { opacity: 1; transform: translate(0px) scale(1) rotate(0deg); }
  50% { opacity: 0.6; transform: translate(-3px, -12px) scale(1.1) rotate(25deg); }
}
@keyframes jumpOutCoin-69a6bd25 { 
  0% { opacity: 0; transform: translate(40px, -45px) rotate(900deg) scale(0); }
  12% { opacity: 1; transform: translate(30px, -33px) rotate(675deg) scale(0.5); }
  25% { opacity: 1; transform: translate(20px, -22px) rotate(450deg) scale(1); }
  50% { opacity: 1; transform: translate(0px) rotate(0deg) scale(1); }
  75% { opacity: 1; transform: translate(-20px, 60px) rotate(-450deg) scale(1.4); }
  100% { opacity: 0; transform: translate(-40px, 120px) rotate(-900deg) scale(1.4); }
}
@keyframes jumpOutCoin3-69a6bd25 { 
  0% { opacity: 0.6; transform: translate(-20px, 10px) rotate(1turn) scale(0.5) skew(0deg); }
  10% { opacity: 0.75; transform: translate(-10px, 5px) rotate(240deg) scale(0.7) skew(0deg); }
  20% { opacity: 0.9; transform: translate(-5px, 2px) rotate(120deg) scale(0.85) skew(0deg); }
  50% { opacity: 1; transform: translate(65px, 100px) rotate(-350deg) scale(1.2) skew(0deg); }
  100% { opacity: 1; transform: translate(100px, 300px) rotate(-1285deg) scale(1.2) skew(0deg); }
}
@keyframes jumpOutCoin4-69a6bd25 { 
  0% { opacity: 0; transform: translate(-90px, -80px) rotate(-2turn) scale(0.5); }
  25% { opacity: 1; transform: translate(-45px, -40px) rotate(-1turn) scale(0.75); }
  50% { opacity: 1; transform: translate(0px) rotate(0deg) scale(1); }
  100% { opacity: 1; transform: translate(60px, 100px) rotate(480deg) scale(1.3); }
}
@keyframes jumpOutCoin3Mb-69a6bd25 { 
  0% { opacity: 0; transform: translate(-2.66667vw, -5.33333vw) scale(0.5) rotate(1turn); }
  15% { opacity: 1; transform: translate(-1.33333vw, -2.66667vw) scale(0.75) rotate(180deg); }
  30% { opacity: 1; transform: translate(0px) scale(1) rotate(0deg); }
  100% { opacity: 1; transform: translate(2.66667vw, 13.3333vw) scale(1.3) rotate(-2turn); }
}
@keyframes jumpOutCoin4Mb-69a6bd25 { 
  0% { opacity: 0; transform: translate(-8vw, -18.6667vw) rotate(-480deg) scale(0.5); }
  25% { opacity: 1; transform: translate(-2.66667vw, -9.33333vw) rotate(-240deg) scale(0.75); }
  50% { opacity: 1; transform: translate(0px) rotate(0deg) scale(1); }
  100% { opacity: 1; transform: translate(2.66667vw, 13.3333vw) rotate(480deg) scale(1.3); }
}
@keyframes jumpOutCoinMb-69a6bd25 { 
  0% { opacity: 1; transform: translate(2.66667vw, -5.86667vw) rotate(900deg) scale(0); }
  12.5% { opacity: 1; transform: translate(1.33333vw, -4.53333vw) rotate(675deg) scale(0.5); }
  25% { opacity: 1; transform: translateY(-2.93333vw) rotate(450deg) scale(1); }
  50% { opacity: 1; transform: translate(0px) rotate(0deg) scale(1); }
  100% { opacity: 1; transform: translateY(21.3333vw) rotate(-900deg) scale(1.4); }
}
.hero-banner[data-v-b5fff2b1] { width: 100%; }
.hero-banner__container[data-v-b5fff2b1] { width: inherit; gap: 16px; height: 100%; display: flex; }
.hero-banner__item[data-v-b5fff2b1] { height: 100%; }
.hero-banner__item.cursor[data-v-b5fff2b1] { cursor: pointer; }
.hero-banner__left[data-v-b5fff2b1] { background-image: url("data:image/webp;base64,UklGRjwGAABXRUJQVlA4IDAGAABwtwCdASrOBToCPm02mUmkIyKhIAgAgA2JaW7hd2EbQArN2vFych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtWAAA/v/Ql5//zt+IP1BQT/4NkimwpXgQAD3zAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA="); width: calc(100% - 370px); height: 263px; position: relative; }
.hero-banner__hero-swiper[data-v-b5fff2b1] { width: 100%; height: 100%; }
.hero-banner__hero-img[data-v-b5fff2b1] { object-fit: cover; border-radius: 12px; width: 100%; height: 100%; }
.hero-banner__right[data-v-b5fff2b1] { width: 354px; height: 100%; }
.hero-banner[data-v-b5fff2b1] .swiper-pagination { justify-content: center; align-items: center; display: flex; }
.hero-banner[data-v-b5fff2b1] .swiper-pagination .swiper-pagination-bullet-active { background: rgb(66, 171, 249); border-radius: 999px; width: 24px; }
.mobile .hero-banner__container[data-v-b5fff2b1] { flex-direction: column; gap: 3.2vw; }
.mobile .hero-banner__left[data-v-b5fff2b1] { width: 100%; height: 35.2vw; overflow: hidden; }
.mobile .hero-banner__right[data-v-b5fff2b1] { width: 100%; height: fit-content; }
.mobile .hero-banner__hero-img[data-v-b5fff2b1] { border-radius: 2.13333vw; }
.mobile .hero-banner__item[data-v-b5fff2b1] { aspect-ratio: 280 / 132; height: 35.2vw; }
.mobile .hero-banner[data-v-b5fff2b1] .swiper-pagination { bottom: 1.06667vw; }
.mobile .hero-banner[data-v-b5fff2b1] .swiper-pagination .swiper-pagination-bullet { width: 1.6vw; height: 1.6vw; margin: 0px 0.533333vw; }
.mobile .hero-banner[data-v-b5fff2b1] .swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) { opacity: 0.7; background: rgb(247, 248, 250); }
.mobile .hero-banner[data-v-b5fff2b1] .swiper-pagination .swiper-pagination-bullet-active { width: 6.4vw; }
.mobile .hero-banner[data-v-b5fff2b1] .jackpot-event { position: relative; }
.mobile .hero-banner[data-v-b5fff2b1] .jackpot-event .jackpot-event__bg { background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6) 14.12%, rgba(0, 0, 0, 0.6) 87%, rgba(0, 0, 0, 0)); justify-content: center; align-items: center; width: fit-content; min-width: 48vw; height: 7.46667vw; display: flex; position: absolute; top: 6.13333vw; left: 1.6vw; }
.mobile .hero-banner[data-v-b5fff2b1] .jackpot-event img.jackpot-event__image { border-radius: 2.13333vw; width: 100%; height: 25.6vw; }
.mobile .hero-banner[data-v-b5fff2b1] .jackpot-event .jackpot-event__bg-value { -webkit-text-fill-color: transparent; filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px 4.17804px 4.17804px); background: linear-gradient(165deg, rgb(228, 165, 1) 2.67%, rgb(255, 223, 140) 29.54%, rgb(228, 165, 1) 51.84%, rgb(255, 223, 140) 77.7%, rgb(228, 165, 1)) text; padding: 0px 2.13333vw; font-family: "Roboto Mono"; font-size: 4.26667vw; font-weight: 700; line-height: 7.46667vw; }
.mobile .hero-banner[data-v-b5fff2b1] .jackpot-event .jackpot-event__bg-value::after, .mobile .hero-banner[data-v-b5fff2b1] .jackpot-event .jackpot-event__bg-value::before { content: ""; background: linear-gradient(90deg, rgba(255, 255, 67, 0), rgb(255, 246, 168) 50%, rgba(255, 255, 67, 0)); width: 100%; height: 1px; position: absolute; top: 0px; left: 0px; }
.mobile .hero-banner[data-v-b5fff2b1] .jackpot-event .jackpot-event__bg-value::before { top: auto; bottom: 0px; }
.mobile .hero-banner[data-v-b5fff2b1] .jackpot-event .jackpot-event__image { object-fit: cover; border-radius: 8px; width: 100%; height: 100%; }
.game-hot__wrapper[data-v-c306f669] { flex-direction: column; align-items: center; display: flex; }
.game-hot__title[data-v-c306f669] { justify-content: flex-start; align-items: center; gap: 8px; width: 100%; margin-bottom: 8px; display: flex; }
.game-hot__title span[data-v-c306f669]::before { font-size: 24px; }
.game-hot__title p[data-v-c306f669] { text-transform: uppercase; color: rgb(255, 255, 255); font-family: "Inter"; font-size: 16px; font-weight: 700; line-height: 24px; }
.game-hot__content[data-v-c306f669] { grid-template-columns: repeat(6, 1fr); gap: 16px; width: 100%; height: fit-content; display: grid; }
.game-hot__item[data-v-c306f669] { cursor: pointer; aspect-ratio: 354.67 / 143; border-radius: 12px; grid-column: span 2; transition: 0.3s; position: relative; overflow: hidden; }
.game-hot__item img[data-v-c306f669] { width: 100%; height: 100%; }
.game-hot__item .game-hot__heart[data-v-c306f669] { z-index: 3; position: absolute; top: 8px; right: 8px; }
.game-hot__item[data-v-c306f669]:first-child, .game-hot__item[data-v-c306f669]:nth-child(2) { aspect-ratio: 540 / 143; grid-column: span 3; }
.game-hot__item[data-v-c306f669]:hover { box-shadow: rgb(10, 251, 207) 0px 0px 12px; }
.guide-section[data-v-96d47138] { background: rgb(4, 23, 70); border-radius: 12px; width: 354px; height: 480px; margin: auto; padding: 16px; }
@media (max-width: 1280px) {
  .guide-section[data-v-96d47138] { width: 100%; }
}
.guide-section__title[data-v-96d47138] { align-items: center; gap: 8px; width: 100%; margin-bottom: 16px; display: flex; }
.guide-section__title span[data-v-96d47138] { font-size: 24px; }
.guide-section__title p[data-v-96d47138] { text-transform: uppercase; color: rgb(255, 255, 255); font-family: "Inter"; font-size: 16px; font-weight: 700; line-height: 24px; }
.guide-section .guide[data-v-96d47138] { z-index: 3; gap: 20px; position: relative; flex-direction: column !important; display: flex !important; }
@media (max-width: 1280px) {
  .guide-section .guide[data-v-96d47138] { grid-template-columns: repeat(3, 1fr); gap: 16px; display: grid !important; }
}
.guide-section .guide__item[data-v-96d47138] { color: rgb(255, 255, 255); background-size: cover; border-radius: 8px; justify-content: space-between; align-items: center; height: 122px; padding: 13px 0px 13px 29px; display: flex; }
.guide-section .guide__contact .contact[data-v-96d47138], .guide-section .guide__item .name[data-v-96d47138] { font-family: "Inter"; font-size: 20px; font-weight: 700; line-height: 28px; }
.guide-section .guide__item .icon[data-v-96d47138] { max-width: 84px; transition: 0.2s ease-in; }
.guide-section .guide__item.deposit[data-v-96d47138] { background-image: url("https://ssv88.co/wp-content/uploads/2026/11/thumb-deposit.webp"); background-position: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-size: cover !important; }
.guide-section .guide__item.withdraw[data-v-96d47138] { background-image: url("https://ssv88.co/wp-content/uploads/2026/11/thumb-withdraw.webp"); }
.guide-section .guide__item.play[data-v-96d47138] { background-image: url("https://ssv88.co/wp-content/uploads/2026/11/thumb-play.webp"); }
.guide-section .guide__contact .contact:hover img[data-v-96d47138], .guide-section .guide__item:hover .icon[data-v-96d47138] { transform: translateY(-10px); }
.guide-section .guide__contact[data-v-96d47138] { border-radius: 8px; padding: 16px; }
.guide-section .guide__contact .contact[data-v-96d47138] { color: rgb(255, 255, 255); text-transform: uppercase; background: none 0px 0px / 100% 100% no-repeat; border-radius: 8px; justify-content: space-between; align-items: center; padding: 20px 16px; display: flex; }
.guide-section .guide__contact .contact img[data-v-96d47138] { max-width: 60px; margin-right: 34px; transition: 0.2s ease-in; }
.fav-row[data-v-a49ba3a4] { cursor: pointer; background: rgb(30, 51, 104); border-radius: 8px; align-items: flex-start; gap: 12px; padding: 8px; transition: background 0.2s, opacity 0.2s; display: flex; }
.fav-row[data-v-a49ba3a4]:hover { background: rgb(47, 78, 157); }
.fav-row:hover .fav-row__hover[data-v-a49ba3a4] { opacity: 1; }
.fav-row:hover .fav-row__category[data-v-a49ba3a4] { color: rgb(255, 255, 255); }
.fav-row__thumb[data-v-a49ba3a4] { border-radius: 8px; flex-shrink: 0; width: 128px; height: 102px; position: relative; overflow: hidden; }
.fav-row[data-v-a49ba3a4] .game-item { aspect-ratio: 128 / 102; width: 100%; height: 102px; }
.fav-row[data-v-a49ba3a4] .game-item .slots { scale: 0.6; top: 25px !important; right: -16px !important; }
.fav-row[data-v-a49ba3a4] .game-item .coin-burst-wrapper { height: 106px; }
.fav-row[data-v-a49ba3a4] .game-item .game-item__content { gap: 4px; height: 24px; font-family: "Roboto Mono"; font-size: 12px; font-weight: 700; line-height: 16px; }
.fav-row[data-v-a49ba3a4] .game-item .game-item__content img { width: 12px; height: 12px; }
.fav-row[data-v-a49ba3a4] .game-item .game-item__content span { color: rgb(255, 255, 255); font-family: ""Roboto" Mono", monospace; font-size: 10px; font-weight: 700; line-height: 16px; }
.fav-row__hover[data-v-a49ba3a4] { z-index: 2; opacity: 0; backdrop-filter: blur(1.5px); background: rgba(15, 29, 69, 0.8); transition: opacity 0.2s; position: absolute; inset: 0px; }
.fav-row__hover[data-v-a49ba3a4], .fav-row__play[data-v-a49ba3a4] { justify-content: center; align-items: center; display: flex; }
.fav-row__play[data-v-a49ba3a4] { background: rgba(255, 255, 255, 0.1); border-radius: 999px; width: 36px; height: 36px; padding: 8px; }
.fav-row__hover-name[data-v-a49ba3a4] { color: rgb(255, 255, 255); text-align: center; font-size: 10px; font-weight: 700; line-height: 12px; position: absolute; bottom: 8px; left: 0px; right: 0px; }
.fav-row__heart[data-v-a49ba3a4] { z-index: 3; position: absolute; top: 4px; right: 4px; }
.fav-row__info[data-v-a49ba3a4] { gap: 4px; min-width: 0px; padding-top: 4px; flex-direction: column !important; display: flex !important; }
.fav-row__name[data-v-a49ba3a4] { color: rgb(255, 255, 255); font-size: 16px; font-weight: 600; line-height: 24px; }
.fav-row__category[data-v-a49ba3a4] { color: rgb(173, 183, 204); font-size: 12px; line-height: 20px; }
.fav-row__category span[data-v-a49ba3a4] { font-weight: 600; }
.my-games[data-v-e0b917d3] { background: rgb(4, 23, 70); border-radius: 12px; flex-shrink: 0; gap: 16px; width: 354px; height: 480px; padding: 16px; flex-direction: column !important; display: flex !important; }
@media (max-width: 1280px) {
  .my-games[data-v-e0b917d3] { width: 100%; }
}
.my-games__list[data-v-e0b917d3] { scrollbar-width: none; gap: 16px; overflow-y: auto; flex-direction: column !important; display: flex !important; }
.my-games__list[data-v-e0b917d3]::-webkit-scrollbar { display: none; }
.my-games__add[data-v-e0b917d3] { text-align: center; border: 1px dashed rgb(85, 94, 118); border-radius: 8px; flex-shrink: 0; gap: 8px; height: 118px; padding: 8px; flex-direction: column !important; justify-content: center !important; align-items: center !important; display: flex !important; }
.my-games__add-icon[data-v-e0b917d3] { width: 36px; height: 36px; }
.my-games__add p[data-v-e0b917d3] { color: rgb(173, 183, 204); font-size: 12px; line-height: 16px; }
.game-item[data-v-3a905143] { width: 100%; height: 100%; position: relative; flex-direction: column !important; display: flex !important; }
.game-item__heart[data-v-3a905143] { z-index: 3; position: absolute; top: 8px; right: 8px; }
.game-item__top-number[data-v-3a905143] { background-repeat: no-repeat; background-size: 30px 24px; justify-content: center; align-items: center; width: 30px; height: 24px; font-family: "Inter"; font-size: 16px; font-weight: 700; line-height: 24px; display: flex; position: absolute; top: 34px; left: 0px; }
.game-item__img[data-v-3a905143] { object-fit: cover; width: 100%; height: calc(100% - 24px); }
.game-item__img[lazy="error"][data-v-3a905143] { object-fit: fill; }
.game-item__content[data-v-3a905143] { background-color: rgb(1, 34, 154); justify-content: center; align-items: center; gap: 4px; width: 100%; padding: 4px 0px; display: flex; }
.game-item__jackpot-icon[data-v-3a905143] { width: 18px; height: 18px; }
.game-item__jackpot-number[data-v-3a905143] { color: rgb(255, 220, 1); font-family: "Roboto Mono"; font-size: 12px; font-weight: 700; line-height: 16px; }
.game-item .animated-wrapper .slots[data-v-3a905143] { z-index: 1; justify-content: center; align-items: center; animation: 1s linear 0s infinite normal none running light-up; display: flex; position: absolute; top: 40px; right: 6px; }
.game-item .animated-wrapper .slots-light[data-v-3a905143] { justify-content: space-between; align-items: center; width: 52px; height: 2px; display: flex; position: absolute; top: 2.2px; left: 24px; }
.game-item .animated-wrapper .slots-light__item[data-v-3a905143] { background-color: rgb(0, 28, 76); border-radius: 999px; width: 2px; height: 2px; animation: 1s ease-in-out 0s infinite normal none running light-blink; }
.game-item .animated-wrapper .slots-light__item[data-v-3a905143]:nth-child(2n) { animation-delay: 0.5s; }
.game-item .animated-wrapper .slots-title[data-v-3a905143] { z-index: 2; background-image: url("https://ssv88.co/wp-content/uploads/2026/11/text-jackpot.webp"); background-position: 50% center; background-repeat: repeat-y; background-size: contain; width: 84px; height: 16px; animation: 5s linear 0s infinite normal none running slots-spin, 5s ease-in-out 0s infinite normal none running slots-zoom; position: absolute; top: 12px; left: 8px; }
.game-item .animated-wrapper .slots-bg[data-v-3a905143] { width: 102px; height: 32px; }
.game-item .animated-wrapper .slots-bg__text[data-v-3a905143] { width: 88px; height: 20px; position: absolute; top: 10px; left: 6px; }
.game-item .animated-wrapper .slots-bg__spin[data-v-3a905143] { width: 10px; height: 15px; position: absolute; top: 6px; right: -6px; }
.game-item[data-v-3a905143] .coin-burst-wrapper { height: 162px; }
.user-winner[data-v-6bfe6b12] { cursor: pointer; background: rgb(30, 51, 104); border-radius: 8px; align-items: center; gap: 8px; padding: 8px; transition: 0.3s ease-in-out; display: flex; }
.user-winner[data-v-6bfe6b12]:hover { background: rgb(10, 83, 136); }
.user-winner__thumb[data-v-6bfe6b12] { width: 80px; height: 54px; position: relative; }
.user-winner__thumb-img[data-v-6bfe6b12] { object-fit: cover; border-radius: 4px; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }
.user-winner__content[data-v-6bfe6b12] { padding-top: 4px; }
.user-winner .name[data-v-6bfe6b12] { color: rgb(173, 183, 204); font-size: 11px; font-weight: 500; line-height: 15px; }
.user-winner .amount[data-v-6bfe6b12] { color: rgb(251, 193, 108); margin-top: 2px; font-size: 14px; font-weight: 700; line-height: 21px; }
@media (max-width: 992px) {
  .user-winner__item[data-v-6bfe6b12] { background: rgba(36, 49, 81, 0.3); gap: 8px; min-width: 100px; padding: 4px; }
  .user-winner__item-thumb[data-v-6bfe6b12] { width: 71px; height: 48px; }
  .user-winner__item .name[data-v-6bfe6b12] { font-size: 12px; }
}
.top-jackpot[data-v-0d53488a] { background-image: url("https://ssv88.co/wp-content/uploads/2026/11/asset-1.webp"); background-position: 50% center; background-repeat: no-repeat; background-size: cover; width: 726px; height: 480px; }
@media (max-width: 1280px) {
  .top-jackpot[data-v-0d53488a] { background-image: url("https://ssv88.co/wp-content/uploads/2026/11/bg-explode-mb.webp"); width: 100%; height: 100%; }
}
.top-jackpot__wrapper[data-v-0d53488a] { flex-direction: column; align-items: center; display: flex; }
.top-jackpot__title[data-v-0d53488a] { justify-content: center; width: 100%; margin-top: 16px; font-family: "Inter"; font-size: 16px; font-weight: 700; line-height: 24px; display: flex; }
.top-jackpot__total[data-v-0d53488a] { width: 394px; margin: 24px auto 0px; position: relative; }
.top-jackpot__total-bg[data-v-0d53488a] { object-fit: cover; width: 100%; height: auto; }
.top-jackpot__total-value[data-v-0d53488a] { text-align: center; width: 100%; font-family: "Roboto Mono"; font-size: 26px; font-weight: 700; line-height: 34px; position: absolute; top: 70%; left: 50%; transform: translate(-50%) translateY(-70%); }
.top-jackpot__list-games[data-v-0d53488a] { width: 100%; max-width: 642px; height: 100%; margin: 24px auto 0px; }
.top-jackpot__list-games[data-v-0d53488a] .game-item { flex-direction: column-reverse !important; }
.top-jackpot__list-games[data-v-0d53488a] .top-number { top: 10px !important; }
@media (max-width: 768px) {
  .top-jackpot__list-games[data-v-0d53488a] { max-width: 100%; padding: 0px 10px; }
  .top-jackpot__list-games .swiper[data-v-0d53488a] { padding: 25px 0px; }
}
.top-jackpot__list-games__item[data-v-0d53488a] { cursor: pointer; border-radius: 7.21px; height: 161px; position: relative; overflow: hidden; }
.top-jackpot__list-games__item[data-v-0d53488a]:hover::after { opacity: 1; }
.top-jackpot__list-games__item[data-v-0d53488a]::before { content: ""; pointer-events: none; background: linear-gradient(rgb(26, 172, 255), rgb(0, 34, 154)), linear-gradient(rgb(21, 44, 255), rgba(0, 21, 205, 0)); border-radius: 7.21px; padding: 0.78px; position: absolute; inset: 0px; mask: linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px) 0px 0px content-box exclude, linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px) 0px 0px; }
.top-jackpot__list-games__item[data-v-0d53488a]::after { content: ""; opacity: 0; pointer-events: none; background: rgba(8, 8, 8, 0.4); transition: 0.3s ease-in-out; position: absolute; inset: 0px; }
@media (max-width: 768px) {
  .top-jackpot__list-games__item[data-v-0d53488a] { height: auto; max-height: 365px; }
  .top-jackpot__list-games__item.swiper-slide-active[data-v-0d53488a] { z-index: 1; transition: 0.3s ease-in; transform: scale(1.05); }
}
.top-jackpot__list-games__item .top-number[data-v-0d53488a] { background-image: url("https://ssv88.co/wp-content/uploads/2026/11/stt.svg"); background-repeat: no-repeat; background-size: 30px 24px; justify-content: center; align-items: center; width: 30px; height: 24px; padding-right: 5px; font-family: "Inter"; font-size: 16px; font-weight: 700; line-height: 24px; display: flex; position: absolute; top: 34px; left: 0px; }
.top-jackpot__list-games__item .top-number-0[data-v-0d53488a] { background-image: url("https://ssv88.co/wp-content/uploads/2026/11/stt-1.svg"); }
.top-jackpot__list-games__item .top-number-1[data-v-0d53488a] { background-image: url("https://ssv88.co/wp-content/uploads/2026/11/stt-2.svg"); }
.top-jackpot__list-games__item .top-number-2[data-v-0d53488a] { background-image: url("https://ssv88.co/wp-content/uploads/2026/11/stt-3.svg"); }
.top-jackpot .top-winner__fallback[data-v-0d53488a], .top-jackpot__list-games__fallback[data-v-0d53488a] { grid-template-columns: repeat(3, 1fr); gap: 10px; display: grid; }
.top-jackpot__list-games__fallback__item[data-v-0d53488a] { height: 161px; }
.top-jackpot .top-winner[data-v-0d53488a] { width: calc(100% - 8px); max-width: 732px; margin: 24px auto 0px; position: relative; }
.top-jackpot .top-winner[data-v-0d53488a]::after, .top-jackpot .top-winner[data-v-0d53488a]::before { pointer-events: none; content: ""; z-index: 3; background: linear-gradient(90deg, rgb(1, 22, 77) 4.04%, rgba(0, 0, 0, 0) 92.93%); width: 10%; height: 100%; position: absolute; top: 0px; left: 0px; }
.top-jackpot .top-winner[data-v-0d53488a]::after { left: auto; right: -1px; transform: matrix(-1, 0, 0, 1, 0, 0); }
@media (max-width: 992px) {
  .top-jackpot .top-winner[data-v-0d53488a]::after, .top-jackpot .top-winner[data-v-0d53488a]::before { content: none; }
}
.desktop-home[data-v-e5ccdbe5] { align-items: flex-start; gap: 24px; padding: 16px 0px; display: flex; }
.desktop-home .sidebar[data-v-e5ccdbe5] { z-index: 10; min-width: 160px; position: sticky; top: 96px; left: 0px; }
.desktop-home .main[data-v-e5ccdbe5] { gap: 16px; max-width: calc(100% - 184px); flex-direction: column !important; display: flex !important; }
.desktop-home .top-slots[data-v-e5ccdbe5] { gap: 16px; display: flex; }
@media (max-width: 1280px) {
  .desktop-home .top-slots[data-v-e5ccdbe5] { flex-direction: column; }
}
.game-hot[data-v-cda5ecf6] { margin: auto; }
.game-hot__wrapper[data-v-cda5ecf6] { flex-direction: column; align-items: center; margin-bottom: 3.2vw; display: flex; }
.game-hot__title[data-v-cda5ecf6] { justify-content: flex-start; align-items: center; gap: 0.8vw; width: 100%; margin-bottom: 2.13333vw; display: flex; }
.game-hot__title span[data-v-cda5ecf6]::before { font-size: 5.33333vw; }
.game-hot__title p[data-v-cda5ecf6] { text-transform: uppercase; color: rgb(255, 255, 255); font-family: "Inter"; font-size: 3.2vw; font-weight: 700; line-height: 4.26667vw; }
.game-hot__content[data-v-cda5ecf6] { grid-template-columns: repeat(2, 1fr); gap: 2.13333vw; width: 100%; height: fit-content; display: grid; }
.game-hot__content[data-v-cda5ecf6] > :first-child { aspect-ratio: 280 / 86; grid-column: span 2; }
.game-hot__item[data-v-cda5ecf6] { cursor: pointer; aspect-ratio: 136 / 86; border-radius: 2.13333vw; position: relative; overflow: hidden; }
.game-hot__item img[data-v-cda5ecf6] { width: 100%; height: 100%; }
.game-hot__item .game-hot__heart[data-v-cda5ecf6] { z-index: 3; position: absolute; top: 2.13333vw; right: 2.13333vw; }
.my-games-mb-wrapper .section-title[data-v-3eab736f] { margin-bottom: 2.13333vw; }
.my-games-mb[data-v-3eab736f] { background: linear-gradient(rgb(4, 23, 70), rgb(4, 23, 70)) padding-box padding-box, linear-gradient(rgb(19, 150, 248), rgb(0, 34, 154)) border-box border-box; border: 1px solid rgba(0, 0, 0, 0); border-radius: 2.13333vw; gap: 2.13333vw; padding: 2.13333vw; flex-direction: column !important; display: flex !important; }
.my-games-mb__list[data-v-3eab736f] { scrollbar-width: none; gap: 3.2vw; display: flex; overflow-x: auto; }
.my-games-mb__list[data-v-3eab736f]::-webkit-scrollbar { display: none; }
.my-games-mb__add[data-v-3eab736f], .my-games-mb__item[data-v-3eab736f] { flex: 0 0 38.6667vw; width: 38.6667vw; }
.my-games-mb__add[data-v-3eab736f] { text-align: center; aspect-ratio: 29 / 23; border: 1px dashed rgb(85, 94, 118); border-radius: 2.13333vw; gap: 2.13333vw; padding: 2.13333vw; flex-direction: column !important; justify-content: center !important; align-items: center !important; display: flex !important; }
.my-games-mb__add-icon[data-v-3eab736f] { width: 6.4vw; height: 6.4vw; }
.my-games-mb__add p[data-v-3eab736f] { color: rgb(173, 183, 204); font-size: 3.2vw; line-height: 4.26667vw; }
.my-games-mb[data-v-3eab736f] .game-item { aspect-ratio: 29 / 23; }
.my-games-mb[data-v-3eab736f] .game-item .coin-burst-wrapper { height: 28.8vw; }
.mobile-home[data-v-230877d5] { background: rgb(30, 51, 104); align-items: flex-start; display: flex; }
.mobile-home .main[data-v-230877d5] { flex: 1 1 0%; gap: 3.2vw; width: calc(100% - 23.2vw); padding: 2.13333vw; flex-direction: column !important; display: flex !important; }
.sidebar-container .sidebar-container__list[data-v-c519b63e] { background-color: rgb(18, 31, 62); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 8px; }
.sidebar-container .sidebar-container__list-item[data-v-c519b63e] { cursor: pointer; align-items: center; gap: 4px; padding: 16px 8px; transition: 0.3s; display: flex; position: relative; }
.sidebar-container .sidebar-container__list-item[data-v-c519b63e]::before { content: ""; opacity: 0; z-index: 0; position: absolute; inset: 0px; }
.sidebar-container .sidebar-container__list-item[data-v-c519b63e]::after { content: ""; z-index: 1; background: rgba(255, 255, 255, 0.1); width: 100%; height: 1px; position: absolute; bottom: 0px; left: 0px; }
.sidebar-container .sidebar-container__list-item[data-v-c519b63e]:first-child::before { border-top-left-radius: 8px; border-top-right-radius: 8px; }
.sidebar-container .sidebar-container__list-item[data-v-c519b63e]:last-child { border-bottom: 0px; }
.sidebar-container .sidebar-container__list-item[data-v-c519b63e]:last-child::before { border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; }
.sidebar-container .sidebar-container__list-item[data-v-c519b63e]:last-child::after { display: none; }
.sidebar-container .sidebar-container__list-item.router-link-active[data-v-c519b63e]::before, .sidebar-container .sidebar-container__list-item[data-v-c519b63e]:hover:not(.mobile):not(.router-link-active)::before { opacity: 1; background: rgb(10, 83, 136); }
.sidebar-container .sidebar-container__list-item.router-link-active .sidebar-container__list-item-icon[data-v-c519b63e]::before, .sidebar-container .sidebar-container__list-item:hover:not(.mobile):not(.router-link-active) .sidebar-container__list-item-icon[data-v-c519b63e]::before { color: rgb(255, 255, 255); }
.sidebar-container .sidebar-container__list-item.router-link-active .sidebar-container__list-item-title[data-v-c519b63e], .sidebar-container .sidebar-container__list-item:hover:not(.mobile):not(.router-link-active) .sidebar-container__list-item-title[data-v-c519b63e] { color: rgb(255, 255, 255); font-weight: 700; }
.sidebar-container .sidebar-container__list-item.router-link-active[data-v-c519b63e]::before { background: linear-gradient(270deg, rgb(0, 198, 211), rgb(0, 105, 203)); }
.sidebar-container .sidebar-container__list-item-hot[data-v-c519b63e], .sidebar-container .sidebar-container__list-item-icon[data-v-c519b63e], .sidebar-container .sidebar-container__list-item-title[data-v-c519b63e] { z-index: 1; position: relative; }
.sidebar-container .sidebar-container__list-item-icon[data-v-c519b63e]::before { color: rgb(173, 183, 204); font-size: 20px; }
.sidebar-container .sidebar-container__list-item-title[data-v-c519b63e] { color: rgb(173, 183, 204); height: auto; min-height: 24px; font-family: "Inter"; font-size: 16px; font-weight: 600; line-height: 24px; }
.sidebar-container .sidebar-container__list-item-hot[data-v-c519b63e] { position: absolute; top: 50%; right: 8px; transform: translateY(-50%); }
@media screen and (max-width: 1024px) {
  .sidebar-container .sidebar-container__list[data-v-c519b63e] { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0px; }
  .sidebar-container .sidebar-container__list-item[data-v-c519b63e] { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; gap: 1.06667vw; padding: 2.13333vw 1.06667vw; position: relative; flex-direction: column !important; display: flex !important; }
  .sidebar-container .sidebar-container__list-item[data-v-c519b63e]:first-child::before, .sidebar-container .sidebar-container__list-item[data-v-c519b63e]:last-child::before { border-radius: 0px; }
  .sidebar-container .sidebar-container__list-item[data-v-c519b63e]:last-child::after { content: none; }
  .sidebar-container .sidebar-container__list-item[data-v-c519b63e]::after { content: ""; background: rgba(255, 255, 255, 0.1); width: 10.6667vw; height: 1px; position: absolute; bottom: 0px; left: 50%; transform: translate(-50%); }
  .sidebar-container .sidebar-container__list-item-icon[data-v-c519b63e]::before { height: 6.4vw; font-size: 6.4vw; display: inline-block; }
  .sidebar-container .sidebar-container__list-item-title[data-v-c519b63e] { text-align: center; min-height: 4.26667vw; font-family: "Inter"; font-size: 2.66667vw; font-weight: 500; line-height: 4.26667vw; }
  .sidebar-container .sidebar-container__list-item-hot[data-v-c519b63e] { width: 6.13333vw; height: 3.2vw; top: 0.533333vw; right: 0.533333vw; transform: none; }
  .sidebar-container .sidebar-container__list-item.router-link-active .sidebar-container__list-item-title[data-v-c519b63e] { font-weight: 500; }
}
.img-error[data-v-393c02cc] { object-fit: contain !important; }
.img-lazy[data-v-393c02cc] { background: linear-gradient(110deg, rgb(18, 31, 62) 8%, rgb(40, 49, 69) 18%, rgb(18, 31, 62) 43%) 0px 0px / 200% 400%; width: 100%; animation: 1.5s linear 0s infinite normal none running skeleton-shine; }
.img-lazy__header[data-v-393c02cc] { background: linear-gradient(110deg, rgb(18, 31, 62) 8%, rgb(40, 49, 69) 18%, rgb(18, 31, 62) 43%); }
.img-lazy.bg-white[data-v-393c02cc] { background: rgb(255, 255, 255); }
.img-lazy[lazy="error"][data-v-393c02cc], .img-lazy[lazy="loaded"][data-v-393c02cc] { background: 0px 0px; animation: auto ease 0s 1 normal none running none; }
.img-lazy[lazy="error"][data-v-393c02cc], img[lazy="loading"][data-v-393c02cc] { padding: 0px 35px; }
@media screen and (max-width: 1024px) {
  .img-lazy[lazy="error"][data-v-393c02cc], img[lazy="loading"][data-v-393c02cc] { object-fit: contain; padding: 0px 18px; }
}
@media (max-width: 1024px) {
  .modal.dynamic__modal .icon-close-btn { width: 8.53333vw !important; height: 8.53333vw !important; }
  .modal.dynamic__modal .modal-dialog { width: auto !important; }
}
.fav-toast[data-v-2e230735] { z-index: 1055; background: rgb(255, 255, 255); border: 1px solid rgb(85, 94, 118); border-radius: 4px; justify-content: center; align-items: center; gap: 12px; max-width: calc(-32px + 100vw); padding: 8px 16px; display: flex; position: fixed; top: 88px; left: 50%; transform: translate(-50%); box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 6px; }
.fav-toast__icon[data-v-2e230735] { flex-shrink: 0; font-size: 24px; }
.fav-toast__icon.icon-check-circle-fill[data-v-2e230735]::before { color: rgb(0, 194, 36); }
.fav-toast__icon.icon-cancel[data-v-2e230735]::before { color: rgb(211, 0, 0); }
.fav-toast__message[data-v-2e230735] { color: rgb(0, 0, 0); text-align: left; white-space: nowrap; font-size: 16px; line-height: 24px; }
.fav-toast__close[data-v-2e230735] { cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; flex-shrink: 0; justify-content: center; align-items: center; padding: 0px; display: flex; }
.fav-toast__close .icon-close[data-v-2e230735] { font-size: 24px; }
.fav-toast__close .icon-close[data-v-2e230735]::before { color: rgb(0, 0, 0); }
.fav-toast.mobile[data-v-2e230735] { top: calc(2.13333vw + var(--height-header-top-mb-reality)); border-radius: 1.06667vw; gap: 3.2vw; width: 96.8vw; max-width: 96.8vw; padding: 2.13333vw 4.26667vw; box-shadow: rgba(0, 0, 0, 0.4) 0px 0.533333vw 1.6vw; }
.fav-toast.mobile .fav-toast__icon[data-v-2e230735] { font-size: 6.4vw; }
.fav-toast.mobile .fav-toast__message[data-v-2e230735] { white-space: normal; flex: 1 1 0%; font-size: 4.26667vw; line-height: 6.4vw; }
.fav-toast.mobile .fav-toast__close .icon-close[data-v-2e230735] { font-size: 6.4vw; }
.fav-toast-enter-active[data-v-2e230735], .fav-toast-leave-active[data-v-2e230735] { transition: opacity 0.2s, transform 0.2s; }
.fav-toast-enter-from[data-v-2e230735], .fav-toast-leave-to[data-v-2e230735] { opacity: 0; transform: translate(-50%, -8px); }
.base-input[data-v-362cad05] { position: relative; }
.base-input .imask[data-v-362cad05], .base-input input[data-v-362cad05], .base-input textarea[data-v-362cad05] { color: rgb(255, 255, 255); background: rgb(0, 0, 0); border: 1px solid rgb(157, 167, 186); border-radius: 8px; width: 100%; height: 44px; padding: 12px; font-family: "Inter"; font-size: 14px; font-weight: 400; line-height: 20px; position: relative; }
.base-input .imask.paste-custom[data-v-362cad05], .base-input input.paste-custom[data-v-362cad05], .base-input textarea.paste-custom[data-v-362cad05] { padding: 11px 56px 11px 12px; }
.base-input .imask[data-v-362cad05]::placeholder, .base-input input[data-v-362cad05]::placeholder, .base-input textarea[data-v-362cad05]::placeholder { white-space: nowrap; text-overflow: ellipsis; color: rgb(123, 130, 145); overflow: hidden; }
.base-input .imask[data-v-362cad05]:placeholder-shown, .base-input input[data-v-362cad05]:placeholder-shown, .base-input textarea[data-v-362cad05]:placeholder-shown { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.base-input .imask[data-v-362cad05]:-webkit-autofill { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input input[data-v-362cad05]:-webkit-autofill { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input textarea[data-v-362cad05]:-webkit-autofill { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input .imask[data-v-362cad05]:-internal-autofill-selected { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input .imask[data-v-362cad05]:-webkit-autofill { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input .imask[data-v-362cad05]:-webkit-autofill { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input .imask[data-v-362cad05]:autofill { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input input[data-v-362cad05]:-internal-autofill-selected { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input input[data-v-362cad05]:-webkit-autofill { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input input[data-v-362cad05]:-webkit-autofill { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input input[data-v-362cad05]:autofill { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input textarea[data-v-362cad05]:-internal-autofill-selected { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input textarea[data-v-362cad05]:-webkit-autofill { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input textarea[data-v-362cad05]:-webkit-autofill { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input textarea[data-v-362cad05]:autofill { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input .imask[data-v-362cad05]:-webkit-autofill:focus { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input .imask[data-v-362cad05]:-webkit-autofill:hover { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input input[data-v-362cad05]:-webkit-autofill:focus { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input input[data-v-362cad05]:-webkit-autofill:hover { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input textarea[data-v-362cad05]:-webkit-autofill:focus { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input textarea[data-v-362cad05]:-webkit-autofill:hover { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input .imask[data-v-362cad05]:-internal-autofill-selected:focus { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input .imask[data-v-362cad05]:-internal-autofill-selected:hover { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input .imask[data-v-362cad05]:-webkit-autofill:focus { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input .imask[data-v-362cad05]:-webkit-autofill:hover { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input .imask[data-v-362cad05]:-webkit-autofill:focus { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input .imask[data-v-362cad05]:autofill:focus { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input .imask[data-v-362cad05]:-webkit-autofill:hover { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input .imask[data-v-362cad05]:autofill:hover { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input input[data-v-362cad05]:-internal-autofill-selected:focus { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input input[data-v-362cad05]:-internal-autofill-selected:hover { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input input[data-v-362cad05]:-webkit-autofill:focus { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input input[data-v-362cad05]:-webkit-autofill:hover { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input input[data-v-362cad05]:-webkit-autofill:focus { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input input[data-v-362cad05]:autofill:focus { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input input[data-v-362cad05]:-webkit-autofill:hover { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input input[data-v-362cad05]:autofill:hover { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input textarea[data-v-362cad05]:-internal-autofill-selected:focus { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input textarea[data-v-362cad05]:-internal-autofill-selected:hover { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input textarea[data-v-362cad05]:-webkit-autofill:focus { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input textarea[data-v-362cad05]:-webkit-autofill:hover { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input textarea[data-v-362cad05]:-webkit-autofill:focus { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input textarea[data-v-362cad05]:autofill:focus { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input textarea[data-v-362cad05]:-webkit-autofill:hover { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input textarea[data-v-362cad05]:autofill:hover { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input .imask[data-v-362cad05]:disabled, .base-input input[data-v-362cad05]:disabled, .base-input textarea[data-v-362cad05]:disabled { user-select: none; color: rgba(255, 255, 255, 0.2) !important; opacity: 1 !important; background: rgb(30, 45, 81) !important; border: 1px solid rgba(255, 255, 255, 0.2) !important; }
.base-input .imask[data-v-362cad05]:disabled::placeholder, .base-input input[data-v-362cad05]:disabled::placeholder, .base-input textarea[data-v-362cad05]:disabled::placeholder { color: rgba(255, 255, 255, 0.2); }
.base-input__wrap[data-v-362cad05] { flex-flow: column-reverse; display: flex; position: relative; }
.base-input__wrap .icon-remove[data-v-362cad05] { z-index: 2; cursor: pointer; font-size: 24px; position: absolute; top: 38px; right: 8px; }
.base-input__wrap .icon-remove.default[data-v-362cad05] { right: 12px; }
.base-input__wrap .paste-custom[data-v-362cad05] { width: 100%; }
.base-input__wrap-input[data-v-362cad05] { border-radius: 8px; position: relative; }
.base-input__wrap-input[data-v-362cad05]::after { content: ""; z-index: 1; opacity: 0; visibility: hidden; pointer-events: none; border: 1px solid rgb(19, 150, 248); border-radius: 8px; width: 100%; height: 100%; transition: 0.3s ease-in-out; position: absolute; top: 0px; left: 0px; }
.base-input__wrap-input .icon-loading-verify[data-v-362cad05] { z-index: 2; width: 20px; height: 20px; animation: 0.8s linear 0s infinite normal none running rotate; position: absolute; top: 13px; right: 14px; }
.base-input__wrap-input .icon-check[data-v-362cad05] { z-index: 2; font-size: 24px; position: absolute; top: 12px; right: 14px; }
.base-input__wrap-input .icon-check[data-v-362cad05]::before { color: rgb(0, 233, 47); }
@media screen and (max-width: 1024px) {
  .base-input__wrap-input .icon-loading-verify[data-v-362cad05] { width: 5.33333vw; height: 5.33333vw; top: 2.66667vw; right: 3.73333vw; }
  .base-input__wrap-input .icon-check[data-v-362cad05] { font-size: 5.86667vw; top: 2.13333vw; right: 2.66667vw; }
}
.base-input__wrap--reverse[data-v-362cad05] { flex-flow: column; }
.base-input__wrap--reverse .form-textarea[data-v-362cad05] { position: relative; }
.base-input__wrap--reverse .form-textarea .base-input__paste[data-v-362cad05], .base-input__wrap--reverse .form-textarea .icon-x-circle-fill[data-v-362cad05] { top: 50%; transform: translateY(-50%); }
.base-input__wrap--reverse label[data-v-362cad05] { transform: none; }
.base-input__wrap .icon[data-v-362cad05] { color: rgb(173, 183, 204); cursor: pointer; z-index: 1; font-size: 24px; position: absolute; top: 38px; right: 12px; }
.base-input__wrap .icon-close[data-v-362cad05]::before, .base-input__wrap .icon[data-v-362cad05]::before { color: rgb(173, 183, 204); }
.base-input__wrap .icon.icon-clear[data-v-362cad05] { top: 52%; }
.base-input__wrap .icon.icon-clear.none-label[data-v-362cad05] { top: 35%; }
.base-input__wrap .icon-pw[data-v-362cad05], .base-input__wrap .icon-pw-hide-label[data-v-362cad05] { position: absolute; right: 12px; }
.base-input__wrap .icon-pw-hide-label[data-v-362cad05]::after, .base-input__wrap .icon-pw[data-v-362cad05]::after { content: ""; width: 24px; height: 24px; position: absolute; top: -8px; left: -8px; }
.base-input__wrap .icon-pw-hide-label[data-v-362cad05] { top: 25%; }
.base-input__wrap.focused:not(.input-error) .base-input__wrap-input[data-v-362cad05]::after, .base-input__wrap.hover:not(.input-error) .base-input__wrap-input[data-v-362cad05]::after { opacity: 1; visibility: visible; }
.base-input__wrap.focused textarea[data-v-362cad05] { color: rgb(255, 255, 255); }
.base-input__wrap.focused textarea[data-v-362cad05]::placeholder { color: rgb(123, 130, 145); opacity: 1; }
.base-input__wrap.input-error.has-value input[data-v-362cad05] { color: rgb(255, 255, 255); }
.base-input__wrap.input-error .imask[data-v-362cad05], .base-input__wrap.input-error input[data-v-362cad05], .base-input__wrap.input-error textarea[data-v-362cad05] { border: 1px solid rgb(211, 0, 0); }
.base-input__wrap.hidden-label .icon[data-v-362cad05], .base-input__wrap.hidden-label .icon-hide[data-v-362cad05], .base-input__wrap.hidden-label .icon-pw[data-v-362cad05] { top: 10px; }
.base-input__label[data-v-362cad05] { color: rgb(173, 183, 204); justify-content: space-between; align-items: center; gap: 2px; margin-bottom: 8px; font-family: "Inter"; font-size: 14px; font-weight: 600; line-height: 20px; display: flex; position: relative; }
.base-input__label .required[data-v-362cad05] { color: rgb(220, 51, 51); margin-left: 2px; font-size: 10px; position: absolute; top: -6px; }
.base-input__label .sub[data-v-362cad05] { color: rgb(255, 255, 255); margin-bottom: 2px; font-family: "Inter"; font-size: 12px; font-weight: 600; line-height: 16px; }
.base-input textarea[data-v-362cad05] { resize: none; height: auto; }
.base-input__amount[data-v-362cad05] { color: rgb(255, 255, 255); z-index: 1; font-family: "Inter"; font-size: 12px; font-weight: 600; line-height: 16px; transition: 0.1s; position: absolute; top: 38px; right: 12px; }
.base-input__amount__icon[data-v-362cad05] { font-size: 12.4px; }
.base-input .icon-close-circle[data-v-362cad05]::before { color: rgb(173, 183, 204); }
.base-input__suffix[data-v-362cad05] { font-family: "Inter"; font-size: 14px; font-weight: 400; line-height: 20px; position: relative; }
.base-input__suffix[data-v-362cad05]::after { content: ""; opacity: 0; pointer-events: none; border-bottom: 1px solid rgb(19, 150, 248); width: 0px; transition: 0.3s ease-in-out; position: absolute; bottom: 0px; left: 0px; }
.base-input__suffix[data-v-362cad05] { color: rgb(251, 193, 108); cursor: pointer; z-index: 9; position: absolute; top: 50px; right: 12px; transform: translateY(-50%); }
.base-input__suffix[data-v-362cad05]:hover::after { opacity: 1; border-bottom: 1px solid; width: 100%; }
.base-input__suffix-disabled[data-v-362cad05] { cursor: default; color: rgb(123, 130, 145); }
.base-input__suffix-verified[data-v-362cad05] { color: rgb(0, 233, 47); cursor: default; }
.base-input__paste[data-v-362cad05] { color: rgb(255, 255, 255); cursor: pointer; z-index: 9; background-color: rgb(19, 150, 248); border-radius: 4px; justify-content: center; align-items: center; width: 43px; height: 20px; font-family: "Inter"; font-size: 14px; font-weight: 400; line-height: 20px; display: flex; position: absolute; top: 40px; right: 13px; }
.base-input__paste.none-label[data-v-362cad05] { top: 38%; }
.base-input__paste-disabled[data-v-362cad05] { cursor: default; color: rgb(123, 130, 145); }
.base-input .icon-eye-slash[data-v-362cad05]::before, .base-input .icon-eye[data-v-362cad05]::before { color: rgb(173, 183, 204); }
.base-input__prepend-icon[data-v-362cad05] { cursor: auto; color: rgb(255, 255, 255); z-index: 9; border-top-right-radius: 8px; border-bottom-right-radius: 8px; justify-content: center; align-items: center; width: 29px; height: 42px; font-family: "Inter"; font-size: 14px; font-weight: 400; line-height: 20px; display: flex; position: absolute; top: 2px; right: 32px; }
.base-input__prepend-icon ~ input[data-v-362cad05] { padding-right: 42px !important; }
.base-input__prepend-icon.prepend[data-v-362cad05] { right: 2px; }
.base-input .error[data-v-362cad05] { color: rgb(220, 51, 51); padding-top: 8px; padding-left: 12px; font-family: "Inter"; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; display: block; }
.base-input--password input[data-v-362cad05] { padding-right: calc(2.2 * var(--c4-rem,16px)) !important; }
.base-input.medium .imask[data-v-362cad05], .base-input.medium input[data-v-362cad05], .base-input.medium textarea[data-v-362cad05] { height: 40px; }
.base-input.medium .base-input__wrap .icon[data-v-362cad05] { font-size: 20px; top: 38px; }
.base-input.medium .base-input__prepend-icon[data-v-362cad05] { height: 38px; }
.base-input.medium .base-input__label[data-v-362cad05] { font-family: "Inter"; font-size: 14px; font-weight: 600; line-height: 20px; }
.base-input.medium .base-input__label .sub[data-v-362cad05] { font-family: "Inter"; font-size: 12px; font-weight: 400; line-height: 16px; }
.base-input.medium .base-input__paste[data-v-362cad05] { top: 38px; }
.base-input.small .imask[data-v-362cad05], .base-input.small input[data-v-362cad05], .base-input.small textarea[data-v-362cad05] { height: 36px; padding: 8px; font-family: "Inter"; font-size: 12px; font-weight: 400; line-height: 16px; }
.base-input.small .base-input__wrap .icon[data-v-362cad05] { top: 30px; right: 8px; }
.base-input.small .base-input__paste[data-v-362cad05] { top: 32px; }
.base-input.small .base-input__prepend-icon[data-v-362cad05] { height: 34px; }
.base-input.small .base-input__label[data-v-362cad05] { font-family: "Inter"; font-size: 12px; font-weight: 600; line-height: 16px; }
.base-input.small .base-input__label .required[data-v-362cad05] { top: -4px; }
.base-input.small .base-input__label .sub[data-v-362cad05] { font-family: "Inter"; font-size: 12px; font-weight: 400; line-height: 16px; }
@media screen and (max-width: 1024px) {
  .base-input__suffix[data-v-362cad05]:hover::after { opacity: 0; }
  .base-input__wrap-input[data-v-362cad05], .base-input__wrap-input[data-v-362cad05]::after { border-radius: 2.13333vw; }
  .base-input.medium .imask[data-v-362cad05], .base-input.medium input[data-v-362cad05], .base-input.medium textarea[data-v-362cad05] { border-radius: 2.13333vw; height: 10.6667vw; padding: 3.2vw; font-family: "Inter"; font-size: 3.73333vw; font-weight: 400; line-height: 5.33333vw; }
  .base-input.medium .icon-pw[data-v-362cad05], .base-input.medium .icon-pw-hide-label[data-v-362cad05] { right: 2.66667vw; }
  .base-input.medium .error[data-v-362cad05] { padding-top: 2.13333vw; font-family: "Inter"; font-size: 3.2vw; font-weight: 400; line-height: 4.26667vw; }
  .base-input.medium .icon-remove[data-v-362cad05] { font-size: 6.4vw; top: 8.53333vw; right: 2.13333vw; }
  .base-input.medium .icon-remove.default[data-v-362cad05] { right: 3.2vw; }
  .base-input.medium .base-input__wrap .icon[data-v-362cad05] { font-size: 5.33333vw; top: 8vw; right: 3.2vw; }
  .base-input.medium .base-input__wrap.hidden-label .icon[data-v-362cad05], .base-input.medium .base-input__wrap.hidden-label .icon-hide[data-v-362cad05], .base-input.medium .base-input__wrap.hidden-label .icon-pw[data-v-362cad05] { top: 2.4vw; }
  .base-input.medium .base-input__prepend-icon[data-v-362cad05] { border-top-right-radius: 2.13333vw; border-bottom-right-radius: 2.13333vw; width: 10.6667vw; height: 10.1333vw; font-family: "Inter"; font-size: 3.73333vw; font-weight: 600; line-height: 5.33333vw; top: 0.266667vw; right: 6.66667vw; }
  .base-input.medium .base-input__prepend-icon.prepend[data-v-362cad05] { right: -0.533333vw; }
  .base-input.medium .base-input__label[data-v-362cad05] { font-family: "Inter"; font-size: 3.2vw; font-weight: 600; line-height: 4.26667vw; }
  .base-input.medium .base-input__label .sub[data-v-362cad05], .base-input.medium .base-input__paste[data-v-362cad05], .base-input.small .imask[data-v-362cad05], .base-input.small input[data-v-362cad05], .base-input.small textarea[data-v-362cad05] { font-family: "Inter"; font-size: 3.2vw; font-weight: 400; line-height: 4.26667vw; }
  .base-input.medium .base-input__paste[data-v-362cad05] { width: 12.5333vw; height: 5.33333vw; top: 8vw; }
  .base-input.small .imask[data-v-362cad05], .base-input.small input[data-v-362cad05], .base-input.small textarea[data-v-362cad05] { border-radius: 2.13333vw; height: 9.6vw; padding: 2.13333vw; }
  .base-input.small .icon-remove[data-v-362cad05] { font-size: 6.4vw; top: 6.93333vw; right: 13.0667vw; }
  .base-input.small .icon-remove.default[data-v-362cad05] { right: 3.2vw; }
  .base-input.small .error[data-v-362cad05] { padding-top: 2.13333vw; font-family: "Inter"; font-size: 3.2vw; font-weight: 400; line-height: 4.26667vw; }
  .base-input.small .base-input__wrap .icon[data-v-362cad05] { font-size: 6.4vw; top: 6.93333vw; right: 2.13333vw; }
  .base-input.small .base-input__wrap.hidden-label .icon[data-v-362cad05], .base-input.small .base-input__wrap.hidden-label .icon-hide[data-v-362cad05], .base-input.small .base-input__wrap.hidden-label .icon-pw[data-v-362cad05] { top: 2.4vw; }
  .base-input.small .base-input__paste[data-v-362cad05] { width: 12.5333vw; height: 5.33333vw; font-family: "Inter"; font-size: 3.2vw; font-weight: 400; line-height: 4.26667vw; top: 7.46667vw; }
  .base-input.small .base-input__prepend-icon[data-v-362cad05] { border-top-right-radius: 2.13333vw; border-bottom-right-radius: 2.13333vw; width: 10.6667vw; height: 9.06667vw; font-family: "Inter"; font-size: 3.73333vw; font-weight: 600; line-height: 5.33333vw; top: 0.266667vw; right: 0.266667vw; }
  .base-input.small .base-input__label[data-v-362cad05] { font-family: "Inter"; font-size: 3.2vw; font-weight: 600; line-height: 4.26667vw; }
  .base-input.small .base-input__label .required[data-v-362cad05] { top: -1.06667vw; }
  .base-input.small .base-input__label .sub[data-v-362cad05] { font-family: "Inter"; font-size: 3.2vw; font-weight: 400; line-height: 4.26667vw; }
}
@media screen and (max-width: 576px) {
  .base-input__label[data-v-362cad05] { margin-bottom: 1.6vw; }
  .base-input.medium .base-input__paste[data-v-362cad05] { top: 8.53333vw; }
  .base-input.medium .base-input__wrap .icon[data-v-362cad05] { top: 9.06667vw; }
  .base-input.medium .icon-remove[data-v-362cad05], .base-input.small .base-input__paste[data-v-362cad05] { top: 8.53333vw; }
  .base-input.medium .icon-remove.default[data-v-362cad05], .base-input.small .icon-remove.default[data-v-362cad05] { right: 2.13333vw; }
  .base-input.small .base-input__wrap .icon[data-v-362cad05], .base-input.small .icon-remove[data-v-362cad05] { top: 7.73333vw; }
}
.logo-animation[data-v-4e1cd615] { width: 123px; height: 37px; position: relative; }
.logo-animation__logo .hide[data-v-4e1cd615] { opacity: 0; visibility: hidden; }
.logo-animation__animation[data-v-4e1cd615] { width: 123px; height: 37px; position: absolute; top: 0px; left: 0px; }
.session-live-video[data-v-faaf1607] { position: relative; }
.session-live-video__title[data-v-faaf1607] { margin-bottom: 10px; }
.session-live-video__swiper[data-v-faaf1607] { padding: 0px 1px; position: relative; }
.session-live-video__item[data-v-faaf1607] { max-width: 393px; margin-right: 16px; }
.session-live-video[data-v-faaf1607] .livestream-casino { border-radius: 8px; }
.session-live-video[data-v-faaf1607] .livestream-casino__name { bottom: 49px; }
.session-live-video[data-v-faaf1607] .livestream-casino__jackpot { bottom: 7px; }
.session-live-video[data-v-faaf1607] .livestream-casino__play-button { bottom: 9px; right: 6px; }
.session-live-video[data-v-faaf1607] .livestream-casino__img-default, .session-live-video[data-v-faaf1607] .livestream-casino__img-default img { width: 100%; height: 100%; }
.session-live-video__button[data-v-faaf1607]::after { content: ""; z-index: 1; pointer-events: none; background: linear-gradient(270deg, rgb(30, 51, 104), rgba(0, 11, 39, 0)); width: 173px; height: 220px; position: absolute; bottom: 0px; right: 0px; }
.session-live-video__button.disabled[data-v-faaf1607]::after { left: -1px; right: auto; transform: rotate(180deg); }
.session-live-video .swiper-button[data-v-faaf1607] { z-index: 2; cursor: pointer; background: linear-gradient(rgb(19, 150, 248), rgb(19, 150, 248)), linear-gradient(270deg, rgb(8, 85, 196), rgb(19, 150, 248)); border-radius: 12px; justify-content: center; align-items: center; width: 44px; height: 44px; display: flex; position: absolute; top: 58%; right: -20px; transform: translateY(-58%); }
.session-live-video .swiper-button span[data-v-faaf1607] { font-size: 24px; }
.session-live-video .swiper-button-prev[data-v-faaf1607] { left: -20px; right: auto; transform: translateY(-50%) rotate(180deg); }
.session-live-video .swiper-button.disabled[data-v-faaf1607] { opacity: 0; visibility: hidden; }
.section-title[data-v-9f4c3f8c] { width: fit-content; }
.section-title__wrapper[data-v-9f4c3f8c] { align-items: center; display: flex; }
.section-title img[data-v-9f4c3f8c] { width: 24px; height: 24px; margin-right: 8px; }
@media screen and (max-width: 768px) {
  .section-title img[data-v-9f4c3f8c] { width: 16px; height: 16px; }
}
.section-title span[data-v-9f4c3f8c] { margin-right: 8px; font-size: 24px; }
.section-title span[data-v-9f4c3f8c]::before { color: rgb(255, 255, 255); width: 24px; height: 24px; display: flex; }
.section-title p[data-v-9f4c3f8c] { text-transform: uppercase; color: rgb(255, 255, 255); font-family: "Inter"; font-size: 16px; font-weight: 700; line-height: 24px; }
.section-title--link[data-v-9f4c3f8c] { justify-content: space-between; align-items: center; width: 100%; display: flex; }
.section-title a[data-v-9f4c3f8c] { color: rgb(19, 150, 248); font-family: "Inter"; font-size: 16px; font-weight: 600; line-height: 24px; transition: 0.3s; }
.section-title a[data-v-9f4c3f8c]:hover { text-decoration: underline; }
.section-title.mobile span[data-v-9f4c3f8c] { margin-right: 1.06667vw; font-size: 5.33333vw; }
.section-title.mobile span[data-v-9f4c3f8c]::before { width: 5.33333vw; height: 5.33333vw; }
.section-title.mobile p[data-v-9f4c3f8c] { font-weight: 700; }
.section-title.mobile a[data-v-9f4c3f8c], .section-title.mobile p[data-v-9f4c3f8c] { font-family: "Inter"; font-size: 3.2vw; line-height: 4.26667vw; }
.section-title.mobile a[data-v-9f4c3f8c] { font-weight: 600; }
.section-title.mobile a[data-v-9f4c3f8c]:hover { text-decoration: none; }
.livestream-casino[data-v-866cd390] { border-radius: 8px; position: relative; overflow: hidden; }
.livestream-casino[data-v-866cd390]::before { content: ""; pointer-events: none; z-index: 3; border: 1px solid rgb(19, 150, 248); border-radius: 8px; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }
.livestream-casino__img-default[data-v-866cd390] { z-index: 2; width: 100%; height: 100%; position: absolute; }
.livestream-casino__img-default img[data-v-866cd390] { width: 100%; height: 100%; }
.livestream-casino__icon-volume[data-v-866cd390] { cursor: pointer; z-index: 2; position: absolute; top: 8px; left: 8px; }
.livestream-casino__icon-live[data-v-866cd390] { z-index: 2; width: 67px; height: 24px; position: absolute; top: 0px; right: 0px; }
.livestream-casino__icon-partner[data-v-866cd390] { z-index: 2; width: 41px; height: 30px; position: absolute; top: 30px; right: 8px; }
.livestream-casino__icon-partner img[data-v-866cd390] { object-fit: cover; width: 100%; height: 100%; position: absolute; }
.livestream-casino__icon-partner#sic-bo-tp[data-v-866cd390] { width: 91px; right: 3px; }
.livestream-casino__name[data-v-866cd390] { font-size: 16px; font-weight: 600; line-height: 24px; bottom: 46px; }
.livestream-casino__jackpot[data-v-866cd390], .livestream-casino__name[data-v-866cd390] { z-index: 2; font-family: "Inter"; position: absolute; left: 8px; }
.livestream-casino__jackpot[data-v-866cd390] { color: rgb(255, 220, 1); background-color: rgba(0, 0, 0, 0.6); border-radius: 4px; align-items: center; gap: 4px; padding: 10px 8px; font-family: "Roboto Mono"; font-size: 14px; font-weight: 700; line-height: 20px; display: flex; bottom: 4px; }
.livestream-casino__jackpot img[data-v-866cd390] { max-width: 16px; }
.livestream-casino__play-button[data-v-866cd390] { z-index: 10; position: absolute; bottom: 6px; right: 8px; }
.livestream-casino__play-button[data-v-866cd390] .base-button { border-radius: 4px; font-family: "Inter"; font-size: 12px; font-weight: 600; line-height: 16px; }
.livestream-casino__video[data-v-866cd390] { z-index: 1; overflow: hidden; }
.livestream-casino__video-id[data-v-866cd390] { display: block; position: absolute; inset: -2%; object-fit: cover !important; width: 102% !important; height: 102% !important; }
.livestream-casino__video[data-v-866cd390] #middleView-xoc-dia-rik { z-index: 99 !important; }
@media screen and (max-width: 1024px) {
  .livestream-casino[data-v-866cd390] { min-height: 40.8vw; }
  .livestream-casino[data-v-866cd390]::before { content: none; }
  .livestream-casino__img-default[data-v-866cd390], .livestream-casino__img-default img[data-v-866cd390] { width: 100%; height: 100%; }
  .livestream-casino__icon-volume[data-v-866cd390] { z-index: 3; top: 2.13333vw; left: 1.86667vw; }
  .livestream-casino__icon-volume img[data-v-866cd390] { width: 6.4vw; }
  .livestream-casino__icon-live[data-v-866cd390] { width: 17.8667vw; height: 6.4vw; top: 0px; right: 0px; }
  .livestream-casino__icon-live img[data-v-866cd390] { width: 100%; }
  .livestream-casino__icon-partner[data-v-866cd390] { width: 10.9333vw; height: 8vw; top: 8.53333vw; right: 1.06667vw; }
  .livestream-casino__name[data-v-866cd390] { font-family: "Inter"; font-size: 3.73333vw; font-weight: 600; line-height: 5.33333vw; bottom: 12.2667vw; left: 2.13333vw; }
  .livestream-casino__jackpot[data-v-866cd390] { border-radius: 1.06667vw; gap: 1.06667vw; padding: 1.06667vw; font-family: "Roboto Mono"; font-size: 3.2vw; font-weight: 700; line-height: 4.26667vw; bottom: 2.13333vw; left: 2.13333vw; }
  .livestream-casino__jackpot img[data-v-866cd390] { max-width: 4.26667vw; }
  .livestream-casino__play-button[data-v-866cd390] { bottom: 2.13333vw; right: 2.13333vw; }
  .livestream-casino__play-button[data-v-866cd390] .base-button.mobile { font-family: "Inter"; font-size: 2.66667vw; font-weight: 600; line-height: 4.26667vw; }
  .livestream-casino__video[data-v-866cd390] { width: 100% !important; height: 40.8vw !important; }
}
.base-button[data-v-c6f9b663] { cursor: pointer; white-space: nowrap; border: 0px; border-radius: 8px; justify-content: center; align-items: center; width: fit-content; transition: 0.3s; display: flex; position: relative; }
.base-button--content[data-v-c6f9b663] { align-items: center; gap: 8px; display: flex; }
.base-button.color--primary[data-v-c6f9b663] { border-radius: 12px; }
.base-button.color--primary[data-v-c6f9b663], .base-button.color--primary.style--filled[data-v-c6f9b663] { color: rgb(255, 255, 255); background: linear-gradient(270deg, rgb(8, 85, 196), rgb(19, 150, 248)), 100% center rgb(19, 150, 248); }
.base-button.color--primary.style--linear[data-v-c6f9b663] { color: rgb(255, 255, 255); background: rgb(18, 31, 62); border: 1px solid rgb(19, 150, 248); }
.base-button.color--primary.style--linear.disabled[data-v-c6f9b663] { color: rgba(255, 255, 255, 0.2); cursor: default; background: rgb(30, 45, 81); border: 0px; }
.base-button.color--primary.style--linear.inactive[data-v-c6f9b663] { background: rgb(18, 31, 62); }
@media screen and (min-width: 1024px) {
  .base-button.color--primary.style--linear[data-v-c6f9b663]:not(:-webkit-any(:disabled, .inactive)):hover { background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), rgb(18, 31, 62); border: 1px solid rgb(19, 150, 248); }
  .base-button.color--primary.style--linear[data-v-c6f9b663]:not(:is(:disabled, .inactive)):hover { background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), rgb(18, 31, 62); border: 1px solid rgb(19, 150, 248); }
}
.base-button.color--primary.style--transparent[data-v-c6f9b663] { color: rgb(19, 150, 248); transition: 0.3s; background: 0px 0px !important; }
.base-button.color--primary.style--transparent.disabled[data-v-c6f9b663] { color: rgb(123, 130, 145); cursor: default; }
.base-button.color--primary.disabled[data-v-c6f9b663] { color: rgba(255, 255, 255, 0.2); cursor: default; background: rgb(30, 45, 81); }
@media screen and (min-width: 1024px) {
  .base-button.color--primary[data-v-c6f9b663]:hover:not(:-webkit-any(.inactive, :disabled, .base-button.color--primary.style--linear, .mobile)) { background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(270deg, rgb(8, 85, 196), rgb(19, 150, 248)), rgb(19, 150, 248); }
  .base-button.color--primary[data-v-c6f9b663]:hover:not(:is(.inactive, :disabled, .base-button.color--primary.style--linear, .mobile)) { background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(270deg, rgb(8, 85, 196), rgb(19, 150, 248)), rgb(19, 150, 248); }
}
.base-button.color--primary[data-v-c6f9b663]:active:not(:-webkit-any(.inactive, :disabled, .base-button.color--primary.style--linear, .mobile)) { background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(90deg, rgb(19, 150, 248), rgb(8, 85, 196)), rgb(19, 150, 248); }
.base-button.color--primary[data-v-c6f9b663]:active:not(:is(.inactive, :disabled, .base-button.color--primary.style--linear, .mobile)) { background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(90deg, rgb(19, 150, 248), rgb(8, 85, 196)), rgb(19, 150, 248); }
.base-button.color--secondary[data-v-c6f9b663], .base-button.color--secondary.style--filled[data-v-c6f9b663] { color: rgb(255, 255, 255); background-color: rgb(255, 114, 56); }
.base-button.color--secondary.style--filled.disabled[data-v-c6f9b663] { color: rgba(255, 255, 255, 0.2); cursor: default; background: rgb(30, 45, 81); border: 0px; }
.base-button.color--secondary.style--linear[data-v-c6f9b663] { color: rgb(255, 114, 56); background: 0px 0px; border: 1px solid rgb(255, 114, 56); }
.base-button.color--secondary.style--linear.disabled[data-v-c6f9b663] { color: rgba(255, 255, 255, 0.2); cursor: default; background: rgb(30, 45, 81); border: 0px; }
@media screen and (min-width: 1024px) {
  .base-button.color--secondary.style--linear[data-v-c6f9b663]:not(:-webkit-any(:disabled, .inactive)):hover { background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)); }
  .base-button.color--secondary.style--linear[data-v-c6f9b663]:not(:is(:disabled, .inactive)):hover { background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)); }
  .base-button.color--neutral[data-v-c6f9b663]:hover:not(:-webkit-any(.inactive, :disabled, .base-button.color--secondary.style--linear, .base-button.color--primary.style--linear, .mobile)), .base-button.color--secondary[data-v-c6f9b663]:hover:not(:-webkit-any(.inactive, :disabled, .base-button.color--secondary.style--linear, .base-button.color--primary.style--linear, .mobile)) { opacity: 0.9; }
  .base-button.color--neutral[data-v-c6f9b663]:hover:not(:is(.inactive, :disabled, .base-button.color--secondary.style--linear, .base-button.color--primary.style--linear, .mobile)), .base-button.color--secondary[data-v-c6f9b663]:hover:not(:is(.inactive, :disabled, .base-button.color--secondary.style--linear, .base-button.color--primary.style--linear, .mobile)) { opacity: 0.9; }
}
.base-button.color--secondary.style--transparent[data-v-c6f9b663] { color: rgb(255, 114, 56); transition: 0.3s; background: 0px 0px !important; }
.base-button.color--secondary.disabled[data-v-c6f9b663] { color: rgba(255, 255, 255, 0.2); cursor: default; background-color: rgb(0, 0, 0); }
.base-button.color--neutral[data-v-c6f9b663] { color: rgb(255, 255, 255); background-color: rgb(18, 31, 62); }
.base-button.color--neutral.disabled[data-v-c6f9b663] { color: rgba(255, 255, 255, 0.2); cursor: default; background: rgb(30, 45, 81); border: 0px; }
.base-button.size--large[data-v-c6f9b663] { width: 172px; height: 44px; padding: 0px 16px; font-family: "Inter"; font-size: 16px; font-weight: 600; line-height: 24px; }
.base-button.size--medium[data-v-c6f9b663] { width: 147px; height: 40px; font-size: 14px; line-height: 20px; }
.base-button.size--compact[data-v-c6f9b663], .base-button.size--medium[data-v-c6f9b663] { border-radius: 8px; padding: 0px 16px; font-family: "Inter"; font-weight: 600; }
.base-button.size--compact[data-v-c6f9b663] { width: 143px; height: 36px; font-size: 12px; line-height: 16px; }
.base-button.size--tiny[data-v-c6f9b663] { border-radius: 999px; width: 115px; height: 24px; padding: 0px 12px; font-family: "Inter"; font-size: 10px; font-weight: 700; line-height: 12px; }
.base-button.full-width[data-v-c6f9b663] { width: 100%; }
.base-button.inactive[data-v-c6f9b663] { opacity: 0.4; cursor: not-allowed !important; }
.base-button.uppercase[data-v-c6f9b663] { text-transform: uppercase; }
.base-button.header-btn[data-v-c6f9b663] { border-radius: 12px; width: 126px; height: 48px; font-weight: 700; }
.base-button.header-btn.style--filled[data-v-c6f9b663] { width: 120px; }
.base-button.mobile[data-v-c6f9b663] { border-radius: 2.13333vw; }
.base-button.mobile--content[data-v-c6f9b663] { gap: 2.13333vw; }
.base-button.mobile.size--large[data-v-c6f9b663] { border-radius: 3.2vw; height: 11.7333vw; padding: 0px 4.26667vw; font-family: "Inter"; font-size: 4.26667vw; font-weight: 600; line-height: 6.4vw; }
.base-button.mobile.size--medium[data-v-c6f9b663] { height: 10.6667vw; }
.base-button.mobile.size--compact[data-v-c6f9b663], .base-button.mobile.size--medium[data-v-c6f9b663] { padding: 0px 4.26667vw; font-family: "Inter"; font-size: 3.73333vw; font-weight: 600; line-height: 5.33333vw; }
.base-button.mobile.size--compact[data-v-c6f9b663] { height: 9.6vw; }
.base-button.mobile.size--tiny[data-v-c6f9b663] { border-radius: 266.4vw; height: 6.4vw; padding: 0px 3.2vw; font-family: "Inter"; font-size: 3.2vw; font-weight: 600; line-height: 4.26667vw; }
.base-button.mobile.header-button[data-v-c6f9b663] { width: 22.4vw; padding: 0px; font-size: 3.2vw; }
.jackpot-event[data-v-a85e0eb3] { cursor: pointer; width: 100%; height: 100%; position: relative; }
.jackpot-event__animation[data-v-a85e0eb3] { z-index: 1; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }
.jackpot-event__animation[data-v-a85e0eb3] canvas { border-radius: 10px; width: 354px !important; }
.jackpot-event__value[data-v-a85e0eb3] { z-index: 2; filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px 4.17804px 4.17804px); -webkit-text-fill-color: transparent; background: linear-gradient(165deg, rgb(228, 165, 1) 2.67%, rgb(255, 223, 140) 29.54%, rgb(228, 165, 1) 51.84%, rgb(255, 223, 140) 77.7%, rgb(228, 165, 1)) text; width: fit-content; font-family: "Roboto Mono"; font-size: 26px; font-weight: 700; line-height: 100%; position: absolute; bottom: 64px; left: 50%; transform: translate(-50%); }
.jackpot-event__value.error[data-v-a85e0eb3] { bottom: 64px; }
@media screen and (min-width: 1024px) {
  .jackpot-event[data-v-a85e0eb3] { height: 264px; }
}
.mobile .jackpot-event__value[data-v-a85e0eb3] { text-align: center; background: url("https://ssv88.co/wp-content/uploads/2026/11/bg-value.webp") 50% center / 100% 100% no-repeat; justify-content: center; align-items: center; min-width: 58.1333vw; height: 7.46667vw; font-family: "Roboto Mono"; font-size: 4.26667vw; font-weight: 600; line-height: 6.4vw; display: flex; top: 3.2vw; bottom: auto; left: 0px; transform: none; }
.mobile .jackpot-event__value[data-v-a85e0eb3] span { -webkit-text-fill-color: transparent; background: linear-gradient(165deg, rgb(228, 165, 1) 2.67%, rgb(255, 223, 140) 29.54%, rgb(228, 165, 1) 51.84%, rgb(255, 223, 140) 77.7%, rgb(228, 165, 1)) text; }
.mobile .jackpot-event img[data-v-a85e0eb3] { height: 25.6vw; }
.s-fav-heart { --s-fav-heart-bg: #000b2780; --s-fav-heart-hover-bg: #000b2780; --s-fav-heart-color: #fff; --s-fav-heart-hover-color: #1396f8; --s-fav-heart-active-color: #ff7238; position: absolute !important; }
.s-fav-heart[data-v-bbc17471] { background: var(--s-fav-heart-bg,#00000040); color: var(--s-fav-heart-color,#fff); cursor: pointer; border: 0px; border-radius: 4px; justify-content: center; align-items: center; padding: 0px; transition: transform 0.1s ease-in; display: flex; position: relative; }
.s-fav-heart--32[data-v-bbc17471] { width: 32px; height: 32px; }
.s-fav-heart--24[data-v-bbc17471] { width: 24px; height: 24px; }
.s-fav-heart__icon[data-v-bbc17471] { width: 66.6%; height: 58.4%; display: block; }
.s-fav-heart__icon svg[data-v-bbc17471-s], .s-fav-heart__icon svg[data-v-bbc17471] { width: 100%; height: 100%; display: block; }
.s-fav-heart__icon--hover[data-v-bbc17471] { color: var(--s-fav-heart-hover-color,#fb3849); display: none; }
@media (hover: hover) {
  .s-fav-heart[data-v-bbc17471]:hover { background: var(--s-fav-heart-hover-bg,#000b2780); }
  .s-fav-heart:hover .s-fav-heart__icon--rest[data-v-bbc17471] { display: none; }
  .s-fav-heart:hover .s-fav-heart__icon--hover[data-v-bbc17471] { display: block; }
  .s-fav-heart.is-active:hover .s-fav-heart__icon[data-v-bbc17471], .s-fav-heart:hover .s-fav-heart__icon--hover[data-v-bbc17471] { animation: 0.55s ease-in-out 0s 1 normal none running s-fav-heart-shake-bbc17471; }
}
@keyframes s-fav-heart-shake-bbc17471 { 
  0%, 100% { transform: rotate(0deg); }
  20% { transform: rotate(-14deg); }
  40% { transform: rotate(11deg); }
  60% { transform: rotate(-8deg); }
  80% { transform: rotate(5deg); }
}
.s-fav-heart__burst-layer[data-v-bbc17471] { pointer-events: none; z-index: var(--s-fav-heart-burst-z,9998); position: fixed; }
.s-fav-heart__particle[data-v-bbc17471] { color: var(--s-fav-heart-particle-color,var(--s-fav-heart-active-color,#ff7800)); opacity: 0; pointer-events: none; width: 14px; height: 14px; margin: -7px 0px 0px -7px; animation: 0.7s ease-out 0s 1 normal forwards running s-fav-heart-burst-bbc17471; position: absolute; top: 50%; left: 50%; }
.s-fav-heart__particle svg[data-v-bbc17471] { width: 100%; height: 100%; display: block; }
@keyframes s-fav-heart-burst-bbc17471 { 
  0% { opacity: 1; transform: translate(0px) scale(0); }
  20% { opacity: 1; transform: translate(calc(var(--tx) * .2),calc(var(--ty) * .2)) scale(var(--scale)); }
  100% { opacity: 0; transform: translate(var(--tx),var(--ty)) scale(var(--scale)); }
}
.s-fav-heart__ring[data-v-bbc17471] { border: 2px solid var(--s-fav-heart-ring-color,var(--s-fav-heart-particle-color,var(--s-fav-heart-active-color,#ff7800))); box-sizing: border-box; opacity: 0; pointer-events: none; border-radius: 50%; animation: 0.6s ease-out 0s 1 normal forwards running s-fav-heart-ripple-bbc17471; position: absolute; inset: 0px; }
@keyframes s-fav-heart-ripple-bbc17471 { 
  0% { opacity: 0.8; transform: scale(1); }
  100% { opacity: 0; transform: scale(3.5); }
}
.s-fav-heart.is-active[data-v-bbc17471] { color: var(--s-fav-heart-active-color,#ff7800); }
.s-fav-heart.is-pressed[data-v-bbc17471] { transform: scale(0.8); }
.s-fav-heart.is-bouncing[data-v-bbc17471] { animation: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s 1 normal none running s-fav-heart-bounce-bbc17471; }
@keyframes s-fav-heart-bounce-bbc17471 { 
  0% { transform: scale(0.8); }
  55% { transform: scale(1.12); }
  100% { transform: scale(1); }
}
.c4-html { --swal2-outline: 0 0 0 3px rgba(100, 150, 200, 0.5); --swal2-container-padding: 0.625em; --swal2-backdrop: rgba(0, 0, 0, 0.4); --swal2-backdrop-transition: background-color 0.15s; --swal2-width: 32em; --swal2-padding: 0 0 1.25em; --swal2-border: none; --swal2-border-radius: calc(0.3125 * var(--c4-rem,16px)); --swal2-background: white; --swal2-color: #545454; --swal2-show-animation: swal2-show 0.3s; --swal2-hide-animation: swal2-hide 0.15s forwards; --swal2-icon-zoom: 1; --swal2-title-padding: 0.8em 1em 0; --swal2-html-container-padding: 1em 1.6em 0.3em; --swal2-input-border: 1px solid #d9d9d9; --swal2-input-border-radius: 0.1875em; --swal2-input-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent; --swal2-input-background: transparent; --swal2-input-transition: border-color 0.2s, box-shadow 0.2s; --swal2-input-hover-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent; --swal2-input-focus-border: 1px solid #b4dbed; --swal2-input-focus-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px rgba(100, 150, 200, 0.5); --swal2-progress-step-background: #add8e6; --swal2-validation-message-background: #f0f0f0; --swal2-validation-message-color: #666; --swal2-footer-border-color: #eee; --swal2-footer-background: transparent; --swal2-footer-color: inherit; --swal2-timer-progress-bar-background: rgba(0, 0, 0, 0.3); --swal2-close-button-position: initial; --swal2-close-button-inset: auto; --swal2-close-button-font-size: 2.5em; --swal2-close-button-color: #ccc; --swal2-close-button-transition: color 0.2s, box-shadow 0.2s; --swal2-close-button-outline: initial; --swal2-close-button-box-shadow: inset 0 0 0 3px transparent; --swal2-close-button-focus-box-shadow: inset var(--swal2-outline); --swal2-close-button-hover-transform: none; --swal2-actions-justify-content: center; --swal2-actions-width: auto; --swal2-actions-margin: 1.25em auto 0; --swal2-actions-padding: 0; --swal2-actions-border-radius: 0; --swal2-actions-background: transparent; --swal2-action-button-transition: background-color 0.2s, box-shadow 0.2s; --swal2-action-button-hover: black 10%; --swal2-action-button-active: black 10%; --swal2-confirm-button-box-shadow: none; --swal2-confirm-button-border-radius: 0.25em; --swal2-confirm-button-background-color: #7066e0; --swal2-confirm-button-color: #fff; --swal2-deny-button-box-shadow: none; --swal2-deny-button-border-radius: 0.25em; --swal2-deny-button-background-color: #dc3741; --swal2-deny-button-color: #fff; --swal2-cancel-button-box-shadow: none; --swal2-cancel-button-border-radius: 0.25em; --swal2-cancel-button-background-color: #6e7881; --swal2-cancel-button-color: #fff; --swal2-toast-show-animation: swal2-toast-show 0.5s; --swal2-toast-hide-animation: swal2-toast-hide 0.1s forwards; --swal2-toast-border: none; --swal2-toast-box-shadow: 0 0 1px hsl(0deg 0% 0% / 0.075), 0 1px 2px hsl(0deg 0% 0% / 0.075), 1px 2px 4px hsl(0deg 0% 0% / 0.075), 1px 3px 8px hsl(0deg 0% 0% / 0.075), 2px 4px 16px hsl(0deg 0% 0% / 0.075); }
[data-swal2-theme="dark"] { --swal2-dark-theme-black: #19191a; --swal2-dark-theme-white: #e1e1e1; --swal2-background: var(--swal2-dark-theme-black); --swal2-color: var(--swal2-dark-theme-white); --swal2-footer-border-color: #555; --swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%); --swal2-validation-message-background: color-mix( in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10% ); --swal2-validation-message-color: var(--swal2-dark-theme-white); --swal2-timer-progress-bar-background: rgba(255, 255, 255, 0.7); }
@media (prefers-color-scheme: dark) {
  [data-swal2-theme="auto"] { --swal2-dark-theme-black: #19191a; --swal2-dark-theme-white: #e1e1e1; --swal2-background: var(--swal2-dark-theme-black); --swal2-color: var(--swal2-dark-theme-white); --swal2-footer-border-color: #555; --swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%); --swal2-validation-message-background: color-mix( in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10% ); --swal2-validation-message-color: var(--swal2-dark-theme-white); --swal2-timer-progress-bar-background: rgba(255, 255, 255, 0.7); }
}
.c4-body.swal2-shown:not(.swal2-no-backdrop, .swal2-toast-shown) { overflow: hidden; }
.c4-body.swal2-height-auto { height: auto !important; }
.c4-body.swal2-no-backdrop .swal2-container { background-color: rgba(0, 0, 0, 0) !important; pointer-events: none; }
.c4-body.swal2-no-backdrop .swal2-container .swal2-popup { pointer-events: auto; }
.c4-body.swal2-no-backdrop .swal2-container .swal2-modal { box-shadow: 0 0 10px var(--swal2-backdrop); }
.c4-body.swal2-toast-shown .swal2-container { box-sizing: border-box; width: 360px; max-width: 100%; background-color: rgba(0, 0, 0, 0); pointer-events: none; }
.c4-body.swal2-toast-shown .swal2-container.swal2-top { inset: 0px auto auto 50%; transform: translateX(-50%); }
.c4-body.swal2-toast-shown .swal2-container.swal2-top-end, .c4-body.swal2-toast-shown .swal2-container.swal2-top-right { inset: 0px 0px auto auto; }
.c4-body.swal2-toast-shown .swal2-container.swal2-top-start, .c4-body.swal2-toast-shown .swal2-container.swal2-top-left { inset: 0px auto auto 0px; }
.c4-body.swal2-toast-shown .swal2-container.swal2-center-start, .c4-body.swal2-toast-shown .swal2-container.swal2-center-left { inset: 50% auto auto 0px; transform: translateY(-50%); }
.c4-body.swal2-toast-shown .swal2-container.swal2-center { inset: 50% auto auto 50%; transform: translate(-50%, -50%); }
.c4-body.swal2-toast-shown .swal2-container.swal2-center-end, .c4-body.swal2-toast-shown .swal2-container.swal2-center-right { inset: 50% 0px auto auto; transform: translateY(-50%); }
.c4-body.swal2-toast-shown .swal2-container.swal2-bottom-start, .c4-body.swal2-toast-shown .swal2-container.swal2-bottom-left { inset: auto auto 0px 0px; }
.c4-body.swal2-toast-shown .swal2-container.swal2-bottom { inset: auto auto 0px 50%; transform: translateX(-50%); }
.c4-body.swal2-toast-shown .swal2-container.swal2-bottom-end, .c4-body.swal2-toast-shown .swal2-container.swal2-bottom-right { inset: auto 0px 0px auto; }
@media print {
  .c4-body.swal2-shown:not(.swal2-no-backdrop, .swal2-toast-shown) { overflow-y: scroll !important; }
  .c4-body.swal2-shown:not(.swal2-no-backdrop, .swal2-toast-shown) > [aria-hidden="true"] { display: none; }
  .c4-body.swal2-shown:not(.swal2-no-backdrop, .swal2-toast-shown) .swal2-container { position: static !important; }
}
div:where(.swal2-container) { display: grid; position: fixed; z-index: 1060; inset: 0px; box-sizing: border-box; grid-template-areas: "top-start top top-end" "center-start center center-end" "bottom-start bottom-center bottom-end"; grid-template-rows: minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto); height: 100%; padding: var(--swal2-container-padding); overflow-x: hidden; transition: var(--swal2-backdrop-transition); }
div:where(.swal2-container).swal2-backdrop-show, div:where(.swal2-container).swal2-noanimation { background: var(--swal2-backdrop); }
div:where(.swal2-container).swal2-backdrop-hide { background: rgba(0, 0, 0, 0) !important; }
div:where(.swal2-container).swal2-top-start, div:where(.swal2-container).swal2-center-start, div:where(.swal2-container).swal2-bottom-start { grid-template-columns: minmax(0px, 1fr) auto auto; }
div:where(.swal2-container).swal2-top, div:where(.swal2-container).swal2-center, div:where(.swal2-container).swal2-bottom { grid-template-columns: auto minmax(0px, 1fr) auto; }
div:where(.swal2-container).swal2-top-end, div:where(.swal2-container).swal2-center-end, div:where(.swal2-container).swal2-bottom-end { grid-template-columns: auto auto minmax(0px, 1fr); }
div:where(.swal2-container).swal2-top-start > .swal2-popup { align-self: start; }
div:where(.swal2-container).swal2-top > .swal2-popup { grid-column: 2; place-self: start center; }
div:where(.swal2-container).swal2-top-end > .swal2-popup, div:where(.swal2-container).swal2-top-right > .swal2-popup { grid-column: 3; place-self: start end; }
div:where(.swal2-container).swal2-center-start > .swal2-popup, div:where(.swal2-container).swal2-center-left > .swal2-popup { grid-row: 2; align-self: center; }
div:where(.swal2-container).swal2-center > .swal2-popup { grid-area: 2 / 2; place-self: center; }
div:where(.swal2-container).swal2-center-end > .swal2-popup, div:where(.swal2-container).swal2-center-right > .swal2-popup { grid-area: 2 / 3; place-self: center end; }
div:where(.swal2-container).swal2-bottom-start > .swal2-popup, div:where(.swal2-container).swal2-bottom-left > .swal2-popup { grid-area: 3 / 1; align-self: end; }
div:where(.swal2-container).swal2-bottom > .swal2-popup { grid-area: 3 / 2; place-self: end center; }
div:where(.swal2-container).swal2-bottom-end > .swal2-popup, div:where(.swal2-container).swal2-bottom-right > .swal2-popup { grid-area: 3 / 3; place-self: end; }
div:where(.swal2-container).swal2-grow-row > .swal2-popup, div:where(.swal2-container).swal2-grow-fullscreen > .swal2-popup { grid-column: 1 / 4; width: 100%; }
div:where(.swal2-container).swal2-grow-column > .swal2-popup, div:where(.swal2-container).swal2-grow-fullscreen > .swal2-popup { grid-row: 1 / 4; align-self: stretch; }
div:where(.swal2-container).swal2-no-transition { transition: none !important; }
div:where(.swal2-container)[popover] { width: auto; border: 0px; }
div:where(.swal2-container) div:where(.swal2-popup) { display: none; position: relative; box-sizing: border-box; grid-template-columns: minmax(0px, 100%); width: var(--swal2-width); max-width: 100%; padding: var(--swal2-padding); border: var(--swal2-border); border-radius: var(--swal2-border-radius); background: var(--swal2-background); color: var(--swal2-color); font-family: inherit; font-size: calc(1 * var(--c4-rem,16px)); }
div:where(.swal2-container) div:where(.swal2-popup):focus { outline: none; }
div:where(.swal2-container) div:where(.swal2-popup).swal2-loading { overflow-y: hidden; }
div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable { cursor: grab; }
div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable div:where(.swal2-icon) { cursor: grab; }
div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging { cursor: grabbing; }
div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging div:where(.swal2-icon) { cursor: grabbing; }
div:where(.swal2-container) h2:where(.swal2-title) { position: relative; max-width: 100%; margin: 0px; padding: var(--swal2-title-padding); color: inherit; font-size: 1.875em; font-weight: 600; text-align: center; text-transform: none; overflow-wrap: break-word; cursor: initial; }
div:where(.swal2-container) div:where(.swal2-actions) { display: flex; z-index: 1; box-sizing: border-box; flex-wrap: wrap; align-items: center; justify-content: var(--swal2-actions-justify-content); width: var(--swal2-actions-width); margin: var(--swal2-actions-margin); padding: var(--swal2-actions-padding); border-radius: var(--swal2-actions-border-radius); background: var(--swal2-actions-background); }
div:where(.swal2-container) div:where(.swal2-loader) { display: none; align-items: center; justify-content: center; width: 2.2em; height: 2.2em; margin: 0px 1.875em; animation: 1.5s linear 0s infinite normal none running swal2-rotate-loading; border-width: 0.25em; border-style: solid; border-radius: 100%; border-color: rgb(39, 120, 196) rgba(0, 0, 0, 0); }
div:where(.swal2-container) button:where(.swal2-styled) { margin: 0.3125em; padding: 0.625em 1.1em; transition: var(--swal2-action-button-transition); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 3px; font-weight: 500; }
div:where(.swal2-container) button:where(.swal2-styled):not([disabled]) { cursor: pointer; }
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) { border-radius: var(--swal2-confirm-button-border-radius); background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: var(--swal2-confirm-button-background-color); box-shadow: var(--swal2-confirm-button-box-shadow); color: var(--swal2-confirm-button-color); font-size: 1em; }
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):hover { background-color: color-mix(in srgb, var(--swal2-confirm-button-background-color), var(--swal2-action-button-hover)); }
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):active { background-color: color-mix(in srgb, var(--swal2-confirm-button-background-color), var(--swal2-action-button-active)); }
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny) { border-radius: var(--swal2-deny-button-border-radius); background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: var(--swal2-deny-button-background-color); box-shadow: var(--swal2-deny-button-box-shadow); color: var(--swal2-deny-button-color); font-size: 1em; }
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):hover { background-color: color-mix(in srgb, var(--swal2-deny-button-background-color), var(--swal2-action-button-hover)); }
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):active { background-color: color-mix(in srgb, var(--swal2-deny-button-background-color), var(--swal2-action-button-active)); }
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel) { border-radius: var(--swal2-cancel-button-border-radius); background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: var(--swal2-cancel-button-background-color); box-shadow: var(--swal2-cancel-button-box-shadow); color: var(--swal2-cancel-button-color); font-size: 1em; }
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):hover { background-color: color-mix(in srgb, var(--swal2-cancel-button-background-color), var(--swal2-action-button-hover)); }
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):active { background-color: color-mix(in srgb, var(--swal2-cancel-button-background-color), var(--swal2-action-button-active)); }
div:where(.swal2-container) button:where(.swal2-styled):focus-visible { outline: none; box-shadow: var(--swal2-action-button-focus-box-shadow); }
div:where(.swal2-container) button:where(.swal2-styled)[disabled]:not(.swal2-loading) { opacity: 0.4; }
div:where(.swal2-container) div:where(.swal2-footer) { margin: 1em 0px 0px; padding: 1em 1em 0px; border-top: 1px solid var(--swal2-footer-border-color); background: var(--swal2-footer-background); color: var(--swal2-footer-color); font-size: 1em; text-align: center; cursor: initial; }
div:where(.swal2-container) .swal2-timer-progress-bar-container { position: absolute; right: 0px; bottom: 0px; left: 0px; overflow: hidden; border-bottom-right-radius: var(--swal2-border-radius); border-bottom-left-radius: var(--swal2-border-radius); grid-column: auto !important; }
div:where(.swal2-container) div:where(.swal2-timer-progress-bar) { width: 100%; height: 0.25em; background: var(--swal2-timer-progress-bar-background); }
div:where(.swal2-container) img:where(.swal2-image) { max-width: 100%; margin: 2em auto 1em; cursor: initial; }
div:where(.swal2-container) button:where(.swal2-close) { position: var(--swal2-close-button-position); inset: var(--swal2-close-button-inset); z-index: 2; align-items: center; justify-content: center; width: 1.2em; height: 1.2em; margin-top: 0px; margin-right: 0px; margin-bottom: -1.2em; padding: 0px; overflow: hidden; transition: var(--swal2-close-button-transition); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: var(--swal2-border-radius); outline: var(--swal2-close-button-outline); background: rgba(0, 0, 0, 0); color: var(--swal2-close-button-color); font-family: monospace; font-size: var(--swal2-close-button-font-size); cursor: pointer; justify-self: end; }
div:where(.swal2-container) button:where(.swal2-close):hover { transform: var(--swal2-close-button-hover-transform); background: rgba(0, 0, 0, 0); color: rgb(242, 116, 116); }
div:where(.swal2-container) button:where(.swal2-close):focus-visible { outline: none; box-shadow: var(--swal2-close-button-focus-box-shadow); }
div:where(.swal2-container) div:where(.swal2-html-container) { z-index: 1; justify-content: center; margin: 0px; padding: var(--swal2-html-container-padding); overflow: auto; color: inherit; font-size: 1.125em; font-weight: normal; line-height: normal; text-align: center; overflow-wrap: break-word; word-break: break-word; cursor: initial; }
div:where(.swal2-container) input:where(.swal2-input), div:where(.swal2-container) input:where(.swal2-file), div:where(.swal2-container) textarea:where(.swal2-textarea), div:where(.swal2-container) select:where(.swal2-select), div:where(.swal2-container) div:where(.swal2-radio), div:where(.swal2-container) label:where(.swal2-checkbox) { margin: 1em 2em 3px; }
div:where(.swal2-container) input:where(.swal2-input), div:where(.swal2-container) input:where(.swal2-file), div:where(.swal2-container) textarea:where(.swal2-textarea) { box-sizing: border-box; width: auto; transition: var(--swal2-input-transition); border: var(--swal2-input-border); border-radius: var(--swal2-input-border-radius); background: var(--swal2-input-background); box-shadow: var(--swal2-input-box-shadow); color: inherit; font-size: 1.125em; }
div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror, div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror, div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror { border-color: rgb(242, 116, 116) !important; box-shadow: rgb(242, 116, 116) 0px 0px 2px !important; }
div:where(.swal2-container) input:where(.swal2-input):hover, div:where(.swal2-container) input:where(.swal2-file):hover, div:where(.swal2-container) textarea:where(.swal2-textarea):hover { box-shadow: var(--swal2-input-hover-box-shadow); }
div:where(.swal2-container) input:where(.swal2-input):focus, div:where(.swal2-container) input:where(.swal2-file):focus, div:where(.swal2-container) textarea:where(.swal2-textarea):focus { border: var(--swal2-input-focus-border); outline: none; box-shadow: var(--swal2-input-focus-box-shadow); }
div:where(.swal2-container) input:where(.swal2-input)::placeholder, div:where(.swal2-container) input:where(.swal2-file)::placeholder, div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder { color: rgb(204, 204, 204); }
div:where(.swal2-container) .swal2-range { margin: 1em 2em 3px; background: var(--swal2-background); }
div:where(.swal2-container) .swal2-range input { width: 80%; }
div:where(.swal2-container) .swal2-range output { width: 20%; color: inherit; font-weight: 600; text-align: center; }
div:where(.swal2-container) .swal2-range input, div:where(.swal2-container) .swal2-range output { height: 2.625em; padding: 0px; font-size: 1.125em; line-height: 2.625em; }
div:where(.swal2-container) .swal2-input { height: 2.625em; padding: 0px 0.75em; }
div:where(.swal2-container) .swal2-file { width: 75%; margin-right: auto; margin-left: auto; background: var(--swal2-input-background); font-size: 1.125em; }
div:where(.swal2-container) .swal2-textarea { height: 6.75em; padding: 0.75em; }
div:where(.swal2-container) .swal2-select { min-width: 50%; max-width: 100%; padding: 0.375em 0.625em; background: var(--swal2-input-background); color: inherit; font-size: 1.125em; }
div:where(.swal2-container) .swal2-radio, div:where(.swal2-container) .swal2-checkbox { align-items: center; justify-content: center; background: var(--swal2-background); color: inherit; }
div:where(.swal2-container) .swal2-radio label, div:where(.swal2-container) .swal2-checkbox label { margin: 0px 0.6em; font-size: 1.125em; }
div:where(.swal2-container) .swal2-radio input, div:where(.swal2-container) .swal2-checkbox input { flex-shrink: 0; margin: 0px 0.4em; }
div:where(.swal2-container) label:where(.swal2-input-label) { display: flex; justify-content: center; margin: 1em auto 0px; }
div:where(.swal2-container) div:where(.swal2-validation-message) { align-items: center; justify-content: center; margin: 1em 0px 0px; padding: 0.625em; overflow: hidden; background: var(--swal2-validation-message-background); color: var(--swal2-validation-message-color); font-size: 1em; font-weight: 300; }
div:where(.swal2-container) div:where(.swal2-validation-message)::before { content: "!"; display: inline-block; width: 1.5em; min-width: 1.5em; height: 1.5em; margin: 0px 0.625em; border-radius: 50%; background-color: rgb(242, 116, 116); color: rgb(255, 255, 255); font-weight: 600; line-height: 1.5em; text-align: center; }
div:where(.swal2-container) .swal2-progress-steps { flex-wrap: wrap; align-items: center; max-width: 100%; margin: 1.25em auto; padding: 0px; background: rgba(0, 0, 0, 0); font-weight: 600; }
div:where(.swal2-container) .swal2-progress-steps li { display: inline-block; position: relative; }
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step { z-index: 20; flex-shrink: 0; width: 2em; height: 2em; border-radius: 2em; background: rgb(39, 120, 196); color: rgb(255, 255, 255); line-height: 2em; text-align: center; }
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step { background: rgb(39, 120, 196); }
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step { background: var(--swal2-progress-step-background); color: rgb(255, 255, 255); }
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line { background: var(--swal2-progress-step-background); }
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line { z-index: 10; flex-shrink: 0; width: 2.5em; height: 0.4em; margin: 0px -1px; background: rgb(39, 120, 196); }
div:where(.swal2-icon) { position: relative; box-sizing: content-box; justify-content: center; width: 5em; height: 5em; margin: 2.5em auto 0.6em; zoom: var(--swal2-icon-zoom); border: 0.25em solid rgb(0, 0, 0); border-radius: 50%; font-family: inherit; line-height: 5em; cursor: default; user-select: none; }
div:where(.swal2-icon) .swal2-icon-content { display: flex; align-items: center; font-size: 3.75em; }
div:where(.swal2-icon).swal2-error { border-color: rgb(242, 116, 116); color: rgb(242, 116, 116); }
div:where(.swal2-icon).swal2-error .swal2-x-mark { position: relative; flex-grow: 1; }
div:where(.swal2-icon).swal2-error [class^="swal2-x-mark-line"] { display: block; position: absolute; top: 2.3125em; width: 2.9375em; height: 0.3125em; border-radius: 0.125em; background-color: rgb(242, 116, 116); }
div:where(.swal2-icon).swal2-error [class^="swal2-x-mark-line"][class$="left"] { left: 1.0625em; transform: rotate(45deg); }
div:where(.swal2-icon).swal2-error [class^="swal2-x-mark-line"][class$="right"] { right: 1em; transform: rotate(-45deg); }
div:where(.swal2-icon).swal2-error.swal2-icon-show { animation: 0.5s ease 0s 1 normal none running swal2-animate-error-icon; }
div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark { animation: 0.5s ease 0s 1 normal none running swal2-animate-error-x-mark; }
div:where(.swal2-icon).swal2-warning { border-color: rgb(248, 187, 134); color: rgb(248, 187, 134); }
div:where(.swal2-icon).swal2-warning.swal2-icon-show { animation: 0.5s ease 0s 1 normal none running swal2-animate-error-icon; }
div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content { animation: 0.5s ease 0s 1 normal none running swal2-animate-i-mark; }
div:where(.swal2-icon).swal2-info { border-color: rgb(63, 195, 238); color: rgb(63, 195, 238); }
div:where(.swal2-icon).swal2-info.swal2-icon-show { animation: 0.5s ease 0s 1 normal none running swal2-animate-error-icon; }
div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content { animation: 0.8s ease 0s 1 normal none running swal2-animate-i-mark; }
div:where(.swal2-icon).swal2-question { border-color: rgb(135, 173, 189); color: rgb(135, 173, 189); }
div:where(.swal2-icon).swal2-question.swal2-icon-show { animation: 0.5s ease 0s 1 normal none running swal2-animate-error-icon; }
div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content { animation: 0.8s ease 0s 1 normal none running swal2-animate-question-mark; }
div:where(.swal2-icon).swal2-success { border-color: rgb(165, 220, 134); color: rgb(165, 220, 134); }
div:where(.swal2-icon).swal2-success [class^="swal2-success-circular-line"] { position: absolute; width: 3.75em; height: 7.5em; border-radius: 50%; }
div:where(.swal2-icon).swal2-success [class^="swal2-success-circular-line"][class$="left"] { top: -0.4375em; left: -2.0635em; transform: rotate(-45deg); transform-origin: 3.75em 3.75em; border-radius: 7.5em 0px 0px 7.5em; }
div:where(.swal2-icon).swal2-success [class^="swal2-success-circular-line"][class$="right"] { top: -0.6875em; left: 1.875em; transform: rotate(-45deg); transform-origin: 0px 3.75em; border-radius: 0px 7.5em 7.5em 0px; }
div:where(.swal2-icon).swal2-success .swal2-success-ring { position: absolute; z-index: 2; top: -0.25em; left: -0.25em; box-sizing: content-box; width: 100%; height: 100%; border: 0.25em solid rgba(165, 220, 134, 0.3); border-radius: 50%; }
div:where(.swal2-icon).swal2-success .swal2-success-fix { position: absolute; z-index: 1; top: 0.5em; left: 1.625em; width: 0.4375em; height: 5.625em; transform: rotate(-45deg); }
div:where(.swal2-icon).swal2-success [class^="swal2-success-line"] { display: block; position: absolute; z-index: 2; height: 0.3125em; border-radius: 0.125em; background-color: rgb(165, 220, 134); }
div:where(.swal2-icon).swal2-success [class^="swal2-success-line"][class$="tip"] { top: 2.875em; left: 0.8125em; width: 1.5625em; transform: rotate(45deg); }
div:where(.swal2-icon).swal2-success [class^="swal2-success-line"][class$="long"] { top: 2.375em; right: 0.5em; width: 2.9375em; transform: rotate(-45deg); }
div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip { animation: 0.75s ease 0s 1 normal none running swal2-animate-success-line-tip; }
div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long { animation: 0.75s ease 0s 1 normal none running swal2-animate-success-line-long; }
div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right { animation: 4.25s ease-in 0s 1 normal none running swal2-rotate-success-circular-line; }
[class^="swal2"] { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.swal2-show { animation: var(--swal2-show-animation); }
.swal2-hide { animation: var(--swal2-hide-animation); }
.swal2-noanimation { transition: none; }
.swal2-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }
.swal2-rtl .swal2-close { margin-right: initial; margin-left: 0px; }
.swal2-rtl .swal2-timer-progress-bar { right: 0px; left: auto; }
.swal2-toast { box-sizing: border-box; grid-template-columns: min-content auto min-content; padding: 1em; overflow-y: hidden; border: var(--swal2-toast-border); background: var(--swal2-background); box-shadow: var(--swal2-toast-box-shadow); pointer-events: auto; grid-area: 1 / 1 / 4 / 4 !important; }
.swal2-toast > * { grid-column: 2; }
.swal2-toast h2:where(.swal2-title) { margin: 0.5em 1em; padding: 0px; font-size: 1em; text-align: initial; }
.swal2-toast .swal2-loading { justify-content: center; }
.swal2-toast input:where(.swal2-input) { height: 2em; margin: 0.5em; font-size: 1em; }
.swal2-toast .swal2-validation-message { font-size: 1em; }
.swal2-toast div:where(.swal2-footer) { margin: 0.5em 0px 0px; padding: 0.5em 0px 0px; font-size: 0.8em; }
.swal2-toast button:where(.swal2-close) { grid-area: 1 / 3 / 99 / 3; align-self: center; width: 0.8em; height: 0.8em; margin: 0px; font-size: 2em; }
.swal2-toast div:where(.swal2-html-container) { margin: 0.5em 1em; padding: 0px; overflow: initial; font-size: 1em; text-align: initial; }
.swal2-toast div:where(.swal2-html-container):empty { padding: 0px; }
.swal2-toast .swal2-loader { grid-area: 1 / 1 / 99; align-self: center; width: 2em; height: 2em; margin: 0.25em; }
.swal2-toast .swal2-icon { grid-area: 1 / 1 / 99; align-self: center; width: 2em; min-width: 2em; height: 2em; margin: 0px 0.5em 0px 0px; }
.swal2-toast .swal2-icon .swal2-icon-content { display: flex; align-items: center; font-size: 1.8em; font-weight: bold; }
.swal2-toast .swal2-icon.swal2-success .swal2-success-ring { width: 2em; height: 2em; }
.swal2-toast .swal2-icon.swal2-error [class^="swal2-x-mark-line"] { top: 0.875em; width: 1.375em; }
.swal2-toast .swal2-icon.swal2-error [class^="swal2-x-mark-line"][class$="left"] { left: 0.3125em; }
.swal2-toast .swal2-icon.swal2-error [class^="swal2-x-mark-line"][class$="right"] { right: 0.3125em; }
.swal2-toast div:where(.swal2-actions) { justify-content: flex-start; height: auto; margin: 0.5em 0px 0px; padding: 0px 0.5em; }
.swal2-toast button:where(.swal2-styled) { margin: 0.25em 0.5em; padding: 0.4em 0.6em; font-size: 1em; }
.swal2-toast .swal2-success { border-color: rgb(165, 220, 134); }
.swal2-toast .swal2-success [class^="swal2-success-circular-line"] { position: absolute; width: 1.6em; height: 3em; border-radius: 50%; }
.swal2-toast .swal2-success [class^="swal2-success-circular-line"][class$="left"] { top: -0.8em; left: -0.5em; transform: rotate(-45deg); transform-origin: 2em 2em; border-radius: 4em 0px 0px 4em; }
.swal2-toast .swal2-success [class^="swal2-success-circular-line"][class$="right"] { top: -0.25em; left: 0.9375em; transform-origin: 0px 1.5em; border-radius: 0px 4em 4em 0px; }
.swal2-toast .swal2-success .swal2-success-ring { width: 2em; height: 2em; }
.swal2-toast .swal2-success .swal2-success-fix { top: 0px; left: 0.4375em; width: 0.4375em; height: 2.6875em; }
.swal2-toast .swal2-success [class^="swal2-success-line"] { height: 0.3125em; }
.swal2-toast .swal2-success [class^="swal2-success-line"][class$="tip"] { top: 1.125em; left: 0.1875em; width: 0.75em; }
.swal2-toast .swal2-success [class^="swal2-success-line"][class$="long"] { top: 0.9375em; right: 0.1875em; width: 1.375em; }
.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip { animation: 0.75s ease 0s 1 normal none running swal2-toast-animate-success-line-tip; }
.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long { animation: 0.75s ease 0s 1 normal none running swal2-toast-animate-success-line-long; }
.swal2-toast.swal2-show { animation: var(--swal2-toast-show-animation); }
.swal2-toast.swal2-hide { animation: var(--swal2-toast-hide-animation); }
@keyframes swal2-show { 
  0% { transform: translate3d(0px, -50px, 0px) scale(0.9); opacity: 0; }
  100% { transform: translate3d(0px, 0px, 0px) scale(1); opacity: 1; }
}
@keyframes swal2-hide { 
  0% { transform: translate3d(0px, 0px, 0px) scale(1); opacity: 1; }
  100% { transform: translate3d(0px, -50px, 0px) scale(0.9); opacity: 0; }
}
@keyframes swal2-animate-success-line-tip { 
  0% { top: 1.1875em; left: 0.0625em; width: 0px; }
  54% { top: 1.0625em; left: 0.125em; width: 0px; }
  70% { top: 2.1875em; left: -0.375em; width: 3.125em; }
  84% { top: 3em; left: 1.3125em; width: 1.0625em; }
  100% { top: 2.8125em; left: 0.8125em; width: 1.5625em; }
}
@keyframes swal2-animate-success-line-long { 
  0% { top: 3.375em; right: 2.875em; width: 0px; }
  65% { top: 3.375em; right: 2.875em; width: 0px; }
  84% { top: 2.1875em; right: 0px; width: 3.4375em; }
  100% { top: 2.375em; right: 0.5em; width: 2.9375em; }
}
@keyframes swal2-rotate-success-circular-line { 
  0% { transform: rotate(-45deg); }
  5% { transform: rotate(-45deg); }
  12% { transform: rotate(-405deg); }
  100% { transform: rotate(-405deg); }
}
@keyframes swal2-animate-error-x-mark { 
  0% { margin-top: 1.625em; transform: scale(0.4); opacity: 0; }
  50% { margin-top: 1.625em; transform: scale(0.4); opacity: 0; }
  80% { margin-top: -0.375em; transform: scale(1.15); }
  100% { margin-top: 0px; transform: scale(1); opacity: 1; }
}
@keyframes swal2-animate-error-icon { 
  0% { transform: rotateX(100deg); opacity: 0; }
  100% { transform: rotateX(0deg); opacity: 1; }
}
@keyframes swal2-rotate-loading { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes swal2-animate-question-mark { 
  0% { transform: rotateY(-360deg); }
  100% { transform: rotateY(0deg); }
}
@keyframes swal2-animate-i-mark { 
  0% { transform: rotateZ(45deg); opacity: 0; }
  25% { transform: rotateZ(-25deg); opacity: 0.4; }
  50% { transform: rotateZ(15deg); opacity: 0.8; }
  75% { transform: rotateZ(-5deg); opacity: 1; }
  100% { transform: rotateX(0deg); opacity: 1; }
}
@keyframes swal2-toast-show { 
  0% { transform: translateY(-0.625em) rotateZ(2deg); }
  33% { transform: translateY(0px) rotateZ(-2deg); }
  66% { transform: translateY(0.3125em) rotateZ(2deg); }
  100% { transform: translateY(0px) rotateZ(0deg); }
}
@keyframes swal2-toast-hide { 
  100% { transform: rotateZ(1deg); opacity: 0; }
}
@keyframes swal2-toast-animate-success-line-tip { 
  0% { top: 0.5625em; left: 0.0625em; width: 0px; }
  54% { top: 0.125em; left: 0.125em; width: 0px; }
  70% { top: 0.625em; left: -0.25em; width: 1.625em; }
  84% { top: 1.0625em; left: 0.75em; width: 0.5em; }
  100% { top: 1.125em; left: 0.1875em; width: 0.75em; }
}
@keyframes swal2-toast-animate-success-line-long { 
  0% { top: 1.625em; right: 1.375em; width: 0px; }
  65% { top: 1.25em; right: 0.9375em; width: 0px; }
  84% { top: 0.9375em; right: 0px; width: 1.125em; }
  100% { top: 0.9375em; right: 0.1875em; width: 1.375em; }
}
.img-error[data-v-393c02cc] { object-fit: contain !important; }
.img-lazy[data-v-393c02cc] { background: linear-gradient(110deg, rgb(18, 31, 62) 8%, rgb(40, 49, 69) 18%, rgb(18, 31, 62) 43%) 0px 0px / 200% 400%; width: 100%; animation: 1.5s linear 0s infinite normal none running skeleton-shine; }
.img-lazy__header[data-v-393c02cc] { background: linear-gradient(110deg, rgb(18, 31, 62) 8%, rgb(40, 49, 69) 18%, rgb(18, 31, 62) 43%); }
.img-lazy.bg-white[data-v-393c02cc] { background: rgb(255, 255, 255); }
.img-lazy[lazy="error"][data-v-393c02cc], .img-lazy[lazy="loaded"][data-v-393c02cc] { background: 0px 0px; animation: auto ease 0s 1 normal none running none; }
.img-lazy[lazy="error"][data-v-393c02cc], img[lazy="loading"][data-v-393c02cc] { padding: 0px 35px; }
@media screen and (max-width: 1024px) {
  .img-lazy[lazy="error"][data-v-393c02cc], img[lazy="loading"][data-v-393c02cc] { object-fit: contain; padding: 0px 18px; }
}
.base-button[data-v-c6f9b663] { cursor: pointer; white-space: nowrap; border: 0px; border-radius: 8px; justify-content: center; align-items: center; width: fit-content; transition: 0.3s; display: flex; position: relative; }
.base-button--content[data-v-c6f9b663] { align-items: center; gap: 8px; display: flex; }
.base-button.color--primary[data-v-c6f9b663] { border-radius: 12px; }
.base-button.color--primary[data-v-c6f9b663], .base-button.color--primary.style--filled[data-v-c6f9b663] { color: rgb(255, 255, 255); background: linear-gradient(270deg, rgb(8, 85, 196), rgb(19, 150, 248)), 100% center rgb(19, 150, 248); }
.base-button.color--primary.style--linear[data-v-c6f9b663] { color: rgb(255, 255, 255); background: rgb(18, 31, 62); border: 1px solid rgb(19, 150, 248); }
.base-button.color--primary.style--linear.disabled[data-v-c6f9b663] { color: rgba(255, 255, 255, 0.2); cursor: default; background: rgb(30, 45, 81); border: 0px; }
.base-button.color--primary.style--linear.inactive[data-v-c6f9b663] { background: rgb(18, 31, 62); }
@media screen and (min-width: 1024px) {
  .base-button.color--primary.style--linear[data-v-c6f9b663]:not(:-webkit-any(:disabled, .inactive)):hover { background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), rgb(18, 31, 62); border: 1px solid rgb(19, 150, 248); }
  .base-button.color--primary.style--linear[data-v-c6f9b663]:not(:is(:disabled, .inactive)):hover { background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), rgb(18, 31, 62); border: 1px solid rgb(19, 150, 248); }
}
.base-button.color--primary.style--transparent[data-v-c6f9b663] { color: rgb(19, 150, 248); transition: 0.3s; background: 0px 0px !important; }
.base-button.color--primary.style--transparent.disabled[data-v-c6f9b663] { color: rgb(123, 130, 145); cursor: default; }
.base-button.color--primary.disabled[data-v-c6f9b663] { color: rgba(255, 255, 255, 0.2); cursor: default; background: rgb(30, 45, 81); }
@media screen and (min-width: 1024px) {
  .base-button.color--primary[data-v-c6f9b663]:hover:not(:-webkit-any(.inactive, :disabled, .base-button.color--primary.style--linear, .mobile)) { background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(270deg, rgb(8, 85, 196), rgb(19, 150, 248)), rgb(19, 150, 248); }
  .base-button.color--primary[data-v-c6f9b663]:hover:not(:is(.inactive, :disabled, .base-button.color--primary.style--linear, .mobile)) { background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(270deg, rgb(8, 85, 196), rgb(19, 150, 248)), rgb(19, 150, 248); }
}
.base-button.color--primary[data-v-c6f9b663]:active:not(:-webkit-any(.inactive, :disabled, .base-button.color--primary.style--linear, .mobile)) { background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(90deg, rgb(19, 150, 248), rgb(8, 85, 196)), rgb(19, 150, 248); }
.base-button.color--primary[data-v-c6f9b663]:active:not(:is(.inactive, :disabled, .base-button.color--primary.style--linear, .mobile)) { background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(90deg, rgb(19, 150, 248), rgb(8, 85, 196)), rgb(19, 150, 248); }
.base-button.color--secondary[data-v-c6f9b663], .base-button.color--secondary.style--filled[data-v-c6f9b663] { color: rgb(255, 255, 255); background-color: rgb(255, 114, 56); }
.base-button.color--secondary.style--filled.disabled[data-v-c6f9b663] { color: rgba(255, 255, 255, 0.2); cursor: default; background: rgb(30, 45, 81); border: 0px; }
.base-button.color--secondary.style--linear[data-v-c6f9b663] { color: rgb(255, 114, 56); background: 0px 0px; border: 1px solid rgb(255, 114, 56); }
.base-button.color--secondary.style--linear.disabled[data-v-c6f9b663] { color: rgba(255, 255, 255, 0.2); cursor: default; background: rgb(30, 45, 81); border: 0px; }
@media screen and (min-width: 1024px) {
  .base-button.color--secondary.style--linear[data-v-c6f9b663]:not(:-webkit-any(:disabled, .inactive)):hover { background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)); }
  .base-button.color--secondary.style--linear[data-v-c6f9b663]:not(:is(:disabled, .inactive)):hover { background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)); }
  .base-button.color--neutral[data-v-c6f9b663]:hover:not(:-webkit-any(.inactive, :disabled, .base-button.color--secondary.style--linear, .base-button.color--primary.style--linear, .mobile)), .base-button.color--secondary[data-v-c6f9b663]:hover:not(:-webkit-any(.inactive, :disabled, .base-button.color--secondary.style--linear, .base-button.color--primary.style--linear, .mobile)) { opacity: 0.9; }
  .base-button.color--neutral[data-v-c6f9b663]:hover:not(:is(.inactive, :disabled, .base-button.color--secondary.style--linear, .base-button.color--primary.style--linear, .mobile)), .base-button.color--secondary[data-v-c6f9b663]:hover:not(:is(.inactive, :disabled, .base-button.color--secondary.style--linear, .base-button.color--primary.style--linear, .mobile)) { opacity: 0.9; }
}
.base-button.color--secondary.style--transparent[data-v-c6f9b663] { color: rgb(255, 114, 56); transition: 0.3s; background: 0px 0px !important; }
.base-button.color--secondary.disabled[data-v-c6f9b663] { color: rgba(255, 255, 255, 0.2); cursor: default; background-color: rgb(0, 0, 0); }
.base-button.color--neutral[data-v-c6f9b663] { color: rgb(255, 255, 255); background-color: rgb(18, 31, 62); }
.base-button.color--neutral.disabled[data-v-c6f9b663] { color: rgba(255, 255, 255, 0.2); cursor: default; background: rgb(30, 45, 81); border: 0px; }
.base-button.size--large[data-v-c6f9b663] { width: 172px; height: 44px; padding: 0px 16px; font-family: "Inter"; font-size: 16px; font-weight: 600; line-height: 24px; }
.base-button.size--medium[data-v-c6f9b663] { width: 147px; height: 40px; font-size: 14px; line-height: 20px; }
.base-button.size--compact[data-v-c6f9b663], .base-button.size--medium[data-v-c6f9b663] { border-radius: 8px; padding: 0px 16px; font-family: "Inter"; font-weight: 600; }
.base-button.size--compact[data-v-c6f9b663] { width: 143px; height: 36px; font-size: 12px; line-height: 16px; }
.base-button.size--tiny[data-v-c6f9b663] { border-radius: 999px; width: 115px; height: 24px; padding: 0px 12px; font-family: "Inter"; font-size: 10px; font-weight: 700; line-height: 12px; }
.base-button.full-width[data-v-c6f9b663] { width: 100%; }
.base-button.inactive[data-v-c6f9b663] { opacity: 0.4; cursor: not-allowed !important; }
.base-button.uppercase[data-v-c6f9b663] { text-transform: uppercase; }
.base-button.header-btn[data-v-c6f9b663] { border-radius: 12px; width: 126px; height: 48px; font-weight: 700; }
.base-button.header-btn.style--filled[data-v-c6f9b663] { width: 120px; }
.base-button.mobile[data-v-c6f9b663] { border-radius: 2.13333vw; }
.base-button.mobile--content[data-v-c6f9b663] { gap: 2.13333vw; }
.base-button.mobile.size--large[data-v-c6f9b663] { border-radius: 3.2vw; height: 11.7333vw; padding: 0px 4.26667vw; font-family: "Inter"; font-size: 4.26667vw; font-weight: 600; line-height: 6.4vw; }
.base-button.mobile.size--medium[data-v-c6f9b663] { height: 10.6667vw; }
.base-button.mobile.size--compact[data-v-c6f9b663], .base-button.mobile.size--medium[data-v-c6f9b663] { padding: 0px 4.26667vw; font-family: "Inter"; font-size: 3.73333vw; font-weight: 600; line-height: 5.33333vw; }
.base-button.mobile.size--compact[data-v-c6f9b663] { height: 9.6vw; }
.base-button.mobile.size--tiny[data-v-c6f9b663] { border-radius: 266.4vw; height: 6.4vw; padding: 0px 3.2vw; font-family: "Inter"; font-size: 3.2vw; font-weight: 600; line-height: 4.26667vw; }
.base-button.mobile.header-button[data-v-c6f9b663] { width: 22.4vw; padding: 0px; font-size: 3.2vw; }
.coin-burst-wrapper[data-v-28dead08] { z-index: 2; pointer-events: none; user-select: none; width: 100%; height: 208px; position: absolute; top: 0px; left: 0px; overflow: hidden; }
@media screen and (min-width: 1024px) {
  .coin-burst-wrapper > div[data-v-28dead08] { bottom: 49px; }
}
.coin-burst-wrapper > div[data-v-28dead08] { background-repeat: no-repeat; background-size: contain; position: absolute; bottom: 28px; left: 43%; }
.coin-burst-wrapper > div img[data-v-28dead08] { width: 100%; max-width: 100%; height: auto !important; }
.coin-burst-wrapper__light[data-v-28dead08] { opacity: 0; pointer-events: none; width: 57.25px; height: auto; position: absolute; bottom: 24px; left: 50%; transform: translate(-50%); }
.coin-burst-wrapper__light.left[data-v-28dead08] { animation: 3s ease-in-out 0s infinite normal none running move-from-left; }
.coin-burst-wrapper__light.right[data-v-28dead08] { animation: 3s ease-in-out 0s infinite normal none running move-from-right; }
.coin-burst-wrapper .coin[data-v-28dead08] { top: var(--coin-from-x,24px); left: var(--coin-from-y,24px); z-index: 100; opacity: 0; position: absolute; }
.coin-burst-wrapper .coin[data-v-28dead08]::after { content: ""; opacity: 0; background-image: url("https://ssv88.co/wp-content/uploads/2026/11/icon-coin.webp"); background-position: 50% center; background-repeat: no-repeat; background-size: contain; justify-content: center; align-items: center; width: 18px; height: 18px; font-size: 10px; display: flex; }
.coin-burst-wrapper .coin--animated[data-v-28dead08], .coin-burst-wrapper .coin--animated[data-v-28dead08]::after { animation-duration: 3s; animation-timing-function: cubic-bezier(0, 0, 0.55, 1); animation-iteration-count: infinite; animation-play-state: running; animation-fill-mode: both; animation-delay: calc(1.2s + var(--coin-delay,0s)); }
.coin-burst-wrapper .coin--animated[data-v-28dead08] { animation-name: coin-x-axis-delayed-28dead08; }
.coin-burst-wrapper .coin--animated[data-v-28dead08]::after { animation-name: coin-y-axis-and-flip-delayed-28dead08; }
.mobile .coin-burst-wrapper[data-v-28dead08] { height: 100%; }
.mobile .coin-burst-wrapper__light[data-v-28dead08] { width: 9.6vw; bottom: 3.73333vw; }
.mobile .coin-burst-wrapper .coin[data-v-28dead08]::after { opacity: 0; width: 3.73333vw; height: 3.73333vw; }
.mobile .coin-burst-wrapper > div[data-v-28dead08] { bottom: 3.73333vw !important; left: calc(50% - 5.86667vw) !important; }
@keyframes burst-light-28dead08 { 
  0%, 100% { opacity: 0; transform: scale(0) translateY(3px); }
  2%, 6% { opacity: 0.5; transform: scale(1) translate(0px); }
  4%, 8% { opacity: 1; transform: scale(1.5) translateY(-2px); }
  15% { opacity: 0.6; filter: blur(2px); transform: scale(5) translate(-10px, -2px); }
  20% { opacity: 0; filter: blur(8px); transform: scale(8) translate(-10px); }
}
@keyframes coin-x-axis-delayed-28dead08 { 
  0% { opacity: 0; left: var(--coin-from-y,24px); }
  10% { opacity: 1; }
  52% { left: calc(var(--coin-to-x) * 1.5); opacity: 1; }
  80% { opacity: 0; left: calc(var(--coin-to-x) * 1.5); }
}
@keyframes coin-y-axis-and-flip-delayed-28dead08 { 
  0% { opacity: 0; transform: translateY(0px) rotate3d(1, 1, 1, 0deg); }
  10% { opacity: 1; }
  50% { opacity: 1; }
  55% { opacity: 0.2; }
  60% { transform: translateY(calc(var(--coin-to-y) * 2.3)) rotate3d(1,1,1,4turn); opacity: 0; }
}
@keyframes coin-x-axis-delayed-special-28dead08 { 
  0% { opacity: 0; left: var(--coin-from-y,24px); }
  10% { opacity: 1; }
  52% { left: calc(var(--coin-to-x) * 2); opacity: 1; }
  80% { opacity: 0; left: calc(var(--coin-to-x) * 2); }
}
@keyframes coin-y-axis-and-flip-delayed-special-28dead08 { 
  0% { opacity: 0; transform: translateY(0px) rotate3d(1, 1, 1, 0deg); }
  10% { opacity: 1; }
  50% { opacity: 1; }
  55% { opacity: 0.2; }
  60% { transform: translateY(calc(var(--coin-to-y) * 3.2)) rotate3d(1,1,1,4turn); opacity: 0; }
}
@media screen and (max-width: 1025px) {
  .game-item.row-span .coin-burst-wrapper[data-v-28dead08] { height: 100%; }
  .game-item.row-span .coin-burst-wrapper > div[data-v-28dead08] { bottom: 2.66667vw !important; left: 50% !important; }
  .game-item.row-span .coin[data-v-28dead08] { top: var(--coin-from-x,50px); left: var(--coin-from-y,70px); z-index: 100; opacity: 0; position: absolute; }
  .game-item.row-span .coin[data-v-28dead08]::after { content: ""; justify-content: center; align-items: center; width: 25px; height: 25px; display: flex; }
  .game-item.row-span .coin--animated[data-v-28dead08] { animation-name: coin-x-axis-delayed-special-28dead08; }
  .game-item.row-span .coin--animated[data-v-28dead08]::after { animation-name: coin-y-axis-and-flip-delayed-special-28dead08; }
}
.s-fav-heart[data-v-bbc17471] { background: var(--s-fav-heart-bg,#00000040); color: var(--s-fav-heart-color,#fff); cursor: pointer; border: 0px; border-radius: 4px; justify-content: center; align-items: center; padding: 0px; transition: transform 0.1s ease-in; display: flex; position: relative; }
.s-fav-heart--32[data-v-bbc17471] { width: 32px; height: 32px; }
.s-fav-heart--24[data-v-bbc17471] { width: 24px; height: 24px; }
.s-fav-heart__icon[data-v-bbc17471] { width: 66.6%; height: 58.4%; display: block; }
.s-fav-heart__icon svg[data-v-bbc17471-s], .s-fav-heart__icon svg[data-v-bbc17471] { width: 100%; height: 100%; display: block; }
.s-fav-heart__icon--hover[data-v-bbc17471] { color: var(--s-fav-heart-hover-color,#fb3849); display: none; }
@media (hover: hover) {
  .s-fav-heart[data-v-bbc17471]:hover { background: var(--s-fav-heart-hover-bg,#000b2780); }
  .s-fav-heart:hover .s-fav-heart__icon--rest[data-v-bbc17471] { display: none; }
  .s-fav-heart:hover .s-fav-heart__icon--hover[data-v-bbc17471] { display: block; }
  .s-fav-heart.is-active:hover .s-fav-heart__icon[data-v-bbc17471], .s-fav-heart:hover .s-fav-heart__icon--hover[data-v-bbc17471] { animation: 0.55s ease-in-out 0s 1 normal none running s-fav-heart-shake-bbc17471; }
}
@keyframes s-fav-heart-shake-bbc17471 { 
  0%, 100% { transform: rotate(0deg); }
  20% { transform: rotate(-14deg); }
  40% { transform: rotate(11deg); }
  60% { transform: rotate(-8deg); }
  80% { transform: rotate(5deg); }
}
.s-fav-heart__burst-layer[data-v-bbc17471] { pointer-events: none; z-index: var(--s-fav-heart-burst-z,9998); position: fixed; }
.s-fav-heart__particle[data-v-bbc17471] { color: var(--s-fav-heart-particle-color,var(--s-fav-heart-active-color,#ff7800)); opacity: 0; pointer-events: none; width: 14px; height: 14px; margin: -7px 0px 0px -7px; animation: 0.7s ease-out 0s 1 normal forwards running s-fav-heart-burst-bbc17471; position: absolute; top: 50%; left: 50%; }
.s-fav-heart__particle svg[data-v-bbc17471] { width: 100%; height: 100%; display: block; }
@keyframes s-fav-heart-burst-bbc17471 { 
  0% { opacity: 1; transform: translate(0px) scale(0); }
  20% { opacity: 1; transform: translate(calc(var(--tx) * .2),calc(var(--ty) * .2)) scale(var(--scale)); }
  100% { opacity: 0; transform: translate(var(--tx),var(--ty)) scale(var(--scale)); }
}
.s-fav-heart__ring[data-v-bbc17471] { border: 2px solid var(--s-fav-heart-ring-color,var(--s-fav-heart-particle-color,var(--s-fav-heart-active-color,#ff7800))); box-sizing: border-box; opacity: 0; pointer-events: none; border-radius: 50%; animation: 0.6s ease-out 0s 1 normal forwards running s-fav-heart-ripple-bbc17471; position: absolute; inset: 0px; }
@keyframes s-fav-heart-ripple-bbc17471 { 
  0% { opacity: 0.8; transform: scale(1); }
  100% { opacity: 0; transform: scale(3.5); }
}
.s-fav-heart.is-active[data-v-bbc17471] { color: var(--s-fav-heart-active-color,#ff7800); }
.s-fav-heart.is-pressed[data-v-bbc17471] { transform: scale(0.8); }
.s-fav-heart.is-bouncing[data-v-bbc17471] { animation: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s 1 normal none running s-fav-heart-bounce-bbc17471; }
@keyframes s-fav-heart-bounce-bbc17471 { 
  0% { transform: scale(0.8); }
  55% { transform: scale(1.12); }
  100% { transform: scale(1); }
}
.s-fav-heart { --s-fav-heart-bg: #000b2780; --s-fav-heart-hover-bg: #000b2780; --s-fav-heart-color: #fff; --s-fav-heart-hover-color: #1396f8; --s-fav-heart-active-color: #ff7238; position: absolute !important; }
.game-item[data-v-81cf5090], .game-item__thumb-wrapper[data-v-81cf5090] { aspect-ratio: 210 / 142; width: 100%; height: 100%; overflow: hidden; }
.game-item[data-v-81cf5090] { cursor: pointer; border-radius: 8px; position: relative; }
.game-item__heart[data-v-81cf5090] { z-index: 3; position: absolute; top: 8px; right: 8px; }
.game-item__heart--search[data-v-81cf5090] { top: 4px; right: 4px; }
@media screen and (max-width: 1024px) {
  .game-item__heart[data-v-81cf5090] { top: 1.06667vw; right: 1.06667vw; }
}
.game-item.lobby[data-v-81cf5090] { aspect-ratio: 262 / 208; }
.game-item.lobby.col-span-2[data-v-81cf5090] { max-height: 208px; }
.game-item.lobby:hover img[data-v-81cf5090] { opacity: 1; }
.game-item.lobby .game-item__thumb.border-bottom[data-v-81cf5090] { border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; }
.game-item__content-lobby[data-v-81cf5090]::before { content: ""; backdrop-filter: blur(1.5px); opacity: 0; visibility: hidden; background: rgba(15, 29, 69, 0.8); width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }
.game-item__play-btn[data-v-81cf5090] { display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.game-item__play-btn[data-v-81cf5090] .btn { height: 48px; padding: 0px; }
.game-item__name[data-v-81cf5090] { text-align: center; z-index: 3; width: 100%; font-family: "Inter"; font-size: 14px; font-weight: 600; line-height: 20px; display: none; position: absolute; bottom: 8px; }
.game-item .animated-wrapper .slots[data-v-81cf5090] { z-index: 1; justify-content: center; align-items: center; animation: 1s linear 0s infinite normal none running light-up; display: flex; position: absolute; top: 48px; right: 6px; }
.game-item .animated-wrapper .slots-light[data-v-81cf5090] { justify-content: space-between; align-items: center; width: 52px; height: 2px; display: flex; position: absolute; top: 2.2px; left: 24px; }
.game-item .animated-wrapper .slots-light__item[data-v-81cf5090] { background-color: rgb(0, 28, 76); border-radius: 999px; width: 2px; height: 2px; animation: 1s ease-in-out 0s infinite normal none running light-blink; }
.game-item .animated-wrapper .slots-light__item[data-v-81cf5090]:nth-child(2n) { animation-delay: 0.5s; }
.game-item .animated-wrapper .slots-title[data-v-81cf5090] { z-index: 2; background-image: url("https://ssv88.co/wp-content/uploads/2026/11/text-jackpot.webp"); background-position: 50% center; background-repeat: repeat-y; background-size: contain; width: 84px; height: 16px; animation: 5s linear 0s infinite normal none running slots-spin, 5s ease-in-out 0s infinite normal none running slots-zoom; position: absolute; top: 12px; left: 8px; }
.game-item .animated-wrapper .slots-bg[data-v-81cf5090] { width: 102px; height: 32px; }
.game-item .animated-wrapper .slots-bg__text[data-v-81cf5090] { width: 88px; height: 20px; position: absolute; top: 10px; left: 6px; }
.game-item .animated-wrapper .slots-bg__spin[data-v-81cf5090] { width: 10px; height: 15px; position: absolute; top: 6px; right: -6px; }
.game-item.animate-jackpot[data-v-81cf5090] { padding: 1px; overflow: hidden; }
.game-item.animate-jackpot .game-item__thumb[data-v-81cf5090] { border-radius: 8px; }
.game-item:hover img[data-v-81cf5090]:not(.jackpot-coin) { opacity: 0.5; }
.game-item:hover .game-item__content-lobby[data-v-81cf5090]::before { opacity: 1; visibility: visible; z-index: 3; border-radius: 8px; overflow: hidden; }
.game-item:hover .game-item__play-btn[data-v-81cf5090] { z-index: 3; display: block; }
.game-item:hover .game-item__play-btn img[data-v-81cf5090] { opacity: 1; }
.game-item:hover .game-item__name[data-v-81cf5090] { display: block; }
.game-item.col-span-2[data-v-81cf5090] { grid-column: span 2; max-height: 142px; }
.game-item.row-span-2[data-v-81cf5090] { grid-row: span 2; max-height: 142px; }
.game-item.col-span-3[data-v-81cf5090] { grid-column: span 3; }
.game-item.max-height-auto[data-v-81cf5090] { max-height: 100%; }
.game-item.default[data-v-81cf5090] { pointer-events: none; }
.game-item__thumb[data-v-81cf5090] { clip-path: inset(0px round 8px); object-fit: cover; object-position: center top; border-radius: 8px; width: 100%; height: 100%; transition: opacity 0.3s; padding: 0px !important; }
.game-item__content[data-v-81cf5090] { background: rgba(0, 11, 39, 0.8); justify-content: center; align-items: center; gap: 8px; width: 100%; height: 28px; font-family: "Roboto Mono"; font-size: 14px; font-weight: 700; line-height: 20px; display: flex; position: absolute; bottom: 0px; }
.game-item__content img[data-v-81cf5090] { max-width: 20px; }
.game-item__content.below[data-v-81cf5090] { backdrop-filter: blur(4px); border-radius: 0px 0px 8px 8px; gap: 4px; font-family: "Roboto Mono"; font-size: 14px; font-weight: 700; line-height: 20px; top: auto; bottom: 0px; overflow: hidden; }
@media screen and (max-width: 1024px) {
  .game-item[data-v-81cf5090] { aspect-ratio: 136 / 96; border-radius: 2.13333vw; }
  .game-item.lobby[data-v-81cf5090] { aspect-ratio: 140.5 / 111; }
  .game-item.lobby .game-item__thumb.border-bottom[data-v-81cf5090] { border-bottom-right-radius: 2.13333vw; border-bottom-left-radius: 2.13333vw; }
  .game-item__thumb[data-v-81cf5090] { clip-path: inset(0px round 2.13333vw); border-radius: 2.13333vw; }
  .game-item:hover img[data-v-81cf5090], .game-item:hover img[data-v-81cf5090]:not(.jackpot-coin) { opacity: 1; }
  .game-item:hover.lobby[data-v-81cf5090] { background: initial; backdrop-filter: none; }
  .game-item__content[data-v-81cf5090] { gap: 1.06667vw; height: 6.4vw; }
  .game-item__content img[data-v-81cf5090] { max-width: 4.26667vw; }
  .game-item__content span[data-v-81cf5090] { font-family: "Roboto Mono"; font-size: 3.2vw; font-weight: 700; line-height: 4.26667vw; }
  .game-item__content.below[data-v-81cf5090] { gap: 1.06667vw; height: 4.26667vw; font-family: "Inter"; font-size: 2.66667vw; font-weight: 700; line-height: 4.26667vw; }
  .game-item__content.below img[data-v-81cf5090] { max-width: 3.2vw; }
  .game-item__content.below span[data-v-81cf5090] { font-size: 2.66667vw; }
  .game-item .animated-wrapper .slots[data-v-81cf5090] { top: 8.53333vw; right: 1.06667vw; }
  .game-item .animated-wrapper .slots-light[data-v-81cf5090] { width: 8vw; height: 2px; top: 0.346667vw; left: 2.66667vw; }
  .game-item .animated-wrapper .slots-light__item[data-v-81cf5090] { border-radius: 999px; width: 2px; height: 2px; }
  .game-item .animated-wrapper .slots-title[data-v-81cf5090] { width: 10.6667vw; height: 2.66667vw; top: 1.14667vw; left: 1.6vw; }
  .game-item .animated-wrapper .slots-bg[data-v-81cf5090] { width: 13.8667vw; height: 4.26667vw; }
  .game-item .animated-wrapper .slots-bg__text[data-v-81cf5090] { width: 12.5333vw; height: 2.93333vw; top: 1.06667vw; left: 0.533333vw; }
  .game-item .animated-wrapper .slots-bg__spin[data-v-81cf5090] { width: 1.06667vw; height: 2.13333vw; top: 0.64vw; right: -0.64vw; }
}
@media screen and (max-width: 1024px) and (min-width: 1024px) {
  .game-item .animated-wrapper .slots-bg__spin[data-v-81cf5090] { top: 0.933333vw; right: -0.64vw; }
}
.section-title[data-v-9f4c3f8c] { width: fit-content; }
.section-title__wrapper[data-v-9f4c3f8c] { align-items: center; display: flex; }
.section-title img[data-v-9f4c3f8c] { width: 24px; height: 24px; margin-right: 8px; }
@media screen and (max-width: 768px) {
  .section-title img[data-v-9f4c3f8c] { width: 16px; height: 16px; }
}
.section-title span[data-v-9f4c3f8c] { margin-right: 8px; font-size: 24px; }
.section-title span[data-v-9f4c3f8c]::before { color: rgb(255, 255, 255); width: 24px; height: 24px; display: flex; }
.section-title p[data-v-9f4c3f8c] { text-transform: uppercase; color: rgb(255, 255, 255); font-family: "Inter"; font-size: 16px; font-weight: 700; line-height: 24px; }
.section-title--link[data-v-9f4c3f8c] { justify-content: space-between; align-items: center; width: 100%; display: flex; }
.section-title a[data-v-9f4c3f8c] { color: rgb(19, 150, 248); font-family: "Inter"; font-size: 16px; font-weight: 600; line-height: 24px; transition: 0.3s; }
.section-title a[data-v-9f4c3f8c]:hover { text-decoration: underline; }
.section-title.mobile span[data-v-9f4c3f8c] { margin-right: 1.06667vw; font-size: 5.33333vw; }
.section-title.mobile span[data-v-9f4c3f8c]::before { width: 5.33333vw; height: 5.33333vw; }
.section-title.mobile p[data-v-9f4c3f8c] { font-weight: 700; }
.section-title.mobile a[data-v-9f4c3f8c], .section-title.mobile p[data-v-9f4c3f8c] { font-family: "Inter"; font-size: 3.2vw; line-height: 4.26667vw; }
.section-title.mobile a[data-v-9f4c3f8c] { font-weight: 600; }
.section-title.mobile a[data-v-9f4c3f8c]:hover { text-decoration: none; }
.sidebar-container .sidebar-container__list[data-v-c519b63e] { background-color: rgb(18, 31, 62); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 8px; }
.sidebar-container .sidebar-container__list-item[data-v-c519b63e] { cursor: pointer; align-items: center; gap: 4px; padding: 16px 8px; transition: 0.3s; display: flex; position: relative; }
.sidebar-container .sidebar-container__list-item[data-v-c519b63e]::before { content: ""; opacity: 0; z-index: 0; position: absolute; inset: 0px; }
.sidebar-container .sidebar-container__list-item[data-v-c519b63e]::after { content: ""; z-index: 1; background: rgba(255, 255, 255, 0.1); width: 100%; height: 1px; position: absolute; bottom: 0px; left: 0px; }
.sidebar-container .sidebar-container__list-item[data-v-c519b63e]:first-child::before { border-top-left-radius: 8px; border-top-right-radius: 8px; }
.sidebar-container .sidebar-container__list-item[data-v-c519b63e]:last-child { border-bottom: 0px; }
.sidebar-container .sidebar-container__list-item[data-v-c519b63e]:last-child::before { border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; }
.sidebar-container .sidebar-container__list-item[data-v-c519b63e]:last-child::after { display: none; }
.sidebar-container .sidebar-container__list-item.router-link-active[data-v-c519b63e]::before, .sidebar-container .sidebar-container__list-item[data-v-c519b63e]:hover:not(.mobile):not(.router-link-active)::before { opacity: 1; background: rgb(10, 83, 136); }
.sidebar-container .sidebar-container__list-item.router-link-active .sidebar-container__list-item-icon[data-v-c519b63e]::before, .sidebar-container .sidebar-container__list-item:hover:not(.mobile):not(.router-link-active) .sidebar-container__list-item-icon[data-v-c519b63e]::before { color: rgb(255, 255, 255); }
.sidebar-container .sidebar-container__list-item.router-link-active .sidebar-container__list-item-title[data-v-c519b63e], .sidebar-container .sidebar-container__list-item:hover:not(.mobile):not(.router-link-active) .sidebar-container__list-item-title[data-v-c519b63e] { color: rgb(255, 255, 255); font-weight: 700; }
.sidebar-container .sidebar-container__list-item.router-link-active[data-v-c519b63e]::before { background: linear-gradient(270deg, rgb(0, 198, 211), rgb(0, 105, 203)); }
.sidebar-container .sidebar-container__list-item-hot[data-v-c519b63e], .sidebar-container .sidebar-container__list-item-icon[data-v-c519b63e], .sidebar-container .sidebar-container__list-item-title[data-v-c519b63e] { z-index: 1; position: relative; }
.sidebar-container .sidebar-container__list-item-icon[data-v-c519b63e]::before { color: rgb(173, 183, 204); font-size: 20px; }
.sidebar-container .sidebar-container__list-item-title[data-v-c519b63e] { color: rgb(173, 183, 204); height: auto; min-height: 24px; font-family: "Inter"; font-size: 16px; font-weight: 600; line-height: 24px; }
.sidebar-container .sidebar-container__list-item-hot[data-v-c519b63e] { position: absolute; top: 50%; right: 8px; transform: translateY(-50%); }
@media screen and (max-width: 1024px) {
  .sidebar-container .sidebar-container__list[data-v-c519b63e] { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0px; }
  .sidebar-container .sidebar-container__list-item[data-v-c519b63e] { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; gap: 1.06667vw; padding: 2.13333vw 1.06667vw; position: relative; flex-direction: column !important; display: flex !important; }
  .sidebar-container .sidebar-container__list-item[data-v-c519b63e]:first-child::before, .sidebar-container .sidebar-container__list-item[data-v-c519b63e]:last-child::before { border-radius: 0px; }
  .sidebar-container .sidebar-container__list-item[data-v-c519b63e]:last-child::after { content: none; }
  .sidebar-container .sidebar-container__list-item[data-v-c519b63e]::after { content: ""; background: rgba(255, 255, 255, 0.1); width: 10.6667vw; height: 1px; position: absolute; bottom: 0px; left: 50%; transform: translate(-50%); }
  .sidebar-container .sidebar-container__list-item-icon[data-v-c519b63e]::before { height: 6.4vw; font-size: 6.4vw; display: inline-block; }
  .sidebar-container .sidebar-container__list-item-title[data-v-c519b63e] { text-align: center; min-height: 4.26667vw; font-family: "Inter"; font-size: 2.66667vw; font-weight: 500; line-height: 4.26667vw; }
  .sidebar-container .sidebar-container__list-item-hot[data-v-c519b63e] { width: 6.13333vw; height: 3.2vw; top: 0.533333vw; right: 0.533333vw; transform: none; }
  .sidebar-container .sidebar-container__list-item.router-link-active .sidebar-container__list-item-title[data-v-c519b63e] { font-weight: 500; }
}
.favorite-game-card[data-v-c76f72e8] { width: 100%; position: relative; }
.favorite-game-card[data-v-c76f72e8] .game-item { aspect-ratio: 210 / 166; }
.favorite-game-card[data-v-c76f72e8] .game-item .slots { top: 48px; }
.favorite-game-card[data-v-c76f72e8] .game-item .coin-burst-wrapper { height: 166px; }
.favorite-game-card[data-v-c76f72e8] .game-item__thumb { object-fit: cover; object-position: center top; }
.favorite-game-card__heart[data-v-c76f72e8] { z-index: 3; position: absolute; top: 8px; right: 8px; }
@media screen and (max-width: 1024px) {
  .favorite-game-card__heart[data-v-c76f72e8] { width: 6.4vw; height: 6.4vw; top: 1.06667vw; right: 1.06667vw; }
  .favorite-game-card[data-v-c76f72e8] .game-item { aspect-ratio: 165 / 130; }
  .favorite-game-card[data-v-c76f72e8] .game-item .slots { top: 40px; }
  .favorite-game-card[data-v-c76f72e8] .game-item .coin-burst-wrapper { height: 32.5333vw; }
}
.jackpot__container[data-v-359d96cf] { z-index: 5; width: 400px; height: 110px; position: absolute; }
.jackpot__container.multi-game-jackpot-animation[data-v-359d96cf] { cursor: pointer; bottom: 68px; right: 61px; }
.jackpot__container .img-jackpot[data-v-359d96cf] { z-index: 0; border-radius: 8px; width: 326.72px; animation: 1.5s linear 0s infinite normal none running drop-shadow-jackpot-359d96cf; top: 25px; box-shadow: rgb(255, 246, 0) 0px 0px 22px; }
.jackpot__container .img-jackpot[data-v-359d96cf], .jackpot__container .jackpot[data-v-359d96cf] { pointer-events: none; position: absolute; left: calc(50% + 5px); transform: translate(-50%); }
.jackpot__container .jackpot[data-v-359d96cf] { mix-blend-mode: soft-light; opacity: 1; filter: blur(6px); justify-content: center; align-items: center; max-width: 300px; display: flex; overflow: hidden; }
.jackpot__container-animation-number[data-v-359d96cf] { z-index: 10; width: 304px; height: 43px; position: absolute; top: 34px; right: 43px; overflow: hidden; }
.jackpot__container .number[data-v-359d96cf] { opacity: 1; z-index: 10; -webkit-text-fill-color: transparent; background: linear-gradient(rgb(250, 226, 92), rgb(255, 247, 201), rgb(255, 157, 0), rgb(255, 218, 90)) text; display: flex; position: absolute; top: 50%; left: 50%; transform: translate(-50%, 38%) rotateX(0deg); }
.jackpot__container .number[data-v-359d96cf] span { font-family: ""Chivo" Mono"; font-size: 28px; font-weight: 700; line-height: 58px; }
.jackpot__container .number.animating[data-v-359d96cf] { opacity: 1; transition: 0.2s; transform: translate(-50%, -108%); }
.jackpot__container .number.animated[data-v-359d96cf] { opacity: 1; transition: 0.3s ease-in-out; transform: translate(-50%, -48%); }
@media screen and (min-width: 1024px) and (max-width: 1367px) {
  .jackpot__container[data-v-359d96cf] { right: 0px; }
}
.jackpot__container.mobile.multi-game-jackpot-animation[data-v-359d96cf] { width: 42.9333vw; height: 13.3333vw; bottom: 7.86667vw; right: 4.67733vw; }
.jackpot__container.mobile.multi-game-jackpot-animation .img-jackpot[data-v-359d96cf] { z-index: -1; border-radius: 1.06667vw; width: 42.9333vw; animation: 1.5s linear 0s infinite normal none running drop-shadow-jackpot-mb-359d96cf; top: 2vw; left: calc(50% + 0.26667vw); box-shadow: rgb(255, 246, 0) 0px 0px 3.2vw; }
.jackpot__container.mobile .jackpot__container-animation-number[data-v-359d96cf] { width: 39.7333vw; height: 5.33333vw; position: absolute; top: 3.2vw; right: 1.33333vw; overflow: hidden; }
.jackpot__container.mobile .number[data-v-359d96cf] { opacity: 1; top: 50%; left: 50%; transform: translate(-50%, 108%) rotateX(0deg); }
.jackpot__container.mobile .number[data-v-359d96cf] span { font-size: 3.73333vw; line-height: 3.73333vw; }
.jackpot__container.mobile .number.animating[data-v-359d96cf] { opacity: 1; transition: 0.2s; transform: translate(-50%, -168%); }
.jackpot__container.mobile .number.animated[data-v-359d96cf] { opacity: 1; transition: 0.3s ease-in-out; transform: translate(-50%, -40%); }
@keyframes drop-shadow-jackpot-359d96cf { 
  0%, 100% { filter: drop-shadow(rgb(255, 246, 0) 0px 0px 22px); }
  50% { filter: drop-shadow(rgb(184, 99, 4) 0px 0px); }
}
@keyframes drop-shadow-jackpot-mb-359d96cf { 
  0%, 100% { filter: drop-shadow(rgb(255, 246, 0) 0px 0px 1.06667vw); }
  50% { filter: drop-shadow(rgb(184, 99, 4) 0px 0px); }
}
.multi-game-jackpot-banner[data-v-69a6bd25] { border-radius: 12px; width: 100%; height: 100%; position: relative; overflow: hidden; }
.multi-game-jackpot-banner__games-container[data-v-69a6bd25] { z-index: 6; filter: drop-shadow(rgba(47, 0, 0, 0.55) 0px 3px 3px); background: url("https://ssv88.co/wp-content/uploads/2026/11/bg-game-slides.webp") 50% center / 100% 100% no-repeat; width: 202px; height: 54px; position: absolute; top: 172px; right: 155px; }
.multi-game-jackpot-banner__games-container .swiper[data-v-69a6bd25] { width: 100%; height: 100%; }
.multi-game-jackpot-banner__games-container .swiper[data-v-69a6bd25] .swiper-slide { width: 100%; height: 100%; padding: 6px 19px 7px; }
.multi-game-jackpot-banner__games-container .swiper[data-v-69a6bd25] .swiper-slide .slide-content { cursor: pointer; justify-content: center; align-items: center; gap: 6px; width: 100%; height: 100%; display: flex; }
.multi-game-jackpot-banner__games-container .swiper[data-v-69a6bd25] .swiper-slide .slide-content .multi-game-jackpot-banner__game-item-img { object-fit: cover; border-radius: 4px; min-width: 60px; height: 41px; }
.multi-game-jackpot-banner__games-container .swiper[data-v-69a6bd25] .swiper-slide .slide-content .multi-game-jackpot-banner__game-item-name { text-overflow: ellipsis; -webkit-line-clamp: 2; word-break: break-word; -webkit-box-orient: vertical; width: 100%; font-family: "Inter"; font-size: 14px; font-weight: 700; line-height: 20px; display: -webkit-box; overflow: hidden; }
.hero-banner__hero-title[data-v-69a6bd25] { z-index: 10; width: 229.61px; height: auto; animation: 2s ease-in-out 0s infinite normal none running bounceZoom-69a6bd25; position: absolute; top: 13.51px; right: 142px; }
.hero-banner__hero-title .star[data-v-69a6bd25] { mix-blend-mode: screen; position: absolute; }
.hero-banner__hero-title .star.hero-banner__star-1[data-v-69a6bd25] { animation: 5s ease-in-out 0s infinite normal none running bounceZoomGlowRotate1-69a6bd25; top: 4px; left: -10px; }
.hero-banner__hero-title .star.hero-banner__star-2[data-v-69a6bd25] { animation: 5s ease-in-out 0s infinite normal none running bounceZoomGlowRotate2-69a6bd25; top: 12px; right: -1px; }
.hero-banner__hero-title .star.hero-banner__star-3[data-v-69a6bd25] { animation: 5s ease-in-out 0s infinite normal none running bounceZoomGlowRotate2-69a6bd25; bottom: 9px; right: 39px; }
.hero-banner__hero-title .star.hero-banner__star-4[data-v-69a6bd25] { animation: 8.3s ease-in-out 0s infinite normal none running bounceZoomGlowRotate1-69a6bd25; bottom: 6px; left: 35px; }
.hero-banner__hero-title-img[data-v-69a6bd25] { object-fit: contain; width: 100%; height: 100%; }
.hero-banner__hero-img[data-v-69a6bd25] { object-fit: cover; z-index: 0; width: 100%; height: 100%; position: relative; }
.hero-banner__animation-container[data-v-69a6bd25] { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }
.hero-banner__coin-drop-1[data-v-69a6bd25] { width: 86px; animation: 2.4s ease-in-out 0.1s infinite normal none running dropCoin-69a6bd25; top: -17px; right: 19px; }
.hero-banner__coin-drop-1[data-v-69a6bd25], .hero-banner__coin-drop-2[data-v-69a6bd25], .hero-banner__coin-drop-3[data-v-69a6bd25], .hero-banner__coin-drop-4[data-v-69a6bd25] { z-index: 3; height: auto; position: absolute; }
.hero-banner__coin-drop-2[data-v-69a6bd25] { width: 52.94px; animation: 2.3s ease-in-out 0.3s infinite normal none running dropCoin-69a6bd25; top: 90px; right: -6px; }
.hero-banner__coin-drop-3[data-v-69a6bd25] { width: 18px; animation: 2.3s ease-in-out 0.5s infinite normal none running dropCoin-69a6bd25; top: 154px; right: 25px; }
.hero-banner__coin-drop-4[data-v-69a6bd25] { width: 39px; animation: 2.5s ease-in-out 0.5s infinite normal none running dropCoin-69a6bd25; top: 165px; right: 50px; }
.hero-banner__star-5[data-v-69a6bd25] { mix-blend-mode: screen; z-index: 10; animation: 4s ease-in-out 0s infinite normal none running bounceGlow-69a6bd25; position: absolute; bottom: 93px; left: 118px; }
.hero-banner__light-bg[data-v-69a6bd25] { z-index: 1; width: auto; height: auto; animation: 1.3s linear 0s infinite normal none running bounceZoomGlow-69a6bd25; position: absolute; top: -2px; left: 248px; }
.hero-banner__coin-jump-out-1[data-v-69a6bd25] { width: 69px; animation: 2.5s linear 0s infinite normal none running jumpOutCoin-69a6bd25; top: 158px; left: -16px; }
.hero-banner__coin-jump-out-1[data-v-69a6bd25], .hero-banner__coin-jump-out-2[data-v-69a6bd25] { z-index: 3; height: auto; position: absolute; transform: rotate(-8deg); }
.hero-banner__coin-jump-out-2[data-v-69a6bd25] { width: 31px; animation: 1.2s linear 0s infinite normal none running jumpOutCoin-69a6bd25; bottom: 87px; left: 59.72px; }
.hero-banner__coin-jump-out-3[data-v-69a6bd25] { z-index: 3; width: auto; height: auto; animation: 1.4s linear 0s infinite normal none running jumpOutCoin3-69a6bd25; position: absolute; bottom: 77px; left: 221.72px; }
.hero-banner__coin-jump-out-4[data-v-69a6bd25] { z-index: 3; width: 18px; height: auto; animation: 1.2s linear 0.3s infinite normal none running jumpOutCoin4-69a6bd25; position: absolute; bottom: 24px; left: 271px; }
.hero-banner__coin-jump-out-5[data-v-69a6bd25] { z-index: 3; width: 28px; height: auto; animation: 1.5s linear 0s infinite normal none running jumpOutCoin4-69a6bd25; position: absolute; bottom: 51px; left: 304px; }
.mobile .hero-banner__hero-title[data-v-69a6bd25] { width: 29.5707vw; height: auto; animation: 2s ease-in-out 0s infinite normal none running bounceZoom-69a6bd25; top: auto; bottom: 18.9333vw; right: 10.6427vw; }
.mobile .hero-banner__hero-title .star.hero-banner__star-1[data-v-69a6bd25] { animation: 2s ease-in-out 0.3s infinite normal none running bounceZoomGlow-69a6bd25; top: -3.46667vw; left: -6.4vw; }
.mobile .hero-banner__hero-title .star.hero-banner__star-2[data-v-69a6bd25] { animation: 3s ease-in-out 0s infinite normal none running bounceZoomGlow-69a6bd25; top: -1.6vw; right: -3.73333vw; }
.mobile .hero-banner__hero-title .star.hero-banner__star-3[data-v-69a6bd25] { animation: 2s ease-in-out 0s infinite normal none running bounceZoomGlow-69a6bd25; bottom: -1.86667vw; right: 2.66667vw; }
.mobile .hero-banner__hero-title .star.hero-banner__star-4[data-v-69a6bd25] { animation: 3s ease-in-out 0.3s infinite normal none running bounceZoomGlow-69a6bd25; bottom: -2.13333vw; left: 0.533333vw; }
.mobile .hero-banner__star-5[data-v-69a6bd25] { mix-blend-mode: screen; z-index: 10; animation: 4s ease-in-out 0s infinite normal none running bounceGlow-69a6bd25; position: absolute; bottom: 8.53333vw; left: 8vw; }
.mobile .hero-banner__coin-drop[data-v-69a6bd25] { z-index: 3; height: auto; animation: 2s ease-in-out 0s infinite normal none running dropCoinMb-69a6bd25; position: absolute; }
.mobile .hero-banner__coin-drop-1[data-v-69a6bd25] { z-index: 3; width: 12vw; height: auto; animation: 2.4s ease-in-out 0s infinite normal none running dropCoinMb-69a6bd25; position: absolute; top: -4vw; right: -2.4vw; }
.mobile .hero-banner__coin-drop-2[data-v-69a6bd25] { z-index: 3; width: 6.66667vw; height: auto; animation: 2.3s ease-in-out 0.2s infinite normal none running dropCoinMb-69a6bd25; position: absolute; top: 21.8667vw; right: -1.06667vw; }
.mobile .hero-banner__coin-drop-3[data-v-69a6bd25] { filter: blur(1px); z-index: 3; width: 3.2vw; height: auto; animation: 2.3s ease-in-out 0.5s infinite normal none running dropCoinMb-69a6bd25; position: absolute; top: 30.4vw; right: 2.4vw; }
.mobile .hero-banner__coin-drop-4[data-v-69a6bd25] { display: none; }
.mobile .hero-banner__light-bg[data-v-69a6bd25] { z-index: 1; width: 52.6293vw; animation: 1.5s ease 0s infinite normal none running bounceZoomGlow-69a6bd25; position: absolute; top: 2.38133vw; left: 22.2853vw; }
.mobile .hero-banner__coin-jump-out-1[data-v-69a6bd25] { z-index: 3; width: 7.73333vw; height: auto; animation: 2.5s linear 0.5s infinite normal none running jumpOutCoinMb-69a6bd25; position: absolute; top: 21.0667vw; left: -1.86667vw; }
.mobile .hero-banner__coin-jump-out-2[data-v-69a6bd25] { z-index: 3; width: 3.46667vw; height: auto; animation: 2.5s linear 0.1s infinite normal none running jumpOutCoinMb-69a6bd25; position: absolute; bottom: 9.86667vw; left: 6.4vw; }
.mobile .hero-banner__coin-jump-out-3[data-v-69a6bd25] { z-index: 3; width: 6.13333vw; height: auto; animation: 1.2s linear 0.5s infinite normal none running jumpOutCoin3Mb-69a6bd25; position: absolute; bottom: 3.46667vw; left: 24.1333vw; }
.mobile .hero-banner__coin-jump-out-4[data-v-69a6bd25] { z-index: 3; width: 2.13333vw; height: auto; animation: 1.2s linear 0.3s infinite normal none running jumpOutCoin4Mb-69a6bd25; position: absolute; bottom: -1.6vw; left: 29.6vw; transform: rotate(30deg); }
.mobile .hero-banner__coin-jump-out-5[data-v-69a6bd25] { z-index: 3; width: 3.2vw; height: auto; animation: 1.5s linear 0s infinite normal none running jumpOutCoin4Mb-69a6bd25; position: absolute; bottom: -0.533333vw; left: 34.1333vw; transform: rotate(30deg); }
.mobile .multi-game-jackpot-banner__games-container[data-v-69a6bd25] { z-index: 6; background: url("https://ssv88.co/wp-content/uploads/2026/11/bg-game-slides.webp") 50% center / 100% 100% no-repeat; width: 28.2453vw; height: 7.552vw; position: absolute; top: auto; bottom: 3.46667vw; right: 12vw; }
.mobile .multi-game-jackpot-banner__games-container .swiper[data-v-69a6bd25] { width: 100%; height: 100%; }
.mobile .multi-game-jackpot-banner__games-container .swiper[data-v-69a6bd25] .swiper-slide { padding: 0.84vw 2.66667vw 0.978667vw; }
.mobile .multi-game-jackpot-banner__games-container .swiper[data-v-69a6bd25] .swiper-slide .slide-content { justify-content: center; align-items: center; gap: 0.8vw; width: 100%; height: 100%; display: flex; }
.mobile .multi-game-jackpot-banner__games-container .swiper[data-v-69a6bd25] .swiper-slide .slide-content .multi-game-jackpot-banner__game-item-img { object-fit: cover; border-radius: 0.56vw; min-width: 8.53333vw; height: 5.6vw; }
.mobile .multi-game-jackpot-banner__games-container .swiper[data-v-69a6bd25] .swiper-slide .slide-content .multi-game-jackpot-banner__game-item-name { text-overflow: ellipsis; -webkit-line-clamp: 2; word-break: break-word; -webkit-box-orient: vertical; width: 100%; font-family: "Inter"; font-size: 2.13333vw; font-weight: 700; line-height: 3.2vw; display: -webkit-box; overflow: hidden; }
@keyframes dropCoin-69a6bd25 { 
  0% { opacity: 1; transform: translateY(-300px) rotate(-180deg); }
  100% { opacity: 1; transform: translateY(300px) rotate(180deg); }
}
@keyframes dropCoinMb-69a6bd25 { 
  0% { opacity: 1; transform: translateY(-37.3333vw) rotate(180deg); }
  100% { opacity: 1; transform: translateY(37.3333vw) rotate(-180deg); }
}
@keyframes bounceZoom-69a6bd25 { 
  0%, 100% { opacity: 1; transform: translateY(0px) scale(1); }
  50% { opacity: 1; transform: translateY(0px) scale(1.1); }
}
@keyframes bounceGlow-69a6bd25 { 
  0% { opacity: 0; transform: scale(1) rotate(0deg); }
  50% { opacity: 1; transform: scale(1.2) rotate(1turn); }
  99% { opacity: 0.5; transform: scale(1.6) rotate(480deg); }
  100% { opacity: 0; transform: scale(1) rotate(0deg); }
}
@keyframes bounceZoomGlow-69a6bd25 { 
  0%, 100% { opacity: 0; filter: blur() brightness() saturate(); mix-blend-mode: normal; }
  50% { opacity: 1; filter: blur() brightness() saturate(); mix-blend-mode: normal; }
  75% { opacity: 1; filter: blur() brightness() saturate(); mix-blend-mode: normal; }
  90% { opacity: 1; filter: blur(5px) brightness(1.1) saturate(2); }
}
@keyframes bounceZoomGlowRotate1-69a6bd25 { 
  0%, 100% { opacity: 1; transform: translate(2px) scale(1) rotate(0deg); }
  25%, 75% { opacity: 0.6; transform: translate(16px, 8px) scale(1.2) rotate(-45deg); }
  50% { opacity: 1; transform: translate(28px, 17px) scale(1.1) rotate(-90deg); }
}
@keyframes bounceZoomGlowRotate2-69a6bd25 { 
  0%, 100% { opacity: 1; transform: translate(0px) scale(1) rotate(0deg); }
  50% { opacity: 0.6; transform: translate(-3px, -12px) scale(1.1) rotate(25deg); }
}
@keyframes jumpOutCoin-69a6bd25 { 
  0% { opacity: 0; transform: translate(40px, -45px) rotate(900deg) scale(0); }
  12% { opacity: 1; transform: translate(30px, -33px) rotate(675deg) scale(0.5); }
  25% { opacity: 1; transform: translate(20px, -22px) rotate(450deg) scale(1); }
  50% { opacity: 1; transform: translate(0px) rotate(0deg) scale(1); }
  75% { opacity: 1; transform: translate(-20px, 60px) rotate(-450deg) scale(1.4); }
  100% { opacity: 0; transform: translate(-40px, 120px) rotate(-900deg) scale(1.4); }
}
@keyframes jumpOutCoin3-69a6bd25 { 
  0% { opacity: 0.6; transform: translate(-20px, 10px) rotate(1turn) scale(0.5) skew(0deg); }
  10% { opacity: 0.75; transform: translate(-10px, 5px) rotate(240deg) scale(0.7) skew(0deg); }
  20% { opacity: 0.9; transform: translate(-5px, 2px) rotate(120deg) scale(0.85) skew(0deg); }
  50% { opacity: 1; transform: translate(65px, 100px) rotate(-350deg) scale(1.2) skew(0deg); }
  100% { opacity: 1; transform: translate(100px, 300px) rotate(-1285deg) scale(1.2) skew(0deg); }
}
@keyframes jumpOutCoin4-69a6bd25 { 
  0% { opacity: 0; transform: translate(-90px, -80px) rotate(-2turn) scale(0.5); }
  25% { opacity: 1; transform: translate(-45px, -40px) rotate(-1turn) scale(0.75); }
  50% { opacity: 1; transform: translate(0px) rotate(0deg) scale(1); }
  100% { opacity: 1; transform: translate(60px, 100px) rotate(480deg) scale(1.3); }
}
@keyframes jumpOutCoin3Mb-69a6bd25 { 
  0% { opacity: 0; transform: translate(-2.66667vw, -5.33333vw) scale(0.5) rotate(1turn); }
  15% { opacity: 1; transform: translate(-1.33333vw, -2.66667vw) scale(0.75) rotate(180deg); }
  30% { opacity: 1; transform: translate(0px) scale(1) rotate(0deg); }
  100% { opacity: 1; transform: translate(2.66667vw, 13.3333vw) scale(1.3) rotate(-2turn); }
}
@keyframes jumpOutCoin4Mb-69a6bd25 { 
  0% { opacity: 0; transform: translate(-8vw, -18.6667vw) rotate(-480deg) scale(0.5); }
  25% { opacity: 1; transform: translate(-2.66667vw, -9.33333vw) rotate(-240deg) scale(0.75); }
  50% { opacity: 1; transform: translate(0px) rotate(0deg) scale(1); }
  100% { opacity: 1; transform: translate(2.66667vw, 13.3333vw) rotate(480deg) scale(1.3); }
}
@keyframes jumpOutCoinMb-69a6bd25 { 
  0% { opacity: 1; transform: translate(2.66667vw, -5.86667vw) rotate(900deg) scale(0); }
  12.5% { opacity: 1; transform: translate(1.33333vw, -4.53333vw) rotate(675deg) scale(0.5); }
  25% { opacity: 1; transform: translateY(-2.93333vw) rotate(450deg) scale(1); }
  50% { opacity: 1; transform: translate(0px) rotate(0deg) scale(1); }
  100% { opacity: 1; transform: translateY(21.3333vw) rotate(-900deg) scale(1.4); }
}
.hero-banner[data-v-b5fff2b1] { width: 100%; }
.hero-banner__container[data-v-b5fff2b1] { width: inherit; gap: 16px; height: 100%; display: flex; }
.hero-banner__item[data-v-b5fff2b1] { height: 100%; }
.hero-banner__item.cursor[data-v-b5fff2b1] { cursor: pointer; }
.hero-banner__left[data-v-b5fff2b1] { background-image: url("data:image/webp;base64,UklGRjwGAABXRUJQVlA4IDAGAABwtwCdASrOBToCPm02mUmkIyKhIAgAgA2JaW7hd2EbQArN2vFych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snIe+2TkPfbJyHvtWAAA/v/Ql5//zt+IP1BQT/4NkimwpXgQAD3zAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA="); width: calc(100% - 370px); height: 263px; position: relative; }
.hero-banner__hero-swiper[data-v-b5fff2b1] { width: 100%; height: 100%; }
.hero-banner__hero-img[data-v-b5fff2b1] { object-fit: cover; border-radius: 12px; width: 100%; height: 100%; }
.hero-banner__right[data-v-b5fff2b1] { width: 354px; height: 100%; }
.hero-banner[data-v-b5fff2b1] .swiper-pagination { justify-content: center; align-items: center; display: flex; }
.hero-banner[data-v-b5fff2b1] .swiper-pagination .swiper-pagination-bullet-active { background: rgb(66, 171, 249); border-radius: 999px; width: 24px; }
.mobile .hero-banner__container[data-v-b5fff2b1] { flex-direction: column; gap: 3.2vw; }
.mobile .hero-banner__left[data-v-b5fff2b1] { width: 100%; height: 35.2vw; overflow: hidden; }
.mobile .hero-banner__right[data-v-b5fff2b1] { width: 100%; height: fit-content; }
.mobile .hero-banner__hero-img[data-v-b5fff2b1] { border-radius: 2.13333vw; }
.mobile .hero-banner__item[data-v-b5fff2b1] { aspect-ratio: 280 / 132; height: 35.2vw; }
.mobile .hero-banner[data-v-b5fff2b1] .swiper-pagination { bottom: 1.06667vw; }
.mobile .hero-banner[data-v-b5fff2b1] .swiper-pagination .swiper-pagination-bullet { width: 1.6vw; height: 1.6vw; margin: 0px 0.533333vw; }
.mobile .hero-banner[data-v-b5fff2b1] .swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) { opacity: 0.7; background: rgb(247, 248, 250); }
.mobile .hero-banner[data-v-b5fff2b1] .swiper-pagination .swiper-pagination-bullet-active { width: 6.4vw; }
.mobile .hero-banner[data-v-b5fff2b1] .jackpot-event { position: relative; }
.mobile .hero-banner[data-v-b5fff2b1] .jackpot-event .jackpot-event__bg { background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6) 14.12%, rgba(0, 0, 0, 0.6) 87%, rgba(0, 0, 0, 0)); justify-content: center; align-items: center; width: fit-content; min-width: 48vw; height: 7.46667vw; display: flex; position: absolute; top: 6.13333vw; left: 1.6vw; }
.mobile .hero-banner[data-v-b5fff2b1] .jackpot-event img.jackpot-event__image { border-radius: 2.13333vw; width: 100%; height: 25.6vw; }
.mobile .hero-banner[data-v-b5fff2b1] .jackpot-event .jackpot-event__bg-value { -webkit-text-fill-color: transparent; filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px 4.17804px 4.17804px); background: linear-gradient(165deg, rgb(228, 165, 1) 2.67%, rgb(255, 223, 140) 29.54%, rgb(228, 165, 1) 51.84%, rgb(255, 223, 140) 77.7%, rgb(228, 165, 1)) text; padding: 0px 2.13333vw; font-family: "Roboto Mono"; font-size: 4.26667vw; font-weight: 700; line-height: 7.46667vw; }
.mobile .hero-banner[data-v-b5fff2b1] .jackpot-event .jackpot-event__bg-value::after, .mobile .hero-banner[data-v-b5fff2b1] .jackpot-event .jackpot-event__bg-value::before { content: ""; background: linear-gradient(90deg, rgba(255, 255, 67, 0), rgb(255, 246, 168) 50%, rgba(255, 255, 67, 0)); width: 100%; height: 1px; position: absolute; top: 0px; left: 0px; }
.mobile .hero-banner[data-v-b5fff2b1] .jackpot-event .jackpot-event__bg-value::before { top: auto; bottom: 0px; }
.mobile .hero-banner[data-v-b5fff2b1] .jackpot-event .jackpot-event__image { object-fit: cover; border-radius: 8px; width: 100%; height: 100%; }
.game-hot__wrapper[data-v-c306f669] { flex-direction: column; align-items: center; display: flex; }
.game-hot__title[data-v-c306f669] { justify-content: flex-start; align-items: center; gap: 8px; width: 100%; margin-bottom: 8px; display: flex; }
.game-hot__title span[data-v-c306f669]::before { font-size: 24px; }
.game-hot__title p[data-v-c306f669] { text-transform: uppercase; color: rgb(255, 255, 255); font-family: "Inter"; font-size: 16px; font-weight: 700; line-height: 24px; }
.game-hot__content[data-v-c306f669] { grid-template-columns: repeat(6, 1fr); gap: 16px; width: 100%; height: fit-content; display: grid; }
.game-hot__item[data-v-c306f669] { cursor: pointer; aspect-ratio: 354.67 / 143; border-radius: 12px; grid-column: span 2; transition: 0.3s; position: relative; overflow: hidden; }
.game-hot__item img[data-v-c306f669] { width: 100%; height: 100%; }
.game-hot__item .game-hot__heart[data-v-c306f669] { z-index: 3; position: absolute; top: 8px; right: 8px; }
.game-hot__item[data-v-c306f669]:first-child, .game-hot__item[data-v-c306f669]:nth-child(2) { aspect-ratio: 540 / 143; grid-column: span 3; }
.game-hot__item[data-v-c306f669]:hover { box-shadow: rgb(10, 251, 207) 0px 0px 12px; }
.guide-section[data-v-96d47138] { background: rgb(4, 23, 70); border-radius: 12px; width: 354px; height: 480px; margin: auto; padding: 16px; }
@media (max-width: 1280px) {
  .guide-section[data-v-96d47138] { width: 100%; }
}
.guide-section__title[data-v-96d47138] { align-items: center; gap: 8px; width: 100%; margin-bottom: 16px; display: flex; }
.guide-section__title span[data-v-96d47138] { font-size: 24px; }
.guide-section__title p[data-v-96d47138] { text-transform: uppercase; color: rgb(255, 255, 255); font-family: "Inter"; font-size: 16px; font-weight: 700; line-height: 24px; }
.guide-section .guide[data-v-96d47138] { z-index: 3; gap: 20px; position: relative; flex-direction: column !important; display: flex !important; }
@media (max-width: 1280px) {
  .guide-section .guide[data-v-96d47138] { grid-template-columns: repeat(3, 1fr); gap: 16px; display: grid !important; }
}
.guide-section .guide__item[data-v-96d47138] { color: rgb(255, 255, 255); background-size: cover; border-radius: 8px; justify-content: space-between; align-items: center; height: 122px; padding: 13px 0px 13px 29px; display: flex; }
.guide-section .guide__contact .contact[data-v-96d47138], .guide-section .guide__item .name[data-v-96d47138] { font-family: "Inter"; font-size: 20px; font-weight: 700; line-height: 28px; }
.guide-section .guide__item .icon[data-v-96d47138] { max-width: 84px; transition: 0.2s ease-in; }
.guide-section .guide__item.deposit[data-v-96d47138] { background-image: url("https://ssv88.co/wp-content/uploads/2026/11/thumb-deposit.webp"); background-position: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-size: cover !important; }
.guide-section .guide__item.withdraw[data-v-96d47138] { background-image: url("https://ssv88.co/wp-content/uploads/2026/11/thumb-withdraw.webp"); }
.guide-section .guide__item.play[data-v-96d47138] { background-image: url("https://ssv88.co/wp-content/uploads/2026/11/thumb-play.webp"); }
.guide-section .guide__contact .contact:hover img[data-v-96d47138], .guide-section .guide__item:hover .icon[data-v-96d47138] { transform: translateY(-10px); }
.guide-section .guide__contact[data-v-96d47138] { border-radius: 8px; padding: 16px; }
.guide-section .guide__contact .contact[data-v-96d47138] { color: rgb(255, 255, 255); text-transform: uppercase; background: none 0px 0px / 100% 100% no-repeat; border-radius: 8px; justify-content: space-between; align-items: center; padding: 20px 16px; display: flex; }
.guide-section .guide__contact .contact img[data-v-96d47138] { max-width: 60px; margin-right: 34px; transition: 0.2s ease-in; }
.fav-row[data-v-a49ba3a4] { cursor: pointer; background: rgb(30, 51, 104); border-radius: 8px; align-items: flex-start; gap: 12px; padding: 8px; transition: background 0.2s, opacity 0.2s; display: flex; }
.fav-row[data-v-a49ba3a4]:hover { background: rgb(47, 78, 157); }
.fav-row:hover .fav-row__hover[data-v-a49ba3a4] { opacity: 1; }
.fav-row:hover .fav-row__category[data-v-a49ba3a4] { color: rgb(255, 255, 255); }
.fav-row__thumb[data-v-a49ba3a4] { border-radius: 8px; flex-shrink: 0; width: 128px; height: 102px; position: relative; overflow: hidden; }
.fav-row[data-v-a49ba3a4] .game-item { aspect-ratio: 128 / 102; width: 100%; height: 102px; }
.fav-row[data-v-a49ba3a4] .game-item .slots { scale: 0.6; top: 25px !important; right: -16px !important; }
.fav-row[data-v-a49ba3a4] .game-item .coin-burst-wrapper { height: 106px; }
.fav-row[data-v-a49ba3a4] .game-item .game-item__content { gap: 4px; height: 24px; font-family: "Roboto Mono"; font-size: 12px; font-weight: 700; line-height: 16px; }
.fav-row[data-v-a49ba3a4] .game-item .game-item__content img { width: 12px; height: 12px; }
.fav-row[data-v-a49ba3a4] .game-item .game-item__content span { color: rgb(255, 255, 255); font-family: ""Roboto" Mono", monospace; font-size: 10px; font-weight: 700; line-height: 16px; }
.fav-row__hover[data-v-a49ba3a4] { z-index: 2; opacity: 0; backdrop-filter: blur(1.5px); background: rgba(15, 29, 69, 0.8); transition: opacity 0.2s; position: absolute; inset: 0px; }
.fav-row__hover[data-v-a49ba3a4], .fav-row__play[data-v-a49ba3a4] { justify-content: center; align-items: center; display: flex; }
.fav-row__play[data-v-a49ba3a4] { background: rgba(255, 255, 255, 0.1); border-radius: 999px; width: 36px; height: 36px; padding: 8px; }
.fav-row__hover-name[data-v-a49ba3a4] { color: rgb(255, 255, 255); text-align: center; font-size: 10px; font-weight: 700; line-height: 12px; position: absolute; bottom: 8px; left: 0px; right: 0px; }
.fav-row__heart[data-v-a49ba3a4] { z-index: 3; position: absolute; top: 4px; right: 4px; }
.fav-row__info[data-v-a49ba3a4] { gap: 4px; min-width: 0px; padding-top: 4px; flex-direction: column !important; display: flex !important; }
.fav-row__name[data-v-a49ba3a4] { color: rgb(255, 255, 255); font-size: 16px; font-weight: 600; line-height: 24px; }
.fav-row__category[data-v-a49ba3a4] { color: rgb(173, 183, 204); font-size: 12px; line-height: 20px; }
.fav-row__category span[data-v-a49ba3a4] { font-weight: 600; }
.my-games[data-v-e0b917d3] { background: rgb(4, 23, 70); border-radius: 12px; flex-shrink: 0; gap: 16px; width: 354px; height: 480px; padding: 16px; flex-direction: column !important; display: flex !important; }
@media (max-width: 1280px) {
  .my-games[data-v-e0b917d3] { width: 100%; }
}
.my-games__list[data-v-e0b917d3] { scrollbar-width: none; gap: 16px; overflow-y: auto; flex-direction: column !important; display: flex !important; }
.my-games__list[data-v-e0b917d3]::-webkit-scrollbar { display: none; }
.my-games__add[data-v-e0b917d3] { text-align: center; border: 1px dashed rgb(85, 94, 118); border-radius: 8px; flex-shrink: 0; gap: 8px; height: 118px; padding: 8px; flex-direction: column !important; justify-content: center !important; align-items: center !important; display: flex !important; }
.my-games__add-icon[data-v-e0b917d3] { width: 36px; height: 36px; }
.my-games__add p[data-v-e0b917d3] { color: rgb(173, 183, 204); font-size: 12px; line-height: 16px; }
.game-item[data-v-3a905143] { width: 100%; height: 100%; position: relative; flex-direction: column !important; display: flex !important; }
.game-item__heart[data-v-3a905143] { z-index: 3; position: absolute; top: 8px; right: 8px; }
.game-item__top-number[data-v-3a905143] { background-repeat: no-repeat; background-size: 30px 24px; justify-content: center; align-items: center; width: 30px; height: 24px; font-family: "Inter"; font-size: 16px; font-weight: 700; line-height: 24px; display: flex; position: absolute; top: 34px; left: 0px; }
.game-item__img[data-v-3a905143] { object-fit: cover; width: 100%; height: calc(100% - 24px); }
.game-item__img[lazy="error"][data-v-3a905143] { object-fit: fill; }
.game-item__content[data-v-3a905143] { background-color: rgb(1, 34, 154); justify-content: center; align-items: center; gap: 4px; width: 100%; padding: 4px 0px; display: flex; }
.game-item__jackpot-icon[data-v-3a905143] { width: 18px; height: 18px; }
.game-item__jackpot-number[data-v-3a905143] { color: rgb(255, 220, 1); font-family: "Roboto Mono"; font-size: 12px; font-weight: 700; line-height: 16px; }
.game-item .animated-wrapper .slots[data-v-3a905143] { z-index: 1; justify-content: center; align-items: center; animation: 1s linear 0s infinite normal none running light-up; display: flex; position: absolute; top: 40px; right: 6px; }
.game-item .animated-wrapper .slots-light[data-v-3a905143] { justify-content: space-between; align-items: center; width: 52px; height: 2px; display: flex; position: absolute; top: 2.2px; left: 24px; }
.game-item .animated-wrapper .slots-light__item[data-v-3a905143] { background-color: rgb(0, 28, 76); border-radius: 999px; width: 2px; height: 2px; animation: 1s ease-in-out 0s infinite normal none running light-blink; }
.game-item .animated-wrapper .slots-light__item[data-v-3a905143]:nth-child(2n) { animation-delay: 0.5s; }
.game-item .animated-wrapper .slots-title[data-v-3a905143] { z-index: 2; background-image: url("https://ssv88.co/wp-content/uploads/2026/11/text-jackpot.webp"); background-position: 50% center; background-repeat: repeat-y; background-size: contain; width: 84px; height: 16px; animation: 5s linear 0s infinite normal none running slots-spin, 5s ease-in-out 0s infinite normal none running slots-zoom; position: absolute; top: 12px; left: 8px; }
.game-item .animated-wrapper .slots-bg[data-v-3a905143] { width: 102px; height: 32px; }
.game-item .animated-wrapper .slots-bg__text[data-v-3a905143] { width: 88px; height: 20px; position: absolute; top: 10px; left: 6px; }
.game-item .animated-wrapper .slots-bg__spin[data-v-3a905143] { width: 10px; height: 15px; position: absolute; top: 6px; right: -6px; }
.game-item[data-v-3a905143] .coin-burst-wrapper { height: 162px; }
.user-winner[data-v-6bfe6b12] { cursor: pointer; background: rgb(30, 51, 104); border-radius: 8px; align-items: center; gap: 8px; padding: 8px; transition: 0.3s ease-in-out; display: flex; }
.user-winner[data-v-6bfe6b12]:hover { background: rgb(10, 83, 136); }
.user-winner__thumb[data-v-6bfe6b12] { width: 80px; height: 54px; position: relative; }
.user-winner__thumb-img[data-v-6bfe6b12] { object-fit: cover; border-radius: 4px; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }
.user-winner__content[data-v-6bfe6b12] { padding-top: 4px; }
.user-winner .name[data-v-6bfe6b12] { color: rgb(173, 183, 204); font-size: 11px; font-weight: 500; line-height: 15px; }
.user-winner .amount[data-v-6bfe6b12] { color: rgb(251, 193, 108); margin-top: 2px; font-size: 14px; font-weight: 700; line-height: 21px; }
@media (max-width: 992px) {
  .user-winner__item[data-v-6bfe6b12] { background: rgba(36, 49, 81, 0.3); gap: 8px; min-width: 100px; padding: 4px; }
  .user-winner__item-thumb[data-v-6bfe6b12] { width: 71px; height: 48px; }
  .user-winner__item .name[data-v-6bfe6b12] { font-size: 12px; }
}
.top-jackpot[data-v-0d53488a] { background-image: url("https://ssv88.co/wp-content/uploads/2026/11/asset-1.webp"); background-position: 50% center; background-repeat: no-repeat; background-size: cover; width: 726px; height: 480px; }
@media (max-width: 1280px) {
  .top-jackpot[data-v-0d53488a] { background-image: url("https://ssv88.co/wp-content/uploads/2026/11/bg-explode-mb.webp"); width: 100%; height: 100%; }
}
.top-jackpot__wrapper[data-v-0d53488a] { flex-direction: column; align-items: center; display: flex; }
.top-jackpot__title[data-v-0d53488a] { justify-content: center; width: 100%; margin-top: 16px; font-family: "Inter"; font-size: 16px; font-weight: 700; line-height: 24px; display: flex; }
.top-jackpot__total[data-v-0d53488a] { width: 394px; margin: 24px auto 0px; position: relative; }
.top-jackpot__total-bg[data-v-0d53488a] { object-fit: cover; width: 100%; height: auto; }
.top-jackpot__total-value[data-v-0d53488a] { text-align: center; width: 100%; font-family: "Roboto Mono"; font-size: 26px; font-weight: 700; line-height: 34px; position: absolute; top: 70%; left: 50%; transform: translate(-50%) translateY(-70%); }
.top-jackpot__list-games[data-v-0d53488a] { width: 100%; max-width: 642px; height: 100%; margin: 24px auto 0px; }
.top-jackpot__list-games[data-v-0d53488a] .game-item { flex-direction: column-reverse !important; }
.top-jackpot__list-games[data-v-0d53488a] .top-number { top: 10px !important; }
@media (max-width: 768px) {
  .top-jackpot__list-games[data-v-0d53488a] { max-width: 100%; padding: 0px 10px; }
  .top-jackpot__list-games .swiper[data-v-0d53488a] { padding: 25px 0px; }
}
.top-jackpot__list-games__item[data-v-0d53488a] { cursor: pointer; border-radius: 7.21px; height: 161px; position: relative; overflow: hidden; }
.top-jackpot__list-games__item[data-v-0d53488a]:hover::after { opacity: 1; }
.top-jackpot__list-games__item[data-v-0d53488a]::before { content: ""; pointer-events: none; background: linear-gradient(rgb(26, 172, 255), rgb(0, 34, 154)), linear-gradient(rgb(21, 44, 255), rgba(0, 21, 205, 0)); border-radius: 7.21px; padding: 0.78px; position: absolute; inset: 0px; mask: linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px) 0px 0px content-box exclude, linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px) 0px 0px; }
.top-jackpot__list-games__item[data-v-0d53488a]::after { content: ""; opacity: 0; pointer-events: none; background: rgba(8, 8, 8, 0.4); transition: 0.3s ease-in-out; position: absolute; inset: 0px; }
@media (max-width: 768px) {
  .top-jackpot__list-games__item[data-v-0d53488a] { height: auto; max-height: 365px; }
  .top-jackpot__list-games__item.swiper-slide-active[data-v-0d53488a] { z-index: 1; transition: 0.3s ease-in; transform: scale(1.05); }
}
.top-jackpot__list-games__item .top-number[data-v-0d53488a] { background-image: url("https://ssv88.co/wp-content/uploads/2026/11/stt.svg"); background-repeat: no-repeat; background-size: 30px 24px; justify-content: center; align-items: center; width: 30px; height: 24px; padding-right: 5px; font-family: "Inter"; font-size: 16px; font-weight: 700; line-height: 24px; display: flex; position: absolute; top: 34px; left: 0px; }
.top-jackpot__list-games__item .top-number-0[data-v-0d53488a] { background-image: url("https://ssv88.co/wp-content/uploads/2026/11/stt-1.svg"); }
.top-jackpot__list-games__item .top-number-1[data-v-0d53488a] { background-image: url("https://ssv88.co/wp-content/uploads/2026/11/stt-2.svg"); }
.top-jackpot__list-games__item .top-number-2[data-v-0d53488a] { background-image: url("https://ssv88.co/wp-content/uploads/2026/11/stt-3.svg"); }
.top-jackpot .top-winner__fallback[data-v-0d53488a], .top-jackpot__list-games__fallback[data-v-0d53488a] { grid-template-columns: repeat(3, 1fr); gap: 10px; display: grid; }
.top-jackpot__list-games__fallback__item[data-v-0d53488a] { height: 161px; }
.top-jackpot .top-winner[data-v-0d53488a] { width: calc(100% - 8px); max-width: 732px; margin: 24px auto 0px; position: relative; }
.top-jackpot .top-winner[data-v-0d53488a]::after, .top-jackpot .top-winner[data-v-0d53488a]::before { pointer-events: none; content: ""; z-index: 3; background: linear-gradient(90deg, rgb(1, 22, 77) 4.04%, rgba(0, 0, 0, 0) 92.93%); width: 10%; height: 100%; position: absolute; top: 0px; left: 0px; }
.top-jackpot .top-winner[data-v-0d53488a]::after { left: auto; right: -1px; transform: matrix(-1, 0, 0, 1, 0, 0); }
@media (max-width: 992px) {
  .top-jackpot .top-winner[data-v-0d53488a]::after, .top-jackpot .top-winner[data-v-0d53488a]::before { content: none; }
}
.desktop-home[data-v-e5ccdbe5] { align-items: flex-start; gap: 24px; padding: 16px 0px; display: flex; }
.desktop-home .sidebar[data-v-e5ccdbe5] { z-index: 10; min-width: 160px; position: sticky; top: 96px; left: 0px; }
.desktop-home .main[data-v-e5ccdbe5] { gap: 16px; max-width: calc(100% - 184px); flex-direction: column !important; display: flex !important; }
.desktop-home .top-slots[data-v-e5ccdbe5] { gap: 16px; display: flex; }
@media (max-width: 1280px) {
  .desktop-home .top-slots[data-v-e5ccdbe5] { flex-direction: column; }
}
.game-hot[data-v-cda5ecf6] { margin: auto; }
.game-hot__wrapper[data-v-cda5ecf6] { flex-direction: column; align-items: center; margin-bottom: 3.2vw; display: flex; }
.game-hot__title[data-v-cda5ecf6] { justify-content: flex-start; align-items: center; gap: 0.8vw; width: 100%; margin-bottom: 2.13333vw; display: flex; }
.game-hot__title span[data-v-cda5ecf6]::before { font-size: 5.33333vw; }
.game-hot__title p[data-v-cda5ecf6] { text-transform: uppercase; color: rgb(255, 255, 255); font-family: "Inter"; font-size: 3.2vw; font-weight: 700; line-height: 4.26667vw; }
.game-hot__content[data-v-cda5ecf6] { grid-template-columns: repeat(2, 1fr); gap: 2.13333vw; width: 100%; height: fit-content; display: grid; }
.game-hot__content[data-v-cda5ecf6] > :first-child { aspect-ratio: 280 / 86; grid-column: span 2; }
.game-hot__item[data-v-cda5ecf6] { cursor: pointer; aspect-ratio: 136 / 86; border-radius: 2.13333vw; position: relative; overflow: hidden; }
.game-hot__item img[data-v-cda5ecf6] { width: 100%; height: 100%; }
.game-hot__item .game-hot__heart[data-v-cda5ecf6] { z-index: 3; position: absolute; top: 2.13333vw; right: 2.13333vw; }
.my-games-mb-wrapper .section-title[data-v-3eab736f] { margin-bottom: 2.13333vw; }
.my-games-mb[data-v-3eab736f] { background: linear-gradient(rgb(4, 23, 70), rgb(4, 23, 70)) padding-box padding-box, linear-gradient(rgb(19, 150, 248), rgb(0, 34, 154)) border-box border-box; border: 1px solid rgba(0, 0, 0, 0); border-radius: 2.13333vw; gap: 2.13333vw; padding: 2.13333vw; flex-direction: column !important; display: flex !important; }
.my-games-mb__list[data-v-3eab736f] { scrollbar-width: none; gap: 3.2vw; display: flex; overflow-x: auto; }
.my-games-mb__list[data-v-3eab736f]::-webkit-scrollbar { display: none; }
.my-games-mb__add[data-v-3eab736f], .my-games-mb__item[data-v-3eab736f] { flex: 0 0 38.6667vw; width: 38.6667vw; }
.my-games-mb__add[data-v-3eab736f] { text-align: center; aspect-ratio: 29 / 23; border: 1px dashed rgb(85, 94, 118); border-radius: 2.13333vw; gap: 2.13333vw; padding: 2.13333vw; flex-direction: column !important; justify-content: center !important; align-items: center !important; display: flex !important; }
.my-games-mb__add-icon[data-v-3eab736f] { width: 6.4vw; height: 6.4vw; }
.my-games-mb__add p[data-v-3eab736f] { color: rgb(173, 183, 204); font-size: 3.2vw; line-height: 4.26667vw; }
.my-games-mb[data-v-3eab736f] .game-item { aspect-ratio: 29 / 23; }
.my-games-mb[data-v-3eab736f] .game-item .coin-burst-wrapper { height: 28.8vw; }
.mobile-home[data-v-230877d5] { background: rgb(30, 51, 104); align-items: flex-start; display: flex; }
.mobile-home .main[data-v-230877d5] { flex: 1 1 0%; gap: 3.2vw; width: calc(100% - 23.2vw); padding: 2.13333vw; flex-direction: column !important; display: flex !important; }
.base-input[data-v-362cad05] { position: relative; }
.base-input .imask[data-v-362cad05], .base-input input[data-v-362cad05], .base-input textarea[data-v-362cad05] { color: rgb(255, 255, 255); background: rgb(0, 0, 0); border: 1px solid rgb(157, 167, 186); border-radius: 8px; width: 100%; height: 44px; padding: 12px; font-family: "Inter"; font-size: 14px; font-weight: 400; line-height: 20px; position: relative; }
.base-input .imask.paste-custom[data-v-362cad05], .base-input input.paste-custom[data-v-362cad05], .base-input textarea.paste-custom[data-v-362cad05] { padding: 11px 56px 11px 12px; }
.base-input .imask[data-v-362cad05]::placeholder, .base-input input[data-v-362cad05]::placeholder, .base-input textarea[data-v-362cad05]::placeholder { white-space: nowrap; text-overflow: ellipsis; color: rgb(123, 130, 145); overflow: hidden; }
.base-input .imask[data-v-362cad05]:placeholder-shown, .base-input input[data-v-362cad05]:placeholder-shown, .base-input textarea[data-v-362cad05]:placeholder-shown { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.base-input .imask[data-v-362cad05]:-webkit-autofill { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input input[data-v-362cad05]:-webkit-autofill { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input textarea[data-v-362cad05]:-webkit-autofill { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input .imask[data-v-362cad05]:-internal-autofill-selected { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input .imask[data-v-362cad05]:-webkit-autofill { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input .imask[data-v-362cad05]:-webkit-autofill { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input .imask[data-v-362cad05]:autofill { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input input[data-v-362cad05]:-internal-autofill-selected { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input input[data-v-362cad05]:-webkit-autofill { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input input[data-v-362cad05]:-webkit-autofill { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input input[data-v-362cad05]:autofill { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input textarea[data-v-362cad05]:-internal-autofill-selected { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input textarea[data-v-362cad05]:-webkit-autofill { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input textarea[data-v-362cad05]:-webkit-autofill { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input textarea[data-v-362cad05]:autofill { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input .imask[data-v-362cad05]:-webkit-autofill:focus { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input .imask[data-v-362cad05]:-webkit-autofill:hover { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input input[data-v-362cad05]:-webkit-autofill:focus { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input input[data-v-362cad05]:-webkit-autofill:hover { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input textarea[data-v-362cad05]:-webkit-autofill:focus { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input textarea[data-v-362cad05]:-webkit-autofill:hover { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input .imask[data-v-362cad05]:-internal-autofill-selected:focus { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input .imask[data-v-362cad05]:-internal-autofill-selected:hover { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input .imask[data-v-362cad05]:-webkit-autofill:focus { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input .imask[data-v-362cad05]:-webkit-autofill:hover { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input .imask[data-v-362cad05]:-webkit-autofill:focus { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input .imask[data-v-362cad05]:autofill:focus { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input .imask[data-v-362cad05]:-webkit-autofill:hover { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input .imask[data-v-362cad05]:autofill:hover { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input input[data-v-362cad05]:-internal-autofill-selected:focus { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input input[data-v-362cad05]:-internal-autofill-selected:hover { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input input[data-v-362cad05]:-webkit-autofill:focus { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input input[data-v-362cad05]:-webkit-autofill:hover { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input input[data-v-362cad05]:-webkit-autofill:focus { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input input[data-v-362cad05]:autofill:focus { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input input[data-v-362cad05]:-webkit-autofill:hover { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input input[data-v-362cad05]:autofill:hover { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input textarea[data-v-362cad05]:-internal-autofill-selected:focus { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input textarea[data-v-362cad05]:-internal-autofill-selected:hover { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input textarea[data-v-362cad05]:-webkit-autofill:focus { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input textarea[data-v-362cad05]:-webkit-autofill:hover { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input textarea[data-v-362cad05]:-webkit-autofill:focus { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input textarea[data-v-362cad05]:autofill:focus { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input textarea[data-v-362cad05]:-webkit-autofill:hover { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input textarea[data-v-362cad05]:autofill:hover { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1000px inset; }
.base-input .imask[data-v-362cad05]:disabled, .base-input input[data-v-362cad05]:disabled, .base-input textarea[data-v-362cad05]:disabled { user-select: none; color: rgba(255, 255, 255, 0.2) !important; opacity: 1 !important; background: rgb(30, 45, 81) !important; border: 1px solid rgba(255, 255, 255, 0.2) !important; }
.base-input .imask[data-v-362cad05]:disabled::placeholder, .base-input input[data-v-362cad05]:disabled::placeholder, .base-input textarea[data-v-362cad05]:disabled::placeholder { color: rgba(255, 255, 255, 0.2); }
.base-input__wrap[data-v-362cad05] { flex-flow: column-reverse; display: flex; position: relative; }
.base-input__wrap .icon-remove[data-v-362cad05] { z-index: 2; cursor: pointer; font-size: 24px; position: absolute; top: 38px; right: 8px; }
.base-input__wrap .icon-remove.default[data-v-362cad05] { right: 12px; }
.base-input__wrap .paste-custom[data-v-362cad05] { width: 100%; }
.base-input__wrap-input[data-v-362cad05] { border-radius: 8px; position: relative; }
.base-input__wrap-input[data-v-362cad05]::after { content: ""; z-index: 1; opacity: 0; visibility: hidden; pointer-events: none; border: 1px solid rgb(19, 150, 248); border-radius: 8px; width: 100%; height: 100%; transition: 0.3s ease-in-out; position: absolute; top: 0px; left: 0px; }
.base-input__wrap-input .icon-loading-verify[data-v-362cad05] { z-index: 2; width: 20px; height: 20px; animation: 0.8s linear 0s infinite normal none running rotate; position: absolute; top: 13px; right: 14px; }
.base-input__wrap-input .icon-check[data-v-362cad05] { z-index: 2; font-size: 24px; position: absolute; top: 12px; right: 14px; }
.base-input__wrap-input .icon-check[data-v-362cad05]::before { color: rgb(0, 233, 47); }
@media screen and (max-width: 1024px) {
  .base-input__wrap-input .icon-loading-verify[data-v-362cad05] { width: 5.33333vw; height: 5.33333vw; top: 2.66667vw; right: 3.73333vw; }
  .base-input__wrap-input .icon-check[data-v-362cad05] { font-size: 5.86667vw; top: 2.13333vw; right: 2.66667vw; }
}
.base-input__wrap--reverse[data-v-362cad05] { flex-flow: column; }
.base-input__wrap--reverse .form-textarea[data-v-362cad05] { position: relative; }
.base-input__wrap--reverse .form-textarea .base-input__paste[data-v-362cad05], .base-input__wrap--reverse .form-textarea .icon-x-circle-fill[data-v-362cad05] { top: 50%; transform: translateY(-50%); }
.base-input__wrap--reverse label[data-v-362cad05] { transform: none; }
.base-input__wrap .icon[data-v-362cad05] { color: rgb(173, 183, 204); cursor: pointer; z-index: 1; font-size: 24px; position: absolute; top: 38px; right: 12px; }
.base-input__wrap .icon-close[data-v-362cad05]::before, .base-input__wrap .icon[data-v-362cad05]::before { color: rgb(173, 183, 204); }
.base-input__wrap .icon.icon-clear[data-v-362cad05] { top: 52%; }
.base-input__wrap .icon.icon-clear.none-label[data-v-362cad05] { top: 35%; }
.base-input__wrap .icon-pw[data-v-362cad05], .base-input__wrap .icon-pw-hide-label[data-v-362cad05] { position: absolute; right: 12px; }
.base-input__wrap .icon-pw-hide-label[data-v-362cad05]::after, .base-input__wrap .icon-pw[data-v-362cad05]::after { content: ""; width: 24px; height: 24px; position: absolute; top: -8px; left: -8px; }
.base-input__wrap .icon-pw-hide-label[data-v-362cad05] { top: 25%; }
.base-input__wrap.focused:not(.input-error) .base-input__wrap-input[data-v-362cad05]::after, .base-input__wrap.hover:not(.input-error) .base-input__wrap-input[data-v-362cad05]::after { opacity: 1; visibility: visible; }
.base-input__wrap.focused textarea[data-v-362cad05] { color: rgb(255, 255, 255); }
.base-input__wrap.focused textarea[data-v-362cad05]::placeholder { color: rgb(123, 130, 145); opacity: 1; }
.base-input__wrap.input-error.has-value input[data-v-362cad05] { color: rgb(255, 255, 255); }
.base-input__wrap.input-error .imask[data-v-362cad05], .base-input__wrap.input-error input[data-v-362cad05], .base-input__wrap.input-error textarea[data-v-362cad05] { border: 1px solid rgb(211, 0, 0); }
.base-input__wrap.hidden-label .icon[data-v-362cad05], .base-input__wrap.hidden-label .icon-hide[data-v-362cad05], .base-input__wrap.hidden-label .icon-pw[data-v-362cad05] { top: 10px; }
.base-input__label[data-v-362cad05] { color: rgb(173, 183, 204); justify-content: space-between; align-items: center; gap: 2px; margin-bottom: 8px; font-family: "Inter"; font-size: 14px; font-weight: 600; line-height: 20px; display: flex; position: relative; }
.base-input__label .required[data-v-362cad05] { color: rgb(220, 51, 51); margin-left: 2px; font-size: 10px; position: absolute; top: -6px; }
.base-input__label .sub[data-v-362cad05] { color: rgb(255, 255, 255); margin-bottom: 2px; font-family: "Inter"; font-size: 12px; font-weight: 600; line-height: 16px; }
.base-input textarea[data-v-362cad05] { resize: none; height: auto; }
.base-input__amount[data-v-362cad05] { color: rgb(255, 255, 255); z-index: 1; font-family: "Inter"; font-size: 12px; font-weight: 600; line-height: 16px; transition: 0.1s; position: absolute; top: 38px; right: 12px; }
.base-input__amount__icon[data-v-362cad05] { font-size: 12.4px; }
.base-input .icon-close-circle[data-v-362cad05]::before { color: rgb(173, 183, 204); }
.base-input__suffix[data-v-362cad05] { font-family: "Inter"; font-size: 14px; font-weight: 400; line-height: 20px; position: relative; }
.base-input__suffix[data-v-362cad05]::after { content: ""; opacity: 0; pointer-events: none; border-bottom: 1px solid rgb(19, 150, 248); width: 0px; transition: 0.3s ease-in-out; position: absolute; bottom: 0px; left: 0px; }
.base-input__suffix[data-v-362cad05] { color: rgb(251, 193, 108); cursor: pointer; z-index: 9; position: absolute; top: 50px; right: 12px; transform: translateY(-50%); }
.base-input__suffix[data-v-362cad05]:hover::after { opacity: 1; border-bottom: 1px solid; width: 100%; }
.base-input__suffix-disabled[data-v-362cad05] { cursor: default; color: rgb(123, 130, 145); }
.base-input__suffix-verified[data-v-362cad05] { color: rgb(0, 233, 47); cursor: default; }
.base-input__paste[data-v-362cad05] { color: rgb(255, 255, 255); cursor: pointer; z-index: 9; background-color: rgb(19, 150, 248); border-radius: 4px; justify-content: center; align-items: center; width: 43px; height: 20px; font-family: "Inter"; font-size: 14px; font-weight: 400; line-height: 20px; display: flex; position: absolute; top: 40px; right: 13px; }
.base-input__paste.none-label[data-v-362cad05] { top: 38%; }
.base-input__paste-disabled[data-v-362cad05] { cursor: default; color: rgb(123, 130, 145); }
.base-input .icon-eye-slash[data-v-362cad05]::before, .base-input .icon-eye[data-v-362cad05]::before { color: rgb(173, 183, 204); }
.base-input__prepend-icon[data-v-362cad05] { cursor: auto; color: rgb(255, 255, 255); z-index: 9; border-top-right-radius: 8px; border-bottom-right-radius: 8px; justify-content: center; align-items: center; width: 29px; height: 42px; font-family: "Inter"; font-size: 14px; font-weight: 400; line-height: 20px; display: flex; position: absolute; top: 2px; right: 32px; }
.base-input__prepend-icon ~ input[data-v-362cad05] { padding-right: 42px !important; }
.base-input__prepend-icon.prepend[data-v-362cad05] { right: 2px; }
.base-input .error[data-v-362cad05] { color: rgb(220, 51, 51); padding-top: 8px; padding-left: 12px; font-family: "Inter"; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; display: block; }
.base-input--password input[data-v-362cad05] { padding-right: calc(2.2 * var(--c4-rem,16px)) !important; }
.base-input.medium .imask[data-v-362cad05], .base-input.medium input[data-v-362cad05], .base-input.medium textarea[data-v-362cad05] { height: 40px; }
.base-input.medium .base-input__wrap .icon[data-v-362cad05] { font-size: 20px; top: 38px; }
.base-input.medium .base-input__prepend-icon[data-v-362cad05] { height: 38px; }
.base-input.medium .base-input__label[data-v-362cad05] { font-family: "Inter"; font-size: 14px; font-weight: 600; line-height: 20px; }
.base-input.medium .base-input__label .sub[data-v-362cad05] { font-family: "Inter"; font-size: 12px; font-weight: 400; line-height: 16px; }
.base-input.medium .base-input__paste[data-v-362cad05] { top: 38px; }
.base-input.small .imask[data-v-362cad05], .base-input.small input[data-v-362cad05], .base-input.small textarea[data-v-362cad05] { height: 36px; padding: 8px; font-family: "Inter"; font-size: 12px; font-weight: 400; line-height: 16px; }
.base-input.small .base-input__wrap .icon[data-v-362cad05] { top: 30px; right: 8px; }
.base-input.small .base-input__paste[data-v-362cad05] { top: 32px; }
.base-input.small .base-input__prepend-icon[data-v-362cad05] { height: 34px; }
.base-input.small .base-input__label[data-v-362cad05] { font-family: "Inter"; font-size: 12px; font-weight: 600; line-height: 16px; }
.base-input.small .base-input__label .required[data-v-362cad05] { top: -4px; }
.base-input.small .base-input__label .sub[data-v-362cad05] { font-family: "Inter"; font-size: 12px; font-weight: 400; line-height: 16px; }
@media screen and (max-width: 1024px) {
  .base-input__suffix[data-v-362cad05]:hover::after { opacity: 0; }
  .base-input__wrap-input[data-v-362cad05], .base-input__wrap-input[data-v-362cad05]::after { border-radius: 2.13333vw; }
  .base-input.medium .imask[data-v-362cad05], .base-input.medium input[data-v-362cad05], .base-input.medium textarea[data-v-362cad05] { border-radius: 2.13333vw; height: 10.6667vw; padding: 3.2vw; font-family: "Inter"; font-size: 3.73333vw; font-weight: 400; line-height: 5.33333vw; }
  .base-input.medium .icon-pw[data-v-362cad05], .base-input.medium .icon-pw-hide-label[data-v-362cad05] { right: 2.66667vw; }
  .base-input.medium .error[data-v-362cad05] { padding-top: 2.13333vw; font-family: "Inter"; font-size: 3.2vw; font-weight: 400; line-height: 4.26667vw; }
  .base-input.medium .icon-remove[data-v-362cad05] { font-size: 6.4vw; top: 8.53333vw; right: 2.13333vw; }
  .base-input.medium .icon-remove.default[data-v-362cad05] { right: 3.2vw; }
  .base-input.medium .base-input__wrap .icon[data-v-362cad05] { font-size: 5.33333vw; top: 8vw; right: 3.2vw; }
  .base-input.medium .base-input__wrap.hidden-label .icon[data-v-362cad05], .base-input.medium .base-input__wrap.hidden-label .icon-hide[data-v-362cad05], .base-input.medium .base-input__wrap.hidden-label .icon-pw[data-v-362cad05] { top: 2.4vw; }
  .base-input.medium .base-input__prepend-icon[data-v-362cad05] { border-top-right-radius: 2.13333vw; border-bottom-right-radius: 2.13333vw; width: 10.6667vw; height: 10.1333vw; font-family: "Inter"; font-size: 3.73333vw; font-weight: 600; line-height: 5.33333vw; top: 0.266667vw; right: 6.66667vw; }
  .base-input.medium .base-input__prepend-icon.prepend[data-v-362cad05] { right: -0.533333vw; }
  .base-input.medium .base-input__label[data-v-362cad05] { font-family: "Inter"; font-size: 3.2vw; font-weight: 600; line-height: 4.26667vw; }
  .base-input.medium .base-input__label .sub[data-v-362cad05], .base-input.medium .base-input__paste[data-v-362cad05], .base-input.small .imask[data-v-362cad05], .base-input.small input[data-v-362cad05], .base-input.small textarea[data-v-362cad05] { font-family: "Inter"; font-size: 3.2vw; font-weight: 400; line-height: 4.26667vw; }
  .base-input.medium .base-input__paste[data-v-362cad05] { width: 12.5333vw; height: 5.33333vw; top: 8vw; }
  .base-input.small .imask[data-v-362cad05], .base-input.small input[data-v-362cad05], .base-input.small textarea[data-v-362cad05] { border-radius: 2.13333vw; height: 9.6vw; padding: 2.13333vw; }
  .base-input.small .icon-remove[data-v-362cad05] { font-size: 6.4vw; top: 6.93333vw; right: 13.0667vw; }
  .base-input.small .icon-remove.default[data-v-362cad05] { right: 3.2vw; }
  .base-input.small .error[data-v-362cad05] { padding-top: 2.13333vw; font-family: "Inter"; font-size: 3.2vw; font-weight: 400; line-height: 4.26667vw; }
  .base-input.small .base-input__wrap .icon[data-v-362cad05] { font-size: 6.4vw; top: 6.93333vw; right: 2.13333vw; }
  .base-input.small .base-input__wrap.hidden-label .icon[data-v-362cad05], .base-input.small .base-input__wrap.hidden-label .icon-hide[data-v-362cad05], .base-input.small .base-input__wrap.hidden-label .icon-pw[data-v-362cad05] { top: 2.4vw; }
  .base-input.small .base-input__paste[data-v-362cad05] { width: 12.5333vw; height: 5.33333vw; font-family: "Inter"; font-size: 3.2vw; font-weight: 400; line-height: 4.26667vw; top: 7.46667vw; }
  .base-input.small .base-input__prepend-icon[data-v-362cad05] { border-top-right-radius: 2.13333vw; border-bottom-right-radius: 2.13333vw; width: 10.6667vw; height: 9.06667vw; font-family: "Inter"; font-size: 3.73333vw; font-weight: 600; line-height: 5.33333vw; top: 0.266667vw; right: 0.266667vw; }
  .base-input.small .base-input__label[data-v-362cad05] { font-family: "Inter"; font-size: 3.2vw; font-weight: 600; line-height: 4.26667vw; }
  .base-input.small .base-input__label .required[data-v-362cad05] { top: -1.06667vw; }
  .base-input.small .base-input__label .sub[data-v-362cad05] { font-family: "Inter"; font-size: 3.2vw; font-weight: 400; line-height: 4.26667vw; }
}
@media screen and (max-width: 576px) {
  .base-input__label[data-v-362cad05] { margin-bottom: 1.6vw; }
  .base-input.medium .base-input__paste[data-v-362cad05] { top: 8.53333vw; }
  .base-input.medium .base-input__wrap .icon[data-v-362cad05] { top: 9.06667vw; }
  .base-input.medium .icon-remove[data-v-362cad05], .base-input.small .base-input__paste[data-v-362cad05] { top: 8.53333vw; }
  .base-input.medium .icon-remove.default[data-v-362cad05], .base-input.small .icon-remove.default[data-v-362cad05] { right: 2.13333vw; }
  .base-input.small .base-input__wrap .icon[data-v-362cad05], .base-input.small .icon-remove[data-v-362cad05] { top: 7.73333vw; }
}
.loading-container[data-v-10f58fbd] { justify-content: center; align-items: center; display: flex; }
.loading-container[data-v-10f58fbd]:not(.fit-height) { min-height: 50dvh; }
.loading-container.fit-height[data-v-10f58fbd] { z-index: 10; background: currentcolor; border-radius: 16px; width: 100%; height: 100%; position: absolute; top: 0px; left: 50%; transform: translate(-50%); }
[data-v-c0458834] .modal-gift-code { background-color: rgb(1, 15, 50); border: 0px; border-radius: 16px; min-height: 228px; }
[data-v-c0458834] .modal-gift-code.mobile .icon-close { cursor: pointer; position: absolute; top: 2.13333vw !important; right: 2.13333vw !important; }
[data-v-c0458834] .modal-gift-code.mobile .icon-close::before { width: 6.4vw; height: 6.4vw; font-size: 6.4vw; }
@media (max-width: 768px) {
  [data-v-c0458834] .modal-gift-code.mobile .icon-close::before { width: 6.4vw !important; height: 6.4vw !important; font-size: 6.4vw !important; }
}
[data-v-c0458834] .modal-gift-code .modal-gift-code__content { height: 100%; }
[data-v-c0458834] .modal-gift-code .modal-gift-code__content.mobile .modal-gift-code__wrapper { background: url("https://ssv88.co/wp-content/uploads/2026/11/bg-gift-code-mb.webp") 50% center / cover no-repeat; height: 40.5333vw; padding: 5.86667vw; }
[data-v-c0458834] .modal-gift-code .modal-gift-code__content.mobile .modal-gift-code__wrapper.finished { background: url("https://ssv88.co/wp-content/uploads/2026/11/bg-gift-code-finish.webp") 50% center / cover no-repeat; }
[data-v-c0458834] .modal-gift-code .modal-gift-code__content.mobile .gift-code__content { margin-top: 17.3333vw; }
[data-v-c0458834] .modal-gift-code .modal-gift-code__content.mobile .gift-code__content .base-input__wrap-input::after { border: 0.266667vw solid rgb(19, 150, 248); border-radius: 2.13333vw; }
[data-v-c0458834] .modal-gift-code .modal-gift-code__content.mobile .gift-code__content input { border: 0.266667vw solid rgb(150, 167, 186); border-radius: 2.13333vw; height: 10.6667vw; padding: 3.2vw 2.93333vw 2.93333vw; font-family: "Inter"; font-size: 3.73333vw; font-weight: 400; line-height: 5.33333vw; }
[data-v-c0458834] .modal-gift-code .modal-gift-code__content.mobile .modal-gift-code__content-bottom { height: 23.4667vw; padding: 6.4vw; }
[data-v-c0458834] .modal-gift-code .modal-gift-code__content.mobile .modal-gift-code__content-bottom button { width: 100%; height: 10.6667vw !important; }
[data-v-c0458834] .modal-gift-code .modal-gift-code__content.mobile .gift-code__notification { gap: 1.06667vw; }
[data-v-c0458834] .modal-gift-code .modal-gift-code__content.mobile .gift-code__notification img { width: 12.8vw; height: 12.8vw; }
[data-v-c0458834] .modal-gift-code .modal-gift-code__content.mobile .gift-code__notification__message { gap: 2.13333vw; }
[data-v-c0458834] .modal-gift-code .modal-gift-code__content.mobile .gift-code__notification__message-title { font-family: "Inter"; font-size: 4.26667vw; font-weight: 700; line-height: 6.4vw; }
[data-v-c0458834] .modal-gift-code .modal-gift-code__content.mobile .gift-code__notification__message-desc { font-family: "Inter"; font-size: 3.73333vw; font-weight: 400; line-height: 5.33333vw; }
[data-v-c0458834] .modal-gift-code .modal-gift-code__content.mobile .loading-container { min-height: 26.6667vw !important; }
[data-v-c0458834] .modal-gift-code .modal-gift-code__content-bottom { height: 92px; padding: 24px; }
[data-v-c0458834] .modal-gift-code .modal-gift-code__content-bottom button { width: 100%; height: 44px !important; }
[data-v-c0458834] .modal-gift-code .modal-gift-code__wrapper { background: url("https://ssv88.co/wp-content/uploads/2026/11/bg-gift-code.webp") 50% center / cover no-repeat; border-top-left-radius: 16px; border-top-right-radius: 16px; height: 239px; padding: 24px; position: relative; flex-direction: column !important; display: flex !important; }
[data-v-c0458834] .modal-gift-code .modal-gift-code__wrapper.finished { background: url("https://ssv88.co/wp-content/uploads/2026/11/bg-gift-code-finish.webp") 50% center / cover no-repeat; flex-direction: column !important; justify-content: center !important; align-items: center !important; display: flex !important; }
[data-v-c0458834] .modal-gift-code .gift-code__content { margin-top: 100px; }
[data-v-c0458834] .modal-gift-code .gift-code__content input { height: 44px; }
[data-v-c0458834] .modal-gift-code .gift-code.success { padding: 12px 0px; }
[data-v-c0458834] .modal-gift-code .modal-body { padding: 0px !important; overflow: visible !important; }
[data-v-c0458834] .modal-gift-code .icon-close { cursor: pointer; position: absolute; top: 16px !important; right: 16px !important; }
[data-v-c0458834] .modal-gift-code .icon-close::before { width: 32px; height: 32px; font-size: 32px; display: block; }
@media (max-width: 768px) {
  [data-v-c0458834] .modal-gift-code .icon-close::before { width: 24px !important; height: 24px !important; font-size: 24px !important; }
}
[data-v-c0458834] .modal-gift-code .gift-code__notification { gap: 16px; padding: 0px; flex-direction: column !important; align-items: center !important; display: flex !important; }
[data-v-c0458834] .modal-gift-code .gift-code__notification button { text-transform: uppercase; width: 100%; }
[data-v-c0458834] .modal-gift-code .gift-code__notification img { width: 80px; height: 80px; }
[data-v-c0458834] .modal-gift-code .gift-code__notification__message { text-align: center; gap: 8px; flex-direction: column !important; align-items: center !important; display: flex !important; }
[data-v-c0458834] .modal-gift-code .gift-code__notification__message-title { color: rgb(255, 255, 255); text-align: center; font-family: "Inter"; font-size: 20px; font-weight: 700; line-height: 28px; }
[data-v-c0458834] .modal-gift-code .gift-code__notification__message-desc { color: rgb(173, 183, 204); text-align: center; font-family: "Inter"; font-size: 14px; font-weight: 400; line-height: 20px; }
[data-v-c0458834] .modal-gift-code .loading-container { min-height: 192px !important; }
.modal-event[data-v-f65ddf09] { border-radius: 12px; width: 100%; height: 260px; position: relative; }
.modal-event .background[data-v-f65ddf09] { width: 100%; height: 100%; }
.modal-event .content[data-v-f65ddf09] { gap: 7px; width: 319px; position: absolute; top: 24px; left: 27.5px; flex-direction: column !important; align-items: center !important; display: flex !important; }
.modal-event .content .title[data-v-f65ddf09] { text-transform: uppercase; background: linear-gradient(rgb(255, 255, 255) 10.42%, rgb(255, 200, 117)) text; -webkit-text-fill-color: transparent; justify-content: center; align-items: center; font-family: "Inter"; font-size: 20px; font-weight: 800; line-height: 28px; display: flex; }
.modal-event .content .message[data-v-f65ddf09] { color: rgb(255, 255, 255); text-align: center; gap: 8px; font-family: "Inter"; font-size: 14px; font-weight: 400; line-height: 20px; flex-direction: column !important; display: flex !important; }
.modal-event .content .message[data-v-f65ddf09] span { background: linear-gradient(148.1deg, rgb(251, 230, 123) -8.24%, rgb(252, 251, 231) 32.02%, rgb(247, 209, 78) 72.29%, rgb(172, 114, 56) 112.55%) text; -webkit-text-fill-color: transparent; justify-content: center; align-items: center; font-family: "Inter"; font-size: 28px; font-weight: 700; line-height: 32px; display: flex; }
@media screen and (max-width: 500px) {
  .mobile .modal-event[data-v-f65ddf09] { border-radius: 4.26667vw; height: 69.3333vw; }
  .mobile .modal-event .content[data-v-f65ddf09] { gap: 2.13333vw; top: 8vw; left: 3.2vw; right: 3.2vw; }
  .mobile .modal-event .content .title[data-v-f65ddf09] { font-family: "Inter"; font-size: 5.33333vw; font-weight: 800; line-height: 6.4vw; }
  .mobile .modal-event .content .message[data-v-f65ddf09] { gap: 3.2vw; font-family: "Inter"; font-size: 3.73333vw; font-weight: 400; line-height: 5.33333vw; }
  .mobile .modal-event .content .message[data-v-f65ddf09] span { font-family: "Inter"; font-size: 7.46667vw; font-weight: 700; line-height: 9.06667vw; }
}
[data-v-f65ddf09] .modal-content { background-color: rgba(0, 0, 0, 0) !important; border-radius: 12px !important; max-width: 375px !important; }
@media screen and (max-width: 500px) {
  [data-v-f65ddf09] .modal-content { border-radius: 3.2vw !important; max-width: 91.4667vw !important; }
  [data-v-f65ddf09] .modal-content .icon-close { font-size: 6.4vw; top: 3.2vw; right: 3.2vw; }
  [data-v-f65ddf09] .modal-content .icon-close::before { font-size: 6.4vw; }
}
[data-v-f65ddf09] .modal-content .icon-close { font-size: 24px; top: 8px; right: 8px; }
[data-v-f65ddf09] .modal-content .icon-close::before { font-size: 24px; }
[data-v-f65ddf09] .modal-body { padding: 0px; }
.worldcup-countdown[data-v-ba19e62f] { --countdown-title-color: #fff; --countdown-meta-color: #d2d7df; --countdown-value-color: #fff; --countdown-bg-color: #000; --countdown-cta-color: #fff; --countdown-cta-bg: #0855c4; --countdown-cta-border: #9dc3ff; --countdown-cta-glow: #0855c4; color: var(--countdown-title-color); background-color: var(--countdown-bg-color); }
.worldcup-countdown.inside[data-v-ba19e62f] { width: 100%; padding: 10px 18px; display: block; position: relative; overflow: hidden; }
.worldcup-countdown__container[data-v-ba19e62f] { z-index: 2; justify-content: space-between; align-items: center; width: 100%; max-width: 1280px; margin: 0px auto; display: flex; position: relative; }
.worldcup-countdown__parallax[data-v-ba19e62f] { z-index: 1; background: radial-gradient(at center bottom, rgb(27, 39, 53), rgb(9, 10, 15)); position: absolute; inset: 0px; }
.worldcup-countdown__stars[data-v-ba19e62f] { background: 0px 0px; position: absolute; inset: 0px; }
.multiple-box-shadow-effect[data-v-ba19e62f]::after { content: ""; background: 0px 0px; position: absolute; top: 4000px; left: 0px; }
.multiple-box-shadow-effect--small[data-v-ba19e62f], .multiple-box-shadow-effect--small[data-v-ba19e62f]::after { width: 1px; height: 1px; box-shadow: rgb(255, 255, 255) 2980px 2616px, rgb(255, 255, 255) 2658px 2208px, rgb(255, 255, 255) 560px 1341px, rgb(255, 255, 255) 2696px 771px, rgb(255, 255, 255) 1974px 990px, rgb(255, 255, 255) 3717px 3227px, rgb(255, 255, 255) 537px 2165px, rgb(255, 255, 255) 2967px 3689px, rgb(255, 255, 255) 2953px 3310px, rgb(255, 255, 255) 3081px 822px, rgb(255, 255, 255) 1569px 887px, rgb(255, 255, 255) 3247px 2482px, rgb(255, 255, 255) 1667px 825px, rgb(255, 255, 255) 436px 1676px, rgb(255, 255, 255) 2140px 858px, rgb(255, 255, 255) 2752px 1622px, rgb(255, 255, 255) 685px 3521px, rgb(255, 255, 255) 1691px 435px, rgb(255, 255, 255) 2100px 257px, rgb(255, 255, 255) 3323px 1035px, rgb(255, 255, 255) 1408px 1257px, rgb(255, 255, 255) 201px 176px, rgb(255, 255, 255) 1924px 833px, rgb(255, 255, 255) 1811px 886px, rgb(255, 255, 255) 1408px 362px, rgb(255, 255, 255) 3433px 56px, rgb(255, 255, 255) 3547px 3323px, rgb(255, 255, 255) 1278px 3212px, rgb(255, 255, 255) 1342px 2539px, rgb(255, 255, 255) 1724px 1673px, rgb(255, 255, 255) 781px 2688px, rgb(255, 255, 255) 1761px 2316px, rgb(255, 255, 255) 903px 567px, rgb(255, 255, 255) 321px 1167px, rgb(255, 255, 255) 1645px 1782px, rgb(255, 255, 255) 423px 3603px, rgb(255, 255, 255) 3940px 194px, rgb(255, 255, 255) 3392px 3215px, rgb(255, 255, 255) 497px 2417px, rgb(255, 255, 255) 1046px 1611px, rgb(255, 255, 255) 2986px 1759px, rgb(255, 255, 255) 3352px 3238px, rgb(255, 255, 255) 377px 2322px, rgb(255, 255, 255) 950px 3521px, rgb(255, 255, 255) 431px 238px, rgb(255, 255, 255) 1091px 3645px, rgb(255, 255, 255) 765px 1210px, rgb(255, 255, 255) 3305px 2239px, rgb(255, 255, 255) 601px 1481px, rgb(255, 255, 255) 3549px 3600px, rgb(255, 255, 255) 3137px 789px, rgb(255, 255, 255) 2122px 878px, rgb(255, 255, 255) 3676px 1184px, rgb(255, 255, 255) 3160px 3042px, rgb(255, 255, 255) 1962px 2894px, rgb(255, 255, 255) 2865px 3342px, rgb(255, 255, 255) 3337px 869px, rgb(255, 255, 255) 2051px 3521px, rgb(255, 255, 255) 3605px 3016px, rgb(255, 255, 255) 176px 1042px, rgb(255, 255, 255) 3546px 1199px, rgb(255, 255, 255) 1192px 2406px, rgb(255, 255, 255) 2920px 854px, rgb(255, 255, 255) 703px 1683px, rgb(255, 255, 255) 2913px 2992px, rgb(255, 255, 255) 2343px 504px, rgb(255, 255, 255) 2953px 2197px, rgb(255, 255, 255) 2716px 1956px, rgb(255, 255, 255) 667px 3142px, rgb(255, 255, 255) 903px 2595px, rgb(255, 255, 255) 1393px 1099px, rgb(255, 255, 255) 613px 2184px, rgb(255, 255, 255) 205px 1782px, rgb(255, 255, 255) 2127px 1538px, rgb(255, 255, 255) 182px 1883px, rgb(255, 255, 255) 1521px 1383px, rgb(255, 255, 255) 755px 286px, rgb(255, 255, 255) 672px 500px, rgb(255, 255, 255) 2359px 3297px, rgb(255, 255, 255) 760px 3518px, rgb(255, 255, 255) 1580px 1433px, rgb(255, 255, 255) 178px 2435px, rgb(255, 255, 255) 2228px 955px, rgb(255, 255, 255) 675px 3204px, rgb(255, 255, 255) 303px 672px, rgb(255, 255, 255) 2496px 1456px, rgb(255, 255, 255) 1018px 2027px, rgb(255, 255, 255) 2251px 814px, rgb(255, 255, 255) 550px 2418px, rgb(255, 255, 255) 158px 2246px, rgb(255, 255, 255) 2995px 2193px, rgb(255, 255, 255) 2367px 3210px, rgb(255, 255, 255) 1695px 2599px, rgb(255, 255, 255) 639px 418px, rgb(255, 255, 255) 3787px 2118px, rgb(255, 255, 255) 3128px 1874px, rgb(255, 255, 255) 3752px 3704px, rgb(255, 255, 255) 1567px 3574px, rgb(255, 255, 255) 2181px 1597px, rgb(255, 255, 255) 3310px 1379px, rgb(255, 255, 255) 3115px 1892px, rgb(255, 255, 255) 3654px 69px, rgb(255, 255, 255) 843px 163px, rgb(255, 255, 255) 1835px 631px, rgb(255, 255, 255) 1817px 1010px, rgb(255, 255, 255) 3093px 1977px, rgb(255, 255, 255) 2881px 1048px, rgb(255, 255, 255) 1427px 2779px, rgb(255, 255, 255) 3629px 4000px, rgb(255, 255, 255) 1630px 3264px, rgb(255, 255, 255) 2831px 840px, rgb(255, 255, 255) 3052px 2132px, rgb(255, 255, 255) 2967px 309px, rgb(255, 255, 255) 3327px 1063px, rgb(255, 255, 255) 881px 2038px, rgb(255, 255, 255) 2628px 2142px, rgb(255, 255, 255) 2735px 238px, rgb(255, 255, 255) 694px 2954px, rgb(255, 255, 255) 2108px 1353px, rgb(255, 255, 255) 1940px 3690px, rgb(255, 255, 255) 3141px 3842px, rgb(255, 255, 255) 415px 1163px, rgb(255, 255, 255) 3083px 1573px, rgb(255, 255, 255) 694px 3502px, rgb(255, 255, 255) 2772px 1447px, rgb(255, 255, 255) 3154px 1337px, rgb(255, 255, 255) 2644px 3626px, rgb(255, 255, 255) 346px 2158px, rgb(255, 255, 255) 3920px 2360px, rgb(255, 255, 255) 2563px 2784px, rgb(255, 255, 255) 77px 3649px, rgb(255, 255, 255) 317px 1399px, rgb(255, 255, 255) 1505px 448px, rgb(255, 255, 255) 475px 812px, rgb(255, 255, 255) 480px 3904px, rgb(255, 255, 255) 2865px 2646px, rgb(255, 255, 255) 1527px 344px, rgb(255, 255, 255) 248px 1233px, rgb(255, 255, 255) 2488px 3732px, rgb(255, 255, 255) 3768px 1416px, rgb(255, 255, 255) 3757px 3023px, rgb(255, 255, 255) 3857px 2003px, rgb(255, 255, 255) 1104px 295px, rgb(255, 255, 255) 698px 2430px, rgb(255, 255, 255) 3014px 1279px, rgb(255, 255, 255) 3142px 1256px, rgb(255, 255, 255) 98px 2977px, rgb(255, 255, 255) 327px 1128px, rgb(255, 255, 255) 2028px 3792px, rgb(255, 255, 255) 2099px 1221px, rgb(255, 255, 255) 3960px 1810px, rgb(255, 255, 255) 1556px 2663px, rgb(255, 255, 255) 1230px 3080px, rgb(255, 255, 255) 484px 3508px, rgb(255, 255, 255) 213px 2550px, rgb(255, 255, 255) 3690px 1226px, rgb(255, 255, 255) 3662px 1595px, rgb(255, 255, 255) 719px 3101px, rgb(255, 255, 255) 3731px 2280px, rgb(255, 255, 255) 2219px 3083px, rgb(255, 255, 255) 683px 2097px, rgb(255, 255, 255) 3924px 3702px, rgb(255, 255, 255) 1136px 938px, rgb(255, 255, 255) 1001px 2650px, rgb(255, 255, 255) 2236px 1677px, rgb(255, 255, 255) 2290px 3788px, rgb(255, 255, 255) 764px 1151px, rgb(255, 255, 255) 3439px 484px, rgb(255, 255, 255) 793px 2845px, rgb(255, 255, 255) 2508px 1304px, rgb(255, 255, 255) 1741px 2592px, rgb(255, 255, 255) 396px 2097px, rgb(255, 255, 255) 1919px 3579px, rgb(255, 255, 255) 3724px 767px, rgb(255, 255, 255) 2462px 2706px, rgb(255, 255, 255) 3600px 200px, rgb(255, 255, 255) 3703px 2329px, rgb(255, 255, 255) 2991px 1146px, rgb(255, 255, 255) 3125px 3776px, rgb(255, 255, 255) 236px 2189px, rgb(255, 255, 255) 3289px 2899px, rgb(255, 255, 255) 275px 1431px, rgb(255, 255, 255) 2223px 468px, rgb(255, 255, 255) 2929px 2007px, rgb(255, 255, 255) 3124px 280px, rgb(255, 255, 255) 962px 2603px, rgb(255, 255, 255) 3158px 2092px, rgb(255, 255, 255) 3107px 190px, rgb(255, 255, 255) 1802px 706px, rgb(255, 255, 255) 3868px 2327px, rgb(255, 255, 255) 2044px 399px, rgb(255, 255, 255) 3167px 3903px, rgb(255, 255, 255) 2990px 1877px, rgb(255, 255, 255) 2829px 2042px, rgb(255, 255, 255) 959px 2602px, rgb(255, 255, 255) 2208px 34px, rgb(255, 255, 255) 1275px 2132px, rgb(255, 255, 255) 1490px 2590px, rgb(255, 255, 255) 2609px 3357px, rgb(255, 255, 255) 445px 3270px, rgb(255, 255, 255) 2781px 2494px, rgb(255, 255, 255) 586px 234px, rgb(255, 255, 255) 320px 1601px, rgb(255, 255, 255) 2027px 1547px, rgb(255, 255, 255) 1217px 3052px, rgb(255, 255, 255) 3824px 3329px, rgb(255, 255, 255) 1130px 2353px, rgb(255, 255, 255) 1120px 2675px, rgb(255, 255, 255) 2502px 2916px, rgb(255, 255, 255) 1413px 1005px, rgb(255, 255, 255) 627px 364px, rgb(255, 255, 255) 2704px 3737px, rgb(255, 255, 255) 2487px 367px, rgb(255, 255, 255) 3076px 1299px, rgb(255, 255, 255) 3335px 3806px, rgb(255, 255, 255) 1604px 3262px, rgb(255, 255, 255) 1000px 1652px, rgb(255, 255, 255) 310px 2326px, rgb(255, 255, 255) 740px 8px, rgb(255, 255, 255) 783px 3573px, rgb(255, 255, 255) 2601px 3692px, rgb(255, 255, 255) 8px 215px, rgb(255, 255, 255) 3345px 1557px, rgb(255, 255, 255) 449px 3813px, rgb(255, 255, 255) 1535px 2585px, rgb(255, 255, 255) 2276px 1268px, rgb(255, 255, 255) 501px 2497px, rgb(255, 255, 255) 2251px 2041px, rgb(255, 255, 255) 1269px 3872px, rgb(255, 255, 255) 700px 3959px, rgb(255, 255, 255) 113px 2537px, rgb(255, 255, 255) 3992px 2580px, rgb(255, 255, 255) 332px 3074px, rgb(255, 255, 255) 3089px 950px, rgb(255, 255, 255) 744px 616px, rgb(255, 255, 255) 3167px 1477px, rgb(255, 255, 255) 3030px 3252px, rgb(255, 255, 255) 560px 3062px, rgb(255, 255, 255) 422px 352px, rgb(255, 255, 255) 3979px 2421px, rgb(255, 255, 255) 1508px 3161px, rgb(255, 255, 255) 2838px 845px, rgb(255, 255, 255) 1081px 3328px, rgb(255, 255, 255) 490px 2345px, rgb(255, 255, 255) 585px 1120px, rgb(255, 255, 255) 220px 133px, rgb(255, 255, 255) 55px 2105px, rgb(255, 255, 255) 2986px 3292px, rgb(255, 255, 255) 1089px 1922px, rgb(255, 255, 255) 2962px 1125px, rgb(255, 255, 255) 2908px 2525px, rgb(255, 255, 255) 782px 3780px, rgb(255, 255, 255) 991px 1432px, rgb(255, 255, 255) 1278px 2283px, rgb(255, 255, 255) 162px 2492px, rgb(255, 255, 255) 1996px 2574px, rgb(255, 255, 255) 1300px 393px, rgb(255, 255, 255) 3080px 1522px, rgb(255, 255, 255) 3068px 1096px, rgb(255, 255, 255) 2547px 1399px, rgb(255, 255, 255) 1778px 3161px, rgb(255, 255, 255) 1576px 2469px, rgb(255, 255, 255) 196px 3858px, rgb(255, 255, 255) 252px 325px, rgb(255, 255, 255) 3387px 399px, rgb(255, 255, 255) 3509px 1347px, rgb(255, 255, 255) 747px 516px, rgb(255, 255, 255) 2995px 3610px, rgb(255, 255, 255) 1587px 1188px, rgb(255, 255, 255) 2288px 56px, rgb(255, 255, 255) 2249px 1748px, rgb(255, 255, 255) 1026px 1507px, rgb(255, 255, 255) 2750px 2114px, rgb(255, 255, 255) 162px 33px, rgb(255, 255, 255) 1583px 159px, rgb(255, 255, 255) 1552px 632px, rgb(255, 255, 255) 442px 2564px, rgb(255, 255, 255) 714px 1023px, rgb(255, 255, 255) 2301px 981px, rgb(255, 255, 255) 1225px 3544px, rgb(255, 255, 255) 95px 1272px, rgb(255, 255, 255) 3547px 3327px, rgb(255, 255, 255) 213px 3441px, rgb(255, 255, 255) 1061px 110px, rgb(255, 255, 255) 2505px 1497px, rgb(255, 255, 255) 321px 688px, rgb(255, 255, 255) 2100px 3334px, rgb(255, 255, 255) 1400px 490px, rgb(255, 255, 255) 1989px 3786px, rgb(255, 255, 255) 2615px 936px, rgb(255, 255, 255) 1088px 577px, rgb(255, 255, 255) 1148px 2422px, rgb(255, 255, 255) 1012px 3990px, rgb(255, 255, 255) 1204px 2923px, rgb(255, 255, 255) 569px 1306px, rgb(255, 255, 255) 2888px 1155px, rgb(255, 255, 255) 339px 1225px, rgb(255, 255, 255) 908px 2831px, rgb(255, 255, 255) 1772px 3277px, rgb(255, 255, 255) 3894px 3687px, rgb(255, 255, 255) 2892px 3360px, rgb(255, 255, 255) 3479px 3859px, rgb(255, 255, 255) 351px 1254px, rgb(255, 255, 255) 3842px 3384px, rgb(255, 255, 255) 319px 2505px, rgb(255, 255, 255) 3012px 3702px, rgb(255, 255, 255) 396px 1569px, rgb(255, 255, 255) 3307px 325px, rgb(255, 255, 255) 755px 855px, rgb(255, 255, 255) 3100px 2381px, rgb(255, 255, 255) 1140px 1191px, rgb(255, 255, 255) 2121px 2133px, rgb(255, 255, 255) 3871px 689px, rgb(255, 255, 255) 1732px 2836px, rgb(255, 255, 255) 3906px 3224px, rgb(255, 255, 255) 1724px 3743px, rgb(255, 255, 255) 1496px 1744px, rgb(255, 255, 255) 1075px 1156px, rgb(255, 255, 255) 3300px 1030px, rgb(255, 255, 255) 3098px 2061px, rgb(255, 255, 255) 663px 997px, rgb(255, 255, 255) 3202px 1913px, rgb(255, 255, 255) 1666px 2500px, rgb(255, 255, 255) 3741px 1982px, rgb(255, 255, 255) 1864px 3545px, rgb(255, 255, 255) 1952px 2507px, rgb(255, 255, 255) 1367px 367px, rgb(255, 255, 255) 1050px 3956px, rgb(255, 255, 255) 3039px 853px, rgb(255, 255, 255) 1733px 572px, rgb(255, 255, 255) 3749px 1171px, rgb(255, 255, 255) 320px 2555px, rgb(255, 255, 255) 3660px 2040px, rgb(255, 255, 255) 2806px 2440px, rgb(255, 255, 255) 3606px 183px, rgb(255, 255, 255) 1321px 3366px, rgb(255, 255, 255) 2406px 3975px, rgb(255, 255, 255) 2099px 2944px, rgb(255, 255, 255) 1549px 3439px, rgb(255, 255, 255) 297px 3041px, rgb(255, 255, 255) 35px 1068px, rgb(255, 255, 255) 1936px 295px, rgb(255, 255, 255) 209px 340px, rgb(255, 255, 255) 376px 2190px, rgb(255, 255, 255) 458px 2589px, rgb(255, 255, 255) 3152px 2586px, rgb(255, 255, 255) 2625px 770px, rgb(255, 255, 255) 3890px 1036px, rgb(255, 255, 255) 1601px 2004px, rgb(255, 255, 255) 2029px 2764px, rgb(255, 255, 255) 2399px 2883px, rgb(255, 255, 255) 2359px 2808px, rgb(255, 255, 255) 1614px 1902px, rgb(255, 255, 255) 1713px 1308px, rgb(255, 255, 255) 63px 1307px, rgb(255, 255, 255) 3258px 26px, rgb(255, 255, 255) 764px 2531px, rgb(255, 255, 255) 2804px 3251px, rgb(255, 255, 255) 3495px 1568px, rgb(255, 255, 255) 2548px 2744px, rgb(255, 255, 255) 3054px 2779px, rgb(255, 255, 255) 1041px 6px, rgb(255, 255, 255) 441px 486px, rgb(255, 255, 255) 205px 2047px, rgb(255, 255, 255) 529px 684px, rgb(255, 255, 255) 3581px 3386px, rgb(255, 255, 255) 166px 3299px, rgb(255, 255, 255) 93px 64px, rgb(255, 255, 255) 1964px 3029px, rgb(255, 255, 255) 2039px 1950px, rgb(255, 255, 255) 3501px 1618px, rgb(255, 255, 255) 2006px 3308px, rgb(255, 255, 255) 29px 851px, rgb(255, 255, 255) 697px 15px, rgb(255, 255, 255) 1323px 1062px, rgb(255, 255, 255) 2771px 1679px, rgb(255, 255, 255) 1064px 1084px, rgb(255, 255, 255) 2534px 391px, rgb(255, 255, 255) 2851px 2427px, rgb(255, 255, 255) 1215px 2672px, rgb(255, 255, 255) 3192px 575px, rgb(255, 255, 255) 2814px 3929px, rgb(255, 255, 255) 94px 1809px, rgb(255, 255, 255) 1834px 2746px, rgb(255, 255, 255) 2669px 1472px, rgb(255, 255, 255) 1225px 691px, rgb(255, 255, 255) 2594px 968px, rgb(255, 255, 255) 2475px 2212px, rgb(255, 255, 255) 3814px 3949px, rgb(255, 255, 255) 832px 391px, rgb(255, 255, 255) 2136px 3760px, rgb(255, 255, 255) 1900px 525px, rgb(255, 255, 255) 556px 1923px, rgb(255, 255, 255) 3961px 399px, rgb(255, 255, 255) 863px 2207px, rgb(255, 255, 255) 2395px 1073px, rgb(255, 255, 255) 962px 756px, rgb(255, 255, 255) 3336px 3898px, rgb(255, 255, 255) 2013px 702px, rgb(255, 255, 255) 1998px 2339px, rgb(255, 255, 255) 1905px 2050px, rgb(255, 255, 255) 3265px 3743px, rgb(255, 255, 255) 892px 2483px, rgb(255, 255, 255) 239px 2472px, rgb(255, 255, 255) 1123px 2350px, rgb(255, 255, 255) 174px 3288px, rgb(255, 255, 255) 2238px 263px, rgb(255, 255, 255) 1217px 324px, rgb(255, 255, 255) 451px 1870px, rgb(255, 255, 255) 3531px 1048px, rgb(255, 255, 255) 3234px 3493px, rgb(255, 255, 255) 2463px 2425px, rgb(255, 255, 255) 3235px 458px, rgb(255, 255, 255) 2366px 700px, rgb(255, 255, 255) 3795px 2738px, rgb(255, 255, 255) 208px 539px, rgb(255, 255, 255) 1469px 2085px, rgb(255, 255, 255) 3999px 2620px, rgb(255, 255, 255) 3628px 1329px, rgb(255, 255, 255) 484px 1171px, rgb(255, 255, 255) 156px 3735px, rgb(255, 255, 255) 929px 3277px, rgb(255, 255, 255) 1266px 3058px, rgb(255, 255, 255) 2246px 1267px, rgb(255, 255, 255) 983px 3317px, rgb(255, 255, 255) 1652px 2604px, rgb(255, 255, 255) 299px 532px, rgb(255, 255, 255) 1589px 1558px, rgb(255, 255, 255) 2114px 1641px, rgb(255, 255, 255) 2494px 1804px, rgb(255, 255, 255) 388px 3892px, rgb(255, 255, 255) 834px 3256px, rgb(255, 255, 255) 397px 3869px, rgb(255, 255, 255) 714px 2198px, rgb(255, 255, 255) 1462px 3868px, rgb(255, 255, 255) 177px 1634px, rgb(255, 255, 255) 1741px 298px, rgb(255, 255, 255) 1578px 3394px, rgb(255, 255, 255) 362px 3982px, rgb(255, 255, 255) 1745px 2165px, rgb(255, 255, 255) 424px 1929px, rgb(255, 255, 255) 1232px 443px, rgb(255, 255, 255) 3862px 2388px, rgb(255, 255, 255) 3141px 162px, rgb(255, 255, 255) 2308px 561px, rgb(255, 255, 255) 3015px 1574px, rgb(255, 255, 255) 1711px 3045px, rgb(255, 255, 255) 1396px 3367px, rgb(255, 255, 255) 3040px 630px, rgb(255, 255, 255) 302px 3873px, rgb(255, 255, 255) 587px 2062px, rgb(255, 255, 255) 3303px 3913px, rgb(255, 255, 255) 1955px 3529px, rgb(255, 255, 255) 1507px 1953px, rgb(255, 255, 255) 2668px 325px, rgb(255, 255, 255) 29px 1669px, rgb(255, 255, 255) 1803px 3934px, rgb(255, 255, 255) 1187px 3416px, rgb(255, 255, 255) 991px 1789px, rgb(255, 255, 255) 428px 2067px, rgb(255, 255, 255) 1341px 223px, rgb(255, 255, 255) 3149px 1319px, rgb(255, 255, 255) 2094px 1228px, rgb(255, 255, 255) 226px 1409px, rgb(255, 255, 255) 375px 2703px, rgb(255, 255, 255) 923px 2559px, rgb(255, 255, 255) 2698px 1983px, rgb(255, 255, 255) 3177px 1890px, rgb(255, 255, 255) 231px 3325px, rgb(255, 255, 255) 3173px 780px, rgb(255, 255, 255) 3532px 1961px, rgb(255, 255, 255) 387px 1964px, rgb(255, 255, 255) 3255px 421px, rgb(255, 255, 255) 706px 3542px, rgb(255, 255, 255) 331px 2555px, rgb(255, 255, 255) 2666px 1597px, rgb(255, 255, 255) 3829px 3957px, rgb(255, 255, 255) 799px 2229px, rgb(255, 255, 255) 620px 2237px, rgb(255, 255, 255) 779px 2298px, rgb(255, 255, 255) 390px 3622px, rgb(255, 255, 255) 1306px 746px, rgb(255, 255, 255) 2073px 2591px, rgb(255, 255, 255) 2905px 1751px, rgb(255, 255, 255) 3377px 3206px, rgb(255, 255, 255) 2985px 3211px, rgb(255, 255, 255) 2886px 790px, rgb(255, 255, 255) 1492px 2610px, rgb(255, 255, 255) 1466px 1247px, rgb(255, 255, 255) 2662px 910px, rgb(255, 255, 255) 2957px 133px, rgb(255, 255, 255) 1604px 3737px, rgb(255, 255, 255) 1606px 3077px, rgb(255, 255, 255) 3074px 1845px, rgb(255, 255, 255) 3877px 2640px, rgb(255, 255, 255) 2377px 3607px, rgb(255, 255, 255) 35px 3086px, rgb(255, 255, 255) 2881px 2013px, rgb(255, 255, 255) 3766px 1039px, rgb(255, 255, 255) 1402px 2703px, rgb(255, 255, 255) 2385px 2685px, rgb(255, 255, 255) 686px 3845px, rgb(255, 255, 255) 1369px 3756px, rgb(255, 255, 255) 2417px 2744px, rgb(255, 255, 255) 919px 1585px, rgb(255, 255, 255) 1248px 1232px, rgb(255, 255, 255) 1526px 1086px, rgb(255, 255, 255) 100px 3656px, rgb(255, 255, 255) 525px 2464px, rgb(255, 255, 255) 2947px 1506px, rgb(255, 255, 255) 2112px 904px, rgb(255, 255, 255) 3220px 3785px, rgb(255, 255, 255) 967px 3517px, rgb(255, 255, 255) 3267px 744px, rgb(255, 255, 255) 1999px 3978px, rgb(255, 255, 255) 2440px 3511px, rgb(255, 255, 255) 3317px 2483px, rgb(255, 255, 255) 2592px 1204px, rgb(255, 255, 255) 1568px 647px, rgb(255, 255, 255) 701px 221px, rgb(255, 255, 255) 804px 2987px, rgb(255, 255, 255) 3075px 1410px, rgb(255, 255, 255) 3134px 418px, rgb(255, 255, 255) 974px 115px, rgb(255, 255, 255) 3829px 2722px, rgb(255, 255, 255) 948px 2963px, rgb(255, 255, 255) 663px 515px, rgb(255, 255, 255) 2470px 3070px, rgb(255, 255, 255) 2960px 3037px, rgb(255, 255, 255) 469px 46px, rgb(255, 255, 255) 1257px 2936px, rgb(255, 255, 255) 314px 2295px, rgb(255, 255, 255) 130px 3895px, rgb(255, 255, 255) 452px 315px, rgb(255, 255, 255) 2242px 912px, rgb(255, 255, 255) 3594px 2568px, rgb(255, 255, 255) 299px 1234px, rgb(255, 255, 255) 1379px 2042px, rgb(255, 255, 255) 3708px 128px, rgb(255, 255, 255) 3158px 3829px, rgb(255, 255, 255) 3600px 3054px, rgb(255, 255, 255) 3258px 512px, rgb(255, 255, 255) 2151px 3788px, rgb(255, 255, 255) 3828px 455px, rgb(255, 255, 255) 574px 3026px, rgb(255, 255, 255) 2202px 914px, rgb(255, 255, 255) 534px 2507px, rgb(255, 255, 255) 3365px 1743px, rgb(255, 255, 255) 732px 3869px, rgb(255, 255, 255) 2471px 3172px, rgb(255, 255, 255) 1979px 2117px, rgb(255, 255, 255) 3737px 2504px, rgb(255, 255, 255) 1289px 2434px, rgb(255, 255, 255) 1022px 50px, rgb(255, 255, 255) 2417px 2546px, rgb(255, 255, 255) 486px 1421px, rgb(255, 255, 255) 555px 3819px, rgb(255, 255, 255) 1680px 2550px, rgb(255, 255, 255) 2192px 2309px, rgb(255, 255, 255) 3574px 510px, rgb(255, 255, 255) 279px 1406px, rgb(255, 255, 255) 2785px 32px, rgb(255, 255, 255) 2879px 3922px, rgb(255, 255, 255) 3283px 3284px, rgb(255, 255, 255) 322px 2054px, rgb(255, 255, 255) 3317px 2101px, rgb(255, 255, 255) 2775px 2804px, rgb(255, 255, 255) 3202px 1251px, rgb(255, 255, 255) 3071px 2459px, rgb(255, 255, 255) 3062px 1791px, rgb(255, 255, 255) 1612px 864px, rgb(255, 255, 255) 3312px 2850px, rgb(255, 255, 255) 499px 3630px, rgb(255, 255, 255) 670px 3669px, rgb(255, 255, 255) 789px 1767px, rgb(255, 255, 255) 1142px 1203px, rgb(255, 255, 255) 1646px 2114px, rgb(255, 255, 255) 70px 1989px, rgb(255, 255, 255) 2599px 2289px, rgb(255, 255, 255) 1340px 2397px, rgb(255, 255, 255) 2517px 601px, rgb(255, 255, 255) 2189px 56px, rgb(255, 255, 255) 3184px 3334px, rgb(255, 255, 255) 1507px 2625px, rgb(255, 255, 255) 2784px 3427px, rgb(255, 255, 255) 502px 651px, rgb(255, 255, 255) 1790px 2251px, rgb(255, 255, 255) 2306px 2165px, rgb(255, 255, 255) 3943px 2762px, rgb(255, 255, 255) 2038px 1090px, rgb(255, 255, 255) 560px 1740px, rgb(255, 255, 255) 2865px 3524px, rgb(255, 255, 255) 1929px 3574px, rgb(255, 255, 255) 2131px 415px, rgb(255, 255, 255) 174px 3428px, rgb(255, 255, 255) 1314px 2832px, rgb(255, 255, 255) 3645px 3511px, rgb(255, 255, 255) 1865px 3932px, rgb(255, 255, 255) 2084px 1735px, rgb(255, 255, 255) 1324px 661px, rgb(255, 255, 255) 716px 2496px, rgb(255, 255, 255) 3356px 163px, rgb(255, 255, 255) 2875px 1806px, rgb(255, 255, 255) 2799px 3065px, rgb(255, 255, 255) 3820px 378px, rgb(255, 255, 255) 2282px 1690px, rgb(255, 255, 255) 1284px 3509px, rgb(255, 255, 255) 409px 823px, rgb(255, 255, 255) 480px 3262px, rgb(255, 255, 255) 449px 3141px, rgb(255, 255, 255) 2003px 2916px, rgb(255, 255, 255) 1747px 999px, rgb(255, 255, 255) 2098px 1958px, rgb(255, 255, 255) 2559px 883px, rgb(255, 255, 255) 3863px 2366px, rgb(255, 255, 255) 3540px 225px, rgb(255, 255, 255) 566px 2655px, rgb(255, 255, 255) 403px 1852px, rgb(255, 255, 255) 1806px 329px, rgb(255, 255, 255) 3047px 1722px, rgb(255, 255, 255) 374px 673px, rgb(255, 255, 255) 665px 2160px, rgb(255, 255, 255) 2104px 2241px, rgb(255, 255, 255) 3201px 2540px, rgb(255, 255, 255) 3285px 3391px, rgb(255, 255, 255) 2795px 3256px, rgb(255, 255, 255) 2175px 2474px, rgb(255, 255, 255) 3813px 1779px, rgb(255, 255, 255) 304px 2304px, rgb(255, 255, 255) 2562px 1719px, rgb(255, 255, 255) 3088px 1522px, rgb(255, 255, 255) 1859px 743px, rgb(255, 255, 255) 3659px 1996px, rgb(255, 255, 255) 3773px 3795px, rgb(255, 255, 255) 821px 560px, rgb(255, 255, 255) 2095px 3073px, rgb(255, 255, 255) 2639px 2035px, rgb(255, 255, 255) 2352px 3583px, rgb(255, 255, 255) 1822px 1272px, rgb(255, 255, 255) 3377px 3801px, rgb(255, 255, 255) 3314px 1937px, rgb(255, 255, 255) 809px 630px, rgb(255, 255, 255) 557px 2647px, rgb(255, 255, 255) 3655px 2427px, rgb(255, 255, 255) 347px 1985px, rgb(255, 255, 255) 3546px 625px, rgb(255, 255, 255) 3059px 2746px, rgb(255, 255, 255) 1905px 2738px, rgb(255, 255, 255) 2327px 3810px, rgb(255, 255, 255) 1152px 2190px, rgb(255, 255, 255) 1129px 1871px, rgb(255, 255, 255) 3462px 1331px, rgb(255, 255, 255) 3433px 3183px, rgb(255, 255, 255) 3598px 1292px, rgb(255, 255, 255) 2798px 1346px, rgb(255, 255, 255) 1720px 2272px, rgb(255, 255, 255) 1841px 658px, rgb(255, 255, 255) 2033px 2005px, rgb(255, 255, 255) 1996px 654px, rgb(255, 255, 255) 3418px 389px, rgb(255, 255, 255) 2581px 967px, rgb(255, 255, 255) 723px 1563px, rgb(255, 255, 255) 3865px 1111px, rgb(255, 255, 255) 1347px 941px, rgb(255, 255, 255) 261px 275px, rgb(255, 255, 255) 3250px 3877px, rgb(255, 255, 255) 3328px 496px, rgb(255, 255, 255) 3724px 835px, rgb(255, 255, 255) 1766px 1879px, rgb(255, 255, 255) 1064px 86px, rgb(255, 255, 255) 3592px 322px, rgb(255, 255, 255) 1187px 3602px, rgb(255, 255, 255) 3497px 919px, rgb(255, 255, 255) 1272px 545px, rgb(255, 255, 255) 2147px 1034px, rgb(255, 255, 255) 3807px 1494px, rgb(255, 255, 255) 1637px 2603px, rgb(255, 255, 255) 3421px 853px, rgb(255, 255, 255) 3784px 1566px, rgb(255, 255, 255) 2666px 3636px, rgb(255, 255, 255) 1552px 3766px, rgb(255, 255, 255) 1943px 3076px, rgb(255, 255, 255) 3887px 2588px, rgb(255, 255, 255) 828px 2336px, rgb(255, 255, 255) 3901px 37px, rgb(255, 255, 255) 22px 1703px, rgb(255, 255, 255) 3779px 1925px, rgb(255, 255, 255) 3901px 232px, rgb(255, 255, 255) 1606px 3059px, rgb(255, 255, 255) 3610px 1626px, rgb(255, 255, 255) 3391px 337px, rgb(255, 255, 255) 1965px 140px, rgb(255, 255, 255) 3531px 1218px, rgb(255, 255, 255) 165px 1199px, rgb(255, 255, 255) 438px 1811px, rgb(255, 255, 255) 334px 1951px, rgb(255, 255, 255) 2510px 2703px, rgb(255, 255, 255) 2319px 2565px, rgb(255, 255, 255) 1615px 1092px, rgb(255, 255, 255) 3585px 2332px; }
.multiple-box-shadow-effect--medium[data-v-ba19e62f], .multiple-box-shadow-effect--medium[data-v-ba19e62f]::after { width: 2px; height: 2px; box-shadow: rgb(255, 255, 255) 3921px 140px, rgb(255, 255, 255) 866px 2441px, rgb(255, 255, 255) 3914px 2562px, rgb(255, 255, 255) 1297px 1670px, rgb(255, 255, 255) 3901px 117px, rgb(255, 255, 255) 3881px 787px, rgb(255, 255, 255) 3109px 3826px, rgb(255, 255, 255) 2323px 3628px, rgb(255, 255, 255) 1063px 142px, rgb(255, 255, 255) 1417px 838px, rgb(255, 255, 255) 3788px 2305px, rgb(255, 255, 255) 3375px 2398px, rgb(255, 255, 255) 3865px 1322px, rgb(255, 255, 255) 3694px 2017px, rgb(255, 255, 255) 3071px 482px, rgb(255, 255, 255) 727px 3030px, rgb(255, 255, 255) 2172px 3092px, rgb(255, 255, 255) 3431px 3615px, rgb(255, 255, 255) 1908px 93px, rgb(255, 255, 255) 2951px 1442px, rgb(255, 255, 255) 3942px 163px, rgb(255, 255, 255) 3678px 3807px, rgb(255, 255, 255) 1508px 3533px, rgb(255, 255, 255) 1852px 2948px, rgb(255, 255, 255) 3864px 3124px, rgb(255, 255, 255) 3747px 2276px, rgb(255, 255, 255) 2204px 2684px, rgb(255, 255, 255) 3128px 1682px, rgb(255, 255, 255) 3503px 843px, rgb(255, 255, 255) 3666px 3327px, rgb(255, 255, 255) 2150px 3929px, rgb(255, 255, 255) 388px 2152px, rgb(255, 255, 255) 2953px 1609px, rgb(255, 255, 255) 2324px 312px, rgb(255, 255, 255) 1779px 3712px, rgb(255, 255, 255) 1912px 496px, rgb(255, 255, 255) 1981px 2020px, rgb(255, 255, 255) 1560px 2528px, rgb(255, 255, 255) 2819px 3992px, rgb(255, 255, 255) 3489px 2140px, rgb(255, 255, 255) 3054px 608px, rgb(255, 255, 255) 1846px 958px, rgb(255, 255, 255) 2815px 1447px, rgb(255, 255, 255) 3868px 3953px, rgb(255, 255, 255) 3397px 2331px, rgb(255, 255, 255) 1811px 3472px, rgb(255, 255, 255) 2122px 3632px, rgb(255, 255, 255) 2036px 1467px, rgb(255, 255, 255) 571px 927px, rgb(255, 255, 255) 2711px 2673px, rgb(255, 255, 255) 2674px 2120px, rgb(255, 255, 255) 3899px 942px, rgb(255, 255, 255) 2144px 3402px, rgb(255, 255, 255) 3876px 861px, rgb(255, 255, 255) 2471px 1684px, rgb(255, 255, 255) 794px 777px, rgb(255, 255, 255) 3749px 2869px, rgb(255, 255, 255) 2556px 38px, rgb(255, 255, 255) 3568px 3735px, rgb(255, 255, 255) 3635px 815px, rgb(255, 255, 255) 1233px 2968px, rgb(255, 255, 255) 782px 181px, rgb(255, 255, 255) 2577px 330px, rgb(255, 255, 255) 3266px 2746px, rgb(255, 255, 255) 2635px 864px, rgb(255, 255, 255) 3287px 620px, rgb(255, 255, 255) 2281px 1558px, rgb(255, 255, 255) 2907px 613px, rgb(255, 255, 255) 1112px 1613px, rgb(255, 255, 255) 1722px 3570px, rgb(255, 255, 255) 3939px 372px, rgb(255, 255, 255) 3431px 2832px, rgb(255, 255, 255) 1340px 2182px, rgb(255, 255, 255) 3036px 2093px, rgb(255, 255, 255) 3379px 297px, rgb(255, 255, 255) 1453px 3933px, rgb(255, 255, 255) 1438px 2989px, rgb(255, 255, 255) 1572px 2732px, rgb(255, 255, 255) 1209px 3337px, rgb(255, 255, 255) 462px 3394px, rgb(255, 255, 255) 2259px 1933px, rgb(255, 255, 255) 353px 3050px, rgb(255, 255, 255) 3618px 1842px, rgb(255, 255, 255) 2572px 900px, rgb(255, 255, 255) 187px 2740px, rgb(255, 255, 255) 297px 2582px, rgb(255, 255, 255) 833px 3618px, rgb(255, 255, 255) 1612px 435px, rgb(255, 255, 255) 3098px 2648px, rgb(255, 255, 255) 64px 529px, rgb(255, 255, 255) 2742px 1986px, rgb(255, 255, 255) 1298px 974px, rgb(255, 255, 255) 809px 1405px, rgb(255, 255, 255) 265px 2064px, rgb(255, 255, 255) 3423px 1284px, rgb(255, 255, 255) 667px 1596px, rgb(255, 255, 255) 3020px 2548px, rgb(255, 255, 255) 3287px 389px, rgb(255, 255, 255) 471px 2361px, rgb(255, 255, 255) 3569px 3573px, rgb(255, 255, 255) 1084px 1924px, rgb(255, 255, 255) 1061px 2324px, rgb(255, 255, 255) 3806px 3614px, rgb(255, 255, 255) 3083px 54px, rgb(255, 255, 255) 1730px 1026px, rgb(255, 255, 255) 8px 3171px, rgb(255, 255, 255) 619px 3502px, rgb(255, 255, 255) 2119px 3341px, rgb(255, 255, 255) 3216px 1872px, rgb(255, 255, 255) 384px 71px, rgb(255, 255, 255) 590px 1418px, rgb(255, 255, 255) 3779px 102px, rgb(255, 255, 255) 857px 1475px, rgb(255, 255, 255) 1826px 1065px, rgb(255, 255, 255) 1427px 597px, rgb(255, 255, 255) 3430px 2189px, rgb(255, 255, 255) 2115px 2126px, rgb(255, 255, 255) 2854px 3876px, rgb(255, 255, 255) 3422px 3039px, rgb(255, 255, 255) 380px 3279px, rgb(255, 255, 255) 2511px 993px, rgb(255, 255, 255) 1752px 3705px, rgb(255, 255, 255) 2213px 2369px, rgb(255, 255, 255) 3508px 1026px, rgb(255, 255, 255) 2801px 3508px, rgb(255, 255, 255) 1386px 18px, rgb(255, 255, 255) 1135px 2301px, rgb(255, 255, 255) 884px 786px, rgb(255, 255, 255) 1274px 249px, rgb(255, 255, 255) 1505px 1068px, rgb(255, 255, 255) 169px 2695px, rgb(255, 255, 255) 2697px 3258px, rgb(255, 255, 255) 810px 1781px, rgb(255, 255, 255) 440px 3451px, rgb(255, 255, 255) 524px 1404px, rgb(255, 255, 255) 1224px 3374px, rgb(255, 255, 255) 2296px 2618px, rgb(255, 255, 255) 3518px 3138px, rgb(255, 255, 255) 3529px 59px, rgb(255, 255, 255) 55px 2662px, rgb(255, 255, 255) 2813px 2585px, rgb(255, 255, 255) 1135px 3915px, rgb(255, 255, 255) 1506px 1191px, rgb(255, 255, 255) 1831px 1481px, rgb(255, 255, 255) 3887px 2759px, rgb(255, 255, 255) 3481px 312px, rgb(255, 255, 255) 1882px 3524px, rgb(255, 255, 255) 3745px 911px, rgb(255, 255, 255) 3520px 4000px, rgb(255, 255, 255) 1146px 380px, rgb(255, 255, 255) 406px 3794px, rgb(255, 255, 255) 114px 3119px, rgb(255, 255, 255) 1063px 2118px, rgb(255, 255, 255) 1014px 3280px, rgb(255, 255, 255) 325px 3233px, rgb(255, 255, 255) 940px 3212px, rgb(255, 255, 255) 1393px 1234px, rgb(255, 255, 255) 941px 2167px, rgb(255, 255, 255) 1414px 3905px, rgb(255, 255, 255) 2217px 1611px, rgb(255, 255, 255) 950px 3051px, rgb(255, 255, 255) 221px 1397px, rgb(255, 255, 255) 3634px 1800px, rgb(255, 255, 255) 807px 3645px, rgb(255, 255, 255) 687px 1663px, rgb(255, 255, 255) 574px 644px, rgb(255, 255, 255) 2907px 3066px, rgb(255, 255, 255) 768px 2418px, rgb(255, 255, 255) 3039px 3502px, rgb(255, 255, 255) 3110px 2706px, rgb(255, 255, 255) 1271px 1495px, rgb(255, 255, 255) 3718px 137px, rgb(255, 255, 255) 511px 1085px, rgb(255, 255, 255) 3990px 2469px, rgb(255, 255, 255) 1019px 3987px, rgb(255, 255, 255) 1221px 1462px, rgb(255, 255, 255) 3503px 3758px, rgb(255, 255, 255) 1504px 165px, rgb(255, 255, 255) 2780px 435px, rgb(255, 255, 255) 1400px 2168px, rgb(255, 255, 255) 374px 3557px, rgb(255, 255, 255) 1450px 2155px, rgb(255, 255, 255) 1129px 1555px, rgb(255, 255, 255) 1898px 1468px, rgb(255, 255, 255) 3217px 3603px, rgb(255, 255, 255) 2850px 3527px, rgb(255, 255, 255) 2474px 216px, rgb(255, 255, 255) 1953px 3406px, rgb(255, 255, 255) 3788px 2990px, rgb(255, 255, 255) 1589px 421px, rgb(255, 255, 255) 980px 2217px, rgb(255, 255, 255) 2008px 1148px, rgb(255, 255, 255) 3580px 2817px, rgb(255, 255, 255) 3333px 3435px, rgb(255, 255, 255) 3709px 770px, rgb(255, 255, 255) 1872px 1567px, rgb(255, 255, 255) 3523px 1256px, rgb(255, 255, 255) 2580px 3500px, rgb(255, 255, 255) 2500px 3998px, rgb(255, 255, 255) 491px 626px; }
.multiple-box-shadow-effect--big[data-v-ba19e62f], .multiple-box-shadow-effect--big[data-v-ba19e62f]::after { width: 3px; height: 3px; box-shadow: rgb(255, 255, 255) 3580px 1660px, rgb(255, 255, 255) 3916px 2019px, rgb(255, 255, 255) 2255px 3487px, rgb(255, 255, 255) 1980px 574px, rgb(255, 255, 255) 2814px 160px, rgb(255, 255, 255) 1776px 2211px, rgb(255, 255, 255) 1095px 3474px, rgb(255, 255, 255) 1524px 1587px, rgb(255, 255, 255) 2637px 788px, rgb(255, 255, 255) 1323px 3917px, rgb(255, 255, 255) 3966px 3748px, rgb(255, 255, 255) 187px 1561px, rgb(255, 255, 255) 2202px 1014px, rgb(255, 255, 255) 3345px 3309px, rgb(255, 255, 255) 2376px 3176px, rgb(255, 255, 255) 1657px 715px, rgb(255, 255, 255) 1513px 2155px, rgb(255, 255, 255) 2612px 3385px, rgb(255, 255, 255) 3553px 3594px, rgb(255, 255, 255) 1290px 3334px, rgb(255, 255, 255) 976px 3269px, rgb(255, 255, 255) 900px 2264px, rgb(255, 255, 255) 2133px 3537px, rgb(255, 255, 255) 3961px 1519px, rgb(255, 255, 255) 666px 350px, rgb(255, 255, 255) 765px 2419px, rgb(255, 255, 255) 3547px 2446px, rgb(255, 255, 255) 1178px 2605px, rgb(255, 255, 255) 484px 3282px, rgb(255, 255, 255) 1582px 3980px, rgb(255, 255, 255) 952px 3976px, rgb(255, 255, 255) 1645px 1761px, rgb(255, 255, 255) 3817px 2405px, rgb(255, 255, 255) 3031px 3595px, rgb(255, 255, 255) 3926px 1751px, rgb(255, 255, 255) 1729px 3006px, rgb(255, 255, 255) 2017px 1774px, rgb(255, 255, 255) 3580px 2435px, rgb(255, 255, 255) 2162px 870px, rgb(255, 255, 255) 1381px 3108px, rgb(255, 255, 255) 3072px 162px, rgb(255, 255, 255) 1537px 2301px, rgb(255, 255, 255) 3056px 257px, rgb(255, 255, 255) 375px 3754px, rgb(255, 255, 255) 3699px 3486px, rgb(255, 255, 255) 2404px 3583px, rgb(255, 255, 255) 1731px 3067px, rgb(255, 255, 255) 1028px 1277px, rgb(255, 255, 255) 3330px 205px, rgb(255, 255, 255) 3451px 3963px, rgb(255, 255, 255) 138px 739px, rgb(255, 255, 255) 1215px 1631px, rgb(255, 255, 255) 1161px 223px, rgb(255, 255, 255) 62px 2558px, rgb(255, 255, 255) 1761px 2473px, rgb(255, 255, 255) 2723px 3995px, rgb(255, 255, 255) 1335px 1940px, rgb(255, 255, 255) 3721px 980px, rgb(255, 255, 255) 3042px 1859px, rgb(255, 255, 255) 1562px 2896px, rgb(255, 255, 255) 3532px 1834px, rgb(255, 255, 255) 3828px 1703px, rgb(255, 255, 255) 736px 1731px, rgb(255, 255, 255) 1223px 464px, rgb(255, 255, 255) 3324px 577px, rgb(255, 255, 255) 3794px 2728px, rgb(255, 255, 255) 40px 1063px, rgb(255, 255, 255) 3295px 1371px, rgb(255, 255, 255) 2096px 379px, rgb(255, 255, 255) 3523px 3570px, rgb(255, 255, 255) 2492px 3518px, rgb(255, 255, 255) 1820px 1878px, rgb(255, 255, 255) 644px 1130px, rgb(255, 255, 255) 2275px 45px, rgb(255, 255, 255) 487px 187px, rgb(255, 255, 255) 3603px 1545px, rgb(255, 255, 255) 423px 3916px, rgb(255, 255, 255) 2911px 2126px, rgb(255, 255, 255) 900px 3981px, rgb(255, 255, 255) 3038px 3902px, rgb(255, 255, 255) 1182px 446px, rgb(255, 255, 255) 628px 319px, rgb(255, 255, 255) 2044px 2102px, rgb(255, 255, 255) 3466px 445px, rgb(255, 255, 255) 1530px 448px, rgb(255, 255, 255) 1532px 739px, rgb(255, 255, 255) 1332px 2545px, rgb(255, 255, 255) 1170px 2009px, rgb(255, 255, 255) 2118px 2381px, rgb(255, 255, 255) 381px 897px, rgb(255, 255, 255) 1078px 3100px, rgb(255, 255, 255) 2580px 1366px, rgb(255, 255, 255) 3784px 986px, rgb(255, 255, 255) 179px 678px, rgb(255, 255, 255) 972px 2177px, rgb(255, 255, 255) 85px 3989px, rgb(255, 255, 255) 1259px 2680px, rgb(255, 255, 255) 1773px 226px, rgb(255, 255, 255) 1634px 1838px, rgb(255, 255, 255) 2388px 351px; }
.worldcup-countdown__stars--small[data-v-ba19e62f] { animation: 50s linear 0s infinite normal none running anim-star-ba19e62f; }
.worldcup-countdown__stars--medium[data-v-ba19e62f] { animation: 100s linear 0s infinite normal none running anim-star-ba19e62f; }
.worldcup-countdown__stars--big[data-v-ba19e62f] { animation: 150s linear 0s infinite normal none running anim-star-ba19e62f; }
.worldcup-countdown--parallax[data-v-ba19e62f] { --countdown-bg-color: transparent; }
@keyframes anim-star-ba19e62f { 
  0% { transform: translateY(0px); }
  100% { transform: translateY(-4000px); }
}
.worldcup-countdown__meta[data-v-ba19e62f] { flex-direction: row; align-items: center; gap: 8px; min-width: 0px; display: flex; }
.worldcup-countdown__title[data-v-ba19e62f] { text-transform: uppercase; margin: 0px; font-size: 24px; font-weight: 700; line-height: 24px; }
.worldcup-countdown__date[data-v-ba19e62f], .worldcup-countdown__label[data-v-ba19e62f] { color: var(--countdown-meta-color); margin: 0px; font-size: 16px; font-weight: 400; line-height: 24px; }
.worldcup-countdown__label[data-v-ba19e62f] { margin-top: 4px; }
.worldcup-countdown__timer[data-v-ba19e62f] { flex-shrink: 0; align-items: flex-start; gap: 24px; display: flex; }
.worldcup-countdown__unit[data-v-ba19e62f] { flex-direction: column; align-items: center; width: 50px; display: flex; }
.worldcup-countdown__value[data-v-ba19e62f] { color: var(--countdown-value-color); transform-origin: 50% center; margin: 0px; font-size: 36px; font-weight: 700; line-height: 36px; }
.worldcup-countdown__icon[data-v-ba19e62f] { width: 60px; height: 60px; }
.worldcup-countdown__cta[data-v-ba19e62f] { border: 1px solid var(--countdown-cta-border); background: var(--countdown-cta-bg); color: var(--countdown-cta-color); text-align: center; white-space: nowrap; cursor: pointer; box-shadow: 0 0 10.1px var(--countdown-cta-glow); border-radius: 24px; flex-shrink: 0; justify-content: center; align-items: center; padding: 12px 24px; font-size: 14px; font-weight: 700; line-height: 1.5; text-decoration: none; transition: transform 0.18s, box-shadow 0.18s, filter 0.18s; display: inline-flex; }
.worldcup-countdown__cta[data-v-ba19e62f]:hover { filter: brightness(1.06); box-shadow: 0 0 16px var(--countdown-cta-glow); }
.worldcup-countdown__cta[data-v-ba19e62f]:active { transform: scale(0.97); }
.worldcup-countdown__date[data-v-ba19e62f] { margin-top: 4px; }
@media (max-width: 900px) {
  .worldcup-countdown__icon[data-v-ba19e62f] { width: 39px; height: 39px; }
  .worldcup-countdown__title[data-v-ba19e62f] { font-size: 14px; font-weight: 900; line-height: 14px; }
  .worldcup-countdown__value[data-v-ba19e62f] { font-size: 16px; line-height: 16px; }
  .worldcup-countdown__unit[data-v-ba19e62f] { width: 27px; }
  .worldcup-countdown__timer[data-v-ba19e62f] { gap: 8px; }
  .worldcup-countdown__date[data-v-ba19e62f], .worldcup-countdown__label[data-v-ba19e62f] { font-size: 12px; line-height: 12px; }
  .worldcup-countdown__date[data-v-ba19e62f] { margin-top: 7px; }
  .worldcup-countdown[data-v-ba19e62f] { padding: 8px 4px; }
  .worldcup-countdown__meta[data-v-ba19e62f] { gap: 4px; }
  .worldcup-countdown__cta[data-v-ba19e62f] { padding: 8px 12px; font-size: 12px; line-height: 1.5; }
}
.countdown-banner-enter-active { max-height: 200px; transition: 0.2s ease-out; overflow: hidden; }
.countdown-banner-leave-active { max-height: 200px; transition: 0.2s ease-in; overflow: hidden; }
.countdown-banner-enter-from, .countdown-banner-leave-to { opacity: 0; max-height: 0px; transform: translateY(-100%); }
.fav-toast[data-v-2e230735] { z-index: 1055; background: rgb(255, 255, 255); border: 1px solid rgb(85, 94, 118); border-radius: 4px; justify-content: center; align-items: center; gap: 12px; max-width: calc(-32px + 100vw); padding: 8px 16px; display: flex; position: fixed; top: 88px; left: 50%; transform: translate(-50%); box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 6px; }
.fav-toast__icon[data-v-2e230735] { flex-shrink: 0; font-size: 24px; }
.fav-toast__icon.icon-check-circle-fill[data-v-2e230735]::before { color: rgb(0, 194, 36); }
.fav-toast__icon.icon-cancel[data-v-2e230735]::before { color: rgb(211, 0, 0); }
.fav-toast__message[data-v-2e230735] { color: rgb(0, 0, 0); text-align: left; white-space: nowrap; font-size: 16px; line-height: 24px; }
.fav-toast__close[data-v-2e230735] { cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; flex-shrink: 0; justify-content: center; align-items: center; padding: 0px; display: flex; }
.fav-toast__close .icon-close[data-v-2e230735] { font-size: 24px; }
.fav-toast__close .icon-close[data-v-2e230735]::before { color: rgb(0, 0, 0); }
.fav-toast.mobile[data-v-2e230735] { top: calc(2.13333vw + var(--height-header-top-mb-reality)); border-radius: 1.06667vw; gap: 3.2vw; width: 96.8vw; max-width: 96.8vw; padding: 2.13333vw 4.26667vw; box-shadow: rgba(0, 0, 0, 0.4) 0px 0.533333vw 1.6vw; }
.fav-toast.mobile .fav-toast__icon[data-v-2e230735] { font-size: 6.4vw; }
.fav-toast.mobile .fav-toast__message[data-v-2e230735] { white-space: normal; flex: 1 1 0%; font-size: 4.26667vw; line-height: 6.4vw; }
.fav-toast.mobile .fav-toast__close .icon-close[data-v-2e230735] { font-size: 6.4vw; }
.fav-toast-enter-active[data-v-2e230735], .fav-toast-leave-active[data-v-2e230735] { transition: opacity 0.2s, transform 0.2s; }
.fav-toast-enter-from[data-v-2e230735], .fav-toast-leave-to[data-v-2e230735] { opacity: 0; transform: translate(-50%, -8px); }
.recently-played-container[data-v-39cdf117] { z-index: 1001; width: 254px; position: fixed; bottom: 0px; left: 50%; transform: translate(-50%); flex-direction: column !important; justify-content: center !important; align-items: center !important; display: flex !important; }
.recently-played-container[data-v-39cdf117]:has(.is-open) { z-index: 1002; width: fit-content; }
.recently-played-container__overlay[data-v-39cdf117] { z-index: 1001; background-color: rgba(0, 0, 0, 0.698); width: 100vw; height: 100vh; position: fixed; top: 0px; left: 0px; }
.recently-played-container__header[data-v-39cdf117] { cursor: pointer; background: linear-gradient(rgb(0, 105, 203), rgb(30, 51, 104)); border-radius: 16px 16px 0px 0px; justify-content: center; align-items: center; gap: 8px; width: 254px; height: 48px; padding: 12px 20px; display: flex; position: relative; }
.recently-played-container__header .title[data-v-39cdf117] { color: rgb(255, 255, 255); white-space: nowrap; font-family: "Inter"; font-size: 16px; font-weight: 600; line-height: 24px; }
.recently-played-container__header .icon[data-v-39cdf117] { justify-content: center; align-items: center; width: 24px; height: 24px; display: flex; }
.recently-played-container__header .icon[data-v-39cdf117]::before { color: rgb(247, 248, 250); font-size: 24px; }
.recently-played-container__header[data-v-39cdf117]:hover::before { content: ""; background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)); border-radius: 16px 16px 0px 0px; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }
.recently-played-container__list[data-v-39cdf117] { background: rgb(1, 15, 50); border-radius: 16px 16px 0px 0px; width: 850px; height: 0px; transition: height 0.3s; overflow: hidden; }
.recently-played-container__list.is-open[data-v-39cdf117] { outline-offset: -1px; outline: rgb(42, 56, 99) solid 1px; height: 256px; }
.recently-played-container__swiper[data-v-39cdf117] { height: 236px; margin: 16px; }
.recently-played-container__swiper[data-v-39cdf117] .swiper-pagination .swiper-pagination-bullet { opacity: 0.5; background: rgb(217, 217, 217); }
.recently-played-container__swiper[data-v-39cdf117] .swiper-pagination .swiper-pagination-bullet-active { opacity: 1; background: rgb(217, 217, 217); }
.recently-played-container__swiper[data-v-39cdf117] .game-item { aspect-ratio: 262 / 208; height: 208px; }
.recently-played-container__swiper[data-v-39cdf117] .game-item .game-item__thumb-wrapper { aspect-ratio: 262 / 208; height: auto; }
.recently-played-container .custom-swiper-button[data-v-39cdf117] { z-index: 10; background: rgb(30, 51, 104); border-radius: 4px; justify-content: center; align-items: center; width: 32px; height: 32px; display: flex; position: absolute; top: 160px; }
.recently-played-container .custom-swiper-button.swiper-button-disabled .icon[data-v-39cdf117]::before { color: rgba(255, 255, 255, 0.2); }
.recently-played-container .custom-swiper-button[data-v-39cdf117]:hover:not(.swiper-button-disabled) { cursor: pointer; }
.recently-played-container .custom-swiper-button:hover:not(.swiper-button-disabled) .icon[data-v-39cdf117]::before { color: rgb(66, 171, 249); }
.recently-played-container .custom-swiper-button .icon[data-v-39cdf117]::before { color: rgb(173, 183, 204); font-size: 32px; }
.recently-played-container .custom-swiper-button.prev[data-v-39cdf117] { left: -40px; }
.recently-played-container .custom-swiper-button.next[data-v-39cdf117] { right: -40px; }
.mobile .recently-played-container[data-v-39cdf117] { bottom: calc(17.6vw + var(--safe-area-inset-bottom)); z-index: 98; width: 100%; position: sticky; left: 0px; transform: none; flex-direction: column !important; justify-content: center !important; align-items: center !important; display: flex !important; }
.mobile .recently-played-container__overlay[data-v-39cdf117] { z-index: 98; width: 100vw; height: 100vh; position: fixed; top: 0px; left: 0px; }
.mobile .recently-played-container[data-v-39cdf117]:has(.is-open) { z-index: 99; }
.mobile .recently-played-container:has(.is-open) .recently-played-container__header[data-v-39cdf117] { height: 8.53333vw; }
.mobile .recently-played-container__header[data-v-39cdf117] { border-radius: 4.26667vw 4.26667vw 0px 0px; align-items: start; gap: 2.13333vw; width: 100%; height: 11.7333vw; padding: 2.13333vw; transition: 0.3s; }
.mobile .recently-played-container__header .title[data-v-39cdf117] { font-family: "Inter"; font-size: 3.2vw; font-weight: 600; line-height: 4.26667vw; }
.mobile .recently-played-container__header .icon[data-v-39cdf117] { width: 4.26667vw; height: 4.26667vw; }
.mobile .recently-played-container__header .icon[data-v-39cdf117]::before { font-size: 4.26667vw; }
.mobile .recently-played-container__header[data-v-39cdf117]:hover::before { display: none; }
.mobile .recently-played-container__list[data-v-39cdf117] { border-radius: 0px; width: 100%; height: 0px; }
.mobile .recently-played-container__list.is-open[data-v-39cdf117] { outline: none; height: 36.4773vw; }
.mobile .recently-played-container__swiper[data-v-39cdf117] { height: 33.3333vw; margin: 3.2vw 1.06667vw 0px; }
.mobile .recently-played-container__swiper[data-v-39cdf117] .swiper-pagination { bottom: 4vw; }
.mobile .recently-played-container__swiper[data-v-39cdf117] .swiper-pagination .swiper-pagination-bullet { opacity: 0.5; background: rgb(255, 255, 255); border-radius: 266.4vw; width: 4.26667vw; height: 1.06667vw; }
.mobile .recently-played-container__swiper[data-v-39cdf117] .swiper-pagination .swiper-pagination-bullet-active { opacity: 1; }
.mobile .recently-played-container__swiper[data-v-39cdf117] .game-item { aspect-ratio: 117 / 92.79; height: 24.744vw; }
.mobile .recently-played-container__swiper[data-v-39cdf117] .game-item .game-item__thumb-wrapper { aspect-ratio: 117 / 92.79; height: auto; }
.mobile .recently-played-container .custom-swiper-button[data-v-39cdf117] { display: none !important; }
.embla[data-v-138696bc] { overflow: hidden; }
.embla__container[data-v-138696bc] { display: flex; }
.embla__slide[data-v-138696bc] { flex: 0 0 100%; min-width: 0px; }
@media (max-width: 1024px) {
  .modal.dynamic__modal .icon-close-btn { width: 8.53333vw !important; height: 8.53333vw !important; }
  .modal.dynamic__modal .modal-dialog { width: auto !important; }
}
.login-register[data-v-08be5321] { min-height: 455px; }
.login-register .tabs[data-v-08be5321] { align-items: center; display: flex; position: relative; }
.login-register .tabs[data-v-08be5321]::before { content: ""; z-index: 0; background-color: rgb(0, 11, 39); border-radius: 12px 12px 0px 0px; width: 280px; height: 100%; position: absolute; bottom: 0px; left: 0px; }
.login-register .tabs .item[data-v-08be5321] { z-index: 1; color: rgb(173, 183, 204); cursor: pointer; text-transform: uppercase; background-color: rgb(1, 15, 50); border-radius: 12px 12px 0px 0px; justify-content: center; align-items: center; width: 140px; height: 52px; font-family: "Inter"; font-size: 14px; font-weight: 700; line-height: 20px; transition: 0.3s; display: flex; position: relative; }
.login-register .tabs .item.active[data-v-08be5321] { color: rgb(66, 171, 249); background: rgb(18, 31, 62); }
.login-register .tabs .item[data-v-08be5321]:hover:not(:-webkit-any(.active, .mobile)) { background-color: rgb(4, 23, 70); }
.login-register .tabs .item[data-v-08be5321]:hover:not(:is(.active, .mobile)) { background-color: rgb(4, 23, 70); }
.login-register .content-box[data-v-08be5321] { background-color: rgb(18, 31, 62); border-radius: 0px 0px 12px 12px; height: calc(100% - 52px); min-height: 404px; padding: 32px 16px; }
.login-register .mb-16[data-v-08be5321] { margin-bottom: 16px; }
.login-register .mb-24[data-v-08be5321] { margin-bottom: 24px; }
.login-register .text-right[data-v-08be5321] { text-align: right; }
.login-register .form-login .forgot-password[data-v-08be5321] { color: rgb(173, 183, 204); cursor: pointer; font-family: "Inter"; font-size: 14px; font-weight: 600; line-height: 20px; transition: 0.3s; display: inline-block; position: relative; }
.login-register .form-login .forgot-password[data-v-08be5321]::before { content: ""; opacity: 0; background-color: rgb(19, 150, 248); width: 100%; height: 1px; transition: 0.3s; position: absolute; bottom: 0px; left: 0px; }
@media screen and (min-width: 1024px) {
  .login-register .form-login .forgot-password[data-v-08be5321]:hover { color: rgb(19, 150, 248); }
  .login-register .form-login .forgot-password[data-v-08be5321]:hover::before { opacity: 1; }
}
.login-register .form-login .box-description[data-v-08be5321] { color: rgb(173, 183, 204); justify-content: center; align-items: center; gap: 10px; font-family: "Inter"; font-size: 14px; font-weight: 600; line-height: 20px; display: flex; }
.login-register .form-login .box-description .register-now[data-v-08be5321] { color: rgb(19, 150, 248); cursor: pointer; position: relative; }
.login-register .form-login .box-description .register-now[data-v-08be5321]::before { content: ""; opacity: 0; background-color: rgb(19, 150, 248); width: 100%; height: 1px; transition: 0.3s; position: absolute; bottom: 0px; left: 0px; }
@media screen and (min-width: 1024px) {
  .login-register .form-login .box-description .register-now[data-v-08be5321]:hover::before { opacity: 1; }
}
.login-register .form-register__captcha[data-v-08be5321] { width: 100%; }
.login-register .form-register .box-login-now[data-v-08be5321] { color: rgb(173, 183, 204); justify-content: center; align-items: center; gap: 10px; font-family: "Inter"; font-size: 14px; font-weight: 600; line-height: 20px; display: flex; }
.login-register .form-register .box-login-now .login-now[data-v-08be5321] { color: rgb(19, 150, 248); cursor: pointer; position: relative; }
.login-register .form-register .box-login-now .login-now[data-v-08be5321]::before { content: ""; opacity: 0; background-color: rgb(19, 150, 248); width: 100%; height: 1px; transition: 0.3s; position: absolute; bottom: 0px; left: 0px; }
@media screen and (min-width: 1024px) {
  .login-register .form-register .box-login-now .login-now[data-v-08be5321]:hover::before { opacity: 1; }
}
.login-register.mobile[data-v-08be5321] { width: 100%; height: 160.533vw; min-height: 160.533vw; }
@media screen and (min-width: 576px) {
  .login-register.mobile[data-v-08be5321] { height: 110.667vw; min-height: 110.667vw; }
}
.login-register.mobile .tabs[data-v-08be5321]::before { border-radius: 3.2vw 3.2vw 0px 0px; width: 74.6667vw; }
.login-register.mobile .tabs .item[data-v-08be5321] { border-radius: 3.2vw 3.2vw 0px 0px; width: 37.3333vw; height: 13.8667vw; font-family: "Inter"; font-size: 3.73333vw; font-weight: 700; line-height: 5.33333vw; }
.login-register.mobile .content-box[data-v-08be5321] { background-color: rgb(18, 31, 62); border-radius: 0px; min-height: auto; max-height: calc(100% - 13.8667vw); padding: 6.4vw 4.26667vw; overflow-y: auto; }
.login-register.mobile .content-box[data-v-08be5321]::-webkit-scrollbar { width: 0px; height: 0px; }
.login-register.mobile .mb-16[data-v-08be5321] { margin-bottom: 4.26667vw; }
.login-register.mobile .mb-24[data-v-08be5321] { margin-bottom: 6.4vw; }
.login-register.mobile .box-button[data-v-08be5321] { width: 100%; margin-bottom: 6.4vw; display: inline-block; }
.login-register.mobile .form-login .forgot-password[data-v-08be5321] { font-family: "Inter"; font-size: 3.73333vw; font-weight: 600; line-height: 5.33333vw; }
.login-register.mobile .form-login .box-description[data-v-08be5321] { justify-content: center; align-items: center; display: flex; }
.login-register.mobile .form-login .box-description[data-v-08be5321], .login-register.mobile .form-register .box-login-now[data-v-08be5321] { gap: 2.66667vw; font-family: "Inter"; font-size: 3.73333vw; font-weight: 600; line-height: 5.33333vw; }
@media screen and (max-width: 1024px) {
  #modalLoginRegisterId[data-v-08be5321] .modal-dialog { align-items: flex-end; display: flex; }
}
.login-register[data-v-4f8870f0] { min-height: 455px; }
.login-register .tabs[data-v-4f8870f0] { align-items: center; display: flex; position: relative; }
.login-register .tabs[data-v-4f8870f0]::before { content: ""; z-index: 0; background-color: rgb(0, 11, 39); border-radius: 12px 12px 0px 0px; width: 280px; height: 100%; position: absolute; bottom: 0px; left: 0px; }
.login-register .tabs .item[data-v-4f8870f0] { z-index: 1; color: rgb(173, 183, 204); cursor: pointer; text-transform: uppercase; background-color: rgb(1, 15, 50); border-radius: 12px 12px 0px 0px; justify-content: center; align-items: center; width: 140px; height: 52px; font-family: "Inter"; font-size: 14px; font-weight: 700; line-height: 20px; transition: 0.3s; display: flex; position: relative; }
.login-register .tabs .item.active[data-v-4f8870f0] { color: rgb(66, 171, 249); background: rgb(18, 31, 62); }
.login-register .tabs .item[data-v-4f8870f0]:hover:not(:-webkit-any(.active, .mobile)) { background-color: rgb(4, 23, 70); }
.login-register .tabs .item[data-v-4f8870f0]:hover:not(:is(.active, .mobile)) { background-color: rgb(4, 23, 70); }
.login-register .content-box[data-v-4f8870f0] { background-color: rgb(18, 31, 62); border-radius: 0px 0px 12px 12px; height: calc(100% - 52px); min-height: 404px; padding: 32px 16px; }
.login-register .mb-16[data-v-4f8870f0] { margin-bottom: 16px; }
.login-register .mb-24[data-v-4f8870f0] { margin-bottom: 24px; }
.login-register .text-right[data-v-4f8870f0] { text-align: right; }
.login-register .form-login .forgot-password[data-v-4f8870f0] { color: rgb(173, 183, 204); cursor: pointer; font-family: "Inter"; font-size: 14px; font-weight: 600; line-height: 20px; transition: 0.3s; display: inline-block; position: relative; }
.login-register .form-login .forgot-password[data-v-4f8870f0]::before { content: ""; opacity: 0; background-color: rgb(19, 150, 248); width: 100%; height: 1px; transition: 0.3s; position: absolute; bottom: 0px; left: 0px; }
@media screen and (min-width: 1024px) {
  .login-register .form-login .forgot-password[data-v-4f8870f0]:hover { color: rgb(19, 150, 248); }
  .login-register .form-login .forgot-password[data-v-4f8870f0]:hover::before { opacity: 1; }
}
.login-register .form-login .box-description[data-v-4f8870f0] { color: rgb(173, 183, 204); justify-content: center; align-items: center; gap: 10px; font-family: "Inter"; font-size: 14px; font-weight: 600; line-height: 20px; display: flex; }
.login-register .form-login .box-description .register-now[data-v-4f8870f0] { color: rgb(19, 150, 248); cursor: pointer; position: relative; }
.login-register .form-login .box-description .register-now[data-v-4f8870f0]::before { content: ""; opacity: 0; background-color: rgb(19, 150, 248); width: 100%; height: 1px; transition: 0.3s; position: absolute; bottom: 0px; left: 0px; }
@media screen and (min-width: 1024px) {
  .login-register .form-login .box-description .register-now[data-v-4f8870f0]:hover::before { opacity: 1; }
}
.login-register .form-register__captcha[data-v-4f8870f0] { width: 100%; }
.login-register .form-register .box-login-now[data-v-4f8870f0] { color: rgb(173, 183, 204); justify-content: center; align-items: center; gap: 10px; font-family: "Inter"; font-size: 14px; font-weight: 600; line-height: 20px; display: flex; }
.login-register .form-register .box-login-now .login-now[data-v-4f8870f0] { color: rgb(19, 150, 248); cursor: pointer; position: relative; }
.login-register .form-register .box-login-now .login-now[data-v-4f8870f0]::before { content: ""; opacity: 0; background-color: rgb(19, 150, 248); width: 100%; height: 1px; transition: 0.3s; position: absolute; bottom: 0px; left: 0px; }
@media screen and (min-width: 1024px) {
  .login-register .form-register .box-login-now .login-now[data-v-4f8870f0]:hover::before { opacity: 1; }
}
.login-register.mobile[data-v-4f8870f0] { width: 100%; height: 160.533vw; min-height: 160.533vw; }
@media screen and (min-width: 576px) {
  .login-register.mobile[data-v-4f8870f0] { height: 110.667vw; min-height: 110.667vw; }
}
.login-register.mobile .tabs[data-v-4f8870f0]::before { border-radius: 3.2vw 3.2vw 0px 0px; width: 74.6667vw; }
.login-register.mobile .tabs .item[data-v-4f8870f0] { border-radius: 3.2vw 3.2vw 0px 0px; width: 37.3333vw; height: 13.8667vw; font-family: "Inter"; font-size: 3.73333vw; font-weight: 700; line-height: 5.33333vw; }
.login-register.mobile .content-box[data-v-4f8870f0] { background-color: rgb(18, 31, 62); border-radius: 0px; min-height: auto; max-height: calc(100% - 13.8667vw); padding: 6.4vw 4.26667vw; overflow-y: auto; }
.login-register.mobile .content-box[data-v-4f8870f0]::-webkit-scrollbar { width: 0px; height: 0px; }
.login-register.mobile .mb-16[data-v-4f8870f0] { margin-bottom: 4.26667vw; }
.login-register.mobile .mb-24[data-v-4f8870f0] { margin-bottom: 6.4vw; }
.login-register.mobile .box-button[data-v-4f8870f0] { width: 100%; margin-bottom: 6.4vw; display: inline-block; }
.login-register.mobile .form-login .forgot-password[data-v-4f8870f0] { font-family: "Inter"; font-size: 3.73333vw; font-weight: 600; line-height: 5.33333vw; }
.login-register.mobile .form-login .box-description[data-v-4f8870f0] { justify-content: center; align-items: center; display: flex; }
.login-register.mobile .form-login .box-description[data-v-4f8870f0], .login-register.mobile .form-register .box-login-now[data-v-4f8870f0] { gap: 2.66667vw; font-family: "Inter"; font-size: 3.73333vw; font-weight: 600; line-height: 5.33333vw; }
@media screen and (max-width: 1024px) {
  #modalLoginRegisterId[data-v-4f8870f0] .modal-dialog { align-items: flex-end; display: flex; }
}
.login-register[data-v-7e2215d8] { min-height: 455px; }
.login-register .tabs[data-v-7e2215d8] { align-items: center; display: flex; position: relative; }
.login-register .tabs[data-v-7e2215d8]::before { content: ""; z-index: 0; background-color: rgb(0, 11, 39); border-radius: 12px 12px 0px 0px; width: 280px; height: 100%; position: absolute; bottom: 0px; left: 0px; }
.login-register .tabs .item[data-v-7e2215d8] { z-index: 1; color: rgb(173, 183, 204); cursor: pointer; text-transform: uppercase; background-color: rgb(1, 15, 50); border-radius: 12px 12px 0px 0px; justify-content: center; align-items: center; width: 140px; height: 52px; font-family: "Inter"; font-size: 14px; font-weight: 700; line-height: 20px; transition: 0.3s; display: flex; position: relative; }
.login-register .tabs .item.active[data-v-7e2215d8] { color: rgb(66, 171, 249); background: rgb(18, 31, 62); }
.login-register .tabs .item[data-v-7e2215d8]:hover:not(:-webkit-any(.active, .mobile)) { background-color: rgb(4, 23, 70); }
.login-register .tabs .item[data-v-7e2215d8]:hover:not(:is(.active, .mobile)) { background-color: rgb(4, 23, 70); }
.login-register .content-box[data-v-7e2215d8] { background-color: rgb(18, 31, 62); border-radius: 0px 0px 12px 12px; height: calc(100% - 52px); min-height: 404px; padding: 32px 16px; }
.login-register .mb-16[data-v-7e2215d8] { margin-bottom: 16px; }
.login-register .mb-24[data-v-7e2215d8] { margin-bottom: 24px; }
.login-register .text-right[data-v-7e2215d8] { text-align: right; }
.login-register .form-login .forgot-password[data-v-7e2215d8] { color: rgb(173, 183, 204); cursor: pointer; font-family: "Inter"; font-size: 14px; font-weight: 600; line-height: 20px; transition: 0.3s; display: inline-block; position: relative; }
.login-register .form-login .forgot-password[data-v-7e2215d8]::before { content: ""; opacity: 0; background-color: rgb(19, 150, 248); width: 100%; height: 1px; transition: 0.3s; position: absolute; bottom: 0px; left: 0px; }
@media screen and (min-width: 1024px) {
  .login-register .form-login .forgot-password[data-v-7e2215d8]:hover { color: rgb(19, 150, 248); }
  .login-register .form-login .forgot-password[data-v-7e2215d8]:hover::before { opacity: 1; }
}
.login-register .form-login .box-description[data-v-7e2215d8] { color: rgb(173, 183, 204); justify-content: center; align-items: center; gap: 10px; font-family: "Inter"; font-size: 14px; font-weight: 600; line-height: 20px; display: flex; }
.login-register .form-login .box-description .register-now[data-v-7e2215d8] { color: rgb(19, 150, 248); cursor: pointer; position: relative; }
.login-register .form-login .box-description .register-now[data-v-7e2215d8]::before { content: ""; opacity: 0; background-color: rgb(19, 150, 248); width: 100%; height: 1px; transition: 0.3s; position: absolute; bottom: 0px; left: 0px; }
@media screen and (min-width: 1024px) {
  .login-register .form-login .box-description .register-now[data-v-7e2215d8]:hover::before { opacity: 1; }
}
.login-register .form-register__captcha[data-v-7e2215d8] { width: 100%; }
.login-register .form-register .box-login-now[data-v-7e2215d8] { color: rgb(173, 183, 204); justify-content: center; align-items: center; gap: 10px; font-family: "Inter"; font-size: 14px; font-weight: 600; line-height: 20px; display: flex; }
.login-register .form-register .box-login-now .login-now[data-v-7e2215d8] { color: rgb(19, 150, 248); cursor: pointer; position: relative; }
.login-register .form-register .box-login-now .login-now[data-v-7e2215d8]::before { content: ""; opacity: 0; background-color: rgb(19, 150, 248); width: 100%; height: 1px; transition: 0.3s; position: absolute; bottom: 0px; left: 0px; }
@media screen and (min-width: 1024px) {
  .login-register .form-register .box-login-now .login-now[data-v-7e2215d8]:hover::before { opacity: 1; }
}
.login-register.mobile[data-v-7e2215d8] { width: 100%; height: 160.533vw; min-height: 160.533vw; }
@media screen and (min-width: 576px) {
  .login-register.mobile[data-v-7e2215d8] { height: 110.667vw; min-height: 110.667vw; }
}
.login-register.mobile .tabs[data-v-7e2215d8]::before { border-radius: 3.2vw 3.2vw 0px 0px; width: 74.6667vw; }
.login-register.mobile .tabs .item[data-v-7e2215d8] { border-radius: 3.2vw 3.2vw 0px 0px; width: 37.3333vw; height: 13.8667vw; font-family: "Inter"; font-size: 3.73333vw; font-weight: 700; line-height: 5.33333vw; }
.login-register.mobile .content-box[data-v-7e2215d8] { background-color: rgb(18, 31, 62); border-radius: 0px; min-height: auto; max-height: calc(100% - 13.8667vw); padding: 6.4vw 4.26667vw; overflow-y: auto; }
.login-register.mobile .content-box[data-v-7e2215d8]::-webkit-scrollbar { width: 0px; height: 0px; }
.login-register.mobile .mb-16[data-v-7e2215d8] { margin-bottom: 4.26667vw; }
.login-register.mobile .mb-24[data-v-7e2215d8] { margin-bottom: 6.4vw; }
.login-register.mobile .box-button[data-v-7e2215d8] { width: 100%; margin-bottom: 6.4vw; display: inline-block; }
.login-register.mobile .form-login .forgot-password[data-v-7e2215d8] { font-family: "Inter"; font-size: 3.73333vw; font-weight: 600; line-height: 5.33333vw; }
.login-register.mobile .form-login .box-description[data-v-7e2215d8] { justify-content: center; align-items: center; display: flex; }
.login-register.mobile .form-login .box-description[data-v-7e2215d8], .login-register.mobile .form-register .box-login-now[data-v-7e2215d8] { gap: 2.66667vw; font-family: "Inter"; font-size: 3.73333vw; font-weight: 600; line-height: 5.33333vw; }
@media screen and (max-width: 1024px) {
  #modalLoginRegisterId[data-v-7e2215d8] .modal-dialog { align-items: flex-end; display: flex; }
}
.header-search-result-empty[data-v-2efdd177] { width: 100%; height: 172px; flex-direction: column !important; align-items: center !important; display: flex !important; }
.header-search-result-empty__div[data-v-2efdd177] { background-color: rgb(85, 94, 118); width: 100%; height: 1px; margin-top: 38px; }
.header-search-result-empty__title[data-v-2efdd177] { color: rgb(173, 183, 204); margin-top: 16px; font-family: "Inter"; font-size: 14px; font-weight: 400; line-height: 20px; }
.header-search-result-empty span[data-v-2efdd177] { margin-top: 32px; }
.header-search-result-empty span[data-v-2efdd177]::before { color: rgba(255, 255, 255, 0.2); font-size: 64px; }
.mobile .header-search-result-empty[data-v-2efdd177] { height: 43.7333vw; }
.mobile .header-search-result-empty__div[data-v-2efdd177] { height: 0.266667vw; margin-top: 8.26667vw; }
.mobile .header-search-result-empty__title[data-v-2efdd177] { margin-top: 4.26667vw; font-family: "Inter"; font-size: 3.73333vw; font-weight: 400; line-height: 5.33333vw; }
.mobile .header-search-result-empty span[data-v-2efdd177] { margin-top: 8.53333vw; }
.mobile .header-search-result-empty span[data-v-2efdd177]::before { font-size: 17.0667vw; }
.header-search-sport-result[data-v-6ef2d2c6] { gap: 8px; overflow: hidden; flex-direction: column !important; align-items: center !important; display: flex !important; }
.header-search-sport-result__item[data-v-6ef2d2c6] { background: rgb(1, 15, 50); border-radius: 8px; justify-content: space-between; align-items: center; gap: 16px; width: 100%; padding: 8px 16px; display: flex; }
.header-search-sport-result__item--info[data-v-6ef2d2c6] { gap: 6px; min-width: 100px; max-width: 100px; flex-direction: column !important; align-items: flex-start !important; display: flex !important; }
.header-search-sport-result__item--info-league-name[data-v-6ef2d2c6] { font-family: "Inter"; font-size: 12px; font-weight: 400; line-height: 16px; }
.header-search-sport-result__item--info-date-time[data-v-6ef2d2c6] { gap: 2px; flex-direction: column !important; align-items: flex-start !important; display: flex !important; }
.header-search-sport-result__item--info-date-time .date-match[data-v-6ef2d2c6] { font-family: "Inter"; font-size: 12px; font-weight: 600; line-height: 16px; }
.header-search-sport-result__item--info-date-time .time-match[data-v-6ef2d2c6] { font-family: "Inter"; font-size: 14px; font-weight: 700; line-height: 20px; }
.header-search-sport-result__item--info-date-time .live[data-v-6ef2d2c6] { background: rgb(203, 18, 18); border-radius: 2px; justify-content: center; align-items: center; width: 42px; height: 18px; font-family: "Inter"; font-size: 10px; font-weight: 700; line-height: 12px; animation: 1.5s linear 0s infinite normal none running momo-anima; display: flex; }
.header-search-sport-result__item--info-date-time .live[data-v-6ef2d2c6]::before { content: ""; background-color: rgb(255, 255, 255); border-radius: 50%; width: 6px; height: 6px; margin-right: 3px; position: relative; }
.header-search-sport-result__item--team-wrapper[data-v-6ef2d2c6] { flex: 1 1 0%; justify-content: flex-start; align-items: center; gap: 16px; display: flex; }
.header-search-sport-result__item--team[data-v-6ef2d2c6] { white-space: nowrap; text-overflow: ellipsis; gap: 4px; min-width: 152px; max-width: 152px; overflow: hidden; flex-direction: column !important; align-items: flex-start !important; display: flex !important; }
.header-search-sport-result__item--team-item[data-v-6ef2d2c6] { justify-content: flex-start; align-items: center; gap: 8px; width: 100%; padding: 2px 0px; display: flex; }
.header-search-sport-result__item--team-item-flag[data-v-6ef2d2c6] { background: rgb(255, 255, 255); border-radius: 999px; justify-content: center; align-items: center; width: 24px; height: 24px; padding: 3px; display: flex; }
.header-search-sport-result__item--team-item-flag img[data-v-6ef2d2c6] { object-fit: cover; width: 100%; height: 100%; }
.header-search-sport-result__item--team-item-name[data-v-6ef2d2c6] { white-space: nowrap; text-overflow: ellipsis; flex: 1 1 0%; font-family: "Inter"; font-size: 14px; font-weight: 600; line-height: 20px; overflow: hidden; }
.header-search-sport-result__item--team .line[data-v-6ef2d2c6] { align-items: center; height: 28px; margin-bottom: 4px; display: flex; }
.header-search-sport-result__item--team .line[data-v-6ef2d2c6]:last-child { margin-bottom: 0px; }
.header-search-sport-result__item--team .line img[data-v-6ef2d2c6] { object-fit: cover; width: 24px; height: 24px; margin-right: 8px; }
.header-search-sport-result__item--team .line .name[data-v-6ef2d2c6] { white-space: nowrap; text-overflow: ellipsis; width: calc(100% - 24px); padding: 0px 0px 0px 4px; font-family: "Inter"; font-size: 14px; font-weight: 600; line-height: 20px; overflow: hidden; }
.header-search-sport-result__item--bet[data-v-6ef2d2c6] .base-button { border-radius: 4px !important; }
.header-search-sport-result__item--bet[data-v-6ef2d2c6] .base-button:hover { animation: 1.5s linear 0s infinite normal none running momo-anima; }
.header-search-sport-result__item--divider[data-v-6ef2d2c6] { background: rgba(255, 255, 255, 0.1); min-width: 1px; min-height: 52px; }
@media screen and (max-width: 1024px) {
  .header-search-sport-result[data-v-6ef2d2c6] { gap: 2.13333vw; }
  .header-search-sport-result__item[data-v-6ef2d2c6] { gap: 2.13333vw; padding: 3.2vw; flex-direction: column !important; align-items: center !important; display: flex !important; }
  .header-search-sport-result__item--info[data-v-6ef2d2c6] { border-bottom: 1px solid rgba(255, 255, 255, 0.1); min-width: 100%; max-width: 100%; padding-bottom: 10px; flex-direction: row !important; align-items: center !important; }
  .header-search-sport-result__item--info-date-time .date-match[data-v-6ef2d2c6], .header-search-sport-result__item--info-league-name[data-v-6ef2d2c6] { font-family: "Inter"; font-size: 3.2vw; font-weight: 400; line-height: 4.26667vw; }
  .header-search-sport-result__item--info-date-time[data-v-6ef2d2c6] { flex: 1 1 0%; gap: 1.6vw; flex-direction: row-reverse !important; align-items: center !important; }
  .header-search-sport-result__item--info-date-time .time-match[data-v-6ef2d2c6] { font-family: "Inter"; font-size: 3.73333vw; font-weight: 700; line-height: 5.33333vw; }
  .header-search-sport-result__item--team-wrapper[data-v-6ef2d2c6] { justify-content: flex-start; align-items: center; gap: 6.4vw; width: 100%; display: flex; }
  .header-search-sport-result__item--team[data-v-6ef2d2c6] { flex: 1 1 0%; min-width: 57.8667vw; max-width: 100%; }
  .header-search-sport-result__item--team-item-flag[data-v-6ef2d2c6] { width: 6.4vw; height: 6.4vw; }
  .header-search-sport-result__item--team-item-name[data-v-6ef2d2c6] { font-family: "Inter"; font-size: 3.73333vw; font-weight: 600; line-height: 5.33333vw; }
  .header-search-sport-result__item--divider[data-v-6ef2d2c6]:not(.special-style) { min-width: 100%; min-height: 1px; }
  .header-search-sport-result__item--divider.special-style[data-v-6ef2d2c6] { background: rgb(85, 94, 118); }
  .header-search-sport-result__item--bet[data-v-6ef2d2c6] .base-button { font-size: 2.66667vw !important; }
  .header-search-sport-result__item--bet[data-v-6ef2d2c6] .base-button:hover { filter: none !important; }
}
.header-search-games-result[data-v-90c99bb4] { gap: 8px; padding-top: 16px; flex-direction: column !important; display: flex !important; }
.header-search-games-result__title[data-v-90c99bb4] { color: rgb(173, 183, 204); font-family: "Inter"; font-size: 16px; font-weight: 600; line-height: 24px; }
.header-search-games-result__list[data-v-90c99bb4] { grid-template-columns: repeat(3, 1fr); gap: 8px; display: grid; }
.header-search-games-result__list[data-v-90c99bb4] .game-item { aspect-ratio: 134 / 91; height: 91px; }
.header-search-games-result__list[data-v-90c99bb4] .game-item .coin-burst-wrapper { height: 94px; }
.header-search-games-result__list[data-v-90c99bb4] .game-item__content { height: 24px; font-family: "Roboto Mono"; font-size: 12px; font-weight: 700; line-height: 16px; }
.header-search-games-result__list[data-v-90c99bb4] .game-item__content img { height: 16px; }
@media screen and (min-width: 1024px) {
  .header-search-games-result__list[data-v-90c99bb4] .slots { scale: 0.6; top: 25px !important; right: -16px !important; }
}
@media screen and (max-width: 1024px) {
  .header-search-games-result__list[data-v-90c99bb4] { gap: 2.13333vw; }
  .header-search-games-result__list[data-v-90c99bb4] .game-item { aspect-ratio: 114 / 90; height: 24vw; }
  .header-search-games-result__list[data-v-90c99bb4] .game-item .game-item__content { height: 4.26667vw; }
  .header-search-games-result__list[data-v-90c99bb4] .game-item .game-item__content .jackpot-coin { width: 3.2vw; height: 3.2vw; }
  .header-search-games-result__list[data-v-90c99bb4] .game-item .game-item__content span { font-family: "Roboto Mono"; font-size: 2.66667vw; font-weight: 700; line-height: 4.26667vw; transform: translateY(0.266667vw); }
}
.header-search-partners-result__wrapper[data-v-90c99bb4] { gap: 8px; padding-bottom: 16px; position: relative; flex-direction: column !important; display: flex !important; }
.header-search-partners-result__wrapper[data-v-90c99bb4]::after { content: ""; border-bottom: 1px solid rgb(85, 94, 118); width: 100%; position: absolute; bottom: 0px; }
.header-search-partners-result__wrapper.empty[data-v-90c99bb4] { margin-top: 16px; }
.header-search-partners-result__title[data-v-90c99bb4] { color: rgb(173, 183, 204); font-family: "Inter"; font-size: 16px; font-weight: 600; line-height: 24px; }
.header-search-partners-result__list[data-v-90c99bb4] { grid-template-columns: repeat(3, 1fr); gap: 8px; display: grid; }
.header-search-partners-result__list-item[data-v-90c99bb4] { background-color: rgb(1, 15, 50); border: 1px solid rgba(0, 0, 0, 0); border-radius: 8px; justify-content: center; align-items: center; height: 44px; padding: 0px; display: flex; }
.header-search-partners-result__list-item img[data-v-90c99bb4] { object-fit: contain; width: 93px; height: 32px; }
.header-search-partners-result__list-item[data-v-90c99bb4]:hover { cursor: pointer; border: 1px solid rgb(19, 150, 248); }
.mobile .header-search-games-result[data-v-90c99bb4] { padding-top: 0px; }
.mobile .header-search-games-result__title[data-v-90c99bb4], .mobile .header-search-partners-result__title[data-v-90c99bb4] { font-family: "Inter"; font-size: 3.73333vw; font-weight: 600; line-height: 5.33333vw; }
.mobile .header-search-games-result__list[data-v-90c99bb4] .coin-burst-wrapper, .mobile .header-search-partners-result__list[data-v-90c99bb4] .coin-burst-wrapper { height: 23.4667vw; }
@media screen and (min-width: 768px) {
  .mobile .header-search-games-result__list[data-v-90c99bb4] .coin-burst-wrapper, .mobile .header-search-partners-result__list[data-v-90c99bb4] .coin-burst-wrapper { height: 94px; }
}
.mobile .header-search-games-result__list-item[data-v-90c99bb4], .mobile .header-search-partners-result__list-item[data-v-90c99bb4] { border: 1px solid rgba(0, 0, 0, 0); border-radius: 2.13333vw; justify-content: center; height: 11.7333vw; padding: 0px; }
.mobile .header-search-games-result__list-item img[data-v-90c99bb4], .mobile .header-search-partners-result__list-item img[data-v-90c99bb4] { width: 24.8vw; height: 8.53333vw; }
.mobile .header-search-games-result__list-item[data-v-90c99bb4]:hover, .mobile .header-search-partners-result__list-item[data-v-90c99bb4]:hover { border: 1px solid rgba(0, 0, 0, 0); }
.mobile .header-search-partners-result__wrapper[data-v-90c99bb4] { padding-bottom: 3.2vw; }
.mobile .header-search-partners-result__wrapper.empty[data-v-90c99bb4] { margin-top: 0px; }
.search-other__list[data-v-d56cebdd] { gap: 8px; flex-direction: column !important; display: flex !important; }
.search-other__item[data-v-d56cebdd] { cursor: pointer; background-color: rgb(1, 15, 50); border-radius: 8px; align-items: center; gap: 8px; padding: 16px; display: flex; position: relative; }
.search-other__event-item[data-v-d56cebdd]:hover, .search-other__item[data-v-d56cebdd]:hover { background-color: rgb(10, 83, 136); }
.search-other__item-image[data-v-d56cebdd] { width: 20px; height: 20px; }
.search-other__item-name[data-v-d56cebdd] { color: rgb(255, 255, 255); font-family: "Inter"; font-size: 14px; font-weight: 600; line-height: 20px; }
.search-other__item-arrow[data-v-d56cebdd] { width: 24px; height: 24px; position: absolute; top: 50%; right: 16px; transform: translateY(-50%); }
.search-other__item-arrow span[data-v-d56cebdd]::before { font-size: 24px; }
.search-other__event[data-v-d56cebdd] { gap: 10px; flex-direction: column !important; display: flex !important; }
.search-other__event-title[data-v-d56cebdd] { color: rgb(255, 255, 255); font-family: "Inter"; font-size: 16px; font-weight: 600; line-height: 24px; }
.search-other__event-item[data-v-d56cebdd] { cursor: pointer; border-radius: 8px; align-items: center; gap: 16px; height: 79px; display: flex; position: relative; overflow: hidden; }
.search-other__event-item-image[data-v-d56cebdd] { min-width: 143px; max-width: 143px; height: 100%; }
.search-other__event-item-image img[data-v-d56cebdd] { object-fit: cover; width: 100%; height: 100%; }
.search-other__event-item-content[data-v-d56cebdd] { flex: 1 1 0%; gap: 4px; flex-direction: column !important; display: flex !important; }
.search-other__event-item-content-name[data-v-d56cebdd] { text-overflow: ellipsis; -webkit-line-clamp: 1; word-break: break-word; color: rgb(255, 255, 255); -webkit-box-orient: vertical; margin-right: 40px; font-family: "Inter"; font-size: 14px; font-weight: 600; line-height: 20px; display: -webkit-box; overflow: hidden; }
.search-other__event-item-content-time[data-v-d56cebdd] { color: rgb(173, 183, 204); font-family: "Inter"; font-size: 12px; font-weight: 400; line-height: 16px; }
.search-other__event-item-content-price[data-v-d56cebdd] { color: rgb(255, 255, 255); font-family: "Inter"; font-size: 12px; font-weight: 400; line-height: 16px; }
.search-other__event-item-content-price span[data-v-d56cebdd], .search-other__event-item-content-price.search-other__event-item-content-price-h[data-v-d56cebdd] { color: rgb(251, 193, 108); font-family: "Inter"; font-size: 12px; font-weight: 700; line-height: 16px; }
.search-other__event-item-content-price span[data-v-d56cebdd] { margin-left: 2px; }
.search-other__event-item-arrow[data-v-d56cebdd] { width: 24px; height: 24px; position: absolute; top: 50%; right: 16px; transform: translateY(-50%); }
.search-other__event-item-arrow span[data-v-d56cebdd]::before { font-size: 24px; }
.search-other .not-empty[data-v-d56cebdd] { border-top: 1px solid rgb(85, 94, 118); margin-top: 16px; padding-top: 16px; }
.mobile .search-other__event-title[data-v-d56cebdd] { color: rgb(173, 183, 204); font-family: "Inter"; font-size: 14px; font-weight: 600; line-height: 20px; }
.mobile .search-other__event-item[data-v-d56cebdd]:active, .mobile .search-other__event-item[data-v-d56cebdd]:hover { background-color: inherit !important; }
.mobile .search-other__list[data-v-d56cebdd] { gap: 2.13333vw; }
.mobile .search-other__item[data-v-d56cebdd] { border-radius: 2.13333vw; gap: 2.13333vw; padding: 4.26667vw; }
.mobile .search-other__item[data-v-d56cebdd]:active, .mobile .search-other__item[data-v-d56cebdd]:hover { background-color: rgb(1, 15, 50) !important; }
.mobile .search-other__event-item-content-name[data-v-d56cebdd] { text-overflow: ellipsis; -webkit-line-clamp: 2; word-break: break-word; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; }
.mobile .search-other__item-image[data-v-d56cebdd] { width: 6.4vw; height: 6.4vw; }
.mobile .search-other__item-name[data-v-d56cebdd] { font-family: "Inter"; font-size: 3.73333vw; font-weight: 600; line-height: 5.33333vw; }
.mobile .search-other__item-arrow[data-v-d56cebdd] { width: 6.4vw; height: 6.4vw; right: 4.26667vw; }
.mobile .search-other__item-arrow span[data-v-d56cebdd], .mobile .search-other__item-arrow span[data-v-d56cebdd]::before { height: 6.4vw; font-size: 6.4vw; display: block; }
.header-search-tabs[data-v-55c2d970] { background-color: rgb(0, 11, 39); border-radius: 12px; align-items: center; width: 100%; margin-bottom: 16px; padding: 4px; display: flex; }
.header-search-tabs__item[data-v-55c2d970] { cursor: pointer; flex: 1 1 0%; justify-content: center; align-items: center; gap: 4px; height: 100%; display: flex; }
.header-search-tabs__item.active[data-v-55c2d970] { background: rgb(19, 150, 248); border-radius: 8px; }
.header-search-tabs__item.active p[data-v-55c2d970], .header-search-tabs__item.active span[data-v-55c2d970] { color: rgb(255, 255, 255); }
.header-search-tabs__item.active p[data-v-55c2d970]::before, .header-search-tabs__item.active span[data-v-55c2d970]::before { color: rgb(247, 248, 250); }
.header-search-tabs__item:hover:not(.active) p[data-v-55c2d970], .header-search-tabs__item:hover:not(.active) span[data-v-55c2d970] { color: rgb(255, 255, 255); }
.header-search-tabs__item:hover:not(.active) p[data-v-55c2d970]::before, .header-search-tabs__item:hover:not(.active) span[data-v-55c2d970]::before { color: rgb(247, 248, 250); }
.header-search-tabs__item span[data-v-55c2d970] { color: rgb(173, 183, 204); font-size: 24px; }
.header-search-tabs__item span[data-v-55c2d970]::before { color: rgb(173, 183, 204); }
.header-search-tabs__item-name[data-v-55c2d970] { color: rgb(173, 183, 204); font-family: "Inter"; font-size: 14px; font-weight: 600; line-height: 20px; }
.mobile .header-search-tabs[data-v-55c2d970] { background-color: rgb(0, 11, 39); border-radius: 12px; align-items: center; width: 100%; margin-bottom: 16px; padding: 4px; display: flex; }
.mobile .header-search-tabs__item[data-v-55c2d970] { cursor: pointer; flex: 1 1 0%; justify-content: center; align-items: center; gap: 1.06667vw; height: 100%; display: flex; }
.mobile .header-search-tabs__item span[data-v-55c2d970] { color: rgb(173, 183, 204); font-size: 24px; }
.mobile .header-search-tabs__item span[data-v-55c2d970]::before { color: rgb(173, 183, 204); font-size: 20px; }
.mobile .header-search-tabs__item-name[data-v-55c2d970] { color: rgb(173, 183, 204); font-family: "Inter"; font-size: 3.2vw; font-weight: 600; line-height: 4.26667vw; }
.mobile .header-search-tabs__item.active[data-v-55c2d970] { background-color: rgb(19, 150, 248); border-radius: 8px; }
.mobile .header-search-tabs__item.active p[data-v-55c2d970]::before, .mobile .header-search-tabs__item.active span[data-v-55c2d970]::before { color: rgb(247, 248, 250); }
.mobile .header-search-tabs__item.active p[data-v-55c2d970], .mobile .header-search-tabs__item.active span[data-v-55c2d970] { color: rgb(255, 255, 255); }
.mobile .header-search-tabs__item span[data-v-55c2d970], .mobile .header-search-tabs__item span[data-v-55c2d970]::before { font-size: 5.33333vw; }
.loading-container[data-v-da09966f] { gap: 4px; background: 0px 0px !important; flex-direction: column !important; align-items: center !important; display: flex !important; }
.loading-container[data-v-da09966f]:not(.fit-height) { min-height: 50dvh; }
.loading-container .icon .image[data-v-da09966f] { width: 80px; height: 80px; animation: 1s linear 0s infinite normal none running rotate; }
@media screen and (max-width: 768px) {
  .loading-container .icon .image[data-v-da09966f] { width: 16vw; height: 16vw; }
}
.loading-container.fit-height[data-v-da09966f] { z-index: 10; background: currentcolor; border-radius: 16px; width: 100%; height: 100%; position: absolute; top: 0px; left: 50%; transform: translate(-50%); }
.header-button[data-v-8fab1832] { align-items: center; gap: 16px; margin-left: auto; display: flex; }
.header-button .btn-register[data-v-8fab1832] { border-radius: 12px; display: block; position: relative; overflow: hidden; }
.header-button .btn-register[data-v-8fab1832]::before { pointer-events: none; z-index: 2; content: ""; background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5)); width: 120px; height: 48px; animation: 2s linear 0s infinite normal none running shineBtn; display: block; position: absolute; top: 0px; left: -100%; transform: skew(-25deg); }
.tabs[data-v-3204ffc0] { gap: 14px; }
.tabs[data-v-3204ffc0], .tabs .tab[data-v-3204ffc0] { align-items: center; display: flex; }
.tabs .tab[data-v-3204ffc0] { color: rgb(255, 255, 255); cursor: pointer; justify-content: center; height: 52px; font-family: "Inter"; font-size: 14px; font-weight: 400; line-height: 20px; transition: 0.3s; position: relative; overflow: hidden; }
.tabs .tab[data-v-3204ffc0]::before { content: ""; background: 0px 0px; border-radius: 0px 0px 4px 4px; width: 100%; height: 0px; transition: 0.3s; position: absolute; top: -4px; left: 0px; }
.tabs .tab[data-v-3204ffc0]:not(.selected):hover { color: rgb(66, 171, 249); }
.tabs .tab.selected[data-v-3204ffc0] { font-family: "Inter"; font-size: 14px; font-weight: 700; line-height: 20px; }
.tabs .tab.selected[data-v-3204ffc0]::before { background: linear-gradient(96.55deg, rgb(106, 255, 255) -14.63%, rgb(0, 102, 255) 61.15%); height: 4px; top: 0px; }
.tabs .tab.selected .number[data-v-3204ffc0] { color: rgb(0, 233, 47); min-width: 30px; font-weight: 600; }
.tabs .tab .number[data-v-3204ffc0], .tabs .tab.selected .number[data-v-3204ffc0] { background-color: rgb(18, 31, 62); font-family: "Inter"; font-size: 12px; line-height: 16px; }
.tabs .tab .number[data-v-3204ffc0] { color: rgb(173, 183, 204); text-align: center; border-radius: 4px; min-width: 27px; height: 20px; margin-left: 6px; padding: 2px; font-weight: 400; }
.mobile .tabs[data-v-3204ffc0] { gap: 3.73333vw; }
.mobile .tabs .tab[data-v-3204ffc0] { height: 13.8667vw; font-weight: 400; }
.mobile .tabs .tab[data-v-3204ffc0], .mobile .tabs .tab.selected[data-v-3204ffc0] { font-family: "Inter"; font-size: 3.73333vw; line-height: 5.33333vw; }
.mobile .tabs .tab.selected[data-v-3204ffc0] { font-weight: 700; }
.mobile .tabs .tab.selected[data-v-3204ffc0]::before { height: 1.06667vw; top: 0px; }
.mobile .tabs .tab.selected .number[data-v-3204ffc0] { min-width: 8vw; font-family: "Inter"; font-size: 3.2vw; font-weight: 600; line-height: 4.26667vw; }
.mobile .tabs .tab .number[data-v-3204ffc0] { border-radius: 1.06667vw; min-width: 7.2vw; height: 5.33333vw; margin-left: 1.06667vw; padding: 0.533333vw; font-family: "Inter"; font-size: 3.2vw; font-weight: 400; line-height: 4.26667vw; }
.notification-wrapper[data-v-36503bf2] { background: rgb(18, 31, 62); border-bottom: 1px solid rgb(85, 94, 118); padding: 12px 12px 12px 8px; transition: 0.3s; }
.notification-wrapper[data-v-36503bf2]:hover { background-color: rgb(30, 45, 81); }
.notification-wrapper[data-v-36503bf2]:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.notification-wrapper .notification-item[data-v-36503bf2] { border-radius: 8px; align-items: flex-start; gap: 16px; display: flex; position: relative; }
.notification-wrapper .notification-item.unread[data-v-36503bf2] { cursor: pointer; }
.notification-wrapper .notification-item .icon-container[data-v-36503bf2] { justify-content: center; align-items: center; gap: 8px; display: flex; }
.notification-wrapper .notification-item .icon-container .icon[data-v-36503bf2] { background: rgb(30, 51, 104); border-radius: 4px; justify-content: center; align-items: center; width: 40px; height: 40px; display: flex; }
.notification-wrapper .notification-item .icon-container .icon img[data-v-36503bf2] { width: 30px; height: 30px; }
.notification-wrapper .notification-item .unread-dot[data-v-36503bf2] { opacity: 0; background-color: rgb(255, 114, 56); border-radius: 50%; width: 6px; height: 6px; }
.notification-wrapper .notification-item .unread-dot.not-viewed[data-v-36503bf2] { opacity: 1; }
.notification-wrapper .notification-item .content[data-v-36503bf2] { flex: 1 1 0%; gap: 12px; flex-direction: column !important; display: flex !important; }
.notification-wrapper .notification-item .content .info[data-v-36503bf2] { color: rgb(173, 183, 204); align-items: flex-start; gap: 4px; display: flex; }
.notification-wrapper .notification-item .content .info .detail[data-v-36503bf2] { flex: 1 1 0%; gap: 4px; flex-direction: column !important; display: flex !important; }
.notification-wrapper .notification-item .content .info .detail .title[data-v-36503bf2] { color: rgb(255, 255, 255); font-family: "Inter"; font-size: 16px; font-weight: 600; line-height: 24px; }
.notification-wrapper .notification-item .content .info .detail .time[data-v-36503bf2] { font-family: "Inter"; font-size: 12px; font-weight: 400; line-height: 16px; }
.notification-wrapper .notification-item .content .info .detail .description[data-v-36503bf2] { font-family: "Inter"; font-size: 14px; font-weight: 400; line-height: 20px; }
.notification-wrapper .notification-item .content .info .detail .description ul[data-v-36503bf2] { margin: 0px; padding: 0px; list-style-position: inside; }
.notification-wrapper .notification-item .content .info .detail .description[data-v-36503bf2] .positive, .notification-wrapper .notification-item .content .info .detail .description[data-v-36503bf2] span { color: rgb(0, 233, 47); font-family: "Inter"; font-size: 14px; font-weight: 700; line-height: 20px; }
.notification-wrapper .notification-item .content .info .detail .description[data-v-36503bf2] .negative { color: rgb(220, 51, 51); font-family: "Inter"; font-size: 14px; font-weight: 700; line-height: 20px; }
.notification-wrapper .notification-item .content .info .icon-close[data-v-36503bf2] { color: rgb(173, 183, 204); cursor: pointer; font-size: 20px; }
.notification-wrapper .notification-item .content .button[data-v-36503bf2] { background: rgb(19, 150, 248); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 8px; align-self: flex-end; font-family: "Inter"; font-size: 14px; font-weight: 600; line-height: 20px; }
.mobile .notification-wrapper[data-v-36503bf2] { border-bottom: 0.266667vw solid rgb(85, 94, 118); padding: 3.2vw 4.26667vw 3.2vw 2.13333vw; }
.mobile .notification-wrapper[data-v-36503bf2]:hover { background-color: rgb(18, 31, 62); }
.mobile .notification-wrapper .notification-item[data-v-36503bf2] { align-items: flex-start; gap: 3.2vw; display: flex; }
.mobile .notification-wrapper .notification-item .unread-dot[data-v-36503bf2] { width: 1.6vw; height: 1.6vw; }
.mobile .notification-wrapper .notification-item .icon-container[data-v-36503bf2] { gap: 2.13333vw; }
.mobile .notification-wrapper .notification-item .icon-container .icon[data-v-36503bf2] { width: 10.6667vw; height: 10.6667vw; }
.mobile .notification-wrapper .notification-item .icon-container .icon img[data-v-36503bf2] { width: 8vw; height: 8vw; }
.mobile .notification-wrapper .notification-item .content[data-v-36503bf2] { gap: 3.2vw; }
.mobile .notification-wrapper .notification-item .content .info[data-v-36503bf2], .mobile .notification-wrapper .notification-item .content .info .detail[data-v-36503bf2] { gap: 1.06667vw; }
.mobile .notification-wrapper .notification-item .content .info .detail .title[data-v-36503bf2] { font-family: "Inter"; font-size: 3.2vw; font-weight: 700; line-height: 4.26667vw; }
.mobile .notification-wrapper .notification-item .content .info .detail .description[data-v-36503bf2], .mobile .notification-wrapper .notification-item .content .info .detail .time[data-v-36503bf2] { font-family: "Inter"; font-size: 3.2vw; font-weight: 400; line-height: 4.26667vw; }
.mobile .notification-wrapper .notification-item .content .info .detail .description[data-v-36503bf2] .negative, .mobile .notification-wrapper .notification-item .content .info .detail .description[data-v-36503bf2] .positive, .mobile .notification-wrapper .notification-item .content .info .detail .description[data-v-36503bf2] span { font-family: "Inter"; font-size: 3.73333vw; font-weight: 700; line-height: 5.33333vw; }
.mobile .notification-wrapper .notification-item .content .info .icon-close[data-v-36503bf2] { font-size: 5.33333vw; }
.mobile .notification-wrapper .notification-item .content .button[data-v-36503bf2] { border-radius: 1.06667vw; font-family: "Inter"; font-size: 3.2vw; font-weight: 600; line-height: 4.26667vw; }
.mobile .notification-wrapper[data-v-36503bf2]:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.notification-empty[data-v-6dc75c2f] { gap: 16px; height: 698px; flex-direction: column !important; justify-content: center !important; align-items: center !important; display: flex !important; }
.notification-empty img[data-v-6dc75c2f] { width: 128px; height: 128px; }
.notification-empty p[data-v-6dc75c2f] { color: rgb(255, 255, 255); font-family: "Inter"; font-size: 16px; font-weight: 600; line-height: 24px; }
.mobile .notification-empty[data-v-6dc75c2f] { background: rgb(18, 31, 62); gap: 4.26667vw; height: calc(100vh - 27.7333vw); }
.mobile .notification-empty p[data-v-6dc75c2f] { font-family: "Inter"; font-size: 4.26667vw; font-weight: 600; line-height: 6.4vw; }
.header-search-result[data-v-5eae5100] { z-index: 1000; background-color: rgb(18, 31, 62); border-radius: 12px; width: calc(100% - 4px); padding: 16px; position: absolute; top: calc(100% + 4px); left: 50%; transform: translate(-50%); flex-direction: column !important; display: flex !important; }
.header-search-result .header-search-tabs[data-v-5eae5100] { height: 48px; padding: 4px; }
.header-search-result__search-result.is-loading[data-v-5eae5100] { min-height: 276px; position: relative; }
.header-search-result__search-result.is-loading.game[data-v-5eae5100] { min-height: 321px; }
.header-search-result__title[data-v-5eae5100] { color: rgb(173, 183, 204); margin-bottom: 8px; font-family: "Inter"; font-size: 16px; font-weight: 600; line-height: 24px; }
.header-search-result__title span[data-v-5eae5100] { color: rgb(255, 255, 255); overflow-wrap: break-word; }
.header-search-result .popular-title[data-v-5eae5100] { margin-top: 8px; }
.header-search-result[data-v-5eae5100] .header-search-result__button { margin-top: 8px; background-color: rgb(19, 150, 248) !important; border-radius: 8px !important; width: 100% !important; height: 40px !important; }
.header-search[data-v-635f68a9] { margin-left: 45px; position: relative; }
.header-search[data-v-635f68a9] .base-input input { width: 446px; height: 48px; box-shadow: none; color: rgb(173, 183, 204); background: rgb(18, 31, 62); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 12px; padding: 12px 40px 12px 12px; font-family: "Inter"; font-size: 14px; font-weight: 400; line-height: 20px; }
.header-search[data-v-635f68a9] .base-input input::placeholder { color: rgb(173, 183, 204); }
.header-search.logged-in[data-v-635f68a9] .base-input input { width: 390px; }
.header-search.logged-in[data-v-635f68a9] .header-search-result { min-width: 442px; left: 0px; transform: translate(0px); }
.header-search .icon-close[data-v-635f68a9], .header-search .icon-search[data-v-635f68a9] { cursor: pointer; position: absolute; top: 50%; right: 12px; transform: translateY(-50%); }
.header-search .icon-close[data-v-635f68a9]::before, .header-search .icon-search[data-v-635f68a9]::before { color: rgb(19, 150, 248); font-size: 20px; }
.header-menu__item-container[data-v-b879d13a]::after { pointer-events: none; z-index: 2; content: ""; background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5)); width: 120px; height: 48px; animation: 2s linear 0s infinite normal none running shineBtn; display: block; position: absolute; top: 0px; left: -100%; transform: skew(-25deg); }
.header-menu__item-container .icon.icon-event[data-v-b879d13a] { animation: 2s linear -0.5s infinite normal none running shake-b879d13a; }
.header-menu__item-dropdown[data-v-b879d13a] { opacity: 0; z-index: 1; user-select: none; pointer-events: none; background: rgb(18, 31, 62); border-radius: 16px; width: 340px; height: max-content; padding: 12px; position: absolute; top: 100%; right: 0px; transform: translateY(6px); }
.header-menu__item-dropdown[data-v-b879d13a]::after { content: ""; z-index: -1; background: 0px 0px; width: 100%; height: 100%; position: absolute; top: -8px; left: 0px; }
.header-menu__item-dropdown-item[data-v-b879d13a] { color: rgb(173, 183, 204); cursor: pointer; background: rgb(0, 11, 39); border-bottom: 1px solid rgb(42, 56, 99); align-items: center; gap: 8px; width: 100%; height: 56px; padding: 12px 8px; display: flex; position: relative; overflow: hidden; }
.header-menu__item-dropdown-item.minigame .header-menu__item-dropdown-item-join-text[data-v-b879d13a] { display: none; }
.header-menu__item-dropdown-item .availability-container[data-v-b879d13a] { color: rgb(255, 255, 255); z-index: 1; justify-content: center; align-items: center; gap: 8px; margin-left: auto; margin-right: 0px; display: flex; }
.header-menu__item-dropdown-item-join-text[data-v-b879d13a] { background: rgb(4, 119, 30); border-radius: 4px; justify-content: center; align-items: center; padding: 4px 8px; font-family: "Inter"; font-size: 12px; font-weight: 400; line-height: 16px; display: flex; }
.header-menu__item-dropdown-item-availability[data-v-b879d13a], .header-menu__item-dropdown-item-join-text.without-text[data-v-b879d13a] { border-radius: 8px; width: 32px; height: 32px; font-family: "Inter"; font-size: 12px; font-weight: 600; line-height: 16px; }
.header-menu__item-dropdown-item-availability[data-v-b879d13a] { background: rgb(30, 45, 81); justify-content: center; align-items: center; display: flex; position: relative; overflow: hidden; }
.header-menu__item-dropdown-item-availability .loading-availability[data-v-b879d13a] { z-index: 10; background: linear-gradient(110deg, rgb(18, 31, 62) 8%, rgb(40, 49, 69) 18%, rgb(18, 31, 62) 43%) 0px 0px / 200% 400%; width: 100%; height: 100%; animation: 1.5s linear 0s infinite normal none running skeleton-shine; position: absolute; top: 0px; left: 0px; }
.header-menu__item-dropdown-item-img[data-v-b879d13a] { z-index: 1; width: 32px; height: 32px; }
.header-menu__item-dropdown-item-name[data-v-b879d13a] { text-transform: uppercase; z-index: 1; font-family: "Inter"; font-size: 16px; font-weight: 600; line-height: 24px; }
.header-menu__item-dropdown-item[data-v-b879d13a]::before { content: ""; opacity: 0; z-index: 0; background: linear-gradient(90deg, rgb(0, 105, 203), rgb(0, 198, 211)); width: 100%; height: 100%; transition: 0.2s; position: absolute; top: 0px; left: 0px; }
.header-menu__item-dropdown-item.router-link-active[data-v-b879d13a], .header-menu__item-dropdown-item[data-v-b879d13a]:hover { color: rgb(255, 255, 255); }
.header-menu__item-dropdown-item[data-v-b879d13a]:hover::before { opacity: 1; }
.header-menu__item-dropdown-item.router-link-active[data-v-b879d13a]::before { opacity: 1; background: linear-gradient(90deg, rgb(0, 105, 203), rgb(0, 198, 211)); }
.header-menu__item-dropdown-item.router-link-active[data-v-b879d13a]:hover::before { background: linear-gradient(90deg, rgb(0, 105, 203), rgb(0, 198, 211)); }
.header-menu__item-dropdown-item[data-v-b879d13a]:nth-child(2) { border-radius: 8px 8px 0px 0px; }
.header-menu__item-dropdown-item[data-v-b879d13a]:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; border-radius: 0px 0px 8px 8px; }
.header-menu__item-dropdown.without-loyalty .header-menu__item-dropdown-item[data-v-b879d13a]:first-child { border-radius: 8px 8px 0px 0px; }
.header-menu__item-dropdown.without-loyalty .header-menu__item-dropdown-item[data-v-b879d13a]:nth-child(2) { border-radius: 0px; }
.header-menu__item-dropdown-loyalty[data-v-b879d13a] { cursor: pointer; justify-content: center; align-items: center; width: 100%; height: auto; margin-bottom: 10px; display: flex; }
.header-menu__item-dropdown-loyalty .entry-point[data-v-b879d13a] { width: 100%; }
.header-menu__item-dropdown-loyalty .entry-point[data-v-b879d13a]:has(.entry-point__text) { justify-content: center; align-items: center; height: 76px; display: flex; position: relative; }
.header-menu__item-dropdown-loyalty .entry-point .entry-point__text[data-v-b879d13a] { z-index: 3; width: 164px; height: auto; transition: 0.2s; position: absolute; left: 12px; }
.header-menu__item-dropdown-loyalty .entry-point .entry-point__img[data-v-b879d13a] { z-index: 1; border-radius: 12px; width: 100%; height: auto; transition: 0.2s; position: relative; overflow: hidden; }
.header-menu__item-dropdown-loyalty .entry-point:hover .entry-point__text[data-v-b879d13a] { transform: scale(1.05) translate(3px); }
.header-menu__item-dropdown-loyalty .entry-point:hover .entry-point__bg[data-v-b879d13a]::before { transform: rotate(180deg) scale(1.3); }
.header-menu__item-dropdown-loyalty .entry-point .entry-point__bg[data-v-b879d13a] { z-index: 0; border-radius: 12px; justify-content: center; align-items: center; width: calc(100% + 2px); height: calc(100% + 2px); transition: 0.3s; display: flex; position: absolute; top: -1px; left: -1px; overflow: hidden; }
.header-menu__item-dropdown-loyalty .entry-point .entry-point__bg[data-v-b879d13a]::before { content: ""; z-index: 0; background: linear-gradient(90deg, rgb(19, 150, 248), rgb(251, 67, 39)); width: 318px; height: 318px; transition: 0.3s; position: absolute; }
.header-menu__item-dropdown-loyalty .entry-point__rank[data-v-b879d13a] { cursor: pointer; border-radius: 12px; gap: 8px; width: 100%; height: 115px; position: relative; overflow: hidden; flex-direction: column !important; justify-content: center !important; align-items: center !important; display: flex !important; }
.header-menu__item-dropdown-loyalty .entry-point__rank[data-v-b879d13a]::before { content: ""; aspect-ratio: 1 / 1; z-index: 0; background: linear-gradient(90deg, rgb(19, 150, 248), rgb(251, 67, 39)); width: 100%; transition: 0.5s; position: absolute; left: 0px; transform: rotate(0deg) scale(1.1); }
.header-menu__item-dropdown-loyalty .entry-point__rank[data-v-b879d13a]:hover::before { transform: rotate(180deg) scale(1.3); }
.header-menu__item-dropdown-loyalty .entry-point__rank:hover .entry-point__rank-badge[data-v-b879d13a] { transform: scale(1.2) translate(-1px, 2px); }
.header-menu__item-dropdown-loyalty .entry-point__rank:hover .entry-point__rank-badge-bg[data-v-b879d13a] { transition: transform 0.3s; transform: scale(1.2) translate(-1px, 2px); }
.header-menu__item-dropdown-loyalty .entry-point__rank .entry-point__rank-content[data-v-b879d13a] { z-index: 1; align-items: center; gap: 8px; width: 100%; padding-left: 11px; font-family: "Inter"; font-size: 16px; font-weight: 600; line-height: 24px; display: flex; position: relative; }
.header-menu__item-dropdown-loyalty .entry-point__rank .entry-point__rank-content .entry-point__rank-icon[data-v-b879d13a] { flex: 0 0 56px; width: 56px; height: 56px; position: relative; }
.header-menu__item-dropdown-loyalty .entry-point__rank .entry-point__rank-content .entry-point__rank-icon img[data-v-b879d13a] { object-fit: contain; width: 100%; height: 100%; display: block; }
.header-menu__item-dropdown-loyalty .entry-point__rank .entry-point__rank-content .content[data-v-b879d13a] { flex-direction: column !important; align-items: flex-start !important; display: flex !important; }
.header-menu__item-dropdown-loyalty .entry-point__rank .entry-point__rank-content .content__title[data-v-b879d13a] { color: rgb(173, 183, 204); font-family: "Inter"; font-size: 12px; font-weight: 600; line-height: 16px; }
.header-menu__item-dropdown-loyalty .entry-point__rank .entry-point__rank-content .content__level[data-v-b879d13a] { color: rgb(255, 255, 255); font-family: "Inter"; font-size: 14px; font-weight: 600; line-height: 20px; }
.header-menu__item-dropdown-loyalty .entry-point__rank .entry-point__rank-content .content__level span[data-v-b879d13a] { text-transform: uppercase; }
.header-menu__item-dropdown-loyalty .entry-point__rank .entry-point__rank-content .content__point[data-v-b879d13a] { background: linear-gradient(rgb(250, 190, 83) 26.5%, rgb(250, 237, 157) 59.5%, rgb(250, 149, 44)) text; -webkit-text-fill-color: transparent; justify-content: center; align-items: center; gap: 4px; font-family: "Inter"; font-size: 12px; font-weight: 600; line-height: 16px; display: flex; }
.header-menu__item-dropdown-loyalty .entry-point__rank .entry-point__rank-content .content__point img[data-v-b879d13a] { width: 20px; height: 20px; }
.header-menu__item-dropdown-loyalty .entry-point__rank .entry-point__rank-content img[data-v-b879d13a] { background: radial-gradient(50% 50%, rgb(160, 24, 252), rgba(129, 14, 150, 0)); width: 56px; height: 56px; }
.header-menu__item-dropdown-loyalty .entry-point__rank .entry-point__rank-content img.bronze[data-v-b879d13a] { background: radial-gradient(50% 50%, rgb(252, 179, 24), rgba(150, 93, 14, 0)); }
.header-menu__item-dropdown-loyalty .entry-point__rank .entry-point__rank-content img.silver[data-v-b879d13a] { background: radial-gradient(50% 50%, rgb(24, 157, 252), rgba(14, 93, 150, 0)); }
.header-menu__item-dropdown-loyalty .entry-point__rank .entry-point__rank-content img.gold[data-v-b879d13a] { background: radial-gradient(50% 50%, rgb(255, 213, 0), rgba(255, 199, 108, 0)); }
.header-menu__item-dropdown-loyalty .entry-point__rank .entry-point__rank-content img.diamond[data-v-b879d13a] { background: radial-gradient(50% 50%, rgb(252, 24, 130), rgba(231, 27, 129, 0)); }
.header-menu__item-dropdown-loyalty .entry-point__rank .entry-point__current-level[data-v-b879d13a] { z-index: 1; gap: 4px; width: 100%; padding: 0px 13px; position: relative; top: -2px; flex-direction: column !important; justify-content: center !important; align-items: center !important; display: flex !important; }
.header-menu__item-dropdown-loyalty .entry-point__rank .entry-point__current-level-texts[data-v-b879d13a] { justify-content: space-between; align-items: center; width: 100%; display: flex; }
.header-menu__item-dropdown-loyalty .entry-point__rank .entry-point__current-level-texts .text[data-v-b879d13a] { color: rgb(251, 193, 108); text-transform: uppercase; font-size: 12px; font-weight: 700; }
.header-menu__item-dropdown-loyalty .entry-point__rank .entry-point__current-level-texts .text-current[data-v-b879d13a] { text-transform: uppercase; }
.header-menu__item-dropdown-loyalty .entry-point__rank .entry-point__current-level-texts.next-tier[data-v-b879d13a] { justify-content: flex-end; position: relative; top: -4px; }
.header-menu__item-dropdown-loyalty .entry-point__rank .entry-point__current-level .current-level__progress[data-v-b879d13a] { background-color: rgb(30, 51, 104); border-radius: 99px; width: 100%; height: 7px; position: relative; }
.header-menu__item-dropdown-loyalty .entry-point__rank .entry-point__current-level .current-level__progress .progress-value[data-v-b879d13a] { background-color: rgb(0, 194, 36); border-radius: 99px; min-width: 6px; height: 7px; }
.header-menu__item-dropdown-loyalty .entry-point__rank .entry-point__current-level .current-level__progress .progress-value.zero[data-v-b879d13a] { min-width: 0px; }
.header-menu__item-dropdown-loyalty .entry-point__rank .entry-point__current-level .current-level__progress .current-level__next-icon[data-v-b879d13a] { object-fit: contain; height: 24px; position: absolute; top: 50%; right: -8px; transform: translateY(-50%); }
.header-menu__item-dropdown-loyalty .entry-point__rank .entry-point__rank-bg[data-v-b879d13a] { z-index: 0; user-select: none; pointer-events: none; background: linear-gradient(rgb(0, 31, 92), rgb(0, 11, 39) 82.5%); border-radius: 12px; justify-content: center; align-items: center; width: calc(100% - 2px); height: calc(100% - 2px); display: flex; position: absolute; top: 1px; right: 1px; overflow: hidden; }
.header-menu__item-dropdown-loyalty .entry-point__rank .entry-point__rank-badge[data-v-b879d13a] { z-index: 2; height: 85px; transition: 0.3s; position: absolute; top: 3.8px; right: -9px; }
.header-menu__item-dropdown-loyalty .entry-point__rank .entry-point__rank-badge-bg[data-v-b879d13a] { z-index: 1; filter: blur(8px); mix-blend-mode: screen; width: 347px; max-width: none; height: auto; transition: transform; position: absolute; top: -137px; left: 111px; }
.header-menu__item-dropdown.opened[data-v-b879d13a] { opacity: 1; pointer-events: auto; }
@supports selector(:has(*)) {
  [data-v-b879d13a] .entry-point__rank-icon:has(img[src*="icon-tier-0.png"])::before { content: ""; pointer-events: none; z-index: 2; background-image: linear-gradient(115deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 28%, rgba(255, 255, 255, 0.65) 68%, rgba(255, 255, 255, 0) 69%, rgba(255, 255, 255, 0)); background-position: 160% 0px; background-repeat: no-repeat; background-size: 200% 100%; animation: 2s linear 0s infinite normal none running loyaltyCardShine; position: absolute; inset: 0px; mask-image: url("https://ssv88.co/wp-content/uploads/2026/11/icon-tier-0.webp"); mask-position: 50% center; mask-size: contain; mask-repeat: no-repeat; mask-mode: alpha; }
  [data-v-b879d13a] .entry-point__rank-icon:has(img[src*="icon-tier-1.png"])::before { content: ""; pointer-events: none; z-index: 2; background-image: linear-gradient(115deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 28%, rgba(255, 255, 255, 0.65) 68%, rgba(255, 255, 255, 0) 69%, rgba(255, 255, 255, 0)); background-position: 160% 0px; background-repeat: no-repeat; background-size: 200% 100%; animation: 2s linear 0s infinite normal none running loyaltyCardShine; position: absolute; inset: 0px; mask-image: url("https://ssv88.co/wp-content/uploads/2026/11/icon-tier-1.webp"); mask-position: 50% center; mask-size: contain; mask-repeat: no-repeat; mask-mode: alpha; }
  [data-v-b879d13a] .entry-point__rank-icon:has(img[src*="icon-tier-2.png"])::before { content: ""; pointer-events: none; z-index: 2; background-image: linear-gradient(115deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 28%, rgba(255, 255, 255, 0.65) 68%, rgba(255, 255, 255, 0) 69%, rgba(255, 255, 255, 0)); background-position: 160% 0px; background-repeat: no-repeat; background-size: 200% 100%; animation: 2s linear 0s infinite normal none running loyaltyCardShine; position: absolute; inset: 0px; mask-image: url("https://ssv88.co/wp-content/uploads/2026/11/icon-tier-2.webp"); mask-position: 50% center; mask-size: contain; mask-repeat: no-repeat; mask-mode: alpha; }
  [data-v-b879d13a] .entry-point__rank-icon:has(img[src*="icon-tier-3.png"])::before { content: ""; pointer-events: none; z-index: 2; background-image: linear-gradient(115deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 28%, rgba(255, 255, 255, 0.65) 68%, rgba(255, 255, 255, 0) 69%, rgba(255, 255, 255, 0)); background-position: 160% 0px; background-repeat: no-repeat; background-size: 200% 100%; animation: 2s linear 0s infinite normal none running loyaltyCardShine; position: absolute; inset: 0px; mask-image: url("https://ssv88.co/wp-content/uploads/2026/11/icon-tier-3.webp"); mask-position: 50% center; mask-size: contain; mask-repeat: no-repeat; mask-mode: alpha; }
  [data-v-b879d13a] .entry-point__rank-icon:has(img[src*="icon-tier-4.png"])::before { content: ""; pointer-events: none; z-index: 2; background-image: linear-gradient(115deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 28%, rgba(255, 255, 255, 0.65) 68%, rgba(255, 255, 255, 0) 69%, rgba(255, 255, 255, 0)); background-position: 160% 0px; background-repeat: no-repeat; background-size: 200% 100%; animation: 2s linear 0s infinite normal none running loyaltyCardShine; position: absolute; inset: 0px; mask-image: url("https://ssv88.co/wp-content/uploads/2026/11/icon-tier-4.webp"); mask-position: 50% center; mask-size: contain; mask-repeat: no-repeat; mask-mode: alpha; }
  [data-v-b879d13a] .entry-point__rank-icon:has(img[src*="icon-tier-5.png"])::before { content: ""; pointer-events: none; z-index: 2; background-image: linear-gradient(115deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 28%, rgba(255, 255, 255, 0.65) 68%, rgba(255, 255, 255, 0) 69%, rgba(255, 255, 255, 0)); background-position: 160% 0px; background-repeat: no-repeat; background-size: 200% 100%; animation: 2s linear 0s infinite normal none running loyaltyCardShine; position: absolute; inset: 0px; mask-image: url("https://ssv88.co/wp-content/uploads/2026/11/icon-tier-5.webp"); mask-position: 50% center; mask-size: contain; mask-repeat: no-repeat; mask-mode: alpha; }
}
@keyframes shake-b879d13a { 
  0%, 24%, 100% { transform: rotate(0deg); }
  15%, 3% { transform: rotate(-12deg); }
  21%, 9% { transform: rotate(12deg); }
}
.header-menu[data-v-4c93c12c] { align-items: center; gap: 16px; display: flex; }
.header-menu[data-v-4c93c12c] .header-menu__item { background: linear-gradient(74grad, rgb(0, 105, 203) 10.97%, rgb(0, 198, 211) 96.05%); border-radius: 12px; justify-content: center; align-items: center; width: 120px; height: 48px; padding: 1px; display: flex; position: relative; overflow: visible; }
.header-menu[data-v-4c93c12c] .header-menu__item .header-menu__item-container { color: rgb(255, 255, 255); cursor: pointer; background: linear-gradient(rgb(4, 23, 70), rgb(1, 15, 50) 82.5%); border-radius: 12px; justify-content: center; align-items: center; gap: 4px; width: 100%; height: 100%; display: flex; position: relative; overflow: hidden; }
.header-menu[data-v-4c93c12c] .header-menu__item .header-menu__item-container::before { content: ""; opacity: 0; z-index: 0; background: linear-gradient(rgb(0, 105, 203), rgb(0, 11, 39) 82.5%); border-radius: 12px; width: 100%; height: 100%; transition: 0.2s; position: absolute; top: 0px; left: 0px; }
.header-menu[data-v-4c93c12c] .header-menu__item .header-menu__item-container:hover::before { opacity: 1; }
.header-menu[data-v-4c93c12c] .header-menu__item .header-menu__item-container .icon { z-index: 1; font-size: 28px; }
.header-menu[data-v-4c93c12c] .header-menu__item .header-menu__item-container .icon::before { color: rgb(19, 150, 248); }
.header-menu[data-v-4c93c12c] .header-menu__item .header-menu__item-container .header-menu__item-name { z-index: 1; font-family: "Inter"; font-size: 14px; font-weight: 600; line-height: 20px; }
.header-user[data-v-caa81e83] { align-items: center; gap: 16px; margin-left: auto; display: flex; }
.header-user__content[data-v-caa81e83] { position: relative; }
.header-user__content .info[data-v-caa81e83] { cursor: pointer; text-align: right; min-width: 115px; display: flex; }
.header-user__content .name[data-v-caa81e83] { text-overflow: ellipsis; -webkit-line-clamp: 1; word-break: break-word; color: rgb(19, 150, 248); -webkit-box-orient: vertical; max-width: 60px; margin-left: auto; font-family: "Inter"; font-size: 14px; font-weight: 600; line-height: 20px; display: -webkit-box; overflow: hidden; }
.header-user__content .balance[data-v-caa81e83] { font-family: "Inter"; font-size: 16px; font-weight: 700; line-height: 24px; }
.header-user__content .user-info-avatar[data-v-caa81e83] { margin-left: 8px; position: relative; }
.header-user__content .user-info-avatar-tooltip[data-v-caa81e83] { opacity: 0; z-index: 11; visibility: hidden; background: rgb(30, 45, 81); border-radius: 4px; width: max-content; padding: 4px; font-family: "Inter"; font-size: 14px; font-weight: 400; line-height: 20px; transition: 0.3s; position: absolute; bottom: -34px; left: 50%; transform: translate(-50%); }
.header-user__content .user-info-avatar-tooltip[data-v-caa81e83]::before { content: ""; border-bottom: 6px solid rgb(30, 45, 81); border-left: 6px solid rgba(0, 0, 0, 0); border-right: 6px solid rgba(0, 0, 0, 0); position: absolute; top: -6px; left: 50%; transform: translate(-50%); }
.header-user__content .user-info-avatar:hover .user-info-avatar-tooltip[data-v-caa81e83], .header-user__content.active .header-user__list[data-v-caa81e83], .header-user__content.active .overlay[data-v-caa81e83] { opacity: 1; visibility: visible; }
.header-user__content .user-info-avatar_content[data-v-caa81e83] { background: linear-gradient(74grad, rgb(0, 105, 203) 10.97%, rgb(0, 198, 211) 96.05%); border-radius: 12px; width: 48px; height: 48px; padding: 1px; position: relative; }
.header-user__content .user-info-avatar_content .icon-user-info[data-v-caa81e83] { background: linear-gradient(rgb(4, 23, 70), rgb(0, 11, 39) 82.5%); border-radius: 12px; justify-content: center; align-items: center; font-size: 30px; transition: 0.2s; display: flex; position: absolute; inset: 1px; }
.header-user__content .user-info-avatar_content .icon-user-info[data-v-caa81e83]:hover, .header-user__content.active .user-info-avatar_content .icon-user-info[data-v-caa81e83] { background: linear-gradient(rgb(0, 105, 203), rgb(0, 11, 39) 82.5%); }
.header-user__content .user-info-avatar_content .icon-user-info[data-v-caa81e83]::before { filter: brightness(0) saturate() invert(46%) sepia(93%) saturate(1720%) hue-rotate(186deg) brightness(97%) contrast(92%); }
.header-user__content.active .overlay[data-v-caa81e83] { pointer-events: auto; }
.header-user__content.active .user-info-avatar_content .icon-user-info[data-v-caa81e83]::before { filter: none; }
.header-user .base-button.size--large[data-v-caa81e83] { border-radius: 12px; width: 120px; height: 48px; }
.header-user__list[data-v-caa81e83] { opacity: 0; visibility: hidden; z-index: 1; background-color: rgb(18, 31, 62); border-radius: 8px; width: 300px; min-height: 372px; padding: 12px; transition: 0.3s; position: absolute; top: 55px; right: 0px; box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 10px; flex-direction: column !important; display: flex !important; }
.header-user__item[data-v-caa81e83] { cursor: pointer; color: rgb(173, 183, 204); background: rgb(0, 11, 39); align-items: center; gap: 12px; padding: 12px 8px; font-family: "Inter"; font-size: 16px; font-weight: 600; line-height: 24px; display: flex; position: relative; }
.header-user__item[data-v-caa81e83]::after { content: ""; background-color: rgb(42, 56, 99); width: 100%; height: 1px; position: absolute; bottom: 0px; left: 0px; }
.header-user__item[data-v-caa81e83]:first-child { border-radius: 8px 8px 0px 0px; }
.header-user__item[data-v-caa81e83]:nth-last-child(2) { border-radius: 0px 0px 8px 8px; }
.header-user__item[data-v-caa81e83]:last-child::after, .header-user__item[data-v-caa81e83]:nth-last-child(2)::after { content: none; }
.header-user__item[data-v-caa81e83]:last-child { border-radius: 8px; margin-top: 12px; }
.header-user__item span[data-v-caa81e83] { font-size: 32px; }
.header-user__item span[data-v-caa81e83]::before { color: rgb(173, 183, 204); }
.header-user__item[data-v-caa81e83]:hover { color: rgb(255, 255, 255); background: linear-gradient(90deg, rgb(0, 105, 203), rgb(0, 198, 211)); }
.header-user__item:hover span[data-v-caa81e83]::before { color: rgb(255, 255, 255); }
.header-user .overlay[data-v-caa81e83] { opacity: 0; visibility: hidden; pointer-events: none; background-color: rgba(0, 0, 0, 0.8); width: 100%; height: calc(-80px + 100vh); transition: 0.3s; position: fixed; top: 80px; left: 0px; }
.notification[data-v-aafb485e] { min-width: 48px; }
.notification__item[data-v-aafb485e] { cursor: pointer; position: relative; }
.notification__item img[data-v-aafb485e] { width: 48px; height: 48px; }
.notification__item-tooltip[data-v-aafb485e] { opacity: 0; z-index: 11; visibility: hidden; background: rgb(30, 45, 81); border-radius: 4px; width: max-content; padding: 4px; font-family: "Inter"; font-size: 14px; font-weight: 400; line-height: 20px; transition: 0.3s; position: absolute; bottom: -34px; left: 50%; transform: translate(-50%); }
.notification__item-tooltip[data-v-aafb485e]::before { content: ""; border-bottom: 6px solid rgb(30, 45, 81); border-left: 6px solid rgba(0, 0, 0, 0); border-right: 6px solid rgba(0, 0, 0, 0); position: absolute; top: -6px; left: 50%; transform: translate(-50%); }
.notification__item:hover .notification__item-tooltip[data-v-aafb485e] { opacity: 1; visibility: visible; }
.notification .content .overlay[data-v-aafb485e] { background: rgba(0, 0, 0, 0.7); width: 100vw; height: calc(-72px + 100vh); position: fixed; top: 72px; left: 0px; }
.notification .content .notification-wrapper .desktop[data-v-aafb485e] { border-radius: initial; height: auto; max-height: none; position: static; }
.notification .content .notification-wrapper[data-v-aafb485e] { z-index: 10; background-color: rgb(18, 31, 62); border-radius: 8px; width: 420px; height: calc(-150px + 100vh); max-height: 750px; position: absolute; top: 72px; right: calc(50% - 640px); box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px; flex-direction: column !important; display: flex !important; }
.notification .content .notification-wrapper .header-container[data-v-aafb485e] { background: linear-gradient(1turn, rgb(18, 31, 62), rgb(30, 51, 104)); border-radius: 8px 8px 0px 0px; justify-content: center; align-items: center; gap: 12px; height: 52px; padding: 0px 16px; display: flex; }
.notification .content .notification-wrapper .header-container .header[data-v-aafb485e] { justify-content: space-between; align-items: center; gap: 10px; width: 100%; height: 52px; display: flex; }
.notification .content .notification-wrapper .header-container .header p[data-v-aafb485e] { flex: 1 1 0%; font-family: "Inter"; font-size: 24px; font-weight: 700; line-height: 28px; }
.notification .content .notification-wrapper .header-container .header .mark-all[data-v-aafb485e] { position: relative; }
.notification .content .notification-wrapper .header-container .header .mark-all .icon-check-1[data-v-aafb485e] { cursor: pointer; font-size: 24px; }
.notification .content .notification-wrapper .header-container .header .mark-all .tooltip[data-v-aafb485e] { visibility: hidden; opacity: 0; background-color: rgb(10, 83, 136); border-radius: 4px; width: 179px; padding: 8px 12px; transition: 0.3s; position: absolute; top: -40px; right: -8px; }
.notification .content .notification-wrapper .header-container .header .mark-all .tooltip p[data-v-aafb485e] { color: rgb(255, 255, 255); font-family: "Inter"; font-size: 14px; font-weight: 400; line-height: 20px; position: relative; }
.notification .content .notification-wrapper .header-container .header .mark-all .tooltip p .icon-arrow-tooltip[data-v-aafb485e] { background: url("data:image/svg+xml,%3Csvg width=%2210%22 height=%228%22 viewBox=%220 0 10 8%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E %3Cpath d=%22M4.13397 7.5C4.51887 8.16667 5.48113 8.16667 5.86603 7.5L9.33013 1.5C9.71503 0.833334 9.2339 0 8.4641 0H1.5359C0.766098 0 0.284973 0.833333 0.669873 1.5L4.13397 7.5Z%22 fill=%22%230A5388%22/%3E %3C/svg%3E") 0px 0px / contain no-repeat; width: 12px; height: 12px; position: absolute; top: 23px; right: 2px; }
.notification .content .notification-wrapper .header-container .header .mark-all[data-v-aafb485e]:not(.disabled):hover { color: rgb(66, 171, 249); }
.notification .content .notification-wrapper .header-container .header .mark-all.disabled .icon-check-1[data-v-aafb485e] { color: rgba(255, 255, 255, 0.2); cursor: default; }
.notification .content .notification-wrapper .header-container .header .mark-all:hover .tooltip[data-v-aafb485e] { visibility: visible; opacity: 1; }
.notification .content .notification-wrapper .notification-container[data-v-aafb485e] { flex: 1 1 0%; overflow: hidden; }
.notification .content .notification-wrapper .notification-container .notifications[data-v-aafb485e] { background: rgb(18, 31, 62); border-radius: 0px 0px 8px 8px; height: 100%; overflow: hidden auto; flex-direction: column !important; display: flex !important; }
.notification .content .notification-wrapper .notification-container .notifications .loadmore[data-v-aafb485e] { min-height: 80px; }
.notification .content .notification-wrapper .notification-container .notifications[data-v-aafb485e]::-webkit-scrollbar { background: rgb(47, 56, 79); width: 4px; }
.notification .content .notification-wrapper .notification-container .notifications[data-v-aafb485e]::-webkit-scrollbar-thumb { background: rgb(100, 100, 100); }
.header[data-v-3b9452be] { z-index: 1000; background: rgb(0, 11, 39); width: 100%; height: 80px; position: sticky; top: 0px; left: 0px; }
.header__content[data-v-3b9452be] { grid-template-columns: 1fr 1fr; gap: 24px; height: 100%; display: grid; }
.header .left[data-v-3b9452be] { gap: 16px; }
.header .left[data-v-3b9452be], .header .right[data-v-3b9452be] { align-items: center; display: flex; }
.header .right[data-v-3b9452be] { width: 100%; }
.header-countdown-theme[data-v-3b9452be] { --header-countdown-title-color: #fff; --header-countdown-meta-color: #fff; --header-countdown-value-color: #1396f8; --header-countdown-bg-color: #000; }
.license-block__list[data-v-7fcf15fa] { flex-wrap: wrap; gap: 16px; width: 126px; display: flex; }
.license-block__list img[data-v-7fcf15fa] { max-height: 24px; }
.link-item[data-v-cd63f0ff] { color: rgb(173, 183, 204); white-space: nowrap; border-bottom-color: rgba(0, 0, 0, 0); line-height: 20px; transition: 0.3s; }
.link-item[data-v-cd63f0ff]:hover { color: rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); }
.link-item span[data-v-cd63f0ff] { position: relative; }
.link-item .label-type-4[data-v-cd63f0ff] { position: absolute; top: -1px; right: -33px; }
.link-list[data-v-0e7efbd1] { margin: 0px; padding: 0px; list-style: none; }
.link-list li[data-v-0e7efbd1] { margin-bottom: 8px; }
.link-list li[data-v-0e7efbd1]:last-child { margin-bottom: 0px; }
.link-block[data-v-49de9b36] { width: 29%; display: flex; }
.link-block__item[data-v-49de9b36]:first-child { padding-right: 126px; }
.social[data-v-f58de341] { gap: 16px; margin: 0px; padding: 0px; list-style: none; display: flex; }
.social__item[data-v-f58de341]:last-child { margin-right: 0px; }
.social__link[data-v-f58de341] { display: block; }
.social span[data-v-f58de341] { color: rgb(173, 183, 204); font-family: "Inter"; font-size: 32px; font-weight: 700; line-height: 36px; }
.social span[data-v-f58de341]:hover::before { color: rgb(255, 255, 255); }
.social span.icon-youtube[data-v-f58de341] { padding: 2px; font-size: 27px; }
.social span.icon-facebook[data-v-f58de341] { padding: 3px; font-size: 27px; }
.social span.icon-telegram[data-v-f58de341] { padding: 1px; font-size: 31px; }
.social-block[data-v-080cb039] { width: 128px; }
.social-block__title[data-v-080cb039] { margin-bottom: calc(0.3 * var(--c4-rem,16px)); }
.social-block .call[data-v-080cb039] { gap: 16px; margin-top: 20px; flex-direction: column !important; display: flex !important; }
.social-block .call a[data-v-080cb039] { color: rgb(173, 183, 204); align-items: center; gap: 8px; font-family: "Inter"; font-size: 14px; font-weight: 500; line-height: 20px; transition: 0.3s; display: flex; }
.social-block .call a[data-v-080cb039]:hover { color: rgb(255, 255, 255); }
.social-block .call a span[data-v-080cb039] { font-size: 20px; }
.social-block .call a span[data-v-080cb039]::before { color: rgb(173, 183, 204); }
.social-block__copyright[data-v-080cb039] { white-space: nowrap; margin-top: 40px; font-family: "Roboto"; font-size: 14px; font-weight: 400; line-height: 18px; }
.responsibility-block[data-v-58d23142] { width: 161px; }
.responsibility-block__list[data-v-58d23142] { gap: 14px; display: flex; }
.bank-list[data-v-766b0c34] { user-select: none; flex-wrap: wrap; align-items: center; gap: 16px; margin: 0px; padding: 0px; list-style: none; display: flex; }
.bank-list[data-v-766b0c34]:last-child { margin-bottom: 0px; }
.bank-list li[data-v-766b0c34] { justify-content: center; align-items: center; display: flex; }
.bank-list li img[data-v-766b0c34] { max-height: 28px; }
.bank-list li:last-child img[data-v-766b0c34], .bank-list li:nth-last-child(2) img[data-v-766b0c34] { max-height: 24px; }
.partner-block__list[data-v-d5f4ebe8] { flex-wrap: wrap; align-items: center; gap: 11px; display: flex; }
.partner-block img[data-v-d5f4ebe8] { max-height: 28px; }
.footer[data-v-b083eb67] { z-index: 3; color: rgb(173, 183, 204); background-color: rgb(0, 11, 39); padding: 32px 0px; position: relative; }
.footer__bottom[data-v-b083eb67] { border-top: 1px solid rgb(85, 94, 118); grid-template-columns: 424px 1fr; gap: 26px; margin-top: 22px; padding-top: 16px; display: grid; }
.footer[data-v-b083eb67] .title { color: rgb(255, 255, 255); margin-bottom: 12px; font-family: "Inter"; font-size: 14px; font-weight: 700; line-height: 20px; }
.footer[data-v-b083eb67] .license-block .title, .footer[data-v-b083eb67] .responsibility-block .title { margin-bottom: 28px; }
.footer[data-v-b083eb67] .bank-block .title, .footer[data-v-b083eb67] .partner-block .title { margin-bottom: 16px; }
.footer__wrapper[data-v-b083eb67] { justify-content: space-between; align-items: stretch; display: flex; }
.footer.noel-footer[data-v-b083eb67], .footer.worldcup[data-v-b083eb67] { background: rgb(0, 11, 39); }
.footer.worldcup[data-v-b083eb67] { padding: 35px 0px; }
.footer .feature[data-v-b083eb67] { position: absolute; bottom: 0px; left: 0px; }
.footer .feature.right[data-v-b083eb67] { left: auto; right: 0px; }
@media screen and (max-width: 1600px) {
  .footer .feature.right[data-v-b083eb67] { width: 200px; }
}
.zoom-iframe .footer[data-v-b083eb67] { display: none; }
.s4-maintenance { isolation: isolate; z-index: 2147483647; background: linear-gradient(rgb(41, 41, 41), rgb(0, 0, 0)); justify-content: center; align-items: center; width: 100%; min-height: 100dvh; padding: 24px; font-family: "Roboto", "Inter", sans-serif; display: flex; position: relative; overflow: hidden; }
.c4-body:has(.s4-maintenance) #s-toast-container { display: none !important; }
.c4-body:has(.s4-maintenance) #s-toast-winner-container { display: none !important; }
.c4-body:has(.s4-maintenance) .toast-winner-container { display: none !important; }
.s4-maintenance::before { background: var(--s4-maintenance-bg) 50%/cover no-repeat; content: ""; opacity: 0.6; pointer-events: none; z-index: -1; position: absolute; inset: 0px; }
.s4-maintenance__logo { width: 123px; height: auto; position: absolute; top: 56px; left: 50%; transform: translate(-50%); }
.s4-maintenance__body { text-align: center; max-width: 900px; }
.s4-maintenance__title { color: rgb(232, 232, 232); margin: 0px 0px 30px; font-size: 48px; font-weight: 700; line-height: 32px; }
.s4-maintenance__desc { color: rgb(118, 118, 118); white-space: pre-line; margin: 0px; font-size: 24px; font-weight: 400; line-height: 150%; }
@media (max-width: 767px) {
  .s4-maintenance .s4-maintenance__logo { width: 96px; top: 32px; }
  .s4-maintenance .s4-maintenance__title { font-size: 32px; line-height: 1.3; }
  .s4-maintenance .s4-maintenance__desc { font-size: 16px; }
}
.logo-animation[data-v-4e1cd615] { width: 123px; height: 37px; position: relative; }
.logo-animation__logo .hide[data-v-4e1cd615] { opacity: 0; visibility: hidden; }
.logo-animation__animation[data-v-4e1cd615] { width: 123px; height: 37px; position: absolute; top: 0px; left: 0px; }
.s4-g0-livestream[data-v-0de620dc] { object-fit: contain; background: rgb(0, 0, 0); width: 100%; height: 100%; display: block; }
.livestream-casino[data-v-866cd390] { border-radius: 8px; position: relative; overflow: hidden; }
.livestream-casino[data-v-866cd390]::before { content: ""; pointer-events: none; z-index: 3; border: 1px solid rgb(19, 150, 248); border-radius: 8px; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }
.livestream-casino__img-default[data-v-866cd390] { z-index: 2; width: 100%; height: 100%; position: absolute; }
.livestream-casino__img-default img[data-v-866cd390] { width: 100%; height: 100%; }
.livestream-casino__icon-volume[data-v-866cd390] { cursor: pointer; z-index: 2; position: absolute; top: 8px; left: 8px; }
.livestream-casino__icon-live[data-v-866cd390] { z-index: 2; width: 67px; height: 24px; position: absolute; top: 0px; right: 0px; }
.livestream-casino__icon-partner[data-v-866cd390] { z-index: 2; width: 41px; height: 30px; position: absolute; top: 30px; right: 8px; }
.livestream-casino__icon-partner img[data-v-866cd390] { object-fit: cover; width: 100%; height: 100%; position: absolute; }
.livestream-casino__icon-partner#sic-bo-tp[data-v-866cd390] { width: 91px; right: 3px; }
.livestream-casino__name[data-v-866cd390] { font-size: 16px; font-weight: 600; line-height: 24px; bottom: 46px; }
.livestream-casino__jackpot[data-v-866cd390], .livestream-casino__name[data-v-866cd390] { z-index: 2; font-family: "Inter"; position: absolute; left: 8px; }
.livestream-casino__jackpot[data-v-866cd390] { color: rgb(255, 220, 1); background-color: rgba(0, 0, 0, 0.6); border-radius: 4px; align-items: center; gap: 4px; padding: 10px 8px; font-family: "Roboto Mono"; font-size: 14px; font-weight: 700; line-height: 20px; display: flex; bottom: 4px; }
.livestream-casino__jackpot img[data-v-866cd390] { max-width: 16px; }
.livestream-casino__play-button[data-v-866cd390] { z-index: 10; position: absolute; bottom: 6px; right: 8px; }
.livestream-casino__play-button[data-v-866cd390] .base-button { border-radius: 4px; font-family: "Inter"; font-size: 12px; font-weight: 600; line-height: 16px; }
.livestream-casino__video[data-v-866cd390] { z-index: 1; overflow: hidden; }
.livestream-casino__video-id[data-v-866cd390] { display: block; position: absolute; inset: -2%; object-fit: cover !important; width: 102% !important; height: 102% !important; }
.livestream-casino__video[data-v-866cd390] #middleView-xoc-dia-rik { z-index: 99 !important; }
@media screen and (max-width: 1024px) {
  .livestream-casino[data-v-866cd390] { min-height: 40.8vw; }
  .livestream-casino[data-v-866cd390]::before { content: none; }
  .livestream-casino__img-default[data-v-866cd390], .livestream-casino__img-default img[data-v-866cd390] { width: 100%; height: 100%; }
  .livestream-casino__icon-volume[data-v-866cd390] { z-index: 3; top: 2.13333vw; left: 1.86667vw; }
  .livestream-casino__icon-volume img[data-v-866cd390] { width: 6.4vw; }
  .livestream-casino__icon-live[data-v-866cd390] { width: 17.8667vw; height: 6.4vw; top: 0px; right: 0px; }
  .livestream-casino__icon-live img[data-v-866cd390] { width: 100%; }
  .livestream-casino__icon-partner[data-v-866cd390] { width: 10.9333vw; height: 8vw; top: 8.53333vw; right: 1.06667vw; }
  .livestream-casino__name[data-v-866cd390] { font-family: "Inter"; font-size: 3.73333vw; font-weight: 600; line-height: 5.33333vw; bottom: 12.2667vw; left: 2.13333vw; }
  .livestream-casino__jackpot[data-v-866cd390] { border-radius: 1.06667vw; gap: 1.06667vw; padding: 1.06667vw; font-family: "Roboto Mono"; font-size: 3.2vw; font-weight: 700; line-height: 4.26667vw; bottom: 2.13333vw; left: 2.13333vw; }
  .livestream-casino__jackpot img[data-v-866cd390] { max-width: 4.26667vw; }
  .livestream-casino__play-button[data-v-866cd390] { bottom: 2.13333vw; right: 2.13333vw; }
  .livestream-casino__play-button[data-v-866cd390] .base-button.mobile { font-family: "Inter"; font-size: 2.66667vw; font-weight: 600; line-height: 4.26667vw; }
  .livestream-casino__video[data-v-866cd390] { width: 100% !important; height: 40.8vw !important; }
}
.session-live-video[data-v-faaf1607] { position: relative; }
.session-live-video__title[data-v-faaf1607] { margin-bottom: 10px; }
.session-live-video__swiper[data-v-faaf1607] { padding: 0px 1px; position: relative; }
.session-live-video__item[data-v-faaf1607] { max-width: 393px; margin-right: 16px; }
.session-live-video[data-v-faaf1607] .livestream-casino { border-radius: 8px; }
.session-live-video[data-v-faaf1607] .livestream-casino__name { bottom: 49px; }
.session-live-video[data-v-faaf1607] .livestream-casino__jackpot { bottom: 7px; }
.session-live-video[data-v-faaf1607] .livestream-casino__play-button { bottom: 9px; right: 6px; }
.session-live-video[data-v-faaf1607] .livestream-casino__img-default, .session-live-video[data-v-faaf1607] .livestream-casino__img-default img { width: 100%; height: 100%; }
.session-live-video__button[data-v-faaf1607]::after { content: ""; z-index: 1; pointer-events: none; background: linear-gradient(270deg, rgb(30, 51, 104), rgba(0, 11, 39, 0)); width: 173px; height: 220px; position: absolute; bottom: 0px; right: 0px; }
.session-live-video__button.disabled[data-v-faaf1607]::after { left: -1px; right: auto; transform: rotate(180deg); }
.session-live-video .swiper-button[data-v-faaf1607] { z-index: 2; cursor: pointer; background: linear-gradient(rgb(19, 150, 248), rgb(19, 150, 248)), linear-gradient(270deg, rgb(8, 85, 196), rgb(19, 150, 248)); border-radius: 12px; justify-content: center; align-items: center; width: 44px; height: 44px; display: flex; position: absolute; top: 58%; right: -20px; transform: translateY(-58%); }
.session-live-video .swiper-button span[data-v-faaf1607] { font-size: 24px; }
.session-live-video .swiper-button-prev[data-v-faaf1607] { left: -20px; right: auto; transform: translateY(-50%) rotate(180deg); }
.session-live-video .swiper-button.disabled[data-v-faaf1607] { opacity: 0; visibility: hidden; }
.jackpot-event[data-v-a85e0eb3] { cursor: pointer; width: 100%; height: 100%; position: relative; }
.jackpot-event__animation[data-v-a85e0eb3] { z-index: 1; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }
.jackpot-event__animation[data-v-a85e0eb3] canvas { border-radius: 10px; width: 354px !important; }
.jackpot-event__value[data-v-a85e0eb3] { z-index: 2; filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px 4.17804px 4.17804px); -webkit-text-fill-color: transparent; background: linear-gradient(165deg, rgb(228, 165, 1) 2.67%, rgb(255, 223, 140) 29.54%, rgb(228, 165, 1) 51.84%, rgb(255, 223, 140) 77.7%, rgb(228, 165, 1)) text; width: fit-content; font-family: "Roboto Mono"; font-size: 26px; font-weight: 700; line-height: 100%; position: absolute; bottom: 64px; left: 50%; transform: translate(-50%); }
.jackpot-event__value.error[data-v-a85e0eb3] { bottom: 64px; }
@media screen and (min-width: 1024px) {
  .jackpot-event[data-v-a85e0eb3] { height: 264px; }
}
.mobile .jackpot-event__value[data-v-a85e0eb3] { text-align: center; background: url("https://ssv88.co/wp-content/uploads/2026/11/bg-value.webp") 50% center / 100% 100% no-repeat; justify-content: center; align-items: center; min-width: 58.1333vw; height: 7.46667vw; font-family: "Roboto Mono"; font-size: 4.26667vw; font-weight: 600; line-height: 6.4vw; display: flex; top: 3.2vw; bottom: auto; left: 0px; transform: none; }
.mobile .jackpot-event__value[data-v-a85e0eb3] span { -webkit-text-fill-color: transparent; background: linear-gradient(165deg, rgb(228, 165, 1) 2.67%, rgb(255, 223, 140) 29.54%, rgb(228, 165, 1) 51.84%, rgb(255, 223, 140) 77.7%, rgb(228, 165, 1)) text; }
.mobile .jackpot-event img[data-v-a85e0eb3] { height: 25.6vw; }
.halloween-button[data-v-cd5137da] { text-align: center; }
.halloween-button .btn[data-v-cd5137da] { color: rgb(255, 255, 255); white-space: nowrap; cursor: pointer; text-shadow: rgba(0, 0, 0, 0.25) 0px 1.667px 1.667px; background-image: url("https://ssv88.co/wp-content/uploads/2026/11/button.webp"); background-position: 50% center; background-repeat: no-repeat; background-size: 100% 100%; justify-content: center; align-items: center; width: 120px; height: 40px; margin: auto; padding: 0px 28px; font-family: "Inter"; font-size: 16px; font-weight: 700; line-height: 24px; transition: 0.3s; display: flex; }
@media screen and (min-width: 1024px) {
  .halloween-button .btn[data-v-cd5137da]:hover { text-shadow: rgba(0, 0, 0, 0.25) 0px 2px 2px; background-image: url("https://ssv88.co/wp-content/uploads/2026/11/button-hover.webp"); }
}
.modal-halloween[data-v-0118dbde] { text-align: center; color: rgb(255, 255, 255); background-size: 100% 100%; width: 100%; height: 366px; padding-top: 140px; }
.modal-halloween.mission-success[data-v-0118dbde] { background-image: url("https://ssv88.co/wp-content/uploads/2026/11/bg-modal-success-1.webp"); }
.modal-halloween.mission-failed[data-v-0118dbde] { background-image: url("https://ssv88.co/wp-content/uploads/2026/11/bg-modal-fail.webp"); }
.modal-halloween .box .title[data-v-0118dbde] { text-align: center; }
.modal-halloween .box .reward[data-v-0118dbde], .modal-halloween .box .title[data-v-0118dbde] { margin-bottom: 6px; font-family: "Inter"; font-size: 20px; font-weight: 700; line-height: 28px; }
.modal-halloween .box .reward[data-v-0118dbde] span { color: rgb(251, 193, 108); margin-top: 8px; margin-bottom: 20px; font-family: "Inter"; font-size: 32px; font-weight: 700; line-height: 36px; display: inline-block; }
.modal-halloween .box[data-v-0118dbde] .halloween-button .btn { height: 48px; font-family: "Inter"; font-size: 20px; font-weight: 700; line-height: 28px; }
.modal-halloween .box.mission-failed .title[data-v-0118dbde] { margin-top: 2px; font-family: "Inter"; font-size: 32px; font-weight: 700; line-height: 36px; }
.modal-halloween .box.mission-failed .description[data-v-0118dbde] { margin-bottom: 61px; font-family: "Inter"; font-size: 20px; font-weight: 700; line-height: 28px; }
[data-v-0118dbde] .modal-dialog, [data-v-0118dbde] .modal-content { background: 0px 0px !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }
[data-v-0118dbde] .modal-dialog { max-width: 564px; }
@media screen and (max-width: 1025px) {
  .modal-halloween[data-v-0118dbde] { height: 59.4667vw; padding-top: 20.8vw; }
  .modal-halloween.mission-success[data-v-0118dbde] { background-image: url("https://ssv88.co/wp-content/uploads/2026/11/bg-modal-success.webp"); }
  .modal-halloween.mission-failed[data-v-0118dbde] { background-image: url("https://ssv88.co/wp-content/uploads/2026/11/bg-modal-fail-1.webp"); }
  .modal-halloween .box .title[data-v-0118dbde] { margin-bottom: 0.8vw; }
  .modal-halloween .box .reward[data-v-0118dbde], .modal-halloween .box .title[data-v-0118dbde] { font-family: "Inter"; font-size: 3.73333vw; font-weight: 700; line-height: 5.33333vw; }
  .modal-halloween .box .reward[data-v-0118dbde] { margin-bottom: 0px; }
  .modal-halloween .box .reward[data-v-0118dbde] span { margin-top: 1.06667vw; margin-bottom: 2.66667vw; font-family: "Inter"; font-size: 5.33333vw; font-weight: 700; line-height: 7.46667vw; }
  .modal-halloween .box[data-v-0118dbde] .halloween-button .btn { height: 8vw; font-family: "Inter"; font-size: 3.73333vw; font-weight: 700; line-height: 5.33333vw; width: 30.88vw !important; }
  .modal-halloween .box.mission-failed .title[data-v-0118dbde] { margin-top: -0.8vw; margin-bottom: 0px; font-family: "Inter"; font-size: 5.33333vw; font-weight: 700; line-height: 7.46667vw; }
  .modal-halloween .box.mission-failed .description[data-v-0118dbde] { margin-bottom: 11.2vw; font-family: "Inter"; font-size: 3.73333vw; font-weight: 700; line-height: 5.33333vw; }
  [data-v-0118dbde] .modal-dialog { max-width: 91.4667vw; }
}
.dock-entrypoint[data-v-518080bb] { z-index: 1001; position: fixed; bottom: 24px; left: 24px; }
.dock-entrypoint__overlay[data-v-518080bb] { z-index: 0; background: rgba(0, 0, 0, 0.698); position: fixed; inset: 0px; }
.dock-entrypoint[data-v-518080bb]:has(.expand) { z-index: 1002; }
.dock-entrypoint[data-v-518080bb]:has(.hide) { cursor: pointer; left: 0px; }
.dock-entrypoint__icon[data-v-518080bb] { z-index: 2; background: rgb(30, 51, 104); border-radius: 6px; justify-content: center; align-items: center; width: 20px; height: 20px; padding: 2px; display: flex; position: absolute; top: 6px; }
.dock-entrypoint__icon[data-v-518080bb]:hover { background: linear-gradient(rgb(19, 150, 248), rgba(19, 150, 248, 0.5)); }
.dock-entrypoint__icon .icon[data-v-518080bb] { cursor: pointer; justify-content: center; align-items: center; display: flex; }
.dock-entrypoint__icon .icon[data-v-518080bb]::before { color: rgb(247, 248, 250); font-size: 16px; }
.dock-entrypoint__icon.left[data-v-518080bb] { left: 6px; }
.dock-entrypoint__icon.right[data-v-518080bb] { right: 6px; }
.dock-entrypoint__hide-wrapper[data-v-518080bb] { justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; }
.dock-entrypoint__container[data-v-518080bb] { outline-offset: -1px; z-index: 1; background: rgba(18, 31, 62, 0.8); border-radius: 12px; outline: rgb(42, 56, 99) solid 1px; justify-content: center; align-items: center; width: 126px; height: 126px; transition: width 0.3s, height 0.3s; display: flex; position: relative; overflow: hidden; }
.dock-entrypoint__container.expand[data-v-518080bb] { border-radius: 8px; width: 268px; height: fit-content; }
.dock-entrypoint__container.hide[data-v-518080bb] { background: linear-gradient(270deg, rgb(19, 150, 248), rgb(30, 51, 104)); border: 1px solid rgb(42, 56, 99); border-radius: 0px 12px 12px 0px; justify-content: center; align-items: center; width: 40px; height: 126px; display: flex; }
.dock-entrypoint__container.hide[data-v-518080bb]:hover { outline-offset: -1px; outline: rgb(0, 198, 211) solid 1px; }
.dock-entrypoint__container.hide .icon[data-v-518080bb]::before { color: rgb(247, 248, 250); font-size: 24px; }
.dock-entrypoint__hero-swiper[data-v-518080bb] { justify-content: center; align-items: center; width: 126px; height: 126px; padding: 8px; display: flex; overflow: hidden; }
.dock-entrypoint__content[data-v-518080bb] { grid-template-columns: repeat(2, 1fr); gap: 16px; width: 268px; height: fit-content; padding: 16px; transition: width 0.3s, height 0.3s; display: grid; overflow: hidden; }
.mobile .dock-entrypoint[data-v-518080bb] { z-index: 98; bottom: 34.1333vw; left: auto; right: 2.13333vw; }
.mobile .dock-entrypoint[data-v-518080bb]:has(.hide) { right: 0px; }
.mobile .dock-entrypoint__icon[data-v-518080bb] { z-index: 2; background: rgb(30, 51, 104); border-radius: 1.06667vw; width: 4.26667vw; height: 4.26667vw; padding: 0.533333vw; top: 1.6vw; }
.mobile .dock-entrypoint__icon .icon[data-v-518080bb]::before { color: rgb(247, 248, 250); font-size: 3.2vw; }
.mobile .dock-entrypoint__icon.left[data-v-518080bb] { left: 1.6vw; }
.mobile .dock-entrypoint__icon.right[data-v-518080bb] { right: 1.6vw; }
.mobile .dock-entrypoint__container[data-v-518080bb] { outline-offset: -1px; border-radius: 1.06667vw; outline: rgb(42, 56, 99) solid 0.266667vw; width: 27.7333vw; height: 27.7333vw; }
.mobile .dock-entrypoint__container.expand[data-v-518080bb] { width: 95.7333vw; height: fit-content; }
.mobile .dock-entrypoint__container.hide[data-v-518080bb] { background: linear-gradient(270deg, rgb(30, 51, 104), rgb(19, 150, 248)); border: 0.266667vw solid rgb(42, 56, 99); border-radius: 3.2vw 0px 0px 3.2vw; width: 8.53333vw; height: 27.7333vw; }
.mobile .dock-entrypoint__container.hide[data-v-518080bb]:hover { outline-offset: -1px; outline: rgb(42, 56, 99) solid 0.266667vw; }
.mobile .dock-entrypoint__container.hide .icon[data-v-518080bb]::before { color: rgb(247, 248, 250); font-size: 4.26667vw; }
.mobile .dock-entrypoint__hero-swiper[data-v-518080bb] { justify-content: center; align-items: center; width: 27.7333vw; height: 27.7333vw; padding: 1.06667vw; display: flex; overflow: hidden; }
.mobile .dock-entrypoint__content[data-v-518080bb] { grid-template-columns: repeat(3, 1fr); gap: 4.26667vw; width: 95.7333vw; padding: 4.26667vw; }
.s4-sc-float { --u: 1px; cursor: pointer; height: calc(var(--u) * 110); width: calc(var(--u) * 110); position: relative; }
.s4-sc-float--mb { --u: .26667vw; height: calc(var(--u) * 96); width: calc(var(--u) * 96); }
.s4-sc-float img { pointer-events: none; max-width: none; margin: 0px; display: block; position: absolute; }
.s4-sc-float__title { animation: 1.2s ease-in-out 0s infinite normal none running s4-sc-float-pulse; position: absolute; overflow: hidden; }
.s4-sc-float__title img { left: 0px; }
.s4-sc-float__coin img { mask: var(--mask) no-repeat; }
.s4-sc-float--pc .s4-sc-float__swirl { height: calc(var(--u) * 113); left: calc(var(--u) * -7); top: calc(var(--u)); width: calc(var(--u) * 113); }
.s4-sc-float--pc .s4-sc-float__card { height: calc(var(--u) * 119); left: calc(var(--u) * -9); top: calc(var(--u) * -2); width: calc(var(--u) * 119); }
.s4-sc-float--pc .s4-sc-float__shadow { height: calc(var(--u) * 48); left: calc(var(--u) * 6); top: calc(var(--u) * 62); width: calc(var(--u) * 106); }
.s4-sc-float--pc .s4-sc-float__title { height: calc(var(--u) * 56); left: calc(var(--u) * -9); top: calc(var(--u) * 61); width: calc(var(--u) * 119); }
.s4-sc-float--pc .s4-sc-float__title img { height: calc(var(--u) * 119); top: calc(var(--u) * -63); width: calc(var(--u) * 119); }
.s4-sc-float--pc .s4-sc-float__coin { height: calc(var(--u) * 27.315); left: calc(var(--u) * 61); top: calc(var(--u) * 18); width: calc(var(--u) * 33); }
.s4-sc-float--pc .s4-sc-float__coin img { height: calc(var(--u) * 119.981); left: calc(var(--u) * -56.944); mask-position: calc(var(--u) * 56.944) calc(var(--u) * 32.148); mask-size: calc(var(--u) * 33) calc(var(--u) * 27.315); top: calc(var(--u) * -32.148); width: calc(var(--u) * 119.981); }
.s4-sc-float--mb .s4-sc-float__swirl { height: calc(var(--u) * 102); left: calc(var(--u) * -5); width: calc(var(--u) * 102); top: 0px; }
.s4-sc-float--mb .s4-sc-float__card { height: calc(var(--u) * 117); left: calc(var(--u) * -13); top: calc(var(--u) * -3); width: calc(var(--u) * 117); }
.s4-sc-float--mb .s4-sc-float__shadow { height: calc(var(--u) * 48); left: calc(var(--u)); top: calc(var(--u) * 55); width: calc(var(--u) * 101); }
.s4-sc-float--mb .s4-sc-float__title { height: calc(var(--u) * 47); left: calc(var(--u) * -4); top: calc(var(--u) * 58); width: calc(var(--u) * 99); }
.s4-sc-float--mb .s4-sc-float__title img { height: calc(var(--u) * 99); top: calc(var(--u) * -52.875); width: calc(var(--u) * 99); }
.s4-sc-float--mb .s4-sc-float__coin { height: calc(var(--u) * 28.419); left: calc(var(--u) * 59); top: calc(var(--u) * 20); width: calc(var(--u) * 34.333); }
.s4-sc-float--mb .s4-sc-float__coin img { height: calc(var(--u) * 124.83); left: calc(var(--u) * -59.245); mask-position: calc(var(--u) * 59.245) calc(var(--u) * 33.447); mask-size: calc(var(--u) * 34.333) calc(var(--u) * 28.419); top: calc(var(--u) * -33.447); width: calc(var(--u) * 124.83); }
.s4-sc-float__swirl { animation: 8s linear 0s infinite normal none running s4-sc-float-spin; }
.s4-sc-float__coin { animation: 1.8s ease-in-out 0s infinite normal none running s4-sc-float-scratch; position: absolute; }
@keyframes s4-sc-float-pulse { 
  0%, 100% { transform: scale(0.91); }
  50% { transform: scale(1); }
}
@keyframes s4-sc-float-spin { 
  100% { transform: rotate(1turn); }
}
@keyframes s4-sc-float-scratch { 
  0%, 16%, 32%, 48%, 100% { transform: translate(0px) rotate(0deg); }
  24%, 40%, 8% { transform: translate(calc(var(--u) * -10),calc(var(--u) * 10)) rotate(-8deg); }
}
@media (prefers-reduced-motion: reduce) {
  .s4-sc-float__coin, .s4-sc-float__swirl, .s4-sc-float__title { animation: auto ease 0s 1 normal none running none; }
}
[data-v-69e890fe] .modal-jackpot { background: 0px 0px; min-width: 664px; height: 735px; margin-top: 0px; margin-bottom: 0px; }
[data-v-69e890fe] .modal-jackpot .modal-body { overflow: visible !important; }
[data-v-69e890fe] .modal-jackpot :has(.modal-jackpot__content .img-lazy[lazy="loading"])::after { display: none; }
[data-v-69e890fe] .modal-jackpot :has(.modal-jackpot__content .img-lazy[lazy="loading"])::before { display: none; }
[data-v-69e890fe] .modal-jackpot :has(.modal-jackpot__content .img-lazy[lazy="loading"]) .modal-jackpot__loading { display: flex !important; }
[data-v-69e890fe] .modal-jackpot :has(.modal-jackpot__content .img-lazy[lazy="loading"]) .modal-jackpot__content { visibility: hidden; }
[data-v-69e890fe] .modal-jackpot .modal-jackpot__loading { width: 100%; height: 100%; padding: 88px 22px 12px; position: absolute; }
[data-v-69e890fe] .modal-jackpot .modal-jackpot__loading .loading-container { border-radius: 16px; width: 100%; height: 100%; background-color: rgb(18, 31, 62) !important; }
[data-v-69e890fe] .modal-jackpot .modal-jackpot__body::before { content: ""; z-index: 1; background-image: url("https://ssv88.co/wp-content/uploads/2026/11/light-modal.webp"); width: 289px; height: 142px; animation: 1s ease 0s infinite normal none running blink; position: absolute; top: 92px; left: 70px; }
[data-v-69e890fe] .modal-jackpot .modal-jackpot__body::after { content: ""; z-index: 1; background-image: url("https://ssv88.co/wp-content/uploads/2026/11/light-modal-1.webp"); width: 274px; height: 115px; animation: 1s ease 0s infinite normal none running blink; position: absolute; top: 120px; right: 68px; }
@media screen and (max-width: 1024px) {
  [data-v-69e890fe] .modal-jackpot { max-width: 664px; }
  [data-v-69e890fe] .modal-jackpot .modal-jackpot__body::before { background-image: url("https://ssv88.co/wp-content/uploads/2026/11/light-modal-mb.webp"); width: 38.9333vw; height: 23.2vw; top: 16vw; left: 5.33333vw; }
  [data-v-69e890fe] .modal-jackpot .modal-jackpot__body::after { background-image: url("https://ssv88.co/wp-content/uploads/2026/11/light-modal-mb-1.webp"); width: 48vw; height: 20.2667vw; top: 13.3333vw; right: 0px; }
}
[data-v-69e890fe] .modal-jackpot .modal-jackpot__body:has(.modal-jackpot__content.loading)::after { display: none; }
[data-v-69e890fe] .modal-jackpot .modal-jackpot__body:has(.modal-jackpot__content.loading)::before { display: none; }
[data-v-69e890fe] .modal-jackpot .modal-jackpot__content.loading { visibility: hidden; }
[data-v-69e890fe] .modal-jackpot .modal-jackpot__content .img-lazy:not([lazy="loaded"]) { background: 0px 0px !important; animation: auto ease 0s 1 normal none running none !important; }
[data-v-69e890fe] .modal-jackpot .modal-jackpot__content-bg { align-items: flex-end; width: 100%; height: 100%; display: flex; position: absolute; bottom: 0px; left: 0px; }
[data-v-69e890fe] .modal-jackpot .modal-jackpot__content-bg img { width: 100%; height: auto; }
[data-v-69e890fe] .modal-jackpot .modal-jackpot__content-text { z-index: 2; width: 417px; animation: 1.2s ease-in-out 0s infinite normal none running zoom-in-zoom-out; position: absolute; top: 20%; left: 19%; }
[data-v-69e890fe] .modal-jackpot .modal-jackpot__content-coin-1 { animation: 1.6s ease 0s infinite normal none running flySmooth-modal; position: absolute; top: 247px; left: -4px; }
[data-v-69e890fe] .modal-jackpot .modal-jackpot__content-coin-2 { animation-duration: 1.6s; animation-timing-function: ease; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: flySmooth-modal; animation-timeline: auto; animation-range: normal; position: absolute; top: 300px; left: 87px; animation-delay: 0.1s !important; }
[data-v-69e890fe] .modal-jackpot .modal-jackpot__content-coin-3 { animation-duration: 1.6s; animation-timing-function: ease; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: flySmooth-modal; animation-timeline: auto; animation-range: normal; position: absolute; top: 289px; left: 124px; animation-delay: 0.3s !important; }
[data-v-69e890fe] .modal-jackpot .modal-jackpot__content-coin-4 { animation-duration: 1.6s; animation-timing-function: ease; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: flySmooth-modal; animation-timeline: auto; animation-range: normal; position: absolute; top: 329px; right: 86px; animation-delay: 0.3s !important; }
[data-v-69e890fe] .modal-jackpot .modal-jackpot__content-coin-5 { animation-duration: 1.6s; animation-timing-function: ease; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: flySmooth-modal; animation-timeline: auto; animation-range: normal; position: absolute; top: 321px; right: 53px; animation-delay: 0.1s !important; }
[data-v-69e890fe] .modal-jackpot .modal-jackpot__content-coin-6 { animation: 1.6s ease 0s infinite normal none running flySmooth-modal; position: absolute; top: 247px; right: 8px; }
[data-v-69e890fe] .modal-jackpot .modal-jackpot__content-amount { color: rgb(255, 235, 103); font-feature-settings: "tnum"; font-variant-numeric: tabular-nums; font-family: ""Chivo" Mono"; font-size: 34px; font-weight: 800; line-height: 40px; position: absolute; top: calc(50% - 26px); left: 50%; transform: translate(-50%, -50%); }
[data-v-69e890fe] .modal-jackpot .modal-jackpot__content-games { grid-template-columns: repeat(3, 1fr); gap: 12px; display: grid; position: absolute; bottom: 30px; left: 51px; }
[data-v-69e890fe] .modal-jackpot .modal-jackpot__content-games .game-item { aspect-ratio: 180 / 143; width: 180px; }
[data-v-69e890fe] .modal-jackpot .modal-jackpot__content-games .game-item__content { gap: 4px; height: 22px; }
[data-v-69e890fe] .modal-jackpot .modal-jackpot__content-games .game-item__content img { width: 16px; height: 16px; }
[data-v-69e890fe] .modal-jackpot .modal-jackpot__content-games .game-item__content span { font-size: 12px; font-weight: 700; line-height: 17px; }
[data-v-69e890fe] .modal-jackpot .modal-jackpot__content-games .game-item .coin-burst-wrapper { height: 148px; }
@media screen and (min-width: 1024px) {
  [data-v-69e890fe] .modal-jackpot .modal-jackpot__content-games .game-item .slots { scale: 0.6; top: 36px !important; right: -16px !important; }
}
[data-v-69e890fe] .modal-jackpot .modal-jackpot__content-empty { color: rgb(173, 183, 204); text-align: center; width: 100%; font-family: "Inter"; font-size: 16px; font-weight: 400; line-height: 24px; position: absolute; bottom: 168px; left: 2px; }
[data-v-69e890fe] .modal-jackpot .icon-close { top: 96px; right: 29px; }
[data-v-69e890fe] .modal-jackpot.mobile { width: 94.1333vw; min-width: 94.1333vw; height: 162.4vw; }
[data-v-69e890fe] .modal-jackpot.mobile .modal-jackpot__loading { border-radius: 3.2vw; padding: 13.8667vw 1.33333vw 0px; }
[data-v-69e890fe] .modal-jackpot.mobile .modal-jackpot__loading .loading-container .icon { width: 15.7333vw; height: 16vw; }
[data-v-69e890fe] .modal-jackpot.mobile .modal-jackpot__content-text { width: 64vw; top: 20vw; left: 15.2vw; }
[data-v-69e890fe] .modal-jackpot.mobile .modal-jackpot__content-coin-1 { width: 12vw; animation: 1.6s ease 0s infinite normal none running flySmooth-modal-mb-2; top: 32.5333vw; left: -0.266667vw; }
[data-v-69e890fe] .modal-jackpot.mobile .modal-jackpot__content-coin-2 { width: 4.26667vw; animation: 1.6s ease 0s infinite normal none running flySmooth-modal-mb; top: 44.2667vw; left: 6.93333vw; }
[data-v-69e890fe] .modal-jackpot.mobile .modal-jackpot__content-coin-3 { width: 5.86667vw; animation-duration: 1.8s; animation-timing-function: ease; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: flySmooth-modal-mb; animation-timeline: auto; animation-range: normal; top: 42.4vw; left: 12.8vw; animation-delay: 0.4s !important; }
[data-v-69e890fe] .modal-jackpot.mobile .modal-jackpot__content-coin-4 { width: 7.46667vw; animation-duration: 1.6s; animation-timing-function: ease; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: flySmooth-modal-mb; animation-timeline: auto; animation-range: normal; top: 50.6667vw; right: 11.4667vw; animation-delay: 0.4s !important; }
[data-v-69e890fe] .modal-jackpot.mobile .modal-jackpot__content-coin-5 { width: 3.73333vw; animation: 1.6s ease 0s infinite normal none running flySmooth-modal-mb; top: 49.6vw; right: 6.4vw; }
[data-v-69e890fe] .modal-jackpot.mobile .modal-jackpot__content-coin-6 { width: 11.4667vw; animation: 1.6s ease 0s infinite normal none running flySmooth-modal-mb; top: 37.6vw; right: -0.533333vw; }
[data-v-69e890fe] .modal-jackpot.mobile .modal-jackpot__content-amount { color: rgb(255, 235, 103); font-feature-settings: "tnum"; font-variant-numeric: tabular-nums; font-family: ""Chivo" Mono"; font-size: 5.33333vw; line-height: 6.4vw; position: absolute; top: 31.7%; left: 50%; transform: translate(-50%, -50%); }
[data-v-69e890fe] .modal-jackpot.mobile .modal-jackpot__content-games { grid-template-columns: repeat(2, 1fr); gap: 3.2vw; display: grid; position: absolute; left: 9.33333vw; }
[data-v-69e890fe] .modal-jackpot.mobile .modal-jackpot__content-games .game-item { aspect-ratio: 136 / 108; width: 36.2667vw; }
[data-v-69e890fe] .modal-jackpot.mobile .modal-jackpot__content-games .game-item__content { gap: 1.06667vw; height: 4.26667vw; }
[data-v-69e890fe] .modal-jackpot.mobile .modal-jackpot__content-games .game-item__content img { width: 3.2vw; height: 3.2vw; }
[data-v-69e890fe] .modal-jackpot.mobile .modal-jackpot__content-games .game-item__content span { font-size: 2.66667vw; line-height: 4.26667vw; }
[data-v-69e890fe] .modal-jackpot.mobile .modal-jackpot__content-games .game-item .coin-burst-wrapper { height: 30.4vw; }
[data-v-69e890fe] .modal-jackpot.mobile .modal-jackpot__content-games .game-item .coin-burst-wrapper__light { bottom: 5.33333vw; }
[data-v-69e890fe] .modal-jackpot.mobile .modal-jackpot__content-empty { font-family: "Inter"; font-size: 3.73333vw; font-weight: 400; line-height: 5.33333vw; bottom: 45.6vw; left: 0px; }
[data-v-69e890fe] .modal-jackpot.mobile .modal-jackpot__content-empty span { width: 67.2vw; margin: auto; padding: 0px 3.2vw; display: block; }
[data-v-69e890fe] .modal-jackpot.mobile .icon-close { top: 7.46667vw; right: 1.33333vw; }
.entry-point[data-v-015577bf] { position: relative; }
.entry-point .light[data-v-015577bf] { animation: 1.5s ease-in-out 0s infinite normal none running fadeIn; position: absolute; top: 0px; }
.entry-point__box[data-v-015577bf] { cursor: pointer; width: 110px; height: 110px; }
.entry-point__box .text[data-v-015577bf] { z-index: 1; width: 110px; animation: 1.2s ease-in-out 0s infinite normal none running zoom-in-zoom-out; position: absolute; bottom: 28px; left: 0px; }
.entry-point__box .text img[data-v-015577bf] { width: 100%; }
.entry-point__box .bg[data-v-015577bf] { width: 110px; height: 110px; position: relative; top: -4px; transform: scale(1.05); }
.entry-point__box .bg img[data-v-015577bf] { width: 100%; }
.entry-point__box .bg .total[data-v-015577bf] { color: rgb(255, 235, 103); text-transform: uppercase; justify-content: center; align-items: baseline; gap: 2px; width: 100%; font-family: "Chivo"; font-size: 14px; font-weight: 900; line-height: 20px; display: flex; position: absolute; bottom: 3px; }
.mobile .entry-point__box[data-v-015577bf] { width: 25.6vw; height: 25.6vw; }
.mobile .entry-point__box .text[data-v-015577bf] { width: 25.6vw; bottom: 6.4vw; }
.mobile .entry-point__box .bg[data-v-015577bf] { width: 25.6vw; height: 25.6vw; }
.mobile .entry-point__box .bg img[data-v-015577bf] { width: 25.6vw; }
.mobile .entry-point__box .bg .total[data-v-015577bf] { font-size: 3.2vw; line-height: 4.26667vw; bottom: 1.06667vw; }
.modal-display-name__content[data-v-74a2533d] { gap: 16px; padding: 32px 16px 16px; flex-direction: column !important; display: flex !important; }
.modal-display-name__content-title[data-v-74a2533d] { justify-content: center; align-items: center; font-family: "Inter"; font-size: 18px; font-weight: 700; line-height: 26px; display: flex; position: relative; }
.modal-display-name__content-desc[data-v-74a2533d] { text-align: center; color: rgb(173, 183, 204); font-family: "Inter"; font-size: 14px; font-weight: 400; line-height: 20px; }
.modal-display-name__content-input[data-v-74a2533d] { min-height: 96px; }
@media screen and (max-width: 1024px) {
  .modal-display-name__content[data-v-74a2533d] { gap: 4.26667vw; padding: 6.4vw 3.2vw 4.26667vw; }
  .modal-display-name__content-title[data-v-74a2533d] { font-family: "Inter"; font-size: 4.8vw; font-weight: 700; line-height: 6.93333vw; }
  .modal-display-name__content-desc[data-v-74a2533d] { white-space: break-spaces; font-family: "Inter"; font-size: 3.73333vw; font-weight: 400; line-height: 5.33333vw; }
  .modal-display-name__content-input[data-v-74a2533d] { min-height: 23.4667vw; }
  .modal-display-name__content-input[data-v-74a2533d] .base-input__wrap .base-input__label { margin-bottom: 2.13333vw; }
  .modal-display-name__content-input[data-v-74a2533d] .base-input__wrap input { height: 10.6667vw !important; padding: 2.66667vw 3.2vw !important; font-size: 3.73333vw !important; line-height: 5.33333vw !important; }
}
.minigame .gamebox { padding: 0px 12px; }
.live-chat img[data-v-6fa4ffef] { border-radius: 48px; width: 48px; height: 48px; }
.live-chat[data-v-6fa4ffef] { align-items: center; width: 48px; height: 48px; display: flex; }
@media screen and (max-width: 1024px) {
  .live-chat[data-v-6fa4ffef] { align-items: center; display: flex; }
  .live-chat[data-v-6fa4ffef], .live-chat img[data-v-6fa4ffef] { width: 12.2667vw; height: 12.2667vw; }
}
.app-mobile[data-v-157fe1e1] { z-index: 100; align-items: center; width: 48px; height: 48px; display: flex; position: relative; }
.app-mobile:hover .hover-content[data-v-157fe1e1] { opacity: 1; visibility: visible; pointer-events: auto; }
.app-mobile:hover .active-icon[data-v-157fe1e1] { opacity: 1; }
.app-mobile .icon-wrapper[data-v-157fe1e1] { cursor: pointer; width: 48px; height: 48px; position: relative; }
.app-mobile .default-icon[data-v-157fe1e1] { opacity: 1; transition: opacity 0.3s; display: block; }
.app-mobile .default-icon img[data-v-157fe1e1] { border-radius: 48px; width: 48px; height: 48px; }
.app-mobile .default-icon.hide[data-v-157fe1e1] { opacity: 0; }
.app-mobile .hover-content[data-v-157fe1e1] { opacity: 0; visibility: hidden; pointer-events: none; z-index: 10; width: 187px; height: 187px; padding-right: 26px; transition: opacity 0.3s, visibility 0.3s, transform 0.3s; position: absolute; top: 150%; right: calc(100% - 10px); transform: translateY(-50%); }
.app-mobile .hover-content[data-v-157fe1e1]:hover { opacity: 1; visibility: visible; pointer-events: auto; }
.app-mobile .hover-content img[data-v-157fe1e1] { border-radius: 8px; width: 100%; height: 100%; }
.app-mobile .hover-content .link-container[data-v-157fe1e1] { grid-template-rows: repeat(2, 1fr); width: 100%; height: 100%; padding: 12px; display: grid; position: absolute; top: 0px; left: 0px; }
.app-mobile .hover-content .link-container .link-android[data-v-157fe1e1], .app-mobile .hover-content .link-container .link-ios[data-v-157fe1e1] { cursor: pointer; padding-right: 26px; transition: opacity 0.2s; display: block; }
.app-mobile .hover-content .link-container .link-android[data-v-157fe1e1]:hover, .app-mobile .hover-content .link-container .link-ios[data-v-157fe1e1]:hover { opacity: 0.8; }
.app-mobile .active-icon[data-v-157fe1e1] { opacity: 0; width: 48px; height: 48px; transition: opacity 0.3s; position: absolute; top: 0px; left: 0px; }
.app-mobile .active-icon img[data-v-157fe1e1] { border-radius: 48px; width: 48px; height: 48px; }
.icon-close[data-v-157fe1e1] { z-index: 10; cursor: pointer; width: 25px; height: 25px; position: absolute; top: 0px; left: 0px; }
.icon-close[data-v-157fe1e1]::before { color: rgb(247, 248, 250); }
.dock-chat[data-v-e3d24c58] { backdrop-filter: blur(10px); z-index: 999; background-color: rgb(18, 31, 62); border-top-left-radius: 12px; border-bottom-left-radius: 12px; flex-direction: column; gap: 10px; width: 64px; height: auto; padding: 8px; position: fixed; top: 50%; right: 0px; overflow: visible; transform: translateY(-50%); }
.dock-chat[data-v-e3d24c58], .dock-chat__item[data-v-e3d24c58] { align-items: center; display: flex; }
.dock-chat__item[data-v-e3d24c58] { justify-content: center; position: relative; }
.dock-chat__item[data-v-e3d24c58]:not(:first-child) { cursor: pointer; }
@media screen and (max-width: 1024px) {
  .dock-chat[data-v-e3d24c58] { display: none; }
}
c2-minigame * { margin: 0px; padding: 0px; user-select: none; box-sizing: border-box !important; }
.c2-mn-hover:hover { transition: padding 0.5s; transform: scale(1.1); padding: 0px !important; }
@keyframes jackpot { 
  0% { transform: scale(1); }
  100% { transform: scale(1.1); }
}
.btn-close-mini { height: 20%; z-index: 100; position: absolute; top: 4%; right: 4%; }
.btn-close-mini:hover { filter: brightness(1.25); scale: 1.05; }
.btn-close-mini:active { scale: 1; }
.mini { height: 30%; position: absolute; top: 35%; left: -5%; }
.game-text-mini { height: 22%; position: absolute; top: 60%; left: 5%; }
.ping { animation: 5s cubic-bezier(0.15, 0.55, 0.15, 0.5) 0s infinite normal none running ping; }
@keyframes ping { 
  0% { transform: scale(1); }
  12.5% { transform: scale(1.2); }
  25% { transform: scale(1); }
  27.5% { transform: scale(1); }
  50% { transform: scale(1); }
  62.5% { transform: scale(1); }
  75% { transform: scale(1); }
  87.5% { transform: scale(1); }
  100% { transform: scale(1); }
}