.ccp{display:block;--ccp-sticky-top: calc( var(--header-height, 0px) * var(--enable-sticky-header, 0) + var(--announcement-bar-height, 0px) * var(--enable-sticky-announcement-bar, 0) );--section-products-per-row: var(--ccp-cols-mobile, 2);--ccp-ink: #16130e;--ccp-mute: #6b6560;--ccp-hairline: rgba(22, 19, 14, .1)}@media screen and (min-width:741px){.ccp{--section-products-per-row: var(--ccp-cols-desktop, 4)}}.ccp [hidden]{display:none!important}.ccp__setup-hint{padding:24px 0;text-align:center;font-size:14px;opacity:.7}.ccp__intro{padding:18px 0 12px;text-align:center}.ccp__heading{margin:0;font-size:14px;line-height:1.35;font-weight:500;letter-spacing:.005em;color:var(--ccp-ink)}.ccp__hint{margin:5px 0 0;font-size:11.5px;line-height:1.3;font-weight:400;color:var(--ccp-mute)}.ccp__nav-wrap{position:sticky;top:var(--ccp-sticky-top);z-index:6;padding:2px 0 3px;background:var(--ccp-active-bg, var(--ccp-nav-background, #fff));transition:background .35s ease,box-shadow .28s ease}.ccp__nav-wrap:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--ccp-hairline)}.ccp__nav-wrap.is-stuck{box-shadow:0 6px 18px -10px #16130e66}.ccp__nav{display:flex;justify-content:center}.ccp__nav-list{display:flex;align-items:flex-start;max-width:100%;margin:0;padding:10px 0;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:none}.ccp__nav-list::-webkit-scrollbar{display:none}.ccp__nav-item{flex:0 0 auto;margin:0;padding:0 5px}.ccp__chip{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:var(--ccp-circle-size, 40px);padding:0 2px;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .28s cubic-bezier(.34,1.4,.64,1)}.ccp__chip-dot{display:block;position:relative;width:var(--ccp-circle-size, 40px);height:var(--ccp-circle-size, 40px);border-radius:50%;background:var(--ccp-swatch, #000);box-shadow:inset 0 0 0 1px #16130e24;transition:box-shadow .28s cubic-bezier(.34,1.4,.64,1),transform .18s ease}.ccp__chip-label{max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;line-height:1;font-weight:500;letter-spacing:.01em;color:var(--ccp-mute);transition:color .2s ease}.ccp__chip.is-active{transform:translateY(-3px)}.ccp__chip.is-active .ccp__chip-dot{box-shadow:inset 0 0 0 1px #16130e24,0 0 0 2.5px var(--ccp-active-bg, var(--ccp-nav-background, #fff)),0 0 0 5px var(--ccp-swatch, #000),0 10px 20px -8px rgba(var(--ccp-swatch-rgb, 0, 0, 0),.75)}.ccp__chip.is-active .ccp__chip-label{color:var(--ccp-ink);font-weight:600}.ccp__chip:active .ccp__chip-dot{transform:scale(.93)}.ccp__chip:focus{outline:none}.ccp__chip:focus-visible .ccp__chip-dot{box-shadow:inset 0 0 0 1px #16130e24,0 0 0 2.5px var(--ccp-active-bg, var(--ccp-nav-background, #fff)),0 0 0 5px var(--ccp-ink)}@media(hover:hover){.ccp__chip:hover .ccp__chip-dot{transform:scale(1.06)}}.ccp__chip.is-waiting .ccp__chip-dot:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px solid transparent;border-top-color:var(--ccp-swatch, #000);animation:ccp-spin .7s linear infinite}@keyframes ccp-spin{to{transform:rotate(360deg)}}.ccp__group{display:block;scroll-margin-top:calc(var(--ccp-sticky-top) + var(--ccp-nav-height, 62px) + 8px)}.ccp__group+.ccp__group{margin-top:28px}.ccp__banner{display:block;margin-bottom:14px}.ccp__banner-img{display:block;width:100%;height:auto}.ccp__list{margin:0}.ccp__grid{--product-list-column-gap: 8px;--product-list-block-spacing: 22px}@media screen and (min-width:741px){.ccp__grid{--product-list-column-gap: 16px;--product-list-block-spacing: 32px}.ccp__group+.ccp__group{margin-top:48px}.ccp__banner{margin-bottom:24px}}.ccp:not([data-ccp-loaded=true]) .ccp__grid:empty{display:block;min-height:46vw;border-radius:4px;background-color:#f4f4f4;background-image:linear-gradient(100deg,#f4f4f4 28%,#ebebeb,#f4f4f4 68%);background-size:220% 100%;animation:ccp-shimmer 1.3s linear infinite}@media screen and (min-width:741px){.ccp:not([data-ccp-loaded=true]) .ccp__grid:empty{min-height:24vw}}@keyframes ccp-shimmer{0%{background-position:220% 0}to{background-position:-20% 0}}.ccp__group--other{margin-top:28px}.ccp:not([data-ccp-loaded=true]) .ccp__group--other .ccp__grid:empty{display:none;min-height:0;background:none;animation:none}@media(prefers-reduced-motion:reduce){.ccp__chip,.ccp__chip-dot,.ccp__nav-wrap{transition:none}.ccp__chip.is-active{transform:none}.ccp__nav-list{scroll-behavior:auto}.ccp:not([data-ccp-loaded=true]) .ccp__grid:empty,.ccp__chip.is-waiting .ccp__chip-dot:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/143/assets/ss-custom-color-plp.css.map */