.collection-quick-links{--collection-quick-links-gap: 10px;--collection-quick-links-height: 40px;--collection-quick-links-padding: 20px;--collection-quick-links-image-size: 72px;--collection-quick-links-font-scale: 1;width:fit-content;min-width:0;max-width:100%;margin-block-start:clamp(18px,2.2vw,28px);margin-inline:var(--collection-banner-item-margin-desktop, auto);color:var(--fg)}.collection-quick-links--size-small{--collection-quick-links-gap: 8px;--collection-quick-links-height: 32px;--collection-quick-links-padding: 14px;--collection-quick-links-image-size: 56px;--collection-quick-links-font-scale: .92}.collection-quick-links--size-large{--collection-quick-links-gap: 12px;--collection-quick-links-height: 48px;--collection-quick-links-padding: 28px;--collection-quick-links-image-size: 96px;--collection-quick-links-font-scale: 1.12}.collection-quick-links__rail{display:block;min-width:0}.collection-quick-links__list{display:flex;flex-wrap:wrap;justify-content:var(--theme-content-align-desktop, center);gap:var(--collection-quick-links-gap);margin:-6px -6px 0;padding:6px;list-style:none}.collection-page--stack-shell .collection-banner--plain{overflow:visible}.collection-quick-links__item{flex:0 0 auto;min-width:0}.collection-quick-links__link{display:inline-flex;align-items:center;justify-content:center;min-height:24px;color:inherit;font-size:calc(var(--type-style-size, var(--type-body-size-desktop)) * var(--collection-quick-links-font-scale));text-align:center;text-decoration:none;white-space:nowrap}.collection-quick-links--chips .collection-quick-links__link{min-height:var(--collection-quick-links-height);padding:4px var(--collection-quick-links-padding);border:1px solid transparent;border-radius:var(--search-chip-radius, 100px);background:color-mix(in srgb,var(--fg) 6%,transparent);color:var(--fg);transition:background-color .2s ease,color .2s ease}.collection-quick-links--chips .collection-quick-links__link.is-current{background:var(--fg);color:var(--bg)}.collection-quick-links--images{--collection-quick-links-gap: 16px}.collection-quick-links--images.collection-quick-links--size-small{--collection-quick-links-gap: 12px}.collection-quick-links--images.collection-quick-links--size-large{--collection-quick-links-gap: 22px}.collection-quick-links--images .collection-quick-links__list{align-items:flex-start}.collection-quick-links--images .collection-quick-links__link{flex-direction:column;justify-content:flex-start;gap:10px;width:calc(var(--collection-quick-links-image-size) + 24px);white-space:normal}.collection-quick-links__media{display:block;width:var(--collection-quick-links-image-size);aspect-ratio:1;overflow:hidden;border-radius:50%;background:color-mix(in srgb,currentColor 8%,transparent)}.collection-quick-links__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.collection-quick-links--images .collection-quick-links__label{display:-webkit-box;max-width:100%;overflow:hidden;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.collection-quick-links--images .is-current .collection-quick-links__media{outline:1px solid currentColor;outline-offset:3px}.collection-quick-links--text{--collection-quick-links-gap: 8px 24px}.collection-quick-links--text .collection-quick-links__link,.collection-quick-links--images .collection-quick-links__label{text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:.3em;transition:text-decoration-color .2s ease}.collection-quick-links--text .collection-quick-links__link.is-current,.collection-quick-links--images .is-current .collection-quick-links__label{text-decoration-color:currentColor}.collection-banner--image .collection-quick-links{--collection-quick-links-on-image: var(--collection-banner-text-color, var(--collection-title-color, var(--fg)));color:var(--collection-quick-links-on-image)}.collection-banner--image .collection-quick-links--chips .collection-quick-links__link{border-color:color-mix(in srgb,var(--collection-quick-links-on-image) 40%,transparent);background:color-mix(in srgb,var(--collection-quick-links-contrast) 80%,transparent);color:var(--collection-quick-links-on-image)}.collection-banner--image .collection-quick-links--chips .collection-quick-links__link.is-current{border-color:var(--collection-quick-links-on-image);background:var(--collection-quick-links-on-image);color:var(--collection-quick-links-contrast)}.collection-banner--image .collection-quick-links__link:focus-visible{outline-color:var(--collection-quick-links-on-image)!important;outline-offset:2px!important;box-shadow:0 0 0 6px var(--collection-quick-links-contrast)}.collection-banner--image .collection-quick-links__progress{background:color-mix(in srgb,currentColor 30%,transparent)}.collection-banner--image .collection-quick-links__progress .horizontal-scroll-progress__value{background:currentColor}.collection-page--stack-shell .collection-banner--image:has(>.collection-banner-content>.collection-quick-links){display:grid;height:auto;min-height:var(--collection-banner-height-desktop, 480px)}.collection-banner--image:has(>.collection-banner-content>.collection-quick-links)>img{position:absolute;top:0;right:0;bottom:0;left:0}.collection-banner--image>.collection-banner-content:has(>.collection-quick-links){position:relative;inset:auto;padding-block:clamp(20px,3vw,40px)}.collection-banner--image .collection-quick-links__list{flex-wrap:nowrap;justify-content:flex-start;padding-inline:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-padding-inline:6px}.collection-banner--image .collection-quick-links__item:first-child{padding-inline-start:6px}.collection-banner--image .collection-quick-links__item:last-child{padding-inline-end:6px}@media(min-width:768px){.collection-banner--image .collection-quick-links__list{scrollbar-width:thin;scrollbar-color:var(--collection-quick-links-on-image) color-mix(in srgb,var(--collection-quick-links-contrast) 45%,transparent)}}@media(hover:hover){.collection-quick-links--chips .collection-quick-links__link:not(.is-current):hover{background:color-mix(in srgb,var(--fg) 12%,transparent)}.collection-banner--image .collection-quick-links--chips .collection-quick-links__link:not(.is-current):hover{background:color-mix(in srgb,var(--collection-quick-links-contrast) 92%,transparent)}.collection-quick-links--text .collection-quick-links__link:hover,.collection-quick-links--images .collection-quick-links__link:hover .collection-quick-links__label{text-decoration-color:currentColor}.collection-quick-links--images .collection-quick-links__link:hover .collection-quick-links__image{transform:scale(1.06)}}.collection-quick-links__progress{margin-block-start:8px;margin-inline:var(--collection-banner-item-margin-mobile, var(--collection-banner-item-margin-desktop, auto))}@media(max-width:767px){.collection-quick-links{--collection-quick-links-image-size: 64px;margin-inline:var(--collection-banner-item-margin-mobile, var(--collection-banner-item-margin-desktop, auto))}.collection-quick-links--size-small{--collection-quick-links-image-size: 48px}.collection-quick-links--size-large{--collection-quick-links-image-size: 80px}.collection-page--stack-shell:not(.collection-page--banner-height-adapt) .collection-banner--image:has(>.collection-banner-content>.collection-quick-links){min-height:var(--collection-banner-height-mobile, 320px)}.collection-quick-links__list{flex-wrap:nowrap;justify-content:flex-start;padding-inline:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-padding-inline:6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.collection-quick-links__list::-webkit-scrollbar{display:none}.collection-quick-links__item:first-child{padding-inline-start:6px}.collection-quick-links__item:last-child{padding-inline-end:6px}}@media(forced-colors:active){.collection-quick-links--chips .collection-quick-links__link,.collection-banner--image .collection-quick-links--chips .collection-quick-links__link{border-color:LinkText}.collection-quick-links--chips .collection-quick-links__link.is-current,.collection-banner--image .collection-quick-links--chips .collection-quick-links__link.is-current{border-width:2px;border-color:LinkText;text-decoration:underline;text-underline-offset:.3em}.collection-quick-links--text .collection-quick-links__link:not(.is-current),.collection-quick-links--images .collection-quick-links__link:not(.is-current) .collection-quick-links__label{text-decoration:none}}@media(prefers-reduced-motion:reduce){.collection-quick-links :is(.collection-quick-links__link,.collection-quick-links__label,.collection-quick-links__image){transition:none}.collection-quick-links--images .collection-quick-links__link:hover .collection-quick-links__image{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-collection-quick-links.css.map */