.color-guide-card{padding:20px}.color-guide-card__swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:40px}.color-guide-card__swatch{display:block!important;width:100%;height:100%;aspect-ratio:1/1;border-radius:50%}.color-guide-card__content{text-align:center}.color-guide-card__heading{margin-bottom:20px;font-family:var(--font-sweet-sans);font-size:8px;letter-spacing:3px;text-transform:uppercase}.color-guide-card__description{margin-bottom:20px;font-family:var(--font-canela);font-size:16px;letter-spacing:.3px;line-height:24px}.color-guide-card__link{display:flex;justify-content:center;align-items:center;gap:10px;color:rgb(var(--color-foreground));font-family:var(--font-sweet-sans);font-size:8px;letter-spacing:3px;text-decoration:none;text-transform:uppercase}.color-guide-card__link:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:1}.color-guide-card__link .svg-wrapper{display:none;width:40px;height:20px}.color-guide-card__link .svg-wrapper svg{width:100%;height:100%;fill:var(--color-primary)}@media screen and (min-width:750px){.color-guide-card{padding:0}.color-guide-card__swatches{gap:15px}.color-guide-card__content{text-align:left}.color-guide-card__description{font-size:18px;line-height:30px}.color-guide-card__link{display:flex;justify-content:flex-start;align-items:center;gap:10px;font-size:10px}.color-guide-card__link .svg-wrapper{display:block}}@media screen and (min-width:1100px){.color-guide-card__swatches{gap:25px}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/component-color-guide-card.css.map */