.hero-main{overflow:hidden}.hero-main .grid{margin-bottom:0}.hero-main .grid__item{position:relative;padding-bottom:.2rem}.hero-main__grid--reverse{flex-direction:column-reverse}.hero-main__data--title{font-size:1.6rem;line-height:2rem;color:rgb(var(--color-foreground));margin:0}@media screen and (min-width: 990px){.hero-main__header{max-width:48rem;margin:0 auto;padding-right:1.5rem}.hero-main__data--text{font-size:1.4rem;line-height:2rem}.hero-main__grid--reverse{flex-direction:row-reverse}.hero-main__grid{display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(2,1fr)}.hero-main__media-item{grid-column:6 / 11;grid-row:1 / 3;width:100%;padding-right:1.5rem}.hero-main__text-item{grid-column:1 / 6;width:100%}.hero-main__text-item--header{grid-row:1 / 2;align-self:flex-end;margin-bottom:7.2rem}.hero-main__text-item--data{grid-row:2 / 3;align-self:center;margin-top:2.4rem}}@media screen and (max-width: 989px){.hero-main__data--num{font-size:1.8rem}.hero-main__grid{display:flex;flex-direction:column;padding-left:1.6rem;padding-right:1.6rem}.hero-main__media-item{order:2;margin-top:2.4rem}.hero-main__text-item--header{order:1;margin-top:8rem;max-width:38rem}.hero-main__text-item--data{order:3;margin-top:4rem}.hero-main__media-item--container{flex-direction:column}}.hero-main__media{min-height:100%;overflow:visible}.hero-main__media--small{height:19.4rem}.hero-main__media--medium{height:29.6rem}.hero-main__media--large{height:43.5rem}@media screen and (min-width: 750px){.hero-main__media--small{height:31.4rem}.hero-main__media--medium{height:46rem}.hero-main__media--large{height:69.5rem}}.hero-main__media--placeholder{position:relative;overflow:hidden}.hero-main__media--placeholder:after{content:"";position:absolute;width:100%;height:100%;background:rgba(var(--color-foreground),.04)}.hero-main__media--placeholder.hero-main__media--adapt{height:20rem}@media screen and (min-width: 750px){.hero-main__media--placeholder.hero-main__media--adapt{height:30rem}}.hero-main__media--placeholder>svg{position:absolute;left:50%;max-width:80rem;top:50%;transform:translate(-50%,-50%);width:100%;fill:currentColor}.hero-main__content{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:center;align-self:center;position:relative;z-index:1}.hero-main:not(.hero-main--overlap) .hero-main__media-item:after{border-radius:var(--media-radius);box-shadow:var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow),var(--media-shadow-opacity))}.hero-main:not(.hero-main--overlap) .hero-main__text-item:after{border-radius:var(--text-boxes-radius);box-shadow:var(--text-boxes-shadow-horizontal-offset) var(--text-boxes-shadow-vertical-offset) var(--text-boxes-shadow-blur-radius) rgba(var(--color-shadow),var(--text-boxes-shadow-opacity))}.hero-main .hero-main__media-item--container>*{border-radius:var(--media-radius);overflow:hidden;box-shadow:var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow),var(--media-shadow-opacity))}.hero-main .global-media-settings{overflow:hidden!important}.hero-main .hero-main__text-item>*{border-radius:var(--text-boxes-radius);overflow:hidden;box-shadow:var(--text-boxes-shadow-horizontal-offset) var(--text-boxes-shadow-vertical-offset) var(--text-boxes-shadow-blur-radius) rgba(var(--color-shadow),var(--text-boxes-shadow-opacity));height:auto}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:0;display:flex;justify-content:center}.swiper-pagination-bullet{background-color:rgba(var(--color-foreground),.5);width:.6rem;height:.6rem}.swiper-pagination-bullet-active{background-color:rgb(var(--color-foreground))}.hero-main:not(.hero-main--overlap) .hero-main__media-item--container>*,.hero-main:not(.hero-main--overlap) .hero-main__text-item--container>*{box-shadow:none}@media screen and (max-width: 749px){.hero-main.collapse-corners:not(.hero-main--overlap) .hero-main__media-item:after,.hero-main.collapse-corners:not(.hero-main--overlap) .grid__item .hero-main__media,.hero-main.collapse-corners:not(.hero-main--overlap) .hero-main__media img{border-bottom-right-radius:0;border-bottom-left-radius:0}.hero-main.collapse-corners:not(.hero-main--overlap) .hero-main__text-item:after,.hero-main.collapse-corners:not(.hero-main--overlap) .grid__item .hero-main__content{border-top-left-radius:0;border-top-right-radius:0}.hero-main.collapse-borders:not(.hero-main--overlap) .hero-main__content{border-top:0}}.hero-main__content--mobile-right>*{align-self:flex-end;text-align:right}.hero-main__content--mobile-center>*{align-self:center;text-align:center}.hero-main--overlap .hero-main__content{width:90%;margin:-3rem auto 0}@media screen and (min-width: 750px){.hero-main__grid--reverse .hero-main__content{margin-left:auto}.hero-main__content--bottom{justify-content:flex-end;align-self:flex-end}.hero-main__content--top{justify-content:flex-start;align-self:flex-start}.hero-main__content--desktop-right>*{align-self:flex-end;text-align:right}.hero-main__content--desktop-left>*{align-self:flex-start;text-align:left}.hero-main__content--desktop-center>*{align-self:center;text-align:center}.hero-main--overlap .hero-main__text-item{display:flex;padding:3rem 0}.hero-main--overlap .hero-main__content{height:auto;width:calc(100% + 4rem);min-width:calc(100% + 4rem);margin-top:0;margin-left:-4rem}.hero-main--overlap .hero-main__grid--reverse .hero-main__content{margin-left:0;margin-right:-4rem}.hero-main--overlap .hero-main__grid--reverse .hero-main__text-item{justify-content:flex-end}.hero-main--overlap .hero-main__media-item--top{align-self:flex-start}.hero-main--overlap .hero-main__media-item--middle{align-self:center}.hero-main--overlap .hero-main__media-item--bottom{align-self:flex-end}.hero-main__media-item--small,.hero-main__media-item--large+.hero-main__text-item{flex-grow:0}.hero-main.collapse-corners:not(.hero-main--overlap) .grid:not(.hero-main__grid--reverse) .hero-main__media-item:after,.hero-main.collapse-corners:not(.hero-main--overlap) .grid:not(.hero-main__grid--reverse) .hero-main__media,.hero-main.collapse-corners:not(.hero-main--overlap) .grid:not(.hero-main__grid--reverse) .hero-main__media img,.hero-main.collapse-corners:not(.hero-main--overlap) .hero-main__grid--reverse .hero-main__text-item:after,.hero-main.collapse-corners:not(.hero-main--overlap) .hero-main__grid--reverse .hero-main__content,.hero-main.collapse-corners:not(.hero-main--overlap) .hero-main__grid--reverse .hero-main__content:after{border-top-right-radius:0;border-bottom-right-radius:0}.hero-main.collapse-corners:not(.hero-main--overlap) .grid:not(.hero-main__grid--reverse) .hero-main__text-item:after,.hero-main.collapse-corners:not(.hero-main--overlap) .grid:not(.hero-main__grid--reverse) .hero-main__content,.hero-main.collapse-corners:not(.hero-main--overlap) .grid:not(.hero-main__grid--reverse) .hero-main__content:after,.hero-main.collapse-corners:not(.hero-main--overlap) .hero-main__grid--reverse .hero-main__media-item:after,.hero-main.collapse-corners:not(.hero-main--overlap) .hero-main__grid--reverse .hero-main__media,.hero-main.collapse-corners:not(.hero-main--overlap) .hero-main__grid--reverse .hero-main__media img{border-top-left-radius:0;border-bottom-left-radius:0}.hero-main.collapse-borders:not(.hero-main--overlap) .grid:not(.hero-main__grid--reverse) .hero-main__content{border-left:0}.hero-main.collapse-borders:not(.hero-main--overlap) .hero-main__grid--reverse .hero-main__content{border-right:0}}.hero-main:not(.collapse-corners,.hero-main--overlap) .hero-main__media-item{z-index:2}.hero-main__content{border-radius:var(--text-boxes-radius);box-shadow:var(--text-boxes-shadow-horizontal-offset) var(--text-boxes-shadow-vertical-offset) var(--text-boxes-shadow-blur-radius) rgba(var(--color-shadow),var(--text-boxes-shadow-opacity))}.hero-main__content>*+*{margin-top:2rem}.hero-main__content>.hero-main__text:empty~a{margin-top:2rem}.hero-main__content>:first-child:is(.hero-main__heading),.hero-main__text--caption+.hero-main__heading,.hero-main__text--caption:first-child{margin-top:0}.hero-main__content :last-child:is(.hero-main__heading),.hero-main__text--caption{margin-bottom:0}.hero-main__content .button+.hero-main__text{margin-top:2rem}.hero-main__content .hero-main__text+.button{margin-top:3rem}.hero-main__heading{word-break:break-word;margin-bottom:0;margin-top:0}.hero-main__text p{word-break:break-word;margin-top:0;margin-bottom:1rem}@supports not (inset: 10px){.hero-main .grid{margin-left:0}}.hero-main__media-item--container{display:flex;-webkit-column-gap:1.5rem;-moz-column-gap:1.5rem;column-gap:1.5rem;width:100%}.hero-main__media-item--container .hero-media{margin-bottom:1.6rem}@media screen and (max-width: 989px){.hero-main__media-item--container .hero-media{margin-bottom:.2rem}}.hero-main__image{width:100%;height:auto;display:block}.hero-main__data{margin-top:0;padding-bottom:1rem}.hero-main__shopify{display:flex;justify-content:center;align-items:center;column-gap:1.6rem}.hero-main__shopify .logo-shopify{width:12rem;height:auto}@media screen and (min-width: 750px){.hero-main__shopify{margin-bottom:2rem}}@media screen and (min-width: 990px){.hero-main__content{max-width:48rem;width:100%;margin:0 auto;overflow:hidden}}.hero-main__data--card{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;background-color:rgba(var(--color-foreground),.15);border-radius:5rem;padding:.5rem;border:.1rem solid rgba(var(--color-foreground),.1);position:relative}.hero-main__data--image{border-radius:5rem;overflow:hidden;position:relative;width:6.8rem;height:6.8rem;display:flex;justify-content:center;align-items:center;background-color:rgb(var(--color-base-background-2))}.hero-main__data--image>*{color:var(--color-black)}@media screen and (max-width: 989px){.hero-main__header{margin-top:4rem}.hero-media{width:44vw;display:inline-block;position:relative;height:0;padding-top:48vw;overflow:hidden;margin:0 .2rem}.hero-media .hero-main__image{position:absolute;min-width:100%;min-height:100%;width:100%}.hero-media.center .hero-main__image{top:50%;left:50%;transform:translate(-50%,-50%)}.hero-media.top .hero-main__image{top:0;left:50%;transform:translate(-50%)}.hero-media.bottom .hero-main__image{bottom:0;left:50%;transform:translate(-50%)}.hero-main .hero-main__media-item--container>*{overflow:visible}.hero-main .hero-main__media-item{margin-top:4rem}.hero-main__media-item--container{position:relative}.hero-main__media-item--container:before{content:"";position:absolute;left:-1.6rem;top:-.1rem;width:calc(100% + 3.2rem);height:8rem;background:linear-gradient(180deg,rgb(var(--color-background)),rgba(var(--color-background),.6),transparent);display:block;z-index:1}.hero-main__media-item--container:after{content:"";position:absolute;left:-1.6rem;bottom:-.1rem;width:calc(100% + 3.2rem);height:8rem;background:linear-gradient(0deg,rgb(var(--color-background)),rgba(var(--color-background),.6),transparent);display:block;z-index:1}}@media screen and (max-width: 749px){.hero-main__data{max-width:100%;margin-top:4rem}.hero-main__header{max-width:34rem}}.hero-main__data--info{width:calc(100% - 8.8rem)}.hero-main__data--info>*,.hero-main__data--info p{margin:0}.hero-main__media-item--container>*{width:100%}@media screen and (min-width: 990px){.hero-main__media-item--container>*{width:calc(50% - .75rem)}.hero-main__media-item{max-height:100vh;overflow:hidden;position:relative;white-space:nowrap}.hero-main__media-item:after{content:"";position:absolute;left:0;bottom:-.1rem;width:100%;height:8rem;background:linear-gradient(0,rgb(var(--color-background)),rgba(var(--color-background),.6),transparent);display:block;z-index:1}.hero-main__media-item:before{content:"";position:absolute;left:0;top:-.1rem;width:100%;height:8rem;background:linear-gradient(180deg,rgba(var(--color-background),.4),transparent);display:block;z-index:1}}@media screen and (max-width: 989px){.hero-main .grid__item{flex-direction:column}.hero-main__media-item--container>*{overflow:visible;white-space:nowrap}.hero-main .grid__item{position:initial}}.hero-main__media-item .hero-main__media-items--first{display:block;-webkit-animation-name:marquee;-moz-animation-name:marquee;-o-animation-name:marquee;animation-name:marquee;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-duration:38s;-moz-animation-duration:38s;-o-animation-duration:38s;animation-duration:38s;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;-o-animation-timing-function:linear;animation-timing-function:linear;height:auto;overflow:visible}.hero-main__media-item .hero-main__media-items--second{display:block;-webkit-animation-name:marquee-2;-moz-animation-name:marquee-2;-o-animation-name:marquee-2;animation-name:marquee-2;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-duration:38s;-moz-animation-duration:38s;-o-animation-duration:38s;animation-duration:38s;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;-o-animation-timing-function:linear;animation-timing-function:linear;height:auto;overflow:visible}@media screen and (max-width: 989px){.hero-main__media-item .hero-main__media-items--first,.hero-main__media-item .hero-main__media-items--second{display:inline-block}.hero-main__image{display:inline-block;width:auto}}@media screen and (min-width: 990px){@-webkit-keyframes marquee{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@-moz-keyframes marquee{0%{-moz-transform:translateY(0);transform:translateY(0)}to{-moz-transform:translateY(-100%);transform:translateY(-100%)}}@-o-keyframes marquee{0%{-o-transform:translateY(0);transform:translateY(0)}to{-o-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes marquee{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}}@-webkit-keyframes marquee-2{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-moz-keyframes marquee-2{0%{-moz-transform:translateY(-100%);transform:translateY(-100%)}to{-moz-transform:translateY(0);transform:translateY(0)}}@-o-keyframes marquee-2{0%{-o-transform:translateY(-100%);transform:translateY(-100%)}to{-o-transform:translateY(0);transform:translateY(0)}}@keyframes marquee-2{0%{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}}@media screen and (max-width: 989px){@-webkit-keyframes marquee{0%{-webkit-transform:translateX(0);transform:translate(0)}to{-webkit-transform:translateX(-100%);transform:translate(-100%)}}@-moz-keyframes marquee{0%{-moz-transform:translateX(0);transform:translate(0)}to{-moz-transform:translateX(-100%);transform:translate(-100%)}}@-o-keyframes marquee{0%{-o-transform:translateX(0);transform:translate(0)}to{-o-transform:translateX(-100%);transform:translate(-100%)}}@keyframes marquee{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translate(0)}to{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translate(-100%)}}@-webkit-keyframes marquee-2{0%{-webkit-transform:translateX(-100%);transform:translate(-100%)}to{-webkit-transform:translateX(0);transform:translate(0)}}@-moz-keyframes marquee-2{0%{-moz-transform:translateX(-100%);transform:translate(-100%)}to{-moz-transform:translateX(0);transform:translate(0)}}@-o-keyframes marquee-2{0%{-o-transform:translateX(-100%);transform:translate(-100%)}to{-o-transform:translateX(0);transform:translate(0)}}@keyframes marquee-2{0%{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translate(-100%)}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translate(0)}}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-hero-main.css.map */