.custom-color-swatches{margin:15px 0}.custom-color-swatches__label{margin-bottom:10px;font-weight:500}.custom-color-swatches__option-name{color:#333}.custom-color-swatches__current-value{color:#666;margin-left:5px}.custom-color-swatches__container{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.custom-color-swatch{position:relative;cursor:pointer;transition:all .2s ease}.custom-color-swatch:hover{transform:scale(1.1)}.custom-color-swatch__input{position:absolute;opacity:0;pointer-events:none}.custom-color-swatch__label{display:block;width:30px;height:30px;border-radius:50%;cursor:pointer;position:relative;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.custom-color-swatch--selected .custom-color-swatch__label{box-shadow:0 0 0 3px #fff,0 0 0 6px #00a62d;transform:scale(1.1)}.custom-color-swatch--unavailable{opacity:.5;cursor:not-allowed}.custom-color-swatch--unavailable:hover{transform:none}.custom-color-swatch--unavailable .custom-color-swatch__label{cursor:not-allowed}.custom-color-swatch__unavailable-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#999;font-size:16px;font-weight:700}.custom-color-swatches--small .custom-color-swatch__label{width:24px;height:24px}.custom-color-swatches--large .custom-color-swatch__label{width:40px;height:40px}.custom-color-swatches--xlarge .custom-color-swatch__label{width:50px;height:50px}.custom-color-swatch{position:relative}.custom-color-swatch:before{content:attr(data-value);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:6px 10px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease;z-index:1000;margin-bottom:8px;box-shadow:0 2px 8px #0000004d;pointer-events:none}.custom-color-swatch:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#000000e6;opacity:0;visibility:hidden;transition:all .3s ease;z-index:1000;margin-bottom:3px;pointer-events:none}.custom-color-swatch:hover:before,.custom-color-swatch:hover:after{opacity:1;visibility:visible}.custom-color-swatch[title]:hover:before{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:6px 10px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;z-index:1000;margin-bottom:8px;box-shadow:0 2px 8px #0000004d;pointer-events:none}[data-product-option-color]{display:none!important}@media (max-width: 767px){.custom-color-swatches__container{gap:6px}.custom-color-swatch__label{width:28px;height:28px}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/custom-color-swatches.css.map */