{"version":3,"sources":["../../../../src/moj/components/progress-bar/_progress-bar.scss"],"names":[],"mappings":"AAAA,iCAAiC;AACjC,uCAAuC;;AAEvC;;+EAE+E;;AAE/E;EACE,+BAA+B;AACjC;;AAEA;EACE,kBAAkB;EAClB,SAAS;EACT,UAAU;EACV,YAAY,EAAE,mCAAmC;EACjD,gBAAgB;EAChB,mBAAmB;EACnB,mBAAmB;;EAEnB;IACE,WAAW;IACX,qBAAqB;IACrB,WAAW;EACb;;EAEA;IACE,WAAW;IACX,kBAAkB;IAClB,SAAS;IACT,OAAO;IACP,WAAW;IACX,2CAA2C;EAC7C;AACF;;AAEA;EACE,qBAAqB;EACrB,kBAAkB;EAClB,cAAc;EACd,kBAAkB;EAClB,mBAAmB;EACnB,uBAAuB;;EAEvB;;IAEE;MACE,WAAW;MACX,kBAAkB;MAClB,SAAS;MACT,OAAO;MACP,UAAU;MACV,2CAA2C;IAC7C;EACF;;EAEA;IACE;MACE,OAAO;IACT;EACF;;EAEA;IACE;MACE,QAAQ;MACR,UAAU;IACZ;EACF;;EAEA;IACE,kDAAkD;IAClD,+CAA+C;EACjD;AACF;;AAEA;EACE,sBAAsB;EACtB,cAAc;EACd,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,iBAAiB;EACjB,uCAAuC;EACvC,kBAAkB;EAClB,uCAAuC;AACzC;;AAEA;EACE,uCAAuC;EACvC,gEAAgE;EAChE,4BAA4B;EAC5B,4BAA4B;AAC9B;;AAEA;EACE,cAAc;EACd,kBAAkB;EAClB,4BAA4B;EAC5B,oBAAoB;EACpB,qBAAqB,EAAE,cAAc;EACrC,uBAAuB;AACzB","file":"_progress-bar.scss","sourcesContent":["@use \"../../settings/assets\" as *;\n@use \"../../vendor/govuk-frontend\" as *;\n\n/* ==========================================================================\n   #PROGRESS BAR\n   ========================================================================== */\n\n.moj-progress-bar {\n  margin-bottom: govuk-spacing(7);\n}\n\n.moj-progress-bar__list {\n  position: relative;\n  margin: 0;\n  padding: 0;\n  font-size: 0; // Hide white space between elements\n  list-style: none;\n  text-align: justify;\n  vertical-align: top;\n\n  &::after {\n    content: \"\";\n    display: inline-block;\n    width: 100%;\n  }\n\n  &::before {\n    content: \"\";\n    position: absolute;\n    top: 13px;\n    left: 0;\n    width: 100%;\n    border-top: 6px solid govuk-colour(\"green\");\n  }\n}\n\n.moj-progress-bar__item {\n  display: inline-block;\n  position: relative;\n  max-width: 20%;\n  text-align: center;\n  vertical-align: top;\n  @include govuk-font(19);\n\n  &:first-child,\n  &:last-child {\n    &::before {\n      content: \"\";\n      position: absolute;\n      top: 13px;\n      left: 0;\n      width: 50%;\n      border-top: 6px solid govuk-colour(\"white\");\n    }\n  }\n\n  &:first-child {\n    &::before {\n      left: 0;\n    }\n  }\n\n  &:last-child {\n    &::before {\n      right: 0;\n      left: auto;\n    }\n  }\n\n  &[aria-current=\"step\"] {\n    // https://tink.uk/using-the-aria-current-attribute\n    @include govuk-font($size: 19, $weight: \"bold\");\n  }\n}\n\n.moj-progress-bar__icon {\n  box-sizing: border-box;\n  display: block;\n  position: relative;\n  width: 32px;\n  height: 32px;\n  margin-right: auto;\n  margin-left: auto;\n  border: 6px solid govuk-colour(\"green\");\n  border-radius: 50%;\n  background-color: govuk-colour(\"white\");\n}\n\n.moj-progress-bar__icon--complete {\n  background-color: govuk-colour(\"green\");\n  background-image: url(#{$moj-images-path}icon-progress-tick.svg);\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n}\n\n.moj-progress-bar__label {\n  display: block;\n  position: relative;\n  margin-top: govuk-spacing(3);\n  font-weight: inherit;\n  word-wrap: break-word; // Just in case\n  @include govuk-font(16);\n}\n"]}