.hero_spotlight{position:relative;overflow:hidden;min-height:var(--desktop-height)}.hero_spotlight_bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.hero_spotlight_bg_image,.hero_spotlight_bg svg{width:100%;height:100%;object-fit:cover}.hero_spotlight_bg svg{background:var(--color-secondary-background)}.hero_spotlight .container{position:relative;z-index:2}.hero_spotlight_inner{display:grid;grid-template-columns:420px 1fr 180px;align-items:center}.hero_spotlight_content{max-width:450px}.hero_spotlight_heading{margin:0 0 20px;color:var(--color-heading)}.hero_spotlight_subheading{margin-bottom:30px;color:var(--color-text)}.hero_spotlight_subheading p{margin:0}.hero_spotlight_media{display:flex;justify-content:center;align-items:flex-end;align-self:end}.hero_spotlight_featured_image,.hero_spotlight_media .placeholder_svg{width:100%;max-width:min(55vw,850px);height:auto;object-fit:contain}.hero_spotlight_thumbnails{display:flex;flex-direction:column;gap:16px}.hero_spotlight_thumb{padding:0;border:0;background:transparent;cursor:pointer;width:140px;border-radius:20px;overflow:hidden;transition:all .3s ease}.hero_spotlight_thumb_image{width:100%;display:block;aspect-ratio:1;object-fit:cover}.hero_spotlight_thumb .placeholder_svg{background:#9b9b9b}.hero_spotlight_media .placeholder_svg{background:#565656}.hero_spotlight_heading,.hero_spotlight_subheading,.hero_spotlight_button,.hero_spotlight_featured_image{transition:opacity .35s ease,transform .35s ease}.hero_spotlight_heading.is-changing,.hero_spotlight_subheading.is-changing,.hero_spotlight_button.is-changing,.hero_spotlight_featured_image.is-changing{opacity:0;transform:translateY(20px)}.hero_spotlight_media{position:relative}.hero_spotlight_media_item{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .5s ease}.hero_spotlight_media_item.active{opacity:1;visibility:visible;z-index:1}.hero_spotlight_thumb.active{box-shadow:6px 6px 0 0 var(--color-highlight)}.hero_spotlight_inner.hsi--half{height:50vh}.hero_spotlight_inner.hsi--two_third{height:calc(100vh * 2 / 3)}.hero_spotlight_inner.hsi--full{height:100vh}.hero_spotlight_inner.hsi--adapt{height:100%}.hero_spotlight_button{display:inline-flex}.hero_spotlight_button .btn{transition:opacity .35s ease,transform .35s ease}.hero_spotlight_button .btn.is-changing{opacity:0;transform:translateY(20px)}@media screen and (max-width:1199px){.hero_spotlight_inner{grid-template-columns:300px 1fr 120px;gap:30px}.hero_spotlight_thumb{width:110px}}@media screen and (max-width:989px){.hero_spotlight{min-height:var(--mobile-height)}.hero_spotlight_inner{min-height:var(--mobile-height);grid-template-columns:1fr;gap:30px;text-align:center;padding:60px 0}.hero_spotlight_content{max-width:100%;order:2}.hero_spotlight_media{order:1}.hero_spotlight_featured_image,.hero_spotlight_media .placeholder_svg{max-width:450px;margin:0 auto}.hero_spotlight_thumbnails{order:3;flex-direction:row;justify-content:center;flex-wrap:wrap}.hero_spotlight_thumb{width:90px}}@media screen and (max-width:767px){.hero_spotlight_featured_image,.hero_spotlight_media .placeholder_svg{max-width:320px}.hero_spotlight_thumb{width:70px;border-radius:12px}}@media screen and (min-width:1200px){.hero_spotlight_media .placeholder_svg{max-width:700px}}@media screen and (min-width:1665px){.hero_spotlight_content{max-width:610px;width:100%;min-width:610px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/hero-spotlight.css.map */