.color-swatches{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.2rem 0 .4rem}.color-swatches__label{width:100%;font-size:1.4rem;margin-bottom:.2rem}.color-swatches__label span{font-weight:600}.color-swatch{display:block;width:2.8rem;height:2.8rem;border-radius:50%;border:2px solid transparent;outline:2px solid transparent;transition:outline .15s,transform .15s;cursor:pointer;position:relative;text-decoration:none}.color-swatch:hover{transform:scale(1.15);outline:2px solid rgba(var(--color-foreground),.3);outline-offset:2px}.color-swatch.is-active{outline:2px solid rgb(var(--color-foreground));outline-offset:2px;cursor:default;transform:none}.color-swatch[title]:after{content:attr(title);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:1.1rem;padding:.3rem .7rem;border-radius:.4rem;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;z-index:10}.color-swatch:hover:after{opacity:1}.swatch--blanco{background-color:#fff;border-color:#ccc}.swatch--negro{background-color:#1a1a1a}.swatch--marino,.swatch--azul-marino{background-color:#1b2a4a}.swatch--azul-rey{background-color:#003da5}.swatch--azul-cielo{background-color:#87ceeb}.swatch--azul-francia{background-color:#0055a4}.swatch--verde-limon{background-color:#8db600}.swatch--verde-olivo{background-color:#708238}.swatch--jade{background-color:#00a86b}.swatch--menta{background-color:#7ec8a0}.swatch--tinto{background-color:#7b2d42}.swatch--rojo{background-color:#c00}.swatch--rosa{background-color:#f4a7b9}.swatch--palo-de-rosa{background-color:#c9a0a0}.swatch--fucsia{background-color:#ff1493}.swatch--salmon{background-color:salmon}.swatch--lila{background-color:#b57edc}.swatch--morado{background-color:purple}.swatch--uva{background-color:#6f2da8}.swatch--ladrillo{background-color:#b7410e}.swatch--cafe{background-color:#6f4e37}.swatch--beige{background-color:#f5f0dc;border-color:#ccc}.swatch--gris{background-color:gray}.swatch--gris-oxford{background-color:#4a4a4a}.swatch--gris-claro{background-color:#c8c8c8;border-color:#bbb}.swatch--plumbago{background-color:#5f7a8a}.swatch--naranja{background-color:#ff6b00}.swatch--amarillo{background-color:gold;border-color:#ccc}.swatch--beige-1{background-color:#f5f0dc;border-color:#ccc}
/*# sourceMappingURL=/cdn/shop/t/3/assets/color-swatches.css.map */