.hero-banner__image{position:relative;width:100%}.hero-banner__image img{width:100%;height:auto;display:block;object-fit:cover}.hero-banner__image .md-lg-hide{display:none}.hero-banner__caption{position:absolute;top:50%;left:50%;width:80%;transform:translate(-50%,-50%);color:var(--text-color);z-index:2}.hero-banner__caption-wrapper{display:flex;flex-direction:column;align-items:center;padding:30px}.hero-banner__caption-wrapper.a-left{align-items:flex-start}.hero-banner__caption-wrapper.a-center{align-items:center}.hero-banner__caption-wrapper.a-right{align-items:flex-end}.hero-banner__title{font-size:var(--h2-size);margin:0;line-height:1.2;color:var(--text-color)}.hero-banner__caption .rte{font-size:var(--font-size);margin:10px 0 0;color:var(--text-color)}.hero-banner__button.btn-border-link{line-height:2.625rem;border:1px solid var(--text-color);letter-spacing:.05em;color:var(--text-color);text-decoration:none;transition:background .3s ease,color .3s ease;position:relative;display:inline-block}.hero-banner__button.btn-border-link:hover{background:var(--text-color)}.hero-banner__button.btn-border-link span{font-size:var(--font-size-reset);display:block}.hero-banner__button.btn-border-link:before,.hero-banner__button.btn-border-link:after{background:var(--text-color)}.hero-banner__button.btn-border-link span:before,.hero-banner__button.btn-border-link span:after{background:var(--text-color)}.slide__buttons{display:flex;column-gap:10px;padding:10px 0;min-width:80px}.hero-banner__image:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--section-overlay-color);z-index:1}.placeholder-image svg{width:100%;height:auto;object-fit:cover}@media screen and (prefers-reduced-motion:no-preference){.hero-banner:not(.preview-mode) .slide-animate{opacity:0;transition:opacity .15s ease-in,transform .5s ease}.hero-banner:not(.preview-mode) .slide-animate.delay--1{transition-delay:.2s}.hero-banner:not(.preview-mode) .slide-animate.delay--2{transition-delay:.25s}.hero-banner:not(.preview-mode) .slide-animate.delay--3{transition-delay:.3s}.hero-banner[data-section-loaded=true]:not(.preview-mode) .slide-animate{opacity:1;visibility:visible;transform:translate(0)}}@media(max-width:740px){.hero-banner__image .sm-hide{display:none}.hero-banner__image .md-lg-hide{display:block}.hero-banner__caption{width:90%;word-break:break-word}.hero-banner__caption-wrapper{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/100/assets/section-hero-banner.css.map */