/** Shopify CDN: Minification failed

Line 115:0 Expected "}" to go with "{"

**/
/* main slide section */
.hero-section .banner__box > * + .banner__text{
  color: rgba(var(--color-text),1);
  margin-top: 0.5rem;
}
.hero-section .banner__box  * + .banner__buttons{
  margin-top: 4rem;
}

/* thumb slide section */
.hero-section .next-thumb-preview{ display: relative; }
.hero-section .thumbs-section{ display: 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: 0x; height: 0px; }
.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: 0px; left: 0px; 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: 0px; 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%; }
  0%{ width: calc(0% - 0px); }
}

/* slick dots */
.hero-section .slick-dots{
    position: absolute;
    z-index: 3;
    bottom: 0;
    display: flex !important;
    list-style-type: none;
    padding: 0;
    left: 50%;
    transform: translateX(-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 0.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);
}

/* additional */
.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: 300%;
  }
}