.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)}
}
.hero-banner{margin:auto;position:relative;overflow:hidden;max-width:var(--component-global-max-width);min-height:840px;height:840px}
@media(min-width:768px){.hero-banner{min-height:884px;height:884px}
}
@media(min-width:1440px){.hero-banner{display:flex;justify-content:center}
}
.hero-banner .container--image{position:relative;width:100%;height:100%}
.hero-banner .container--image .img-banner{height:840px;object-fit:cover;object-position:center 40%;width:100%;position:relative}
@media(min-width:768px){.hero-banner .container--image .img-banner{height:884px;max-height:884px}
}
.hero-banner .container--video video{height:840px;object-fit:cover;width:100%}
@media(min-width:768px){.hero-banner .container--video video{height:884px}
}
.hero-banner .container--video .video-js{height:840px !important;width:100%}
@media(min-width:768px){.hero-banner .container--video .video-js{height:884px !important}
}
.hero-banner .container--content.hero{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;bottom:var(--spacing-4xl);gap:32px}
@media(min-width:768px){.hero-banner .container--content.hero{gap:88px;width:100%}
}
@media(min-width:1440px){.hero-banner .container--content.hero{width:var(--component-content-max-width)}
}
.hero-banner .container--content.hero picture{position:relative}
.hero-banner .container--content.hero .banner-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:center;margin:0;padding-inline:var(--padding-x-mobile);padding:0;gap:12px;width:100%;color:var(--text-heading-on-dark)}
@media(min-width:768px){.hero-banner .container--content.hero .banner-container{padding-inline:unset;gap:16px;width:95%}
}
@media(min-width:1024px){.hero-banner .container--content.hero .banner-container{width:60%}
}
.hero-banner .container--content.hero .banner-container .banner-title{font-family:var(--font-racing);font-size:16px;line-height:28px;color:var(--text-heading-on-dark);margin:0;margin-block-end:var(--spacing-48)}
@media(min-width:768px){.hero-banner .container--content.hero .banner-container .banner-title{font-size:36px;line-height:54px}
}
.hero-banner .container--content.hero .banner-container .banner-description{display:flex;color:var(--text-heading-on-dark);justify-content:center;align-items:center;margin:0 16px 20px;font-size:16px;line-height:24px;width:calc(100vw - 2 * var(--padding-x-mobile))}
@media(min-width:768px){.hero-banner .container--content.hero .banner-container .banner-description{font-size:24px;line-height:32px;margin:0 0 24px;width:100%}
}
.hero-banner .container--content.hero .banner-container .banner-link{align-self:center;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);background-color:var(--surface-primary-button);margin-block-end:var(--spacing-48)}
.hero-banner .container--content.hero .banner-container .banner-link 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:var(--white)}
.hero-banner .container--content.hero .banner-container .banner-link:hover{background:var(--surface-action-primary-hover)}
@media(min-width:768px){.hero-banner .container--content.hero .banner-container .banner-link span{font-size:var(--font-size-body-1);line-height:var(--line-height-body-1)}
}
@media(min-width:768px){.hero-banner .container--content.hero .banner-container .banner-link{margin-block-end:unset}
}
.hero-banner .container--content.hero .banner-container:has(.banner-description) .banner-title{margin-block-end:16px}
@media(min-width:768px){.hero-banner .container--content.hero .banner-container:has(.banner-description) .banner-title{margin-top:12px}
}
.hero-banner .container--overlay-video.overlay_video{position:absolute;top:0;left:0;width:100%;height:-webkit-fill-available;height:100%;background:var(--overlay-gradient-bottom);display:block}
.hero-banner .mobile-image-override{display:block}
@media(min-width:768px){.hero-banner .mobile-image-override{display:none}
}
.hero-banner .mobile-image-override img{height:884px}
.hero-banner:has(.mobile-image-override) .videoHeroBanner{display:none}
@media(min-width:768px){.hero-banner:has(.mobile-image-override) .videoHeroBanner{display:block}
}
.cmp-carousel:has(.hero-banner) .cmp-carousel__indicators{display:flex;align-items:center;position:absolute;top:unset;bottom:var(--spacing-md);left:50%;transform:translateX(-50%);height:45px;justify-content:flex-start}
@media(min-width:768px){.cmp-carousel:has(.hero-banner) .cmp-carousel__indicators{width:calc((100vw - 2 * var(--padding-x-desktop)) / 2);left:50%;bottom:var(--spacing-4xl);transform:translateX(-100%);padding-inline-end:unset}
}
@media(min-width:1440px){.cmp-carousel:has(.hero-banner) .cmp-carousel__indicators{width:calc((var(--component-content-max-width) - 2 * var(--padding-x-desktop)) / 2)}
}
.cmp-carousel:has(.hero-banner) .cmp-carousel__indicators .cmp-carousel__indicator{border:0;padding:0;border-radius:4px;background:var(--pagination-button-background);width:var(--spacing-8);height:var(--spacing-8);cursor:pointer}
.cmp-carousel:has(.hero-banner) .cmp-carousel__indicators .cmp-carousel__indicator--active{width:var(--spacing-24);background:var(--accent-primary)}
@media(min-width:768px){.cmp-carousel:has(.hero-banner) .cmp-carousel__indicators .cmp-carousel__indicator:first-of-type{padding-left:0}
}
.cmp-carousel:has(.hero-banner) .cmp-carousel__actions{display:flex;align-items:center;position:absolute;top:unset;bottom:var(--spacing-md);left:auto;right:0;transform:translateX(0);height:45px;justify-content:flex-end;gap:var(--spacing-12);padding-inline-end:var(--padding-x-mobile)}
@media(min-width:768px){.cmp-carousel:has(.hero-banner) .cmp-carousel__actions{width:calc((100vw - 2 * var(--padding-x-desktop)) / 2);left:50%;bottom:var(--spacing-4xl);transform:translateX(0);right:unset;padding-inline-start:unset}
}
@media(min-width:1440px){.cmp-carousel:has(.hero-banner) .cmp-carousel__actions{width:calc((var(--component-content-max-width) - 2 * var(--padding-x-desktop)) / 2)}
}
.cmp-carousel:has(.hero-banner) .cmp-carousel__actions .cmp-carousel__action{min-width:45px;min-height:45px;cursor:pointer}
.cmp-carousel:has(.hero-banner) .cmp-carousel__actions .cmp-carousel__action--previous{background:url('../clientlib-site/resources/images/previous.png') no-repeat center;right:55px;width:45px;height:45px;background-size:contain;border:0;margin-left:var(--spacing-8);order:2;display:none}
.cmp-carousel:has(.hero-banner) .cmp-carousel__actions .cmp-carousel__action--previous:hover{background:url('../clientlib-site/resources/images/previous-hover.png') no-repeat center;background-size:45px 45px}
@media(min-width:768px){.cmp-carousel:has(.hero-banner) .cmp-carousel__actions .cmp-carousel__action--previous{display:block}
}
.cmp-carousel:has(.hero-banner) .cmp-carousel__actions .cmp-carousel__action--next{background:url('../clientlib-site/resources/images/next.png') no-repeat center;right:0;width:45px;height:45px;background-size:contain;border:0;order:3;display:none}
.cmp-carousel:has(.hero-banner) .cmp-carousel__actions .cmp-carousel__action--next:hover{background:url('../clientlib-site/resources/images/next-hover.png') no-repeat center;background-size:45px 45px}
@media(min-width:768px){.cmp-carousel:has(.hero-banner) .cmp-carousel__actions .cmp-carousel__action--next{display:block}
}
.cmp-carousel:has(.hero-banner) .cmp-carousel__actions .cmp-carousel__action--play{border:0;background:url('../clientlib-site/resources/images/play_white.svg') no-repeat center;width:42px;height:43px;order:1}
.cmp-carousel:has(.hero-banner) .cmp-carousel__actions .cmp-carousel__action--play.cmp-carousel__action--disabled{display:none}
.cmp-carousel:has(.hero-banner) .cmp-carousel__actions .cmp-carousel__action--pause{position:relative;width:45px;height:45px;border:0;background:url('../clientlib-site/resources/images/pause-icon.svg') no-repeat center;background-size:contain;order:1}
.cmp-carousel:has(.hero-banner) .cmp-carousel__actions .cmp-carousel__action--pause svg{position:absolute;top:0;left:0;width:45px;height:45px;transform:rotate(-90deg);pointer-events:none}
.cmp-carousel:has(.hero-banner) .cmp-carousel__actions .cmp-carousel__action--pause .progress-circle{fill:none;stroke:var(--white);stroke-width:2.5;stroke-linecap:round;transition:none}
.cmp-carousel:has(.hero-banner) .cmp-carousel__actions .cmp-carousel__action--pause.cmp-carousel__action--disabled{display:none}
.cmp-carousel:has(.hero-banner) .cmp-carousel__actions .cmp-carousel__action .cmp-carousel__action-text{border:0;padding:0;margin:0;position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}