byte-collection-showcase{--collection-showcase-gutter: clamp(1rem, 2.6vw, 2.25rem);--collection-showcase-gap: var(--collection-showcase-gap-mobile, 24px);--collection-showcase-nav-size: var(--collection-showcase-nav-size-mobile, 2.75rem);--collection-showcase-ratio: 4 / 3;--collection-showcase-preview-ratio: 4 / 5;--collection-showcase-ease: cubic-bezier(.2, .8, .2, 1);--collection-showcase-duration: .45s;position:relative;display:block;padding-top:var(--collection-showcase-padding-top, 0);padding-bottom:var(--collection-showcase-padding-bottom, 40px);background:var(--collection-showcase-background, #000);color:var(--collection-showcase-text, #fff)}.collection-showcase__media{position:relative;overflow:hidden;aspect-ratio:var(--collection-showcase-ratio)}.collection-showcase__media--mobile-portrait{--collection-showcase-ratio: 4 / 5}.collection-showcase__media--mobile-square{--collection-showcase-ratio: 1 / 1}.collection-showcase__media--mobile-landscape{--collection-showcase-ratio: 4 / 3}.collection-showcase__media--mobile-adapt{aspect-ratio:auto}.collection-showcase__media picture{display:block;width:100%;height:100%}.collection-showcase__image,.collection-showcase__video{display:block;width:100%;height:100%;object-fit:cover}.collection-showcase__media--mobile-adapt .collection-showcase__image,.collection-showcase__media--mobile-adapt .collection-showcase__video{height:auto}.collection-showcase__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--collection-showcase-overlay-color, #000);opacity:var(--collection-showcase-overlay-opacity, .3);pointer-events:none}.collection-showcase__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:.75rem;padding:var(--collection-showcase-gutter)}.collection-showcase__content--bottom-left{justify-content:flex-end;align-items:flex-start}.collection-showcase__content--bottom-center{justify-content:flex-end;align-items:center;text-align:center}.collection-showcase__content--center{justify-content:center;align-items:center;text-align:center}.collection-showcase__content--top-left{justify-content:flex-start;align-items:flex-start}.collection-showcase__heading{max-width:16ch;margin:0;font-family:var(--collection-showcase-nav-font-family);font-weight:var(--collection-showcase-nav-font-weight);font-style:var(--collection-showcase-nav-font-style);font-size:clamp(2rem,8vw,var(--collection-showcase-heading-size, 4rem));line-height:1;letter-spacing:var(--collection-showcase-nav-letter-spacing, -.025em)}.collection-showcase__text{max-width:42ch;margin:0;font-size:.9375rem;line-height:1.6}.collection-showcase__title{margin:var(--collection-showcase-nav-spacing-top, 32px) 0 0;padding:0 var(--collection-showcase-gutter);font-family:var(--collection-showcase-nav-font-family);font-weight:var(--collection-showcase-nav-font-weight);font-style:var(--collection-showcase-nav-font-style);font-size:var(--collection-showcase-nav-size);line-height:1;letter-spacing:var(--collection-showcase-nav-letter-spacing, -.025em)}.collection-showcase__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.collection-showcase__nav{position:relative;margin-top:var(--collection-showcase-nav-spacing-top, 32px)}.collection-showcase__list{position:relative;display:flex;gap:var(--collection-showcase-gap);margin:0;padding:0 var(--collection-showcase-gutter);list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--collection-showcase-gutter);scrollbar-width:none}.collection-showcase__list::-webkit-scrollbar{display:none}.collection-showcase__nav.has-overflow-end .collection-showcase__list{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 4rem),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 4rem),transparent)}.collection-showcase__nav.has-overflow-start .collection-showcase__list{-webkit-mask-image:linear-gradient(to right,transparent,#000 4rem);mask-image:linear-gradient(to right,transparent,#000 4rem)}.collection-showcase__nav.has-overflow-start.has-overflow-end .collection-showcase__list{-webkit-mask-image:linear-gradient(to right,transparent,#000 4rem,#000 calc(100% - 4rem),transparent);mask-image:linear-gradient(to right,transparent,#000 4rem,#000 calc(100% - 4rem),transparent)}.collection-showcase__item{flex:0 0 auto;scroll-snap-align:start}.collection-showcase__link{display:inline-flex;align-items:flex-start;gap:.4rem;min-height:var(--byte-touch-target, 44px);padding-block:.05em .15em;font-size:var(--collection-showcase-nav-size);line-height:1.05;color:inherit;text-decoration:none;opacity:var(--collection-showcase-muted-opacity, .4);transition:opacity var(--collection-showcase-duration) var(--collection-showcase-ease)}.collection-showcase__link.is-active{opacity:1}.collection-showcase__link-text{position:relative;font-family:var(--collection-showcase-nav-font-family);font-weight:var(--collection-showcase-nav-font-weight);font-style:var(--collection-showcase-nav-font-style);letter-spacing:var(--collection-showcase-nav-letter-spacing, -.025em);white-space:nowrap}.collection-showcase__link-text:after{content:"";position:absolute;left:0;right:0;bottom:.02em;height:max(2px,.03em);background:var(--collection-showcase-accent, currentColor);transform:scaleX(0);transform-origin:right center;transition:transform var(--collection-showcase-duration) var(--collection-showcase-ease)}.collection-showcase--no-underline .collection-showcase__link-text:after{content:none}.collection-showcase__link.is-active .collection-showcase__link-text:after{transform:scaleX(1);transform-origin:left center}.collection-showcase__link-meta{display:inline-flex;flex-direction:column;align-items:flex-start;gap:.35rem;margin-top:.55em}.collection-showcase__link-count{font-size:.75rem;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:.02em;vertical-align:baseline;opacity:.8}.collection-showcase__link-badge{padding:.25rem .45rem;font-size:.6875rem;line-height:1;white-space:nowrap;background:var(--collection-showcase-badge-background, #ff6a1a);color:var(--collection-showcase-badge-text, #000)}.collection-showcase__link:focus-visible{opacity:1;outline:2px solid currentColor;outline-offset:4px}@media(hover:hover)and (pointer:fine){.collection-showcase__link:hover{opacity:1}.collection-showcase__link:hover .collection-showcase__link-text:after{transform:scaleX(1);transform-origin:left center}.collection-showcase__list:hover .collection-showcase__link.is-active:not(:hover){opacity:var(--collection-showcase-muted-opacity, .4)}.collection-showcase__list:hover .collection-showcase__link.is-active:not(:hover) .collection-showcase__link-text:after{transform:scaleX(0);transform-origin:right center}}.collection-showcase--nav-center .collection-showcase__list{justify-content:safe center}.collection-showcase__meta{display:none;gap:.75rem;margin-top:var(--collection-showcase-meta-spacing-top, 48px);padding:0 var(--collection-showcase-gutter)}.collection-showcase__count{margin:0;font-size:.875rem;font-variant-numeric:tabular-nums;letter-spacing:.02em}.collection-showcase__description{max-width:52ch;font-size:.9375rem;line-height:1.6;opacity:.72}.collection-showcase__description>:first-child{margin-top:0}.collection-showcase__description>:last-child{margin-bottom:0}.collection-showcase__preview{display:none}.collection-showcase__preview--square{--collection-showcase-preview-ratio: 1 / 1}.collection-showcase__preview--landscape{--collection-showcase-preview-ratio: 4 / 3}@media(hover:hover)and (pointer:fine){.collection-showcase__preview{position:fixed;top:0;left:0;z-index:30;display:block;width:var(--collection-showcase-preview-width, 240px);pointer-events:none;will-change:transform}}.collection-showcase__preview-frame{overflow:hidden;aspect-ratio:var(--collection-showcase-preview-ratio);border-radius:var(--collection-showcase-preview-radius, 0);background:#7f7f7f1f;opacity:0;clip-path:inset(50% 0 50% 0 round var(--collection-showcase-preview-radius, 0));transition:opacity .25s ease,clip-path var(--collection-showcase-duration) var(--collection-showcase-ease)}.collection-showcase__preview.is-visible .collection-showcase__preview-frame{opacity:1;clip-path:inset(0 0 0 0 round var(--collection-showcase-preview-radius, 0))}.collection-showcase__preview-image{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.12);transition:transform .7s var(--collection-showcase-ease)}.collection-showcase__preview.is-visible .collection-showcase__preview-image{transform:scale(1)}@media screen and (min-width:750px){byte-collection-showcase{--collection-showcase-gap: var(--collection-showcase-gap-desktop, 40px);--collection-showcase-nav-size: clamp( var(--collection-showcase-nav-size-mobile, 2.75rem), 7vw, var(--collection-showcase-nav-size-desktop, 5.5rem) )}.collection-showcase__media{aspect-ratio:var(--collection-showcase-ratio)}.collection-showcase__media--desktop-cinematic{--collection-showcase-ratio: 36 / 10}.collection-showcase__media--desktop-wide{--collection-showcase-ratio: 21 / 9}.collection-showcase__media--desktop-standard{--collection-showcase-ratio: 16 / 9}.collection-showcase__media--desktop-adapt{aspect-ratio:auto}.collection-showcase__media--desktop-adapt .collection-showcase__image,.collection-showcase__media--desktop-adapt .collection-showcase__video{height:auto}.collection-showcase__media--mobile-adapt:not(.collection-showcase__media--desktop-adapt) .collection-showcase__image,.collection-showcase__media--mobile-adapt:not(.collection-showcase__media--desktop-adapt) .collection-showcase__video{height:100%}.collection-showcase__meta{grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start}.collection-showcase__description{justify-self:end}}@media screen and (min-width:990px){byte-collection-showcase{--collection-showcase-nav-size: var(--collection-showcase-nav-size-desktop, 5.5rem)}byte-collection-showcase:not(.collection-showcase--nav-scroll) .collection-showcase__list{flex-wrap:wrap;row-gap:.25rem;overflow:visible}byte-collection-showcase:not(.collection-showcase--nav-scroll) .collection-showcase__nav .collection-showcase__list{-webkit-mask-image:none;mask-image:none}}@media(prefers-reduced-motion:reduce){.collection-showcase__link,.collection-showcase__link-text:after,.collection-showcase__preview-frame,.collection-showcase__preview-image{transition:none}.collection-showcase__preview-frame{clip-path:none}.collection-showcase__preview-image{transform:none}}.collection-showcase__list.can-drag{cursor:grab}.collection-showcase__list.is-dragging{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.collection-showcase__list.is-dragging .collection-showcase__link{cursor:grabbing}
/*# sourceMappingURL=/cdn/shop/t/2/assets/byte-collection-showcase.css.map */