.xo-product-variant__inner-value{display:flex!important;flex-wrap:wrap!important;gap:1.2rem!important;align-items:flex-start!important;justify-content:flex-start!important;margin-left:0!important;padding-left:0!important}.xo-field-color{--size: 5rem !important;width:auto!important;min-width:7rem!important;display:inline-flex!important;flex-direction:column!important;align-items:center!important;margin:0!important;padding:0!important;flex-shrink:0!important;box-sizing:border-box!important}.xo-product-card .xo-field-color{--size: 2.4rem !important;min-width:2.4rem!important;margin:0!important}.xo-product-card .xo-field-color__item{width:2.4rem!important;height:2.4rem!important;min-width:2.4rem!important;min-height:2.4rem!important}.xo-product-card .xo-product-variant__inner-value{gap:.6rem!important;justify-content:center!important;align-items:center!important;margin:0 auto!important;padding:0!important;text-align:center!important}.xo-product-card .xo-product-variant__inner{text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important}.xo-product-variant__inner{margin:0!important;padding-left:0!important}.xo-product-variant{margin-left:0!important;padding-left:0!important}.xo-field-color__item{width:5rem!important;height:5rem!important;min-width:5rem!important;min-height:5rem!important;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;border:2px solid transparent;transition:all .2s ease;cursor:pointer;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.xo-field-color__fill{width:100%;height:100%;border-radius:50%;background-color:var(--color);display:flex;align-items:center;justify-content:center;position:relative;border:var(--color-swatch-border-width, 1.1rem) solid rgba(var(--color-swatch-border-color, 0, 0, 0),var(--color-swatch-border-opacity, .51));overflow:hidden;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.xo-field-color__image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;border-radius:50%;overflow:hidden;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.xo-field-color__image img,.xo-field-color__image .xo-image{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.xo-field-color--modifier .xo-field-color__fill{background-color:transparent!important;border:none!important}.xo-field-color__icon{position:relative;z-index:2}.xo-field-color__icon{opacity:0;transform:scale(.5);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.xo-field-color__input:checked+.xo-field-color__item .xo-field-color__icon{opacity:1;transform:scale(1)}.xo-product-card .xo-field-color__input:checked+.xo-field-color__item .xo-field-color__icon{opacity:0!important}.xo-field-color__input:checked+.xo-field-color__item .xo-field-color__icon svg{width:2rem;height:2rem;color:#fff!important;filter:drop-shadow(0 0 4px rgba(0,0,0,.8));shape-rendering:geometricPrecision;stroke-width:2px;stroke:#000;stroke-linecap:round;stroke-linejoin:round;transform:translateZ(0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.xo-field-color__input:checked+.xo-field-color__item{border:none!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-swatch-active, #22c55e) calc(var(--color-swatch-inner-opacity, 1) * 100%),transparent) inset,0 0 0 2px #fff,0 0 0 6px color-mix(in srgb,var(--color-swatch-active, #22c55e) calc(var(--color-swatch-opacity, .35) * 100%),transparent);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;outline:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.xo-product-card .xo-field-color__input:checked+.xo-field-color__item{box-shadow:none!important;border:2px solid transparent!important}@supports not (color: color-mix(in srgb,red,blue)){.xo-field-color__input:checked+.xo-field-color__item{box-shadow:0 0 0 3px rgba(34,197,94,var(--color-swatch-inner-opacity, 1)) inset,0 0 0 2px #fff,0 0 0 6px rgba(34,197,94,var(--color-swatch-opacity, .35))}.xo-product-card .xo-field-color__input:checked+.xo-field-color__item{box-shadow:none!important}}.xo-field-color:hover .xo-field-color__item{transform:scale(1.1)}.xo-field-color__item{box-shadow:inset 0 0 0 1px #0000001a}.xo-field-color__label,.xo-field-color .xo-field-color__label,.xo-field-color__label span{display:block!important;visibility:visible!important;opacity:1!important;text-align:center!important;margin-top:1rem!important;font-size:1.4rem!important;color:rgba(var(--color-foreground),.9)!important;font-weight:500!important;line-height:1.2!important;text-transform:capitalize!important}.xo-product-card .xo-field-color__label,.xo-product-card .xo-field-color .xo-field-color__label,.xo-product-card .xo-field-color__label span{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;margin:0!important;padding:0!important}.xo-field-color__label{height:auto!important;width:auto!important;position:relative!important;clip:auto!important;clip-path:none!important;overflow:visible!important;white-space:normal!important}.xo-field-color__input{position:absolute;opacity:0;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/22/assets/color-swatches-custom.css.map */
