.hero-split{display:grid;position:relative;height:calc(var(--size-xs-xs) * 80)}.hero-split .hero-split-items{height:var(--size-80-vh);list-style:none;margin:0;padding:0;display:flex;min-height:calc(var(--size-xs-xs) * 60)}.hero-split li.active{display:block}@media only screen and (width >= 750px){.hero-split{height:auto;overflow:hidden}.hero-split ul.hero-slides{height:var(--size-80-vh)}}.hero-split li .container{align-items:center;display:grid;justify-content:center}.hero-split .container:after{background:linear-gradient(to bottom,var(--color-transparent-pure) 0%,var(--color-overlay-60) var(--size-100-per-100));content:"";height:var(--size-100-per-100);left:0;top:0;position:absolute;width:var(--size-100-per-100);z-index:0;border-radius:0}.hero-split li .img-container{display:flex;flex-direction:column}.hero-split li .img-container,.hero-split li .btn-text-container{grid-area:1/1}.hero-split li .btn-text-container{position:relative;z-index:2}@media only screen and (width >= 750px){.hero-split li .img-container{flex-direction:row}}.hero-split .hero-img{object-fit:cover;height:calc(var(--size-xs-xs) * 40);width:var(--size-100-vw)}@media only screen and (width >= 750px){.hero-split .hero-img{object-position:center;height:var(--size-80-vh);min-height:calc(var(--size-xs-xs) * 60);width:var(--size-50-vw)}}.hero-split li .btn-text-container{align-items:center;display:flex;flex-direction:column;gap:var(--space-xs);height:var(--size-100-per-100);justify-content:center;margin:0;padding:0;width:var(--size-100-per-100)}.hero-split li .btn-text-container .title{color:var(--color-white);font-size:var(--typo-heading-3);letter-spacing:calc(var(--size-5xs) * -1);margin:0;max-width:calc(var(--size-xs-xs) * 53.2);text-align:center;text-shadow:var(--size-4xs) var(--size-4xs) var(--size-xxs) var(--color-overlay-30);text-transform:none;z-index:1}.hero-split li .btn-text-container .subtitle{z-index:1;color:var(--color-white);font-size:var(--typo-body-xs);font-weight:var(--font-weight-400);text-shadow:var(--size-4xs) var(--size-4xs) var(--size-xxs) var(--color-overlay-30);text-transform:none;line-height:var(--size-s);margin:0}@media only screen and (width >= 750px){.hero-split li .btn-text-container .title{font-size:var(--typo-heading-1)}}.hero-split li .btn-text-container .btn-container{z-index:1;display:flex;gap:var(--space-s);justify-content:center}@media only screen and (width >= 750px){.hero-split .btn-container .title{font-size:var(--typo-heading-1);text-transform:capitalize;max-width:calc(var(--size-xs-xs) * 5.32)}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/hero-split.css.map */