.sbc{--sbc-bg: #0a0a0a;--sbc-accent: #ff11b0;--sbc-accent2: #fe6dce;--sbc-text: #fff;--sbc-muted: #999;background:var(--sbc-bg);padding:80px 24px;font-family:Urbanist,system-ui,-apple-system,sans-serif;position:relative;overflow:hidden}.sbc:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:700px;height:300px;background:radial-gradient(ellipse,rgba(255,17,176,.06) 0%,transparent 70%);pointer-events:none}.sbc__hdr{text-align:center;max-width:640px;margin:0 auto 48px;opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.sbc-visible.sbc__hdr{opacity:1;transform:translateY(0)}.sbc__tag{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--sbc-accent);margin-bottom:12px}.sbc__title{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--sbc-text);margin:0 0 12px;line-height:1.1}.sbc__sub{font-size:.95rem;color:var(--sbc-muted);margin:0 0 20px;line-height:1.5}.sbc__rule{display:flex;justify-content:center}.sbc__rule span{display:block;width:60px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--sbc-accent),var(--sbc-accent2))}.sbc__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:24px;max-width:1100px;margin:0 auto;opacity:0;transform:translateY(24px);transition:opacity .7s ease .15s,transform .7s ease .15s}.sbc-visible.sbc__grid{opacity:1;transform:translateY(0)}.sbc__item{display:flex;flex-direction:column;align-items:center;text-decoration:none;gap:10px;padding:16px 8px;border-radius:16px;transition:transform .35s cubic-bezier(.22,1,.36,1),background .35s ease;animation:sbc-pop .5s ease calc(var(--reveal-d, 0ms)) both}.sbc-visible .sbc__item{animation-play-state:running}.sbc__item:hover{transform:translateY(-6px) scale(1.04);background:#ffffff0a}@keyframes sbc-pop{0%{opacity:0;transform:translateY(16px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.sbc__swatch{width:80px;height:80px;border-radius:50%;position:relative;overflow:hidden;flex-shrink:0}.sbc__swatch img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%;transition:transform .4s ease}.sbc__item:hover .sbc__swatch img{transform:scale(1.1)}.sbc__swatch-fill{width:100%;height:100%;background:var(--sbc-hex, #888);border-radius:50%}.sbc__swatch-ring{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:2px solid transparent;transition:border-color .35s ease}.sbc__item:hover .sbc__swatch-ring{border-color:var(--sbc-accent)}.sbc__name{font-size:.82rem;font-weight:700;color:var(--sbc-text);text-align:center;line-height:1.2}.sbc__count{font-size:.68rem;font-weight:500;color:var(--sbc-muted);text-align:center}.sbc__foot{text-align:center;margin-top:44px;opacity:0;transform:translateY(16px);transition:opacity .6s ease .3s,transform .6s ease .3s}.sbc-visible.sbc__foot{opacity:1;transform:translateY(0)}.sbc__cta{display:inline-flex;align-items:center;gap:10px;padding:14px 36px;font-size:.9rem;font-weight:700;color:#fff;background:transparent;border:2px solid var(--sbc-accent);border-radius:80px;text-decoration:none;transition:background .3s ease,transform .3s ease,box-shadow .3s ease}.sbc__cta:hover{background:linear-gradient(135deg,var(--sbc-accent),var(--sbc-accent2));transform:translateY(-2px);box-shadow:0 6px 24px #ff11b040;border-color:transparent}@media(max-width:768px){.sbc{padding:56px 16px}.sbc__grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:16px}.sbc__swatch{width:64px;height:64px}.sbc__name{font-size:.76rem}}@media(prefers-reduced-motion:reduce){.sbc__item{animation:none!important}.sbc__hdr,.sbc__grid,.sbc__foot{opacity:1!important;transform:none!important;transition:none!important}}@media(scripting:none){.sbc-reveal{opacity:1!important;transform:none!important}.sbc__item{animation:none!important;opacity:1!important}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/shop-by-colour.css.map */