@media screen and (max-width:749px){.multipallete{display:flex;flex-wrap:wrap;gap:2rem}.multipallete .multipallete__item{height:10rem}.multipallete-1 .multipallete__item{width:100%}.multipallete-2 .multipallete__item--1{width:calc(45% - 1rem)}.multipallete-2 .multipallete__item--2{width:calc(55% - 1rem)}.multipallete-3 .multipallete__item--1{width:calc(45% - 1rem)}.multipallete-3 .multipallete__item--2{width:calc(55% - 1rem)}.multipallete-3 .multipallete__item--3{height:18rem;width:100%}.multipallete-4 .multipallete__item--1{width:calc(45% - 1rem)}.multipallete-4 .multipallete__item--2{width:calc(55% - 1rem)}.multipallete-4 .multipallete__item--3{height:18rem;width:100%}.multipallete-4 .multipallete__item--4{height:10rem;width:100%}.multipallete-5 .multipallete__item--1{width:calc(45% - 1rem)}.multipallete-5 .multipallete__item--2{width:calc(55% - 1rem)}.multipallete-5 .multipallete__item--3{height:18rem;width:100%}.multipallete-5 .multipallete__item--4{width:calc(55% - 1rem)}.multipallete-5 .multipallete__item--5,.multipallete-6 .multipallete__item--1{width:calc(45% - 1rem)}.multipallete-6 .multipallete__item--2{width:calc(55% - 1rem)}.multipallete-6 .multipallete__item--3{height:18rem;width:100%}.multipallete-6 .multipallete__item--4{height:10rem;width:100%}.multipallete-6 .multipallete__item--5{width:calc(55% - 1rem)}.multipallete-6 .multipallete__item--6,.multipallete-7 .multipallete__item--1{width:calc(45% - 1rem)}.multipallete-7 .multipallete__item--2{width:calc(55% - 1rem)}.multipallete-7 .multipallete__item--3{height:18rem;width:100%}.multipallete-7 .multipallete__item--4{height:10rem;width:100%}.multipallete-7 .multipallete__item--5{width:calc(55% - 1rem)}.multipallete-7 .multipallete__item--6{width:calc(45% - 1rem)}.multipallete-7 .multipallete__item--7{height:10rem;width:100%}.multipallete-8 .multipallete__item--1{width:calc(45% - 1rem)}.multipallete-8 .multipallete__item--2{width:calc(55% - 1rem)}.multipallete-8 .multipallete__item--3{height:18rem;width:100%}.multipallete-8 .multipallete__item--4{height:10rem;width:100%}.multipallete-8 .multipallete__item--5{width:calc(55% - 1rem)}.multipallete-8 .multipallete__item--6{width:calc(45% - 1rem)}.multipallete-8 .multipallete__item--7{height:18rem;width:100%}.multipallete-8 .multipallete__item--8{height:10rem;width:100%}.multipallete-9 .multipallete__item--1{width:calc(45% - 1rem)}.multipallete-9 .multipallete__item--2{width:calc(55% - 1rem)}.multipallete-9 .multipallete__item--3{height:18rem;width:100%}.multipallete-9 .multipallete__item--4{height:10rem;width:100%}.multipallete-9 .multipallete__item--5{width:calc(55% - 1rem)}.multipallete-9 .multipallete__item--6{width:calc(45% - 1rem)}.multipallete-9 .multipallete__item--7{height:18rem;width:100%}.multipallete-9 .multipallete__item--8{width:calc(55% - 1rem)}.multipallete-9 .multipallete__item--9{width:calc(45% - 1rem)}}@media screen and (min-width:750px){.multipallete{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(4,10rem);gap:2rem}.multipallete-1 .multipallete__item{grid-area:1 / 1 / 5 / 9}.multipallete-2 .multipallete__item--1{grid-area:1 / 1 / 5 / 6}.multipallete-2 .multipallete__item--2{grid-area:1 / 6 / 5 / 9}.multipallete-3 .multipallete__item--1{grid-area:1 / 1 / 5 / 6}.multipallete-3 .multipallete__item--2{grid-area:1 / 6 / 3 / 9}.multipallete-3 .multipallete__item--3{grid-area:3 / 6 / 5 / 9}.multipallete-4 .multipallete__item--1{grid-area:1 / 1 / 5 / 5}.multipallete-4 .multipallete__item--2{grid-area:1 / 5 / 3 / 9}.multipallete-4 .multipallete__item--3{grid-area:3 / 5 / 5 / 7}.multipallete-4 .multipallete__item--4{grid-area:3 / 7 / 5 / 9}.multipallete-5 .multipallete__item--1{grid-area:1 / 1 / 5 / 5}.multipallete-5 .multipallete__item--2{grid-area:1 / 5 / 3 / 7}.multipallete-5 .multipallete__item--3{grid-area:1 / 7 / 3 / 9}.multipallete-5 .multipallete__item--4{grid-area:3 / 5 / 5 / 7}.multipallete-5 .multipallete__item--5{grid-area:3 / 7 / 5 / 9}.multipallete-6 .multipallete__item--1{grid-area:1 / 1 / 4 / 4}.multipallete-6 .multipallete__item--2{grid-area:1 / 4 / 2 / 9}.multipallete-6 .multipallete__item--3{grid-area:2 / 4 / 4 / 7}.multipallete-6 .multipallete__item--4{grid-area:2 / 7 / 5 / 9}.multipallete-6 .multipallete__item--5{grid-area:4 / 1 / 5 / 4}.multipallete-6 .multipallete__item--6{grid-area:4 / 4 / 5 / 7}.multipallete-7 .multipallete__item--1{grid-area:1 / 1 / 4 / 4}.multipallete-7 .multipallete__item--2{grid-area:1 / 4 / 2 / 6}.multipallete-7 .multipallete__item--3{grid-area:1 / 6 / 2 / 9}.multipallete-7 .multipallete__item--4{grid-area:2 / 4 / 4 / 7}.multipallete-7 .multipallete__item--5{grid-area:2 / 7 / 5 / 9}.multipallete-7 .multipallete__item--6{grid-area:4 / 1 / 5 / 4}.multipallete-7 .multipallete__item--7{grid-area:4 / 4 / 5 / 7}.multipallete-8 .multipallete__item--1{grid-area:1 / 1 / 4 / 4}.multipallete-8 .multipallete__item--2{grid-area:1 / 4 / 2 / 6}.multipallete-8 .multipallete__item--3{grid-area:1 / 6 / 2 / 9}.multipallete-8 .multipallete__item--4{grid-area:2 / 4 / 4 / 7}.multipallete-8 .multipallete__item--5{grid-area:2 / 7 / 5 / 9}.multipallete-8 .multipallete__item--6{grid-area:4 / 1 / 5 / 3}.multipallete-8 .multipallete__item--7{grid-area:4 / 3 / 5 / 5}.multipallete-8 .multipallete__item--8{grid-area:4 / 5 / 5 / 7}.multipallete-9 .multipallete__item--1{grid-area:1 / 1 / 4 / 4}.multipallete-9 .multipallete__item--2{grid-area:1 / 4 / 2 / 6}.multipallete-9 .multipallete__item--3{grid-area:1 / 6 / 2 / 9}.multipallete-9 .multipallete__item--4{grid-area:2 / 4 / 4 / 7}.multipallete-9 .multipallete__item--5{grid-area:4 / 1 / 5 / 3}.multipallete-9 .multipallete__item--6{grid-area:4 / 3 / 5 / 5}.multipallete-9 .multipallete__item--7{grid-area:4 / 5 / 5 / 7}.multipallete-9 .multipallete__item--8{grid-area:2 / 7 / 3 / 9}.multipallete-9 .multipallete__item--9{grid-area:3 / 7 / 5 / 9}}.multipallete__item{padding:2rem;display:flex;justify-content:center;align-items:center;position:relative;border-radius:var(--media-radius);overflow:hidden}.multipallete__item img,.multipallete__item .placeholder-svg{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;z-index:1}.multipallete__item img{transition:transform var(--duration-long) ease}.multipallete-label{position:relative;z-index:1;text-align:center}.multipallete-label *{font-weight:600;margin:0}.multipallete-background{position:absolute;width:100%;height:100%;left:0;top:0;z-index:1}.multipallete-link{position:absolute;width:100%;height:100%;left:0;top:0;opacity:0;z-index:2}.multipallete__item:has(.multipallete-link){cursor:pointer;transition:box-shadow .28s ease,transform .25s ease}.multipallete__item:has(.multipallete-link):before{content:"";position:absolute;right:1.2rem;bottom:1.2rem;width:3.6rem;height:3.6rem;border-radius:50%;background:rgba(var(--color-background),.94);box-shadow:0 .5rem 1.8rem #0003;z-index:3;opacity:.88;transform:translateZ(0);pointer-events:none}.multipallete__item:has(.multipallete-link):after{content:"";position:absolute;right:2.6rem;bottom:2.6rem;width:.75rem;height:.75rem;border-top:.2rem solid rgba(var(--color-text),1);border-right:.2rem solid rgba(var(--color-text),1);transform:rotate(45deg);z-index:4;pointer-events:none}.multipallete__item:has(.multipallete-link:focus-visible){outline:.5rem solid rgba(var(--color-text),.8);outline-offset:-.2rem}.section-image-overlay{position:absolute;object-fit:contain;height:auto;transform:translate(-50%,-50%);max-width:100%;max-height:100%;animation:animateAmbientOverlay 10s ease-in-out infinite}.section-image-overlay.overlay-2{animation-delay:.6s}@keyframes animateAmbientOverlay{0%{transform:translate(-50%,-50%) scale(1) rotate(0)}25%{transform:translate(-45%,-55%) scale(.96) rotate(-4deg)}50%{transform:translate(-55%,-45%) scale(1.03) rotate(4deg)}75%{transform:translate(-45%,-55%) scale(.96) rotate(-4deg)}to{transform:translate(-50%,-50%) scale(1) rotate(0)}}@media screen and (min-width:990px){:is(.multipallete__item.multipallete__item--link:hover,.multipallete__item.multipallete__item--link:active) img{transform:scale(1.03)}}@media screen and (max-width:1024px){.section-overlay .section-image-overlay{width:10%;top:8%;left:8%}.section-overlay .section-image-overlay.overlay-2{width:10%;top:90%;left:92%}}@media screen and (min-width:1025px){.section-overlay .section-image-overlay{width:8%;top:10%;left:90%}.section-overlay .section-image-overlay.overlay-2{width:8%;top:90%;left:10%}}@media screen and (min-width:1025px){.multipallete__item{padding:3rem}.multipallete{gap:2.7rem;grid-template-rows:repeat(4,13rem)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-multipallete.css.map */