.color-explorer{padding:3.2rem 0 6rem;background:#f3f3f1}.color-explorer__inner{display:grid;gap:2.4rem;width:min(calc(100% - 3rem),120rem);margin-right:auto;margin-left:auto}.color-explorer__hero,.color-explorer__panel,.color-explorer__group{padding:2.8rem 3.2rem;background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.08);border-radius:1.4rem;box-shadow:0 .4rem 1.6rem #0000000a}.color-explorer__hero h1{margin:0;font-size:clamp(2.8rem,4vw,4.2rem);line-height:1.35}.color-explorer__eyebrow{margin:0 0 .8rem;color:rgba(var(--color-foreground),.56);font-size:1.2rem;font-weight:700;letter-spacing:.12em}.color-explorer__intro{max-width:78rem;margin-top:1.4rem;font-size:1.5rem;line-height:1.85}.color-explorer__section-heading{display:flex;gap:1.2rem;align-items:baseline;padding-bottom:1.2rem;border-bottom:.1rem solid rgba(var(--color-foreground),.18)}.color-explorer__section-heading p{margin:0;font-size:2rem;font-weight:700;letter-spacing:.08em}.color-explorer__section-heading h2{margin:0;color:rgba(var(--color-foreground),.64);font-size:1.4rem}.color-explorer__swatches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2rem 1.2rem;margin-top:2.4rem}.color-explorer__swatch-link{display:grid;gap:.8rem;justify-items:center;color:rgb(var(--color-foreground));text-align:center;text-decoration:none}.color-explorer__swatch{display:block;width:6rem;height:6rem;background:var(--swatch-color);border:.1rem solid rgba(var(--color-foreground),.18);border-radius:50%;box-shadow:inset 0 -.6rem 1rem #00000014;transition:transform .18s ease,box-shadow .18s ease}.color-explorer__swatch-link:hover .color-explorer__swatch{box-shadow:inset 0 -.6rem 1rem #00000014,0 .7rem 1.6rem #0000001f;transform:translateY(-.3rem)}.color-explorer__swatch-name{font-size:1.4rem;font-weight:600}.color-explorer__swatch-count{color:rgba(var(--color-foreground),.58);font-size:1.2rem}.color-explorer__groups{display:grid;gap:1.6rem}.color-explorer__group{padding-top:0;overflow:hidden;scroll-margin-top:10rem;border-top:.5rem solid var(--swatch-color)}.color-explorer__group-heading{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;padding-top:2.2rem}.color-explorer__group-heading h2{margin:0;font-size:2rem}.color-explorer__back{color:rgba(var(--color-foreground),.68);font-size:1.3rem}.color-explorer__stones{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.4rem 0 0;padding:0;list-style:none}.color-explorer__stone{padding:.7rem 1.1rem;font-size:1.3rem;background:color-mix(in srgb,var(--swatch-color) 18%,#f7f7f5);border:.1rem solid rgba(var(--color-foreground),.1);border-radius:999px}.color-explorer__products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem;margin-top:2rem}.color-explorer__product{display:grid;gap:1rem;min-width:0;padding:1.2rem;color:rgb(var(--color-foreground));text-decoration:none;background:#f7f7f5;border:.1rem solid rgba(var(--color-foreground),.1);border-radius:1rem}.color-explorer__product-media{aspect-ratio:1;overflow:hidden;background:rgba(var(--color-foreground),.05);border-radius:.8rem}.color-explorer__product-media img{width:100%;height:100%;object-fit:cover}.color-explorer__product-title{margin:0;font-size:1.4rem;font-weight:600;line-height:1.5}.color-explorer__product-price{margin:0;color:rgba(var(--color-foreground),.64);font-size:1.25rem}.color-explorer__empty{margin:0;padding:3rem;text-align:center;background:rgb(var(--color-background));border-radius:1.2rem}@media screen and (max-width:989px){.color-explorer__swatches,.color-explorer__products{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:749px){.color-explorer{padding:1.6rem 0 3.2rem}.color-explorer__inner{gap:1rem}.color-explorer__hero,.color-explorer__panel,.color-explorer__group{padding:2rem;border-radius:1rem}.color-explorer__group{padding-top:0}.color-explorer__section-heading{display:block}.color-explorer__section-heading h2{margin-top:.4rem}.color-explorer__swatches{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem 1rem}.color-explorer__products{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.color-explorer__product{padding:1rem}}@media(prefers-reduced-motion:reduce){.color-explorer__swatch{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/19/compiled_assets/styles.css.map?subset=AAAAAAAAAEA */