.cgs{display:flex}.cgs--center{justify-content:center}.cgs__control{display:inline-flex;align-items:center;gap:2px;padding:4px;background:var(--color-fill-default, #f2f3f5);border-radius:var(--radius-full, 100px)}button.cgs__seg{appearance:none;-webkit-appearance:none;background:transparent;border:0;margin:0;cursor:pointer;box-shadow:none;text-transform:none}button.cgs__seg.is-active{background:var(--color-background, #fff);box-shadow:0 1px 3px #0000001a,0 0 0 1px #00000008}.cgs__seg{flex-shrink:0;padding:8px 28px;border-radius:var(--radius-full, 100px);font-family:var(--font-body--family, inherit);font-size:var(--font-size-sm, 14px);font-weight:500;line-height:1.2;letter-spacing:0;color:var(--color-text-secondary, #4e5969);text-decoration:none;white-space:nowrap;transition:color var(--transition-fast, .15s ease),background var(--transition-fast, .15s ease),box-shadow var(--transition-fast, .15s ease)}.cgs__seg:hover{color:var(--color-text-primary, #1d2129)}.cgs__seg.is-disabled,.cgs__seg.is-disabled:hover{color:var(--color-text-secondary, #4e5969);opacity:.45;cursor:not-allowed;pointer-events:none}.cgs__seg.is-active{background:var(--color-background, #fff);color:var(--color-text-primary, #1d2129);font-weight:600;box-shadow:0 1px 3px #0000001a,0 0 0 1px #00000008}.cct{--cct-size: 84px;--cct-rendered-size: var(--cct-size)}.cct__track{display:grid;grid-template-columns:repeat(auto-fit,var(--cct-rendered-size));align-items:start;justify-content:start;gap:var(--space-4, 16px);overflow:visible;padding:6px;margin:0 -6px}.cct__track[hidden]{display:none}.cct--center .cct__track{justify-content:start}@media(min-width:750px){.cct--center .cct__track{justify-content:center}}.cct__item{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-2, 8px);width:var(--cct-rendered-size);text-decoration:none;-webkit-tap-highlight-color:transparent}.cct__media{width:var(--cct-rendered-size);height:var(--cct-rendered-size);border-radius:var(--cct-radius, 50%);overflow:hidden;position:relative;background:var(--color-fill-light, #f7f8fa);border:1px solid var(--color-border-light, #f2f3f5);transition:transform var(--transition-normal, .2s ease),box-shadow var(--transition-normal, .2s ease)}.cct__img{display:block;width:100%;height:100%;object-fit:cover}.cct__img--placeholder{opacity:.5}.cct__item.is-active .cct__media{border-color:transparent;box-shadow:0 0 0 2px var(--color-background, #fff);overflow:visible}.cct__item.is-active .cct__media:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;padding:2px;border-radius:inherit;background:linear-gradient(135deg,#e87fa0,#d4a843,#3aa8a0,#6b7a4b,#b4a7d6,#c12b2b,#4b2d5e);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.cct__item.is-active .cct__img{border-radius:inherit}.cct__label{font-family:var(--font-body--family, inherit);font-size:var(--font-size-xs, 12px);font-weight:500;line-height:1.3;color:var(--color-text-secondary, #4e5969);text-align:center;transition:color var(--transition-fast, .15s ease)}.cct__item.is-active .cct__label{color:var(--color-text-primary, #1d2129);font-weight:600}@media(min-width:990px){.collection-header .cgs__control{gap:2.8px;padding:5.6px}.collection-header .cgs__seg{padding:11.2px 39.2px;font-size:19.6px}.collection-header__nav .cct{--cct-rendered-size: calc(var(--cct-size) * 1.4)}.collection-header__nav .cct__label{font-size:16.8px}.cct__item.is-active .cct__media:after,.cct__item[aria-current=page] .cct__media:after{top:-7px;right:-7px;bottom:-7px;left:-7px;padding:3px}}@media(max-width:749px){.cct{--cct-size-mobile-cap: 76px;--cct-rendered-size: min(var(--cct-size), var(--cct-size-mobile-cap))}.cct__track{gap:var(--space-3, 12px)}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/collection-nav.css.map */