.color-picker{--mdb-color-picker-btn-color:var(--mdb-body-color);--mdb-color-picker-btn-hover-bg:var(--mdb-highlight-bg-color);--mdb-color-picker-box-shadow-color-rgb:var(--mdb-box-shadow-color-rgb)}.color-picker .color-picker-color-dot-wrapper{background:repeating-conic-gradient(#e0e0e0 0deg 25%,#fff 0deg 50%);background-size:.9rem .9rem;border-radius:100%;height:2rem;width:2rem}.color-picker .color-picker-color-dot{display:inline-table;border-radius:100%;height:inherit;width:inherit}.color-picker .color-picker-canvas-dot{height:1rem;width:1rem;position:absolute;background:transparent;border-radius:100%;-webkit-box-shadow:0 0 0 2px #fff,inset 0 0 0 1px rgba(var(--mdb-color-picker-box-shadow-color-rgb),.4);box-shadow:0 0 0 2px #fff,inset 0 0 0 1px rgba(var(--mdb-color-picker-box-shadow-color-rgb),.4);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.color-picker .color-picker-canvas-wrapper{position:relative;background:repeating-conic-gradient(#e0e0e0 0deg 25%,#fff 0deg 50%);background-size:.9rem .9rem}.color-picker .color-picker-canvas-wrapper canvas{display:block}.color-picker .color-picker-swatches .color-picker-swatches-color{height:20px;width:100%;border-radius:.2rem;cursor:pointer}.color-picker .color-picker-swatches{overflow-y:auto;overflow-x:hidden}.color-picker #hueRange::-webkit-slider-runnable-track{background:-webkit-gradient(linear,left top,right top,from(red),color-stop(16.66%,#ff0),color-stop(33.33%,#0f0),color-stop(50%,#0ff),color-stop(66.66%,#00f),color-stop(83.33%,#f0f),to(red));background:linear-gradient(90deg,red,#ff0 16.66%,#0f0 33.33%,#0ff 50%,#00f 66.66%,#f0f 83.33%,red)}.color-picker #hueRange::-moz-range-track{background:linear-gradient(90deg,red,#ff0 16.66%,#0f0 33.33%,#0ff 50%,#00f 66.66%,#f0f 83.33%,red)}.color-picker #alphaRange::-webkit-slider-runnable-track{background:var(--track-background,#ddd)}.color-picker #alphaRange::-moz-range-track{background:var(--track-background,#ddd)}.color-picker .color-picker-range-alpha{height:.25rem;background:repeating-conic-gradient(#e0e0e0 0deg 25%,#fff 0deg 50%);background-size:.2rem .2rem}.color-picker .color-picker-range-alpha input{position:relative;top:-10px}.color-picker .color-picker-color-inputs-wrapper input{padding-left:.24rem;padding-right:.24rem;background-color:cmyk(0,51%,51%,34%)}.color-picker .color-picker-copy-button,.color-picker .color-picker-next-format-button,.color-picker .color-picker-previous-format-button{color:var(--mdb-color-picker-btn-color)}.color-picker .color-picker-copy-button:hover,.color-picker .color-picker-next-format-button:hover,.color-picker .color-picker-previous-format-button:hover{background-color:var(--mdb-color-picker-btn-hover-bg)}