hero-slider{display:block}.hero{color:var(--color-typography-accent)}.hero__block{height:var(--hero-height)}.hero__slide{width:100%}.hero__block__wrapper{height:100%}.hero__main,.hero__aside{position:relative}.hero__main{height:65%}.hero__block--fullwidth .hero__main{height:100%}.hero__aside{background-color:var(--color-background-bg-2);height:35%}.hero__block--50-50 .hero__main,.hero__block--50-50 .hero__aside{height:50%}.hero__main:only-child{height:100%}.hero__block:not(.hero__block--50-50):not(.hero__block--70-30) .hero__image{height:100%}.hero__block--50-50 .hero__image,.hero__block--70-30 .hero__image{height:100%}.hero__image.media .lazyload,.hero__image.media .lazyloading{opacity:1;visibility:visible;transform:scale(1.1)}.hero__image iframe{border:none}.hero__image iframe,.hero__image video{position:absolute;inset-block-start:50%;inset-inline-start:50%;z-index:1;transform:translate3d(-50%,-50%,0);pointer-events:none}.hero__block--70-30 .hero__image iframe,.hero__block--fullwidth .hero__image iframe{width:420%;height:130%}.hero__block--70-30 .hero__image video,.hero__block--fullwidth .hero__image video{width:auto;height:100%}.hero__block--50-50 .hero__image iframe{width:230%;height:140%}.hero__block--50-50 .hero__image video{width:auto;height:100%}.hero__main__wrapper,.hero__aside__wrapper{display:flex;width:100%;height:100%;position:absolute;inset-block-start:0;inset-inline-start:0;z-index:2;overflow:hidden;pointer-events:none}.hero__main__wrapper{justify-content:flex-start;align-items:flex-end}.hero__main__inner{width:100%;min-height:50%;display:flex;justify-content:flex-start;align-items:flex-end;padding:4rem 0;position:relative}.hero__main__wrapper--vertical-center .hero__main__inner{min-height:calc(100% - 12.8rem)}.hero__main__wrapper--vertical-center .hero__main__inner{align-items:center}.hero__main__wrapper--vertical-top .hero__main__inner{align-items:flex-start;min-height:100%}.hero__main__wrapper--horizontal-center{text-align:center}.hero__main__wrapper--horizontal-center .hero__main__container{width:auto}.hero__main__wrapper--horizontal-right,.hero__main__wrapper--horizontal-end{text-align:end}.hero__main__wrapper--horizontal-right .hero__title,.hero__main__wrapper--horizontal-end .hero__title{margin-inline-start:auto}.hero__main__inner:before{content:"";background:linear-gradient(180deg,#0000,#000);opacity:var(--overlay-opacity);width:100%;height:100%;position:absolute;inset-block-end:0;inset-inline-start:0;z-index:1}.hero__main__wrapper--vertical-top .hero__main__inner:before{background:linear-gradient(0deg,#0000,#000)}.hero__main__container{width:100%;position:relative;z-index:2}.hero--alternative .hero__block{height:auto}.hero--alternative .hero__image{padding-block-start:calc(550 / 360 * var(--hero-alternative-height))}.hero--alternative .hero__main__container{padding-inline-end:10.8rem}.hero__aside__wrapper{justify-content:center;align-items:center}.hero__aside__wrapper--left,.hero__aside__wrapper--start{text-align:start}.hero__aside__wrapper--center{text-align:center}.hero__aside__wrapper--right,.hero__aside__wrapper--end{text-align:end}.hero__aside__wrapper:before{content:"";background:linear-gradient(180deg,#0000,#000);opacity:var(--hero-aside-overlay-opacity);transform:scaleY(-1);width:100%;height:100%;position:absolute;inset-block-end:0;inset-inline-start:0;z-index:1}.hero__aside__inner{position:relative;z-index:2;width:100%}.hero__title,.hero__subtitle{margin:0}.hero__title{max-width:54.4rem}.hero__entry{margin:.8rem 0 0}.hero__main__callout,.hero__aside__callout{margin:1.6rem 0 0;pointer-events:all}.hero__main__callout-area{display:inline-block}.hero__main__callout.button-link.hero__button-style--primary,.hero__aside__button.button-link.hero__button-style--primary{color:var(--color-buttons-primary-text)}.hero__main__callout.button-link.hero__button-style--secondary,.hero__aside__button.button-link.hero__button-style--secondary{color:var(--color-buttons-secondary-text)}.hero__main__callout.button.hero__button-style--primary,.hero__aside__button.button.hero__button-style--primary{color:var(--color-buttons-primary-text);background:var(--color-buttons-primary)}.hero__main__callout.button.hero__button-style--primary:before,.hero__aside__button.button.hero__button-style--primary:before{background:var(--color-buttons-secondary)}.hero__main__callout.button.hero__button-style--secondary,.hero__aside__button.button.hero__button-style--secondary{color:var(--color-buttons-secondary-text);background:var(--color-buttons-secondary)}.hero__main__callout.button.hero__button-style--secondary:before,.hero__aside__button.button.hero__button-style--secondary:before{background:var(--color-buttons-primary)}.hero__arrows{display:none}.no-js .hero__arrows{display:none!important}.hero__product-cards{position:absolute;inset-inline-end:2.4rem;inset-block-end:4rem;z-index:3;pointer-events:all;color:var(--color-typography-primary)}.hero__product-card+.hero__product-card{margin-block-start:1.6rem}div.hero__image.media:empty{display:block}.plain-background--main{background:var(--color-background-images)}.plain-background--accent{background:var(--color-background-bg-2)}.plain-background--alternative{background:var(--color-sale-price)}.hero__block--flip .hero__block__wrapper{display:flex;flex-flow:column-reverse wrap}@media screen and (min-width: 990px){.hero__block--70-30 .hero__image iframe,.hero__block--70-30 .hero__image video{width:130%;height:100%}.hero__block--50-50 .hero__image iframe,.hero__block--50-50 .hero__image video{width:175%;height:100%}.hero__block--fullwidth .hero__image iframe,.hero__block--fullwidth .hero__image video{width:130%;height:120%}.hero__block{height:auto;padding-block-start:calc(700 / 1440 * var(--hero-height));position:relative}.hero--alternative .hero__block{padding-block-start:calc(700 / 1440 * var(--hero-alternative-height))}.hero--alternative .hero__image{padding-block-start:0}.hero__block:not(.hero__block--50-50):not(.hero__block--70-30) .hero__image{height:100%}.hero--alternative .hero__main__container{padding-inline-end:5.6rem}.hero--alternative .hero__title{max-width:40rem}.hero__main:not(.hero__block>.hero__main),.hero__aside,.hero__block--50-50 .hero__main,.hero__block--50-50 .hero__aside,.hero__main:only-child:not(.hero__block>.hero__main){height:auto}.hero__block>.hero__main{width:100%;height:100%;position:absolute;inset-block-start:0;inset-inline-start:0;z-index:1}.hero__block__wrapper{width:100%;height:100%;display:flex;flex-flow:row wrap;position:absolute;inset-block-start:0;inset-inline-start:0;z-index:1}.hero__block--flip .hero__block__wrapper{flex-flow:row-reverse wrap}.hero__main{flex:1;min-width:66.5%}.hero__main__inner{padding:6.4rem 0}.hero__block--decoration-main .hero__main__container:after{content:"";background-color:currentColor;width:.1rem;height:34.1rem;position:absolute;inset-block-end:calc(100% + 5.3rem);inset-inline-start:5.6rem;z-index:1;opacity:.3;display:none}.hero__main__wrapper--vertical-top .hero__main__container:after{inset-block-end:auto;inset-block-start:calc(100% + 5.3rem)}.hero__main__wrapper--horizontal-right .hero__main__container:after{inset-inline-start:unset;inset-inline-end:5.6rem}.hero__main__wrapper--horizontal-center .hero__main__container:after{inset-inline-start:50%}.hero__main__wrapper--vertical-center .hero__main__container:after{content:none}.hero__main__wrapper--horizontal-right .hero__main__inner,.hero__main__wrapper--horizontal-end .hero__main__inner{padding-inline-end:22.8rem}.hero__aside{flex:1;min-width:33.5%}.hero__block--50-50 .hero__main,.hero__block--50-50 .hero__aside{min-width:50%}.hero__main__callout{margin:3.2rem 0 0}.hero__main__callout.button,.hero__aside__callout .button{min-width:16.7rem}.hero__aside__callout{margin:0}.hero__aside__callout:before,.hero__block--decoration-main .hero__main__callout-area:before{content:"";background-color:transparent;display:block;width:.1rem;height:7rem;margin:4rem auto;opacity:.2}.hero__block--decoration .hero__aside__callout:before,.hero__block--decoration-main .hero__main__callout-area:before{background-color:currentColor}.hero__aside__wrapper--left .hero__aside__callout:before{margin-inline-start:0}.hero__aside__wrapper--right .hero__aside__callout:before{margin-inline-end:0}.hero__arrows{display:flex;align-items:center;margin:0 -1rem;position:absolute;inset-block-end:2.4rem;inset-inline-end:2.4rem;z-index:2}.hero__arrow{margin:0 1rem}.hero__product-cards{display:flex;align-items:center;inset-inline-end:5.6rem;inset-block-end:6.4rem}.hero__product-card+.hero__product-card{margin-block-start:0;margin-inline-start:1.6rem}.hero__main__wrapper--vertical-top .hero__main__inner{min-height:100%}}@media screen and (min-width: 1200px){.hero__arrows{inset-block-end:3.2rem;inset-inline-end:3.2rem}}@media screen and (min-width: 1440px){.hero__arrows{inset-block-end:6.4rem;inset-inline-end:6.4rem}}.hero__product-dots{color:var(--color-typography-primary)}.hero__product-cards--absolute>*:not(.is-active){position:absolute}.hero--alternative .hero__block--70-30 .hero__main__wrapper{position:static}.hero--alternative .hero__block--70-30 .hero__main__inner{padding-block-start:2.2rem;padding-block-end:6.5rem}.hero--alternative .hero__block--70-30 .hero__main__inner:before{content:none}.hero--alternative .hero__block--70-30 .hero__main__container{margin-inline-start:0;padding-inline-end:0;color:var(--color-typography-primary)}.hero--alternative .hero__block--70-30 .hero__title{line-height:1.7}.hero--alternative .hero__block--70-30 .hero__image{padding-block-start:100%}.hero--alternative .hero__block--70-30 .hero__product-cards{inset-inline-start:2.5rem;inset-block-end:2.6rem}@media screen and (min-width: 990px){.hero--alternative.hero--spaced{padding:12.8rem 0}.hero--alternative .hero__block--70-30 .hero__main__inner{padding-block:4rem}.hero--alternative .hero__block--70-30 .hero__main__wrapper{position:absolute}.hero--alternative .hero__block--70-30 .hero__image{width:66.5%;margin-inline-start:auto;padding-block-start:0}.hero--alternative .hero__block--70-30 .hero__main__container{max-width:33.5%;padding-inline-end:4rem}.hero--alternative .hero__block--70-30 .hero__title{line-height:calc(1 + .3/max(1,var(--font-heading-scale)))}}@media screen and (min-width: 1200px){.hero--alternative .hero__block--70-30 .hero__image{width:75.3%}.hero--alternative .hero__block--70-30 .hero__main__container{max-width:24.7%}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/component-hero.css.map */