`s to be full-width by default.\n/// 2. Allow word breaks anywhere to prevent table fit-to-content.\n/// 3. Allow word breaks when necessary (deprecated but works, unlike overflow-wrap).\n///\n/// @group elements\n////\n\ntable {\n border-spacing: 0;\n vertical-align: top;\n width: 100%; // [1]\n\n @include nhsuk-responsive-margin(7, \"bottom\");\n\n .nhsuk-u-text-break-word {\n word-break: break-all; // [2]\n word-break: break-word; // [3]\n }\n\n @include nhsuk-media-query($media-type: print) {\n page-break-inside: avoid;\n }\n}\n\nthead {\n th {\n border-bottom: $nhsuk-border-table-header-width solid $nhsuk-border-color;\n }\n}\n\nth,\ntd {\n padding-left: 0;\n\n border-bottom: $nhsuk-border-table-cell-width solid $nhsuk-border-color;\n text-align: left;\n vertical-align: top;\n\n @include nhsuk-font-size(19);\n @include nhsuk-responsive-padding(3, \"bottom\");\n @include nhsuk-responsive-padding(4, \"right\");\n @include nhsuk-responsive-padding(3, \"top\");\n\n &:last-child {\n padding-right: 0;\n }\n}\n\nth {\n font-weight: $nhsuk-font-bold;\n}\n\ncaption {\n text-align: left;\n @include nhsuk-font($size: 22, $weight: bold);\n}\n","@use \"sass:map\";\n@use \"sass:math\";\n@use \"sass:meta\";\n@use \"../settings\" as *;\n@use \"ifff\" 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/// @see {mixin} nhsuk-responsive-spacing\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/// @see {mixin} nhsuk-responsive-spacing\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","@use \"sass:map\";\n@use \"sass:math\";\n@use \"sass:string\";\n@use \"../settings\" as *;\n@use \"functions\" as *;\n@use \"ifff\" 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-color {\n color: $nhsuk-text-color;\n\n @include nhsuk-media-query($media-type: print) {\n color: $nhsuk-print-text-color;\n }\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","@use \"../settings\" as *;\n@use \"../tools\" as *;\n\n.nhsuk-form-group {\n @include nhsuk-responsive-margin(4, \"bottom\");\n\n .nhsuk-form-group:last-of-type {\n margin-bottom: 0; // Remove margin from last item in nested groups\n }\n}\n\n.nhsuk-form-group--wrapper {\n @include nhsuk-responsive-margin(5, \"bottom\");\n}\n\n.nhsuk-form-group--error {\n border-left: $nhsuk-border-width-form-group-error solid $nhsuk-error-color;\n padding-left: nhsuk-spacing(3);\n\n .nhsuk-form-group {\n // Reset error styles in nested form groups that might have error class\n border: 0;\n padding: 0;\n }\n}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n@use \"../tools\" as *;\n\n////\n/// Grid\n///\n/// @group objects\n////\n\n@include nhsuk-exports(\"nhsuk/core/objects/grid\") {\n .nhsuk-grid-row {\n @include nhsuk-clearfix;\n margin-right: -($nhsuk-gutter-half);\n margin-left: -($nhsuk-gutter-half);\n }\n\n @each $width in map.keys($nhsuk-grid-widths) {\n .nhsuk-grid-column-#{$width} {\n @include nhsuk-grid-column($width, $class: false);\n }\n }\n}\n","@use \"sass:map\";\n@use \"sass:math\";\n@use \"../settings\" as *;\n@use \"mixins\" as *;\n@use \"sass-mq\" as *;\n\n////\n/// Grid\n///\n/// @group tools\n/// @link https://github.com/alphagov/govuk-frontend Original code taken from GDS (Government Digital Service)\n////\n\n/// Grid width percentage\n///\n/// @param {String} $key - Name of grid width (e.g. two-thirds)\n/// @return {Number} Percentage width\n/// @throw if `$key` is not a valid grid width\n\n@function nhsuk-grid-width($key) {\n @if map.has-key($nhsuk-grid-widths, $key) {\n @return map.get($nhsuk-grid-widths, $key);\n }\n\n @error \"Unknown grid width `#{$key}`\";\n}\n\n/// Grid width percentage (alias)\n///\n/// @alias nhsuk-grid-width\n/// @deprecated To be removed in v10.0, replaced by nhsuk-grid-width\n\n@function grid-width($key) {\n @warn \"The `grid-width` function will be removed in a future release, use `nhsuk-grid-width` instead.\";\n @return nhsuk-grid-width($key);\n}\n\n/// Generate grid row styles\n///\n/// Creates a grid row class with a standardised margin.\n///\n/// @param {String} $class [nhsuk-grid-row] CSS class name\n///\n/// @example scss - Default\n/// @include govuk-grid-row;\n///\n/// @example scss - Customising the class name\n/// @include govuk-grid-row(\"app-grid\");\n///\n/// @deprecated To be removed in v10.0, replaced by the nhsuk-grid-row class\n\n@mixin nhsuk-grid-row($class: \"nhsuk-grid-row\") {\n @include nhsuk-warning(\"nhsuk-grid-row\", \"nhsuk-grid-row is deprecated. Use `.nhsuk-grid-row` class instead.\");\n\n .#{$class} {\n @include nhsuk-clearfix;\n margin-right: -($nhsuk-gutter-half);\n margin-left: -($nhsuk-gutter-half);\n }\n}\n\n/// Generate grid row styles (deprecated)\n///\n/// @alias nhsuk-grid-row\n/// @deprecated To be removed in v10.0\n\n@mixin govuk-grid-row($args...) {\n @include nhsuk-warning(\"govuk-grid-row\", \"govuk-grid-row is deprecated. Use `.nhsuk-grid-row` class instead.\");\n @include nhsuk-grid-row($args...);\n}\n\n/// Generate grid column styles\n///\n/// Creates a grid column with standard gutter between the columns.\n///\n/// If a `$class` is provided (which is the default, but deprecated behaviour),\n/// the generated rules will be wrapped in a predefined selector in the format\n/// `$class-$width` (e.g. `nhsuk-grid-column-full`). This behaviour is\n/// deprecated and will be removed in v10.0\n///\n/// Grid widths are defined in the `$nhsuk-grid-widths` map.\n///\n/// By default the column width changes from 100% to specified width at the\n/// 'desktop' breakpoint, but other breakpoints can be specified using the `$at`\n/// parameter.\n///\n/// @param {String} $width [full] name of a grid width from $nhsuk-grid-widths\n/// @param {String} $float [left] left | right\n/// @param {String} $at [desktop] - mobile | tablet | desktop | any custom breakpoint\n/// @param {String} $class [nhsuk-grid-column] CSS class name (deprecated)\n///\n/// @example scss - Default\n/// .nhsuk-grid-column-two-thirds {\n/// @include nhsuk-grid-column(two-thirds, $class: false)\n/// }\n///\n/// @example scss - Customising the breakpoint where width percentage is applied\n/// .nhsuk-grid-column-one-half-at-tablet {\n/// @include nhsuk-grid-column(one-half, $at: tablet);\n/// }\n///\n/// @example scss - Customising the float direction\n/// .nhsuk-grid-column-one-half-right {\n/// @include nhsuk-grid-column(two-thirds, $float: right, $class: false);\n/// }\n///\n/// @example scss - Customising the class name (deprecated)\n/// @include nhsuk-grid-column(one-half, $class: \"test-column\");\n///\n/// @link https://github.com/alphagov/govuk-frontend Original code taken from GDS (Government Digital Service)\n\n@mixin nhsuk-grid-column($width: full, $float: left, $at: desktop, $class: \"nhsuk-grid-column\") {\n @if $class {\n .#{$class}-#{$width} {\n @include nhsuk-grid-column($width, $float, $at, $class: false);\n }\n } @else {\n box-sizing: border-box;\n @if $at != tablet {\n width: 100%;\n }\n padding: 0 $nhsuk-gutter-half;\n @include nhsuk-media-query($from: $at) {\n width: nhsuk-grid-width($width);\n float: $float;\n }\n }\n}\n\n/// Generate grid column styles (deprecated)\n///\n/// @alias nhsuk-grid-column\n/// @deprecated To be removed in v10.0, replaced by nhsuk-grid-column\n\n@mixin govuk-grid-column($args...) {\n @include nhsuk-warning(\"govuk-grid-column\", \"govuk-grid-column is deprecated. Use nhsuk-grid-column instead.\");\n @include nhsuk-grid-column($args...);\n}\n","@use \"../tools\" as *;\n\n////\n/// Page wrapper for the grid system\n///\n/// 1. In IE11 the `main` element can be used, but is not recognized –\n/// meaning it's not defined in IE's default style sheet,\n/// so it uses CSS initial value, which is inline\n///\n/// @group objects\n/// @link https://github.com/alphagov/govuk-frontend Original code taken from GDS (Government Digital Service)\n///\n/// @example html\n///
\n///
\n/// \n///
\n///
\n////\n\n@mixin _nhsuk-main-wrapper {\n display: block; // [1]\n padding-top: nhsuk-spacing(4);\n padding-bottom: nhsuk-spacing(4);\n @include nhsuk-top-and-bottom;\n\n @include nhsuk-media-query($from: tablet) {\n padding-top: nhsuk-spacing(7);\n padding-bottom: nhsuk-spacing(7);\n }\n}\n\n/// @deprecated To be removed in v10.0\n\n@mixin govuk-main-wrapper {\n @include nhsuk-warning(\n \"govuk-main-wrapper\",\n \"govuk-main-wrapper is deprecated. Use `.nhsuk-main-wrapper` class instead.\"\n );\n @include _nhsuk-main-wrapper;\n}\n\n@mixin _nhsuk-main-wrapper--l {\n padding-bottom: nhsuk-spacing(6);\n padding-top: nhsuk-spacing(6);\n\n @include nhsuk-media-query($from: tablet) {\n padding-bottom: nhsuk-spacing(8);\n padding-top: nhsuk-spacing(8);\n }\n}\n\n/// @deprecated To be removed in v10.0\n\n@mixin govuk-main-wrapper--l {\n @include nhsuk-warning(\n \"govuk-main-wrapper--l\",\n \"govuk-main-wrapper--l is deprecated. Use `.nhsuk-main-wrapper--l` class instead.\"\n );\n @include _nhsuk-main-wrapper--l;\n}\n\n@mixin _nhsuk-main-wrapper--s {\n padding-top: nhsuk-spacing(3);\n padding-bottom: nhsuk-spacing(3);\n\n @include nhsuk-media-query($from: tablet) {\n padding-top: nhsuk-spacing(4);\n padding-bottom: nhsuk-spacing(4);\n }\n}\n\n/// @deprecated To be removed in v10.0\n\n@mixin govuk-main-wrapper--s {\n @include nhsuk-warning(\n \"govuk-main-wrapper--s\",\n \"govuk-main-wrapper--s is deprecated. Use `.nhsuk-main-wrapper--s` class instead.\"\n );\n @include _nhsuk-main-wrapper--s;\n}\n\n@include nhsuk-exports(\"nhsuk/core/objects/main-wrapper\") {\n .nhsuk-main-wrapper {\n @include _nhsuk-main-wrapper;\n }\n\n .nhsuk-main-wrapper--l {\n @include _nhsuk-main-wrapper--l;\n }\n\n .nhsuk-main-wrapper--s {\n @include _nhsuk-main-wrapper--s;\n }\n}\n","@use \"../settings\" as *;\n@use \"../tools\" as *;\n\n////\n/// Page width for the grid system\n///\n/// 1. On mobile, add half width gutters\n/// 2. Limit the width of the container to the page width\n/// 3. From desktop, add full width gutters\n/// 4. As soon as the viewport is greater than the width of the page plus the\n/// gutters, just centre the content instead of adding gutters.\n/// 5. Full width container, spanning the entire width of the viewport\n///\n/// @group objects\n/// @link https://github.com/alphagov/govuk-frontend Original code taken from GDS (Government Digital Service)\n////\n\n@mixin nhsuk-width-container {\n margin: 0 $nhsuk-gutter-half; // [1]\n\n max-width: $nhsuk-page-width; // [2]\n\n @include nhsuk-media-query($from: desktop) {\n margin: 0 $nhsuk-gutter; // [3]\n }\n\n // [4]\n @include nhsuk-media-query($and: \"(min-width: #{($nhsuk-page-width + $nhsuk-gutter * 2)})\") {\n margin: 0 auto;\n }\n}\n\n/// Page width for the grid system (deprecated)\n///\n/// @alias nhsuk-width-container\n/// @deprecated To be removed in v11.0, replaced by nhsuk-width-container\n\n@mixin govuk-width-container {\n @include nhsuk-warning(\n \"govuk-width-container\",\n \"govuk-width-container is deprecated. Use nhsuk-width-container instead.\"\n );\n @include nhsuk-width-container;\n}\n\n@mixin nhsuk-width-container-fluid {\n margin: 0 $nhsuk-gutter-half;\n max-width: 100%; // [5]\n\n @include nhsuk-media-query($from: desktop) {\n margin: 0 $nhsuk-gutter; // [3]\n }\n}\n\n@include nhsuk-exports(\"nhsuk/core/objects/width-container\") {\n .nhsuk-width-container {\n @include nhsuk-width-container;\n }\n\n .nhsuk-width-container-fluid {\n @include nhsuk-width-container-fluid;\n }\n}\n","@use \"../settings\" as *;\n\n////\n/// Icons\n///\n/// @group styles\n////\n\n/// Default icon size\n\n.nhsuk-icon {\n height: $nhsuk-icon-size;\n width: $nhsuk-icon-size;\n}\n\n/// Default icon colours\n\n.nhsuk-icon__search {\n fill: $color_nhsuk-blue;\n}\n\n.nhsuk-icon__chevron-left {\n fill: $color_nhsuk-blue;\n}\n\n.nhsuk-icon__chevron-right {\n fill: $color_nhsuk-blue;\n}\n\n.nhsuk-icon__close {\n fill: $color_nhsuk-blue;\n}\n\n.nhsuk-icon__cross {\n fill: $color_nhsuk-red;\n}\n\n.nhsuk-icon__tick {\n stroke: $color_nhsuk-green;\n}\n\n.nhsuk-icon__arrow-right {\n fill: $color_nhsuk-blue;\n}\n\n.nhsuk-icon__arrow-left {\n fill: $color_nhsuk-blue;\n}\n\n.nhsuk-icon__arrow-right-circle {\n fill: $color_nhsuk-green;\n}\n\n.nhsuk-icon__chevron-down {\n fill: currentcolor;\n height: 24px;\n position: absolute;\n right: 4px;\n transform: rotate(90deg);\n width: 24px;\n}\n\n.nhsuk-icon__chevron-up {\n fill: $color_nhsuk-blue;\n\n path {\n fill: $color_nhsuk-white;\n }\n}\n\n.nhsuk-icon__emdash {\n path {\n fill: $color_nhsuk-grey-3;\n }\n}\n\n.nhsuk-icon__plus {\n fill: $color_nhsuk-blue;\n}\n\n.nhsuk-icon__minus {\n fill: $color_nhsuk-blue;\n}\n\n/// Icon size adjustments\n\n.nhsuk-icon--size-25 {\n height: $nhsuk-icon-size * 1.25;\n width: $nhsuk-icon-size * 1.25;\n}\n\n.nhsuk-icon--size-50 {\n height: $nhsuk-icon-size * 1.5;\n width: $nhsuk-icon-size * 1.5;\n}\n\n.nhsuk-icon--size-75 {\n height: $nhsuk-icon-size * 1.75;\n width: $nhsuk-icon-size * 1.75;\n}\n\n.nhsuk-icon--size-100 {\n height: $nhsuk-icon-size * 2;\n width: $nhsuk-icon-size * 2;\n}\n","@use \"../tools\" as *;\n\n////\n/// Lists\n///\n/// The % (silent class) allows code to be extended (@extend) to other elements\n/// without bloating the code.\n///\n/// 1. 'Random number' used to align ul and ol left with content.\n/// 2. 'Random number' used to give sufficient spacing between text and icon.\n/// 3. 'Random number' used to align icon and text.\n///\n/// @group styles\n///\n/// @example scss\n/// .foo {\n/// @extend %nhsuk-list--bullet;\n/// }\n////\n\n%nhsuk-list {\n list-style-type: none;\n margin-top: 0;\n padding-left: 0;\n\n @include nhsuk-font-size(19);\n @include nhsuk-responsive-margin(4, \"bottom\");\n\n // Add a top margin and remove bottom margin for nested lists\n %nhsuk-list {\n margin-bottom: 0;\n @include nhsuk-responsive-margin(2, \"top\");\n }\n}\n\n%nhsuk-list > li {\n @include nhsuk-responsive-margin(2, \"bottom\");\n\n &:last-child {\n margin-bottom: 0;\n }\n}\n\n%nhsuk-list--bullet {\n list-style-type: disc;\n padding-left: 20px; // [1]\n}\n\n.nhsuk-list--bullet {\n @extend %nhsuk-list--bullet;\n}\n\n%nhsuk-list--number {\n list-style-type: decimal;\n padding-left: 20px; // [1]\n}\n\n%nhsuk-list + h2,\n%nhsuk-list + .nhsuk-heading-l {\n @include nhsuk-responsive-padding(4, \"top\");\n}\n\n%nhsuk-list + h3,\n%nhsuk-list + h4,\n%nhsuk-list + .nhsuk-heading-m,\n%nhsuk-list + .nhsuk-heading-s {\n padding-top: nhsuk-spacing(1);\n\n @include nhsuk-media-query($from: tablet) {\n padding-top: nhsuk-spacing(2);\n }\n}\n\n@include nhsuk-media-query($media-type: print) {\n %nhsuk-list + h2,\n %nhsuk-list + h3,\n %nhsuk-list + h4,\n %nhsuk-list + .nhsuk-heading-l,\n %nhsuk-list + .nhsuk-heading-m,\n %nhsuk-list + .nhsuk-heading-s {\n padding-top: 0.45em;\n }\n}\n\n.nhsuk-list--number {\n @extend %nhsuk-list--number;\n}\n\n.nhsuk-list {\n @extend %nhsuk-list;\n}\n\nul {\n @extend %nhsuk-list;\n @extend %nhsuk-list--bullet;\n}\n\nol {\n @extend %nhsuk-list;\n @extend %nhsuk-list--number;\n}\n\n.nhsuk-list--tick,\n.nhsuk-list--cross {\n list-style: none;\n margin-top: 0;\n padding-left: 40px; // [2]\n position: relative;\n\n svg {\n left: -4px; // [3]\n margin-top: -5px; // [3]\n position: absolute;\n }\n}\n","@use \"../settings\" as *;\n@use \"../tools\" as *;\n\n////\n/// Section break\n///\n/// The % (silent class) allows code to be extended (@extend) to other elements\n/// without bloating the code.\n///\n/// 1. Extended the section-break--l code for usage of a semantic with\n/// no class name.\n///\n/// @group styles\n/// @link https://github.com/alphagov/govuk-frontend Original code taken from GDS (Government Digital Service)\n///\n/// @example scss\n/// .foo {\n/// @extend %nhsuk-section-break--xl;\n/// }\n////\n\n%nhsuk-section-break {\n border: 0;\n margin: 0;\n}\n\n.nhsuk-section-break {\n @extend %nhsuk-section-break;\n}\n\n%nhsuk-section-break--xl {\n @include nhsuk-responsive-margin(8, \"top\");\n @include nhsuk-responsive-margin(8, \"bottom\");\n}\n\n.nhsuk-section-break--xl {\n @extend %nhsuk-section-break--xl;\n}\n\n%nhsuk-section-break--l {\n @include nhsuk-responsive-margin(6, \"top\");\n @include nhsuk-responsive-margin(6, \"bottom\");\n}\n\n.nhsuk-section-break--l {\n @extend %nhsuk-section-break--l;\n}\n\n%nhsuk-section-break--m {\n @include nhsuk-responsive-margin(4, \"top\");\n @include nhsuk-responsive-margin(4, \"bottom\");\n}\n\n.nhsuk-section-break--m {\n @extend %nhsuk-section-break--m;\n}\n\n%nhsuk-section-break--visible {\n border-bottom: 1px solid $nhsuk-border-color;\n}\n\n.nhsuk-section-break--visible {\n @extend %nhsuk-section-break--visible;\n}\n\nhr {\n // [1]\n @extend %nhsuk-section-break;\n @extend %nhsuk-section-break--l;\n @extend %nhsuk-section-break--visible;\n}\n","@use \"../settings\" as *;\n@use \"../tools\" as *;\n\n////\n/// Typography\n///\n/// @group styles\n////\n\n///\n/// Headings\n///\n/// The % (silent class) allows code to be extended (@extend) to other elements\n/// without bloating the code.\n///\n/// @example scss\n/// .foo {\n/// @extend %nhsuk-heading-xl;\n/// }\n////\n\n%nhsuk-heading-xl {\n display: block;\n font-weight: $nhsuk-font-bold;\n margin-top: 0;\n\n @include nhsuk-font-size(48);\n @include nhsuk-responsive-margin(7, \"bottom\");\n}\n\nh1,\n.nhsuk-heading-xl {\n @extend %nhsuk-heading-xl;\n}\n\n%nhsuk-heading-l {\n display: block;\n font-weight: $nhsuk-font-bold;\n margin-top: 0;\n\n @include nhsuk-font-size(36);\n @include nhsuk-responsive-margin(4, \"bottom\");\n}\n\nh2,\n.nhsuk-heading-l {\n @extend %nhsuk-heading-l;\n}\n\n%nhsuk-heading-m {\n display: block;\n font-weight: $nhsuk-font-bold;\n margin-top: 0;\n\n @include nhsuk-font-size(26);\n @include nhsuk-responsive-margin(4, \"bottom\");\n}\n\nh3,\n.nhsuk-heading-m {\n @extend %nhsuk-heading-m;\n}\n\n%nhsuk-heading-s {\n display: block;\n font-weight: $nhsuk-font-bold;\n margin-top: 0;\n\n @include nhsuk-font-size(22);\n @include nhsuk-responsive-margin(4, \"bottom\");\n}\n\nh4,\n.nhsuk-heading-s {\n @extend %nhsuk-heading-s;\n}\n\n%nhsuk-heading-xs {\n display: block;\n font-weight: $nhsuk-font-bold;\n margin-top: 0;\n\n @include nhsuk-font-size(19);\n @include nhsuk-responsive-margin(4, \"bottom\");\n}\n\nh5,\n.nhsuk-heading-xs {\n @extend %nhsuk-heading-xs;\n}\n\n%nhsuk-heading-xxs {\n display: block;\n font-weight: $nhsuk-font-bold;\n margin-top: 0;\n\n @include nhsuk-font-size(19);\n @include nhsuk-responsive-margin(4, \"bottom\");\n}\n\nh6,\n.nhsuk-heading-xxs {\n @extend %nhsuk-heading-xxs;\n}\n\n/// Captions to be used inside headings\n\n.nhsuk-caption-xl {\n color: $nhsuk-secondary-text-color;\n display: block;\n margin-bottom: nhsuk-spacing(1);\n\n @include nhsuk-font(26);\n}\n\n.nhsuk-caption-l {\n color: $nhsuk-secondary-text-color;\n display: block;\n margin-bottom: nhsuk-spacing(1);\n\n @include nhsuk-font(22);\n}\n\n.nhsuk-caption-m {\n color: $nhsuk-secondary-text-color;\n display: block;\n\n @include nhsuk-font(19);\n}\n\n.nhsuk-caption--bottom {\n margin-bottom: nhsuk-spacing(0);\n margin-top: nhsuk-spacing(1);\n}\n\n/// Body (paragraphs)\n\n%nhsuk-body-l {\n display: block;\n margin-top: 0;\n\n @include nhsuk-font-size(26);\n @include nhsuk-responsive-margin(5, \"bottom\");\n}\n\n.nhsuk-body-l {\n @extend %nhsuk-body-l;\n}\n\n%nhsuk-body-m {\n display: block;\n margin-top: 0;\n\n @include nhsuk-font-size(19);\n @include nhsuk-responsive-margin(4, \"bottom\");\n}\n\np,\n.nhsuk-body-m {\n @extend %nhsuk-body-m;\n color: inherit;\n}\n\n%nhsuk-body-s {\n display: block;\n margin-top: 0;\n\n @include nhsuk-font-size(16);\n @include nhsuk-responsive-margin(4, \"bottom\");\n}\n\n.nhsuk-body-s {\n @extend %nhsuk-body-s;\n}\n\naddress {\n @extend %nhsuk-body-m;\n\n font-style: normal;\n}\n\n/// Lede text\n///\n/// 1. Apply lede text styling to p and ul within the lede element\n/// 2. Reduces the spacing between the page heading and the lede text\n\n.nhsuk-lede-text {\n @include nhsuk-font(26);\n @include nhsuk-responsive-margin(7, \"bottom\");\n\n // [1]\n p,\n ul {\n @include nhsuk-font(26);\n }\n}\n\n.nhsuk-lede-text--small {\n @include nhsuk-font(19);\n @include nhsuk-responsive-margin(5, \"bottom\");\n}\n\n// [2]\nh1 + .nhsuk-lede-text,\nh1 + .nhsuk-lede-text--small {\n margin-top: -(nhsuk-spacing(2));\n}\n\n/// Contextual adjustments\n///\n/// Add top padding to headings that appear directly after paragraphs.\n///\n/// 1. Removes the padding-top because of the lede-text's increased margin-bottom\n///\n/// @link https://github.com/alphagov/govuk-frontend Original code taken from GDS (Government Digital Service)\n\n%nhsuk-body-l + %nhsuk-heading-l {\n padding-top: nhsuk-spacing(1);\n\n @include nhsuk-media-query($from: tablet) {\n padding-top: nhsuk-spacing(2);\n }\n}\n\n%nhsuk-body-m + %nhsuk-heading-l,\n%nhsuk-body-s + %nhsuk-heading-l {\n @include nhsuk-responsive-padding(4, \"top\");\n}\n\n%nhsuk-body-m + %nhsuk-heading-m,\n%nhsuk-body-s + %nhsuk-heading-m,\n%nhsuk-body-m + %nhsuk-heading-s,\n%nhsuk-body-s + %nhsuk-heading-s {\n padding-top: nhsuk-spacing(1);\n\n @include nhsuk-media-query($from: tablet) {\n padding-top: nhsuk-spacing(2);\n }\n}\n\n// [1]\n.nhsuk-lede-text + %nhsuk-heading-l {\n padding-top: 0;\n}\n\n/// Font weight for and \n\nstrong,\nb {\n font-weight: $nhsuk-font-bold;\n}\n\n@include nhsuk-media-query($media-type: print) {\n .nhsuk-main-wrapper {\n padding-top: 1em;\n padding-bottom: 1em;\n }\n\n h1,\n .nhsuk-heading-xl,\n h2,\n .nhsuk-heading-l,\n h3,\n .nhsuk-heading-m,\n h4,\n .nhsuk-heading-s,\n h5,\n .nhsuk-heading-xs,\n h6,\n .nhsuk-heading-xxs,\n .nhsuk-lede-text,\n .nhsuk-body-l,\n p,\n .nhsuk-body-m,\n .nhsuk-body-s,\n address,\n ol,\n ul,\n .nhsuk-list {\n margin-bottom: 7.5pt;\n }\n\n h1 {\n // stylelint-disable-next-line declaration-no-important\n margin-bottom: 15pt !important;\n }\n\n %nhsuk-body-l + %nhsuk-heading-l,\n %nhsuk-body-m + %nhsuk-heading-l,\n %nhsuk-body-s + %nhsuk-heading-l,\n %nhsuk-body-m + %nhsuk-heading-m,\n %nhsuk-body-s + %nhsuk-heading-m,\n %nhsuk-body-m + %nhsuk-heading-s,\n %nhsuk-body-s + %nhsuk-heading-s {\n padding-top: 0.45em;\n }\n}\n","////\n/// Display\n///\n/// @group utilities\n////\n\n// stylelint-disable declaration-no-important\n\n.nhsuk-u-display-block {\n display: block !important;\n}\n\n.nhsuk-u-display-inline-block {\n display: inline-block !important;\n}\n","////\n/// Float\n///\n/// @group utilities\n////\n\n// stylelint-disable declaration-no-important\n\n.nhsuk-u-float-left {\n float: left !important;\n}\n\n.nhsuk-u-float-right {\n float: right !important;\n}\n","@use \"sass:math\";\n@use \"../tools\" as *;\n\n////\n/// Grid widths\n///\n/// Force grid widths on all screen sizes\n///\n/// By default all grid elements will go to 100% width\n/// on screen sizes below tablet, these utilities can force\n/// custom widths on all screen sizes\n///\n/// @group utilities\n///\n/// @example html\n/// \n////\n\n// Utility classes are allowed to use !important;\n// so we disable stylelint for that rule\n// stylelint-disable declaration-no-important\n\n.nhsuk-u-one-half {\n float: left;\n width: math.percentage(math.div(1, 2)) !important;\n}\n\n.nhsuk-u-one-third {\n float: left;\n width: math.percentage(math.div(1, 3)) !important;\n}\n\n.nhsuk-u-two-thirds {\n float: left;\n width: math.percentage(math.div(2, 3)) !important;\n}\n\n.nhsuk-u-one-quarter {\n float: left;\n width: math.percentage(math.div(1, 4)) !important;\n}\n\n.nhsuk-u-three-quarters {\n float: left;\n width: math.percentage(math.div(3, 4)) !important;\n}\n\n/// Force grid widths on screen sizes on tablet\n/// and above\n///\n/// By default all grid elements will go to 100% width\n/// on every screen size, these utilities can force\n/// custom widths on screen sizes on tablet\n/// and above\n///\n/// @example html\n/// \n\n.nhsuk-u-one-half-tablet {\n width: 100% !important;\n @include nhsuk-media-query($from: tablet) {\n float: left;\n width: math.percentage(math.div(1, 2)) !important;\n }\n}\n\n.nhsuk-u-one-third-tablet {\n width: 100% !important;\n @include nhsuk-media-query($from: tablet) {\n float: left;\n width: math.percentage(math.div(1, 3)) !important;\n }\n}\n\n.nhsuk-u-two-thirds-tablet {\n width: 100% !important;\n @include nhsuk-media-query($from: tablet) {\n float: left;\n width: math.percentage(math.div(2, 3)) !important;\n }\n}\n\n.nhsuk-u-one-quarter-tablet {\n width: 100% !important;\n @include nhsuk-media-query($from: tablet) {\n float: left;\n width: math.percentage(math.div(1, 4)) !important;\n }\n}\n\n.nhsuk-u-three-quarters-tablet {\n width: 100% !important;\n @include nhsuk-media-query($from: tablet) {\n float: left;\n width: math.percentage(math.div(3, 4)) !important;\n }\n}\n","@use \"../tools\" as *;\n\n////\n/// Link nowrap\n///\n/// Prevent long anchor links from line breaking\n/// on smaller screens\n///\n/// @group utilities\n///\n/// @example html\n/// \n////\n\n.nhsuk-u-nowrap {\n @include nhsuk-media-query($until: tablet) {\n white-space: nowrap;\n }\n}\n","@use \"../settings\" as *;\n\n////\n/// List border\n///\n/// Adds a grey border to the bottom of an
\n////\n\n.nhsuk-list--border li {\n border-bottom: 1px solid $color_nhsuk-grey-4;\n padding: 8px 0 16px;\n}\n","@use \"../tools\" as *;\n\n////\n/// Reading width\n///\n/// Adds a maximum width to large pieces of content\n///\n/// @group utilities\n///\n/// @example html\n/// \n////\n\n.nhsuk-u-reading-width {\n @include nhsuk-reading-width;\n}\n","// stylelint-disable declaration-no-important\n\n@use \"../settings\" as *;\n@use \"../tools\" as *;\n@use \"sass:map\";\n\n////\n/// Spacing\n///\n/// @group utilities\n////\n\n/// Directions for spacing\n///\n/// @link https://github.com/alphagov/govuk-frontend Original code taken from GDS (Government Digital Service)\n\n$_spacing-directions: (\"top\", \"right\", \"bottom\", \"left\") !default;\n\n/// Generate responsive spacing override classes\n///\n/// Generate spacing override classes for the given property (e.g. margin)\n/// for each point in the responsive spacing scale.\n///\n/// @param {String} $property - Property to add spacing to (e.g. 'margin')\n///\n/// @example css\n/// .nhsuk-u-margin-4 {\n/// margin: 16px !important;\n/// }\n///\n/// @media (min-width: 40.0625em) {\n/// .nhsuk-u-margin-4 {\n/// margin: 24px !important;\n/// }\n/// }\n///\n\n@mixin _nhsuk-generate-responsive-spacing-overrides($property) {\n // For each point in the spacing scale (defined in settings), create an\n // override that affects all directions...\n @each $scale-point, $scale-map in $nhsuk-spacing-responsive-scale {\n .nhsuk-u-#{$property}-#{$scale-point} {\n @include nhsuk-responsive-spacing($scale-point, $property, \"all\", true);\n }\n\n // ... and then an override for each individual direction\n @each $direction in $_spacing-directions {\n .nhsuk-u-#{$property}-#{$direction}-#{$scale-point} {\n @include nhsuk-responsive-spacing($scale-point, $property, $direction, true);\n }\n }\n }\n}\n\n/// Generate static spacing override classes\n///\n/// Generate spacing override classes for the given property (e.g. margin)\n/// for each point in the non-responsive spacing scale.\n///\n/// @param {String} $property - Property to add spacing to (e.g. 'margin')\n///\n/// @example css\n/// .nhsuk-u-static-margin-4 {\n/// margin: 24px !important;\n/// }\n///\n\n@mixin _nhsuk-generate-static-spacing-overrides($property) {\n @each $spacing-point in map.keys($nhsuk-spacing-points) {\n .nhsuk-u-static-#{$property}-#{$spacing-point} {\n #{$property}: nhsuk-spacing($spacing-point) !important;\n }\n\n @each $direction in $_spacing-directions {\n .nhsuk-u-static-#{$property}-#{$direction}-#{$spacing-point} {\n #{$property}-#{$direction}: nhsuk-spacing($spacing-point) !important;\n }\n }\n }\n}\n\n@include nhsuk-exports(\"nhsuk/core/utilities/spacing\") {\n @include _nhsuk-generate-responsive-spacing-overrides(\"margin\");\n @include _nhsuk-generate-responsive-spacing-overrides(\"padding\");\n\n @include _nhsuk-generate-static-spacing-overrides(\"margin\");\n @include _nhsuk-generate-static-spacing-overrides(\"padding\");\n}\n","////\n/// Text align\n///\n/// @group utilities\n////\n\n// stylelint-disable declaration-no-important\n\n.nhsuk-u-text-align-left {\n text-align: left !important;\n}\n\n.nhsuk-u-text-align-centre {\n text-align: center !important;\n}\n\n.nhsuk-u-text-align-right {\n text-align: right !important;\n}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n@use \"../tools\" as *;\n\n////\n/// Typography\n///\n/// @group utilities\n////\n\n// Utility classes are allowed to use !important;\n// so we disable stylelint for that rule\n\n/// Font size and line height\n///\n/// Generate typography override classes for each responsive font map in the\n/// typography scale eg .nhsuk-u-font-size-48\n///\n/// @link https://github.com/alphagov/govuk-frontend Original code taken from GDS (Government Digital Service)\n\n// nhsuk-u-font-size-24 is deprecated\n@each $size, $font-map in $nhsuk-typography-scale {\n .nhsuk-u-font-size-#{$size} {\n $font-map: map.get($nhsuk-typography-scale, $size);\n\n // Add underscore to deprecated typography scale keys\n @if map.has-key($font-map, \"deprecation\") {\n $size: _#{$size};\n }\n\n @include nhsuk-font-size($size, $important: true);\n }\n}\n\n/// Weights\n///\n/// Generate font weight override classes for normal and bold\n///\n/// @example html\n///
`s to be full-width by default.\n/// 2. Allow word breaks anywhere to prevent table fit-to-content.\n/// 3. Allow word breaks when necessary (deprecated but works, unlike overflow-wrap).\n///\n/// @group elements\n////\n\ntable {\n border-spacing: 0;\n vertical-align: top;\n width: 100%; // [1]\n\n @include nhsuk-responsive-margin(7, \"bottom\");\n\n .nhsuk-u-text-break-word {\n word-break: break-all; // [2]\n word-break: break-word; // [3]\n }\n\n @include nhsuk-media-query($media-type: print) {\n page-break-inside: avoid;\n }\n}\n\nthead {\n th {\n border-bottom: $nhsuk-border-table-header-width solid $nhsuk-border-color;\n }\n}\n\nth,\ntd {\n padding-left: 0;\n\n border-bottom: $nhsuk-border-table-cell-width solid $nhsuk-border-color;\n text-align: left;\n vertical-align: top;\n\n @include nhsuk-font-size(19);\n @include nhsuk-responsive-padding(3, \"bottom\");\n @include nhsuk-responsive-padding(4, \"right\");\n @include nhsuk-responsive-padding(3, \"top\");\n\n &:last-child {\n padding-right: 0;\n }\n}\n\nth {\n font-weight: $nhsuk-font-bold;\n}\n\ncaption {\n text-align: left;\n @include nhsuk-font($size: 22, $weight: bold);\n}\n","@use \"sass:map\";\n@use \"sass:math\";\n@use \"sass:meta\";\n@use \"../settings\" as *;\n@use \"ifff\" 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/// @see {mixin} nhsuk-responsive-spacing\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/// @see {mixin} nhsuk-responsive-spacing\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","@use \"sass:map\";\n@use \"sass:math\";\n@use \"sass:string\";\n@use \"../settings\" as *;\n@use \"functions\" as *;\n@use \"ifff\" 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-color {\n color: $nhsuk-text-color;\n\n @include nhsuk-media-query($media-type: print) {\n color: $nhsuk-print-text-color;\n }\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","@use \"../settings\" as *;\n@use \"../tools\" as *;\n\n.nhsuk-form-group {\n @include nhsuk-responsive-margin(4, \"bottom\");\n\n .nhsuk-form-group:last-of-type {\n margin-bottom: 0; // Remove margin from last item in nested groups\n }\n}\n\n.nhsuk-form-group--wrapper {\n @include nhsuk-responsive-margin(5, \"bottom\");\n}\n\n.nhsuk-form-group--error {\n border-left: $nhsuk-border-width-form-group-error solid $nhsuk-error-color;\n padding-left: nhsuk-spacing(3);\n\n .nhsuk-form-group {\n // Reset error styles in nested form groups that might have error class\n border: 0;\n padding: 0;\n }\n}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n@use \"../tools\" as *;\n\n////\n/// Grid\n///\n/// @group objects\n////\n\n@include nhsuk-exports(\"nhsuk/core/objects/grid\") {\n .nhsuk-grid-row {\n @include nhsuk-clearfix;\n margin-right: -($nhsuk-gutter-half);\n margin-left: -($nhsuk-gutter-half);\n }\n\n @each $width in map.keys($nhsuk-grid-widths) {\n .nhsuk-grid-column-#{$width} {\n @include nhsuk-grid-column($width, $class: false);\n }\n }\n}\n","@use \"sass:map\";\n@use \"sass:math\";\n@use \"../settings\" as *;\n@use \"mixins\" as *;\n@use \"sass-mq\" as *;\n\n////\n/// Grid\n///\n/// @group tools\n/// @link https://github.com/alphagov/govuk-frontend Original code taken from GDS (Government Digital Service)\n////\n\n/// Grid width percentage\n///\n/// @param {String} $key - Name of grid width (e.g. two-thirds)\n/// @return {Number} Percentage width\n/// @throw if `$key` is not a valid grid width\n\n@function nhsuk-grid-width($key) {\n @if map.has-key($nhsuk-grid-widths, $key) {\n @return map.get($nhsuk-grid-widths, $key);\n }\n\n @error \"Unknown grid width `#{$key}`\";\n}\n\n/// Grid width percentage (alias)\n///\n/// @alias nhsuk-grid-width\n/// @deprecated To be removed in v10.0, replaced by nhsuk-grid-width\n\n@function grid-width($key) {\n @warn \"The `grid-width` function will be removed in a future release, use `nhsuk-grid-width` instead.\";\n @return nhsuk-grid-width($key);\n}\n\n/// Generate grid row styles\n///\n/// Creates a grid row class with a standardised margin.\n///\n/// @param {String} $class [nhsuk-grid-row] CSS class name\n///\n/// @example scss - Default\n/// @include govuk-grid-row;\n///\n/// @example scss - Customising the class name\n/// @include govuk-grid-row(\"app-grid\");\n///\n/// @deprecated To be removed in v10.0, replaced by the nhsuk-grid-row class\n\n@mixin nhsuk-grid-row($class: \"nhsuk-grid-row\") {\n @include nhsuk-warning(\"nhsuk-grid-row\", \"nhsuk-grid-row is deprecated. Use `.nhsuk-grid-row` class instead.\");\n\n .#{$class} {\n @include nhsuk-clearfix;\n margin-right: -($nhsuk-gutter-half);\n margin-left: -($nhsuk-gutter-half);\n }\n}\n\n/// Generate grid row styles (deprecated)\n///\n/// @alias nhsuk-grid-row\n/// @deprecated To be removed in v10.0\n\n@mixin govuk-grid-row($args...) {\n @include nhsuk-warning(\"govuk-grid-row\", \"govuk-grid-row is deprecated. Use `.nhsuk-grid-row` class instead.\");\n @include nhsuk-grid-row($args...);\n}\n\n/// Generate grid column styles\n///\n/// Creates a grid column with standard gutter between the columns.\n///\n/// If a `$class` is provided (which is the default, but deprecated behaviour),\n/// the generated rules will be wrapped in a predefined selector in the format\n/// `$class-$width` (e.g. `nhsuk-grid-column-full`). This behaviour is\n/// deprecated and will be removed in v10.0\n///\n/// Grid widths are defined in the `$nhsuk-grid-widths` map.\n///\n/// By default the column width changes from 100% to specified width at the\n/// 'desktop' breakpoint, but other breakpoints can be specified using the `$at`\n/// parameter.\n///\n/// @param {String} $width [full] name of a grid width from $nhsuk-grid-widths\n/// @param {String} $float [left] left | right\n/// @param {String} $at [desktop] - mobile | tablet | desktop | any custom breakpoint\n/// @param {String} $class [nhsuk-grid-column] CSS class name (deprecated)\n///\n/// @example scss - Default\n/// .nhsuk-grid-column-two-thirds {\n/// @include nhsuk-grid-column(two-thirds, $class: false)\n/// }\n///\n/// @example scss - Customising the breakpoint where width percentage is applied\n/// .nhsuk-grid-column-one-half-at-tablet {\n/// @include nhsuk-grid-column(one-half, $at: tablet);\n/// }\n///\n/// @example scss - Customising the float direction\n/// .nhsuk-grid-column-one-half-right {\n/// @include nhsuk-grid-column(two-thirds, $float: right, $class: false);\n/// }\n///\n/// @example scss - Customising the class name (deprecated)\n/// @include nhsuk-grid-column(one-half, $class: \"test-column\");\n///\n/// @link https://github.com/alphagov/govuk-frontend Original code taken from GDS (Government Digital Service)\n\n@mixin nhsuk-grid-column($width: full, $float: left, $at: desktop, $class: \"nhsuk-grid-column\") {\n @if $class {\n .#{$class}-#{$width} {\n @include nhsuk-grid-column($width, $float, $at, $class: false);\n }\n } @else {\n box-sizing: border-box;\n @if $at != tablet {\n width: 100%;\n }\n padding: 0 $nhsuk-gutter-half;\n @include nhsuk-media-query($from: $at) {\n width: nhsuk-grid-width($width);\n float: $float;\n }\n }\n}\n\n/// Generate grid column styles (deprecated)\n///\n/// @alias nhsuk-grid-column\n/// @deprecated To be removed in v10.0, replaced by nhsuk-grid-column\n\n@mixin govuk-grid-column($args...) {\n @include nhsuk-warning(\"govuk-grid-column\", \"govuk-grid-column is deprecated. Use nhsuk-grid-column instead.\");\n @include nhsuk-grid-column($args...);\n}\n","@use \"../tools\" as *;\n\n////\n/// Page wrapper for the grid system\n///\n/// 1. In IE11 the `main` element can be used, but is not recognized –\n/// meaning it's not defined in IE's default style sheet,\n/// so it uses CSS initial value, which is inline\n///\n/// @group objects\n/// @link https://github.com/alphagov/govuk-frontend Original code taken from GDS (Government Digital Service)\n///\n/// @example html\n///
\n///
\n/// \n///
\n///
\n////\n\n@mixin _nhsuk-main-wrapper {\n display: block; // [1]\n padding-top: nhsuk-spacing(4);\n padding-bottom: nhsuk-spacing(4);\n @include nhsuk-top-and-bottom;\n\n @include nhsuk-media-query($from: tablet) {\n padding-top: nhsuk-spacing(7);\n padding-bottom: nhsuk-spacing(7);\n }\n}\n\n/// @deprecated To be removed in v10.0\n\n@mixin govuk-main-wrapper {\n @include nhsuk-warning(\n \"govuk-main-wrapper\",\n \"govuk-main-wrapper is deprecated. Use `.nhsuk-main-wrapper` class instead.\"\n );\n @include _nhsuk-main-wrapper;\n}\n\n@mixin _nhsuk-main-wrapper--l {\n padding-bottom: nhsuk-spacing(6);\n padding-top: nhsuk-spacing(6);\n\n @include nhsuk-media-query($from: tablet) {\n padding-bottom: nhsuk-spacing(8);\n padding-top: nhsuk-spacing(8);\n }\n}\n\n/// @deprecated To be removed in v10.0\n\n@mixin govuk-main-wrapper--l {\n @include nhsuk-warning(\n \"govuk-main-wrapper--l\",\n \"govuk-main-wrapper--l is deprecated. Use `.nhsuk-main-wrapper--l` class instead.\"\n );\n @include _nhsuk-main-wrapper--l;\n}\n\n@mixin _nhsuk-main-wrapper--s {\n padding-top: nhsuk-spacing(3);\n padding-bottom: nhsuk-spacing(3);\n\n @include nhsuk-media-query($from: tablet) {\n padding-top: nhsuk-spacing(4);\n padding-bottom: nhsuk-spacing(4);\n }\n}\n\n/// @deprecated To be removed in v10.0\n\n@mixin govuk-main-wrapper--s {\n @include nhsuk-warning(\n \"govuk-main-wrapper--s\",\n \"govuk-main-wrapper--s is deprecated. Use `.nhsuk-main-wrapper--s` class instead.\"\n );\n @include _nhsuk-main-wrapper--s;\n}\n\n@include nhsuk-exports(\"nhsuk/core/objects/main-wrapper\") {\n .nhsuk-main-wrapper {\n @include _nhsuk-main-wrapper;\n }\n\n .nhsuk-main-wrapper--l {\n @include _nhsuk-main-wrapper--l;\n }\n\n .nhsuk-main-wrapper--s {\n @include _nhsuk-main-wrapper--s;\n }\n}\n","@use \"../settings\" as *;\n@use \"../tools\" as *;\n\n////\n/// Page width for the grid system\n///\n/// 1. On mobile, add half width gutters\n/// 2. Limit the width of the container to the page width\n/// 3. From desktop, add full width gutters\n/// 4. As soon as the viewport is greater than the width of the page plus the\n/// gutters, just centre the content instead of adding gutters.\n/// 5. Full width container, spanning the entire width of the viewport\n///\n/// @group objects\n/// @link https://github.com/alphagov/govuk-frontend Original code taken from GDS (Government Digital Service)\n////\n\n@mixin nhsuk-width-container {\n margin: 0 $nhsuk-gutter-half; // [1]\n\n max-width: $nhsuk-page-width; // [2]\n\n @include nhsuk-media-query($from: desktop) {\n margin: 0 $nhsuk-gutter; // [3]\n }\n\n // [4]\n @include nhsuk-media-query($and: \"(min-width: #{($nhsuk-page-width + $nhsuk-gutter * 2)})\") {\n margin: 0 auto;\n }\n}\n\n/// Page width for the grid system (deprecated)\n///\n/// @alias nhsuk-width-container\n/// @deprecated To be removed in v11.0, replaced by nhsuk-width-container\n\n@mixin govuk-width-container {\n @include nhsuk-warning(\n \"govuk-width-container\",\n \"govuk-width-container is deprecated. Use nhsuk-width-container instead.\"\n );\n @include nhsuk-width-container;\n}\n\n@mixin nhsuk-width-container-fluid {\n margin: 0 $nhsuk-gutter-half;\n max-width: 100%; // [5]\n\n @include nhsuk-media-query($from: desktop) {\n margin: 0 $nhsuk-gutter; // [3]\n }\n}\n\n@include nhsuk-exports(\"nhsuk/core/objects/width-container\") {\n .nhsuk-width-container {\n @include nhsuk-width-container;\n }\n\n .nhsuk-width-container-fluid {\n @include nhsuk-width-container-fluid;\n }\n}\n","@use \"../settings\" as *;\n\n////\n/// Icons\n///\n/// @group styles\n////\n\n/// Default icon size\n\n.nhsuk-icon {\n height: $nhsuk-icon-size;\n width: $nhsuk-icon-size;\n}\n\n/// Default icon colours\n\n.nhsuk-icon__search {\n fill: $color_nhsuk-blue;\n}\n\n.nhsuk-icon__chevron-left {\n fill: $color_nhsuk-blue;\n}\n\n.nhsuk-icon__chevron-right {\n fill: $color_nhsuk-blue;\n}\n\n.nhsuk-icon__close {\n fill: $color_nhsuk-blue;\n}\n\n.nhsuk-icon__cross {\n fill: $color_nhsuk-red;\n}\n\n.nhsuk-icon__tick {\n stroke: $color_nhsuk-green;\n}\n\n.nhsuk-icon__arrow-right {\n fill: $color_nhsuk-blue;\n}\n\n.nhsuk-icon__arrow-left {\n fill: $color_nhsuk-blue;\n}\n\n.nhsuk-icon__arrow-right-circle {\n fill: $color_nhsuk-green;\n}\n\n.nhsuk-icon__chevron-down {\n fill: currentcolor;\n height: 24px;\n position: absolute;\n right: 4px;\n transform: rotate(90deg);\n width: 24px;\n}\n\n.nhsuk-icon__chevron-up {\n fill: $color_nhsuk-blue;\n\n path {\n fill: $color_nhsuk-white;\n }\n}\n\n.nhsuk-icon__emdash {\n path {\n fill: $color_nhsuk-grey-3;\n }\n}\n\n.nhsuk-icon__plus {\n fill: $color_nhsuk-blue;\n}\n\n.nhsuk-icon__minus {\n fill: $color_nhsuk-blue;\n}\n\n/// Icon size adjustments\n\n.nhsuk-icon--size-25 {\n height: $nhsuk-icon-size * 1.25;\n width: $nhsuk-icon-size * 1.25;\n}\n\n.nhsuk-icon--size-50 {\n height: $nhsuk-icon-size * 1.5;\n width: $nhsuk-icon-size * 1.5;\n}\n\n.nhsuk-icon--size-75 {\n height: $nhsuk-icon-size * 1.75;\n width: $nhsuk-icon-size * 1.75;\n}\n\n.nhsuk-icon--size-100 {\n height: $nhsuk-icon-size * 2;\n width: $nhsuk-icon-size * 2;\n}\n","@use \"../tools\" as *;\n\n////\n/// Lists\n///\n/// The % (silent class) allows code to be extended (@extend) to other elements\n/// without bloating the code.\n///\n/// 1. 'Random number' used to align ul and ol left with content.\n/// 2. 'Random number' used to give sufficient spacing between text and icon.\n/// 3. 'Random number' used to align icon and text.\n///\n/// @group styles\n///\n/// @example scss\n/// .foo {\n/// @extend %nhsuk-list--bullet;\n/// }\n////\n\n%nhsuk-list {\n list-style-type: none;\n margin-top: 0;\n padding-left: 0;\n\n @include nhsuk-font-size(19);\n @include nhsuk-responsive-margin(4, \"bottom\");\n\n // Add a top margin and remove bottom margin for nested lists\n %nhsuk-list {\n margin-bottom: 0;\n @include nhsuk-responsive-margin(2, \"top\");\n }\n}\n\n%nhsuk-list > li {\n @include nhsuk-responsive-margin(2, \"bottom\");\n\n &:last-child {\n margin-bottom: 0;\n }\n}\n\n%nhsuk-list--bullet {\n list-style-type: disc;\n padding-left: 20px; // [1]\n}\n\n.nhsuk-list--bullet {\n @extend %nhsuk-list--bullet;\n}\n\n%nhsuk-list--number {\n list-style-type: decimal;\n padding-left: 20px; // [1]\n}\n\n%nhsuk-list + h2,\n%nhsuk-list + .nhsuk-heading-l {\n @include nhsuk-responsive-padding(4, \"top\");\n}\n\n%nhsuk-list + h3,\n%nhsuk-list + h4,\n%nhsuk-list + .nhsuk-heading-m,\n%nhsuk-list + .nhsuk-heading-s {\n padding-top: nhsuk-spacing(1);\n\n @include nhsuk-media-query($from: tablet) {\n padding-top: nhsuk-spacing(2);\n }\n}\n\n@include nhsuk-media-query($media-type: print) {\n %nhsuk-list + h2,\n %nhsuk-list + h3,\n %nhsuk-list + h4,\n %nhsuk-list + .nhsuk-heading-l,\n %nhsuk-list + .nhsuk-heading-m,\n %nhsuk-list + .nhsuk-heading-s {\n padding-top: 0.45em;\n }\n}\n\n.nhsuk-list--number {\n @extend %nhsuk-list--number;\n}\n\n.nhsuk-list {\n @extend %nhsuk-list;\n}\n\nul {\n @extend %nhsuk-list;\n @extend %nhsuk-list--bullet;\n}\n\nol {\n @extend %nhsuk-list;\n @extend %nhsuk-list--number;\n}\n\n.nhsuk-list--tick,\n.nhsuk-list--cross {\n list-style: none;\n margin-top: 0;\n padding-left: 40px; // [2]\n position: relative;\n\n svg {\n left: -4px; // [3]\n margin-top: -5px; // [3]\n position: absolute;\n }\n}\n","@use \"../settings\" as *;\n@use \"../tools\" as *;\n\n////\n/// Section break\n///\n/// The % (silent class) allows code to be extended (@extend) to other elements\n/// without bloating the code.\n///\n/// 1. Extended the section-break--l code for usage of a semantic with\n/// no class name.\n///\n/// @group styles\n/// @link https://github.com/alphagov/govuk-frontend Original code taken from GDS (Government Digital Service)\n///\n/// @example scss\n/// .foo {\n/// @extend %nhsuk-section-break--xl;\n/// }\n////\n\n%nhsuk-section-break {\n border: 0;\n margin: 0;\n}\n\n.nhsuk-section-break {\n @extend %nhsuk-section-break;\n}\n\n%nhsuk-section-break--xl {\n @include nhsuk-responsive-margin(8, \"top\");\n @include nhsuk-responsive-margin(8, \"bottom\");\n}\n\n.nhsuk-section-break--xl {\n @extend %nhsuk-section-break--xl;\n}\n\n%nhsuk-section-break--l {\n @include nhsuk-responsive-margin(6, \"top\");\n @include nhsuk-responsive-margin(6, \"bottom\");\n}\n\n.nhsuk-section-break--l {\n @extend %nhsuk-section-break--l;\n}\n\n%nhsuk-section-break--m {\n @include nhsuk-responsive-margin(4, \"top\");\n @include nhsuk-responsive-margin(4, \"bottom\");\n}\n\n.nhsuk-section-break--m {\n @extend %nhsuk-section-break--m;\n}\n\n%nhsuk-section-break--visible {\n border-bottom: 1px solid $nhsuk-border-color;\n}\n\n.nhsuk-section-break--visible {\n @extend %nhsuk-section-break--visible;\n}\n\nhr {\n // [1]\n @extend %nhsuk-section-break;\n @extend %nhsuk-section-break--l;\n @extend %nhsuk-section-break--visible;\n}\n","@use \"../settings\" as *;\n@use \"../tools\" as *;\n\n////\n/// Typography\n///\n/// @group styles\n////\n\n///\n/// Headings\n///\n/// The % (silent class) allows code to be extended (@extend) to other elements\n/// without bloating the code.\n///\n/// @example scss\n/// .foo {\n/// @extend %nhsuk-heading-xl;\n/// }\n////\n\n%nhsuk-heading-xl {\n display: block;\n font-weight: $nhsuk-font-bold;\n margin-top: 0;\n\n @include nhsuk-font-size(48);\n @include nhsuk-responsive-margin(7, \"bottom\");\n}\n\nh1,\n.nhsuk-heading-xl {\n @extend %nhsuk-heading-xl;\n}\n\n%nhsuk-heading-l {\n display: block;\n font-weight: $nhsuk-font-bold;\n margin-top: 0;\n\n @include nhsuk-font-size(36);\n @include nhsuk-responsive-margin(4, \"bottom\");\n}\n\nh2,\n.nhsuk-heading-l {\n @extend %nhsuk-heading-l;\n}\n\n%nhsuk-heading-m {\n display: block;\n font-weight: $nhsuk-font-bold;\n margin-top: 0;\n\n @include nhsuk-font-size(26);\n @include nhsuk-responsive-margin(4, \"bottom\");\n}\n\nh3,\n.nhsuk-heading-m {\n @extend %nhsuk-heading-m;\n}\n\n%nhsuk-heading-s {\n display: block;\n font-weight: $nhsuk-font-bold;\n margin-top: 0;\n\n @include nhsuk-font-size(22);\n @include nhsuk-responsive-margin(4, \"bottom\");\n}\n\nh4,\n.nhsuk-heading-s {\n @extend %nhsuk-heading-s;\n}\n\n%nhsuk-heading-xs {\n display: block;\n font-weight: $nhsuk-font-bold;\n margin-top: 0;\n\n @include nhsuk-font-size(19);\n @include nhsuk-responsive-margin(4, \"bottom\");\n}\n\nh5,\n.nhsuk-heading-xs {\n @extend %nhsuk-heading-xs;\n}\n\n%nhsuk-heading-xxs {\n display: block;\n font-weight: $nhsuk-font-bold;\n margin-top: 0;\n\n @include nhsuk-font-size(19);\n @include nhsuk-responsive-margin(4, \"bottom\");\n}\n\nh6,\n.nhsuk-heading-xxs {\n @extend %nhsuk-heading-xxs;\n}\n\n/// Captions to be used inside headings\n\n.nhsuk-caption-xl {\n color: $nhsuk-secondary-text-color;\n display: block;\n margin-bottom: nhsuk-spacing(1);\n\n @include nhsuk-font(26);\n}\n\n.nhsuk-caption-l {\n color: $nhsuk-secondary-text-color;\n display: block;\n margin-bottom: nhsuk-spacing(1);\n\n @include nhsuk-font(22);\n}\n\n.nhsuk-caption-m {\n color: $nhsuk-secondary-text-color;\n display: block;\n\n @include nhsuk-font(19);\n}\n\n.nhsuk-caption--bottom {\n margin-bottom: nhsuk-spacing(0);\n margin-top: nhsuk-spacing(1);\n}\n\n/// Body (paragraphs)\n\n%nhsuk-body-l {\n display: block;\n margin-top: 0;\n\n @include nhsuk-font-size(26);\n @include nhsuk-responsive-margin(5, \"bottom\");\n}\n\n.nhsuk-body-l {\n @extend %nhsuk-body-l;\n}\n\n%nhsuk-body-m {\n display: block;\n margin-top: 0;\n\n @include nhsuk-font-size(19);\n @include nhsuk-responsive-margin(4, \"bottom\");\n}\n\np,\n.nhsuk-body-m {\n @extend %nhsuk-body-m;\n color: inherit;\n}\n\n%nhsuk-body-s {\n display: block;\n margin-top: 0;\n\n @include nhsuk-font-size(16);\n @include nhsuk-responsive-margin(4, \"bottom\");\n}\n\n.nhsuk-body-s {\n @extend %nhsuk-body-s;\n}\n\naddress {\n @extend %nhsuk-body-m;\n\n font-style: normal;\n}\n\n/// Lede text\n///\n/// 1. Apply lede text styling to p and ul within the lede element\n/// 2. Reduces the spacing between the page heading and the lede text\n\n.nhsuk-lede-text {\n @include nhsuk-font(26);\n @include nhsuk-responsive-margin(7, \"bottom\");\n\n // [1]\n p,\n ul {\n @include nhsuk-font(26);\n }\n}\n\n.nhsuk-lede-text--small {\n @include nhsuk-font(19);\n @include nhsuk-responsive-margin(5, \"bottom\");\n}\n\n// [2]\nh1 + .nhsuk-lede-text,\nh1 + .nhsuk-lede-text--small {\n margin-top: -(nhsuk-spacing(2));\n}\n\n/// Contextual adjustments\n///\n/// Add top padding to headings that appear directly after paragraphs.\n///\n/// 1. Removes the padding-top because of the lede-text's increased margin-bottom\n///\n/// @link https://github.com/alphagov/govuk-frontend Original code taken from GDS (Government Digital Service)\n\n%nhsuk-body-l + %nhsuk-heading-l {\n padding-top: nhsuk-spacing(1);\n\n @include nhsuk-media-query($from: tablet) {\n padding-top: nhsuk-spacing(2);\n }\n}\n\n%nhsuk-body-m + %nhsuk-heading-l,\n%nhsuk-body-s + %nhsuk-heading-l {\n @include nhsuk-responsive-padding(4, \"top\");\n}\n\n%nhsuk-body-m + %nhsuk-heading-m,\n%nhsuk-body-s + %nhsuk-heading-m,\n%nhsuk-body-m + %nhsuk-heading-s,\n%nhsuk-body-s + %nhsuk-heading-s {\n padding-top: nhsuk-spacing(1);\n\n @include nhsuk-media-query($from: tablet) {\n padding-top: nhsuk-spacing(2);\n }\n}\n\n// [1]\n.nhsuk-lede-text + %nhsuk-heading-l {\n padding-top: 0;\n}\n\n/// Font weight for and \n\nstrong,\nb {\n font-weight: $nhsuk-font-bold;\n}\n\n@include nhsuk-media-query($media-type: print) {\n .nhsuk-main-wrapper {\n padding-top: 1em;\n padding-bottom: 1em;\n }\n\n h1,\n .nhsuk-heading-xl,\n h2,\n .nhsuk-heading-l,\n h3,\n .nhsuk-heading-m,\n h4,\n .nhsuk-heading-s,\n h5,\n .nhsuk-heading-xs,\n h6,\n .nhsuk-heading-xxs,\n .nhsuk-lede-text,\n .nhsuk-body-l,\n p,\n .nhsuk-body-m,\n .nhsuk-body-s,\n address,\n ol,\n ul,\n .nhsuk-list {\n margin-bottom: 7.5pt;\n }\n\n h1 {\n // stylelint-disable-next-line declaration-no-important\n margin-bottom: 15pt !important;\n }\n\n %nhsuk-body-l + %nhsuk-heading-l,\n %nhsuk-body-m + %nhsuk-heading-l,\n %nhsuk-body-s + %nhsuk-heading-l,\n %nhsuk-body-m + %nhsuk-heading-m,\n %nhsuk-body-s + %nhsuk-heading-m,\n %nhsuk-body-m + %nhsuk-heading-s,\n %nhsuk-body-s + %nhsuk-heading-s {\n padding-top: 0.45em;\n }\n}\n","////\n/// Display\n///\n/// @group utilities\n////\n\n// stylelint-disable declaration-no-important\n\n.nhsuk-u-display-block {\n display: block !important;\n}\n\n.nhsuk-u-display-inline-block {\n display: inline-block !important;\n}\n","////\n/// Float\n///\n/// @group utilities\n////\n\n// stylelint-disable declaration-no-important\n\n.nhsuk-u-float-left {\n float: left !important;\n}\n\n.nhsuk-u-float-right {\n float: right !important;\n}\n","@use \"sass:math\";\n@use \"../tools\" as *;\n\n////\n/// Grid widths\n///\n/// Force grid widths on all screen sizes\n///\n/// By default all grid elements will go to 100% width\n/// on screen sizes below tablet, these utilities can force\n/// custom widths on all screen sizes\n///\n/// @group utilities\n///\n/// @example html\n/// \n////\n\n// Utility classes are allowed to use !important;\n// so we disable stylelint for that rule\n// stylelint-disable declaration-no-important\n\n.nhsuk-u-one-half {\n float: left;\n width: math.percentage(math.div(1, 2)) !important;\n}\n\n.nhsuk-u-one-third {\n float: left;\n width: math.percentage(math.div(1, 3)) !important;\n}\n\n.nhsuk-u-two-thirds {\n float: left;\n width: math.percentage(math.div(2, 3)) !important;\n}\n\n.nhsuk-u-one-quarter {\n float: left;\n width: math.percentage(math.div(1, 4)) !important;\n}\n\n.nhsuk-u-three-quarters {\n float: left;\n width: math.percentage(math.div(3, 4)) !important;\n}\n\n/// Force grid widths on screen sizes on tablet\n/// and above\n///\n/// By default all grid elements will go to 100% width\n/// on every screen size, these utilities can force\n/// custom widths on screen sizes on tablet\n/// and above\n///\n/// @example html\n/// \n\n.nhsuk-u-one-half-tablet {\n width: 100% !important;\n @include nhsuk-media-query($from: tablet) {\n float: left;\n width: math.percentage(math.div(1, 2)) !important;\n }\n}\n\n.nhsuk-u-one-third-tablet {\n width: 100% !important;\n @include nhsuk-media-query($from: tablet) {\n float: left;\n width: math.percentage(math.div(1, 3)) !important;\n }\n}\n\n.nhsuk-u-two-thirds-tablet {\n width: 100% !important;\n @include nhsuk-media-query($from: tablet) {\n float: left;\n width: math.percentage(math.div(2, 3)) !important;\n }\n}\n\n.nhsuk-u-one-quarter-tablet {\n width: 100% !important;\n @include nhsuk-media-query($from: tablet) {\n float: left;\n width: math.percentage(math.div(1, 4)) !important;\n }\n}\n\n.nhsuk-u-three-quarters-tablet {\n width: 100% !important;\n @include nhsuk-media-query($from: tablet) {\n float: left;\n width: math.percentage(math.div(3, 4)) !important;\n }\n}\n","@use \"../tools\" as *;\n\n////\n/// Link nowrap\n///\n/// Prevent long anchor links from line breaking\n/// on smaller screens\n///\n/// @group utilities\n///\n/// @example html\n/// \n////\n\n.nhsuk-u-nowrap {\n @include nhsuk-media-query($until: tablet) {\n white-space: nowrap;\n }\n}\n","@use \"../settings\" as *;\n\n////\n/// List border\n///\n/// Adds a grey border to the bottom of an
\n////\n\n.nhsuk-list--border li {\n border-bottom: 1px solid $color_nhsuk-grey-4;\n padding: 8px 0 16px;\n}\n","@use \"../tools\" as *;\n\n////\n/// Reading width\n///\n/// Adds a maximum width to large pieces of content\n///\n/// @group utilities\n///\n/// @example html\n/// \n////\n\n.nhsuk-u-reading-width {\n @include nhsuk-reading-width;\n}\n","// stylelint-disable declaration-no-important\n\n@use \"../settings\" as *;\n@use \"../tools\" as *;\n@use \"sass:map\";\n\n////\n/// Spacing\n///\n/// @group utilities\n////\n\n/// Directions for spacing\n///\n/// @link https://github.com/alphagov/govuk-frontend Original code taken from GDS (Government Digital Service)\n\n$_spacing-directions: (\"top\", \"right\", \"bottom\", \"left\") !default;\n\n/// Generate responsive spacing override classes\n///\n/// Generate spacing override classes for the given property (e.g. margin)\n/// for each point in the responsive spacing scale.\n///\n/// @param {String} $property - Property to add spacing to (e.g. 'margin')\n///\n/// @example css\n/// .nhsuk-u-margin-4 {\n/// margin: 16px !important;\n/// }\n///\n/// @media (min-width: 40.0625em) {\n/// .nhsuk-u-margin-4 {\n/// margin: 24px !important;\n/// }\n/// }\n///\n\n@mixin _nhsuk-generate-responsive-spacing-overrides($property) {\n // For each point in the spacing scale (defined in settings), create an\n // override that affects all directions...\n @each $scale-point, $scale-map in $nhsuk-spacing-responsive-scale {\n .nhsuk-u-#{$property}-#{$scale-point} {\n @include nhsuk-responsive-spacing($scale-point, $property, \"all\", true);\n }\n\n // ... and then an override for each individual direction\n @each $direction in $_spacing-directions {\n .nhsuk-u-#{$property}-#{$direction}-#{$scale-point} {\n @include nhsuk-responsive-spacing($scale-point, $property, $direction, true);\n }\n }\n }\n}\n\n/// Generate static spacing override classes\n///\n/// Generate spacing override classes for the given property (e.g. margin)\n/// for each point in the non-responsive spacing scale.\n///\n/// @param {String} $property - Property to add spacing to (e.g. 'margin')\n///\n/// @example css\n/// .nhsuk-u-static-margin-4 {\n/// margin: 24px !important;\n/// }\n///\n\n@mixin _nhsuk-generate-static-spacing-overrides($property) {\n @each $spacing-point in map.keys($nhsuk-spacing-points) {\n .nhsuk-u-static-#{$property}-#{$spacing-point} {\n #{$property}: nhsuk-spacing($spacing-point) !important;\n }\n\n @each $direction in $_spacing-directions {\n .nhsuk-u-static-#{$property}-#{$direction}-#{$spacing-point} {\n #{$property}-#{$direction}: nhsuk-spacing($spacing-point) !important;\n }\n }\n }\n}\n\n@include nhsuk-exports(\"nhsuk/core/utilities/spacing\") {\n @include _nhsuk-generate-responsive-spacing-overrides(\"margin\");\n @include _nhsuk-generate-responsive-spacing-overrides(\"padding\");\n\n @include _nhsuk-generate-static-spacing-overrides(\"margin\");\n @include _nhsuk-generate-static-spacing-overrides(\"padding\");\n}\n","////\n/// Text align\n///\n/// @group utilities\n////\n\n// stylelint-disable declaration-no-important\n\n.nhsuk-u-text-align-left {\n text-align: left !important;\n}\n\n.nhsuk-u-text-align-centre {\n text-align: center !important;\n}\n\n.nhsuk-u-text-align-right {\n text-align: right !important;\n}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n@use \"../tools\" as *;\n\n////\n/// Typography\n///\n/// @group utilities\n////\n\n// Utility classes are allowed to use !important;\n// so we disable stylelint for that rule\n\n/// Font size and line height\n///\n/// Generate typography override classes for each responsive font map in the\n/// typography scale eg .nhsuk-u-font-size-48\n///\n/// @link https://github.com/alphagov/govuk-frontend Original code taken from GDS (Government Digital Service)\n\n// nhsuk-u-font-size-24 is deprecated\n@each $size, $font-map in $nhsuk-typography-scale {\n .nhsuk-u-font-size-#{$size} {\n $font-map: map.get($nhsuk-typography-scale, $size);\n\n // Add underscore to deprecated typography scale keys\n @if map.has-key($font-map, \"deprecation\") {\n $size: _#{$size};\n }\n\n @include nhsuk-font-size($size, $important: true);\n }\n}\n\n/// Weights\n///\n/// Generate font weight override classes for normal and bold\n///\n/// @example html\n///