.swatch .header{min-width:100px}.swatch input{top:0;left:0;height:100%;opacity:0}.swatch label{min-width:40px !important;height:40px !important;background-color:#fff;font-size:15px !important;line-height:40px;white-space:nowrap;transition:all 0.4s ease}.color.swatch-element label{padding:0}.swatch input:checked+label{background:#fff;border-color:var(--mainColor) !important}.swatch input:checked ~ .product-variation__tick{display:block}.swatch .color input:checked+label{background:initial;border-color:initial;color:#000}.swatch .color input:checked+label{position:relative;border-color:var(--mainColor) !important}.swatch .color input:checked+label:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0}.swatch .swatch-element{-webkit-transform:translateZ(0);-webkit-font-smoothing:antialiased}.swatch .swatch-element.soldout label{background:linear-gradient(to top left, transparent calc(50% - 1px), #222, transparent calc(50% + 1px)) no-repeat;cursor:not-allowed;background-color:#9f9e9e;opacity:.4}.swatch.error code{font-family:monospace}label[for]{cursor:pointer}.product-variation__tick{width:1rem;height:1rem;overflow:hidden;right:0;bottom:0;display:none;pointer-events:none}.product-variation__tick::before{border:1rem solid transparent;border-bottom-color:transparent;border-bottom-color:var(--mainColor);content:'';position:absolute;right:-1rem;bottom:0}.product-variation__tick>.icon-tick-bold{position:absolute;right:2px;bottom:1px;fill:#fff;font-size:0.5rem;display:inline-block;width:1em;height:1em}