.palette-color-picker-button{cursor:pointer;background:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\"><path fill=\"#f5c86c\" d=\"M2 2h8v8H2z\"/><path fill=\"#f56c6c\" d=\"M12 2h8v8h-8z\"/><path fill=\"#f46ac6\" d=\"M22 2h8v8h-8z\"/><path fill=\"#c3f167\" d=\"M2 12h8v8H2z\"/><path fill=\"#f3f3f3\" d=\"M12 12h8v8h-8z\"/><path fill=\"#c76cf5\" d=\"M22 12h8v8h-8z\"/><path fill=\"#69e369\" d=\"M2 22h8v8H2z\"/><path fill=\"#6bc6f4\" d=\"M12 22h8v8h-8z\"/><path fill=\"#6b6bf5\" d=\"M22 22h8v8h-8z\"/><path d=\"M9 3v6H3V3h6m1-1H2v8h8V2zm9 1v6h-6V3h6m1-1h-8v8h8V2zm9 1v6h-6V3h6m1-1h-8v8h8V2zM9 13v6H3v-6h6m1-1H2v8h8v-8zm9 1v6h-6v-6h6m1-1h-8v8h8v-8zm9 1v6h-6v-6h6m1-1h-8v8h8v-8zM9 23v6H3v-6h6m1-1H2v8h8v-8zm9 1v6h-6v-6h6m1-1h-8v8h8v-8zm9 1v6h-6v-6h6m1-1h-8v8h8v-8z\" opacity=\".25\"/></svg>") 50%/cover no-repeat;border:2px solid #fff;width:28px;height:28px;margin-right:8px;display:inline-block;position:relative;box-shadow:0 0 0 1px #bbb}.palette-color-picker-bubble{background-color:#fff;border:1px solid #bbb;border-radius:3px;width:220px;margin:12px 0;padding:10px 8px 8px;display:none;position:absolute;bottom:100%}.palette-color-picker-bubble:after,.palette-color-picker-bubble:before{content:" ";pointer-events:none;border:solid #0000;width:0;height:0;position:absolute;top:100%;left:14px}.palette-color-picker-bubble:after{border-width:8px;border-color:#fff #0000 #0000;margin-left:-8px}.palette-color-picker-bubble:before{border-width:9px;border-color:#bbb #0000 #0000;margin-left:-9px}.palette-color-picker-bubble.downside{top:100%;bottom:auto}.palette-color-picker-bubble.downside:after,.palette-color-picker-bubble.downside:before{top:auto;bottom:100%}.palette-color-picker-bubble.downside:after{border-top-color:#0000;border-bottom-color:#fff}.palette-color-picker-bubble.downside:before{border-top-color:#0000;border-bottom-color:#bbb}.palette-color-picker-bubble .swatch{font:0/0 a;cursor:pointer;border:2px solid #fff;border-radius:3px;outline:1px solid #bbb;width:12.66%;margin:1% 2%;padding-top:11%;display:inline-block;position:relative;overflow:hidden}.palette-color-picker-bubble .swatch.active{outline-color:#000;-webkit-box-shadow:0 0 5px #000000bf;-moz-box-shadow:0 0 5px #000000bf;box-shadow:0 0 5px #000000bf}.palette-color-picker-bubble .swatch.clear{background-color:#fff}.palette-color-picker-bubble .swatch.clear:before{content:"";transform-origin:0 0;background-color:#e00;width:100px;height:2px;display:block;position:absolute;top:-1px;left:0;transform:rotate(45deg)}.palette-color-picker-bubble.double .swatch{width:29.3%;margin:1% 2%;padding-top:11%}.palette-color-picker-bubble.double .swatch.clear:before{transform:rotate(22.5deg)}.palette-color-picker-bubble.wide .swatch{width:96.2%;margin:1% 2%;padding-top:11%}.palette-color-picker-bubble.wide .swatch.clear{width:12.66%}.palette-color-picker-bubble.force-left{left:-178px}.palette-color-picker-bubble.force-left:after,.palette-color-picker-bubble.force-left:before{left:188px}