@nationalarchives/frontend 0.2.1 → 0.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/nationalarchives/all.css +1 -1
  2. package/nationalarchives/all.css.map +1 -1
  3. package/nationalarchives/all.js +1 -1
  4. package/nationalarchives/all.js.map +1 -1
  5. package/nationalarchives/components/card/card.css +1 -1
  6. package/nationalarchives/components/card/card.css.map +1 -1
  7. package/nationalarchives/components/card/card.scss +1 -6
  8. package/nationalarchives/components/gallery/fixtures.json +1 -1
  9. package/nationalarchives/components/gallery/gallery.css +1 -1
  10. package/nationalarchives/components/gallery/gallery.css.map +1 -1
  11. package/nationalarchives/components/gallery/gallery.js +1 -1
  12. package/nationalarchives/components/gallery/gallery.js.map +1 -1
  13. package/nationalarchives/components/gallery/gallery.mjs +4 -4
  14. package/nationalarchives/components/gallery/gallery.scss +33 -30
  15. package/nationalarchives/components/gallery/macro-options.json +6 -0
  16. package/nationalarchives/components/gallery/template.njk +14 -11
  17. package/nationalarchives/components/header/header.css +1 -1
  18. package/nationalarchives/components/header/header.css.map +1 -1
  19. package/nationalarchives/components/header/header.js +1 -1
  20. package/nationalarchives/components/header/header.js.map +1 -1
  21. package/nationalarchives/components/header/header.mjs +1 -1
  22. package/nationalarchives/components/header/header.scss +0 -8
  23. package/nationalarchives/components/warning/template.njk +1 -2
  24. package/nationalarchives/global-header-package.css +1 -1
  25. package/nationalarchives/global-header-package.css.map +1 -1
  26. package/nationalarchives/prototype-kit.css +1 -1
  27. package/nationalarchives/prototype-kit.css.map +1 -1
  28. package/nationalarchives/utilities/_areas.scss +11 -10
  29. package/nationalarchives/utilities/typography/_index.scss +1 -1
  30. package/package.json +11 -11
