.color-swatch-wrapper{margin:25px 0}.variant-label{display:block;font-weight:600;margin-bottom:12px;font-size:13px;text-transform:uppercase;letter-spacing:.8px;color:#333}.color-swatch-list{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.color-swatch-item{position:relative}.color-swatch-item input[type=radio]{position:absolute;opacity:0;pointer-events:none}.color-swatch-label{display:block;cursor:pointer;position:relative;transition:all .25s ease}.color-swatch-image,.color-swatch-color{width:50px;height:50px;border:2px solid #ddd;border-radius:4px;display:block;transition:all .25s ease}.color-swatch-image{object-fit:cover}.color-swatch-label:hover .color-swatch-image,.color-swatch-label:hover .color-swatch-color{border-color:#999;transform:scale(1.08);box-shadow:0 2px 8px #00000026}.color-swatch-item input[type=radio]:checked+.color-swatch-label .color-swatch-image,.color-swatch-item input[type=radio]:checked+.color-swatch-label .color-swatch-color{border-color:#000;border-width:3px;box-shadow:0 0 0 2px #0000001a}.color-swatch-item input[type=radio]:disabled+.color-swatch-label{opacity:.35;cursor:not-allowed}.color-swatch-item input[type=radio]:disabled+.color-swatch-label:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:1px;height:60px;background-color:#666}.color-swatch-name{position:absolute;bottom:-35px;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:6px 10px;border-radius:3px;font-size:11px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:100}.color-swatch-name:before{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #333}.color-swatch-label:hover .color-swatch-name{opacity:1}.selected-color-name{font-size:13px;color:#666;margin-top:8px}.selected-color-value{font-weight:600;color:#333}@media (max-width: 768px){.color-swatch-image,.color-swatch-color{width:45px;height:45px}.color-swatch-list{gap:8px}}@media (max-width: 480px){.color-swatch-image,.color-swatch-color{width:40px;height:40px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/theme.css.map */