.banner{height:auto;color:var(--color-text-primary)}@media screen and (max-width: 767px){.banner.small-hide{display:none}}.banner__items{height:100%;position:relative;display:grid;grid-template-rows:1fr auto}.banner__content.fading-out{position:relative;opacity:0}.banner__content{position:absolute;top:0;left:0;width:100%;height:100%;transition:all .3s ease;opacity:0;z-index:1;overflow:hidden}.banner__content.active{position:relative;z-index:2;opacity:1;display:grid}.banner__content.active.fading-out{opacity:0}.banner__content.fading-in{opacity:1}.banner__content.small-hide{display:none}.banner__medias{height:255px;overflow:hidden;position:relative;top:0;left:0;right:0;bottom:0;width:100%;z-index:1}.banner__medias video{display:none}.banner__media{width:100%}.banner__media img{width:100%;height:100%;object-fit:cover;object-position:center}.banner__media img.small-hide{display:none}.banner__info{z-index:2;text-align:center;cursor:auto}.banner__media.media>.small-hide{background-color:transparent}@media screen and (max-width: 1023px){.banner__info{cursor:pointer}}.banner__info-content{display:grid;align-content:flex-end}@media screen and (max-width: 767px){.banner__info-content>div{height:155px}}.banner__info p{margin:16px 0 0}.banner__info svg{width:200px;margin:auto}.banner__tagline{padding:10px 0;min-height:35px;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;z-index:2;color:var(--color-text-primary);background:var(--color-bg-secondary)}.banner__tagline--desktop{display:none}.banner__tagline--collection.banner__tagline--desktop{background:var(--color-bg-primary-inverted);color:var(--color-text-primary-inverted)}.banner__ctas{margin-top:20px;display:grid;grid-gap:10px}.banner__tagline.tagline--light{background:var(--color-bg-primary);color:var(--color-text-primary)}.banner__tagline.tagline--light svg path{fill:var(--color-text-primary)}@media screen and (max-width: 1023px){.banner__ctas{display:none}.banner__ctas a.button{color:#000;border:1px solid black}}.banner__arrow-contaner{display:none}.banner__pager{display:grid;grid-auto-flow:column;grid-gap:8px;justify-content:flex-start}@media screen and (max-width: 1023px){.banner__pager{color:#151515;margin-bottom:25px;margin-left:25px}.banner__pager.banner__pager--desktop{display:none}.banner__pager .banner__pager-bar{background:#0003}.banner__pager .banner__pager-bar:after{background:#151515}.banner__pager--mobile{color:#fff;position:absolute;top:45%;z-index:2}.banner__pager--mobile .banner__pager-bar{background:#fffc}}.banner__pager-item{opacity:.8;transition:opacity .3s ease;position:relative;pointer-events:auto;text-align:center;font-size:12px;cursor:pointer;background-color:transparent}.banner__pager-bar{height:2px;width:60px;margin-top:6px;position:relative}.banner__pager-bar__progress{position:absolute;top:0;left:0;display:block;background-color:#fff;width:0;height:100%}.banner__pager-item.active .banner__pager-bar__progress{animation:markerGrows forwards}.banner__pager-item:hover,.banner__pager-item.active{opacity:1}.banner__pager-item:focus,.banner__pager-item:focus-visible{outline:1px solid #FFF;outline-offset:1px;box-shadow:0 0 0 2px #fffc,0 0 0 4px #000}@media screen and (min-width: 768px){.banner__info-content{align-content:center;padding:30px 0;height:100%}.banner__info svg{width:300px;margin:auto}.banner__ctas{margin-top:30px}}@media screen and (min-width: 1024px){.banner__content.active{position:relative;z-index:2;opacity:1;display:grid}.banner__content.small-hide{display:block}.banner__pager--mobile{display:none}.banner{height:50vh;min-height:600px;color:var(--color-text-primary-inverted);background:var(--color-bg-primary-inverted)}.banner__tagline{min-height:60px;background:var(--color-bg-primary-inverted);color:var(--color-text-primary-inverted)}.banner__tagline--desktop{display:flex}.banner__tagline--desktop.banner__tagline--reduce{min-height:40px}.banner__tagline--mobile{display:none}.banner__medias{position:absolute;height:100%}.banner__medias:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:var(--banner-opacity);z-index:1}.banner__media-video~.banner__media{display:none}.banner__medias video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:opacity .6s ease}.banner__media{padding-bottom:0}.banner__media img.small-hide{display:block}.banner__media img.large-up-hide{display:none}.banner__info-content{width:100%;align-content:unset;padding:103px 0 0}.banner__info{z-index:2;position:relative;height:100%}.banner__info svg{width:420px}.banner__ctas{display:grid;grid-auto-flow:column;grid-gap:20px}.banner__arrow-prev{left:40px}.banner__pager{position:absolute;bottom:40px;left:40px;right:40px;z-index:3;pointer-events:none}.banner__pager.light{color:#151515}.banner__pager.dark{color:#fff}.banner__pager.light .banner__pager-bar{background:#0003}.banner__pager.dark .banner__pager-bar{background:#fff3}.banner__pager.light .banner__pager-bar:after{background:#151515}.banner__pager.dark .banner__pager-bar:after{background:#fff}@keyframes markerGrows{0%{width:0}to{width:100%}}.banner__arrow-contaner{display:block;padding-top:104px;padding-bottom:60px;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3}.banner__arrow{position:absolute;top:50%;opacity:.5;pointer-events:auto;transition:opacity .3s ease;transform:translateY(-50%)}.banner__arrow:hover{opacity:1}.banner__arrow-prev{transform:rotate(180deg);left:40px}.banner__arrow-next{right:40px}}
/*# sourceMappingURL=/cdn/shop/t/373/assets/section-hero-banner.css.map */