#previewArea {padding-top:80px;padding-bottom:70px;}
#b-color-preview {border-radius:50px;border:1px solid #444}
.square {display:inline-block;width:10px; height:10px;background-color:#555}
.arrowdown {clip-path: polygon(8% 17%, 0% 25%, 50% 84%, 100% 25%, 92% 17%, 50% 65%);}
.triangle {clip-path: polygon(50% 80%, 0 20%, 100% 20%);}
.doublearrow {clip-path: polygon(50% 0%, 100% 40%, 0% 60%, 17% 60%, 50% 83%, 83% 60%, 100% 60%, 50% 100%, 0% 60%, 100% 40%, 83% 40%, 50% 17%, 16.67% 40%, 0% 40%);}
.arrow {clip-path: polygon(29% 0%, 71% 0%, 71% 56%, 100% 56%, 50% 100%, 0% 56%, 29% 56%);}
.doubletriangle {clip-path: polygon(50% 0%, 100% 40%, 0% 60%, 100% 60%, 50% 100%, 0% 60%, 100% 40%, 0% 40%);}