.color-slider[data-v-2e270364]{position:relative;touch-action:none}.color-slider-slot[data-v-2e270364]{position:absolute;width:20px}.color-slider-pointer[data-v-2e270364]{background-color:#fff;border-radius:12px;box-shadow:0 0 5px #0006;cursor:pointer;height:12px;position:absolute;top:0;width:12px}.color-slider-pointer[data-v-2e270364]:hover{box-shadow:0 0 5px #3449d7}.color-slider-horizontal[data-v-2e270364]{height:100%}.color-slider-horizontal .color-slider-slot[data-v-2e270364]{height:12px;width:100%}.color-slider-horizontal .color-slider-pointer[data-v-2e270364]{left:0;top:0;transform:translate(-6px)}.one-colorpanel[data-v-5d8044ed]{background-color:#fff;border-radius:3px;box-shadow:0 0 5px #14141433;cursor:default;overflow:hidden;width:256px}.one-colorpanel[data-v-5d8044ed] *,.one-colorpanel[data-v-5d8044ed] :after,.one-colorpanel[data-v-5d8044ed] :before{box-sizing:border-box}.one-colorpanel li[data-v-5d8044ed],.one-colorpanel ul[data-v-5d8044ed]{list-style:none;margin:0;padding:0}.one-color-pointer[data-v-5d8044ed]{border:1px solid #fff;border-radius:8px;box-shadow:0 0 5px #00000080;cursor:pointer;height:16px;left:0;position:absolute;top:0;transform:translate(-8px) translateY(-8px);width:16px;z-index:1}.one-colors[data-v-5d8044ed]{background-color:#f30;height:160px;overflow:hidden;position:relative;touch-action:none;width:256px}.one-colors>div[data-v-5d8044ed]{bottom:0;left:0;position:absolute;right:0;top:0}.one-colors .one-brightness-light[data-v-5d8044ed]{background:linear-gradient(90deg,#fff,#fff0)}.one-colors .one-brightness-dark[data-v-5d8044ed]{background:linear-gradient(180deg,transparent,#000)}.transparent[data-v-5d8044ed]{position:relative;z-index:0}.transparent[data-v-5d8044ed]:after{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMElEQVQ4T2N89uzZfwY8QFJSEp80A+OoAcMiDP7//483HTx//hx/Ohg1gIFx6IcBALl+VXknOCvFAAAAAElFTkSuQmCC);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.one-color-present[data-v-5d8044ed]{border:1px solid #eee;border-radius:40px/2;height:40px;overflow:hidden;position:relative;width:40px;z-index:0}.one-color-present[data-v-5d8044ed]:after{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMElEQVQ4T2N89uzZfwY8QFJSEp80A+OoAcMiDP7//483HTx//hx/Ohg1gIFx6IcBALl+VXknOCvFAAAAAElFTkSuQmCC);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.one-color-present div[data-v-5d8044ed]{height:100%;width:100%}.one-color-control[data-v-5d8044ed]{display:flex;justify-content:space-between;padding:15px;width:100%}.one-color-control .one-hue[data-v-5d8044ed]{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red);border-radius:3px;height:12px;width:100%}.one-color-control .one-opacity[data-v-5d8044ed]{border-radius:3px;box-shadow:0 0 1px #0003;height:12px;position:relative;width:100%;z-index:0}.one-color-control .one-opacity[data-v-5d8044ed]:after{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMElEQVQ4T2N89uzZfwY8QFJSEp80A+OoAcMiDP7//483HTx//hx/Ohg1gIFx6IcBALl+VXknOCvFAAAAAElFTkSuQmCC);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.one-color-control .one-color-slider[data-v-5d8044ed]{display:flex;flex-direction:column;justify-content:space-around;width:170px}input[type=number][data-v-5d8044ed]::-webkit-inner-spin-button,input[type=number][data-v-5d8044ed]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.one-color-value[data-v-5d8044ed]{border-bottom:1px solid #eee;display:flex;font-size:14px;justify-content:space-between;padding:0 10px 5px;text-align:center}.one-color-value input[data-v-5d8044ed]{border:1px solid #eee;border-radius:3px;color:#999;font-size:12px;line-height:1;outline:none;padding:2px 0;text-align:center;transition:border-color .2s ease;width:36px}.one-color-value input[data-v-5d8044ed]:hover{border-color:#2196f3}.one-type-ul[data-v-5d8044ed]{width:200px}.one-type-ul ul[data-v-5d8044ed]{display:flex;justify-content:space-between}.one-type-ul ul p[data-v-5d8044ed]{color:#999;font-size:13px;line-height:1;margin:5px 0}.one-type-hex ul[data-v-5d8044ed]{justify-content:center}.one-type-hex input[data-v-5d8044ed]{width:120px}.one-color-toggle[data-v-5d8044ed]{background:transparent;border:0;border-radius:3px;cursor:pointer;display:block;height:24px;padding:0;position:relative;transition:background-color .2s ease;width:20px}.one-color-toggle[data-v-5d8044ed]:hover{background-color:#eee}.one-color-toggle[data-v-5d8044ed]:after,.one-color-toggle[data-v-5d8044ed]:before{content:"";height:5px;position:absolute;top:10px;width:5px}.one-color-toggle[data-v-5d8044ed]:before{border-bottom:1px solid #999;border-left:1px solid #999;left:5px;transform:rotate(45deg)}.one-color-toggle[data-v-5d8044ed]:after{border-right:1px solid #999;border-top:1px solid #999;right:5px;transform:rotate(45deg)}.one-color-stash[data-v-5d8044ed]{display:flex;justify-content:space-between;padding:10px}.one-color-stash-wrap[data-v-5d8044ed]{width:210px}.one-color-stash-wrap ul[data-v-5d8044ed]{display:flex;flex-flow:wrap}.one-color-stash-wrap li[data-v-5d8044ed]{border-radius:2px;height:16px;margin:5px;transition:transform .1s ease;width:16px}.one-color-stash-wrap li button[data-v-5d8044ed]{border:0;border-radius:2px;box-shadow:0 0 1px #aaa;cursor:pointer;height:100%;padding:0;width:100%}.one-color-stash-wrap li button[data-v-5d8044ed]:hover{transform:scale(1.5)}.one-color-stash-wrap li button.transparent[data-v-5d8044ed]{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMElEQVQ4T2N89uzZfwY8QFJSEp80A+OoAcMiDP7//483HTx//hx/Ohg1gIFx6IcBALl+VXknOCvFAAAAAElFTkSuQmCC)}@media (hover:none) and (pointer:coarse),(max-width:768px){.one-color-value input[data-v-5d8044ed]{font-size:16px;min-height:44px}.one-color-toggle[data-v-5d8044ed]{flex-shrink:0;min-height:44px;width:44px}.one-color-control .one-hue[data-v-5d8044ed],.one-color-control .one-opacity[data-v-5d8044ed]{height:44px}.one-color-control .one-color-slider[data-v-5d8044ed]{gap:8px}.one-color-control[data-v-5d8044ed] .color-slider-pointer{height:18px;top:13px;width:18px}.one-color-stash[data-v-5d8044ed]{flex-direction:column;gap:8px}.one-color-stash-wrap[data-v-5d8044ed]{width:100%}.one-color-stash-wrap ul[data-v-5d8044ed]{display:grid;gap:4px;grid-template-columns:repeat(5,minmax(0,1fr))}.one-color-stash-wrap li[data-v-5d8044ed]{height:44px;margin:0;width:auto}}