.byte-collection-cards{background-color:var(--color-background);color:var(--color-foreground);overflow:visible}.byte-collection-cards--container-boxed{max-width:var(--container-max);margin-left:auto;margin-right:auto;padding-left:var(--page-gutter);padding-right:var(--page-gutter);box-sizing:border-box}.byte-collection-cards--container-boxed .byte-collection-cards__header,.byte-collection-cards--container-boxed .byte-collection-cards__viewport,.byte-collection-cards--container-boxed .byte-collection-cards__progress,.byte-collection-cards--container-boxed .byte-collection-cards__empty{padding-left:0;padding-right:0;max-width:none}.byte-collection-cards--container-full .byte-collection-cards__header,.byte-collection-cards--container-full .byte-collection-cards__viewport,.byte-collection-cards--container-full .byte-collection-cards__progress,.byte-collection-cards--container-full .byte-collection-cards__empty{max-width:none}.byte-collection-cards__header{max-width:var(--container-max);margin:0 auto 16px;padding:0 var(--page-gutter, 40px);display:flex;align-items:center;justify-content:space-between;gap:24px}.byte-collection-cards__header-left{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.byte-collection-cards__header-right{display:flex;flex-direction:column;align-items:flex-end;gap:14px;flex-shrink:0}.byte-collection-cards__eyebrow{font-family:var(--font-body-family, sans-serif);font-size:var(--font-size-label);font-weight:400;letter-spacing:.2em;text-transform:var(--tt-label, uppercase);color:var(--color-accent);margin:0 0 10px}.byte-collection-cards__heading{font-family:var(--font-heading-family, serif);font-weight:400;line-height:1.1;letter-spacing:-.01em;color:var(--color-foreground);margin:0;min-width:0;overflow-wrap:anywhere;word-break:break-word}.byte-collection-cards--heading-x-small .byte-collection-cards__heading{font-size:calc(var(--font-size-h2) * .65)}.byte-collection-cards--heading-small .byte-collection-cards__heading{font-size:calc(var(--font-size-h2) * .8)}.byte-collection-cards--heading-medium .byte-collection-cards__heading{font-size:calc(var(--font-size-h2) * 1.05)}.byte-collection-cards--heading-large .byte-collection-cards__heading{font-size:calc(var(--font-size-h2) * 1.4)}.byte-collection-cards__header-btn{white-space:nowrap}.byte-collection-cards__mobile-cta{display:none}.byte-collection-cards__carousel{position:relative}.byte-collection-cards__viewport{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--bcc-gap, 12px);width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--page-gutter, 40px);list-style:none}.byte-collection-cards__empty{max-width:var(--container-max);margin:0 auto;padding:2rem var(--page-gutter, 40px)}@media screen and (min-width:750px){.byte-collection-cards__viewport{grid-template-columns:repeat(var(--bcc-cols, 3),minmax(0,1fr))}.byte-collection-cards__progress{display:none}}@media screen and (max-width:749px){.byte-collection-cards__header-right{display:none}.byte-collection-cards__mobile-cta{display:flex;justify-content:center;margin-top:18px;padding:0 var(--page-gutter, 16px)}.byte-collection-cards__viewport{display:flex;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-padding-left:var(--page-gutter, 16px);gap:var(--bcc-gap, 12px);padding:0;max-width:none}.byte-collection-cards__viewport::-webkit-scrollbar{display:none}.byte-collection-cards__viewport>.byte-collection-cards__item:first-child{margin-left:var(--page-gutter, 16px)}.byte-collection-cards__viewport>.byte-collection-cards__item:last-child{margin-right:var(--page-gutter, 16px)}.byte-collection-cards__item{flex:0 0 calc((100vw - var(--page-gutter, 16px) * 2 - var(--bcc-gap, 12px) * (var(--bcc-cols-mobile, 1.15) - 1)) / var(--bcc-cols-mobile, 1.15));scroll-snap-align:start}.byte-collection-cards--container-boxed .byte-collection-cards__viewport{scroll-padding-left:0}.byte-collection-cards--container-boxed .byte-collection-cards__viewport>.byte-collection-cards__item:first-child{margin-left:0}.byte-collection-cards--container-boxed .byte-collection-cards__viewport>.byte-collection-cards__item:last-child{margin-right:0}.byte-collection-cards--container-boxed .byte-collection-cards__item{flex:0 0 calc((100% - var(--bcc-gap, 12px) * (var(--bcc-cols-mobile, 1.15) - 1)) / var(--bcc-cols-mobile, 1.15))}}.byte-collection-cards__progress{display:none;max-width:var(--container-max);margin:20px auto 0;padding:0 var(--page-gutter, 40px);height:1px;background:transparent;position:relative}@media screen and (max-width:749px){.byte-collection-cards__progress{display:block}.byte-collection-cards__progress[aria-hidden=true]{display:none}}.byte-collection-cards__progress:before{content:"";position:absolute;left:var(--page-gutter, 40px);right:var(--page-gutter, 40px);top:0;height:1px;background:var(--color-border)}.byte-collection-cards__progress-fill{position:absolute;top:0;left:var(--page-gutter, 40px);height:100%;background:var(--color-foreground);transition:width .25s ease;width:33%;max-width:calc(100% - var(--page-gutter, 40px) * 2)}.byte-collection-cards--container-boxed .byte-collection-cards__progress:before{left:0;right:0}.byte-collection-cards--container-boxed .byte-collection-cards__progress-fill{left:0;max-width:100%}.byte-collection-cards__item{min-width:0}.byte-collection-cards__card{position:relative;display:block;overflow:hidden;color:#fff;text-decoration:none;aspect-ratio:var(--bcc-aspect-ratio, 3 / 4);background-color:#00000014}.byte-collection-cards__card:focus-visible{outline:2px solid currentColor;outline-offset:3px}.byte-collection-cards__media{position:absolute;top:0;right:0;bottom:0;left:0}.byte-collection-cards__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s ease}.byte-collection-cards__card:hover .byte-collection-cards__image,.byte-collection-cards__card:focus-visible .byte-collection-cards__image{transform:scale(1.04)}.byte-collection-cards__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:#0000000f}.byte-collection-cards__placeholder-svg{width:100%;height:100%;object-fit:cover;opacity:.45}.byte-collection-cards__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgb(0 0 0 / .55) 0%,rgb(0 0 0 / .2) 38%,transparent 68%);pointer-events:none}.byte-collection-cards__content{position:absolute;inset-inline:0;bottom:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:1.75rem 1rem 2rem;text-align:center}.byte-collection-cards__title{margin:0;font-family:var(--font-body-family, sans-serif);font-weight:600;font-size:clamp(1.125rem,1.6vw,1.5rem);line-height:1.15;letter-spacing:.12em;text-transform:uppercase;color:#fff;transition:transform .35s ease}.byte-collection-cards--text-small .byte-collection-cards__title{font-size:clamp(1rem,1.3vw,1.25rem)}.byte-collection-cards--text-large .byte-collection-cards__title{font-size:clamp(1.25rem,2vw,1.75rem)}.byte-collection-cards__explore{display:inline-flex;align-items:center;justify-content:center;margin-top:.65rem;padding:0 0 2px;font-family:var(--font-body-family, sans-serif);font-size:var(--font-size-caption, .75rem);font-weight:500;letter-spacing:var(--letter-spacing-button, .12em);text-transform:var(--tt-button, uppercase);color:#fff;border-bottom:1px solid currentColor;opacity:0;transform:translateY(.5rem);transition:opacity .35s ease,transform .35s ease;pointer-events:none}.byte-collection-cards__card:hover .byte-collection-cards__title,.byte-collection-cards__card:focus-visible .byte-collection-cards__title{transform:translateY(-.55rem)}.byte-collection-cards__card:hover .byte-collection-cards__explore,.byte-collection-cards__card:focus-visible .byte-collection-cards__explore{opacity:1;transform:translateY(0)}@media(hover:none){.byte-collection-cards__title{transform:translateY(-.35rem)}.byte-collection-cards__explore{opacity:1;transform:translateY(0)}}.byte-collection-cards__empty{font-size:var(--font-size-sm, .875rem);color:var(--color-text-secondary, var(--color-foreground));opacity:.7}@media screen and (max-width:989px){.byte-collection-cards--heading-x-small .byte-collection-cards__heading{font-size:calc(var(--font-size-h4) * .85)}.byte-collection-cards--heading-small .byte-collection-cards__heading{font-size:var(--font-size-h4)}.byte-collection-cards--heading-medium .byte-collection-cards__heading{font-size:var(--font-size-h3)}.byte-collection-cards--heading-large .byte-collection-cards__heading{font-size:calc(var(--font-size-h3) * 1.15)}.byte-collection-cards:not(.byte-collection-cards--container-boxed) .byte-collection-cards__header,.byte-collection-cards:not(.byte-collection-cards--container-boxed) .byte-collection-cards__empty{padding-left:24px;padding-right:24px}.byte-collection-cards:not(.byte-collection-cards--container-boxed) .byte-collection-cards__progress{padding-left:24px;padding-right:24px}.byte-collection-cards:not(.byte-collection-cards--container-boxed) .byte-collection-cards__progress:before{left:24px;right:24px}.byte-collection-cards:not(.byte-collection-cards--container-boxed) .byte-collection-cards__progress-fill{left:24px;max-width:calc(100% - 48px)}}@media screen and (max-width:749px){.byte-collection-cards--heading-x-small .byte-collection-cards__heading{font-size:calc(var(--font-size-h4) * .85)}.byte-collection-cards--heading-small .byte-collection-cards__heading{font-size:var(--font-size-h4)}.byte-collection-cards--heading-medium .byte-collection-cards__heading{font-size:var(--font-size-h3)}.byte-collection-cards--heading-large .byte-collection-cards__heading{font-size:calc(var(--font-size-h3) * 1.15)}.byte-collection-cards:not(.byte-collection-cards--container-boxed) .byte-collection-cards__header,.byte-collection-cards:not(.byte-collection-cards--container-boxed) .byte-collection-cards__empty{padding-left:16px;padding-right:16px}.byte-collection-cards:not(.byte-collection-cards--container-boxed) .byte-collection-cards__viewport{scroll-padding-left:16px}.byte-collection-cards:not(.byte-collection-cards--container-boxed) .byte-collection-cards__viewport>.byte-collection-cards__item:first-child{margin-left:16px}.byte-collection-cards:not(.byte-collection-cards--container-boxed) .byte-collection-cards__viewport>.byte-collection-cards__item:last-child{margin-right:16px}.byte-collection-cards:not(.byte-collection-cards--container-boxed) .byte-collection-cards__progress{margin-top:16px;padding-left:16px;padding-right:16px}.byte-collection-cards:not(.byte-collection-cards--container-boxed) .byte-collection-cards__progress:before{left:16px;right:16px}.byte-collection-cards:not(.byte-collection-cards--container-boxed) .byte-collection-cards__progress-fill{left:16px;max-width:calc(100% - 32px)}.byte-collection-cards__header{margin-bottom:32px}.byte-collection-cards__content{padding:1.25rem .75rem 1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/byte-collection-cards.css.map */