@nationalarchives/frontend 0.1.63 → 0.1.64

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 (10) hide show
  1. package/nationalarchives/all.css +1 -1
  2. package/nationalarchives/all.css.map +1 -1
  3. package/nationalarchives/components/error-summary/error-summary.css +1 -1
  4. package/nationalarchives/components/error-summary/error-summary.css.map +1 -1
  5. package/nationalarchives/global-header-package.css +1 -1
  6. package/nationalarchives/global-header-package.css.map +1 -1
  7. package/nationalarchives/prototype-kit.css +1 -1
  8. package/nationalarchives/prototype-kit.css.map +1 -1
  9. package/nationalarchives/utilities/_typography.scss +8 -10
  10. package/package.json +1 -1
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/_media.scss","../../src/nationalarchives/tools/_colour.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.scss","../../src/nationalarchives/utilities/_columns.scss","../../src/nationalarchives/utilities/_typography.scss","../../src/nationalarchives/tools/_typography.scss","../../src/nationalarchives/variables/_typography.scss","../../src/nationalarchives/utilities/_forms.scss","../../src/nationalarchives/utilities/_global.scss","../../src/nationalarchives/utilities/_lists.scss","../../src/nationalarchives/utilities/_overrides.scss","../../src/nationalarchives/utilities/_reset.scss","../../src/nationalarchives/utilities/_tables.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/checkboxes/checkboxes.scss","../../src/nationalarchives/components/compound-filters/compound-filters.scss","../../src/nationalarchives/components/cookie-banner/cookie-banner.scss","../../src/nationalarchives/components/date-input/date-input.scss","../../src/nationalarchives/components/date-search/date-search.scss","../../src/nationalarchives/components/details/details.scss","../../src/nationalarchives/components/error-summary/error-summary.scss","../../src/nationalarchives/components/featured-records/featured-records.scss","../../src/nationalarchives/components/footer/footer.scss","../../src/nationalarchives/components/gallery/gallery.scss","../../src/nationalarchives/components/global-header/global-header.scss","../../src/nationalarchives/components/grid/grid.scss","../../src/nationalarchives/variables/_grid.scss","../../src/nationalarchives/tools/_grid.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/radios/radios.scss","../../src/nationalarchives/components/sensitive-image/sensitive-image.scss","../../src/nationalarchives/components/search-field/search-field.scss","../../src/nationalarchives/variables/_forms.scss","../../src/nationalarchives/components/search-filters/search-filters.scss","../../src/nationalarchives/components/select/select.scss","../../src/nationalarchives/components/sidebar/sidebar.scss","../../src/nationalarchives/components/skip-link/skip-link.scss","../../src/nationalarchives/components/tabs/tabs.scss","../../src/nationalarchives/components/text-input/text-input.scss","../../src/nationalarchives/components/textarea/textarea.scss","../../src/nationalarchives/components/warning/warning.scss"],"names":[],"mappings":"CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCuDU,wHCuCR,aADF,+GAEI,cCqDJ,oQAvIM,qkDA0IJ,+BAHF,oQAvHM,+iDAmIN,quBACE,yCACA,uCACA,uCACA,yCACA,yCACA,6BACA,6CACA,mCACA,6CACA,2CACA,uDACA,uDACA,mEACA,2CAxHA,4CAJA,gCDgCA,wBCwGF,sIAEI,yCACA,uCACA,uCACA,yCACA,yCACA,6BACA,6CACA,mCACA,6CACA,2CACA,uDACA,uDACA,mEACA,2CAnJF,4CAJA,iCAoKF,8NACE,qCAjKA,4CAJA,gCAgLF,ulBACE,uCACA,qCACA,qCACA,uCACA,uCACA,2BACA,mCACA,iCACA,2CACA,8CACA,yCAvLA,4CAJA,gCAsMF,0CACE,6CACA,qBACA,0BACA,8BACA,iCACA,8BACA,wBACA,kCACA,kCAIA,kCAIA,8CAIA,kCACA,uCAxNA,4CAJA,gCA+NE,mCADF,kGAEI,gBACA,yBAIJ,8FACE,gBACA,wBAYJ,kKAxRM,qkDAyCJ,4CAkPA,+BAHF,kKAxQM,+iDAgRF,mCADF,qfAvRI,unDA4RF,+DALF,qfAvQI,gmDAiRJ,ueAjSI,snDAoSF,+BAHF,ueAjRI,gmDAgSN,kEACE,iDACA,yDACA,6CACA,kDACA,4CACA,4CACA,+CACA,gDACA,uCACA,+CACA,4CACA,iDACA,oDACA,wDAOF,wTACE,kDACA,kDACA,qDACA,sDACA,6CACA,qDACA,kDACA,uDACA,oDAGF,+DACE,6CACA,yDACA,yCACA,oDACA,8CACA,0DAQF,4DACE,iDACA,yDACA,6CACA,kDACA,wDAQF,kEACE,iDACA,yDACA,4CACA,iDACA,wDAQF,+DACE,+CACA,yDACA,8CACA,mDACA,sDAQF,4DACE,gDACA,yDACA,6CACA,kDACA,uDCtZF,mgBACE,gBAEA,+4BACE,aAIJ,sBACE,gBAEA,8CACE,aCpBJ,8CAEE,qBACA,sBACA,oBACA,qBAEA,2BAEA,6BACA,uBACA,wBACA,sBAEA,0CAEA,oBAEA,iCAQF,QACE,UFmEE,yDGvFF,eCRqB,IF+CvB,SCnCE,iBDyCA,qDACE,aGnDJ,aACE,iBACA,oBN4EA,wBM9EF,aAKI,iBACA,qBAIJ,WACE,aNmEA,wBMpEF,WAMI,cL2ZF,8BKjaF,WLkEM,+CAyVJ,+BK3ZF,WLkEM,+CKrDJ,kBACE,aC1BJ,cNoDE,4CM9CE,mCADF,4BNcI,6oDMTF,+DALF,4BN8BI,snDMpBJ,0BNII,4oDMDF,+BAHF,0BNoBI,snDMgCJ,oBNWI,oDMPJ,yBNOI,8CO7EN,aACE,gBAEA,gBACE,eAGF,gBACE,eR+CF,wBQvDF,aAYI,iBRqCF,kDQhCI,sBACE,aAFS,EACX,sBACE,aAFS,EACX,sBACE,aAFS,EACX,sBACE,aAFS,GRuCf,wBQ9BI,qBACE,aAFS,EACX,qBACE,aAFS,EACX,qBACE,aAFS,EACX,qBACE,aAFS,GAOf,oBACE,mBAGF,mDACE,eC/BJ,cR0CE,gCSvBA,YCIA,qBDHA,kBACA,yBACA,mCAfA,YCkBiB,IFtBjB,cACA,kCACA,8BACA,sBACA,kCACA,mCAGF,oBACE,cCdA,mBDgBA,YEGiB,KXyDjB,wBS/DF,oBCbE,qBDuBF,OCNE,YCYsB,IFCtB,IACE,gBAIJ,EACE,gCAEA,mBAEA,SRIA,2BQCA,URDA,mCQKA,iBCOA,0BACA,0BCpCsC,MFkCpC,qCRXF,2BQiBF,MC7DE,qBDiEF,sDACE,sBACA,gBAEA,aACA,mBACA,QR3BA,gCSNA,YCuBA,sBDtBA,kBACA,yBAIE,YCmBiB,ID/DnB,mBAmDA,gBACA,yBDuBA,cACA,kBAES,yDACP,0BAEA,2ECzBF,0BACA,0BCpCsC,MF+DlC,yGACE,cAKN,oFR9CA,4CAuXA,+BQzUA,oFR9CA,qBQuDF,uGACE,UAEA,+BAEA,YAGE,mJACE,cAKN,wJRvCM,mDQ4CJ,gTRvCI,iDQkFN,eAGE,aACA,eACA,aAEA,gBAEA,qBACE,aACA,mBAIJ,8SRpIE,qCQsIA,iBAEA,wUACE,qBAEA,mBAEA,maACE,YAEA,iBAEA,qBAEA,gBAIA,ifACE,kBAeN,yYACE,oBAIJ,yECxLE,YCcA,gDDbA,YCgBoB,IDsBpB,gBAxEA,eVwCA,kDSiLF,yECzNE,gBV4EA,wBS6IF,yECzNE,mBDsOF,sECrME,YCcA,gDDbA,YCgBoB,IDsBpB,YCMsB,ID9EtB,kBVwCA,kDS8LF,sECtOE,oBV8CA,kDSwLF,sECtOE,mBVoDA,wBSkLF,sECtOE,qBDmPF,sEClOE,YCYsB,ID2CtB,YCYsB,IDpFtB,mBVwCA,kDS2MF,sECnPE,qBV8CA,kDSqMF,sECnPE,mBVoDA,wBS+LF,sECnPE,qBDgQF,sEC/OE,YCYsB,ID2CtB,YCkBsB,ID1FtB,mBD6QF,sHAEE,gBACA,iBAEA,sNACE,cAGF,sIACE,gBAkCF,wBACE,eAaF,mBACE,SAEA,cAoBJ,gBAEE,eACA,gBACA,cACA,4BRnSI,+DQuSJ,uBC1VA,YCewB,IF6UtB,YACA,eAEA,4CACE,mBAGF,0CACE,oBAIJ,0BACE,gBCtXF,eD0XE,kCACE,gBACA,mBTxUJ,wBS0SF,gBAmCI,0BAMJ,qBCvYE,mBT4CA,qCDgCA,wBS2TF,qBCvYE,mBDkZF,kBC5WE,YCuBA,sBDtBA,kBACA,yBAIE,YCmBiB,IVnBnB,qCS5CA,mBDwZA,gBT5UA,wBSsUF,kBClZE,mBD8ZA,oBACE,gCAEA,0BCzWF,0BACA,0BCpCsC,MCrBxC,oBAGE,mBAOE,wBACE,kBXqDA,8CW/CJ,oBACE,OAEA,YAGF,qCAEE,aACA,sBACA,uBACA,QAGF,sEAEE,mBACA,uBZ0CF,wBY7CA,sEAMI,uBAIJ,0BACE,aAGF,kBACE,kBAGF,mBACE,SAoBA,uBACE,cFlDJ,YCIA,qBDHA,kBACA,yBACA,mCAfA,YCkBiB,ICoDjB,gBACE,aFhFF,eT4CA,yCW0CA,yBACE,aX3CF,8BS3BA,YCYsB,IEnCxB,cASE,gBACA,WACA,YAUA,iCAGF,oBACE,gBACA,SACA,UAEA,6FACE,aACA,sBAIJ,UACE,OC9BF,QACE,qBAGF,gBAEE,gBAEA,mBAEA,wCACE,aAGF,8BACE,eAEA,gBAGF,4EACE,kBAIA,sCbmBF,iDS3BA,YCYsB,IGGpB,sDACE,cbWJ,yCSnCA,YCkBiB,IGanB,cAGE,aACA,eACA,cAIA,iBACE,kBAEA,YAOF,mCACE,eAGF,wCAC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A,mBACA,kBAEA,aACA,eACA,2BACA,oBAEA,sBAEA,0DAEE,sBAGF,oBACE,eAGF,wBACE,uBAIJ,YACE,mBACA,kBAEA,sBAEA,uBACE,aACA,eACA,wBACA,oBAGF,uBACE,sBAGF,0BACE,kBAGF,0BACE,oBEtBA,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,EpCnDf,kDoCZE,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,GpCvCf,wBkCSA,eACE,kBACA,iBAGF,YACE,kBACA,kBlCtBF,kDoClBE,wBACE,WACA,UAUI,6BACE,UACA,UAGF,oCACE,iBA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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 * MIT Licence\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: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\n%hide-on-print {\n @media print {\n display: none;\n }\n}\n\n@mixin hide-on-print() {\n @extend %hide-on-print;\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 @include colour-border(\n \"keyline\",\n borders.$thick-border-width,\n solid,\n $direction\n );\n}\n\n@mixin thick-keyline-dark($direction) {\n @include colour-border(\n \"keyline-dark\",\n borders.$thick-border-width,\n solid,\n $direction\n );\n}\n\n@mixin thick-keyline-accent($direction) {\n @include colour-border(\n \"accent-border\",\n borders.$thick-border-width,\n solid,\n $direction\n );\n}\n\n@mixin thick-keyline-error($direction) {\n @include colour-border(\n \"form-error\",\n borders.$thick-border-width,\n solid,\n $direction\n );\n}\n\n@mixin thick-keyline-brand($direction, $brandColour) {\n border-#{$direction}: borders.$thick-border-width #{brand-colour($brandColour)}\n solid;\n}\n\n// Use light theme colours (except for \"form-error\")\n%light {\n @include colour-css-vars(\"form-error\");\n\n @media (prefers-contrast: more) {\n @include colour-css-vars-high-contrast(\"form-error\");\n }\n}\n\n@mixin light {\n @extend %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\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 .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 @include colour-background(\"background\");\n @include colour-font(\"font-base\");\n}\n\n@mixin accent-light {\n @extend %accent-light;\n}\n\n// Remove accent and contrast values (except for \"form-error\")\n%plain {\n @include colour-css-vars(\"form-error\");\n\n @media (prefers-contrast: more) {\n @include colour-css-vars-high-contrast(\"form-error\");\n }\n\n .tna-template--system-theme & {\n @media (prefers-color-scheme: dark) {\n @include colour-css-vars-dark(\"form-error\");\n }\n\n @media (prefers-contrast: more) and (prefers-color-scheme: dark) {\n @include colour-css-vars-high-contrast-dark(\"form-error\");\n }\n }\n\n .tna-template--dark-theme & {\n @include colour-css-vars-dark(\"form-error\");\n\n @media (prefers-contrast: more) {\n @include colour-css-vars-high-contrast-dark(\"form-error\");\n }\n }\n\n @include colour-background(\"background\");\n}\n\n@mixin plain {\n @extend %plain;\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-accent-text: #{colour.brand-colour(\"white\")} !important;\n --button-accent-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-accent-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-accent-text: #{colour.brand-colour(\"black\")} !important;\n --button-accent-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-accent-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-accent-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-accent-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-accent-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: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","$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.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/grid\";\n@use \"../tools/media\";\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 .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: \"\\203A\";\n\n padding-left: spacing.space(0.5);\n\n display: inline-block;\n\n font-weight: 700;\n }\n\n &:hover {\n &::after {\n padding-left: spacing.space(0.75);\n }\n }\n }\n\n /* stylelint-disable scss/percent-placeholder-pattern */\n &--no-link-arrow {\n a {\n &::after {\n display: none;\n }\n }\n }\n /* stylelint-enable scss/percent-placeholder-pattern */\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\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\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\");\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 \"../tools/colour\";\n@use \"../tools/media\";\n@use \"../tools/spacing\";\n@use \"../tools/typography\";\n@use \"../utilities/typography\" as typographyUtils;\n\n.tna-ul {\n list-style-type: disc;\n}\n\n.tna-ul,\n.tna-ol {\n margin: spacing.space(1) 0 0;\n\n padding: 0 0 0 spacing.space(2);\n\n &:first-child {\n margin-top: 0;\n }\n\n &--plain {\n padding-left: 0;\n\n list-style: none;\n }\n\n & > li > & {\n padding-left: spacing.space(1);\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 &--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","@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\nvideo,\ncanvas {\n width: 100%;\n}\n\n[hidden] {\n display: none !important;\n}\n\nhr {\n border-width: 1px 0 0;\n @include colour.colour-border(\"keyline\");\n border-style: solid;\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 width: 100%;\n\n text-align: left;\n\n border-collapse: collapse;\n @include spacing.space-above;\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 @include spacing.space-above;\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","@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 @include colour.colour-border(\"keyline\", 1px, solid, top);\n // @include colour.thick-keyline-dark(top);\n // @include colour.thick-keyline-accent(top);\n\n &__details {\n @include colour.colour-border(\"keyline\", 1px, solid, bottom);\n\n position: relative;\n z-index: 1;\n }\n\n &__details:has(&__summary:focus) {\n z-index: 2;\n }\n\n &__summary {\n padding: spacing.space(0.5) spacing.space(3) spacing.space(0.5)\n spacing.space(1);\n\n position: relative;\n\n @include typography.main-font-weight-bold;\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% - #{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\n &__content {\n padding: spacing.space(1);\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 &__details[open] &__summary {\n &::before {\n border-width: 0 0.5rem #{math.div(math.sqrt(3), 2)}rem 0.5rem;\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\n &__details[open] &__summary {\n &::before {\n content: \"\\2191\";\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-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 @include media.on-print {\n &__item {\n display: flex !important;\n\n &--expandable {\n display: none !important;\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 justify-content: center;\n align-items: baseline;\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 &,\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 &--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-accent-background\");\n\n @include colour.colour-border(\"button-accent-background\");\n\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"button-accent-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\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\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.plain;\n\n @include colour.colour-background(\"background\");\n\n @include colour.colour-border(\"background\");\n\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"font-dark\");\n }\n\n &:hover {\n @include colour.colour-font(\"background\");\n\n @include colour.colour-background(\"font-dark\");\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 &__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 &__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\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\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 }\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 \"../../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.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 \"../../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.hide-on-print;\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 \"../../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.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\");\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.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\");\n }\n\n &--max-width {\n width: 100%;\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@use \"../../utilities\";\n\n.tna-error-summary {\n @include spacing.space-above;\n padding: spacing.space(1);\n\n @include colour.plain;\n\n @include colour.colour-background(\"background\");\n\n @include colour.colour-border(\"form-error\", 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\");\n }\n }\n}\n","@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-featured-records {\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 justify-content: flex-start;\n align-items: center;\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 \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-footer {\n @include media.hide-on-print;\n\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/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n\n.tna-gallery {\n @include colour.contrast;\n\n padding-bottom: spacing.space(2);\n\n &__header {\n padding-top: spacing.space(2);\n }\n\n &__items {\n width: 100%;\n\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: spacing.space(3);\n\n &:focus {\n outline: none !important;\n }\n }\n\n &__item {\n margin: 0;\n\n &-index {\n padding-bottom: spacing.space(1);\n\n text-align: center;\n }\n\n &-figure {\n }\n\n &-image {\n height: auto;\n margin: 0 auto;\n }\n\n &-description {\n margin-top: spacing.space(1);\n padding: spacing.space(0.5) 0 spacing.space(0.5) spacing.space(1);\n\n @include colour.colour-border(\"keyline-dark\", 4px, solid, left);\n }\n\n &-tabs {\n @include media.on-smaller-than-large {\n padding-top: spacing.space(2);\n }\n }\n }\n\n &__item + &__item {\n @include colour.colour-border(\"keyline\", 1px, solid, top);\n }\n\n &__toggle-wrapper {\n text-align: center;\n }\n\n &__toggle {\n margin-top: spacing.space(2);\n }\n\n &--touchable {\n .tna-gallery__items {\n flex-flow: row nowrap;\n\n gap: spacing.space(6);\n\n overflow-x: scroll;\n scroll-snap-type: x mandatory;\n }\n\n .tna-gallery__item {\n width: 100%;\n\n scroll-snap-align: center;\n flex: none;\n }\n\n &.tna-gallery--collapsed {\n .tna-gallery__items {\n overflow: auto;\n }\n }\n }\n\n &--collapsed &__item + &__item,\n &--collapsed &__item:first-child &__item-description,\n &--collapsed &__item:first-child &__item-tabs {\n display: none;\n }\n\n &--collapsed &__item-figure {\n width: 100%;\n }\n\n @include colour.on-high-contrast {\n &__items {\n }\n\n &__item {\n &-index {\n }\n\n &-description {\n }\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 @include media.hide-on-print;\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 \"../../variables/grid\" as gridVars;\n@use \"../../tools/media\";\n@use \"../../tools/grid\";\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 justify-content: flex-start;\n align-items: stretch;\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\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 justify-content: stretch;\n align-items: 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 \"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 @include media.hide-on-print;\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 display: none;\n\n align-self: center;\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 justify-content: space-between;\n align-items: flex-end;\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 &--details-cutout &__details {\n &::before {\n content: \"\";\n @include colour.plain;\n\n width: 3rem;\n height: 3rem;\n\n position: absolute;\n top: 0;\n right: 0;\n z-index: 1;\n\n border-radius: 0% 0 0% 50%;\n @include colour.colour-background(\"background\");\n }\n\n &[open] {\n &::before {\n display: none;\n }\n }\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.plain;\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 justify-content: center;\n align-items: 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 @include media.hide-on-print;\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 \"../../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.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 \"../../tools/colour\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-sensitive-image {\n $button-border-width: 4px !default;\n\n &__warning {\n }\n\n &__details {\n position: relative;\n\n &::after {\n content: \"\";\n\n width: 100%;\n padding-bottom: calc(\n 100% * var(--sensitive-image-height) / var(--sensitive-image-width)\n );\n\n display: block;\n\n position: relative;\n z-index: -1;\n\n background-image: var(--sensitive-image);\n background-size: contain;\n background-clip: padding-box;\n\n filter: blur(20px) saturate(0);\n }\n }\n\n &__show {\n display: flex;\n justify-content: center;\n align-items: center;\n\n position: absolute;\n inset: 0;\n z-index: 1;\n\n font-size: 0;\n\n cursor: pointer;\n\n &::after {\n content: attr(data-action);\n\n padding: spacing.space(0.25) spacing.space(1);\n\n @include colour.colour-font(\"button-text\");\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\n &:hover {\n &::after {\n text-decoration: none;\n @include colour.colour-font(\"font-dark\");\n\n @include colour.colour-background(\"background\");\n }\n }\n }\n\n &__container {\n }\n\n &__image {\n width: 100%;\n }\n\n &__details[open] {\n &::after,\n .tna-sensitive-image__show {\n display: none;\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 display: flex;\n align-self: stretch;\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.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 \"sass:math\";\n\n@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-search-filters {\n @include spacing.space-above;\n\n &__title {\n }\n\n &__update {\n display: block;\n }\n\n .tna-heading-s {\n margin: 0;\n padding: 0;\n }\n\n &__fieldset {\n border: none;\n }\n\n &__legend {\n width: 100%;\n }\n\n &__heading-inner,\n &__item-toggle {\n padding: spacing.space(0.5) spacing.space(0.75);\n\n @include colour.colour-border(\"keyline\", 1px, solid);\n border-bottom-width: 0;\n }\n\n &__heading-inner {\n margin-top: spacing.space(1);\n padding: spacing.space(0.5) spacing.space(0.75);\n }\n\n &__item-toggle {\n width: 100%;\n margin: 0;\n padding-right: spacing.space(2.5);\n\n display: block;\n\n position: relative;\n\n color: inherit;\n font-family: inherit;\n font-size: inherit;\n font-weight: inherit;\n line-height: inherit;\n text-align: inherit;\n\n background: none;\n\n cursor: pointer;\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: spacing.space(0.75);\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 transparent\n transparent;\n border-style: solid;\n }\n\n &:hover,\n &:active {\n @include typography.interacted-text-decoration;\n\n background: none;\n\n &::before {\n border-top-color: colour.colour-var(\"font-dark\");\n }\n }\n\n &[aria-expanded=\"true\"] {\n &::before {\n top: calc(50% - #{math.div(math.sqrt(3), 4)}rem);\n\n border-width: 0 0.5rem #{math.div(math.sqrt(3), 2)}rem 0.5rem;\n border-color: transparent transparent colour.colour-var(\"font-light\")\n transparent;\n }\n\n &:hover {\n &::before {\n border-bottom-color: colour.colour-var(\"font-dark\");\n }\n }\n }\n }\n\n &__item-toggle-label {\n }\n\n &__item-toggle-info {\n display: block;\n\n @include typography.main-font-weight;\n @include typography.font-size(14);\n }\n\n &__item {\n padding: spacing.space(0.75);\n\n @include colour.tint;\n\n @include colour.colour-border(\"keyline\", 1px);\n border-width: 0 1px 1px;\n }\n\n &__hint {\n margin-bottom: spacing.space(0.75);\n\n @include typography.font-size(16);\n @include colour.colour-font(\"font-light\");\n }\n\n &__inline-fields {\n display: flex;\n flex-wrap: wrap;\n gap: spacing.space(0.5) spacing.space(2);\n }\n\n &__label {\n display: block;\n }\n\n &__footer {\n padding: spacing.space(0.75);\n\n display: none;\n\n @include colour.colour-border(\"keyline\", 1px);\n }\n\n &--js-enabled &__title {\n margin-bottom: spacing.space(1);\n }\n\n &--js-enabled &__footer {\n display: block;\n }\n\n &--js-enabled &__item {\n border-bottom: none;\n }\n\n &--js-enabled &__update-item {\n display: none;\n }\n\n &__fieldset[data-type=\"multiple\"] &__item {\n max-height: 15rem;\n\n overflow: auto;\n }\n\n @include colour.on-forced-colours {\n &__item-toggle {\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 \"../../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.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\");\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/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 @include media.hide-on-print;\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 @include media.hide-on-print;\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 @include media.on-print {\n &__item {\n display: block !important;\n\n & + & {\n margin-top: 2rem;\n }\n }\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.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\");\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.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\");\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 \"../../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 margin-top: 0;\n\n flex: 1;\n align-self: center;\n }\n}\n"]}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/nationalarchives/all.scss","../../src/nationalarchives/utilities/_imports.scss","../../src/nationalarchives/tools/_media.scss","../../src/nationalarchives/tools/_colour.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.scss","../../src/nationalarchives/utilities/_columns.scss","../../src/nationalarchives/utilities/_typography.scss","../../src/nationalarchives/tools/_typography.scss","../../src/nationalarchives/variables/_typography.scss","../../src/nationalarchives/utilities/_forms.scss","../../src/nationalarchives/utilities/_global.scss","../../src/nationalarchives/utilities/_lists.scss","../../src/nationalarchives/utilities/_overrides.scss","../../src/nationalarchives/utilities/_reset.scss","../../src/nationalarchives/utilities/_tables.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/checkboxes/checkboxes.scss","../../src/nationalarchives/components/compound-filters/compound-filters.scss","../../src/nationalarchives/components/cookie-banner/cookie-banner.scss","../../src/nationalarchives/components/date-input/date-input.scss","../../src/nationalarchives/components/date-search/date-search.scss","../../src/nationalarchives/components/details/details.scss","../../src/nationalarchives/components/error-summary/error-summary.scss","../../src/nationalarchives/components/featured-records/featured-records.scss","../../src/nationalarchives/components/footer/footer.scss","../../src/nationalarchives/components/gallery/gallery.scss","../../src/nationalarchives/components/global-header/global-header.scss","../../src/nationalarchives/components/grid/grid.scss","../../src/nationalarchives/variables/_grid.scss","../../src/nationalarchives/tools/_grid.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/radios/radios.scss","../../src/nationalarchives/components/sensitive-image/sensitive-image.scss","../../src/nationalarchives/components/search-field/search-field.scss","../../src/nationalarchives/variables/_forms.scss","../../src/nationalarchives/components/search-filters/search-filters.scss","../../src/nationalarchives/components/select/select.scss","../../src/nationalarchives/components/sidebar/sidebar.scss","../../src/nationalarchives/components/skip-link/skip-link.scss","../../src/nationalarchives/components/tabs/tabs.scss","../../src/nationalarchives/components/text-input/text-input.scss","../../src/nationalarchives/components/textarea/textarea.scss","../../src/nationalarchives/components/warning/warning.scss"],"names":[],"mappings":"CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCuDU,wHCuCR,aADF,+GAEI,cCqDJ,oQAvIM,qkDA0IJ,+BAHF,oQAvHM,+iDAmIN,quBACE,yCACA,uCACA,uCACA,yCACA,yCACA,6BACA,6CACA,mCACA,6CACA,2CACA,uDACA,uDACA,mEACA,2CAxHA,4CAJA,gCDgCA,wBCwGF,sIAEI,yCACA,uCACA,uCACA,yCACA,yCACA,6BACA,6CACA,mCACA,6CACA,2CACA,uDACA,uDACA,mEACA,2CAnJF,4CAJA,iCAoKF,8NACE,qCAjKA,4CAJA,gCAgLF,ulBACE,uCACA,qCACA,qCACA,uCACA,uCACA,2BACA,mCACA,iCACA,2CACA,8CACA,yCAvLA,4CAJA,gCAsMF,0CACE,6CACA,qBACA,0BACA,8BACA,iCACA,8BACA,wBACA,kCACA,kCAIA,kCAIA,8CAIA,kCACA,uCAxNA,4CAJA,gCA+NE,mCADF,kGAEI,gBACA,yBAIJ,8FACE,gBACA,wBAYJ,kKAxRM,qkDAyCJ,4CAkPA,+BAHF,kKAxQM,+iDAgRF,mCADF,qfAvRI,unDA4RF,+DALF,qfAvQI,gmDAiRJ,ueAjSI,snDAoSF,+BAHF,ueAjRI,gmDAgSN,kEACE,iDACA,yDACA,6CACA,kDACA,4CACA,4CACA,+CACA,gDACA,uCACA,+CACA,4CACA,iDACA,oDACA,wDAOF,wTACE,kDACA,kDACA,qDACA,sDACA,6CACA,qDACA,kDACA,uDACA,oDAGF,+DACE,6CACA,yDACA,yCACA,oDACA,8CACA,0DAQF,4DACE,iDACA,yDACA,6CACA,kDACA,wDAQF,kEACE,iDACA,yDACA,4CACA,iDACA,wDAQF,+DACE,+CACA,yDACA,8CACA,mDACA,sDAQF,4DACE,gDACA,yDACA,6CACA,kDACA,uDCtZF,mgBACE,gBAEA,+4BACE,aAIJ,sBACE,gBAEA,8CACE,aCpBJ,8CAEE,qBACA,sBACA,oBACA,qBAEA,2BAEA,6BACA,uBACA,wBACA,sBAEA,0CAEA,oBAEA,iCAQF,QACE,UFmEE,yDGvFF,eCRqB,IF+CvB,SCnCE,iBDyCA,qDACE,aGnDJ,aACE,iBACA,oBN4EA,wBM9EF,aAKI,iBACA,qBAIJ,WACE,aNmEA,wBMpEF,WAMI,cL2ZF,8BKjaF,WLkEM,+CAyVJ,+BK3ZF,WLkEM,+CKrDJ,kBACE,aC1BJ,cNoDE,4CM9CE,mCADF,4BNcI,6oDMTF,+DALF,4BN8BI,snDMpBJ,0BNII,4oDMDF,+BAHF,0BNoBI,snDMgCJ,oBNWI,oDMPJ,yBNOI,8CO7EN,aACE,gBAEA,gBACE,eAGF,gBACE,eR+CF,wBQvDF,aAYI,iBRqCF,kDQhCI,sBACE,aAFS,EACX,sBACE,aAFS,EACX,sBACE,aAFS,EACX,sBACE,aAFS,GRuCf,wBQ9BI,qBACE,aAFS,EACX,qBACE,aAFS,EACX,qBACE,aAFS,EACX,qBACE,aAFS,GAOf,oBACE,mBAGF,mDACE,eC/BJ,cR0CE,gCSvBA,YCIA,qBDHA,kBACA,yBACA,mCAfA,YCkBiB,IFtBjB,cACA,kCACA,8BACA,sBACA,kCACA,mCAGF,oBACE,cCdA,mBDgBA,YEGiB,KXyDjB,wBS/DF,oBCbE,qBDuBF,OCNE,YCYsB,IFCtB,IACE,gBAIJ,EACE,gCAEA,mBAEA,SRIA,2BQCA,URDA,mCQKA,iBCOA,0BACA,0BCpCsC,MFkCpC,qCRXF,2BQiBF,MC7DE,qBDiEF,sDACE,sBACA,gBAEA,aACA,mBACA,QR3BA,gCSNA,YCuBA,sBDtBA,kBACA,yBAIE,YCmBiB,ID/DnB,mBAmDA,gBACA,yBDuBA,cACA,kBAES,yDACP,0BAEA,2ECzBF,0BACA,0BCpCsC,MF+DlC,yGACE,cAKN,oFR9CA,4CAuXA,+BQzUA,oFR9CA,qBQuDF,uGACE,UAEA,+BAEA,YAGE,mJACE,cAKN,wJRvCM,mDQ4CJ,gTRvCI,iDQkFN,eAGE,aACA,eACA,aAEA,gBAEA,qBACE,aACA,mBAIJ,8SRpIE,qCQsIA,iBAEA,wUACE,qBAEA,mBAEA,maACE,YAEA,iBAEA,qBAEA,gBAIA,ifACE,kBAKN,yYACE,oBAIJ,yEC9KE,YCcA,gDDbA,YCgBoB,IDsBpB,gBAxEA,eVwCA,kDSuKF,yEC/ME,gBV4EA,wBSmIF,yEC/ME,mBD4NF,sEC3LE,YCcA,gDDbA,YCgBoB,IDsBpB,YCMsB,ID9EtB,kBVwCA,kDSoLF,sEC5NE,oBV8CA,kDS8KF,sEC5NE,mBVoDA,wBSwKF,sEC5NE,qBDyOF,sECxNE,YCYsB,ID2CtB,YCYsB,IDpFtB,mBVwCA,kDSiMF,sECzOE,qBV8CA,kDS2LF,sECzOE,mBVoDA,wBSqLF,sECzOE,qBDsPF,sECrOE,YCYsB,ID2CtB,YCkBsB,ID1FtB,mBDmQF,sHAEE,gBACA,iBAEA,sNACE,cAGF,sIACE,gBA2BE,qCACE,aAcN,wBACE,eAaF,mBACE,SAEA,cAoBJ,gBAEE,eACA,gBACA,cACA,4BRjSI,+DQqSJ,uBCxVA,YCewB,IF2UtB,YACA,eAEA,4CACE,mBAGF,0CACE,oBAIJ,0BACE,gBCpXF,eDwXE,kCACE,gBACA,mBTtUJ,wBSwSF,gBAmCI,0BAMJ,qBCrYE,mBT4CA,qCDgCA,wBSyTF,qBCrYE,mBDgZF,kBC1WE,YCuBA,sBDtBA,kBACA,yBAIE,YCmBiB,IVnBnB,qCS5CA,mBDsZA,gBT1UA,wBSoUF,kBChZE,mBD4ZA,oBACE,gCAEA,0BCvWF,0BACA,0BCpCsC,MCrBxC,oBAGE,mBAOE,wBACE,kBXqDA,8CW/CJ,oBACE,OAEA,YAGF,qCAEE,aACA,sBACA,uBACA,QAGF,sEAEE,mBACA,uBZ0CF,wBY7CA,sEAMI,uBAIJ,0BACE,aAGF,kBACE,kBAGF,mBACE,SAoBA,uBACE,cFlDJ,YCIA,qBDHA,kBACA,yBACA,mCAfA,YCkBiB,ICoDjB,gBACE,aFhFF,eT4CA,yCW0CA,yBACE,aX3CF,8BS3BA,YCYsB,IEnCxB,cASE,gBACA,WACA,YAUA,iCAGF,oBACE,gBACA,SACA,UAEA,6FACE,aACA,sBAIJ,UACE,OC9BF,QACE,qBAGF,gBAEE,gBAEA,mBAEA,wCACE,aAGF,8BACE,eAEA,gBAGF,4EACE,kBAIA,sCbmBF,iDS3BA,YCYsB,IGGpB,sDACE,cbWJ,yCSnCA,YCkBiB,IGanB,cAGE,aACA,eACA,cAIA,iBACE,kBAEA,YAOF,mCAC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,kBACA,iBACA,mBACA,kBAEA,aACA,eACA,2BACA,oBAEA,sBAEA,0DAEE,sBAGF,oBACE,eAGF,wBACE,uBAIJ,YACE,mBACA,kBAEA,sBAEA,uBACE,aACA,eACA,wBACA,oBAGF,uBACE,sBAGF,0BACE,kBAGF,0BACE,oBEtBA,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,EpCnDf,kDoCZE,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,GpCvCf,wBkCSA,eACE,kBACA,iBAGF,YACE,kBACA,kBlCtBF,kDoClBE,wBACE,WACA,UAUI,6BACE,UACA,UAG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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 * MIT Licence\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: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\n%hide-on-print {\n @media print {\n display: none;\n }\n}\n\n@mixin hide-on-print() {\n @extend %hide-on-print;\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 @include colour-border(\n \"keyline\",\n borders.$thick-border-width,\n solid,\n $direction\n );\n}\n\n@mixin thick-keyline-dark($direction) {\n @include colour-border(\n \"keyline-dark\",\n borders.$thick-border-width,\n solid,\n $direction\n );\n}\n\n@mixin thick-keyline-accent($direction) {\n @include colour-border(\n \"accent-border\",\n borders.$thick-border-width,\n solid,\n $direction\n );\n}\n\n@mixin thick-keyline-error($direction) {\n @include colour-border(\n \"form-error\",\n borders.$thick-border-width,\n solid,\n $direction\n );\n}\n\n@mixin thick-keyline-brand($direction, $brandColour) {\n border-#{$direction}: borders.$thick-border-width #{brand-colour($brandColour)}\n solid;\n}\n\n// Use light theme colours (except for \"form-error\")\n%light {\n @include colour-css-vars(\"form-error\");\n\n @media (prefers-contrast: more) {\n @include colour-css-vars-high-contrast(\"form-error\");\n }\n}\n\n@mixin light {\n @extend %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\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 .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 @include colour-background(\"background\");\n @include colour-font(\"font-base\");\n}\n\n@mixin accent-light {\n @extend %accent-light;\n}\n\n// Remove accent and contrast values (except for \"form-error\")\n%plain {\n @include colour-css-vars(\"form-error\");\n\n @media (prefers-contrast: more) {\n @include colour-css-vars-high-contrast(\"form-error\");\n }\n\n .tna-template--system-theme & {\n @media (prefers-color-scheme: dark) {\n @include colour-css-vars-dark(\"form-error\");\n }\n\n @media (prefers-contrast: more) and (prefers-color-scheme: dark) {\n @include colour-css-vars-high-contrast-dark(\"form-error\");\n }\n }\n\n .tna-template--dark-theme & {\n @include colour-css-vars-dark(\"form-error\");\n\n @media (prefers-contrast: more) {\n @include colour-css-vars-high-contrast-dark(\"form-error\");\n }\n }\n\n @include colour-background(\"background\");\n}\n\n@mixin plain {\n @extend %plain;\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-accent-text: #{colour.brand-colour(\"white\")} !important;\n --button-accent-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-accent-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-accent-text: #{colour.brand-colour(\"black\")} !important;\n --button-accent-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-accent-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-accent-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-accent-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-accent-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: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","$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.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/grid\";\n@use \"../tools/media\";\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 .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: \"\\203A\";\n\n padding-left: spacing.space(0.5);\n\n display: inline-block;\n\n font-weight: 700;\n }\n\n &:hover {\n &::after {\n padding-left: spacing.space(0.75);\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\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\");\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 \"../tools/colour\";\n@use \"../tools/media\";\n@use \"../tools/spacing\";\n@use \"../tools/typography\";\n@use \"../utilities/typography\" as typographyUtils;\n\n.tna-ul {\n list-style-type: disc;\n}\n\n.tna-ul,\n.tna-ol {\n margin: spacing.space(1) 0 0;\n\n padding: 0 0 0 spacing.space(2);\n\n &:first-child {\n margin-top: 0;\n }\n\n &--plain {\n padding-left: 0;\n\n list-style: none;\n }\n\n & > li > & {\n padding-left: spacing.space(1);\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 &--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","@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\nvideo,\ncanvas {\n width: 100%;\n}\n\n[hidden] {\n display: none !important;\n}\n\nhr {\n border-width: 1px 0 0;\n @include colour.colour-border(\"keyline\");\n border-style: solid;\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 width: 100%;\n\n text-align: left;\n\n border-collapse: collapse;\n @include spacing.space-above;\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 @include spacing.space-above;\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","@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 @include colour.colour-border(\"keyline\", 1px, solid, top);\n // @include colour.thick-keyline-dark(top);\n // @include colour.thick-keyline-accent(top);\n\n &__details {\n @include colour.colour-border(\"keyline\", 1px, solid, bottom);\n\n position: relative;\n z-index: 1;\n }\n\n &__details:has(&__summary:focus) {\n z-index: 2;\n }\n\n &__summary {\n padding: spacing.space(0.5) spacing.space(3) spacing.space(0.5)\n spacing.space(1);\n\n position: relative;\n\n @include typography.main-font-weight-bold;\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% - #{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\n &__content {\n padding: spacing.space(1);\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 &__details[open] &__summary {\n &::before {\n border-width: 0 0.5rem #{math.div(math.sqrt(3), 2)}rem 0.5rem;\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\n &__details[open] &__summary {\n &::before {\n content: \"\\2191\";\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-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 @include media.on-print {\n &__item {\n display: flex !important;\n\n &--expandable {\n display: none !important;\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 justify-content: center;\n align-items: baseline;\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 &,\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 &--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-accent-background\");\n\n @include colour.colour-border(\"button-accent-background\");\n\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"button-accent-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\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\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.plain;\n\n @include colour.colour-background(\"background\");\n\n @include colour.colour-border(\"background\");\n\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"font-dark\");\n }\n\n &:hover {\n @include colour.colour-font(\"background\");\n\n @include colour.colour-background(\"font-dark\");\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 &__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 &__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\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\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 }\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 \"../../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.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 \"../../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.hide-on-print;\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 \"../../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.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\");\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.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\");\n }\n\n &--max-width {\n width: 100%;\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@use \"../../utilities\";\n\n.tna-error-summary {\n @include spacing.space-above;\n padding: spacing.space(1);\n\n @include colour.plain;\n\n @include colour.colour-background(\"background\");\n\n @include colour.colour-border(\"form-error\", 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\");\n }\n }\n}\n","@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-featured-records {\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 justify-content: flex-start;\n align-items: center;\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 \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-footer {\n @include media.hide-on-print;\n\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/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n\n.tna-gallery {\n @include colour.contrast;\n\n padding-bottom: spacing.space(2);\n\n &__header {\n padding-top: spacing.space(2);\n }\n\n &__items {\n width: 100%;\n\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: spacing.space(3);\n\n &:focus {\n outline: none !important;\n }\n }\n\n &__item {\n margin: 0;\n\n &-index {\n padding-bottom: spacing.space(1);\n\n text-align: center;\n }\n\n &-figure {\n }\n\n &-image {\n height: auto;\n margin: 0 auto;\n }\n\n &-description {\n margin-top: spacing.space(1);\n padding: spacing.space(0.5) 0 spacing.space(0.5) spacing.space(1);\n\n @include colour.colour-border(\"keyline-dark\", 4px, solid, left);\n }\n\n &-tabs {\n @include media.on-smaller-than-large {\n padding-top: spacing.space(2);\n }\n }\n }\n\n &__item + &__item {\n @include colour.colour-border(\"keyline\", 1px, solid, top);\n }\n\n &__toggle-wrapper {\n text-align: center;\n }\n\n &__toggle {\n margin-top: spacing.space(2);\n }\n\n &--touchable {\n .tna-gallery__items {\n flex-flow: row nowrap;\n\n gap: spacing.space(6);\n\n overflow-x: scroll;\n scroll-snap-type: x mandatory;\n }\n\n .tna-gallery__item {\n width: 100%;\n\n scroll-snap-align: center;\n flex: none;\n }\n\n &.tna-gallery--collapsed {\n .tna-gallery__items {\n overflow: auto;\n }\n }\n }\n\n &--collapsed &__item + &__item,\n &--collapsed &__item:first-child &__item-description,\n &--collapsed &__item:first-child &__item-tabs {\n display: none;\n }\n\n &--collapsed &__item-figure {\n width: 100%;\n }\n\n @include colour.on-high-contrast {\n &__items {\n }\n\n &__item {\n &-index {\n }\n\n &-description {\n }\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 @include media.hide-on-print;\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 \"../../variables/grid\" as gridVars;\n@use \"../../tools/media\";\n@use \"../../tools/grid\";\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 justify-content: flex-start;\n align-items: stretch;\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\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 justify-content: stretch;\n align-items: 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 \"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 @include media.hide-on-print;\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 display: none;\n\n align-self: center;\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 justify-content: space-between;\n align-items: flex-end;\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 &--details-cutout &__details {\n &::before {\n content: \"\";\n @include colour.plain;\n\n width: 3rem;\n height: 3rem;\n\n position: absolute;\n top: 0;\n right: 0;\n z-index: 1;\n\n border-radius: 0% 0 0% 50%;\n @include colour.colour-background(\"background\");\n }\n\n &[open] {\n &::before {\n display: none;\n }\n }\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.plain;\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 justify-content: center;\n align-items: 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 @include media.hide-on-print;\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 \"../../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.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 \"../../tools/colour\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-sensitive-image {\n $button-border-width: 4px !default;\n\n &__warning {\n }\n\n &__details {\n position: relative;\n\n &::after {\n content: \"\";\n\n width: 100%;\n padding-bottom: calc(\n 100% * var(--sensitive-image-height) / var(--sensitive-image-width)\n );\n\n display: block;\n\n position: relative;\n z-index: -1;\n\n background-image: var(--sensitive-image);\n background-size: contain;\n background-clip: padding-box;\n\n filter: blur(20px) saturate(0);\n }\n }\n\n &__show {\n display: flex;\n justify-content: center;\n align-items: center;\n\n position: absolute;\n inset: 0;\n z-index: 1;\n\n font-size: 0;\n\n cursor: pointer;\n\n &::after {\n content: attr(data-action);\n\n padding: spacing.space(0.25) spacing.space(1);\n\n @include colour.colour-font(\"button-text\");\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\n &:hover {\n &::after {\n text-decoration: none;\n @include colour.colour-font(\"font-dark\");\n\n @include colour.colour-background(\"background\");\n }\n }\n }\n\n &__container {\n }\n\n &__image {\n width: 100%;\n }\n\n &__details[open] {\n &::after,\n .tna-sensitive-image__show {\n display: none;\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 display: flex;\n align-self: stretch;\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.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 \"sass:math\";\n\n@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-search-filters {\n @include spacing.space-above;\n\n &__title {\n }\n\n &__update {\n display: block;\n }\n\n .tna-heading-s {\n margin: 0;\n padding: 0;\n }\n\n &__fieldset {\n border: none;\n }\n\n &__legend {\n width: 100%;\n }\n\n &__heading-inner,\n &__item-toggle {\n padding: spacing.space(0.5) spacing.space(0.75);\n\n @include colour.colour-border(\"keyline\", 1px, solid);\n border-bottom-width: 0;\n }\n\n &__heading-inner {\n margin-top: spacing.space(1);\n padding: spacing.space(0.5) spacing.space(0.75);\n }\n\n &__item-toggle {\n width: 100%;\n margin: 0;\n padding-right: spacing.space(2.5);\n\n display: block;\n\n position: relative;\n\n color: inherit;\n font-family: inherit;\n font-size: inherit;\n font-weight: inherit;\n line-height: inherit;\n text-align: inherit;\n\n background: none;\n\n cursor: pointer;\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: spacing.space(0.75);\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 transparent\n transparent;\n border-style: solid;\n }\n\n &:hover,\n &:active {\n @include typography.interacted-text-decoration;\n\n background: none;\n\n &::before {\n border-top-color: colour.colour-var(\"font-dark\");\n }\n }\n\n &[aria-expanded=\"true\"] {\n &::before {\n top: calc(50% - #{math.div(math.sqrt(3), 4)}rem);\n\n border-width: 0 0.5rem #{math.div(math.sqrt(3), 2)}rem 0.5rem;\n border-color: transparent transparent colour.colour-var(\"font-light\")\n transparent;\n }\n\n &:hover {\n &::before {\n border-bottom-color: colour.colour-var(\"font-dark\");\n }\n }\n }\n }\n\n &__item-toggle-label {\n }\n\n &__item-toggle-info {\n display: block;\n\n @include typography.main-font-weight;\n @include typography.font-size(14);\n }\n\n &__item {\n padding: spacing.space(0.75);\n\n @include colour.tint;\n\n @include colour.colour-border(\"keyline\", 1px);\n border-width: 0 1px 1px;\n }\n\n &__hint {\n margin-bottom: spacing.space(0.75);\n\n @include typography.font-size(16);\n @include colour.colour-font(\"font-light\");\n }\n\n &__inline-fields {\n display: flex;\n flex-wrap: wrap;\n gap: spacing.space(0.5) spacing.space(2);\n }\n\n &__label {\n display: block;\n }\n\n &__footer {\n padding: spacing.space(0.75);\n\n display: none;\n\n @include colour.colour-border(\"keyline\", 1px);\n }\n\n &--js-enabled &__title {\n margin-bottom: spacing.space(1);\n }\n\n &--js-enabled &__footer {\n display: block;\n }\n\n &--js-enabled &__item {\n border-bottom: none;\n }\n\n &--js-enabled &__update-item {\n display: none;\n }\n\n &__fieldset[data-type=\"multiple\"] &__item {\n max-height: 15rem;\n\n overflow: auto;\n }\n\n @include colour.on-forced-colours {\n &__item-toggle {\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 \"../../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.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\");\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/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 @include media.hide-on-print;\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 @include media.hide-on-print;\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 @include media.on-print {\n &__item {\n display: block !important;\n\n & + & {\n margin-top: 2rem;\n }\n }\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.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\");\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.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\");\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 \"../../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 margin-top: 0;\n\n flex: 1;\n align-self: center;\n }\n}\n"]}