@-webkit-keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes slide-in{0%{-webkit-transform:translateY(5%);transform:translateY(5%)}100%{-webkit-transform:translateY(0%);transform:translateY(0%)}}@keyframes slide-in{0%{-webkit-transform:translateY(5%);transform:translateY(5%)}100%{-webkit-transform:translateY(0%);transform:translateY(0%)}}.colorpicker.fade-in{-webkit-animation-name:fade-in;animation-name:fade-in;-webkit-animation-duration:.2s;animation-duration:.2s}.colorpicker.slide-in{-webkit-animation-name:slide-in;animation-name:slide-in;-webkit-animation-duration:.15s;animation-duration:.15s}.colorpicker{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-family:inherit;position:fixed;display:none;border:1px solid #e9ebee;box-shadow:0 0 30px 0 rgba(0,0,0,0.1);background:#fff;border-radius:3px}.colorpicker.is-opened{display:inline-block;z-index:9}.colorpicker:after{content:"";position:absolute;width:0;height:0;box-sizing:border-box;border:6px solid black;box-shadow:-1px 1px 1px 0 rgba(147,157,170,0.23);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.colorpicker-input+.colorpicker--inline,.colorpicker-anchor+.colorpicker--inline{margin-top:10px}.colorpicker-circle-anchor{box-sizing:border-box;display:inline-block;line-height:0}.colorpicker-circle-anchor__color{line-height:0;display:inline-block;border-radius:50%;position:relative;z-index:1;width:30px;height:30px;border:1px solid rgba(0,0,0,0.1);cursor:pointer}.colorpicker-anchor--inline{display:block}.colorpicker--position-top::after,.colorpicker--position-top::before,.colorpicker--position-top-center::after,.colorpicker--position-top-center::before{margin-left:-3px;bottom:-6px;left:50%;border-color:transparent transparent #fff #fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.colorpicker--position-bottom::after,.colorpicker--position-bottom-center::after{margin-left:-3px;top:-6px;bottom:auto;left:50%;border-color:transparent transparent #fff #fff;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.colorpicker--position-top.is-arrow-left::after,.colorpicker--position-bottom.is-arrow-left::after{left:18px;right:auto}.colorpicker--position-top.is-arrow-right::after,.colorpicker--position-bottom.is-arrow-right::after{left:auto;right:18px}.colorpicker--position-left::after,.colorpicker--position-left-center::after{margin-top:-3px;left:auto;bottom:auto;right:-6px;top:50%;border-color:transparent transparent #fff #fff;-webkit-transform:rotate(225deg);transform:rotate(225deg)}.colorpicker--position-right::after,.colorpicker--position-right-center::after{margin-top:-3px;left:-6px;bottom:auto;right:auto;top:50%;border-color:transparent transparent #fff #fff;-webkit-transform:rotate(-315deg);transform:rotate(-315deg)}.colorpicker--position-left.is-arrow-top::after,.colorpicker--position-right.is-arrow-top::after{top:18px;bottom:auto}.colorpicker--position-left.is-arrow-bottom::after,.colorpicker--position-right.is-arrow-bottom::after{top:auto;bottom:18px}.colorpicker--inline{position:static;box-shadow:none;display:inline-block}.colorpicker--inline:after{display:none}.colorpicker--no-arrow:after{opacity:0}.colorpicker-input{position:relative;display:block}.colorpicker-input--position-right .colorpicker-custom-anchor{right:10px}.colorpicker-input--position-right input,.colorpicker-input--position-right .form-control{padding-right:42px}.colorpicker-input--position-left .colorpicker-custom-anchor{left:10px}.colorpicker-input--position-left input,.colorpicker-input--position-left .form-control{padding-left:42px}.colorpicker-input .colorpicker-custom-anchor{position:absolute;top:50%;margin-top:-13px;display:block}.colorpicker-input .colorpicker-circle-anchor__color{width:26px;height:26px}input+.colorpicker--inline,select+.colorpicker--inline,textarea+.colorpicker--inline{margin-top:10px}.colorpicker-palette{padding:10px}.colorpicker-palette__colors{display:flex;flex-wrap:wrap}.colorpicker-palette__color{width:24px;height:24px;cursor:pointer}.colorpicker-palette__color.is-checked{background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iU2hhcGVfMjIzX2NvcHlfNV8xXyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayINCgkgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxMiA4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMiA4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDogI2ZmZn0NCjwvc3R5bGU+DQo8ZyBpZD0iU2hhcGVfMjIzX2NvcHlfNSI+DQoJPGc+DQoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMS41LDAuNGMtMC42LTAuNS0xLjUtMC41LTIuMSwwTDQuNSw0LjhMMi41LDNDMiwyLjUsMSwyLjUsMC40LDNjLTAuNiwwLjUtMC42LDEuMywwLDEuOWwzLDIuNw0KCQkJQzMuNyw3LjgsNC4xLDgsNC41LDhjMC40LDAsMC43LTAuMSwxLTAuNGw2LTUuM0MxMi4xLDEuNywxMi4xLDAuOSwxMS41LDAuNHoiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==");background-position:51% center;background-repeat:no-repeat;background-size:40%}.colorpicker-palette__color--white{box-shadow:inset 0 0 0 1px rgba(0,0,0,0.04)}.colorpicker-palette--separate-colors .colorpicker-palette__colors:first-child,.colorpicker-palette--separate-colors .colorpicker-palette__colors:nth-child(2){margin-bottom:9px}