.grid-banner.need-animate .grid-banner__item{opacity:0}.grid-banner.need-animate .grid-banner__item:nth-child(1){transform:translate(-48px)}.grid-banner.need-animate .grid-banner__item:nth-child(2){transform:translate(48px)}.grid-banner.animated .grid-banner__item{transition-duration:var(--animate-time)}.grid-banner.animated .grid-banner__item:nth-child(1){opacity:1;transform:translate(0)}.grid-banner.animated .grid-banner__item:nth-child(2){opacity:1;transform:translate(0)}.grid-banner .grid-banner__wrapper{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--global-border-radius)}.grid-banner.grid-banner--with-indent .grid-banner__wrapper{gap:5px 12px}.grid-banner.grid-banner--with-indent .grid-banner__item{overflow:hidden;border-radius:var(--global-border-radius)}.grid-banner.grid-banner--with-indent .grid-banner__filter{border-radius:var(--global-border-radius)}.grid-banner .grid-banner__item{position:relative;display:grid;transition-property:flex,opacity,transform;transition-duration:var(--timing-base)}.grid-banner .grid-banner__item:before{content:"";grid-area:1/1;padding-top:103.54%}.grid-banner .grid-banner__item.grid-banner__item-wide .grid-banner__image{transition-property:width,max-width,left;transition-duration:var(--timing-base)}.grid-banner .grid-banner__picture{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.grid-banner .grid-banner__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--img-mob-pos)}.grid-banner .grid-banner__content{position:relative;grid-area:1/1;align-self:end;min-width:0;z-index:1;text-align:center;transition-property:transform;transition-duration:var(--timing-base)}.grid-banner .grid-banner__heading{font-size:calc(var(--heading-font-size) * 1.625);line-height:1.38;color:var(--text-color)}.grid-banner .grid-banner__heading+.grid-banner__text{margin-top:12px}.grid-banner .grid-banner__text{line-height:1.07;color:var(--text-color)}.grid-banner .grid-banner__button{margin-top:12px;color:var(--btn-text)}.grid-banner .grid-banner__button .button__text,.grid-banner .grid-banner__button .button__icon{background-color:var(--btn-bg)}@media(-moz-touch-enabled:0),(hover:hover),(pointer:fine){.grid-banner .grid-banner__button:hover{color:var(--btn-text-hover)}.grid-banner .grid-banner__button:hover .button__text,.grid-banner .grid-banner__button:hover .button__icon{background-color:var(--btn-bg-hover)}}.grid-banner .grid-banner__content-wrapper{position:relative;left:0;right:0;bottom:0;padding:24px 16px 16px;transition-property:opacity,visibility;transition-duration:var(--timing-base)}.grid-banner .grid-banner__filter{position:absolute;left:0;right:0;bottom:0;z-index:-1;display:block;height:100%;background:var(--content-bg);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 100%);transition-property:opacity;transition-duration:var(--timing-base);-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px);pointer-events:none}.grid-banner .grid-banner__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--overlay-color)}@media(min-width:992px){.grid-banner .grid-banner__image{object-position:var(--img-desktop-pos)}}@media(min-width:1200px){.grid-banner.grid-banner--with-indent .grid-banner__item:after{border-radius:var(--global-border-radius)}.grid-banner .grid-banner__wrapper{flex-direction:row;justify-content:space-between}}@media(min-width:1200px)and (-moz-touch-enabled:0),(min-width:1200px)and (hover:hover),(min-width:1200px)and (pointer:fine){.grid-banner .grid-banner__wrapper .grid-banner__item:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;background-color:#0000000a;transition-property:opacity;transition-duration:var(--timing-base);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none}}@media(min-width:1200px)and (-moz-touch-enabled:0),(min-width:1200px)and (hover:hover),(min-width:1200px)and (pointer:fine){.grid-banner .grid-banner__wrapper:hover .grid-banner__item:after{opacity:1}}@media(min-width:1200px)and (-moz-touch-enabled:0)and (-moz-touch-enabled:0),(min-width:1200px)and (-moz-touch-enabled:0)and (hover:hover),(min-width:1200px)and (-moz-touch-enabled:0)and (pointer:fine),(min-width:1200px)and (hover:hover)and (-moz-touch-enabled:0),(min-width:1200px)and (hover:hover)and (hover:hover),(min-width:1200px)and (hover:hover)and (pointer:fine),(min-width:1200px)and (pointer:fine)and (-moz-touch-enabled:0),(min-width:1200px)and (pointer:fine)and (hover:hover),(min-width:1200px)and (pointer:fine)and (pointer:fine){.grid-banner .grid-banner__wrapper:hover .grid-banner__item:hover:after{opacity:0}}@media(min-width:1200px){.grid-banner .grid-banner__item{flex:1 0 0%}.grid-banner .grid-banner__item:before{padding-top:87%}.grid-banner .grid-banner__item.grid-banner__item-wide:before{padding-top:43.48%}}@media(min-width:1200px)and (-moz-touch-enabled:0),(min-width:1200px)and (hover:hover),(min-width:1200px)and (pointer:fine){.grid-banner .grid-banner__item.grid-banner__item--content-hover .grid-banner__content{transform:translateY(92px);backface-visibility:hidden}.grid-banner .grid-banner__item.grid-banner__item--content-hover .grid-banner__content-wrapper{visibility:hidden;opacity:0}.grid-banner .grid-banner__item.grid-banner__item--content-hover .grid-banner__filter{opacity:0}}@media(min-width:1200px)and (-moz-touch-enabled:0),(min-width:1200px)and (hover:hover),(min-width:1200px)and (pointer:fine){.grid-banner .grid-banner__item:hover{flex-grow:1.21}.grid-banner .grid-banner__item:hover .grid-banner__content{transform:translateY(0)}.grid-banner .grid-banner__item:hover .grid-banner__content-wrapper{visibility:visible;opacity:1}.grid-banner .grid-banner__item:hover .grid-banner__filter{opacity:1}.grid-banner .grid-banner__item:hover.grid-banner__item-wide .grid-banner__image{left:-5%;width:110%;max-width:110%}}@media(min-width:1200px){.grid-banner .grid-banner__content-wrapper{padding:40px 24px}.grid-banner .grid-banner__heading{font-size:calc(var(--heading-font-size) * 2.75);line-height:1.1}.grid-banner .grid-banner__heading+.grid-banner__text{margin-top:24px}.grid-banner .grid-banner__button{margin-top:24px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/grid-banner.build.css.map */