.multicolors-cards__list{display:grid;justify-content:center;gap:20px}.multicolors-cards__list--4{grid-template-columns:repeat(4,minmax(140px,25%))}.multicolors-cards__list--3{grid-template-columns:repeat(3,minmax(140px,25%))}.multicolors-cards__list--2{grid-template-columns:repeat(2,minmax(140px,25%))}.multicolors-cards__box-wrap--padding{padding-top:calc(47% - 1.375rem)}.multicolors-cards__box{border-radius:var(--border-radius-container);text-align:center;padding:1.875rem 1.375rem;position:relative}.multicolors-cards__box:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;transform:scale(1);transition:transform .4s ease-in-out;border-radius:var(--border-radius-container)}.multicolors-cards__item:nth-child(4n+1) .multicolors-cards__box:before{background-color:var(--color-1)}.multicolors-cards__item:nth-child(4n+2) .multicolors-cards__box:before{background-color:var(--color-2)}.multicolors-cards__item:nth-child(4n+3) .multicolors-cards__box:before{background-color:var(--color-3)}.multicolors-cards__item:nth-child(4n+4) .multicolors-cards__box:before{background-color:var(--color-4)}.multicolors-cards__image{position:relative;width:100%;margin:-47% auto 30px;transform:scale(1);transition:transform .6s ease-in-out}.multicolors-cards__image:before{content:"";display:block;padding-bottom:var(--img-height);width:100%}.multicolors-cards__image .media{position:absolute;left:0;top:0;width:100%;height:100%}.multicolors-cards__image .media img{width:auto;height:100%}.multicolors-cards__box h2{color:#fff;margin-bottom:0;position:relative;z-index:1}.multicolors-cards__item:hover .multicolors-cards__image{transform:scale(1.1)}.multicolors-cards__item:hover .multicolors-cards__box:before{transform:scale(.9)}@media only screen and (max-width: 1024px){.multicolors-cards__list{gap:16px}.multicolors-cards__box h2{--font-heading-size: calc(var(--font-heading-scale) * 1.375rem)}}@media only screen and (max-width: 767px){.multicolors-cards__list{grid-template-columns:repeat(auto-fit,minmax(140px,25%))}.multicolors-cards__list{gap:10px}.multicolors-cards__image{margin:-58% auto 22px}.multicolors-cards__box h2{--font-heading-size: calc(var(--font-heading-scale) * 1.125rem)}}
/*# sourceMappingURL=/cdn/shop/t/75/assets/section-multicolor-cards.css.map?v=36998071856843704131722893379 */