.tml-color-picker[data-v-438b3c53]{--slider-height: 10px;width:225px;border-radius:2px;-webkit-tap-highlight-color:transparent;background:#fff;box-shadow:0 0 2px #0000004d,0 4px 8px #0000004d;transition:box-shadow .25s}.tml-color-picker .saturation[data-v-438b3c53]{height:125px}.tml-color-picker .saturation .saturation-brightness[data-v-438b3c53]{background:linear-gradient(rgba(255,255,255,0),rgb(0,0,0))}.tml-color-picker .saturation .saturation-pointer[data-v-438b3c53]{--pointer-size: 12px;width:var(--pointer-size);height:var(--pointer-size);box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px #0000004d,0 0 1px 2px #0006;border-radius:50%;transform:translate(calc((var(--pointer-size)) * -.5),calc((var(--pointer-size)) * -.5))}.tml-color-picker .slider[data-v-438b3c53]{height:var(--slider-height)}.tml-color-picker .adjusted-chequer[data-v-438b3c53]{background-size:var(--slider-height) var(--slider-height);background-position:0 0,0 calc(var(--slider-height) / 2),calc(var(--slider-height) / 2) calc(var(--slider-height) / 2),calc(var(--slider-height) / 2) 0}.tml-color-picker .hue[data-v-438b3c53]{background:linear-gradient(to right,#f00 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,#f00 100%)}.tml-color-picker .hue-pointer[data-v-438b3c53],.tml-color-picker .alpha-pointer[data-v-438b3c53]{--pointer-size: calc(var(--slider-height) + 5px);width:var(--pointer-size);height:var(--pointer-size);box-shadow:0 0 2px #0009;background:#fff;border-radius:50%;transform:translate(calc(var(--pointer-size) * -.5),-2.5px)}.tml-color-picker .color-preview[data-v-438b3c53]{height:var(--color-preview-size);width:var(--color-preview-size);border-radius:50%;overflow:hidden}