.jj-models{--jj-ink: rgb(var(--color-foreground));--jj-mute: rgba(var(--color-foreground), .62);--jj-line: rgba(var(--color-foreground), .12)}.jj-models__inner{padding-top:2.4rem;padding-bottom:6rem}.jj-models__empty{text-align:center;padding:4rem 0}.jj-models__jump{display:flex;flex-wrap:wrap;gap:.8rem;margin:0 0 1.2rem;padding:0 0 2rem;border-bottom:1px solid var(--jj-line)}.jj-models__chip{display:inline-block;padding:.7rem 1.4rem;border:1px solid var(--jj-line);border-radius:999px;text-decoration:none;font-size:1.3rem;letter-spacing:.01em;color:var(--jj-ink);background:transparent;transition:border-color .15s,background .15s}.jj-models__chip:hover,.jj-models__chip:focus-visible{border-color:var(--jj-ink);background:rgba(var(--color-foreground),.04)}.jj-models__family{padding:4rem 0 2rem;scroll-margin-top:9rem}.jj-models__family+.jj-models__family{border-top:1px solid var(--jj-line)}.jj-models__head{margin-bottom:2.4rem;max-width:72rem}.jj-models__head h2{margin:0 0 .6rem;letter-spacing:-.01em}.jj-models__head p{margin:0;color:var(--jj-mute);line-height:1.6}.jj-models__grid{list-style:none;margin:0;padding:0;display:grid;gap:3.2rem 2rem;grid-template-columns:repeat(2,minmax(0,1fr))}@media screen and (min-width:750px){.jj-models__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4rem 2.4rem}}@media screen and (min-width:990px){.jj-models__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4.8rem 3.2rem}}.jj-model{min-width:0}.jj-model__media{display:block;aspect-ratio:1 / 1;overflow:hidden;border-radius:0;background:transparent}.jj-model__media img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .35s ease}.jj-model__media:hover img{transform:scale(1.03)}.jj-model__body{padding:1.4rem 0 0}.jj-model__title{margin:0 0 .5rem;font-size:1.6rem;line-height:1.3;letter-spacing:0}.jj-model__title a{text-decoration:none;color:inherit}.jj-model__title a:hover{text-decoration:underline;text-underline-offset:.2em}.jj-model__facts{margin:0 0 1rem;font-size:1.2rem;color:var(--jj-mute);display:flex;flex-wrap:wrap;gap:.2rem 0}.jj-model__facts>*+*:before{content:"\b7";margin:0 .6rem;opacity:.6}.jj-model__code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.15rem;letter-spacing:.04em;color:var(--jj-ink);opacity:.8}.jj-swatches{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.7rem}.jj-swatches li{display:block;flex:0 0 auto}.jj-swatches a.jj-swatch{display:block}.jj-swatch{display:block;width:2.2rem;height:2.2rem;min-width:2.2rem;min-height:2.2rem;border-radius:50%;background-color:var(--top, #ccc);box-shadow:inset 0 0 0 2.5px var(--frame, #1a1a1a),0 0 0 1px rgba(var(--color-foreground),.18);transition:transform .15s}.jj-swatch:hover,.jj-swatch:focus-visible{transform:scale(1.12);outline:0;box-shadow:inset 0 0 0 2.5px var(--frame, #1a1a1a),0 0 0 1px rgba(var(--color-foreground),.18),0 0 0 3px rgb(var(--color-background)),0 0 0 4px var(--jj-ink)}.jj-swatch--na{opacity:.4}.jj-model__colours{margin:.6rem 0 0;font-size:1.15rem;color:var(--jj-mute)}.jj-models__view{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.4rem;margin:0 0 1.6rem;padding:1.2rem 0 1.6rem;border-bottom:1px solid var(--jj-line)}.jj-models__view[hidden]{display:none}.jj-models__view-label{font-size:1.3rem;letter-spacing:.02em;text-transform:uppercase;color:var(--jj-mute)}.jj-models__view-group{display:inline-flex;border:1px solid var(--jj-line);border-radius:999px;padding:.3rem;background:rgba(var(--color-foreground),.03)}.jj-models__view-btn{display:inline-flex;align-items:center;gap:.7rem;padding:.7rem 1.5rem .7rem 1.1rem;border:0;border-radius:999px;background:transparent;color:var(--jj-ink);font:inherit;font-size:1.4rem;line-height:1;cursor:pointer;transition:background .15s,color .15s}.jj-models__view-btn:hover{background:rgba(var(--color-foreground),.06)}.jj-models__view-btn[aria-pressed=true]{background:var(--jj-ink);color:rgb(var(--color-background))}.jj-models__view-btn:focus-visible{outline:2px solid var(--jj-ink);outline-offset:2px}.jj-models__view-btn[hidden]{display:none}.jj-models__view-dot{width:1.6rem;height:1.6rem;border-radius:50%;background:var(--c, #ccc);box-shadow:0 0 0 1px #0000002e;flex:0 0 auto}.jj-models__view-note{flex-basis:100%;margin:0;font-size:1.2rem;color:var(--jj-mute)}.jj-models__view-note[hidden]{display:none}.jj-swatch.is-current{box-shadow:inset 0 0 0 2.5px var(--frame, #1a1a1a),0 0 0 1px rgba(var(--color-foreground),.18),0 0 0 3px rgb(var(--color-background)),0 0 0 4px var(--jj-ink)}.jj-model.is-missing .jj-model__media{opacity:.45}.jj-model.is-missing .jj-model__body{opacity:.6}.jj-model__missing{margin:.6rem 0 0;font-size:1.15rem;color:var(--jj-mute)}.jj-model__missing[hidden]{display:none}
/*# sourceMappingURL=/cdn/shop/t/7/assets/jj-collection-models.css.map */
