.hero-section .banner__box>*+.banner__text{color:rgba(var(--color-text),1);margin-top:.5rem}.hero-section .banner__box *+.banner__buttons{margin-top:4rem}.hero-section .next-thumb-preview,.hero-section .thumbs-section{position:relative}.hero-section .slide-thumb-section .slide-item .slick-slide{display:flex;justify-content:space-between;align-items:center}.hero-section .slide-thumb-section .slide-item .slick-slide img,.hero-section .slide-thumb-section .slide-item .slick-slide svg{max-width:140px;height:140px}.hero-section .slide-thumb-section .slide-item .slick-slide .banner__heading{margin-top:0;max-width:calc(100% - 160px)}.hero-section .slide-thumb-section .slide-item .slick-slide.slick-current:before{content:"";position:absolute;top:0;left:0;width:0%;height:1px;background:rgba(var(--color-base-solid-button-labels),1);box-shadow:0 0 3px 1px rgba(var(--color-base-solid-button-labels),1)}.hero-section .slide-thumb-section .slide-item .slick-slide.slick-current:after{content:"";position:absolute;top:1px;left:0;width:calc(100% - 140px);height:1px;background:rgba(var(--color-foreground),.2);z-index:0}.hero-section .slide-thumb-section .slide-item .slick-slide.slick-current.slick-active:before{animation:timing-hr-line 5s linear}.hero-section .slide-thumb-section .slide-item .slick-slide img{top:1px;position:relative;border:1px solid rgba(var(--color-foreground),.2)}@keyframes timing-hr-line{0%{width:0%}to{width:calc(100% - 140px)}}.hero-section .slick-dots{position:absolute;z-index:3;bottom:0;display:flex!important;list-style-type:none;padding:0;left:50%;transform:translate(-50%);margin:0;font-size:0}.hero-section .slick-dots li button{outline:none;font-size:0;background:rgba(var(--color-foreground),1);border:none;margin:5px;width:5px;height:5px;padding:0;border-radius:50%;cursor:pointer;transition:all .3s linear}.hero-section .slick-dots li.slick-active button{width:30px;height:5px;border-radius:10px;background:rgba(var(--color-base-solid-button-labels),1)}.hero-section .banner--content-align-left.banner--desktop-transparent .banner__box{max-width:70rem}.hero-section .banner--desktop-transparent .button--secondary{--alpha-button-background: 1}.hero-section .banner:not(.banner--mobile-bottom) .button--secondary{--alpha-button-background: 1}@media screen and (min-width: 1541px){.hero-section .slide-thumb-section{max-width:840px;position:absolute;bottom:100px;left:40px}.hero-section .banner--content-align-left.banner--desktop-transparent .banner__box{padding-left:0}.hero-section .slick-dots{display:none!important}}@media screen and (min-width:1200px) and (max-width:1540px){.hero-section .slide-thumb-section{max-width:840px;position:absolute;bottom:70px;left:40px}.hero-section .banner--desktop-transparent .banner__box{margin-bottom:10rem}.hero-section .banner--content-align-left.banner--desktop-transparent .banner__box{padding-left:0}.hero-section .slick-dots{display:none}}@media screen and (min-width:1024px) and (max-width:1199px){.hero-section .thumbs-section{display:none}}@media screen and (min-width:750px) and (max-width:1023px){.hero-section .thumbs-section{display:none}}@media screen and (min-width:567px) and (max-width:749px){.hero-section .thumbs-section{display:none}}@media screen and (min-width: 0px) and (max-width:566px){.hero-section .thumbs-section{display:none}}@media screen and (min-width: 2380px){.hero-section .thumbs-section{min-height:150px}.hero-section .slide-thumb-section{bottom:170%}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/hero-section.css.map */