.cp-circles{background:var(--color-background, var(--cp-page))}.cp-circles__track{display:flex;gap:13px;padding:12px 0 12px 16px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.cp-circles__track::-webkit-scrollbar{display:none}.cp-circles__item{display:flex;flex:0 0 auto;flex-direction:column;align-items:center;gap:6px;width:58px;text-decoration:none;color:var(--cp-navy)}.cp-circles__disc{display:flex;width:58px;height:58px;align-items:center;justify-content:center;overflow:hidden;border-radius:999px;background:#0031650f;transition:outline-color var(--cp-hover);outline:2px solid transparent;outline-offset:2px}.cp-circles__disc img{width:100%;height:100%;object-fit:cover}.cp-circles__disc--all{background:var(--cp-navy);color:var(--cp-paper)}.cp-circles__label{max-width:100%;overflow:hidden;font-size:10px;line-height:1.2;text-align:center;text-overflow:ellipsis;white-space:nowrap}.cp-circles__item.is-active .cp-circles__disc{outline-color:var(--cp-navy)}.cp-circles__item.is-active .cp-circles__label{font-weight:500}@media(hover:hover){.cp-circles__item:hover .cp-circles__disc{outline-color:var(--cp-dim)}}@media screen and (min-width:750px){.cp-circles__track{gap:28px;max-width:none;padding:18px 50px 14px;overflow-x:auto}.cp-circles__item{width:96px;gap:9px}.cp-circles__disc{width:96px;height:96px}.cp-circles__label{font-size:13px}.cp-circles__disc--all svg{width:26px;height:26px}}@media screen and (min-width:1400px){.cp-circles__item{width:108px}.cp-circles__disc{width:108px;height:108px}}.cp-circles__track{gap:var(--sp-12, 12px);align-items:flex-start}.cp-circles__item{width:72px;gap:var(--sp-8, 8px)}.cp-circles__disc{width:64px;height:64px}.cp-circles__label{display:-webkit-box;overflow:hidden;font-size:12px;line-height:1.25;text-overflow:clip;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-wrap:balance}@media screen and (min-width:750px){.cp-circles__track{gap:24px}.cp-circles__item{width:104px;gap:8px}.cp-circles__disc{width:96px;height:96px}.cp-circles__label{font-size:14px}}.cp-circles__disc--sale{background:var(--cp-sale, #d32f2f);color:#fff;font-size:13px;font-weight:500;letter-spacing:.04em}@media screen and (min-width:750px){.cp-circles__disc--sale{font-size:16px}}.cp-circles__item--sale .cp-circles__label{color:var(--cp-sale, #d32f2f)}.cp-circles__item--sale.is-active .cp-circles__disc{outline-color:var(--cp-sale, #d32f2f)}body:has(.header[transparent]) .content-for-layout>.shopify-section:first-child:has(.cp-circles){margin-top:0;padding-top:calc(var(--header-height, 0px) + var(--sp-16))}@media(prefers-reduced-motion:no-preference){.cp-circles__item{animation:cpCircleIn .5s var(--cp-ease, ease-out) both}.cp-circles__item:nth-child(2){animation-delay:.04s}.cp-circles__item:nth-child(3){animation-delay:.08s}.cp-circles__item:nth-child(4){animation-delay:.12s}.cp-circles__item:nth-child(5){animation-delay:.16s}.cp-circles__item:nth-child(6){animation-delay:.2s}.cp-circles__item:nth-child(7){animation-delay:.24s}.cp-circles__item:nth-child(8){animation-delay:.28s}.cp-circles__item:nth-child(n+9){animation-delay:.32s}}@keyframes cpCircleIn{0%{opacity:0;transform:translateY(10px) scale(.94)}to{opacity:1;transform:none}}.cp-chips{padding:var(--sp-8) 0 var(--sp-12)}.cp-chips__track{display:flex;gap:var(--sp-8);padding:0 var(--page-margin, 16px);overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:var(--page-margin, 16px);scrollbar-width:none}.cp-chips__track::-webkit-scrollbar{display:none}.cp-chip{display:inline-flex;flex:none;align-items:center;gap:var(--sp-8);height:44px;padding:0 var(--sp-16);border:1px solid var(--cp-hair);border-radius:999px;background:#ffffff8c;color:var(--cp-navy);font-size:16px;letter-spacing:-.02em;text-decoration:none;white-space:nowrap;scroll-snap-align:start;transition:background var(--dur) ease,border-color var(--dur) ease,color var(--dur) ease,transform var(--dur-press) ease}.cp-chip small{font-size:12px;opacity:.5;font-variant-numeric:tabular-nums;letter-spacing:0}.cp-chip.is-active{border-color:var(--cp-navy);background:var(--cp-navy);color:var(--cp-paper)}.cp-chip.is-active small{opacity:.65}.cp-chip--sale i{width:6px;height:6px;border-radius:50%;background:#d32f2f}.cp-chip:active{transform:scale(.97)}@media(hover:hover){.cp-chip:not(.is-active):hover{border-color:var(--cp-navy);background:#fff}}@media(min-width:750px){.cp-chips{padding:var(--sp-4) 0 var(--sp-16)}.cp-chip{height:40px;font-size:15px}}@media(prefers-reduced-motion:no-preference){.cp-chip{animation:cpCircleIn .45s var(--cp-ease, ease-out) both;animation-delay:calc(min(var(--i, 0),10)*35ms)}}body:has(.header[transparent]) .content-for-layout>.shopify-section:first-child:has(.cp-chips){padding-top:calc(var(--header-height, 0px) + var(--sp-8))}
/*# sourceMappingURL=/cdn/shop/t/6/assets/cp-category-circles.css.map */