.color-variable-item-fade:not(.active) span{opacity:.3}.color-variable-item-fade.active span{opacity:1!important}.variable-item{overflow:hidden;font-size:14px;background-color:rgba(255,255,255,0);color:#000;margin:1px 1px 0 0;outline:1px solid #63605a;display:inline-block;border:none;height:40px;line-height:40px;width:55px;text-align:center;cursor:pointer}.variable-item.active,.variable-item.active-variation{background-color:rgba(255,255,255,0);color:#000}.variable-item.outofstock{background:linear-gradient(to top right,transparent 0,transparent calc(50% - .8px),#ccc 50%,transparent calc(50% + .8px),transparent);background-color:rgba(0,0,0,0);cursor:no-drop}.color-variable-item.outofstock span,.image-variable-item.outofstock img{opacity:.3}.color-variable-item.outofstock,.image-variable-item.outofstock{opacity:1!important}.variable-item span,.variable-item-span-color{position:absolute;width:100%;height:100%;left:0}.color-variable-item,.variable-item{position:relative}