index.css

@charset "UTF-8";.k-color-palette-field .k-button{cursor:pointer}.k-color-palette-field .k-button-figure .k-icon{margin-right:-4px}.color-palette_input-list{display:flex;flex-wrap:wrap;padding:.75rem .75rem calc(.75rem - 6px);background:#eaeaea}.color-palette_input-list li{position:relative;transition:transform .3s ease-out;margin-bottom:6px;border:4px solid transparent}.color-palette_input-list li.small{width:28px;height:28px}.color-palette_input-list li.medium{width:38px;height:38px}.color-palette_input-list li.large{width:48px;height:48px}.color-palette_input-list li:not(:last-child){margin-right:6px}.color-palette_input-list li.active{pointer-events:none;border:4px solid #fff;outline:1px solid #ccc}.color-palette_input-list li.active.unselect{pointer-events:auto;cursor:pointer}.color-palette_input-list li:not(.active){cursor:pointer}.color-palette_input-color{width:100%;height:100%}.color-palette_input-color[data-tooltip]{position:relative;z-index:2;cursor:pointer}.color-palette_input-color[data-tooltip]:after,.color-palette_input-color[data-tooltip]:before{visibility:hidden;pointer-events:none}.color-palette_input-color[data-tooltip]:before{position:absolute;bottom:120%;left:50%;transform:translate(-50%);margin-bottom:5px;padding:7px 12px;width:auto;background-color:#000;color:#fff;content:attr(data-tooltip);text-align:center;font-size:14px;line-height:16px;white-space:pre}.color-palette_input-color[data-tooltip]:after{position:absolute;bottom:120%;left:50%;margin-left:-5px;width:0;border-top:5px solid #000;border-right:5px solid transparent;border-left:5px solid transparent;content:"";font-size:0;line-height:0}.color-palette_input-color[data-tooltip]:hover:after,.color-palette_input-color[data-tooltip]:hover:before{visibility:visible}.color-palette_empty-palette{padding:0;display:flex;align-items:center;flex-direction:row;justify-content:flex-start}.color-palette_empty-palette .k-icon{border-right:1px solid #d6d6d6;margin-bottom:0;display:flex;justify-content:center;align-items:center}.color-palette_empty-palette .k-icon svg{width:14px}.color-palette_empty-palette p{line-height:1.25rem;text-align:left}.color-palette_empty-palette.small .k-icon{width:calc(28px + 1.5rem);height:calc(28px + 1.5rem)}.color-palette_empty-palette.small p{padding:.75rem 1rem}.color-palette_empty-palette.medium .k-icon{width:calc(38px + 1.5rem);height:calc(38px + 1.5rem)}.color-palette_empty-palette.medium p{padding:.75rem 1.25rem}.color-palette_empty-palette.large .k-icon{width:calc(48px + 1.5rem);height:calc(48px + 1.5rem)}.color-palette_empty-palette.large p{padding:.75rem 1.75rem}.color-palette_empty-loading{padding:.75rem;background:#eaeaea}.color-palette_empty-loading .loader-ctn{display:flex;justify-content:center;align-items:center}.color-palette_empty-loading .loader-ctn.small{height:28px}.color-palette_empty-loading .loader-ctn.medium{height:38px}.color-palette_empty-loading .loader-ctn.large{height:48px}.color-palette_empty-loading .loader-ctn .loader{display:inline-block;overflow:hidden;height:1.3em;margin-top:-.3em;line-height:1.5em;vertical-align:text-bottom}.color-palette_empty-loading .loader-ctn .loader:after{content:"⠋\a⠙\a⠹\a⠸\a⠼\a⠴\a⠦\a⠧\a⠇\a⠏";display:inline-table;white-space:pre;text-align:left;animation:spin10 .8s steps(10) infinite}@keyframes spin10{to{transform:translateY(-15em)}}