.ns-colour-pills{margin-top:1.2rem;margin-bottom:.4rem}[id^="Details-Mobile-filter.p.m.northsheep.filter_colour"],[id^="Details-filter.p.m.northsheep.filter_colour"]{display:none!important}.ns-colour-pills__track{display:flex;gap:.8rem;overflow-x:auto;overscroll-behavior-x:contain;padding:.4rem .2rem 1.2rem;scrollbar-width:none}.ns-colour-pills__track::-webkit-scrollbar{display:none}.ns-colour-pills__track.is-fade-end{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 5.6rem),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 5.6rem),transparent)}.ns-colour-pills__track.is-fade-start{-webkit-mask-image:linear-gradient(90deg,transparent,#000 5.6rem);mask-image:linear-gradient(90deg,transparent,#000 5.6rem)}.ns-colour-pills__track.is-fade-start.is-fade-end{-webkit-mask-image:linear-gradient(90deg,transparent,#000 5.6rem,#000 calc(100% - 5.6rem),transparent);mask-image:linear-gradient(90deg,transparent,#000 5.6rem,#000 calc(100% - 5.6rem),transparent)}.ns-colour-pill{flex:0 0 auto;display:inline-flex;align-items:center;gap:.9rem;min-height:4.4rem;margin:0;padding:.4rem 1.6rem .4rem .4rem;border:1px solid var(--ns-border, #ded2c3);border-radius:99rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-size:1.4rem;line-height:1;letter-spacing:normal;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color var(--ns-dur-exit, .3s) var(--ns-ease-fade, ease),background-color var(--ns-dur-exit, .3s) var(--ns-ease-fade, ease),color var(--ns-dur-exit, .3s) var(--ns-ease-fade, ease),opacity var(--ns-dur-exit, .3s) var(--ns-ease-fade, ease)}.ns-colour-pill[hidden]{display:none}.ns-colour-pill:hover{border-color:var(--ns-charcoal, #2b2724)}.ns-colour-pill:focus-visible{outline:2px solid var(--ns-charcoal, #2b2724);outline-offset:2px}.ns-colour-pill__swatch{flex:none;width:3.6rem;height:3.6rem;border-radius:50%;overflow:hidden;background:rgb(var(--color-background));box-shadow:inset 0 0 0 1px #2b272414}.ns-colour-pill__swatch img{display:block;width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}.ns-colour-pill__count{font-size:1.2rem;font-variant-numeric:tabular-nums;color:var(--ns-muted, #6f6258)}.ns-colour-pill__count:empty{display:none}.ns-colour-pill[aria-pressed=true]{background:var(--ns-charcoal, #2b2724);border-color:var(--ns-charcoal, #2b2724);color:var(--ns-ivory, #f7f4ef)}.ns-colour-pill[aria-pressed=true] .ns-colour-pill__count{color:#f7f4efb8}.ns-colour-pill[aria-pressed=true] .ns-colour-pill__swatch{box-shadow:0 0 0 2px var(--ns-ivory, #f7f4ef)}.ns-colour-pill--empty:not([aria-pressed=true]){opacity:.5}.ns-colour-pill[aria-disabled=true]{cursor:default}.ns-colour-pill[aria-disabled=true]:hover{border-color:var(--ns-border, #ded2c3)}.ns-colour-pill__swatch img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}@media(hover:hover)and (pointer:fine){.ns-colour-pills__track.is-fade-end,.ns-colour-pills__track.is-fade-start{cursor:grab}}.ns-colour-pills__track.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.ns-colour-pills__track.is-dragging .ns-colour-pill{cursor:grabbing;pointer-events:none}@media screen and (max-width:749px){.ns-colour-pill{min-height:4.6rem;gap:.9rem;padding:.4rem 1.6rem .4rem .4rem;font-size:1.45rem}.ns-colour-pill__swatch{width:3.8rem;height:3.8rem}.ns-colour-pill__count{font-size:1.25rem}}.ns-colour-band__heading{margin:0 0 4px;font-family:var(--font-heading-family);font-size:24px;font-weight:400;color:rgb(var(--color-foreground))}.ns-colour-band__intro{margin:0 0 18px;font-family:var(--font-body-family);font-size:14px;color:rgba(var(--color-foreground),.68)}.ns-colour-band .ns-colour-pills{margin:0}.ns-colour-band .ns-colour-pill[aria-current=true]{cursor:default}.ns-colour-discs{display:flex;flex-wrap:nowrap;justify-content:flex-start;justify-content:safe center;padding-top:6px;margin-top:-6px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;gap:26px 30px}.ns-colour-discs::-webkit-scrollbar{display:none}.ns-colour-disc{flex:0 0 auto}.ns-colour-disc{display:flex;flex-direction:column;align-items:center;gap:10px;width:92px;text-decoration:none;color:inherit}.ns-colour-disc__swatch{width:76px;height:76px;border-radius:50%;overflow:hidden;background:rgb(var(--color-background));box-shadow:inset 0 0 0 1px #2b27241a;transition:box-shadow .2s ease,transform .2s ease}.ns-colour-disc__swatch img{display:block;width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}.ns-colour-disc:hover .ns-colour-disc__swatch,.ns-colour-disc:focus-visible .ns-colour-disc__swatch{box-shadow:inset 0 0 0 1px #2b27241a,0 0 0 2px #2b27248c;transform:translateY(-2px)}.ns-colour-disc__label{font-family:var(--font-body-family);font-size:14px;line-height:1.25;text-align:center;color:#2b2724}.ns-colour-disc__count{font-family:var(--font-body-family);font-size:13px;line-height:1.2;color:#7b6c5f;font-variant-numeric:tabular-nums;margin-top:-6px}.ns-colour-band__heading,.ns-colour-band__intro{text-align:center}.section:has(>.ns-colour-band--joined){margin-top:0}.section:has(+.section>.ns-colour-band--joined) .ns-pdp-related,.section:has(+.section>.ns-colour-band--joined) .ns-recently-viewed{padding-bottom:0}.ns-colour-band--joined{padding-top:var(--ns-cb-pt, 20px);padding-bottom:var(--ns-cb-pb, 40px)}.ns-colour-band__inner--frame{max-width:1400px;margin:0 auto;padding:0 48px;box-sizing:border-box}@media screen and (min-width:1400px){.ns-colour-band__inner--frame{padding-left:64px;padding-right:64px}}.ns-colour-band--joined .ns-colour-band__heading{font-family:var(--font-heading-family);font-size:22px;line-height:1.3;color:#2b2724e0;margin:0 0 18px;text-align:center}.ns-colour-band--joined .ns-colour-band__intro{margin-bottom:16px}@media screen and (max-width:989px){.ns-colour-band__inner--frame{padding-left:32px;padding-right:32px}.ns-colour-discs{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.ns-colour-discs::-webkit-scrollbar{display:none}.ns-colour-disc{flex:0 0 auto}.ns-colour-band__inner--frame .ns-colour-discs{margin-left:-32px;margin-right:-32px;padding-left:32px;padding-right:32px;scroll-padding-inline:32px}.ns-colour-band__bar{margin-top:12px}}@media screen and (max-width:749px){.ns-colour-band__inner--frame{padding-left:16px;padding-right:16px}.ns-colour-band__inner--frame .ns-colour-discs{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px;scroll-padding-inline:16px}.ns-colour-band--joined .ns-colour-band__heading{font-size:20px;margin-bottom:14px}}@media screen and (max-width:749px){.ns-colour-discs{gap:20px 18px}.ns-colour-disc{width:74px}.ns-colour-disc__swatch{width:62px;height:62px}.ns-colour-disc__label{font-size:13px}}.ns-colour-pills__bar{margin-top:-.4rem;margin-bottom:.8rem}
/*# sourceMappingURL=/cdn/shop/t/78/assets/ns-colour-pills.css.map */