white or hover reds lose. */
.global-home-nav #js-header-navigation-ul-box > div > ul > li > a {
color: #FFFFFF !important;
text-decoration: none;
position: relative;
font-size: 15px;
font-weight: 500;
}
.global-home-nav #js-header-navigation-ul-box > div > ul > li > a:hover,
.global-home-nav #js-header-navigation-ul-box > div > ul > li > a:focus {
color: #FFFFFF !important;
text-decoration: none;
}
.global-home-nav #js-header-navigation-ul-box > div > ul > li > a::after {
content: "";
position: absolute;
left: 13px;
right: 0;
bottom: 13px;
height: 2px;
border-radius: 2px;
background: #E8121A;
transform: scaleX(0);
transform-origin: left center;
transition: transform 0.22s ease;
}
.global-home-nav #js-header-navigation-ul-box > div > ul > li:hover > a::after {
transform: scaleX(1);
}
.global-home-nav #js-header-navigation-ul-box > div > ul > li > a.text-\[\#e8121a\],
.global-home-nav #js-header-navigation-ul-box > div > ul > li > a.text-red-500 {
color: #E8121A !important;
}
/* Dark mega menu panels — shared menu-desktop markup */
.global-home-nav .nav-level-2,
.global-home-nav .nav2-wrap {
background: #0C0000 !important;
box-shadow: 0 10px 24px 0 rgba(0, 0, 0, 0.6) !important;
border-radius: 8px;
color: #FFFFFF;
}
.global-home-nav .nav-level-2 .container {
max-width: none !important;
width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 24px;
padding-right: 24px;
}
@media (min-width: 960px) {
.global-home-nav .nav-level-2 .container {
padding-left: 32px;
padding-right: 32px;
}
}
.global-home-nav .nav-level-two .nav-item,
.global-home-nav .nav-text-holder,
.global-home-nav .nav-level-2 > .nav2-wrap .container > .nav-two-list > li > a,
.global-home-nav .nav-level-2 span.nav-text-holder {
color: rgba(255, 255, 255, 0.9) !important;
}
.global-home-nav .nav-submenu a,
.global-home-nav .nav-level-2 .nav-two-list > li:not(.nav-level-two) > a {
color: rgba(255, 255, 255, 0.82) !important;
}
.global-home-nav .nav-level-two .nav-item:hover,
.global-home-nav .nav-level-two.active-nav-item .nav-item {
background: rgba(255, 255, 255, 0.08) !important;
color: #FFFFFF !important;
border-radius: 4px;
}
.global-home-nav .nav-level-two.active-nav-item .nav-text-holder {
color: #FFFFFF !important;
}
.global-home-nav #js-header-navigation-ul-box .nav-level-2 a:hover,
.global-home-nav #js-header-navigation-ul-box .nav-submenu a:hover {
color: #E8121A !important;
text-decoration: underline;
}
.global-home-nav .nav-level-two .arrow-right {
color: rgba(255, 255, 255, 0.55) !important;
filter: none !important;
opacity: 1;
}
.global-home-nav .nav-level-two:hover .nav-item .arrow-right,
.global-home-nav .nav-level-two.active-nav-item .arrow-right {
color: #E8121A !important;
filter: none !important;
opacity: 1;
}
.global-home-nav .nav-level-two .arrow-left {
color: #E8121A !important;
filter: none !important;
opacity: 1;
}
.global-home-nav .nav-level-two li {
border-color: transparent !important;
}
.global-home-nav .nav-submenu li {
border-bottom: none !important;
}
.global-home-nav .nav-submenu-wrapper,
.global-home-nav .nav-submenu {
color: rgba(255, 255, 255, 0.82);
}
/* Auth / Sign Up trigger — shared supabase-include markup */
.global-home-nav #user-login-wrap {
color: #FFFFFF;
}
.global-home-nav #user-login-wrap .signup-text,
.global-home-nav #authentication-trigger,
.global-home-nav #gdc-signup-text,
.global-home-nav #gdc-signup-user {
color: #FFFFFF !important;
}
.global-home-nav #user-icon-black path {
fill: #FFFFFF;
}
/* Figma mobile profile chip is 32px; the shared auth markup sizes logged-in initials to 27. */
.global-home-nav #logged-in-user-icon:not(:empty) {
width: 32px !important;
height: 32px !important;
}
.global-home-nav__actions:has(#global-search-container.opened) > *:not(.global-search-container),
.global-home-nav__actions:has(#global-search-container.active) > *:not(.global-search-container) {
visibility: hidden;
pointer-events: none;
}
/* refresh mobile accordion drawer (≤959px / below lg) — does not use production menu-mobile */
.ghp-m-nav {
display: none;
}
.ghp-m-nav > summary {
list-style: none;
cursor: pointer;
width: 40px;
height: 40px;
display: grid;
place-items: center;
border-radius: 10px;
flex-shrink: 0;
margin-right: 4px;
line-height: 0;
}
.ghp-m-nav > summary::-webkit-details-marker {
display: none;
}
.ghp-m-nav[open] > summary {
background: rgba(255, 255, 255, 0.14);
position: relative;
z-index: 1500;
}
.ghp-m-nav .ghp-m-nav__ico {
width: 100%;
height: 100%;
grid-area: 1 / 1;
align-items: center;
justify-content: center;
}
.ghp-m-nav .ghp-m-nav__ico svg {
display: block;
}
.ghp-m-nav .ghp-m-nav__ico-open {
display: flex;
}
.ghp-m-nav .ghp-m-nav__ico-close {
display: none;
}
.ghp-m-nav[open] .ghp-m-nav__ico-open {
display: none;
}
.ghp-m-nav[open] .ghp-m-nav__ico-close {
display: flex;
}
.ghp-m-drawer {
position: fixed;
top: 56px;
left: 0;
right: 0;
bottom: 0;
/* top + bottom + height is over-constrained, so bottom is dropped and the height decides.
100vh is the large viewport — it covers the strip behind a phone's retractable URL bar,
which pushed the drawer's Sign Up CTA under the browser chrome. */
height: calc(100vh - 56px); /* fallback for browsers without dvh */
height: calc(100dvh - 56px); /* dynamic viewport so the CTA isn't hidden behind browser chrome */
max-height: none;
background: #0C0000;
border-top: 1px solid rgba(255, 255, 255, 0.12);
padding: 10px 20px 32px;
z-index: 1400;
box-shadow: 0 24px 44px rgba(0, 0, 0, 0.6);
overflow: auto;
animation: ghpMDrawerIn 0.22s cubic-bezier(0.16, 1, 0.3, 1) both;
}
@keyframes ghpMDrawerIn {
from {
opacity: 0;
transform: translateY(-8px);
}
to {
opacity: 1;
transform: none;
}
}
.ghp-m-top {
display: block;
width: 100%;
padding: 15px 2px;
font-size: 16px;
font-weight: 700;
color: #FFFFFF !important;
border: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
background: transparent;
text-align: left;
text-decoration: none !important;
font-family: inherit;
cursor: pointer;
}
.ghp-m-top:active {
color: #E8121A !important;
}
.ghp-m-acc {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.ghp-m-acc > summary {
list-style: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px 2px;
font-size: 16px;
font-weight: 700;
color: #FFFFFF;
}
.ghp-m-acc > summary::-webkit-details-marker {
display: none;
}
.ghp-m-acc__chev {
color: #E8121A;
transition: transform 0.2s;
font-size: 14px;
}
.ghp-m-acc[open] > summary .ghp-m-acc__chev {
transform: rotate(180deg);
}
.ghp-m-sub {
display: flex;
flex-direction: column;
padding: 0 0 10px 2px;
}
.ghp-m-sub a {
display: block;
padding: 11px 2px !important;
font-size: 14px !important;
font-weight: 500 !important;
color: rgba(255, 255, 255, 0.82) !important;
border-bottom: none !important;
text-decoration: none !important;
}
.ghp-m-util {
display: flex;
align-items: center;
justify-content: flex-start;
padding: 14px 2px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.ghp-m-util__chips {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 15px;
font-weight: 600;
color: #FFFFFF !important;
text-decoration: none !important;
}
.ghp-m-signup {
display: block !important;
width: 100%;
margin: 20px 0 6px;
text-align: center;
background: #E8121A;
color: #FFFFFF !important;
font-weight: 700;
font-size: 16px;
padding: 15px;
border-radius: 12px;
border: none;
border-bottom: none !important;
font-family: inherit;
cursor: pointer;
}
.ghp-m-signup:active {
transform: scale(0.98);
}
/* Match Tailwind lg (960px) — 769–959 previously forced desktop L1 on while
max-lg still showed the mobile hamburger, so both navs appeared together.
Profile, geo, and search stay in the bar at every mobile width; only the
rewards pill is drawer-only below lg. */
@media (max-width: 959.98px) {
.ghp-m-nav {
display: block;
}
.global-home-nav__rewards-pill {
display: none !important;
}
/* Figma: 24px burger + 10px to the logo. `.mnav-toggle` is the hamburger
only — a bare `summary` selector also sized every accordion row to 24px
and wrapped labels like "Free Games" onto two lines. */
.global-home-nav .global-home-nav__mobile-menu .mnav-toggle {
width: 24px;
height: 24px;
margin-right: 10px;
border-radius: 0;
}
.global-home-nav #authentication-trigger,
.global-home-nav #gdc-signup-text {
display: none !important;
}
.global-home-nav #user-logged-out {
margin-right: 0 !important;
}
.global-home-nav #js-header-navigation-ul-box {
display: none !important;
}
}
@media (max-width: 990.98px) {
.global-home-nav:has(#global-search-container.opened) .global-home-nav__logo,
.global-home-nav:has(#global-search-container.opened) .global-home-nav__mobile-menu {
visibility: hidden;
pointer-events: none;
}
}
@media (min-width: 960px) {
.global-home-nav #js-header-navigation-ul-box {
display: block !important;
margin-left: 0.5rem;
}
}
.global-home-nav #supabase-triggers button span {
color: inherit;
}
INPUT:-webkit-autofill,SELECT:-webkit-autofill,TEXTAREA:-webkit-autofill{animation-name:onautofillstart}INPUT:not(:-webkit-autofill),SELECT:not(:-webkit-autofill),TEXTAREA:not(:-webkit-autofill){animation-name:onautofillcancel}@keyframes onautofillstart{}@keyframes onautofillcancel{}
.cky-overlay{background:#000;opacity:.4;position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999999}.cky-hide{display:none}.cky-btn-revisit-wrapper{display:flex;align-items:center;justify-content:center;background:#0056a7;width:45px;height:45px;border-radius:50%;position:fixed;z-index:999999;cursor:pointer}.cky-revisit-bottom-left{bottom:15px;left:15px}.cky-revisit-bottom-right{bottom:15px;right:15px}.cky-btn-revisit-wrapper .cky-btn-revisit{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;position:relative;margin:0;padding:0}.cky-btn-revisit-wrapper .cky-btn-revisit img{max-width:fit-content;margin:0;height:30px;width:30px}.cky-revisit-bottom-left:hover::before{content:attr(data-tooltip);position:absolute;background:#4e4b66;color:#fff;left:calc(100% + 7px);font-size:12px;line-height:16px;width:max-content;padding:4px 8px;border-radius:4px}.cky-revisit-bottom-left:hover::after{position:absolute;content:"";border:5px solid #fff0;left:calc(100% + 2px);border-left-width:0;border-right-color:#4e4b66}.cky-revisit-bottom-right:hover::before{content:attr(data-tooltip);position:absolute;background:#4e4b66;color:#fff;right:calc(100% + 7px);font-size:12px;line-height:16px;width:max-content;padding:4px 8px;border-radius:4px}.cky-revisit-bottom-right:hover::after{position:absolute;content:"";border:5px solid #fff0;right:calc(100% + 2px);border-right-width:0;border-left-color:#4e4b66}.cky-revisit-hide{display:none}.cky-consent-container{position:fixed;width:100%;box-sizing:border-box;z-index:9999999}.cky-consent-container .cky-consent-bar{background:#fff;border:1px solid;padding:16.5px 24px;box-shadow:0 -1px 10px 0 #acabab4d}.cky-banner-bottom{bottom:0;left:0}.cky-banner-top{top:0;left:0}.cky-custom-brand-logo-wrapper .cky-custom-brand-logo{width:100px;height:auto;margin:0 0 12px 0}.cky-notice .cky-title{color:#212121;font-weight:700;font-size:18px;line-height:24px;margin:0 0 12px 0;overflow-wrap:break-word}.cky-notice-group{display:flex;justify-content:space-between;align-items:center;font-size:14px;line-height:24px;font-weight:400}.cky-notice-des *,.cky-preference-content-wrapper *,.cky-dma-content-wrapper *,.cky-accordion-header-des *,.cky-gpc-wrapper .cky-gpc-desc *{font-size:14px}.cky-notice-des{color:#212121;font-size:14px;line-height:24px;font-weight:400}.cky-notice-des img{min-height:25px;min-width:25px}.cky-consent-bar .cky-notice-des p,.cky-gpc-wrapper .cky-gpc-desc p,.cky-preference-body-wrapper .cky-preference-content-wrapper p,.cky-accordion-header-wrapper .cky-accordion-header-des p,.cky-cookie-des-table li div:last-child p{color:inherit;margin-top:0;word-break:break-word}.cky-notice-des P:last-child,.cky-preference-content-wrapper p:last-child,.cky-cookie-des-table li div:last-child p:last-child,.cky-gpc-wrapper .cky-gpc-desc p:last-child{margin-bottom:0}.cky-notice-des a.cky-policy,.cky-notice-des button.cky-policy,.cky-notice-des a.cky-link-default,.cky-dma-content-wrapper a.cky-policy,.cky-dma-content-wrapper button.cky-policy{font-size:14px;color:#1863dc;white-space:nowrap;cursor:pointer;background:#fff0}.cky-notice-des a.cky-policy,.cky-notice-des button.cky-policy,.cky-dma-content-wrapper a.cky-policy,.cky-dma-content-wrapper button.cky-policy{text-decoration:underline;border:1px solid}.cky-notice-des a.cky-link-default{text-decoration:underline}.cky-notice-des button.cky-policy,.cky-dma-content-wrapper button.cky-policy{padding:0}.cky-notice-des a.cky-policy:focus-visible,.cky-notice-des button.cky-policy:focus-visible,.cky-dma-content-wrapper a.cky-policy:focus-visible,.cky-dma-content-wrapper button.cky-policy:focus-visible,.cky-preference-content-wrapper .cky-show-desc-btn:focus-visible,.cky-accordion-header .cky-accordion-btn:focus-visible,.cky-preference-header .cky-btn-close:focus-visible,.cky-switch input[type="checkbox"]:focus-visible,.cky-footer-wrapper a:focus-visible,.cky-btn:focus-visible{outline:2px solid #1863dc;outline-offset:2px}.cky-btn:focus:not(:focus-visible),.cky-accordion-header .cky-accordion-btn:focus:not(:focus-visible),.cky-preference-content-wrapper .cky-show-desc-btn:focus:not(:focus-visible),.cky-btn-revisit-wrapper .cky-btn-revisit:focus:not(:focus-visible),.cky-preference-header .cky-btn-close:focus:not(:focus-visible),.cky-consent-bar .cky-banner-btn-close:focus:not(:focus-visible){outline:0}button.cky-show-desc-btn:not(:hover):not(:active){color:#1863dc;background:#fff0}button.cky-accordion-btn:not(:hover):not(:active),button.cky-banner-btn-close:not(:hover):not(:active),button.cky-btn-close:not(:hover):not(:active),button.cky-btn-revisit:not(:hover):not(:active){background:#fff0}.cky-consent-bar button:hover,.cky-modal.cky-modal-open button:hover,.cky-consent-bar button:focus,.cky-modal.cky-modal-open button:focus{text-decoration:none}.cky-notice-btn-wrapper{display:flex;justify-content:center;align-items:center;margin-left:15px}.cky-notice-btn-wrapper .cky-btn{text-shadow:none;box-shadow:none}.cky-btn{font-size:14px;font-family:inherit;line-height:24px;padding:8px 27px;font-weight:500;margin:0 8px 0 0;border-radius:2px;white-space:nowrap;cursor:pointer;text-align:center;text-transform:none;min-height:0;overflow-wrap:break-word}.cky-btn:hover{opacity:.8}.cky-btn-customize{color:#1863dc;background:#fff0;border:2px solid #1863dc}.cky-btn-reject{color:#1863dc;background:#fff0;border:2px solid #1863dc}.cky-btn-accept{background:#1863dc;color:#fff;border:2px solid #1863dc}.cky-btn:last-child{margin-right:0}@media (max-width:768px){.cky-notice-group{display:block}.cky-notice-btn-wrapper{margin-left:0}.cky-notice-btn-wrapper .cky-btn{flex:auto;max-width:100%;margin-top:10px;white-space:unset}}@media (max-width:576px){.cky-notice-btn-wrapper{flex-direction:column}.cky-custom-brand-logo-wrapper,.cky-notice .cky-title,.cky-notice-des,.cky-notice-btn-wrapper{padding:0 28px}.cky-consent-container .cky-consent-bar{padding:16.5px 0}.cky-notice-des{max-height:40vh;overflow-y:scroll}.cky-notice-btn-wrapper .cky-btn{width:100%;padding:8px;margin-right:0}.cky-notice-btn-wrapper .cky-btn-accept{order:1}.cky-notice-btn-wrapper .cky-btn-reject{order:3}.cky-notice-btn-wrapper .cky-btn-customize{order:2}}@media (max-width:425px){.cky-custom-brand-logo-wrapper,.cky-notice .cky-title,.cky-notice-des,.cky-notice-btn-wrapper{padding:0 24px}.cky-notice-btn-wrapper{flex-direction:column}.cky-btn{width:100%;margin:10px 0 0 0}.cky-notice-btn-wrapper .cky-btn-customize{order:2}.cky-notice-btn-wrapper .cky-btn-reject{order:3}.cky-notice-btn-wrapper .cky-btn-accept{order:1;margin-top:16px}}@media (max-width:352px){.cky-notice .cky-title{font-size:16px}.cky-notice-des *{font-size:12px}.cky-notice-des,.cky-btn{font-size:12px}}.cky-modal.cky-modal-open{display:flex;visibility:visible;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%;left:50%;transition:all 1s ease;max-height:100%}.cky-modal{box-shadow:0 32px 68px rgb(0 0 0 / .3);margin:0 auto;position:fixed;max-width:100%;background:#fff;top:50%;box-sizing:border-box;border-radius:6px;z-index:999999999;color:#212121;-webkit-transform:translate(-50%,100%);-moz-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);-o-transform:translate(-50%,100%);transform:translate(-50%,100%);visibility:hidden;transition:all 0s ease}.cky-preference-center{max-height:79vh;overflow:hidden;width:845px;overflow:hidden;flex:1 1 0%;display:flex;flex-direction:column;border-radius:6px}.cky-preference-header{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid}.cky-preference-header .cky-preference-title{font-size:18px;font-weight:700;line-height:24px;word-break:break-word}.cky-preference-header .cky-btn-close{margin:0;cursor:pointer;vertical-align:middle;padding:0;background:none;border:none;width:24px;height:24px;min-height:0;line-height:0;text-shadow:none;box-shadow:none}.cky-preference-header .cky-btn-close img{margin:0;height:10px;width:10px}.cky-preference-body-wrapper{padding:0 24px;flex:1;overflow:auto;box-sizing:border-box}@media (max-height:576px){.cky-preference-center{height:100vh;overflow:auto}.cky-preference-center .cky-preference-body-wrapper{overflow:unset}}@media (max-height:480px){.cky-consent-container{max-height:100vh;overflow-y:scroll}.cky-notice-des{max-height:unset;overflow-y:unset}}.cky-preference-content-wrapper,.cky-gpc-wrapper .cky-gpc-desc{font-size:14px;line-height:24px;font-weight:400;padding:12px 0}.cky-preference-content-wrapper img{min-height:25px;min-width:25px}.cky-preference-content-wrapper .cky-show-desc-btn{font-size:14px;font-family:inherit;color:#1863dc;text-decoration:none;line-height:24px;padding:0;margin:0;white-space:nowrap;cursor:pointer;background:#fff0;border-color:#fff0;text-transform:none;min-height:0;text-shadow:none;box-shadow:none}.cky-accordion-wrapper{margin-bottom:10px}.cky-accordion{border-bottom:1px solid}.cky-accordion:last-child{border-bottom:none}.cky-accordion .cky-accordion-item{display:flex;margin-top:10px}.cky-accordion .cky-accordion-body{display:none}.cky-accordion.cky-accordion-active .cky-accordion-body{display:block;padding:0 22px;margin-bottom:16px}.cky-accordion-header-wrapper{cursor:pointer;width:100%}.cky-accordion-item .cky-accordion-header{display:flex;justify-content:space-between;align-items:center}.cky-accordion-header .cky-accordion-btn{font-size:16px;font-family:inherit;color:#212121;line-height:24px;background:none;border:none;font-weight:700;padding:0;margin:0;cursor:pointer;text-transform:none;min-height:0;text-shadow:none;box-shadow:none}.cky-accordion-header .cky-always-active{color:green;font-weight:600;line-height:24px;font-size:14px}.cky-accordion-header-des{font-size:14px;line-height:24px;margin:10px 0 16px 0}.cky-accordion-chevron{margin-right:22px;position:relative;cursor:pointer}.cky-accordion-chevron-hide{display:none}.cky-accordion .cky-accordion-chevron i::before{content:"";position:absolute;border-right:1.4px solid;border-bottom:1.4px solid;border-color:inherit;height:6px;width:6px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);transition:all 0.2s ease-in-out;top:8px}.cky-accordion.cky-accordion-active .cky-accordion-chevron i::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.cky-audit-table{background:#f4f4f4;border-radius:6px}.cky-audit-table .cky-empty-cookies-text{color:inherit;font-size:12px;line-height:24px;margin:0;padding:10px;word-break:break-word}.cky-audit-table .cky-cookie-des-table{font-size:12px;line-height:24px;font-weight:400;padding:15px 10px;border-bottom:1px solid;border-bottom-color:inherit;margin:0}.cky-audit-table .cky-cookie-des-table:last-child{border-bottom:none}.cky-audit-table .cky-cookie-des-table li{list-style-type:none;display:flex;padding:3px 0}.cky-audit-table .cky-cookie-des-table li:first-child{padding-top:0}.cky-cookie-des-table li div:first-child{width:100px;font-weight:600;word-break:break-word;word-wrap:break-word}.cky-cookie-des-table li div:last-child{flex:1;word-break:break-word;word-wrap:break-word;margin-left:8px}.cky-footer-shadow{display:block;width:100%;height:40px;background:linear-gradient(180deg,#fff0 0%,#ffffff 100%);position:absolute;bottom:calc(100% - 1px)}.cky-footer-wrapper{position:relative}.cky-prefrence-btn-wrapper{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:22px 24px;border-top:1px solid;gap:8px}.cky-prefrence-btn-wrapper .cky-btn{flex:auto;max-width:100%;text-shadow:none;box-shadow:none;margin:0;white-space:unset;overflow-wrap:break-word}.cky-btn-preferences{color:#1863dc;background:#fff0;border:2px solid #1863dc}.cky-preference-header,.cky-preference-body-wrapper,.cky-accordion-wrapper,.cky-accordion,.cky-accordion-wrapper,.cky-footer-wrapper,.cky-prefrence-btn-wrapper{border-color:inherit}.cky-preference-body-wrapper .cky-dma-content-wrapper{font-size:14px;line-height:24px;font-weight:400;padding:4px 0 12px}.cky-preference-body-wrapper .cky-dma-content-wrapper p{color:inherit;word-break:break-word}.cky-preference-body-wrapper .cky-dma-content-wrapper p:first-child{margin-top:0}.cky-preference-body-wrapper .cky-dma-content-wrapper p:last-child{margin-bottom:0}.cky-preference-body-wrapper .cky-horizontal-separator{border-bottom:1px solid;border-color:inherit}@media (max-width:845px){.cky-modal{max-width:calc(100% - 16px)}}@media (max-width:576px){.cky-modal{max-width:100%}.cky-preference-center{max-height:100vh}.cky-prefrence-btn-wrapper{flex-direction:column}.cky-accordion.cky-accordion-active .cky-accordion-body{padding-right:0}.cky-prefrence-btn-wrapper .cky-btn{width:100%;margin:10px 0 0 0}.cky-prefrence-btn-wrapper .cky-btn-reject{order:3}.cky-prefrence-btn-wrapper .cky-btn-accept{order:1;margin-top:0}.cky-prefrence-btn-wrapper .cky-btn-preferences{order:2}}@media (max-width:425px){.cky-accordion-chevron{margin-right:15px}.cky-notice-btn-wrapper{margin-top:0}.cky-accordion.cky-accordion-active .cky-accordion-body{padding:0 15px}}@media (max-width:352px){.cky-preference-header .cky-preference-title{font-size:16px}.cky-preference-header{padding:16px 24px}.cky-preference-content-wrapper *,.cky-accordion-header-des *,.cky-dma-content-wrapper *{font-size:12px}.cky-preference-content-wrapper,.cky-preference-body-wrapper .cky-dma-content-wrapper,.cky-preference-content-wrapper .cky-show-more,.cky-accordion-header .cky-always-active,.cky-accordion-header-des,.cky-preference-content-wrapper .cky-show-desc-btn,.cky-notice-des a.cky-policy,.cky-dma-content-wrapper a.cky-policy{font-size:12px}.cky-accordion-header .cky-accordion-btn{font-size:14px}}.cky-switch{display:flex}.cky-switch input[type="checkbox"]{position:relative;width:44px;height:24px;margin:0;background:#d0d5d2;-webkit-appearance:none;border-radius:50px;cursor:pointer;outline:0;border:none;top:0}.cky-switch input[type="checkbox"]:checked{background:#1863dc}.cky-switch input[type="checkbox"]:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;border-radius:50%;background-color:#fff;-webkit-transition:0.4s;transition:0.4s;margin:0}.cky-switch input[type="checkbox"]:after{display:none}.cky-switch input[type="checkbox"]:checked:before{-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}@media (max-width:425px){.cky-switch input[type="checkbox"]{width:38px;height:21px}.cky-switch input[type="checkbox"]:before{height:17px;width:17px}.cky-switch input[type="checkbox"]:checked:before{-webkit-transform:translateX(17px);-ms-transform:translateX(17px);transform:translateX(17px)}}.cky-consent-bar .cky-banner-btn-close{z-index:1;position:absolute;right:9px;top:5px;background:none;border:none;cursor:pointer;padding:0;margin:0;min-height:0;line-height:0;height:24px;width:24px;text-shadow:none;box-shadow:none}.cky-consent-bar .cky-banner-btn-close img{height:9px;width:9px;margin:0}.cky-notice-btn-wrapper .cky-btn-do-not-sell{font-size:14px;line-height:24px;padding:6px 0;margin:0;font-weight:500;background:none;border-radius:2px;border:none;white-space:nowrap;cursor:pointer;text-align:left;color:#1863dc;background:#fff0;border-color:#fff0;box-shadow:none;text-shadow:none;text-decoration:underline}.cky-consent-bar .cky-banner-btn-close:focus-visible,.cky-notice-btn-wrapper .cky-btn-do-not-sell:focus-visible,.cky-opt-out-btn-wrapper .cky-btn:focus-visible,.cky-opt-out-checkbox-wrapper input[type="checkbox"].cky-opt-out-checkbox:focus-visible{outline:2px solid #1863dc;outline-offset:2px}@media (max-width:768px){.cky-notice-btn-wrapper{margin-left:0;margin-top:10px;justify-content:left}.cky-notice-btn-wrapper .cky-btn-do-not-sell{padding:0}}@media (max-width:352px){.cky-notice-btn-wrapper .cky-btn-do-not-sell,.cky-notice-des a.cky-policy,.cky-notice-des a.cky-link-default{font-size:12px}}.cky-opt-out-wrapper{padding:12px 0}.cky-opt-out-wrapper .cky-opt-out-checkbox-wrapper{display:flex;align-items:center}.cky-opt-out-checkbox-wrapper .cky-opt-out-checkbox-label{font-size:16px;font-weight:700;line-height:24px;margin:0 0 0 12px;cursor:pointer;word-break:break-word}.cky-opt-out-checkbox-wrapper input[type="checkbox"].cky-opt-out-checkbox{background-color:#fff;border:1px solid #000;width:20px;height:18.5px;margin:0;-webkit-appearance:none;position:relative;display:flex;align-items:center;justify-content:center;border-radius:2px;cursor:pointer}.cky-opt-out-checkbox-wrapper input[type="checkbox"].cky-opt-out-checkbox:checked{background-color:#1863dc;border:none}.cky-opt-out-checkbox-wrapper input[type="checkbox"].cky-opt-out-checkbox:checked::after{left:6px;bottom:4px;width:7px;height:13px;border:solid #fff;border-width:0 3px 3px 0;border-radius:2px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);content:"";position:absolute;box-sizing:border-box}.cky-opt-out-checkbox-wrapper.cky-disabled .cky-opt-out-checkbox-label,.cky-opt-out-checkbox-wrapper.cky-disabled input[type="checkbox"].cky-opt-out-checkbox{cursor:no-drop}.cky-gpc-wrapper{margin:0 0 0 32px}.cky-footer-wrapper .cky-optout-action-area{padding:0 24px 22px 24px;box-sizing:border-box}.cky-footer-wrapper .cky-opt-out-btn-wrapper{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding-top:22px}.cky-opt-out-btn-wrapper .cky-btn{flex:auto;max-width:100%;text-shadow:none;box-shadow:none}.cky-opt-out-btn-wrapper .cky-btn-cancel{border:1px solid #dedfe0;background:#fff0;color:#858585}.cky-opt-out-btn-wrapper .cky-btn-confirm{background:#1863dc;color:#fff;border:1px solid #1863dc}.cky-optout-success{border-radius:8px;padding:8px 12px;margin:0 auto;box-sizing:border-box;outline:none}.cky-optout-success .cky-optout-success-inner{display:flex;flex-direction:column;gap:4px}.cky-optout-success .cky-optout-success-row{display:flex;align-items:flex-start}.cky-optout-success .cky-optout-success-icon{width:20px;flex-shrink:0}.cky-optout-success .cky-optout-success-text{margin-inline-start:8px;margin-top:1px;font-weight:400;font-size:13px;line-height:20px}.cky-optout-success .cky-optout-success-text p{margin:0}.cky-optout-success .cky-optout-success-subtext{margin:0;font-weight:400;font-size:12px;line-height:20px}@media (max-width:352px){.cky-opt-out-checkbox-wrapper .cky-opt-out-checkbox-label{font-size:14px}.cky-gpc-wrapper .cky-gpc-desc,.cky-gpc-wrapper .cky-gpc-desc *{font-size:12px}.cky-opt-out-checkbox-wrapper input[type="checkbox"].cky-opt-out-checkbox{width:16px;height:16px}.cky-opt-out-checkbox-wrapper input[type="checkbox"].cky-opt-out-checkbox:checked::after{left:5px;bottom:4px;width:3px;height:9px}.cky-gpc-wrapper{margin:0 0 0 28px}}.video-placeholder-youtube{background-size:100% 100%;background-position:center;background-repeat:no-repeat;background-color:#b2b0b059;position:relative;display:flex;align-items:center;justify-content:center;max-width:100%}.video-placeholder-text-youtube{text-align:center;align-items:center;padding:10px 16px;background-color:#000c;color:#fff;border:1px solid;border-radius:2px;cursor:pointer}.video-placeholder-normal{background-image:url(https://cdn-cookieyes.com/assets/images/cky-placeholder.svg);background-size:80px;background-position:center;background-repeat:no-repeat;background-color:#b2b0b059;position:relative;display:flex;align-items:flex-end;justify-content:center;max-width:100%}.video-placeholder-text-normal{align-items:center;padding:10px 16px;text-align:center;border:1px solid;border-radius:2px;cursor:pointer}.cky-rtl{direction:rtl;text-align:right}.cky-rtl .cky-banner-btn-close{left:9px;right:auto}.cky-rtl .cky-notice-btn-wrapper .cky-btn:last-child{margin-right:8px}.cky-rtl .cky-notice-btn-wrapper .cky-btn:first-child{margin-right:0}.cky-rtl .cky-notice-btn-wrapper{margin-left:0;margin-right:15px}.cky-rtl .cky-prefrence-btn-wrapper .cky-btn{margin-right:8px}.cky-rtl .cky-prefrence-btn-wrapper .cky-btn:first-child{margin-right:0}.cky-rtl .cky-accordion .cky-accordion-chevron i::before{border:none;border-left:1.4px solid;border-top:1.4px solid;left:12px}.cky-rtl .cky-accordion.cky-accordion-active .cky-accordion-chevron i::before{-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg)}@media (max-width:768px){.cky-rtl .cky-notice-btn-wrapper{margin-right:0}}@media (max-width:576px){.cky-rtl .cky-notice-btn-wrapper .cky-btn:last-child{margin-right:0}.cky-rtl .cky-prefrence-btn-wrapper .cky-btn{margin-right:0}.cky-rtl .cky-accordion.cky-accordion-active .cky-accordion-body{padding:0 22px 0 0}}@media (max-width:425px){.cky-rtl .cky-accordion.cky-accordion-active .cky-accordion-body{padding:0 15px 0 0}}.cky-rtl .cky-opt-out-btn-wrapper .cky-btn{margin-right:12px}.cky-rtl .cky-opt-out-btn-wrapper .cky-btn:first-child{margin-right:0}.cky-rtl .cky-opt-out-checkbox-wrapper .cky-opt-out-checkbox-label{margin:0 12px 0 0}
.cookie-container {
display: none;
}
html.modal-scroll-locked,
body.modal-scroll-locked {
overflow: hidden !important;
overscroll-behavior: none;
touch-action: none;
}
html.modal-scroll-locked,
body.modal-scroll-locked {
overflow: hidden !important;
overscroll-behavior: none;
touch-action: none;
}
#modal-authentication {
overscroll-behavior: contain;
touch-action: none;
}
#signup-modal,
#modal-authentication-content {
touch-action: auto;
}
@media (min-height: 860px) {
#login-content-blocker {
height: auto;
}
}
/* signup-modal scrollbar needs to have border radius */
#signup-modal::-webkit-scrollbar {
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
width: 10px;
}
#signup-modal::-webkit-scrollbar-track {
background: #f1f1f1;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
}
#signup-modal::-webkit-scrollbar-thumb {
background: #888;
border-radius: 15px;
}
#signup-modal::-webkit-scrollbar-thumb:hover {
background: #555;
}
/* Mobile landscape: full width, reduce top offset */
@media (orientation: landscape) and (max-height: 500px) {
#signup-modal {
max-width: none !important;
top: 0.25rem !important;
margin-top: 0 !important;
}
}
.login-blurred-section {
position: absolute;
top: 0;
width: 100%;
background: rgba(255, 255, 255, 0.8);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
z-index: 999;
pointer-events: unset;
display: none;
}
.login-blurred-section::before {
content: '';
position: absolute;
top: -70px;
left: 0;
width: 100%;
height: 70px;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8));
z-index: 1;
}
/* #user-icon-black {
display: none;
} */
#user-icon-red {
display: none;
}
#logged-in-user-icon:not(:empty) {
width: 27px !important;
height: 27px !important;
}
@media (min-width: 840px) {
.login-blocker-third-text {
text-shadow: 0 4px 40px rgba(1, 87, 255, 0.40)
}
}
@media (orientation: landscape) and (max-height: 500px) {
#signup-modal {
max-width: 620px;
max-height: calc(100vh - 8px);
top: 4px;
border-radius: 12px;
padding-bottom: max(16px, env(safe-area-inset-bottom, 16px));
}
@supports (height: 100dvh) {
#signup-modal {
max-height: calc(100dvh - 8px);
}
}
#signup-modal .supabase-modal-header {
position: sticky;
top: 0;
z-index: 10;
}
}
/* Reserve the widget's rendered height from first paint so mounting Vue doesn't push the
page content down (CLS). The global [v-cloak] rule sets display:none, which would give
the wrapper zero height until Vue mounts — override it here so the reserved box shows
immediately. Heights approximate the final layout (desktop measured, mobile estimated). */
.gdc-quick-pick[v-cloak] { display: block !important; }
.gdc-quick-pick { min-height: 1200px; }
@media (min-width: 960px) { .gdc-quick-pick { min-height: 792px; } }
/* Override CMS content (raw HTML embed + content-block variants) inside the refresh section. */
.global-home-fp__header-content .content-block-component,
.global-home-fp__header-content .raw-html-embed,
.global-home-fp__header-content .content-block-with-header {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
margin: 0;
text-align: left;
}
.global-home-fp__header-content h2,
.global-home-fp__header-content .title h2,
.global-home-fp__header-content .grid-title {
margin: 0 !important;
padding: 0;
color: #ffffff !important;
font-family: inherit;
font-size: 50px !important;
font-weight: 800 !important;
line-height: 80px !important;
letter-spacing: 0;
text-align: left !important;
text-transform: uppercase !important;
text-shadow: 0 4px 8px rgba(0, 0, 0, 0.75);
}
.global-home-fp__header-content .global-home-fp__title-accent {
color: #e8121a !important;
}
.global-home-fp__header-content .content {
margin: 0;
max-width: 878px;
color: #ffffff !important;
font-size: 16px !important;
line-height: 25.6px !important;
text-align: left !important;
}
.global-home-fp__header-content p,
.global-home-fp__header-content .content p {
margin: 0 !important;
max-width: 878px;
color: #ffffff !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 25.6px !important;
text-align: left !important;
}
@media (max-width: 959px) {
.global-home-fp__header-content h2,
.global-home-fp__header-content .title h2,
.global-home-fp__header-content .grid-title {
font-size: 38px !important;
font-weight: 900 !important;
line-height: normal !important;
}
.global-home-fp__header-content .global-home-fp__title-line {
display: block;
}
.global-home-fp__header-content .content,
.global-home-fp__header-content p,
.global-home-fp__header-content .content p {
max-width: none;
}
}
/* Override CMS raw HTML embed inside the refresh news header. */
.global-home-news__header-content .content-block-component,
.global-home-news__header-content .raw-html-embed {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
margin: 0;
text-align: left;
}
.global-home-news__header-content h2 {
margin: 0 !important;
padding: 0;
color: #000000 !important;
font-family: inherit;
font-size: 50px !important;
font-weight: 800 !important;
line-height: 80px !important;
letter-spacing: 0;
text-align: left !important;
text-transform: uppercase !important;
}
.global-home-news__header-content .global-home-news__title-accent {
color: #e8121a !important;
}
.global-home-news__header-content p {
margin: 0 !important;
max-width: 820px;
color: #000000 !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 25.6px !important;
text-align: left !important;
}
@media (max-width: 959px) {
.global-home-news__header-content h2 {
font-size: 38px !important;
font-weight: 900 !important;
line-height: 32px !important;
}
.global-home-news__header-content p {
max-width: none;
}
}
/* Override CMS raw HTML embed inside the refresh compare header. */
.global-home-cmp__header-content .content-block-component,
.global-home-cmp__header-content .raw-html-embed {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
margin: 0;
text-align: left;
}
.global-home-cmp__header-content h2 {
margin: 0 !important;
padding: 0;
color: #ffffff !important;
font-family: inherit;
font-size: 50px !important;
font-weight: 800 !important;
line-height: normal !important;
letter-spacing: 0;
text-align: left !important;
text-transform: uppercase !important;
white-space: nowrap;
}
.global-home-cmp__header-content h2 br {
display: none;
}
.global-home-cmp__header-content .global-home-cmp__title-accent {
color: #e8121a !important;
}
.global-home-cmp__header-content p {
margin: 0 !important;
color: #ffffff !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 25.6px !important;
text-align: left !important;
}
@media (max-width: 959px) {
.global-home-cmp__header-content h2 {
font-size: 38px !important;
font-weight: 900 !important;
line-height: 1.16 !important;
text-shadow: 0 2px 11px rgba(0, 0, 0, 0.12);
white-space: normal;
}
.global-home-cmp__header-content .global-home-cmp__title-line {
display: block;
}
}
/* Override CMS raw HTML embed inside the refresh experts header. */
.global-home-experts__header-content .content-block-component,
.global-home-experts__header-content .raw-html-embed {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
margin: 0;
text-align: left;
}
.global-home-experts__header-content h2 {
margin: 0 !important;
padding: 0;
color: #000000 !important;
font-family: inherit;
font-size: 50px !important;
font-weight: 800 !important;
line-height: normal !important;
letter-spacing: 0;
text-align: left !important;
text-transform: uppercase !important;
}
.global-home-experts__header-content .global-home-experts__title-accent {
color: #e8121a !important;
}
.global-home-experts__header-content p {
margin: 0 !important;
max-width: 700px;
color: #5b5b5b !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 25.6px !important;
text-align: left !important;
}
.global-home-experts__carousel-content .content-block-component {
margin: 0;
width: 100%;
}
/* CMS wraps the shortcode in ; flatten so carousel layout is unaffected. */
.global-home-experts__carousel-content .content-block-component > p {
margin: 0 !important;
display: contents;
}
@media (max-width: 959px) {
.global-home-experts__header-content h2 {
font-size: 38px !important;
font-weight: 900 !important;
line-height: normal !important;
}
.global-home-experts__header-content p {
max-width: none;
}
}
@media (min-width: 1441px) {
.global-home-experts__header-content h2 {
font-size: clamp(50px, 3.2vw, 60px) !important;
}
}
/* Override CMS raw HTML embed inside the refresh safe gambling header. */
.global-home-safe__header-content .content-block-component,
.global-home-safe__header-content .raw-html-embed {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
margin: 0;
text-align: center;
}
.global-home-safe__header-content h2 {
margin: 0 !important;
padding: 0;
color: #000000 !important;
font-family: inherit;
font-size: 50px !important;
font-weight: 800 !important;
line-height: normal !important;
letter-spacing: 0;
text-align: center !important;
text-transform: uppercase !important;
}
.global-home-safe__header-content .global-home-safe__title-accent {
color: #e8121a !important;
}
.global-home-safe__header-content p {
margin: 0 !important;
max-width: 700px;
color: #5b5b5b !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 25.6px !important;
text-align: center !important;
}
@media (max-width: 959px) {
.global-home-safe__header-content .content-block-component,
.global-home-safe__header-content .raw-html-embed {
align-items: flex-start;
text-align: left;
}
.global-home-safe__header-content h2 {
font-size: 38px !important;
font-weight: 700 !important;
text-align: left !important;
}
.global-home-safe__header-content p {
max-width: none;
text-align: left !important;
}
}
@media (min-width: 1441px) {
.global-home-safe__header-content h2 {
font-size: clamp(50px, 3.2vw, 60px) !important;
}
}
/* Override CMS raw HTML embed inside the refresh support services header. */
.global-home-support__header-content .content-block-component,
.global-home-support__header-content .raw-html-embed {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
margin: 0;
text-align: left;
}
.global-home-support__header-content h2 {
margin: 0 !important;
padding: 0;
color: #000000 !important;
font-family: inherit;
font-size: 50px !important;
font-weight: 800 !important;
line-height: normal !important;
letter-spacing: 0;
text-align: left !important;
text-transform: uppercase !important;
white-space: nowrap;
}
.global-home-support__header-content .global-home-support__title-accent {
color: #e8121a !important;
}
.global-home-support__header-content p {
margin: 0 !important;
color: #5b5b5b !important;
font-size: 18px !important;
font-weight: 600 !important;
line-height: normal !important;
text-align: left !important;
}
@media (max-width: 959px) {
.global-home-support__header-content h2 {
font-size: 38px !important;
font-weight: 700 !important;
white-space: normal;
}
.global-home-support__header-content p {
font-size: 16px !important;
font-weight: 400 !important;
line-height: 25.6px !important;
}
}
@media (min-width: 1441px) {
.global-home-support__header-content h2 {
font-size: clamp(50px, 3.2vw, 60px) !important;
}
}
.global-home-countries {
width: 100%;
padding: 60px 0;
background-color: #F3F4F6;
color: #000000;
}
.global-home-countries__inner {
display: flex;
flex-direction: column;
gap: 32px;
width: 100%;
}
.global-home-countries__header {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
width: 100%;
max-width: 700px;
margin: 0 auto;
text-align: center;
}
.global-home-countries__header-content .content-block-component,
.global-home-countries__header-content .raw-html-embed {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
margin: 0;
text-align: center;
}
.global-home-countries__header-content h2 {
margin: 0 !important;
padding: 0;
color: #000000 !important;
font-family: inherit;
font-size: 50px !important;
font-weight: 800 !important;
line-height: normal !important;
letter-spacing: 0;
text-align: center !important;
text-transform: uppercase !important;
}
.global-home-countries__header-content .global-home-countries__title-accent {
color: #e8121a !important;
}
.global-home-countries__header-content p {
margin: 0 !important;
color: #000000 !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 25.6px !important;
text-align: center !important;
}
.global-home-countries__grid {
width: 100%;
max-width: 1140px;
margin: 0 auto;
}
.global-home-countries__grid .mt-5 {
margin-top: 0;
}
.global-home-countries__grid .dynamic-grid {
width: 100%;
max-width: 1140px;
margin-inline: auto;
padding-inline: 0;
}
@media (min-width: 1441px) {
.global-home-countries {
padding: 60px 0;
}
.global-home-countries__header-content h2 {
font-size: clamp(50px, 3.2vw, 60px) !important;
}
}
@media (max-width: 959px) {
.global-home-countries {
padding: 48px 0;
}
.global-home-countries__header,
.global-home-countries__header-content .content-block-component,
.global-home-countries__header-content .raw-html-embed {
align-items: flex-start;
max-width: none;
text-align: left;
}
.global-home-countries__header-content h2 {
font-size: 38px !important;
font-weight: 700 !important;
text-align: left !important;
}
.global-home-countries__header-content p {
text-align: left !important;
}
.global-home-countries__grid,
.global-home-countries__grid .dynamic-grid {
max-width: none;
width: 100%;
}
.global-home-countries__grid .dynamic-grid {
grid-template-columns: repeat(1, minmax(0, 1fr));
padding-inline: 0;
}
.global-home-countries__grid .country-item {
width: 100%;
margin-inline: 0;
}
}
.global-home-faq {
width: 100%;
padding: 40px 0;
background-color: #F3F4F6;
color: #000000;
}
/* Local home: news already has 40px bottom padding. Without the intro line
(content_block_1), keep a single 40px gap instead of stacking another 40. */
.global-home-faq.global-home-faq--no-intro {
padding-top: 0;
}
.global-home-faq__inner {
width: 100%;
}
.global-home-faq #homeGlobalFaqsWrapper {
width: 100%;
max-width: none;
margin: 0;
padding: 0;
}
/* The band's own 40px padding already spaces the card from the section
edge, so zero the card's own default top margin to avoid doubling it up. */
.global-home-faq .automation-faq-container {
margin-top: 0;
}
/*
* Editor-written lists inside the band.
*
* Tailwind's preflight strips markers, margin and indent from every ul/ol, and the
* two scopes that put them back — .body_content (overrides.css) and .abody
* (article-refresh.css) — do not reach here: this band renders full-bleed from
* belowBodyContentOutsideContainer, i.e. outside . So
* Genesis lists that are bulleted in the CMS arrived here as flat lines.
*
* Keyed on having no class, the same "an editor wrote this" signal
* ContentBlock::accentProseHeadings uses. Component lists always carry one, and
* several of them (cc-list-with-thumbnail, carousels, operator lists) want no
* markers, so an unqualified ul rule would put bullets back on those too.
*/
.global-home-faq ul:not([class]),
.global-home-faq ol:not([class]) {
margin: 0 0 1rem;
padding-left: 22px;
list-style-position: outside;
}
.global-home-faq ul:not([class]) {
list-style-type: disc;
}
.global-home-faq ol:not([class]) {
list-style-type: decimal;
}
.global-home-faq :is(ul, ol):not([class]) > li + li {
margin-top: 8px;
}
/* Tab panels space their children with flex `gap`, and zero the margin on every
other block for that reason. A list is the one block the component's arbitrary
variants do not cover, so it would otherwise sit gap + 1rem below its paragraph. */
.global-home-faq .tab-content > :is(ul, ol):not([class]) {
margin-bottom: 0;
}
@media (max-width: 959px) {
.global-home-faq {
padding: 48px 0;
}
.global-home-faq.global-home-faq--no-intro {
padding-top: 0;
}
}
.automation-faq-container .collapsible-toggle-open,
.automation-faq-container .collapsible-toggle-close {
content: url("https://objects.kaxmedia.com/auto/o/139757/402adb9de0.svg");
}
.nav-submenu-wrapper {
position: absolute;
top: 0;
left: 100%;
width: 100%;
height: 100%;
transition: opacity 0.3s ease-in, transform 0.3s ease-in, width 0.3s ease-in;
opacity: 0;
background: transparent;
min-height: 300px;
pointer-events: none;
z-index: -1;
}
.nav-submenu {
width: 50%;
height: 100%;
display: flex;
flex-direction: column;
flex-wrap: wrap;
pointer-events: none;
z-index: -1;
transition: opacity 0.3s ease-in, transform 0.3s ease-in, width 0.3s ease;
transform: translateX(-5%);
column-gap: 16px;
}
.sub-nav-title {
border-bottom: 2px solid #0157FF;
font-weight: 700;
padding-bottom: 8px;
}
.back-button {
font-size: 14px;
}
.back-arrow {
margin-left: -4px;
}
/*.nav-level-two:hover {*/
/* div.nav-submenu-wrapper {*/
/* opacity: 1;*/
/* pointer-events: auto;*/
/* }*/
/* ul.nav-submenu {*/
/* transform: translateX(0%);*/
/* opacity: 1;*/
/* pointer-events: auto;*/
/* z-index: 2;*/
/* }*/
/*}*/
.nav-level-two.active-nav-item {
div.nav-item {
color: #0157FF;
border-radius: 0.25rem;
background-color: #e6f1fc;
}
div.nav-submenu-wrapper {
opacity: 1;
pointer-events: auto;
}
ul.nav-submenu {
transform: translateX(0%);
opacity: 1;
pointer-events: auto;
z-index: 2;
}
}
/*
* Level-2 items on the dark panels: red text with a red underline on hover and while
* active, in place of the translucent white pill they used to fill with. Same treatment
* as the top-level nav links, so one hover language runs down the whole menu.
*
* The underline goes on .nav-text-holder rather than the row, so it sits under the label
* only and not across the full 300px column with its arrow. Built the same way as the
* top-level underline — a 2px bar wiped in with scaleX over 200ms — so the two animate
* identically.
*/
.dark-nav-panel .nav-level-two.active-nav-item div.nav-item,
.global-home-nav .nav-level-two.active-nav-item div.nav-item {
background-color: transparent !important;
}
.dark-nav-panel .nav-level-two .nav-text-holder,
.global-home-nav .nav-level-two .nav-text-holder {
position: relative;
transition: color 0.2s ease;
}
.dark-nav-panel .nav-level-two .nav-text-holder::after,
.global-home-nav .nav-level-two .nav-text-holder::after {
content: '';
position: absolute;
right: 0;
bottom: -3px;
left: 0;
height: 2px;
border-radius: 1px;
background-color: #E8121A;
transform: scaleX(0);
transition: transform 0.2s ease;
}
.dark-nav-panel .nav-level-two:hover .nav-text-holder,
.dark-nav-panel .nav-level-two.active-nav-item .nav-text-holder,
.global-home-nav .nav-level-two:hover .nav-text-holder,
.global-home-nav .nav-level-two.active-nav-item .nav-text-holder {
color: #E8121A !important;
}
.dark-nav-panel .nav-level-two:hover .nav-text-holder::after,
.dark-nav-panel .nav-level-two.active-nav-item .nav-text-holder::after,
.global-home-nav .nav-level-two:hover .nav-text-holder::after,
.global-home-nav .nav-level-two.active-nav-item .nav-text-holder::after {
transform: scaleX(1);
}
/*
* Applied by toggleNavLevelTwoColor while the pointer is inside the submenu. The item is
* still .active-nav-item then, so this stays red rather than reverting to white.
*/
.dark-nav-panel .level-two-hover,
.global-home-nav .level-two-hover {
color: #E8121A !important;
text-decoration: none;
}
.dark-nav-panel .nav-level-two.active-nav-item .arrow-right,
.global-home-nav .nav-level-two.active-nav-item .arrow-right {
color: #E8121A !important;
filter: none !important;
opacity: 1;
}
.nav-level-2.bg-white .nav-level-two:hover {
.nav-item {
img {
/* to black */
filter: invert(1);
/* or to blue */
filter: invert(0.5) sepia(1) saturate(5) hue-rotate(175deg);
/* or to #0457ff */
filter: invert(35%) sepia(98%) saturate(7483%) hue-rotate(220deg) brightness(102%) contrast(101%);
}
}
}
.nav2-wrap {
transition: height 0.5s ease-out;
}
.nav-two-list {
transition: height 0.3s ease-out, width 0.3s ease-in;
z-index: 10;
}
.level-one {
position: fixed;
top: 57px;
left: 0;
height: 94%;
transition: transform 0.3s ease-in-out;
transform: translateX(-100%);
background: white;
z-index: 2;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
opacity: 0;
}
.level-one.level-one-v2 {
position: fixed;
top: 0;
bottom: 0;
height: calc(100% - 76px) !important;
transition: transform 0.3s ease-in-out !important;
transform: translateY(100%);
background: white;
z-index: 2;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
opacity: 0;
}
.level-one.level-one-v2.hidden {
display: block !important;
transition: transform 0.3s ease-in-out !important;
opacity: 1;
transform: translateY(110%);
}
.level-two {
position: fixed;
top: 57px;
right: 0;
width: 100%;
height: 94%;
transition: transform 0.3s ease-in-out;
transform: translateX(100%);
background: white;
z-index: 2;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
opacity: 0;
}
.level-two.level-two-v2 {
top: 0;
bottom: 76px;
height: calc(100% - 76px);
transform: translateY(100%);
}
.show-level-one {
transform: translateX(0%);
opacity: 1;
border-top: 1px solid #ECEDEF;
}
.level-one-v2.show-level-one {
transform: translateY(0%);
transition: transform 0.3s ease-in-out !important;
opacity: 1;
}
.show-level-two {
transform: translateX(0%);
opacity: 1;
}
.level-two-v2.show-level-two {
transform: translateY(0%);
transition: transform 0.3s ease-in-out;
opacity: 1;
}
.hide-level-two-left {
transform: translateX(-100%);
}
.level-two-v2.hide-level-two-left {
transform: translateY(100%);
}
.bottom-nav-menu-active:not(:first-child) path[stroke] {
stroke: #0157ff;
}
.bottom-nav-menu-active path[fill] {
fill: #0157ff;
}
.bottom-nav-menu-active span {
color: #0157ff;
}
.level-two-hover {
cursor: pointer;
transition: color 0.2s ease-in-out, text-decoration 0.2s ease-in-out;
color: #0157FF;
}
li.nav-level-two-active {
border-bottom: 4px solid #0157FF;
}
.nav-level-tree-active {
background: #0157FF;
}
.nav-level-two-underline {
span {
color: #0157FF !important;
}
text-decoration: underline;
text-decoration-thickness: 1px;
text-decoration-color: #0157FF;
text-underline-offset: 4px;
}
.quick-link-btn {
box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.05);
transition: box-shadow 0.1s ease, background-color 0.1s ease, border-color 0.1s ease;
}
.quick-link-btn:active {
box-shadow: none;
background-color: #eef3ff;
border-color: #0157ff !important;
}
.body-overlay::after {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.15);
pointer-events: none;
z-index: 999;
}
@media (pointer: coarse) and (max-width: 768px) {
/*html, body {*/
/* overscroll-behavior-y: contain;*/
/* touch-action: pan-y;*/
/*}*/
.level-one {
overscroll-behavior-y: contain;
touch-action: pan-y;
}
}
.qp[data-v-1dd2bc3b]{--qp-red: #e8121a;--qp-red-hover: #b00e14;--qp-blue: #0157ff;--qp-blue-hover: #003ee6;--qp-dark: #222224;--qp-text: #2b303b;--qp-muted: #6b7280;--qp-faint: #9a9a9a;--qp-panel: #f3f4f6;--qp-offers-bg: #fafafa;--qp-border: #ecedef;--qp-pill-border: #e2e4e8;--qp-cat-pill-border: #5b5b5b;--qp-card-shadow: 0 2px 4px rgba(0, 0, 0, .08);color:var(--qp-text);background:#fff;border:1px solid rgba(137,137,137,.2);border-radius:16px;overflow:hidden;box-shadow:0 4px 32px #0000001c}.qp__filters[data-v-1dd2bc3b]{background:#fff;padding:20px 16px}@media (min-width: 960px){.qp__filters[data-v-1dd2bc3b]{padding:40px 24px 40px 40px}}.qp__filters h3[data-v-1dd2bc3b]{margin:-3px 0 0}.qp__reset[data-v-1dd2bc3b]{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--qp-pill-border);border-radius:9999px;font-size:13px;font-weight:600;color:var(--qp-text);white-space:nowrap;transition:border-color .15s,color .15s}.qp__reset[data-v-1dd2bc3b]:hover{border-color:var(--qp-dark)}.qp__divider[data-v-1dd2bc3b]{height:1px;background:var(--qp-border);margin:18px 0}.qp__subheader[data-v-1dd2bc3b]{margin-top:4px;font-size:14px;color:var(--qp-text)}.qp__group--first[data-v-1dd2bc3b]{margin-top:24px}.qp__group-head[data-v-1dd2bc3b]{display:flex;align-items:center;margin-bottom:12px}.qp__group-label[data-v-1dd2bc3b]{font-size:15px;font-weight:700;color:var(--qp-text)}.qp__pills[data-v-1dd2bc3b]{display:flex;flex-wrap:wrap;gap:8px}.qp__pill[data-v-1dd2bc3b]{display:inline-flex;align-items:center;padding:9px 18px;border:1px solid var(--qp-pill-border);border-radius:9999px;font-size:15px;font-weight:600;color:var(--qp-text);background:#fff;transition:border-color .15s,background .15s,color .15s;cursor:pointer}.qp__pill[data-v-1dd2bc3b]:hover{border-color:var(--qp-dark)}.qp__pill--active[data-v-1dd2bc3b],.qp__pill--active[data-v-1dd2bc3b]:hover{background:var(--qp-dark);border-color:var(--qp-dark);color:#fff}.qp__matched[data-v-1dd2bc3b]{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:0;font-size:12px;color:var(--qp-muted)}.qp__live[data-v-1dd2bc3b]{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--qp-text)}.qp__live-dot[data-v-1dd2bc3b]{width:8px;height:8px;border-radius:9999px;background:var(--qp-dark)}.qp__cats-scroll[data-v-1dd2bc3b]{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;padding-bottom:2px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.qp__cats-scroll[data-v-1dd2bc3b]::-webkit-scrollbar{display:none}@media (max-width: 959px){.qp__cats-scroll[data-v-1dd2bc3b]{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}}.qp__cat-pill[data-v-1dd2bc3b]{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:8px 16px;border:1px solid var(--qp-cat-pill-border);border-radius:9999px;font-size:14px;font-weight:500;font-variation-settings:"wght" 500;color:var(--qp-text);text-decoration:none;transition:border-color .15s,background .15s}.qp__cat-pill svg[data-v-1dd2bc3b]{color:var(--qp-red)}.qp__cat-pill[data-v-1dd2bc3b]:hover{border-color:var(--qp-red);background:#fff}.qp__offers[data-v-1dd2bc3b]{background:var(--qp-offers-bg);padding:20px 16px}@media (min-width: 960px){.qp__offers[data-v-1dd2bc3b]{padding:40px 40px 40px 24px}}.qp__offers-head[data-v-1dd2bc3b]{display:flex;justify-content:flex-end;align-items:center;min-height:28px}@media (max-width: 959px){.qp__offers-head[data-v-1dd2bc3b]{display:none}}.qp__reset-mobile[data-v-1dd2bc3b]{display:flex;justify-content:center;margin-top:16px}@media (min-width: 960px){.qp__reset-mobile[data-v-1dd2bc3b]{display:none}}.qp__empty[data-v-1dd2bc3b]{margin-top:24px;padding:40px 16px;text-align:center;color:var(--qp-muted);background:#fff;border:1px solid var(--qp-border);border-radius:16px}.qp__carousel[data-v-1dd2bc3b]{position:relative;margin-top:20px}.qp__nav[data-v-1dd2bc3b]{display:none;justify-content:center;align-items:center;gap:38px;margin-top:16px}.qp__arrow[data-v-1dd2bc3b]{display:flex;align-items:center;justify-content:center;box-sizing:content-box;width:20px;height:20px;font-size:30px;padding:0;background:transparent;border:0;cursor:pointer;color:#999;overflow:visible;transition:all .15s}.qp__arrow[data-v-1dd2bc3b]:hover:not(:disabled){color:#484848}.qp__arrow[data-v-1dd2bc3b]:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.qp__arrow-icon[data-v-1dd2bc3b]{width:1.2em;height:1.2em;fill:currentColor;flex-shrink:0}@media (min-width: 960px){.qp__nav[data-v-1dd2bc3b]{display:flex}}.qp__track[data-v-1dd2bc3b]{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 2px;margin:0;list-style:none;-ms-overflow-style:none;scrollbar-width:none}.qp__track[data-v-1dd2bc3b]::-webkit-scrollbar{display:none}@media (hover: hover) and (pointer: fine){.qp__track[data-v-1dd2bc3b]{cursor:grab}}.qp__track--dragging[data-v-1dd2bc3b]{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qp__card[data-v-1dd2bc3b]{position:relative;display:flex;flex-direction:column;flex:0 0 auto;width:250px;scroll-snap-align:start;padding:16px 14px;background:#fff;border:1px solid var(--qp-border);border-radius:12px;box-shadow:var(--qp-card-shadow)}.qp__rank[data-v-1dd2bc3b]{position:absolute;top:0;left:0;display:grid;place-items:center;width:28px;height:28px;border-radius:12px 0 10px;background:var(--qp-dark);color:#fff;font-size:14px;font-weight:700}.qp__logo-wrap[data-v-1dd2bc3b]{display:grid;place-items:center;height:70px;margin:2px 0 16px}.qp__logo[data-v-1dd2bc3b]{max-height:70px;max-width:160px;-o-object-fit:contain;object-fit:contain}.qp__offer[data-v-1dd2bc3b]{flex:1 0 auto;min-height:56px}.qp__bonus[data-v-1dd2bc3b]{text-align:center;font-size:16px;font-weight:600;color:var(--qp-text);line-height:1.35}.qp__bonus[data-v-1dd2bc3b] em{color:red}.qp__rating[data-v-1dd2bc3b]{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px 0 14px;font-size:15px}.qp__stars[data-v-1dd2bc3b]{letter-spacing:1px}.qp__star[data-v-1dd2bc3b]{color:#d9d9d9}.qp__star.is-on[data-v-1dd2bc3b]{color:#f5a623}.qp__score[data-v-1dd2bc3b]{font-weight:700;color:var(--qp-text)}.qp__cta[data-v-1dd2bc3b]{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;max-width:304px;height:40px;text-align:center;padding:0 16px;border-radius:8px;background:var(--qp-red);color:#fff;font-family:Red Hat Display,sans-serif;font-size:16px;font-weight:700;font-variation-settings:"wght" 700;text-transform:capitalize;text-decoration:none;transition:background .15s}.qp__cta[data-v-1dd2bc3b]:hover{background:var(--qp-red-hover)}.qp__review-slot[data-v-1dd2bc3b]{margin-top:12px;min-height:20px;display:flex;align-items:center;justify-content:center}.qp__review[data-v-1dd2bc3b]{display:inline-flex;align-items:center;justify-content:center;line-height:20px;color:var(--qp-blue);font-size:14px;font-weight:600;text-decoration:none}.qp__review[data-v-1dd2bc3b]:hover{text-decoration:underline}.qp__tcs[data-v-1dd2bc3b]{margin-top:14px}.qp__tcs-body[data-v-1dd2bc3b]{height:96px;overflow-y:auto;padding:12px;background:var(--qp-panel);border-radius:8px;font-size:11px;line-height:1.5;text-align:center;color:gray}.qp__tcs-body[data-v-1dd2bc3b] a{color:var(--qp-blue);font-weight:600}.qp__seeall-wrap[data-v-1dd2bc3b]{margin-top:16px;text-align:center}.qp__seeall[data-v-1dd2bc3b]{display:inline-flex;align-items:center;color:var(--qp-text);font-size:16px;font-weight:700;font-variation-settings:"wght" 700;text-decoration:none}.qp__seeall[data-v-1dd2bc3b]:hover{text-decoration:underline;text-underline-offset:4px}.qp__seeall svg[data-v-1dd2bc3b]{color:var(--qp-red)}.qp__disclaimer[data-v-1dd2bc3b]{margin-top:16px;text-align:center;font-size:12px;color:var(--qp-text)}.qp__disclaimer[data-v-1dd2bc3b] a{color:inherit;text-decoration:underline;text-underline-offset:2px}.qp__disclaimer[data-v-1dd2bc3b] a:hover{color:var(--qp-blue)}.qp__debug[data-v-1dd2bc3b]{margin-top:10px;text-align:center;font-size:12px;color:var(--qp-faint)}.qp__debug a[data-v-1dd2bc3b]{color:var(--qp-blue);text-decoration:underline}[v-cloak][data-v-1dd2bc3b]{display:none}.qp__sk[data-v-1dd2bc3b]{background:#e9edf2;border-radius:8px;animation:qp-sk-pulse-1dd2bc3b 1.2s ease-in-out infinite}.qp__sk--title[data-v-1dd2bc3b]{height:26px;width:70%;margin-bottom:14px}.qp__sk--line[data-v-1dd2bc3b]{height:12px;width:100%;margin-bottom:10px}.qp__sk--line.short[data-v-1dd2bc3b]{width:55%}.qp__sk--pill[data-v-1dd2bc3b]{height:40px;width:100%;border-radius:999px;margin-bottom:10px}.qp__sk-cards[data-v-1dd2bc3b]{display:grid;grid-template-columns:1fr;gap:16px;margin-top:16px}.qp__sk-card[data-v-1dd2bc3b]{border:1px solid #e9edf2;border-radius:12px;padding:20px}.qp__sk--logo[data-v-1dd2bc3b]{height:70px;width:160px;margin:0 auto 18px}.qp__sk--btn[data-v-1dd2bc3b]{height:44px;width:100%;border-radius:999px;margin-top:16px}@media (min-width: 960px){.qp__sk-cards[data-v-1dd2bc3b]{grid-template-columns:repeat(3,1fr)}}@keyframes qp-sk-pulse-1dd2bc3b{0%,to{opacity:1}50%{opacity:.55}}
:root{--vc-clr-primary: #000;--vc-clr-secondary: #090f207f;--vc-clr-white: #ffffff;--vc-icn-width: 1.2em;--vc-nav-width: 30px;--vc-nav-height: 30px;--vc-nav-border-radius: 0;--vc-nav-color: var(--vc-clr-primary);--vc-nav-color-hover: var(--vc-clr-secondary);--vc-nav-background: transparent;--vc-pgn-width: 12px;--vc-pgn-height: 4px;--vc-pgn-margin: 4px;--vc-pgn-border-radius: 0;--vc-pgn-background-color: var(--vc-clr-secondary);--vc-pgn-active-color: var(--vc-clr-primary)}.carousel{position:relative;text-align:center;box-sizing:border-box;touch-action:pan-y;overscroll-behavior:none}.carousel.is-dragging{touch-action:none}.carousel *{box-sizing:border-box}.carousel__track{display:flex;padding:0!important;position:relative}.carousel__viewport{overflow:hidden}.carousel__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.carousel__icon{width:var(--vc-icn-width);height:var(--vc-icn-width);fill:currentColor}.carousel__prev,.carousel__next{box-sizing:content-box;background:var(--vc-nav-background);border-radius:var(--vc-nav-border-radius);width:var(--vc-nav-width);height:var(--vc-nav-height);text-align:center;font-size:var(--vc-nav-height);padding:0;color:var(--vc-nav-color);display:flex;justify-content:center;align-items:center;position:absolute;border:0;cursor:pointer;margin:0 10px;top:50%;transform:translateY(-50%)}.carousel__next--disabled,.carousel__prev--disabled{cursor:not-allowed;opacity:.5}.carousel__prev{left:0}.carousel__next{right:0}.carousel--rtl .carousel__prev{left:auto;right:0}.carousel--rtl .carousel__next{right:auto;left:0}@media (hover: hover){.carousel__prev:hover,.carousel__next:hover{color:var(--vc-nav-color-hover)}}.carousel__pagination{display:flex;justify-content:center;list-style:none;line-height:0;margin:10px 0 0;padding:0}.carousel__pagination-button{display:block;border:0;margin:0;cursor:pointer;padding:var(--vc-pgn-margin);background:transparent}.carousel__pagination-button:after{display:block;content:"";width:var(--vc-pgn-width);height:var(--vc-pgn-height);border-radius:var(--vc-pgn-border-radius);background-color:var(--vc-pgn-background-color)}.carousel__pagination-button--active:after{background-color:var(--vc-pgn-active-color)}@media (hover: hover){.carousel__pagination-button:hover:after{background-color:var(--vc-pgn-active-color)}}.carousel__slide{scroll-snap-stop:auto;flex-shrink:0;margin:0;position:relative;display:flex;justify-content:center;align-items:center;transform:translateZ(0)}
[hidden] {
display: none !important;
}
html {
overflow-x: hidden;
}
body.gc-body {
font-family: "Red Hat Display", "Helvetica Neue", Arial, sans-serif;
}
body main.gc-main {
padding-top: 0 !important;
}
.gc-logo {
display: inline-block;
font-size: 22px;
font-weight: 800;
letter-spacing: -0.3px;
color: #ffffff;
line-height: 1.1;
white-space: nowrap;
}
.gc-lang {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 30px;
height: 26px;
padding: 0 7px;
border-radius: 8px;
background: rgba(255, 255, 255, 0.1);
color: #ffffff;
font-size: 11px;
font-weight: 700;
text-decoration: none;
}
.gc-lang:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.22);
}
.gc-lang.is-active {
background: #e8121a;
color: #ffffff;
}
.gc-top-cta {
align-items: center;
justify-content: center;
height: 36px;
padding: 0 16px;
border-radius: 10px;
background: #e8121a;
color: #ffffff;
font-size: 13px;
font-weight: 700;
text-decoration: none;
white-space: nowrap;
}
.gc-top-cta:hover {
background: #ffffff;
color: #0c0000;
}
.gc-submenu {
border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.gc-hero-sub {
max-width: 640px;
}
.gc-btn-primary,
.gc-btn-ghost {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 48px;
padding: 0 26px;
border-radius: 12px;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.4px;
text-decoration: none;
transition: 0.2s;
}
.gc-btn-primary {
background: #e8121a;
border: 1px solid #e8121a;
color: #ffffff;
}
.gc-btn-primary:hover {
background: #ffffff;
border-color: #ffffff;
color: #0c0000;
}
.gc-btn-ghost {
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.6);
color: #ffffff;
}
.gc-btn-ghost:hover {
background: rgba(255, 255, 255, 0.14);
color: #ffffff;
}
.qp__subheader {
margin: 6px 0 18px;
font-size: 14px;
font-weight: 600;
color: #0c0000;
}
.qp__pill {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 8px 14px;
margin: 0 8px 8px 0;
border-radius: 999px;
border: 1px solid #d8d8d8;
background: #ffffff;
color: #0c0000;
font-size: 13px;
font-weight: 600;
text-decoration: none;
}
.qp__pill:hover {
background: #0157ff;
border-color: #0157ff;
color: #ffffff;
}
.qp__group-label {
display: block;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.6px;
color: #6b7280;
margin-bottom: 8px;
}
.qp__divider {
height: 1px;
background: #e5e7eb;
margin: 14px 0;
}
.gc-qp-note {
font-size: 12px;
color: #6b7280;
}
.gc-qp-block {
width: 100%;
}
.qp__track {
display: flex;
flex-direction: column;
gap: 12px;
list-style: none;
margin: 14px 0 0;
padding: 0;
}
.qp__track .pp-promos-item {
width: 100%;
}
.qp__track .qp__card {
display: grid;
grid-template-columns: 46px 150px minmax(0, 1fr) auto 168px;
align-items: center;
gap: 14px;
padding: 14px 18px;
background: #ffffff;
border: 1px solid #e5e7eb;
border-radius: 12px;
box-shadow: 0 10px 30px -18px rgba(18, 18, 22, 0.22);
transition: 0.2s;
}
.qp__track .qp__card:hover {
border-color: #0157ff;
transform: translateY(-2px);
}
.qp__rank {
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
border-radius: 999px;
background: #0c0000;
color: #ffffff;
font-size: 14px;
font-weight: 800;
}
.qp__logo-wrap {
display: flex;
align-items: center;
justify-content: center;
min-width: 0;
}
.qp__logo {
width: 150px;
height: 62px;
object-fit: contain;
background: #f3f4f6;
border-radius: 10px;
padding: 4px;
}
.qp__offer {
min-width: 0;
}
.qp__bonus {
margin: 0;
font-size: 17px;
font-weight: 800;
line-height: 1.3;
color: #0c0000;
}
.qp__bonus em {
font-style: normal;
color: #e8121a;
}
.gc-qp-meta {
margin: 4px 0 0;
font-size: 12px;
color: #6b7280;
}
.qp__rating {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 2px;
}
.qp__stars {
display: inline-flex;
gap: 1px;
font-size: 15px;
line-height: 1;
}
.qp__star {
color: #d1d5db;
}
.qp__star.is-on {
color: #e1a730;
}
.qp__score {
font-size: 14px;
font-weight: 800;
color: #0c0000;
}
.qp__cta {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 0 20px;
border-radius: 10px;
background: #0157ff;
border: 1px solid #0157ff;
color: #ffffff;
font-size: 13px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.4px;
text-decoration: none;
white-space: nowrap;
transition: 0.2s;
}
.qp__cta:hover {
background: #ffffff;
color: #0157ff;
}
.qp__track .pp-promos-more {
align-self: center;
margin: 16px auto 0;
border: 0;
border-radius: 10px;
background: #0c0000;
color: #ffffff;
padding: 12px 26px;
font-weight: 700;
font-size: 13px;
cursor: pointer;
}
.gc-news-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 22px;
width: 100%;
}
.gc-news-thumb-ph {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
font-size: 56px;
font-weight: 800;
color: #ffffff;
background: linear-gradient(135deg, #0c0000, #e8121a);
}
.gc-cat-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 16px;
width: 100%;
}
.gc-cat-card {
display: flex;
align-items: center;
justify-content: center;
min-height: 74px;
padding: 12px;
border-radius: 12px;
background: #ffffff;
border: 1px solid #e5e7eb;
color: #0c0000;
font-size: 15px;
font-weight: 700;
text-align: center;
text-decoration: none;
transition: 0.2s;
}
.gc-cat-card:hover {
background: #0157ff;
border-color: #0157ff;
color: #ffffff;
}
.gc-crumbs {
padding: 6px 0 14px;
font-size: 13px;
color: rgba(255, 255, 255, 0.75);
word-break: break-word;
}
.gc-crumbs a {
color: #ffffff;
text-decoration: none;
}
.gc-crumbs span {
margin: 0 6px;
}
.gc-main > section:first-child .gc-crumbs {
color: rgba(255, 255, 255, 0.75);
}
section.bg-white .gc-crumbs,
section.bg-page-bg .gc-crumbs {
color: #6b7280;
}
section.bg-white .gc-crumbs a,
section.bg-page-bg .gc-crumbs a {
color: #0157ff;
}
.gc-rich {
color: #1e1e1e;
font-size: 16px;
line-height: 1.8;
}
.gc-rich h2 {
font-size: 26px;
font-weight: 800;
color: #0c0000;
margin: 24px 0 12px;
}
.gc-rich h3 {
font-size: 21px;
font-weight: 700;
color: #0c0000;
margin: 20px 0 10px;
}
.gc-rich p {
margin-bottom: 14px;
}
.gc-rich ul,
.gc-rich ol {
padding-left: 22px;
margin-bottom: 14px;
}
.gc-rich a {
color: #0157ff;
}
.gc-rich img {
max-width: 100%;
height: auto;
}
.gc-post {
display: grid;
grid-template-columns: minmax(0, 1fr) 320px;
gap: 34px;
padding: 12px 0 40px;
}
.gc-post-cat {
display: inline-block;
padding: 6px 14px;
margin-bottom: 12px;
border-radius: 999px;
background: #e6f1fc;
color: #0157ff;
font-size: 12px;
font-weight: 800;
text-transform: uppercase;
text-decoration: none;
}
.gc-post-title {
font-size: 34px;
font-weight: 800;
line-height: 1.25;
color: #0c0000;
margin: 0 0 12px;
}
.gc-post-meta {
display: flex;
flex-wrap: wrap;
gap: 14px;
padding-bottom: 16px;
margin-bottom: 20px;
border-bottom: 1px solid #e5e7eb;
font-size: 13px;
color: #6b7280;
}
.gc-side-box {
padding: 18px 20px;
margin-bottom: 20px;
border: 1px solid #e5e7eb;
border-radius: 12px;
background: #f9fafb;
}
.gc-side-box h3 {
margin: 0 0 12px;
font-size: 17px;
font-weight: 800;
color: #0c0000;
}
.gc-side-box ul {
list-style: none;
padding: 0;
margin: 0;
}
.gc-side-box li {
padding: 7px 0;
border-bottom: 1px solid #e5e7eb;
font-size: 14px;
}
.gc-side-box li:last-child {
border-bottom: 0;
}
.gc-side-box a {
color: #0157ff;
text-decoration: none;
}
.gc-pager {
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
padding: 26px 0 6px;
}
.gc-pager a {
color: #0157ff;
font-weight: 700;
text-decoration: none;
}
.gc-pager .is-active {
color: #0c0000;
font-weight: 800;
}
.gc-muted {
padding: 24px 0;
color: #6b7280;
}
.gc-comments {
margin-top: 34px;
padding-top: 22px;
border-top: 1px solid #e5e7eb;
}
.gc-comment {
display: flex;
gap: 14px;
padding: 14px 0;
border-bottom: 1px solid #f0f0f0;
}
.gc-comment-avatar img,
.gc-comment-fallback {
width: 48px;
height: 48px;
border-radius: 999px;
object-fit: cover;
}
.gc-comment-fallback {
display: flex;
align-items: center;
justify-content: center;
background: #0157ff;
color: #ffffff;
font-weight: 800;
}
.gc-comment-name {
margin-right: 10px;
font-weight: 800;
color: #0c0000;
}
.gc-comment-date {
font-size: 12px;
color: #9ca3af;
}
.gc-comment-text {
margin: 6px 0 0;
font-size: 14px;
line-height: 1.7;
color: #1e1e1e;
}
.gc-comment-likes {
display: inline-block;
margin-top: 6px;
font-size: 12px;
color: #6b7280;
}
.gc-column-header {
font-weight: 800;
color: #0c0000;
}
.gc-footer-link {
display: block;
padding: 10px;
font-size: 13px;
font-weight: 400;
line-height: 1.4;
color: #0157ff;
text-decoration: none;
}
.gc-footer-link:hover {
text-decoration: underline;
}
.gc-footer-legal {
margin: 0 0 6px;
padding: 0 10px;
font-size: 12px;
color: #6b7280;
}
.gc-footer-copy {
margin: 0;
padding: 0 10px;
font-size: 12px;
color: #9ca3af;
}
@media (max-width: 1199px) {
.gc-post {
grid-template-columns: minmax(0, 1fr);
}
.qp__track .qp__card {
grid-template-columns: 40px 130px minmax(0, 1fr) 150px;
}
}
@media (max-width: 900px) {
.gc-news-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.gc-cat-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.qp__track .qp__card {
grid-template-columns: 34px minmax(0, 1fr);
grid-template-areas:
"rank logo"
"offer offer"
"rating cta";
}
.qp__rank {
grid-area: rank;
}
.qp__logo-wrap {
grid-area: logo;
justify-content: flex-start;
}
.qp__offer {
grid-area: offer;
}
.qp__rating {
grid-area: rating;
align-items: flex-start;
}
.qp__cta {
grid-area: cta;
}
.qp__logo {
width: 118px;
height: 50px;
}
.gc-news-grid {
grid-template-columns: minmax(0, 1fr);
}
.gc-post-title {
font-size: 26px;
}
.ghp-hero-title {
font-size: 26px !important;
}
}