.swatch{--swatchDimension:34px;display:inline-block;min-width:var(--swatchDimension);height:var(--swatchDimension);line-height:var(--swatchDimension);padding:0;border:0;text-align:center;margin:0 0 var(--space-Small) var(--space-Small);font-size:14px;font-family:Uniqlo Pro;letter-spacing:0;cursor:pointer}.swatch--length,.swatch--size{background:transparent;outline:1px solid currentColor;padding:0 4px}.swatch--selected{outline:2px solid #000;outline-offset:1px}.swatch--selectedQuickShop{outline:1px solid #000;outline-offset:0}.swatch--noStock{color:var(--color-lightGrey);position:relative;cursor:auto}.swatch--noStock:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 100 100'><path d='M-1.5,98.5l100-100l3,3l-100,100' fill='black' /></svg>");background-size:100% 100%;opacity:.4}.swatch--noStock.swatch--color:after{opacity:1}.swatch--noStockLight:after{filter:invert(1)}.swatch--quickshop{min-width:22px;height:22px;line-height:1.25em;padding:2px;border:1px solid var(--color-fontOpaque);margin:0 var(--space-Mini) var(--space-Mini) 0;background:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.swatch--quickshop:not(.swatch--noStock):hover{outline:1px solid #000;border-color:#000}.swatch--quickshop.swatch--onesize{padding:2px var(--space-Tiny);text-transform:uppercase}.swatchImg{display:block;width:var(--swatchDimension)}.swatchBox{margin-left:calc(var(--space-Mini)*-1);margin-right:calc(var(--space-Mini)*-1);transform:translateX(-3px);font-size:0;position:relative}.swatchHeadline{flex-basis:100%;margin-bottom:var(--space-Mini);font-size:14px;line-height:1;font-family:Helvetica Neue,HelveticaNeue,Helvetica,Segoe UI,Noto Sans,Roboto,Arial,Arial Unicode MS,sans-serif;font-weight:400;color:var(--color-fontOpaque)}.swatchHeadline--select{color:#000;font-weight:400}