.collection-list-panels__grid{display:grid;grid-template-columns:repeat(var(--cols, 2),minmax(0,1fr));gap:.75rem;padding:0;list-style:none}@media(min-width:750px)and (max-width:1099px){.collection-list-panels__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:749px){.collection-list-panels__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}}.collection-list-panels__slider{--slide-width: 78%;--slide-gap: .75rem}@media(min-width:750px){.collection-list-panels__slider{--slide-width: calc((100% - .75rem)/2) }}@media(min-width:1100px){.collection-list-panels__slider{--slide-width: calc((100% - .75rem * (var(--cols) - 1)) / var(--cols))}}.collection-list-panels__item{min-width:0}.collection-list-panels__tile{position:relative;display:block;aspect-ratio:4 / 5;border-radius:var(--radius-card);overflow:hidden;isolation:isolate;text-decoration:none;color:#fff;background:#111}.collection-list-panels__media{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-surface)}.collection-list-panels__image,.collection-list-panels__placeholder{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease-luxe)}@media(hover:hover){.collection-list-panels__tile:hover .collection-list-panels__image,.collection-list-panels__tile:hover .collection-list-panels__placeholder{transform:scale(1.04)}}.collection-list-panels__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0000009e,#0000 55%)}.collection-list-panels__content{position:absolute;inset:auto 0 0;z-index:1;display:grid;justify-items:center;gap:.9rem;padding:clamp(1rem,3vw,2rem);text-align:center}.collection-list-panels__label{font-size:clamp(1.1rem,.9rem + 1vw,1.75rem);letter-spacing:.14em;margin-right:-.14em;text-shadow:0 2px 18px rgba(0,0,0,.3)}.collection-list-panels__button{--button-bg: #fff;--button-fg: #0a0a0a;--button-border: #fff;min-height:2.75rem;padding-inline:1.5rem;font-size:.7rem;pointer-events:none}@media(max-width:749px){.collection-list-panels__grid .collection-list-panels__button{min-height:2.5rem;padding-inline:.85rem;font-size:.66rem;letter-spacing:.12em}}@media(hover:hover){.collection-list-panels__tile:hover .collection-list-panels__button:after{transform:scaleX(1);transform-origin:left}.collection-list-panels__tile:hover .collection-list-panels__button{color:#fff}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-collection-list-panels.css.map */