.primary-navigation-buttons{position:absolute;top:100%;margin-top:32px;font-size:0;line-height:0;border:0;width:45px;height:45px;z-index:2}
.navigation-prev-button{background:url('../clientlib-site/resources/images/previous.png') no-repeat center;right:55px;width:45px;height:45px;background-size:contain;border:0}
.navigation-prev-button:hover{background:url('../clientlib-site/resources/images/previous-hover.png') no-repeat center;background-size:45px 45px}
.navigation-next-button{background:url('../clientlib-site/resources/images/next.png') no-repeat center;right:0;width:45px;height:45px;background-size:contain;border:0}
.navigation-next-button:hover{background:url('../clientlib-site/resources/images/next-hover.png') no-repeat center;background-size:45px 45px}
.pause-button{border:0;background:url('../clientlib-site/resources/images/pause_white.svg') no-repeat center;width:42px;height:43px}
.play-button{border:0;background:url('../clientlib-site/resources/images/play_white.svg') no-repeat center;width:42px;height:43px}
.pause-button-animated{position:relative;width:45px;height:45px;border:0;background:url('../clientlib-site/resources/images/pause-icon.svg') no-repeat center;background-size:contain}
.pause-button-animated svg{position:absolute;top:0;left:0;width:45px;height:45px;transform:rotate(-90deg);pointer-events:none}
.pause-button-animated .progress-circle{fill:none;stroke:var(--white);stroke-width:2.5;stroke-linecap:round;transition:none}
.swiper-pagination-bullet{border-radius:8px;height:8px;border:0;opacity:1;padding:0;background:var(--white);width:8px}
.swiper-pagination-bullet-active{width:24px;background:var(--accent-primary);box-shadow:none}
@keyframes spin{0{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
.cmp-race-counter{position:relative;color:var(--text-primary);background:var(--background-primary);max-width:var(--component-global-max-width);margin:0 auto}
.cmp-race-counter.light-theme-primary .race-counter,.cmp-race-counter.light-theme-secondary .race-counter{color:var(--racing-blue)}
.cmp-race-counter.dark-theme-primary .race-counter,.cmp-race-counter.dark-theme-secondary .race-counter{color:var(--white)}
.cmp-race-counter.dark-theme-primary .primary-link a,.cmp-race-counter.dark-theme-secondary .primary-link a,.cmp-race-counter.dark-theme-primary .secondary-link a,.cmp-race-counter.dark-theme-secondary .secondary-link a{background-color:transparent;position:relative;border:0;padding:var(--spacing-12) var(--spacing-20);text-decoration:none;z-index:1;text-wrap:nowrap;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px)}
.cmp-race-counter.dark-theme-primary .primary-link a::before,.cmp-race-counter.dark-theme-secondary .primary-link a::before,.cmp-race-counter.dark-theme-primary .secondary-link a::before,.cmp-race-counter.dark-theme-secondary .secondary-link a::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);z-index:-1;background:white}
.cmp-race-counter.dark-theme-primary .primary-link a::after,.cmp-race-counter.dark-theme-secondary .primary-link a::after,.cmp-race-counter.dark-theme-primary .secondary-link a::after,.cmp-race-counter.dark-theme-secondary .secondary-link a::after{content:'';position:absolute;top:1px;left:1px;right:1px;bottom:1px;background-color:var(--background-primary);clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);z-index:0}
.cmp-race-counter.dark-theme-primary .primary-link a span,.cmp-race-counter.dark-theme-secondary .primary-link a span,.cmp-race-counter.dark-theme-primary .secondary-link a span,.cmp-race-counter.dark-theme-secondary .secondary-link a span{font-size:var(--font-size-button-body-2);line-height:var(--font-size-button-body-2);font-weight:var(--font-weight-bold);width:max-content;position:relative;z-index:2;color:white}
.cmp-race-counter.dark-theme-primary .primary-link a:hover:hover::after,.cmp-race-counter.dark-theme-secondary .primary-link a:hover:hover::after,.cmp-race-counter.dark-theme-primary .secondary-link a:hover:hover::after,.cmp-race-counter.dark-theme-secondary .secondary-link a:hover:hover::after{background-color:white}
.cmp-race-counter.dark-theme-primary .primary-link a:hover:hover span,.cmp-race-counter.dark-theme-secondary .primary-link a:hover:hover span,.cmp-race-counter.dark-theme-primary .secondary-link a:hover:hover span,.cmp-race-counter.dark-theme-secondary .secondary-link a:hover:hover span{color:var(--racing-blue)}
@media(min-width:768px){.cmp-race-counter.dark-theme-primary .primary-link a span,.cmp-race-counter.dark-theme-secondary .primary-link a span,.cmp-race-counter.dark-theme-primary .secondary-link a span,.cmp-race-counter.dark-theme-secondary .secondary-link a span{font-size:var(--font-size-body-1);line-height:var(--line-height-body-1)}
}
.cmp-race-counter .race-counter-inner{position:relative;z-index:1;max-width:var(--component-content-max-width);margin:auto;display:flex;flex-direction:column;box-sizing:border-box;padding-inline:var(--padding-x-mobile);padding-block:var(--spacing-sm);width:100%;height:100%}
@media(min-width:768px){.cmp-race-counter .race-counter-inner{padding-block:var(--spacing-md);padding-inline:clamp(var(--padding-x-desktop),6vw,var(--spacing-7xl))}
}
@media(min-width:1440px){.cmp-race-counter .race-counter-inner{padding-inline:var(--spacing-7xl)}
}
.cmp-race-counter .content{display:grid;grid-template-rows:auto auto;grid-template-columns:1fr;grid-template-areas:"counter";gap:var(--spacing-16);align-content:end;height:100%;padding-block:var(--spacing-24)}
@media(min-width:768px){.cmp-race-counter .content{padding-inline:var(--spacing-16);padding-block:unset}
}
.cmp-race-counter .content:has(.sidebar),.cmp-race-counter .content:has(.ctas){grid-template-columns:1fr;grid-template-areas:"sidebar" "counter" "ctas"}
@media(min-width:768px){.cmp-race-counter .content:has(.sidebar),.cmp-race-counter .content:has(.ctas){align-items:start;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;grid-template-areas:"sidebar counter" "ctas counter"}
}
@media(min-width:768px){.cmp-race-counter .content:has(.sidebar) .race-counter,.cmp-race-counter .content:has(.ctas) .race-counter{align-self:center}
}
.cmp-race-counter .content .sidebar{grid-area:sidebar}
.cmp-race-counter .content .sidebar__pre-title{font-weight:var(--font-weight-regular);font-size:var(--font-size-caption);line-height:var(--line-height-caption);margin-bottom:var(--spacing-8)}
@media(min-width:768px){.cmp-race-counter .content .sidebar__pre-title{font-size:var(--font-size-body-2);line-height:var(--line-height-body-2)}
}
.cmp-race-counter .content .sidebar__title{font-weight:var(--font-weight-regular);font-size:var(--font-size-title-2);line-height:var(--line-height-title-2)}
@media(min-width:768px){.cmp-race-counter .content .sidebar__title{font-size:var(--font-size-title-1);line-height:var(--line-height-title-1)}
}
.cmp-race-counter .content .ctas{grid-area:ctas;display:flex;align-items:center;gap:var(--spacing-16)}
@media(min-width:768px){.cmp-race-counter .content .ctas{gap:var(--spacing-24)}
}
.cmp-race-counter .content .ctas .primary-link,.cmp-race-counter .content .ctas .secondary-link{margin-top:var(--spacing-8)}
.cmp-race-counter .content .ctas .primary-link a,.cmp-race-counter .content .ctas .secondary-link a{background-color:transparent;position:relative;border:0;padding:var(--spacing-12) var(--spacing-20);text-decoration:none;z-index:1;text-wrap:nowrap;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);outline:1px solid transparent}
.cmp-race-counter .content .ctas .primary-link a::before,.cmp-race-counter .content .ctas .secondary-link a::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);z-index:-1;background:white}
.cmp-race-counter .content .ctas .primary-link a::after,.cmp-race-counter .content .ctas .secondary-link a::after{content:'';position:absolute;top:1px;left:1px;right:1px;bottom:1px;background-color:var(--background-primary);clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);z-index:0}
.cmp-race-counter .content .ctas .primary-link a span,.cmp-race-counter .content .ctas .secondary-link a span{font-size:var(--font-size-button-body-2);line-height:var(--font-size-button-body-2);font-weight:var(--font-weight-bold);width:max-content;position:relative;z-index:2;color:white}
.cmp-race-counter .content .ctas .primary-link a:hover:hover::after,.cmp-race-counter .content .ctas .secondary-link a:hover:hover::after{background-color:white}
.cmp-race-counter .content .ctas .primary-link a:hover:hover span,.cmp-race-counter .content .ctas .secondary-link a:hover:hover span{color:var(--racing-blue)}
@media(min-width:768px){.cmp-race-counter .content .ctas .primary-link a span,.cmp-race-counter .content .ctas .secondary-link a span{font-size:var(--font-size-body-1);line-height:var(--line-height-body-1)}
}
.cmp-race-counter .content .ctas .primary-link a span,.cmp-race-counter .content .ctas .secondary-link a span{line-height:40px}
.cmp-race-counter .content .race-counter{grid-area:counter;margin:0}
@media(min-width:768px){.cmp-race-counter .content .race-counter{margin:0 auto}
}
.cmp-race-counter .content .race-counter .race-timing{position:relative;display:flex;justify-content:space-between;padding:0;margin:0;gap:clamp(8px,3.125vw,24px);max-width:390px;height:68px;align-items:center}
@media(min-width:768px){.cmp-race-counter .content .race-counter .race-timing{justify-content:flex-start;max-width:unset;display:flex;gap:clamp(var(--spacing-24),3.125vw,var(--spacing-32))}
}
@media(min-width:1440px){.cmp-race-counter .content .race-counter .race-timing{gap:var(--spacing-32)}
}
.cmp-race-counter .content .race-counter .race-timing .time-block{display:flex;flex-direction:column;padding:0;width:clamp(69px,24.609vw - 120px,132px)}
.cmp-race-counter .content .race-counter .race-timing .time-block span{text-align:center}
.cmp-race-counter .content .race-counter .race-timing .time-block span:first-child{font-family:var(--font-racing);font-feature-settings:"tnum";font-weight:var(--font-weight-regular);font-size:clamp(20px,7.8125vw - 40px,40px);line-height:clamp(28px,17.1875vw - 104px,72px)}
.cmp-race-counter .content .race-counter .race-timing .time-block span:last-child{font-size:var(--font-size-caption);line-height:var(--line-height-caption);font-weight:var(--font-weight-medium)}
@media(min-width:768px){.cmp-race-counter .content .race-counter .race-timing .time-block span:last-child{font-size:var(--font-size-subtitle);line-height:var(--line-height-subtitle);font-weight:var(--font-weight-regular)}
}