.slider-box[data-v-4aea5a84]{padding:1rem}.slider[data-v-4aea5a84]{position:relative;cursor:pointer;height:100%;width:100%}.slider .thumb-box[data-v-4aea5a84]{position:absolute}.slider .thumb-box .align-box.x[data-v-4aea5a84]{-webkit-transform:translateX(-50%);transform:translateX(-50%)}.slider .thumb-box .align-box.y[data-v-4aea5a84]{-webkit-transform:translateY(-50%);transform:translateY(-50%)}.slider .thumb-box .align-box.xy[data-v-4aea5a84]{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.pattern[data-v-9dd1fa80]{background-image:linear-gradient(45deg,#666 25%,transparent 0,transparent 75%,#666 0,#666),linear-gradient(45deg,#666 25%,transparent 0,transparent 75%,#666 0,#666);background-size:1rem 1rem;background-position:0 0,.5rem .5rem}.color-picker[data-v-9dd1fa80]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;background:#eee}.color-picker .component[data-v-9dd1fa80]{position:absolute;left:0;top:0;height:100%;width:100%}.color-picker .thumb[data-v-9dd1fa80]{height:.75rem;width:1.5rem;-webkit-transform:translateX(-.25rem);transform:translateX(-.25rem);border-radius:25%;-webkit-box-shadow:0 0 0 1px #fff;box-shadow:0 0 0 1px #fff;pointer-events:none}.color-picker .sb-component[data-v-9dd1fa80]{height:18rem;width:18rem}.color-picker .sb-component .component.b[data-v-9dd1fa80]{background:-webkit-gradient(linear,left top,left bottom,from(0),color-stop(#000),to(hsla(0,0%,100%,0)));background:linear-gradient(0,#000,hsla(0,0%,100%,0))}.color-picker .sb-component .thumb[data-v-9dd1fa80]{height:1rem;width:1rem;border-radius:100%;-webkit-transform:translateX(0);transform:translateX(0)}.color-picker .h-component[data-v-9dd1fa80]{height:18rem;width:1rem}.color-picker .h-component .component[data-v-9dd1fa80]{background:-webkit-gradient(linear,left top,left bottom,from(0),color-stop(red),color-stop(17%,#ff0),color-stop(33%,#0f0),color-stop(50%,#0ff),color-stop(67%,#00f),color-stop(83%,#f0f),to(red));background:linear-gradient(0,red,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.color-picker .alpha-component[data-v-9dd1fa80]{height:18rem;width:1rem}.color-picker .color-properties[data-v-9dd1fa80]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:1rem;color:#222}.color-picker .color-properties .seperator[data-v-9dd1fa80]{-webkit-box-flex:1;-ms-flex:1;flex:1}.color-picker .color-properties .preview[data-v-9dd1fa80]{height:2rem;width:5rem}.color-picker .color-properties .preview.pattern[data-v-9dd1fa80]{height:4rem;margin-bottom:-4rem}.color-picker .color-properties .channel[data-v-9dd1fa80]{margin:1px 0}.color-picker[data-v-9dd1fa80] .input-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.color-picker[data-v-9dd1fa80] .input-box input{height:1.5rem;background:#f8f8f8;color:#333;padding:0;margin:0 .25rem;border:none;font:inherit;border-radius:2px;width:4rem;text-align:center}.color-picker[data-v-9dd1fa80] .input-box input:focus{outline:none}.color-picker[data-v-9dd1fa80] .input-box input:hover{background:#f8f8f8}.color-picker[data-v-9dd1fa80] .input-box input::-moz-selection{background:#333;color:#eee}.color-picker[data-v-9dd1fa80] .input-box input::selection{background:#333;color:#eee}.color-picker[data-v-9dd1fa80] .input-box input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}.color-picker.dark[data-v-9dd1fa80]{background:#333}.color-picker.dark .pattern[data-v-9dd1fa80]{background-image:linear-gradient(45deg,#fff 25%,transparent 0,transparent 75%,#fff 0,#fff),linear-gradient(45deg,#fff 25%,transparent 0,transparent 75%,#fff 0,#fff)}.color-picker.dark .color-properties[data-v-9dd1fa80]{color:#ccc}.color-picker.dark[data-v-9dd1fa80] .input-box input{color:#f8f8f8;background:#444}