.mosaic{--inner-gap: 10px;--scrollbar-width: 17px;background:#fff;position:relative;overflow:hidden;margin:-6.6rem auto 0;padding-top:var(--PT);padding-bottom:var(--PB)}.mosaic__wrapper.wrapper--no-full{max-width:1440px;margin:0 auto}.mosaic__wrapper.wrapper--full{max-width:100vw;margin:0 auto}.mosaic__grid{display:flex;flex-wrap:wrap;justify-content:center;overflow:hidden}.mosaic__item__heading{position:relative;color:inherit;margin:0 0 var(--inner-gap);line-height:1;font-size:calc(4.6rem * var(--adjust-heading, 1))}@media only screen and (min-width: 768px) and (max-width: 1023px){.mosaic__item__heading{font-size:calc(2.8rem * var(--adjust-heading, 1))}}.mosaic__item__subheading{margin:0 0 var(--inner-gap)}.mosaic__item__text,.mosaic__item__price{margin-bottom:var(--inner-gap)}.mosaic__item__buttons{display:flex;flex-flow:row wrap;align-items:center;justify-content:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;margin-right:calc(var(--inner-gap) * -1)}.mosaic__item__content--bottom-left .mosaic__item__buttons,.mosaic__item__content--top-left .mosaic__item__buttons,.mosaic__item__content--left .mosaic__item__buttons{justify-content:flex-start}.mosaic__item__content--right .mosaic__item__buttons,.mosaic__item__content--bottom-right .mosaic__item__buttons,.mosaic__item__content--top-right .mosaic__item__buttons{justify-content:flex-end}.mosaic__item__btn{display:inline-flex;align-items:center;justify-content:center;margin:var(--inner-gap) var(--inner-gap) 0 0}.mosaic__item__btn.button--tertiary{display:flex;padding-left:0;padding-right:0}@media only screen and (min-width: 749px){.mosaic__item__btn.button--primary.button--white{background-color:var(--color-reverse);color:var(--color-primary);border:1px solid var(--color-reverse)}.mosaic__item__btn.button--primary.button--white:hover{background-color:var(--color-light);border:1px solid var(--color-light)}.mosaic__item__btn.button--secondary.button--white{color:var(--color-reverse);border:1px solid var(--color-reverse)}.mosaic__item__btn.button--secondary.button--white:hover{color:var(--color-primary);border:1px solid var(--color-reverse);background-color:var(--color-reverse)}.mosaic__item__btn.button--tertiary.button--white{color:var(--color-reverse)}}@media only screen and (max-width: 750px){.mosaic__item__btn.button--primary.mobile-button--white{background-color:var(--color-reverse);color:var(--color-primary);border:1px solid var(--color-reverse)}.mosaic__item__btn.button--primary.mobile-button--white:hover{background-color:var(--color-light);border:1px solid var(--color-light)}.mosaic__item__btn.button--secondary.mobile-button--white{color:var(--color-reverse);border:1px solid var(--color-reverse)}.mosaic__item__btn.button--secondary.mobile-button--white:hover{color:var(--color-primary);border:1px solid var(--color-reverse);background-color:var(--color-reverse)}.mosaic__item__btn.button--tertiary.mobile-button--white{color:var(--color-reverse)}}.mosaic__item{--bg: transparent;display:flex;width:var(--block-width);height:auto;overflow:hidden;padding:10px}@media only screen and (max-width: 767px){.mosaic__item{padding:10px 0}}.mosaic__item.text-dark{color:var(--color-primary)}.mosaic__item.text-light{color:var(--color-reverse)}.mosaic__item.original-height{align-self:center}.mosaic__item__inner{position:relative;flex:1;display:flex;height:auto;overflow:hidden;background:var(--bg);transform:translateZ(0);border-radius:10px}.original-height .mosaic__item__inner{display:grid;grid-template-columns:minmax(0,1fr)}.original-height .mosaic__item__inner:before{content:"";padding-top:var(--image-ratio);width:100%;height:100%;grid-row-start:1;grid-column-start:1;border-radius:inherit;background-color:var(--color-accent-light);transition:opacity .3s ease;opacity:.2}.mosaic__item__image{position:absolute;top:0;left:0;bottom:0;right:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.mosaic__item__image>*{object-fit:cover;height:100%;width:100%}.mosaic__item__image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:var(--overlay-opacity)}.mosaic__item__image__link{display:flex;min-width:100%;min-height:100%}.mosaic__item__content{position:relative;flex:1;padding:22.5px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;line-height:1.5;overflow:hidden;grid-row-start:1;grid-column-start:1}@media only screen and (min-width: 768px){.mosaic__item__content{padding:30px}}@media only screen and (min-width: 1024px){.mosaic__item__content{padding:45px}}.mosaic__item__link,.mosaic__item__content--nolink{position:relative}.mosaic__item__content--center{align-items:center;text-align:center}.mosaic__item__content--right,.mosaic__item__content--bottom-right,.mosaic__item__content--top-right{align-items:flex-end;text-align:right}.mosaic__item__content--top-right,.mosaic__item__content--top-left{justify-content:flex-start}.mosaic__item__content--bottom-left,.mosaic__item__content--bottom-right{justify-content:flex-end}@media only screen and (min-width: 1024px){.mosaic--multiple-blocks .mosaic__item__content{padding:22.5px}}@media only screen and (max-width: 767px){.mosaic--single-block .wrapper--no-full .mosaic__item{width:calc(100vw - var(--scrollbar-width) - 15px)}}@media only screen and (max-width: 767px){.mosaic--mobile-slider .mosaic__grid{--item-width: calc(var(--wrapper-width) - 15px);display:flex;flex-flow:row nowrap;justify-content:flex-start;gap:0;overflow-x:scroll;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;scroll-padding:15px;padding-left:15px;scrollbar-width:none;-ms-overflow-style:none}.mosaic--mobile-slider .mosaic__grid::-webkit-scrollbar{display:none}.mosaic--mobile-slider .mosaic__grid:after{content:"";display:block;position:relative;padding-right:15px}}@media only screen and (max-width: 767px){.mosaic--mobile-slider .mosaic__item{padding:0;width:var(--item-width);flex:0 0 auto;scroll-snap-align:start;margin-right:15px}.mosaic--mobile-slider .mosaic__item:last-child{margin-right:0}}@media only screen and (max-width: 767px){.mosaic--mobile-slider .mosaic__wrapper{--wrapper-width: calc(100vw - 30px) }}@media only screen and (max-width: 767px){.mosaic--mobile-slider .wrapper--full{padding:0 15px}}@media only screen and (max-width: 767px){.mosaic--mobile-slider .wrapper--no-full .mosaic__grid:after{content:"";display:block;position:relative;padding-right:15px}}@media only screen and (max-width: 767px){.mosaic--mobile-grid .mosaic__item{flex:0 1 100%;min-width:0;height:auto}}
/*# sourceMappingURL=/cdn/shop/t/875/assets/section-grid.css.map */