.palette-color-picker-button{position:relative;display:inline-block;width:28px;height:28px;margin-right:8px;background:url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj48cGF0aCBmaWxsPSIjZjVjODZjIiBkPSJNMiAyaDh2OEgyeiIvPjxwYXRoIGZpbGw9IiNmNTZjNmMiIGQ9Ik0xMiAyaDh2OGgtOHoiLz48cGF0aCBmaWxsPSIjZjQ2YWM2IiBkPSJNMjIgMmg4djhoLTh6Ii8+PHBhdGggZmlsbD0iI2MzZjE2NyIgZD0iTTIgMTJoOHY4SDJ6Ii8+PHBhdGggZmlsbD0iI2YzZjNmMyIgZD0iTTEyIDEyaDh2OGgtOHoiLz48cGF0aCBmaWxsPSIjYzc2Y2Y1IiBkPSJNMjIgMTJoOHY4aC04eiIvPjxwYXRoIGZpbGw9IiM2OWUzNjkiIGQ9Ik0yIDIyaDh2OEgyeiIvPjxwYXRoIGZpbGw9IiM2YmM2ZjQiIGQ9Ik0xMiAyMmg4djhoLTh6Ii8+PHBhdGggZmlsbD0iIzZiNmJmNSIgZD0iTTIyIDIyaDh2OGgtOHoiLz48cGF0aCBkPSJNOSAzdjZIM1YzaDZtMS0xSDJ2OGg4VjJ6bTkgMXY2aC02VjNoNm0xLTFoLTh2OGg4VjJ6bTkgMXY2aC02VjNoNm0xLTFoLTh2OGg4VjJ6TTkgMTN2Nkgzdi02aDZtMS0xSDJ2OGg4di04em05IDF2NmgtNnYtNmg2bTEtMWgtOHY4aDh2LTh6bTkgMXY2aC02di02aDZtMS0xaC04djhoOHYtOHpNOSAyM3Y2SDN2LTZoNm0xLTFIMnY4aDh2LTh6bTkgMXY2aC02di02aDZtMS0xaC04djhoOHYtOHptOSAxdjZoLTZ2LTZoNm0xLTFoLTh2OGg4di04eiIgb3BhY2l0eT0iLjI1Ii8+PC9zdmc+) center center no-repeat;background-size:cover;cursor:pointer;box-shadow:0 0 0 1px #bbb;border:2px solid #fff}.palette-color-picker-bubble{display:none;margin:12px 0;position:absolute;bottom:100%;width:220px;padding:10px 8px 8px;border:1px solid #bbb;border-radius:3px;background-color:#fff}.palette-color-picker-bubble:after,.palette-color-picker-bubble:before{top:100%;left:14px;border:solid transparent;content:' ';height:0;width:0;position:absolute;pointer-events:none}.palette-color-picker-bubble:after{border-color:transparent;border-top-color:#fff;border-width:8px;margin-left:-8px}.palette-color-picker-bubble:before{border-color:transparent;border-top-color:#bbb;border-width:9px;margin-left:-9px}.palette-color-picker-bubble.downside{bottom:auto;top:100%}.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:transparent;border-bottom-color:#fff}.palette-color-picker-bubble.downside:before{border-top-color:transparent;border-bottom-color:#bbb}.palette-color-picker-bubble .swatch{position:relative;display:inline-block;font:0/0 a;width:12.66%;padding-top:11%;margin:1% 2%;outline:1px solid #bbb;border:2px solid #fff;border-radius:3px;cursor:pointer;overflow:hidden}.palette-color-picker-bubble .swatch.active{outline-color:#000;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.75);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,.75);box-shadow:0 0 5px 0 rgba(0,0,0,.75)}.palette-color-picker-bubble .swatch.clear{background-color:#fff}.palette-color-picker-bubble .swatch.clear:before{position:absolute;content:'';display:block;top:-1px;left:0;width:100px;height:2px;background-color:#e00;transform-origin:0 0;transform:rotate(45deg)}.palette-color-picker-bubble.double .swatch{width:29.3%;padding-top:11%;margin:1% 2%}.palette-color-picker-bubble.double .swatch.clear:before{transform:rotate(22.5deg)}.palette-color-picker-bubble.wide .swatch{width:96.2%;padding-top:11%;margin:1% 2%}.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}.palette-color-picker-button{position:absolute;width:28px;height:28px;background:url(data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" …-6v-6h6m1-1h-8v8h8v-8zm9 1v6h-6v-6h6m1-1h-8v8h8v-8z" opacity=".25"/></svg>) center center no-repeat;top:34px!important top:0;left:28px;background-size:cover;cursor:pointer;box-shadow:0 0 0 1px #bbb;border:2px solid #fff}.palette-color-picker-bubble.force-left{left:0}