.yb-spectrum{padding-block:6rem}.yb-spectrum__eyebrow{margin:0 0 1.2rem;font-size:1.2rem;letter-spacing:.18em;text-transform:uppercase;opacity:.62;font-weight:500}.yb-spectrum__heading{margin:0 0 1.6rem;max-width:22ch}.yb-spectrum__intro{max-width:58ch;margin:0 0 4rem;opacity:.82;font-size:1.7rem;line-height:1.6}.yb-spectrum__sub{margin:4.5rem 0 1.8rem;font-size:1.15rem;letter-spacing:.16em;text-transform:uppercase;font-weight:500;opacity:.7;padding-bottom:1rem;border-bottom:1px solid rgba(var(--color-foreground),.14)}.yb-spectrum__sub:first-of-type{margin-top:0}.yb-sw-grid{display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr))}.yb-sw{display:flex;flex-direction:column;gap:.7rem;text-decoration:none;color:inherit;transition:transform .18s ease}.yb-sw__chip{display:block;width:100%;aspect-ratio:1/1;background:var(--sw);box-shadow:inset 0 0 0 1px #00000047;transition:transform .18s ease,box-shadow .18s ease}.yb-sw--dark .yb-sw__chip{box-shadow:inset 0 0 0 1px #ffffff4d}.yb-sw__name{font-size:1.35rem;line-height:1.25;font-weight:500}.yb-sw__hex{font-size:1.05rem;letter-spacing:.08em;opacity:.68;font-variant-numeric:tabular-nums}.yb-sw__soon{font-size:1.05rem;letter-spacing:.08em;text-transform:uppercase;opacity:.82}.yb-sw:hover .yb-sw__chip{transform:scale(1.045);box-shadow:inset 0 0 0 1px #00000047,0 .8rem 2rem #00000038}.yb-sw--dark:hover .yb-sw__chip{box-shadow:inset 0 0 0 1px #ffffff4d,0 .8rem 2rem #0006}.yb-sw:focus-visible{outline:none}.yb-sw:focus-visible .yb-sw__chip{outline:3px solid rgb(var(--color-background));outline-offset:-3px;box-shadow:0 0 0 3px rgb(var(--color-foreground))}.yb-sw--soon{cursor:default}.yb-sw--soon .yb-sw__chip{opacity:.45}.yb-sw--soon .yb-sw__name{opacity:.78}.yb-spectrum__cta{margin-top:5rem}@media(max-width:749px){.yb-spectrum{padding-block:4rem}.yb-sw-grid{grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:1rem}.yb-sw__name{font-size:1.2rem}}@media(prefers-reduced-motion:reduce){.yb-sw,.yb-sw__chip{transition:none}.yb-sw:hover .yb-sw__chip{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/yb-spectrum.css.map */