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{background:#eaeaea;display:flex;flex-wrap:wrap;padding:.75rem;padding-bottom:calc(.75rem - 6px)}.color-palette_input-list li{border:4px solid transparent;margin-bottom:6px;position:relative;transition:transform .3s ease-out}.color-palette_input-list li.small{height:28px;width:28px}.color-palette_input-list li.medium{height:38px;width:38px}.color-palette_input-list li.large{height:48px;width:48px}.color-palette_input-list li:not(:last-child){margin-right:6px}.color-palette_input-list li.active{border:4px solid white;outline:1px solid #ccc;pointer-events:none}.color-palette_input-list li.active.unselect{cursor:pointer;pointer-events:auto}.color-palette_input-list li:not(.active){cursor:pointer}.color-palette_input-color{height:100%;width:100%}.color-palette_input-color[data-tooltip]{cursor:pointer;position:relative;z-index:2}.color-palette_input-color[data-tooltip]:before,.color-palette_input-color[data-tooltip]:after{pointer-events:none;visibility:hidden}.color-palette_input-color[data-tooltip]:before{background-color:#000;bottom:120%;color:#fff;content:attr(data-tooltip);font-size:14px;left:50%;line-height:16px;margin-bottom:5px;padding:7px 12px;position:absolute;text-align:center;transform:translate(-50%);white-space:pre;width:auto}.color-palette_input-color[data-tooltip]:after{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000;bottom:120%;content:"";font-size:0;left:50%;line-height:0;margin-left:-5px;position:absolute;width:0}.color-palette_input-color[data-tooltip]:hover:before,.color-palette_input-color[data-tooltip]:hover:after{visibility:visible}.color-palette_empty-palette{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;padding:0}.color-palette_empty-palette .k-icon{align-items:center;border-right:1px solid #d6d6d6;display:flex;justify-content:center;margin-bottom:0}.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{height:calc(28px + 1.5rem);width:calc(28px + 1.5rem)}.color-palette_empty-palette.small p{padding:.75rem 1rem}.color-palette_empty-palette.medium .k-icon{height:calc(38px + 1.5rem);width:calc(38px + 1.5rem)}.color-palette_empty-palette.medium p{padding:.75rem 1.25rem}.color-palette_empty-palette.large .k-icon{height:calc(48px + 1.5rem);width:calc(48px + 1.5rem)}.color-palette_empty-palette.large p{padding:.75rem 1.75rem}.color-palette_empty-loading{background:#eaeaea;padding:.75rem}.color-palette_empty-loading .loader-ctn{align-items:center;display:flex;justify-content: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;height:1.3em;line-height:1.5em;margin-top:-.3em;overflow:hidden;vertical-align:text-bottom}.color-palette_empty-loading .loader-ctn .loader:after{animation:spin10 .8s steps(10) infinite;content:"\280b\a\2819\a\2839\a\2838\a\283c\a\2834\a\2826\a\2827\a\2807\a\280f";display:inline-table;text-align:left;white-space:pre}@keyframes spin10{to{transform:translateY(-15em)}}