.color-guide{--color-guide-muted: rgba(var(--color-foreground), .75);--color-guide-line: rgba(var(--color-foreground), .08);--color-guide-swatch-border: #e4e5e4}.color-guide__title{margin:0 0 1.6rem}.color-guide__intro{max-width:62rem;margin-bottom:4rem;color:var(--color-guide-muted)}.color-guide__nav{margin-bottom:5.6rem;padding-bottom:3.2rem;border-bottom:.1rem solid var(--color-guide-line)}.color-guide__nav-list{display:flex;flex-wrap:wrap;gap:1.2rem 2.4rem;margin:0;padding:0;list-style:none}@media screen and (min-width:990px){.color-guide__nav-list{gap:1.6rem 3.2rem}}.color-guide__nav-item{display:inline-flex;align-items:center;gap:.8rem;font-size:1.4rem;line-height:1.1;color:var(--color-guide-muted);text-decoration:none}.color-guide__nav-item:hover{color:rgb(var(--color-foreground));text-decoration:underline;text-underline-offset:.3rem}.color-guide__dot{display:block;flex-shrink:0;width:3.2rem;height:3.2rem;border-radius:50%}.color-guide__dot--light,.color-guide__dot--clear{box-shadow:inset 0 0 0 .1rem var(--color-guide-swatch-border)}.color-guide__dot--small{width:1.8rem;height:1.8rem}.color-guide__dot--clear{background:radial-gradient(circle at 32% 28%,#fff,#f3f3f3 45%,#e4e5e4)}.color-guide__color{padding-bottom:5.6rem;margin-bottom:5.6rem;border-bottom:.1rem solid var(--color-guide-line);scroll-margin-top:12rem}.color-guide__color:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}.color-guide__head{margin-bottom:1.6rem}.color-guide__color-title{margin:0;font-size:2.6rem;line-height:1.2}.color-guide__description{max-width:62rem;margin-bottom:2.4rem;color:var(--color-guide-muted)}.color-guide__cols{margin-bottom:3.2rem}.color-guide__stones-label{margin:0 0 1.2rem;font-size:1.4rem;letter-spacing:.06rem;color:var(--color-guide-muted)}.color-guide__stones{display:flex;flex-wrap:wrap;gap:.8rem;margin:0 0 3.2rem;padding:0;list-style:none}.color-guide__stone{display:inline-block;padding:.7rem 1.4rem;font-size:1.4rem;line-height:1.2;color:var(--color-guide-muted);text-decoration:none;border:.1rem solid var(--color-guide-line);border-radius:2.4rem;transition:color var(--duration-short) ease,border-color var(--duration-short) ease}a.color-guide__stone:hover{color:rgb(var(--color-foreground));border-color:rgba(var(--color-foreground),.3)}.color-guide__stone--plain{border-style:dashed}.color-guide__products{margin-bottom:2.4rem}@media screen and (max-width:749px){.color-guide__products{display:flex;flex-wrap:nowrap;gap:var(--grid-mobile-horizontal-spacing);margin-right:-1.5rem;margin-left:-1.5rem;padding-right:1.5rem;padding-left:1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:1.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.color-guide__products::-webkit-scrollbar{display:none}.color-guide__products .grid__item{flex:0 0 auto;width:75%;max-width:75%;scroll-snap-align:start}.color-guide__products .card-carousel__track{overflow-x:hidden;scroll-snap-type:none}.color-guide__products .card-carousel__arrow,.color-guide__products .card-carousel__progress{display:none}}@media screen and (min-width:750px){.color-guide__products{--grid-desktop-horizontal-spacing: 8px}.color-guide__products .grid__item{width:calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);max-width:calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4)}.color-guide__products .card__content,.color-guide__products .card__information,.color-guide__products .card__heading,.color-guide__products .price{text-align:center}.color-guide__products .price{justify-content:center}}@media screen and (min-width:990px){.color-guide__title,.color-guide__intro{text-align:center}.color-guide__intro{margin-right:auto;margin-left:auto}.color-guide__nav-list{justify-content:center}.color-guide__cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;padding:0 4.8rem}.color-guide__description{margin-bottom:0}.color-guide__stones-col{padding-top:2.4rem}.color-guide__stones-label{text-align:center}.color-guide__stones{justify-content:center;margin-bottom:0}}.color-guide__cta{display:flex;justify-content:center;padding-top:2.4rem}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-color-guide.css.map */