[role=main] .shopify-section.shopify-section__collection-img-tab,.shopify-section__collection-img-tab{width:100%;max-width:none;background:var(--color-bg-gray);padding-block:var(--space-token-xs)}.collection-img-tab{--collection-img-tab-image-height: 84px;--collection-img-tab-image-width: 84px;--collection-img-tab-image-min-width: 84px;--collection-img-tab-hover-ease: cubic-bezier(.42, 0, .58, 1);display:flex;justify-content:center;width:100%}.collection-img-tab__nav{position:relative;width:100%}.collection-img-tab__list{display:flex;align-items:stretch;justify-content:center;gap:var(--space-token-xl);width:100%;margin:0;padding-block:0;padding-inline:var(--space-token-xl);list-style:none;overflow-x:auto;scrollbar-width:none}.collection-img-tab__list::-webkit-scrollbar{display:none}.collection-img-tab__item{display:flex;min-width:var(--collection-img-tab-image-min-width);flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;gap:0;padding-block:var(--space-token-xs);padding-inline:var(--space-token-2xs);border:0;border-radius:var(--radius-s);background:transparent;cursor:pointer;color:var(--color-text-primary);text-decoration:none;transition:background-color .2s var(--collection-img-tab-hover-ease)}.collection-img-tab__item.is-active{background:var(--color-bg-gray)}.collection-img-tab__media{width:var(--collection-img-tab-image-width);height:var(--collection-img-tab-image-height);max-height:var(--collection-img-tab-image-height);margin-bottom:calc(var(--space-token-s) * -1);overflow:hidden;opacity:1}.collection-img-tab__image{width:100%;height:100%;object-fit:contain;object-position:center;display:block;transform-origin:center;transition:transform .2s var(--collection-img-tab-hover-ease)}.collection-img-tab__label{font:var(--font-sm-regular);color:var(--color-text-primary);text-align:center;white-space:nowrap;margin-bottom:var(--space-token-2xs)}.collection-img-tab__item.is-active .collection-img-tab__label{font:var(--font-sm-semibold)}.collection-img-tab__indicator{width:var(--size-8);height:var(--size-1);flex-shrink:0;background:transparent;border-radius:var(--radius-full)}.collection-img-tab__item.is-active .collection-img-tab__indicator{background:var(--color-bg-brand-dark)}.collection-img-tab__more{display:none}.collection-img-tab-banner{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;box-sizing:border-box;width:100%;min-height:178px;margin-block-end:0;padding-block:var(--space-token-l);padding-inline:var(--space-token-md);overflow:hidden;border-radius:var(--radius-s);background-color:var(--color-bg-gray);background-position:center;background-repeat:no-repeat;background-size:cover}.collection-img-tab-banner[hidden]{display:none}.collection-img-tab-banner__title{margin:0;font:var(--font-xl-semibold);color:var(--color-text-primary)}.collection-img-tab-banner__text{margin:var(--space-token-s) 0 0;font:var(--font-sm-regular);color:var(--color-text-primary);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}@media(hover:hover){.collection-img-tab__item:hover .collection-img-tab__image{transform:scale(1.1)}}@media(prefers-reduced-motion:reduce){.collection-img-tab__image{transition:none}.collection-img-tab__item:hover .collection-img-tab__image{transform:none}.collection-img-tab__media,.collection-img-tab__item,.collection-img-tab-sticky{transition:none}}@media screen and (min-width:768px){.collection-img-tab-banner{height:240px;min-height:240px;margin-block-end:var(--space-token-md);padding-block:var(--space-200);padding-inline:var(--space-token-3xl);border-radius:var(--radius--base)}.collection-img-tab-banner__title{font:var(--font-2xl-semibold)}.collection-img-tab-banner__text{margin-block-start:var(--space-token-base);max-width:485px;font:var(--font-base-regular)}}.collection-img-tab-filter{display:none}.collection-img-tab__sentinel{height:0;margin:0;overflow:hidden;pointer-events:none}.collection-img-tab-flow-sentinel{height:1px;margin:0;overflow:hidden;pointer-events:none;visibility:hidden}.collection-sticky-scope{display:block;width:100%}@media screen and (max-width:999px){#main:has(.shopify-section__collection-img-tab){overflow:visible}[role=main] .shopify-section.shopify-section__collection-img-tab,.shopify-section.shopify-section__collection-img-tab{position:sticky;top:calc(var(--sticky-area-height, 0px) - 2px);z-index:9;overflow:visible;background:var(--color-bg-gray);box-shadow:0 -2px 0 var(--color-bg-gray);overflow-anchor:none}.collection-img-tab-sticky{background:var(--color-bg-gray);overflow-anchor:none}.collection-img-tab-filter{display:block;background:var(--color-bg-gray)}.collection-filter-bar{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:var(--space-token-s);width:100%;margin:0;padding-block:var(--space-token-s);padding-inline:var(--space-token-md);border:0;border-bottom:1px solid var(--stroke-10);background:var(--color-bg-gray);color:var(--color-text-primary)}.collection-filter-bar__trigger{display:inline-flex;align-items:center;flex-wrap:nowrap;flex-shrink:0;gap:var(--space-token-2xs);padding:0;border:0;background:transparent;color:inherit;cursor:pointer;text-align:start;white-space:nowrap}.collection-filter-bar__label{flex-shrink:0;white-space:nowrap;font:var(--font-base-semibold);color:var(--color-text-primary)}.collection-filter-bar__trigger svg{flex-shrink:0;width:var(--size-7);height:var(--size-7)}}@media screen and (max-width:999px){html:has(.shopify-section__collection-img-tab){overflow-anchor:none}[role=main] .shopify-section.shopify-section__collection-img-tab,.shopify-section__collection-img-tab{padding-block:0;background:var(--color-bg-gray)}.collection-img-tab-sticky{background:var(--color-bg-gray);padding-block-start:var(--space-token-base)}.collection-img-tab-sticky.is-compact,.shopify-section__collection-img-tab.is-compact .collection-img-tab-sticky{padding-block-start:0}.collection-img-tab{--collection-img-tab-image-height: 60px;--collection-img-tab-image-width: 60px}.collection-img-tab__list{justify-content:flex-start;gap:var(--space-token-s);padding-inline:var(--space-token-md);padding-inline-end:var(--space-token-3xl)}.collection-img-tab__list.has-prev{padding-inline-start:var(--space-token-3xl)}.collection-img-tab__label{font:var(--font-sm-medium)}.collection-img-tab__item.is-active{background:var(--color-bg-white)}.collection-img-tab__item.is-active .collection-img-tab__label{font:var(--font-sm-semibold)}.collection-img-tab__more{position:absolute;top:0;z-index:1;display:flex;align-items:center;justify-content:center;width:40px;height:100%;padding:0;border:0;color:var(--color-text-primary);cursor:pointer}.collection-img-tab__more--prev{left:0;background:linear-gradient(90deg,var(--color-bg-gray) 63%,transparent 100%)}.collection-img-tab__more--next{right:0;background:linear-gradient(270deg,var(--color-bg-gray) 63%,transparent 100%)}.collection-img-tab__more svg{width:var(--size-6);height:var(--size-6)}.collection-img-tab__more svg path{stroke-width:1}.collection-img-tab__more[hidden]{display:none}.collection-img-tab__media{margin-bottom:calc(var(--space-token-2xs) * -1);transition:opacity .18s var(--collection-img-tab-hover-ease)}.collection-img-tab.is-compact .collection-img-tab__media{max-height:0;margin-bottom:0;opacity:0;pointer-events:none}.collection-img-tab.is-compact .collection-img-tab__list{gap:var(--space-token-l);padding-block-start:var(--space-token-xs);padding-block-end:0}.collection-img-tab.is-compact .collection-img-tab__item{padding-block:var(--space-token-xs)}.collection-img-tab.is-compact .collection-img-tab__item.is-active{background:var(--color-bg-gray)}.collection-img-tab.is-compact .collection-img-tab__more{height:50px;top:50%;transform:translateY(-50%)}}@media screen and (min-width:700px)and (max-width:999px){.collection-img-tab-sticky{padding-block-start:var(--space-token-base)}.collection-img-tab__item{padding-inline:var(--space-token-s)}.collection-img-tab__list{gap:var(--space-token-base);padding-inline:var(--space-token-xl);padding-inline-end:var(--space-token-3xl)}.collection-img-tab__list.has-prev{padding-inline-start:var(--space-token-3xl)}.collection-img-tab.is-compact .collection-img-tab__list{gap:var(--space-token-l);padding-inline:var(--space-token-md);padding-inline-end:var(--space-token-3xl)}.collection-filter-bar{padding-inline:var(--space-token-xl);padding-block:var(--space-token-base)}.collection-img-tab-sticky.is-compact .collection-filter-bar{padding-inline:var(--space-token-xl);padding-block:var(--space-token-s)}.collection-img-tab-banner{margin-block-end:0;padding-block:var(--space-token-3xl);padding-inline:var(--space-token-2xl)}}@media screen and (max-width:767px){.collection-img-tab-banner{min-height:178px;padding-block:var(--space-token-l);padding-inline:var(--space-token-md);border-radius:var(--radius-s)}.collection-img-tab-banner__title{font:var(--font-xl-semibold)}.collection-img-tab-banner__text{margin:var(--space-token-s) 0 0;max-width:202px;font:var(--font-sm-regular)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/collection-img-tab.css.map */