/* unified theme: ios-webkit-safe.css */

html.is-ios .bm-boot-logo {
  filter: none !important;
  animation: none !important;
}

html.is-ios .bm-boot-ring {
  filter: none !important;
}

html.bm-boot-waiting .bm-boot-ring {
  animation: bm-boot-spin 0.85s linear infinite !important;
}

html.is-ios .bm-scroll-item,
html.is-ios .bm-scroll-item.is-in,
html.is-ios .bm-scroll-item.is-done,
html.is-ios.bm-page-leave .layout-content-holder-bc,
html.is-ios.bm-page-enter .layout-content-holder-bc > * {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
  transition: none !important;
  pointer-events: auto !important;
  will-change: auto !important;
}

html.is-ios .bm-title-neon::after,
html.is-mobile .bm-title-neon::after {
  content: none !important;
  display: none !important;
}

html.is-ios .bm-title-neon,
html.is-mobile .bm-title-neon {
  filter: none !important;
  will-change: auto !important;
  -webkit-text-fill-color: inherit;
}

html.is-ios .hdr-user-bc,
html.is-ios .tab-navigation-w-bc,
html.is-ios .nav-floating-btn,
html.is-ios .sticky-footer-bc,
html.is-mobile .hdr-user-bc,
html.is-mobile .tab-navigation-w-bc,
html.is-mobile .nav-floating-btn,
html.is-mobile .sticky-footer-bc,
html.is-mobile .header-bc {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

html.bm-scroll-reveal .layout-content-holder-bc .bm-reveal {
  opacity: 0;
  transition: opacity 2s cubic-bezier(0.22, 1, 0.36, 1);
}

html.bm-scroll-reveal .layout-content-holder-bc .bm-reveal.bm-reveal--in {
  opacity: 1;
}

html.bm-cascade .bm-cascade-item {
  opacity: 0;
  transition: opacity 2s cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: var(--bm-cascade-delay, 0ms);
}

html.bm-cascade .bm-cascade-item.bm-cascade-item--in {
  opacity: 1;
}

html.bm-cascade.bm-cascade-done .bm-cascade-item,
html.bm-scroll-reveal .layout-content-holder-bc .bm-reveal.bm-reveal--in {
  opacity: 1;
}

.bm-lazy-mount {
  position: relative;
  width: 100%;
  margin: 6px 0;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.035),
    rgba(255, 255, 255, 0.015)
  );
  border: 1px solid rgba(255, 255, 255, 0.04);
  border-radius: 10px;
  overflow: hidden;
}

.bm-lazy-mount::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 255, 255, 0.14) 48%,
    transparent 100%
  );
  transform: translateX(-100%);
  animation: bm-lazy-shimmer 1.15s ease-in-out infinite;
  pointer-events: none;
  z-index: 1;
}

@keyframes bm-lazy-shimmer {
  100% {
    transform: translateX(100%);
  }
}

.bm-lazy-enter {
  opacity: 0;
  transition: opacity 2s cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: calc(var(--bm-lazy-i, 0) * 90ms);
}

.bm-lazy-enter.bm-lazy-enter--in {
  opacity: 1;
}

html.is-mobile .bm-lazy-enter {
  transition-duration: 2s;
  transition-delay: calc(var(--bm-lazy-i, 0) * 110ms);
}

.bm-tile-enter {
  opacity: 0;
  transition: opacity 2s cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: calc(var(--bm-tile-i, 0) * var(--bm-tile-step, 90ms));
}

.bm-tile-enter.bm-tile-enter--in {
  opacity: 1;
}

html.is-mobile .bm-tile-enter {
  transition-duration: 2s;
}

@media (prefers-reduced-motion: reduce) {
  html.bm-scroll-reveal .layout-content-holder-bc .bm-reveal,
  html.bm-cascade .bm-cascade-item,
  .bm-lazy-enter,
  .bm-lazy-enter.bm-lazy-enter--in,
  .bm-tile-enter,
  .bm-tile-enter.bm-tile-enter--in {
    opacity: 1 !important;
    transition: none !important;
  }
  .bm-lazy-mount::before {
    animation: none !important;
  }
}

