.pairsWith{padding-inline:var(--section-inline-start) var(--section-inline-end)}.pairsWith>.sectionLayout__content>.content>hgroup{margin-bottom:var(--pad-b2)}.pairsWith>.sectionLayout__content>.content>hgroup h2{font-size:3.8em;margin:0}@media screen and (max-width:1024px){.pairsWith>.sectionLayout__content>.content>hgroup h2{font-size:min(calc(1em + (3.8 - 1) * var(--fs-k1) * 1em),calc(var(--fs-knee) * 1em + (3.8 - 2.5) * var(--fs-k2) * 1em))}}.pairsWith>.sectionLayout__content>.content>hgroup p{margin:0}.pairsWith>.sectionLayout__content>.content>ul{--fade: 3rem;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin:0;padding:0;list-style:none}.pairsWith>.sectionLayout__content>.content>ul[data-fade=both]{mask-image:linear-gradient(to right,transparent 0,#000 var(--fade),#000 calc(100% - var(--fade)),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--fade),#000 calc(100% - var(--fade)),transparent 100%)}.pairsWith>.sectionLayout__content>.content>ul[data-fade=start]{mask-image:linear-gradient(to right,transparent 0,#000 var(--fade));-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--fade))}.pairsWith>.sectionLayout__content>.content>ul[data-fade=end]{mask-image:linear-gradient(to left,transparent 0,#000 var(--fade));-webkit-mask-image:linear-gradient(to left,transparent 0,#000 var(--fade))}.pairsWith>.sectionLayout__content>.content>ul li{display:flex;flex-direction:column;gap:1rem;text-align:center;background:rgb(var(--color-background));align-items:flex-start}.pairsWith>.sectionLayout__content>.content>ul li a:not(.button){display:flex;flex-direction:column;align-items:flex-start;width:100%}.pairsWith>.sectionLayout__content>.content>ul li a:not(.button) figure{width:100%;aspect-ratio:1;margin:0 auto 1em}.pairsWith>.sectionLayout__content>.content>ul li a:not(.button) figure img,.pairsWith>.sectionLayout__content>.content>ul li a:not(.button) figure svg{width:100%;height:100%;object-fit:contain}.pairsWith>.sectionLayout__content>.content>ul li a:not(.button) h3{font-size:1.3em;margin:0}.pairsWith>.sectionLayout__content>.content>ul li a:not(.button) small{font-size:.8em}@media screen and (max-width:1024px){.pairsWith>.sectionLayout__content>.content>ul{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:45%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}.pairsWith>.sectionLayout__content>.content>ul::-webkit-scrollbar{display:none}.pairsWith>.sectionLayout__content>.content>ul li{scroll-snap-align:start}}@media screen and (max-width:749px){.pairsWith>.sectionLayout__content>.content>ul{grid-auto-columns:80%}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/section-pairs-with.css.map */