{"version":3,"sources":["../../../../src/moj/components/multi-file-upload/_multi-file-upload.scss"],"names":[],"mappings":"AAAA,uCAAuC;;AAEvC;EACE,mBAAmB;AACrB;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,aAAa;EACb,0CAA0C;EAC1C;;gCAE8B;EAC9B,yCAAyC;EACzC,kBAAkB;AACpB;;AAEA;EACE,qBAAqB;EACrB,WAAW;EACX,gBAAgB;AAClB;;AAEA;EACE,kBAAkB;EAClB,gBAAgB;EAChB,gBAAgB;AAClB;;AAEA;EACE,kBAAkB;EAClB,aAAa;AACf;;AAEA;EACE,sBAAsB;EACtB,mBAAmB;AACrB;;AAEA;EACE,aAAa;EACb,+BAA+B;EAC/B,qCAAqC;EACrC;;kCAEgC;AAClC;;AAEA;EACE,0BAA0B;EAC1B,iBAAiB;AACnB;;AAEA;EACE,4BAA4B;EAC5B,iBAAiB;AACnB;;AAEA;EACE,8BAA8B;EAC9B,WAAW;EACX,kBAAkB;AACpB;;AAEA;EACE,8BAA8B;EAC9B,WAAW;EACX,kBAAkB;AACpB","file":"_multi-file-upload.scss","sourcesContent":["@use \"../../vendor/govuk-frontend\" as *;\n\n.moj-multi-file-upload {\n  margin-bottom: 40px;\n}\n\n.moj-multi-file-upload--enhanced .moj-multi-file-upload__button {\n  display: none;\n}\n\n.moj-multi-file-upload__dropzone {\n  display: flex;\n  padding: govuk-spacing(9) govuk-spacing(3);\n  transition:\n    outline-offset 0.1s ease-in-out,\n    background-color 0.1s linear;\n  outline: 3px dashed govuk-colour(\"black\");\n  text-align: center;\n}\n\n.moj-multi-file-upload__dropzone label {\n  display: inline-block;\n  width: auto;\n  margin-bottom: 0;\n}\n\n.moj-multi-file-upload__dropzone p {\n  margin-right: 10px;\n  margin-bottom: 0;\n  padding-top: 7px;\n}\n\n.moj-multi-file-upload__dropzone [type=\"file\"] {\n  position: absolute;\n  left: -9999em;\n}\n\n.moj-multi-file-upload--dragover {\n  outline-color: #6f777b;\n  background: #b1b4b6;\n}\n\n.moj-multi-file-upload--focused {\n  outline: none;\n  color: $govuk-focus-text-colour;\n  background-color: $govuk-focus-colour;\n  box-shadow:\n    0 -2px $govuk-focus-colour,\n    0 4px $govuk-focus-text-colour;\n}\n\n.moj-multi-file-upload__error {\n  color: govuk-colour(\"red\");\n  font-weight: bold;\n}\n\n.moj-multi-file-upload__success {\n  color: govuk-colour(\"green\");\n  font-weight: bold;\n}\n\n.moj-multi-file-upload__error svg {\n  margin-right: govuk-spacing(2);\n  float: left;\n  fill: currentcolor;\n}\n\n.moj-multi-file-upload__success svg {\n  margin-right: govuk-spacing(2);\n  float: left;\n  fill: currentcolor;\n}\n"]}