.user-profile-container.bigpopup .u-i-p-c-body-bc {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.user-profile-container.bigpopup .u-i-profile-page-container {
    flex: 0 0 314px;
    width: 314px;
    min-width: 314px;
    max-width: 314px;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.user-profile-container.bigpopup .u-i-profile-page-bc,
.user-profile-container.bigpopup .u-i-profile-page-content {
    max-width: 100%;
    box-sizing: border-box;
}

.user-profile-container.bigpopup .profile-popup-subpage-root {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
}

.user-profile-container.bigpopup .profile-popup-subpage-root:empty {
    display: none;
}

.user-profile-container.bigpopup .profile-popup-subpage-root:not(:empty) {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    z-index: 1;
    overflow: auto;
    box-sizing: border-box;
    background: inherit;
}

.user-profile-container.bigpopup .u-i-p-c-body-bc > .my-profile-info-block,
.user-profile-container.bigpopup .u-i-p-c-body-bc > .dep-w-info-bc,
.user-profile-container.bigpopup .u-i-p-c-body-bc > .u-i-e-p-p-content-bc {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    position: relative;
    z-index: 1;
}

.user-profile-container.bigpopup .profile-popup-subpage-root:not(:empty) .dep-w-info-bc,
.user-profile-container.bigpopup .profile-popup-subpage-root:not(:empty) .u-i-e-p-p-content-bc,
.user-profile-container.bigpopup .profile-popup-subpage-root:not(:empty) .my-profile-info-block {
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.user-profile-container.bigpopup .u-i-p-c-body-bc > .u-i-e-p-p-content-bc.profilepage {
    position: relative;
    z-index: 1;
}

.user-profile-container.bigpopup .u-i-p-c-body-bc .historyList-bc .historyListEl {
    margin-top: 0;
}

.user-profile-container.bigpopup .my-profile-info-block.history-page {
    position: relative;
    z-index: 1;
}

.user-profile-container.bigpopup .my-profile-info-block.history-page .u-i-e-p-p-content-bc {
    padding-top: 0;
}

body > .swal-overlay,
html body .swal-overlay {
    z-index: 2147483640 !important;
    position: fixed !important;
}

body > .swal-overlay .swal-modal,
html body .swal-overlay .swal-modal {
    z-index: 2147483641 !important;
    position: relative !important;
}




.popup-holder-bc.user-profile-container:not(.display-none),
.popup-holder-bc:has(.u-i-profile-page-bc):not(.display-none),
.popup-holder-bc:has(.popup-middleware-bc .u-i-profile-page-container):not(.display-none) {
    position: fixed !important;
    inset: 0 !important;
    z-index: 100120 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

.popup-holder-bc.user-profile-container:not(.display-none) .popup-inner-bc,
.popup-holder-bc:has(.u-i-profile-page-bc):not(.display-none) .popup-inner-bc {
    position: relative !important;
    z-index: 100121 !important;
}

.popup-holder-bc.user-profile-container #close_popup_button_id,
.popup-holder-bc.user-profile-container .e-p-close-icon-bc,
.popup-holder-bc:has(.u-i-profile-page-bc) #close_popup_button_id,
.popup-holder-bc:has(.u-i-profile-page-bc) .e-p-close-icon-bc {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    left: auto !important;
    z-index: 100122 !important;
    pointer-events: auto !important;
}


/* PROFILE_POPUP_VISIBLE_FIX: framework .popup-inner-bc starts opacity:0 + open-popup animation */
html.is-web .popup-holder-bc.user-profile-container.bigpopup:not(.display-none):not(.hidden),
html.is-web body > .popup-holder-bc.user-profile-container.bigpopup:not(.display-none):not(.hidden),
.popup-holder-bc.user-profile-container:not(.display-none):not(.hidden) {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  max-width: none !important;
  z-index: 2147483000 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  background: rgba(0, 0, 0, 0.72) !important;
}

html.is-web .popup-holder-bc.user-profile-container.bigpopup:not(.display-none) .popup-middleware-bc,
.popup-holder-bc.user-profile-container:not(.display-none) .popup-middleware-bc {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

html.is-web .popup-holder-bc.user-profile-container.bigpopup:not(.display-none) .popup-inner-bc,
html.is-web .popup-holder-bc.user-profile-container.bigpopup:not(.display-none) #base_popup_id,
.popup-holder-bc.user-profile-container:not(.display-none) .popup-inner-bc,
.popup-holder-bc.user-profile-container:not(.display-none) #base_popup_id {
  opacity: 1 !important;
  visibility: visible !important;
  animation: none !important;
  transform: none !important;
  width: min(960px, 94vw) !important;
  max-width: 960px !important;
  max-height: 90vh !important;
  height: auto !important;
  margin: auto !important;
  pointer-events: auto !important;
  z-index: 2147483001 !important;
}

html:has(.popup-holder-bc.user-profile-container:not(.display-none):not(.hidden)) .layout-header-holder-bc,
html:has(.popup-holder-bc.user-profile-container:not(.display-none):not(.hidden)) .layout-header-holder-bc .header-bc,
html:has(.popup-holder-bc.user-profile-container:not(.display-none):not(.hidden)) .layout-header-holder-bc .hdr-main-content-bc {
  z-index: 1 !important;
}


/* unified theme: header-announcements.css */

:root {
    --header-ann-gap: 0px;
    --header-ann-accent: #3D5F8A;
    --header-ann-bg: #ffffff;
    --header-ann-text: #0E1A2E;
    --header-ann-border: #ffb6d9;
}

.layout-header-holder-bc .hdr-dynamic-content:not(:has(.header-announcements-row)) {
    display: none !important;
    min-height: 0 !important;
    padding: 0 !important;
}

html.header-ann-pre-dismissed .hdr-dynamic-content,
.hdr-dynamic-content.header-ann-hidden {
    display: none !important;
}

html.header-ann-pre-dismissed .header-announcements-row,
.hdr-dynamic-content.header-ann-hidden .header-announcements-row {
    display: none !important;
}

html.header-ann-active .hdr-dynamic-content {
    width: 100%;
    z-index: 2;
    padding-inline-start: 0;
    padding-inline-end: 0;
    background: #0E1A2E;
}

html.is-web.header-ann-active .hdr-dynamic-content {
    position: relative !important;
    top: auto !important;
}

html.is-web.header-ann-active .layout-header-holder-bc .header-bc {
    position: relative !important;
    top: auto !important;
}

.header-announcements-row {
    position: relative;
    min-height: 0;
}

html.header-ann-pre-dismissed .header-announcements-row {
    min-height: 0;
}

.hdr-dynamic-content .header-announcements-row {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    gap: 0;
}

.header-ann-spacer-bc {
    display: none;
    height: 0;
    width: 100%;
    flex-shrink: 0;
    pointer-events: none;
}

.hdr-dynamic-content .hm-row-bc-inner {
    margin: 0;
    padding: 0;
}

.hdr-dynamic-content .header-ann-carousel,
.hdr-dynamic-content .header-ann-swiper {
    margin: 0;
    padding: 0;
}

.hdr-dynamic-content .site-ann-themed.informative-widget {
    background: var(--ann-bg, var(--header-ann-bg, #ffffff)) !important;
    border: none !important;
    border-bottom: 1px solid var(--ann-border, var(--header-ann-border, #ffb6d9)) !important;
    border-radius: 0;
    margin: 0;
    box-shadow: none;
    padding: 0;
}

.hdr-dynamic-content .site-ann-themed .informative-widget-link {
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
}

.hdr-dynamic-content .site-ann-themed .informative-widget-container > span,
.hdr-dynamic-content .site-ann-themed .header-ann-template-text {
    color: var(--ann-text, var(--header-ann-text, #0E1A2E));
}

.hdr-dynamic-content .site-ann-themed .site-ann-accent {
    color: var(--ann-accent, var(--header-ann-accent, #3D5F8A));
    font-weight: 700;
}

.hdr-dynamic-content .site-ann-themed .site-ann-fixed-link {
    color: var(--ann-link, var(--ann-accent, var(--header-ann-accent, #3D5F8A)));
    text-decoration: underline;
    text-underline-offset: 2px;
}

.hdr-dynamic-content .informative-widget-container.header-ann-template {
    max-width: none;
    width: 100%;
    margin: 0 !important;
    padding: 6px 44px 6px 12px !important;
    box-sizing: border-box;
    text-align: center;
    min-height: 0;
}

.hdr-dynamic-content .header-ann-template .header-ann-template-text {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0 0.25rem;
    text-align: center;
    line-height: 1.25;
    font-size: 13px;
}

.hdr-dynamic-content .header-ann-template .header-ann-line-sep {
    opacity: 0.4;
    user-select: none;
    color: #3D5F8A;
}

.hdr-dynamic-content .header-ann-close-bc {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    z-index: 5;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 1px solid #ffb6d9;
    border-radius: 4px;
    background: #0E1A2E;
    color: #3D5F8A;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
}

.hdr-dynamic-content .header-ann-close-bc:hover {
    background: #3D5F8A;
    border-color: #3D5F8A;
    color: #fff;
}

.hdr-dynamic-content .header-ann-swiper {
    overflow: hidden;
    width: 100%;
}

.hdr-dynamic-content .header-ann-carousel .swiper-wrapper {
    display: flex;
    width: 100%;
    transition: transform 0.45s ease-in-out;
}

.hdr-dynamic-content .header-ann-carousel .swiper-slide {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
}

.hdr-dynamic-content .header-ann-carousel .swiper-pagination {
    position: relative;
    margin-top: 2px;
    margin-bottom: 2px;
    text-align: center;
}

.hdr-dynamic-content .header-ann-carousel .swiper-pagination-bullet {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 3px;
    border-radius: 50%;
    background: rgba(61, 95, 138, 0.3);
    cursor: pointer;
}

.hdr-dynamic-content .header-ann-carousel .swiper-pagination-bullet-active {
    background: #3D5F8A;
}

html.is-mobile.header-ann-active .hdr-dynamic-content,
html.is-mobile .layout-header-holder-bc .hdr-dynamic-content {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    max-height: none !important;
    z-index: 2 !important;
    background: #0E1A2E;
}

html.is-mobile.header-ann-active .layout-header-holder-bc .header-bc,
html.is-mobile .layout-header-holder-bc .header-bc {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 10010 !important;
}

html.is-mobile.header-ann-active .layout-content-holder-bc,
html.is-mobile.header-ann-active[class*="is-mobile"] .layout-content-holder-bc {
    padding-top: var(
        --mobile-header-content-offset,
        calc(
            var(--mobile-header-main-section-height, 60px)
            + var(--mobile-header-navigation-height, 40px)
            + var(--dynamic-header, 0px)
            + var(--mobile-header-content-gap, 10px)
        )
    ) !important;
}

html.is-mobile .header-announcements-row {
    min-height: 0;
}

html.is-mobile .hdr-dynamic-content .informative-widget-container.header-ann-template {
    padding: 7px 40px 7px 10px !important;
}

html.is-mobile .hdr-dynamic-content .header-ann-template .header-ann-template-text {
    font-size: 12px;
    line-height: 1.3;
}

html.is-mobile .hdr-dynamic-content .header-ann-close-bc {
    top: 50%;
    right: 6px;
    width: 26px;
    height: 26px;
    font-size: 16px;
}

html.is-mobile.header-ann-active .hdr-dynamic-content,
html.is-mobile .hdr-dynamic-content {
    background: #0E1A2E !important;
}

html.is-mobile .hdr-dynamic-content .site-ann-themed.informative-widget,
html.is-mobile .hdr-dynamic-content .site-ann-themed .informative-widget-link {
    background: #0E1A2E !important;
    background-image: none !important;
}

html.is-mobile .hdr-dynamic-content .site-ann-themed.informative-widget {
    border-bottom: 1px solid rgba(255, 182, 217, 0.35) !important;
}

html.is-mobile .hdr-dynamic-content .site-ann-themed .header-ann-template-text,
html.is-mobile .hdr-dynamic-content .site-ann-themed .informative-widget-container > span {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html.is-mobile .hdr-dynamic-content .site-ann-themed .site-ann-accent,
html.is-mobile .hdr-dynamic-content .site-ann-themed .site-ann-fixed-link {
    color: #3D5F8A !important;
    -webkit-text-fill-color: #3D5F8A !important;
}

html.is-mobile .hdr-dynamic-content .header-ann-close-bc {
    background: #0E1A2E !important;
    border: 1px solid #ffb6d9 !important;
    color: #3D5F8A !important;
}

/* unified theme: entrance-esas-auth.css */

@keyframes esas-auth-overlay-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes esas-auth-panel-in {
  from {
    opacity: 0;
    transform: translate3d(0, 14px, 0) scale(0.97);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

html.is-web .popup-holder-bc.loginpopup:not(.display-none),
html.is-mobile .popup-holder-bc.loginpopup:not(.display-none),
html.is-web .popup-holder-bc.registerpopup:not(.display-none),
html.is-mobile .popup-holder-bc.registerpopup:not(.display-none) {
  background: rgba(0, 0, 0, 0.72) !important;
  animation: esas-auth-overlay-in 0.42s cubic-bezier(0.22, 1, 0.36, 1) both !important;
}

html.is-web .popup-holder-bc.loginpopup:not(.display-none) .popup-middleware-bc,
html.is-mobile .popup-holder-bc.loginpopup:not(.display-none) .popup-middleware-bc,
html.is-web .popup-holder-bc.registerpopup:not(.display-none) .popup-middleware-bc,
html.is-mobile .popup-holder-bc.registerpopup:not(.display-none) .popup-middleware-bc {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  padding: 20px !important;
  box-sizing: border-box !important;
}

html.is-web .popup-holder-bc.loginpopup:not(.display-none) .popup-inner-bc,
html.is-mobile .popup-holder-bc.loginpopup:not(.display-none) .popup-inner-bc,
html.is-web .popup-holder-bc.registerpopup:not(.display-none) .popup-inner-bc,
html.is-mobile .popup-holder-bc.registerpopup:not(.display-none) .popup-inner-bc,
html.is-web .popup-holder-bc.loginpopup:not(.display-none) #base_popup_id,
html.is-mobile .popup-holder-bc.loginpopup:not(.display-none) #base_popup_id,
html.is-web .popup-holder-bc.registerpopup:not(.display-none) #base_popup_id,
html.is-mobile .popup-holder-bc.registerpopup:not(.display-none) #base_popup_id {
  width: min(380px, 94vw) !important;
  max-width: 380px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: 92vh !important;
  margin: auto !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  visibility: visible !important;
  transform-origin: center center !important;
  animation: esas-auth-panel-in 0.48s cubic-bezier(0.22, 1, 0.36, 1) both !important;
  background: linear-gradient(165deg, #1a2233 0%, #121722 48%, #0c1018 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  color: #fff !important;
}

@media (prefers-reduced-motion: reduce) {
  html.is-web .popup-holder-bc.loginpopup:not(.display-none),
  html.is-mobile .popup-holder-bc.loginpopup:not(.display-none),
  html.is-web .popup-holder-bc.registerpopup:not(.display-none),
  html.is-mobile .popup-holder-bc.registerpopup:not(.display-none) {
    animation: none !important;
  }

  html.is-web .popup-holder-bc.loginpopup:not(.display-none) .popup-inner-bc,
  html.is-mobile .popup-holder-bc.loginpopup:not(.display-none) .popup-inner-bc,
  html.is-web .popup-holder-bc.registerpopup:not(.display-none) .popup-inner-bc,
  html.is-mobile .popup-holder-bc.registerpopup:not(.display-none) .popup-inner-bc,
  html.is-web .popup-holder-bc.loginpopup:not(.display-none) #base_popup_id,
  html.is-mobile .popup-holder-bc.loginpopup:not(.display-none) #base_popup_id,
  html.is-web .popup-holder-bc.registerpopup:not(.display-none) #base_popup_id,
  html.is-mobile .popup-holder-bc.registerpopup:not(.display-none) #base_popup_id {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }
}

html.is-web .popup-holder-bc.loginpopup:not(.display-none) .popup-inner-bc,
html.is-mobile .popup-holder-bc.loginpopup:not(.display-none) .popup-inner-bc,
html.is-web .popup-holder-bc.loginpopup:not(.display-none) #base_popup_id,
html.is-mobile .popup-holder-bc.loginpopup:not(.display-none) #base_popup_id {
  min-height: min(560px, 92vh) !important;
}

html.is-web .popup-holder-bc.loginpopup .entrance-popup-bc,
html.is-mobile .popup-holder-bc.loginpopup .entrance-popup-bc,
html.is-web .popup-holder-bc.registerpopup .entrance-popup-bc,
html.is-mobile .popup-holder-bc.registerpopup .entrance-popup-bc,
html.is-web .popup-holder-bc.loginpopup .e-p-content-holder-bc,
html.is-mobile .popup-holder-bc.loginpopup .e-p-content-holder-bc,
html.is-web .popup-holder-bc.registerpopup .e-p-content-holder-bc,
html.is-mobile .popup-holder-bc.registerpopup .e-p-content-holder-bc,
html.is-web .popup-holder-bc.loginpopup .e-p-content-bc,
html.is-mobile .popup-holder-bc.loginpopup .e-p-content-bc,
html.is-web .popup-holder-bc.registerpopup .e-p-content-bc,
html.is-mobile .popup-holder-bc.registerpopup .e-p-content-bc {
  min-width: 0 !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.is-web .popup-holder-bc.loginpopup .e-p-content-bc,
html.is-mobile .popup-holder-bc.loginpopup .e-p-content-bc,
html.is-web .popup-holder-bc.registerpopup .e-p-content-bc,
html.is-mobile .popup-holder-bc.registerpopup .e-p-content-bc {
  display: flex !important;
  flex-direction: column !important;
}

html.is-web .popup-holder-bc.loginpopup .e-p-header-bc,
html.is-mobile .popup-holder-bc.loginpopup .e-p-header-bc,
html.is-web .popup-holder-bc.registerpopup .e-p-header-bc,
html.is-mobile .popup-holder-bc.registerpopup .e-p-header-bc {
  flex-shrink: 0 !important;
  height: 56px !important;
  min-height: 56px !important;
  padding: 0 44px 0 16px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  background: transparent !important;
}

html.is-web .popup-holder-bc.loginpopup .popup-t-logo-w-bc,
html.is-mobile .popup-holder-bc.loginpopup .popup-t-logo-w-bc,
html.is-web .popup-holder-bc.registerpopup .popup-t-logo-w-bc,
html.is-mobile .popup-holder-bc.registerpopup .popup-t-logo-w-bc {
  max-width: 150px !important;
  height: 40px !important;
}

html.is-web .popup-holder-bc.loginpopup .popup-t-logo-w-bc .hdr-logo-bc,
html.is-mobile .popup-holder-bc.loginpopup .popup-t-logo-w-bc .hdr-logo-bc,
html.is-web .popup-holder-bc.registerpopup .popup-t-logo-w-bc .hdr-logo-bc,
html.is-mobile .popup-holder-bc.registerpopup .popup-t-logo-w-bc .hdr-logo-bc {
  max-width: 150px !important;
  max-height: 36px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  margin: 0 !important;
  padding: 0 !important;
}

html.is-web .popup-holder-bc.loginpopup .e-p-close-icon-bc,
html.is-mobile .popup-holder-bc.loginpopup .e-p-close-icon-bc,
html.is-web .popup-holder-bc.registerpopup .e-p-close-icon-bc,
html.is-mobile .popup-holder-bc.registerpopup .e-p-close-icon-bc {
  top: 16px !important;
  right: 14px !important;
  color: rgba(255, 255, 255, 0.85) !important;
  font-size: 14px !important;
}

html.is-web .popup-holder-bc.loginpopup .e-p-header-bc .btn.register,
html.is-mobile .popup-holder-bc.loginpopup .e-p-header-bc .btn.register,
html.is-web .popup-holder-bc.registerpopup .e-p-header-bc .btn.sign-in,
html.is-mobile .popup-holder-bc.registerpopup .e-p-header-bc .btn.sign-in {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(55, 165, 78, 1) !important;
  background-image: none !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  height: 28px !important;
  min-height: 28px !important;
  line-height: 28px !important;
  padding: 0 14px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html.is-web .popup-holder-bc.loginpopup .e-p-header-bc .btn.register span,
html.is-mobile .popup-holder-bc.loginpopup .e-p-header-bc .btn.register span,
html.is-web .popup-holder-bc.registerpopup .e-p-header-bc .btn.sign-in span,
html.is-mobile .popup-holder-bc.registerpopup .e-p-header-bc .btn.sign-in span {
  display: inline !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  text-transform: inherit !important;
}

html.is-web .popup-holder-bc.registerpopup .e-p-section-title-bc,
html.is-mobile .popup-holder-bc.registerpopup .e-p-section-title-bc,
html.is-web .popup-holder-bc.registerpopup #login_button_id,
html.is-mobile .popup-holder-bc.registerpopup #login_button_id {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 14px !important;
  border: none !important;
  border-radius: 8px !important;
  background: rgba(55, 165, 78, 1) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  text-decoration: none !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 28px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

html.is-web .popup-holder-bc.registerpopup .e-p-section-title-bc:before,
html.is-mobile .popup-holder-bc.registerpopup .e-p-section-title-bc:before {
  display: none !important;
}

html.is-web .popup-holder-bc.loginpopup .e-p-body-bc,
html.is-mobile .popup-holder-bc.loginpopup .e-p-body-bc,
html.is-web .popup-holder-bc.registerpopup .e-p-body-bc,
html.is-mobile .popup-holder-bc.registerpopup .e-p-body-bc {
  position: relative !important;
  flex: 1 1 auto !important;
  height: auto !important;
  max-height: calc(92vh - 56px) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  background: transparent !important;
}

html.is-web .popup-holder-bc.loginpopup .entrance-form-bc.popup.login,
html.is-mobile .popup-holder-bc.loginpopup .entrance-form-bc.popup.login {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 560px !important;
  overflow: visible !important;
  padding: 22px 0 20px !important;
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
}

html.is-web .popup-holder-bc.loginpopup .form-sign-bc,
html.is-mobile .popup-holder-bc.loginpopup .form-sign-bc {
  flex: none !important;
  height: auto !important;
  padding: 0 18px !important;
}

html.is-web .popup-holder-bc.registerpopup:not(.display-none) .popup-inner-bc,
html.is-mobile .popup-holder-bc.registerpopup:not(.display-none) .popup-inner-bc,
html.is-web .popup-holder-bc.registerpopup:not(.display-none) #base_popup_id,
html.is-mobile .popup-holder-bc.registerpopup:not(.display-none) #base_popup_id {
  min-height: 0 !important;
  height: auto !important;
}

html.is-web .popup-holder-bc.registerpopup .entrance-form-bc.registration,
html.is-mobile .popup-holder-bc.registerpopup .entrance-form-bc.registration {
  padding: 18px 0 8px !important;
  min-height: 0 !important;
  height: auto !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
}

html.is-web .popup-holder-bc.registerpopup .reg-form-content,
html.is-mobile .popup-holder-bc.registerpopup .reg-form-content,
html.is-web .popup-holder-bc.registerpopup .entrance-form-content-bc,
html.is-mobile .popup-holder-bc.registerpopup .entrance-form-content-bc,
html.is-web .popup-holder-bc.registerpopup .reg-form-fields,
html.is-mobile .popup-holder-bc.registerpopup .reg-form-fields,
html.is-web .popup-holder-bc.registerpopup .entrance-form-content-section-bc,
html.is-mobile .popup-holder-bc.registerpopup .entrance-form-content-section-bc {
  background: transparent !important;
  height: auto !important;
  max-height: none !important;
}

html.is-web .popup-holder-bc.registerpopup .reg-form-content,
html.is-mobile .popup-holder-bc.registerpopup .reg-form-content {
  padding: 0 18px !important;
}

html.is-web .popup-holder-bc.loginpopup .sg-n-text-row-1-bc,
html.is-mobile .popup-holder-bc.loginpopup .sg-n-text-row-1-bc,
html.is-web .popup-holder-bc.registerpopup .sg-n-text-row-1-bc,
html.is-mobile .popup-holder-bc.registerpopup .sg-n-text-row-1-bc {
  margin: 0 0 6px !important;
  padding: 0 !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
  font-weight: 400 !important;
  color: rgba(255, 255, 255, 0.55) !important;
  text-transform: none !important;
}

html.is-web .popup-holder-bc.loginpopup .sg-n-text-row-2-bc,
html.is-mobile .popup-holder-bc.loginpopup .sg-n-text-row-2-bc,
html.is-web .popup-holder-bc.registerpopup .sg-n-text-row-2-bc,
html.is-mobile .popup-holder-bc.registerpopup .sg-n-text-row-2-bc {
  margin: 0 0 18px !important;
  padding: 0 !important;
  font-size: 18px !important;
  line-height: 1.25 !important;
  font-weight: 600 !important;
  color: #fff !important;
  text-transform: uppercase !important;
}

html.is-web .popup-holder-bc.loginpopup .entrance-f-item-bc,
html.is-mobile .popup-holder-bc.loginpopup .entrance-f-item-bc,
html.is-web .popup-holder-bc.registerpopup .entrance-f-item-bc,
html.is-mobile .popup-holder-bc.registerpopup .entrance-f-item-bc {
  margin: 0 0 10px !important;
}

html.is-web .popup-holder-bc.loginpopup .form-control-bc,
html.is-mobile .popup-holder-bc.loginpopup .form-control-bc,
html.is-web .popup-holder-bc.loginpopup .form-control-bc.default,
html.is-mobile .popup-holder-bc.loginpopup .form-control-bc.default,
html.is-web .popup-holder-bc.loginpopup .form-control-bc.select,
html.is-mobile .popup-holder-bc.loginpopup .form-control-bc.select,
html.is-web .popup-holder-bc.loginpopup .form-control-bc.focused,
html.is-mobile .popup-holder-bc.loginpopup .form-control-bc.focused,
html.is-web .popup-holder-bc.loginpopup .form-control-bc.filled,
html.is-mobile .popup-holder-bc.loginpopup .form-control-bc.filled,
html.is-web .popup-holder-bc.registerpopup .form-control-bc,
html.is-mobile .popup-holder-bc.registerpopup .form-control-bc,
html.is-web .popup-holder-bc.registerpopup .form-control-bc.default,
html.is-mobile .popup-holder-bc.registerpopup .form-control-bc.default,
html.is-web .popup-holder-bc.registerpopup .form-control-bc.select,
html.is-mobile .popup-holder-bc.registerpopup .form-control-bc.select,
html.is-web .popup-holder-bc.registerpopup .form-control-bc.focused,
html.is-mobile .popup-holder-bc.registerpopup .form-control-bc.focused,
html.is-web .popup-holder-bc.registerpopup .form-control-bc.filled,
html.is-mobile .popup-holder-bc.registerpopup .form-control-bc.filled {
  background: rgba(255, 255, 255, 0.08) !important;
  background-color: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  min-height: 46px !important;
  height: auto !important;
  padding: 0 14px 4px !important;
  overflow: visible !important;
}

html.is-web .popup-holder-bc.loginpopup .form-control-label-bc,
html.is-mobile .popup-holder-bc.loginpopup .form-control-label-bc,
html.is-web .popup-holder-bc.loginpopup .form-control-label-bc.inputs,
html.is-mobile .popup-holder-bc.loginpopup .form-control-label-bc.inputs,
html.is-web .popup-holder-bc.registerpopup .form-control-label-bc,
html.is-mobile .popup-holder-bc.registerpopup .form-control-label-bc,
html.is-web .popup-holder-bc.registerpopup .form-control-label-bc.inputs,
html.is-mobile .popup-holder-bc.registerpopup .form-control-label-bc.inputs {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  min-height: 46px !important;
  height: auto !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  position: relative !important;
}

html.is-web .popup-holder-bc.loginpopup .form-control-input-bc,
html.is-mobile .popup-holder-bc.loginpopup .form-control-input-bc,
html.is-web .popup-holder-bc.loginpopup input.form-control-input-bc,
html.is-mobile .popup-holder-bc.loginpopup input.form-control-input-bc,
html.is-web .popup-holder-bc.loginpopup select,
html.is-mobile .popup-holder-bc.loginpopup select,
html.is-web .popup-holder-bc.loginpopup .form-control-select-bc,
html.is-mobile .popup-holder-bc.loginpopup .form-control-select-bc,
html.is-web .popup-holder-bc.registerpopup .form-control-input-bc,
html.is-mobile .popup-holder-bc.registerpopup .form-control-input-bc,
html.is-web .popup-holder-bc.registerpopup input.form-control-input-bc,
html.is-mobile .popup-holder-bc.registerpopup input.form-control-input-bc,
html.is-web .popup-holder-bc.registerpopup select,
html.is-mobile .popup-holder-bc.registerpopup select,
html.is-web .popup-holder-bc.registerpopup .form-control-select-bc,
html.is-mobile .popup-holder-bc.registerpopup .form-control-select-bc {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  min-height: 42px !important;
  height: 42px !important;
  padding: 16px 0 0 !important;
  margin: 0 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  caret-color: #fff !important;
  font-size: 14px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

html.is-web .popup-holder-bc.loginpopup .form-control-input-stroke-bc,
html.is-mobile .popup-holder-bc.loginpopup .form-control-input-stroke-bc,
html.is-web .popup-holder-bc.registerpopup .form-control-input-stroke-bc,
html.is-mobile .popup-holder-bc.registerpopup .form-control-input-stroke-bc {
  display: none !important;
}

html.is-web .popup-holder-bc.loginpopup .form-control-title-bc,
html.is-mobile .popup-holder-bc.loginpopup .form-control-title-bc,
html.is-web .popup-holder-bc.registerpopup .form-control-title-bc,
html.is-mobile .popup-holder-bc.registerpopup .form-control-title-bc {
  position: absolute !important;
  top: 15px !important;
  left: 0 !important;
  width: calc(100% - 24px) !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  color: rgba(255, 255, 255, 0.45) !important;
  font-size: 14px !important;
  line-height: 16px !important;
  pointer-events: none !important;
  z-index: 2 !important;
  transition: top 0.18s ease, font-size 0.18s ease !important;
}

html.is-web .popup-holder-bc.loginpopup .form-control-bc.filled .form-control-title-bc,
html.is-mobile .popup-holder-bc.loginpopup .form-control-bc.filled .form-control-title-bc,
html.is-web .popup-holder-bc.loginpopup .form-control-bc.focused .form-control-title-bc,
html.is-mobile .popup-holder-bc.loginpopup .form-control-bc.focused .form-control-title-bc,
html.is-web .popup-holder-bc.registerpopup .form-control-bc.filled .form-control-title-bc,
html.is-mobile .popup-holder-bc.registerpopup .form-control-bc.filled .form-control-title-bc,
html.is-web .popup-holder-bc.registerpopup .form-control-bc.focused .form-control-title-bc,
html.is-mobile .popup-holder-bc.registerpopup .form-control-bc.focused .form-control-title-bc {
  top: 4px !important;
  font-size: 11px !important;
  line-height: 12px !important;
  color: rgba(255, 255, 255, 0.4) !important;
}

html.is-web .popup-holder-bc.loginpopup .multi-select-bc,
html.is-mobile .popup-holder-bc.loginpopup .multi-select-bc,
html.is-web .popup-holder-bc.registerpopup .multi-select-bc,
html.is-mobile .popup-holder-bc.registerpopup .multi-select-bc,
html.is-web .popup-holder-bc.loginpopup .form-controls-group-bc.telephone,
html.is-mobile .popup-holder-bc.loginpopup .form-controls-group-bc.telephone,
html.is-web .popup-holder-bc.registerpopup .form-controls-group-bc.telephone,
html.is-mobile .popup-holder-bc.registerpopup .form-controls-group-bc.telephone,
html.is-web .popup-holder-bc.loginpopup .form-controls-field-content,
html.is-mobile .popup-holder-bc.loginpopup .form-controls-field-content,
html.is-web .popup-holder-bc.registerpopup .form-controls-field-content,
html.is-mobile .popup-holder-bc.registerpopup .form-controls-field-content,
html.is-web .popup-holder-bc.loginpopup .form-controls-field-bc,
html.is-mobile .popup-holder-bc.loginpopup .form-controls-field-bc,
html.is-web .popup-holder-bc.registerpopup .form-controls-field-bc,
html.is-mobile .popup-holder-bc.registerpopup .form-controls-field-bc {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

html.is-web .popup-holder-bc.loginpopup .form-controls-group-bc.telephone,
html.is-mobile .popup-holder-bc.loginpopup .form-controls-group-bc.telephone,
html.is-web .popup-holder-bc.registerpopup .form-controls-group-bc.telephone,
html.is-mobile .popup-holder-bc.registerpopup .form-controls-group-bc.telephone,
html.is-web .popup-holder-bc.loginpopup .form-controls-field-content,
html.is-mobile .popup-holder-bc.loginpopup .form-controls-field-content,
html.is-web .popup-holder-bc.registerpopup .form-controls-field-content,
html.is-mobile .popup-holder-bc.registerpopup .form-controls-field-content {
  display: flex !important;
  gap: 8px !important;
  width: 100% !important;
}

html.is-web .popup-holder-bc.loginpopup .form-controls-field-bc.country-code,
html.is-mobile .popup-holder-bc.loginpopup .form-controls-field-bc.country-code,
html.is-web .popup-holder-bc.registerpopup .form-controls-field-bc.country-code,
html.is-mobile .popup-holder-bc.registerpopup .form-controls-field-bc.country-code {
  flex: 0 0 110px !important;
  max-width: 110px !important;
}

html.is-web .popup-holder-bc.loginpopup .form-controls-field-bc:not(.country-code),
html.is-mobile .popup-holder-bc.loginpopup .form-controls-field-bc:not(.country-code),
html.is-web .popup-holder-bc.registerpopup .form-controls-field-bc:not(.country-code),
html.is-mobile .popup-holder-bc.registerpopup .form-controls-field-bc:not(.country-code) {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

html.is-web .popup-holder-bc.loginpopup .entrance-f-item-checkbox-bc,
html.is-mobile .popup-holder-bc.loginpopup .entrance-f-item-checkbox-bc,
html.is-web .popup-holder-bc.registerpopup .entrance-f-item-checkbox-bc,
html.is-mobile .popup-holder-bc.registerpopup .entrance-f-item-checkbox-bc,
html.is-web .popup-holder-bc.loginpopup .checkbox-control-bc,
html.is-mobile .popup-holder-bc.loginpopup .checkbox-control-bc,
html.is-web .popup-holder-bc.registerpopup .checkbox-control-bc,
html.is-mobile .popup-holder-bc.registerpopup .checkbox-control-bc,
html.is-web .popup-holder-bc.loginpopup .checkbox-control-content-bc,
html.is-mobile .popup-holder-bc.loginpopup .checkbox-control-content-bc,
html.is-web .popup-holder-bc.registerpopup .checkbox-control-content-bc,
html.is-mobile .popup-holder-bc.registerpopup .checkbox-control-content-bc {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 2px 0 !important;
  margin: 0 !important;
}

html.is-web .popup-holder-bc.loginpopup .checkbox-control-text-bc,
html.is-mobile .popup-holder-bc.loginpopup .checkbox-control-text-bc,
html.is-web .popup-holder-bc.registerpopup .checkbox-control-text-bc,
html.is-mobile .popup-holder-bc.registerpopup .checkbox-control-text-bc {
  color: rgba(255, 255, 255, 0.7) !important;
  font-size: 13px !important;
}

html.is-web .popup-holder-bc.loginpopup .entrance-form-actions-holder-bc,
html.is-mobile .popup-holder-bc.loginpopup .entrance-form-actions-holder-bc,
html.is-web .popup-holder-bc.registerpopup .entrance-form-actions-holder-bc,
html.is-mobile .popup-holder-bc.registerpopup .entrance-form-actions-holder-bc,
html.is-web .popup-holder-bc.loginpopup .entrance-form-action-item-bc,
html.is-mobile .popup-holder-bc.loginpopup .entrance-form-action-item-bc,
html.is-web .popup-holder-bc.registerpopup .entrance-form-action-item-bc,
html.is-mobile .popup-holder-bc.registerpopup .entrance-form-action-item-bc {
  width: 100% !important;
  margin: 8px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
}

html.is-web .popup-holder-bc.registerpopup .reg-form-footer-bc,
html.is-mobile .popup-holder-bc.registerpopup .reg-form-footer-bc {
  width: 100% !important;
  margin: 8px 0 0 !important;
  padding: 8px 18px 0 !important;
  background: transparent !important;
  border: none !important;
}

html.is-web .popup-holder-bc.registerpopup .reg-form-footer-bc .entrance-form-actions-holder-bc,
html.is-mobile .popup-holder-bc.registerpopup .reg-form-footer-bc .entrance-form-actions-holder-bc {
  padding: 0 !important;
  margin: 0 !important;
}

html.is-web .popup-holder-bc.loginpopup .entrance-form-bc.login .btn.a-color,
html.is-mobile .popup-holder-bc.loginpopup .entrance-form-bc.login .btn.a-color,
html.is-web .popup-holder-bc.registerpopup .entrance-form-bc.registration .btn.a-color,
html.is-mobile .popup-holder-bc.registerpopup .entrance-form-bc.registration .btn.a-color {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 46px !important;
  min-height: 46px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border: none !important;
  border-radius: 8px !important;
  background: rgba(55, 165, 78, 1) !important;
  background-image: none !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  box-shadow: 0 8px 20px rgba(55, 165, 78, 0.25) !important;
  overflow: visible !important;
  transition: background 0.2s ease, transform 0.15s ease !important;
}

html.is-web .popup-holder-bc.loginpopup .entrance-form-bc.login .btn.a-color:hover,
html.is-mobile .popup-holder-bc.loginpopup .entrance-form-bc.login .btn.a-color:hover,
html.is-web .popup-holder-bc.registerpopup .entrance-form-bc.registration .btn.a-color:hover,
html.is-mobile .popup-holder-bc.registerpopup .entrance-form-bc.registration .btn.a-color:hover {
  background: rgba(42, 126, 59, 1) !important;
}

html.is-web .popup-holder-bc.loginpopup .entrance-form-bc.login .btn.a-color span,
html.is-mobile .popup-holder-bc.loginpopup .entrance-form-bc.login .btn.a-color span,
html.is-web .popup-holder-bc.registerpopup .entrance-form-bc.registration .btn.a-color span,
html.is-mobile .popup-holder-bc.registerpopup .entrance-form-bc.registration .btn.a-color span {
  display: inline !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  text-transform: inherit !important;
  position: static !important;
  transform: none !important;
}

html.is-web .popup-holder-bc.loginpopup .sg-n-forgot-password-text,
html.is-mobile .popup-holder-bc.loginpopup .sg-n-forgot-password-text,
html.is-web .popup-holder-bc.registerpopup .sg-n-forgot-password-text,
html.is-mobile .popup-holder-bc.registerpopup .sg-n-forgot-password-text {
  margin: 14px 0 0 !important;
  padding: 0 !important;
  text-align: center !important;
  color: rgba(255, 255, 255, 0.75) !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
}

html.is-web .popup-holder-bc.loginpopup .sg-n-forgot-password,
html.is-mobile .popup-holder-bc.loginpopup .sg-n-forgot-password,
html.is-web .popup-holder-bc.registerpopup .sg-n-forgot-password,
html.is-mobile .popup-holder-bc.registerpopup .sg-n-forgot-password {
  color: rgba(255, 255, 255, 0.8) !important;
}

html.is-web .popup-holder-bc.loginpopup .form-sign-in-slider-wrapper,
html.is-mobile .popup-holder-bc.loginpopup .form-sign-in-slider-wrapper,
html.is-web .popup-holder-bc.registerpopup .form-sign-in-slider-wrapper,
html.is-mobile .popup-holder-bc.registerpopup .form-sign-in-slider-wrapper {
  display: none !important;
}

html.is-web .popup-holder-bc.loginpopup .live-chat-adviser-bc,
html.is-mobile .popup-holder-bc.loginpopup .live-chat-adviser-bc,
html.is-web .popup-holder-bc.registerpopup .live-chat-adviser-bc,
html.is-mobile .popup-holder-bc.registerpopup .live-chat-adviser-bc {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  margin-top: auto !important;
  padding: 18px 18px 8px !important;
  color: rgba(255, 255, 255, 0.7) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  text-decoration: underline !important;
  text-transform: uppercase !important;
  background: transparent !important;
  border: none !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

html.is-mobile .popup-holder-bc.loginpopup:not(.display-none) .popup-middleware-bc,
html.is-mobile .popup-holder-bc.registerpopup:not(.display-none) .popup-middleware-bc {
  padding: 12px !important;
  align-items: flex-start !important;
  padding-top: max(12px, env(safe-area-inset-top, 0px)) !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
}

html.is-mobile .popup-holder-bc.loginpopup:not(.display-none) .popup-inner-bc,
html.is-mobile .popup-holder-bc.registerpopup:not(.display-none) .popup-inner-bc,
html.is-mobile .popup-holder-bc.loginpopup:not(.display-none) #base_popup_id,
html.is-mobile .popup-holder-bc.registerpopup:not(.display-none) #base_popup_id {
  width: min(400px, calc(100vw - 24px)) !important;
  max-width: calc(100vw - 24px) !important;
  min-height: min(640px, calc(100dvh - 24px)) !important;
  max-height: calc(100dvh - 24px) !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
}

html.is-mobile .popup-holder-bc.loginpopup .entrance-form-bc.popup.login,
html.is-mobile .popup-holder-bc.loginpopup .entrance-form-bc.popup.login .form-sign-bc {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 560px !important;
  overflow: visible !important;
  flex: none !important;
}

html.is-mobile .popup-holder-bc.loginpopup .entrance-form-bc.popup.login .form-sign-bc {
  min-height: 0 !important;
}

html.is-web .popup-holder-bc.registerpopup .reg-steps-bar,
html.is-mobile .popup-holder-bc.registerpopup .reg-steps-bar,
html.is-web .popup-holder-bc.registerpopup .steps-indicator,
html.is-mobile .popup-holder-bc.registerpopup .steps-indicator {
  display: block !important;
  visibility: visible !important;
  width: 100% !important;
  height: 3px !important;
  min-height: 3px !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  gap: 0 !important;
  border: 0 !important;
  border-radius: 99px !important;
  background: rgba(255, 255, 255, 0.16) !important;
  overflow: hidden !important;
  position: relative !important;
  opacity: 1 !important;
}

html.is-web .popup-holder-bc.registerpopup .reg-form-footer-bc .steps-indicator,
html.is-mobile .popup-holder-bc.registerpopup .reg-form-footer-bc .steps-indicator {
  display: block !important;
  margin: 14px 0 6px !important;
}

html.is-web .popup-holder-bc.registerpopup .reg-steps-bar__item,
html.is-mobile .popup-holder-bc.registerpopup .reg-steps-bar__item,
html.is-web .popup-holder-bc.registerpopup .steps-indicator .step-indicator,
html.is-mobile .popup-holder-bc.registerpopup .steps-indicator .step-indicator,
html.is-web .popup-holder-bc.registerpopup .reg-steps-bar::after,
html.is-mobile .popup-holder-bc.registerpopup .reg-steps-bar::after,
html.is-web .popup-holder-bc.registerpopup .steps-indicator::after,
html.is-mobile .popup-holder-bc.registerpopup .steps-indicator::after {
  display: none !important;
  content: none !important;
}

html.is-web .popup-holder-bc.registerpopup .reg-steps-bar__fill,
html.is-mobile .popup-holder-bc.registerpopup .reg-steps-bar__fill,
html.is-web .popup-holder-bc.registerpopup .steps-indicator__fill,
html.is-mobile .popup-holder-bc.registerpopup .steps-indicator__fill {
  display: block !important;
  visibility: visible !important;
  height: 100% !important;
  min-height: 3px !important;
  width: 33.333% !important;
  border-radius: 99px !important;
  background: rgba(55, 165, 78, 1) !important;
  transition: width 0.28s ease !important;
}

html.is-web .popup-holder-bc.registerpopup #register_form_id[data-reg-step="2"] .reg-steps-bar__fill,
html.is-mobile .popup-holder-bc.registerpopup #register_form_id[data-reg-step="2"] .reg-steps-bar__fill,
html.is-web .popup-holder-bc.registerpopup #register_form_id[data-reg-step="2"] .steps-indicator__fill,
html.is-mobile .popup-holder-bc.registerpopup #register_form_id[data-reg-step="2"] .steps-indicator__fill {
  width: 66.666% !important;
}

html.is-web .popup-holder-bc.registerpopup #register_form_id[data-reg-step="3"] .reg-steps-bar__fill,
html.is-mobile .popup-holder-bc.registerpopup #register_form_id[data-reg-step="3"] .reg-steps-bar__fill,
html.is-web .popup-holder-bc.registerpopup #register_form_id[data-reg-step="3"] .steps-indicator__fill,
html.is-mobile .popup-holder-bc.registerpopup #register_form_id[data-reg-step="3"] .steps-indicator__fill {
  width: 100% !important;
}

html.is-web .popup-holder-bc.registerpopup .reg-step-caption,
html.is-mobile .popup-holder-bc.registerpopup .reg-step-caption {
  margin: 0 0 14px !important;
  color: rgba(255, 255, 255, 0.55) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
}

html.is-web .popup-holder-bc.registerpopup .reg-step,
html.is-mobile .popup-holder-bc.registerpopup .reg-step {
  will-change: transform, opacity;
  backface-visibility: hidden;
  transform: translateZ(0);
}

html.is-web .popup-holder-bc.registerpopup .reg-step.reg-step-enter-next,
html.is-mobile .popup-holder-bc.registerpopup .reg-step.reg-step-enter-next {
  animation: reg-step-in-next 0.28s cubic-bezier(0.22, 1, 0.36, 1) both !important;
}

html.is-web .popup-holder-bc.registerpopup .reg-step.reg-step-enter-back,
html.is-mobile .popup-holder-bc.registerpopup .reg-step.reg-step-enter-back {
  animation: reg-step-in-back 0.28s cubic-bezier(0.22, 1, 0.36, 1) both !important;
}

@keyframes reg-step-in-next {
  from { opacity: 0; transform: translate3d(20px, 0, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes reg-step-in-back {
  from { opacity: 0; transform: translate3d(-20px, 0, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}

html.is-web .popup-holder-bc.registerpopup .reg-birthday-row,
html.is-mobile .popup-holder-bc.registerpopup .reg-birthday-row,
html.is-web .popup-holder-bc.registerpopup .reg-phone-row,
html.is-mobile .popup-holder-bc.registerpopup .reg-phone-row {
  display: flex !important;
  gap: 8px !important;
  width: 100% !important;
  align-items: stretch !important;
}

html.is-web .popup-holder-bc.registerpopup .reg-birthday-row > .form-control-bc,
html.is-mobile .popup-holder-bc.registerpopup .reg-birthday-row > .form-control-bc {
  flex: 1 1 0 !important;
  min-width: 0 !important;
}

html.is-web .popup-holder-bc.registerpopup .reg-phone-row > .form-control-bc:first-child,
html.is-mobile .popup-holder-bc.registerpopup .reg-phone-row > .form-control-bc:first-child {
  flex: 0 0 92px !important;
  max-width: 92px !important;
}

html.is-web .popup-holder-bc.registerpopup .reg-phone-row > .form-control-bc:last-child,
html.is-mobile .popup-holder-bc.registerpopup .reg-phone-row > .form-control-bc:last-child {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

html.is-web .popup-holder-bc.registerpopup input[type="password"].form-control-input-bc,
html.is-mobile .popup-holder-bc.registerpopup input[type="password"].form-control-input-bc,
html.is-web .popup-holder-bc.loginpopup input[type="password"].form-control-input-bc,
html.is-mobile .popup-holder-bc.loginpopup input[type="password"].form-control-input-bc {
  -webkit-text-security: disc !important;
  text-security: disc !important;
  letter-spacing: 0.12em !important;
}

html.is-web .popup-holder-bc.registerpopup .form-control-bc.select-flag .ellipsis,
html.is-mobile .popup-holder-bc.registerpopup .form-control-bc.select-flag .ellipsis,
html.is-web .popup-holder-bc.registerpopup .form-control-label-bc > span.ellipsis:not(.form-control-title-bc),
html.is-mobile .popup-holder-bc.registerpopup .form-control-label-bc > span.ellipsis:not(.form-control-title-bc) {
  display: block !important;
  padding-top: 16px !important;
  line-height: 26px !important;
  color: #fff !important;
  font-size: 14px !important;
}

html.is-web .popup-holder-bc.registerpopup .form-control-icon-bc,
html.is-mobile .popup-holder-bc.registerpopup .form-control-icon-bc {
  position: absolute !important;
  right: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: rgba(255, 255, 255, 0.45) !important;
  pointer-events: none !important;
  z-index: 3 !important;
}

html.is-web .popup-holder-bc.registerpopup select.form-control-select-bc,
html.is-mobile .popup-holder-bc.registerpopup select.form-control-select-bc {
  padding-right: 22px !important;
}

html.is-web .popup-holder-bc.registerpopup .reg-step-actions,
html.is-mobile .popup-holder-bc.registerpopup .reg-step-actions {
  display: flex !important;
  gap: 10px !important;
  margin-top: 14px !important;
}

html.is-web .popup-holder-bc.registerpopup .reg-step-actions--split,
html.is-mobile .popup-holder-bc.registerpopup .reg-step-actions--split {
  justify-content: space-between !important;
}

html.is-web .popup-holder-bc.registerpopup .reg-step-actions .btn.a-color,
html.is-mobile .popup-holder-bc.registerpopup .reg-step-actions .btn.a-color {
  flex: 1 1 auto !important;
}

html.is-web .popup-holder-bc.registerpopup .reg-btn-back,
html.is-mobile .popup-holder-bc.registerpopup .reg-btn-back {
  flex: 0 0 auto !important;
  min-width: 88px !important;
  height: 46px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  background: rgba(255, 255, 255, 0.06) !important;
  color: rgba(255, 255, 255, 0.85) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.85) !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
}

html.is-web .popup-holder-bc.registerpopup .reg-field-invalid,
html.is-mobile .popup-holder-bc.registerpopup .reg-field-invalid {
  border-color: rgba(220, 70, 70, 0.7) !important;
  box-shadow: 0 0 0 1px rgba(220, 70, 70, 0.35) !important;
}

html.is-web .popup-holder-bc.registerpopup .reg-birthday-sync,
html.is-mobile .popup-holder-bc.registerpopup .reg-birthday-sync,
html.is-web .popup-holder-bc.registerpopup .react-datepicker__input-container.reg-birthday-sync,
html.is-mobile .popup-holder-bc.registerpopup .react-datepicker__input-container.reg-birthday-sync {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  clip: rect(0 0 0 0) !important;
}

html.is-web .popup-holder-bc.registerpopup .cf-turnstile-mount,
html.is-mobile .popup-holder-bc.registerpopup .cf-turnstile-mount,
html.is-web .popup-holder-bc.loginpopup .cf-turnstile-mount,
html.is-mobile .popup-holder-bc.loginpopup .cf-turnstile-mount {
  display: flex !important;
  justify-content: center !important;
  margin: 8px 0 4px !important;
  min-height: 65px !important;
}

html.is-web .popup-holder-bc.registerpopup .entrance-form-bc.registration,
html.is-mobile .popup-holder-bc.registerpopup .entrance-form-bc.registration {
  min-height: 520px !important;
  display: flex !important;
  flex-direction: column !important;
}

html.is-web .popup-holder-bc.registerpopup .reg-form-footer-bc,
html.is-mobile .popup-holder-bc.registerpopup .reg-form-footer-bc {
  margin-top: 12px !important;
}

html.is-web .popup-holder-bc.loginpopup .form-control-bc:focus-within,
html.is-mobile .popup-holder-bc.loginpopup .form-control-bc:focus-within,
html.is-web .popup-holder-bc.registerpopup .form-control-bc:focus-within,
html.is-mobile .popup-holder-bc.registerpopup .form-control-bc:focus-within {
  border-color: rgba(55, 165, 78, 0.55) !important;
  box-shadow: 0 0 0 1px rgba(55, 165, 78, 0.25) !important;
}

html.is-web .popup-holder-bc.registerpopup select.form-control-select-bc,
html.is-mobile .popup-holder-bc.registerpopup select.form-control-select-bc {
  width: 100% !important;
  height: 48px !important;
  padding: 16px 36px 4px 14px !important;
  border: 0 !important;
  background: transparent !important;
  color: #fff !important;
  font-size: 14px !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

html.is-web .popup-holder-bc.registerpopup select.form-control-select-bc option,
html.is-mobile .popup-holder-bc.registerpopup select.form-control-select-bc option {
  color: #111 !important;
  background: #fff !important;
}

html.is-web .popup-holder-bc.registerpopup #register_form_id:not([data-reg-step="3"]) [data-reg-submit-wrap],
html.is-mobile .popup-holder-bc.registerpopup #register_form_id:not([data-reg-step="3"]) [data-reg-submit-wrap],
html.is-web .popup-holder-bc.registerpopup #register_form_id:not([data-reg-step="3"]) .entrance-form-actions-holder-bc.reg-ext-1,
html.is-mobile .popup-holder-bc.registerpopup #register_form_id:not([data-reg-step="3"]) .entrance-form-actions-holder-bc.reg-ext-1 {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

html.is-web .popup-holder-bc.registerpopup #register_form_id[data-reg-step="3"] [data-reg-submit-wrap],
html.is-mobile .popup-holder-bc.registerpopup #register_form_id[data-reg-step="3"] [data-reg-submit-wrap],
html.is-web .popup-holder-bc.registerpopup #register_form_id[data-reg-step="3"] .entrance-form-actions-holder-bc.reg-ext-1,
html.is-mobile .popup-holder-bc.registerpopup #register_form_id[data-reg-step="3"] .entrance-form-actions-holder-bc.reg-ext-1 {
  display: block !important;
  visibility: visible !important;
  height: auto !important;
  pointer-events: auto !important;
}

html.is-web .popup-holder-bc.registerpopup .entrance-f-item-bc,
html.is-mobile .popup-holder-bc.registerpopup .entrance-f-item-bc {
  margin: 0 0 12px !important;
}

html.is-web .popup-holder-bc.registerpopup:not(.display-none) .popup-inner-bc,
html.is-mobile .popup-holder-bc.registerpopup:not(.display-none) .popup-inner-bc,
html.is-web .popup-holder-bc.registerpopup:not(.display-none) #base_popup_id,
html.is-mobile .popup-holder-bc.registerpopup:not(.display-none) #base_popup_id {
  min-height: 0 !important;
  height: auto !important;
}

html.is-web .popup-holder-bc.registerpopup .entrance-form-bc.registration,
html.is-mobile .popup-holder-bc.registerpopup .entrance-form-bc.registration {
  min-height: 0 !important;
}

html.is-web .popup-holder-bc.registerpopup .form-control-bc,
html.is-mobile .popup-holder-bc.registerpopup .form-control-bc {
  min-height: 52px !important;
}

html.is-web .popup-holder-bc.registerpopup select.form-control-select-bc,
html.is-mobile .popup-holder-bc.registerpopup select.form-control-select-bc {
  height: 52px !important;
  min-height: 52px !important;
  padding: 20px 22px 4px 0 !important;
  line-height: 1.2 !important;
}

html.is-web .popup-holder-bc.registerpopup .form-control-bc.filled .form-control-title-bc,
html.is-mobile .popup-holder-bc.registerpopup .form-control-bc.filled .form-control-title-bc,
html.is-web .popup-holder-bc.registerpopup .form-control-bc.focused .form-control-title-bc,
html.is-mobile .popup-holder-bc.registerpopup .form-control-bc.focused .form-control-title-bc {
  top: 6px !important;
  font-size: 11px !important;
  line-height: 12px !important;
}

html.is-web .popup-holder-bc.registerpopup .reg-birthday-row .form-control-title-bc,
html.is-mobile .popup-holder-bc.registerpopup .reg-birthday-row .form-control-title-bc {
  width: calc(100% - 18px) !important;
}

html.is-web .popup-holder-bc.registerpopup .e-p-body-bc,
html.is-mobile .popup-holder-bc.registerpopup .e-p-body-bc {
  flex: 0 1 auto !important;
  height: auto !important;
  max-height: calc(92vh - 56px) !important;
}

html.is-web .popup-holder-bc.registerpopup .entrance-form-bc.registration,
html.is-mobile .popup-holder-bc.registerpopup .entrance-form-bc.registration,
html.is-web .popup-holder-bc.registerpopup .reg-form-block-bc,
html.is-mobile .popup-holder-bc.registerpopup .reg-form-block-bc {
  flex: 0 1 auto !important;
  height: auto !important;
  min-height: 0 !important;
}

html.is-web .popup-holder-bc.registerpopup .e-p-content-bc,
html.is-mobile .popup-holder-bc.registerpopup .e-p-content-bc {
  height: auto !important;
  min-height: 0 !important;
}

.reg-email-confirm-swal {
  text-align: center;
  color: #1a2332;
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
  padding: 0 2px;
}

.reg-email-confirm-swal__lead {
  margin: 0 0 14px !important;
  color: #1e293b !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  font-weight: 600 !important;
}

.reg-email-confirm-swal__box {
  margin: 0 0 12px;
  padding: 12px 14px;
  border-radius: 12px;
  background: #0f1520 !important;
  border: 1px solid rgba(66, 201, 94, 0.55);
  box-shadow: inset 0 0 0 1px rgba(66, 201, 94, 0.08);
}

.reg-email-confirm-swal__label {
  display: block;
  margin: 0 0 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.78) !important;
}

.reg-email-confirm-swal__addr {
  margin: 0 !important;
  padding: 0;
  border: 0;
  background: transparent;
  color: #42C95E !important;
  font-weight: 800;
  font-size: 16px;
  line-height: 1.35;
  word-break: break-all;
}

.reg-email-confirm-swal__tip {
  margin: 0 !important;
  padding: 10px 12px;
  border-radius: 10px;
  background: #fee2e2 !important;
  border: 1px solid #f87171 !important;
  color: #7f1d1d !important;
  font-size: 13px !important;
  line-height: 1.45;
  font-weight: 700 !important;
}

.swal-overlay:has(.reg-email-confirm-modal),
.swal-overlay.reg-email-confirm-overlay {
  background-color: rgba(8, 12, 20, 0.78) !important;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}

.swal-modal.reg-email-confirm-modal {
  width: min(92vw, 420px) !important;
  background: #ffffff !important;
  color: #1a2332 !important;
  border-radius: 16px !important;
  border: 2px solid #0f172a !important;
  box-shadow:
    0 28px 64px rgba(0, 0, 0, 0.55),
    0 0 0 8px rgba(255, 255, 255, 0.12) !important;
  padding: 22px 18px 18px !important;
  margin: 0 auto !important;
}

.swal-modal.reg-email-confirm-modal .swal-icon--warning {
  margin-top: 4px !important;
}

.swal-modal.reg-email-confirm-modal .swal-title {
  color: #0f172a !important;
  font-size: 1.3rem !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  padding: 0 8px 4px !important;
  opacity: 1 !important;
}

.swal-modal.reg-email-confirm-modal .swal-content,
.swal-modal.reg-email-confirm-modal .swal-text {
  color: #1a2332 !important;
  margin-top: 4px !important;
}

.swal-modal.reg-email-confirm-modal .swal-footer {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  justify-content: stretch;
  align-items: stretch;
  gap: 10px;
  margin-top: 14px !important;
  padding: 0 !important;
}

.swal-modal.reg-email-confirm-modal .swal-button-container {
  margin: 0 !important;
  flex: 1 1 0 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.swal-modal.reg-email-confirm-modal .swal-button {
  min-width: 0 !important;
  width: 100% !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  opacity: 1 !important;
  visibility: visible !important;
  padding: 12px 10px !important;
  border-radius: 10px !important;
}

.swal-modal.reg-email-confirm-modal .swal-button--cancel {
  background: #e2e8f0 !important;
  color: #0f172a !important;
  border: 1px solid #94a3b8 !important;
  box-shadow: none !important;
}

.swal-modal.reg-email-confirm-modal .swal-button--cancel:hover {
  background: #cbd5e1 !important;
  color: #0f172a !important;
}

.swal-modal.reg-email-confirm-modal .swal-button--confirm {
  background-color: #42C95E !important;
  color: #ffffff !important;
  border: 0 !important;
}

.swal-modal .swal-button--confirm {
  background-color: #42C95E !important;
}

.reg-email-otp-swal {
  text-align: center;
  color: #1a2332;
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
  padding: 0 2px;
}

.reg-email-otp-swal__lead {
  margin: 0 0 14px !important;
  color: #1e293b !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  font-weight: 600 !important;
}

.reg-email-otp-swal__box {
  margin: 0 0 12px;
  padding: 12px 14px;
  border-radius: 12px;
  background: #0f1520 !important;
  border: 1px solid rgba(66, 201, 94, 0.55);
}

.reg-email-otp-swal__label {
  display: block;
  margin: 0 0 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.78) !important;
}

.reg-email-otp-swal__addr {
  margin: 0 !important;
  color: #42C95E !important;
  font-weight: 800;
  font-size: 16px;
  line-height: 1.35;
  word-break: break-all;
}

.reg-email-otp-swal__field {
  margin: 0 0 12px;
}

.reg-email-otp-swal__input {
  width: 100%;
  box-sizing: border-box;
  padding: 14px 12px;
  border-radius: 12px;
  border: 2px solid #0f172a;
  background: #f8fafc;
  color: #0f172a;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: 0.35em;
  text-align: center;
}

.reg-email-otp-swal__input:focus {
  outline: none;
  border-color: #42C95E;
  box-shadow: 0 0 0 3px rgba(66, 201, 94, 0.25);
}

.reg-email-otp-swal__tip {
  margin: 0 !important;
  color: #475569 !important;
  font-size: 12px !important;
  line-height: 1.45;
  font-weight: 600 !important;
}

.swal-overlay:has(.reg-email-otp-modal),
.swal-overlay.reg-email-otp-overlay {
  background-color: rgba(8, 12, 20, 0.78) !important;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}

.swal-modal.reg-email-otp-modal {
  width: min(92vw, 420px) !important;
  background: #ffffff !important;
  color: #1a2332 !important;
  border-radius: 16px !important;
  border: 2px solid #0f172a !important;
  box-shadow:
    0 28px 64px rgba(0, 0, 0, 0.55),
    0 0 0 8px rgba(255, 255, 255, 0.12) !important;
}

.swal-modal.reg-email-otp-modal .swal-title {
  color: #0f172a !important;
  font-weight: 800 !important;
}

.swal-modal.reg-email-otp-modal .swal-footer {
  display: flex !important;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: stretch;
}

.swal-modal.reg-email-otp-modal .swal-button-container {
  flex: 1 1 140px;
}

.swal-modal.reg-email-otp-modal .swal-button {
  width: 100%;
}

.swal-modal.reg-email-otp-modal .swal-button--cancel {
  background: #e2e8f0 !important;
  color: #0f172a !important;
}

.swal-modal.reg-email-otp-modal .swal-button--confirm {
  background-color: #42C95E !important;
  color: #ffffff !important;
}

.reg-email-otp-swal__msg {
  margin: 0 0 12px !important;
  padding: 10px 12px;
  border-radius: 10px;
  font-size: 13px !important;
  line-height: 1.45 !important;
  font-weight: 700 !important;
  text-align: center;
}

.reg-email-otp-swal__msg.is-error {
  background: #fef2f2 !important;
  color: #b91c1c !important;
  border: 1px solid #fecaca;
}

.reg-email-otp-swal__msg.is-ok {
  background: #ecfdf5 !important;
  color: #047857 !important;
  border: 1px solid #a7f3d0;
}

.reg-auth-wait-overlay {
  position: fixed;
  inset: 0;
  z-index: 2147483600;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(8, 12, 20, 0.78);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}

.reg-auth-wait-modal {
  width: min(92vw, 360px);
  padding: 28px 22px 24px;
  border-radius: 16px;
  background: #ffffff;
  color: #0f172a;
  border: 2px solid #0f172a;
  box-shadow: 0 28px 64px rgba(0, 0, 0, 0.55);
  text-align: center;
}

.reg-auth-wait-spinner {
  width: 42px;
  height: 42px;
  margin: 0 auto 16px;
  border-radius: 50%;
  border: 3px solid #e2e8f0;
  border-top-color: #42C95E;
  animation: reg-auth-wait-spin 0.8s linear infinite;
}

@keyframes reg-auth-wait-spin {
  to { transform: rotate(360deg); }
}

.reg-auth-wait-title {
  margin: 0 0 8px !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
}

.reg-auth-wait-lead {
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  font-weight: 600 !important;
  color: #475569 !important;
}

.reg-auth-toast {
  position: fixed;
  left: 50%;
  bottom: 24px;
  z-index: 2147483601;
  max-width: min(92vw, 420px);
  transform: translateX(-50%) translateY(12px);
  opacity: 0;
  transition: opacity 0.2s ease, transform 0.2s ease;
  padding: 12px 16px;
  border-radius: 12px;
  background: #0f172a;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
  pointer-events: none;
}

.reg-auth-toast.is-visible {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

.reg-google-2fa-swal__qr {
  display: flex;
  justify-content: center;
  margin: 12px 0 8px;
}

.reg-google-2fa-swal__qr img {
  display: block;
  width: 180px;
  height: 180px;
  border-radius: 10px;
  background: #fff;
  padding: 8px;
  box-sizing: border-box;
}

/* Forgot password must receive clicks inside login popup */
html.is-web .popup-holder-bc.loginpopup .sg-n-forgot-password-text,
html.is-mobile .popup-holder-bc.loginpopup .sg-n-forgot-password-text,
html.is-web .popup-holder-bc.loginpopup .sg-n-forgot-password,
html.is-mobile .popup-holder-bc.loginpopup .sg-n-forgot-password {
  pointer-events: auto !important;
  cursor: pointer !important;
  position: relative;
  z-index: 6;
}

html.is-web .popup-holder-bc.loginpopup button.sg-n-forgot-password,
html.is-mobile .popup-holder-bc.loginpopup button.sg-n-forgot-password {
  display: inline !important;
  background: none !important;
  border: 0 !important;
  padding: 8px 12px !important;
  margin: 0 auto !important;
  color: rgba(255, 255, 255, 0.85) !important;
  font: inherit !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  position: relative !important;
  z-index: 20 !important;
}

/* unified theme: header-auth-click-fix.css */

/* Header Giriş/Kayıt — casino ve mobil kupon üstünde tıklanabilir */
.layout-header-holder-bc {
  z-index: 10080 !important;
  isolation: isolate;
}

.layout-header-holder-bc .header-bc,
.layout-header-holder-bc .hdr-main-content-bc {
  position: relative;
  z-index: 1 !important;
}

.hdr-user-bc .btn.sign-in,
.hdr-user-bc .btn.register,
.hdr-user-bc button[title="GİRİŞ"],
.hdr-user-bc button[title="Kayıt"],
.hdr-toggle-button-bc,
#smart-panel-holder {
  position: relative;
  z-index: 2 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

.layout-bc:not(.smart-panel-is-visible) .hdr-smart-panel-holder-arrow-bc {
  pointer-events: none !important;
}

.layout-bc.smart-panel-is-visible .hdr-smart-panel-holder-arrow-bc {
  z-index: 10120 !important;
  pointer-events: auto !important;
}

.hdr-smart-panel-holder-arrow-bc {
  z-index: 10120 !important;
}

#webspor-betslip-backdrop:not(.is-visible) {
  display: none !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

.popup-holder-bc.loginpopup.display-none,
.popup-holder-bc.registerpopup.display-none,
.popup-holder-bc.display-none {
  pointer-events: none !important;
}

.popup-holder-bc:not(.display-none):not(.hidden):not([aria-hidden="true"]),
.popup-holder-bc.content-manager:not(.hidden):not([aria-hidden="true"]),
.overlay-sliding-wrapper-bc:not(.display-none),
.hdr-nav-menu-holder-bc,
.layout-bc:not(.betslip-Hidden) .betslip-bc,
#siteAnnPopup:not(.hidden):not([aria-hidden="true"]) {
  z-index: 10150 !important;
}

.swal-overlay,
body > .swal-overlay,
html body .swal-overlay {
  z-index: 2147483000 !important;
  position: fixed !important;
}

.swal-modal,
body > .swal-overlay .swal-modal,
html body .swal-overlay .swal-modal {
  z-index: 2147483001 !important;
  position: relative !important;
}

.popup-inner-bc > #close_popup_button_id,
.popup-inner-bc > .e-p-close-icon-bc,
.popup-holder-bc .popup-inner-bc > .e-p-close-icon-bc {
  position: absolute !important;
  top: 11px !important;
  z-index: 10160 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

[dir="ltr"] .popup-inner-bc > #close_popup_button_id,
[dir="ltr"] .popup-inner-bc > .e-p-close-icon-bc,
[dir="ltr"] .popup-holder-bc .popup-inner-bc > .e-p-close-icon-bc {
  right: 11px !important;
  left: auto !important;
}

[dir="rtl"] .popup-inner-bc > #close_popup_button_id,
[dir="rtl"] .popup-inner-bc > .e-p-close-icon-bc,
[dir="rtl"] .popup-holder-bc .popup-inner-bc > .e-p-close-icon-bc {
  left: 11px !important;
  right: auto !important;
}

.layout-bc.is-home-page {
    background-image: url(/storage/medias/ext_img/7c9915484f519932b23e51b9364bac93.jpg) !important;
    background-size: 100% !important;
    background-position: center top !important;
    background-attachment: scroll !important;
    background-repeat: no-repeat !important;
}
.layout-footer-holder-bc,
.footer-bc,
.product-banner-info-bc:before,
.sdr-item-bc:before {
    background: none !important;
}
.layout-header-holder-bc {
    box-shadow: none !important;
}
html.is-web .layout-header-holder-bc .header-bc,
html.is-web header.header-bc {
    background: rgb(18, 23, 34) !important;
    background-image: none !important;
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}
html.is-web .layout-header-holder-bc .hdr-main-content-bc {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
html.is-web .layout-header-holder-bc .nav-content-bc {
    background: rgb(18, 23, 34) !important;
    border: none !important;
    box-shadow: none !important;
}
html.is-web .layout-header-holder-bc .nav-menu-container.header-navigation,
html.is-web .layout-header-holder-bc .nav-menu-container.header-navigation:first-child {
    background: linear-gradient(90deg, rgba(24, 28, 43, 1) 0%, rgb(66, 201, 94) 50%, rgba(24, 28, 43, 1) 100%) !important;
    padding: 5px !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    height: 42px !important;
    max-height: 42px !important;
    min-height: 42px !important;
    overflow-x: clip !important;
    overflow-y: visible !important;
}
html.is-web .layout-header-holder-bc .nav-menu-container .nav-menu,
html.is-web .layout-header-holder-bc ul.nav-menu {
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
}
html.is-web .layout-header-holder-bc ul.nav-menu > li {
    flex: 0 0 auto !important;
}
html.is-web .layout-header-holder-bc ul.nav-menu > li.nav-menu-item--more {
    margin-left: auto !important;
}
.hdr-time-bc {
    background-image: linear-gradient(#22a328, #42C95E) !important;
}
html.is-web .header-bc .btn.sign-in {
    text-decoration: none !important;
    background: transparent !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}
html.is-web .header-bc .btn.register {
    background-color: #37a54e !important;
    background-image: linear-gradient(#22a328, #42C95E) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    border: none !important;
}
html.is-web .header-bc .btn.register:hover {
    background-image: linear-gradient(#42C95E, #08400a) !important;
}
html.is-web .header-bc .header-custom-buttons .btn.a-color,
html.is-web .header-bc .header-custom-buttons a.btn {
    background: #109121 !important;
    background-image: none !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    border: none !important;
    border-radius: 5px !important;
}
.nav-menu-item.badge-new:after {
    display: none !important;
    content: none !important;
}
html.is-web .layout-header-holder-bc .nav-menu-container.header-navigation .nav-menu-other:hover > .nav-menu-item,
html.is-web .layout-header-holder-bc .nav-menu-container.header-navigation .nav-menu > li:hover > .nav-menu-item,
html.is-web .layout-header-holder-bc .nav-menu-container.header-navigation .nav-menu-other > .nav-menu-item.active,
html.is-web .layout-header-holder-bc .nav-menu-container.header-navigation .nav-menu > li > .nav-menu-item.active {
    box-shadow: inset 0 2px 0 0 rgba(var(--hero), 1) !important;
    text-transform: uppercase !important;
    border-radius: 8px !important;
    background: rgba(var(--menu), 1) !important;
    color: #fff !important;
}
.nav-content-bc .nav-menu-container .nav-menu-sub .nav-menu-item,
.nav-menu-container.header-navigation:first-child .nav-menu-sub .nav-menu-item,
.nav-menu-container .nav-menu-sub .nav-menu-item.active > *,
.casino-info-block .main-tabs-bc .tab-bc.active,
.left-menu-container .second-tabs-bc .tab-bc.active,
.left-menu-container .second-tabs-bc .tab-bc:hover {
    color: #fff !important;
}
.casino-horizontal-sl-list-bc .horizontal-sl-item-bc.active,
.promotion-horizontal-sl-list-bc .horizontal-sl-item-bc.active,
.casino-horizontal-sl-list-bc .horizontal-sl-item-bc.active .horizontal-sl-count-bc,
.casino-horizontal-sl-list-bc .horizontal-sl-item-bc.active .horizontal-sl-icon-bc,
.promotion-horizontal-sl-list-bc .horizontal-sl-item-bc.active .horizontal-sl-count-bc,
.promotion-horizontal-sl-list-bc .horizontal-sl-item-bc.active .horizontal-sl-icon-bc {
    color: #fff !important;
}
.ftr-partners-r-img {
    display: none !important;
}
.ftr-partners-row-inner-bc > a:first-child:before:not(div) {
    content: '';
    position: absolute;
    background: url(/imageapi/proxy.php?url=https%3A%2F%2Fcmsbetconstruct.com%2Fstorage%2Fmedias%2Fbetpipo1%2Fmedia_1058_0314cbc365f7b6c35db87d4a5fa56ede.png) !important;
    background-repeat: no-repeat !important;
    width: 210px !important;
    height: 75px !important;
    background-size: 100%!important;
    z-index: 99 !important;
    margin-right: 40px !important;
}

.ftr-partners-row-inner-bc > a:last-child:before:not(div) {
    content: '';
    position: absolute;
    background: url(/imageapi/proxy.php?url=https%3A%2F%2Fcmsbetconstruct.com%2Fstorage%2Fmedias%2Fbetpipo1%2Fmedia_1058_e03b6f2c7d7e4871e7a66308ca5e6c77.png) !important;
    background-repeat: no-repeat !important;
    width: 210px !important;
    height: 75px !important;
    background-size: 100%!important;
    z-index: 99 !important;
    margin-left: 40px !important;
}
.ftr-partners-row-inner-bc > div {
    padding: 20px 0 !important;
}
.ftr-partners-row-inner-bc > div > div {
    top: 35px !important;
}
.count-odd-animation:after {
    color: #fff !important;
}
.ftr-g-i-head-bc,
.ftr-g-i-body-bc {
    background: linear-gradient(90deg, #163f34 0, #232a3c) !important;
}
.ftr-game-item-bc .market-group-holder-bc .market-group-item-bc .market-bc {
    background: linear-gradient(90deg, #232a3c 0, #204f31) !important;
}
.ftr-game-item-bc .market-group-holder-bc .market-group-item-bc .market-bc.active {
    background: #42C95E !important;
}
.ftr-game-item-bc .market-group-holder-bc .market-group-item-bc .market-bc:hover {
    background: #42C95E !important;
}

   .sp-s-l-b-c-item-bc.active,
   .sp-s-l-b-c-item-bc:hover {
       background: rgba(var(--hero), 1) !important;
   }
   .left-menu-scroll > .sp-sub-list-bc > .sp-s-l-b-content-bc > .sp-sub-list-bc .sp-sub-list-bc.selected > .sp-s-l-head-bc,
   .left-menu-scroll > .sp-sub-list-bc > .sp-s-l-b-content-bc > .sp-sub-list-bc .sp-sub-list-bc:hover > .sp-s-l-head-bc {
       background: rgba(var(--hero), 1) !important;
   }
  .payment-info-bc .description-c-row-bc{
  display:none;
}
.sliderSingleElWrapper:nth-child(2) .sliderImage img{
    height:53px!important;
}
.sliderSingleElWrapper:nth-child(5) .sliderImage img{
    height:100px!important;
}
.sliderSingleElWrapper:nth-child(2) .sliderImage img{
    width:53px!important;
}
.sliderSingleElWrapper:nth-child(5) .sliderImage img{
    width:200px!important;
}
/*Loyalty points*/
p.loyaltySliderCardTitle.ellipsis {
    color: #37a54e !important;
}
.loyaltyLevelCards {
    display: none !important;
}
.m-nav-items-list-item-bc .nav-ico-w-row-bc .payment-logo {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}

.deposit-page .m-block-nav-items-bc,
.withdraw-page .m-block-nav-items-bc {
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)) !important;
    grid-gap: 10px !important;
}
.m-block-nav-items-bc .m-nav-items-list-item-bc .nav-ico-w-row-bc {
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

.m-nav-items-list-item-bc.active {
    border: 2px solid;
    border-color: #41bd39 !important;
}
.wallet-btn {
  background-image: url('/imageapi/proxy.php?url=https%3A%2F%2Fcmsbetconstruct.com%2Fstorage%2Fmedias%2Fbetpipo1%2Fmedia_1058_cfd97d4258b8d8f5f8bb444b0e4dc79c.png') !important;
  background-size: auto 24px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.wallet-btn #w3m-wc-logo {
  visibility: hidden !important;
}

.fast-track-my-rewards-button-inner.btn {
    padding: 0 10px;
    background-color: #37a54e !important;
    color: #FFFFFF;
    border: none;
}

.u-i-edit-verify-account-page-bc .u-i-p-info-text-bc p:nth-child(2),
.u-i-edit-verify-account-page-bc .verify-form,
.u-i-edit-verify-account-page-bc .u-i-e-v-a-t-title-bc,
.u-i-edit-verify-account-page-bc .u-i-p-info-light-text-holder-bc {
    display: none !important;
}

html.is-web #root.is-home-page {
    --padding-page-aside: 12px;
}
html.is-web #root.is-home-page .layout-content-holder-bc {
    max-width: 1600px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: var(--padding-page-aside) !important;
    padding-right: var(--padding-page-aside) !important;
    box-sizing: border-box !important;
}
html.is-web #root.is-home-page .hm-row-bc {
    max-width: 100% !important;
    box-sizing: border-box !important;
}
html.is-web #root.is-home-page .games-content,
html.is-web #root.is-home-page .games-horiz {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}
html.is-web #root.is-home-page .games-horiz {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
}
html.is-web #root.is-home-page .page-view-more {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 36px !important;
    padding: 10px 0 8px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    background: transparent !important;
}
html.is-web #root.is-home-page .casinoTopWinnersWidgetHeader.page-view-more {
    padding: 12px 0 12px !important;
    margin: 0 !important;
}
html.is-web #root.is-home-page .casino-top-winners-row {
    margin-top: 12px !important;
    padding-top: 4px !important;
}
html.is-web #root.is-home-page .casinoTopWinnersWidget {
    gap: 10px !important;
}
html.is-web #root.is-home-page .page-view-more .view-title-more {
    margin: 0 !important;
    padding: 2px 0 !important;
    line-height: 1.4 !important;
    overflow: visible !important;
    text-overflow: clip !important;
}
html.is-web #root.is-home-page .page-view-more .view-title-more.ellipsis {
    overflow: visible !important;
    text-overflow: clip !important;
}
html.is-web #root.is-home-page .page-view-more .view-see-more {
    line-height: 1.3 !important;
    margin: 0 !important;
}
html.is-web #root.is-home-page .games-horiz-scroll {
    display: grid !important;
    grid-auto-flow: row !important;
    grid-auto-columns: unset !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    gap: 10px !important;
    overflow: hidden !important;
}
html.is-web #root.is-home-page .games-horiz-scroll[data-rows="1"] {
    grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
    grid-template-rows: auto !important;
    grid-auto-rows: 0 !important;
    align-content: start !important;
    overflow: hidden !important;
}
html.is-web #root.is-home-page .games-horiz-scroll[data-rows="2"] {
    grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
    grid-template-rows: auto auto !important;
    grid-auto-rows: auto !important;
}
html.is-web #root.is-home-page .games-horiz-scroll .casino-game-item-content {
    display: block !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}
html.is-web #root.is-home-page .games-horiz-scroll .casino-game-item {
    position: relative !important;
    min-width: 0 !important;
    width: 100% !important;
    aspect-ratio: 10 / 7 !important;
    height: auto !important;
    overflow: hidden !important;
    border-radius: 8px !important;
}
html.is-web #root.is-home-page .games-horiz-scroll .casino-game-item-image-bc {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    content-visibility: auto;
    contain-intrinsic-size: 160px 112px;
    contain: paint;
    pointer-events: none !important;
    overflow: hidden !important;
    background: transparent !important;
}
html.is-web #root.is-home-page .layout-content-holder-bc > .hm-row-bc,
html.is-web #root.is-home-page .layout-content-holder-bc > .pb-component-wrapper {
    content-visibility: auto;
    contain-intrinsic-size: auto 280px;
}
html.is-web #root.is-home-page .bm-title-neon::after,
html.is-web #root.is-home-page .bm-title-neon.bm-neon-flash::after,
html.is-web #root.is-home-page .bm-title-neon.bm-neon-glow::after,
html.is-web #root.is-home-page .bm-title-neon.bm-neon-slide::after {
    content: none !important;
    animation: none !important;
    opacity: 0 !important;
}
html.is-web .layout-bc.is-home-page {
    background-attachment: scroll !important;
}
@media (max-width: 1400px) {
    html.is-web #root.is-home-page .layout-content-holder-bc {
        max-width: 100% !important;
    }
}
@media (max-width: 1200px) {
    html.is-web #root.is-home-page {
        --padding-page-aside: 10px;
    }
    html.is-web #root.is-home-page .games-horiz-scroll[data-rows="1"] {
        grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
        grid-auto-rows: 0 !important;
        overflow: hidden !important;
    }
    html.is-web #root.is-home-page .games-horiz-scroll[data-rows="2"] {
        grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
    }
}

/* betpipo-site-accents — jackpot navy */
:root {
  --gold: #42C95E !important;
  --bp-green: #42C95E;
  --bp-green-deep: #22a328;
  --bp-green-mid: #37a54e;
  --bp-dark: #121722;
  --bp-card: #1c2336;
  --bp-card-mid: #151b2b;
}

html.is-web,
html.is-mobile {
  --gold: #42C95E !important;
  --hero: 55, 165, 78 !important;
  --hero-hover: 42, 126, 59 !important;
  --brand: 22, 199, 46 !important;
  --brand-hover: 16, 153, 35 !important;
  --accent: 55, 165, 78 !important;
  --accent-hover: 42, 126, 59 !important;
  --oc-1: 16, 145, 33 !important;
  --oc-2: 55, 165, 78 !important;
  --odd-up: 22, 199, 46 !important;
  --odd-up-hover: 16, 153, 35 !important;
  --secondary: 6, 169, 170 !important;
  --secondary-hover: 4, 120, 120 !important;
  --b: 18, 23, 34 !important;
  --b-hover: 28, 35, 54 !important;
  --header: 18, 23, 34 !important;
  --menu: 18, 23, 34 !important;
  --menu-hover: 28, 35, 54 !important;
  --header-hover: 28, 35, 54 !important;
}

a:not(.btn):not(.nav-menu-item):not(.hdr-navigation-link-bc):not(.tab-nav-item-bc) {
  accent-color: #42C95E;
}

.count-odd-animation,
.coefficient,
.price,
.bet-price-bc,
.odd-coef,
.market-odd-bc .price,
.sgm-odd-bc .price,
.multiBetItemOdd,
.bs-odd-bc {
  color: rgb(var(--odd-up)) !important;
  -webkit-text-fill-color: rgb(var(--odd-up)) !important;
}

.btn.a-color,
.btn.register,
.btn.deposit,
button.btn.register,
a.btn.register,
.deposit-btn,
.fast-track-my-rewards-button-inner.btn {
  background-color: #37a54e !important;
  background-image: linear-gradient(#22a328, #42C95E) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border-color: transparent !important;
}

.btn.a-color:hover,
.btn.register:hover,
a.btn.register:hover {
  background-image: linear-gradient(#42C95E, #08400a) !important;
}

.tab-nav-item-bc.active,
.tab-bc.active,
.second-tabs-bc .tab-bc.active,
.main-tabs-bc .tab-bc.active,
.hdr-toggle-button-bc.active {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

.tab-navigation-w-bc {
  border-color: rgba(66, 201, 94, 0.45) !important;
}

.tab-navigation-w-bc .tab-nav-item-bc.active .tab-nav-icon-bc,
.tab-navigation-w-bc .tab-nav-item-bc.active .tab-nav-title-bc,
.sticky-footer-bc .tab-nav-item-bc.active .tab-nav-icon-bc,
.sticky-footer-bc .tab-nav-item-bc.active .tab-nav-title-bc,
.tab-navigation-w-bc .tab-nav-icon-bc {
  color: #42C95E !important;
  -webkit-text-fill-color: #42C95E !important;
}

.sticky-footer-bc .tab-nav-item-bc.active,
.tab-navigation-w-bc .tab-nav-item-bc.active {
  box-shadow: inset 0 -2px 0 #42C95E !important;
}

input:focus,
select:focus,
textarea:focus,
.form-control-bc:focus-within,
.form-control-input-bc:focus {
  border-color: #42C95E !important;
  outline-color: #42C95E !important;
}

::-moz-selection {
  background: rgba(66, 201, 94, 0.35);
  color: #fff;
}
::selection {
  background: rgba(66, 201, 94, 0.35);
  color: #fff;
}

.checkbox-control-bc input:checked + .checkbox-control-icon-bc,
.switcher-bc input:checked + .switcher-circle-bc,
.toggle-control-bc input:checked + span {
  background-color: #37a54e !important;
  border-color: #42C95E !important;
}

.view-see-more,
.view-arrow-more,
a.view-see-more {
  color: #42C95E !important;
  -webkit-text-fill-color: #42C95E !important;
}

.sp-button-bc,
#smart-panel-holder .sp-button-bc {
  border-color: rgba(66, 201, 94, 0.4) !important;
}

.sectionTitle .ds-link,
.sectionTitleLink,
.sectionTitle .link__label,
.hm-row-bc .sectionTitleLink,
.hm-row-bc .ds-link {
  color: #42C95E !important;
  -webkit-text-fill-color: #42C95E !important;
}

.sectionTitle .link__icon,
.sectionTitle .CMSIconSVGWrapper.link__icon {
  color: #42C95E !important;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
}

.sectionTitle .link__icon svg,
.sectionTitle .CMSIconSVGWrapper.link__icon svg {
  width: 16px !important;
  height: 16px !important;
  display: block;
}

.storiesWidgetListItem:not(.storiesItemSkeleton):not(.visited):before,
.slider-bc .carousel-slide.active-slide + .carousel-slide .sdr-item-bc {
  background-image: linear-gradient(225deg, #22a328, #42C95E) !important;
}

.home-stories-row-bc .storiesWidgetListItem:not(.storiesItemSkeleton):after {
  z-index: 1 !important;
  left: 3px !important;
  top: 3px !important;
  width: 90px !important;
  height: 90px !important;
  border-radius: 50% !important;
  background: rgba(18, 23, 34, 1) !important;
  background-image: none !important;
}

.home-stories-row-bc {
  margin-bottom: 16px !important;
  overflow: visible !important;
}

.home-stories-row-bc .horizontalSliderWrapper {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  min-height: 140px !important;
  padding: 8px 2px 10px !important;
  box-sizing: border-box;
}

.home-stories-row-bc .horizontalSliderRow.storiesWidgetList {
  align-items: flex-start !important;
}

.home-stories-row-bc .storiesWidgetListItem.horizontal-sl-item-bc,
.home-stories-row-bc .home-story-trigger-bc {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  min-width: 96px !important;
  width: 96px !important;
  min-height: 130px !important;
  height: auto !important;
  overflow: visible !important;
  padding: 0 !important;
  position: relative !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

.home-stories-row-bc .storiesWidgetListItem:not(.storiesItemSkeleton):before {
  z-index: 0 !important;
  left: 0 !important;
  top: 0 !important;
  width: 96px !important;
  height: 96px !important;
  border-radius: 50% !important;
  background-image: linear-gradient(225deg, #22a328, #42C95E) !important;
}

.home-stories-row-bc .storiesWidgetListItem > img.horizontal-sl-icon-bc,
.home-stories-row-bc .storiesWidgetListItem > img {
  position: relative;
  z-index: 2 !important;
  width: 90px !important;
  height: 90px !important;
  min-width: 90px !important;
  min-height: 90px !important;
  max-width: 90px !important;
  max-height: 90px !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  object-position: center !important;
  box-sizing: border-box !important;
  border: 2px solid rgba(255, 255, 255, 0.12) !important;
  background: rgba(18, 23, 34, 1) !important;
  flex-shrink: 0 !important;
  display: block !important;
  padding: 0 !important;
  margin: 3px auto 0 !important;
}

.home-stories-row-bc .storiesWidgetWrapper.portraitView .storiesWidgetListItem .horizontal-sl-title-bc,
.home-stories-row-bc .storiesWidgetListItem .horizontal-sl-title-bc {
  position: static !important;
  width: 100% !important;
  max-width: 96px !important;
  height: auto !important;
  min-height: 30px !important;
  bottom: auto !important;
  background: none !important;
  background-image: none !important;
  color: rgba(255, 255, 255, 0.95) !important;
  text-align: center !important;
  white-space: normal !important;
  text-overflow: clip !important;
  overflow: visible !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.25 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
  margin: 10px 0 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  text-shadow: none !important;
}

.kb-title-gold,
.kb-calc-label--gold,
.kb-calc-icon--gold,
.kb-calc-val--gold {
  color: #42C95E !important;
  -webkit-text-fill-color: #42C95E !important;
}

.promo-card a,
.promotions-page a:not(.btn),
.entrance-popup a:not(.btn) {
  color: #42C95E;
}

/* betpipo-jp-surfaces */
html.is-web,
html.is-mobile,
html.is-web body,
html.is-mobile body,
html.is-web #root,
html.is-mobile #root,
html.is-web .layout-bc,
html.is-mobile .layout-bc {
  background-color: var(--bp-dark, #121722) !important;
  background-image: none !important;
}

html.is-web .layout-content-holder-bc,
html.is-mobile .layout-content-holder-bc,
html.is-web .layout-footer-holder-bc,
html.is-mobile .layout-footer-holder-bc,
html.is-web .footer-bc,
html.is-mobile .footer-bc,
html.is-web .sticky-footer-bc,
html.is-mobile .sticky-footer-bc {
  background-color: var(--bp-dark, #121722) !important;
}

html.is-web .second-tabs-bc,
html.is-mobile .second-tabs-bc,
html.is-web .main-tabs-bc,
html.is-mobile .main-tabs-bc,
html.is-web .tab-navigation-w-bc,
html.is-mobile .tab-navigation-w-bc,
html.is-web .sp-button-bc,
html.is-mobile .sp-button-bc,
html.is-web .popup-inner-bc,
html.is-mobile .popup-inner-bc,
html.is-web .m-nav-info-bc,
html.is-mobile .m-nav-info-bc,
html.is-web .casino-category-container,
html.is-mobile .casino-category-container,
html.is-web .promotions-page .promo-card,
html.is-mobile .promotions-page .promo-card,
html.is-web .profile-nav-bc,
html.is-mobile .profile-nav-bc {
  background: linear-gradient(180deg, #1c2336 0%, #151b2b 55%, #121722 100%) !important;
  border-color: rgba(66, 201, 94, 0.22) !important;
}

html.is-web #root.is-home-page .hm-row-bc,
html.is-mobile #root.is-home-page .hm-row-bc,
html.is-web #root.is-home-page .hm-row-bc .pb-component-wrapper,
html.is-mobile #root.is-home-page .hm-row-bc .pb-component-wrapper,
html.is-web #root.is-home-page .games-content,
html.is-mobile #root.is-home-page .games-content,
html.is-web #root.is-home-page .page-view-more,
html.is-mobile #root.is-home-page .page-view-more,
html.is-web #root.is-home-page .casinoTopWinnersWidget,
html.is-mobile #root.is-home-page .casinoTopWinnersWidget,
html.is-web #root.is-home-page .casino-bb-jackpot,
html.is-mobile #root.is-home-page .casino-bb-jackpot {
  background: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

html.is-web .casino-game-item,
html.is-mobile .casino-game-item,
html.is-web .horizontal-sl-item-bc,
html.is-mobile .horizontal-sl-item-bc {
  background: linear-gradient(180deg, #1c2336 0%, #151b2b 70%, #121722 100%) !important;
  border: 1px solid rgba(66, 201, 94, 0.18) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

html.is-web .layout-footer-holder-bc .sliderGroup,
html.is-web .layout-footer-holder-bc .sliderContent {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  box-sizing: border-box;
  padding-left: 16px;
  padding-right: 16px;
}

html.is-web .layout-footer-holder-bc .footer-brand-logo {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  margin: 8px auto 20px !important;
}

html.is-web .layout-footer-holder-bc .footer-brand-logo img {
  display: block !important;
  height: auto !important;
  width: auto !important;
  max-height: 88px !important;
  max-width: min(280px, 70vw) !important;
  object-fit: contain !important;
}

html.is-web .layout-footer-holder-bc .footer-partners-container {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 18px 24px !important;
  width: 100% !important;
  margin: 0 auto 18px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  grid-template-columns: none !important;
}

html.is-web .layout-footer-holder-bc .footer-partners-container .partner-item {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
}

html.is-web .layout-footer-holder-bc .footer-partners-container .partner-item a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html.is-web .layout-footer-holder-bc .footer-partners-container .partner-item img {
  display: block !important;
  height: auto !important;
  width: auto !important;
  max-height: 48px !important;
  max-width: 120px !important;
  object-fit: contain !important;
  opacity: 0.92;
}

html.is-web .layout-footer-holder-bc .sliderTitle {
  text-align: center !important;
  margin: 18px 0 14px !important;
  width: 100%;
}

.layout-footer-holder-bc .horizontalList,
.layout-footer-holder-bc .sliderGroup .horizontalList,
.layout-footer-holder-bc .sliderContent {
  overflow: visible !important;
  max-width: 100%;
}

html.is-web .layout-footer-holder-bc .horizontalSliderWrapper:not([data-footer-marquee]),
html.is-web .layout-footer-holder-bc .sliderGroup .horizontalSliderWrapper:not([data-footer-marquee]),
html.is-web .layout-footer-holder-bc .sliderContent > .horizontalSliderWrapper:not([data-footer-marquee]) {
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  cursor: default;
  left: auto !important;
  right: auto !important;
  margin: 0 auto 14px !important;
}

html.is-web .layout-footer-holder-bc .horizontalSliderWrapper:not([data-footer-marquee]) .horizontalSliderRow,
html.is-web .layout-footer-holder-bc .sliderGroup .horizontalSliderWrapper:not([data-footer-marquee]) .horizontalSliderRow,
html.is-web .layout-footer-holder-bc .sliderContent > .horizontalSliderWrapper:not([data-footer-marquee]) .horizontalSliderRow {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)) !important;
  justify-content: center !important;
  justify-items: center !important;
  align-items: center !important;
  gap: 16px 18px !important;
  width: 100% !important;
  max-width: 980px !important;
  margin: 0 auto !important;
  white-space: normal !important;
  transition: none !important;
  transform: none !important;
}

html.is-web .layout-footer-holder-bc .footer-providers-row .horizontalSliderRow,
html.is-web .layout-footer-holder-bc .footer-providers-row .horizontalSliderWrapper .horizontalSliderRow {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 16px 20px !important;
  width: 100% !important;
  max-width: 720px !important;
  margin: 0 auto !important;
  grid-template-columns: none !important;
}

@keyframes footer-payments-marquee {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(-50%, 0, 0); }
}

html.is-web .layout-footer-holder-bc .horizontalSliderWrapper[data-footer-marquee],
html.is-web .layout-footer-holder-bc .sliderGroup .horizontalSliderWrapper[data-footer-marquee],
html.is-web .layout-footer-holder-bc .sliderContent > .horizontalSliderWrapper[data-footer-marquee],
html.is-mobile .layout-footer-holder-bc .horizontalSliderWrapper[data-footer-marquee],
html.is-mobile .layout-footer-holder-bc .sliderGroup .horizontalSliderWrapper[data-footer-marquee],
html.is-mobile .layout-footer-holder-bc .sliderContent > .horizontalSliderWrapper[data-footer-marquee] {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  touch-action: pan-y;
  cursor: default;
  left: auto !important;
  right: auto !important;
  margin: 0 0 14px !important;
  -webkit-user-select: none;
  user-select: none;
  display: block !important;
  justify-content: flex-start !important;
}

html.is-web .layout-footer-holder-bc .horizontalSliderWrapper[data-footer-marquee] .horizontalSliderRow,
html.is-web .layout-footer-holder-bc .sliderContent > .horizontalSliderWrapper[data-footer-marquee] .horizontalSliderRow,
html.is-mobile .layout-footer-holder-bc .horizontalSliderWrapper[data-footer-marquee] .horizontalSliderRow,
html.is-mobile .layout-footer-holder-bc .sliderContent > .horizontalSliderWrapper[data-footer-marquee] .horizontalSliderRow {
  display: inline-flex !important;
  flex-wrap: nowrap !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 14px 16px !important;
  width: max-content !important;
  max-width: none !important;
  margin: 0 !important;
  padding-right: 16px !important;
  white-space: nowrap !important;
  grid-template-columns: none !important;
  transition: none !important;
  will-change: transform;
  animation: footer-payments-marquee 32s linear infinite;
}

html.is-web .layout-footer-holder-bc .horizontalSliderWrapper[data-footer-marquee]:hover .horizontalSliderRow,
html.is-mobile .layout-footer-holder-bc .horizontalSliderWrapper[data-footer-marquee]:hover .horizontalSliderRow {
  animation-play-state: paused;
}

@media (prefers-reduced-motion: reduce) {
  html.is-web .layout-footer-holder-bc .horizontalSliderWrapper[data-footer-marquee] .horizontalSliderRow,
  html.is-mobile .layout-footer-holder-bc .horizontalSliderWrapper[data-footer-marquee] .horizontalSliderRow {
    animation: none !important;
    transform: none !important;
  }
}

html.is-web .layout-footer-holder-bc .horizontalSliderElem {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
}

html.is-web .layout-footer-holder-bc .sliderImage {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
}

html.is-web .layout-footer-holder-bc .horizontalSliderImg {
  height: 40px !important;
  max-width: 120px !important;
  width: auto !important;
  object-fit: contain !important;
}

html.is-web .layout-footer-holder-bc .sliderImage img,
html.is-web .layout-footer-holder-bc .sliderGroup .sliderImage img,
html.is-web .layout-footer-holder-bc .footer-providers-row .sliderImage img {
  width: 44px !important;
  height: 44px !important;
  max-width: 44px !important;
  object-fit: contain !important;
  border-radius: 0 !important;
}

html.is-web .layout-footer-holder-bc .ftr-copy-rights-bc {
  text-align: center !important;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

html.is-web .hdr-logo-bc {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  animation: sticky-crown-logo-glow 8s infinite !important;
  transform: none !important;
  object-fit: contain !important;
  object-position: left center !important;
}

@keyframes sticky-crown-logo-glow {
  0% { filter: drop-shadow(0 0 100px #ffffff) drop-shadow(0 0 18px #42C95E); }
  15% { filter: drop-shadow(0 0 10px #ffffff) drop-shadow(0 0 6px #22a328); }
  30% { filter: drop-shadow(0 0 1px #ffffff); }
  35% { filter: drop-shadow(0 0 10px #ffffff) drop-shadow(0 0 6px #22a328); }
  40% { filter: drop-shadow(0 0 100px #ffffff) drop-shadow(0 0 18px #42C95E); }
  70% { filter: drop-shadow(0 0 1px #ffffff); }
  75% { filter: drop-shadow(0 0 10px #ffffff) drop-shadow(0 0 6px #22a328); }
  80% { filter: drop-shadow(0 0 1px #ffffff); }
  85% { filter: drop-shadow(0 0 10px #ffffff) drop-shadow(0 0 6px #22a328); }
  90% { filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.2)); }
  95% { filter: drop-shadow(0 0 10px #ffffff) drop-shadow(0 0 6px #42C95E); }
}

@media (prefers-reduced-motion: reduce) {
  html.is-web .hdr-logo-bc {
    animation: none !important;
    transform: none !important;
    filter: drop-shadow(0 0 10px #ffffff) drop-shadow(0 0 6px #42C95E) !important;
  }
}

html.is-web .layout-header-holder-bc .logo,
html.is-web .logo-container,
html.is-web .layout-header-holder-bc .hdr-main-content-bc {
  overflow: visible !important;
}

html.is-web .layout-header-holder-bc .hdr-main-content-bc,
html.is-web .layout-header-holder-bc .hdr-user-bc,
html.is-web .layout-header-holder-bc .header-user-nav {
  position: relative !important;
  z-index: 5 !important;
  overflow: visible !important;
}

html.is-web .layout-header-holder-bc .nav-content-bc {
  position: relative !important;
  z-index: 1 !important;
}

html.is-web .layout-header-holder-bc .nav-content-bc:has(.nav-menu-other > li:hover),
html.is-web .layout-header-holder-bc .nav-content-bc:has(.nav-menu > li:hover > .nav-menu-sub) {
  z-index: 6 !important;
}

html.is-web .layout-header-holder-bc .header-user-nav .nav-menu-sub,
html.is-web .layout-header-holder-bc .header-user-nav .nav-menu-sub-wallet,
html.is-web .header-user-nav .nav-menu-sub,
html.is-web .header-user-nav .nav-menu-sub-wallet {
  position: absolute !important;
  z-index: 20 !important;
}

html.is-web.site-bg-custom,
html.is-mobile.site-bg-custom,
html.is-web.site-bg-custom body,
html.is-mobile.site-bg-custom body,
html.is-web.site-bg-custom #root,
html.is-mobile.site-bg-custom #root,
html.is-web.site-bg-custom .layout-bc,
html.is-mobile.site-bg-custom .layout-bc,
html.is-web.site-bg-custom .layout-bc.is-home-page,
html.is-mobile.site-bg-custom .layout-bc.is-home-page,
html.is-web.site-bg-custom .layout-content-holder-bc,
html.is-mobile.site-bg-custom .layout-content-holder-bc,
html.is-web.site-bg-custom .layout-footer-holder-bc,
html.is-mobile.site-bg-custom .layout-footer-holder-bc,
html.is-web.site-bg-custom .footer-bc,
html.is-mobile.site-bg-custom .footer-bc,
html.is-web.site-bg-custom .sticky-footer-bc,
html.is-mobile.site-bg-custom .sticky-footer-bc {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* deposit-logo-fix-2026-09-05 */
html.is-web .deposit-page .m-block-nav-items-bc,
html.is-web .withdraw-page .m-block-nav-items-bc {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)) !important;
  grid-gap: 10px !important;
}
html.is-web .deposit-page .m-nav-items-list-item-bc,
html.is-web .withdraw-page .m-nav-items-list-item-bc {
  height: 84px !important;
  overflow: hidden !important;
  padding: 8px !important;
  box-sizing: border-box !important;
}
html.is-web .deposit-page .nav-ico-w-row-bc,
html.is-web .withdraw-page .nav-ico-w-row-bc {
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
html.is-web .deposit-page .payment-logo,
html.is-web .withdraw-page .payment-logo {
  max-width: 100% !important;
  max-height: 100% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}
html.is-web .deposit-page .m-nav-list-item-title-bc,
html.is-web .withdraw-page .m-nav-list-item-title-bc {
  display: none !important;
}

@keyframes open-popup {
  0% {
    opacity: 0;
    transform: translate3d(0, 14px, 0) scale(0.97);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

.popup-holder-bc.site-ann-popup-root.hidden,
.popup-holder-bc.site-ann-popup-root[aria-hidden="true"] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.popup-holder-bc.site-ann-popup-root:not(.hidden):not([aria-hidden="true"]) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
  min-width: 0 !important;
  z-index: 10050 !important;
}

.popup-holder-bc.site-ann-popup-root .popup-middleware-bc {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 100% !important;
}

.popup-holder-bc.site-ann-popup-root.windowed .popup-inner-bc,
.popup-holder-bc.site-ann-popup-root .popup-inner-bc {
  width: min(92vw, 440px) !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  margin: 0 auto !important;
  position: relative !important;
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
}

.popup-holder-bc.site-ann-popup-root .status-popup-content-w-bc {
  width: 100% !important;
  max-width: 440px !important;
  padding: 12px 16px 16px !important;
  background: rgba(18, 23, 34, 1) !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
}

.popup-holder-bc.site-ann-popup-root .e-p-close-icon-bc {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  z-index: 3 !important;
  cursor: pointer !important;
}

.popup-holder-bc.site-ann-popup-root .casino-popup-title {
  margin: 8px 32px 12px 4px !important;
  padding: 0 !important;
  text-align: center !important;
  color: #fff !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
  text-transform: uppercase !important;
}

.popup-holder-bc.site-ann-popup-root .casino-popup-content {
  flex: none !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
  max-height: min(60vh, 520px) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  text-align: center !important;
  color: rgba(255, 255, 255, 0.9) !important;
}

.popup-holder-bc.site-ann-popup-root .casino-popup-content p {
  margin: 0 !important;
}

.popup-holder-bc.site-ann-popup-root .casino-popup-content img,
.popup-holder-bc.site-ann-popup-root .casino-popup-content .site-ann-popup-img,
.popup-holder-bc.site-ann-popup-root .casino-popup-content p img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto !important;
  border-radius: 8px !important;
  object-fit: contain !important;
}

.popup-holder-bc.site-ann-popup-root .casino-popup-button-block {
  width: 100% !important;
  margin-top: 0 !important;
}

.popup-holder-bc.site-ann-popup-root .casino-popup-button-block .btn {
  width: 100% !important;
  margin: 0 !important;
}

.popup-holder-bc.site-ann-popup-root .popup-checkbox {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 12px !important;
  cursor: pointer !important;
}

.popup-holder-bc.site-ann-popup-root .popup-checkbox .checkbox-control-text-bc {
  background: none !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.8) !important;
  color: rgba(255, 255, 255, 0.8) !important;
  text-transform: none !important;
  font-weight: 400 !important;
  font-size: 13px !important;
}

body.site-ann-popup-open {
  overflow: hidden;
}