.byte-collection-list{--byte-cl-gap: 1rem;--byte-cl-radius: .75rem;--byte-cl-cols-desktop: 4;--byte-cl-cols-mobile: 2;--byte-cl-card-aspect: 1 / 1;--byte-cl-mobile-card-width: 70%}.byte-collection-list__header{margin-bottom:1.5rem}.byte-collection-list__header--align-left{text-align:left}.byte-collection-list__header--align-center{text-align:center}.byte-collection-list__header--align-right{text-align:right}@media screen and (min-width:750px){.byte-collection-list__header{margin-bottom:2rem}}.byte-collection-list__title{margin:0}.byte-collection-list__list{align-items:start;display:grid;gap:var(--byte-cl-gap);grid-template-columns:repeat(var(--byte-cl-cols-mobile, 2),minmax(0,1fr));list-style:none;margin:0;padding:0}.byte-collection-list__item{margin:0;min-width:0}.byte-collection-list__list--slider{display:flex;gap:var(--byte-cl-gap);grid-template-columns:none;overflow-x:auto;padding-bottom:.5rem;scroll-padding-inline:1.5rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.byte-collection-list__list--slider .byte-collection-list__item{flex:0 0 var(--byte-cl-mobile-card-width);scroll-snap-align:start;width:var(--byte-cl-mobile-card-width)}@media screen and (min-width:750px){.byte-collection-list__list,.byte-collection-list__list--slider{align-items:start;display:grid;gap:var(--byte-cl-gap);grid-template-columns:repeat(var(--byte-cl-cols-desktop, 4),minmax(0,1fr));overflow:visible;padding-bottom:0;scroll-snap-type:none}.byte-collection-list__list--slider .byte-collection-list__item{flex:initial;scroll-snap-align:none;width:auto}}.byte-collection-list__card{color:inherit;display:block;text-decoration:none}a.byte-collection-list__card:focus-visible{border-radius:var(--byte-cl-radius);outline:2px solid currentColor;outline-offset:4px}.byte-collection-list__media{aspect-ratio:var(--byte-cl-card-aspect);background:rgb(var(--color-foreground) / .06);border-radius:var(--byte-cl-radius);overflow:hidden;position:relative;width:100%}.byte-collection-list__image,.byte-collection-list__placeholder-svg{display:block;height:100%;top:0;right:0;bottom:0;left:0;object-fit:cover;position:absolute;transform:scale(1);transform-origin:center center;transition:transform .45s cubic-bezier(.25,.46,.45,.94);width:100%}@media(hover:hover)and (pointer:fine){.byte-collection-list__card:hover .byte-collection-list__image,.byte-collection-list__card:hover .byte-collection-list__placeholder-svg{transform:scale(1.04)}}@media(prefers-reduced-motion:reduce){.byte-collection-list__image,.byte-collection-list__placeholder-svg{transition-duration:.01ms}.byte-collection-list__card:hover .byte-collection-list__image,.byte-collection-list__card:hover .byte-collection-list__placeholder-svg{transform:scale(1)}}.byte-collection-list__placeholder-inner{align-items:center;display:flex;height:100%;top:0;right:0;bottom:0;left:0;justify-content:center;padding:1rem;position:absolute;text-align:center;width:100%}.byte-collection-list__placeholder-svg{max-height:60%;max-width:60%;object-fit:contain;opacity:.4;position:static;transform:none}@media screen and (max-width:750px){.byte-collection-list__slider{padding:1rem}}.byte-collection-list__name{font-weight:500;letter-spacing:.01em;line-height:1.35;margin:.85rem 0 0;text-align:left;word-break:break-word}.byte-collection-list__arrow{display:inline-block;margin-inline-start:.4em;vertical-align:-.1em}.byte-collection-list__arrow .icon-arrow{display:block;height:.7em;width:auto}@media screen and (min-width:990px){.byte-collection-list__name{margin-top:1rem}}.byte-collection-list__view-all{margin-top:2rem}.byte-collection-list .slider-buttons{margin-top:1rem}
/*# sourceMappingURL=/cdn/shop/t/2/assets/byte-collection-list.css.map */