.v-stretch-active,.v-stretch-enter-active{-webkit-transition:opacity .2s ease,-webkit-transform .2s ease}.v-color-picker{display:inline-block}.v-color-picker .v-color-simple-placeholder{border-radius:2px;border:1px solid #c0c4cc;padding:2px;cursor:pointer;margin:0 auto}.v-color-picker .v-color-simple-placeholder .simple-placeholder{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);border-radius:2px;border:1px solid #dcdfe6;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.v-color-picker .v-color-simple-placeholder .simple-placeholder i{color:#fff}.v-color-main{margin-top:6px;padding:6px;-webkit-box-shadow:-2px 1px 5px 2px #f1f1f1;box-shadow:-2px 1px 5px 2px #f1f1f1}.v-color-content{position:relative}.v-color-black,.v-color-pointer,.v-color-white{position:absolute;left:0;top:0}.v-color-white{right:0;bottom:0;background:-webkit-gradient(linear,left top,right top,from(#fff),to(hsla(0,0%,100%,0)));background:linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.v-color-black{right:0;bottom:0;background:-webkit-gradient(linear,left bottom,left top,from(#000),to(transparent));background:linear-gradient(0deg,#000,transparent)}.v-color-pointer{width:8px;height:8px;border-radius:50%;border:1px solid #fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.v-color-top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.v-color-hue{position:relative;width:12px;margin-left:6px;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.v-color-hue__bar{background:-webkit-gradient(linear,left top,left bottom,color-stop(0,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(180deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red);height:100%}.v-color-hue__thumb{position:absolute;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;left:0;top:0;width:100%;height:4px;border-radius:1px;background:#fff;border:1px solid #f0f0f0;-webkit-box-shadow:0 0 2px rgba(0,0,0,.6);box-shadow:0 0 2px rgba(0,0,0,.6);z-index:1}.v-color-bottom{display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px 0 0}.v-color-bottom .v-easy-button{margin-left:auto}.v-color-preview{width:34px;height:34px;margin-right:10px}.v-stretch-active{transition:opacity .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,opacity .2s ease;transition:transform .2s ease,opacity .2s ease,-webkit-transform .2s ease;-webkit-transform-origin:top;transform-origin:top}.v-stretch-enter{-webkit-transform:rotateX(90deg);transform:rotateX(90deg);opacity:0}.v-stretch-enter-active{transition:opacity .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,opacity .2s ease;transition:transform .2s ease,opacity .2s ease,-webkit-transform .2s ease;-webkit-transform-origin:top;transform-origin:top}.v-stretch-enter-to{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}.v-stretch-leave-active{-webkit-transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,opacity .2s ease;transition:transform .2s ease,opacity .2s ease,-webkit-transform .2s ease;-webkit-transform-origin:top;transform-origin:top}.v-stretch-leave-to{-webkit-transform:rotateX(90deg);transform:rotateX(90deg);opacity:0}