:root{--swatchDimension:34px}.swatch{border:0;cursor:pointer;display:inline-block;font-family:Uniqlo Pro;font-size:14px;height:var(--swatchDimension);letter-spacing:0;line-height:var(--swatchDimension);margin:0 0 var(--space-Small) var(--space-Small);min-width:var(--swatchDimension);padding:0;position:relative;text-align:center;vertical-align:top}.swatch:focus,.swatch:hover{outline:2px solid #000;outline-offset:1px}.swatch:before{content:"";inset:0 0 calc(var(--space-Small)*-1) calc(var(--space-Small)*-1);position:absolute}.swatch--length,.swatch--size{background:#0000;outline:1px solid currentColor;padding:0 4px}.swatch--noStock[class]{background:#fff;color:var(--color-lightGrey);position:relative}.swatch--noStock[class]:after{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%;bottom:0;content:"";left:0;opacity:.4;position:absolute;right:0;top:0}.swatch--noStock[class].swatch--color:after{opacity:1}.swatch--noStock[class]Light:after{filter:invert(1)}.swatch--quickshop{background:#fff;border:1px solid var(--color-fontOpaque);height:30px;line-height:1.25em;margin:0 var(--space-Mini) var(--space-Mini) 0;min-width:30px;overflow:hidden;padding:2px;text-overflow:ellipsis;white-space:nowrap}.swatch--quickshop.swatch--onesize{padding:2px var(--space-Tiny);text-transform:uppercase}.swatch--quickshop:focus,.swatch--quickshop:hover{border-color:#000;outline:1px solid #000;outline-offset:0}.swatch--quickshop.swatch--noStock:focus,.swatch--quickshop.swatch--noStock:hover{border-color:var(--color-fontOpaque);cursor:auto;outline:0;outline-offset:0}.swatch--selected{background:#000;color:#fff;outline:1px solid #000}.swatch--selected.swatch--noStock,.swatch--selected.swatch--noStock:focus,.swatch--selected.swatch--noStock:hover{outline-width:2px}.swatch--selected.swatch--stockOnHover{background:#fff;color:#000;outline:2px solid #000}.swatch--selected.swatch--color,.swatch--selected.swatch--color:focus,.swatch--selected.swatch--color:hover{outline:2px solid #000;outline-offset:1px}.swatch--selectedQuickShop{outline:0;outline-offset:0}.swatch--selected:focus,.swatch--selected:hover{cursor:auto;outline:1px solid #000;outline-offset:0}.swatchImg{animation:pulseBG 2s 5;background-color:currentColor;color:var(--color-placeHolder);display:block;height:var(--swatchDimension);width:var(--swatchDimension)}.swatchBox{--widthRowExtend:var(--swatchDimension);font-size:0;margin-left:calc(var(--space-Mini)*-1);margin-right:calc(var(--space-Mini)*-1);position:relative;transform:translateX(-3px)}.swatchBox--oneRow{display:flex;flex-wrap:wrap;margin-top:-3px;max-height:calc(var(--swatchDimension) + var(--space-Small));overflow:hidden;padding-right:var(--widthRowExtend);padding-top:3px}.swatchBox--oneRow:after{background:#fff;content:"";display:block;margin-left:auto;margin-right:calc(var(--widthRowExtend)*-1);z-index:1}.swatchBox--oneRow:after,.swatchBox__rowExtend{transform:translateX(3px);width:var(--widthRowExtend)}.swatchBox__rowExtend{align-items:center;display:flex;height:100%;justify-content:center;padding-bottom:var(--space-Mini);position:absolute;right:0;top:3px}.swatchHeadline{color:var(--color-fontOpaque);flex-basis:100%;font-family:Helvetica Neue,HelveticaNeue,Helvetica,Segoe UI,Noto Sans,Roboto,Arial,Arial Unicode MS,sans-serif;font-size:14px;font-weight:400;line-height:1;margin-bottom:var(--space-Mini)}.swatchHeadline--select{color:#000;font-weight:400}