.AttributeValueThumbnail{position:relative;display:inline-block;width:40px;height:40px;border-radius:2px}.AttributeValueThumbnail--sizeXS{width:40px;height:40px}.AttributeValueThumbnail--sizeS{width:65px;height:65px}.AttributeValueThumbnail--sizeM{width:90px;height:90px}.AttributeValueThumbnail--sizeL{width:140px;height:140px}.AttributeValueThumbnail--sizeXL{width:240px;height:240px}@media (hover){.AttributeValueThumbnail--hoverEnabled:not(.AttributeValueThumbnail--colorSwatch):hover{padding:2px;border:3px solid #ff6c1a}}.AttributeValueThumbnail--selected:not(.AttributeValueThumbnail--colorSwatch){padding:2px;border:3px solid #ff6c1a;border-color:#007acd}.AttributeValueThumbnail-button{display:block;width:100%;padding:0;text-align:left;background:none;border:none;border-radius:0;-webkit-appearance:none;height:100%}.AttributeValueThumbnail-colorSwatchWrapper{margin-right:2px;margin-left:2px}.AttributeValueThumbnail-realview{width:100%}.AttributeValueThumbnail-zazziconWrapper{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:100%;height:100%}.AttributeValueThumbnail-zazziconWrapper .Zazzicon{color:#212121;font-size:35px}.AttributeValueThumbnail-callout,.AttributeValueThumbnail-moreInfoButton{position:absolute;right:0;bottom:0;left:0;color:#fff;line-height:1.5;text-align:center}.AttributeValueThumbnail-callout{background:#212121}@media (hover){.AttributeValueThumbnail--hasMoreInfoButton:hover .AttributeValueThumbnail-callout{visibility:hidden;opacity:0;transition:opacity .2s ease,visibility .2s ease}}.AttributeValueThumbnail-moreInfoButton{display:block;width:100%;padding:0;text-align:left;background:none;border:none;border-radius:0;-webkit-appearance:none;visibility:hidden;opacity:0;text-align:center;background:rgba(0,0,0,.4);transition:opacity .2s ease,visibility .2s ease;cursor:pointer}.AttributeValueThumbnail-moreInfoButton:hover{color:orange}@media (hover){.AttributeValueThumbnail:hover .AttributeValueThumbnail-moreInfoButton{visibility:visible;opacity:1}}.AttributeValueThumbnail-OOS{position:absolute;top:0;left:0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:100%;height:100%;background-color:hsla(0,0%,100%,.7);pointer-events:none}.AttributeValueThumbnail-OOS:before{content:" ";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top left,transparent 0,transparent calc(50% - 2px),#212121 50%,transparent calc(50% + 2px),transparent)}.AttributeValueThumbnail-OOSPill{padding:0 11px;color:#fff;font-size:9px;line-height:14px;background:#212121;border-radius:100px;position:relative}.ColorSwatch{border-radius:22px;cursor:pointer;height:22px;width:22px}.ColorSwatch--large{height:36px;width:36px}.ColorSwatch--xl{border-radius:32px;height:64px;width:64px}.ColorSwatch--selected{height:22px;width:22px}.ColorSwatch--selected.ColorSwatch--halo{border:2px solid #fff;box-shadow:0 0 1px 1px #007acd;cursor:default}.ColorSwatch--selected.ColorSwatch--large{height:36px;width:36px}.ColorSwatch--selected.ColorSwatch--xl{height:64px;width:64px}.ColorSwatch:not(.ColorSwatch--selected):not(.ColorSwatch--nohover):hover,:hover>.ColorSwatch--parenthover:not(.ColorSwatch--selected){border:2px solid #fff;box-shadow:0 0 1px 1px #ff6c1a}