.hero-banner-container{position:relative;display:block}.hero-banner-container img{object-fit:cover;object-position:center center}@media (min-width: 768px){.hero-banner-container--small .hero-banner{height:500px;padding:0}.hero-banner-container--medium .hero-banner{height:600px;padding:0}.hero-banner-container--large .hero-banner{height:750px;padding:0}.hero-banner-container--fit_screen .hero-banner{height:calc(100vh - 153px);padding:0}}.hero-banner-carousel-button{display:flex;justify-content:center;align-items:center;width:48px;height:48px;color:var(--hero-banner-content-background, #FFFFFF)}.hero-banner-carousel-button svg{width:100%;height:100%}.hero-banner-carousel-button path{fill:var(--hero-banner-cta-background, #2D2B4C)}.hero-banner-carousel-buttons{position:absolute;display:flex;align-items:center;gap:8px;z-index:1}@media (max-width: 767px){.hero-banner-carousel-buttons{display:none}}.hero-banner-carousel-buttons--center{top:50%;transform:translateY(-50%);width:100%;padding:0 40px;justify-content:space-between}.hero-banner-carousel-buttons--bottom-left{bottom:64px;left:64px}.hero-banner-carousel-buttons--bottom-right{bottom:64px;right:64px}.hero-banner-carousel-pagination{position:absolute;display:flex;justify-content:center;align-items:center;gap:8px;padding:0 24px;z-index:1}@media (min-width: 768px){.hero-banner-carousel-pagination{display:none}}.hero-banner-container:has(.hero-banner--image-full) .hero-banner-carousel-pagination{bottom:24px!important}.hero-banner-container:has(.hero-banner--image-split) .hero-banner-carousel-pagination{bottom:20px!important}.hero-banner-carousel-pagination__bullet{cursor:pointer;width:8px;height:8px;border-radius:50%}.hero-banner-carousel-pagination__bullet:not(.swiper-pagination-bullet-active){opacity:50%}.hero-banner-container:has(.hero-banner--image-full) .hero-banner-carousel-pagination__bullet{background:var(--hero-banner-content-background, #FFFFFF)}.hero-banner-container:has(.hero-banner--image-split) .hero-banner-carousel-pagination__bullet{background:var(--hero-banner-cta-background, #2D2B4C)}.hero-banner-block.swiper-slide{height:auto}.hero-banner{position:relative;display:flex;padding:24px;background-color:var(--hero-banner-background, #F0CF81);height:100%}@media (max-width: 767px){.hero-banner-container.swiper .hero-banner--image-full{padding:56px 24px;height:calc(100% - 112px)}.hero-banner--image-full.hero-banner--content-mobile-top{align-items:start}.hero-banner--image-full.hero-banner--content-mobile-center{align-items:center}.hero-banner--image-full.hero-banner--content-mobile-bottom{align-items:end}}@media (min-width: 768px){.hero-banner{padding:24px 120px}.hero-banner.hero-banner--image-full{align-items:center}.hero-banner--content-desktop-left{justify-content:start}.hero-banner--content-desktop-center{justify-content:center}.hero-banner--content-desktop-right{justify-content:end}}.hero-banner--image-split{flex-direction:column;padding:0}@media (max-width: 767px){.hero-banner--image-split.hero-banner--content-mobile-bottom{flex-direction:column-reverse}}@media (min-width: 768px){.hero-banner--image-split{flex-direction:row}.hero-banner--image-split.hero-banner--content-desktop-right{flex-direction:row-reverse}}.hero-banner__content{padding:48px 24px;border-radius:24px;background-color:var(--hero-banner-content-background, #FFFFFF);color:var(--hero-banner-content-text-color, #2D2B4C);z-index:1}@media (min-width: 768px){.hero-banner__content{padding:64px;max-width:560px}}.hero-banner--image-split .hero-banner__content{border-radius:0}@media (min-width: 768px){.hero-banner--image-split .hero-banner__content{display:flex;flex-direction:column;justify-content:center;width:50%;max-width:50%}.hero-banner--image-split .hero-banner__content--left{align-items:start}.hero-banner--image-split .hero-banner__content--center{align-items:center}.hero-banner--image-split .hero-banner__content--right{align-items:end}}@media (min-width: 1300px){.hero-banner--image-split .hero-banner__content{padding:64px 120px}}.hero-banner__content--left{text-align:left}.hero-banner__content--center{text-align:center}.hero-banner__content--right{text-align:right}.hero-banner__intro{margin-bottom:25px;font-size:var(--intro-font-size);letter-spacing:var(--intro-letter-spacing)}@media (min-width: 768px){.hero-banner__intro{margin-bottom:40px}}.hero-banner__heading{margin:0;display:inline-flex;font-size:var(--heading-font-size);line-height:1;letter-spacing:0;color:var(--hero-banner-heading-color)}@media (min-width: 768px){.hero-banner__heading{font-size:var(--heading-font-size)}}.hero-banner__heading-small{font-size:var(--heading-small-font-size);text-align:left}@media (min-width: 768px){.hero-banner__heading-small{font-size:var(--heading-small-font-size)}}.hero-banner__copy{margin:16px 0 0;font-size:var(--copy-font-size);line-height:1.5}.hero-banner__copy ul{margin:0;padding:0 0 0 20px}.hero-banner__content--center .hero-banner__copy ul{padding:0;list-style-position:inside}.hero-banner__cta{margin:24px 0 0;border-color:var(--hero-banner-cta-background, #2D2B4C);background-color:var(--hero-banner-cta-background, #2D2B4C);color:var(--hero-banner-cta-text-color, #FFFFFF)}.hero-banner__image{border-radius:0}.hero-banner--image-full .hero-banner__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}@media (max-width: 767px){.hero-banner__image--desktop{display:none}.hero-banner--image-split .hero-banner__image{flex-grow:1;object-fit:cover}}@media (min-width: 768px){.hero-banner__image--mobile{display:none}.hero-banner--image-split .hero-banner__image{width:50%;object-fit:cover}}
/*# sourceMappingURL=/cdn/shop/t/190/assets/component-hero-banner.css.map */
