{"version":3,"sources":["webpack:///./css/main.scss"],"names":[],"mappings":"AAUA,+CACE,kBAAkB,oBAIG,CACtB,oDAGC,qBAAqB,WACV,YACC,yBAEuB,wBACX,+CACgB,wBAEhB,YACX,CACd,0EAGC,iBAAkB,CACnB,6CAGC,kBAAkB,SACT,OACF,QACC,SACC,UACC,iBAEQ,CACnB,4FAIC,qBAAsB,CACvB,sCAGC,kBAAkB,QACV,OACD,YAEK,gBAEK,kBACC,UAEN,sBAvDM,yCA0D8C,cAEjD,CAChB,yFAIC,WAAW,kBAEO,UACR,iBAEO,kBAEC,yBACO,4BAxEE,mBA2EP,CACrB,6CAGC,UAAU,yBAEe,wBAlFP,CAoFnB,4CAGC,SAAS,yBAEgB,wBACC,CAC3B,sCAGC,aAAa,gBACI,CAClB,wCAGC,YAAa,CACd,+GAIC,UAAW,CACZ,8DAGC,iBAAkB,SACT,WACG,CACb,6DAGC,YAAY,aACE,CACf,wDAGC,UAAW,CACZ,sCAGC,kBAAmB,CACpB,iDAGC,eAAgB,CACjB,+CAGC,eAAgB,CACjB,oCAGC,cAAc,gBACE,cA5I4B,iBA8I1B,CACnB,uCAGC,aAAa,kBACM,CACpB,kEAIC,aAAc,CACf,yCAMC,6BAA+B,CAChC,8CAGC,gBAAmB,kBACa,CACjC,mFAIC,cAAc,UACH,CACZ,+FAIC,qBAAqB,gBACL,eAED,eAEA,cAED,cAvLK,kBAyLD,sBAtLc,yBADqB,mBA2LlC,sBACG,mBAEH,QACV,CACV,+CAGC,eAAe,6BACc,yBACH,CAC3B,gDAGC,cAAc,yBACW,2BACG,CAC7B,wEAIC,SAAS,cAEK,eAEC,oBAEW,YACd,qBACS,WACV,sBAEY,gBACP,qEAEsD,aAhOnD,CAmOpB,qCAGC,6DAAgB,+CAEgC,4BACpB,0BACD,yBACM,0BACN,CAC5B,kEAOC,wBAlPqD,CAmPtD,4HAIC,kBAAkB,UACR,UACC,CACZ,mCAGC,aAAa,0BA1PK,mBACS,aA6Pd,mBACM,yBACM,yBAEC,CAC3B,8DAIC,8BAAgC,CACjC,+BAGC,kBAAkB,0BACQ,YACd,iBACK,cACF,CAChB,qCAGC,WAAa,CACd,6EAGC,YAAa,CACd,iCAGC,UAAU,0BACkC,aAE/B,mBACM,sBACI,CACxB,wCAGC,SAAS,YACG,UACF,UACC,CACZ,gCAGC,gBAAgB,WACJ,CACb,2HAIC,YAAa,CACd,wB","file":"main.css","sourcesContent":["\n$wallsioBlue: #00222d;\n$wallsioMuted: mix($wallsioBlue, white, 73.5%);\n$wallsioInputBorderColor: mix($wallsioBlue, white, 25%);\n$wallsioInputGroupBackground: #eee;\n\n$uiBorderColor: #ddd;\n$buttonBarBackground: #fcfcfc;\n\n\n.wallsio-button-wrapper.wallsio-button-wrapper {\n  position: relative;\n\n  // It needs to have the same height as the surrounding elements, so that\n  // `.wallsio-popup-wrapper` can use `bottom: 0`.\n  display: inline-block;\n}\n\n.wallsio-add-wall-button .wallsio-media-button-icon {\n  display: inline-block;\n  width: 15px;\n  height: 15px;\n\n  background: no-repeat center center;\n  background-size: contain;\n  background-image: url('../img/logo.svg');\n\n  vertical-align: text-top;\n  margin: 0 2px;\n}\n\n.wp-media-buttons .wallsio-add-wall-button.wallsio-add-wall-button:active {\n  margin-bottom: 5px;\n}\n\n.wallsio-popup-wrapper.wallsio-popup-wrapper {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  margin: 0;\n  padding: 0;\n\n  line-height: 1.4em; // Just like `body` (in case it was changed somewhere in the DOM)\n}\n\n.wallsio-popup-wrapper.wallsio-popup-wrapper,\n.wallsio-popup-wrapper.wallsio-popup-wrapper * {\n  box-sizing: border-box;\n}\n\n.wallsio-popup-wrapper .wallsio-popup {\n  position: absolute;\n  top: 8px;\n  left: 0;\n\n  width: 320px;\n\n  background: white;\n  border-radius: 3px;\n\n  z-index: 100;\n\n  border: 1px solid $uiBorderColor;\n  box-shadow: 1px 3px 15px change_color($wallsioBlue, $alpha: 0.4);\n\n  font-size: 14px;\n}\n\n.wallsio-popup-wrapper .wallsio-popup:before,\n.wallsio-popup-wrapper .wallsio-popup:after {\n  content: '';\n\n  position: absolute;\n  left: 65px;\n\n  margin-top: -10px;\n\n  border: 10px solid;\n  border-color: transparent;\n  border-bottom-color: $buttonBarBackground;\n\n  pointer-events: none;\n}\n\n.wallsio-popup-wrapper .wallsio-popup:before {\n  top: -10px;\n\n  border-color: transparent;\n  border-bottom-color: $uiBorderColor;\n}\n\n.wallsio-popup-wrapper .wallsio-popup:after {\n  top: -9px;\n\n  border-color: transparent;\n  border-bottom-color: white;\n}\n\n.wallsio-popup .wallsio-popup-content {\n  padding: 15px;\n  padding-top: 21px;\n}\n\n.wallsio-popup .wallsio-multiple-inputs {\n  display: flex;\n}\n\n.wallsio-popup .wallsio-multiple-inputs .wallsio-input,\n.wallsio-popup .wallsio-multiple-inputs .wallsio-select {\n  width: auto;\n}\n\n.wallsio-popup .wallsio-multiple-inputs .wallsio-second-input {\n  margin-left: 0.5em;\n  width: 1%;\n  flex-grow: 0;\n}\n\n.wallsio-popup .wallsio-multiple-inputs .wallsio-first-input {\n  flex-grow: 1;\n  flex-shrink: 1;\n}\n\n.wallsio-popup .wallsio-second-input input[type=number] {\n  width: 80px;\n}\n\n.wallsio-popup .wallsio-input-section {\n  margin-bottom: 14px;\n}\n\n.wallsio-popup .wallsio-input-section:last-child {\n  margin-bottom: 0;\n}\n\n.wallsio-popup .wallsio-checkbox-input-section {\n  margin-top: 20px;\n}\n\n.wallsio-popup .wallsio-input-label {\n  display: block;\n  font-weight: 600;\n  color: $wallsioMuted;\n  margin-bottom: 6px;\n}\n\n.wallsio-popup .wallsio-checkbox-label {\n  display: flex;\n  align-items: center;\n}\n\n.wallsio-checkbox-caption-headline,\n.wallsio-checkbox-caption-help {\n  display: block;\n}\n\n.wallsio-popup .wallsio-checkbox-caption {\n  // Resized checkboxes render different in different browsers:\n  // Some scale them, others just display a small checkbox on the left\n  // 0.75em is a compromise to look okay for both versions\n  margin-left: calc(0.75em - 4px);\n}\n\n.wallsio-popup .wallsio-checkbox-caption-help {\n  font-weight: normal;\n  font-size: calc(1em * (12 / 14));\n}\n\n.wallsio-popup .wallsio-input-group-left,\n.wallsio-popup .wallsio-input-group-right {\n  display: table;\n  width: 100%;\n}\n\n.wallsio-popup .wallsio-input-group-addon-left,\n.wallsio-popup .wallsio-input-group-addon-right {\n  padding: 7px 10px 3px;\n  font-weight: 600;\n\n  cursor: pointer;\n\n  font-size: 14px;\n\n  line-height: 1;\n  color: $wallsioBlue;\n  text-align: center;\n  background-color: $wallsioInputGroupBackground;\n  border: 1px solid $wallsioInputBorderColor;\n\n  white-space: nowrap;\n  vertical-align: middle;\n\n  display: table-cell;\n  width: 1%;\n}\n\n.wallsio-popup .wallsio-input-group-addon-left {\n  border-right: 0;\n  border-bottom-right-radius: 0;\n  border-top-right-radius: 0;\n}\n\n.wallsio-popup .wallsio-input-group-addon-right {\n  border-left: 0;\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n.wallsio-popup input.wallsio-input,\n.wallsio-popup select.wallsio-select {\n  margin: 0;\n\n  display: block;\n\n  font-size: 14px;\n\n  line-height: calc(24 / 14);\n  height: auto;\n  padding: 7px 10px 3px;\n  width: 100%;\n\n  background-color: white;\n  border-radius: 0;\n\n  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;\n\n  color: $wallsioBlue;\n}\n\n.wallsio-popup select.wallsio-select {\n  appearance: none;\n\n  background-image: url('../img/select-caret.svg');\n  background-repeat: no-repeat;\n  background-size: 1em 0.75em;\n  background-position: right center;\n  background-clip: border-box;\n}\n\n.wallsio-popup input.wallsio-input {\n  border: 1px solid $wallsioInputBorderColor;\n}\n\n.wallsio-popup .wallsio-select {\n  border: 1px solid $wallsioInputBorderColor;\n}\n\n.wallsio-popup .wallsio-input-group-left .wallsio-input-right,\n.wallsio-popup .wallsio-input-group-right .wallsio-input-left {\n  position: relative;\n  z-index: 2;\n  float: left;\n}\n\n.wallsio-popup .wallsio-button-bar {\n  padding: 15px;\n  border-top: 1px solid $uiBorderColor;\n  background: $buttonBarBackground;\n\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n\n  border-radius: 0 0 3px 3px;\n}\n\n.wallsio-popup .wallsio-cancel,\n.wallsio-popup .wallsio-insert {\n  transition: all 0.1s ease-in-out;\n}\n\n.wallsio-popup .wallsio-cancel {\n  margin-right: 15px;\n  text-decoration: underline;\n  height: 30px;\n  line-height: 30px;\n  cursor: pointer;\n}\n\n.wallsio-popup .wallsio-cancel:hover {\n  opacity: 0.75;\n}\n\n.wallsio-popup-wrapper[data-auto-width=\"1\"] .wallsio-fixed-width-input-group {\n  display: none;\n}\n\n.wallsio-overlay.wallsio-overlay {\n  opacity: 1;\n  background: change_color(black, $alpha: 0.7);\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.wallsio-overlay .wallsio-popup-wrapper {\n  top: auto;\n  bottom: auto;\n  left: auto;\n  right: auto;\n}\n\n.wallsio-overlay .wallsio-popup {\n  position: static;\n  margin: 10px;\n}\n\n.wallsio-overlay .wallsio-popup-wrapper .wallsio-popup:before,\n.wallsio-overlay .wallsio-popup-wrapper .wallsio-popup:after {\n  display: none;\n}\n"],"sourceRoot":""}