.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%}}@media screen and (max-width: 749px){.banner__content{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;left:50%;transform:translate(-50%)}}.slide-thumb-section{display:none!important}.hero-section .banner__box>*+.banner__text{color:#fff}@media screen and (max-width: 749px){.banner{min-height:90vh;display:flex;align-items:center;justify-content:center}.banner__content{position:absolute!important;top:auto;bottom:20%;left:50%;transform:translate(-50%);z-index:3;text-align:center;width:90%}.banner__box{background:#0000001a;padding:20px;color:#fff;border-radius:8px}.banner__media img{object-fit:cover;width:100%;height:100%;max-height:none}}.text-mobile{display:none}@media screen and (max-width: 749px){.text-desktop{display:none}.text-mobile{display:block}}@media screen and (max-width: 749px){.banner__buttons{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center}.banner__buttons a{width:auto;min-width:180px;text-align:center}}@media screen and (max-width: 749px){.banner__media:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000,#00000026 40%,#00000040 60%,#00000054);z-index:1}.banner__media{position:relative}.banner__content{position:relative;z-index:2}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hero-section.css.map */