.color-swatches-container{margin:20px 0;padding:0}.color-label{font-size:15px;color:#333;margin-bottom:14px;font-weight:400;letter-spacing:.3px}.color-value{font-weight:500;color:#000;text-transform:capitalize}.color-swatches-wrapper{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}.color-swatch-item{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.color-swatch-link{text-decoration:none;color:inherit;display:block;transition:all .25s cubic-bezier(.4,0,.2,1);border-radius:50%}.color-swatch-link:hover{transform:translateY(-1px)}.color-swatch-link:focus{outline:none}.color-swatch{width:64px;height:64px;border-radius:50%;background-size:cover;background-position:center;background-repeat:no-repeat;border:2px solid #d1d5db;position:relative;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);overflow:hidden}.color-swatch:hover{border-color:#9ca3af;transform:scale(1.02);cursor:pointer}.color-swatch-item.active .color-swatch{border-color:#000}.color-swatch-item.active .color-swatch:hover{transform:scale(1.02);cursor:pointer}.color-name{font-size:12px;color:#6b7280;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;letter-spacing:.2px;transition:color .25s cubic-bezier(.4,0,.2,1);text-transform:capitalize;margin-top:8px}.color-swatch-item.active .color-name{color:#000;font-weight:500}.color-swatch-link:hover .color-name{color:#374151}@media (max-width: 768px){.color-swatches-container{margin:16px 0}.color-label{font-size:14px;margin-bottom:12px}.color-swatch{width:42px;height:42px}.color-name{font-size:11px;max-width:50px;margin-top:6px}.color-swatches-wrapper{gap:10px}}@media (max-width: 480px){.color-swatch{width:38px;height:38px}.color-name{font-size:10px;max-width:45px}.color-swatches-wrapper{gap:8px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/color-swatches.css.map */