{"version":3,"sources":["../../../../src/moj/components/interruption-card/_interruption-card.scss"],"names":[],"mappings":"AAAA,uCAAuC;;AAEvC;EACE,+BAA+B;EAC/B,6CAA6C;EAC7C,sCAAsC;EACtC,2EAA2E;AAC7E;;AAEA;EACE,gBAAgB;AAClB;;AAEA,iDAAiD;AACjD;EACE,cAAc;EACd,aAAa;EACb,4BAA4B;EAC5B,6CAA6C;EAC7C,6CAA6C;AAC/C;;AAEA,8CAA8C;AAC9C;EACE,aAAa;EACb,4BAA4B;EAC5B,8BAA8B;EAC9B,6CAA6C;AAC/C;;AAEA,qFAAqF;AACrF,gCAAgC;AAChC;EACE,4BAA4B;EAC5B,mCAAmC;AACrC;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;;EAEhB;;IAEE,gBAAgB;EAClB;;EAEA;IACE;;MAEE,gBAAgB;IAClB;EACF;AACF","file":"_interruption-card.scss","sourcesContent":["@use \"../../vendor/govuk-frontend\" as *;\n\n.moj-interruption-card {\n  margin-bottom: govuk-spacing(3);\n  border: $govuk-border-width solid transparent;\n  background-color: govuk-colour(\"blue\");\n  @include govuk-responsive-padding(7, $adjustment: $govuk-border-width * -1);\n}\n\n.moj-interruption-card__content {\n  max-width: 960px;\n}\n\n// govuk-heading-l styles with colour set to white\n.moj-interruption-card__heading {\n  display: block;\n  margin-top: 0;\n  color: govuk-colour(\"white\");\n  @include govuk-font($size: 36, $weight: bold);\n  @include govuk-responsive-margin(6, \"bottom\");\n}\n\n// govuk-body-l styles with colour set to white\n.moj-interruption-card__body {\n  margin-top: 0;\n  color: govuk-colour(\"white\");\n  @include govuk-font($size: 24);\n  @include govuk-responsive-margin(6, \"bottom\");\n}\n\n// If $govuk-global-styles is true, we need to override the color and size on elements\n// within the body class directly\n.moj-interruption-card__body > * {\n  color: govuk-colour(\"white\");\n  @include govuk-font-size($size: 24);\n}\n\n.moj-interruption-card__body:last-child {\n  margin-bottom: 0;\n}\n\n.moj-interruption-card__actions:last-child {\n  margin-bottom: 0;\n\n  .govuk-button:last-child,\n  .govuk-link:last-child {\n    margin-bottom: 0;\n  }\n\n  @include govuk-media-query($from: tablet) {\n    .govuk-button,\n    .govuk-link {\n      margin-bottom: 0;\n    }\n  }\n}\n"]}