.xo-product-variant__inner-value-color{display:flex;flex-wrap:wrap;justify-content:start!important;gap:10px;margin-top:12px}.custom-color-swatch{display:inline-block;width:24px!important;height:24px!important;border-radius:50%!important;position:relative;overflow:hidden}.custom-color-swatch .xo-field-color{display:block!important;width:24px!important;height:24px!important;border-radius:50%!important;border:2px solid transparent!important;cursor:pointer;transition:all .2s ease;background:inherit!important;position:relative;padding:0!important;margin:0!important;box-shadow:none!important}.custom-color-swatch .xo-tooltip,.custom-color-swatch .xo-field-color__tooltip{display:block!important;width:24px!important;height:24px!important;border-radius:50%!important;background:inherit!important}.custom-color-swatch .xo-field-color__input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:10;top:0;left:0}.custom-color-swatch .xo-field-color__item{display:block!important;width:24px!important;height:24px!important;border-radius:50%!important;background:inherit!important;position:absolute;top:0;left:0;border:2px solid transparent!important;transition:all .2s ease}.custom-color-swatch .xo-field-color__icon,.custom-color-swatch .xo-field-color__icon svg,.custom-color-swatch svg{display:none!important;visibility:hidden!important;opacity:0!important;width:0!important;height:0!important}.custom-color-swatch .xo-field-color__label,.custom-color-swatch .xo-field-color__label span{display:none!important;visibility:hidden!important;opacity:0!important}.custom-color-swatch--white .xo-field-color,.custom-color-swatch--white .xo-field-color__item{border-color:#00000026!important}.custom-color-swatch:hover .xo-field-color,.custom-color-swatch:hover .xo-field-color__item{transform:scale(1.15);box-shadow:0 2px 8px #0003!important;border-color:transparent!important}.custom-color-swatch:hover .xo-field-color__input:checked~.xo-field-color__item{border-color:3px #000!important;transform:scale(1.15);box-shadow:0 0 0 4px #fff,0 0 0 4px #000,0 2px 8px #0003!important}.custom-color-swatch .xo-field-color__input:checked~.xo-field-color__item,.custom-color-swatch .xo-field-color__input:checked+.xo-field-color__item{border:3px solid #000!important;box-shadow:0 0 0 2px #fff,0 0 0 4px #000!important;transform:scale(1.1);border-radius:50%!important;outline:none!important}.custom-color-swatch:has(.xo-field-color__input:checked){border-radius:50%!important}.custom-color-swatch .xo-field-color__input:checked~*{border-radius:50%!important;outline:none!important}.custom-color-swatch:has(.xo-field-color__input:checked) .xo-field-color{border-radius:50%!important;box-shadow:none!important;outline:none!important;border:none!important}.custom-color-swatch:has(.xo-field-color__input:checked) .xo-tooltip,.custom-color-swatch:has(.xo-field-color__input:checked) .xo-field-color__tooltip{border:none!important;box-shadow:none!important;outline:none!important}.custom-color-swatch .xo-field-color__input:checked~.xo-field-color__item .xo-field-color__icon,.custom-color-swatch .xo-field-color__input:checked+* .xo-field-color__icon,.custom-color-swatch .xo-field-color__input:checked~* svg,.custom-color-swatch:has(.xo-field-color__input:checked) svg,.custom-color-swatch:has(.xo-field-color__input:checked) .xo-field-color__icon{display:none!important;visibility:hidden!important;opacity:0!important;width:0!important;height:0!important;content:none!important}.custom-color-swatch .xo-field-color__input:disabled~.xo-field-color__item,.custom-color-swatch .xo-field-color__input:disabled+.xo-field-color__item{opacity:.4;cursor:not-allowed}.custom-color-swatch .xo-field-color__input:disabled~.xo-field-color__item:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:2px;height:130%;background-color:#0009;z-index:1;display:block!important;visibility:visible!important;opacity:1!important}.custom-color-swatch .xo-field-color__input:disabled:hover~.xo-field-color__item{transform:none;box-shadow:none!important}.custom-color-swatch *:before,.custom-color-swatch *:after{content:none!important}.custom-color-swatch .xo-field-color__input:disabled~.xo-field-color__item:after{content:""!important}.xo-product-variant__inner-name{display:flex;align-items:baseline;gap:3px;margin-bottom:8px;font-size:14px}.xo-product-variant__inner-name p{margin:0;font-weight:500}.xo-product-variant__inner-selected-value{color:#000}.xo-product-card__header{overflow:visible}@media(max-width:768px){.custom-color-swatch,.custom-color-swatch .xo-field-color,.custom-color-swatch .xo-tooltip,.custom-color-swatch .xo-field-color__item{width:36px!important;height:36px!important}}
/*# sourceMappingURL=/cdn/shop/t/112/assets/color-swatches.css.map */