{"version":3,"sourceRoot":"","sources":["styles/icon/_icons.scss","../node_modules/nhsuk-frontend/dist/nhsuk/core/settings/_colours-applied.scss","../node_modules/nhsuk-frontend/dist/nhsuk/core/vendor/sass-mq.scss","components/badge/_badge.scss","../node_modules/nhsuk-frontend/dist/nhsuk/core/tools/_typography.scss","components/button/_index.scss","components/card/_card.scss","../node_modules/nhsuk-frontend/dist/nhsuk/core/tools/_spacing.scss","components/tag/_tag.scss","components/timeline/_timeline.scss","components/summary-list/_index.scss","utilities/_display.scss","utilities/_truncate.scss"],"names":[],"mappings":"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","file":"nhsapp.css","sourcesContent":["@use \"nhsuk-frontend/dist/nhsuk/core/settings/colours-applied\" as *;\n@use \"nhsuk-frontend/dist/nhsuk/core/helpers/colour\" as *;\n@use \"nhsuk-frontend/dist/nhsuk/core/tools/sass-mq\" as *;\n\n.nhsapp-icon {\n  fill: $nhsuk-link-colour; // Set default icon colour to NHS blue\n\n  &--unread-indicator {\n    fill: nhsuk-colour(\"red\");\n    stroke: nhsuk-colour(\"white\");\n  }\n}\n\n.nhsapp-icon--black {\n  fill: nhsuk-colour(\"black\");\n}\n\n.nhsapp-icon--32 {\n  height: 32px;\n  width: 32px;\n\n  @include nhsuk-media-query($until: tablet) {\n    height: 24px;\n    width: 24px;\n  }\n}\n","@use \"../helpers/colour\" as *;\n\n// stylelint-disable color-no-hex\n\n////\n/// NHS colour variables\n///\n/// @group settings/colours\n///\n\n// =========================================================\n// Generic\n// =========================================================\n\n/// Brand colour\n///\n/// @type Colour\n\n$nhsuk-brand-colour: nhsuk-colour(\"blue\") !default;\n\n/// Text colour\n///\n/// @type Colour\n\n$nhsuk-text-colour: nhsuk-colour(\"black\") !default;\n\n/// Text colour (reverse)\n///\n/// @type Colour\n\n$nhsuk-reverse-text-colour: nhsuk-colour(\"white\") !default;\n\n/// Template background colour\n///\n/// Used by components that want to give the illusion of extending\n/// the template background (such as the footer).\n///\n/// @type Colour\n\n$nhsuk-template-background-colour: nhsuk-colour(\"grey-4\") !default;\n\n/// Body background colour\n///\n/// @type Colour\n\n$nhsuk-body-background-colour: nhsuk-colour(\"grey-5\") !default;\n\n/// Card background colour\n///\n/// @type Colour\n\n$nhsuk-card-background-colour: nhsuk-colour(\"white\") !default;\n\n/// Text colour for print media\n///\n/// Use 'true black' to avoid printers using colour ink to print body text\n///\n/// @type Colour\n\n$nhsuk-print-text-colour: #000000 !default;\n\n/// Secondary text colour\n///\n/// Used in for example 'muted' text and help text.\n///\n/// @type Colour\n\n$nhsuk-secondary-text-colour: nhsuk-colour(\"grey-1\") !default;\n\n/// Focus colour\n///\n/// Used for outline (and background, where appropriate) when interactive\n/// elements (links, form controls) have keyboard focus.\n///\n/// @type Colour\n\n$nhsuk-focus-colour: nhsuk-colour(\"yellow\") !default;\n\n/// Focused text colour\n///\n/// Ensure that the contrast between the text and background colour passes\n/// WCAG Level AA contrast requirements.\n///\n/// @type Colour\n\n$nhsuk-focus-text-colour: nhsuk-colour(\"black\") !default;\n\n/// Error colour\n///\n/// Used to highlight error messages and form controls in an error state\n///\n/// @type Colour\n\n$nhsuk-error-colour: nhsuk-colour(\"red\") !default;\n\n/// Success colour\n///\n/// Used to highlight success messages and banners\n///\n/// @type Colour\n\n$nhsuk-success-colour: nhsuk-colour(\"green\") !default;\n\n/// Border colour\n///\n/// Used in for example borders, separators, rules and keylines.\n///\n/// @type Colour\n\n$nhsuk-border-colour: nhsuk-colour(\"grey-4\") !default;\n\n/// Border hover colour\n///\n/// @type Colour\n\n$nhsuk-border-hover-colour: nhsuk-colour(\"grey-3\") !default;\n\n/// Secondary border colour\n///\n/// @type Colour\n\n$nhsuk-secondary-border-colour: rgba(nhsuk-colour(\"white\"), 0.2) !default;\n\n/// Form border colour\n///\n/// Used for form inputs and controls\n///\n/// @type Colour\n\n$nhsuk-input-border-colour: nhsuk-colour(\"grey-1\") !default;\n\n/// Form element background colour\n///\n/// @type Colour\n\n$nhsuk-input-background-colour: nhsuk-colour(\"white\") !default;\n\n// =============================================================================\n// Links\n// =============================================================================\n\n/// Link colour\n///\n/// @type Colour\n\n$nhsuk-link-colour: nhsuk-colour(\"blue\") !default;\n\n/// Visited link colour\n///\n/// @type Colour\n\n$nhsuk-link-visited-colour: nhsuk-colour(\"purple\") !default;\n\n/// Link hover colour\n///\n/// @type Colour\n\n$nhsuk-link-hover-colour: nhsuk-colour(\"dark-pink\") !default;\n\n/// Active link colour\n///\n/// @type Colour\n\n$nhsuk-link-active-colour: nhsuk-shade($nhsuk-link-colour, 50%) !default;\n\n// =============================================================================\n// Buttons\n// =============================================================================\n\n/// Button background colour\n///\n/// @type Colour\n\n$nhsuk-button-colour: nhsuk-colour(\"green\") !default;\n\n/// Button text colour\n///\n/// @type Colour\n\n$nhsuk-button-text-colour: nhsuk-colour(\"white\") !default;\n\n/// Button background colour (hover)\n///\n/// @type Colour\n\n$nhsuk-button-hover-colour: nhsuk-shade($nhsuk-button-colour, 20%) !default;\n\n/// Button background colour (active)\n///\n/// @type Colour\n\n$nhsuk-button-active-colour: nhsuk-shade($nhsuk-button-colour, 50%) !default;\n\n/// Button shadow colour\n///\n/// @type Colour\n\n$nhsuk-button-shadow-colour: nhsuk-shade($nhsuk-button-colour, 50%) !default;\n\n/// Secondary button background colour\n///\n/// @type Colour\n\n$nhsuk-secondary-button-colour: transparent !default;\n\n/// Secondary button (solid background) background colour\n///\n/// @type Colour\n\n$nhsuk-secondary-button-solid-background-colour: nhsuk-colour(\"white\") !default;\n\n/// Secondary button border colour\n///\n/// @type Colour\n\n$nhsuk-secondary-button-border-colour: $nhsuk-brand-colour !default;\n\n/// Secondary button text colour\n///\n/// @type Colour\n\n$nhsuk-secondary-button-text-colour: $nhsuk-brand-colour !default;\n\n/// Secondary button background colour (hover)\n///\n/// @type Colour\n\n$nhsuk-secondary-button-hover-colour: nhsuk-tint($nhsuk-secondary-button-border-colour, 85%) !default;\n\n/// Secondary button background colour (active)\n///\n/// @type Colour\n\n$nhsuk-secondary-button-active-colour: nhsuk-tint($nhsuk-secondary-button-border-colour, 78%) !default;\n\n/// Secondary button shadow colour\n///\n/// @type Colour\n\n$nhsuk-secondary-button-shadow-colour: $nhsuk-secondary-button-border-colour !default;\n\n/// Reverse button background colour\n///\n/// @type Colour\n\n$nhsuk-reverse-button-colour: nhsuk-colour(\"white\") !default;\n\n/// Reverse button text colour\n///\n/// @type Colour\n\n$nhsuk-reverse-button-text-colour: nhsuk-colour(\"black\") !default;\n\n/// Reverse button background colour (hover)\n///\n/// @type Colour\n\n$nhsuk-reverse-button-hover-colour: nhsuk-shade($nhsuk-reverse-button-colour, 15%) !default;\n\n/// Reverse button background colour (active)\n///\n/// @type Colour\n\n$nhsuk-reverse-button-active-colour: nhsuk-shade($nhsuk-reverse-button-colour, 30%) !default;\n\n/// Reverse button shadow colour\n///\n/// @type Colour\n\n$nhsuk-reverse-button-shadow-colour: nhsuk-shade($nhsuk-reverse-button-colour, 30%) !default;\n\n/// Warning button background colour\n///\n/// @type Colour\n\n$nhsuk-warning-button-colour: nhsuk-colour(\"red\") !default;\n\n/// Warning button background colour (hover)\n///\n/// @type Colour\n\n$nhsuk-warning-button-hover-colour: nhsuk-shade($nhsuk-warning-button-colour, 20%) !default;\n\n/// Warning button background colour (active)\n///\n/// @type Colour\n\n$nhsuk-warning-button-active-colour: nhsuk-shade($nhsuk-warning-button-colour, 50%) !default;\n\n/// Warning button shadow colour\n///\n/// @type Colour\n\n$nhsuk-warning-button-shadow-colour: nhsuk-shade($nhsuk-warning-button-colour, 50%) !default;\n\n/// Login button background colour\n///\n/// @type Colour\n\n$nhsuk-login-button-colour: $nhsuk-brand-colour !default;\n\n/// Login button background colour (hover)\n///\n/// @type Colour\n\n$nhsuk-login-button-hover-colour: nhsuk-shade($nhsuk-login-button-colour, 20%) !default;\n\n/// Login button background colour (active)\n///\n/// @type Colour\n\n$nhsuk-login-button-active-colour: nhsuk-shade($nhsuk-login-button-colour, 50%) !default;\n\n/// Login button shadow colour\n///\n/// @type Colour\n\n$nhsuk-login-button-shadow-colour: nhsuk-shade($nhsuk-login-button-colour, 50%) !default;\n\n/*# sourceMappingURL=_colours-applied.scss.map */\n","@use \"../settings\" as *;\n\n// mq() v6.0.0\n// sass-mq/sass-mq\n\n@use \"sass:list\";\n@use \"sass:math\";\n@use \"sass:map\";\n@use \"sass:meta\";\n@use \"sass:string\";\n\n/// Breakpoint list\n///\n/// Name your breakpoints in a way that creates a ubiquitous language\n/// across team members. It will improve communication between\n/// stakeholders, designers, developers, and testers.\n///\n/// @type Map\n/// @link https://github.com/sass-mq/sass-mq#seeing-the-currently-active-breakpoint Full documentation and examples\n$mq-breakpoints: (\n  mobile: 320px,\n  tablet: 740px,\n  desktop: 980px,\n  wide: 1300px\n) !default;\n\n/// Show breakpoints in the top right corner\n///\n/// If you want to display the currently active breakpoint in the top\n/// right corner of your site during development, add the breakpoints\n/// to this list, ordered by width. For example: (mobile, tablet, desktop).\n///\n/// @example scss\n///   @use 'path/to/mq' with ($mq-show-breakpoints: ('mobile', 'tablet', 'desktop'));\n///\n///\n/// @type map\n$mq-show-breakpoints: () !default;\n\n/// Customize the media type (for example: `@media screen` or `@media print`)\n/// By default sass-mq uses an \"all\" media type (`@media all and …`)\n///\n/// If you want to overried the media type, you can use this option.\n/// @example scss\n///   @use 'path/to/mq' with ($media-type: 'screen');\n///\n/// @type String\n/// @link https://github.com/sass-mq/sass-mq#changing-media-type Full documentation and example\n$mq-media-type: all !default;\n\n/// Convert pixels to ems\n///\n/// @param {Number} $px - value to convert\n///\n/// @example scss\n///  $font-size-in-ems: px2em(16px);\n///  p { font-size: px2em(16px); }\n///\n/// @returns {Number}\n\n@function px2em($px) {\n  @if math.is-unitless($px) {\n    @warn \"Assuming #{$px} to be in pixels, attempting to convert it into pixels.\";\n    @return px2em($px * 1px);\n  }\n  // if $px is compatible with em units, then return value unchanged\n  @if math.compatible($px, 1em) {\n    @return $px;\n  }\n  @return math.div($px, 16px) * 1em;\n}\n\n/// Get a breakpoint's width\n///\n/// @param {String} $name - Name of the breakpoint. One of $mq-breakpoints\n///\n/// @example scss\n///  $tablet-width: get-breakpoint-width(tablet);\n///  @media (min-width: get-breakpoint-width(tablet)) {}\n///\n/// @requires {Variable} $mq-breakpoints\n///\n/// @returns {Number} Value in pixels\n@function get-breakpoint-width($name, $breakpoints: $mq-breakpoints) {\n  @if map.has-key($breakpoints, $name) {\n    @return map.get($breakpoints, $name);\n  } @else {\n    @warn \"Breakpoint #{$name} wasn't found in $breakpoints.\";\n    @return null;\n  }\n}\n\n/// Media Query mixin\n///\n/// @param {String | Boolean} $from [false] - One of $mq-breakpoints\n/// @param {String | Boolean} $until [false] - One of $mq-breakpoints\n/// @param {String | Boolean} $and [false] - Additional media query parameters\n/// @param {String} $media-type [$mq-media-type] - Media type: screen, print…\n///\n/// @ignore Undocumented API, for advanced use only:\n/// @ignore @param {Map} $breakpoints [$mq-breakpoints]\n///\n/// @param {Boolean} $silence-warning [false] - Whether to silence deprecation\n/// warning to use nhsuk-media-query instead\n///\n/// @content styling rules, wrapped into a @media query when $responsive is true\n///\n/// @requires {Variable} $mq-media-type\n/// @requires {Variable} $mq-breakpoints\n/// @requires {function} px2em\n/// @requires {function} get-breakpoint-width\n///\n/// @link https://github.com/sass-mq/sass-mq#responsive-mode-on-default Full documentation and examples\n///\n/// @example scss\n///  @use 'path/to/mq' as *;\n///  .element {\n///    @include mq($from: mobile) {\n///      color: red;\n///    }\n///    @include mq($until: tablet) {\n///      color: blue;\n///    }\n///    @include mq(mobile, tablet) {\n///      color: green;\n///    }\n///    @include mq($from: tablet, $and: '(orientation: landscape)') {\n///      color: teal;\n///    }\n///    @include mq(950px) {\n///      color: hotpink;\n///    }\n///    @include mq(tablet, $media-type: screen) {\n///      color: hotpink;\n///    }\n///    // Advanced use:\n///    $my-breakpoints: (L: 900px, XL: 1200px);\n///    @include mq(L, $breakpoints: $my-breakpoints) {\n///      color: hotpink;\n///    }\n///  }\n@mixin mq(\n  $from: false,\n  $until: false,\n  $and: false,\n  $media-type: $mq-media-type,\n  $breakpoints: $mq-breakpoints,\n  $silence-warning: false\n) {\n  $min-width: 0;\n  $max-width: 0;\n  $media-query: \"\";\n\n  @if not $silence-warning {\n    @include nhsuk-warning(\"mq\", \"mq is deprecated. Use nhsuk-media-query instead.\");\n  }\n\n  // From: this breakpoint (inclusive)\n  @if $from {\n    @if meta.type-of($from) == number {\n      $min-width: px2em($from);\n    } @else {\n      $min-width: px2em(get-breakpoint-width($from, $breakpoints));\n    }\n  }\n\n  // Until: that breakpoint (exclusive)\n  @if $until {\n    @if meta.type-of($until) == number {\n      $max-width: px2em($until);\n    } @else {\n      $max-width: px2em(get-breakpoint-width($until, $breakpoints)) - 0.01em;\n    }\n  }\n\n  @if $min-width != 0 {\n    $media-query: \"#{$media-query} and (min-width: #{$min-width})\";\n  }\n  @if $max-width != 0 {\n    $media-query: \"#{$media-query} and (max-width: #{$max-width})\";\n  }\n  @if $and {\n    $media-query: \"#{$media-query} and #{$and}\";\n  }\n\n  // Remove unnecessary media query prefix 'all and '\n  @if ($media-type == \"all\" and $media-query != \"\") {\n    $media-type: \"\";\n    $media-query: string.slice(string.unquote($media-query), 6);\n  }\n\n  @media #{$media-type + $media-query} {\n    @content;\n  }\n}\n\n/// Quick sort\n///\n/// @author Sam Richards\n/// @access private\n/// @param {List} $list - List to sort\n/// @returns {List} Sorted List\n@function _quick-sort($list) {\n  $less: ();\n  $equal: ();\n  $large: ();\n\n  @if length($list) > 1 {\n    $seed: list.nth($list, math.ceil(math.div(length($list), 2)));\n\n    @each $item in $list {\n      @if ($item == $seed) {\n        $equal: list.append($equal, $item);\n      } @else if ($item < $seed) {\n        $less: list.append($less, $item);\n      } @else if ($item > $seed) {\n        $large: list.append($large, $item);\n      }\n    }\n\n    @return join(join(_quick-sort($less), $equal), _quick-sort($large));\n  }\n\n  @return $list;\n}\n\n/// Sort a map by values (works with numbers only)\n///\n/// @access private\n/// @param {Map} $map - Map to sort\n/// @returns {Map} Map sorted by value\n@function _map-sort-by-value($map) {\n  $map-sorted: ();\n  $map-keys: map.keys($map);\n  $map-values: map.values($map);\n  $map-values-sorted: _quick-sort($map-values);\n\n  // Reorder key/value pairs based on key values\n  @each $value in $map-values-sorted {\n    $index: index($map-values, $value);\n    $key: list.nth($map-keys, $index);\n    $map-sorted: map.merge(\n      $map-sorted,\n      (\n        $key: $value\n      )\n    );\n\n    // Unset the value in $map-values to prevent the loop\n    // from finding the same index twice\n    $map-values: list.set-nth($map-values, $index, 0);\n  }\n\n  @return $map-sorted;\n}\n\n/// Add a breakpoint\n///\n/// @param {String} $name - Name of the breakpoint\n/// @param {Number} $width - Width of the breakpoint\n///\n/// @requires {Variable} $mq-breakpoints\n///\n/// @example scss\n///  @include add-breakpoint(tvscreen, 1920px);\n///  @include mq(tvscreen) {}\n@mixin add-breakpoint($name, $width) {\n  $new-breakpoint: (\n    $name: $width\n  );\n  $mq-breakpoints: map.merge($mq-breakpoints, $new-breakpoint) !global;\n  $mq-breakpoints: _map-sort-by-value($mq-breakpoints) !global;\n}\n\n/// Show the active breakpoint in the top right corner of the viewport\n/// @link https://github.com/sass-mq/sass-mq#seeing-the-currently-active-breakpoint\n///\n/// @param {List} $show-breakpoints [$mq-show-breakpoints] - List of breakpoints to show in the top right corner\n/// @param {Map} $breakpoints [$mq-breakpoints] - Breakpoint names and sizes\n///\n/// @requires {Variable} $mq-breakpoints\n/// @requires {Variable} $mq-show-breakpoints\n///\n/// @example scss\n///  // Show breakpoints using global settings\n///  @include show-breakpoints;\n///\n///  // Show breakpoints using custom settings\n///  @include show-breakpoints((L, XL), (S: 300px, L: 800px, XL: 1200px));\n@mixin show-breakpoints($show-breakpoints: $mq-show-breakpoints, $breakpoints: $mq-breakpoints) {\n  body:before {\n    background-color: #fcf8e3;\n    border-bottom: 1px solid #fbeed5;\n    border-left: 1px solid #fbeed5;\n    color: #c09853;\n    font: small-caption;\n    padding: 3px 6px;\n    pointer-events: none;\n    position: fixed;\n    right: 0;\n    top: 0;\n    z-index: 100;\n\n    // Loop through the breakpoints that should be shown\n    @each $show-breakpoint in $show-breakpoints {\n      $width: get-breakpoint-width($show-breakpoint, $breakpoints);\n      @include mq($show-breakpoint, $breakpoints: $breakpoints) {\n        content: \"#{$show-breakpoint} ≥ #{$width} (#{px2em($width)})\";\n      }\n    }\n  }\n}\n\n@if list.length($mq-show-breakpoints) > 0 {\n  @include show-breakpoints;\n}\n\n/*# sourceMappingURL=sass-mq.scss.map */\n","// ==========================================================================\n// COMPONENTS / #BADGE\n// ==========================================================================\n\n@use \"sass:math\";\n\n@use \"nhsuk-frontend/dist/nhsuk/core/settings/colours-applied\" as *;\n@use \"nhsuk-frontend/dist/nhsuk/core/helpers/colour\" as *;\n@use \"nhsuk-frontend/dist/nhsuk/core/tools/sass-mq\" as *;\n@use \"nhsuk-frontend/dist/nhsuk/core/tools/spacing\" as *;\n@use \"nhsuk-frontend/dist/nhsuk/core/tools/typography\" as *;\n\n.nhsapp-badge {\n  @include nhsuk-font-size(19);\n\n  display: inline-block;\n\n  background-color: $nhsuk-error-colour;\n  border-radius: nhsuk-spacing(1);\n  color: nhsuk-colour(\"white\");\n  font-weight: bold;\n  padding: 0 nhsuk-spacing(2);\n  margin: 0;\n\n  @include nhsuk-media-query($from: tablet) {\n    padding: 0 12px;\n  }\n}\n\n.nhsapp-badge-small {\n  position: relative;\n\n  display: inline-flex;\n  align-items: baseline;\n}\n\n/**\n  * Mixin to position the small badge\n  * @param {number} $size - The size of the badge\n  */\n@mixin small-badge-position($size: 8px) {\n  position: relative;\n  width: $size;\n  height: $size;\n  margin-right: $size;\n  border-radius: math.div($size, 2);\n\n  $font-height: 0.7em; // The height of a capital letter in the specific font we use (Frutiger)\n  bottom: calc(0.5 * ($font-height - $size));\n}\n\n$nhsapp-badge-size-mobile: 8px;\n$nhsapp-badge-size-tablet: 12px;\n\n.nhsapp-badge-small__indicator {\n  @include small-badge-position($nhsapp-badge-size-mobile);\n\n  @include nhsuk-media-query($from: tablet) {\n    @include small-badge-position($nhsapp-badge-size-tablet);\n  }\n\n  background-color: $nhsuk-error-colour;\n}\n\n.nhsapp-badge-small--absolute {\n  .nhsapp-badge-small__indicator {\n    position: absolute;\n\n    left: -2 * $nhsapp-badge-size-mobile;\n    @include nhsuk-media-query($from: tablet) {\n      left: -2 * $nhsapp-badge-size-tablet;\n    }\n  }\n}\n","@use \"sass:map\";\n@use \"sass:math\";\n@use \"sass:string\";\n@use \"../settings\" as *;\n@use \"functions\" as *;\n@use \"sass-mq\" as *;\n\n////\n/// Typography\n///\n/// These mixins allow us to quickly and consistently generate common text\n/// patterns such as colours and font-weight\n///\n/// @group tools\n////\n\n/// Text colour\n///\n/// Sets the text colour, including a suitable override for print.\n///\n/// @link https://github.com/alphagov/govuk-frontend Original code taken from GDS (Government Digital Service)\n\n@mixin nhsuk-text-colour {\n  color: $nhsuk-text-colour;\n\n  @include nhsuk-media-query($media-type: print) {\n    color: $nhsuk-print-text-colour;\n  }\n}\n\n/// Text colour (deprecated)\n///\n/// @alias nhsuk-text-colour\n/// @deprecated To be removed in v11.0, replaced by nhsuk-text-colour\n\n@mixin nhsuk-text-color {\n  @include nhsuk-warning(\"color-to-colour\", \"nhsuk-text-color is deprecated. Use nhsuk-text-colour instead.\");\n  @include nhsuk-text-colour;\n}\n\n/// Normal font weight\n///\n/// @param {Boolean} $important [false] - Whether to mark declarations as\n///   `!important`. Generally Used to create override classes.\n\n@mixin nhsuk-typography-weight-normal($important: false) {\n  font-weight: $nhsuk-font-normal if($important, !important, null);\n}\n\n/// Bold font weight\n///\n/// @param {Boolean} $important [false] - Whether to mark declarations as\n///   `!important`. Generally Used to create override classes.\n\n@mixin nhsuk-typography-weight-bold($important: false) {\n  font-weight: $nhsuk-font-bold if($important, !important, null);\n}\n\n/// Word break helper\n///\n/// Forcibly breaks long words that lack spaces, such as email addresses,\n/// across multiple lines when they wouldn't otherwise fit.\n///\n/// @param {Boolean} $important [false] - Whether to mark declarations as\n///   `!important`. Generally used to create override classes.\n\n@mixin nhsuk-text-break-word($important: false) {\n  // IE 11 and Edge 16–17 only support the non-standard `word-wrap` property\n  word-wrap: break-word if($important, !important, null);\n\n  // All other browsers support `overflow-wrap`\n  overflow-wrap: break-word if($important, !important, null);\n}\n\n/// Line height\n///\n///\n/// Convert line-heights specified in pixels into a relative value, unless\n/// they are already unit-less (and thus already treated as relative values)\n/// or the units do not match the units used for the font size.\n///\n/// @param {Number} $line-height Line height\n/// @param {Number} $font-size Font size\n/// @return {Number} The line height as either a relative value or unmodified\n\n@function nhsuk-line-height($line-height, $font-size) {\n  @if not math.is-unitless($line-height) and math.unit($line-height) == math.unit($font-size) {\n    // Explicitly rounding to 5 decimal places to match the node-sass/libsass default precision.\n    // This is expanded to 10 in dart-sass and results in significant line height differences\n    // Therefore by rounding it here we achieve consistent rendering across node-sass and dart-sass\n    $ten-to-the-power-five: 100000;\n    $line-height: math.div(round(math.div($line-height, $font-size) * $ten-to-the-power-five), $ten-to-the-power-five);\n  }\n\n  @return $line-height;\n}\n\n/// Font size and line height helper\n///\n/// Takes a point from the responsive 'font map' as an argument (the size as it\n/// would appear on tablet and above), and uses it to create font-size and\n/// line-height declarations for different breakpoints, and print.\n///\n/// Example font map:\n///\n/// ```scss\n/// 19: (\n///   null: (\n///     font-size: 16px,\n///     line-height: 20px\n///   ),\n///   tablet: (\n///     font-size: 19px,\n///     line-height: 25px\n///   ),\n///   print: (\n///     font-size: 14pt,\n///     line-height: 1.15\n///   )\n/// );\n/// ```\n///\n/// @param {Number | String} $size - Point from the typography scale (the size\n///   as it would appear on tablet and above)\n/// @param {Number} $line-height [false] - Non responsive custom line\n///   height. Omit to use the line height from the font map.\n/// @param {Boolean} $important [false] - Whether to mark declarations as\n///   `!important`.\n///\n/// @throw if `$size` is not a valid point from the typography scale\n///\n/// @link https://github.com/alphagov/govuk-frontend Original code taken from GDS (Government Digital Service)\n\n@mixin nhsuk-font-size($size, $line-height: false, $important: false) {\n  // Flag font sizes that start with underscores so we can suppress warnings on\n  // deprecated sizes used internally, for example `nhsuk-font($size: \"_24\")`\n  $size-internal-use-only: string.slice(#{$size}, 1, 1) == \"_\";\n\n  // Remove underscore from font sizes flagged for internal use\n  @if $size-internal-use-only {\n    $size: string.slice(#{$size}, 2);\n  }\n\n  // Check for a font map exactly matching the given size\n  $font-map: map.get($nhsuk-typography-scale, $size);\n\n  // No match? Try with string type (e.g. $size: \"16\" not 16)\n  @if not $font-map {\n    @each $font-size in map.keys($nhsuk-typography-scale) {\n      @if not $font-map and \"#{$font-size}\" == \"#{$size}\" {\n        $font-map: map.get($nhsuk-typography-scale, $font-size);\n      }\n    }\n  }\n\n  // Still no match? Throw error\n  @if not $font-map {\n    @error \"Unknown font size `#{$size}` - expected a point from the typography scale.\";\n  }\n\n  // Check for a deprecation within the typography scale\n  $deprecation: map.get($font-map, \"deprecation\");\n\n  @if $deprecation {\n    // Warn on deprecated font sizes unless flagged for internal use\n    @if not $size-internal-use-only {\n      @include nhsuk-warning(map.get($deprecation, \"key\"), map.get($deprecation, \"message\"));\n    }\n\n    // remove the deprecation map keys so they do not break the breakpoint loop\n    $font-map: map.remove($font-map, \"deprecation\");\n  }\n\n  @each $breakpoint, $breakpoint-map in $font-map {\n    $font-size: map.get($breakpoint-map, \"font-size\");\n    $font-size-rem: nhsuk-px-to-rem($font-size);\n\n    // $calculated-line-height is a separate variable from $line-height,\n    // as otherwise the value would get redefined with each loop and\n    // eventually break nhsuk-line-height.\n    //\n    // We continue to call the param $line-height to stay consistent with the\n    // naming with nhsuk-font.\n    $calculated-line-height: nhsuk-line-height(\n      $line-height: if($line-height, $line-height, map.get($breakpoint-map, \"line-height\")),\n      $font-size: $font-size\n    );\n\n    // Mark rules as !important if $important is true - this will result in\n    // these variables becoming strings, so this needs to happen *after* they\n    // are used in calculations\n    $font-size: $font-size if($important, !important, null);\n    $font-size-rem: $font-size-rem if($important, !important, null);\n    $calculated-line-height: $calculated-line-height if($important, !important, null);\n\n    & {\n      @if not $breakpoint {\n        font-size: $font-size;\n        font-size: $font-size-rem;\n        line-height: $calculated-line-height;\n      } @else if $breakpoint == \"print\" {\n        @include nhsuk-media-query($media-type: print) {\n          font-size: $font-size;\n          line-height: $calculated-line-height;\n        }\n      } @else {\n        @include nhsuk-media-query($from: $breakpoint) {\n          font-size: $font-size;\n          font-size: $font-size-rem;\n          line-height: $calculated-line-height;\n        }\n      }\n    }\n  }\n}\n\n/// Font size and line height helper (deprecated)\n///\n/// @param {Number | Boolean | String} $size - Point from the typography scale\n///   (the size as it would appear on tablet and above). Use `false` to avoid\n///   setting a size.\n/// @param {Number} $override-line-height [false] - Non responsive custom line\n///   height. Omit to use the line height from the font map.\n/// @param {Boolean} $important [false] - Whether to mark declarations as\n///   `!important`.\n///\n/// @throw if `$size` is not a valid point from the typography scale (or false)\n///\n/// @alias nhsuk-font-size\n/// @deprecated To be removed in v11.0, replaced by nhsuk-font-size\n\n@mixin nhsuk-typography-responsive($size, $override-line-height: false, $important: false) {\n  @include nhsuk-warning(\n    \"nhsuk-typography-responsive\",\n    \"nhsuk-typography-responsive is deprecated. Use nhsuk-font-size instead.\"\n  );\n  @include nhsuk-font-size($size, $override-line-height, $important);\n}\n\n/// Font helper\n///\n/// @example scss\n///   .foo {\n///     @include nhsuk-font(19);\n///   }\n///\n///   .foo {\n///     @include nhsuk-font(36, $weight: bold);\n///   }\n///\n/// @param {Number} $size - Size of the font as it would appear on desktop -\n///   uses the responsive font size map\n/// @param {String} $weight [normal] - Weight: `bold` or `normal`\n/// @param {Number} $line-height [false] - Line-height, if overriding the default\n\n@mixin nhsuk-font($size, $weight: normal, $line-height: false) {\n  & {\n    @if $weight == normal {\n      @include nhsuk-typography-weight-normal;\n    } @else if $weight == bold {\n      @include nhsuk-typography-weight-bold;\n    }\n  }\n\n  @if $size {\n    @include nhsuk-font-size($size, $line-height);\n  }\n}\n\n/*# sourceMappingURL=_typography.scss.map */\n","@use \"nhsuk-frontend/dist/nhsuk/core/tools/spacing\" as *;\n\n$button-border-radius: nhsuk-spacing(2);\n\n.nhsapp-button,\n.nhsapp-button.nhsuk-button--secondary::before,\n.nhsapp-button.nhsuk-button--secondary:active {\n  border-radius: $button-border-radius;\n}\n\n.nhsapp-button.nhsuk-button--secondary:not(:focus)::after,\n.nhsapp-button.nhsuk-button--secondary-solid:not(:focus)::after {\n  border-radius: $button-border-radius - 2px !important;\n}\n","@use \"nhsuk-frontend/dist/nhsuk/core/settings/colours-applied\" as *;\n@use \"nhsuk-frontend/dist/nhsuk/core/helpers/colour\" as *;\n@use \"nhsuk-frontend/dist/nhsuk/core/tools/sass-mq\" as *;\n@use \"nhsuk-frontend/dist/nhsuk/core/tools/typography\" as *;\n@use \"nhsuk-frontend/dist/nhsuk/core/tools/spacing\" as *;\n\n/** These variables are not defined in a separate scss file in the nhsuk-frontend,\n * so we can't import them without bringing in the actual classes also.\n */\n$card-border-width: 2px;\n$card-divider-width: 1px;\n$card-border-bottom-width: nhsuk-spacing(1);\n$card-border-colour: $nhsuk-border-colour;\n$card-border-radius: 8px;\n\n.nhsapp-card {\n  @include nhsuk-responsive-margin(6, \"bottom\");\n\n  background-color: nhsuk-colour(\"white\");\n  border: $card-border-width solid $card-border-colour;\n  border-radius: $card-border-radius;\n  position: relative; // Set to relative so the entire card can be clickable\n\n  padding: 0;\n\n  &__title {\n    @include nhsuk-font-size(19);\n\n    font-weight: bold;\n    margin-bottom: 0;\n  }\n\n  .nhsapp-icon--chevron-right {\n    fill: rgba($nhsuk-link-colour, 0.7);\n    flex: none; // Prevents icons from shrinking\n    height: 24px;\n    margin-right: -8px;\n    width: 24px;\n\n    @include nhsuk-media-query($from: tablet) {\n      height: 28px;\n      margin-right: -10px;\n      width: 28px;\n    }\n  }\n\n  &:hover {\n    .nhsapp-icon--chevron-right {\n      fill: $nhsuk-link-hover-colour;\n    }\n  }\n\n  &__container {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n\n    margin: 0;\n    padding: nhsuk-spacing(3);\n\n    @include nhsuk-media-query($from: tablet) {\n      gap: nhsuk-spacing(3);\n      margin: 0;\n      padding: nhsuk-spacing(4);\n    }\n  }\n\n  &__content {\n    flex-grow: 1;\n\n    :last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  &__link {\n    @include nhsuk-font-size(19);\n\n    font-weight: bold;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n\n    // Makes the entire card clickable\n    &::after {\n      bottom: 0;\n      content: \"\";\n      display: block;\n      left: 0;\n      position: absolute;\n      right: 0;\n      top: 0;\n    }\n  }\n\n  &__description {\n    @include nhsuk-font-size(19);\n\n    color: $nhsuk-secondary-text-colour;\n    margin: 0;\n    margin-top: nhsuk-spacing(1);\n\n    @include nhsuk-media-query($from: tablet) {\n      margin-top: nhsuk-spacing(2);\n    }\n  }\n\n  &__below {\n    :last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  &__footer {\n    border-top: $card-divider-width solid $card-border-colour;\n    margin: 0 nhsuk-spacing(3);\n    padding: nhsuk-spacing(3) 0;\n\n    @include nhsuk-media-query($from: tablet) {\n      margin: 0 nhsuk-spacing(4);\n      padding: nhsuk-spacing(4) 0;\n    }\n\n    :last-child {\n      margin-bottom: 0;\n    }\n  }\n}\n\n// Card group\n.nhsapp-cards {\n  @include nhsuk-responsive-margin(6, \"bottom\");\n\n  list-style: none; // Removes default list style\n  padding: 0; // Removes default list padding\n\n  .nhsapp-card {\n    @include nhsuk-responsive-margin(4, \"bottom\");\n\n    &:last-of-type {\n      margin-bottom: 0;\n    }\n  }\n\n  &--stacked {\n    @include nhsuk-responsive-margin(6, \"bottom\");\n\n    .nhsapp-card {\n      border-bottom: 0;\n      border-radius: 0;\n      border-top: 0;\n      margin-bottom: 0;\n\n      .nhsapp-card__container {\n        border-bottom: $card-divider-width solid $card-border-colour;\n      }\n\n      &:first-of-type {\n        border-radius: $card-border-radius $card-border-radius 0 0;\n        border-top: $card-border-width solid $card-border-colour;\n      }\n\n      &:last-of-type {\n        border-bottom: $card-border-width solid $card-border-colour;\n        border-radius: 0 0 $card-border-radius $card-border-radius;\n\n        .nhsapp-card__container {\n          border-bottom: 0;\n        }\n      }\n\n      &:only-of-type {\n        border-radius: $card-border-radius; // Full border radius on all corners\n        border-top: $card-border-width solid $card-border-colour;\n        border-bottom: $card-border-width solid $card-border-colour;\n      }\n    }\n  }\n}\n\n// Secondary card\n.nhsapp-cards--secondary .nhsapp-card,\n.nhsapp-card--secondary {\n  background: transparent;\n}\n\n// Card heading\n.nhsapp-cards__heading {\n  @include nhsuk-font-size(22);\n  @include nhsuk-responsive-margin(3, \"bottom\");\n\n  padding-top: 0;\n}\n\n.nhsapp-cards__heading + .nhsapp-cards__description {\n  margin-top: - nhsuk-spacing(2);\n\n  @include nhsuk-media-query($from: tablet) {\n    margin-top: - nhsuk-spacing(3);\n  }\n}\n\n.nhsapp-cards__description {\n  color: $nhsuk-secondary-text-colour;\n  margin-bottom: 12px;\n\n  @include nhsuk-media-query($from: tablet) {\n    margin-bottom: nhsuk-spacing(3);\n  }\n}\n\n// Colour variant mixin\n@mixin nhsapp-card-link-colour-variation($background-colour, $text-colour) {\n  background: $background-colour;\n  border-color: $background-colour;\n  color: $text-colour;\n\n  &:first-of-type,\n  &:last-of-type {\n    border: 0;\n  }\n\n  .nhsapp-card__container {\n    border-color: rgba($text-colour, 0.2);\n  }\n\n  .nhsapp-card__link {\n    color: $text-colour;\n\n    &:hover,\n    &:visited,\n    &:hover:visited {\n      color: $text-colour;\n    }\n\n    &:focus,\n    &:focus:hover {\n      color: $nhsuk-focus-text-colour;\n    }\n  }\n\n  .nhsapp-icon--chevron-right {\n    fill: rgba($text-colour, 0.7);\n  }\n\n  &:hover {\n    .nhsapp-icon--chevron-right {\n      fill: $text-colour;\n    }\n  }\n}\n\n// Colour variants\n$nhsapp-card-variants: (\n  \"pale-aqua-green\": (\n    nhsapp-colour(\"pale-aqua-green\"),\n    nhsapp-colour(\"dark-aqua-green\")\n  ),\n  \"dark-aqua-green\": (\n    nhsapp-colour(\"dark-aqua-green\"),\n    nhsuk-colour(\"white\")\n  ),\n  \"pale-blue\": (\n    nhsapp-colour(\"pale-blue\"),\n    nhsapp-colour(\"dark-blue\")\n  ),\n  \"dark-blue\": (\n    nhsapp-colour(\"dark-blue\"),\n    nhsuk-colour(\"white\")\n  ),\n  \"pale-green\": (\n    nhsapp-colour(\"pale-green\"),\n    nhsapp-colour(\"dark-green\")\n  ),\n  \"dark-green\": (\n    nhsapp-colour(\"dark-green\"),\n    nhsuk-colour(\"white\")\n  ),\n  \"pale-orange\": (\n    nhsapp-colour(\"pale-orange\"),\n    nhsapp-colour(\"dark-orange\")\n  ),\n  \"dark-orange\": (\n    nhsapp-colour(\"dark-orange\"),\n    nhsuk-colour(\"white\")\n  ),\n  \"pale-pink\": (\n    nhsapp-colour(\"pale-pink\"),\n    nhsapp-colour(\"dark-pink\")\n  ),\n  \"dark-pink\": (\n    nhsapp-colour(\"dark-pink\"),\n    nhsuk-colour(\"white\")\n  ),\n  \"pale-purple\": (\n    nhsapp-colour(\"pale-purple\"),\n    nhsapp-colour(\"dark-purple\")\n  ),\n  \"dark-purple\": (\n    nhsapp-colour(\"dark-purple\"),\n    nhsuk-colour(\"white\")\n  ),\n  \"pale-red\": (\n    nhsapp-colour(\"pale-red\"),\n    nhsapp-colour(\"dark-red\")\n  ),\n  \"dark-red\": (\n    nhsapp-colour(\"dark-red\"),\n    nhsuk-colour(\"white\")\n  ),\n  \"pale-yellow\": (\n    nhsapp-colour(\"pale-yellow\"),\n    nhsapp-colour(\"dark-yellow\")\n  ),\n  \"dark-yellow\": (\n    nhsapp-colour(\"dark-yellow\"),\n    nhsuk-colour(\"white\")\n  )\n);\n\n// Generate classes for each colour variant\n@each $variant, $colors in $nhsapp-card-variants {\n  $background-colour: nth($colors, 1);\n  $text-colour: nth($colors, 2);\n\n  .nhsapp-cards--#{$variant} .nhsapp-card,\n  .nhsapp-card--#{$variant} {\n    @include nhsapp-card-link-colour-variation($background-colour, $text-colour);\n  }\n}\n\n// Media container\n// Used for new campaign card\n.nhsapp-card--with-media {\n  .nhsapp-card__img {\n    border-radius: $card-border-radius $card-border-radius 0 0;\n    display: block;\n    max-width: 100%;\n  }\n\n  .nhsapp-card__container {\n    @include nhsuk-responsive-padding(5);\n  }\n\n  @include nhsuk-media-query($from: desktop) {\n    display: flex;\n\n    .nhsapp-card__media {\n      display: flex;\n      flex: 2 0;\n    }\n\n    .nhsapp-card__img {\n      border-radius: $card-border-radius 0 0 $card-border-radius;\n      flex: none;\n    }\n\n    .nhsapp-card__container {\n      flex: 2 0;\n      gap: nhsuk-spacing(5);\n    }\n  }\n\n  @include nhsuk-media-query($from: large-desktop) {\n    .nhsapp-card__media {\n      flex-grow: 2;\n    }\n\n    .nhsapp-card__container {\n      flex-grow: 3;\n    }\n  }\n}\n","@use \"sass:map\";\n@use \"sass:math\";\n@use \"sass:meta\";\n@use \"../settings\" as *;\n@use \"sass-mq\" as *;\n\n////\n/// Spacing\n///\n/// @group tools\n////\n\n/// Single point spacing\n///\n/// Returns measurement corresponding to the spacing point requested.\n///\n/// @param {Number} $spacing-point - Point on the spacing scale\n///  (set in `settings/_spacing.scss`)\n///\n/// @returns {String} Spacing measurement eg. 8px\n///\n/// @example scss\n///   .element {\n///     padding: nhsuk-spacing(5);\n///   }\n///\n/// @example scss Using negative spacing\n///   .element {\n///     margin-top: nhsuk-spacing(-1);\n///   }\n///\n/// @example scss Marking spacing declarations as important\n///   .element {\n///     margin-top: nhsuk-spacing(1) !important;\n///   }\n///\n/// @link https://github.com/alphagov/govuk-frontend Original code taken from GDS (Government Digital Service)\n\n@function nhsuk-spacing($spacing-point) {\n  $actual-input-type: meta.type-of($spacing-point);\n  @if $actual-input-type != \"number\" {\n    @error \"Expected a number (integer), but got a \"\n      + \"#{$actual-input-type}.\";\n  }\n\n  $is-negative: false;\n  @if $spacing-point < 0 {\n    $is-negative: true;\n    $spacing-point: math.abs($spacing-point);\n  }\n\n  @if not map.has-key($nhsuk-spacing-points, $spacing-point) {\n    @error \"Unknown spacing variable `#{$spacing-point}`. Make sure you are using a point from the spacing scale in `_settings/spacing.scss`.\";\n  }\n\n  $value: map.get($nhsuk-spacing-points, $spacing-point);\n  @return if($is-negative, $value * -1, $value);\n}\n\n/// Responsive spacing\n///\n/// Adds responsive spacing (either padding or margin, depending on `$property`)\n/// by fetching a 'spacing map' from the responsive spacing scale, which defines\n/// different spacing values at different breakpoints.\n///\n/// To generate responsive spacing, use 'nhsuk-responsive-margin' or\n/// 'nhsuk-responsive-padding' mixins\n///\n/// @param {Number} $responsive-spacing-point - Point on the responsive spacing\n///  scale, corresponds to a map of breakpoints and spacing values\n/// @param {String} $property - Property to add spacing to (e.g. 'margin')\n/// @param {String} $direction [all] - Direction to add spacing to\n///  (`top`, `right`, `bottom`, `left`, `all`)\n/// @param {Boolean} $important [false] - Whether to mark as `!important`\n/// @param {Number} $adjustment [false] - Offset to adjust spacing by\n///\n/// @example scss\n///   .foo {\n///     padding: nhsuk-spacing(5);\n///     top: nhsuk-spacing(2) !important; // if `!important` is required\n///   }\n///\n/// 1. Make sure that the return value from `_settings/spacing.scss` is a map.\n/// 2. Loop through each breakpoint in the map\n/// 3. The 'null' breakpoint is for mobile.\n///\n/// @link https://github.com/alphagov/govuk-frontend Original code taken from GDS (Government Digital Service)\n\n@mixin nhsuk-responsive-spacing(\n  $responsive-spacing-point,\n  $property,\n  $direction: \"all\",\n  $important: false,\n  $adjustment: false\n) {\n  $actual-input-type: meta.type-of($responsive-spacing-point);\n  @if $actual-input-type != \"number\" {\n    @error \"Expected a number (integer), but got a \" + \"#{$actual-input-type}.\";\n  }\n\n  @if not map.has-key($nhsuk-spacing-responsive-scale, $responsive-spacing-point) {\n    @error \"Unknown spacing point `#{$responsive-spacing-point}`. Make sure you are using a point from the \"\n      + \"responsive spacing scale in `_settings/spacing.scss`.\";\n  }\n\n  $scale-map: map.get($nhsuk-spacing-responsive-scale, $responsive-spacing-point); // [1]\n  $actual-map-type: meta.type-of($scale-map);\n  @if $actual-map-type != \"map\" {\n    @error \"Expected a number (integer), but got a \"\n      + \"#{$actual-map-type}. Make sure you are using a map to set the responsive spacing in `_settings/spacing.scss`)\";\n  }\n\n  @each $breakpoint, $breakpoint-value in $scale-map {\n    // [2]\n\n    @if $adjustment {\n      $breakpoint-value: $breakpoint-value + $adjustment;\n    }\n\n    & {\n      @if not $breakpoint {\n        // [3]\n        @if $direction == all {\n          #{$property}: $breakpoint-value if($important, !important, null);\n        } @else {\n          #{$property}-#{$direction}: $breakpoint-value if($important, !important, null);\n        }\n      } @else {\n        @include nhsuk-media-query($from: $breakpoint) {\n          @if $direction == all {\n            #{$property}: $breakpoint-value if($important, !important, null);\n          } @else {\n            #{$property}-#{$direction}: $breakpoint-value if($important, !important, null);\n          }\n        }\n      }\n    }\n  }\n}\n\n/// Responsive margin\n///\n/// Adds responsive margin by fetching a 'spacing map' from the responsive\n/// spacing scale, which defines different spacing values at different\n/// breakpoints. Wrapper for the `nhsuk-responsive-spacing` mixin.\n///\n/// @param {Number} $responsive-spacing-point - Point on the responsive spacing\n/// scale, corresponds to a map of breakpoints and spacing values\n/// @param {String} $direction [all] - Direction to add spacing to\n///   (`top`, `right`, `bottom`, `left`, `all`)\n/// @param {Boolean} $important [false] - Whether to mark as `!important`\n/// @param {Number} $adjustment [false] - Offset to adjust spacing by\n///\n/// @example scss\n///   .foo {\n///     @include nhsuk-responsive-margin(6, 'left', $adjustment: 1px);\n///   }\n///\n/// @link https://github.com/alphagov/govuk-frontend Original code taken from GDS (Government Digital Service)\n\n@mixin nhsuk-responsive-margin($responsive-spacing-point, $direction: \"all\", $important: false, $adjustment: false) {\n  @include nhsuk-responsive-spacing($responsive-spacing-point, \"margin\", $direction, $important, $adjustment);\n}\n\n/// Responsive padding\n///\n/// Adds responsive padding by fetching a 'spacing map' from the responsive\n/// spacing scale, which defines different spacing values at different\n/// breakpoints. Wrapper for the `nhsuk-responsive-spacing` mixin.\n///\n/// @param {Number} $responsive-spacing-point - Point on the responsive spacing\n///   scale, corresponds to a map of breakpoints and spacing values\n/// @param {String} $direction [all] - Direction to add spacing to\n///   (`top`, `right`, `bottom`, `left`, `all`)\n/// @param {Boolean} $important [false] - Whether to mark as `!important`\n/// @param {Number} $adjustment [false] - Offset to adjust spacing\n///\n/// @example scss\n///   .foo {\n///     @include nhsuk-responsive-padding(6, 'left', $adjustment: 1px);\n///   }\n///\n/// @link https://github.com/alphagov/govuk-frontend Original code taken from GDS (Government Digital Service)\n\n@mixin nhsuk-responsive-padding($responsive-spacing-point, $direction: \"all\", $important: false, $adjustment: false) {\n  @include nhsuk-responsive-spacing($responsive-spacing-point, \"padding\", $direction, $important, $adjustment);\n}\n\n/*# sourceMappingURL=_spacing.scss.map */\n","/* ==========================================================================\n  #TAG\n  ========================================================================== */\n\n@use \"nhsuk-frontend/dist/nhsuk/core/helpers/colour\" as *;\n@use \"nhsuk-frontend/dist/nhsuk/core/tools/typography\" as *;\n@use \"nhsuk-frontend/dist/nhsuk/core/tools/sass-mq\" as *;\n\n$color_tag-aqua-green-background: nhsapp-colour(\"pale-aqua-green\");\n$color_tag-aqua-green-text: nhsapp-colour(\"dark-aqua-green\");\n$color_tag-blue-background: nhsapp-colour(\"pale-blue\");\n$color_tag-blue-text: nhsapp-colour(\"dark-blue\");\n$color_tag-green-background: nhsapp-colour(\"pale-green\");\n$color_tag-green-text: nhsapp-colour(\"dark-green\");\n$color_tag-grey-background: nhsuk-colour(\"grey-4\");\n$color_tag-grey-text: nhsuk-colour(\"black\");\n$color_tag-purple-background: nhsapp-colour(\"pale-purple\");\n$color_tag-purple-text: nhsapp-colour(\"dark-purple\");\n$color_tag-orange-background: nhsapp-colour(\"pale-orange\");\n$color_tag-orange-text: nhsapp-colour(\"dark-orange\");\n$color_tag-pink-background: nhsapp-colour(\"pale-pink\");\n$color_tag-pink-text: nhsapp-colour(\"dark-pink\");\n$color_tag-red-background: nhsapp-colour(\"pale-red\");\n$color_tag-red-text: nhsapp-colour(\"dark-red\");\n$color_tag-yellow-background: nhsapp-colour(\"pale-yellow\");\n$color_tag-yellow-text: nhsapp-colour(\"dark-yellow\");\n\n.nhsapp-tag {\n  @include nhsuk-font($size: 16, $weight: normal, $line-height: 1.25);\n  background-color: $color_tag-blue-background;\n  border: 1px solid transparent;\n  border-radius: 2px;\n  color: $color_tag-blue-text;\n  display: inline-block;\n  padding: 3px 9px; // Minus the border width\n\n  @include nhsuk-media-query($from: tablet) {\n    line-height: 1.4285em;\n  }\n}\n\n/* Colour variants\n    ========================================================================== */\n\n.nhsapp-tag--white {\n  background-color: nhsuk-colour(\"white\");\n  border-color: nhsuk-colour(\"grey-4\");\n  color: nhsuk-colour(\"black\");\n}\n\n.nhsapp-tag--grey {\n  background-color: $color_tag-grey-background;\n  color: $color_tag-grey-text;\n}\n\n.nhsapp-tag--green {\n  background-color: $color_tag-green-background;\n  color: $color_tag-green-text;\n}\n\n.nhsapp-tag--aqua-green {\n  background-color: $color_tag-aqua-green-background;\n  color: $color_tag-aqua-green-text;\n}\n\n.nhsapp-tag--blue {\n  background-color: $color_tag-blue-background;\n  color: $color_tag-blue-text;\n}\n\n.nhsapp-tag--purple {\n  background-color: $color_tag-purple-background;\n  color: $color_tag-purple-text;\n}\n\n.nhsapp-tag--pink {\n  background-color: $color_tag-pink-background;\n  color: $color_tag-pink-text;\n}\n\n.nhsapp-tag--red {\n  background-color: $color_tag-red-background;\n  color: $color_tag-red-text;\n}\n\n.nhsapp-tag--orange {\n  background-color: $color_tag-orange-background;\n  color: $color_tag-orange-text;\n}\n\n.nhsapp-tag--yellow {\n  background-color: $color_tag-yellow-background;\n  color: $color_tag-yellow-text;\n}\n","@use \"nhsuk-frontend/dist/nhsuk/core/helpers/colour\" as *;\n@use \"nhsuk-frontend/dist/nhsuk/core/tools/sass-mq\" as *;\n@use \"nhsuk-frontend/dist/nhsuk/core/tools/spacing\" as *;\n@use \"nhsuk-frontend/dist/nhsuk/core/tools/typography\" as *;\n\n$timeline-badge-size-mobile: 16px;\n$timeline-badge-small-size-mobile: 12px;\n$timeline-border-width: 2px;\n\n@function dot-size($size) {\n  @if $size == \"default\" {\n    @return $timeline-badge-size-mobile;\n  } @else if $size == \"small\" {\n    @return $timeline-badge-small-size-mobile;\n  }\n}\n\n@function dot-ml($size) {\n  @return - calc(($size / 2) + ($timeline-border-width / 2));\n}\n\n@function dot-mt-tablet($margin) {\n  @return $margin - 1px;\n}\n\n@mixin nhsapp-timeline-badge($size) {\n  $mt: 4px;\n  $mt-small: 6px;\n\n  height: dot-size($size);\n  width: dot-size($size);\n\n  margin-left: dot-ml(dot-size($size));\n  margin-top: if($size == \"default\", $mt, $mt-small);\n  margin-right: if($size == \"default\", nhsuk-spacing(4), nhsuk-spacing(4) + 2px);\n\n  @include nhsuk-media-query($from: tablet) {\n    $tablet: dot-size($size) + 4px;\n\n    height: $tablet;\n    margin-left: dot-ml($tablet);\n    margin-top: if($size == \"default\", dot-mt-tablet($mt), dot-mt-tablet($mt-small));\n    width: $tablet;\n  }\n}\n\n.nhsapp-timeline {\n  @include nhsuk-responsive-margin(5, \"bottom\");\n  @include nhsuk-responsive-padding(2, \"top\");\n\n  list-style: none;\n  padding: 0;\n\n  &__item {\n    @include nhsuk-responsive-padding(5, \"bottom\");\n\n    display: flex;\n    margin-bottom: 0;\n    margin-left: 12px;\n    margin-top: -6px;\n    position: relative;\n\n    &:last-child {\n      padding: 0;\n\n      &:before {\n        border: none;\n      }\n    }\n\n    &:before {\n      border-left: $timeline-border-width solid nhsuk-colour(\"grey-3\");\n      bottom: 0;\n      content: \"\";\n      display: block;\n      left: -$timeline-border-width;\n      position: absolute;\n      top: nhsuk-spacing(2);\n      width: $timeline-border-width;\n    }\n\n    &--past {\n      &:before {\n        border-color: nhsuk-colour(\"blue\");\n      }\n    }\n  }\n\n  &__badge {\n    flex-shrink: 0;\n    z-index: 1;\n\n    @include nhsapp-timeline-badge(\"default\");\n\n    &--small {\n      @include nhsapp-timeline-badge(\"small\");\n    }\n  }\n\n  &__header {\n    @include nhsuk-font-size(19);\n    font-weight: normal;\n    margin-bottom: 0;\n  }\n\n  &__description {\n    @include nhsuk-font-size(16);\n    margin-bottom: 0;\n    padding-top: 0;\n  }\n}\n","@use \"nhsuk-frontend/dist/nhsuk/core/tools/sass-mq\" as *;\n@use \"nhsuk-frontend/dist/nhsuk/core/tools/spacing\" as *;\n@use \"nhsuk-frontend/dist/nhsuk/core/settings/colours-applied\" as *;\n\n.nhsapp-summary-list {\n  // Override the NHS UK Frontend summary list component to display two columns on mobile\n  &--two-columns-mobile {\n    @include nhsuk-media-query($until: tablet) {\n      display: table;\n      table-layout: fixed;\n      width: 100%;\n    }\n\n    .nhsuk-summary-list__key,\n    .nhsuk-summary-list__value,\n    .nhsuk-summary-list__actions {\n      border-bottom: 1px solid $nhsuk-border-colour;\n      display: table-cell;\n      padding-bottom: nhsuk-spacing(2);\n      padding-right: nhsuk-spacing(4);\n      padding-top: nhsuk-spacing(2);\n    }\n\n    .nhsuk-summary-list__row {\n      display: table-row;\n    }\n\n    .nhsuk-summary-list__key {\n      @include nhsuk-media-query($until: tablet) {\n        width: 50%;\n      }\n    }\n\n    .nhsuk-summary-list__value {\n      width: 50%;\n    }\n  }\n}\n","@use \"nhsuk-frontend/dist/nhsuk/core/tools/sass-mq\" as *;\n\n.nhsapp-u-hide-from-tablet {\n  @include nhsuk-media-query($from: tablet) {\n    display: none !important;\n  }\n}\n\n.nhsapp-u-hide-until-tablet {\n  @include nhsuk-media-query($until: tablet) {\n    display: none !important;\n  }\n}\n",".nhsapp-u-truncate-two-lines {\n  margin-right: 0;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n"]}