{"version":3,"sources":["webpack:///./example/App.vue","webpack:///./src/components/Material.vue","webpack:///./src/components/common/EditableInput.vue","webpack:///./src/components/Compact.vue","webpack:///./src/components/Grayscale.vue","webpack:///./src/components/Swatches.vue","webpack:///./src/components/Slider.vue","webpack:///./src/components/common/Hue.vue","webpack:///./src/components/Sketch.vue","webpack:///./src/components/common/Saturation.vue","webpack:///./src/components/common/Alpha.vue","webpack:///./src/components/common/Checkboard.vue","webpack:///./src/components/Chrome.vue","webpack:///./src/components/Photoshop.vue"],"names":[],"mappings":"AACA,EACE,SACA,SAAW,CAEb,KACE,2DAAoE,CAEtE,kBACE,iBAAmB,CAErB,WACE,kBACA,MACA,OACA,QACA,iBACA,sBACA,WACA,SAAW,CAEb,QACE,aACA,gBACA,cACA,cAAgB,CAElB,YACE,OACA,kBAAoB,CAEtB,OACE,YACA,wBAA8B,CAEhC,UACE,eACA,gBACA,gBAAkB,CAEpB,SACE,eACA,gBACA,gBAAkB,CAEpB,gBACE,gBACA,iBACA,cACA,kBACA,SAAW,CAEb,WACE,aACA,kBAAoB,CAEtB,WACE,kBACA,mBACA,cACA,SAAW,CAEb,cACE,SACA,cACA,WACA,eACA,eAAoB,CClEtB,aACE,WACA,YACA,aACA,mBACA,kBACA,kBACA,gEACA,qBAAuB,CAEzB,8BACE,WACA,gBACA,eACA,WACA,WAAa,CAEf,8BACE,kBACA,MACA,OACA,eACA,WACA,yBAA2B,CAE7B,iBACE,wBACA,yBAA2B,CAE7B,mBACE,aACA,mBACA,gBAAkB,CAEpB,mBACE,OACA,kBAAoB,CCpCtB,mBACE,iBAAmB,CAErB,iBACE,UACA,SACA,YAAc,CAEhB,iBACE,yBAA2B,CCT7B,YACE,gBACA,iBACA,YACA,kBACA,sBACA,gEACA,qBAAuB,CAEzB,mBACE,gBACA,UACA,QAAU,CAEZ,uBACE,gBACA,WACA,YACA,WACA,iBACA,kBACA,kBACA,cAAgB,CAElB,8BACE,+BAAiC,CAEnC,8CACE,eAAiB,CAEnB,gBACE,kBACA,QACA,UACA,WACA,SACA,kBACA,UACA,eAAiB,CCtCnB,cACE,YACA,kBACA,iEACA,qBAAuB,CAEzB,qBACE,kBACA,gBACA,UACA,QAAU,CAEZ,yBACE,gBACA,WACA,YACA,WACA,kBACA,cAAgB,CAElB,kDACE,eAAiB,CAEnB,kBACE,kBACA,QACA,SACA,UACA,WACA,qBACA,kBACA,UACA,eAAiB,CChCnB,aACE,YACA,aACA,kBACA,sBACA,+DAAkE,CAEpE,iBACE,wBACA,eAAiB,CAEnB,yBACE,oBACA,WACA,WACA,iBAAmB,CAErB,sBACE,sBACA,WACA,YACA,eACA,mBACA,kBACA,gBACA,8BACA,+BACA,6BACA,kCACA,yBAA2B,CAE7B,0BACE,qBAAuB,CAEzB,kBACE,UACA,gBACA,aAAe,CAEjB,4CACE,SAAsB,CCxCxB,WACE,kBACA,WAAa,CAEf,oBACE,YACA,iBAAmB,CAErB,mCACE,WACA,YACA,kBACA,+BACA,yBACA,sCAA4C,CAE9C,oBACE,aACA,eAAiB,CAEnB,kBACE,iBACA,OACA,SAAW,CAEb,8BACE,gBAAkB,CAEpB,uDACE,yBAA+B,CAEjC,6BACE,cAAgB,CAElB,sDACE,yBAA+B,CAEjC,yBACE,eACA,WAAa,CAEf,wFACE,sBACA,uBAAyB,CAE3B,gCACE,+BAAiC,CAEnC,gEACE,gCAAmC,CCjDrC,QACE,kBACA,MACA,QACA,SACA,OACA,iBAAmB,CAErB,oBACE,wFAA4G,CAE9G,kBACE,uFAA0G,CAE5G,kBACE,eACA,aACA,kBACA,WAAa,CAEf,gBACE,UACA,iBAAmB,CAErB,eACE,eACA,eACA,UACA,kBACA,WACA,kCACA,gBACA,0BAA6B,CChC/B,WACE,kBACA,YACA,oBACA,mBACA,gBACA,kBACA,+DAAwE,CAE1E,2BACE,WACA,mBACA,kBACA,eAAiB,CAEnB,oBACE,YAAc,CAEhB,mBACE,cACA,MAAQ,CAEV,iEAEE,iBAAmB,CAMrB,0CAHE,kBACA,WAAa,CAOd,sBAFC,eACA,eAAiB,CAEnB,sBACE,WACA,YACA,kBACA,eACA,gBACA,iBAAmB,CAErB,wBACE,kBACA,MACA,OACA,QACA,SACA,kBACA,yEACA,SAAW,CAEb,uCACE,oBAAsB,CAExB,iBACE,aACA,eAAiB,CAEnB,kCACE,UACA,sBACA,YACA,gCACA,cAAgB,CAElB,kCACE,cACA,kBACA,eACA,WACA,gBACA,mBACA,yBAA2B,CAE7B,yBACE,OACA,gBAAkB,CAEpB,yBACE,MAAQ,CAEV,mBACE,mBACA,kBACA,kBACA,iBACA,yBAA2B,CAE7B,yBAEE,gBACA,kBACA,qBACA,qBACA,mBACA,eACA,WACA,WAAa,CAGf,mEAXE,kBASA,0CAA+C,CAMjD,gDACE,WAAa,CC5Gf,2DAGE,eACA,kBACA,MACA,OACA,QACA,QAAU,CAEZ,sBACE,wDAAiE,CAEnE,sBACE,iDAAyD,CAE3D,uBACE,eACA,iBAAmB,CAErB,sBACE,YACA,UACA,WACA,wFACA,kBACA,8BAAiC,CCnBnC,oCANE,kBACA,MACA,QACA,SACA,MAAU,CASX,0BADC,eAAiB,CAEnB,mBACE,kBACA,MACA,QACA,SACA,MAAU,CAEZ,oBACE,eACA,kBACA,UACA,YACA,YAAc,CAEhB,kBACE,UACA,iBAAmB,CAErB,iBACE,eACA,UACA,kBACA,WACA,kCACA,gBACA,eACA,0BAA4B,CCzC9B,iBACE,kBACA,MACA,QACA,SACA,OACA,uBAAyB,CCN3B,WACE,gBACA,kBACA,2DACA,mBACA,YACA,kBACA,qBAAuB,CAEzB,oBACE,YAAc,CAEhB,sBACE,kBACA,UAAY,CAEd,wBACE,kBACA,WACA,YACA,mBACA,gBACA,SAAW,CAEb,uCACE,WACA,YACA,mBACA,oBAAsB,CAExB,mBACE,MAAQ,CAEV,uBACE,aACA,gBAAkB,CAEpB,kBACE,aACA,iBACA,MAAQ,CAEV,iBACE,iBACA,UAAY,CAEd,sBACE,WACA,iBACA,iBAAmB,CAErB,uBACE,kBACA,gBACA,eACA,kBACA,SAAW,CAEb,iCACE,kBACA,WACA,YACA,gBACA,kBACA,SACA,SAAW,CAEb,oBAGE,iBAAmB,CAErB,0CAJE,kBACA,WAAa,CAUf,qEACE,iBAAmB,CAErB,0EACE,WACA,YACA,kBACA,+BACA,yBACA,sCAA4C,CAE9C,gBACE,uBACA,qBAAuB,CAEzB,2BACE,WACA,mBACA,kBACA,0BACA,eAAiB,CAEnB,iDACE,WACA,WAAa,CAEf,mCACE,eACA,WACA,WACA,kBACA,YACA,mCACA,YACA,iBAAmB,CAErB,mCACE,yBACA,eACA,iBACA,cACA,kBACA,cACA,eAAiB,CAEnB,kDACE,WACA,WAAa,CAEf,gDACE,UAAY,CAEd,8CACE,eACA,iBAAmB,CCrIrB,cACE,mBACA,kBACA,gEACA,mBACA,YACA,kBAAoB,CAEtB,8BACE,WAAa,CAEf,YACE,0DACA,gCACA,+EACA,YACA,iBACA,0BACA,eACA,cACA,iBAAmB,CAErB,YACE,aACA,YAAc,CAEhB,uBACE,YACA,aACA,kBACA,yBACA,gCACA,eAAiB,CAEnB,6CACE,WACA,WAAa,CAEf,gBAEE,aACA,WACA,iBACA,yBACA,+BAAiC,CAEnC,mCAPE,iBAAmB,CAUrB,mDAEE,kBACA,QACA,SACA,mBACA,2BACA,qDAAuD,CAEzD,+DAEE,WACA,QACA,SACA,mBACA,2BACA,sDACA,kBACA,QACA,SACA,8BAAiC,CAEnC,yBACE,+BAAkC,CAEpC,0BACE,6CAAgD,CAElD,gBACE,YACA,iBACA,YAAc,CAEhB,gCACE,UAAY,CAEd,eACE,iBACA,MAAQ,CAEV,cACE,eACA,uDACA,yBACA,kBACA,YACA,6BACA,eACA,WACA,iBACA,kBACA,kBAAoB,CAEtB,gBACE,UAAY,CAEd,0BACE,yBACA,gCACA,kBACA,cAAgB,CAElB,0BACE,YACA,oEAAwE,CAE1E,uBACE,eACA,WACA,iBAAmB,CAErB,cACE,gBACA,mBACA,WACA,iBAAmB,CAErB,+BACE,gBACA,UACA,YACA,sBACA,4DACA,kBACA,eACA,iBACA,iBAAmB,CAErB,6DACE,MACA,yBACA,eACA,YACA,iBACA,iBAAmB,CAErB,+BACE,OACA,UAAY,CAEd,8BACE,QACA,OAAS,CAEX,uBACE,UAAY,CAEd,oCACE,gBACA,UACA,YACA,sBACA,4DACA,kBACA,eACA,gBAAkB,CAEpB,oCACE,kBACA,MACA,OACA,WACA,yBACA,eACA,YACA,gBAAkB","file":"static/css/app.a80dcae1cda21556be0cd349546c7318.css","sourcesContent":["\n* {\n  margin: 0;\n  padding: 0;\n}\nhtml {\n  font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif;\n}\n.header-container {\n  position: relative;\n}\n.header-bg {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  min-height: 580px;\n  background-color: #333;\n  opacity: 0.5;\n  z-index: 0;\n}\n.header {\n  display: flex;\n  max-width: 780px;\n  margin: 0 auto;\n  padding: 20px 0;\n}\n.intro-wrap {\n  flex: 1;\n  margin-right: 100px;\n}\n.intro {\n  width: 300px;\n  color: rgba(0, 0, 0, 0.65098);\n}\n.intro > h1 {\n  font-size: 40px;\n  font-weight: normal;\n  line-height: 60px;\n}\n.intro > p {\n  font-size: 16px;\n  font-weight: normal;\n  line-height: 22px;\n}\n.demo-container {\n  max-width: 780px;\n  min-height: 800px;\n  margin: 0 auto;\n  position: relative;\n  z-index: 2;\n}\n.demo-list {\n  display: flex;\n  margin-bottom: 20px;\n}\n.demo-item {\n  position: relative;\n  margin-bottom: 10px;\n  margin: 0 10px 0 10px;\n  z-index: 2;\n}\n.demo-item h2 {\n  margin: 0;\n  padding: 5px 0;\n  color: #666;\n  font-size: 16px;\n  font-weight: normal;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./example/App.vue","\n.vc-material {\n  width: 98px;\n  height: 98px;\n  padding: 16px;\n  font-family: \"Roboto\";\n  position: relative;\n  border-radius: 2px;\n  box-shadow: 0 2px 10px rgba(0,0,0,.12), 0 2px 5px rgba(0,0,0,.16);\n  background-color: #fff;\n}\n.vc-material .vc-input__input {\n  width: 100%;\n  margin-top: 12px;\n  font-size: 15px;\n  color: #333;\n  height: 30px;\n}\n.vc-material .vc-input__label {\n  position: absolute;\n  top: 0;\n  left: 0;\n  font-size: 11px;\n  color: #999;\n  text-transform: capitalize;\n}\n.vc-material-hex {\n  border-bottom-width: 2px;\n  border-bottom-style: solid;\n}\n.vc-material-split {\n  display: flex;\n  margin-right: -10px;\n  padding-top: 11px;\n}\n.vc-material-third {\n  flex: 1;\n  padding-right: 10px;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/components/Material.vue","\n.vc-editable-input {\n  position: relative;\n}\n.vc-input__input {\n  padding: 0;\n  border: 0;\n  outline: none;\n}\n.vc-input__label {\n  text-transform: capitalize;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/components/common/EditableInput.vue","\n.vc-compact {\n  padding-top: 5px;\n  padding-left: 5px;\n  width: 245px;\n  border-radius: 2px;\n  box-sizing: border-box;\n  box-shadow: 0 2px 10px rgba(0,0,0,.12), 0 2px 5px rgba(0,0,0,.16);\n  background-color: #fff;\n}\n.vc-compact-colors {\n  overflow: hidden;\n  padding: 0;\n  margin: 0;\n}\n.vc-compact-color-item {\n  list-style: none;\n  width: 15px;\n  height: 15px;\n  float: left;\n  margin-right: 5px;\n  margin-bottom: 5px;\n  position: relative;\n  cursor: pointer;\n}\n.vc-compact-color-item--white {\n  box-shadow: inset 0 0 0 1px #ddd;\n}\n.vc-compact-color-item--white .vc-compact-dot {\n  background: #000;\n}\n.vc-compact-dot {\n  position: absolute;\n  top: 5px;\n  right: 5px;\n  bottom: 5px;\n  left: 5px;\n  border-radius: 50%;\n  opacity: 1;\n  background: #fff;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/components/Compact.vue","\n.vc-grayscale {\n  width: 125px;\n  border-radius: 2px;\n  box-shadow: 0 2px 15px rgba(0,0,0,.12), 0 2px 10px rgba(0,0,0,.16);\n  background-color: #fff;\n}\n.vc-grayscale-colors {\n  border-radius: 2px;\n  overflow: hidden;\n  padding: 0;\n  margin: 0;\n}\n.vc-grayscale-color-item {\n  list-style: none;\n  width: 25px;\n  height: 25px;\n  float: left;\n  position: relative;\n  cursor: pointer;\n}\n.vc-grayscale-color-item--white .vc-grayscale-dot {\n  background: #000;\n}\n.vc-grayscale-dot {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 6px;\n  height: 6px;\n  margin: -3px 0 0 -2px;\n  border-radius: 50%;\n  opacity: 1;\n  background: #fff;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/components/Grayscale.vue","\n.vc-swatches {\n  width: 320px;\n  height: 240px;\n  overflow-y: scroll;\n  background-color: #fff;\n  box-shadow: 0 2px 10px rgba(0,0,0,.12), 0 2px 5px rgba(0,0,0,.16);\n}\n.vc-swatches-box {\n  padding: 16px 0 6px 16px;\n  overflow: hidden;\n}\n.vc-swatches-color-group {\n  padding-bottom: 10px;\n  width: 40px;\n  float: left;\n  margin-right: 10px;\n}\n.vc-swatches-color-it {\n  box-sizing: border-box;\n  width: 40px;\n  height: 24px;\n  cursor: pointer;\n  background: #880e4f;\n  margin-bottom: 1px;\n  overflow: hidden;\n  -ms-border-radius: 2px 2px 0 0;\n  -moz-border-radius: 2px 2px 0 0;\n  -o-border-radius: 2px 2px 0 0;\n  -webkit-border-radius: 2px 2px 0 0;\n  border-radius: 2px 2px 0 0;\n}\n.vc-swatches-color--white {\n  border: 1px solid #DDD;\n}\n.vc-swatches-pick {\n  fill: rgb(255, 255, 255);\n  margin-left: 8px;\n  display: block;\n}\n.vc-swatches-color--white .vc-swatches-pick {\n  fill: rgb(51, 51, 51);\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/components/Swatches.vue","\n.vc-slider {\n  position: relative;\n  width: 410px;\n}\n.vc-slider-hue-warp {\n  height: 12px;\n  position: relative;\n}\n.vc-slider-hue-warp .vc-hue-picker {\n  width: 14px;\n  height: 14px;\n  border-radius: 6px;\n  transform: translate(-7px, -2px);\n  background-color: rgb(248, 248, 248);\n  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);\n}\n.vc-slider-swatches {\n  display: flex;\n  margin-top: 20px;\n}\n.vc-slider-swatch {\n  margin-right: 1px;\n  flex: 1;\n  width: 20%;\n}\n.vc-slider-swatch:first-child {\n  margin-right: 1px;\n}\n.vc-slider-swatch:first-child .vc-slider-swatch-picker {\n  border-radius: 2px 0px 0px 2px;\n}\n.vc-slider-swatch:last-child {\n  margin-right: 0;\n}\n.vc-slider-swatch:last-child .vc-slider-swatch-picker {\n  border-radius: 0px 2px 2px 0px;\n}\n.vc-slider-swatch-picker {\n  cursor: pointer;\n  height: 12px;\n}\n.vc-slider-swatch:nth-child(n) .vc-slider-swatch-picker.vc-slider-swatch-picker--active {\n  transform: scaleY(1.8);\n  border-radius: 3.6px/2px;\n}\n.vc-slider-swatch-picker--white {\n  box-shadow: inset 0 0 0 1px #ddd;\n}\n.vc-slider-swatch-picker--active.vc-slider-swatch-picker--white {\n  box-shadow: inset 0 0 0 0.6px #ddd;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/components/Slider.vue","\n.vc-hue {\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  bottom: 0px;\n  left: 0px;\n  border-radius: 2px;\n}\n.vc-hue--horizontal {\n  background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\n}\n.vc-hue--vertical {\n  background: linear-gradient(to top, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\n}\n.vc-hue-container {\n  cursor: pointer;\n  margin: 0 2px;\n  position: relative;\n  height: 100%;\n}\n.vc-hue-pointer {\n  z-index: 2;\n  position: absolute;\n}\n.vc-hue-picker {\n  cursor: pointer;\n  margin-top: 1px;\n  width: 4px;\n  border-radius: 1px;\n  height: 8px;\n  box-shadow: 0 0 2px rgba(0, 0, 0, .6);\n  background: #fff;\n  transform: translateX(-2px) ;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/components/common/Hue.vue","\n.vc-sketch {\n  position: relative;\n  width: 200px;\n  padding: 10px 10px 0;\n  box-sizing: initial;\n  background: #fff;\n  border-radius: 4px;\n  box-shadow: 0 0 0 1px rgba(0, 0, 0, .15), 0 8px 16px rgba(0, 0, 0, .15);\n}\n.vc-sketch-saturation-wrap {\n  width: 100%;\n  padding-bottom: 75%;\n  position: relative;\n  overflow: hidden;\n}\n.vc-sketch-controls {\n  display: flex;\n}\n.vc-sketch-sliders {\n  padding: 4px 0;\n  flex: 1;\n}\n.vc-sketch-sliders .vc-hue,\n.vc-sketch-sliders .vc-alpha-gradient {\n  border-radius: 2px;\n}\n.vc-sketch-hue-wrap {\n  position: relative;\n  height: 10px;\n}\n.vc-sketch-alpha-wrap {\n  position: relative;\n  height: 10px;\n  margin-top: 4px;\n  overflow: hidden;\n}\n.vc-sketch-color-wrap {\n  width: 24px;\n  height: 24px;\n  position: relative;\n  margin-top: 4px;\n  margin-left: 4px;\n  border-radius: 3px;\n}\n.vc-sketch-active-color {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  border-radius: 2px;\n  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15), inset 0 0 4px rgba(0, 0, 0, .25);\n  z-index: 2;\n}\n.vc-sketch-color-wrap .vc-checkerboard {\n  background-size: auto;\n}\n.vc-sketch-field {\n  display: flex;\n  padding-top: 4px;\n}\n.vc-sketch-field .vc-input__input {\n  width: 90%;\n  padding: 4px 0 3px 10%;\n  border: none;\n  box-shadow: inset 0 0 0 1px #ccc;\n  font-size: 10px;\n}\n.vc-sketch-field .vc-input__label {\n  display: block;\n  text-align: center;\n  font-size: 11px;\n  color: #222;\n  padding-top: 3px;\n  padding-bottom: 4px;\n  text-transform: capitalize;\n}\n.vc-sketch-field--single {\n  flex: 1;\n  padding-left: 6px;\n}\n.vc-sketch-field--double {\n  flex: 2;\n}\n.vc-sketch-presets {\n  margin-right: -10px;\n  margin-left: -10px;\n  padding-left: 10px;\n  padding-top: 10px;\n  border-top: 1px solid #eee;\n}\n.vc-sketch-presets-color {\n  border-radius: 3px;\n  overflow: hidden;\n  position: relative;\n  display: inline-block;\n  margin: 0 10px 10px 0;\n  vertical-align: top;\n  cursor: pointer;\n  width: 16px;\n  height: 16px;\n  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15);\n}\n.vc-sketch-presets-color .vc-checkerboard {\n  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15);\n  border-radius: 3px;\n}\n.vc-sketch__disable-alpha .vc-sketch-color-wrap {\n  height: 10px;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/components/Sketch.vue","\n.vc-saturation,\n.vc-saturation--white,\n.vc-saturation--black {\n  cursor: pointer;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n.vc-saturation--white {\n  background: linear-gradient(to right, #fff, rgba(255,255,255,0));\n}\n.vc-saturation--black {\n  background: linear-gradient(to top, #000, rgba(0,0,0,0));\n}\n.vc-saturation-pointer {\n  cursor: pointer;\n  position: absolute;\n}\n.vc-saturation-circle {\n  cursor: head;\n  width: 4px;\n  height: 4px;\n  box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0,0,0,.3), 0 0 1px 2px rgba(0,0,0,.4);\n  border-radius: 50%;\n  transform: translate(-2px, -2px);\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/components/common/Saturation.vue","\n.vc-alpha {\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  bottom: 0px;\n  left: 0px;\n}\n.vc-alpha-checkboard-wrap {\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  bottom: 0px;\n  left: 0px;\n  overflow: hidden;\n}\n.vc-alpha-gradient {\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  bottom: 0px;\n  left: 0px;\n}\n.vc-alpha-container {\n  cursor: pointer;\n  position: relative;\n  z-index: 2;\n  height: 100%;\n  margin: 0 3px;\n}\n.vc-alpha-pointer {\n  z-index: 2;\n  position: absolute;\n}\n.vc-alpha-picker {\n  cursor: pointer;\n  width: 4px;\n  border-radius: 1px;\n  height: 8px;\n  box-shadow: 0 0 2px rgba(0, 0, 0, .6);\n  background: #fff;\n  margin-top: 1px;\n  transform: translateX(-2px);\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/components/common/Alpha.vue","\n.vc-checkerboard {\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  bottom: 0px;\n  left: 0px;\n  background-size: contain;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/components/common/Checkboard.vue","\n.vc-chrome {\n  background: #fff;\n  border-radius: 2px;\n  box-shadow: 0 0 2px rgba(0,0,0,.3), 0 4px 8px rgba(0,0,0,.3);\n  box-sizing: initial;\n  width: 225px;\n  font-family: Menlo;\n  background-color: #fff;\n}\n.vc-chrome-controls {\n  display: flex;\n}\n.vc-chrome-color-wrap {\n  position: relative;\n  width: 36px;\n}\n.vc-chrome-active-color {\n  position: relative;\n  width: 30px;\n  height: 30px;\n  border-radius: 15px;\n  overflow: hidden;\n  z-index: 1;\n}\n.vc-chrome-color-wrap .vc-checkerboard {\n  width: 30px;\n  height: 30px;\n  border-radius: 15px;\n  background-size: auto;\n}\n.vc-chrome-sliders {\n  flex: 1;\n}\n.vc-chrome-fields-wrap {\n  display: flex;\n  padding-top: 16px;\n}\n.vc-chrome-fields {\n  display: flex;\n  margin-left: -6px;\n  flex: 1;\n}\n.vc-chrome-field {\n  padding-left: 6px;\n  width: 100%;\n}\n.vc-chrome-toggle-btn {\n  width: 32px;\n  text-align: right;\n  position: relative;\n}\n.vc-chrome-toggle-icon {\n  margin-right: -4px;\n  margin-top: 12px;\n  cursor: pointer;\n  position: relative;\n  z-index: 2;\n}\n.vc-chrome-toggle-icon-highlight {\n  position: absolute;\n  width: 24px;\n  height: 28px;\n  background: #eee;\n  border-radius: 4px;\n  top: 10px;\n  left: 12px;\n}\n.vc-chrome-hue-wrap {\n  position: relative;\n  height: 10px;\n  margin-bottom: 8px;\n}\n.vc-chrome-alpha-wrap {\n  position: relative;\n  height: 10px;\n}\n.vc-chrome-hue-wrap .vc-hue {\n  border-radius: 2px;\n}\n.vc-chrome-alpha-wrap .vc-alpha-gradient {\n  border-radius: 2px;\n}\n.vc-chrome-hue-wrap .vc-hue-picker, .vc-chrome-alpha-wrap .vc-alpha-picker {\n  width: 12px;\n  height: 12px;\n  border-radius: 6px;\n  transform: translate(-6px, -2px);\n  background-color: rgb(248, 248, 248);\n  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);\n}\n.vc-chrome-body {\n  padding: 16px 16px 12px;\n  background-color: #fff;\n}\n.vc-chrome-saturation-wrap {\n  width: 100%;\n  padding-bottom: 55%;\n  position: relative;\n  border-radius: 2px 2px 0 0;\n  overflow: hidden;\n}\n.vc-chrome-saturation-wrap .vc-saturation-circle {\n  width: 12px;\n  height: 12px;\n}\n.vc-chrome-fields .vc-input__input {\n  font-size: 11px;\n  color: #333;\n  width: 100%;\n  border-radius: 2px;\n  border: none;\n  box-shadow: inset 0 0 0 1px #dadada;\n  height: 21px;\n  text-align: center;\n}\n.vc-chrome-fields .vc-input__label {\n  text-transform: uppercase;\n  font-size: 11px;\n  line-height: 11px;\n  color: #969696;\n  text-align: center;\n  display: block;\n  margin-top: 12px;\n}\n.vc-chrome__disable-alpha .vc-chrome-active-color {\n  width: 18px;\n  height: 18px;\n}\n.vc-chrome__disable-alpha .vc-chrome-color-wrap {\n  width: 30px;\n}\n.vc-chrome__disable-alpha .vc-chrome-hue-wrap {\n  margin-top: 4px;\n  margin-bottom: 4px;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/components/Chrome.vue","\n.vc-photoshop {\n  background: #DCDCDC;\n  border-radius: 4px;\n  box-shadow: 0 0 0 1px rgba(0,0,0,.25), 0 8px 16px rgba(0,0,0,.15);\n  box-sizing: initial;\n  width: 513px;\n  font-family: Roboto;\n}\n.vc-photoshop__disable-fields {\n  width: 390px;\n}\n.vc-ps-head {\n  background-image: linear-gradient(-180deg, #F0F0F0 0%, #D4D4D4 100%);\n  border-bottom: 1px solid #B1B1B1;\n  box-shadow: inset 0 1px 0 0 rgba(255,255,255,.2), inset 0 -1px 0 0 rgba(0,0,0,.02);\n  height: 23px;\n  line-height: 24px;\n  border-radius: 4px 4px 0 0;\n  font-size: 13px;\n  color: #4D4D4D;\n  text-align: center;\n}\n.vc-ps-body {\n  padding: 15px;\n  display: flex;\n}\n.vc-ps-saturation-wrap {\n  width: 256px;\n  height: 256px;\n  position: relative;\n  border: 2px solid #B3B3B3;\n  border-bottom: 2px solid #F0F0F0;\n  overflow: hidden;\n}\n.vc-ps-saturation-wrap .vc-saturation-circle {\n  width: 12px;\n  height: 12px;\n}\n.vc-ps-hue-wrap {\n  position: relative;\n  height: 256px;\n  width: 19px;\n  margin-left: 10px;\n  border: 2px solid #B3B3B3;\n  border-bottom: 2px solid #F0F0F0;\n}\n.vc-ps-hue-pointer {\n  position: relative;\n}\n.vc-ps-hue-pointer--left,\n.vc-ps-hue-pointer--right {\n  position: absolute;\n  width: 0;\n  height: 0;\n  border-style: solid;\n  border-width: 5px 0 5px 8px;\n  border-color: transparent transparent transparent #555;\n}\n.vc-ps-hue-pointer--left:after,\n.vc-ps-hue-pointer--right:after {\n  content: \"\";\n  width: 0;\n  height: 0;\n  border-style: solid;\n  border-width: 4px 0 4px 6px;\n  border-color: transparent transparent transparent #fff;\n  position: absolute;\n  top: 1px;\n  left: 1px;\n  transform: translate(-8px, -5px);\n}\n.vc-ps-hue-pointer--left {\n  transform: translate(-13px, -4px);\n}\n.vc-ps-hue-pointer--right {\n  transform: translate(20px, -4px) rotate(180deg);\n}\n.vc-ps-controls {\n  width: 180px;\n  margin-left: 10px;\n  display: flex;\n}\n.vc-ps-controls__disable-fields {\n  width: auto;\n}\n.vc-ps-actions {\n  margin-left: 20px;\n  flex: 1;\n}\n.vc-ps-ac-btn {\n  cursor: pointer;\n  background-image: linear-gradient(-180deg, #FFFFFF 0%, #E6E6E6 100%);\n  border: 1px solid #878787;\n  border-radius: 2px;\n  height: 20px;\n  box-shadow: 0 1px 0 0 #EAEAEA;\n  font-size: 14px;\n  color: #000;\n  line-height: 20px;\n  text-align: center;\n  margin-bottom: 10px;\n}\n.vc-ps-previews {\n  width: 60px;\n}\n.vc-ps-previews__swatches {\n  border: 1px solid #B3B3B3;\n  border-bottom: 1px solid #F0F0F0;\n  margin-bottom: 2px;\n  margin-top: 1px;\n}\n.vc-ps-previews__pr-color {\n  height: 34px;\n  box-shadow: inset 1px 0 0 #000, inset -1px 0 0 #000, inset 0 1px 0 #000;\n}\n.vc-ps-previews__label {\n  font-size: 14px;\n  color: #000;\n  text-align: center;\n}\n.vc-ps-fields {\n  padding-top: 5px;\n  padding-bottom: 9px;\n  width: 80px;\n  position: relative;\n}\n.vc-ps-fields .vc-input__input {\n  margin-left: 40%;\n  width: 40%;\n  height: 18px;\n  border: 1px solid #888888;\n  box-shadow: inset 0 1px 1px rgba(0,0,0,.1), 0 1px 0 0 #ECECEC;\n  margin-bottom: 5px;\n  font-size: 13px;\n  padding-left: 3px;\n  margin-right: 10px;\n}\n.vc-ps-fields .vc-input__label, .vc-ps-fields .vc-input__desc {\n  top: 0;\n  text-transform: uppercase;\n  font-size: 13px;\n  height: 18px;\n  line-height: 22px;\n  position: absolute;\n}\n.vc-ps-fields .vc-input__label {\n  left: 0;\n  width: 34px;\n}\n.vc-ps-fields .vc-input__desc {\n  right: 0;\n  width: 0;\n}\n.vc-ps-fields__divider {\n  height: 5px;\n}\n.vc-ps-fields__hex .vc-input__input {\n  margin-left: 20%;\n  width: 80%;\n  height: 18px;\n  border: 1px solid #888888;\n  box-shadow: inset 0 1px 1px rgba(0,0,0,.1), 0 1px 0 0 #ECECEC;\n  margin-bottom: 6px;\n  font-size: 13px;\n  padding-left: 3px;\n}\n.vc-ps-fields__hex .vc-input__label {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 14px;\n  text-transform: uppercase;\n  font-size: 13px;\n  height: 18px;\n  line-height: 22px;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/components/Photoshop.vue"],"sourceRoot":""}