#color-swatches{position:absolute;bottom:calc(var(--gutter-desktop) * 2);left:3rem}#color-swatches ul{list-style:none;display:flex;margin:0;padding:0;position:relative;font-size:1.8rem}#color-swatches li{border:2px solid transparent;border-radius:50%;margin-right:1rem;height:3.2rem;width:3.2rem;display:block;transition:border-color var(--duration-short) ease}#color-swatches li a{background-color:rgb(var(--color-background));height:100%;width:100%;display:block;border:2px solid rgb(var(--color-base-accent-1));border-radius:50%}#color-swatches ul:hover li:not(:hover){border-color:transparent}#color-swatches li:hover,#color-swatches li.selected{border-color:rgb(var(--color-base-accent-2))}#color-swatches li span{position:absolute;padding:0 .5rem;margin-top:-.2rem;left:100%;opacity:0;white-space:nowrap;text-shadow:0 0 4px rgb(var(--color-base-accent-1));transition:opacity var(--duration-short) ease}#color-swatches ul:hover li:not(:hover) span{opacity:0}#color-swatches li:hover span,#color-swatches li.selected span{opacity:1}@media only screen and (max-width: 599px){#color-swatches{margin-top:2rem;position:unset;float:left}#color-swatches ul{font-size:1.6rem}#color-swatches li{height:2.4rem;width:2.4rem;margin-right:.5rem}#color-swatches li a{background-color:rgb(var(--color-base-accent-1))}#color-swatches li span{margin-top:-.8rem}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-color-swatches.css.map */