package/nationalarchives/all.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/nationalarchives/all.scss","../../src/nationalarchives/utilities/_imports.scss","../../src/nationalarchives/tools/_colour.scss","../../src/nationalarchives/tools/_media.scss","../../src/nationalarchives/tools/_spacing.scss","../../src/nationalarchives/utilities/_a11y.scss","../../src/nationalarchives/tools/_a11y.scss","../../src/nationalarchives/variables/_a11y.scss","../../src/nationalarchives/utilities/_areas.scss","../../src/nationalarchives/utilities/colour/_index.scss","../../src/nationalarchives/utilities/_columns.scss","../../src/nationalarchives/utilities/typography/_index.scss","../../src/nationalarchives/tools/_typography.scss","../../src/nationalarchives/variables/_typography.scss","../../src/nationalarchives/utilities/forms/_index.scss","../../src/nationalarchives/utilities/_global.scss","../../src/nationalarchives/utilities/grid/_index.scss","../../src/nationalarchives/variables/_grid.scss","../../src/nationalarchives/tools/_grid.scss","../../src/nationalarchives/utilities/lists/_index.scss","../../src/nationalarchives/utilities/overrides/_index.scss","../../src/nationalarchives/utilities/_reset.scss","../../src/nationalarchives/utilities/tables/_index.scss","../../src/nationalarchives/components/accordion/accordion.scss","../../src/nationalarchives/components/breadcrumbs/breadcrumbs.scss","../../src/nationalarchives/components/button/_button-group.scss","../../src/nationalarchives/components/button/button.scss","../../src/nationalarchives/components/card/card.scss","../../src/nationalarchives/components/compound-filters/compound-filters.scss","../../src/nationalarchives/components/cookie-banner/cookie-banner.scss","../../src/nationalarchives/components/details/details.scss","../../src/nationalarchives/components/files-list/files-list.scss","../../src/nationalarchives/components/footer/footer.scss","../../src/nationalarchives/components/gallery/gallery.scss","../../src/nationalarchives/components/global-header/global-header.scss","../../src/nationalarchives/components/header/header.scss","../../src/nationalarchives/components/hero/hero.scss","../../src/nationalarchives/components/index-grid/index-grid.scss","../../src/nationalarchives/components/pagination/pagination.scss","../../src/nationalarchives/components/phase-banner/phase-banner.scss","../../src/nationalarchives/components/picture/picture.scss","../../src/nationalarchives/components/quick-filters/quick-filters.scss","../../src/nationalarchives/components/records-list/records-list.scss","../../src/nationalarchives/components/sidebar/sidebar.scss","../../src/nationalarchives/components/skip-link/skip-link.scss","../../src/nationalarchives/components/tabs/tabs.scss","../../src/nationalarchives/components/warning/warning.scss","../../src/nationalarchives/components/checkboxes/checkboxes.scss","../../src/nationalarchives/components/date-input/date-input.scss","../../src/nationalarchives/components/date-search/date-search.scss","../../src/nationalarchives/components/error-summary/error-summary.scss","../../src/nationalarchives/components/radios/radios.scss","../../src/nationalarchives/components/search-field/search-field.scss","../../src/nationalarchives/variables/_forms.scss","../../src/nationalarchives/components/select/select.scss","../../src/nationalarchives/components/text-input/text-input.scss","../../src/nationalarchives/components/textarea/textarea.scss"],"names":[],"mappings":"CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCuDU,wHCsHV,uRAhKM,oxDAmKJ,+BAHF,uRAhJM,8vDA4JN,i0BACE,yCACA,uCACA,uCACA,yCACA,yCACA,6BACA,6CACA,mCACA,6CACA,2CACA,uDACA,uDACA,mEACA,2CAjJA,4CAJA,gCCgCA,wBDiIF,sIAEI,yCACA,uCACA,uCACA,yCACA,yCACA,6BACA,6CACA,mCACA,6CACA,2CACA,uDACA,uDACA,mEACA,2CA5KF,4CAJA,iCA6LF,iQACE,qCA1LA,4CAJA,gCAyMF,wrBACE,uCACA,qCACA,qCACA,uCACA,uCACA,2BACA,mCACA,iCACA,2CACA,8CACA,yCACA,yCACA,qDACA,qDACA,iEApNA,4CAJA,gCAmOF,0CACE,6CACA,qBACA,0BACA,8BACA,iCACA,8BACA,wBACA,kCACA,kCAIA,kCAIA,8CAIA,kCACA,uCArPA,4CAJA,gCA+PE,mCADF,kGAEI,gBACA,yBAIJ,8FACE,gBACA,wBAQJ,kEACE,iDACA,yDACA,6CACA,kDACA,4CACA,4CACA,+CACA,gDACA,uCACA,+CACA,4CACA,iDACA,sDACA,0DAOF,wTACE,kDACA,kDACA,qDACA,sDACA,6CACA,qDACA,kDACA,uDACA,sDAGF,+DACE,6CACA,yDACA,yCACA,oDACA,gDACA,4DAQF,4DACE,iDACA,yDACA,6CACA,kDACA,0DAQF,kEACE,iDACA,yDACA,4CACA,iDACA,0DAQF,+DACE,+CACA,yDACA,8CACA,mDACA,wDAQF,4DACE,gDACA,yDACA,6CACA,kDACA,yDElZF,ghBACE,gBAEA,w6BACE,aAIJ,sBACE,gBAEA,8CACE,aCpBJ,8CAEE,qBACA,sBACA,oBACA,qBAEA,2BAEA,6BACA,uBACA,wBACA,sBAEA,0CAEA,oBAEA,iCAQF,QACE,UHmEE,yDIvFF,eCRqB,IF+CvB,SCnCE,iBDyCA,qDACE,aGnDJ,aACE,iBACA,oBL4EA,wBK9EF,aAKI,iBACA,qBAIJ,WACE,aLmEA,wBKpEF,WAMI,cNuZF,8BM7ZF,WNkEM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BA,kBACE,WACA,UAUI,wBACE,oBACA,UAGF,+BACE,2BAGF,8BACE,0BAVF,uBACE,qBACA,UAGF,8BACE,4BAGF,6BACE,2BAVF,uBACE,UACA,UAGF,8BACE,iBAGF,6BACE,gBAVF,uBACE,qBACA,UAGF,8BACE,4BAGF,6BACE,2BAVF,wBACE,qBACA,UAGF,+BACE,4BAGF,8BACE,2BAVF,uBACE,UACA,UAGF,8BACE,iBAGF,6BACE,gBAVF,wBACE,qBACA,UAGF,+BACE,4BAGF,8BACE,2BAVF,uBACE,qBACA,UAGF,8BACE,4BAGF,6BACE,2BAVF,uBACE,UACA,UAGF,8BACE,iBAGF,6BACE,gBAVF,uBACE,qBACA,UAGF,8BACE,4BAGF,6BACE,2BAVF,yBACE,qBACA,UAGF,gCACE,4BAGF,+BACE,2BAkCN,oBACE,WAEA,SAHF,oBACE,WAEA,SAHF,oBACE,WAEA,SAKF,qBACE,MAFS,EACX,qBACE,MAFS,EACX,qBACE,MAFS,EACX,qBACE,MAFS,EfnDf,kDeZE,yBACE,WACA,UAUI,8BACE,qBACA,UAGF,qCACE,4BAGF,oCACE,2BAVF,8BACE,qBACA,UAGF,qCACE,4BAGF,oCACE,2BAVF,8BACE,UACA,UAGF,qCACE,iBAGF,oCACE,gBAVF,8BACE,qBACA,UAGF,qCACE,4BAGF,oCACE,2BAVF,8BACE,qBACA,UAGF,qCACE,4BAGF,oCACE,2BAwBN,oCACE,eAGF,mCACE,cAKF,2BACE,WAEA,SAHF,2BACE,WAEA,SAHF,2BACE,WAEA,SAKF,4BACE,MAFS,EACX,4BACE,MAFS,EACX,4BACE,MAFS,EACX,4BACE,MAFS,GfvCf,wBacA,eACE,kBACA,iBAGF,YACE,kBACA,kBb3BF,kDelBE,wBACE,WACA,UAUI,6BACE,UACA,UAGF,oCACE,iBAGF,mCACE,gBAVF,6BACE,UACA,UAGF,oCACE,iBAGF,mCACE,gBAVF,6BACE,UACA,UAGF,oCACE,iBAGF,mCACE,gBAwBN,mCACE,eAGF,kCACE,cAKF,0BACE,WAEA,SAHF,0BACE,WAEA,SAHF,0BACE,WAEA,SAKF,2B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","file":"all.css","sourcesContent":["/*!\n * ------------------------------------------\n *\n * TNA Frontend\n * github.com/nationalarchives/tna-frontend\n *\n * Explore 1,000 years of history\n * www.nationalarchives.gov.uk\n *\n * ------------------------------------------\n */\n\n@use \"variables\";\n@use \"tools\";\n@use \"utilities\";\n@use \"components\";\n","@use \"../variables/assets\";\n@use \"../variables/typography\";\n@use \"../lib/functions\";\n\n@if typography.$use-local-fonts {\n @font-face {\n font-family: typography.$main-font-family-name;\n src: url(\"#{assets.$tna-font-path}/#{typography.$main-font-file}\");\n font-weight: typography.$main-font-weight;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: typography.$main-font-family-name;\n src: url(\"#{assets.$tna-font-path}/#{typography.$main-font-file-medium}\");\n font-weight: typography.$main-font-weight-medium;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: typography.$main-font-family-name;\n src: url(\"#{assets.$tna-font-path}/#{typography.$main-font-file-bold}\");\n font-weight: typography.$main-font-weight-bold;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: typography.$detail-font-family-name;\n src: url(\"#{assets.$tna-font-path}/#{typography.$detail-font-file}\");\n font-weight: typography.$detail-font-weight;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: typography.$detail-font-family-name;\n src: url(\"#{assets.$tna-font-path}/#{typography.$detail-font-file-bold}\");\n font-weight: typography.$detail-font-weight-bold;\n font-style: normal;\n font-display: swap;\n }\n} @else {\n $main-font-family-name: functions.str-replace(\n typography.$main-font-family-name,\n \" \",\n \"+\"\n );\n $detail-font-family-name: functions.str-replace(\n typography.$detail-font-family-name,\n \" \",\n \"+\"\n );\n @import url(\"https://fonts.googleapis.com/css2?family=#{$main-font-family-name}:wght@#{typography.$main-font-weight}..#{typography.$main-font-weight-bold}&family=#{$detail-font-family-name}:wght@#{typography.$detail-font-weight}..#{typography.$detail-font-weight-bold}&display=swap\"); /* stylelint-disable-line */\n}\n","@use \"sass:list\";\n@use \"sass:map\";\n@use \"../variables/borders\";\n@use \"../variables/colour\";\n@use \"../tools/media\";\n\n@function brand-colour($colour, $opacity: 1) {\n @return colour.brand-colour($colour, $opacity);\n}\n\n@mixin colour-css-vars($excludes...) {\n @each $name, $value in colour.$colour-palette-default {\n @if not list.index($excludes, $name) {\n --#{$name}: #{$value};\n }\n }\n}\n\n@mixin colour-css-vars-dark($excludes...) {\n @each $name, $value in colour.$colour-palette-dark {\n @if not list.index($excludes, $name) {\n --#{$name}: #{$value};\n }\n }\n}\n\n@mixin colour-css-vars-high-contrast($excludes...) {\n @each $name, $value in colour.$colour-palette-high-contrast {\n @if not list.index($excludes, $name) {\n --#{$name}: #{$value};\n }\n }\n}\n\n@mixin colour-css-vars-high-contrast-dark($excludes...) {\n @each $name, $value in colour.$colour-palette-high-contrast-dark {\n @if not list.index($excludes, $name) {\n --#{$name}: #{$value};\n }\n }\n}\n\n@function colour-var($colour) {\n @return var(\n --#{$colour},\n #{map.get(colour.$colour-palette-default, $colour)}\n );\n}\n\n@mixin colour-font($colour, $important: false) {\n color: colour-var($colour) if($important, !important, null);\n}\n\n@mixin colour-background($colour, $important: false) {\n background-color: colour-var($colour) if($important, !important, null);\n}\n\n@mixin colour-background-brand($brandColour, $important: false) {\n background-color: #{brand-colour($brandColour)} if($important, !important, null);\n}\n\n@mixin colour-border(\n $colour,\n $width: \"\",\n $style: solid,\n $direction: \"\",\n $important: false\n) {\n @if $direction != \"\" {\n @if $width != \"\" {\n border-#{$direction}: $width\n colour-var($colour)\n $style\n if($important, !important, null);\n } @else {\n border-#{$direction}-color: colour-var($colour)\n if($important, !important, null);\n }\n } @else {\n @if $width != \"\" {\n border: $width\n colour-var($colour)\n $style\n if($important, !important, null);\n } @else {\n border-color: var(\n --#{$colour},\n #{map.get(colour.$colour-palette-default, $colour)}\n )\n if($important, !important, null);\n }\n }\n}\n\n@mixin colour-outline($colour, $width: \"\", $style: solid, $important: false) {\n @if $width != \"\" {\n outline: $width colour-var($colour) $style if($important, !important, null);\n } @else {\n outline-color: colour-var($colour) if($important, !important, null);\n }\n}\n\n@mixin colour-fill($colour, $important: false) {\n fill: colour-var($colour) if($important, !important, null);\n}\n\n@mixin thick-keyline($direction: \"\") {\n @if $direction != \"\" {\n @include colour-border(\n \"keyline\",\n borders.$thick-border-width,\n solid,\n $direction\n );\n } @else {\n @include colour-border(\"keyline\", borders.$thick-border-width, solid);\n }\n}\n\n@mixin thick-keyline-dark($direction: \"\") {\n @if $direction != \"\" {\n @include colour-border(\n \"keyline-dark\",\n borders.$thick-border-width,\n solid,\n $direction\n );\n } @else {\n @include colour-border(\"keyline-dark\", borders.$thick-border-width, solid);\n }\n}\n\n@mixin thick-keyline-accent($direction: \"\") {\n @if $direction != \"\" {\n @include colour-border(\n \"accent-border\",\n borders.$thick-border-width,\n solid,\n $direction\n );\n } @else {\n @include colour-border(\"accent-border\", borders.$thick-border-width, solid);\n }\n}\n\n@mixin thick-keyline-error($direction: \"\") {\n @if $direction != \"\" {\n @include colour-border(\n \"form-error-border\",\n borders.$thick-border-width,\n solid,\n $direction\n );\n } @else {\n @include colour-border(\n \"form-error-border\",\n borders.$thick-border-width,\n solid\n );\n }\n}\n\n@mixin thick-keyline-brand($direction: \"\", $brandColour) {\n @if $direction != \"\" {\n border-#{$direction}: borders.$thick-border-width\n #{brand-colour($brandColour)}\n solid;\n } @else {\n border: borders.$thick-border-width #{brand-colour($brandColour)} solid;\n }\n}\n\n// Use light theme colours (except for \"form-error-border\")\n%always-light {\n @include colour-css-vars(\"form-error-border\");\n\n @media (prefers-contrast: more) {\n @include colour-css-vars-high-contrast(\"form-error-border\");\n }\n}\n\n@mixin always-light {\n @extend %always-light;\n}\n\n%contrast {\n --background: var(--contrast-background);\n --font-base: var(--contrast-font-base);\n --font-dark: var(--contrast-font-dark);\n --font-light: var(--contrast-font-light);\n --icon-light: var(--contrast-icon-light);\n --link: var(--contrast-link);\n --link-visited: var(--contrast-link-visited);\n --keyline: var(--contrast-keyline);\n --keyline-dark: var(--contrast-keyline-dark);\n --button-text: var(--contrast-button-text);\n --button-background: var(--contrast-button-background);\n --button-hover-text: var(--contrast-button-hover-text);\n --button-hover-background: var(--contrast-button-hover-background);\n --accent-list-marker: var(--accent-border);\n // --accent-list-marker: var(--font-base);\n\n @include colour-background(\"background\");\n\n @include colour-font(\"font-base\");\n}\n\n@mixin contrast {\n @extend %contrast;\n}\n\n%contrast-on-mobile {\n @include media.on-mobile {\n --background: var(--contrast-background);\n --font-base: var(--contrast-font-base);\n --font-dark: var(--contrast-font-dark);\n --font-light: var(--contrast-font-light);\n --icon-light: var(--contrast-icon-light);\n --link: var(--contrast-link);\n --link-visited: var(--contrast-link-visited);\n --keyline: var(--contrast-keyline);\n --keyline-dark: var(--contrast-keyline-dark);\n --button-text: var(--contrast-button-text);\n --button-background: var(--contrast-button-background);\n --button-hover-text: var(--contrast-button-hover-text);\n --button-hover-background: var(--contrast-button-hover-background);\n --accent-list-marker: var(--accent-border);\n // --accent-list-marker: var(--font-base);\n\n @include colour-background(\"background\");\n\n @include colour-font(\"font-base\");\n }\n}\n\n@mixin contrast-on-mobile {\n @extend %contrast-on-mobile;\n}\n\n%tint {\n --background: var(--background-tint);\n\n @include colour-background(\"background\");\n\n @include colour-font(\"font-base\");\n}\n\n@mixin tint {\n @extend %tint;\n}\n\n%accent {\n --background: var(--accent-background);\n --font-base: var(--accent-font-base);\n --font-dark: var(--accent-font-dark);\n --font-light: var(--accent-font-light);\n --icon-light: var(--accent-icon-light);\n --link: var(--accent-link);\n --link-visited: var(--accent-link);\n --keyline: var(--accent-keyline);\n --keyline-dark: var(--accent-keyline-dark);\n --accent-list-marker: var(--accent-font-base);\n --accent-border: var(--accent-font-dark);\n --button-text: var(--accent-button-text);\n --button-background: var(--accent-button-background);\n --button-hover-text: var(--accent-button-hover-text);\n --button-hover-background: var(--accent-button-hover-background);\n\n @include colour-background(\"background\");\n\n @include colour-font(\"font-base\");\n}\n\n@mixin accent {\n @extend %accent;\n}\n\n%accent-light {\n --background: var(--accent-background-light);\n --font-base: #{map.get(colour.$colour-palette-default, \"font-base\")};\n --font-dark: #{map.get(colour.$colour-palette-default, \"font-dark\")};\n --font-light: #{map.get(colour.$colour-palette-default, \"font-light\")};\n --icon-light: #{map.get(colour.$colour-palette-default, \"icon-light\")};\n --keyline: #{map.get(colour.$colour-palette-default, \"keyline\")};\n --keyline-dark: #{map.get(colour.$colour-palette-default, \"keyline-dark\")};\n --button-text: #{map.get(colour.$colour-palette-default, \"button-text\")};\n --button-background: #{map.get(\n colour.$colour-palette-default,\n \"button-background\"\n )};\n --button-hover-text: #{map.get(\n colour.$colour-palette-default,\n \"button-hover-text\"\n )};\n --button-hover-background: #{map.get(\n colour.$colour-palette-default,\n \"button-hover-background\"\n )};\n --accent-border: var(--font-base);\n --accent-list-marker: var(--font-base);\n\n @include colour-background(\"background\");\n @include colour-font(\"font-base\");\n\n .tna-template--system-theme & {\n @media (prefers-color-scheme: dark) {\n --link: #{map.get(colour.$colour-palette-default, \"link\")};\n --link-visited: #{map.get(colour.$colour-palette-default, \"link-visited\")};\n }\n }\n\n .tna-template--dark-theme & {\n --link: #{map.get(colour.$colour-palette-default, \"link\")};\n --link-visited: #{map.get(colour.$colour-palette-default, \"link-visited\")};\n }\n}\n\n@mixin accent-light {\n @extend %accent-light;\n}\n\n%yellow-accent {\n --accent-background: #{colour.brand-colour(\"yellow\")} !important;\n --accent-background-light: #{colour.brand-colour(\"cream\")} !important;\n --accent-border: #{colour.brand-colour(\"yellow\")} !important;\n --accent-list-marker: #{colour.brand-colour(\"brown\")} !important;\n --accent-font-base: #{colour.brand-colour(\"black\")} !important;\n --accent-font-dark: #{colour.brand-colour(\"black\")} !important;\n --accent-font-light: #{colour.brand-colour(\"black\", 0.7)} !important;\n --accent-icon-light: #{colour.brand-colour(\"black\", 0.45)} !important;\n --accent-link: #{colour.brand-colour(\"black\")} !important;\n --accent-link-visited: #{colour.brand-colour(\"black\")} !important;\n --accent-keyline: #{colour.brand-colour(\"black\", 0.5)} !important;\n --accent-keyline-dark: #{colour.brand-colour(\"black\", 0.8)} !important;\n --button-accented-text: #{colour.brand-colour(\"white\")} !important;\n --button-accented-background: #{colour.brand-colour(\"brown\")} !important;\n}\n\n@mixin yellow-accent {\n @extend %yellow-accent;\n}\n\n%accent-lighter-text {\n --accent-font-base: #{colour.brand-colour(\"white\")} !important;\n --accent-font-dark: #{colour.brand-colour(\"white\")} !important;\n --accent-font-light: #{colour.brand-colour(\"white\", 0.7)} !important;\n --accent-icon-light: #{colour.brand-colour(\"white\", 0.45)} !important;\n --accent-link: #{colour.brand-colour(\"white\")} !important;\n --accent-link-visited: #{colour.brand-colour(\"white\")} !important;\n --accent-keyline: #{colour.brand-colour(\"white\", 0.5)} !important;\n --accent-keyline-dark: #{colour.brand-colour(\"white\", 0.8)} !important;\n --button-accented-text: #{colour.brand-colour(\"white\")} !important;\n}\n\n%black-accent {\n --accent-background: #{colour.brand-colour(\"black\")} !important;\n --accent-background-light: #{colour.brand-colour(\"light-grey\")} !important;\n --accent-border: #{colour.brand-colour(\"black\")} !important;\n --accent-list-marker: #{colour.brand-colour(\"grey\")} !important;\n --button-accented-text: #{colour.brand-colour(\"black\")} !important;\n --button-accented-background: #{colour.brand-colour(\"grey\")} !important;\n}\n\n@mixin black-accent {\n @extend %accent-lighter-text;\n @extend %black-accent;\n}\n\n%pink-accent {\n --accent-background: #{colour.brand-colour(\"maroon\")} !important;\n --accent-background-light: #{colour.brand-colour(\"pastel-pink\")} !important;\n --accent-border: #{colour.brand-colour(\"pink\")} !important;\n --accent-list-marker: #{colour.brand-colour(\"pink\")} !important;\n --button-accented-background: #{colour.brand-colour(\"maroon\")} !important;\n}\n\n@mixin pink-accent {\n @extend %accent-lighter-text;\n @extend %pink-accent;\n}\n\n%orange-accent {\n --accent-background: #{colour.brand-colour(\"chestnut\")} !important;\n --accent-background-light: #{colour.brand-colour(\"pastel-orange\")} !important;\n --accent-border: #{colour.brand-colour(\"orange\")} !important;\n --accent-list-marker: #{colour.brand-colour(\"orange\")} !important;\n --button-accented-background: #{colour.brand-colour(\"chestnut\")} !important;\n}\n\n@mixin orange-accent {\n @extend %accent-lighter-text;\n @extend %orange-accent;\n}\n\n%green-accent {\n --accent-background: #{colour.brand-colour(\"forest\")} !important;\n --accent-background-light: #{colour.brand-colour(\"pastel-green\")} !important;\n --accent-border: #{colour.brand-colour(\"green\")} !important;\n --accent-list-marker: #{colour.brand-colour(\"green\")} !important;\n --button-accented-background: #{colour.brand-colour(\"forest\")} !important;\n}\n\n@mixin green-accent {\n @extend %accent-lighter-text;\n @extend %green-accent;\n}\n\n%blue-accent {\n --accent-background: #{colour.brand-colour(\"navy\")} !important;\n --accent-background-light: #{colour.brand-colour(\"pastel-blue\")} !important;\n --accent-border: #{colour.brand-colour(\"blue\")} !important;\n --accent-list-marker: #{colour.brand-colour(\"blue\")} !important;\n --button-accented-background: #{colour.brand-colour(\"navy\")} !important;\n}\n\n@mixin blue-accent {\n @extend %accent-lighter-text;\n @extend %blue-accent;\n}\n\n@mixin on-high-contrast {\n @media (prefers-contrast: more) {\n @content;\n }\n}\n\n@mixin on-forced-colours {\n @media (forced-colors: active) {\n @content;\n }\n}\n\n@mixin on-high-contrast-and-forced-colours {\n @include on-forced-colours {\n @content;\n }\n\n @include on-high-contrast {\n @content;\n }\n}\n","@use \"sass:math\";\n@use \"../variables/media\";\n@use \"../variables/typography\";\n\n$smallest-large-device-em: #{math.div(\n media.$largest-medium-device-px + 1,\n typography.$relative-1rem-px\n )}em;\n$largest-medium-device-em: #{math.div(\n media.$largest-medium-device-px,\n typography.$relative-1rem-px\n )}em;\n$smallest-medium-device-em: #{math.div(\n media.$largest-small-device-px + 1,\n typography.$relative-1rem-px\n )}em;\n$largest-small-device-em: #{math.div(\n media.$largest-small-device-px,\n typography.$relative-1rem-px\n )}em;\n$smallest-small-device-em: #{math.div(\n media.$largest-tiny-device-px + 1,\n typography.$relative-1rem-px\n )}em;\n$largest-tiny-device-em: #{math.div(\n media.$largest-tiny-device-px,\n typography.$relative-1rem-px\n )}em;\n\n$media-large: \"(min-width: #{$smallest-large-device-em})\";\n$media-lt-large: \"(max-width: #{$largest-medium-device-em})\";\n$media-medium: \"(min-width: #{$smallest-medium-device-em}) and (max-width: #{$largest-medium-device-em})\";\n$media-gt-mobile: \"(min-width: #{$smallest-medium-device-em})\";\n$media-mobile: \"(max-width: #{$largest-small-device-em})\";\n$media-small: \"(min-width: #{$smallest-small-device-em}) and (max-width: #{$largest-small-device-em})\";\n$media-gt-tiny: \"(min-width: #{$smallest-small-device-em})\";\n$media-tiny: \"(max-width: #{$largest-tiny-device-em})\";\n\n// https://nationalarchives.github.io/design-system/styles/media/#media-queries\n@mixin on-large() {\n @media #{$media-large} {\n @content;\n }\n}\n\n@mixin on-medium() {\n @media #{$media-medium} {\n @content;\n }\n}\n\n@mixin on-small() {\n @media #{$media-small} {\n @content;\n }\n}\n\n@mixin on-tiny() {\n @media #{$media-tiny} {\n @content;\n }\n}\n\n@mixin on-larger-than-mobile() {\n @media #{$media-gt-mobile} {\n @content;\n }\n}\n\n@mixin on-larger-than-tiny() {\n @media #{$media-gt-tiny} {\n @content;\n }\n}\n\n@mixin on-smaller-than-large() {\n @media #{$media-lt-large} {\n @content;\n }\n}\n\n@mixin on-mobile() {\n @media #{$media-mobile} {\n @content;\n }\n}\n\n@mixin on-print() {\n @media print {\n @content;\n }\n}\n","@use \"sass:map\";\n@use \"sass:math\";\n@use \"../variables/spacing\";\n@use \"../variables/typography\";\n@use \"../tools/media\";\n\n@function space($size) {\n @return #{$size * spacing.$spacing-unit-px}px;\n}\n\n%space-above {\n margin-top: space(2);\n\n &:first-child {\n margin-top: 0;\n }\n}\n\n%space-only-above {\n margin: #{space(2)} 0 0;\n\n &:first-child {\n margin-top: 0;\n }\n}\n\n@mixin space-above($zero-other-margins: false) {\n @if $zero-other-margins {\n @extend %space-only-above;\n } @else {\n @extend %space-above;\n }\n}\n\n@mixin no-spacing-generator($suffix: \"\") {\n @if $suffix != \"\" {\n $suffix: \"-\" + $suffix;\n }\n @each $property in margin, padding {\n @each $direction in top, bottom {\n $combined-direction: \"\";\n @if $direction == top or $direction == bottom {\n $combined-direction: vertical;\n } @else if $direction == right or $direction == left {\n $combined-direction: horizontal;\n }\n @if $combined-direction {\n .tna-\\!--no-#{$property}-#{$direction}#{$suffix},\n .tna-\\!--no-#{$property}-#{$combined-direction}#{$suffix} {\n #{$property}-#{$direction}: 0 !important;\n }\n } @else {\n .tna-\\!--no-#{$property}-#{$direction}#{$suffix} {\n #{$property}-#{$direction}: 0 !important;\n }\n }\n }\n }\n}\n\n@mixin spacing-generator($suffix: \"\") {\n @each $property in margin, padding {\n @each $direction in top, bottom {\n @each $size, $amount in spacing.$spacing {\n @if $direction == all {\n .tna-\\!--#{$property}-#{$size} {\n #{$property}: #{space($amount)} !important;\n }\n } @else {\n $combined-direction: \"\";\n @if $direction == top or $direction == bottom {\n $combined-direction: vertical;\n } @else if $direction == right or $direction == left {\n $combined-direction: horizontal;\n }\n @if $combined-direction {\n .tna-\\!--#{$property}-#{$direction}-#{$size},\n .tna-\\!--#{$property}-#{$combined-direction}-#{$size} {\n #{$property}-#{$direction}: #{space($amount)} !important;\n }\n } @else {\n .tna-\\!--#{$property}-#{$direction}-#{$size} {\n #{$property}-#{$direction}: #{space($amount)} !important;\n }\n }\n }\n }\n }\n }\n\n @include media.on-mobile {\n @each $property in margin, padding {\n @each $direction in top, bottom {\n @each $size, $amount in spacing.$spacing-mobile {\n @if $direction == all {\n .tna-\\!--#{$property}-#{$size} {\n #{$property}: #{space($amount)} !important;\n }\n } @else {\n $combined-direction: \"\";\n @if $direction == top or $direction == bottom {\n $combined-direction: vertical;\n } @else if $direction == right or $direction == left {\n $combined-direction: horizontal;\n }\n @if $combined-direction {\n .tna-\\!--#{$property}-#{$direction}-#{$size},\n .tna-\\!--#{$property}-#{$combined-direction}-#{$size} {\n #{$property}-#{$direction}: #{space($amount)} !important;\n }\n } @else {\n .tna-\\!--#{$property}-#{$direction}-#{$size} {\n #{$property}-#{$direction}: #{space($amount)} !important;\n }\n }\n }\n }\n }\n }\n }\n}\n","@use \"../tools/a11y\";\n\n.tna-visually-hidden,\n.tna-\\!--visually-hidden {\n width: 1px !important;\n height: 1px !important;\n margin: 0 !important;\n padding: 0 !important;\n\n overflow: hidden !important;\n\n position: absolute !important;\n top: -9999px !important;\n left: -9999px !important;\n z-index: -1 !important;\n\n background-color: transparent !important;\n\n border: 0 !important;\n\n clip: rect(0, 0, 0, 0) !important;\n\n // &::before,\n // &::after {\n // content: \"\\00a0\";\n // }\n}\n\n*:focus {\n z-index: 9;\n\n @include a11y.focus-outline;\n}\n\n// *:focus-visible {\n// z-index: 9;\n\n// @include a11y.focus-outline;\n// }\n\n// @supports not selector(:focus-visible) {\n// *:focus {\n// z-index: 9;\n\n// @include a11y.focus-outline;\n// }\n// }\n\n*:active {\n @include a11y.active-outline;\n}\n\n.tna-\\!--no-focus-style,\n*[tabindex=\"-1\"] {\n &:focus {\n outline: none;\n }\n}\n","@use \"../variables/a11y\";\n@use \"colour\";\n\n@mixin focus-outline {\n @include colour.colour-outline(\n \"focus-outline\",\n a11y.$focus-outline-width,\n solid\n );\n outline-offset: a11y.$focus-outline-offset;\n}\n\n@mixin active-outline {\n outline-offset: 0;\n}\n\n@mixin no-active-outline {\n outline-offset: a11y.$focus-outline-offset;\n}\n","$focus-outline-width: 5px !default;\n$focus-outline-offset: 2px !default;\n$focus-outline-padding: $focus-outline-width + $focus-outline-offset;\n","@use \"../tools/colour\";\n@use \"../tools/media\";\n@use \"../tools/spacing\";\n\n.tna-section {\n padding-top: spacing.space(3);\n padding-bottom: spacing.space(3);\n\n @include media.on-mobile {\n padding-top: spacing.space(2);\n padding-bottom: spacing.space(2);\n }\n}\n\n.tna-aside {\n padding: spacing.space(2);\n\n @include spacing.space-above;\n\n @include media.on-mobile {\n padding: spacing.space(1);\n }\n\n @include colour.on-high-contrast-and-forced-colours {\n @include colour.colour-border(\"keyline-dark\", 1px);\n }\n\n &--tight {\n padding: spacing.space(1);\n }\n}\n","@use \"../../tools/colour\";\n\n.tna-template {\n @include colour.always-light;\n\n @include colour.colour-background(\"background\");\n\n &--system-theme {\n @media (prefers-color-scheme: dark) {\n @include colour.colour-css-vars-dark;\n }\n\n @media (prefers-contrast: more) and (prefers-color-scheme: dark) {\n @include colour.colour-css-vars-high-contrast-dark;\n }\n }\n\n &--dark-theme {\n @include colour.colour-css-vars-dark;\n\n @media (prefers-contrast: more) {\n @include colour.colour-css-vars-high-contrast-dark;\n }\n }\n\n &--black-accent {\n @include colour.black-accent;\n }\n\n &--pink-accent {\n @include colour.pink-accent;\n }\n\n &--orange-accent {\n @include colour.orange-accent;\n }\n\n &--yellow-accent {\n @include colour.yellow-accent;\n }\n\n &--green-accent {\n @include colour.green-accent;\n }\n\n &--blue-accent {\n @include colour.blue-accent;\n }\n}\n\n.tna-background {\n &-tint {\n @include colour.tint;\n }\n\n &-contrast {\n @include colour.contrast;\n }\n\n &-accent {\n @include colour.accent;\n }\n\n &-accent-light {\n @include colour.accent-light;\n }\n}\n\n.tna-border {\n &-keyline {\n @include colour.colour-border(\"keyline\", 1px);\n }\n\n &-keyline-dark {\n @include colour.colour-border(\"keyline-dark\", 1px);\n }\n}\n\n.tna-accent {\n &-black {\n @include colour.black-accent;\n }\n\n &-pink {\n @include colour.pink-accent;\n }\n\n &-orange {\n @include colour.orange-accent;\n }\n\n &-yellow {\n @include colour.yellow-accent;\n }\n\n &-green {\n @include colour.green-accent;\n }\n\n &-blue {\n @include colour.blue-accent;\n }\n}\n","@use \"../tools/media\";\n@use \"../tools/grid\";\n\n.tna-columns {\n column-gap: grid.gutter-width();\n\n &--2 {\n column-count: 2;\n }\n\n &--3 {\n column-count: 3;\n }\n\n @include media.on-tiny {\n column-gap: grid.gutter-width-tiny();\n }\n\n @include media.on-small {\n @for $i from 1 through 4 {\n &--#{$i}-small {\n column-count: $i;\n }\n }\n }\n\n @include media.on-tiny {\n @for $i from 1 through 4 {\n &--#{$i}-tiny {\n column-count: $i;\n }\n }\n }\n\n &__block {\n break-inside: avoid;\n }\n\n &:has(&__block:only-of-type) {\n column-count: 1;\n }\n}\n","@use \"sass:math\";\n@use \"sass:selector\";\n@use \"../../variables/typography\" as typographyVars;\n@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-template {\n @include colour.colour-font(\"font-base\");\n @include typography.main-font;\n direction: ltr;\n text-rendering: optimizeLegibility;\n -webkit-text-size-adjust: none;\n text-size-adjust: none;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n}\n\n.tna-template__body {\n color: inherit;\n @include typography.font-size(typographyVars.$body-font-size-px);\n line-height: typographyVars.$body-line-height;\n\n @include media.on-mobile {\n @include typography.font-size(typographyVars.$body-font-size-px-mobile);\n }\n}\n\nstrong {\n @include typography.main-font-weight-bold;\n}\n\np {\n @include spacing.space-above;\n\n + p {\n margin-top: spacing.space(1);\n }\n}\n\na {\n text-decoration-thickness: 1.5px;\n\n border-radius: 0.1px;\n\n &,\n &:link {\n @include colour.colour-font(\"link\");\n }\n\n &:visited {\n @include colour.colour-font(\"link-visited\");\n }\n\n &:hover,\n &:active {\n @include typography.interacted-text-decoration;\n }\n\n &.tna-link--no-visited-state {\n &:visited {\n @include colour.colour-font(\"link\");\n }\n }\n}\n\nsmall {\n @include typography.font-size(typographyVars.$body-font-size-px * 0.85);\n}\n\n%chip {\n max-width: max-content;\n padding: spacing.space(0.125) spacing.space(0.25);\n\n display: flex;\n align-items: center;\n gap: spacing.space(0.5);\n\n @include colour.colour-font(\"font-base\");\n @include typography.detail-font-small;\n line-height: 1;\n text-align: center;\n\n @at-root #{selector.unify(\"a\", &)} {\n text-decoration: underline;\n\n &:hover {\n @include typography.interacted-text-decoration;\n\n .fa-solid {\n color: inherit;\n }\n }\n }\n\n .fa-solid {\n @include colour.colour-font(\"icon-light\");\n\n @include colour.on-high-contrast {\n @include colour.colour-font(\"icon\");\n }\n }\n}\n\n%chip-plain {\n padding: 0;\n\n background-color: transparent;\n\n border: none;\n\n @at-root #{selector.unify(\"a\", &)} {\n .fa-solid {\n color: inherit;\n }\n }\n}\n\n%chip-accent {\n @include colour.accent;\n\n @include colour.colour-border(\"accent-background\", 2px);\n\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n\n .tna-background-accent & {\n @include colour.contrast;\n\n @include colour.colour-border(\"contrast-background\");\n }\n}\n\n.tna-chip {\n @extend %chip;\n\n &--plain {\n @extend %chip-plain;\n }\n\n &--black {\n @include colour.black-accent;\n }\n\n &--pink {\n @include colour.pink-accent;\n }\n\n &--orange {\n @include colour.orange-accent;\n }\n\n &--yellow {\n @include colour.yellow-accent;\n }\n\n &--green {\n @include colour.green-accent;\n }\n\n &--blue {\n @include colour.blue-accent;\n }\n\n &:not(#{&}--plain) {\n @extend %chip-accent;\n }\n}\n\n.tna-chip-list {\n @include spacing.space-above;\n\n display: flex;\n flex-wrap: wrap;\n gap: spacing.space(0.5) spacing.space(1.5);\n\n list-style: none;\n\n &__item {\n display: flex;\n align-items: center;\n }\n}\n\n%heading {\n @include colour.colour-font(\"font-dark\");\n text-wrap: pretty;\n\n a {\n display: inline-block;\n\n vertical-align: top;\n\n &::after {\n content: \"\";\n\n width: 0.3125em;\n height: 0.3125em;\n margin-bottom: 0.1em;\n margin-left: 0.375em;\n\n display: inline-block;\n\n vertical-align: middle;\n\n transform: rotate(45deg);\n\n @include colour.colour-border(\"link\", 0.125em, solid, top);\n @include colour.colour-border(\"link\", 0.125em, solid, right);\n }\n\n &:visited {\n &::after {\n @include colour.colour-border(\"link-visited\");\n }\n }\n }\n\n strong {\n font-weight: inherit;\n }\n}\n\n%heading-xl {\n @extend %heading;\n\n @include typography.heading-font;\n @include typography.heading-generator(\n typographyVars.$heading-xl-font-size-default,\n typographyVars.$heading-xl-font-size-medium,\n typographyVars.$heading-xl-font-size-small,\n typographyVars.$heading-xl-font-size-tiny,\n typographyVars.$heading-xl-line-height\n );\n}\n\n%heading-l {\n @extend %heading;\n\n @include typography.heading-font;\n @include typography.heading-generator(\n typographyVars.$heading-l-font-size-default,\n typographyVars.$heading-l-font-size-medium,\n typographyVars.$heading-l-font-size-small,\n typographyVars.$heading-l-font-size-tiny,\n typographyVars.$heading-l-line-height\n );\n\n a {\n &::after {\n width: 0.275em;\n height: 0.275em;\n margin-bottom: 0;\n margin-left: 0.25em;\n\n border-top-width: 0.1em;\n border-right-width: 0.1em;\n }\n }\n}\n\n%heading-m {\n @extend %heading;\n\n @include typography.main-font-weight-bold;\n @include typography.heading-generator(\n typographyVars.$heading-m-font-size-default,\n typographyVars.$heading-m-font-size-medium,\n typographyVars.$heading-m-font-size-small,\n typographyVars.$heading-m-font-size-tiny,\n typographyVars.$heading-m-line-height\n );\n}\n\n%heading-s {\n @extend %heading;\n\n @include typography.main-font-weight-bold;\n @include typography.heading-generator(\n typographyVars.$heading-s-font-size-default,\n typographyVars.$heading-s-font-size-medium,\n typographyVars.$heading-s-font-size-small,\n typographyVars.$heading-s-font-size-tiny,\n typographyVars.$heading-s-line-height\n );\n}\n\n%headings-and-heading-groups {\n @include spacing.space-above;\n margin-bottom: 0;\n padding: spacing.space(1) 0 0;\n\n &:first-child {\n padding-top: 0;\n }\n\n + p {\n margin-top: spacing.space(1);\n }\n}\n\n.tna-heading {\n &-xl {\n @extend %heading-xl;\n @extend %headings-and-heading-groups;\n }\n\n &-l {\n @extend %heading-l;\n @extend %headings-and-heading-groups;\n }\n\n &-m {\n @extend %heading-m;\n @extend %headings-and-heading-groups;\n }\n\n &-s {\n @extend %heading-s;\n @extend %headings-and-heading-groups;\n }\n\n &--no-link-arrow {\n a {\n &::after {\n display: none;\n }\n }\n }\n}\n\n.tna-hgroup {\n &-xl,\n &-l,\n &-m,\n &-s {\n @extend %headings-and-heading-groups;\n }\n\n &__supertitle {\n margin: 0 0 spacing.space(0.25);\n\n @extend %chip;\n\n &--plain {\n @extend %chip-plain;\n }\n\n &:not(#{&}--plain) {\n @extend %chip-accent;\n }\n }\n\n &__title {\n margin: 0;\n\n display: block;\n }\n\n &-xl &__title {\n @extend %heading-xl;\n }\n\n &-l &__title {\n @extend %heading-l;\n }\n\n &-m &__title {\n @extend %heading-m;\n }\n\n &-s &__title {\n @extend %heading-s;\n }\n}\n\n.tna-blockquote {\n @include spacing.space-above;\n margin-right: 0;\n margin-bottom: 0;\n margin-left: 0;\n padding: spacing.space(1) spacing.space(1) spacing.space(1) spacing.space(2);\n\n @include colour.thick-keyline-accent(left);\n\n &__quote {\n @include typography.main-font-weight-medium;\n quotes: auto;\n quotes: \"‘\" \"’\";\n\n :first-child::before {\n content: open-quote;\n }\n\n :last-child::after {\n content: close-quote;\n }\n }\n\n &__citation {\n margin-top: spacing.space(1);\n\n @include typography.font-size(16);\n\n &::before {\n content: \"\\2014\" \" \";\n content: \"\\2014\" \" \" / \"\";\n }\n }\n\n @include media.on-tiny {\n padding: spacing.space(0.5) spacing.space(0.5) spacing.space(0.5) #{spacing.space(\n 1\n )};\n }\n}\n\n.tna-large-paragraph {\n @include spacing.space-above;\n\n @include typography.font-size(22);\n @include colour.colour-font(\"font-dark\");\n\n @include media.on-mobile {\n @include typography.font-size(20);\n }\n}\n\n.tna-scene-setter {\n @include spacing.space-above;\n\n @include typography.detail-font;\n @include colour.colour-font(\"font-dark\");\n @include typography.font-size(22);\n line-height: 1.7;\n\n @include media.on-mobile {\n @include typography.font-size(20);\n }\n\n a {\n text-decoration-thickness: 1.5px;\n\n &:hover {\n @include typography.interacted-text-decoration;\n }\n }\n}\n","@use \"sass:math\";\n@use \"../variables/typography\";\n@use \"colour\";\n@use \"media\";\n\n@mixin font-size($font-size-px) {\n font-size: #{math.div($font-size-px, typography.$relative-1rem-px)}rem;\n}\n\n@mixin relative-font-size($font-size-px) {\n @warn \"relative-font-size() will soon be deprecated in favour of font-size().\";\n @include font-size($font-size-px);\n}\n\n@mixin main-font-weight {\n font-weight: typography.$main-font-weight;\n}\n\n@mixin main-font-weight-medium {\n font-weight: typography.$main-font-weight-medium;\n}\n\n@mixin main-font-weight-bold {\n font-weight: typography.$main-font-weight-bold;\n}\n\n@mixin main-font($bold: false) {\n font-family: typography.$main-font-family;\n font-style: normal;\n font-optical-sizing: auto;\n font-variation-settings: \"wdth\" 100;\n @if $bold {\n @include main-font-weight-bold;\n } @else {\n @include main-font-weight;\n }\n}\n\n@mixin heading-font {\n font-family: typography.$heading-font-family;\n font-weight: typography.$heading-font-weight;\n}\n\n@mixin detail-font($bold: false) {\n font-family: typography.$detail-font-family;\n font-style: normal;\n font-optical-sizing: auto;\n @if $bold {\n font-weight: typography.$detail-font-weight-bold;\n } @else {\n font-weight: typography.$detail-font-weight;\n }\n}\n\n@mixin detail-font-small {\n @include detail-font;\n @include font-size(14);\n line-height: 1.1;\n text-transform: uppercase;\n}\n\n@mixin interacted-text-decoration {\n text-decoration: underline;\n text-decoration-thickness: typography.$interactive-text-decoration-thickness;\n}\n\n@mixin heading-generator(\n $font-size-default,\n $font-size-medium,\n $font-size-small,\n $font-size-tiny,\n $line-height\n) {\n $small-and-tiny-identical: $font-size-small == $font-size-tiny;\n $medium-small-and-tiny-identical: $font-size-medium == $font-size-small and\n $small-and-tiny-identical;\n $all-identical: $font-size-default == $font-size-medium and\n $medium-small-and-tiny-identical and $small-and-tiny-identical;\n line-height: $line-height;\n @include font-size($font-size-default);\n\n @if $all-identical != true {\n @if $medium-small-and-tiny-identical != true {\n @include media.on-medium {\n @include font-size($font-size-medium);\n }\n\n @if $small-and-tiny-identical != true {\n @include media.on-small {\n @include font-size($font-size-small);\n }\n\n @include media.on-tiny {\n @include font-size($font-size-tiny);\n }\n } @else {\n @include media.on-mobile {\n @include font-size($font-size-small);\n }\n }\n } @else {\n @include media.on-smaller-than-large {\n @include font-size($font-size-medium);\n }\n }\n }\n}\n","/*\n * ------------------------------------------\n * The typefaces, sizes and spacings that are\n * defined in this file have been selected to\n * ensure 100% match with the latest National\n * Archives brand guidelines - avoid changing\n * or overwriting any of these values without\n * signing off with the Digital Services team\n * first\n * ------------------------------------------\n */\n\n$relative-1rem-px: 16; // 16px = 1rem\n\n/*\n * ------------------------------------------\n * When true, use the included font files for\n * Open Sans and Roboto Mono, rather than the\n * versions hosted by Google Fonts\n * ------------------------------------------\n */\n$use-local-fonts: false !default;\n\n$body-font-size-px: 18 !default;\n$body-font-size-px-mobile: 17 !default;\n$body-line-height: 1.75 !default;\n\n$interactive-text-decoration-thickness: 3.5px !default;\n\n$main-font-family-name: \"Open Sans\" !default;\n$main-font-family:\n #{$main-font-family-name},\n sans-serif;\n$main-font-weight: 400 !default;\n$main-font-weight-medium: 600 !default;\n$main-font-weight-bold: 700 !default;\n$main-font-file: \"OpenSans-Regular.ttf\" !default;\n$main-font-file-medium: \"OpenSans-SemiBold.ttf\" !default;\n$main-font-file-bold: \"OpenSans-Bold.ttf\" !default;\n\n/*\n * ------------------------------------------\n * To use Supria Sans Condensed (which is the\n * approved heading typeface for The National\n * Archives), you need to obtain a licence to\n * properly embed the CSS files with the font\n * definitions in your service - check with a\n * member of the Digital Services team on how\n * to get a licence\n * ------------------------------------------\n */\n$heading-font-family-name: \"supria-sans-condensed\" !default;\n$heading-font-family:\n #{$heading-font-family-name},\n \"Arial Narrow\",\n sans-serif;\n$heading-font-weight: 500 !default;\n\n/*\n * ------------------------------------------\n * The detail font should be a monospace font\n * and is used for chips, supertitles as well\n * as the date search component\n * ------------------------------------------\n */\n$detail-font-family-name: \"Roboto Mono\" !default;\n$detail-font-family:\n #{$detail-font-family-name},\n monospace;\n$detail-font-weight: 400 !default;\n$detail-font-weight-bold: 500 !default;\n$detail-font-file: \"RobotoMono-Regular.ttf\" !default;\n$detail-font-file-bold: \"RobotoMono-Medium.ttf\" !default;\n\n$heading-xl-font-size-default: 64 !default;\n$heading-xl-font-size-medium: 48 !default;\n$heading-xl-font-size-small: 36 !default;\n$heading-xl-font-size-tiny: $heading-xl-font-size-small !default;\n$heading-xl-line-height: 1.1 !default;\n\n$heading-l-font-size-default: 36 !default;\n$heading-l-font-size-medium: 30 !default;\n$heading-l-font-size-small: 28 !default;\n$heading-l-font-size-tiny: 25 !default;\n$heading-l-line-height: 1.3 !default;\n\n$heading-m-font-size-default: 22 !default;\n$heading-m-font-size-medium: 21 !default;\n$heading-m-font-size-small: 20 !default;\n$heading-m-font-size-tiny: 19 !default;\n$heading-m-line-height: 1.6 !default;\n\n$heading-s-font-size-default: 18 !default;\n$heading-s-font-size-medium: $heading-s-font-size-default !default;\n$heading-s-font-size-small: $heading-s-font-size-default !default;\n$heading-s-font-size-tiny: $heading-s-font-size-default !default;\n$heading-s-line-height: 1.6 !default;\n","@use \"../../utilities/typography\" as typographyUtilities;\n@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\nbutton,\ninput,\nselect {\n border-radius: 0.1px;\n}\n\n.tna-form {\n &__group {\n @include spacing.space-above;\n\n &--error {\n padding-left: spacing.space(1);\n\n @include colour.thick-keyline-error(left);\n }\n }\n\n &__fieldset {\n flex: 1;\n\n border: none;\n }\n\n &__group,\n &__fieldset {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: spacing.space(0.5);\n }\n\n &__group--inline,\n &__group--inline &__fieldset {\n flex-direction: row;\n align-items: flex-start;\n\n @include media.on-mobile {\n flex-direction: column;\n }\n }\n\n &__group-contents {\n flex: 0 0 39%;\n }\n\n &__legend {\n margin-bottom: spacing.space(0.5);\n }\n\n &__heading {\n margin: 0;\n\n @extend %heading;\n\n &--xl {\n @extend %heading-xl;\n }\n\n &--l {\n @extend %heading-l;\n }\n\n &--m {\n @extend %heading-m;\n }\n\n &--s {\n @extend %heading-s;\n }\n\n &--xs {\n font-size: 1em;\n @include typography.main-font;\n }\n }\n\n &__label {\n }\n\n &__hint {\n margin-top: 0;\n\n @include typography.font-size(16);\n @include colour.colour-font(\"font-light\");\n }\n\n &__error-message {\n margin-top: 0;\n\n @include colour.colour-font(\"form-error-text\");\n @include typography.main-font-weight-bold;\n }\n}\n",".tna-template {\n /*\n * ------------------------------------------\n * A minimum page width of 320px is needed in\n * order to meet the WCAG AA success criteria\n * for 1.4.10 (Reflow)\n * https://www.w3.org/WAI/WCAG21/Understanding/reflow.html\n * ------------------------------------------\n */\n min-width: 320px;\n width: 100%;\n height: 100%;\n\n /*\n * ------------------------------------------\n * Support ended with iOS 13 released on 19th\n * September 2019. Deprecate in the future if\n * iOS <13 share drops low enough.\n * https://caniuse.com/mdn-css_properties_-webkit-overflow-scrolling\n * ------------------------------------------\n */\n -webkit-overflow-scrolling: touch;\n}\n\n.tna-template__body {\n min-height: 100%;\n margin: 0;\n padding: 0;\n\n &:has(:is(.tna-global-header, .tna-header)):has(.tna-main):has(.tna-footer) {\n display: flex;\n flex-direction: column;\n }\n}\n\n.tna-main {\n flex: 1;\n}\n","@use \"sass:math\";\n@use \"sass:selector\";\n@use \"../../variables/grid\" as gridVars;\n@use \"../../tools/grid\";\n@use \"../../tools/media\";\n\n.tna-container {\n width: 100%;\n max-width: gridVars.$largest-container-width;\n margin-right: auto;\n margin-left: auto;\n padding-right: grid.gutter-width-half();\n padding-left: grid.gutter-width-half();\n\n display: flex;\n flex-wrap: wrap;\n align-items: stretch;\n justify-content: flex-start;\n\n box-sizing: border-box;\n\n &--no-padding,\n &--no-padding-all {\n max-width: gridVars.$largest-container-width - grid.gutter-width-double();\n }\n\n &--max {\n max-width: none;\n }\n\n &--centred {\n justify-content: center;\n }\n\n @at-root #{selector.unify(\"ul\", &)} {\n list-style: none;\n }\n}\n\n.tna-column {\n padding-right: grid.gutter-width-half();\n padding-left: grid.gutter-width-half();\n\n box-sizing: border-box;\n\n &--container {\n display: flex;\n flex-wrap: wrap;\n align-items: stretch;\n justify-content: stretch;\n }\n\n &--align-top {\n align-self: flex-start;\n }\n\n &--align-centre {\n align-self: center;\n }\n\n &--align-bottom {\n align-self: flex-end;\n }\n}\n\n@include grid.columns-generator(gridVars.$column-count);\n\n@include media.on-medium {\n @include grid.columns-generator(gridVars.$column-count-medium, \"medium\");\n}\n\n@include media.on-tiny {\n .tna-container {\n padding-right: grid.gutter-width-tiny-half();\n padding-left: grid.gutter-width-tiny-half();\n }\n\n .tna-column {\n padding-right: grid.gutter-width-tiny-half();\n padding-left: grid.gutter-width-tiny-half();\n }\n}\n\n@include media.on-small {\n @include grid.columns-generator(gridVars.$column-count-small, \"small\");\n}\n\n@include media.on-tiny {\n @include grid.columns-generator(gridVars.$column-count-tiny, \"tiny\");\n}\n\n.tna-container--no-padding,\n.tna-container--no-padding-all,\n.tna-container--no-padding-all > .tna-column,\n.tna-column--no-padding,\n.tna-column--container--no-padding-all,\n.tna-column--container--no-padding-all > .tna-column {\n padding-right: 0;\n padding-left: 0;\n}\n","$largest-container-width: 1280px !default;\n\n$gutter-width: 2 !default;\n$gutter-width-tiny: 1 !default;\n\n$column-count: 12;\n$column-count-medium: 6;\n$column-count-small: 4;\n$column-count-tiny: 2;\n","@use \"sass:math\";\n@use \"../variables/grid\";\n@use \"spacing\";\n\n@function gutter-width() {\n @return spacing.space(grid.$gutter-width);\n}\n\n@function gutter-width-half() {\n @return spacing.space(math.div(grid.$gutter-width, 2));\n}\n\n@function gutter-width-double() {\n @return spacing.space(grid.$gutter-width * 2);\n}\n\n@function gutter-width-tiny() {\n @return spacing.space(grid.$gutter-width-tiny);\n}\n\n@function gutter-width-tiny-half() {\n @return spacing.space(math.div(grid.$gutter-width-tiny, 2));\n}\n\n@function gutter-width-tiny-double() {\n @return spacing.space(grid.$gutter-width-tiny * 2);\n}\n\n@mixin columns-generator($count, $suffix: \"\") {\n @if $suffix != \"\" {\n $suffix: \"-\" + $suffix;\n }\n\n .tna-column {\n &--full#{$suffix} {\n width: 100%;\n flex: none;\n }\n\n @for $i from 1 through $count - 1 {\n $simplest-fraction-found: false;\n\n @for $j from math.div($count, 2) through 1 {\n @if (\n $count % $j == 0 and $i % $j == 0 and $simplest-fraction-found != true\n ) {\n &--width-#{math.div($i, $j)}-#{math.div($count, $j)}#{$suffix} {\n width: math.div(100%, $count) * $i;\n flex: none;\n }\n\n &--margin-right-#{math.div($i, $j)}-#{math.div($count, $j)}#{$suffix} {\n margin-right: math.div(100%, $count) * $i;\n }\n\n &--margin-left-#{math.div($i, $j)}-#{math.div($count, $j)}#{$suffix} {\n margin-left: math.div(100%, $count) * $i;\n }\n\n $simplest-fraction-found: true;\n }\n }\n\n @if $simplest-fraction-found != true {\n &--width-#{$i}-#{$count}#{$suffix} {\n width: math.div(100%, $count) * $i;\n flex: none;\n }\n\n &--margin-right-#{$i}-#{$count}#{$suffix} {\n margin-right: math.div(100%, $count) * $i;\n }\n\n &--margin-left-#{$i}-#{$count}#{$suffix} {\n margin-left: math.div(100%, $count) * $i;\n }\n }\n }\n\n @if $suffix != \"\" {\n &--no-margin-right#{$suffix} {\n margin-right: 0;\n }\n\n &--no-margin-left#{$suffix} {\n margin-left: 0;\n }\n }\n\n @for $i from 1 through 3 {\n &--flex-#{$i}#{$suffix} {\n width: auto;\n\n flex: $i 0;\n }\n }\n\n @for $i from 1 through 4 {\n &--order-#{$i}#{$suffix} {\n order: $i;\n }\n }\n }\n}\n","@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n@use \"../../utilities/typography\" as typographyUtils;\n\nul,\nol {\n margin: 0;\n padding: 0;\n}\n\n.tna-ul {\n list-style-type: disc;\n}\n\n.tna-ul,\n.tna-ol {\n margin-top: spacing.space(1);\n padding-left: spacing.space(2);\n\n &:first-child {\n margin-top: 0;\n }\n\n &--plain {\n padding-left: 0;\n }\n\n &--plain,\n &--no-list-style {\n list-style: none;\n }\n\n & > li > & {\n margin-top: 0;\n padding-left: spacing.space(1.25);\n }\n\n > li {\n &::marker {\n @include colour.colour-font(\"accent-list-marker\");\n @include typography.main-font-weight-bold;\n }\n }\n\n &--spaced > li + li {\n margin-top: spacing.space(0.5);\n }\n\n &--spaced > li > & {\n margin-top: spacing.space(1);\n margin-bottom: spacing.space(1);\n }\n\n &--dashed {\n > li::marker {\n content: \"— \";\n @include colour.colour-font(\"font-light\");\n @include typography.main-font-weight;\n }\n }\n}\n\n.tna-dl-chips {\n @include spacing.space-above(true);\n\n display: flex;\n flex-wrap: wrap;\n gap: spacing.space(0.75) spacing.space(1.5);\n\n @extend %chip-plain;\n\n dt {\n position: absolute;\n\n font-size: 0;\n }\n\n &__item {\n @extend %chip;\n }\n\n a#{&}__item {\n cursor: pointer;\n }\n\n &:not(#{&}--plain) {\n gap: spacing.space(0.5) spacing.space(1);\n }\n\n &--plain &__item {\n @extend %chip-plain;\n }\n\n &:not(#{&}--plain) &__item {\n @extend %chip-accent;\n }\n\n &--plain a#{&}__item {\n @include colour.colour-font(\"link\");\n }\n}\n\n@mixin stacked-dl {\n dt,\n dd {\n width: 100%;\n margin-left: 0;\n }\n\n dd {\n padding-left: spacing.space(1);\n }\n\n &.tna-dl--plain {\n dt {\n padding-top: 0;\n padding-bottom: 0;\n\n .fa-solid {\n margin-top: 0;\n }\n }\n\n dd {\n margin-left: 0;\n padding-top: 0;\n }\n }\n\n &:not(.tna-dl--plain) {\n dt {\n @include colour.colour-background(\"background-tint\");\n\n @include colour.colour-font(\"font-base\");\n }\n\n dd {\n margin-left: 0;\n\n background: transparent !important;\n }\n }\n}\n\n.tna-dl {\n @include spacing.space-above(true);\n\n display: flex;\n flex-wrap: wrap;\n\n &:first-child {\n margin-top: 0;\n }\n\n dt,\n dd {\n margin: 0;\n padding: spacing.space(0.5) spacing.space(1);\n\n box-sizing: border-box;\n\n position: relative;\n\n word-wrap: break-word;\n }\n\n &--plain {\n dt {\n padding-top: 0;\n padding-left: 0;\n }\n\n dd {\n padding-top: 0;\n padding-right: 0;\n }\n }\n\n dt {\n width: 30%;\n\n @include typography.main-font-weight-bold;\n }\n\n dd {\n width: 70%;\n\n + dd {\n margin-left: 30%;\n }\n }\n\n &--icon-padding {\n dt {\n padding-left: 3rem !important;\n\n position: relative;\n\n .fa-solid {\n overflow: visible;\n\n position: absolute;\n top: 50%;\n left: spacing.space(1);\n\n @include colour.colour-font(\"icon-light\");\n text-align: left;\n\n transform: translateY(-50%);\n }\n }\n }\n\n &--icon-padding#{&}--plain {\n dt {\n padding-left: spacing.space(2) !important;\n\n .fa-solid {\n margin-top: -#{spacing.space(0.25)};\n\n left: 0;\n }\n }\n\n dd {\n padding-left: spacing.space(2);\n }\n }\n\n &:not(&--plain) {\n dt:first-child,\n dd:nth-of-type(2n) + dt,\n dd:nth-of-type(2n + 1) {\n @include colour.tint;\n }\n }\n\n @include media.on-small {\n dt {\n width: 35%;\n }\n\n dd {\n width: 65%;\n\n + dd {\n margin-left: 35%;\n }\n }\n }\n\n &--stacked {\n @include stacked-dl;\n }\n\n @include media.on-tiny {\n @include stacked-dl;\n }\n\n @include colour.on-high-contrast-and-forced-colours {\n @include colour.colour-border(\"keyline-dark\", 1px, solid, bottom);\n\n dt,\n dd {\n background: transparent !important;\n\n @include colour.colour-border(\"keyline-dark\", 1px, solid, top);\n }\n }\n}\n","@use \"sass:map\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n\n@mixin hide-on($suffix) {\n .tna-\\!--hide-on-#{$suffix} {\n display: none !important;\n }\n}\n\n@include spacing.no-spacing-generator;\n@include spacing.spacing-generator;\n\n@include media.on-large {\n @include spacing.no-spacing-generator(\"large\");\n @include hide-on(\"large\");\n}\n\n@include media.on-medium {\n @include spacing.no-spacing-generator(\"medium\");\n @include hide-on(\"medium\");\n}\n\n@include media.on-small {\n @include spacing.no-spacing-generator(\"small\");\n @include hide-on(\"small\");\n}\n\n@include media.on-tiny {\n @include spacing.no-spacing-generator(\"tiny\");\n @include hide-on(\"tiny\");\n}\n\n.tna-\\!--hide-on-print {\n @media print {\n display: none;\n }\n}\n","@use \"../tools/colour\";\n\n* {\n margin: 0;\n padding: 0;\n\n @media (prefers-reduced-motion) {\n animation: none !important;\n transition: none !important;\n }\n\n @media (prefers-contrast: more) {\n background-image: none;\n }\n}\n\nimg,\nsvg,\npicture,\nvideo,\ncanvas {\n max-width: 100%;\n height: auto;\n\n display: block;\n}\n\n[hidden] {\n display: none !important;\n}\n\nhr {\n @include colour.colour-border(\"keyline\", 0, solid);\n border-top-width: 1px;\n}\n","@use \"sass:math\";\n@use \"sass:selector\";\n@use \"../../tools/colour\";\n@use \"../../tools/grid\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-table {\n max-width: 100%;\n\n text-align: left;\n\n border-collapse: collapse;\n\n &--full {\n width: 100%;\n }\n\n &__caption {\n padding: spacing.space(1) 0 0;\n\n caption-side: bottom;\n\n @include typography.font-size(16);\n }\n\n &__head {\n vertical-align: bottom;\n }\n\n &__body {\n vertical-align: top;\n }\n\n &__foot {\n @include typography.main-font-weight-bold;\n vertical-align: top;\n }\n\n &__row {\n }\n\n &__header {\n }\n\n &__cell {\n }\n\n &__header,\n &__cell {\n padding: spacing.space(0.25) spacing.space(1);\n\n @include colour.colour-border(\"keyline\", 1px, solid, bottom);\n\n &:first-child {\n padding-left: 0;\n }\n\n &:last-child {\n padding-right: 0;\n }\n\n &--numeric {\n text-align: right;\n }\n }\n\n &__head &__header {\n @include colour.thick-keyline-dark(bottom);\n }\n\n &__foot &__header,\n &__foot &__cell {\n @include colour.thick-keyline-dark(top);\n }\n\n p {\n + p {\n margin-top: spacing.space(0.25);\n }\n }\n}\n\n.tna-table-wrapper {\n width: 100%;\n padding-right: grid.gutter-width();\n padding-left: grid.gutter-width();\n\n overflow: auto;\n\n position: relative;\n left: -#{grid.gutter-width()};\n\n @include media.on-tiny {\n padding-right: grid.gutter-width-tiny();\n padding-left: grid.gutter-width-tiny();\n\n left: -#{grid.gutter-width-tiny()};\n }\n}\n\n.tna-table,\n.tna-table-wrapper {\n @include spacing.space-above;\n margin-bottom: spacing.space(4);\n\n &:last-child {\n margin-bottom: 0;\n }\n}\n","@use \"sass:math\";\n@use \"../../tools/colour\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-accordion {\n @include spacing.space-above;\n\n // NON INTERACTIVE\n &__item {\n @include spacing.space-above;\n }\n\n &__heading {\n padding-top: spacing.space(1);\n }\n\n &__body {\n padding-top: spacing.space(1);\n }\n\n // INTERACTIVE\n &__details {\n @include colour.colour-border(\"keyline\", 1px, solid, bottom);\n\n position: relative;\n z-index: 1;\n\n &:first-child {\n @include colour.colour-border(\"keyline\", 1px, solid, top);\n // @include colour.thick-keyline-dark(top);\n // @include colour.thick-keyline-accent(top);\n }\n }\n\n &__details:has(&__summary:focus),\n &__details:has(&__content:focus) {\n z-index: 2;\n }\n\n &__summary {\n width: 100%;\n margin: 0;\n padding: spacing.space(0.5) spacing.space(3) spacing.space(0.5)\n spacing.space(1);\n\n display: block;\n\n position: relative;\n\n line-height: inherit;\n text-align: left;\n\n list-style: none;\n\n background: transparent;\n\n border: none;\n border-radius: 0.1px;\n\n cursor: pointer;\n\n @include colour.colour-font(\"font-dark\");\n @include typography.font-size(18);\n @include typography.main-font(true);\n\n * {\n font-size: inherit;\n }\n\n &::before {\n content: \"\";\n\n width: 0;\n height: 0;\n\n position: absolute;\n top: calc(50% - #{math.div(math.sqrt(3), 4)}rem);\n right: 0.75rem;\n\n border-width: #{math.div(math.sqrt(3), 2)}rem 0.5rem 0 0.5rem;\n border-color: colour.colour-var(\"font-light\") transparent;\n border-style: solid;\n }\n\n &:hover {\n @include typography.interacted-text-decoration;\n @include colour.colour-background(\"background-tint\");\n\n &::before {\n border-color: colour.colour-var(\"font-dark\") transparent;\n }\n }\n\n &[aria-expanded=\"true\"] {\n &::before {\n border-width: 0 0.5rem #{math.div(math.sqrt(3), 2)}rem 0.5rem;\n }\n }\n }\n\n &__content {\n padding: spacing.space(1);\n\n position: relative;\n\n border-radius: 0.1px;\n\n &:focus {\n z-index: 2;\n\n .tna-template--clicked & {\n outline: none;\n }\n }\n\n &:has(.tna-table-wrapper):has(.tna-table) {\n padding-right: 0;\n padding-left: 0;\n }\n\n .tna-table-wrapper {\n padding-right: 0;\n padding-left: 0;\n\n left: 0;\n }\n\n .tna-table {\n width: calc(100% - #{spacing.space(2)});\n margin-right: spacing.space(1);\n margin-left: spacing.space(1);\n\n &__caption {\n padding-top: 0;\n padding-bottom: spacing.space(1);\n\n font-size: inherit;\n line-height: inherit;\n text-align: left;\n caption-side: top;\n }\n }\n }\n\n @include colour.on-forced-colours {\n &__summary {\n &::before {\n content: \"\\2193\";\n\n width: auto;\n height: auto;\n\n top: calc(50% - 0.5rem);\n\n line-height: 1rem;\n\n border: none;\n }\n\n &[aria-expanded=\"true\"] {\n &::before {\n content: \"\\2191\";\n\n border: none;\n }\n }\n }\n }\n}\n","@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-breadcrumbs {\n padding-top: spacing.space(1);\n padding-bottom: spacing.space(1);\n\n &:focus {\n outline: none !important;\n }\n\n &__list {\n margin: 0;\n padding: 0;\n\n display: flex;\n flex-wrap: wrap;\n\n list-style: none;\n }\n\n &__item {\n display: flex;\n\n + .tna-breadcrumbs__item {\n &::before {\n content: \"\\203A\";\n content: \"\\203A\" / \"\";\n\n margin: 0 spacing.space(0.75);\n\n display: inline-block;\n\n vertical-align: baseline;\n }\n }\n\n &--expandable {\n display: none;\n\n @include media.on-mobile {\n display: inline-block !important;\n }\n }\n }\n\n &__link {\n display: inline-block;\n\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"font-base\");\n }\n\n &:hover {\n @include colour.colour-font(\"font-dark\");\n }\n }\n\n button#{&}__link {\n height: 100%;\n margin: 0;\n padding: 0;\n\n appearance: none;\n\n font-size: inherit;\n font-weight: inherit;\n line-height: inherit;\n\n background-color: transparent;\n\n border: none;\n\n cursor: pointer;\n\n &:hover {\n color: inherit;\n @include typography.interacted-text-decoration;\n\n background-color: transparent;\n }\n }\n\n @include media.on-mobile {\n &--collapsed &__item:not(:first-child, &__item--expandable, :last-child) {\n display: none;\n }\n }\n\n @include colour.on-high-contrast {\n &__link {\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"link\");\n }\n }\n }\n}\n","@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n\n.tna-button-group {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: spacing.space(1);\n\n @include spacing.space-above;\n\n @include media.on-tiny {\n flex-direction: column;\n align-items: stretch;\n }\n\n &--small {\n gap: spacing.space(0.5);\n }\n}\n","@use \"sass:math\";\n@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n@use \"button-group\";\n\n$button-border-width: 4px !default;\n\n.tna-button {\n padding: spacing.space(0.25) spacing.space(1);\n\n display: inline-flex;\n align-items: baseline;\n justify-content: center;\n gap: spacing.space(0.75);\n\n line-height: 2rem;\n text-align: center;\n text-decoration: none;\n text-wrap: balance;\n\n cursor: pointer;\n\n @include typography.font-size(18);\n @include typography.main-font-weight-bold;\n\n @include colour.colour-background(\"button-background\");\n\n @include colour.colour-border(\"button-background\", $button-border-width);\n\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"button-text\");\n }\n\n &:hover {\n @include colour.colour-font(\"button-hover-text\");\n text-decoration: none;\n\n background: transparent;\n }\n\n .fa-solid {\n display: block;\n\n font-size: 0.9em;\n line-height: #{math.div(16, 18) * 2};\n }\n\n svg {\n height: 0.9em;\n flex-shrink: 0;\n\n align-self: center;\n\n fill: currentColor;\n }\n\n &--plain {\n @include typography.main-font-weight;\n\n background-color: transparent;\n\n border-color: transparent;\n\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"link\");\n }\n\n &:hover {\n @include typography.interacted-text-decoration;\n }\n }\n\n &--small#{&}--plain,\n &-group--small &--plain {\n // @include typography.main-font-weight-bold;\n }\n\n &--accent {\n @include colour.colour-background(\"button-accented-background\");\n\n @include colour.colour-border(\"button-accented-background\");\n\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"button-accented-text\");\n }\n\n &:hover {\n @include colour.colour-font(\"font-dark\");\n }\n }\n\n &--icon-right {\n flex-direction: row-reverse;\n }\n\n &--small,\n &-group--small & {\n padding: 0 spacing.space(0.5);\n\n @include typography.font-size(14);\n line-height: 1.5rem;\n }\n\n @mixin icon-only {\n padding-right: 0;\n padding-left: 0;\n\n gap: 0;\n\n font-size: 0 !important;\n line-height: 0 !important;\n\n .fa-solid {\n width: 2.5rem;\n\n @include typography.font-size(18);\n }\n\n svg {\n height: 1.5rem;\n margin: 0.5rem;\n }\n }\n\n @mixin icon-only-small {\n padding-right: 0;\n padding-left: 0;\n\n .fa-solid {\n width: 2rem;\n\n @include typography.font-size(18 * 0.9);\n line-height: 2rem;\n }\n\n svg {\n height: 1rem;\n margin: 0.5rem;\n }\n }\n\n &--icon-only {\n @include icon-only;\n }\n\n &--small#{&}--icon-only,\n &-group--small &--icon-only {\n @include icon-only-small;\n }\n\n @include media.on-mobile {\n &--icon-only-mobile {\n @include icon-only;\n }\n\n &--small#{&}--icon-only-mobile,\n &-group--small &--icon-only-mobile {\n @include icon-only-small;\n }\n }\n\n &--solid-hover {\n &:not(.tna-button--plain):hover {\n @include colour.colour-font(\"font-dark\");\n\n @include colour.colour-background(\"background\");\n }\n }\n\n .tna-background-accent & {\n &:hover {\n @include colour.colour-font(\"font-dark\");\n }\n }\n\n .tna-background-accent &--accent {\n @include colour.contrast;\n\n @include colour.colour-background(\"button-background\");\n\n @include colour.colour-border(\"button-background\");\n\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"button-text\");\n }\n\n &:hover {\n @include colour.colour-font(\"font-dark\");\n\n @include colour.colour-background(\"background\");\n }\n }\n\n @include colour.on-forced-colours {\n &:hover {\n @include typography.interacted-text-decoration;\n }\n }\n}\n","@use \"sass:math\";\n@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-card {\n @include spacing.space-above;\n\n position: relative;\n\n &__inner {\n display: flex;\n flex-direction: column;\n }\n\n &.tna-background-contrast &__inner,\n &.tna-background-tint &__inner,\n &.tna-background-accent &__inner {\n padding-bottom: spacing.space(1);\n }\n\n &--horizontal.tna-background-contrast &__inner,\n &--horizontal.tna-background-tint &__inner,\n &--horizontal.tna-background-accent &__inner {\n padding-right: spacing.space(1);\n padding-left: spacing.space(1);\n }\n\n &__heading {\n order: 2;\n }\n\n &__heading-link {\n &::after {\n display: none !important;\n }\n }\n\n &--full-click &__heading-link {\n &::before {\n content: \"\";\n\n position: absolute;\n inset: 0;\n z-index: 3;\n }\n }\n\n &__image-container {\n height: 0;\n margin-bottom: spacing.space(1);\n padding-bottom: #{math.div(2, 3) * 100%};\n\n position: relative;\n order: 1;\n }\n\n &__image {\n position: absolute;\n inset: 0;\n z-index: 1;\n\n img {\n width: 100%;\n height: 100%;\n\n object-fit: cover;\n }\n }\n\n &__image-label {\n max-width: calc(100% - #{spacing.space(1)});\n\n position: absolute;\n top: spacing.space(0.5);\n left: spacing.space(0.5);\n z-index: 2;\n\n .tna-background-accent &:not(.tna-chip--plain) {\n @include colour.accent;\n\n @include colour.colour-border(\"accent-background\");\n }\n }\n\n &__body {\n padding-top: spacing.space(1);\n\n order: 3;\n }\n\n &__meta {\n display: flex;\n flex-wrap: wrap;\n gap: spacing.space(0.5) spacing.space(1.5);\n\n line-height: 1.3;\n\n list-style: none;\n\n + p {\n margin-top: spacing.space(1);\n }\n }\n\n &__actions {\n margin-top: spacing.space(1);\n\n display: flex;\n gap: spacing.space(1) spacing.space(2);\n\n order: 4;\n }\n\n &__action {\n @include typography.main-font-weight-bold;\n }\n\n &__heading,\n &__body,\n &__actions {\n .tna-card.tna-background-contrast &,\n .tna-card.tna-background-tint &,\n .tna-card.tna-background-accent & {\n margin-right: spacing.space(1);\n margin-left: spacing.space(1);\n }\n }\n\n &--horizontal {\n aspect-ratio: auto 3/1;\n\n position: relative;\n\n @include media.on-larger-than-mobile {\n .tna-card__inner {\n margin-left: 50%;\n padding: spacing.space(2);\n }\n\n .tna-card__image-container {\n min-height: 50%;\n height: auto;\n margin-bottom: 0;\n padding-bottom: 0;\n\n display: block;\n\n position: absolute;\n inset: 0 50% 0 0;\n z-index: 1;\n }\n\n .tna-card__heading,\n .tna-card__body,\n .tna-card__actions {\n margin-right: 0;\n margin-left: 0;\n }\n }\n }\n\n &--horizontal.tna-background-contrast,\n &--horizontal.tna-background-tint,\n &--horizontal.tna-background-accent {\n @include media.on-mobile {\n .tna-card__inner {\n padding: 0 0 spacing.space(1);\n }\n\n .tna-card__image-container {\n margin-bottom: spacing.space(1);\n }\n\n .tna-card__heading,\n .tna-card__body,\n .tna-card__actions {\n margin-right: spacing.space(1);\n margin-left: spacing.space(1);\n }\n }\n }\n\n &__inner:has(&__heading + &__body) {\n padding-top: spacing.space(0.5);\n\n @include colour.thick-keyline-dark(top);\n }\n\n @include colour.on-high-contrast-and-forced-colours {\n @include colour.colour-border(\"keyline-dark\", 1px);\n }\n\n &:not(#{&}--horizontal) {\n @include colour.on-high-contrast-and-forced-colours {\n .tna-card__inner {\n padding-bottom: spacing.space(1);\n }\n\n .tna-card__heading,\n .tna-card__body,\n .tna-card__actions {\n margin-right: spacing.space(1);\n margin-left: spacing.space(1);\n }\n }\n }\n\n @include colour.on-high-contrast {\n @include colour.colour-border(\"keyline-dark\", 1px);\n }\n}\n","@use \"../../tools/colour\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-compound-filters {\n @include spacing.space-above;\n\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: spacing.space(0.5) spacing.space(0.75);\n\n list-style: none;\n\n &__item {\n padding: 0 spacing.space(0.125) 0 spacing.space(0.75);\n\n display: flex;\n align-items: center;\n gap: spacing.space(0.5);\n\n line-height: 1.75;\n\n border-radius: 1rem;\n\n @include typography.font-size(16);\n\n @include colour.colour-border(\"keyline\", 1px);\n\n &--remove {\n padding-right: 0;\n padding-left: 0;\n\n background: none;\n\n border: none;\n border-radius: 0;\n }\n }\n\n &__link {\n width: 1.5rem;\n height: 1.5rem;\n\n position: relative;\n\n font-size: 0;\n line-height: 0;\n\n text-decoration: none;\n\n border-radius: 100%;\n\n &::before,\n &::after {\n content: \"\";\n\n height: 1rem;\n margin-left: -1px;\n\n display: block;\n\n position: absolute;\n top: 0.25rem;\n left: 50%;\n\n @include colour.colour-border(\"font-base\", 2px, solid, left);\n }\n\n &::before {\n transform: rotate(45deg);\n }\n\n &::after {\n transform: rotate(-45deg);\n }\n\n &:hover {\n @include colour.contrast;\n }\n }\n}\n","@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-cookie-banner {\n padding-top: spacing.space(2);\n padding-bottom: spacing.space(2);\n\n @include media.on-tiny {\n padding-top: 1rem;\n padding-bottom: 1rem;\n\n @include typography.font-size(16);\n }\n\n &__message {\n &:focus {\n outline: none !important;\n }\n\n &--prompt {\n }\n\n &--accepted {\n }\n\n &--rejected {\n }\n }\n}\n","@use \"sass:math\";\n@use \"../../variables/borders\";\n@use \"../../tools/colour\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-details {\n @include spacing.space-above;\n\n &__details {\n }\n\n &__summary {\n padding: spacing.space(0.5) spacing.space(1) spacing.space(0.5)\n spacing.space(2.75);\n\n display: inline-block;\n\n position: relative;\n z-index: 1;\n\n @include colour.colour-font(\"link\");\n text-decoration: underline;\n text-decoration-thickness: 1.5px;\n\n list-style: none;\n\n border-radius: 0.1px;\n\n cursor: pointer;\n\n &::-webkit-details-marker {\n display: none;\n }\n\n &::before {\n content: \"\";\n\n width: 0;\n height: 0;\n\n position: absolute;\n top: calc(50% - 0.5rem);\n left: 0.75rem;\n\n border-width: 0.5rem 0 0.5rem #{math.div(math.sqrt(3), 2)}rem;\n border-color: transparent transparent transparent\n colour.colour-var(\"link\");\n border-style: solid;\n }\n\n &:hover {\n @include typography.interacted-text-decoration;\n }\n }\n\n &__content {\n padding: 0 0 0 spacing.space(2.75);\n\n &:has(.tna-table-wrapper):has(.tna-table) {\n padding-right: 0;\n padding-left: 0;\n\n .tna-table {\n &__caption {\n padding-top: 0;\n padding-bottom: spacing.space(1);\n\n font-size: inherit;\n line-height: inherit;\n text-align: left;\n caption-side: top;\n }\n }\n\n .tna-table-wrapper {\n padding-right: 0;\n padding-left: 0;\n\n left: 0;\n\n .tna-table {\n width: calc(100% - #{spacing.space(3.75)});\n margin-right: spacing.space(1);\n margin-left: spacing.space(2.75);\n }\n }\n }\n }\n\n &__details[open] &__summary {\n &::before {\n top: calc(50% - #{math.div(math.sqrt(3), 4)}rem);\n\n border-width: #{math.div(math.sqrt(3), 2)}rem 0.5rem 0 0.5rem;\n border-color: colour.colour-var(\"link\") transparent transparent\n transparent;\n }\n }\n\n &__details[open] &__content {\n position: relative;\n\n &::before {\n content: \"\";\n\n display: block;\n\n position: absolute;\n inset: 0 auto 0 calc(1.5rem - #{math.div(borders.$thick-border-width, 2)});\n\n @include colour.thick-keyline(left);\n }\n }\n\n @include colour.on-forced-colours {\n &__summary {\n &::before {\n content: \"\\2192\";\n\n width: auto;\n height: auto;\n\n top: calc(50% - 0.5rem);\n\n line-height: 1rem;\n\n border: none;\n }\n }\n\n &__details[open] &__summary {\n &::before {\n content: \"\\2193\";\n\n border: none;\n }\n }\n }\n}\n","@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-files-list {\n @include spacing.space-above;\n padding: spacing.space(1);\n\n display: flex;\n align-items: flex-start;\n gap: spacing.space(1);\n\n @include colour.tint;\n\n &__icon {\n width: 3rem;\n\n @include colour.colour-fill(\"font-dark\");\n }\n\n &__items {\n margin: 0;\n padding: 0 0 spacing.space(1) spacing.space(1);\n\n display: flex;\n flex-direction: column;\n // flex-wrap: wrap;\n gap: spacing.space(1) spacing.space(3);\n flex: 1;\n\n list-style: none;\n\n @include colour.colour-border(\"keyline\", 0, solid);\n border-left-width: 1px;\n }\n\n &__item {\n }\n\n &__link {\n }\n\n &__item-title {\n }\n\n &__item-meta {\n margin-top: 0;\n }\n\n &__item-description {\n margin-top: spacing.space(0.25);\n\n @include typography.font-size(16);\n }\n\n @include media.on-tiny {\n flex-direction: column;\n align-items: stretch;\n\n &__icon {\n width: 2rem;\n }\n\n &__items {\n padding-top: spacing.space(1);\n padding-left: 0;\n\n border-left: none;\n\n border-top-width: 1px;\n }\n }\n}\n","@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-footer {\n &__inner {\n @include colour.contrast;\n\n padding-top: spacing.space(1);\n padding-bottom: spacing.space(3);\n }\n\n &__theme-selector {\n .tna-button-group {\n justify-content: flex-end;\n }\n\n .tna-button {\n @include typography.main-font-weight-bold;\n }\n\n @include colour.on-forced-colours {\n display: none;\n }\n }\n\n &__theme-selector-button {\n }\n\n .tna-logo {\n margin-top: spacing.space(2);\n\n &__background {\n fill: transparent;\n }\n\n &__foreground {\n fill: currentColor;\n }\n }\n\n &__title {\n margin-top: spacing.space(1);\n margin-bottom: 0;\n padding-top: 0;\n }\n\n &__address {\n font-style: normal;\n }\n\n &__meta {\n margin-top: spacing.space(1);\n\n @include typography.font-size(16);\n }\n\n &__social {\n margin-top: spacing.space(2);\n\n &-items {\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n gap: spacing.space(0.3125);\n }\n\n &-item {\n &-link {\n width: calc(2rem + 8px);\n height: 2rem;\n padding: 4px;\n\n display: block;\n\n line-height: 1;\n\n text-align: center;\n\n border: 0 transparent solid;\n border-width: 4px 0;\n\n svg {\n height: 2rem;\n\n display: inline-block;\n\n path {\n fill: currentColor;\n }\n }\n\n &-text {\n }\n\n &:hover {\n @include colour.colour-border(\"link\", 4px, solid, bottom);\n }\n }\n }\n }\n\n &__mailing-list {\n margin-top: spacing.space(2);\n padding: spacing.space(1);\n\n @include typography.font-size(16);\n\n @include colour.colour-border(\"keyline-dark\", 1px, dashed);\n\n background-color: rgb(255 255 255 / 10%);\n }\n\n &__navigation {\n &-block {\n padding-top: spacing.space(2);\n\n &-heading {\n }\n\n &-items {\n }\n\n &-item {\n padding-top: spacing.space(0.375);\n padding-bottom: spacing.space(0.375);\n\n @include typography.font-size(16);\n\n @include colour.colour-border(\"keyline\", 1px, solid, bottom);\n\n &-link {\n display: inline-block;\n\n text-decoration: none;\n\n &:hover {\n @include typography.interacted-text-decoration;\n }\n\n .fa-solid {\n margin-left: spacing.space(0.75);\n }\n }\n }\n }\n }\n\n &__legal {\n padding-top: spacing.space(3);\n\n @include typography.font-size(16);\n\n &-items {\n margin-bottom: 0;\n\n text-align: center;\n\n @include media.on-tiny {\n text-align: inherit;\n }\n }\n\n &-item {\n padding: spacing.space(0.5);\n\n display: inline-block;\n\n @include media.on-tiny {\n display: block;\n }\n\n &-link {\n }\n }\n }\n\n hr {\n margin-top: spacing.space(1.5);\n margin-bottom: spacing.space(0.5);\n }\n\n &__licence {\n @include typography.font-size(16);\n\n &.tna-container {\n align-items: center;\n }\n\n .tna-column {\n margin-top: spacing.space(1);\n }\n }\n\n &__licence-logo {\n display: block;\n }\n\n &__govuk {\n text-align: center;\n\n &-link {\n display: inline-block;\n }\n\n &-logotype-crown {\n margin: 0 auto spacing.space(0.125);\n\n display: block;\n }\n }\n\n @include media.on-mobile {\n &__inner {\n padding-top: 0;\n padding-bottom: spacing.space(2);\n }\n }\n\n @include colour.on-high-contrast {\n &__theme-selector {\n @include colour.colour-border(\"keyline\", 1px, solid, bottom);\n }\n }\n\n @include colour.on-high-contrast-and-forced-colours {\n @include colour.thick-keyline-dark(top);\n\n &__navigation {\n &-block {\n &-items {\n @include colour.thick-keyline-dark(top);\n }\n }\n }\n\n &__mailing-list {\n background-color: transparent;\n\n @include colour.colour-border(\"keyline-dark\", 1px);\n }\n }\n}\n","@use \"../../tools/a11y\";\n@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-gallery {\n // min-height: 100dvh;\n max-height: 175dvh;\n\n display: grid;\n grid-template: min-content min-content 1fr / 2fr 1fr;\n gap: 0 spacing.space(1);\n\n @include colour.tint;\n\n border-radius: 0.1px;\n\n &:active {\n @include a11y.no-active-outline;\n }\n\n &__header {\n padding: spacing.space(1);\n\n grid-column: 1 / 3;\n grid-row: 1;\n\n display: flex;\n gap: spacing.space(2);\n }\n\n &__header-inner {\n flex: 1;\n }\n\n &__options {\n margin-top: 0;\n\n align-items: flex-start;\n\n justify-content: flex-end;\n\n flex: 1;\n\n .tna-button {\n white-space: nowrap;\n }\n }\n\n &__items,\n &__navigation-buttons {\n grid-column: 1 / 3;\n grid-row: 2;\n }\n\n &__items {\n position: relative;\n z-index: 1;\n\n border-radius: 0.1px;\n\n .tna-template--clicked &:focus {\n outline: none;\n }\n }\n\n &__item {\n display: flex;\n flex-direction: column;\n align-items: stretch;\n justify-content: center;\n }\n\n &__item-header {\n padding: spacing.space(1);\n\n line-height: 1;\n text-align: center;\n\n @include typography.main-font-weight-bold;\n @include typography.font-size(16);\n }\n\n &__item-figure {\n display: flex;\n flex-direction: column;\n align-items: stretch;\n gap: spacing.space(1);\n }\n\n &__item-figure-inner {\n width: 100%;\n max-height: 50vh;\n\n position: relative;\n\n @include colour.contrast;\n }\n\n &__item-image {\n margin: 0 auto;\n }\n\n &__item-description {\n margin: 0 spacing.space(1) spacing.space(1);\n padding: spacing.space(0.5) spacing.space(1);\n\n align-self: flex-start;\n\n @include colour.thick-keyline-dark(left);\n }\n\n &__navigation-buttons {\n width: 100%;\n max-height: 50vh;\n aspect-ratio: 3 / 2;\n\n position: relative;\n top: 3rem;\n z-index: 2;\n\n pointer-events: none;\n\n .tna-template--touched & {\n display: none;\n }\n }\n\n &__navigation-button {\n width: 25%;\n padding: 0;\n\n position: absolute;\n top: 0;\n bottom: 0;\n\n border: none;\n\n opacity: 0;\n\n cursor: pointer;\n pointer-events: auto;\n\n @include colour.tint;\n\n &:hover,\n &:focus {\n opacity: 1;\n }\n }\n\n &__navigation-prev {\n padding-right: 10%;\n\n left: 0;\n\n background: linear-gradient(\n 90deg,\n var(--background) 15%,\n rgb(0 0 0 / 0%) 100%\n );\n }\n\n &__navigation-next {\n padding-left: 10%;\n\n right: 0;\n\n background: linear-gradient(\n 270deg,\n var(--background) 15%,\n rgb(0 0 0 / 0%) 100%\n );\n }\n\n &__navigation-button-label {\n width: 1rem;\n height: 1rem;\n\n display: inline-block;\n\n font-size: 0;\n\n @include colour.colour-border(\"font-dark\", 4px, solid, top);\n @include colour.colour-border(\"font-dark\", 4px, solid, right);\n\n transform-origin: 50% 50%;\n }\n\n &__navigation-prev &__navigation-button-label {\n transform: rotate(-135deg);\n }\n\n &__navigation-next &__navigation-button-label {\n transform: rotate(45deg);\n }\n\n &__navigation {\n padding: spacing.space(1);\n\n grid-column: 1 / 3;\n grid-row: 3;\n\n display: grid;\n grid-template-columns: repeat(6, 1fr);\n grid-auto-rows: min-content;\n gap: spacing.space(1);\n\n overflow: auto;\n }\n\n &__navigation-item {\n min-width: 0;\n min-height: 0;\n aspect-ratio: 1;\n\n position: relative;\n\n border: none;\n\n cursor: pointer;\n\n @include colour.contrast;\n\n &:hover {\n &::after {\n content: \"\";\n\n position: absolute;\n inset: 0;\n z-index: 2;\n\n @include colour.thick-keyline-accent;\n }\n }\n\n &[aria-selected=\"true\"] {\n @include colour.accent;\n\n &::after {\n content: \"\";\n\n position: absolute;\n inset: 0;\n z-index: 2;\n\n @include colour.thick-keyline-brand(\"\", \"black\");\n }\n }\n }\n\n &__navigation-item-image {\n width: 100%;\n height: 100%;\n\n position: absolute;\n inset: 0;\n object-fit: cover;\n }\n\n &__navigation-item-label {\n padding: spacing.space(0.25) spacing.space(0.75);\n\n display: inline-block;\n\n position: absolute;\n top: 0;\n left: 0;\n z-index: 4;\n\n text-transform: capitalize;\n\n @include colour.colour-font(\"font-dark\");\n @include typography.font-size(24);\n @include typography.main-font-weight-bold;\n\n @include colour.colour-background(\"background\");\n }\n\n &--js &__item-figure-inner {\n aspect-ratio: 3 / 2;\n }\n\n &--js &__item-image {\n width: 100%;\n height: 100%;\n\n position: absolute;\n inset: 0;\n z-index: 1;\n object-fit: contain;\n }\n\n @include media.on-medium {\n &__navigation {\n grid-template-columns: repeat(4, 1fr);\n }\n }\n\n @include media.on-mobile {\n &__navigation {\n grid-template-columns: repeat(3, 1fr);\n }\n }\n\n @include media.on-tiny {\n &__options {\n align-items: flex-end;\n justify-content: flex-start;\n }\n\n &__navigation-item-label {\n @include typography.font-size(18);\n }\n }\n\n &--fullscreen {\n // max-height: 100dvh;\n }\n\n &--fullscreen &__header-inner {\n display: none;\n }\n\n &--fullscreen &__item-description {\n max-height: 4.5rem;\n\n overflow: auto;\n }\n\n // @media (display-mode: fullscreen) and (aspect-ratio >= 1/1), (display-mode: fullscreen) and (orientation: landscape) {\n @media (aspect-ratio >= 1/1) {\n &--fullscreen &__header {\n grid-column: 2 / 3;\n // padding-bottom: spacing.space(0.5);\n }\n\n &--fullscreen &__options {\n .tna-button[value=\"show-index\"] {\n display: none;\n }\n }\n\n &--fullscreen &__items,\n &--fullscreen &__navigation-buttons {\n grid-column: 1 / 2;\n grid-row: 1 / 4;\n }\n\n &--fullscreen &__item {\n height: 100%;\n }\n\n &--fullscreen &__item-header {\n // padding-top: spacing.space(0.5);\n // padding-bottom: spacing.space(0.5);\n }\n\n &--fullscreen &__item-figure {\n flex: 1;\n }\n\n &--fullscreen &__item-figure-inner,\n &--fullscreen &__navigation-buttons {\n max-height: none;\n flex: 1;\n\n aspect-ratio: auto;\n }\n\n &--fullscreen &__navigation {\n // padding-top: spacing.space(0.5);\n padding-top: 0;\n padding-left: 0;\n\n grid-column: 2 / 3;\n grid-row: 2 / 4;\n\n // grid-template-columns: repeat(3, minmax(8rem, 1fr));\n grid-template-columns: repeat(3, 1fr);\n gap: spacing.space(0.5);\n }\n }\n}\n","@use \"sass:math\";\n@use \"../../tools/colour\";\n@use \"../../tools/grid\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-global-header {\n padding-top: spacing.space(1);\n\n @include colour.contrast;\n background: linear-gradient(\n 0deg,\n rgb(34 34 34 / 100%) 0%,\n rgb(0 0 0 / 100%) 100%\n );\n\n @include colour.colour-font(\"font-base\");\n\n .tna-template--dark-theme & {\n background: colour.brand-colour(\"black\");\n }\n\n .tna-template--system-theme & {\n @media (prefers-color-scheme: dark) {\n background: colour.brand-colour(\"black\");\n }\n }\n\n &__main {\n padding-bottom: spacing.space(1.5);\n }\n\n &__logo-wrapper {\n margin-top: spacing.space(0.5);\n\n display: flex;\n }\n\n &__logo {\n display: flex;\n align-items: flex-end;\n gap: spacing.space(1);\n\n text-decoration: none;\n\n &--link {\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"font-base\");\n }\n\n &:hover {\n text-decoration: none;\n\n @include colour.colour-outline(\"font-dark\", 0.3125rem, solid);\n outline-offset: 1px;\n }\n }\n }\n\n .tna-logo {\n width: 6.75rem;\n height: 6.75rem;\n\n flex-shrink: 0;\n }\n\n &__logo-strapline {\n padding-right: spacing.space(0.625);\n\n line-height: math.div(6.75rem, 3);\n text-transform: uppercase;\n\n @include typography.heading-font;\n @include typography.font-size(20);\n }\n\n &__navigation-button-wrapper {\n display: none;\n }\n\n &__hamburger {\n width: 2rem;\n height: 0.25rem;\n\n display: block;\n\n @include colour.colour-background(\"font-dark\");\n\n &::before,\n &::after {\n content: \"\";\n\n height: 0.25rem;\n\n display: block;\n\n position: absolute;\n right: 0;\n left: 0;\n\n background-color: inherit;\n }\n\n &::before {\n top: 0;\n }\n\n &::after {\n bottom: 0;\n }\n }\n\n &__navigation-button {\n height: 2rem;\n padding: 0;\n\n appearance: none;\n\n display: block;\n\n position: relative;\n\n font-size: 0;\n\n background: none;\n\n border: 0 transparent solid;\n border-width: 0.25rem 0;\n\n cursor: pointer;\n\n &--opened {\n .tna-global-header__hamburger {\n height: 0;\n\n &::before {\n top: 0.625rem;\n\n transform: rotate(-135deg);\n }\n\n &::after {\n bottom: 0.625rem;\n\n transform: rotate(135deg);\n }\n }\n }\n }\n\n &__navigation-wrapper {\n }\n\n &__navigation {\n height: 100%;\n margin: spacing.space(0.5) 0 0;\n\n position: relative;\n\n columns: 2;\n column-gap: spacing.space(2);\n\n list-style: none;\n }\n\n &__navigation-item {\n break-inside: avoid;\n }\n\n &__navigation-item-link {\n min-width: 15rem;\n height: math.div(6.75rem, 3);\n\n display: block;\n box-sizing: border-box;\n\n line-height: math.div(6.75rem, 3);\n text-decoration: none;\n\n @include typography.font-size(17);\n\n @include colour.colour-border(\"keyline\", 0.5px, solid, bottom);\n\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"font-base\");\n }\n\n &:hover {\n @include typography.interacted-text-decoration;\n }\n }\n\n &__top-navigation {\n padding: 0 0 spacing.space(0.5);\n\n display: flex;\n justify-content: flex-end;\n gap: spacing.space(1.5);\n\n @include typography.font-size(15);\n list-style: none;\n }\n\n &__top-navigation-item {\n }\n\n &__top-navigation-link {\n display: flex;\n align-items: center;\n gap: spacing.space(0.5);\n\n text-decoration: none;\n\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"font-light\");\n }\n\n &:hover {\n @include colour.colour-font(\"font-base\");\n @include typography.interacted-text-decoration;\n }\n\n svg {\n height: 1em;\n\n display: inline-block;\n\n path {\n fill: currentColor;\n }\n }\n }\n\n @include media.on-medium {\n &__navigation {\n column-gap: spacing.space(1);\n }\n\n &__navigation-item-link {\n @include typography.font-size(16);\n }\n\n &--collapse-on-medium &__navigation-wrapper {\n width: 100%;\n }\n\n &--collapse-on-medium &__top-navigation-wrapper {\n flex: 1;\n order: 2;\n }\n\n &--collapse-on-medium &__main {\n padding-bottom: spacing.space(1);\n }\n\n &--collapse-on-medium &__logo {\n gap: spacing.space(0.75);\n }\n\n &--collapse-on-medium &__logo-wrapper {\n margin-top: spacing.space(0.5);\n margin-bottom: spacing.space(0.5);\n }\n\n &--collapse-on-medium .tna-logo {\n width: 5rem;\n height: 5rem;\n }\n\n &--collapse-on-medium &__logo-strapline {\n line-height: math.div(5rem, 3);\n }\n\n &--collapse-on-medium &__navigation {\n margin-bottom: spacing.space(0.5);\n }\n\n &--collapse-on-medium &__navigation,\n &--collapse-on-medium &__navigation-item,\n &--collapse-on-medium &__navigation-item-link {\n height: auto;\n }\n }\n\n @include media.on-mobile {\n &__main {\n padding-bottom: 0;\n }\n\n &__logo-wrapper,\n &__navigation-button-wrapper {\n margin-top: 0;\n margin-bottom: spacing.space(1);\n }\n\n &__logo {\n gap: spacing.space(0.75);\n }\n\n &__navigation-button-wrapper {\n display: flex;\n align-items: center;\n }\n\n &__navigation,\n &__navigation-item,\n &__navigation-item-link {\n height: auto;\n }\n\n &__navigation {\n margin-top: 0;\n\n columns: 1;\n\n background-color: rgb(255 255 255 / 10%);\n\n @include colour.colour-border(\"keyline-dark\", 2px, solid, top);\n @include colour.colour-border(\"keyline-dark\", 2px, solid, bottom);\n }\n\n &__navigation-item {\n flex-direction: column;\n align-items: flex-start;\n }\n\n &__navigation-item-link {\n line-height: 1.75rem;\n @include typography.main-font-weight-medium;\n }\n\n &__navigation-item:last-child &__navigation-item-link {\n border-bottom: none;\n }\n\n &__navigation-item-contents {\n display: block;\n }\n\n &__navigation-item-children {\n margin-bottom: spacing.space(1);\n margin-left: spacing.space(1.5);\n }\n\n &__top-navigation {\n padding-top: spacing.space(1);\n padding-bottom: spacing.space(1);\n\n justify-content: flex-start;\n }\n }\n\n @include media.on-small {\n .tna-logo {\n width: 4rem;\n height: 4rem;\n }\n\n &__logo-strapline {\n line-height: 1.25rem;\n }\n\n &__navigation {\n width: calc(100% + #{grid.gutter-width-double()});\n\n left: -#{grid.gutter-width()};\n }\n\n &__navigation-item-link {\n padding: spacing.space(0.5) grid.gutter-width();\n }\n }\n\n @include media.on-tiny {\n .tna-logo {\n width: 3.5rem;\n height: 3.5rem;\n }\n\n &__logo-strapline {\n line-height: 1;\n }\n\n &__navigation {\n width: calc(100% + #{grid.gutter-width-tiny-double()});\n\n left: -#{grid.gutter-width-tiny()};\n }\n\n &__navigation-item-link {\n padding: spacing.space(0.5) grid.gutter-width-tiny();\n }\n }\n\n @include colour.on-high-contrast-and-forced-colours {\n @include colour.colour-border(\"keyline\", 1px, solid, bottom);\n }\n\n @include colour.on-forced-colours {\n &__navigation-button {\n height: auto;\n\n line-height: 2;\n @include typography.font-size(18);\n @include typography.main-font-weight-bold;\n\n border: none;\n }\n\n &__hamburger {\n display: none;\n }\n }\n}\n","@use \"sass:math\";\n@use \"../../tools/colour\";\n@use \"../../tools/grid\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-header {\n @include colour.contrast;\n\n position: relative;\n\n background: linear-gradient(\n 0deg,\n rgb(34 34 34 / 100%) 0%,\n rgb(0 0 0 / 100%) 100%\n );\n\n .tna-template--dark-theme & {\n background: colour.brand-colour(\"black\");\n }\n\n .tna-template--system-theme & {\n @media (prefers-color-scheme: dark) {\n background: colour.brand-colour(\"black\");\n }\n }\n\n &__exit {\n padding-top: spacing.space(0.5);\n padding-bottom: spacing.space(0.5);\n\n text-align: right;\n\n @include colour.contrast;\n }\n\n &__exit-link {\n text-decoration: none;\n @include typography.font-size(16);\n\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"font-base\");\n }\n\n &:hover {\n text-decoration: underline;\n }\n\n .fa-solid {\n margin-left: spacing.space(0.5);\n }\n }\n\n &__contents {\n &.tna-container {\n justify-content: space-between;\n }\n }\n\n &__logo {\n padding-top: spacing.space(1.5);\n padding-bottom: spacing.space(1.5);\n }\n\n &__logo-contents {\n display: flex;\n align-items: flex-end;\n\n color: inherit;\n text-decoration: none;\n\n &--link {\n &,\n &:link,\n &:visited {\n color: inherit;\n }\n\n &:hover:not(:focus) {\n text-decoration: none;\n\n @include colour.colour-outline(\"font-dark\", 0.3125rem, solid);\n outline-offset: 1px;\n }\n }\n }\n\n .tna-logo {\n width: 6rem;\n height: 6rem;\n\n display: inline-block;\n\n flex-shrink: 0;\n }\n\n &__logo-strapline {\n margin: 0 spacing.space(0.75);\n\n display: inline-block;\n\n line-height: 2rem;\n @include typography.heading-font;\n @include typography.font-size(20);\n text-transform: uppercase;\n }\n\n &__navigation-toggle {\n align-self: center;\n\n display: none;\n }\n\n &__hamburger {\n width: 2rem;\n height: 0.25rem;\n\n display: block;\n\n @include colour.colour-background(\"font-dark\");\n\n &::before,\n &::after {\n content: \"\";\n\n height: 0.25rem;\n\n display: block;\n\n position: absolute;\n right: 0;\n left: 0;\n\n background-color: inherit;\n }\n\n &::before {\n top: 0;\n }\n\n &::after {\n bottom: 0;\n }\n }\n\n &__navigation-toggle-button {\n height: 2rem;\n padding: 0;\n\n appearance: none;\n\n display: block;\n\n position: relative;\n\n font-size: 0;\n\n background: none;\n\n border: 0 transparent solid;\n border-width: 0.25rem 0;\n\n cursor: pointer;\n\n &--opened {\n .tna-header__hamburger {\n height: 0;\n\n &::before {\n top: 0.625rem;\n\n transform: rotate(-135deg);\n }\n\n &::after {\n bottom: 0.625rem;\n\n transform: rotate(135deg);\n }\n }\n }\n }\n\n &__navigation {\n display: flex;\n flex-direction: column-reverse;\n align-items: flex-end;\n justify-content: space-between;\n\n position: relative;\n z-index: 2;\n }\n\n &__top-navigation-items {\n margin: 0;\n padding: spacing.space(1.25) 0;\n\n display: flex;\n justify-content: flex-end;\n gap: spacing.space(0.5) spacing.space(1.5);\n\n line-height: 1;\n\n list-style: none;\n\n @include typography.font-size(15);\n }\n\n &__top-navigation-item {\n display: block;\n }\n\n &__top-navigation-item-link {\n display: flex;\n align-items: center;\n\n text-decoration: none;\n\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"font-light\");\n }\n\n &:hover,\n &--selected {\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"font-base\");\n @include typography.interacted-text-decoration;\n }\n }\n\n .fa-solid {\n margin-right: spacing.space(0.375);\n }\n }\n\n &__navigation-items {\n margin: 0;\n padding: 0;\n\n display: flex;\n flex-wrap: nowrap;\n gap: spacing.space(2);\n\n white-space: nowrap;\n\n list-style: none;\n }\n\n &__navigation-item {\n }\n\n &__navigation-item-link {\n padding: spacing.space(0.5) 0;\n\n display: inline-block;\n\n position: relative;\n\n line-height: 2;\n text-decoration: none;\n\n @include typography.main-font-weight-medium;\n\n &::after {\n content: \"\";\n\n height: 0;\n\n position: absolute;\n right: 0;\n bottom: 0;\n left: 0;\n\n @include colour.colour-background(\"font-dark\");\n }\n\n &,\n &:link,\n &:visited {\n color: inherit;\n }\n\n &--selected {\n &,\n &:hover {\n &::after {\n @include colour.thick-keyline-dark(top);\n }\n }\n }\n }\n\n &.tna-background-accent {\n background: colour.colour-var(\"background\");\n }\n\n &.tna-background-accent &__navigation {\n @include colour.contrast-on-mobile;\n }\n\n @include media.on-medium {\n .tna-logo {\n width: 5rem;\n height: 5rem;\n }\n\n &__logo-strapline {\n line-height: 1.625rem;\n }\n }\n\n @include media.on-mobile {\n &__logo {\n padding-top: spacing.space(1);\n padding-bottom: spacing.space(1);\n }\n\n &__contents {\n &.tna-container {\n padding-right: 0;\n padding-left: 0;\n }\n }\n\n &__navigation-toggle {\n display: block;\n\n &.tna-column {\n padding-left: 0;\n }\n }\n\n &__navigation {\n flex-direction: column;\n align-items: stretch;\n\n &.tna-column {\n padding-right: 0;\n padding-left: 0;\n }\n\n .tna-template--js-enabled & {\n display: none;\n\n &--open {\n display: flex;\n }\n }\n }\n\n &__top-navigation-items {\n padding: spacing.space(0.5) spacing.space(1);\n\n justify-content: flex-start;\n\n @include colour.colour-border(\"keyline\", 1px, solid, bottom);\n }\n\n &__top-navigation-item {\n margin: 0;\n padding: spacing.space(0.5);\n }\n\n &__top-navigation-item-link {\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"font-light\");\n }\n\n &:hover {\n @include colour.colour-font(\"font-dark\");\n }\n }\n\n &__navigation-items {\n width: 100%;\n\n flex-direction: column;\n gap: 0;\n\n background-color: rgb(255 255 255 / 10%);\n\n @include colour.colour-border(\"keyline-dark\", 2px, solid, top);\n @include colour.colour-border(\"keyline-dark\", 2px, solid, bottom);\n }\n\n &__navigation-item {\n margin: 0;\n\n display: block;\n\n @include colour.colour-border(\"keyline\", 1px, solid, top);\n\n &:first-child {\n border-top: none;\n }\n }\n\n &__navigation-item-link {\n display: block;\n\n line-height: 1.75rem;\n\n &::after {\n width: 0;\n height: auto;\n\n top: 0;\n right: auto;\n }\n\n &--selected {\n &,\n &:hover {\n &::after {\n @include colour.colour-border(\"keyline\", 0.5rem, solid, left);\n }\n }\n }\n }\n }\n\n @include media.on-small {\n .tna-logo {\n width: 4rem;\n height: 4rem;\n }\n\n &__logo-strapline {\n line-height: 1.25rem;\n }\n\n &__logo.tna-column,\n &__navigation-item-link,\n &__navigation-toggle.tna-column {\n padding-right: grid.gutter-width();\n }\n\n &__logo.tna-column,\n &__navigation-item-link {\n padding-left: grid.gutter-width();\n }\n\n &__top-navigation-items {\n padding-right: calc(#{grid.gutter-width()} - 0.5rem);\n padding-left: calc(#{grid.gutter-width()} - 0.5rem);\n }\n }\n\n @include media.on-tiny {\n &__navigation-toggle.tna-column,\n &__logo.tna-column {\n padding-right: grid.gutter-width-tiny();\n }\n\n &__logo.tna-column {\n padding-left: grid.gutter-width-tiny();\n }\n\n .tna-logo {\n width: 3.5rem;\n height: 3.5rem;\n }\n\n &__logo-strapline {\n line-height: 1;\n }\n\n &__top-navigation-items {\n gap: 0.5rem;\n }\n\n &__navigation-item-link {\n padding-right: grid.gutter-width-tiny();\n padding-left: calc(#{grid.gutter-width-tiny()} + 0.5rem);\n }\n }\n\n @include colour.on-high-contrast-and-forced-colours {\n &,\n &__exit {\n @include colour.colour-border(\"keyline\", 1px, solid, bottom);\n }\n }\n\n @include colour.on-forced-colours {\n &__navigation-toggle-button {\n height: auto;\n\n line-height: 2;\n @include typography.font-size(18);\n @include typography.main-font-weight-bold;\n\n border: none;\n }\n\n &__hamburger {\n display: none;\n }\n }\n}\n","@use \"sass:math\";\n\n@use \"../../tools/colour\";\n@use \"../../tools/grid\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n$padding-units-top: 10 !default;\n$padding-units-bottom: 2 !default;\n$padding-units-narrow: 3 !default;\n$shift-units: 5 !default;\n\n.tna-hero {\n &__figure {\n min-height: clamp(\n #{spacing.space($padding-units-top + $padding-units-bottom)},\n calc(40vw - #{spacing.space($padding-units-top + $padding-units-bottom)}),\n 50rem\n );\n margin: 0;\n padding-top: spacing.space($padding-units-top);\n padding-bottom: spacing.space($padding-units-bottom);\n\n display: flex;\n align-items: flex-end;\n\n position: relative;\n }\n\n &__caption {\n width: 100%;\n\n overflow: visible;\n\n position: absolute;\n top: 0;\n right: 0;\n z-index: 5;\n }\n\n &__details {\n width: 100%;\n\n overflow: visible;\n }\n\n &__details-summary {\n width: 1.5rem;\n height: 1.5rem;\n\n position: absolute;\n top: spacing.space(0.5);\n right: spacing.space(0.5);\n z-index: 2;\n\n font-size: 0;\n line-height: 1.5rem;\n text-align: center;\n\n list-style: none;\n\n border-radius: 100%;\n\n cursor: pointer;\n\n @include colour.accent;\n\n @include colour.colour-border(\"background\", 4px);\n\n &:hover {\n @include colour.colour-font(\"background\");\n\n @include colour.colour-background(\"font-base\");\n }\n }\n\n &__details-summary-icon {\n font-size: 1.25rem;\n font-weight: 700;\n font-style: normal;\n text-transform: lowercase;\n }\n\n &__information {\n width: 45rem;\n max-width: 75vw;\n padding: spacing.space(0.625) spacing.space(3.25) spacing.space(0.625)\n spacing.space(1);\n\n position: absolute;\n top: 0;\n right: 0;\n z-index: 1;\n\n @include colour.contrast;\n\n @include typography.font-size(16);\n }\n\n &__image {\n position: absolute;\n inset: 0;\n z-index: 1;\n\n img {\n width: 100%;\n height: 100%;\n\n object-fit: cover;\n }\n }\n\n &__details[open] &__details-summary {\n @include colour.contrast;\n\n &::before,\n &::after {\n content: \"\";\n\n width: 1.5rem;\n height: 0.125rem;\n\n display: block;\n\n position: absolute;\n top: 50%;\n left: 50%;\n\n @include colour.colour-background(\"font-dark\");\n }\n\n &::before {\n transform: translate(-50%, -50%) rotate(45deg);\n }\n\n &::after {\n transform: translate(-50%, -50%) rotate(-45deg);\n }\n\n &:hover {\n &::before,\n &::after {\n height: 0.25rem;\n }\n }\n\n &-icon {\n font-size: 0;\n }\n }\n\n &__inner {\n position: relative;\n z-index: 4;\n }\n\n &:not(.tna-background-accent, .tna-background-tint) &__inner {\n @include colour.contrast-on-mobile;\n }\n\n &__content {\n }\n\n &__content-inner {\n padding: spacing.space(2);\n\n @include colour.colour-background(\"background\");\n }\n\n &__heading {\n }\n\n &__body {\n }\n\n &--split {\n }\n\n &--split:not(.tna-background-accent, .tna-background-tint) {\n @include colour.contrast;\n }\n\n &--split &__figure {\n min-height: clamp(15rem, #{math.div(100vw, 3)}, 50rem);\n padding-top: spacing.space(2);\n padding-bottom: spacing.space(2);\n\n align-items: center;\n\n box-sizing: border-box;\n }\n\n &--split &__information {\n max-width: 50%;\n\n box-sizing: border-box;\n }\n\n &--split &__image {\n left: 50%;\n }\n\n &--split &__content {\n width: 50%;\n padding-right: grid.gutter-width();\n }\n\n &--split &__content-inner {\n padding: 0;\n }\n\n &--shift {\n margin-bottom: spacing.space($shift-units - $padding-units-bottom);\n }\n\n &--shift &__content-inner {\n position: relative;\n top: spacing.space($shift-units);\n }\n\n &--shift:not(.tna-background-accent, .tna-background-tint) &__content-inner {\n @include colour.contrast;\n }\n\n &--narrow {\n }\n\n &--narrow &__figure {\n min-height: max(#{spacing.space($padding-units-narrow * 2)}, 20rem);\n padding-top: spacing.space($padding-units-narrow);\n padding-bottom: spacing.space($padding-units-narrow);\n }\n\n @include media.on-mobile {\n & &__figure {\n min-height: auto;\n padding: 0;\n\n flex-direction: column;\n }\n\n &__caption {\n order: 2;\n }\n\n &__details {\n }\n\n &__details-summary {\n }\n\n &__details-summary-icon {\n }\n\n &__information,\n &--split &__information {\n width: auto;\n max-width: none;\n\n left: 0;\n }\n\n &__image {\n width: 100%;\n\n position: static;\n\n order: 1;\n\n img {\n height: auto;\n }\n }\n\n &__inner {\n order: 3;\n }\n\n &__content {\n }\n\n &__content-inner {\n padding-right: 0;\n padding-left: 0;\n }\n\n &__heading {\n }\n\n &__body {\n margin-top: spacing.space(1);\n }\n\n &--shift {\n margin-bottom: 0;\n }\n\n &--shift &__content-inner {\n position: static;\n }\n\n &--split &__figure {\n min-height: auto;\n padding-top: 0;\n padding-bottom: 0;\n }\n\n &--split &__content {\n width: 100%;\n padding-right: grid.gutter-width-half();\n }\n\n &--split &__content-inner {\n padding-top: spacing.space(2);\n padding-bottom: spacing.space(2);\n }\n }\n\n @include colour.on-high-contrast-and-forced-colours {\n &__information,\n &__content-inner {\n @include colour.colour-border(\"keyline-dark\", 1px);\n }\n\n @include media.on-mobile {\n &__inner {\n @include colour.colour-border(\"keyline-dark\", 1px);\n border-top: 0;\n }\n\n &__content-inner {\n border: none;\n }\n }\n }\n}\n","@use \"sass:math\";\n@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-index-grid {\n @include spacing.space-above;\n\n &__heading {\n }\n\n &__items {\n @include spacing.space-above;\n\n margin-bottom: 0;\n\n display: flex;\n gap: spacing.space(2) 0;\n\n list-style: none;\n }\n\n &__item {\n @include colour.contrast;\n\n height: 100%;\n\n display: flex;\n flex-direction: column;\n\n position: relative;\n\n text-decoration: none;\n\n .tna-background-contrast & {\n @include colour.accent;\n }\n\n @include colour.on-high-contrast-and-forced-colours {\n @include colour.colour-border(\"keyline-dark\", 1px);\n }\n }\n\n &__item-image {\n width: 100%;\n height: auto;\n }\n\n &__item-content {\n padding: spacing.space(1);\n\n flex: 1;\n }\n\n &__item-label {\n position: absolute;\n top: spacing.space(0.5);\n left: spacing.space(0.5);\n }\n\n &__item-title {\n text-decoration: underline;\n\n .tna-index-grid__item:hover & {\n &,\n &:link,\n &:visited {\n @include typography.interacted-text-decoration;\n }\n }\n }\n\n &__item-subtitle {\n @include colour.colour-font(\"font-light\");\n @include typography.font-size(16);\n }\n}\n","@use \"sass:math\";\n@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-pagination {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: center;\n gap: spacing.space(1);\n\n @include spacing.space-above;\n\n &--spaced {\n justify-content: space-between;\n }\n\n &__prev {\n }\n\n &__next {\n }\n\n &__link {\n min-width: 1.5rem;\n padding-right: spacing.space(0.5);\n padding-left: spacing.space(0.5);\n }\n\n &__icon {\n display: inline-block;\n\n path {\n fill: currentColor;\n }\n\n &--prev {\n margin-left: spacing.space(0.5);\n }\n\n &--next {\n margin-right: spacing.space(0.5);\n }\n }\n\n &__link-title {\n padding-right: spacing.space(0.5);\n padding-left: spacing.space(0.5);\n }\n\n &__list {\n margin: 0;\n padding: 0;\n\n display: flex;\n align-items: center;\n gap: spacing.space(0.25);\n\n list-style: none;\n }\n\n &__item {\n &--ellipses {\n min-width: 2rem;\n padding: spacing.space(0.5);\n\n text-align: center;\n }\n\n &--current {\n }\n }\n\n &__item--current &__link {\n .tna-background-accent & {\n }\n }\n\n &__current-item-text {\n margin-top: 0;\n\n @include typography.main-font-weight-medium;\n }\n\n @include media.on-mobile {\n flex-direction: column;\n }\n\n @include media.on-tiny {\n &__item {\n display: none;\n\n &:first-child,\n &:last-child,\n &--current,\n &--ellipses {\n display: block;\n }\n }\n }\n}\n","@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-phase-banner {\n @include colour.contrast;\n\n padding-top: spacing.space(0.5);\n padding-bottom: spacing.space(0.5);\n\n @include typography.font-size(16);\n\n border-bottom: 1px transparent solid;\n\n .tna-container {\n align-items: center;\n }\n\n &__phase {\n @include typography.main-font-weight-bold;\n text-transform: uppercase;\n }\n\n &__message {\n }\n\n @include colour.on-high-contrast-and-forced-colours {\n @include colour.colour-border(\"keyline\", 1px, solid, bottom);\n }\n}\n","@use \"../../tools/colour\";\n@use \"../../tools/grid\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-picture {\n @include spacing.space-above;\n margin-right: 0;\n margin-bottom: 0;\n margin-left: 0;\n padding: 0;\n\n &__image-wrapper {\n padding: spacing.space(1.5);\n\n position: relative;\n }\n\n &__image {\n width: auto;\n height: auto;\n max-height: 40rem;\n margin: 0 auto;\n\n box-shadow:\n 0 0.25rem 1rem -0.25rem rgb(0 0 0 / 25%),\n 0 0.125rem 0.5rem -0.25rem rgb(0 0 0 / 75%);\n }\n\n &__toggle-transcript {\n position: absolute;\n right: spacing.space(1);\n bottom: spacing.space(1);\n }\n\n &__transcript {\n @include colour.contrast;\n\n padding: spacing.space(1) spacing.space(1.5);\n\n .tna-template--clicked &:focus {\n outline: none;\n }\n\n .tna-tabs {\n margin-bottom: spacing.space(0.5);\n }\n }\n\n &__caption {\n margin: 0 spacing.space(1);\n padding: spacing.space(1);\n\n @include typography.font-size(16);\n\n @include colour.colour-border(\"keyline\", 1px, solid, bottom);\n }\n\n @include media.on-tiny {\n &__image-wrapper {\n padding: 0;\n }\n }\n\n @include media.on-tiny {\n .tna-column & {\n width: calc(100% + #{grid.gutter-width-tiny-double()});\n\n position: relative;\n left: -#{grid.gutter-width-tiny()};\n }\n\n &__image {\n max-height: 60rem;\n }\n\n &__caption {\n margin-right: 0;\n margin-left: 0;\n\n @include typography.font-size(14);\n }\n }\n\n @include colour.on-high-contrast-and-forced-colours {\n @include colour.colour-border(\"keyline-dark\", 1px);\n\n &__caption {\n margin: 0;\n\n border: none;\n }\n }\n}\n","@use \"../../tools/colour\";\n@use \"../../tools/spacing\";\n\n.tna-quick-filters {\n @include spacing.space-above;\n\n display: flex;\n flex-wrap: wrap;\n gap: spacing.space(0.5) spacing.space(0.75);\n\n list-style: none;\n\n &--stacked {\n flex-direction: column;\n align-items: flex-start;\n }\n\n &--filled {\n align-items: flex-start;\n }\n\n &--stacked#{&}--filled {\n align-items: stretch;\n }\n\n &__item {\n }\n\n &--filled &__item {\n flex: 1 1 auto;\n\n text-align: center;\n }\n\n &__link {\n padding: 0 spacing.space(0.75);\n\n display: block;\n\n line-height: 1.75;\n\n text-decoration: none;\n\n // border-radius: 1rem;\n\n @include colour.colour-border(\"keyline\", 1px);\n\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"font-base\");\n }\n\n &:hover {\n @include colour.tint;\n }\n }\n\n &__item--selected &__link {\n &,\n &:link,\n &:visited,\n &:hover {\n @include colour.accent;\n @include colour.colour-border(\"background\");\n }\n }\n}\n","@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-records-list {\n @include spacing.space-above;\n margin-bottom: 0;\n padding: 0;\n\n list-style: none;\n\n @include colour.thick-keyline-accent(top);\n\n &__item {\n padding: spacing.space(1) spacing.space(1.5);\n\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: spacing.space(2);\n\n @include colour.colour-border(\"keyline\", 1px);\n border-top-width: 0;\n }\n\n &__image {\n width: 6rem;\n height: auto;\n }\n\n &__details {\n margin: 0;\n\n flex: 1;\n }\n\n &__title-label,\n &__date-label {\n display: none;\n }\n\n &__collection-description,\n &__title-description,\n &__date-description {\n width: 100%;\n margin: 0;\n }\n\n &__collection-label,\n &__collection-description {\n display: inline-block;\n }\n\n &__collection-label {\n &::after {\n content: \":\";\n content: \":\" / \"\";\n }\n }\n\n &__collection-description {\n }\n\n &__title-label {\n }\n\n &__title-description {\n padding-bottom: spacing.space(0.25);\n\n @include typography.detail-font(true);\n }\n\n &__date-label {\n }\n\n &__date-description {\n @include colour.colour-font(\"font-light\");\n @include typography.font-size(16);\n }\n\n @include media.on-tiny {\n &__item {\n padding: spacing.space(1);\n\n flex-direction: column;\n align-items: flex-start;\n\n gap: spacing.space(1);\n }\n }\n}\n","@use \"../../variables/a11y\";\n@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-sidebar {\n width: 100%;\n\n @include typography.font-size(16);\n\n &__heading {\n }\n\n &__items {\n padding-top: max(spacing.space(0.5), #{a11y.$focus-outline-padding});\n }\n\n &__item {\n }\n\n &__items,\n &__item-children {\n display: flex;\n flex-direction: column;\n gap: spacing.space(0.25);\n\n list-style: none;\n }\n\n &__item-children {\n }\n\n &__item-child {\n }\n\n &__link {\n }\n\n /*\n * ------------------------------------------\n * Contents\n * ------------------------------------------\n */\n &--contents &__item-children {\n margin-top: spacing.space(0.25);\n padding-left: spacing.space(2);\n\n @include colour.thick-keyline(\"left\");\n }\n\n /*\n * ------------------------------------------\n * Sections\n * ------------------------------------------\n */\n &--sections &__link {\n padding: spacing.space(0.125) spacing.space(0.5);\n\n display: block;\n }\n\n &--sections &__item--current &__link {\n @include colour.accent;\n }\n\n /*\n * ------------------------------------------\n * Pages\n * ------------------------------------------\n */\n &--pages &__item--current {\n padding-left: spacing.space(0.75);\n\n @include colour.thick-keyline-accent(\"left\");\n }\n\n &--pages &__item--current > &__link {\n @include typography.main-font-weight-bold;\n }\n\n &--pages &__item-children {\n gap: 0;\n }\n\n /*\n * ------------------------------------------\n * Dashed items\n * ------------------------------------------\n */\n &--contents &__items,\n &--pages &__item-children {\n padding-left: spacing.space(1.5);\n }\n\n &--contents &__item,\n &--contents &__item-child,\n &--pages &__item-child {\n list-style: \"— \" outside;\n\n &::marker {\n @include colour.colour-font(\"font-light\");\n }\n }\n\n /*\n * ------------------------------------------\n * Sticky\n * ------------------------------------------\n */\n &--sticky {\n max-height: calc(100vh - spacing.space(0.5));\n max-height: calc(100dvh - spacing.space(0.5));\n\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n\n position: sticky;\n top: spacing.space(0.5);\n }\n\n &--sticky &__items {\n width: 100%;\n margin: 0;\n padding-right: a11y.$focus-outline-padding;\n padding-bottom: a11y.$focus-outline-padding;\n padding-left: a11y.$focus-outline-padding;\n\n box-sizing: content-box;\n overflow-y: auto;\n\n position: relative;\n left: -#{a11y.$focus-outline-padding};\n flex: 1;\n }\n}\n","@use \"../../variables/a11y\" as a11yVars;\n@use \"../../tools/a11y\";\n@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-skip-link {\n width: 1px !important;\n height: 1px !important;\n margin: 0 !important;\n padding: 0 !important;\n\n display: block !important;\n\n overflow: hidden !important;\n\n position: absolute !important;\n left: -100vw;\n\n white-space: nowrap !important;\n\n clip: rect(0 0 0 0) !important;\n -webkit-clip-path: inset(50%) !important;\n clip-path: inset(50%) !important;\n\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"button-text\", $important: true);\n }\n\n &:focus {\n @include colour.colour-background(\"button-background\", $important: true);\n\n @include colour.colour-border(\n \"focus-outline\",\n a11yVars.$focus-outline-width,\n $important: true\n );\n outline: none !important;\n }\n\n &:active,\n &:focus {\n width: auto !important;\n height: auto !important;\n margin: inherit !important;\n padding: spacing.space(1) !important;\n\n overflow: visible !important;\n\n position: static !important;\n\n white-space: inherit !important;\n\n clip: auto !important;\n -webkit-clip-path: none !important;\n clip-path: none !important;\n\n &:hover {\n @include colour.colour-font(\"button-hover-text\", $important: true);\n\n @include colour.colour-background(\n \"button-hover-background\",\n $important: true\n );\n }\n }\n}\n","@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-tabs {\n @include spacing.space-above;\n\n &__list {\n margin: 0 0 spacing.space(1);\n padding: 0;\n\n display: flex;\n flex-wrap: nowrap;\n align-items: stretch;\n gap: spacing.space(1);\n\n list-style: none;\n }\n\n &__list-item {\n }\n\n &__list-item-link {\n padding: spacing.space(0.5) 0;\n\n display: flex;\n\n align-items: center;\n\n position: relative;\n\n text-align: center;\n text-decoration: none;\n\n background: transparent;\n\n border: none;\n\n cursor: pointer;\n\n @include typography.font-size(20);\n @include typography.heading-font;\n\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"font-dark\");\n }\n\n &::after {\n content: \"\";\n\n position: absolute;\n right: 0;\n bottom: 0;\n left: 0;\n }\n\n &:hover,\n &--selected,\n &--selected:hover {\n text-decoration: none;\n\n &::after {\n @include colour.thick-keyline-dark(top);\n }\n }\n\n .tna-template--js-enabled & {\n @include colour.colour-font(\"font-light\");\n\n &:hover {\n &::after {\n @include colour.thick-keyline(top);\n }\n }\n\n &--selected {\n @include colour.colour-font(\"font-dark\");\n\n &::after,\n &:hover::after {\n @include colour.thick-keyline-dark(top);\n }\n }\n }\n }\n\n &__items {\n // &:not(:target-within) {\n // .tna-tabs__item:first-child {\n // display: block;\n // }\n // }\n }\n\n &__item {\n display: none;\n\n &:first-child {\n display: block;\n }\n\n &:has(~ :target) {\n display: none;\n }\n\n &:target {\n display: block;\n }\n\n .tna-template--js-enabled & {\n display: block;\n\n &[hidden] {\n display: none;\n }\n }\n\n .tna-template--clicked &:focus {\n outline: none;\n }\n }\n\n @include colour.on-high-contrast-and-forced-colours {\n &__list {\n @include colour.colour-border(\"keyline-dark\", 1px, solid, bottom);\n }\n }\n\n // @include colour.on-forced-colours {\n // &__list-item-link {\n // &--selected {\n // padding-bottom: spacing.space(0.125);\n\n // border-bottom-width: 0.375rem;\n // }\n // }\n // }\n}\n","@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-warning {\n @include spacing.space-above;\n padding: spacing.space(1);\n\n display: flex;\n align-items: flex-start;\n gap: spacing.space(1);\n\n @include colour.accent-light;\n\n @include colour.colour-background-brand(\"cream\");\n\n @include colour.thick-keyline-brand(left, \"yellow\");\n\n @include media.on-tiny {\n flex-direction: column;\n gap: spacing.space(0.5);\n }\n\n &__heading {\n }\n\n &__heading-icon {\n width: 2rem;\n height: 2rem;\n\n display: block;\n\n line-height: 2rem;\n text-align: center;\n text-transform: lowercase;\n\n border-radius: 100%;\n\n @include colour.colour-font(\"font-dark\");\n @include typography.font-size(24);\n @include typography.main-font-weight-bold;\n\n @include colour.colour-border(\"font-dark\", 0.1875rem);\n\n @include media.on-mobile {\n width: 1.5rem;\n height: 1.5rem;\n\n @include typography.font-size(19);\n line-height: 1.5rem;\n\n @include colour.colour-border(\"font-dark\", 0.125rem);\n }\n }\n\n &__body {\n width: 100%;\n margin-top: 0;\n\n flex: 1;\n\n align-self: center;\n }\n}\n","@use \"../../variables/forms\";\n@use \"../../tools/a11y\";\n@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n\n.tna-checkboxes {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: spacing.space(1);\n\n &__item {\n position: relative;\n\n input {\n width: 1px;\n height: 1px;\n margin: 0;\n padding: 0;\n\n position: absolute;\n top: -1px;\n left: -1px;\n\n opacity: 0;\n }\n\n &-label {\n padding-left: spacing.space(3);\n\n display: block;\n\n line-height: 2rem;\n\n cursor: pointer;\n\n &::before,\n &::after {\n content: \"\";\n\n width: 2rem;\n\n position: absolute;\n top: 0;\n left: 0;\n\n @include colour.always-light;\n }\n\n &::before {\n height: 2rem;\n\n display: block;\n box-sizing: border-box;\n\n z-index: 1;\n\n @include colour.colour-background(\"input-background\");\n\n @include colour.colour-border(\n \"input-border\",\n forms.$form-field-border-width\n );\n border-radius: 0.1px;\n }\n\n &::after {\n width: 1.25rem;\n height: 0.5rem;\n margin-top: -0.1875rem;\n\n display: none;\n\n top: 1rem;\n left: 1rem;\n z-index: 2;\n\n @include colour.colour-border(\"input-background\", 0, solid);\n border-width: 0 0 forms.$checkbox-checkmark-width\n forms.$checkbox-checkmark-width;\n\n transform: translateX(-50%) translateY(-50%) rotate(-45deg);\n }\n }\n }\n\n &--small {\n gap: spacing.space(0.5);\n }\n\n &--small &__item {\n &-label {\n padding-left: spacing.space(2.25);\n\n line-height: 1.5rem;\n\n &::before {\n width: 1.5rem;\n height: 1.5rem;\n }\n\n &::after {\n width: 0.825rem;\n height: 0.375rem;\n margin-top: -0.125rem;\n\n top: 0.75rem;\n left: 0.75rem;\n }\n }\n }\n\n &--inline {\n flex-flow: row wrap;\n\n align-items: center;\n gap: spacing.space(1) spacing.space(2);\n\n @include media.on-tiny {\n flex-direction: column;\n align-items: flex-start;\n }\n }\n\n &__item-label:active {\n &::before {\n @include a11y.focus-outline;\n @include a11y.active-outline;\n }\n }\n\n input:focus + &__item-label {\n &::before {\n @include a11y.focus-outline;\n }\n }\n\n input:checked + &__item-label {\n &::before {\n @include colour.colour-background(\"input-foreground\");\n }\n\n &::after {\n display: block;\n }\n }\n\n &--small &__item:hover &__item-label {\n &::before {\n box-shadow: 0 0 0 0.125rem var(--input-border);\n }\n }\n}\n","@use \"../../variables/forms\";\n@use \"../../tools/colour\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-date-input {\n display: flex;\n gap: spacing.space(1);\n\n &__item {\n &-label {\n display: block;\n\n @include typography.font-size(16);\n }\n\n &-input {\n width: 3rem;\n padding: 0 spacing.space(0.375);\n\n display: block;\n box-sizing: border-box;\n\n @include colour.always-light;\n @include colour.colour-font(\"input-foreground\");\n font-size: inherit;\n line-height: 2rem;\n\n @include colour.colour-background(\"input-background\");\n\n @include colour.colour-border(\n \"input-border\",\n forms.$form-field-border-width\n );\n border-radius: 0;\n\n &--wider {\n width: 4.5rem;\n }\n\n .tna-form__group--error & {\n @include colour.colour-border(\"form-error-border\");\n }\n }\n }\n\n &--inline {\n }\n}\n","@use \"../../variables/forms\";\n@use \"../../tools/colour\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-date-search {\n max-width: 100%;\n padding: 0 spacing.space(0.375);\n\n display: block;\n box-sizing: border-box;\n\n @include colour.always-light;\n @include colour.colour-font(\"input-foreground\");\n @include typography.detail-font;\n font-size: inherit;\n line-height: 2rem;\n\n @include colour.colour-background(\"input-background\");\n\n @include colour.colour-border(\"input-border\", forms.$form-field-border-width);\n border-radius: 0;\n\n .tna-form__group--error & {\n @include colour.colour-border(\"form-error-border\");\n }\n\n &--max-width {\n width: 100%;\n }\n}\n","@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-error-summary {\n @include spacing.space-above;\n padding: spacing.space(1);\n\n @include colour.always-light;\n\n @include colour.colour-background(\"background\");\n\n @include colour.colour-border(\"form-error-border\", 0.3125rem, solid);\n\n &:focus {\n outline: none;\n }\n\n &__list {\n margin: spacing.space(0.5) 0 0;\n\n list-style: none;\n }\n\n &__item {\n }\n\n &__link {\n @include typography.main-font-weight-bold;\n\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"form-error-text\");\n }\n }\n}\n","@use \"../../variables/forms\";\n@use \"../../tools/a11y\";\n@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n\n.tna-radios {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: spacing.space(1);\n\n &__item {\n position: relative;\n\n input {\n width: 1px;\n height: 1px;\n margin: 0;\n padding: 0;\n\n position: absolute;\n top: -1px;\n left: -1px;\n\n opacity: 0;\n }\n\n &-label {\n padding-left: spacing.space(3);\n\n display: block;\n\n line-height: 2rem;\n\n cursor: pointer;\n\n &::before,\n &::after {\n content: \"\";\n\n position: absolute;\n top: 0;\n left: 0;\n\n border-radius: 100%;\n\n @include colour.always-light;\n }\n\n &::before {\n width: 2rem;\n height: 2rem;\n\n display: block;\n box-sizing: border-box;\n\n z-index: 1;\n\n @include colour.colour-background(\"input-background\");\n\n @include colour.colour-border(\n \"input-border\",\n forms.$form-field-border-width\n );\n }\n\n &::after {\n margin: 0.5rem;\n\n display: none;\n\n z-index: 2;\n\n @include colour.colour-background(\"input-foreground\");\n\n @include colour.colour-border(\"input-foreground\", 0.5rem);\n }\n }\n }\n\n &--small {\n gap: spacing.space(0.5);\n }\n\n &--small &__item {\n &-label {\n padding-left: spacing.space(2.25);\n\n line-height: 1.5rem;\n\n &::before {\n width: 1.5rem;\n height: 1.5rem;\n }\n\n &::after {\n margin: 0.3125rem;\n\n @include colour.colour-border(\"input-foreground\", 0.4375rem);\n }\n }\n }\n\n &--inline {\n flex-flow: row wrap;\n\n align-items: center;\n gap: spacing.space(1) spacing.space(2);\n\n @include media.on-tiny {\n flex-direction: column;\n align-items: flex-start;\n }\n }\n\n &__item-label:active {\n &::before {\n @include a11y.focus-outline;\n @include a11y.active-outline;\n }\n }\n\n input:focus + &__item-label {\n &::before {\n @include a11y.focus-outline;\n }\n }\n\n input:checked + &__item-label {\n &::after {\n display: block;\n }\n }\n\n &--small &__item:hover &__item-label {\n &::before {\n box-shadow: 0 0 0 0.125rem var(--input-border);\n }\n }\n}\n","@use \"../../variables/forms\";\n@use \"../../tools/colour\";\n@use \"../../tools/spacing\";\n\n.tna-search-field {\n @include spacing.space-above;\n\n &__fields {\n align-self: stretch;\n\n display: flex;\n }\n\n &__input {\n min-width: 8rem;\n padding: 0 spacing.space(0.375);\n\n display: block;\n flex: 1;\n\n @include colour.always-light;\n @include colour.colour-font(\"input-foreground\");\n font-size: inherit;\n line-height: 2rem;\n\n @include colour.colour-background(\"input-background\");\n\n @include colour.colour-border(\"input-border\");\n border-width: forms.$form-field-border-width 0\n forms.$form-field-border-width forms.$form-field-border-width;\n border-style: solid;\n border-radius: 0.1px;\n\n .tna-template--dark-theme &,\n .tna-background-contrast & {\n margin-right: forms.$form-field-border-width;\n\n border-width: 0;\n }\n\n .tna-template--dark-theme .tna-background-accent-light & {\n margin-right: 0;\n\n border-width: forms.$form-field-border-width;\n }\n\n @media (prefers-color-scheme: dark) {\n .tna-template--system-theme & {\n margin-right: forms.$form-field-border-width;\n\n border-width: 0;\n }\n\n .tna-background-accent-light & {\n margin-right: 0;\n\n border-width: forms.$form-field-border-width;\n }\n }\n\n @include colour.on-high-contrast {\n .tna-background-contrast & {\n margin-right: 0;\n\n border-width: forms.$form-field-border-width;\n }\n }\n }\n\n &__button {\n }\n\n @include colour.on-forced-colours {\n &__input {\n border-width: forms.$form-field-border-width !important;\n }\n }\n}\n","$form-field-border-width: 2px !default;\n$checkbox-checkmark-width: 0.1875rem !default;\n","@use \"../../variables/forms\";\n@use \"../../tools/colour\";\n@use \"../../tools/spacing\";\n\n.tna-select {\n max-width: 100%;\n height: calc(2rem + 6px);\n padding: 0 spacing.space(1) 0 spacing.space(0.5);\n\n display: block;\n\n @include colour.always-light;\n @include colour.colour-font(\"input-foreground\");\n font-size: inherit;\n line-height: 2rem;\n\n @include colour.colour-background(\"input-background\");\n\n @include colour.colour-border(\"input-border\", forms.$form-field-border-width);\n border-radius: 0.1px;\n\n // &--styled {\n // padding: 0 spacing.space(2.5) 0 spacing.space(0.75);\n\n // appearance: none;\n\n // background-image: url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUwMHB4IiBoZWlnaHQ9IjUwMHB4IiB2aWV3Qm94PSIwIDAgNTAwIDUwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTAwIDUwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSIyNTAsNDAwIDUwLDEwMCA0NTAsMTAwIiBmaWxsPSIjMDAwIi8+PC9zdmc+\");\n // background-position: center right 0.5rem;\n // background-size: 0.75rem 0.75rem;\n // background-repeat: no-repeat;\n // }\n\n .tna-form__group--error & {\n @include colour.colour-border(\"form-error-border\");\n }\n\n &--s {\n width: 10rem;\n }\n\n &--m {\n width: 20rem;\n }\n\n &--l {\n width: 40rem;\n }\n\n &--xl {\n width: 80rem;\n }\n}\n","@use \"../../variables/forms\";\n@use \"../../tools/colour\";\n@use \"../../tools/spacing\";\n\n.tna-text-input {\n width: 100%;\n padding: 0 spacing.space(0.375);\n\n display: block;\n box-sizing: border-box;\n\n @include colour.always-light;\n @include colour.colour-font(\"input-foreground\");\n font-size: inherit;\n line-height: 2rem;\n\n @include colour.colour-background(\"input-background\");\n\n @include colour.colour-border(\"input-border\", forms.$form-field-border-width);\n border-radius: 0.1px;\n\n .tna-form__group--error & {\n @include colour.colour-border(\"form-error-border\");\n }\n\n &--xs {\n max-width: 5rem;\n }\n\n &--s {\n max-width: 10rem;\n }\n\n &--m {\n max-width: 20rem;\n }\n\n &--l {\n max-width: 40rem;\n }\n\n &--xl {\n max-width: 80rem;\n }\n}\n","@use \"../../variables/forms\";\n@use \"../../tools/colour\";\n@use \"../../tools/spacing\";\n\n$textarea-minimum-lines-visible: 5.5 !default;\n$textarea-line-height: 1.5rem !default;\n$textarea-vertical-padding: 0.25 !default;\n\n.tna-textarea {\n width: 100%;\n min-height: #{($textarea-line-height * $textarea-minimum-lines-visible) + (\n spacing.space($textarea-vertical-padding * 2)\n )};\n padding: spacing.space($textarea-vertical-padding) spacing.space(0.5);\n\n display: block;\n box-sizing: border-box;\n\n font-family: inherit;\n font-size: inherit;\n line-height: 1.5rem;\n\n border-radius: 0.1px;\n\n resize: vertical;\n\n @include colour.always-light;\n @include colour.colour-font(\"input-foreground\");\n\n @include colour.colour-background(\"input-background\");\n\n @include colour.colour-border(\"input-border\", forms.$form-field-border-width);\n\n .tna-form__group--error & {\n @include colour.colour-border(\"form-error-border\");\n }\n\n &--m {\n max-width: 20rem;\n }\n\n &--l {\n max-width: 40rem;\n }\n\n &--xl {\n max-width: 80rem;\n }\n}\n"]}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/nationalarchives/all.scss","../../src/nationalarchives/utilities/_imports.scss","../../src/nationalarchives/tools/_colour.scss","../../src/nationalarchives/tools/_media.scss","../../src/nationalarchives/tools/_spacing.scss","../../src/nationalarchives/utilities/_a11y.scss","../../src/nationalarchives/tools/_a11y.scss","../../src/nationalarchives/variables/_a11y.scss","../../src/nationalarchives/utilities/_areas.scss","../../src/nationalarchives/utilities/colour/_index.scss","../../src/nationalarchives/utilities/_columns.scss","../../src/nationalarchives/utilities/typography/_index.scss","../../src/nationalarchives/tools/_typography.scss","../../src/nationalarchives/variables/_typography.scss","../../src/nationalarchives/utilities/forms/_index.scss","../../src/nationalarchives/utilities/_global.scss","../../src/nationalarchives/utilities/grid/_index.scss","../../src/nationalarchives/variables/_grid.scss","../../src/nationalarchives/tools/_grid.scss","../../src/nationalarchives/utilities/lists/_index.scss","../../src/nationalarchives/utilities/overrides/_index.scss","../../src/nationalarchives/utilities/_reset.scss","../../src/nationalarchives/utilities/tables/_index.scss","../../src/nationalarchives/components/accordion/accordion.scss","../../src/nationalarchives/components/breadcrumbs/breadcrumbs.scss","../../src/nationalarchives/components/button/_button-group.scss","../../src/nationalarchives/components/button/button.scss","../../src/nationalarchives/components/card/card.scss","../../src/nationalarchives/components/compound-filters/compound-filters.scss","../../src/nationalarchives/components/cookie-banner/cookie-banner.scss","../../src/nationalarchives/components/details/details.scss","../../src/nationalarchives/components/files-list/files-list.scss","../../src/nationalarchives/components/footer/footer.scss","../../src/nationalarchives/components/gallery/gallery.scss","../../src/nationalarchives/components/global-header/global-header.scss","../../src/nationalarchives/components/header/header.scss","../../src/nationalarchives/components/hero/hero.scss","../../src/nationalarchives/components/index-grid/index-grid.scss","../../src/nationalarchives/components/pagination/pagination.scss","../../src/nationalarchives/components/phase-banner/phase-banner.scss","../../src/nationalarchives/components/picture/picture.scss","../../src/nationalarchives/components/quick-filters/quick-filters.scss","../../src/nationalarchives/components/records-list/records-list.scss","../../src/nationalarchives/components/sidebar/sidebar.scss","../../src/nationalarchives/components/skip-link/skip-link.scss","../../src/nationalarchives/components/tabs/tabs.scss","../../src/nationalarchives/components/warning/warning.scss","../../src/nationalarchives/components/checkboxes/checkboxes.scss","../../src/nationalarchives/components/date-input/date-input.scss","../../src/nationalarchives/components/date-search/date-search.scss","../../src/nationalarchives/components/error-summary/error-summary.scss","../../src/nationalarchives/components/radios/radios.scss","../../src/nationalarchives/components/search-field/search-field.scss","../../src/nationalarchives/variables/_forms.scss","../../src/nationalarchives/components/select/select.scss","../../src/nationalarchives/components/text-input/text-input.scss","../../src/nationalarchives/components/textarea/textarea.scss"],"names":[],"mappings":"CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCuDU,wHCsHV,uRAhKM,oxDAmKJ,+BAHF,uRAhJM,8vDA4JN,i0BACE,yCACA,uCACA,uCACA,yCACA,yCACA,6BACA,6CACA,mCACA,6CACA,2CACA,uDACA,uDACA,mEACA,2CAjJA,4CAJA,gCCgCA,wBDiIF,sIAEI,yCACA,uCACA,uCACA,yCACA,yCACA,6BACA,6CACA,mCACA,6CACA,2CACA,uDACA,uDACA,mEACA,2CA5KF,4CAJA,iCA6LF,iQACE,qCA1LA,4CAJA,gCAyMF,wrBACE,uCACA,qCACA,qCACA,uCACA,uCACA,2BACA,mCACA,iCACA,2CACA,8CACA,yCACA,yCACA,qDACA,qDACA,iEApNA,4CAJA,gCAmOF,0CACE,6CACA,qBACA,0BACA,8BACA,iCACA,8BACA,wBACA,kCACA,kCAIA,kCAIA,8CAIA,kCACA,uCArPA,4CAJA,gCA+PE,mCADF,kGAEI,gBACA,yBAIJ,8FACE,gBACA,wBAQJ,kEACE,iDACA,yDACA,6CACA,kDACA,4CACA,4CACA,+CACA,gDACA,uCACA,+CACA,4CACA,iDACA,sDACA,0DAOF,wTACE,kDACA,kDACA,qDACA,sDACA,6CACA,qDACA,kDACA,uDACA,sDAGF,+DACE,6CACA,yDACA,yCACA,oDACA,gDACA,4DAQF,4DACE,iDACA,yDACA,6CACA,kDACA,0DAQF,kEACE,iDACA,yDACA,4CACA,iDACA,0DAQF,+DACE,+CACA,yDACA,8CACA,mDACA,wDAQF,4DACE,gDACA,yDACA,6CACA,kDACA,yDElZF,ghBACE,gBAEA,w6BACE,aAIJ,sBACE,gBAEA,8CACE,aCpBJ,8CAEE,qBACA,sBACA,oBACA,qBAEA,2BAEA,6BACA,uBACA,wBACA,sBAEA,0CAEA,oBAEA,iCAQF,QACE,UHmEE,yDIvFF,eCRqB,IF+CvB,SCnCE,iBDyCA,qDACE,aGnDJ,aACE,iBACA,oBAGF,WAEE,aNgaA,8BMlaF,WNuEM,+CAqVJ,+BM5ZF,WNuEM,+CM/DJ,kBACE,aLgEF,wBK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,WACA,UAUI,wBACE,oBACA,UAGF,+BACE,2BAGF,8BACE,0BAVF,uBACE,qBACA,UAGF,8BACE,4BAGF,6BACE,2BAVF,uBACE,UACA,UAGF,8BACE,iBAGF,6BACE,gBAVF,uBACE,qBACA,UAGF,8BACE,4BAGF,6BACE,2BAVF,wBACE,qBACA,UAGF,+BACE,4BAGF,8BACE,2BAVF,uBACE,UACA,UAGF,8BACE,iBAGF,6BACE,gBAVF,wBACE,qBACA,UAGF,+BACE,4BAGF,8BACE,2BAVF,uBACE,qBACA,UAGF,8BACE,4BAGF,6BACE,2BAVF,uBACE,UACA,UAGF,8BACE,iBAGF,6BACE,gBAVF,uBACE,qBACA,UAGF,8BACE,4BAGF,6BACE,2BAVF,yBACE,qBACA,UAGF,gCACE,4BAGF,+BACE,2BAkCN,oBACE,WAEA,SAHF,oBACE,WAEA,SAHF,oBACE,WAEA,SAKF,qBACE,MAFS,EACX,qBACE,MAFS,EACX,qBACE,MAFS,EACX,qBACE,MAFS,EfnDf,kDeZE,yBACE,WACA,UAUI,8BACE,qBACA,UAGF,qCACE,4BAGF,oCACE,2BAVF,8BACE,qBACA,UAGF,qCACE,4BAGF,oCACE,2BAVF,8BACE,UACA,UAGF,qCACE,iBAGF,oCACE,gBAVF,8BACE,qBACA,UAGF,qCACE,4BAGF,oCACE,2BAVF,8BACE,qBACA,UAGF,qCACE,4BAGF,oCACE,2BAwBN,oCACE,eAGF,mCACE,cAKF,2BACE,WAEA,SAHF,2BACE,WAEA,SAHF,2BACE,WAEA,SAKF,4BACE,MAFS,EACX,4BACE,MAFS,EACX,4BACE,MAFS,EACX,4BACE,MAFS,GfvCf,wBacA,eACE,kBACA,iBAGF,YACE,kBACA,kBb3BF,kDelBE,wBACE,WACA,UAUI,6BACE,UACA,UAGF,oCACE,iBAGF,mCACE,gBAVF,6BACE,UACA,UAGF,oCACE,iBAGF,mCACE,gBAVF,6BACE,UACA,UAGF,oCACE,iBAGF,mCACE,gBAwBN,mCACE,eAGF,kCACE,cAKF,0BACE,WAEA,SAHF,0BACE,WAEA,SAHF,0BACE,WAEA,SAKF,2BACE,MAFS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","file":"all.css","sourcesContent":["/*!\n * ------------------------------------------\n *\n * TNA Frontend\n * github.com/nationalarchives/tna-frontend\n *\n * Explore 1,000 years of history\n * www.nationalarchives.gov.uk\n *\n * ------------------------------------------\n */\n\n@use \"variables\";\n@use \"tools\";\n@use \"utilities\";\n@use \"components\";\n","@use \"../variables/assets\";\n@use \"../variables/typography\";\n@use \"../lib/functions\";\n\n@if typography.$use-local-fonts {\n @font-face {\n font-family: typography.$main-font-family-name;\n src: url(\"#{assets.$tna-font-path}/#{typography.$main-font-file}\");\n font-weight: typography.$main-font-weight;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: typography.$main-font-family-name;\n src: url(\"#{assets.$tna-font-path}/#{typography.$main-font-file-medium}\");\n font-weight: typography.$main-font-weight-medium;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: typography.$main-font-family-name;\n src: url(\"#{assets.$tna-font-path}/#{typography.$main-font-file-bold}\");\n font-weight: typography.$main-font-weight-bold;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: typography.$detail-font-family-name;\n src: url(\"#{assets.$tna-font-path}/#{typography.$detail-font-file}\");\n font-weight: typography.$detail-font-weight;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: typography.$detail-font-family-name;\n src: url(\"#{assets.$tna-font-path}/#{typography.$detail-font-file-bold}\");\n font-weight: typography.$detail-font-weight-bold;\n font-style: normal;\n font-display: swap;\n }\n} @else {\n $main-font-family-name: functions.str-replace(\n typography.$main-font-family-name,\n \" \",\n \"+\"\n );\n $detail-font-family-name: functions.str-replace(\n typography.$detail-font-family-name,\n \" \",\n \"+\"\n );\n @import url(\"https://fonts.googleapis.com/css2?family=#{$main-font-family-name}:wght@#{typography.$main-font-weight}..#{typography.$main-font-weight-bold}&family=#{$detail-font-family-name}:wght@#{typography.$detail-font-weight}..#{typography.$detail-font-weight-bold}&display=swap\"); /* stylelint-disable-line */\n}\n","@use \"sass:list\";\n@use \"sass:map\";\n@use \"../variables/borders\";\n@use \"../variables/colour\";\n@use \"../tools/media\";\n\n@function brand-colour($colour, $opacity: 1) {\n @return colour.brand-colour($colour, $opacity);\n}\n\n@mixin colour-css-vars($excludes...) {\n @each $name, $value in colour.$colour-palette-default {\n @if not list.index($excludes, $name) {\n --#{$name}: #{$value};\n }\n }\n}\n\n@mixin colour-css-vars-dark($excludes...) {\n @each $name, $value in colour.$colour-palette-dark {\n @if not list.index($excludes, $name) {\n --#{$name}: #{$value};\n }\n }\n}\n\n@mixin colour-css-vars-high-contrast($excludes...) {\n @each $name, $value in colour.$colour-palette-high-contrast {\n @if not list.index($excludes, $name) {\n --#{$name}: #{$value};\n }\n }\n}\n\n@mixin colour-css-vars-high-contrast-dark($excludes...) {\n @each $name, $value in colour.$colour-palette-high-contrast-dark {\n @if not list.index($excludes, $name) {\n --#{$name}: #{$value};\n }\n }\n}\n\n@function colour-var($colour) {\n @return var(\n --#{$colour},\n #{map.get(colour.$colour-palette-default, $colour)}\n );\n}\n\n@mixin colour-font($colour, $important: false) {\n color: colour-var($colour) if($important, !important, null);\n}\n\n@mixin colour-background($colour, $important: false) {\n background-color: colour-var($colour) if($important, !important, null);\n}\n\n@mixin colour-background-brand($brandColour, $important: false) {\n background-color: #{brand-colour($brandColour)} if($important, !important, null);\n}\n\n@mixin colour-border(\n $colour,\n $width: \"\",\n $style: solid,\n $direction: \"\",\n $important: false\n) {\n @if $direction != \"\" {\n @if $width != \"\" {\n border-#{$direction}: $width\n colour-var($colour)\n $style\n if($important, !important, null);\n } @else {\n border-#{$direction}-color: colour-var($colour)\n if($important, !important, null);\n }\n } @else {\n @if $width != \"\" {\n border: $width\n colour-var($colour)\n $style\n if($important, !important, null);\n } @else {\n border-color: var(\n --#{$colour},\n #{map.get(colour.$colour-palette-default, $colour)}\n )\n if($important, !important, null);\n }\n }\n}\n\n@mixin colour-outline($colour, $width: \"\", $style: solid, $important: false) {\n @if $width != \"\" {\n outline: $width colour-var($colour) $style if($important, !important, null);\n } @else {\n outline-color: colour-var($colour) if($important, !important, null);\n }\n}\n\n@mixin colour-fill($colour, $important: false) {\n fill: colour-var($colour) if($important, !important, null);\n}\n\n@mixin thick-keyline($direction: \"\") {\n @if $direction != \"\" {\n @include colour-border(\n \"keyline\",\n borders.$thick-border-width,\n solid,\n $direction\n );\n } @else {\n @include colour-border(\"keyline\", borders.$thick-border-width, solid);\n }\n}\n\n@mixin thick-keyline-dark($direction: \"\") {\n @if $direction != \"\" {\n @include colour-border(\n \"keyline-dark\",\n borders.$thick-border-width,\n solid,\n $direction\n );\n } @else {\n @include colour-border(\"keyline-dark\", borders.$thick-border-width, solid);\n }\n}\n\n@mixin thick-keyline-accent($direction: \"\") {\n @if $direction != \"\" {\n @include colour-border(\n \"accent-border\",\n borders.$thick-border-width,\n solid,\n $direction\n );\n } @else {\n @include colour-border(\"accent-border\", borders.$thick-border-width, solid);\n }\n}\n\n@mixin thick-keyline-error($direction: \"\") {\n @if $direction != \"\" {\n @include colour-border(\n \"form-error-border\",\n borders.$thick-border-width,\n solid,\n $direction\n );\n } @else {\n @include colour-border(\n \"form-error-border\",\n borders.$thick-border-width,\n solid\n );\n }\n}\n\n@mixin thick-keyline-brand($direction: \"\", $brandColour) {\n @if $direction != \"\" {\n border-#{$direction}: borders.$thick-border-width\n #{brand-colour($brandColour)}\n solid;\n } @else {\n border: borders.$thick-border-width #{brand-colour($brandColour)} solid;\n }\n}\n\n// Use light theme colours (except for \"form-error-border\")\n%always-light {\n @include colour-css-vars(\"form-error-border\");\n\n @media (prefers-contrast: more) {\n @include colour-css-vars-high-contrast(\"form-error-border\");\n }\n}\n\n@mixin always-light {\n @extend %always-light;\n}\n\n%contrast {\n --background: var(--contrast-background);\n --font-base: var(--contrast-font-base);\n --font-dark: var(--contrast-font-dark);\n --font-light: var(--contrast-font-light);\n --icon-light: var(--contrast-icon-light);\n --link: var(--contrast-link);\n --link-visited: var(--contrast-link-visited);\n --keyline: var(--contrast-keyline);\n --keyline-dark: var(--contrast-keyline-dark);\n --button-text: var(--contrast-button-text);\n --button-background: var(--contrast-button-background);\n --button-hover-text: var(--contrast-button-hover-text);\n --button-hover-background: var(--contrast-button-hover-background);\n --accent-list-marker: var(--accent-border);\n // --accent-list-marker: var(--font-base);\n\n @include colour-background(\"background\");\n\n @include colour-font(\"font-base\");\n}\n\n@mixin contrast {\n @extend %contrast;\n}\n\n%contrast-on-mobile {\n @include media.on-mobile {\n --background: var(--contrast-background);\n --font-base: var(--contrast-font-base);\n --font-dark: var(--contrast-font-dark);\n --font-light: var(--contrast-font-light);\n --icon-light: var(--contrast-icon-light);\n --link: var(--contrast-link);\n --link-visited: var(--contrast-link-visited);\n --keyline: var(--contrast-keyline);\n --keyline-dark: var(--contrast-keyline-dark);\n --button-text: var(--contrast-button-text);\n --button-background: var(--contrast-button-background);\n --button-hover-text: var(--contrast-button-hover-text);\n --button-hover-background: var(--contrast-button-hover-background);\n --accent-list-marker: var(--accent-border);\n // --accent-list-marker: var(--font-base);\n\n @include colour-background(\"background\");\n\n @include colour-font(\"font-base\");\n }\n}\n\n@mixin contrast-on-mobile {\n @extend %contrast-on-mobile;\n}\n\n%tint {\n --background: var(--background-tint);\n\n @include colour-background(\"background\");\n\n @include colour-font(\"font-base\");\n}\n\n@mixin tint {\n @extend %tint;\n}\n\n%accent {\n --background: var(--accent-background);\n --font-base: var(--accent-font-base);\n --font-dark: var(--accent-font-dark);\n --font-light: var(--accent-font-light);\n --icon-light: var(--accent-icon-light);\n --link: var(--accent-link);\n --link-visited: var(--accent-link);\n --keyline: var(--accent-keyline);\n --keyline-dark: var(--accent-keyline-dark);\n --accent-list-marker: var(--accent-font-base);\n --accent-border: var(--accent-font-dark);\n --button-text: var(--accent-button-text);\n --button-background: var(--accent-button-background);\n --button-hover-text: var(--accent-button-hover-text);\n --button-hover-background: var(--accent-button-hover-background);\n\n @include colour-background(\"background\");\n\n @include colour-font(\"font-base\");\n}\n\n@mixin accent {\n @extend %accent;\n}\n\n%accent-light {\n --background: var(--accent-background-light);\n --font-base: #{map.get(colour.$colour-palette-default, \"font-base\")};\n --font-dark: #{map.get(colour.$colour-palette-default, \"font-dark\")};\n --font-light: #{map.get(colour.$colour-palette-default, \"font-light\")};\n --icon-light: #{map.get(colour.$colour-palette-default, \"icon-light\")};\n --keyline: #{map.get(colour.$colour-palette-default, \"keyline\")};\n --keyline-dark: #{map.get(colour.$colour-palette-default, \"keyline-dark\")};\n --button-text: #{map.get(colour.$colour-palette-default, \"button-text\")};\n --button-background: #{map.get(\n colour.$colour-palette-default,\n \"button-background\"\n )};\n --button-hover-text: #{map.get(\n colour.$colour-palette-default,\n \"button-hover-text\"\n )};\n --button-hover-background: #{map.get(\n colour.$colour-palette-default,\n \"button-hover-background\"\n )};\n --accent-border: var(--font-base);\n --accent-list-marker: var(--font-base);\n\n @include colour-background(\"background\");\n @include colour-font(\"font-base\");\n\n .tna-template--system-theme & {\n @media (prefers-color-scheme: dark) {\n --link: #{map.get(colour.$colour-palette-default, \"link\")};\n --link-visited: #{map.get(colour.$colour-palette-default, \"link-visited\")};\n }\n }\n\n .tna-template--dark-theme & {\n --link: #{map.get(colour.$colour-palette-default, \"link\")};\n --link-visited: #{map.get(colour.$colour-palette-default, \"link-visited\")};\n }\n}\n\n@mixin accent-light {\n @extend %accent-light;\n}\n\n%yellow-accent {\n --accent-background: #{colour.brand-colour(\"yellow\")} !important;\n --accent-background-light: #{colour.brand-colour(\"cream\")} !important;\n --accent-border: #{colour.brand-colour(\"yellow\")} !important;\n --accent-list-marker: #{colour.brand-colour(\"brown\")} !important;\n --accent-font-base: #{colour.brand-colour(\"black\")} !important;\n --accent-font-dark: #{colour.brand-colour(\"black\")} !important;\n --accent-font-light: #{colour.brand-colour(\"black\", 0.7)} !important;\n --accent-icon-light: #{colour.brand-colour(\"black\", 0.45)} !important;\n --accent-link: #{colour.brand-colour(\"black\")} !important;\n --accent-link-visited: #{colour.brand-colour(\"black\")} !important;\n --accent-keyline: #{colour.brand-colour(\"black\", 0.5)} !important;\n --accent-keyline-dark: #{colour.brand-colour(\"black\", 0.8)} !important;\n --button-accented-text: #{colour.brand-colour(\"white\")} !important;\n --button-accented-background: #{colour.brand-colour(\"brown\")} !important;\n}\n\n@mixin yellow-accent {\n @extend %yellow-accent;\n}\n\n%accent-lighter-text {\n --accent-font-base: #{colour.brand-colour(\"white\")} !important;\n --accent-font-dark: #{colour.brand-colour(\"white\")} !important;\n --accent-font-light: #{colour.brand-colour(\"white\", 0.7)} !important;\n --accent-icon-light: #{colour.brand-colour(\"white\", 0.45)} !important;\n --accent-link: #{colour.brand-colour(\"white\")} !important;\n --accent-link-visited: #{colour.brand-colour(\"white\")} !important;\n --accent-keyline: #{colour.brand-colour(\"white\", 0.5)} !important;\n --accent-keyline-dark: #{colour.brand-colour(\"white\", 0.8)} !important;\n --button-accented-text: #{colour.brand-colour(\"white\")} !important;\n}\n\n%black-accent {\n --accent-background: #{colour.brand-colour(\"black\")} !important;\n --accent-background-light: #{colour.brand-colour(\"light-grey\")} !important;\n --accent-border: #{colour.brand-colour(\"black\")} !important;\n --accent-list-marker: #{colour.brand-colour(\"grey\")} !important;\n --button-accented-text: #{colour.brand-colour(\"black\")} !important;\n --button-accented-background: #{colour.brand-colour(\"grey\")} !important;\n}\n\n@mixin black-accent {\n @extend %accent-lighter-text;\n @extend %black-accent;\n}\n\n%pink-accent {\n --accent-background: #{colour.brand-colour(\"maroon\")} !important;\n --accent-background-light: #{colour.brand-colour(\"pastel-pink\")} !important;\n --accent-border: #{colour.brand-colour(\"pink\")} !important;\n --accent-list-marker: #{colour.brand-colour(\"pink\")} !important;\n --button-accented-background: #{colour.brand-colour(\"maroon\")} !important;\n}\n\n@mixin pink-accent {\n @extend %accent-lighter-text;\n @extend %pink-accent;\n}\n\n%orange-accent {\n --accent-background: #{colour.brand-colour(\"chestnut\")} !important;\n --accent-background-light: #{colour.brand-colour(\"pastel-orange\")} !important;\n --accent-border: #{colour.brand-colour(\"orange\")} !important;\n --accent-list-marker: #{colour.brand-colour(\"orange\")} !important;\n --button-accented-background: #{colour.brand-colour(\"chestnut\")} !important;\n}\n\n@mixin orange-accent {\n @extend %accent-lighter-text;\n @extend %orange-accent;\n}\n\n%green-accent {\n --accent-background: #{colour.brand-colour(\"forest\")} !important;\n --accent-background-light: #{colour.brand-colour(\"pastel-green\")} !important;\n --accent-border: #{colour.brand-colour(\"green\")} !important;\n --accent-list-marker: #{colour.brand-colour(\"green\")} !important;\n --button-accented-background: #{colour.brand-colour(\"forest\")} !important;\n}\n\n@mixin green-accent {\n @extend %accent-lighter-text;\n @extend %green-accent;\n}\n\n%blue-accent {\n --accent-background: #{colour.brand-colour(\"navy\")} !important;\n --accent-background-light: #{colour.brand-colour(\"pastel-blue\")} !important;\n --accent-border: #{colour.brand-colour(\"blue\")} !important;\n --accent-list-marker: #{colour.brand-colour(\"blue\")} !important;\n --button-accented-background: #{colour.brand-colour(\"navy\")} !important;\n}\n\n@mixin blue-accent {\n @extend %accent-lighter-text;\n @extend %blue-accent;\n}\n\n@mixin on-high-contrast {\n @media (prefers-contrast: more) {\n @content;\n }\n}\n\n@mixin on-forced-colours {\n @media (forced-colors: active) {\n @content;\n }\n}\n\n@mixin on-high-contrast-and-forced-colours {\n @include on-forced-colours {\n @content;\n }\n\n @include on-high-contrast {\n @content;\n }\n}\n","@use \"sass:math\";\n@use \"../variables/media\";\n@use \"../variables/typography\";\n\n$smallest-large-device-em: #{math.div(\n media.$largest-medium-device-px + 1,\n typography.$relative-1rem-px\n )}em;\n$largest-medium-device-em: #{math.div(\n media.$largest-medium-device-px,\n typography.$relative-1rem-px\n )}em;\n$smallest-medium-device-em: #{math.div(\n media.$largest-small-device-px + 1,\n typography.$relative-1rem-px\n )}em;\n$largest-small-device-em: #{math.div(\n media.$largest-small-device-px,\n typography.$relative-1rem-px\n )}em;\n$smallest-small-device-em: #{math.div(\n media.$largest-tiny-device-px + 1,\n typography.$relative-1rem-px\n )}em;\n$largest-tiny-device-em: #{math.div(\n media.$largest-tiny-device-px,\n typography.$relative-1rem-px\n )}em;\n\n$media-large: \"(min-width: #{$smallest-large-device-em})\";\n$media-lt-large: \"(max-width: #{$largest-medium-device-em})\";\n$media-medium: \"(min-width: #{$smallest-medium-device-em}) and (max-width: #{$largest-medium-device-em})\";\n$media-gt-mobile: \"(min-width: #{$smallest-medium-device-em})\";\n$media-mobile: \"(max-width: #{$largest-small-device-em})\";\n$media-small: \"(min-width: #{$smallest-small-device-em}) and (max-width: #{$largest-small-device-em})\";\n$media-gt-tiny: \"(min-width: #{$smallest-small-device-em})\";\n$media-tiny: \"(max-width: #{$largest-tiny-device-em})\";\n\n// https://nationalarchives.github.io/design-system/styles/media/#media-queries\n@mixin on-large() {\n @media #{$media-large} {\n @content;\n }\n}\n\n@mixin on-medium() {\n @media #{$media-medium} {\n @content;\n }\n}\n\n@mixin on-small() {\n @media #{$media-small} {\n @content;\n }\n}\n\n@mixin on-tiny() {\n @media #{$media-tiny} {\n @content;\n }\n}\n\n@mixin on-larger-than-mobile() {\n @media #{$media-gt-mobile} {\n @content;\n }\n}\n\n@mixin on-larger-than-tiny() {\n @media #{$media-gt-tiny} {\n @content;\n }\n}\n\n@mixin on-smaller-than-large() {\n @media #{$media-lt-large} {\n @content;\n }\n}\n\n@mixin on-mobile() {\n @media #{$media-mobile} {\n @content;\n }\n}\n\n@mixin on-print() {\n @media print {\n @content;\n }\n}\n","@use \"sass:map\";\n@use \"sass:math\";\n@use \"../variables/spacing\";\n@use \"../variables/typography\";\n@use \"../tools/media\";\n\n@function space($size) {\n @return #{$size * spacing.$spacing-unit-px}px;\n}\n\n%space-above {\n margin-top: space(2);\n\n &:first-child {\n margin-top: 0;\n }\n}\n\n%space-only-above {\n margin: #{space(2)} 0 0;\n\n &:first-child {\n margin-top: 0;\n }\n}\n\n@mixin space-above($zero-other-margins: false) {\n @if $zero-other-margins {\n @extend %space-only-above;\n } @else {\n @extend %space-above;\n }\n}\n\n@mixin no-spacing-generator($suffix: \"\") {\n @if $suffix != \"\" {\n $suffix: \"-\" + $suffix;\n }\n @each $property in margin, padding {\n @each $direction in top, bottom {\n $combined-direction: \"\";\n @if $direction == top or $direction == bottom {\n $combined-direction: vertical;\n } @else if $direction == right or $direction == left {\n $combined-direction: horizontal;\n }\n @if $combined-direction {\n .tna-\\!--no-#{$property}-#{$direction}#{$suffix},\n .tna-\\!--no-#{$property}-#{$combined-direction}#{$suffix} {\n #{$property}-#{$direction}: 0 !important;\n }\n } @else {\n .tna-\\!--no-#{$property}-#{$direction}#{$suffix} {\n #{$property}-#{$direction}: 0 !important;\n }\n }\n }\n }\n}\n\n@mixin spacing-generator($suffix: \"\") {\n @each $property in margin, padding {\n @each $direction in top, bottom {\n @each $size, $amount in spacing.$spacing {\n @if $direction == all {\n .tna-\\!--#{$property}-#{$size} {\n #{$property}: #{space($amount)} !important;\n }\n } @else {\n $combined-direction: \"\";\n @if $direction == top or $direction == bottom {\n $combined-direction: vertical;\n } @else if $direction == right or $direction == left {\n $combined-direction: horizontal;\n }\n @if $combined-direction {\n .tna-\\!--#{$property}-#{$direction}-#{$size},\n .tna-\\!--#{$property}-#{$combined-direction}-#{$size} {\n #{$property}-#{$direction}: #{space($amount)} !important;\n }\n } @else {\n .tna-\\!--#{$property}-#{$direction}-#{$size} {\n #{$property}-#{$direction}: #{space($amount)} !important;\n }\n }\n }\n }\n }\n }\n\n @include media.on-mobile {\n @each $property in margin, padding {\n @each $direction in top, bottom {\n @each $size, $amount in spacing.$spacing-mobile {\n @if $direction == all {\n .tna-\\!--#{$property}-#{$size} {\n #{$property}: #{space($amount)} !important;\n }\n } @else {\n $combined-direction: \"\";\n @if $direction == top or $direction == bottom {\n $combined-direction: vertical;\n } @else if $direction == right or $direction == left {\n $combined-direction: horizontal;\n }\n @if $combined-direction {\n .tna-\\!--#{$property}-#{$direction}-#{$size},\n .tna-\\!--#{$property}-#{$combined-direction}-#{$size} {\n #{$property}-#{$direction}: #{space($amount)} !important;\n }\n } @else {\n .tna-\\!--#{$property}-#{$direction}-#{$size} {\n #{$property}-#{$direction}: #{space($amount)} !important;\n }\n }\n }\n }\n }\n }\n }\n}\n","@use \"../tools/a11y\";\n\n.tna-visually-hidden,\n.tna-\\!--visually-hidden {\n width: 1px !important;\n height: 1px !important;\n margin: 0 !important;\n padding: 0 !important;\n\n overflow: hidden !important;\n\n position: absolute !important;\n top: -9999px !important;\n left: -9999px !important;\n z-index: -1 !important;\n\n background-color: transparent !important;\n\n border: 0 !important;\n\n clip: rect(0, 0, 0, 0) !important;\n\n // &::before,\n // &::after {\n // content: \"\\00a0\";\n // }\n}\n\n*:focus {\n z-index: 9;\n\n @include a11y.focus-outline;\n}\n\n// *:focus-visible {\n// z-index: 9;\n\n// @include a11y.focus-outline;\n// }\n\n// @supports not selector(:focus-visible) {\n// *:focus {\n// z-index: 9;\n\n// @include a11y.focus-outline;\n// }\n// }\n\n*:active {\n @include a11y.active-outline;\n}\n\n.tna-\\!--no-focus-style,\n*[tabindex=\"-1\"] {\n &:focus {\n outline: none;\n }\n}\n","@use \"../variables/a11y\";\n@use \"colour\";\n\n@mixin focus-outline {\n @include colour.colour-outline(\n \"focus-outline\",\n a11y.$focus-outline-width,\n solid\n );\n outline-offset: a11y.$focus-outline-offset;\n}\n\n@mixin active-outline {\n outline-offset: 0;\n}\n\n@mixin no-active-outline {\n outline-offset: a11y.$focus-outline-offset;\n}\n","$focus-outline-width: 5px !default;\n$focus-outline-offset: 2px !default;\n$focus-outline-padding: $focus-outline-width + $focus-outline-offset;\n","@use \"../tools/colour\";\n@use \"../tools/media\";\n@use \"../tools/spacing\";\n\n.tna-section {\n padding-top: spacing.space(3);\n padding-bottom: spacing.space(3);\n}\n\n.tna-aside {\n @include spacing.space-above;\n padding: spacing.space(2);\n\n @include colour.on-high-contrast-and-forced-colours {\n @include colour.colour-border(\"keyline-dark\", 1px);\n }\n\n &--tight {\n padding: spacing.space(1);\n }\n}\n\n@include media.on-mobile {\n .tna-section {\n padding-top: spacing.space(2);\n padding-bottom: spacing.space(2);\n }\n\n .tna-aside {\n padding: spacing.space(1);\n }\n}\n","@use \"../../tools/colour\";\n\n.tna-template {\n @include colour.always-light;\n\n @include colour.colour-background(\"background\");\n\n &--system-theme {\n @media (prefers-color-scheme: dark) {\n @include colour.colour-css-vars-dark;\n }\n\n @media (prefers-contrast: more) and (prefers-color-scheme: dark) {\n @include colour.colour-css-vars-high-contrast-dark;\n }\n }\n\n &--dark-theme {\n @include colour.colour-css-vars-dark;\n\n @media (prefers-contrast: more) {\n @include colour.colour-css-vars-high-contrast-dark;\n }\n }\n\n &--black-accent {\n @include colour.black-accent;\n }\n\n &--pink-accent {\n @include colour.pink-accent;\n }\n\n &--orange-accent {\n @include colour.orange-accent;\n }\n\n &--yellow-accent {\n @include colour.yellow-accent;\n }\n\n &--green-accent {\n @include colour.green-accent;\n }\n\n &--blue-accent {\n @include colour.blue-accent;\n }\n}\n\n.tna-background {\n &-tint {\n @include colour.tint;\n }\n\n &-contrast {\n @include colour.contrast;\n }\n\n &-accent {\n @include colour.accent;\n }\n\n &-accent-light {\n @include colour.accent-light;\n }\n}\n\n.tna-border {\n &-keyline {\n @include colour.colour-border(\"keyline\", 1px);\n }\n\n &-keyline-dark {\n @include colour.colour-border(\"keyline-dark\", 1px);\n }\n}\n\n.tna-accent {\n &-black {\n @include colour.black-accent;\n }\n\n &-pink {\n @include colour.pink-accent;\n }\n\n &-orange {\n @include colour.orange-accent;\n }\n\n &-yellow {\n @include colour.yellow-accent;\n }\n\n &-green {\n @include colour.green-accent;\n }\n\n &-blue {\n @include colour.blue-accent;\n }\n}\n","@use \"../tools/media\";\n@use \"../tools/grid\";\n\n.tna-columns {\n column-gap: grid.gutter-width();\n\n &--2 {\n column-count: 2;\n }\n\n &--3 {\n column-count: 3;\n }\n\n @include media.on-tiny {\n column-gap: grid.gutter-width-tiny();\n }\n\n @include media.on-small {\n @for $i from 1 through 4 {\n &--#{$i}-small {\n column-count: $i;\n }\n }\n }\n\n @include media.on-tiny {\n @for $i from 1 through 4 {\n &--#{$i}-tiny {\n column-count: $i;\n }\n }\n }\n\n &__block {\n break-inside: avoid;\n }\n\n &:has(&__block:only-of-type) {\n column-count: 1;\n }\n}\n","@use \"sass:math\";\n@use \"sass:selector\";\n@use \"../../variables/typography\" as typographyVars;\n@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-template {\n @include colour.colour-font(\"font-base\");\n @include typography.main-font;\n direction: ltr;\n text-rendering: optimizeLegibility;\n -webkit-text-size-adjust: none;\n text-size-adjust: none;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n}\n\n.tna-template__body {\n color: inherit;\n @include typography.font-size(typographyVars.$body-font-size-px);\n line-height: typographyVars.$body-line-height;\n\n @include media.on-mobile {\n @include typography.font-size(typographyVars.$body-font-size-px-mobile);\n }\n}\n\nstrong {\n @include typography.main-font-weight-bold;\n}\n\np {\n @include spacing.space-above;\n\n + p {\n margin-top: spacing.space(1);\n }\n}\n\na {\n text-decoration-thickness: 1.5px;\n\n border-radius: 0.1px;\n\n &,\n &:link {\n @include colour.colour-font(\"link\");\n }\n\n &:visited {\n @include colour.colour-font(\"link-visited\");\n }\n\n &:hover,\n &:active {\n @include typography.interacted-text-decoration;\n }\n\n &.tna-link--no-visited-state {\n &:visited {\n @include colour.colour-font(\"link\");\n }\n }\n}\n\nsmall {\n @include typography.font-size(typographyVars.$body-font-size-px * 0.85);\n}\n\n%chip {\n max-width: max-content;\n padding: spacing.space(0.125) spacing.space(0.25);\n\n display: flex;\n align-items: center;\n gap: spacing.space(0.5);\n\n @include colour.colour-font(\"font-base\");\n @include typography.detail-font-small;\n line-height: 1;\n text-align: center;\n\n @at-root #{selector.unify(\"a\", &)} {\n text-decoration: underline;\n\n &:hover {\n @include typography.interacted-text-decoration;\n\n .fa-solid {\n color: inherit;\n }\n }\n }\n\n .fa-solid {\n @include colour.colour-font(\"icon-light\");\n\n @include colour.on-high-contrast {\n @include colour.colour-font(\"icon\");\n }\n }\n}\n\n%chip-plain {\n padding: 0;\n\n background-color: transparent;\n\n border: none;\n\n @at-root #{selector.unify(\"a\", &)} {\n .fa-solid {\n color: inherit;\n }\n }\n}\n\n%chip-accent {\n @include colour.accent;\n\n @include colour.colour-border(\"accent-background\", 2px);\n\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n\n .tna-background-accent & {\n @include colour.contrast;\n\n @include colour.colour-border(\"contrast-background\");\n }\n}\n\n.tna-chip {\n @extend %chip;\n\n &--plain {\n @extend %chip-plain;\n }\n\n &--black {\n @include colour.black-accent;\n }\n\n &--pink {\n @include colour.pink-accent;\n }\n\n &--orange {\n @include colour.orange-accent;\n }\n\n &--yellow {\n @include colour.yellow-accent;\n }\n\n &--green {\n @include colour.green-accent;\n }\n\n &--blue {\n @include colour.blue-accent;\n }\n\n &:not(#{&}--plain) {\n @extend %chip-accent;\n }\n}\n\n.tna-chip-list {\n @include spacing.space-above;\n\n display: flex;\n flex-wrap: wrap;\n gap: spacing.space(0.5) spacing.space(1.5);\n\n list-style: none;\n\n &__item {\n display: flex;\n align-items: center;\n }\n}\n\n%heading {\n @include colour.colour-font(\"font-dark\");\n text-wrap: pretty;\n\n a {\n display: inline-block;\n\n vertical-align: top;\n\n &::after {\n content: \"\";\n\n width: 0.3125em;\n height: 0.3125em;\n margin-bottom: 0.1em;\n margin-left: 0.375em;\n\n display: inline-block;\n\n vertical-align: middle;\n\n transform: rotate(45deg);\n\n @include colour.colour-border(\"link\", 0.125em, solid, top);\n @include colour.colour-border(\"link\", 0.125em, solid, right);\n }\n\n &:not(.tna-link--no-visited-state):visited {\n &::after {\n @include colour.colour-border(\"link-visited\");\n }\n }\n }\n\n strong {\n font-weight: inherit;\n }\n}\n\n%heading-xl {\n @extend %heading;\n\n @include typography.heading-font;\n @include typography.heading-generator(\n typographyVars.$heading-xl-font-size-default,\n typographyVars.$heading-xl-font-size-medium,\n typographyVars.$heading-xl-font-size-small,\n typographyVars.$heading-xl-font-size-tiny,\n typographyVars.$heading-xl-line-height\n );\n}\n\n%heading-l {\n @extend %heading;\n\n @include typography.heading-font;\n @include typography.heading-generator(\n typographyVars.$heading-l-font-size-default,\n typographyVars.$heading-l-font-size-medium,\n typographyVars.$heading-l-font-size-small,\n typographyVars.$heading-l-font-size-tiny,\n typographyVars.$heading-l-line-height\n );\n\n a {\n &::after {\n width: 0.275em;\n height: 0.275em;\n margin-bottom: 0;\n margin-left: 0.25em;\n\n border-top-width: 0.1em;\n border-right-width: 0.1em;\n }\n }\n}\n\n%heading-m {\n @extend %heading;\n\n @include typography.main-font-weight-bold;\n @include typography.heading-generator(\n typographyVars.$heading-m-font-size-default,\n typographyVars.$heading-m-font-size-medium,\n typographyVars.$heading-m-font-size-small,\n typographyVars.$heading-m-font-size-tiny,\n typographyVars.$heading-m-line-height\n );\n}\n\n%heading-s {\n @extend %heading;\n\n @include typography.main-font-weight-bold;\n @include typography.heading-generator(\n typographyVars.$heading-s-font-size-default,\n typographyVars.$heading-s-font-size-medium,\n typographyVars.$heading-s-font-size-small,\n typographyVars.$heading-s-font-size-tiny,\n typographyVars.$heading-s-line-height\n );\n}\n\n%headings-and-heading-groups {\n @include spacing.space-above;\n margin-bottom: 0;\n padding: spacing.space(1) 0 0;\n\n &:first-child {\n padding-top: 0;\n }\n\n + p {\n margin-top: spacing.space(1);\n }\n}\n\n.tna-heading {\n &-xl {\n @extend %heading-xl;\n @extend %headings-and-heading-groups;\n }\n\n &-l {\n @extend %heading-l;\n @extend %headings-and-heading-groups;\n }\n\n &-m {\n @extend %heading-m;\n @extend %headings-and-heading-groups;\n }\n\n &-s {\n @extend %heading-s;\n @extend %headings-and-heading-groups;\n }\n\n &--no-link-arrow {\n a {\n &::after {\n display: none;\n }\n }\n }\n}\n\n.tna-hgroup {\n &-xl,\n &-l,\n &-m,\n &-s {\n @extend %headings-and-heading-groups;\n }\n\n &__supertitle {\n margin: 0 0 spacing.space(0.25);\n\n @extend %chip;\n\n &--plain {\n @extend %chip-plain;\n }\n\n &:not(#{&}--plain) {\n @extend %chip-accent;\n }\n }\n\n &__title {\n margin: 0;\n\n display: block;\n }\n\n &-xl &__title {\n @extend %heading-xl;\n }\n\n &-l &__title {\n @extend %heading-l;\n }\n\n &-m &__title {\n @extend %heading-m;\n }\n\n &-s &__title {\n @extend %heading-s;\n }\n}\n\n.tna-blockquote {\n @include spacing.space-above;\n margin-right: 0;\n margin-bottom: 0;\n margin-left: 0;\n padding: spacing.space(1) spacing.space(1) spacing.space(1) spacing.space(2);\n\n @include colour.thick-keyline-accent(left);\n\n &__quote {\n @include typography.main-font-weight-medium;\n quotes: auto;\n quotes: \"‘\" \"’\";\n\n :first-child::before {\n content: open-quote;\n }\n\n :last-child::after {\n content: close-quote;\n }\n }\n\n &__citation {\n margin-top: spacing.space(1);\n\n @include typography.font-size(16);\n\n &::before {\n content: \"\\2014\" \" \";\n content: \"\\2014\" \" \" / \"\";\n }\n }\n\n @include media.on-tiny {\n padding: spacing.space(0.5) spacing.space(0.5) spacing.space(0.5) #{spacing.space(\n 1\n )};\n }\n}\n\n.tna-large-paragraph {\n @include spacing.space-above;\n\n @include typography.font-size(22);\n @include colour.colour-font(\"font-dark\");\n\n @include media.on-mobile {\n @include typography.font-size(20);\n }\n}\n\n.tna-scene-setter {\n @include spacing.space-above;\n\n @include typography.detail-font;\n @include colour.colour-font(\"font-dark\");\n @include typography.font-size(22);\n line-height: 1.7;\n\n @include media.on-mobile {\n @include typography.font-size(20);\n }\n\n a {\n text-decoration-thickness: 1.5px;\n\n &:hover {\n @include typography.interacted-text-decoration;\n }\n }\n}\n","@use \"sass:math\";\n@use \"../variables/typography\";\n@use \"colour\";\n@use \"media\";\n\n@mixin font-size($font-size-px) {\n font-size: #{math.div($font-size-px, typography.$relative-1rem-px)}rem;\n}\n\n@mixin relative-font-size($font-size-px) {\n @warn \"relative-font-size() will soon be deprecated in favour of font-size().\";\n @include font-size($font-size-px);\n}\n\n@mixin main-font-weight {\n font-weight: typography.$main-font-weight;\n}\n\n@mixin main-font-weight-medium {\n font-weight: typography.$main-font-weight-medium;\n}\n\n@mixin main-font-weight-bold {\n font-weight: typography.$main-font-weight-bold;\n}\n\n@mixin main-font($bold: false) {\n font-family: typography.$main-font-family;\n font-style: normal;\n font-optical-sizing: auto;\n font-variation-settings: \"wdth\" 100;\n @if $bold {\n @include main-font-weight-bold;\n } @else {\n @include main-font-weight;\n }\n}\n\n@mixin heading-font {\n font-family: typography.$heading-font-family;\n font-weight: typography.$heading-font-weight;\n}\n\n@mixin detail-font($bold: false) {\n font-family: typography.$detail-font-family;\n font-style: normal;\n font-optical-sizing: auto;\n @if $bold {\n font-weight: typography.$detail-font-weight-bold;\n } @else {\n font-weight: typography.$detail-font-weight;\n }\n}\n\n@mixin detail-font-small {\n @include detail-font;\n @include font-size(14);\n line-height: 1.1;\n text-transform: uppercase;\n}\n\n@mixin interacted-text-decoration {\n text-decoration: underline;\n text-decoration-thickness: typography.$interactive-text-decoration-thickness;\n}\n\n@mixin heading-generator(\n $font-size-default,\n $font-size-medium,\n $font-size-small,\n $font-size-tiny,\n $line-height\n) {\n $small-and-tiny-identical: $font-size-small == $font-size-tiny;\n $medium-small-and-tiny-identical: $font-size-medium == $font-size-small and\n $small-and-tiny-identical;\n $all-identical: $font-size-default == $font-size-medium and\n $medium-small-and-tiny-identical and $small-and-tiny-identical;\n line-height: $line-height;\n @include font-size($font-size-default);\n\n @if $all-identical != true {\n @if $medium-small-and-tiny-identical != true {\n @include media.on-medium {\n @include font-size($font-size-medium);\n }\n\n @if $small-and-tiny-identical != true {\n @include media.on-small {\n @include font-size($font-size-small);\n }\n\n @include media.on-tiny {\n @include font-size($font-size-tiny);\n }\n } @else {\n @include media.on-mobile {\n @include font-size($font-size-small);\n }\n }\n } @else {\n @include media.on-smaller-than-large {\n @include font-size($font-size-medium);\n }\n }\n }\n}\n","/*\n * ------------------------------------------\n * The typefaces, sizes and spacings that are\n * defined in this file have been selected to\n * ensure 100% match with the latest National\n * Archives brand guidelines - avoid changing\n * or overwriting any of these values without\n * signing off with the Digital Services team\n * first\n * ------------------------------------------\n */\n\n$relative-1rem-px: 16; // 16px = 1rem\n\n/*\n * ------------------------------------------\n * When true, use the included font files for\n * Open Sans and Roboto Mono, rather than the\n * versions hosted by Google Fonts\n * ------------------------------------------\n */\n$use-local-fonts: false !default;\n\n$body-font-size-px: 18 !default;\n$body-font-size-px-mobile: 17 !default;\n$body-line-height: 1.75 !default;\n\n$interactive-text-decoration-thickness: 3.5px !default;\n\n$main-font-family-name: \"Open Sans\" !default;\n$main-font-family:\n #{$main-font-family-name},\n sans-serif;\n$main-font-weight: 400 !default;\n$main-font-weight-medium: 600 !default;\n$main-font-weight-bold: 700 !default;\n$main-font-file: \"OpenSans-Regular.ttf\" !default;\n$main-font-file-medium: \"OpenSans-SemiBold.ttf\" !default;\n$main-font-file-bold: \"OpenSans-Bold.ttf\" !default;\n\n/*\n * ------------------------------------------\n * To use Supria Sans Condensed (which is the\n * approved heading typeface for The National\n * Archives), you need to obtain a licence to\n * properly embed the CSS files with the font\n * definitions in your service - check with a\n * member of the Digital Services team on how\n * to get a licence\n * ------------------------------------------\n */\n$heading-font-family-name: \"supria-sans-condensed\" !default;\n$heading-font-family:\n #{$heading-font-family-name},\n \"Arial Narrow\",\n sans-serif;\n$heading-font-weight: 500 !default;\n\n/*\n * ------------------------------------------\n * The detail font should be a monospace font\n * and is used for chips, supertitles as well\n * as the date search component\n * ------------------------------------------\n */\n$detail-font-family-name: \"Roboto Mono\" !default;\n$detail-font-family:\n #{$detail-font-family-name},\n monospace;\n$detail-font-weight: 400 !default;\n$detail-font-weight-bold: 500 !default;\n$detail-font-file: \"RobotoMono-Regular.ttf\" !default;\n$detail-font-file-bold: \"RobotoMono-Medium.ttf\" !default;\n\n$heading-xl-font-size-default: 64 !default;\n$heading-xl-font-size-medium: 48 !default;\n$heading-xl-font-size-small: 36 !default;\n$heading-xl-font-size-tiny: $heading-xl-font-size-small !default;\n$heading-xl-line-height: 1.1 !default;\n\n$heading-l-font-size-default: 36 !default;\n$heading-l-font-size-medium: 30 !default;\n$heading-l-font-size-small: 28 !default;\n$heading-l-font-size-tiny: 25 !default;\n$heading-l-line-height: 1.3 !default;\n\n$heading-m-font-size-default: 22 !default;\n$heading-m-font-size-medium: 21 !default;\n$heading-m-font-size-small: 20 !default;\n$heading-m-font-size-tiny: 19 !default;\n$heading-m-line-height: 1.6 !default;\n\n$heading-s-font-size-default: 18 !default;\n$heading-s-font-size-medium: $heading-s-font-size-default !default;\n$heading-s-font-size-small: $heading-s-font-size-default !default;\n$heading-s-font-size-tiny: $heading-s-font-size-default !default;\n$heading-s-line-height: 1.6 !default;\n","@use \"../../utilities/typography\" as typographyUtilities;\n@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\nbutton,\ninput,\nselect {\n border-radius: 0.1px;\n}\n\n.tna-form {\n &__group {\n @include spacing.space-above;\n\n &--error {\n padding-left: spacing.space(1);\n\n @include colour.thick-keyline-error(left);\n }\n }\n\n &__fieldset {\n flex: 1;\n\n border: none;\n }\n\n &__group,\n &__fieldset {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: spacing.space(0.5);\n }\n\n &__group--inline,\n &__group--inline &__fieldset {\n flex-direction: row;\n align-items: flex-start;\n\n @include media.on-mobile {\n flex-direction: column;\n }\n }\n\n &__group-contents {\n flex: 0 0 39%;\n }\n\n &__legend {\n margin-bottom: spacing.space(0.5);\n }\n\n &__heading {\n margin: 0;\n\n @extend %heading;\n\n &--xl {\n @extend %heading-xl;\n }\n\n &--l {\n @extend %heading-l;\n }\n\n &--m {\n @extend %heading-m;\n }\n\n &--s {\n @extend %heading-s;\n }\n\n &--xs {\n font-size: 1em;\n @include typography.main-font;\n }\n }\n\n &__label {\n }\n\n &__hint {\n margin-top: 0;\n\n @include typography.font-size(16);\n @include colour.colour-font(\"font-light\");\n }\n\n &__error-message {\n margin-top: 0;\n\n @include colour.colour-font(\"form-error-text\");\n @include typography.main-font-weight-bold;\n }\n}\n",".tna-template {\n /*\n * ------------------------------------------\n * A minimum page width of 320px is needed in\n * order to meet the WCAG AA success criteria\n * for 1.4.10 (Reflow)\n * https://www.w3.org/WAI/WCAG21/Understanding/reflow.html\n * ------------------------------------------\n */\n min-width: 320px;\n width: 100%;\n height: 100%;\n\n /*\n * ------------------------------------------\n * Support ended with iOS 13 released on 19th\n * September 2019. Deprecate in the future if\n * iOS <13 share drops low enough.\n * https://caniuse.com/mdn-css_properties_-webkit-overflow-scrolling\n * ------------------------------------------\n */\n -webkit-overflow-scrolling: touch;\n}\n\n.tna-template__body {\n min-height: 100%;\n margin: 0;\n padding: 0;\n\n &:has(:is(.tna-global-header, .tna-header)):has(.tna-main):has(.tna-footer) {\n display: flex;\n flex-direction: column;\n }\n}\n\n.tna-main {\n flex: 1;\n}\n","@use \"sass:math\";\n@use \"sass:selector\";\n@use \"../../variables/grid\" as gridVars;\n@use \"../../tools/grid\";\n@use \"../../tools/media\";\n\n.tna-container {\n width: 100%;\n max-width: gridVars.$largest-container-width;\n margin-right: auto;\n margin-left: auto;\n padding-right: grid.gutter-width-half();\n padding-left: grid.gutter-width-half();\n\n display: flex;\n flex-wrap: wrap;\n align-items: stretch;\n justify-content: flex-start;\n\n box-sizing: border-box;\n\n &--no-padding,\n &--no-padding-all {\n max-width: gridVars.$largest-container-width - grid.gutter-width-double();\n }\n\n &--max {\n max-width: none;\n }\n\n &--centred {\n justify-content: center;\n }\n\n @at-root #{selector.unify(\"ul\", &)} {\n list-style: none;\n }\n}\n\n.tna-column {\n padding-right: grid.gutter-width-half();\n padding-left: grid.gutter-width-half();\n\n box-sizing: border-box;\n\n &--container {\n display: flex;\n flex-wrap: wrap;\n align-items: stretch;\n justify-content: stretch;\n }\n\n &--align-top {\n align-self: flex-start;\n }\n\n &--align-centre {\n align-self: center;\n }\n\n &--align-bottom {\n align-self: flex-end;\n }\n}\n\n@include grid.columns-generator(gridVars.$column-count);\n\n@include media.on-medium {\n @include grid.columns-generator(gridVars.$column-count-medium, \"medium\");\n}\n\n@include media.on-tiny {\n .tna-container {\n padding-right: grid.gutter-width-tiny-half();\n padding-left: grid.gutter-width-tiny-half();\n }\n\n .tna-column {\n padding-right: grid.gutter-width-tiny-half();\n padding-left: grid.gutter-width-tiny-half();\n }\n}\n\n@include media.on-small {\n @include grid.columns-generator(gridVars.$column-count-small, \"small\");\n}\n\n@include media.on-tiny {\n @include grid.columns-generator(gridVars.$column-count-tiny, \"tiny\");\n}\n\n.tna-container--no-padding,\n.tna-container--no-padding-all,\n.tna-container--no-padding-all > .tna-column,\n.tna-column--no-padding,\n.tna-column--container--no-padding-all,\n.tna-column--container--no-padding-all > .tna-column {\n padding-right: 0;\n padding-left: 0;\n}\n","$largest-container-width: 1280px !default;\n\n$gutter-width: 2 !default;\n$gutter-width-tiny: 1 !default;\n\n$column-count: 12;\n$column-count-medium: 6;\n$column-count-small: 4;\n$column-count-tiny: 2;\n","@use \"sass:math\";\n@use \"../variables/grid\";\n@use \"spacing\";\n\n@function gutter-width() {\n @return spacing.space(grid.$gutter-width);\n}\n\n@function gutter-width-half() {\n @return spacing.space(math.div(grid.$gutter-width, 2));\n}\n\n@function gutter-width-double() {\n @return spacing.space(grid.$gutter-width * 2);\n}\n\n@function gutter-width-tiny() {\n @return spacing.space(grid.$gutter-width-tiny);\n}\n\n@function gutter-width-tiny-half() {\n @return spacing.space(math.div(grid.$gutter-width-tiny, 2));\n}\n\n@function gutter-width-tiny-double() {\n @return spacing.space(grid.$gutter-width-tiny * 2);\n}\n\n@mixin columns-generator($count, $suffix: \"\") {\n @if $suffix != \"\" {\n $suffix: \"-\" + $suffix;\n }\n\n .tna-column {\n &--full#{$suffix} {\n width: 100%;\n flex: none;\n }\n\n @for $i from 1 through $count - 1 {\n $simplest-fraction-found: false;\n\n @for $j from math.div($count, 2) through 1 {\n @if (\n $count % $j == 0 and $i % $j == 0 and $simplest-fraction-found != true\n ) {\n &--width-#{math.div($i, $j)}-#{math.div($count, $j)}#{$suffix} {\n width: math.div(100%, $count) * $i;\n flex: none;\n }\n\n &--margin-right-#{math.div($i, $j)}-#{math.div($count, $j)}#{$suffix} {\n margin-right: math.div(100%, $count) * $i;\n }\n\n &--margin-left-#{math.div($i, $j)}-#{math.div($count, $j)}#{$suffix} {\n margin-left: math.div(100%, $count) * $i;\n }\n\n $simplest-fraction-found: true;\n }\n }\n\n @if $simplest-fraction-found != true {\n &--width-#{$i}-#{$count}#{$suffix} {\n width: math.div(100%, $count) * $i;\n flex: none;\n }\n\n &--margin-right-#{$i}-#{$count}#{$suffix} {\n margin-right: math.div(100%, $count) * $i;\n }\n\n &--margin-left-#{$i}-#{$count}#{$suffix} {\n margin-left: math.div(100%, $count) * $i;\n }\n }\n }\n\n @if $suffix != \"\" {\n &--no-margin-right#{$suffix} {\n margin-right: 0;\n }\n\n &--no-margin-left#{$suffix} {\n margin-left: 0;\n }\n }\n\n @for $i from 1 through 3 {\n &--flex-#{$i}#{$suffix} {\n width: auto;\n\n flex: $i 0;\n }\n }\n\n @for $i from 1 through 4 {\n &--order-#{$i}#{$suffix} {\n order: $i;\n }\n }\n }\n}\n","@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n@use \"../../utilities/typography\" as typographyUtils;\n\nul,\nol {\n margin: 0;\n padding: 0;\n}\n\n.tna-ul {\n list-style-type: disc;\n}\n\n.tna-ul,\n.tna-ol {\n margin-top: spacing.space(1);\n padding-left: spacing.space(2);\n\n &:first-child {\n margin-top: 0;\n }\n\n &--plain {\n padding-left: 0;\n }\n\n &--plain,\n &--no-list-style {\n list-style: none;\n }\n\n & > li > & {\n margin-top: 0;\n padding-left: spacing.space(1.25);\n }\n\n > li {\n &::marker {\n @include colour.colour-font(\"accent-list-marker\");\n @include typography.main-font-weight-bold;\n }\n }\n\n &--spaced > li + li {\n margin-top: spacing.space(0.5);\n }\n\n &--spaced > li > & {\n margin-top: spacing.space(1);\n margin-bottom: spacing.space(1);\n }\n\n &--dashed {\n > li::marker {\n content: \"— \";\n @include colour.colour-font(\"font-light\");\n @include typography.main-font-weight;\n }\n }\n}\n\n.tna-dl-chips {\n @include spacing.space-above(true);\n\n display: flex;\n flex-wrap: wrap;\n gap: spacing.space(0.75) spacing.space(1.5);\n\n @extend %chip-plain;\n\n dt {\n position: absolute;\n\n font-size: 0;\n }\n\n &__item {\n @extend %chip;\n }\n\n a#{&}__item {\n cursor: pointer;\n }\n\n &:not(#{&}--plain) {\n gap: spacing.space(0.5) spacing.space(1);\n }\n\n &--plain &__item {\n @extend %chip-plain;\n }\n\n &:not(#{&}--plain) &__item {\n @extend %chip-accent;\n }\n\n &--plain a#{&}__item {\n @include colour.colour-font(\"link\");\n }\n}\n\n@mixin stacked-dl {\n dt,\n dd {\n width: 100%;\n margin-left: 0;\n }\n\n dd {\n padding-left: spacing.space(1);\n }\n\n &.tna-dl--plain {\n dt {\n padding-top: 0;\n padding-bottom: 0;\n\n .fa-solid {\n margin-top: 0;\n }\n }\n\n dd {\n margin-left: 0;\n padding-top: 0;\n }\n }\n\n &:not(.tna-dl--plain) {\n dt {\n @include colour.colour-background(\"background-tint\");\n\n @include colour.colour-font(\"font-base\");\n }\n\n dd {\n margin-left: 0;\n\n background: transparent !important;\n }\n }\n}\n\n.tna-dl {\n @include spacing.space-above(true);\n\n display: flex;\n flex-wrap: wrap;\n\n &:first-child {\n margin-top: 0;\n }\n\n dt,\n dd {\n margin: 0;\n padding: spacing.space(0.5) spacing.space(1);\n\n box-sizing: border-box;\n\n position: relative;\n\n word-wrap: break-word;\n }\n\n &--plain {\n dt {\n padding-top: 0;\n padding-left: 0;\n }\n\n dd {\n padding-top: 0;\n padding-right: 0;\n }\n }\n\n dt {\n width: 30%;\n\n @include typography.main-font-weight-bold;\n }\n\n dd {\n width: 70%;\n\n + dd {\n margin-left: 30%;\n }\n }\n\n &--icon-padding {\n dt {\n padding-left: 3rem !important;\n\n position: relative;\n\n .fa-solid {\n overflow: visible;\n\n position: absolute;\n top: 50%;\n left: spacing.space(1);\n\n @include colour.colour-font(\"icon-light\");\n text-align: left;\n\n transform: translateY(-50%);\n }\n }\n }\n\n &--icon-padding#{&}--plain {\n dt {\n padding-left: spacing.space(2) !important;\n\n .fa-solid {\n margin-top: -#{spacing.space(0.25)};\n\n left: 0;\n }\n }\n\n dd {\n padding-left: spacing.space(2);\n }\n }\n\n &:not(&--plain) {\n dt:first-child,\n dd:nth-of-type(2n) + dt,\n dd:nth-of-type(2n + 1) {\n @include colour.tint;\n }\n }\n\n @include media.on-small {\n dt {\n width: 35%;\n }\n\n dd {\n width: 65%;\n\n + dd {\n margin-left: 35%;\n }\n }\n }\n\n &--stacked {\n @include stacked-dl;\n }\n\n @include media.on-tiny {\n @include stacked-dl;\n }\n\n @include colour.on-high-contrast-and-forced-colours {\n @include colour.colour-border(\"keyline-dark\", 1px, solid, bottom);\n\n dt,\n dd {\n background: transparent !important;\n\n @include colour.colour-border(\"keyline-dark\", 1px, solid, top);\n }\n }\n}\n","@use \"sass:map\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n\n@mixin hide-on($suffix) {\n .tna-\\!--hide-on-#{$suffix} {\n display: none !important;\n }\n}\n\n@include spacing.no-spacing-generator;\n@include spacing.spacing-generator;\n\n@include media.on-large {\n @include spacing.no-spacing-generator(\"large\");\n @include hide-on(\"large\");\n}\n\n@include media.on-medium {\n @include spacing.no-spacing-generator(\"medium\");\n @include hide-on(\"medium\");\n}\n\n@include media.on-small {\n @include spacing.no-spacing-generator(\"small\");\n @include hide-on(\"small\");\n}\n\n@include media.on-tiny {\n @include spacing.no-spacing-generator(\"tiny\");\n @include hide-on(\"tiny\");\n}\n\n.tna-\\!--hide-on-print {\n @media print {\n display: none;\n }\n}\n","@use \"../tools/colour\";\n\n* {\n margin: 0;\n padding: 0;\n\n @media (prefers-reduced-motion) {\n animation: none !important;\n transition: none !important;\n }\n\n @media (prefers-contrast: more) {\n background-image: none;\n }\n}\n\nimg,\nsvg,\npicture,\nvideo,\ncanvas {\n max-width: 100%;\n height: auto;\n\n display: block;\n}\n\n[hidden] {\n display: none !important;\n}\n\nhr {\n @include colour.colour-border(\"keyline\", 0, solid);\n border-top-width: 1px;\n}\n","@use \"sass:math\";\n@use \"sass:selector\";\n@use \"../../tools/colour\";\n@use \"../../tools/grid\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-table {\n max-width: 100%;\n\n text-align: left;\n\n border-collapse: collapse;\n\n &--full {\n width: 100%;\n }\n\n &__caption {\n padding: spacing.space(1) 0 0;\n\n caption-side: bottom;\n\n @include typography.font-size(16);\n }\n\n &__head {\n vertical-align: bottom;\n }\n\n &__body {\n vertical-align: top;\n }\n\n &__foot {\n @include typography.main-font-weight-bold;\n vertical-align: top;\n }\n\n &__row {\n }\n\n &__header {\n }\n\n &__cell {\n }\n\n &__header,\n &__cell {\n padding: spacing.space(0.25) spacing.space(1);\n\n @include colour.colour-border(\"keyline\", 1px, solid, bottom);\n\n &:first-child {\n padding-left: 0;\n }\n\n &:last-child {\n padding-right: 0;\n }\n\n &--numeric {\n text-align: right;\n }\n }\n\n &__head &__header {\n @include colour.thick-keyline-dark(bottom);\n }\n\n &__foot &__header,\n &__foot &__cell {\n @include colour.thick-keyline-dark(top);\n }\n\n p {\n + p {\n margin-top: spacing.space(0.25);\n }\n }\n}\n\n.tna-table-wrapper {\n width: 100%;\n padding-right: grid.gutter-width();\n padding-left: grid.gutter-width();\n\n overflow: auto;\n\n position: relative;\n left: -#{grid.gutter-width()};\n\n @include media.on-tiny {\n padding-right: grid.gutter-width-tiny();\n padding-left: grid.gutter-width-tiny();\n\n left: -#{grid.gutter-width-tiny()};\n }\n}\n\n.tna-table,\n.tna-table-wrapper {\n @include spacing.space-above;\n margin-bottom: spacing.space(4);\n\n &:last-child {\n margin-bottom: 0;\n }\n}\n","@use \"sass:math\";\n@use \"../../tools/colour\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-accordion {\n @include spacing.space-above;\n\n // NON INTERACTIVE\n &__item {\n @include spacing.space-above;\n }\n\n &__heading {\n padding-top: spacing.space(1);\n }\n\n &__body {\n padding-top: spacing.space(1);\n }\n\n // INTERACTIVE\n &__details {\n @include colour.colour-border(\"keyline\", 1px, solid, bottom);\n\n position: relative;\n z-index: 1;\n\n &:first-child {\n @include colour.colour-border(\"keyline\", 1px, solid, top);\n // @include colour.thick-keyline-dark(top);\n // @include colour.thick-keyline-accent(top);\n }\n }\n\n &__details:has(&__summary:focus),\n &__details:has(&__content:focus) {\n z-index: 2;\n }\n\n &__summary {\n width: 100%;\n margin: 0;\n padding: spacing.space(0.5) spacing.space(3) spacing.space(0.5)\n spacing.space(1);\n\n display: block;\n\n position: relative;\n\n line-height: inherit;\n text-align: left;\n\n list-style: none;\n\n background: transparent;\n\n border: none;\n border-radius: 0.1px;\n\n cursor: pointer;\n\n @include colour.colour-font(\"font-dark\");\n @include typography.font-size(18);\n @include typography.main-font(true);\n\n * {\n font-size: inherit;\n }\n\n &::before {\n content: \"\";\n\n width: 0;\n height: 0;\n\n position: absolute;\n top: calc(50% - #{math.div(math.sqrt(3), 4)}rem);\n right: 0.75rem;\n\n border-width: #{math.div(math.sqrt(3), 2)}rem 0.5rem 0 0.5rem;\n border-color: colour.colour-var(\"font-light\") transparent;\n border-style: solid;\n }\n\n &:hover {\n @include typography.interacted-text-decoration;\n @include colour.colour-background(\"background-tint\");\n\n &::before {\n border-color: colour.colour-var(\"font-dark\") transparent;\n }\n }\n\n &[aria-expanded=\"true\"] {\n &::before {\n border-width: 0 0.5rem #{math.div(math.sqrt(3), 2)}rem 0.5rem;\n }\n }\n }\n\n &__content {\n padding: spacing.space(1);\n\n position: relative;\n\n border-radius: 0.1px;\n\n &:focus {\n z-index: 2;\n\n .tna-template--clicked & {\n outline: none;\n }\n }\n\n &:has(.tna-table-wrapper):has(.tna-table) {\n padding-right: 0;\n padding-left: 0;\n }\n\n .tna-table-wrapper {\n padding-right: 0;\n padding-left: 0;\n\n left: 0;\n }\n\n .tna-table {\n width: calc(100% - #{spacing.space(2)});\n margin-right: spacing.space(1);\n margin-left: spacing.space(1);\n\n &__caption {\n padding-top: 0;\n padding-bottom: spacing.space(1);\n\n font-size: inherit;\n line-height: inherit;\n text-align: left;\n caption-side: top;\n }\n }\n }\n\n @include colour.on-forced-colours {\n &__summary {\n &::before {\n content: \"\\2193\";\n\n width: auto;\n height: auto;\n\n top: calc(50% - 0.5rem);\n\n line-height: 1rem;\n\n border: none;\n }\n\n &[aria-expanded=\"true\"] {\n &::before {\n content: \"\\2191\";\n\n border: none;\n }\n }\n }\n }\n}\n","@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-breadcrumbs {\n padding-top: spacing.space(1);\n padding-bottom: spacing.space(1);\n\n &:focus {\n outline: none !important;\n }\n\n &__list {\n margin: 0;\n padding: 0;\n\n display: flex;\n flex-wrap: wrap;\n\n list-style: none;\n }\n\n &__item {\n display: flex;\n\n + .tna-breadcrumbs__item {\n &::before {\n content: \"\\203A\";\n content: \"\\203A\" / \"\";\n\n margin: 0 spacing.space(0.75);\n\n display: inline-block;\n\n vertical-align: baseline;\n }\n }\n\n &--expandable {\n display: none;\n\n @include media.on-mobile {\n display: inline-block !important;\n }\n }\n }\n\n &__link {\n display: inline-block;\n\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"font-base\");\n }\n\n &:hover {\n @include colour.colour-font(\"font-dark\");\n }\n }\n\n button#{&}__link {\n height: 100%;\n margin: 0;\n padding: 0;\n\n appearance: none;\n\n font-size: inherit;\n font-weight: inherit;\n line-height: inherit;\n\n background-color: transparent;\n\n border: none;\n\n cursor: pointer;\n\n &:hover {\n color: inherit;\n @include typography.interacted-text-decoration;\n\n background-color: transparent;\n }\n }\n\n @include media.on-mobile {\n &--collapsed &__item:not(:first-child, &__item--expandable, :last-child) {\n display: none;\n }\n }\n\n @include colour.on-high-contrast {\n &__link {\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"link\");\n }\n }\n }\n}\n","@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n\n.tna-button-group {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: spacing.space(1);\n\n @include spacing.space-above;\n\n @include media.on-tiny {\n flex-direction: column;\n align-items: stretch;\n }\n\n &--small {\n gap: spacing.space(0.5);\n }\n}\n","@use \"sass:math\";\n@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n@use \"button-group\";\n\n$button-border-width: 4px !default;\n\n.tna-button {\n padding: spacing.space(0.25) spacing.space(1);\n\n display: inline-flex;\n align-items: baseline;\n justify-content: center;\n gap: spacing.space(0.75);\n\n line-height: 2rem;\n text-align: center;\n text-decoration: none;\n text-wrap: balance;\n\n cursor: pointer;\n\n @include typography.font-size(18);\n @include typography.main-font-weight-bold;\n\n @include colour.colour-background(\"button-background\");\n\n @include colour.colour-border(\"button-background\", $button-border-width);\n\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"button-text\");\n }\n\n &:hover {\n @include colour.colour-font(\"button-hover-text\");\n text-decoration: none;\n\n background: transparent;\n }\n\n .fa-solid {\n display: block;\n\n font-size: 0.9em;\n line-height: #{math.div(16, 18) * 2};\n }\n\n svg {\n height: 0.9em;\n flex-shrink: 0;\n\n align-self: center;\n\n fill: currentColor;\n }\n\n &--plain {\n @include typography.main-font-weight;\n\n background-color: transparent;\n\n border-color: transparent;\n\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"link\");\n }\n\n &:hover {\n @include typography.interacted-text-decoration;\n }\n }\n\n &--small#{&}--plain,\n &-group--small &--plain {\n // @include typography.main-font-weight-bold;\n }\n\n &--accent {\n @include colour.colour-background(\"button-accented-background\");\n\n @include colour.colour-border(\"button-accented-background\");\n\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"button-accented-text\");\n }\n\n &:hover {\n @include colour.colour-font(\"font-dark\");\n }\n }\n\n &--icon-right {\n flex-direction: row-reverse;\n }\n\n &--small,\n &-group--small & {\n padding: 0 spacing.space(0.5);\n\n @include typography.font-size(14);\n line-height: 1.5rem;\n }\n\n @mixin icon-only {\n padding-right: 0;\n padding-left: 0;\n\n gap: 0;\n\n font-size: 0 !important;\n line-height: 0 !important;\n\n .fa-solid {\n width: 2.5rem;\n\n @include typography.font-size(18);\n }\n\n svg {\n height: 1.5rem;\n margin: 0.5rem;\n }\n }\n\n @mixin icon-only-small {\n padding-right: 0;\n padding-left: 0;\n\n .fa-solid {\n width: 2rem;\n\n @include typography.font-size(18 * 0.9);\n line-height: 2rem;\n }\n\n svg {\n height: 1rem;\n margin: 0.5rem;\n }\n }\n\n &--icon-only {\n @include icon-only;\n }\n\n &--small#{&}--icon-only,\n &-group--small &--icon-only {\n @include icon-only-small;\n }\n\n @include media.on-mobile {\n &--icon-only-mobile {\n @include icon-only;\n }\n\n &--small#{&}--icon-only-mobile,\n &-group--small &--icon-only-mobile {\n @include icon-only-small;\n }\n }\n\n &--solid-hover {\n &:not(.tna-button--plain):hover {\n @include colour.colour-font(\"font-dark\");\n\n @include colour.colour-background(\"background\");\n }\n }\n\n .tna-background-accent & {\n &:hover {\n @include colour.colour-font(\"font-dark\");\n }\n }\n\n .tna-background-accent &--accent {\n @include colour.contrast;\n\n @include colour.colour-background(\"button-background\");\n\n @include colour.colour-border(\"button-background\");\n\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"button-text\");\n }\n\n &:hover {\n @include colour.colour-font(\"font-dark\");\n\n @include colour.colour-background(\"background\");\n }\n }\n\n @include colour.on-forced-colours {\n &:hover {\n @include typography.interacted-text-decoration;\n }\n }\n}\n","@use \"sass:math\";\n@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-card {\n @include spacing.space-above;\n\n position: relative;\n\n &__inner {\n display: flex;\n flex-direction: column;\n }\n\n &.tna-background-contrast &__inner,\n &.tna-background-tint &__inner,\n &.tna-background-accent &__inner {\n padding-bottom: spacing.space(1);\n }\n\n &--horizontal.tna-background-contrast &__inner,\n &--horizontal.tna-background-tint &__inner,\n &--horizontal.tna-background-accent &__inner {\n padding-right: spacing.space(1);\n padding-bottom: spacing.space(2);\n padding-left: spacing.space(1);\n }\n\n &__heading {\n order: 2;\n }\n\n &--full-click &__heading-link {\n &::before {\n content: \"\";\n\n position: absolute;\n inset: 0;\n z-index: 3;\n }\n }\n\n &__image-container {\n height: 0;\n margin-bottom: spacing.space(1);\n padding-bottom: #{math.div(2, 3) * 100%};\n\n position: relative;\n order: 1;\n }\n\n &__image {\n position: absolute;\n inset: 0;\n z-index: 1;\n\n img {\n width: 100%;\n height: 100%;\n\n object-fit: cover;\n }\n }\n\n &__image-label {\n max-width: calc(100% - #{spacing.space(1)});\n\n position: absolute;\n top: spacing.space(0.5);\n left: spacing.space(0.5);\n z-index: 2;\n\n .tna-background-accent &:not(.tna-chip--plain) {\n @include colour.accent;\n\n @include colour.colour-border(\"accent-background\");\n }\n }\n\n &__body {\n padding-top: spacing.space(1);\n\n order: 3;\n }\n\n &__meta {\n display: flex;\n flex-wrap: wrap;\n gap: spacing.space(0.5) spacing.space(1.5);\n\n line-height: 1.3;\n\n list-style: none;\n\n + p {\n margin-top: spacing.space(1);\n }\n }\n\n &__actions {\n margin-top: spacing.space(1);\n\n display: flex;\n gap: spacing.space(1) spacing.space(2);\n\n order: 4;\n }\n\n &__action {\n @include typography.main-font-weight-bold;\n }\n\n &__heading,\n &__body,\n &__actions {\n .tna-card.tna-background-contrast &,\n .tna-card.tna-background-tint &,\n .tna-card.tna-background-accent & {\n margin-right: spacing.space(1);\n margin-left: spacing.space(1);\n }\n }\n\n &--horizontal {\n aspect-ratio: auto 3/1;\n\n position: relative;\n\n @include media.on-larger-than-mobile {\n .tna-card__inner {\n margin-left: 50%;\n padding: spacing.space(2);\n }\n\n .tna-card__image-container {\n min-height: 50%;\n height: auto;\n margin-bottom: 0;\n padding-bottom: 0;\n\n display: block;\n\n position: absolute;\n inset: 0 50% 0 0;\n z-index: 1;\n }\n\n .tna-card__heading,\n .tna-card__body,\n .tna-card__actions {\n margin-right: 0;\n margin-left: 0;\n }\n }\n }\n\n &--horizontal.tna-background-contrast,\n &--horizontal.tna-background-tint,\n &--horizontal.tna-background-accent {\n @include media.on-mobile {\n .tna-card__inner {\n padding: 0 0 spacing.space(1);\n }\n\n .tna-card__image-container {\n margin-bottom: spacing.space(1);\n }\n\n .tna-card__heading,\n .tna-card__body,\n .tna-card__actions {\n margin-right: spacing.space(1);\n margin-left: spacing.space(1);\n }\n }\n }\n\n &__inner:has(&__heading + &__body) {\n padding-top: spacing.space(0.5);\n\n @include colour.thick-keyline-dark(top);\n }\n\n @include colour.on-high-contrast-and-forced-colours {\n @include colour.colour-border(\"keyline-dark\", 1px);\n }\n\n &:not(#{&}--horizontal) {\n @include colour.on-high-contrast-and-forced-colours {\n .tna-card__inner {\n padding-bottom: spacing.space(1);\n }\n\n .tna-card__heading,\n .tna-card__body,\n .tna-card__actions {\n margin-right: spacing.space(1);\n margin-left: spacing.space(1);\n }\n }\n }\n\n @include colour.on-high-contrast {\n @include colour.colour-border(\"keyline-dark\", 1px);\n }\n}\n","@use \"../../tools/colour\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-compound-filters {\n @include spacing.space-above;\n\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: spacing.space(0.5) spacing.space(0.75);\n\n list-style: none;\n\n &__item {\n padding: 0 spacing.space(0.125) 0 spacing.space(0.75);\n\n display: flex;\n align-items: center;\n gap: spacing.space(0.5);\n\n line-height: 1.75;\n\n border-radius: 1rem;\n\n @include typography.font-size(16);\n\n @include colour.colour-border(\"keyline\", 1px);\n\n &--remove {\n padding-right: 0;\n padding-left: 0;\n\n background: none;\n\n border: none;\n border-radius: 0;\n }\n }\n\n &__link {\n width: 1.5rem;\n height: 1.5rem;\n\n position: relative;\n\n font-size: 0;\n line-height: 0;\n\n text-decoration: none;\n\n border-radius: 100%;\n\n &::before,\n &::after {\n content: \"\";\n\n height: 1rem;\n margin-left: -1px;\n\n display: block;\n\n position: absolute;\n top: 0.25rem;\n left: 50%;\n\n @include colour.colour-border(\"font-base\", 2px, solid, left);\n }\n\n &::before {\n transform: rotate(45deg);\n }\n\n &::after {\n transform: rotate(-45deg);\n }\n\n &:hover {\n @include colour.contrast;\n }\n }\n}\n","@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-cookie-banner {\n padding-top: spacing.space(2);\n padding-bottom: spacing.space(2);\n\n @include media.on-tiny {\n padding-top: 1rem;\n padding-bottom: 1rem;\n\n @include typography.font-size(16);\n }\n\n &__message {\n &:focus {\n outline: none !important;\n }\n\n &--prompt {\n }\n\n &--accepted {\n }\n\n &--rejected {\n }\n }\n}\n","@use \"sass:math\";\n@use \"../../variables/borders\";\n@use \"../../tools/colour\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-details {\n @include spacing.space-above;\n\n &__details {\n }\n\n &__summary {\n padding: spacing.space(0.5) spacing.space(1) spacing.space(0.5)\n spacing.space(2.75);\n\n display: inline-block;\n\n position: relative;\n z-index: 1;\n\n @include colour.colour-font(\"link\");\n text-decoration: underline;\n text-decoration-thickness: 1.5px;\n\n list-style: none;\n\n border-radius: 0.1px;\n\n cursor: pointer;\n\n &::-webkit-details-marker {\n display: none;\n }\n\n &::before {\n content: \"\";\n\n width: 0;\n height: 0;\n\n position: absolute;\n top: calc(50% - 0.5rem);\n left: 0.75rem;\n\n border-width: 0.5rem 0 0.5rem #{math.div(math.sqrt(3), 2)}rem;\n border-color: transparent transparent transparent\n colour.colour-var(\"link\");\n border-style: solid;\n }\n\n &:hover {\n @include typography.interacted-text-decoration;\n }\n }\n\n &__content {\n padding: 0 0 0 spacing.space(2.75);\n\n &:has(.tna-table-wrapper):has(.tna-table) {\n padding-right: 0;\n padding-left: 0;\n\n .tna-table {\n &__caption {\n padding-top: 0;\n padding-bottom: spacing.space(1);\n\n font-size: inherit;\n line-height: inherit;\n text-align: left;\n caption-side: top;\n }\n }\n\n .tna-table-wrapper {\n padding-right: 0;\n padding-left: 0;\n\n left: 0;\n\n .tna-table {\n width: calc(100% - #{spacing.space(3.75)});\n margin-right: spacing.space(1);\n margin-left: spacing.space(2.75);\n }\n }\n }\n }\n\n &__details[open] &__summary {\n &::before {\n top: calc(50% - #{math.div(math.sqrt(3), 4)}rem);\n\n border-width: #{math.div(math.sqrt(3), 2)}rem 0.5rem 0 0.5rem;\n border-color: colour.colour-var(\"link\") transparent transparent\n transparent;\n }\n }\n\n &__details[open] &__content {\n position: relative;\n\n &::before {\n content: \"\";\n\n display: block;\n\n position: absolute;\n inset: 0 auto 0 calc(1.5rem - #{math.div(borders.$thick-border-width, 2)});\n\n @include colour.thick-keyline(left);\n }\n }\n\n @include colour.on-forced-colours {\n &__summary {\n &::before {\n content: \"\\2192\";\n\n width: auto;\n height: auto;\n\n top: calc(50% - 0.5rem);\n\n line-height: 1rem;\n\n border: none;\n }\n }\n\n &__details[open] &__summary {\n &::before {\n content: \"\\2193\";\n\n border: none;\n }\n }\n }\n}\n","@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-files-list {\n @include spacing.space-above;\n padding: spacing.space(1);\n\n display: flex;\n align-items: flex-start;\n gap: spacing.space(1);\n\n @include colour.tint;\n\n &__icon {\n width: 3rem;\n\n @include colour.colour-fill(\"font-dark\");\n }\n\n &__items {\n margin: 0;\n padding: 0 0 spacing.space(1) spacing.space(1);\n\n display: flex;\n flex-direction: column;\n // flex-wrap: wrap;\n gap: spacing.space(1) spacing.space(3);\n flex: 1;\n\n list-style: none;\n\n @include colour.colour-border(\"keyline\", 0, solid);\n border-left-width: 1px;\n }\n\n &__item {\n }\n\n &__link {\n }\n\n &__item-title {\n }\n\n &__item-meta {\n margin-top: 0;\n }\n\n &__item-description {\n margin-top: spacing.space(0.25);\n\n @include typography.font-size(16);\n }\n\n @include media.on-tiny {\n flex-direction: column;\n align-items: stretch;\n\n &__icon {\n width: 2rem;\n }\n\n &__items {\n padding-top: spacing.space(1);\n padding-left: 0;\n\n border-left: none;\n\n border-top-width: 1px;\n }\n }\n}\n","@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-footer {\n &__inner {\n @include colour.contrast;\n\n padding-top: spacing.space(1);\n padding-bottom: spacing.space(3);\n }\n\n &__theme-selector {\n .tna-button-group {\n justify-content: flex-end;\n }\n\n .tna-button {\n @include typography.main-font-weight-bold;\n }\n\n @include colour.on-forced-colours {\n display: none;\n }\n }\n\n &__theme-selector-button {\n }\n\n .tna-logo {\n margin-top: spacing.space(2);\n\n &__background {\n fill: transparent;\n }\n\n &__foreground {\n fill: currentColor;\n }\n }\n\n &__title {\n margin-top: spacing.space(1);\n margin-bottom: 0;\n padding-top: 0;\n }\n\n &__address {\n font-style: normal;\n }\n\n &__meta {\n margin-top: spacing.space(1);\n\n @include typography.font-size(16);\n }\n\n &__social {\n margin-top: spacing.space(2);\n\n &-items {\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n gap: spacing.space(0.3125);\n }\n\n &-item {\n &-link {\n width: calc(2rem + 8px);\n height: 2rem;\n padding: 4px;\n\n display: block;\n\n line-height: 1;\n\n text-align: center;\n\n border: 0 transparent solid;\n border-width: 4px 0;\n\n svg {\n height: 2rem;\n\n display: inline-block;\n\n path {\n fill: currentColor;\n }\n }\n\n &-text {\n }\n\n &:hover {\n @include colour.colour-border(\"link\", 4px, solid, bottom);\n }\n }\n }\n }\n\n &__mailing-list {\n margin-top: spacing.space(2);\n padding: spacing.space(1);\n\n @include typography.font-size(16);\n\n @include colour.colour-border(\"keyline-dark\", 1px, dashed);\n\n background-color: rgb(255 255 255 / 10%);\n }\n\n &__navigation {\n &-block {\n padding-top: spacing.space(2);\n\n &-heading {\n }\n\n &-items {\n }\n\n &-item {\n padding-top: spacing.space(0.375);\n padding-bottom: spacing.space(0.375);\n\n @include typography.font-size(16);\n\n @include colour.colour-border(\"keyline\", 1px, solid, bottom);\n\n &-link {\n display: inline-block;\n\n text-decoration: none;\n\n &:hover {\n @include typography.interacted-text-decoration;\n }\n\n .fa-solid {\n margin-left: spacing.space(0.75);\n }\n }\n }\n }\n }\n\n &__legal {\n padding-top: spacing.space(3);\n\n @include typography.font-size(16);\n\n &-items {\n margin-bottom: 0;\n\n text-align: center;\n\n @include media.on-tiny {\n text-align: inherit;\n }\n }\n\n &-item {\n padding: spacing.space(0.5);\n\n display: inline-block;\n\n @include media.on-tiny {\n display: block;\n }\n\n &-link {\n }\n }\n }\n\n hr {\n margin-top: spacing.space(1.5);\n margin-bottom: spacing.space(0.5);\n }\n\n &__licence {\n @include typography.font-size(16);\n\n &.tna-container {\n align-items: center;\n }\n\n .tna-column {\n margin-top: spacing.space(1);\n }\n }\n\n &__licence-logo {\n display: block;\n }\n\n &__govuk {\n text-align: center;\n\n &-link {\n display: inline-block;\n }\n\n &-logotype-crown {\n margin: 0 auto spacing.space(0.125);\n\n display: block;\n }\n }\n\n @include media.on-mobile {\n &__inner {\n padding-top: 0;\n padding-bottom: spacing.space(2);\n }\n }\n\n @include colour.on-high-contrast {\n &__theme-selector {\n @include colour.colour-border(\"keyline\", 1px, solid, bottom);\n }\n }\n\n @include colour.on-high-contrast-and-forced-colours {\n @include colour.thick-keyline-dark(top);\n\n &__navigation {\n &-block {\n &-items {\n @include colour.thick-keyline-dark(top);\n }\n }\n }\n\n &__mailing-list {\n background-color: transparent;\n\n @include colour.colour-border(\"keyline-dark\", 1px);\n }\n }\n}\n","@use \"../../tools/a11y\";\n@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-gallery {\n display: grid;\n grid-template: min-content min-content 1fr / 2fr 1fr;\n gap: 0 spacing.space(1);\n\n @include colour.tint;\n\n border-radius: 0.1px;\n\n &:active {\n @include a11y.no-active-outline;\n }\n\n &__header {\n padding: spacing.space(1);\n\n grid-column: 1 / 3;\n grid-row: 1;\n\n display: flex;\n gap: spacing.space(2);\n }\n\n &__header-inner {\n flex: 1;\n }\n\n &__options {\n margin-top: 0;\n\n flex-direction: column;\n align-items: flex-end;\n justify-content: flex-start;\n\n .tna-button {\n white-space: nowrap;\n }\n }\n\n &__items,\n &__navigation-buttons {\n grid-column: 1 / 3;\n grid-row: 2;\n }\n\n &__items {\n position: relative;\n z-index: 1;\n\n border-radius: 0.1px;\n\n .tna-template--clicked &:focus {\n outline: none;\n }\n }\n\n &__item {\n display: flex;\n flex-direction: column;\n align-items: stretch;\n justify-content: center;\n }\n\n &__item-header {\n padding: spacing.space(1);\n\n line-height: 1;\n text-align: center;\n\n @include typography.main-font-weight-bold;\n @include typography.font-size(16);\n }\n\n &__item-figure {\n display: flex;\n flex-direction: column;\n align-items: stretch;\n gap: spacing.space(1);\n }\n\n &__item-figure-inner {\n width: 100%;\n max-height: 50vh;\n\n position: relative;\n\n @include colour.contrast;\n }\n\n &__item-image {\n margin: 0 auto;\n }\n\n &__item-description {\n margin: 0 spacing.space(1) spacing.space(1);\n padding: spacing.space(0.5) spacing.space(1);\n\n align-self: flex-start;\n\n @include colour.thick-keyline-dark(left);\n }\n\n &__navigation-buttons {\n width: 100%;\n max-height: 50vh;\n aspect-ratio: 3 / 2;\n\n position: relative;\n top: 3rem;\n z-index: 2;\n\n pointer-events: none;\n\n .tna-template--touched & {\n display: none;\n }\n }\n\n &__navigation-button {\n width: 25%;\n padding: 0;\n\n position: absolute;\n top: 0;\n bottom: 0;\n\n border: none;\n\n opacity: 0;\n\n cursor: pointer;\n pointer-events: auto;\n\n @include colour.tint;\n\n &:hover,\n &:focus {\n opacity: 1;\n }\n }\n\n &__navigation-prev {\n padding-right: 10%;\n\n left: 0;\n\n background: linear-gradient(\n 90deg,\n var(--background) 15%,\n rgb(0 0 0 / 0%) 100%\n );\n }\n\n &__navigation-next {\n padding-left: 10%;\n\n right: 0;\n\n background: linear-gradient(\n 270deg,\n var(--background) 15%,\n rgb(0 0 0 / 0%) 100%\n );\n }\n\n &__navigation-button-label {\n width: 1rem;\n height: 1rem;\n\n display: inline-block;\n\n font-size: 0;\n\n @include colour.colour-border(\"font-dark\", 4px, solid, top);\n @include colour.colour-border(\"font-dark\", 4px, solid, right);\n\n transform-origin: 50% 50%;\n }\n\n &__navigation-prev &__navigation-button-label {\n transform: rotate(-135deg);\n }\n\n &__navigation-next &__navigation-button-label {\n transform: rotate(45deg);\n }\n\n &__items[tabindex=\"-1\"],\n &__items[tabindex=\"-1\"] + &__navigation-buttons {\n display: none;\n }\n\n &__navigation {\n padding: spacing.space(1);\n\n grid-column: 1 / 3;\n grid-row: 3;\n\n display: grid;\n grid-template-columns: repeat(6, 1fr);\n grid-auto-rows: min-content;\n gap: spacing.space(1);\n\n overflow: auto;\n }\n\n &__navigation-item {\n min-width: 0;\n min-height: 0;\n aspect-ratio: 1;\n\n position: relative;\n\n border: none;\n\n cursor: pointer;\n\n @include colour.contrast;\n\n &:hover {\n &::after {\n content: \"\";\n\n position: absolute;\n inset: 0;\n z-index: 2;\n\n @include colour.thick-keyline-accent;\n }\n }\n\n &[aria-selected=\"true\"] {\n @include colour.accent;\n\n &::after {\n content: \"\";\n\n position: absolute;\n inset: 0;\n z-index: 2;\n\n @include colour.thick-keyline-brand(\"\", \"black\");\n }\n }\n }\n\n &__navigation-item-image {\n width: 100%;\n height: 100%;\n\n position: absolute;\n inset: 0;\n object-fit: cover;\n }\n\n &__navigation-item-label {\n padding: spacing.space(0.25) spacing.space(0.75);\n\n display: inline-block;\n\n position: absolute;\n top: 0;\n left: 0;\n z-index: 4;\n\n text-transform: capitalize;\n\n @include colour.colour-font(\"font-dark\");\n @include typography.font-size(24);\n @include typography.main-font-weight-bold;\n\n @include colour.colour-background(\"background\");\n }\n\n &--interactive {\n max-height: 175dvh;\n }\n\n &--interactive &__item-figure-inner {\n aspect-ratio: 3 / 2;\n }\n\n &--interactive &__item-image {\n width: 100%;\n height: 100%;\n\n position: absolute;\n inset: 0;\n z-index: 1;\n object-fit: contain;\n }\n\n @include media.on-medium {\n &__navigation {\n grid-template-columns: repeat(4, 1fr);\n }\n }\n\n @include media.on-mobile {\n &__options {\n flex-direction: row-reverse;\n align-items: flex-start;\n }\n\n &__navigation {\n grid-template-columns: repeat(3, 1fr);\n }\n }\n\n @include media.on-tiny {\n &__options {\n // align-items: flex-end;\n // justify-content: flex-start;\n }\n\n &__navigation-item-label {\n @include typography.font-size(18);\n }\n }\n\n &--fullscreen &__header-inner {\n display: none;\n }\n\n &--fullscreen &__options {\n flex: 1;\n\n flex-direction: row;\n align-items: flex-start;\n justify-content: flex-end;\n\n .tna-button[value=\"show-index\"] {\n display: none;\n }\n }\n\n &--fullscreen &__item-description {\n max-height: 4.5rem;\n\n overflow: auto;\n }\n\n // @media (display-mode: fullscreen) and (aspect-ratio >= 1/1), (display-mode: fullscreen) and (orientation: landscape) {\n @media (aspect-ratio >= 1/1) {\n &--fullscreen &__header {\n grid-column: 2 / 3;\n }\n\n &--fullscreen &__items,\n &--fullscreen &__navigation-buttons {\n grid-column: 1 / 2;\n grid-row: 1 / 4;\n }\n\n &--fullscreen &__item {\n height: 100%;\n }\n\n &--fullscreen &__item-figure {\n flex: 1;\n }\n\n &--fullscreen &__item-figure-inner,\n &--fullscreen &__navigation-buttons {\n max-height: none;\n flex: 1;\n\n aspect-ratio: auto;\n }\n\n &--fullscreen &__navigation {\n padding-top: 0;\n padding-left: 0;\n\n grid-column: 2 / 3;\n grid-row: 2 / 4;\n\n grid-template-columns: repeat(3, 1fr);\n gap: spacing.space(0.5);\n }\n }\n}\n","@use \"sass:math\";\n@use \"../../tools/colour\";\n@use \"../../tools/grid\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-global-header {\n padding-top: spacing.space(1);\n\n @include colour.contrast;\n background: linear-gradient(\n 0deg,\n rgb(34 34 34 / 100%) 0%,\n rgb(0 0 0 / 100%) 100%\n );\n\n @include colour.colour-font(\"font-base\");\n\n .tna-template--dark-theme & {\n background: colour.brand-colour(\"black\");\n }\n\n .tna-template--system-theme & {\n @media (prefers-color-scheme: dark) {\n background: colour.brand-colour(\"black\");\n }\n }\n\n &__main {\n padding-bottom: spacing.space(1.5);\n }\n\n &__logo-wrapper {\n margin-top: spacing.space(0.5);\n\n display: flex;\n }\n\n &__logo {\n display: flex;\n align-items: flex-end;\n gap: spacing.space(1);\n\n text-decoration: none;\n\n &--link {\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"font-base\");\n }\n\n &:hover {\n text-decoration: none;\n\n @include colour.colour-outline(\"font-dark\", 0.3125rem, solid);\n outline-offset: 1px;\n }\n }\n }\n\n .tna-logo {\n width: 6.75rem;\n height: 6.75rem;\n\n flex-shrink: 0;\n }\n\n &__logo-strapline {\n padding-right: spacing.space(0.625);\n\n line-height: math.div(6.75rem, 3);\n text-transform: uppercase;\n\n @include typography.heading-font;\n @include typography.font-size(20);\n }\n\n &__navigation-button-wrapper {\n display: none;\n }\n\n &__hamburger {\n width: 2rem;\n height: 0.25rem;\n\n display: block;\n\n @include colour.colour-background(\"font-dark\");\n\n &::before,\n &::after {\n content: \"\";\n\n height: 0.25rem;\n\n display: block;\n\n position: absolute;\n right: 0;\n left: 0;\n\n background-color: inherit;\n }\n\n &::before {\n top: 0;\n }\n\n &::after {\n bottom: 0;\n }\n }\n\n &__navigation-button {\n height: 2rem;\n padding: 0;\n\n appearance: none;\n\n display: block;\n\n position: relative;\n\n font-size: 0;\n\n background: none;\n\n border: 0 transparent solid;\n border-width: 0.25rem 0;\n\n cursor: pointer;\n\n &--opened {\n .tna-global-header__hamburger {\n height: 0;\n\n &::before {\n top: 0.625rem;\n\n transform: rotate(-135deg);\n }\n\n &::after {\n bottom: 0.625rem;\n\n transform: rotate(135deg);\n }\n }\n }\n }\n\n &__navigation-wrapper {\n }\n\n &__navigation {\n height: 100%;\n margin: spacing.space(0.5) 0 0;\n\n position: relative;\n\n columns: 2;\n column-gap: spacing.space(2);\n\n list-style: none;\n }\n\n &__navigation-item {\n break-inside: avoid;\n }\n\n &__navigation-item-link {\n min-width: 15rem;\n height: math.div(6.75rem, 3);\n\n display: block;\n box-sizing: border-box;\n\n line-height: math.div(6.75rem, 3);\n text-decoration: none;\n\n @include typography.font-size(17);\n\n @include colour.colour-border(\"keyline\", 0.5px, solid, bottom);\n\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"font-base\");\n }\n\n &:hover {\n @include typography.interacted-text-decoration;\n }\n }\n\n &__top-navigation {\n padding: 0 0 spacing.space(0.5);\n\n display: flex;\n justify-content: flex-end;\n gap: spacing.space(1.5);\n\n @include typography.font-size(15);\n list-style: none;\n }\n\n &__top-navigation-item {\n }\n\n &__top-navigation-link {\n display: flex;\n align-items: center;\n gap: spacing.space(0.5);\n\n text-decoration: none;\n\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"font-light\");\n }\n\n &:hover {\n @include colour.colour-font(\"font-base\");\n @include typography.interacted-text-decoration;\n }\n\n svg {\n height: 1em;\n\n display: inline-block;\n\n path {\n fill: currentColor;\n }\n }\n }\n\n @include media.on-medium {\n &__navigation {\n column-gap: spacing.space(1);\n }\n\n &__navigation-item-link {\n @include typography.font-size(16);\n }\n\n &--collapse-on-medium &__navigation-wrapper {\n width: 100%;\n }\n\n &--collapse-on-medium &__top-navigation-wrapper {\n flex: 1;\n order: 2;\n }\n\n &--collapse-on-medium &__main {\n padding-bottom: spacing.space(1);\n }\n\n &--collapse-on-medium &__logo {\n gap: spacing.space(0.75);\n }\n\n &--collapse-on-medium &__logo-wrapper {\n margin-top: spacing.space(0.5);\n margin-bottom: spacing.space(0.5);\n }\n\n &--collapse-on-medium .tna-logo {\n width: 5rem;\n height: 5rem;\n }\n\n &--collapse-on-medium &__logo-strapline {\n line-height: math.div(5rem, 3);\n }\n\n &--collapse-on-medium &__navigation {\n margin-bottom: spacing.space(0.5);\n }\n\n &--collapse-on-medium &__navigation,\n &--collapse-on-medium &__navigation-item,\n &--collapse-on-medium &__navigation-item-link {\n height: auto;\n }\n }\n\n @include media.on-mobile {\n &__main {\n padding-bottom: 0;\n }\n\n &__logo-wrapper,\n &__navigation-button-wrapper {\n margin-top: 0;\n margin-bottom: spacing.space(1);\n }\n\n &__logo {\n gap: spacing.space(0.75);\n }\n\n &__navigation-button-wrapper {\n display: flex;\n align-items: center;\n }\n\n &__navigation,\n &__navigation-item,\n &__navigation-item-link {\n height: auto;\n }\n\n &__navigation {\n margin-top: 0;\n\n columns: 1;\n\n background-color: rgb(255 255 255 / 10%);\n\n @include colour.colour-border(\"keyline-dark\", 2px, solid, top);\n @include colour.colour-border(\"keyline-dark\", 2px, solid, bottom);\n }\n\n &__navigation-item {\n flex-direction: column;\n align-items: flex-start;\n }\n\n &__navigation-item-link {\n line-height: 1.75rem;\n @include typography.main-font-weight-medium;\n }\n\n &__navigation-item:last-child &__navigation-item-link {\n border-bottom: none;\n }\n\n &__navigation-item-contents {\n display: block;\n }\n\n &__navigation-item-children {\n margin-bottom: spacing.space(1);\n margin-left: spacing.space(1.5);\n }\n\n &__top-navigation {\n padding-top: spacing.space(1);\n padding-bottom: spacing.space(1);\n\n justify-content: flex-start;\n }\n }\n\n @include media.on-small {\n .tna-logo {\n width: 4rem;\n height: 4rem;\n }\n\n &__logo-strapline {\n line-height: 1.25rem;\n }\n\n &__navigation {\n width: calc(100% + #{grid.gutter-width-double()});\n\n left: -#{grid.gutter-width()};\n }\n\n &__navigation-item-link {\n padding: spacing.space(0.5) grid.gutter-width();\n }\n }\n\n @include media.on-tiny {\n .tna-logo {\n width: 3.5rem;\n height: 3.5rem;\n }\n\n &__logo-strapline {\n line-height: 1;\n }\n\n &__navigation {\n width: calc(100% + #{grid.gutter-width-tiny-double()});\n\n left: -#{grid.gutter-width-tiny()};\n }\n\n &__navigation-item-link {\n padding: spacing.space(0.5) grid.gutter-width-tiny();\n }\n }\n\n @include colour.on-high-contrast-and-forced-colours {\n @include colour.colour-border(\"keyline\", 1px, solid, bottom);\n }\n\n @include colour.on-forced-colours {\n &__navigation-button {\n height: auto;\n\n line-height: 2;\n @include typography.font-size(18);\n @include typography.main-font-weight-bold;\n\n border: none;\n }\n\n &__hamburger {\n display: none;\n }\n }\n}\n","@use \"sass:math\";\n@use \"../../tools/colour\";\n@use \"../../tools/grid\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-header {\n @include colour.contrast;\n\n position: relative;\n\n background: linear-gradient(\n 0deg,\n rgb(34 34 34 / 100%) 0%,\n rgb(0 0 0 / 100%) 100%\n );\n\n .tna-template--dark-theme & {\n background: colour.brand-colour(\"black\");\n }\n\n .tna-template--system-theme & {\n @media (prefers-color-scheme: dark) {\n background: colour.brand-colour(\"black\");\n }\n }\n\n &__exit {\n padding-top: spacing.space(0.5);\n padding-bottom: spacing.space(0.5);\n\n text-align: right;\n\n @include colour.contrast;\n }\n\n &__exit-link {\n text-decoration: none;\n @include typography.font-size(16);\n\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"font-base\");\n }\n\n &:hover {\n text-decoration: underline;\n }\n\n .fa-solid {\n margin-left: spacing.space(0.5);\n }\n }\n\n &__contents {\n &.tna-container {\n justify-content: space-between;\n }\n }\n\n &__logo {\n padding-top: spacing.space(1.5);\n padding-bottom: spacing.space(1.5);\n }\n\n &__logo-contents {\n display: flex;\n align-items: flex-end;\n\n color: inherit;\n text-decoration: none;\n\n &--link {\n &,\n &:link,\n &:visited {\n color: inherit;\n }\n\n &:hover:not(:focus) {\n text-decoration: none;\n\n @include colour.colour-outline(\"font-dark\", 0.3125rem, solid);\n outline-offset: 1px;\n }\n }\n }\n\n .tna-logo {\n width: 6rem;\n height: 6rem;\n\n display: inline-block;\n\n flex-shrink: 0;\n }\n\n &__logo-strapline {\n margin: 0 spacing.space(0.75);\n\n display: inline-block;\n\n line-height: 2rem;\n @include typography.heading-font;\n @include typography.font-size(20);\n text-transform: uppercase;\n }\n\n &__navigation-toggle {\n align-self: center;\n\n display: none;\n }\n\n &__hamburger {\n width: 2rem;\n height: 0.25rem;\n\n display: block;\n\n @include colour.colour-background(\"font-dark\");\n\n &::before,\n &::after {\n content: \"\";\n\n height: 0.25rem;\n\n display: block;\n\n position: absolute;\n right: 0;\n left: 0;\n\n background-color: inherit;\n }\n\n &::before {\n top: 0;\n }\n\n &::after {\n bottom: 0;\n }\n }\n\n &__navigation-toggle-button {\n height: 2rem;\n padding: 0;\n\n appearance: none;\n\n display: block;\n\n position: relative;\n\n font-size: 0;\n\n background: none;\n\n border: 0 transparent solid;\n border-width: 0.25rem 0;\n\n cursor: pointer;\n\n &--opened {\n .tna-header__hamburger {\n height: 0;\n\n &::before {\n top: 0.625rem;\n\n transform: rotate(-135deg);\n }\n\n &::after {\n bottom: 0.625rem;\n\n transform: rotate(135deg);\n }\n }\n }\n }\n\n &__navigation {\n display: flex;\n flex-direction: column-reverse;\n align-items: flex-end;\n justify-content: space-between;\n\n position: relative;\n z-index: 2;\n }\n\n &__top-navigation-items {\n margin: 0;\n padding: spacing.space(1.25) 0;\n\n display: flex;\n justify-content: flex-end;\n gap: spacing.space(0.5) spacing.space(1.5);\n\n line-height: 1;\n\n list-style: none;\n\n @include typography.font-size(15);\n }\n\n &__top-navigation-item {\n display: block;\n }\n\n &__top-navigation-item-link {\n display: flex;\n align-items: center;\n\n text-decoration: none;\n\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"font-light\");\n }\n\n &:hover,\n &--selected {\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"font-base\");\n @include typography.interacted-text-decoration;\n }\n }\n\n .fa-solid {\n margin-right: spacing.space(0.375);\n }\n }\n\n &__navigation-items {\n margin: 0;\n padding: 0;\n\n display: flex;\n flex-wrap: nowrap;\n gap: spacing.space(2);\n\n white-space: nowrap;\n\n list-style: none;\n }\n\n &__navigation-item {\n }\n\n &__navigation-item-link {\n padding: spacing.space(0.5) 0;\n\n display: inline-block;\n\n position: relative;\n\n line-height: 2;\n text-decoration: none;\n\n @include typography.main-font-weight-medium;\n\n &::after {\n content: \"\";\n\n height: 0;\n\n position: absolute;\n right: 0;\n bottom: 0;\n left: 0;\n\n @include colour.colour-background(\"font-dark\");\n }\n\n &,\n &:link,\n &:visited {\n color: inherit;\n }\n\n &--selected {\n &,\n &:hover {\n &::after {\n @include colour.thick-keyline-dark(top);\n }\n }\n }\n }\n\n &.tna-background-accent {\n background: colour.colour-var(\"background\");\n }\n\n &.tna-background-accent &__navigation {\n @include colour.contrast-on-mobile;\n }\n\n @include media.on-medium {\n .tna-logo {\n width: 5rem;\n height: 5rem;\n }\n\n &__logo-strapline {\n line-height: 1.625rem;\n }\n }\n\n @include media.on-mobile {\n &__logo {\n padding-top: spacing.space(1);\n padding-bottom: spacing.space(1);\n }\n\n &__contents {\n &.tna-container {\n padding-right: 0;\n padding-left: 0;\n }\n }\n\n &__navigation-toggle {\n display: block;\n\n &.tna-column {\n padding-left: 0;\n }\n }\n\n &__navigation {\n flex-direction: column;\n align-items: stretch;\n\n &.tna-column {\n padding-right: 0;\n padding-left: 0;\n }\n }\n\n &__top-navigation-items {\n padding: spacing.space(0.5) spacing.space(1);\n\n justify-content: flex-start;\n\n @include colour.colour-border(\"keyline\", 1px, solid, bottom);\n }\n\n &__top-navigation-item {\n margin: 0;\n padding: spacing.space(0.5);\n }\n\n &__top-navigation-item-link {\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"font-light\");\n }\n\n &:hover {\n @include colour.colour-font(\"font-dark\");\n }\n }\n\n &__navigation-items {\n width: 100%;\n\n flex-direction: column;\n gap: 0;\n\n background-color: rgb(255 255 255 / 10%);\n\n @include colour.colour-border(\"keyline-dark\", 2px, solid, top);\n @include colour.colour-border(\"keyline-dark\", 2px, solid, bottom);\n }\n\n &__navigation-item {\n margin: 0;\n\n display: block;\n\n @include colour.colour-border(\"keyline\", 1px, solid, top);\n\n &:first-child {\n border-top: none;\n }\n }\n\n &__navigation-item-link {\n display: block;\n\n line-height: 1.75rem;\n\n &::after {\n width: 0;\n height: auto;\n\n top: 0;\n right: auto;\n }\n\n &--selected {\n &,\n &:hover {\n &::after {\n @include colour.colour-border(\"keyline\", 0.5rem, solid, left);\n }\n }\n }\n }\n }\n\n @include media.on-small {\n .tna-logo {\n width: 4rem;\n height: 4rem;\n }\n\n &__logo-strapline {\n line-height: 1.25rem;\n }\n\n &__logo.tna-column,\n &__navigation-item-link,\n &__navigation-toggle.tna-column {\n padding-right: grid.gutter-width();\n }\n\n &__logo.tna-column,\n &__navigation-item-link {\n padding-left: grid.gutter-width();\n }\n\n &__top-navigation-items {\n padding-right: calc(#{grid.gutter-width()} - 0.5rem);\n padding-left: calc(#{grid.gutter-width()} - 0.5rem);\n }\n }\n\n @include media.on-tiny {\n &__navigation-toggle.tna-column,\n &__logo.tna-column {\n padding-right: grid.gutter-width-tiny();\n }\n\n &__logo.tna-column {\n padding-left: grid.gutter-width-tiny();\n }\n\n .tna-logo {\n width: 3.5rem;\n height: 3.5rem;\n }\n\n &__logo-strapline {\n line-height: 1;\n }\n\n &__top-navigation-items {\n gap: 0.5rem;\n }\n\n &__navigation-item-link {\n padding-right: grid.gutter-width-tiny();\n padding-left: calc(#{grid.gutter-width-tiny()} + 0.5rem);\n }\n }\n\n @include colour.on-high-contrast-and-forced-colours {\n &,\n &__exit {\n @include colour.colour-border(\"keyline\", 1px, solid, bottom);\n }\n }\n\n @include colour.on-forced-colours {\n &__navigation-toggle-button {\n height: auto;\n\n line-height: 2;\n @include typography.font-size(18);\n @include typography.main-font-weight-bold;\n\n border: none;\n }\n\n &__hamburger {\n display: none;\n }\n }\n}\n","@use \"sass:math\";\n\n@use \"../../tools/colour\";\n@use \"../../tools/grid\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n$padding-units-top: 10 !default;\n$padding-units-bottom: 2 !default;\n$padding-units-narrow: 3 !default;\n$shift-units: 5 !default;\n\n.tna-hero {\n &__figure {\n min-height: clamp(\n #{spacing.space($padding-units-top + $padding-units-bottom)},\n calc(40vw - #{spacing.space($padding-units-top + $padding-units-bottom)}),\n 50rem\n );\n margin: 0;\n padding-top: spacing.space($padding-units-top);\n padding-bottom: spacing.space($padding-units-bottom);\n\n display: flex;\n align-items: flex-end;\n\n position: relative;\n }\n\n &__caption {\n width: 100%;\n\n overflow: visible;\n\n position: absolute;\n top: 0;\n right: 0;\n z-index: 5;\n }\n\n &__details {\n width: 100%;\n\n overflow: visible;\n }\n\n &__details-summary {\n width: 1.5rem;\n height: 1.5rem;\n\n position: absolute;\n top: spacing.space(0.5);\n right: spacing.space(0.5);\n z-index: 2;\n\n font-size: 0;\n line-height: 1.5rem;\n text-align: center;\n\n list-style: none;\n\n border-radius: 100%;\n\n cursor: pointer;\n\n @include colour.accent;\n\n @include colour.colour-border(\"background\", 4px);\n\n &:hover {\n @include colour.colour-font(\"background\");\n\n @include colour.colour-background(\"font-base\");\n }\n }\n\n &__details-summary-icon {\n font-size: 1.25rem;\n font-weight: 700;\n font-style: normal;\n text-transform: lowercase;\n }\n\n &__information {\n width: 45rem;\n max-width: 75vw;\n padding: spacing.space(0.625) spacing.space(3.25) spacing.space(0.625)\n spacing.space(1);\n\n position: absolute;\n top: 0;\n right: 0;\n z-index: 1;\n\n @include colour.contrast;\n\n @include typography.font-size(16);\n }\n\n &__image {\n position: absolute;\n inset: 0;\n z-index: 1;\n\n img {\n width: 100%;\n height: 100%;\n\n object-fit: cover;\n }\n }\n\n &__details[open] &__details-summary {\n @include colour.contrast;\n\n &::before,\n &::after {\n content: \"\";\n\n width: 1.5rem;\n height: 0.125rem;\n\n display: block;\n\n position: absolute;\n top: 50%;\n left: 50%;\n\n @include colour.colour-background(\"font-dark\");\n }\n\n &::before {\n transform: translate(-50%, -50%) rotate(45deg);\n }\n\n &::after {\n transform: translate(-50%, -50%) rotate(-45deg);\n }\n\n &:hover {\n &::before,\n &::after {\n height: 0.25rem;\n }\n }\n\n &-icon {\n font-size: 0;\n }\n }\n\n &__inner {\n position: relative;\n z-index: 4;\n }\n\n &:not(.tna-background-accent, .tna-background-tint) &__inner {\n @include colour.contrast-on-mobile;\n }\n\n &__content {\n }\n\n &__content-inner {\n padding: spacing.space(2);\n\n @include colour.colour-background(\"background\");\n }\n\n &__heading {\n }\n\n &__body {\n }\n\n &--split {\n }\n\n &--split:not(.tna-background-accent, .tna-background-tint) {\n @include colour.contrast;\n }\n\n &--split &__figure {\n min-height: clamp(15rem, #{math.div(100vw, 3)}, 50rem);\n padding-top: spacing.space(2);\n padding-bottom: spacing.space(2);\n\n align-items: center;\n\n box-sizing: border-box;\n }\n\n &--split &__information {\n max-width: 50%;\n\n box-sizing: border-box;\n }\n\n &--split &__image {\n left: 50%;\n }\n\n &--split &__content {\n width: 50%;\n padding-right: grid.gutter-width();\n }\n\n &--split &__content-inner {\n padding: 0;\n }\n\n &--shift {\n margin-bottom: spacing.space($shift-units - $padding-units-bottom);\n }\n\n &--shift &__content-inner {\n position: relative;\n top: spacing.space($shift-units);\n }\n\n &--shift:not(.tna-background-accent, .tna-background-tint) &__content-inner {\n @include colour.contrast;\n }\n\n &--narrow {\n }\n\n &--narrow &__figure {\n min-height: max(#{spacing.space($padding-units-narrow * 2)}, 20rem);\n padding-top: spacing.space($padding-units-narrow);\n padding-bottom: spacing.space($padding-units-narrow);\n }\n\n @include media.on-mobile {\n & &__figure {\n min-height: auto;\n padding: 0;\n\n flex-direction: column;\n }\n\n &__caption {\n order: 2;\n }\n\n &__details {\n }\n\n &__details-summary {\n }\n\n &__details-summary-icon {\n }\n\n &__information,\n &--split &__information {\n width: auto;\n max-width: none;\n\n left: 0;\n }\n\n &__image {\n width: 100%;\n\n position: static;\n\n order: 1;\n\n img {\n height: auto;\n }\n }\n\n &__inner {\n order: 3;\n }\n\n &__content {\n }\n\n &__content-inner {\n padding-right: 0;\n padding-left: 0;\n }\n\n &__heading {\n }\n\n &__body {\n margin-top: spacing.space(1);\n }\n\n &--shift {\n margin-bottom: 0;\n }\n\n &--shift &__content-inner {\n position: static;\n }\n\n &--split &__figure {\n min-height: auto;\n padding-top: 0;\n padding-bottom: 0;\n }\n\n &--split &__content {\n width: 100%;\n padding-right: grid.gutter-width-half();\n }\n\n &--split &__content-inner {\n padding-top: spacing.space(2);\n padding-bottom: spacing.space(2);\n }\n }\n\n @include colour.on-high-contrast-and-forced-colours {\n &__information,\n &__content-inner {\n @include colour.colour-border(\"keyline-dark\", 1px);\n }\n\n @include media.on-mobile {\n &__inner {\n @include colour.colour-border(\"keyline-dark\", 1px);\n border-top: 0;\n }\n\n &__content-inner {\n border: none;\n }\n }\n }\n}\n","@use \"sass:math\";\n@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-index-grid {\n @include spacing.space-above;\n\n &__heading {\n }\n\n &__items {\n @include spacing.space-above;\n\n margin-bottom: 0;\n\n display: flex;\n gap: spacing.space(2) 0;\n\n list-style: none;\n }\n\n &__item {\n @include colour.contrast;\n\n height: 100%;\n\n display: flex;\n flex-direction: column;\n\n position: relative;\n\n text-decoration: none;\n\n .tna-background-contrast & {\n @include colour.accent;\n }\n\n @include colour.on-high-contrast-and-forced-colours {\n @include colour.colour-border(\"keyline-dark\", 1px);\n }\n }\n\n &__item-image {\n width: 100%;\n height: auto;\n }\n\n &__item-content {\n padding: spacing.space(1);\n\n flex: 1;\n }\n\n &__item-label {\n position: absolute;\n top: spacing.space(0.5);\n left: spacing.space(0.5);\n }\n\n &__item-title {\n text-decoration: underline;\n\n .tna-index-grid__item:hover & {\n &,\n &:link,\n &:visited {\n @include typography.interacted-text-decoration;\n }\n }\n }\n\n &__item-subtitle {\n @include colour.colour-font(\"font-light\");\n @include typography.font-size(16);\n }\n}\n","@use \"sass:math\";\n@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-pagination {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: center;\n gap: spacing.space(1);\n\n @include spacing.space-above;\n\n &--spaced {\n justify-content: space-between;\n }\n\n &__prev {\n }\n\n &__next {\n }\n\n &__link {\n min-width: 1.5rem;\n padding-right: spacing.space(0.5);\n padding-left: spacing.space(0.5);\n }\n\n &__icon {\n display: inline-block;\n\n path {\n fill: currentColor;\n }\n\n &--prev {\n margin-left: spacing.space(0.5);\n }\n\n &--next {\n margin-right: spacing.space(0.5);\n }\n }\n\n &__link-title {\n padding-right: spacing.space(0.5);\n padding-left: spacing.space(0.5);\n }\n\n &__list {\n margin: 0;\n padding: 0;\n\n display: flex;\n align-items: center;\n gap: spacing.space(0.25);\n\n list-style: none;\n }\n\n &__item {\n &--ellipses {\n min-width: 2rem;\n padding: spacing.space(0.5);\n\n text-align: center;\n }\n\n &--current {\n }\n }\n\n &__item--current &__link {\n .tna-background-accent & {\n }\n }\n\n &__current-item-text {\n margin-top: 0;\n\n @include typography.main-font-weight-medium;\n }\n\n @include media.on-mobile {\n flex-direction: column;\n }\n\n @include media.on-tiny {\n &__item {\n display: none;\n\n &:first-child,\n &:last-child,\n &--current,\n &--ellipses {\n display: block;\n }\n }\n }\n}\n","@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-phase-banner {\n @include colour.contrast;\n\n padding-top: spacing.space(0.5);\n padding-bottom: spacing.space(0.5);\n\n @include typography.font-size(16);\n\n border-bottom: 1px transparent solid;\n\n .tna-container {\n align-items: center;\n }\n\n &__phase {\n @include typography.main-font-weight-bold;\n text-transform: uppercase;\n }\n\n &__message {\n }\n\n @include colour.on-high-contrast-and-forced-colours {\n @include colour.colour-border(\"keyline\", 1px, solid, bottom);\n }\n}\n","@use \"../../tools/colour\";\n@use \"../../tools/grid\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-picture {\n @include spacing.space-above;\n margin-right: 0;\n margin-bottom: 0;\n margin-left: 0;\n padding: 0;\n\n &__image-wrapper {\n padding: spacing.space(1.5);\n\n position: relative;\n }\n\n &__image {\n width: auto;\n height: auto;\n max-height: 40rem;\n margin: 0 auto;\n\n box-shadow:\n 0 0.25rem 1rem -0.25rem rgb(0 0 0 / 25%),\n 0 0.125rem 0.5rem -0.25rem rgb(0 0 0 / 75%);\n }\n\n &__toggle-transcript {\n position: absolute;\n right: spacing.space(1);\n bottom: spacing.space(1);\n }\n\n &__transcript {\n @include colour.contrast;\n\n padding: spacing.space(1) spacing.space(1.5);\n\n .tna-template--clicked &:focus {\n outline: none;\n }\n\n .tna-tabs {\n margin-bottom: spacing.space(0.5);\n }\n }\n\n &__caption {\n margin: 0 spacing.space(1);\n padding: spacing.space(1);\n\n @include typography.font-size(16);\n\n @include colour.colour-border(\"keyline\", 1px, solid, bottom);\n }\n\n @include media.on-tiny {\n &__image-wrapper {\n padding: 0;\n }\n }\n\n @include media.on-tiny {\n .tna-column & {\n width: calc(100% + #{grid.gutter-width-tiny-double()});\n\n position: relative;\n left: -#{grid.gutter-width-tiny()};\n }\n\n &__image {\n max-height: 60rem;\n }\n\n &__caption {\n margin-right: 0;\n margin-left: 0;\n\n @include typography.font-size(14);\n }\n }\n\n @include colour.on-high-contrast-and-forced-colours {\n @include colour.colour-border(\"keyline-dark\", 1px);\n\n &__caption {\n margin: 0;\n\n border: none;\n }\n }\n}\n","@use \"../../tools/colour\";\n@use \"../../tools/spacing\";\n\n.tna-quick-filters {\n @include spacing.space-above;\n\n display: flex;\n flex-wrap: wrap;\n gap: spacing.space(0.5) spacing.space(0.75);\n\n list-style: none;\n\n &--stacked {\n flex-direction: column;\n align-items: flex-start;\n }\n\n &--filled {\n align-items: flex-start;\n }\n\n &--stacked#{&}--filled {\n align-items: stretch;\n }\n\n &__item {\n }\n\n &--filled &__item {\n flex: 1 1 auto;\n\n text-align: center;\n }\n\n &__link {\n padding: 0 spacing.space(0.75);\n\n display: block;\n\n line-height: 1.75;\n\n text-decoration: none;\n\n // border-radius: 1rem;\n\n @include colour.colour-border(\"keyline\", 1px);\n\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"font-base\");\n }\n\n &:hover {\n @include colour.tint;\n }\n }\n\n &__item--selected &__link {\n &,\n &:link,\n &:visited,\n &:hover {\n @include colour.accent;\n @include colour.colour-border(\"background\");\n }\n }\n}\n","@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-records-list {\n @include spacing.space-above;\n margin-bottom: 0;\n padding: 0;\n\n list-style: none;\n\n @include colour.thick-keyline-accent(top);\n\n &__item {\n padding: spacing.space(1) spacing.space(1.5);\n\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: spacing.space(2);\n\n @include colour.colour-border(\"keyline\", 1px);\n border-top-width: 0;\n }\n\n &__image {\n width: 6rem;\n height: auto;\n }\n\n &__details {\n margin: 0;\n\n flex: 1;\n }\n\n &__title-label,\n &__date-label {\n display: none;\n }\n\n &__collection-description,\n &__title-description,\n &__date-description {\n width: 100%;\n margin: 0;\n }\n\n &__collection-label,\n &__collection-description {\n display: inline-block;\n }\n\n &__collection-label {\n &::after {\n content: \":\";\n content: \":\" / \"\";\n }\n }\n\n &__collection-description {\n }\n\n &__title-label {\n }\n\n &__title-description {\n padding-bottom: spacing.space(0.25);\n\n @include typography.detail-font(true);\n }\n\n &__date-label {\n }\n\n &__date-description {\n @include colour.colour-font(\"font-light\");\n @include typography.font-size(16);\n }\n\n @include media.on-tiny {\n &__item {\n padding: spacing.space(1);\n\n flex-direction: column;\n align-items: flex-start;\n\n gap: spacing.space(1);\n }\n }\n}\n","@use \"../../variables/a11y\";\n@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-sidebar {\n width: 100%;\n\n @include typography.font-size(16);\n\n &__heading {\n }\n\n &__items {\n padding-top: max(spacing.space(0.5), #{a11y.$focus-outline-padding});\n }\n\n &__item {\n }\n\n &__items,\n &__item-children {\n display: flex;\n flex-direction: column;\n gap: spacing.space(0.25);\n\n list-style: none;\n }\n\n &__item-children {\n }\n\n &__item-child {\n }\n\n &__link {\n }\n\n /*\n * ------------------------------------------\n * Contents\n * ------------------------------------------\n */\n &--contents &__item-children {\n margin-top: spacing.space(0.25);\n padding-left: spacing.space(2);\n\n @include colour.thick-keyline(\"left\");\n }\n\n /*\n * ------------------------------------------\n * Sections\n * ------------------------------------------\n */\n &--sections &__link {\n padding: spacing.space(0.125) spacing.space(0.5);\n\n display: block;\n }\n\n &--sections &__item--current &__link {\n @include colour.accent;\n }\n\n /*\n * ------------------------------------------\n * Pages\n * ------------------------------------------\n */\n &--pages &__item--current {\n padding-left: spacing.space(0.75);\n\n @include colour.thick-keyline-accent(\"left\");\n }\n\n &--pages &__item--current > &__link {\n @include typography.main-font-weight-bold;\n }\n\n &--pages &__item-children {\n gap: 0;\n }\n\n /*\n * ------------------------------------------\n * Dashed items\n * ------------------------------------------\n */\n &--contents &__items,\n &--pages &__item-children {\n padding-left: spacing.space(1.5);\n }\n\n &--contents &__item,\n &--contents &__item-child,\n &--pages &__item-child {\n list-style: \"— \" outside;\n\n &::marker {\n @include colour.colour-font(\"font-light\");\n }\n }\n\n /*\n * ------------------------------------------\n * Sticky\n * ------------------------------------------\n */\n &--sticky {\n max-height: calc(100vh - spacing.space(0.5));\n max-height: calc(100dvh - spacing.space(0.5));\n\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n\n position: sticky;\n top: spacing.space(0.5);\n }\n\n &--sticky &__items {\n width: 100%;\n margin: 0;\n padding-right: a11y.$focus-outline-padding;\n padding-bottom: a11y.$focus-outline-padding;\n padding-left: a11y.$focus-outline-padding;\n\n box-sizing: content-box;\n overflow-y: auto;\n\n position: relative;\n left: -#{a11y.$focus-outline-padding};\n flex: 1;\n }\n}\n","@use \"../../variables/a11y\" as a11yVars;\n@use \"../../tools/a11y\";\n@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-skip-link {\n width: 1px !important;\n height: 1px !important;\n margin: 0 !important;\n padding: 0 !important;\n\n display: block !important;\n\n overflow: hidden !important;\n\n position: absolute !important;\n left: -100vw;\n\n white-space: nowrap !important;\n\n clip: rect(0 0 0 0) !important;\n -webkit-clip-path: inset(50%) !important;\n clip-path: inset(50%) !important;\n\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"button-text\", $important: true);\n }\n\n &:focus {\n @include colour.colour-background(\"button-background\", $important: true);\n\n @include colour.colour-border(\n \"focus-outline\",\n a11yVars.$focus-outline-width,\n $important: true\n );\n outline: none !important;\n }\n\n &:active,\n &:focus {\n width: auto !important;\n height: auto !important;\n margin: inherit !important;\n padding: spacing.space(1) !important;\n\n overflow: visible !important;\n\n position: static !important;\n\n white-space: inherit !important;\n\n clip: auto !important;\n -webkit-clip-path: none !important;\n clip-path: none !important;\n\n &:hover {\n @include colour.colour-font(\"button-hover-text\", $important: true);\n\n @include colour.colour-background(\n \"button-hover-background\",\n $important: true\n );\n }\n }\n}\n","@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-tabs {\n @include spacing.space-above;\n\n &__list {\n margin: 0 0 spacing.space(1);\n padding: 0;\n\n display: flex;\n flex-wrap: nowrap;\n align-items: stretch;\n gap: spacing.space(1);\n\n list-style: none;\n }\n\n &__list-item {\n }\n\n &__list-item-link {\n padding: spacing.space(0.5) 0;\n\n display: flex;\n\n align-items: center;\n\n position: relative;\n\n text-align: center;\n text-decoration: none;\n\n background: transparent;\n\n border: none;\n\n cursor: pointer;\n\n @include typography.font-size(20);\n @include typography.heading-font;\n\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"font-dark\");\n }\n\n &::after {\n content: \"\";\n\n position: absolute;\n right: 0;\n bottom: 0;\n left: 0;\n }\n\n &:hover,\n &--selected,\n &--selected:hover {\n text-decoration: none;\n\n &::after {\n @include colour.thick-keyline-dark(top);\n }\n }\n\n .tna-template--js-enabled & {\n @include colour.colour-font(\"font-light\");\n\n &:hover {\n &::after {\n @include colour.thick-keyline(top);\n }\n }\n\n &--selected {\n @include colour.colour-font(\"font-dark\");\n\n &::after,\n &:hover::after {\n @include colour.thick-keyline-dark(top);\n }\n }\n }\n }\n\n &__items {\n // &:not(:target-within) {\n // .tna-tabs__item:first-child {\n // display: block;\n // }\n // }\n }\n\n &__item {\n display: none;\n\n &:first-child {\n display: block;\n }\n\n &:has(~ :target) {\n display: none;\n }\n\n &:target {\n display: block;\n }\n\n .tna-template--js-enabled & {\n display: block;\n\n &[hidden] {\n display: none;\n }\n }\n\n .tna-template--clicked &:focus {\n outline: none;\n }\n }\n\n @include colour.on-high-contrast-and-forced-colours {\n &__list {\n @include colour.colour-border(\"keyline-dark\", 1px, solid, bottom);\n }\n }\n\n // @include colour.on-forced-colours {\n // &__list-item-link {\n // &--selected {\n // padding-bottom: spacing.space(0.125);\n\n // border-bottom-width: 0.375rem;\n // }\n // }\n // }\n}\n","@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-warning {\n @include spacing.space-above;\n padding: spacing.space(1);\n\n display: flex;\n align-items: flex-start;\n gap: spacing.space(1);\n\n @include colour.accent-light;\n\n @include colour.colour-background-brand(\"cream\");\n\n @include colour.thick-keyline-brand(left, \"yellow\");\n\n @include media.on-tiny {\n flex-direction: column;\n gap: spacing.space(0.5);\n }\n\n &__heading {\n }\n\n &__heading-icon {\n width: 2rem;\n height: 2rem;\n\n display: block;\n\n line-height: 2rem;\n text-align: center;\n text-transform: lowercase;\n\n border-radius: 100%;\n\n @include colour.colour-font(\"font-dark\");\n @include typography.font-size(24);\n @include typography.main-font-weight-bold;\n\n @include colour.colour-border(\"font-dark\", 0.1875rem);\n\n @include media.on-mobile {\n width: 1.5rem;\n height: 1.5rem;\n\n @include typography.font-size(19);\n line-height: 1.5rem;\n\n @include colour.colour-border(\"font-dark\", 0.125rem);\n }\n }\n\n &__body {\n width: 100%;\n margin-top: 0;\n\n flex: 1;\n\n align-self: center;\n }\n}\n","@use \"../../variables/forms\";\n@use \"../../tools/a11y\";\n@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n\n.tna-checkboxes {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: spacing.space(1);\n\n &__item {\n position: relative;\n\n input {\n width: 1px;\n height: 1px;\n margin: 0;\n padding: 0;\n\n position: absolute;\n top: -1px;\n left: -1px;\n\n opacity: 0;\n }\n\n &-label {\n padding-left: spacing.space(3);\n\n display: block;\n\n line-height: 2rem;\n\n cursor: pointer;\n\n &::before,\n &::after {\n content: \"\";\n\n width: 2rem;\n\n position: absolute;\n top: 0;\n left: 0;\n\n @include colour.always-light;\n }\n\n &::before {\n height: 2rem;\n\n display: block;\n box-sizing: border-box;\n\n z-index: 1;\n\n @include colour.colour-background(\"input-background\");\n\n @include colour.colour-border(\n \"input-border\",\n forms.$form-field-border-width\n );\n border-radius: 0.1px;\n }\n\n &::after {\n width: 1.25rem;\n height: 0.5rem;\n margin-top: -0.1875rem;\n\n display: none;\n\n top: 1rem;\n left: 1rem;\n z-index: 2;\n\n @include colour.colour-border(\"input-background\", 0, solid);\n border-width: 0 0 forms.$checkbox-checkmark-width\n forms.$checkbox-checkmark-width;\n\n transform: translateX(-50%) translateY(-50%) rotate(-45deg);\n }\n }\n }\n\n &--small {\n gap: spacing.space(0.5);\n }\n\n &--small &__item {\n &-label {\n padding-left: spacing.space(2.25);\n\n line-height: 1.5rem;\n\n &::before {\n width: 1.5rem;\n height: 1.5rem;\n }\n\n &::after {\n width: 0.825rem;\n height: 0.375rem;\n margin-top: -0.125rem;\n\n top: 0.75rem;\n left: 0.75rem;\n }\n }\n }\n\n &--inline {\n flex-flow: row wrap;\n\n align-items: center;\n gap: spacing.space(1) spacing.space(2);\n\n @include media.on-tiny {\n flex-direction: column;\n align-items: flex-start;\n }\n }\n\n &__item-label:active {\n &::before {\n @include a11y.focus-outline;\n @include a11y.active-outline;\n }\n }\n\n input:focus + &__item-label {\n &::before {\n @include a11y.focus-outline;\n }\n }\n\n input:checked + &__item-label {\n &::before {\n @include colour.colour-background(\"input-foreground\");\n }\n\n &::after {\n display: block;\n }\n }\n\n &--small &__item:hover &__item-label {\n &::before {\n box-shadow: 0 0 0 0.125rem var(--input-border);\n }\n }\n}\n","@use \"../../variables/forms\";\n@use \"../../tools/colour\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-date-input {\n display: flex;\n gap: spacing.space(1);\n\n &__item {\n &-label {\n display: block;\n\n @include typography.font-size(16);\n }\n\n &-input {\n width: 3rem;\n padding: 0 spacing.space(0.375);\n\n display: block;\n box-sizing: border-box;\n\n @include colour.always-light;\n @include colour.colour-font(\"input-foreground\");\n font-size: inherit;\n line-height: 2rem;\n\n @include colour.colour-background(\"input-background\");\n\n @include colour.colour-border(\n \"input-border\",\n forms.$form-field-border-width\n );\n border-radius: 0;\n\n &--wider {\n width: 4.5rem;\n }\n\n .tna-form__group--error & {\n @include colour.colour-border(\"form-error-border\");\n }\n }\n }\n\n &--inline {\n }\n}\n","@use \"../../variables/forms\";\n@use \"../../tools/colour\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-date-search {\n max-width: 100%;\n padding: 0 spacing.space(0.375);\n\n display: block;\n box-sizing: border-box;\n\n @include colour.always-light;\n @include colour.colour-font(\"input-foreground\");\n @include typography.detail-font;\n font-size: inherit;\n line-height: 2rem;\n\n @include colour.colour-background(\"input-background\");\n\n @include colour.colour-border(\"input-border\", forms.$form-field-border-width);\n border-radius: 0;\n\n .tna-form__group--error & {\n @include colour.colour-border(\"form-error-border\");\n }\n\n &--max-width {\n width: 100%;\n }\n}\n","@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-error-summary {\n @include spacing.space-above;\n padding: spacing.space(1);\n\n @include colour.always-light;\n\n @include colour.colour-background(\"background\");\n\n @include colour.colour-border(\"form-error-border\", 0.3125rem, solid);\n\n &:focus {\n outline: none;\n }\n\n &__list {\n margin: spacing.space(0.5) 0 0;\n\n list-style: none;\n }\n\n &__item {\n }\n\n &__link {\n @include typography.main-font-weight-bold;\n\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"form-error-text\");\n }\n }\n}\n","@use \"../../variables/forms\";\n@use \"../../tools/a11y\";\n@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n\n.tna-radios {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: spacing.space(1);\n\n &__item {\n position: relative;\n\n input {\n width: 1px;\n height: 1px;\n margin: 0;\n padding: 0;\n\n position: absolute;\n top: -1px;\n left: -1px;\n\n opacity: 0;\n }\n\n &-label {\n padding-left: spacing.space(3);\n\n display: block;\n\n line-height: 2rem;\n\n cursor: pointer;\n\n &::before,\n &::after {\n content: \"\";\n\n position: absolute;\n top: 0;\n left: 0;\n\n border-radius: 100%;\n\n @include colour.always-light;\n }\n\n &::before {\n width: 2rem;\n height: 2rem;\n\n display: block;\n box-sizing: border-box;\n\n z-index: 1;\n\n @include colour.colour-background(\"input-background\");\n\n @include colour.colour-border(\n \"input-border\",\n forms.$form-field-border-width\n );\n }\n\n &::after {\n margin: 0.5rem;\n\n display: none;\n\n z-index: 2;\n\n @include colour.colour-background(\"input-foreground\");\n\n @include colour.colour-border(\"input-foreground\", 0.5rem);\n }\n }\n }\n\n &--small {\n gap: spacing.space(0.5);\n }\n\n &--small &__item {\n &-label {\n padding-left: spacing.space(2.25);\n\n line-height: 1.5rem;\n\n &::before {\n width: 1.5rem;\n height: 1.5rem;\n }\n\n &::after {\n margin: 0.3125rem;\n\n @include colour.colour-border(\"input-foreground\", 0.4375rem);\n }\n }\n }\n\n &--inline {\n flex-flow: row wrap;\n\n align-items: center;\n gap: spacing.space(1) spacing.space(2);\n\n @include media.on-tiny {\n flex-direction: column;\n align-items: flex-start;\n }\n }\n\n &__item-label:active {\n &::before {\n @include a11y.focus-outline;\n @include a11y.active-outline;\n }\n }\n\n input:focus + &__item-label {\n &::before {\n @include a11y.focus-outline;\n }\n }\n\n input:checked + &__item-label {\n &::after {\n display: block;\n }\n }\n\n &--small &__item:hover &__item-label {\n &::before {\n box-shadow: 0 0 0 0.125rem var(--input-border);\n }\n }\n}\n","@use \"../../variables/forms\";\n@use \"../../tools/colour\";\n@use \"../../tools/spacing\";\n\n.tna-search-field {\n @include spacing.space-above;\n\n &__fields {\n align-self: stretch;\n\n display: flex;\n }\n\n &__input {\n min-width: 8rem;\n padding: 0 spacing.space(0.375);\n\n display: block;\n flex: 1;\n\n @include colour.always-light;\n @include colour.colour-font(\"input-foreground\");\n font-size: inherit;\n line-height: 2rem;\n\n @include colour.colour-background(\"input-background\");\n\n @include colour.colour-border(\"input-border\");\n border-width: forms.$form-field-border-width 0\n forms.$form-field-border-width forms.$form-field-border-width;\n border-style: solid;\n border-radius: 0.1px;\n\n .tna-template--dark-theme &,\n .tna-background-contrast & {\n margin-right: forms.$form-field-border-width;\n\n border-width: 0;\n }\n\n .tna-template--dark-theme .tna-background-accent-light & {\n margin-right: 0;\n\n border-width: forms.$form-field-border-width;\n }\n\n @media (prefers-color-scheme: dark) {\n .tna-template--system-theme & {\n margin-right: forms.$form-field-border-width;\n\n border-width: 0;\n }\n\n .tna-background-accent-light & {\n margin-right: 0;\n\n border-width: forms.$form-field-border-width;\n }\n }\n\n @include colour.on-high-contrast {\n .tna-background-contrast & {\n margin-right: 0;\n\n border-width: forms.$form-field-border-width;\n }\n }\n }\n\n &__button {\n }\n\n @include colour.on-forced-colours {\n &__input {\n border-width: forms.$form-field-border-width !important;\n }\n }\n}\n","$form-field-border-width: 2px !default;\n$checkbox-checkmark-width: 0.1875rem !default;\n","@use \"../../variables/forms\";\n@use \"../../tools/colour\";\n@use \"../../tools/spacing\";\n\n.tna-select {\n max-width: 100%;\n height: calc(2rem + 6px);\n padding: 0 spacing.space(1) 0 spacing.space(0.5);\n\n display: block;\n\n @include colour.always-light;\n @include colour.colour-font(\"input-foreground\");\n font-size: inherit;\n line-height: 2rem;\n\n @include colour.colour-background(\"input-background\");\n\n @include colour.colour-border(\"input-border\", forms.$form-field-border-width);\n border-radius: 0.1px;\n\n // &--styled {\n // padding: 0 spacing.space(2.5) 0 spacing.space(0.75);\n\n // appearance: none;\n\n // background-image: url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUwMHB4IiBoZWlnaHQ9IjUwMHB4IiB2aWV3Qm94PSIwIDAgNTAwIDUwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTAwIDUwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSIyNTAsNDAwIDUwLDEwMCA0NTAsMTAwIiBmaWxsPSIjMDAwIi8+PC9zdmc+\");\n // background-position: center right 0.5rem;\n // background-size: 0.75rem 0.75rem;\n // background-repeat: no-repeat;\n // }\n\n .tna-form__group--error & {\n @include colour.colour-border(\"form-error-border\");\n }\n\n &--s {\n width: 10rem;\n }\n\n &--m {\n width: 20rem;\n }\n\n &--l {\n width: 40rem;\n }\n\n &--xl {\n width: 80rem;\n }\n}\n","@use \"../../variables/forms\";\n@use \"../../tools/colour\";\n@use \"../../tools/spacing\";\n\n.tna-text-input {\n width: 100%;\n padding: 0 spacing.space(0.375);\n\n display: block;\n box-sizing: border-box;\n\n @include colour.always-light;\n @include colour.colour-font(\"input-foreground\");\n font-size: inherit;\n line-height: 2rem;\n\n @include colour.colour-background(\"input-background\");\n\n @include colour.colour-border(\"input-border\", forms.$form-field-border-width);\n border-radius: 0.1px;\n\n .tna-form__group--error & {\n @include colour.colour-border(\"form-error-border\");\n }\n\n &--xs {\n max-width: 5rem;\n }\n\n &--s {\n max-width: 10rem;\n }\n\n &--m {\n max-width: 20rem;\n }\n\n &--l {\n max-width: 40rem;\n }\n\n &--xl {\n max-width: 80rem;\n }\n}\n","@use \"../../variables/forms\";\n@use \"../../tools/colour\";\n@use \"../../tools/spacing\";\n\n$textarea-minimum-lines-visible: 5.5 !default;\n$textarea-line-height: 1.5rem !default;\n$textarea-vertical-padding: 0.25 !default;\n\n.tna-textarea {\n width: 100%;\n min-height: #{($textarea-line-height * $textarea-minimum-lines-visible) + (\n spacing.space($textarea-vertical-padding * 2)\n )};\n padding: spacing.space($textarea-vertical-padding) spacing.space(0.5);\n\n display: block;\n box-sizing: border-box;\n\n font-family: inherit;\n font-size: inherit;\n line-height: 1.5rem;\n\n border-radius: 0.1px;\n\n resize: vertical;\n\n @include colour.always-light;\n @include colour.colour-font(\"input-foreground\");\n\n @include colour.colour-background(\"input-background\");\n\n @include colour.colour-border(\"input-border\", forms.$form-field-border-width);\n\n .tna-form__group--error & {\n @include colour.colour-border(\"form-error-border\");\n }\n\n &--m {\n max-width: 20rem;\n }\n\n &--l {\n max-width: 40rem;\n }\n\n &--xl {\n max-width: 80rem;\n }\n}\n"]}