{"version":3,"sourceRoot":"","sources":["../../../src/plugins/color-picker/scss/_color-picker.scss"],"names":[],"mappings":"AAIA,cACE,oDACA,+DACA,yEAEA,8CACE,sEACA,4BACA,mBACA,YACA,WAGF,sCACE,qBACA,mBACA,eACA,cAGF,uCACE,YACA,WACA,kBACA,yBACA,mBACA,kGAEA,iBACA,oBAGF,2CACE,kBACA,sEACA,4BAEA,kDACE,cAIJ,kEACE,YACA,WACA,oBACA,eAGF,qCACE,gBACA,kBAGF,uDACE,0GAYF,0CACE,0GAYF,yDACE,yCAGF,4CACE,yCAGF,wCACE,cACA,sEACA,4BAEA,8CACE,kBACA,UAIJ,uDACE,oBACA,qBACA,yCAGF,0IAGE,wCAEA,4JACE","file":"color-picker.min.css","sourcesContent":["$color-picker-btn-color: var(--mdb-body-color) !default;\n$color-picker-btn-hover-bg: var(--mdb-highlight-bg-color) !default;\n$color-picker-box-shadow-color-rgb: var(--mdb-box-shadow-color-rgb) !default;\n\n.color-picker {\n  --mdb-color-picker-btn-color: #{$color-picker-btn-color};\n  --mdb-color-picker-btn-hover-bg: #{$color-picker-btn-hover-bg};\n  --mdb-color-picker-box-shadow-color-rgb: #{$color-picker-box-shadow-color-rgb};\n\n  .color-picker-color-dot-wrapper {\n    background: repeating-conic-gradient(#e0e0e0 0deg 25%, white 0deg 50%);\n    background-size: 0.9rem 0.9rem;\n    border-radius: 100%;\n    height: 2rem;\n    width: 2rem;\n  }\n\n  .color-picker-color-dot {\n    display: inline-table;\n    border-radius: 100%;\n    height: inherit;\n    width: inherit;\n  }\n\n  .color-picker-canvas-dot {\n    height: 1rem;\n    width: 1rem;\n    position: absolute;\n    background: transparent;\n    border-radius: 100%;\n    box-shadow: 0 0 0 2px #fff,\n      inset 0 0 0 1px rgba(var(--mdb-color-picker-box-shadow-color-rgb), 0.4);\n    user-select: none;\n    pointer-events: none;\n  }\n\n  .color-picker-canvas-wrapper {\n    position: relative;\n    background: repeating-conic-gradient(#e0e0e0 0deg 25%, white 0deg 50%);\n    background-size: 0.9rem 0.9rem;\n\n    canvas {\n      display: block;\n    }\n  }\n\n  .color-picker-swatches .color-picker-swatches-color {\n    height: 20px;\n    width: 100%;\n    border-radius: 0.2rem;\n    cursor: pointer;\n  }\n\n  .color-picker-swatches {\n    overflow-y: auto;\n    overflow-x: hidden;\n  }\n\n  #hueRange::-webkit-slider-runnable-track {\n    background: linear-gradient(\n      90deg,\n      red,\n      #ff0 16.66%,\n      #0f0 33.33%,\n      #0ff 50%,\n      #00f 66.66%,\n      #f0f 83.33%,\n      red\n    );\n  }\n\n  #hueRange::-moz-range-track {\n    background: linear-gradient(\n      90deg,\n      red,\n      #ff0 16.66%,\n      #0f0 33.33%,\n      #0ff 50%,\n      #00f 66.66%,\n      #f0f 83.33%,\n      red\n    );\n  }\n\n  #alphaRange::-webkit-slider-runnable-track {\n    background: var(--track-background, #ddd);\n  }\n\n  #alphaRange::-moz-range-track {\n    background: var(--track-background, #ddd);\n  }\n\n  .color-picker-range-alpha {\n    height: 0.25rem;\n    background: repeating-conic-gradient(#e0e0e0 0deg 25%, white 0deg 50%);\n    background-size: 0.2rem 0.2rem;\n\n    input {\n      position: relative;\n      top: -10px;\n    }\n  }\n\n  .color-picker-color-inputs-wrapper input {\n    padding-left: 0.24rem;\n    padding-right: 0.24rem;\n    background-color: cmyk(0%, 51%, 51%, 34%);\n  }\n\n  .color-picker-next-format-button,\n  .color-picker-previous-format-button,\n  .color-picker-copy-button {\n    color: var(--mdb-color-picker-btn-color);\n\n    &:hover {\n      background-color: var(--mdb-color-picker-btn-hover-bg);\n    }\n  }\n}\n"]}