{"version":3,"sources":["colorpicker/colorpicker.scss","colorpicker/colorpicker.css"],"names":[],"mappings":"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","file":"colorpicker.css","sourcesContent":["$black: black;\r\n$primary: #106cc8 !default;\r\n$warn: #f44336 !default;\r\n\r\n.md2-colorpicker-wrapper {\r\n  border-radius: 3px;\r\n  background-color: #fff;\r\n  z-index: 10;\r\n  box-shadow: 0 2px 6px rgba($black, 0.4);\r\n  overflow: hidden;\r\n}\r\n\r\n.md2-colorpicker-panel {\r\n  outline: 0;\r\n  box-shadow: 0 5px 5px -3px rgba(black, 0.2), 0 8px 10px 1px rgba(black, 0.14), 0 3px 14px 2px rgba(black, 0.12);\r\n\r\n  &[container='dialog'] {\r\n    box-shadow: 0 11px 15px -7px rgba(black, 0.2), 0 24px 38px 3px rgba(black, 0.14), 0 9px 46px 8px rgba(black, 0.12);\r\n  }\r\n}\r\n\r\n.md2-colorpicker-disabled {\r\n  pointer-events: none;\r\n  cursor: default;\r\n\r\n  .color-picker-selector .md2-colorpicker-value {\r\n    color: rgba(0, 0, 0, 0.38);\r\n    border-color: transparent;\r\n    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.38) 0%, rgba(0, 0, 0, 0.38) 33%, transparent 0%);\r\n    background-position: bottom -1px left 0;\r\n    background-size: 4px 1px;\r\n    background-repeat: repeat-x;\r\n  }\r\n}\r\n\r\n.md2-colorpicker-input {\r\n  color: rgba(black, 0.38);\r\n  border-bottom: 1px solid rgba(black, 0.12);\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  height: 30px;\r\n  min-width: 180px;\r\n  line-height: 22px;\r\n  position: relative;\r\n  box-sizing: border-box;\r\n\r\n  [aria-disabled='true'] & {\r\n    background-image: linear-gradient(to right, rgba(black, 0.26) 0, rgba(black, 0.26) 33%, transparent 0);\r\n    background-size: 4px 1px;\r\n    background-repeat: repeat-x;\r\n    border-color: transparent;\r\n    background-position: 0 bottom;\r\n    cursor: default;\r\n  }\r\n\r\n  md2-colorpicker:focus:not(.md2-colorpicker-disabled) & {\r\n    color: $primary;\r\n    border-color: $primary;\r\n  }\r\n\r\n  md2-colorpicker.ng-invalid.ng-touched:not(.md2-colorpicker-disabled) & {\r\n    color: $warn;\r\n    border-color: $warn;\r\n  }\r\n}\r\n\r\n.input-focused {\r\n  color: $primary;\r\n  border-color: $primary;\r\n}\r\n\r\n.inline-control {\r\n  width: 150px;\r\n  margin-right: 16px;\r\n  padding: 16px 0;\r\n}\r\n\r\n.md2-colorpicker-placeholder {\r\n  position: absolute;\r\n  right: 18px;\r\n  bottom: 100%;\r\n  left: 0;\r\n  padding: 0 2px;\r\n  transform: translate3d(0, 26px, 0) scale(1);\r\n  transform-origin: left top;\r\n  white-space: nowrap;\r\n  overflow-x: hidden;\r\n  text-overflow: ellipsis;\r\n  transition: all 150ms cubic-bezier(0.25, 0.8, 0.25, 1);\r\n\r\n  [aria-required=true] &::after {\r\n    content: '*';\r\n  }\r\n}\r\n\r\n.md2-colorpicker-input.input-focused .md2-colorpicker-placeholder {\r\n  color: $primary;\r\n}\r\n\r\n.md2-colorpicker-input.input-focused .md2-colorpicker-placeholder,\r\nmd2-colorpicker .md2-colorpicker-placeholder.has-value {\r\n  transform: translate3d(0, 6px, 0) scale(0.75);\r\n}\r\n\r\n.color-error {\r\n  .md2-colorpicker-input, .md2-colorpicker-placeholder {\r\n    color: $warn !important;\r\n    border-color: $warn;\r\n  }\r\n\r\n  .color-fill {\r\n    background-color: transparent !important;\r\n  }\r\n}\r\n\r\n.color-picker-selector {\r\n  display: block;\r\n  padding: 18px 0 4px 46px;\r\n  white-space: nowrap;\r\n\r\n  .md2-colorpicker-preview {\r\n    position: absolute;\r\n    top: 19px;\r\n    left: 6px;\r\n    content: '';\r\n    width: 24px;\r\n    height: 24px;\r\n    overflow: hidden;\r\n    background-color: #fff;\r\n    background: linear-gradient(45deg, #ddd 25%, transparent 0, transparent 75%, #ddd 0, #ddd), linear-gradient(45deg, #ddd 25%, transparent 0, transparent 75%, #ddd 0, #ddd);\r\n    background-size: 8px 8px;\r\n    background-position: 0 0, 4px 4px;\r\n    border: 2px solid #fafafa;\r\n    display: block;\r\n    fill: #5a5a5a;\r\n    cursor: pointer;\r\n    border-radius: 50%;\r\n    vertical-align: middle;\r\n    box-shadow: 0 1px 1px 0 rgba($black, 0.2), 0 1px 1px 1px rgba($black, 0.14), 0 1px 1px 1px rgba($black, 0.12);\r\n\r\n    .color-fill {\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n  }\r\n\r\n  .md2-colorpicker-value {\r\n    font-size: 15px;\r\n    background: transparent;\r\n    border: 0;\r\n    outline: none;\r\n    position: relative;\r\n    display: block;\r\n    min-width: 160px;\r\n    height: 30px;\r\n    padding: 2px 2px 1px;\r\n    margin: 0;\r\n    line-height: 26px;\r\n    color: rgba(0, 0, 0, 0.87);\r\n    vertical-align: middle;\r\n    box-sizing: border-box;\r\n  }\r\n}\r\n\r\nmd2-colorpicker {\r\n  position: relative;\r\n  display: block;\r\n  outline: none;\r\n}\r\n\r\n.md2-color-picker {\r\n  position: relative;\r\n  display: block;\r\n  width: 266px;\r\n  outline: none;\r\n\r\n  * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .input-color-content {\r\n    position: relative;\r\n    padding: 8px;\r\n  }\r\n\r\n  i {\r\n    cursor: default;\r\n    position: relative;\r\n  }\r\n\r\n  input {\r\n    font-size: 16px;\r\n    height: 50px;\r\n    outline: none;\r\n  }\r\n\r\n  div.cursor-sv {\r\n    cursor: default;\r\n    position: relative;\r\n    border-radius: 50%;\r\n    width: 15px;\r\n    height: 15px;\r\n    border: #ddd solid 1px;\r\n  }\r\n\r\n  div.cursor {\r\n    cursor: crosshair;\r\n    position: relative;\r\n    border-radius: 50%;\r\n    width: 13px;\r\n    height: 13px;\r\n    box-shadow: 0 0 2px 0 rgba($black, 0.5), inset 0 0 2px 0 rgba($black, 0.5);\r\n    border: 2px solid #fff;\r\n  }\r\n\r\n  div.color-picker-marker {\r\n    cursor: crosshair;\r\n    position: relative;\r\n    border: 2px solid #fff;\r\n    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);\r\n    height: 100%;\r\n    width: 5px;\r\n    border-bottom: 0;\r\n    border-top: 0;\r\n  }\r\n\r\n  .saturation-lightness {\r\n    width: 100%;\r\n    height: 130px;\r\n    border-radius: 2px;\r\n    overflow: hidden;\r\n    background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0)), linear-gradient(to right, #fff, rgba(255, 255, 255, 0));\r\n  }\r\n\r\n  .saturation-lightness:hover {\r\n    cursor: crosshair;\r\n  }\r\n\r\n  .hue {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 30px;\r\n    margin: 8px 0;\r\n    border-radius: 2px;\r\n    background: linear-gradient(to right, #f00, #ff0, #0f0, #0ff, #00f, #f0f, #f00);\r\n  }\r\n\r\n  .alpha {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 30px;\r\n    border-radius: 2px;\r\n    background: linear-gradient(45deg, #ddd 25%, transparent 0, transparent 75%, #ddd 0, #ddd), linear-gradient(45deg, #ddd 25%, transparent 0, transparent 75%, #ddd 0, #ddd);\r\n    background-size: 8px 8px;\r\n    background-position: 0 0, 4px 4px;\r\n\r\n    .alpha-main {\r\n      position: absolute;\r\n      height: 100%;\r\n      opacity: 1;\r\n      background-image: linear-gradient(to left, transparent, transparent), linear-gradient(to right, #fff, rgba(255, 255, 255, 0));\r\n      width: 100%;\r\n    }\r\n  }\r\n\r\n  .selected-color {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 75px;\r\n    background-color: #fff;\r\n    background: linear-gradient(45deg, #ddd 25%, transparent 0, transparent 75%, #ddd 0, #ddd), linear-gradient(45deg, #ddd 25%, transparent 0, transparent 75%, #ddd 0, #ddd);\r\n    background-size: 8px 8px;\r\n    background-position: 0 0, 4px 4px;\r\n\r\n    .selected-color-bg {\r\n      position: absolute;\r\n      height: 100%;\r\n      opacity: 1;\r\n      width: 100%;\r\n    }\r\n\r\n    .color-bar {\r\n      position: absolute;\r\n      width: 100%;\r\n      bottom: 0;\r\n    }\r\n\r\n    .color-input {\r\n      position: relative;\r\n    }\r\n  }\r\n}\r\n\r\n.color-clear {\r\n  color: rgba(black, 0.4);\r\n  cursor: pointer;\r\n\r\n  svg {\r\n    vertical-align: bottom;\r\n    fill: #686868;\r\n  }\r\n}\r\n\r\n.clearfix {\r\n  &::before,\r\n  &::after {\r\n    content: ' ';\r\n    display: table;\r\n  }\r\n\r\n  &::after {\r\n    clear: both;\r\n  }\r\n}\r\n\r\n.hex-text {\r\n  width: 100%;\r\n\r\n  input {\r\n    width: 100%;\r\n    border: 0;\r\n    padding: 4px;\r\n    text-align: center;\r\n    background: transparent;\r\n  }\r\n\r\n  div {\r\n    text-align: center;\r\n    float: left;\r\n    clear: left;\r\n    width: 160px;\r\n    margin-top: 4px;\r\n  }\r\n}\r\n\r\n.hsla-text,\r\n.rgba-text {\r\n  text-align: center;\r\n}\r\n\r\n.hsla-text input,\r\n.rgba-text input {\r\n  width: 50px;\r\n  border: 0;\r\n  padding: 4px 0;\r\n  background: transparent;\r\n  text-align: center;\r\n}\r\n\r\n.hsla-text div,\r\n.rgba-text div {\r\n  text-align: center;\r\n  display: block;\r\n}\r\n\r\n.hsla-text label,\r\n.rgba-text label {\r\n  text-align: center;\r\n  display: inline-block;\r\n  font-size: 15px;\r\n}\r\n\r\n.md2-color-picker-actions {\r\n  text-align: right;\r\n\r\n  .md2-button {\r\n    display: inline-block;\r\n    min-width: 64px;\r\n    margin: 4px 8px 8px 0;\r\n    padding: 0 12px;\r\n    font-size: 14px;\r\n    color: $primary;\r\n    line-height: 36px;\r\n    text-align: center;\r\n    text-transform: uppercase;\r\n    border-radius: 2px;\r\n    cursor: pointer;\r\n    box-sizing: border-box;\r\n    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1);\r\n\r\n    &:hover {\r\n      background: darken(white, 8);\r\n    }\r\n  }\r\n}\r\n\r\n.hsla-text div:nth-child(5),\r\n.rgba-text div:nth-child(5) {\r\n  clear: left;\r\n}\r\n\r\n.type-policy {\r\n  width: 33.333333%;\r\n  text-align: center;\r\n  font-size: 14px;\r\n  display: inline-block;\r\n  float: left;\r\n  padding: 4px 8px 3px;\r\n  border-bottom: 2px solid transparent;\r\n  cursor: pointer;\r\n  background: rgba(white, 0.25);\r\n\r\n  .dark & {\r\n    background: rgba(black, 0.25);\r\n  }\r\n\r\n  &.active {\r\n    border-color: rgba(white, 0.5);\r\n    background: transparent;\r\n\r\n    .dark & {\r\n      border-color: rgba(black, 0.5);\r\n    }\r\n  }\r\n}\r\n\r\n\r\n.cdk-overlay-container, .cdk-global-overlay-wrapper {\r\n  pointer-events: none;\r\n  top: 0;\r\n  left: 0;\r\n  height: 100%;\r\n  width: 100%;\r\n}\r\n\r\n.cdk-overlay-container {\r\n  position: fixed;\r\n  z-index: 1000;\r\n}\r\n\r\n.cdk-global-overlay-wrapper {\r\n  display: flex;\r\n  position: absolute;\r\n  z-index: 1000;\r\n}\r\n\r\n.cdk-overlay-pane {\r\n  position: absolute;\r\n  pointer-events: auto;\r\n  box-sizing: border-box;\r\n  z-index: 1000;\r\n}\r\n\r\n.cdk-overlay-backdrop {\r\n  position: absolute;\r\n  top: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n  z-index: 1000;\r\n  pointer-events: auto;\r\n  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\r\n  opacity: 0;\r\n}\r\n\r\n.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {\r\n  opacity: 0.48;\r\n}\r\n\r\n.cdk-overlay-dark-backdrop {\r\n  background: rgba(black, 0.6);\r\n}\r\n",null]}