.jb-superstar-colour-preview-open{overflow:hidden}.jb-superstar-colours{display:block;padding:var(--jb-sc-pad-top, 44px) 0 var(--jb-sc-pad-bottom, 64px);overflow:hidden;background:var(--jb-sc-bg, #faf3e6);color:var(--jb-sc-ink, #1a1a1a)}.jb-superstar-colours[hidden]{display:none}.jb-superstar-colours__inner{width:min(100%,1380px);margin:0 auto;padding:0 clamp(18px,4vw,64px)}.jb-superstar-colours__header{max-width:820px;margin-bottom:26px}.jb-superstar-colours__header h2{margin:0;color:var(--jb-sc-ink, #1a1a1a);font-family:var(--font-display, inherit);font-size:clamp(34px,5vw,62px);font-weight:900;letter-spacing:.015em;line-height:.98;text-transform:uppercase}.jb-superstar-colours__header p{margin:14px 0 0;color:var(--jb-sc-ink, #1a1a1a);font-size:clamp(16px,2vw,20px);line-height:1.4;opacity:.78}.jb-superstar-colours__tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px;margin:0 0 34px;padding:4px;border:3px solid var(--jb-sc-ink, #1a1a1a);border-radius:24px;background:var(--jb-sc-card, #fff);box-shadow:5px 5px 0 var(--jb-sc-ink, #1a1a1a)}.jb-superstar-colours__tab{display:flex;min-width:0;min-height:68px;align-items:center;justify-content:center;gap:10px;padding:12px 18px;border:2px solid transparent;border-radius:18px;background:transparent;color:var(--jb-sc-ink, #1a1a1a);cursor:pointer;font-family:var(--font-display, inherit);font-size:clamp(13px,1.7vw,18px);font-weight:900;letter-spacing:.02em;line-height:1.1;text-transform:uppercase;transition:background .18s ease,color .18s ease,transform .18s ease}.jb-superstar-colours__tab b{display:inline-grid;min-width:34px;height:28px;place-items:center;padding:0 8px;border:2px solid currentColor;border-radius:999px;font-family:var(--font-body, inherit);font-size:12px;line-height:1}.jb-superstar-colours__tab.is-selected{border-color:var(--jb-sc-ink, #1a1a1a);background:var(--jb-sc-active, #6b175f);color:#fff}.jb-superstar-colours__tab:focus-visible,.jb-superstar-colours__media:focus-visible,.jb-superstar-colours__arrow:focus-visible,.jb-superstar-colours__dialog-close:focus-visible{outline:3px solid var(--jb-sc-accent, #ff3b00);outline-offset:3px}.jb-superstar-colours__rail-wrap{position:relative}.jb-superstar-colours__rail{display:grid;grid-auto-columns:clamp(144px,39vw,228px);grid-auto-flow:column;gap:18px;padding:5px 52px 16px 4px;overflow-x:auto;overflow-y:hidden;scroll-padding-left:4px;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.jb-superstar-colours__rail::-webkit-scrollbar{display:none}.jb-superstar-colours__card{position:relative;min-width:0;padding:10px 10px 14px;border:3px solid var(--jb-sc-ink, #1a1a1a);border-radius:24px;background:var(--jb-sc-card, #fff);box-shadow:7px 7px 0 var(--jb-sc-ink, #1a1a1a);scroll-snap-align:start;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.jb-superstar-colours__media{position:relative;display:block;width:100%;aspect-ratio:1 / 1;padding:0;overflow:hidden;border:2px solid var(--jb-sc-ink, #1a1a1a);border-radius:17px;background:#f5f1eb;color:var(--jb-sc-ink, #1a1a1a);cursor:zoom-in}.jb-superstar-colours__media img{width:100%;height:100%;object-fit:cover;transition:transform .22s ease}.jb-superstar-colours__media:hover img{transform:scale(1.025)}.jb-superstar-colours__zoom-icon{position:absolute;top:10px;right:10px;display:grid;width:38px;height:38px;place-items:center;border:2px solid var(--jb-sc-ink, #1a1a1a);border-radius:50%;background:#fff;box-shadow:2px 2px 0 var(--jb-sc-ink, #1a1a1a)}.jb-superstar-colours__zoom-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.jb-superstar-colours__name{display:-webkit-box;min-height:2.35em;margin:14px 4px 0;overflow:hidden;color:var(--jb-sc-ink, #1a1a1a);font-family:var(--font-display, inherit);font-size:clamp(15px,2vw,18px);font-weight:900;line-height:1.16;text-align:center;text-transform:uppercase;-webkit-box-orient:vertical;-webkit-line-clamp:2}.jb-superstar-colours__arrow{position:absolute;z-index:3;top:42%;display:grid;width:48px;height:48px;place-items:center;padding:0 0 4px;border:3px solid var(--jb-sc-ink, #1a1a1a);border-radius:50%;background:var(--jb-sc-card, #fff);box-shadow:3px 3px 0 var(--jb-sc-ink, #1a1a1a);color:var(--jb-sc-ink, #1a1a1a);cursor:pointer;font:900 34px/1 Arial,sans-serif;transform:translateY(-50%)}.jb-superstar-colours__arrow--previous{left:-20px}.jb-superstar-colours__arrow--next{right:-20px}.jb-superstar-colours__arrow:disabled{opacity:.28;cursor:default}.jb-superstar-colours__progress{display:grid;width:min(650px,80%);grid-template-columns:repeat(8,minmax(0,1fr));gap:9px;margin:25px auto 0}.jb-superstar-colours__progress span{height:6px;border-radius:999px;background:#6b175f33;background:color-mix(in srgb,var(--jb-sc-active, #6b175f) 20%,transparent);transition:background .18s ease}.jb-superstar-colours__progress span.is-active{background:var(--jb-sc-active, #6b175f)}.jb-superstar-colours__swipe{margin:18px 0 0;color:var(--jb-sc-active, #6b175f);font-family:var(--font-display, inherit);font-size:15px;font-weight:900;letter-spacing:.04em;text-align:center;text-transform:uppercase}.jb-superstar-colours__dialog{width:min(860px,calc(100vw - 30px));max-width:none;max-height:calc(100dvh - 30px);padding:18px;border:3px solid var(--jb-sc-ink, #1a1a1a);border-radius:28px;background:var(--jb-sc-bg, #faf3e6);box-shadow:8px 8px 0 var(--jb-sc-ink, #1a1a1a);color:var(--jb-sc-ink, #1a1a1a)}.jb-superstar-colours__dialog::backdrop{background:#1a1a1aad;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.jb-superstar-colours__dialog figure{margin:0}.jb-superstar-colours__dialog img{display:block;width:100%;max-height:calc(100dvh - 150px);object-fit:contain;border:2px solid var(--jb-sc-ink, #1a1a1a);border-radius:20px;background:#fff}.jb-superstar-colours__dialog figcaption{padding:16px 52px 2px 4px;font-family:var(--font-display, inherit);font-size:18px;font-weight:900;text-transform:uppercase}.jb-superstar-colours__dialog-close{position:absolute;z-index:2;top:28px;right:28px;display:grid;width:46px;height:46px;place-items:center;padding:0 0 4px;border:3px solid var(--jb-sc-ink, #1a1a1a);border-radius:50%;background:#fff;box-shadow:3px 3px 0 var(--jb-sc-ink, #1a1a1a);color:var(--jb-sc-ink, #1a1a1a);cursor:pointer;font:900 31px/1 Arial,sans-serif}@media(min-width:750px){.jb-superstar-colours__rail{grid-auto-columns:clamp(210px,21vw,270px)}}@media(max-width:749px){.jb-superstar-colours__header{margin-bottom:22px}.jb-superstar-colours__tabs{margin-bottom:28px;border-radius:20px;box-shadow:4px 4px 0 var(--jb-sc-ink, #1a1a1a)}.jb-superstar-colours__tab{min-height:60px;flex-direction:column;gap:5px;padding:9px 6px;border-radius:14px;font-size:12px}.jb-superstar-colours__tab b{min-width:29px;height:22px;font-size:10px}.jb-superstar-colours__arrow{display:none}.jb-superstar-colours__rail{grid-auto-columns:clamp(280px,84vw,580px);margin-right:calc(clamp(18px,4vw,64px)*-1);padding-right:52px}.jb-superstar-colours__card{border-radius:21px;box-shadow:5px 5px 0 var(--jb-sc-ink, #1a1a1a)}.jb-superstar-colours__progress{width:78%;gap:6px;margin-top:22px}}@media(prefers-reduced-motion:reduce){.jb-superstar-colours *,.jb-superstar-colours *:before,.jb-superstar-colours *:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/55/assets/jb-superstar-colour-carousel.css.map */