.materials .material .variation-box .variation[data-color=brownblack] { text-align: center; background-color: #513700; }
.materials .material .variation-box .variation[data-color=brownblack]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #000000; }
.product-colorpicker .variation[data-color=brownblack] { text-align: center; background-color: #513700; }
.product-colorpicker .variation[data-color=brownblack]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #000000; }
.materials .material .variation-box .variation[data-color=khakibeige] { text-align: center; background-color: #c8bfab; }
.materials .material .variation-box .variation[data-color=khakibeige]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #dbd4c7; }
.product-colorpicker .variation[data-color=khakibeige] { text-align: center; background-color: #c8bfab; }
.product-colorpicker .variation[data-color=khakibeige]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #dbd4c7; }
.materials .material .variation-box .variation[data-color=cobaltblue] { text-align: center; background-color: #435374; }
.materials .material .variation-box .variation[data-color=cobaltblue]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #466bb9; }
.product-colorpicker .variation[data-color=cobaltblue] { text-align: center; background-color: #435374; }
.product-colorpicker .variation[data-color=cobaltblue]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #466bb9; }
.materials .material .variation-box .variation[data-color=darkblue] { text-align: center; background-color: #445363; }
.product-colorpicker .variation[data-color=darkblue] { text-align: center; background-color: #445363; }
.materials .material .variation-box .variation[data-color=rustorange] { text-align: center; background-color: #882e37; }
.materials .material .variation-box .variation[data-color=rustorange]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #d7423d; }
.product-colorpicker .variation[data-color=rustorange] { text-align: center; background-color: #882e37; }
.product-colorpicker .variation[data-color=rustorange]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #d7423d; }
.materials .material .variation-box .variation[data-color=beigegrey] { text-align: center; background-color: #d9cfc5; }
.materials .material .variation-box .variation[data-color=beigegrey]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #ebebeb; }
.product-colorpicker .variation[data-color=beigegrey] { text-align: center; background-color: #d9cfc5; }
.product-colorpicker .variation[data-color=beigegrey]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #ebebeb; }
.materials .material .variation-box .variation[data-color=white] { text-align: center; background-color: #ffffff; }
.product-colorpicker .variation[data-color=white] { text-align: center; background-color: #ffffff; }
.materials .material .variation-box .variation[data-color=green] { text-align: center; background-color: #a0c855; }
.product-colorpicker .variation[data-color=green] { text-align: center; background-color: #a0c855; }
.materials .material .variation-box .variation[data-color=turquoise] { text-align: center; background-color: #00bccd; }
.product-colorpicker .variation[data-color=turquoise] { text-align: center; background-color: #00bccd; }
.materials .material .variation-box .variation[data-color=light-pink] { text-align: center; background-color: #f7e1e4; }
.product-colorpicker .variation[data-color=light-pink] { text-align: center; background-color: #f7e1e4; }
.materials .material .variation-box .variation[data-color=light-pinkgrey] { text-align: center; background-color: #f7e1e4; }
.materials .material .variation-box .variation[data-color=light-pinkgrey]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #cccccc; }
.product-colorpicker .variation[data-color=light-pinkgrey] { text-align: center; background-color: #f7e1e4; }
.product-colorpicker .variation[data-color=light-pinkgrey]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #cccccc; }
.materials .material .variation-box .variation[data-color=dark-greygrey] { text-align: center; background-color: #818e93; }
.materials .material .variation-box .variation[data-color=dark-greygrey]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #cccccc; }
.product-colorpicker .variation[data-color=dark-greygrey] { text-align: center; background-color: #818e93; }
.product-colorpicker .variation[data-color=dark-greygrey]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #cccccc; }
.materials .material .variation-box .variation[data-color=silver] { text-align: center; background-color: #cccccc; }
.product-colorpicker .variation[data-color=silver] { text-align: center; background-color: #cccccc; }
.materials .material .variation-box .variation[data-color=silverdark-grey] { text-align: center; background-color: #c0c0c0; }
.materials .material .variation-box .variation[data-color=silverdark-grey]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #3e4b53; }
.product-colorpicker .variation[data-color=silverdark-grey] { text-align: center; background-color: #c0c0c0; }
.product-colorpicker .variation[data-color=silverdark-grey]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #3e4b53; }
.materials .material .variation-box .variation[data-color=silverwhite] { text-align: center; background-color: #cccccc; }
.materials .material .variation-box .variation[data-color=silverwhite]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #ffffff; }
.product-colorpicker .variation[data-color=silverwhite] { text-align: center; background-color: #cccccc; }
.product-colorpicker .variation[data-color=silverwhite]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #ffffff; }
.materials .material .variation-box .variation[data-color=emeraldgreen] { text-align: center; background-color: #398180; }
.materials .material .variation-box .variation[data-color=emeraldgreen]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #579b8e; }
.product-colorpicker .variation[data-color=emeraldgreen] { text-align: center; background-color: #398180; }
.product-colorpicker .variation[data-color=emeraldgreen]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #579b8e; }
.materials .material .variation-box .variation[data-color=black] { text-align: center; background-color: #000000; }
.product-colorpicker .variation[data-color=black] { text-align: center; background-color: #000000; }
.materials .material .variation-box .variation[data-color=black-spirit] { text-align: center; background-color: #000000; }
.product-colorpicker .variation[data-color=black-spirit] { text-align: center; background-color: #000000; }
.materials .material .variation-box .variation[data-color=blackbrown] { text-align: center; background-color: #000000; }
.materials .material .variation-box .variation[data-color=blackbrown]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #807268; }
.product-colorpicker .variation[data-color=blackbrown] { text-align: center; background-color: #000000; }
.product-colorpicker .variation[data-color=blackbrown]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #807268; }
.materials .material .variation-box .variation[data-color=blackgrey] { text-align: center; background-color: #000000; }
.materials .material .variation-box .variation[data-color=blackgrey]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #cccccc; }
.product-colorpicker .variation[data-color=blackgrey] { text-align: center; background-color: #000000; }
.product-colorpicker .variation[data-color=blackgrey]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #cccccc; }
.materials .material .variation-box .variation[data-color=blacklilac] { text-align: center; background-color: #000000; }
.materials .material .variation-box .variation[data-color=blacklilac]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #6b3b63; }
.product-colorpicker .variation[data-color=blacklilac] { text-align: center; background-color: #000000; }
.product-colorpicker .variation[data-color=blacklilac]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #6b3b63; }
.materials .material .variation-box .variation[data-color=blue] { text-align: center; background-color: #3f79cc; }
.product-colorpicker .variation[data-color=blue] { text-align: center; background-color: #3f79cc; }
.materials .material .variation-box .variation[data-color=bluered] { text-align: center; background-color: #3f79cc; }
.materials .material .variation-box .variation[data-color=bluered]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #cd2833; }
.product-colorpicker .variation[data-color=bluered] { text-align: center; background-color: #3f79cc; }
.product-colorpicker .variation[data-color=bluered]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #cd2833; }
.materials .material .variation-box .variation[data-color=brownchestnut] { text-align: center; background-color: #534947; }
.materials .material .variation-box .variation[data-color=brownchestnut]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #8e6e6c; }
.product-colorpicker .variation[data-color=brownchestnut] { text-align: center; background-color: #534947; }
.product-colorpicker .variation[data-color=brownchestnut]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #8e6e6c; }
.materials .material .variation-box .variation[data-color=busiga-ogon] { text-align: center; background-color: #ff0000; }
.materials .material .variation-box .variation[data-color=busiga-ogon]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #3aff00; }
.product-colorpicker .variation[data-color=busiga-ogon] { text-align: center; background-color: #ff0000; }
.product-colorpicker .variation[data-color=busiga-ogon]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #3aff00; }
.materials .material .variation-box .variation[data-color=denimblueblue] { text-align: center; background-color: #696d8a; }
.materials .material .variation-box .variation[data-color=denimblueblue]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #8f93b2; }
.product-colorpicker .variation[data-color=denimblueblue] { text-align: center; background-color: #696d8a; }
.product-colorpicker .variation[data-color=denimblueblue]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #8f93b2; }
.materials .material .variation-box .variation[data-color=denimgreydarkgray] { text-align: center; background-color: #7b7b7b; }
.materials .material .variation-box .variation[data-color=denimgreydarkgray]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #9c9c9c; }
.product-colorpicker .variation[data-color=denimgreydarkgray] { text-align: center; background-color: #7b7b7b; }
.product-colorpicker .variation[data-color=denimgreydarkgray]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #9c9c9c; }
.materials .material .variation-box .variation[data-color=flygande-vanner] { text-align: center; background-color: #f3f42d; }
.materials .material .variation-box .variation[data-color=flygande-vanner]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #74cbe7; }
.product-colorpicker .variation[data-color=flygande-vanner] { text-align: center; background-color: #f3f42d; }
.product-colorpicker .variation[data-color=flygande-vanner]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #74cbe7; }
.materials .material .variation-box .variation[data-color=grey] { text-align: center; background-color: #cccccc; }
.product-colorpicker .variation[data-color=grey] { text-align: center; background-color: #cccccc; }
.materials .material .variation-box .variation[data-color=greenyellow] { text-align: center; background-color: #a0c855; }
.materials .material .variation-box .variation[data-color=greenyellow]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #ffcb55; }
.product-colorpicker .variation[data-color=greenyellow] { text-align: center; background-color: #a0c855; }
.product-colorpicker .variation[data-color=greenyellow]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #ffcb55; }
.materials .material .variation-box .variation[data-color=yellow] { text-align: center; background-color: #ffcb55; }
.product-colorpicker .variation[data-color=yellow] { text-align: center; background-color: #ffcb55; }
.materials .material .variation-box .variation[data-color=lilac] { text-align: center; background-color: #6b3b63; }
.product-colorpicker .variation[data-color=lilac] { text-align: center; background-color: #6b3b63; }
.materials .material .variation-box .variation[data-color=darkgreyrust] { text-align: center; background-color: #818e93; }
.materials .material .variation-box .variation[data-color=darkgreyrust]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #882e37; }
.product-colorpicker .variation[data-color=darkgreyrust] { text-align: center; background-color: #818e93; }
.product-colorpicker .variation[data-color=darkgreyrust]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #882e37; }
.materials .material .variation-box .variation[data-color=darkgrey-grey] { text-align: center; background-color: #818e93; }
.materials .material .variation-box .variation[data-color=darkgrey-grey]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #aaaaaa; }
.product-colorpicker .variation[data-color=darkgrey-grey] { text-align: center; background-color: #818e93; }
.product-colorpicker .variation[data-color=darkgrey-grey]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #aaaaaa; }
.materials .material .variation-box .variation[data-color=orange] { text-align: center; background-color: #ff8042; }
.product-colorpicker .variation[data-color=orange] { text-align: center; background-color: #ff8042; }
.materials .material .variation-box .variation[data-color=orangerust] { text-align: center; background-color: #d7423d; }
.materials .material .variation-box .variation[data-color=orangerust]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #882e37; }
.product-colorpicker .variation[data-color=orangerust] { text-align: center; background-color: #d7423d; }
.product-colorpicker .variation[data-color=orangerust]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #882e37; }
.materials .material .variation-box .variation[data-color=orangeturquoise] { text-align: center; background-color: #ff8042; }
.materials .material .variation-box .variation[data-color=orangeturquoise]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #00bccd; }
.product-colorpicker .variation[data-color=orangeturquoise] { text-align: center; background-color: #ff8042; }
.product-colorpicker .variation[data-color=orangeturquoise]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #00bccd; }
.materials .material .variation-box .variation[data-color=red] { text-align: center; background-color: #cd2833; }
.product-colorpicker .variation[data-color=red] { text-align: center; background-color: #cd2833; }
.materials .material .variation-box .variation[data-color=redblue] { text-align: center; background-color: #cd2833; }
.materials .material .variation-box .variation[data-color=redblue]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #3f79cc; }
.product-colorpicker .variation[data-color=redblue] { text-align: center; background-color: #cd2833; }
.product-colorpicker .variation[data-color=redblue]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #3f79cc; }
.materials .material .variation-box .variation[data-color=pink] { text-align: center; background-color: #ea749c; }
.product-colorpicker .variation[data-color=pink] { text-align: center; background-color: #ea749c; }
.materials .material .variation-box .variation[data-color=pinkgreen] { text-align: center; background-color: #ea749c; }
.materials .material .variation-box .variation[data-color=pinkgreen]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #a0c855; }
.product-colorpicker .variation[data-color=pinkgreen] { text-align: center; background-color: #ea749c; }
.product-colorpicker .variation[data-color=pinkgreen]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #a0c855; }
.materials .material .variation-box .variation[data-color=pinklilac] { text-align: center; background-color: #ea749c; }
.materials .material .variation-box .variation[data-color=pinklilac]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #9275bd; }
.product-colorpicker .variation[data-color=pinklilac] { text-align: center; background-color: #ea749c; }
.product-colorpicker .variation[data-color=pinklilac]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #9275bd; }
.materials .material .variation-box .variation[data-color=silverdarkgrey] { text-align: center; background-color: #cccccc; }
.materials .material .variation-box .variation[data-color=silverdarkgrey]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #818e93; }
.product-colorpicker .variation[data-color=silverdarkgrey] { text-align: center; background-color: #cccccc; }
.product-colorpicker .variation[data-color=silverdarkgrey]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #818e93; }
.materials .material .variation-box .variation[data-color=blackbluestriped] { text-align: center; background-color: #000000; }
.materials .material .variation-box .variation[data-color=blackbluestriped]:before { position: absolute; left: 50%; display: block; width: 6px; height: 100%; margin-left: -3px; content: ""; background: #3f79cc; }
.product-colorpicker .variation[data-color=blackbluestriped] { text-align: center; background-color: #000000; }
.product-colorpicker .variation[data-color=blackbluestriped]:before { position: absolute; left: 50%; display: block; width: 6px; height: 100%; margin-left: -3px; content: ""; background: #3f79cc; }
.materials .material .variation-box .variation[data-color=blackstriped] { text-align: center; background-color: #000000; }
.materials .material .variation-box .variation[data-color=blackstriped]:before { display: inline-block;height: 100%; content: ""; border: 1px solid #ffffff; width: 40%; border-top: 0; border-bottom: 0; top: 0; position: absolute; left: 25%; top: 0; position: absolute; }
.product-colorpicker .variation[data-color=blackstriped] { text-align: center; background-color: #000000; }
.product-colorpicker .variation[data-color=blackstriped]:before { display: inline-block;height: 100%; content: ""; border: 1px solid #ffffff; width: 40%; border-top: 0; border-bottom: 0; top: 0; position: absolute; left: 25%; top: 0; position: absolute; }
.materials .material .variation-box .variation[data-color=blackdarkgrey] { text-align: center; background-color: #000000; }
.materials .material .variation-box .variation[data-color=blackdarkgrey]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #818e93; }
.product-colorpicker .variation[data-color=blackdarkgrey] { text-align: center; background-color: #000000; }
.product-colorpicker .variation[data-color=blackdarkgrey]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #818e93; }
.materials .material .variation-box .variation[data-color=blackorangestriped] { text-align: center; background-color: #000000; }
.materials .material .variation-box .variation[data-color=blackorangestriped]:before { position: absolute; left: 50%; display: block; width: 6px; height: 100%; margin-left: -3px; content: ""; background: #ff8042; }
.product-colorpicker .variation[data-color=blackorangestriped] { text-align: center; background-color: #000000; }
.product-colorpicker .variation[data-color=blackorangestriped]:before { position: absolute; left: 50%; display: block; width: 6px; height: 100%; margin-left: -3px; content: ""; background: #ff8042; }
.materials .material .variation-box .variation[data-color=blacksilver] { text-align: center; background-color: #000; }
.materials .material .variation-box .variation[data-color=blacksilver]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #cccccc; }
.product-colorpicker .variation[data-color=blacksilver] { text-align: center; background-color: #000; }
.product-colorpicker .variation[data-color=blacksilver]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #cccccc; }
.materials .material .variation-box .variation[data-color=whitered] { text-align: center; background-color: #ffffff; }
.materials .material .variation-box .variation[data-color=whitered]:before { position: absolute; left: 50%; display: block; width: 6px; height: 100%; margin-left: -3px; content: ""; background: #cd2833; }
.product-colorpicker .variation[data-color=whitered] { text-align: center; background-color: #ffffff; }
.product-colorpicker .variation[data-color=whitered]:before { position: absolute; left: 50%; display: block; width: 6px; height: 100%; margin-left: -3px; content: ""; background: #cd2833; }
.materials .material .variation-box .variation[data-color=whiteblack] { text-align: center; background-color: #ffffff; }
.materials .material .variation-box .variation[data-color=whiteblack]:before { position: absolute; left: 50%; display: block; width: 6px; height: 100%; margin-left: -3px; content: ""; background: #000000; }
.product-colorpicker .variation[data-color=whiteblack] { text-align: center; background-color: #ffffff; }
.product-colorpicker .variation[data-color=whiteblack]:before { position: absolute; left: 50%; display: block; width: 6px; height: 100%; margin-left: -3px; content: ""; background: #000000; }
.materials .material .variation-box .variation[data-color=black-pinstriped] { text-align: center; background-color: #e22424; }
.product-colorpicker .variation[data-color=black-pinstriped] { text-align: center; background-color: #e22424; }
.materials .material .variation-box .variation[data-color=turkos2] { text-align: center; background-color: #92d3c7; }
.product-colorpicker .variation[data-color=turkos2] { text-align: center; background-color: #92d3c7; }
.materials .material .variation-box .variation[data-color=turkis2] { text-align: center; background-color: #92d3c7; }
.product-colorpicker .variation[data-color=turkis2] { text-align: center; background-color: #92d3c7; }
.materials .material .variation-box .variation[data-color=korallrosa-krabba] { text-align: center; background-color: #ffbcad; }
.product-colorpicker .variation[data-color=korallrosa-krabba] { text-align: center; background-color: #ffbcad; }
.materials .material .variation-box .variation[data-color=liten-grasal] { text-align: center; background-color: #b1b0b5; }
.product-colorpicker .variation[data-color=liten-grasal] { text-align: center; background-color: #b1b0b5; }
.materials .material .variation-box .variation[data-color=stor-blaval] { text-align: center; background-color: #33425a; }
.product-colorpicker .variation[data-color=stor-blaval] { text-align: center; background-color: #33425a; }
.materials .material .variation-box .variation[data-color=isbla-fisk] { text-align: center; background-color: #b0cde6; }
.product-colorpicker .variation[data-color=isbla-fisk] { text-align: center; background-color: #b0cde6; }
.materials .material .variation-box .variation[data-color=turkos-skoldpadda] { text-align: center; background-color: #b7dbdf; }
.product-colorpicker .variation[data-color=turkos-skoldpadda] { text-align: center; background-color: #b7dbdf; }
.materials .material .variation-box .variation[data-color=fliegende-freunde] { text-align: center; background-color: #f3f42d; }
.materials .material .variation-box .variation[data-color=fliegende-freunde]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #74cbe7; }
.product-colorpicker .variation[data-color=fliegende-freunde] { text-align: center; background-color: #f3f42d; }
.product-colorpicker .variation[data-color=fliegende-freunde]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #74cbe7; }
.materials .material .variation-box .variation[data-color=frohliche-augen] { text-align: center; background-color: #ff0000; }
.materials .material .variation-box .variation[data-color=frohliche-augen]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #3aff00; }
.product-colorpicker .variation[data-color=frohliche-augen] { text-align: center; background-color: #ff0000; }
.product-colorpicker .variation[data-color=frohliche-augen]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #3aff00; }
.materials .material .variation-box .variation[data-color=littlegrayseal] { text-align: center; background-color: #b1b0b5; }
.product-colorpicker .variation[data-color=littlegrayseal] { text-align: center; background-color: #b1b0b5; }
.materials .material .variation-box .variation[data-color=coralcrab] { text-align: center; background-color: #ffbcad; }
.product-colorpicker .variation[data-color=coralcrab] { text-align: center; background-color: #ffbcad; }
.materials .material .variation-box .variation[data-color=icebluefish] { text-align: center; background-color: #b0cde6; }
.product-colorpicker .variation[data-color=icebluefish] { text-align: center; background-color: #b0cde6; }
.materials .material .variation-box .variation[data-color=greatbluewhale] { text-align: center; background-color: #33425a; }
.product-colorpicker .variation[data-color=greatbluewhale] { text-align: center; background-color: #33425a; }
.materials .material .variation-box .variation[data-color=turquoiseturtle] { text-align: center; background-color: #b7dbdf; }
.product-colorpicker .variation[data-color=turquoiseturtle] { text-align: center; background-color: #b7dbdf; }
.materials .material .variation-box .variation[data-color=test] { text-align: center; background-color: #81d742; }
.product-colorpicker .variation[data-color=test] { text-align: center; background-color: #81d742; }
.materials .material .variation-box .variation[data-color=lightgreen] { text-align: center; background-color: #c2ead5; }
.product-colorpicker .variation[data-color=lightgreen] { text-align: center; background-color: #c2ead5; }
.materials .material .variation-box .variation[data-color=morkgra-gra] { text-align: center; background-color: #818e93; }
.materials .material .variation-box .variation[data-color=morkgra-gra]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #cccccc; }
.product-colorpicker .variation[data-color=morkgra-gra] { text-align: center; background-color: #818e93; }
.product-colorpicker .variation[data-color=morkgra-gra]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #cccccc; }
.materials .material .variation-box .variation[data-color=svart-spirit] { text-align: center; background-color: #000000; }
.product-colorpicker .variation[data-color=svart-spirit] { text-align: center; background-color: #000000; }
.materials .material .variation-box .variation[data-color=darkblue2] { text-align: center; background-color: #33425a; }
.product-colorpicker .variation[data-color=darkblue2] { text-align: center; background-color: #33425a; }
.materials .material .variation-box .variation[data-color=rosa] { text-align: center; background-color: #ea749c; }
.product-colorpicker .variation[data-color=rosa] { text-align: center; background-color: #ea749c; }
.materials .material .variation-box .variation[data-color=sort] { text-align: center; background-color: #000000; }
.product-colorpicker .variation[data-color=sort] { text-align: center; background-color: #000000; }
.materials .material .variation-box .variation[data-color=lightgreen-2] { text-align: center; background-color: #c2ead5; }
.product-colorpicker .variation[data-color=lightgreen-2] { text-align: center; background-color: #c2ead5; }
.materials .material .variation-box .variation[data-color=hvid-sort] { text-align: center; background-color: #ffffff; }
.materials .material .variation-box .variation[data-color=hvid-sort]:before { position: absolute; left: 50%; display: block; width: 6px; height: 100%; margin-left: -3px; content: ""; background: #000000; }
.product-colorpicker .variation[data-color=hvid-sort] { text-align: center; background-color: #ffffff; }
.product-colorpicker .variation[data-color=hvid-sort]:before { position: absolute; left: 50%; display: block; width: 6px; height: 100%; margin-left: -3px; content: ""; background: #000000; }
.materials .material .variation-box .variation[data-color=sort-spirit] { text-align: center; background-color: #000000; }
.product-colorpicker .variation[data-color=sort-spirit] { text-align: center; background-color: #000000; }
.materials .material .variation-box .variation[data-color=lightgreen-3] { text-align: center; background-color: #c2ead5; }
.product-colorpicker .variation[data-color=lightgreen-3] { text-align: center; background-color: #c2ead5; }
.materials .material .variation-box .variation[data-color=gravit] { text-align: center; background-color: #cccccc; }
.materials .material .variation-box .variation[data-color=gravit]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #ffffff; }
.product-colorpicker .variation[data-color=gravit] { text-align: center; background-color: #cccccc; }
.product-colorpicker .variation[data-color=gravit]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #ffffff; }
.materials .material .variation-box .variation[data-color=greywhite] { text-align: center; background-color: #cccccc; }
.materials .material .variation-box .variation[data-color=greywhite]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #ffffff; }
.product-colorpicker .variation[data-color=greywhite] { text-align: center; background-color: #cccccc; }
.product-colorpicker .variation[data-color=greywhite]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #ffffff; }
.materials .material .variation-box .variation[data-color=greywhite-2] { text-align: center; background-color: #cccccc; }
.materials .material .variation-box .variation[data-color=greywhite-2]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #ffffff; }
.product-colorpicker .variation[data-color=greywhite-2] { text-align: center; background-color: #cccccc; }
.product-colorpicker .variation[data-color=greywhite-2]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #ffffff; }
.materials .material .variation-box .variation[data-color=lightgreen-4] { text-align: center; background-color: #c2ead5; }
.product-colorpicker .variation[data-color=lightgreen-4] { text-align: center; background-color: #c2ead5; }
.materials .material .variation-box .variation[data-color=birchwoodbeige] { text-align: center; background-color: #ecddc0; }
.product-colorpicker .variation[data-color=birchwoodbeige] { text-align: center; background-color: #ecddc0; }
.materials .material .variation-box .variation[data-color=blackberryred] { text-align: center; background-color: #6e5362; }
.product-colorpicker .variation[data-color=blackberryred] { text-align: center; background-color: #6e5362; }
.materials .material .variation-box .variation[data-color=pinegreen] { text-align: center; background-color: #606a68; }
.product-colorpicker .variation[data-color=pinegreen] { text-align: center; background-color: #606a68; }
.materials .material .variation-box .variation[data-color=fogblue] { text-align: center; background-color: #94a0b6; }
.materials .material .variation-box .variation[data-color=fogblue]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #abbdd5; }
.product-colorpicker .variation[data-color=fogblue] { text-align: center; background-color: #94a0b6; }
.product-colorpicker .variation[data-color=fogblue]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #abbdd5; }
.materials .material .variation-box .variation[data-color=frostgreen] { text-align: center; background-color: #e2f2e7; }
.materials .material .variation-box .variation[data-color=frostgreen]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #e2f2e7; }
.product-colorpicker .variation[data-color=frostgreen] { text-align: center; background-color: #e2f2e7; }
.product-colorpicker .variation[data-color=frostgreen]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #e2f2e7; }
.materials .material .variation-box .variation[data-color=plumred] { text-align: center; background-color: #7c5567; }
.materials .material .variation-box .variation[data-color=plumred]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #7e3f52; }
.product-colorpicker .variation[data-color=plumred] { text-align: center; background-color: #7c5567; }
.product-colorpicker .variation[data-color=plumred]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #7e3f52; }
.materials .material .variation-box .variation[data-color=blackberryred-2] { text-align: center; background-color: #6e5362; }
.materials .material .variation-box .variation[data-color=blackberryred-2]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #4a2a35; }
.product-colorpicker .variation[data-color=blackberryred-2] { text-align: center; background-color: #6e5362; }
.product-colorpicker .variation[data-color=blackberryred-2]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #4a2a35; }
.materials .material .variation-box .variation[data-color=birchwoodbeige-2] { text-align: center; background-color: #ecddc0; }
.product-colorpicker .variation[data-color=birchwoodbeige-2] { text-align: center; background-color: #ecddc0; }
.materials .material .variation-box .variation[data-color=pinegreen-2] { text-align: center; background-color: #606a68; }
.materials .material .variation-box .variation[data-color=pinegreen-2]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #70797e; }
.product-colorpicker .variation[data-color=pinegreen-2] { text-align: center; background-color: #606a68; }
.product-colorpicker .variation[data-color=pinegreen-2]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #70797e; }
.materials .material .variation-box .variation[data-color=fogblue-2] { text-align: center; background-color: #94a0b6; }
.materials .material .variation-box .variation[data-color=fogblue-2]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #abbdd5; }
.product-colorpicker .variation[data-color=fogblue-2] { text-align: center; background-color: #94a0b6; }
.product-colorpicker .variation[data-color=fogblue-2]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #abbdd5; }
.materials .material .variation-box .variation[data-color=frostgreen-2] { text-align: center; background-color: #e2f2e7; }
.materials .material .variation-box .variation[data-color=frostgreen-2]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #e2f2e7; }
.product-colorpicker .variation[data-color=frostgreen-2] { text-align: center; background-color: #e2f2e7; }
.product-colorpicker .variation[data-color=frostgreen-2]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #e2f2e7; }
.materials .material .variation-box .variation[data-color=plumred-2] { text-align: center; background-color: #7c5567; }
.materials .material .variation-box .variation[data-color=plumred-2]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #7e3f52; }
.product-colorpicker .variation[data-color=plumred-2] { text-align: center; background-color: #7c5567; }
.product-colorpicker .variation[data-color=plumred-2]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #7e3f52; }
.materials .material .variation-box .variation[data-color=fogblue-3] { text-align: center; background-color: #94a0b6; }
.materials .material .variation-box .variation[data-color=fogblue-3]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #abbdd5; }
.product-colorpicker .variation[data-color=fogblue-3] { text-align: center; background-color: #94a0b6; }
.product-colorpicker .variation[data-color=fogblue-3]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #abbdd5; }
.materials .material .variation-box .variation[data-color=frostgreen-3] { text-align: center; background-color: #e2f2e7; }
.materials .material .variation-box .variation[data-color=frostgreen-3]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #e2f2e7; }
.product-colorpicker .variation[data-color=frostgreen-3] { text-align: center; background-color: #e2f2e7; }
.product-colorpicker .variation[data-color=frostgreen-3]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #e2f2e7; }
.materials .material .variation-box .variation[data-color=plumred-3] { text-align: center; background-color: #7c5567; }
.materials .material .variation-box .variation[data-color=plumred-3]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #7e3f52; }
.product-colorpicker .variation[data-color=plumred-3] { text-align: center; background-color: #7c5567; }
.product-colorpicker .variation[data-color=plumred-3]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #7e3f52; }
.materials .material .variation-box .variation[data-color=blackberryred-3] { text-align: center; background-color: #6e5362; }
.materials .material .variation-box .variation[data-color=blackberryred-3]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #4a2a35; }
.product-colorpicker .variation[data-color=blackberryred-3] { text-align: center; background-color: #6e5362; }
.product-colorpicker .variation[data-color=blackberryred-3]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #4a2a35; }
.materials .material .variation-box .variation[data-color=birchwoodbeige-3] { text-align: center; background-color: #ecddc0; }
.product-colorpicker .variation[data-color=birchwoodbeige-3] { text-align: center; background-color: #ecddc0; }
.materials .material .variation-box .variation[data-color=pinegreen-3] { text-align: center; background-color: #606a68; }
.product-colorpicker .variation[data-color=pinegreen-3] { text-align: center; background-color: #606a68; }
.materials .material .variation-box .variation[data-color=blackberryred-4] { text-align: center; background-color: #6e5362; }
.materials .material .variation-box .variation[data-color=blackberryred-4]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #4a2a35; }
.product-colorpicker .variation[data-color=blackberryred-4] { text-align: center; background-color: #6e5362; }
.product-colorpicker .variation[data-color=blackberryred-4]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #4a2a35; }
.materials .material .variation-box .variation[data-color=birchwoodbeige-4] { text-align: center; background-color: #ecddc0; }
.product-colorpicker .variation[data-color=birchwoodbeige-4] { text-align: center; background-color: #ecddc0; }
.materials .material .variation-box .variation[data-color=pinegreen-4] { text-align: center; background-color: #606a68; }
.materials .material .variation-box .variation[data-color=pinegreen-4]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #70797e; }
.product-colorpicker .variation[data-color=pinegreen-4] { text-align: center; background-color: #606a68; }
.product-colorpicker .variation[data-color=pinegreen-4]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #70797e; }
.materials .material .variation-box .variation[data-color=fogblue-4] { text-align: center; background-color: #94a0b6; }
.materials .material .variation-box .variation[data-color=fogblue-4]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #abbdd5; }
.product-colorpicker .variation[data-color=fogblue-4] { text-align: center; background-color: #94a0b6; }
.product-colorpicker .variation[data-color=fogblue-4]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #abbdd5; }
.materials .material .variation-box .variation[data-color=frostgreen-4] { text-align: center; background-color: #e2f2e7; }
.materials .material .variation-box .variation[data-color=frostgreen-4]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #e2f2e7; }
.product-colorpicker .variation[data-color=frostgreen-4] { text-align: center; background-color: #e2f2e7; }
.product-colorpicker .variation[data-color=frostgreen-4]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #e2f2e7; }
.materials .material .variation-box .variation[data-color=plumred-4] { text-align: center; background-color: #7c5567; }
.materials .material .variation-box .variation[data-color=plumred-4]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #7e3f52; }
.product-colorpicker .variation[data-color=plumred-4] { text-align: center; background-color: #7c5567; }
.product-colorpicker .variation[data-color=plumred-4]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #7e3f52; }
.materials .material .variation-box .variation[data-color=blackgranite] { text-align: center; background-color: #000000; }
.materials .material .variation-box .variation[data-color=blackgranite]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #cccccc; }
.product-colorpicker .variation[data-color=blackgranite] { text-align: center; background-color: #000000; }
.product-colorpicker .variation[data-color=blackgranite]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #cccccc; }
.materials .material .variation-box .variation[data-color=denimgray-browndetails] { text-align: center; background-color: #7b7b7b; }
.materials .material .variation-box .variation[data-color=denimgray-browndetails]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #9c9c9c; }
.product-colorpicker .variation[data-color=denimgray-browndetails] { text-align: center; background-color: #7b7b7b; }
.product-colorpicker .variation[data-color=denimgray-browndetails]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #9c9c9c; }
.materials .material .variation-box .variation[data-color=denimgrey-browndetails] { text-align: center; background-color: #7b7b7b; }
.materials .material .variation-box .variation[data-color=denimgrey-browndetails]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #9c9c9c; }
.product-colorpicker .variation[data-color=denimgrey-browndetails] { text-align: center; background-color: #7b7b7b; }
.product-colorpicker .variation[data-color=denimgrey-browndetails]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #9c9c9c; }
.materials .material .variation-box .variation[data-color=fogblue-grey] { text-align: center; background-color: #94a0b6; }
.materials .material .variation-box .variation[data-color=fogblue-grey]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #cccccc; }
.product-colorpicker .variation[data-color=fogblue-grey] { text-align: center; background-color: #94a0b6; }
.product-colorpicker .variation[data-color=fogblue-grey]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #cccccc; }
.materials .material .variation-box .variation[data-color=dark-grey] { text-align: center; background-color: #818e93; }
.product-colorpicker .variation[data-color=dark-grey] { text-align: center; background-color: #818e93; }
.materials .material .variation-box .variation[data-color=cocoa] { text-align: center; background-color: #574235; }
.product-colorpicker .variation[data-color=cocoa] { text-align: center; background-color: #574235; }
.materials .material .variation-box .variation[data-color=powder-pink] { text-align: center; background-color: #f2dfd8; }
.product-colorpicker .variation[data-color=powder-pink] { text-align: center; background-color: #f2dfd8; }
.materials .material .variation-box .variation[data-color=old-rose] { text-align: center; background-color: #f2dfd8; }
.product-colorpicker .variation[data-color=old-rose] { text-align: center; background-color: #f2dfd8; }
.materials .material .variation-box .variation[data-color=anthracite] { text-align: center; background-color: #777c80; }
.product-colorpicker .variation[data-color=anthracite] { text-align: center; background-color: #777c80; }
.materials .material .variation-box .variation[data-color=midnight-blue] { text-align: center; background-color: #384662; }
.product-colorpicker .variation[data-color=midnight-blue] { text-align: center; background-color: #384662; }
.materials .material .variation-box .variation[data-color=sand-grey] { text-align: center; background-color: #c3b9b2; }
.product-colorpicker .variation[data-color=sand-grey] { text-align: center; background-color: #c3b9b2; }
.materials .material .variation-box .variation[data-color=classic-denim-midnight-blue] { text-align: center; background-color: #526373; }
.materials .material .variation-box .variation[data-color=classic-denim-midnight-blue]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #384662; }
.product-colorpicker .variation[data-color=classic-denim-midnight-blue] { text-align: center; background-color: #526373; }
.product-colorpicker .variation[data-color=classic-denim-midnight-blue]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #384662; }
.materials .material .variation-box .variation[data-color=midnight-blue-leaf-print] { text-align: center; background-color: #384662; }
.materials .material .variation-box .variation[data-color=midnight-blue-leaf-print]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #8cadce; }
.product-colorpicker .variation[data-color=midnight-blue-leaf-print] { text-align: center; background-color: #384662; }
.product-colorpicker .variation[data-color=midnight-blue-leaf-print]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #8cadce; }
.materials .material .variation-box .variation[data-color=leaf-print-pale-plue] { text-align: center; background-color: #8499b7; }
.materials .material .variation-box .variation[data-color=leaf-print-pale-plue]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #d6dee7; }
.product-colorpicker .variation[data-color=leaf-print-pale-plue] { text-align: center; background-color: #8499b7; }
.product-colorpicker .variation[data-color=leaf-print-pale-plue]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #d6dee7; }
.materials .material .variation-box .variation[data-color=lightbrown] { text-align: center; background-color: #7f5e48; }
.product-colorpicker .variation[data-color=lightbrown] { text-align: center; background-color: #7f5e48; }
.materials .material .variation-box .variation[data-color=mintgreen] { text-align: center; background-color: #c0e2e2; }
.product-colorpicker .variation[data-color=mintgreen] { text-align: center; background-color: #c0e2e2; }
.materials .material .variation-box .variation[data-color=navyblue] { text-align: center; background-color: #1e3e6d; }
.product-colorpicker .variation[data-color=navyblue] { text-align: center; background-color: #1e3e6d; }
.materials .material .variation-box .variation[data-color=vintageturquoise] { text-align: center; background-color: #a6cfd4; }
.product-colorpicker .variation[data-color=vintageturquoise] { text-align: center; background-color: #a6cfd4; }
.materials .material .variation-box .variation[data-color=terracottapink] { text-align: center; background-color: #e0847a; }
.product-colorpicker .variation[data-color=terracottapink] { text-align: center; background-color: #e0847a; }
.materials .material .variation-box .variation[data-color=lavenderviolet] { text-align: center; background-color: #c5abb2; }
.product-colorpicker .variation[data-color=lavenderviolet] { text-align: center; background-color: #c5abb2; }
.materials .material .variation-box .variation[data-color=duskblue] { text-align: center; background-color: #9fbec9; }
.product-colorpicker .variation[data-color=duskblue] { text-align: center; background-color: #9fbec9; }
.materials .material .variation-box .variation[data-color=pinstripe-grey] { text-align: center; background-color: #9a9ba0; }
.materials .material .variation-box .variation[data-color=pinstripe-grey]:before { display: inline-block;height: 100%; content: ""; border: 1px solid #ffffff; width: 40%; border-top: 0; border-bottom: 0; top: 0; position: absolute; left: 25%; top: 0; position: absolute; }
.product-colorpicker .variation[data-color=pinstripe-grey] { text-align: center; background-color: #9a9ba0; }
.product-colorpicker .variation[data-color=pinstripe-grey]:before { display: inline-block;height: 100%; content: ""; border: 1px solid #ffffff; width: 40%; border-top: 0; border-bottom: 0; top: 0; position: absolute; left: 25%; top: 0; position: absolute; }
.materials .material .variation-box .variation[data-color=pinkpurple] { text-align: center; background-color: #ea749c; }
.materials .material .variation-box .variation[data-color=pinkpurple]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #9275bd; }
.product-colorpicker .variation[data-color=pinkpurple] { text-align: center; background-color: #ea749c; }
.product-colorpicker .variation[data-color=pinkpurple]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #9275bd; }
.materials .material .variation-box .variation[data-color=purple] { text-align: center; background-color: #6b3b63; }
.product-colorpicker .variation[data-color=purple] { text-align: center; background-color: #6b3b63; }
.materials .material .variation-box .variation[data-color=blackpurple] { text-align: center; background-color: #000000; }
.materials .material .variation-box .variation[data-color=blackpurple]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #6b3b63; }
.product-colorpicker .variation[data-color=blackpurple] { text-align: center; background-color: #000000; }
.product-colorpicker .variation[data-color=blackpurple]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #6b3b63; }
.materials .material .variation-box .variation[data-color=grey-pinstripe] { text-align: center; background-color: #9a9ba0; }
.materials .material .variation-box .variation[data-color=grey-pinstripe]:before { display: inline-block;height: 100%; content: ""; border: 1px solid #ffffff; width: 40%; border-top: 0; border-bottom: 0; top: 0; position: absolute; left: 25%; top: 0; position: absolute; }
.product-colorpicker .variation[data-color=grey-pinstripe] { text-align: center; background-color: #9a9ba0; }
.product-colorpicker .variation[data-color=grey-pinstripe]:before { display: inline-block;height: 100%; content: ""; border: 1px solid #ffffff; width: 40%; border-top: 0; border-bottom: 0; top: 0; position: absolute; left: 25%; top: 0; position: absolute; }
.materials .material .variation-box .variation[data-color=greypinstripe] { text-align: center; background-color: #9a9ba0; }
.materials .material .variation-box .variation[data-color=greypinstripe]:before { display: inline-block;height: 100%; content: ""; border: 1px solid #ffffff; width: 40%; border-top: 0; border-bottom: 0; top: 0; position: absolute; left: 25%; top: 0; position: absolute; }
.product-colorpicker .variation[data-color=greypinstripe] { text-align: center; background-color: #9a9ba0; }
.product-colorpicker .variation[data-color=greypinstripe]:before { display: inline-block;height: 100%; content: ""; border: 1px solid #ffffff; width: 40%; border-top: 0; border-bottom: 0; top: 0; position: absolute; left: 25%; top: 0; position: absolute; }
.materials .material .variation-box .variation[data-color=whitegray] { text-align: center; background-color: #ffffff; }
.materials .material .variation-box .variation[data-color=whitegray]:before { position: absolute; left: 50%; display: block; width: 6px; height: 100%; margin-left: -3px; content: ""; background: #cccccc; }
.product-colorpicker .variation[data-color=whitegray] { text-align: center; background-color: #ffffff; }
.product-colorpicker .variation[data-color=whitegray]:before { position: absolute; left: 50%; display: block; width: 6px; height: 100%; margin-left: -3px; content: ""; background: #cccccc; }
.materials .material .variation-box .variation[data-color=whiteturquoise] { text-align: center; background-color: #ffffff; }
.materials .material .variation-box .variation[data-color=whiteturquoise]:before { position: absolute; left: 50%; display: block; width: 6px; height: 100%; margin-left: -3px; content: ""; background: #00bccd; }
.product-colorpicker .variation[data-color=whiteturquoise] { text-align: center; background-color: #ffffff; }
.product-colorpicker .variation[data-color=whiteturquoise]:before { position: absolute; left: 50%; display: block; width: 6px; height: 100%; margin-left: -3px; content: ""; background: #00bccd; }
.materials .material .variation-box .variation[data-color=vintage-rose] { text-align: center; background-color: #febeb9; }
.product-colorpicker .variation[data-color=vintage-rose] { text-align: center; background-color: #febeb9; }
.materials .material .variation-box .variation[data-color=greige] { text-align: center; background-color: #bcb7aa; }
.product-colorpicker .variation[data-color=greige] { text-align: center; background-color: #bcb7aa; }
.materials .material .variation-box .variation[data-color=grey-powder-pink] { text-align: center; background-color: #cccccc; }
.materials .material .variation-box .variation[data-color=grey-powder-pink]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #f2dfd8; }
.product-colorpicker .variation[data-color=grey-powder-pink] { text-align: center; background-color: #cccccc; }
.product-colorpicker .variation[data-color=grey-powder-pink]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #f2dfd8; }
.materials .material .variation-box .variation[data-color=vintage-indigo] { text-align: center; background-color: #4c6184; }
.product-colorpicker .variation[data-color=vintage-indigo] { text-align: center; background-color: #4c6184; }
.materials .material .variation-box .variation[data-color=light-gray] { text-align: center; background-color: #cccccc; }
.product-colorpicker .variation[data-color=light-gray] { text-align: center; background-color: #cccccc; }
.materials .material .variation-box .variation[data-color=grey-yellow] { text-align: center; background-color: #e5e5e5; }
.materials .material .variation-box .variation[data-color=grey-yellow]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #fcf597; }
.product-colorpicker .variation[data-color=grey-yellow] { text-align: center; background-color: #e5e5e5; }
.product-colorpicker .variation[data-color=grey-yellow]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #fcf597; }
.materials .material .variation-box .variation[data-color=confetti-blue] { text-align: center; background-color: #c8dbf2; }
.product-colorpicker .variation[data-color=confetti-blue] { text-align: center; background-color: #c8dbf2; }
.materials .material .variation-box .variation[data-color=vintagerose] { text-align: center; background-color: #ffa6a0; }
.product-colorpicker .variation[data-color=vintagerose] { text-align: center; background-color: #ffa6a0; }
.materials .material .variation-box .variation[data-color=dusty-pink] { text-align: center; background-color: #f2dfd8; }
.product-colorpicker .variation[data-color=dusty-pink] { text-align: center; background-color: #f2dfd8; }
.materials .material .variation-box .variation[data-color=confetti-blue-2] { text-align: center; background-color: #c8dbf2; }
.product-colorpicker .variation[data-color=confetti-blue-2] { text-align: center; background-color: #c8dbf2; }
.materials .material .variation-box .variation[data-color=powdergreen] { text-align: center; background-color: #e7f0db; }
.product-colorpicker .variation[data-color=powdergreen] { text-align: center; background-color: #e7f0db; }
.materials .material .variation-box .variation[data-color=powderpink] { text-align: center; background-color: #e1cdce; }
.product-colorpicker .variation[data-color=powderpink] { text-align: center; background-color: #e1cdce; }
.materials .material .variation-box .variation[data-color=powderblue] { text-align: center; background-color: #93aad8; }
.product-colorpicker .variation[data-color=powderblue] { text-align: center; background-color: #93aad8; }
.materials .material .variation-box .variation[data-color=powderyellow] { text-align: center; background-color: #f3ddac; }
.product-colorpicker .variation[data-color=powderyellow] { text-align: center; background-color: #f3ddac; }
.materials .material .variation-box .variation[data-color=powderyellow-powdergreen] { text-align: center; background-color: #f3ddac; }
.materials .material .variation-box .variation[data-color=powderyellow-powdergreen]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #e7f0db; }
.product-colorpicker .variation[data-color=powderyellow-powdergreen] { text-align: center; background-color: #f3ddac; }
.product-colorpicker .variation[data-color=powderyellow-powdergreen]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #e7f0db; }
.materials .material .variation-box .variation[data-color=powdergreen-powderpink] { text-align: center; background-color: #e7f0db; }
.materials .material .variation-box .variation[data-color=powdergreen-powderpink]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #e1cdce; }
.product-colorpicker .variation[data-color=powdergreen-powderpink] { text-align: center; background-color: #e7f0db; }
.product-colorpicker .variation[data-color=powdergreen-powderpink]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #e1cdce; }
.materials .material .variation-box .variation[data-color=powderyellow-powderblue] { text-align: center; background-color: #f3ddac; }
.materials .material .variation-box .variation[data-color=powderyellow-powderblue]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #93aad8; }
.product-colorpicker .variation[data-color=powderyellow-powderblue] { text-align: center; background-color: #f3ddac; }
.product-colorpicker .variation[data-color=powderyellow-powderblue]:before { position: absolute; top: 50%; display: block; width: 100%; height: 50%; content: ""; background-color: #93aad8; }
.materials .material .variation-box .variation[data-color=pearly-pink] { text-align: center; background-color: #f7ded6; }
.product-colorpicker .variation[data-color=pearly-pink] { text-align: center; background-color: #f7ded6; }
.materials .material .variation-box .variation[data-color=dove-blue] { text-align: center; background-color: #5a7893; }
.product-colorpicker .variation[data-color=dove-blue] { text-align: center; background-color: #5a7893; }