npm - @nationalarchives/frontend - Versions diffs - 0.2.15 → 0.2.16 - Mend

@nationalarchives/frontend 0.2.15 → 0.2.16

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 (73) hide show

package/nationalarchives/all.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sourceRoot":"","sources":["../../src/nationalarchives/all.scss","../../src/nationalarchives/tools/_colour.scss","../../src/nationalarchives/tools/_media.scss","../../src/nationalarchives/tools/_spacing.scss","../../src/nationalarchives/utilities/_a11y.scss","../../src/nationalarchives/tools/_a11y.scss","../../src/nationalarchives/variables/_a11y.scss","../../src/nationalarchives/utilities/_animations.scss","../../src/nationalarchives/utilities/_areas.scss","../../src/nationalarchives/utilities/colour/_index.scss","../../src/nationalarchives/utilities/_columns.scss","../../src/nationalarchives/utilities/typography/_index.scss","../../src/nationalarchives/tools/_typography.scss","../../src/nationalarchives/variables/_typography.scss","../../src/nationalarchives/utilities/forms/_index.scss","../../src/nationalarchives/utilities/_global.scss","../../src/nationalarchives/utilities/grid/_index.scss","../../src/nationalarchives/variables/_grid.scss","../../src/nationalarchives/tools/_grid.scss","../../src/nationalarchives/utilities/lists/_index.scss","../../src/nationalarchives/utilities/overrides/_index.scss","../../src/nationalarchives/utilities/_reset.scss","../../src/nationalarchives/utilities/tables/_index.scss","../../src/nationalarchives/components/accordion/accordion.scss","../../src/nationalarchives/components/breadcrumbs/breadcrumbs.scss","../../src/nationalarchives/components/button/_button-group.scss","../../src/nationalarchives/components/button/button.scss","../../src/nationalarchives/components/card/card.scss","../../src/nationalarchives/components/compound-filters/compound-filters.scss","../../src/nationalarchives/components/cookie-banner/cookie-banner.scss","../../src/nationalarchives/components/details/details.scss","../../src/nationalarchives/components/files-list/files-list.scss","../../src/nationalarchives/components/footer/footer.scss","../../src/nationalarchives/components/gallery/gallery.scss","../../src/nationalarchives/components/global-header/global-header.scss","../../src/nationalarchives/components/header/header.scss","../../src/nationalarchives/components/hero/hero.scss","../../src/nationalarchives/components/index-grid/index-grid.scss","../../src/nationalarchives/components/pagination/pagination.scss","../../src/nationalarchives/components/phase-banner/phase-banner.scss","../../src/nationalarchives/components/picture/picture.scss","../../src/nationalarchives/components/quick-filters/quick-filters.scss","../../src/nationalarchives/components/records-list/records-list.scss","../../src/nationalarchives/components/sidebar/sidebar.scss","../../src/nationalarchives/components/skip-link/skip-link.scss","../../src/nationalarchives/components/tabs/tabs.scss","../../src/nationalarchives/components/warning/warning.scss","../../src/nationalarchives/components/checkboxes/checkboxes.scss","../../src/nationalarchives/components/date-input/date-input.scss","../../src/nationalarchives/components/date-search/date-search.scss","../../src/nationalarchives/components/error-summary/error-summary.scss","../../src/nationalarchives/components/radios/radios.scss","../../src/nationalarchives/components/search-field/search-field.scss","../../src/nationalarchives/variables/_forms.scss","../../src/nationalarchives/components/select/select.scss","../../src/nationalarchives/components/text-input/text-input.scss","../../src/nationalarchives/components/textarea/textarea.scss"],"names":[],"mappings":"CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCsLA,oSAxKM,0vDA2KJ,+BAHF,oSAxJM,ytDAuKN,8fACE,yCACA,uCACA,uCACA,yCACA,yCACA,6BACA,6CACA,mCACA,6CACA,2CACA,uDACA,uDACA,mEACA,2CA5JA,4CAJA,gCC+BA,wBD6IF,sIAEI,yCACA,uCACA,uCACA,yCACA,yCACA,6BACA,6CACA,mCACA,6CACA,2CACA,uDACA,uDACA,mEACA,2CAvLF,4CAJA,iCAwMF,+jBACE,qCArMA,4CAgNF,ouBACE,uCACA,qCACA,qCACA,uCACA,uCACA,2BACA,mCACA,iCACA,2CACA,8CACA,yCACA,yCACA,qDACA,qDACA,iEA/NA,4CAJA,gCA8OF,0CACE,6CACA,qBACA,0BACA,8BACA,iCACA,8BACA,gCACA,kCACA,kCAIA,kCAIA,8CAIA,uCACA,0CAhQA,4CAJA,gCA0QE,mCADF,kGAKI,uCACA,qCACA,qCACA,uCACA,uCACA,2BACA,mCACA,iCACA,2CACA,8CACA,yCACA,yCACA,qDACA,qDACA,kEAIJ,8FAIE,uCACA,qCACA,qCACA,uCACA,uCACA,2BACA,mCACA,iCACA,2CACA,8CACA,yCACA,yCACA,qDACA,qDACA,iEAQJ,kEACE,iDACA,yDACA,6CACA,kDACA,4CACA,4CACA,+CACA,gDACA,uCACA,+CACA,4CACA,iDACA,sDACA,0DAOF,wTACE,kDACA,kDACA,qDACA,sDACA,6CACA,qDACA,kDACA,uDACA,sDAGF,+DACE,6CACA,yDACA,yCACA,oDACA,gDACA,4DAQF,4DACE,iDACA,yDACA,6CACA,kDACA,0DAQF,kEACE,iDACA,yDACA,4CACA,iDACA,0DAQF,+DACE,+CACA,yDACA,8CACA,mDACA,wDAQF,4DACE,gDACA,yDACA,6CACA,kDACA,yDE9bF,ghBACE,gBAEA,w6BACE,aAIJ,sBACE,gBAEA,8CACE,aCpBJ,8CAEE,qBACA,sBACA,oBACA,qBAEA,2BAEA,6BACA,uBACA,wBACA,sBAEA,0CAEA,oBAEA,iCAQF,gBACE,UHoEE,yDIpFF,eCZqB,IFiCvB,uCACE,QACE,UH6DA,yDIpFF,eCZqB,KF+CrB,iFHiDE,yDG5CJ,SCpCE,iBD0CA,qDACE,aG5DJ,mCACE,QAEE,0BAGF,IACE,8BCHJ,aACE,iBACA,oBAGF,WAEE,aP4cA,8BO9cF,WPwEM,uDAgYJ,+BOxcF,WPwEM,uDOhEJ,kBACE,aNgEF,wBM3DA,aACE,iBACA,oBAGF,WACE,cC3BJ,cRqDE,4CQ/CE,mCADF,4BReI,m2DQVF,+DALF,4BR+BI,4zDQrBJ,0BRKI,k2DQFF,+BAHF,0BRqBI,4zDQ+BJ,oBRYI,oDQRJ,yBRQI,sDS9EN,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,cV2CE,gCWxBA,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,SVKA,wEUIA,iCCOA,0BACA,0BCpCsC,MFmCpC,qCVXF,2BUiBF,MC9DE,qBDkEF,sDACE,sBACA,gBAEA,aACA,mBACA,QV3BA,gCWPA,YCuBA,sBDtBA,kBACA,yBAIE,YCmBiB,ID/DnB,mBAmDA,gBACA,yBDwBA,cACA,kBAES,yDACP,0BAEA,8KC1BF,0BACA,0BCpCsC,MFiElC,0OACE,cAKN,oFV/CA,4CA8ZA,+BU/WA,oFV/CA,qBUwDF,uGACE,UAEA,+BAEA,YAGE,mJACE,cAKN,wJVxCM,mDU6CJ,iCACA,yBAEA,guBV9EA,oDAIA,qDA+BI,iDUmDF,gzBVtFF,wDU4FE,mCADF,wbV3FA,oDAIA,qDA+BI,iDUgEA,geVnGJ,yDU8IF,eAGE,aACA,eACA,aAEA,gBAEA,qBACE,aACA,mBAIJ,8SV7JE,qCU+JA,iBAEA,wUACE,qBAEA,mBAEA,maACE,WAEA,cACA,eACA,mBACA,mBAEA,qBAEA,sBAEA,wBV9JA,4FUqKA,w7BVtJA,0CU4JJ,yYACE,oBAIJ,yEChNE,YCcA,gDDbA,YCgBoB,IDsBpB,gBAxEA,eVwCA,kDSyMF,yECjPE,gBV4EA,wBSqKF,yECjPE,mBD8PF,sEC7NE,YCcA,gDDbA,YCgBoB,IDsBpB,YCMsB,ID9EtB,kBVwCA,kDSsNF,sEC9PE,oBV8CA,kDSgNF,sEC9PE,mBVoDA,wBS0MF,sEC9PE,qBD2QE,iGACE,aACA,cACA,gBACA,kBAEA,sBACA,wBAKN,sECtQE,YCYsB,ID2CtB,YCYsB,IDpFtB,mBVwCA,kDS+OF,sECvRE,qBV8CA,kDSyOF,sECvRE,mBVoDA,wBSmOF,sECvRE,qBDoSF,sECnRE,YCYsB,ID2CtB,YCkBsB,ID1FtB,mBDiTF,sHAEE,gBACA,iBAEA,sNACE,cAGF,oaAEE,gBA2BE,qCACE,aAcN,wBACE,eAaF,mBACE,SAEA,cAoBJ,gBAEE,eACA,gBACA,cACA,4BV/UI,+DUmVJ,uBCvYA,YCewB,IF0XtB,YACA,eAEA,4CACE,mBAGF,0CACE,oBAIJ,0BACE,gBCnaF,eDuaE,kCACE,gBACA,mBTrXJ,wBSuVF,gBAmCI,0BAMJ,qBCpbE,mBX6CA,qCC+BA,wBSwWF,qBCpbE,mBD+bF,kBCzZE,YCuBA,sBDtBA,kBACA,yBAIE,YCmBiB,IZlBnB,qCW7CA,mBDqcA,gBTzXA,wBSmXF,kBC/bE,mBD2cA,oBACE,gCAEA,4DCtZF,0BACA,0BCpCsC,MFgcxC,QACE,kBACA,mBGvdF,oBAGE,mBAOE,wBACE,kBbsDA,wDahDJ,oBACE,mBACA,OAEA,YAGF,qCAEE,aACA,sBACA,uBACA,QAGF,sEAEE,mBACA,uBZyCF,wBY5CA,sEAMI,uBAIJ,0BACE,aAGF,kBACE,kBAGF,mBACE,SAoBA,uBACE,cFnDJ,YCIA,qBDHA,kBACA,yBACA,mCAfA,YCkBiB,ICqDjB,gBACE,aFjFF,eX6CA,yCa0CA,yBACE,ab3CF,sCW5BA,YCYsB,IEnCxB,cASE,gBACA,WACA,YAUA,iCAGF,oBACE,gBACA,SACA,UAEA,6FACE,aACA,sBAIJ,UACE,OC9BF,eACE,WACA,UCRwB,ODSxB,kBACA,iBACA,mBACA,kBAEA,aACA,eACA,oBACA,2BAEA,sBAEA,0CACE,sBACA,gBACA,eAGF,oBACE,eAGF,qDAEE,uBAGF,4BACE,yBAGF,sCACE,WACA,mBACA,kBAGO,iBACP,gBAIJ,YACE,mBACA,kBAEA,sBAEA,oCACE,gBACA,eAGF,uBACE,sBAGF,0BACE,kBAGF,0BACE,oBErCA,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,EhBnDf,kDgBZE,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,SA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","file":"all.css","sourcesContent":["/!\n ------------------------------------------\n \n TNA Frontend\n * github.com/nationalarchives/tna-frontend\n \n Explore 1,000 years of history\n * www.nationalarchives.gov.uk\n \n ------------------------------------------\n /\n\n@use \"variables\";\n@use \"tools\";\n@use \"utilities\";\n@use \"components\";\n","@use \"sass:list\";\n@use \"sass:map\";\n@use \"../variables/borders\";\n@use \"../variables/colour\";\n@use \"../variables/features\";\n@use \"../tools/media\";\n\n@function brand-colour($colour, $opacity: 1) {\n @return colour.brand-colour($colour, $opacity);\n}\n\n@mixin colour-css-vars($excludes...) {\n @each $name, $value in colour.$colour-palette-default {\n @if not list.index($excludes, $name) {\n --#{$name}: #{$value};\n }\n }\n}\n\n@mixin colour-css-vars-dark($excludes...) {\n @each $name, $value in colour.$colour-palette-dark {\n @if not list.index($excludes, $name) {\n --#{$name}: #{$value};\n }\n }\n}\n\n@mixin colour-css-vars-high-contrast($excludes...) {\n @each $name, $value in colour.$colour-palette-high-contrast {\n @if not list.index($excludes, $name) {\n --#{$name}: #{$value};\n }\n }\n}\n\n@mixin colour-css-vars-high-contrast-dark($excludes...) {\n @each $name, $value in colour.$colour-palette-high-contrast-dark {\n @if not list.index($excludes, $name) {\n --#{$name}: #{$value};\n }\n }\n}\n\n@function colour-var($colour) {\n @return var(\n --#{$colour},\n #{map.get(colour.$colour-palette-default, $colour)}\n );\n}\n\n@mixin colour-font($colour, $important: false) {\n color: colour-var($colour) if($important, !important, null);\n}\n\n@mixin colour-background($colour, $important: false) {\n background-color: colour-var($colour) if($important, !important, null);\n}\n\n@mixin colour-background-brand($brandColour, $important: false) {\n background-color: #{brand-colour($brandColour)} if($important, !important, null);\n}\n\n@mixin colour-border(\n $colour,\n $width: \"\",\n $style: solid,\n $direction: \"\",\n $important: false\n) {\n @if $direction != \"\" {\n @if $width != \"\" {\n border-#{$direction}: $width\n colour-var($colour)\n $style\n if($important, !important, null);\n } @else {\n border-#{$direction}-color: colour-var($colour)\n if($important, !important, null);\n }\n } @else {\n @if $width != \"\" {\n border: $width\n colour-var($colour)\n $style\n if($important, !important, null);\n } @else {\n border-color: var(\n --#{$colour},\n #{map.get(colour.$colour-palette-default, $colour)}\n )\n if($important, !important, null);\n }\n }\n}\n\n@mixin colour-outline($colour, $width: \"\", $style: solid, $important: false) {\n @if $width != \"\" {\n outline: $width colour-var($colour) $style if($important, !important, null);\n } @else {\n outline-color: colour-var($colour) if($important, !important, null);\n }\n}\n\n@mixin colour-fill($colour, $important: false) {\n fill: colour-var($colour) if($important, !important, null);\n}\n\n@mixin thick-keyline($direction: \"\") {\n @if $direction != \"\" {\n @include colour-border(\n \"keyline\",\n borders.$thick-border-width,\n solid,\n $direction\n );\n } @else {\n @include colour-border(\"keyline\", borders.$thick-border-width, solid);\n }\n}\n\n@mixin thick-keyline-dark($direction: \"\") {\n @if $direction != \"\" {\n @include colour-border(\n \"keyline-dark\",\n borders.$thick-border-width,\n solid,\n $direction\n );\n } @else {\n @include colour-border(\"keyline-dark\", borders.$thick-border-width, solid);\n }\n}\n\n@mixin thick-keyline-accent($direction: \"\") {\n @if $direction != \"\" {\n @include colour-border(\n \"accent-border\",\n borders.$thick-border-width,\n solid,\n $direction\n );\n } @else {\n @include colour-border(\"accent-border\", borders.$thick-border-width, solid);\n }\n}\n\n@mixin thick-keyline-error($direction: \"\") {\n @if $direction != \"\" {\n @include colour-border(\n \"form-error-border\",\n borders.$thick-border-width,\n solid,\n $direction\n );\n } @else {\n @include colour-border(\n \"form-error-border\",\n borders.$thick-border-width,\n solid\n );\n }\n}\n\n@mixin thick-keyline-brand($direction: \"\", $brandColour) {\n @if $direction != \"\" {\n border-#{$direction}: borders.$thick-border-width\n #{brand-colour($brandColour)}\n solid;\n } @else {\n border: borders.$thick-border-width #{brand-colour($brandColour)} solid;\n }\n}\n\n@mixin thick-keyline-transparent($direction: \"\") {\n @if $direction != \"\" {\n border-#{$direction}: borders.$thick-border-width transparent solid;\n } @else {\n border: borders.$thick-border-width transparent solid;\n }\n}\n\n// Use light theme colours (except for \"form-error-border\")\n%always-light {\n @include colour-css-vars(\"form-error-border\", \"focus-outline\");\n\n @media (prefers-contrast: more) {\n @include colour-css-vars-high-contrast(\n \"form-error-border\",\n \"focus-outline\"\n );\n }\n}\n\n@mixin always-light {\n @extend %always-light;\n}\n\n%contrast {\n --background: var(--contrast-background);\n --font-base: var(--contrast-font-base);\n --font-dark: var(--contrast-font-dark);\n --font-light: var(--contrast-font-light);\n --icon-light: var(--contrast-icon-light);\n --link: var(--contrast-link);\n --link-visited: var(--contrast-link-visited);\n --keyline: var(--contrast-keyline);\n --keyline-dark: var(--contrast-keyline-dark);\n --button-text: var(--contrast-button-text);\n --button-background: var(--contrast-button-background);\n --button-hover-text: var(--contrast-button-hover-text);\n --button-hover-background: var(--contrast-button-hover-background);\n --accent-list-marker: var(--accent-border);\n // --accent-list-marker: var(--font-base);\n\n @include colour-background(\"background\");\n\n @include colour-font(\"font-base\");\n}\n\n@mixin contrast {\n @extend %contrast;\n}\n\n%contrast-on-mobile {\n @include media.on-mobile {\n --background: var(--contrast-background);\n --font-base: var(--contrast-font-base);\n --font-dark: var(--contrast-font-dark);\n --font-light: var(--contrast-font-light);\n --icon-light: var(--contrast-icon-light);\n --link: var(--contrast-link);\n --link-visited: var(--contrast-link-visited);\n --keyline: var(--contrast-keyline);\n --keyline-dark: var(--contrast-keyline-dark);\n --button-text: var(--contrast-button-text);\n --button-background: var(--contrast-button-background);\n --button-hover-text: var(--contrast-button-hover-text);\n --button-hover-background: var(--contrast-button-hover-background);\n --accent-list-marker: var(--accent-border);\n // --accent-list-marker: var(--font-base);\n\n @include colour-background(\"background\");\n\n @include colour-font(\"font-base\");\n }\n}\n\n@mixin contrast-on-mobile {\n @extend %contrast-on-mobile;\n}\n\n%tint {\n --background: var(--background-tint);\n\n @include colour-background(\"background\");\n\n // @include colour-font(\"font-base\");\n}\n\n@mixin tint {\n @extend %tint;\n}\n\n%accent {\n --background: var(--accent-background);\n --font-base: var(--accent-font-base);\n --font-dark: var(--accent-font-dark);\n --font-light: var(--accent-font-light);\n --icon-light: var(--accent-icon-light);\n --link: var(--accent-link);\n --link-visited: var(--accent-link);\n --keyline: var(--accent-keyline);\n --keyline-dark: var(--accent-keyline-dark);\n --accent-list-marker: var(--accent-font-base);\n --accent-border: var(--accent-font-dark);\n --button-text: var(--accent-button-text);\n --button-background: var(--accent-button-background);\n --button-hover-text: var(--accent-button-hover-text);\n --button-hover-background: var(--accent-button-hover-background);\n\n @include colour-background(\"background\");\n\n @include colour-font(\"font-base\");\n}\n\n@mixin accent {\n @extend %accent;\n}\n\n%accent-light {\n --background: var(--accent-background-light);\n --font-base: #{map.get(colour.$colour-palette-default, \"font-base\")};\n --font-dark: #{map.get(colour.$colour-palette-default, \"font-dark\")};\n --font-light: #{map.get(colour.$colour-palette-default, \"font-light\")};\n --icon-light: #{map.get(colour.$colour-palette-default, \"icon-light\")};\n --keyline: #{map.get(colour.$colour-palette-default, \"keyline\")};\n --keyline-dark: #{map.get(colour.$colour-palette-default, \"keyline-dark\")};\n --button-text: #{map.get(colour.$colour-palette-default, \"button-text\")};\n --button-background: #{map.get(\n colour.$colour-palette-default,\n \"button-background\"\n )};\n --button-hover-text: #{map.get(\n colour.$colour-palette-default,\n \"button-hover-text\"\n )};\n --button-hover-background: #{map.get(\n colour.$colour-palette-default,\n \"button-hover-background\"\n )};\n --accent-list-marker: var(--font-base);\n --accent-border: var(--accent-background);\n\n @include colour-background(\"background\");\n @include colour-font(\"font-base\");\n\n .tna-template--system-theme & {\n @media (prefers-color-scheme: dark) {\n // --link: #{map.get(colour.$colour-palette-default, \"link\")};\n // --link-visited: #{map.get(colour.$colour-palette-default, \"link-visited\")};\n\n --background: var(--accent-background);\n --font-base: var(--accent-font-base);\n --font-dark: var(--accent-font-dark);\n --font-light: var(--accent-font-light);\n --icon-light: var(--accent-icon-light);\n --link: var(--accent-link);\n --link-visited: var(--accent-link);\n --keyline: var(--accent-keyline);\n --keyline-dark: var(--accent-keyline-dark);\n --accent-list-marker: var(--accent-font-base);\n --accent-border: var(--accent-font-dark);\n --button-text: var(--accent-button-text);\n --button-background: var(--accent-button-background);\n --button-hover-text: var(--accent-button-hover-text);\n --button-hover-background: var(--accent-button-hover-background);\n }\n }\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 --background: var(--accent-background);\n --font-base: var(--accent-font-base);\n --font-dark: var(--accent-font-dark);\n --font-light: var(--accent-font-light);\n --icon-light: var(--accent-icon-light);\n --link: var(--accent-link);\n --link-visited: var(--accent-link);\n --keyline: var(--accent-keyline);\n --keyline-dark: var(--accent-keyline-dark);\n --accent-list-marker: var(--accent-font-base);\n --accent-border: var(--accent-font-dark);\n --button-text: var(--accent-button-text);\n --button-background: var(--accent-button-background);\n --button-hover-text: var(--accent-button-hover-text);\n --button-hover-background: var(--accent-button-hover-background);\n }\n}\n\n@mixin accent-light {\n @extend %accent-light;\n}\n\n%yellow-accent {\n --accent-background: #{colour.brand-colour(\"yellow\")} !important;\n --accent-background-light: #{colour.brand-colour(\"cream\")} !important;\n --accent-border: #{colour.brand-colour(\"yellow\")} !important;\n --accent-list-marker: #{colour.brand-colour(\"brown\")} !important;\n --accent-font-base: #{colour.brand-colour(\"black\")} !important;\n --accent-font-dark: #{colour.brand-colour(\"black\")} !important;\n --accent-font-light: #{colour.brand-colour(\"black\", 0.7)} !important;\n --accent-icon-light: #{colour.brand-colour(\"black\", 0.45)} !important;\n --accent-link: #{colour.brand-colour(\"black\")} !important;\n --accent-link-visited: #{colour.brand-colour(\"black\")} !important;\n --accent-keyline: #{colour.brand-colour(\"black\", 0.5)} !important;\n --accent-keyline-dark: #{colour.brand-colour(\"black\", 0.8)} !important;\n --button-accented-text: #{colour.brand-colour(\"white\")} !important;\n --button-accented-background: #{colour.brand-colour(\"brown\")} !important;\n}\n\n@mixin yellow-accent {\n @extend %yellow-accent;\n}\n\n%accent-lighter-text {\n --accent-font-base: #{colour.brand-colour(\"white\")} !important;\n --accent-font-dark: #{colour.brand-colour(\"white\")} !important;\n --accent-font-light: #{colour.brand-colour(\"white\", 0.7)} !important;\n --accent-icon-light: #{colour.brand-colour(\"white\", 0.45)} !important;\n --accent-link: #{colour.brand-colour(\"white\")} !important;\n --accent-link-visited: #{colour.brand-colour(\"white\")} !important;\n --accent-keyline: #{colour.brand-colour(\"white\", 0.5)} !important;\n --accent-keyline-dark: #{colour.brand-colour(\"white\", 0.8)} !important;\n --button-accented-text: #{colour.brand-colour(\"white\")} !important;\n}\n\n%black-accent {\n --accent-background: #{colour.brand-colour(\"black\")} !important;\n --accent-background-light: #{colour.brand-colour(\"light-grey\")} !important;\n --accent-border: #{colour.brand-colour(\"black\")} !important;\n --accent-list-marker: #{colour.brand-colour(\"grey\")} !important;\n --button-accented-text: #{colour.brand-colour(\"black\")} !important;\n --button-accented-background: #{colour.brand-colour(\"grey\")} !important;\n}\n\n@mixin black-accent {\n @extend %accent-lighter-text;\n @extend %black-accent;\n}\n\n%pink-accent {\n --accent-background: #{colour.brand-colour(\"maroon\")} !important;\n --accent-background-light: #{colour.brand-colour(\"pastel-pink\")} !important;\n --accent-border: #{colour.brand-colour(\"pink\")} !important;\n --accent-list-marker: #{colour.brand-colour(\"pink\")} !important;\n --button-accented-background: #{colour.brand-colour(\"maroon\")} !important;\n}\n\n@mixin pink-accent {\n @extend %accent-lighter-text;\n @extend %pink-accent;\n}\n\n%orange-accent {\n --accent-background: #{colour.brand-colour(\"chestnut\")} !important;\n --accent-background-light: #{colour.brand-colour(\"pastel-orange\")} !important;\n --accent-border: #{colour.brand-colour(\"orange\")} !important;\n --accent-list-marker: #{colour.brand-colour(\"orange\")} !important;\n --button-accented-background: #{colour.brand-colour(\"chestnut\")} !important;\n}\n\n@mixin orange-accent {\n @extend %accent-lighter-text;\n @extend %orange-accent;\n}\n\n%green-accent {\n --accent-background: #{colour.brand-colour(\"forest\")} !important;\n --accent-background-light: #{colour.brand-colour(\"pastel-green\")} !important;\n --accent-border: #{colour.brand-colour(\"green\")} !important;\n --accent-list-marker: #{colour.brand-colour(\"green\")} !important;\n --button-accented-background: #{colour.brand-colour(\"forest\")} !important;\n}\n\n@mixin green-accent {\n @extend %accent-lighter-text;\n @extend %green-accent;\n}\n\n%blue-accent {\n --accent-background: #{colour.brand-colour(\"navy\")} !important;\n --accent-background-light: #{colour.brand-colour(\"pastel-blue\")} !important;\n --accent-border: #{colour.brand-colour(\"blue\")} !important;\n --accent-list-marker: #{colour.brand-colour(\"blue\")} !important;\n --button-accented-background: #{colour.brand-colour(\"navy\")} !important;\n}\n\n@mixin blue-accent {\n @extend %accent-lighter-text;\n @extend %blue-accent;\n}\n\n@mixin on-high-contrast {\n @media (prefers-contrast: more) {\n @content;\n }\n}\n\n@mixin on-forced-colours {\n @media (forced-colors: active) {\n @content;\n }\n}\n\n@mixin on-high-contrast-and-forced-colours {\n @include on-forced-colours {\n @content;\n }\n\n @include on-high-contrast {\n @content;\n }\n}\n\n@mixin image-loader-background {\n @if not features.$disable-image-loader-animations {\n background: linear-gradient(\n -45deg,\n rgba(0 0 0 / 25%),\n rgba(255 255 255 / 25%),\n rgba(0 0 0 / 25%)\n );\n background-size: 500% 500%;\n background-position: 0 50%;\n\n animation: image-loader-background ease-in-out 1.2s infinite;\n }\n}\n","@use \"sass:math\";\n@use \"../variables/media\";\n@use \"../variables/typography\";\n\n$smallest-large-device-em: #{math.div(\n media.$largest-medium-device-px + 1,\n typography.$relative-1rem-px\n )}em;\n$largest-medium-device-em: #{math.div(\n media.$largest-medium-device-px,\n typography.$relative-1rem-px\n )}em;\n$smallest-medium-device-em: #{math.div(\n media.$largest-small-device-px + 1,\n typography.$relative-1rem-px\n )}em;\n$largest-small-device-em: #{math.div(\n media.$largest-small-device-px,\n typography.$relative-1rem-px\n )}em;\n$smallest-small-device-em: #{math.div(\n media.$largest-tiny-device-px + 1,\n typography.$relative-1rem-px\n )}em;\n$largest-tiny-device-em: #{math.div(\n media.$largest-tiny-device-px,\n typography.$relative-1rem-px\n )}em;\n\n$media-large: \"(min-width: #{$smallest-large-device-em})\";\n$media-lt-large: \"(max-width: #{$largest-medium-device-em})\";\n$media-medium: \"(min-width: #{$smallest-medium-device-em}) and (max-width: #{$largest-medium-device-em})\";\n$media-gt-mobile: \"(min-width: #{$smallest-medium-device-em})\";\n$media-mobile: \"(max-width: #{$largest-small-device-em})\";\n$media-small: \"(min-width: #{$smallest-small-device-em}) and (max-width: #{$largest-small-device-em})\";\n$media-gt-tiny: \"(min-width: #{$smallest-small-device-em})\";\n$media-tiny: \"(max-width: #{$largest-tiny-device-em})\";\n\n// https://nationalarchives.github.io/design-system/styles/media/#media-queries\n@mixin on-large() {\n @media #{$media-large} {\n @content;\n }\n}\n\n@mixin on-medium() {\n @media #{$media-medium} {\n @content;\n }\n}\n\n@mixin on-small() {\n @media #{$media-small} {\n @content;\n }\n}\n\n@mixin on-tiny() {\n @media #{$media-tiny} {\n @content;\n }\n}\n\n@mixin on-larger-than-mobile() {\n @media #{$media-gt-mobile} {\n @content;\n }\n}\n\n@mixin on-larger-than-tiny() {\n @media #{$media-gt-tiny} {\n @content;\n }\n}\n\n@mixin on-smaller-than-large() {\n @media #{$media-lt-large} {\n @content;\n }\n}\n\n@mixin on-mobile() {\n @media #{$media-mobile} {\n @content;\n }\n}\n\n@mixin on-print() {\n @media print {\n @content;\n }\n}\n","@use \"sass:map\";\n@use \"sass:math\";\n@use \"../variables/spacing\";\n@use \"../variables/typography\";\n@use \"../tools/media\";\n\n@function space($size) {\n @return #{$size spacing.$spacing-unit-px}px;\n}\n\n%space-above {\n margin-top: space(2);\n\n &:first-child {\n margin-top: 0;\n }\n}\n\n%space-only-above {\n margin: #{space(2)} 0 0;\n\n &:first-child {\n margin-top: 0;\n }\n}\n\n@mixin space-above($zero-other-margins: false) {\n @if $zero-other-margins {\n @extend %space-only-above;\n } @else {\n @extend %space-above;\n }\n}\n\n@mixin no-spacing-generator($suffix: \"\") {\n @if $suffix != \"\" {\n $suffix: \"-\" + $suffix;\n }\n @each $property in margin, padding {\n @each $direction in top, bottom {\n $combined-direction: \"\";\n @if $direction == top or $direction == bottom {\n $combined-direction: vertical;\n } @else if $direction == right or $direction == left {\n $combined-direction: horizontal;\n }\n @if $combined-direction {\n .tna-\\!--no-#{$property}-#{$direction}#{$suffix},\n .tna-\\!--no-#{$property}-#{$combined-direction}#{$suffix} {\n #{$property}-#{$direction}: 0 !important;\n }\n } @else {\n .tna-\\!--no-#{$property}-#{$direction}#{$suffix} {\n #{$property}-#{$direction}: 0 !important;\n }\n }\n }\n }\n}\n\n@mixin spacing-generator($suffix: \"\") {\n @each $property in margin, padding {\n @each $direction in top, bottom {\n @each $size, $amount in spacing.$spacing {\n @if $direction == all {\n .tna-\\!--#{$property}-#{$size} {\n #{$property}: #{space($amount)} !important;\n }\n } @else {\n $combined-direction: \"\";\n @if $direction == top or $direction == bottom {\n $combined-direction: vertical;\n } @else if $direction == right or $direction == left {\n $combined-direction: horizontal;\n }\n @if $combined-direction {\n .tna-\\!--#{$property}-#{$direction}-#{$size},\n .tna-\\!--#{$property}-#{$combined-direction}-#{$size} {\n #{$property}-#{$direction}: #{space($amount)} !important;\n }\n } @else {\n .tna-\\!--#{$property}-#{$direction}-#{$size} {\n #{$property}-#{$direction}: #{space($amount)} !important;\n }\n }\n }\n }\n }\n }\n\n @include media.on-mobile {\n @each $property in margin, padding {\n @each $direction in top, bottom {\n @each $size, $amount in spacing.$spacing-mobile {\n @if $direction == all {\n .tna-\\!--#{$property}-#{$size} {\n #{$property}: #{space($amount)} !important;\n }\n } @else {\n $combined-direction: \"\";\n @if $direction == top or $direction == bottom {\n $combined-direction: vertical;\n } @else if $direction == right or $direction == left {\n $combined-direction: horizontal;\n }\n @if $combined-direction {\n .tna-\\!--#{$property}-#{$direction}-#{$size},\n .tna-\\!--#{$property}-#{$combined-direction}-#{$size} {\n #{$property}-#{$direction}: #{space($amount)} !important;\n }\n } @else {\n .tna-\\!--#{$property}-#{$direction}-#{$size} {\n #{$property}-#{$direction}: #{space($amount)} !important;\n }\n }\n }\n }\n }\n }\n }\n}\n","@use \"../tools/a11y\";\n\n.tna-visually-hidden,\n.tna-\\!--visually-hidden {\n width: 1px !important;\n height: 1px !important;\n margin: 0 !important;\n padding: 0 !important;\n\n overflow: hidden !important;\n\n position: absolute !important;\n top: -9999px !important;\n left: -9999px !important;\n z-index: -1 !important;\n\n background-color: transparent !important;\n\n border: 0 !important;\n\n clip: rect(0, 0, 0, 0) !important;\n\n // &::before,\n // &::after {\n // content: \"\\00a0\";\n // }\n}\n\n:focus-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\na,\nbutton,\ninput,\ntextarea,\nselect,\nsummary {\n &:active {\n @include a11y.focus-outline-without-offset;\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-without-offset {\n @include colour.colour-outline(\n \"focus-outline\",\n a11y.$focus-outline-width,\n solid\n );\n}\n\n@mixin focus-outline {\n @include focus-outline-without-offset;\n outline-offset: a11y.$focus-outline-offset;\n}\n\n@mixin active-outline {\n outline-offset: 0;\n}\n\n@mixin no-focus-outline-on-click {\n .tna-template--clicked &:focus {\n outline: none;\n }\n}\n","$focus-outline-width: 5px !default;\n$focus-outline-offset: 2px !default;\n$focus-outline-padding: $focus-outline-width + $focus-outline-offset;\n","@keyframes image-loader-background {\n 0%,\n 100% {\n background-position: 0 50%;\n }\n\n 50% {\n background-position: 100% 50%;\n }\n}\n","@use \"../tools/colour\";\n@use \"../tools/media\";\n@use \"../tools/spacing\";\n\n.tna-section {\n padding-top: spacing.space(3);\n padding-bottom: spacing.space(3);\n}\n\n.tna-aside {\n @include spacing.space-above;\n padding: spacing.space(2);\n\n @include colour.on-high-contrast-and-forced-colours {\n @include colour.colour-border(\"keyline-dark\", 1px);\n }\n\n &--tight {\n padding: spacing.space(1);\n }\n}\n\n@include media.on-mobile {\n .tna-section {\n padding-top: spacing.space(2);\n padding-bottom: spacing.space(2);\n }\n\n .tna-aside {\n padding: spacing.space(1);\n }\n}\n","@use \"../../tools/colour\";\n\n.tna-template {\n @include colour.always-light;\n\n @include colour.colour-background(\"background\");\n\n &--system-theme {\n @media (prefers-color-scheme: dark) {\n @include colour.colour-css-vars-dark;\n }\n\n @media (prefers-contrast: more) and (prefers-color-scheme: dark) {\n @include colour.colour-css-vars-high-contrast-dark;\n }\n }\n\n &--dark-theme {\n @include colour.colour-css-vars-dark;\n\n @media (prefers-contrast: more) {\n @include colour.colour-css-vars-high-contrast-dark;\n }\n }\n\n &--black-accent {\n @include colour.black-accent;\n }\n\n &--pink-accent {\n @include colour.pink-accent;\n }\n\n &--orange-accent {\n @include colour.orange-accent;\n }\n\n &--yellow-accent {\n @include colour.yellow-accent;\n }\n\n &--green-accent {\n @include colour.green-accent;\n }\n\n &--blue-accent {\n @include colour.blue-accent;\n }\n}\n\n.tna-background {\n &-tint {\n @include colour.tint;\n }\n\n &-contrast {\n @include colour.contrast;\n }\n\n &-accent {\n @include colour.accent;\n }\n\n &-accent-light {\n @include colour.accent-light;\n }\n}\n\n.tna-border {\n &-keyline {\n @include colour.colour-border(\"keyline\", 1px);\n }\n\n &-keyline-dark {\n @include colour.colour-border(\"keyline-dark\", 1px);\n }\n}\n\n.tna-accent {\n &-black {\n @include colour.black-accent;\n }\n\n &-pink {\n @include colour.pink-accent;\n }\n\n &-orange {\n @include colour.orange-accent;\n }\n\n &-yellow {\n @include colour.yellow-accent;\n }\n\n &-green {\n @include colour.green-accent;\n }\n\n &-blue {\n @include colour.blue-accent;\n }\n}\n","@use \"../tools/media\";\n@use \"../tools/grid\";\n\n.tna-columns {\n column-gap: grid.gutter-width();\n\n &--2 {\n column-count: 2;\n }\n\n &--3 {\n column-count: 3;\n }\n\n @include media.on-tiny {\n column-gap: grid.gutter-width-tiny();\n }\n\n @include media.on-small {\n @for $i from 1 through 4 {\n &--#{$i}-small {\n column-count: $i;\n }\n }\n }\n\n @include media.on-tiny {\n @for $i from 1 through 4 {\n &--#{$i}-tiny {\n column-count: $i;\n }\n }\n }\n\n &__block {\n break-inside: avoid;\n }\n\n &:has(&__block:only-of-type) {\n column-count: 1;\n }\n}\n","@use \"sass:math\";\n@use \"sass:selector\";\n@use \"../../variables/typography\" as typographyVars;\n@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-template {\n @include colour.colour-font(\"font-base\");\n @include typography.main-font;\n direction: ltr;\n text-rendering: optimizeLegibility;\n -webkit-text-size-adjust: none;\n text-size-adjust: none;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n}\n\n.tna-template__body {\n color: inherit;\n @include typography.font-size(typographyVars.$body-font-size-px);\n line-height: typographyVars.$body-line-height;\n\n @include media.on-mobile {\n @include typography.font-size(typographyVars.$body-font-size-px-mobile);\n }\n}\n\nstrong {\n @include typography.main-font-weight-bold;\n}\n\np {\n @include spacing.space-above;\n\n + p {\n margin-top: spacing.space(1);\n }\n}\n\na {\n text-decoration-thickness: 1.5px;\n\n border-radius: 0.1px;\n\n &,\n &:link {\n @include colour.colour-font(\"link\");\n }\n\n &:visited {\n @include colour.colour-font(\"link-visited\");\n }\n\n &:hover,\n &:focus-visible,\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 &:focus-visible {\n @include typography.interacted-text-decoration;\n\n .fa-solid {\n color: inherit;\n }\n }\n }\n\n .fa-solid {\n @include colour.colour-font(\"icon-light\");\n\n @include colour.on-high-contrast {\n @include colour.colour-font(\"icon\");\n }\n }\n}\n\n%chip-plain {\n padding: 0;\n\n background-color: transparent;\n\n border: none;\n\n @at-root #{selector.unify(\"a\", &)} {\n .fa-solid {\n color: inherit;\n }\n }\n}\n\n%chip-accent {\n @include colour.accent;\n\n @include colour.colour-border(\"accent-background\", 2px);\n\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n\n .tna-background-accent &,\n .tna-template--dark-theme .tna-background-accent-light & {\n @include colour.colour-font(\"contrast-font-base\");\n\n @include colour.colour-background(\"contrast-background\");\n\n @include colour.colour-border(\"contrast-background\");\n\n .fa-solid {\n @include colour.colour-font(\"contrast-icon-light\");\n }\n }\n\n .tna-template--system-theme .tna-background-accent-light & {\n @media (prefers-color-scheme: dark) {\n @include colour.colour-font(\"contrast-font-base\");\n\n @include colour.colour-background(\"contrast-background\");\n\n @include colour.colour-border(\"contrast-background\");\n\n .fa-solid {\n @include colour.colour-font(\"contrast-icon-light\");\n }\n }\n }\n}\n\n.tna-chip {\n @extend %chip;\n\n &--plain {\n @extend %chip-plain;\n }\n\n &--black {\n @include colour.black-accent;\n }\n\n &--pink {\n @include colour.pink-accent;\n }\n\n &--orange {\n @include colour.orange-accent;\n }\n\n &--yellow {\n @include colour.yellow-accent;\n }\n\n &--green {\n @include colour.green-accent;\n }\n\n &--blue {\n @include colour.blue-accent;\n }\n\n &:not(&--plain) {\n @extend %chip-accent;\n }\n}\n\n.tna-chip-list {\n @include spacing.space-above;\n\n display: flex;\n flex-wrap: wrap;\n gap: spacing.space(0.5) spacing.space(1.5);\n\n list-style: none;\n\n &__item {\n display: flex;\n align-items: center;\n }\n}\n\n%heading {\n @include colour.colour-font(\"font-dark\");\n text-wrap: pretty;\n\n a {\n display: inline-block;\n\n vertical-align: top;\n\n &::after {\n content: \"\";\n\n width: 0.3125em;\n height: 0.3125em;\n margin-bottom: 0.1em;\n margin-left: 0.375em;\n\n display: inline-block;\n\n vertical-align: middle;\n\n transform: rotate(45deg);\n\n @include colour.colour-border(\"link\", 0.125em, solid, top);\n @include colour.colour-border(\"link\", 0.125em, solid, right);\n }\n\n &:not(.tna-link--no-visited-state):visited {\n &::after {\n @include colour.colour-border(\"link-visited\");\n }\n }\n }\n\n strong {\n font-weight: inherit;\n }\n}\n\n%heading-xl {\n @extend %heading;\n\n @include typography.heading-font;\n @include typography.heading-generator(\n typographyVars.$heading-xl-font-size-default,\n typographyVars.$heading-xl-font-size-medium,\n typographyVars.$heading-xl-font-size-small,\n typographyVars.$heading-xl-font-size-tiny,\n typographyVars.$heading-xl-line-height\n );\n}\n\n%heading-l {\n @extend %heading;\n\n @include typography.heading-font;\n @include typography.heading-generator(\n typographyVars.$heading-l-font-size-default,\n typographyVars.$heading-l-font-size-medium,\n typographyVars.$heading-l-font-size-small,\n typographyVars.$heading-l-font-size-tiny,\n typographyVars.$heading-l-line-height\n );\n\n a {\n &::after {\n width: 0.275em;\n height: 0.275em;\n margin-bottom: 0;\n margin-left: 0.25em;\n\n border-top-width: 0.1em;\n border-right-width: 0.1em;\n }\n }\n}\n\n%heading-m {\n @extend %heading;\n\n @include typography.main-font-weight-bold;\n @include typography.heading-generator(\n typographyVars.$heading-m-font-size-default,\n typographyVars.$heading-m-font-size-medium,\n typographyVars.$heading-m-font-size-small,\n typographyVars.$heading-m-font-size-tiny,\n typographyVars.$heading-m-line-height\n );\n}\n\n%heading-s {\n @extend %heading;\n\n @include typography.main-font-weight-bold;\n @include typography.heading-generator(\n typographyVars.$heading-s-font-size-default,\n typographyVars.$heading-s-font-size-medium,\n typographyVars.$heading-s-font-size-small,\n typographyVars.$heading-s-font-size-tiny,\n typographyVars.$heading-s-line-height\n );\n}\n\n%headings-and-heading-groups {\n @include spacing.space-above;\n margin-bottom: 0;\n padding: spacing.space(1) 0 0;\n\n &:first-child {\n padding-top: 0;\n }\n\n + p,\n + .tna-large-paragraph {\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 &:focus-visible {\n @include typography.interacted-text-decoration;\n }\n }\n}\n\naddress {\n line-height: 1.375;\n font-style: inherit;\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 align-self: stretch;\n flex: 1;\n\n border: none;\n }\n\n &__group,\n &__fieldset {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: spacing.space(0.5);\n }\n\n &__group--inline,\n &__group--inline &__fieldset {\n flex-direction: row;\n align-items: flex-start;\n\n @include media.on-mobile {\n flex-direction: column;\n }\n }\n\n &__group-contents {\n flex: 0 0 39%;\n }\n\n &__legend {\n margin-bottom: spacing.space(0.5);\n }\n\n &__heading {\n margin: 0;\n\n @extend %heading;\n\n &--xl {\n @extend %heading-xl;\n }\n\n &--l {\n @extend %heading-l;\n }\n\n &--m {\n @extend %heading-m;\n }\n\n &--s {\n @extend %heading-s;\n }\n\n &--xs {\n font-size: 1em;\n @include typography.main-font;\n }\n }\n\n &__label {\n }\n\n &__hint {\n margin-top: 0;\n\n @include typography.font-size(16);\n @include colour.colour-font(\"font-light\");\n }\n\n &__error-message {\n margin-top: 0;\n\n @include colour.colour-font(\"form-error-text\");\n @include typography.main-font-weight-bold;\n }\n}\n",".tna-template {\n /\n * ------------------------------------------\n * A minimum page width of 320px is needed in\n * order to meet the WCAG AA success criteria\n * for 1.4.10 (Reflow)\n * https://www.w3.org/WAI/WCAG21/Understanding/reflow.html\n * ------------------------------------------\n /\n min-width: 320px;\n width: 100%;\n height: 100%;\n\n /\n * ------------------------------------------\n * Support ended with iOS 13 released on 19th\n * September 2019. Deprecate in the future if\n * iOS <13 share drops low enough.\n * https://caniuse.com/mdn-css_properties_-webkit-overflow-scrolling\n * ------------------------------------------\n /\n -webkit-overflow-scrolling: touch;\n}\n\n.tna-template__body {\n min-height: 100%;\n margin: 0;\n padding: 0;\n\n &:has(:is(.tna-global-header, .tna-header)):has(.tna-main):has(.tna-footer) {\n display: flex;\n flex-direction: column;\n }\n}\n\n.tna-main {\n flex: 1;\n}\n","@use \"sass:math\";\n@use \"sass:selector\";\n@use \"../../variables/grid\" as gridVars;\n@use \"../../tools/grid\";\n@use \"../../tools/media\";\n\n.tna-container {\n width: 100%;\n max-width: gridVars.$largest-container-width;\n margin-right: auto;\n margin-left: auto;\n padding-right: grid.gutter-width-half();\n padding-left: grid.gutter-width-half();\n\n display: flex;\n flex-wrap: wrap;\n align-items: stretch;\n justify-content: flex-start;\n\n box-sizing: border-box;\n\n & &--no-padding {\n max-width: gridVars.$largest-container-width - grid.gutter-width-double();\n padding-right: 0;\n padding-left: 0;\n }\n\n &--max {\n max-width: none;\n }\n\n &--centred,\n &--align-centre {\n justify-content: center;\n }\n\n &--align-right {\n justify-content: flex-end;\n }\n\n & &--nested {\n width: auto;\n margin-right: -#{grid.gutter-width()};\n margin-left: -#{grid.gutter-width()};\n }\n\n @at-root #{selector.unify(\"ul\", &)} {\n list-style: none;\n }\n}\n\n.tna-column {\n padding-right: grid.gutter-width-half();\n padding-left: grid.gutter-width-half();\n\n box-sizing: border-box;\n\n & &--no-padding {\n padding-right: 0;\n padding-left: 0;\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-small {\n @include grid.columns-generator(gridVars.$column-count-small, \"small\");\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 & &--nested {\n width: auto;\n margin-right: -#{grid.gutter-width-tiny()};\n margin-left: -#{grid.gutter-width-tiny()};\n }\n }\n\n .tna-column {\n padding-right: grid.gutter-width-tiny-half();\n padding-left: grid.gutter-width-tiny-half();\n }\n\n @include grid.columns-generator(gridVars.$column-count-tiny, \"tiny\");\n}\n","$largest-container-width: 1280px !default;\n\n$gutter-width: 2 !default;\n$gutter-width-tiny: 1 !default;\n\n$column-count: 12;\n$column-count-medium: 6;\n$column-count-small: 4;\n$column-count-tiny: 2;\n","@use \"sass:math\";\n@use \"../variables/grid\";\n@use \"spacing\";\n\n@function gutter-width() {\n @return spacing.space(grid.$gutter-width);\n}\n\n@function gutter-width-half() {\n @return spacing.space(math.div(grid.$gutter-width, 2));\n}\n\n@function gutter-width-double() {\n @return spacing.space(grid.$gutter-width 2);\n}\n\n@function gutter-width-tiny() {\n @return spacing.space(grid.$gutter-width-tiny);\n}\n\n@function gutter-width-tiny-half() {\n @return spacing.space(math.div(grid.$gutter-width-tiny, 2));\n}\n\n@function gutter-width-tiny-double() {\n @return spacing.space(grid.$gutter-width-tiny * 2);\n}\n\n@mixin columns-generator($count, $suffix: \"\") {\n @if $suffix != \"\" {\n $suffix: \"-\" + $suffix;\n }\n\n .tna-column {\n &--full#{$suffix} {\n width: 100%;\n flex: none;\n }\n\n @for $i from 1 through $count - 1 {\n $simplest-fraction-found: false;\n\n @for $j from math.div($count, 2) through 1 {\n @if (\n $count % $j == 0 and $i % $j == 0 and $simplest-fraction-found != true\n ) {\n &--width-#{math.div($i, $j)}-#{math.div($count, $j)}#{$suffix} {\n width: math.div(100%, $count) * $i;\n flex: none;\n }\n\n &--margin-right-#{math.div($i, $j)}-#{math.div($count, $j)}#{$suffix} {\n margin-right: math.div(100%, $count) * $i;\n }\n\n &--margin-left-#{math.div($i, $j)}-#{math.div($count, $j)}#{$suffix} {\n margin-left: math.div(100%, $count) * $i;\n }\n\n $simplest-fraction-found: true;\n }\n }\n\n @if $simplest-fraction-found != true {\n &--width-#{$i}-#{$count}#{$suffix} {\n width: math.div(100%, $count) * $i;\n flex: none;\n }\n\n &--margin-right-#{$i}-#{$count}#{$suffix} {\n margin-right: math.div(100%, $count) * $i;\n }\n\n &--margin-left-#{$i}-#{$count}#{$suffix} {\n margin-left: math.div(100%, $count) * $i;\n }\n }\n }\n\n @if $suffix != \"\" {\n &--no-margin-right#{$suffix} {\n margin-right: 0;\n }\n\n &--no-margin-left#{$suffix} {\n margin-left: 0;\n }\n }\n\n @for $i from 1 through 3 {\n &--flex-#{$i}#{$suffix} {\n width: auto;\n\n flex: $i 0;\n }\n }\n\n @for $i from 1 through 4 {\n &--order-#{$i}#{$suffix} {\n order: $i;\n }\n }\n }\n}\n","@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n@use \"../../utilities/typography\" as typographyUtils;\n\nul,\nol {\n margin: 0;\n padding: 0;\n}\n\n.tna-ul {\n list-style-type: disc;\n}\n\n.tna-ul,\n.tna-ol {\n margin-top: spacing.space(1);\n padding-left: spacing.space(2);\n\n &:first-child {\n margin-top: 0;\n }\n\n &--plain {\n padding-left: 0;\n }\n\n &--plain,\n &--no-list-style {\n list-style: none;\n }\n\n & > li > & {\n margin-top: 0;\n padding-left: spacing.space(1.25);\n }\n\n > li {\n &::marker {\n @include colour.colour-font(\"accent-list-marker\");\n @include typography.main-font-weight-bold;\n }\n }\n\n &--spaced > li + li {\n margin-top: spacing.space(0.5);\n }\n\n &--spaced > li > & {\n margin-top: spacing.space(1);\n margin-bottom: spacing.space(1);\n }\n\n &--dashed {\n > li::marker {\n content: \"— \";\n @include colour.colour-font(\"font-light\");\n @include typography.main-font-weight;\n }\n }\n}\n\n.tna-dl-chips {\n @include spacing.space-above(true);\n\n display: flex;\n flex-wrap: wrap;\n gap: spacing.space(0.75) spacing.space(1.5);\n\n @extend %chip-plain;\n\n dt {\n position: absolute;\n\n font-size: 0;\n }\n\n &__item {\n @extend %chip;\n }\n\n a#{&}__item {\n cursor: pointer;\n }\n\n &:not(&--plain) {\n gap: spacing.space(0.5) spacing.space(1);\n }\n\n &--plain &__item {\n @extend %chip-plain;\n }\n\n &:not(&--plain) &__item {\n @extend %chip-accent;\n }\n\n &--plain a#{&}__item {\n @include colour.colour-font(\"link\");\n }\n}\n\n@mixin stacked-dl {\n dt,\n dd {\n width: 100%;\n margin-left: 0;\n }\n\n dd {\n padding-left: spacing.space(1);\n }\n\n &.tna-dl--plain {\n dt {\n padding-top: 0;\n padding-bottom: 0;\n\n .fa-solid {\n margin-top: 0;\n }\n }\n\n dd {\n margin-left: 0;\n padding-top: 0;\n }\n }\n\n &:not(.tna-dl--plain) {\n dt {\n @include colour.colour-background(\"background-tint\");\n\n @include colour.colour-font(\"font-base\");\n }\n\n dd {\n margin-left: 0;\n\n background: transparent !important;\n }\n }\n}\n\n.tna-dl {\n @include spacing.space-above(true);\n\n display: flex;\n flex-wrap: wrap;\n\n &:first-child {\n margin-top: 0;\n }\n\n dt,\n dd {\n margin: 0;\n padding: spacing.space(0.5) spacing.space(1);\n\n box-sizing: border-box;\n\n position: relative;\n\n word-wrap: break-word;\n }\n\n &--plain {\n dt {\n padding-top: 0;\n padding-left: 0;\n }\n\n dd {\n padding-top: 0;\n padding-right: 0;\n }\n }\n\n &--plain#{&}--spaced {\n dt,\n dd {\n padding-bottom: spacing.space(1.25);\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: spacing.space(0.5);\n left: spacing.space(1);\n\n line-height: inherit;\n text-align: left;\n\n @include colour.colour-font(\"icon-light\");\n }\n }\n }\n\n &--icon-padding#{&}--plain {\n dt {\n padding-left: spacing.space(2) !important;\n\n .fa-solid {\n top: 0;\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\nli,\ndd {\n p {\n margin-top: spacing.space(0.25);\n\n &:first-child {\n margin-top: 0;\n }\n }\n}\n","@use \"sass:map\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n\n@mixin hide-on($suffix) {\n .tna-\\!--hide-on-#{$suffix} {\n display: none !important;\n }\n}\n\n@include spacing.no-spacing-generator;\n@include spacing.spacing-generator;\n\n@include media.on-large {\n @include spacing.no-spacing-generator(\"large\");\n @include hide-on(\"large\");\n}\n\n@include media.on-medium {\n @include spacing.no-spacing-generator(\"medium\");\n @include hide-on(\"medium\");\n}\n\n@include media.on-small {\n @include spacing.no-spacing-generator(\"small\");\n @include hide-on(\"small\");\n}\n\n@include media.on-tiny {\n @include spacing.no-spacing-generator(\"tiny\");\n @include hide-on(\"tiny\");\n}\n\n.tna-\\!--hide-on-print {\n @media print {\n display: none;\n }\n}\n","@use \"../tools/colour\";\n\n* {\n margin: 0;\n padding: 0;\n\n @media (prefers-reduced-motion) {\n animation: none !important;\n transition: none !important;\n }\n\n @media (prefers-contrast: more) {\n background-image: none;\n }\n}\n\nimg,\nsvg,\npicture,\nvideo,\ncanvas {\n max-width: 100%;\n height: auto;\n\n display: block;\n}\n\nbutton,\ninput,\nselect,\ntextarea {\n font-family: inherit;\n font-size: inherit;\n}\n\n[hidden] {\n display: none !important;\n}\n\nhr {\n @include colour.colour-border(\"keyline\", 0, solid);\n border-top-width: 1px;\n\n &.tna-hr-dark {\n @include colour.colour-border(\"keyline-dark\");\n }\n}\n","@use \"sass:math\";\n@use \"sass:selector\";\n@use \"../../tools/a11y\";\n@use \"../../tools/colour\";\n@use \"../../tools/grid\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-table {\n max-width: 100%;\n\n text-align: left;\n\n border-collapse: collapse;\n\n &--full {\n width: 100%;\n }\n\n &__caption {\n padding: spacing.space(1) 0 0;\n\n caption-side: bottom;\n\n @include typography.font-size(16);\n\n &--scroll {\n min-width: calc(320px - #{grid.gutter-width()});\n max-width: calc(100vw - #{grid.gutter-width()});\n\n &::after {\n content: \" (scroll to see more)\";\n }\n }\n }\n\n &__head {\n vertical-align: bottom;\n }\n\n &__body {\n vertical-align: top;\n }\n\n &__foot {\n @include typography.main-font-weight-bold;\n vertical-align: top;\n }\n\n &__row {\n }\n\n &__header {\n }\n\n &__cell {\n }\n\n &__header,\n &__cell {\n padding: spacing.space(0.25) spacing.space(1);\n\n @include colour.colour-border(\"keyline\", 1px, solid, bottom);\n\n &:first-child {\n padding-left: 0;\n }\n\n &:last-child {\n padding-right: 0;\n }\n\n &--numeric {\n text-align: right;\n }\n }\n\n &__head &__header {\n @include colour.thick-keyline-dark(bottom);\n }\n\n &__foot &__header,\n &__foot &__cell {\n @include colour.thick-keyline-dark(top);\n }\n\n p {\n + p {\n margin-top: spacing.space(0.25);\n }\n }\n}\n\n.tna-table-wrapper {\n width: 100%;\n padding-right: grid.gutter-width();\n padding-left: grid.gutter-width();\n\n overflow: auto;\n\n position: relative;\n left: -#{grid.gutter-width()};\n\n &[tabindex=\"0\"] {\n border-radius: 0.1px;\n\n // &:active {\n // @include a11y.focus-outline;\n // }\n }\n\n @include media.on-tiny {\n padding-right: grid.gutter-width-tiny();\n padding-left: grid.gutter-width-tiny();\n\n left: -#{grid.gutter-width-tiny()};\n }\n}\n\n.tna-table,\n.tna-table-wrapper {\n @include spacing.space-above;\n margin-bottom: spacing.space(4);\n\n &:last-child {\n margin-bottom: 0;\n }\n}\n","@use \"sass:math\";\n@use \"../../tools/colour\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-accordion {\n @include spacing.space-above;\n\n // NON INTERACTIVE\n &__item {\n @include spacing.space-above;\n }\n\n &__heading {\n padding-top: spacing.space(1);\n }\n\n &__body {\n padding-top: spacing.space(1);\n }\n\n // INTERACTIVE\n &__details {\n @include colour.colour-border(\"keyline\", 1px, solid, bottom);\n\n position: relative;\n z-index: 1;\n\n &:first-child {\n @include colour.colour-border(\"keyline\", 1px, solid, top);\n // @include colour.thick-keyline-dark(top);\n // @include colour.thick-keyline-accent(top);\n }\n }\n\n &__details:has(&__summary:focus),\n &__details:has(&__content:focus) {\n z-index: 2;\n }\n\n &__summary {\n width: 100%;\n margin: 0;\n padding: spacing.space(0.5) spacing.space(3) spacing.space(0.5)\n spacing.space(1);\n\n display: block;\n\n position: relative;\n\n line-height: inherit;\n text-align: left;\n\n list-style: none;\n\n background: transparent;\n\n border: none;\n border-radius: 0.1px;\n\n cursor: pointer;\n\n @include colour.colour-font(\"font-dark\");\n @include typography.font-size(18);\n @include typography.main-font(true);\n\n * {\n font-size: inherit;\n }\n\n &::before {\n content: \"\";\n\n width: 0;\n height: 0;\n\n position: absolute;\n top: calc(50% - #{math.div(math.sqrt(3), 4)}rem);\n right: 0.75rem;\n\n border-width: #{math.div(math.sqrt(3), 2)}rem 0.5rem 0 0.5rem;\n border-color: colour.colour-var(\"font-light\") transparent;\n border-style: solid;\n }\n\n &:hover,\n &:focus-visible {\n @include typography.interacted-text-decoration;\n @include colour.colour-background(\"background-tint\");\n\n &::before {\n border-color: colour.colour-var(\"font-dark\") transparent;\n }\n }\n\n &[aria-expanded=\"true\"] {\n &::before {\n border-width: 0 0.5rem #{math.div(math.sqrt(3), 2)}rem 0.5rem;\n }\n }\n\n &:active {\n z-index: 1;\n }\n }\n\n &__content {\n padding: spacing.space(1);\n\n position: relative;\n\n border-radius: 0.1px;\n\n // &:focus {\n // z-index: 2;\n\n // @include a11y.no-focus-outline-on-click;\n // }\n\n &:has(.tna-table-wrapper):has(.tna-table) {\n padding-right: 0;\n padding-left: 0;\n }\n\n .tna-table-wrapper {\n padding-right: 0;\n padding-left: 0;\n\n left: 0;\n }\n\n .tna-table {\n width: calc(100% - #{spacing.space(2)});\n margin-right: spacing.space(1);\n margin-left: spacing.space(1);\n\n &__caption {\n padding-top: 0;\n padding-bottom: spacing.space(1);\n\n font-size: inherit;\n line-height: inherit;\n text-align: left;\n caption-side: top;\n }\n }\n }\n\n @include colour.on-forced-colours {\n &__summary {\n &::before {\n content: \"\\2193\";\n\n width: auto;\n height: auto;\n\n top: calc(50% - 0.5rem);\n\n line-height: 1rem;\n\n border: none;\n }\n\n &[aria-expanded=\"true\"] {\n &::before {\n content: \"\\2191\";\n\n border: none;\n }\n }\n }\n }\n}\n","@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-breadcrumbs {\n &__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 &:focus-visible {\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 line-height: inherit;\n\n background-color: transparent;\n\n border: none;\n\n cursor: pointer;\n\n &:hover,\n &:focus-visible {\n color: inherit;\n @include typography.interacted-text-decoration;\n\n background-color: transparent;\n }\n }\n\n @include media.on-mobile {\n &--collapsed &__item:not(:first-child, &__item--expandable, :last-child) {\n display: none;\n }\n }\n\n @include colour.on-high-contrast {\n &__link {\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"link\");\n }\n }\n }\n}\n","@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n\n.tna-button-group {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: spacing.space(1);\n\n @include spacing.space-above;\n\n @include media.on-tiny {\n flex-direction: column;\n align-items: stretch;\n }\n\n &--small {\n gap: spacing.space(0.5);\n }\n}\n","@use \"sass:math\";\n@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n@use \"button-group\";\n\n$button-border-width: 4px !default;\n\n.tna-button {\n padding: spacing.space(0.25) spacing.space(1);\n\n display: inline-flex;\n align-items: baseline;\n justify-content: center;\n gap: spacing.space(0.75);\n\n line-height: 2rem;\n text-align: center;\n text-decoration: none;\n text-wrap: balance;\n\n cursor: pointer;\n\n @include typography.font-size(18);\n @include typography.main-font-weight-bold;\n\n @include colour.colour-background(\"button-background\");\n\n @include colour.colour-border(\"button-background\", $button-border-width);\n\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"button-text\");\n }\n\n &:hover,\n &:focus {\n @include colour.colour-font(\"button-hover-text\");\n text-decoration: none;\n\n background: transparent;\n }\n\n .fa-solid {\n display: block;\n\n font-size: 0.9em;\n line-height: #{math.div(16, 18) * 2};\n }\n\n svg {\n height: 0.9em;\n flex-shrink: 0;\n\n align-self: center;\n\n fill: currentColor;\n }\n\n &--plain {\n @include typography.main-font-weight;\n\n background-color: transparent;\n\n border-color: transparent;\n\n &,\n &:link,\n &:visited,\n &:hover,\n &:focus {\n @include colour.colour-font(\"link\");\n }\n\n &:hover,\n &:focus {\n @include typography.interacted-text-decoration;\n }\n }\n\n &--accent {\n @include colour.colour-background(\"button-accented-background\");\n\n @include colour.colour-border(\"button-accented-background\");\n\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"button-accented-text\");\n }\n\n &:hover,\n &:focus {\n @include colour.colour-font(\"font-dark\");\n }\n }\n\n &--icon-right {\n flex-direction: row-reverse;\n }\n\n &--small,\n &-group--small & {\n padding: 0 spacing.space(0.5);\n\n @include typography.font-size(14);\n line-height: 1.5rem;\n }\n\n @mixin icon-only {\n padding-right: 0;\n padding-left: 0;\n\n gap: 0;\n\n font-size: 0 !important;\n line-height: 0 !important;\n\n .fa-solid {\n width: 2.5rem;\n\n @include typography.font-size(18);\n }\n\n svg {\n height: 1.5rem;\n margin: 0.5rem;\n }\n }\n\n @mixin icon-only-small {\n padding-right: 0;\n padding-left: 0;\n\n .fa-solid {\n width: 2rem;\n\n @include typography.font-size(18 * 0.9);\n line-height: 2rem;\n }\n\n svg {\n height: 1rem;\n margin: 0.5rem;\n }\n }\n\n &--icon-only {\n @include icon-only;\n }\n\n &--small#{&}--icon-only,\n &-group--small &--icon-only {\n @include icon-only-small;\n }\n\n @include media.on-mobile {\n &--icon-only-mobile {\n @include icon-only;\n }\n\n &--small#{&}--icon-only-mobile,\n &-group--small &--icon-only-mobile {\n @include icon-only-small;\n }\n }\n\n &--solid-hover {\n &:not(.tna-button--plain):hover,\n &:not(.tna-button--plain):focus {\n @include colour.colour-font(\"font-dark\");\n\n @include colour.colour-background(\"background\");\n }\n }\n\n .tna-background-accent &,\n .tna-template--dark-theme .tna-background-accent-light & {\n &:hover,\n &:focus {\n @include colour.colour-font(\"font-dark\");\n }\n }\n\n .tna-background-accent &--accent,\n .tna-template--dark-theme .tna-background-accent-light &--accent {\n @include colour.colour-background(\"contrast-button-background\");\n\n @include colour.colour-border(\"contrast-button-background\");\n\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"contrast-button-text\");\n }\n\n &:hover,\n &:focus {\n @include colour.colour-font(\"contrast-font-dark\");\n\n @include colour.colour-background(\"contrast-background\");\n }\n }\n\n @media (prefers-color-scheme: dark) {\n .tna-template--system-theme .tna-background-accent-light & {\n &:hover,\n &:focus {\n @include colour.colour-font(\"font-dark\");\n }\n }\n\n .tna-template--system-theme .tna-background-accent-light &--accent {\n @include colour.colour-background(\"contrast-button-background\");\n\n @include colour.colour-border(\"contrast-button-background\");\n\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"contrast-button-text\");\n }\n\n &:hover,\n &:focus {\n @include colour.colour-font(\"contrast-font-dark\");\n\n @include colour.colour-background(\"contrast-background\");\n }\n }\n }\n\n @include colour.on-forced-colours {\n &:hover,\n &:focus {\n @include typography.interacted-text-decoration;\n }\n }\n}\n","@use \"sass:math\";\n@use \"../../variables/a11y\" as a11yVariables;\n@use \"../../variables/borders\";\n@use \"../../tools/a11y\";\n@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n@mixin horizontal-card-layout($modifierClass, $innerPaddingAmount) {\n &#{$modifierClass} {\n padding-bottom: 0;\n\n display: grid;\n grid-template: min-content 1fr / 50% 50%;\n grid-template-areas:\n \"image header\"\n \"image body\";\n gap: 0;\n\n > * + * {\n margin-top: spacing.space(1);\n }\n\n > :first-child {\n padding-top: spacing.space($innerPaddingAmount);\n }\n\n > :last-child {\n padding-bottom: spacing.space($innerPaddingAmount);\n }\n }\n\n &#{$modifierClass}#{&}--flipped {\n grid-template-areas:\n \"header image\"\n \"body image\"\n \"footer image\";\n }\n\n &#{$modifierClass} &__heading,\n &#{$modifierClass} &__body {\n padding-right: spacing.space($innerPaddingAmount);\n padding-left: spacing.space($innerPaddingAmount);\n }\n\n &#{$modifierClass} &__heading {\n grid-area: header;\n }\n\n &#{$modifierClass} &__image-container {\n width: 100%;\n height: 100%;\n margin: 0;\n padding: 0;\n\n grid-area: image;\n }\n\n &#{$modifierClass} &__body {\n grid-area: body;\n }\n}\n\n.tna-card {\n @include spacing.space-above;\n\n display: flex;\n flex-direction: column;\n gap: spacing.space(1);\n\n position: relative;\n\n &:not(:has(&__image-container)) {\n padding-top: spacing.space(0.5);\n\n @include colour.thick-keyline-dark(top);\n }\n\n &__heading {\n order: 2;\n }\n\n &--full-click {\n border-radius: 0.1px;\n\n &:hover {\n @include colour.colour-outline(\"keyline\", 1px, solid);\n outline-offset: a11yVariables.$focus-outline-width - 1px;\n }\n\n &:focus,\n &:active {\n outline: none;\n }\n }\n\n &--full-click &__heading-link {\n &::before {\n content: \"\";\n\n position: absolute;\n inset: 0;\n z-index: 3;\n\n border-radius: 0.1px;\n }\n\n &:focus-visible,\n &:active {\n outline: none;\n\n &::before {\n @include a11y.focus-outline;\n }\n }\n\n &:active {\n &::before {\n @include a11y.active-outline;\n }\n }\n }\n\n &--full-click:not(:has(&__image-container)) &__heading-link {\n &::before {\n top: -#{borders.$thick-border-width};\n }\n }\n\n &__image-container {\n aspect-ratio: 3/2;\n\n order: 1;\n\n position: relative;\n\n @include colour.image-loader-background;\n }\n\n &__image {\n position: absolute;\n inset: 0;\n z-index: 1;\n\n img {\n width: 100%;\n height: 100%;\n\n object-fit: cover;\n }\n }\n\n &__image-label {\n position: absolute;\n top: spacing.space(0.5);\n left: spacing.space(0.5);\n z-index: 2;\n }\n\n &__body {\n order: 3;\n\n display: flex;\n flex-direction: column;\n\n gap: spacing.space(1);\n\n > * {\n margin-top: 0;\n }\n }\n\n &__actions {\n display: flex;\n gap: spacing.space(1) spacing.space(2);\n }\n\n &__action {\n @include typography.main-font-weight-bold;\n }\n\n &--padded {\n padding-bottom: spacing.space(1);\n }\n\n &--padded &__heading,\n &--padded &__body {\n padding-right: spacing.space(1);\n padding-left: spacing.space(1);\n }\n\n @include media.on-larger-than-mobile {\n @include horizontal-card-layout(\"--horizontal\", 2);\n\n &--horizontal#{&}--horizontal-small-image {\n grid-template-columns: min(10rem, 25%) 1fr;\n }\n\n &--horizontal#{&}--horizontal-small-image#{&}--flipped {\n grid-template-columns: 1fr min(10rem, 25%);\n }\n }\n\n @include media.on-small {\n @include horizontal-card-layout(\"--horizontal-on-small\", 1);\n\n &--horizontal-on-small#{&}--horizontal-small-image {\n grid-template-columns: min(10rem, 25%) 1fr;\n }\n\n &--horizontal-on-small#{&}--horizontal-small-image#{&}--flipped {\n grid-template-columns: 1fr min(10rem, 25%);\n }\n }\n\n @include colour.on-high-contrast {\n @include colour.colour-border(\"keyline-dark\", 1px);\n }\n}\n","@use \"../../tools/colour\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-compound-filters {\n @include spacing.space-above;\n\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: spacing.space(0.5) spacing.space(0.75);\n\n list-style: none;\n\n &__item {\n padding: 0 spacing.space(0.125) 0 spacing.space(0.75);\n\n display: flex;\n align-items: center;\n gap: spacing.space(0.5);\n\n line-height: 1.75;\n\n border-radius: 1rem;\n\n @include typography.font-size(16);\n\n @include colour.colour-border(\"keyline\", 1px);\n\n &--remove {\n padding-right: 0;\n padding-left: 0;\n\n background: none;\n\n border: none;\n border-radius: 0;\n }\n }\n\n &__link {\n width: 1.5rem;\n height: 1.5rem;\n\n position: relative;\n\n font-size: 0;\n line-height: 0;\n\n text-decoration: none;\n\n border-radius: 100%;\n\n &::before,\n &::after {\n content: \"\";\n\n height: 1rem;\n margin-left: -1px;\n\n display: block;\n\n position: absolute;\n top: 0.25rem;\n left: 50%;\n\n @include colour.colour-border(\"font-base\", 2px, solid, left);\n }\n\n &::before {\n transform: rotate(45deg);\n }\n\n &::after {\n transform: rotate(-45deg);\n }\n\n &:hover,\n &:focus-visible {\n @include colour.contrast;\n }\n }\n}\n","@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-cookie-banner {\n padding-top: spacing.space(2);\n padding-bottom: spacing.space(2);\n\n @include media.on-tiny {\n padding-top: 1rem;\n padding-bottom: 1rem;\n\n @include typography.font-size(16);\n }\n\n &__message {\n // &:focus {\n // outline: none !important;\n // }\n\n &--prompt {\n }\n\n &--accepted {\n }\n\n &--rejected {\n }\n }\n}\n","@use \"sass:math\";\n@use \"../../variables/borders\";\n@use \"../../tools/colour\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-details {\n margin-top: spacing.space(1);\n\n &:first-child {\n margin-top: 0;\n }\n\n &__details {\n }\n\n &__summary {\n width: fit-content;\n padding: spacing.space(0.5) spacing.space(1) spacing.space(0.5)\n spacing.space(2.75);\n\n display: 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 &:focus-visible {\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/a11y\";\n@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-files-list {\n @include spacing.space-above;\n padding: spacing.space(1);\n\n display: flex;\n align-items: flex-start;\n gap: spacing.space(1);\n\n @include colour.tint;\n\n &__icon {\n width: 2.5rem;\n margin-left: 0.25rem;\n\n @include colour.colour-fill(\"font-dark\");\n }\n\n &__items {\n margin: 0;\n padding: 0;\n\n display: flex;\n flex-direction: column;\n gap: spacing.space(1);\n flex: 1;\n\n list-style: none;\n\n @include colour.colour-border(\"keyline\", 0, solid);\n border-left-width: 1px;\n }\n\n &__item {\n padding: 0 0 0 spacing.space(1);\n\n position: relative;\n }\n\n &__link {\n }\n\n &--full-click {\n border-radius: 0.1px;\n }\n\n &--full-click &__link {\n &::before {\n content: \"\";\n\n position: absolute;\n inset: 0;\n z-index: 3;\n\n border-radius: 0.1px;\n }\n\n &:hover,\n &:focus-visible,\n &:active {\n &::before {\n @include colour.thick-keyline(left);\n }\n }\n\n &:focus-visible,\n &:active {\n outline: none;\n\n &::before {\n @include a11y.focus-outline;\n }\n }\n\n &:active {\n &::before {\n @include a11y.active-outline;\n }\n }\n }\n\n &__item-title {\n }\n\n &__item-body {\n padding-top: spacing.space(0.25);\n }\n\n &__item-meta {\n }\n\n &__item-description {\n margin-top: spacing.space(0.25);\n\n @include typography.font-size(16);\n }\n\n @include media.on-tiny {\n flex-direction: column;\n align-items: stretch;\n\n &__icon {\n width: 2rem;\n }\n\n &__items {\n border-left-width: 0;\n }\n\n &__item {\n padding-left: 0;\n }\n\n &--full-click &__items {\n border-left-width: 1px;\n }\n\n &--full-click &__item {\n padding-left: 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 &__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 &:focus-visible {\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 background-color: rgb(255 255 255 / 14%);\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 &:focus-visible {\n @include typography.interacted-text-decoration;\n }\n\n .fa-solid {\n margin-left: spacing.space(0.75);\n }\n }\n }\n }\n }\n\n &__legal {\n padding-top: spacing.space(3);\n\n @include typography.font-size(16);\n\n &-items {\n margin-bottom: 0;\n\n text-align: center;\n\n @include media.on-tiny {\n text-align: inherit;\n }\n }\n\n &-item {\n padding: spacing.space(0.5);\n\n display: inline-block;\n\n @include media.on-tiny {\n display: block;\n }\n\n &-link {\n }\n }\n }\n\n hr {\n margin-top: spacing.space(1.5);\n margin-bottom: spacing.space(0.5);\n }\n\n &__licence {\n @include typography.font-size(16);\n\n &.tna-container {\n align-items: center;\n }\n\n .tna-column {\n margin-top: spacing.space(1);\n }\n }\n\n &__licence-logo {\n display: block;\n }\n\n &__govuk {\n text-align: center;\n\n &-link {\n display: inline-block;\n }\n\n &-logotype-crown {\n margin: 0 auto spacing.space(0.125);\n\n display: block;\n }\n }\n\n @include media.on-mobile {\n &__inner {\n padding-top: 0;\n padding-bottom: spacing.space(2);\n }\n }\n\n @include colour.on-high-contrast {\n &__theme-selector {\n @include colour.colour-border(\"keyline\", 1px, solid, bottom);\n }\n }\n\n @include colour.on-high-contrast-and-forced-colours {\n @include colour.thick-keyline-dark(top);\n\n &__navigation {\n &-block {\n &-items {\n @include colour.thick-keyline-dark(top);\n }\n }\n }\n\n &__mailing-list {\n background-color: transparent;\n\n @include colour.colour-border(\"keyline-dark\", 1px);\n }\n }\n}\n","@use \"../../tools/a11y\";\n@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-gallery {\n @include spacing.space-above;\n\n display: grid;\n grid-template: min-content min-content 1fr / 2fr 1fr;\n gap: 0 spacing.space(1);\n\n @include colour.tint;\n\n border-radius: 0.1px;\n\n &__header {\n padding: spacing.space(1);\n\n grid-column: 1 / 3;\n grid-row: 1;\n\n display: flex;\n gap: spacing.space(2);\n }\n\n &__header-inner {\n flex: 1;\n }\n\n &__options {\n margin-top: 0;\n\n flex-direction: column;\n align-items: flex-end;\n justify-content: flex-start;\n\n .tna-button {\n white-space: nowrap;\n }\n }\n\n &__items,\n &__navigation-buttons {\n grid-column: 1 / 3;\n grid-row: 2;\n }\n\n &__items {\n position: relative;\n z-index: 1;\n\n border-radius: 0.1px;\n\n @include a11y.no-focus-outline-on-click;\n }\n\n &__item {\n display: flex;\n flex-direction: column;\n align-items: stretch;\n justify-content: center;\n }\n\n &__item-header {\n padding: spacing.space(1);\n\n line-height: 1;\n text-align: center;\n\n @include typography.main-font-weight-bold;\n @include typography.font-size(16);\n }\n\n &__item-figure {\n display: flex;\n flex-direction: column;\n align-items: stretch;\n gap: spacing.space(1);\n }\n\n &__item-figure-inner {\n width: 100%;\n\n position: relative;\n\n @include colour.contrast;\n }\n\n &__item-image {\n margin: 0 auto;\n }\n\n &__item-description {\n margin: 0 spacing.space(1) spacing.space(1);\n padding: spacing.space(0.5) spacing.space(1);\n\n align-self: flex-start;\n\n @include colour.thick-keyline-dark(left);\n }\n\n &__navigation-buttons {\n width: 100%;\n max-height: 50vh;\n aspect-ratio: 3 / 2;\n\n position: relative;\n top: 3rem;\n z-index: 2;\n\n pointer-events: none;\n\n .tna-template--touched & {\n display: none;\n }\n }\n\n &__navigation-button {\n width: 35%;\n\n display: flex;\n align-items: center;\n\n position: absolute;\n top: 0;\n bottom: 0;\n\n background: transparent;\n\n border: none;\n\n opacity: 0;\n\n cursor: pointer;\n pointer-events: auto;\n @include typography.main-font-weight-bold;\n\n &:hover,\n &:focus-visible {\n opacity: 1;\n }\n }\n\n &__navigation-prev {\n padding-left: 1rem;\n\n justify-content: flex-start;\n\n left: 0;\n }\n\n &__navigation-next {\n padding-right: 1rem;\n\n justify-content: flex-end;\n\n right: 0;\n }\n\n &__navigation-button-label {\n padding: 0.5rem 0.75rem;\n\n display: flex;\n align-items: center;\n gap: 0.5rem;\n\n @include colour.accent;\n }\n\n &__navigation-button-icon {\n content: \"\";\n\n width: 1rem;\n height: 1rem;\n\n display: block;\n flex: none;\n\n @include colour.colour-border(\"font-dark\", 4px, solid, top);\n @include colour.colour-border(\"font-dark\", 4px, solid, right);\n\n transform-origin: 50% 50%;\n }\n\n &__navigation-prev &__navigation-button-icon {\n transform: rotate(-135deg);\n }\n\n &__navigation-next &__navigation-button-icon {\n transform: rotate(45deg);\n }\n\n &__items--hide-item-titles &__item &__item-header,\n &__items--hide-items,\n &__items--hide-items + &__navigation-buttons {\n display: none;\n }\n\n &__navigation {\n max-height: 40rem;\n max-height: clamp(15rem, calc(100vh - #{spacing.space(2)}), 40rem);\n padding: spacing.space(1);\n\n grid-column: 1 / 3;\n grid-row: 3;\n\n display: grid;\n grid-template-columns: repeat(6, 1fr);\n grid-auto-rows: min-content;\n gap: spacing.space(1);\n\n overflow: auto;\n }\n\n &__navigation-item {\n min-width: 0;\n min-height: 0;\n aspect-ratio: 1;\n\n position: relative;\n\n border: none;\n\n cursor: pointer;\n\n @include colour.contrast;\n\n @include colour.image-loader-background;\n\n &:hover {\n &::after {\n content: \"\";\n\n position: absolute;\n inset: 0;\n z-index: 2;\n\n @include colour.thick-keyline-accent;\n }\n }\n\n &[aria-selected=\"true\"] {\n @include colour.accent;\n\n &::after {\n content: \"\";\n\n position: absolute;\n inset: 0;\n z-index: 2;\n\n @include colour.thick-keyline-brand(\"\", \"black\");\n }\n }\n }\n\n &__navigation-item-image {\n width: 100%;\n height: 100%;\n\n position: absolute;\n inset: 0;\n object-fit: cover;\n }\n\n &__navigation-item-label {\n padding: spacing.space(0.25) spacing.space(0.75);\n\n display: inline-block;\n\n position: absolute;\n top: 0;\n left: 0;\n z-index: 4;\n\n text-transform: capitalize;\n\n @include colour.colour-font(\"font-dark\");\n @include typography.font-size(24);\n @include typography.main-font-weight-bold;\n\n @include colour.colour-background(\"background\");\n }\n\n &--interactive &__item-figure-inner {\n max-height: 50vh;\n aspect-ratio: 3 / 2;\n }\n\n &--interactive &__item-image {\n width: 100%;\n height: 100%;\n\n position: absolute;\n inset: 0;\n z-index: 1;\n object-fit: contain;\n }\n\n @include media.on-medium {\n &__navigation {\n grid-template-columns: repeat(4, 1fr);\n }\n }\n\n @include media.on-mobile {\n &__options {\n flex-direction: row-reverse;\n align-items: flex-start;\n }\n\n &__navigation {\n grid-template-columns: repeat(3, 1fr);\n }\n }\n\n @include media.on-tiny {\n &__navigation-item-label {\n @include typography.font-size(18);\n }\n }\n\n &:fullscreen &__header-inner {\n display: none;\n }\n\n &:fullscreen &__options {\n flex: 1;\n\n flex-direction: row;\n align-items: flex-start;\n justify-content: flex-end;\n\n .tna-button[value=\"show-index\"] {\n display: none;\n }\n }\n\n &:fullscreen &__item-description {\n max-height: 4.5rem;\n\n overflow: auto;\n }\n\n &:fullscreen &__navigation {\n max-height: none;\n }\n\n @media (aspect-ratio >= 1/1) {\n &:fullscreen &__header {\n grid-column: 2 / 3;\n }\n\n &:fullscreen &__items,\n &:fullscreen &__navigation-buttons {\n grid-column: 1 / 2;\n grid-row: 1 / 4;\n }\n\n &:fullscreen &__item {\n height: 100%;\n }\n\n &:fullscreen &__item-figure {\n flex: 1;\n }\n\n &:fullscreen &__item-figure-inner,\n &:fullscreen &__navigation-buttons {\n max-height: none;\n flex: 1;\n\n aspect-ratio: auto;\n }\n\n &:fullscreen &__navigation {\n padding-top: 0;\n padding-left: 0;\n\n grid-column: 2 / 3;\n grid-row: 2 / 4;\n\n grid-template-columns: repeat(3, 1fr);\n gap: spacing.space(0.5);\n }\n }\n}\n","@use \"sass:math\";\n@use \"../../tools/colour\";\n@use \"../../tools/grid\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-global-header {\n padding-top: spacing.space(1);\n\n @include colour.contrast;\n background: linear-gradient(\n 0deg,\n rgb(34 34 34 / 100%) 0%,\n rgb(0 0 0 / 100%) 100%\n );\n\n @include colour.colour-font(\"font-base\");\n\n .tna-template--dark-theme & {\n background: colour.brand-colour(\"black\");\n }\n\n .tna-template--system-theme & {\n @media (prefers-color-scheme: dark) {\n background: colour.brand-colour(\"black\");\n }\n }\n\n &__main {\n padding-bottom: spacing.space(1.5);\n }\n\n &__logo-wrapper {\n margin-top: spacing.space(0.5);\n\n display: flex;\n }\n\n &__logo {\n display: flex;\n align-items: flex-end;\n gap: spacing.space(1);\n\n text-decoration: none;\n\n &--link {\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"font-base\");\n }\n\n &:hover,\n &:focus-visible {\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: inline-block;\n\n @include colour.colour-background(\"font-dark\");\n\n &::before,\n &::after {\n content: \"\";\n\n width: 2rem;\n height: 0.25rem;\n\n display: block;\n\n position: absolute;\n right: 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 display: flex;\n align-items: center;\n gap: 0.75rem;\n\n position: relative;\n\n color: inherit;\n\n background: none;\n\n border: 0 transparent solid;\n border-width: 0.25rem 0;\n\n cursor: pointer;\n @include typography.main-font-weight-bold;\n @include typography.font-size(16);\n\n &:hover,\n &:focus-visible {\n @include typography.interacted-text-decoration;\n }\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\", 1px, solid, bottom);\n\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"font-base\");\n }\n\n &:hover,\n &:focus-visible {\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 &:focus-visible {\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(0.5);\n padding-bottom: spacing.space(0.5);\n\n justify-content: flex-start;\n\n gap: spacing.space(1.5);\n }\n\n &__top-navigation-link {\n padding: spacing.space(0.25) 0;\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-button {\n @include typography.font-size(14);\n }\n\n &__navigation {\n width: calc(100% + #{grid.gutter-width-tiny-double()});\n\n left: -#{grid.gutter-width-tiny()};\n }\n\n &__navigation-item-link {\n padding: spacing.space(0.5) grid.gutter-width-tiny();\n }\n }\n\n @include colour.on-high-contrast-and-forced-colours {\n @include colour.colour-border(\"keyline\", 1px, solid, bottom);\n }\n\n @include colour.on-forced-colours {\n &__navigation-button {\n height: auto;\n\n line-height: 2;\n @include typography.font-size(18);\n @include typography.main-font-weight-bold;\n\n border: none;\n }\n\n &__hamburger {\n display: none;\n }\n }\n}\n","@use \"sass:math\";\n@use \"../../tools/colour\";\n@use \"../../tools/grid\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-header {\n @include colour.contrast;\n\n position: relative;\n\n background: linear-gradient(\n 0deg,\n rgb(34 34 34 / 100%) 0%,\n rgb(0 0 0 / 100%) 100%\n );\n\n .tna-template--dark-theme & {\n background: colour.brand-colour(\"black\");\n }\n\n .tna-template--system-theme & {\n @media (prefers-color-scheme: dark) {\n background: colour.brand-colour(\"black\");\n }\n }\n\n &__contents {\n &.tna-container {\n justify-content: space-between;\n }\n }\n\n &__logo {\n padding-top: spacing.space(1.25);\n padding-bottom: spacing.space(1.25);\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: 5rem;\n height: 5rem;\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: 1.625rem;\n @include typography.heading-font;\n @include typography.font-size(20);\n text-transform: uppercase;\n }\n\n &__navigation-button-wrapper {\n align-self: center;\n\n display: none;\n }\n\n &__hamburger {\n width: 2rem;\n height: 0.25rem;\n\n display: inline-block;\n\n @include colour.colour-background(\"font-dark\");\n\n &::before,\n &::after {\n content: \"\";\n\n width: 2rem;\n height: 0.25rem;\n\n display: block;\n\n position: absolute;\n right: 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: flex;\n align-items: center;\n gap: 0.75rem;\n\n position: relative;\n\n color: inherit;\n @include typography.main-font-weight-bold;\n @include typography.font-size(16);\n\n background: none;\n\n border: 0 transparent solid;\n border-width: 0.25rem 0;\n\n cursor: pointer;\n\n &:hover,\n &:focus-visible {\n @include typography.interacted-text-decoration;\n }\n\n &--opened {\n .tna-header__hamburger {\n height: 0;\n\n &::before {\n top: 0.625rem;\n\n transform: rotate(-135deg);\n }\n\n &::after {\n bottom: 0.625rem;\n\n transform: rotate(135deg);\n }\n }\n }\n }\n\n &__navigation {\n display: flex;\n flex-direction: column-reverse;\n align-items: flex-end;\n justify-content: space-between;\n\n position: relative;\n z-index: 2;\n }\n\n &__top-navigation-items {\n margin: 0;\n padding: spacing.space(1.25) 0;\n\n display: flex;\n justify-content: flex-end;\n gap: spacing.space(0.5) spacing.space(1.5);\n\n line-height: 1;\n\n list-style: none;\n\n @include typography.font-size(15);\n }\n\n &__top-navigation-item {\n display: block;\n }\n\n &__top-navigation-item-link {\n display: flex;\n align-items: center;\n\n text-decoration: none;\n\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"font-light\");\n }\n\n &:hover,\n &:focus-visible,\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 &:focus-visible {\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-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-button-wrapper {\n display: block;\n\n &.tna-column {\n padding-left: 0;\n }\n }\n\n &__navigation {\n flex-direction: column;\n align-items: stretch;\n\n &.tna-column {\n padding-right: 0;\n padding-left: 0;\n }\n }\n\n &__top-navigation-items {\n padding: spacing.space(0.5) spacing.space(1);\n\n justify-content: flex-start;\n\n @include colour.colour-border(\"keyline\", 1px, solid, bottom);\n }\n\n &__top-navigation-item {\n margin: 0;\n }\n\n &__top-navigation-item-link {\n padding: spacing.space(0.5) 0;\n\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"font-light\");\n }\n\n &:hover,\n &:focus-visible {\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 &:focus-visible {\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,\n &__navigation-item-link,\n &__navigation-button-wrapper {\n padding-right: grid.gutter-width();\n }\n\n &__logo,\n &__navigation-item-link {\n padding-left: grid.gutter-width();\n }\n\n &__top-navigation-items {\n padding-right: grid.gutter-width();\n padding-left: grid.gutter-width();\n }\n }\n\n @include media.on-tiny {\n &__navigation-button-wrapper,\n &__logo {\n padding-right: grid.gutter-width-tiny();\n }\n\n &__logo {\n padding-left: grid.gutter-width-tiny();\n flex: 1;\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 &__navigation-button {\n @include typography.font-size(14);\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-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 &:focus-visible {\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 p + p {\n margin-top: spacing.space(0.5);\n }\n }\n\n &__image {\n position: absolute;\n inset: 0;\n z-index: 1;\n\n @include colour.image-loader-background;\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 &:focus-visible {\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#{&}--narrow {\n margin-bottom: spacing.space($shift-units - $padding-units-narrow);\n }\n\n &--shift &__content-inner {\n position: relative;\n top: spacing.space($shift-units);\n }\n\n &--shift:not(.tna-background-accent, .tna-background-tint) &__content-inner {\n @include colour.contrast;\n }\n\n &--narrow {\n }\n\n &--narrow &__figure {\n min-height: max(#{spacing.space($padding-units-narrow * 2)}, 20rem);\n padding-top: spacing.space($padding-units-narrow);\n padding-bottom: spacing.space($padding-units-narrow);\n }\n\n @include media.on-mobile {\n & &__figure {\n min-height: auto;\n padding: 0;\n\n flex-direction: column;\n }\n\n &__caption {\n order: 2;\n }\n\n &__details {\n }\n\n &__details-summary {\n }\n\n &__details-summary-icon {\n }\n\n &__information,\n &--split &__information {\n width: auto;\n max-width: none;\n\n left: 0;\n }\n\n &__image {\n width: 100%;\n\n position: static;\n\n order: 1;\n\n img {\n height: auto;\n }\n }\n\n &__inner {\n order: 3;\n }\n\n &__content {\n }\n\n &__content-inner {\n padding-right: 0;\n padding-left: 0;\n }\n\n &__heading {\n }\n\n &__body {\n margin-top: spacing.space(1);\n }\n\n &--shift {\n margin-bottom: 0;\n }\n\n &--shift &__content-inner {\n position: static;\n }\n\n &--split &__figure {\n min-height: auto;\n padding-top: 0;\n padding-bottom: 0;\n }\n\n &--split &__content {\n width: 100%;\n padding-right: grid.gutter-width-half();\n }\n\n &--split &__content-inner {\n padding-top: spacing.space(2);\n padding-bottom: spacing.space(2);\n }\n }\n\n @include colour.on-high-contrast-and-forced-colours {\n &__information,\n &__content-inner {\n @include colour.colour-border(\"keyline-dark\", 1px);\n }\n\n @include media.on-mobile {\n &__inner {\n @include colour.colour-border(\"keyline-dark\", 1px);\n border-top: 0;\n }\n\n &__content-inner {\n border: none;\n }\n }\n }\n}\n","@use \"sass:math\";\n@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-index-grid {\n @include spacing.space-above;\n\n &__heading {\n }\n\n &__items {\n @include spacing.space-above;\n\n margin-bottom: 0;\n\n display: flex;\n gap: spacing.space(2) 0;\n\n list-style: none;\n }\n\n &__item {\n @include colour.contrast;\n\n height: 100%;\n\n display: flex;\n flex-direction: column;\n\n position: relative;\n\n text-decoration: none;\n\n .tna-background-contrast & {\n @include colour.accent;\n }\n\n @include colour.on-high-contrast-and-forced-colours {\n @include colour.colour-border(\"keyline-dark\", 1px);\n }\n }\n\n &__item-image {\n width: 100%;\n height: auto;\n\n @include colour.image-loader-background;\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 .tna-index-grid__item:focus-visible & {\n &,\n &:link,\n &:visited {\n @include typography.interacted-text-decoration;\n }\n }\n }\n\n &__item-subtitle {\n @include colour.colour-font(\"font-light\");\n @include typography.font-size(16);\n }\n}\n","@use \"sass:math\";\n@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-pagination {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: center;\n gap: spacing.space(1);\n\n @include spacing.space-above;\n\n &--spaced {\n justify-content: space-between;\n }\n\n &__prev {\n }\n\n &__next {\n }\n\n &__link {\n min-width: 1.5rem;\n padding-right: spacing.space(0.5);\n padding-left: spacing.space(0.5);\n }\n\n &__icon {\n display: inline-block;\n\n path {\n fill: currentColor;\n }\n\n &--prev {\n margin-left: spacing.space(0.5);\n }\n\n &--next {\n margin-right: spacing.space(0.5);\n }\n }\n\n &__link-title {\n padding-right: spacing.space(0.5);\n padding-left: spacing.space(0.5);\n }\n\n &__list {\n margin: 0;\n padding: 0;\n\n display: flex;\n align-items: center;\n gap: spacing.space(0.25);\n\n list-style: none;\n }\n\n &__item {\n &--ellipses {\n min-width: 2rem;\n padding: spacing.space(0.5);\n\n text-align: center;\n }\n\n &--current {\n }\n }\n\n &__item--current &__link {\n .tna-background-accent & {\n }\n }\n\n &__current-item-text {\n margin-top: 0;\n\n @include typography.main-font-weight-medium;\n }\n\n @include media.on-mobile {\n flex-direction: column;\n }\n\n @include media.on-tiny {\n &__item {\n display: none;\n\n &:first-child,\n &:last-child,\n &--current,\n &--ellipses {\n display: block;\n }\n }\n }\n}\n","@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-phase-banner {\n @include colour.contrast;\n\n padding-top: spacing.space(0.5);\n padding-bottom: spacing.space(0.5);\n\n @include typography.font-size(16);\n\n border-bottom: 1px transparent solid;\n\n .tna-container {\n align-items: center;\n }\n\n &__phase {\n @include typography.main-font-weight-bold;\n text-transform: uppercase;\n }\n\n &__message {\n }\n\n @include colour.on-high-contrast-and-forced-colours {\n @include colour.colour-border(\"keyline\", 1px, solid, bottom);\n }\n}\n","@use \"../../tools/a11y\";\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 @include colour.image-loader-background;\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.5);\n\n // @include a11y.no-focus-outline-on-click;\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 &--plain &__image-wrapper {\n padding: 0;\n }\n\n &--plain &__image {\n box-shadow: none;\n }\n\n @include media.on-larger-than-mobile {\n &--plain {\n margin-right: spacing.space(2);\n margin-left: spacing.space(2);\n }\n }\n\n @include media.on-small {\n &--plain {\n margin-right: spacing.space(1);\n margin-left: spacing.space(1);\n }\n }\n\n @include media.on-tiny {\n &__image-wrapper {\n padding: 0;\n }\n\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 &:focus-visible {\n @include colour.tint;\n }\n }\n\n &__item--selected &__link {\n &,\n &:link,\n &:visited,\n &:hover,\n &:focus-visible {\n @include colour.accent;\n @include colour.colour-border(\"background\");\n }\n }\n}\n","@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-records-list {\n @include spacing.space-above;\n margin-bottom: 0;\n padding: 0;\n\n list-style: none;\n\n @include colour.thick-keyline-accent(top);\n\n &__item {\n padding: spacing.space(1) spacing.space(1.5);\n\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: spacing.space(2);\n\n @include colour.colour-border(\"keyline\", 1px);\n border-top-width: 0;\n }\n\n &__image {\n width: 6rem;\n height: auto;\n }\n\n &__details {\n margin: 0;\n\n flex: 1;\n }\n\n &__title-label,\n &__date-label {\n display: none;\n }\n\n &__collection-description,\n &__title-description,\n &__date-description {\n width: 100%;\n margin: 0;\n }\n\n &__collection-label,\n &__collection-description {\n display: inline-block;\n }\n\n &__collection-label {\n &::after {\n content: \":\";\n content: \":\" / \"\";\n }\n }\n\n &__collection-description {\n }\n\n &__title-label {\n }\n\n &__title-description {\n padding-bottom: spacing.space(0.25);\n\n @include typography.detail-font(true);\n }\n\n &__date-label {\n }\n\n &__date-description {\n @include colour.colour-font(\"font-light\");\n @include typography.font-size(16);\n }\n\n @include media.on-tiny {\n &__item {\n padding: spacing.space(1);\n\n flex-direction: column;\n align-items: flex-start;\n\n gap: spacing.space(1);\n }\n }\n}\n","@use \"../../variables/a11y\";\n@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-sidebar {\n width: 100%;\n\n @include typography.font-size(16);\n\n &__heading {\n }\n\n &__items,\n &__item-children {\n display: flex;\n flex-direction: column;\n gap: spacing.space(0.25);\n\n list-style: none;\n }\n\n &__items {\n padding-top: max(spacing.space(0.5), #{a11y.$focus-outline-padding});\n\n // &:focus {\n // outline: none;\n // }\n }\n\n &__item {\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 &__items {\n line-height: 1.35;\n }\n\n &--sections &__link {\n padding: spacing.space(0.25) 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: 100vh;\n max-height: 100dvh;\n\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n\n position: sticky;\n top: 0;\n }\n\n @include media.on-small {\n &--static-on-mobile,\n &--static-on-small {\n max-height: none;\n\n position: static;\n }\n }\n\n @include media.on-tiny {\n &--static-on-mobile,\n &--static-on-tiny {\n max-height: none;\n\n position: static;\n }\n }\n\n &--sticky &__items {\n margin: 0;\n padding-bottom: a11y.$focus-outline-padding;\n\n overflow-y: auto;\n\n flex: 1;\n }\n\n &--sticky#{&}--contents &__items,\n &--sticky#{&}--pages &__items {\n padding-right: spacing.space(1);\n }\n\n &--sticky#{&}--sections &__items,\n &--sticky#{&}--pages &__items {\n width: calc(100% - #{a11y.$focus-outline-padding});\n padding-right: a11y.$focus-outline-padding;\n padding-left: a11y.$focus-outline-padding;\n\n box-sizing: content-box;\n\n position: relative;\n left: -#{a11y.$focus-outline-padding};\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 @include colour.colour-background(\"button-background\", $important: true);\n @include colour.colour-border(\n \"focus-outline\",\n a11yVars.$focus-outline-width,\n $important: true\n );\n outline: none !important;\n\n clip: rect(0 0 0 0) !important;\n -webkit-clip-path: inset(50%) !important;\n clip-path: inset(50%) !important;\n\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"button-text\", $important: true);\n }\n\n &: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 \"../../variables/a11y\" as a11yVariables;\n@use \"../../variables/borders\";\n@use \"../../tools/a11y\";\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;\n padding: 0;\n\n display: flex;\n flex-wrap: nowrap;\n align-items: stretch;\n gap: spacing.space(0.5);\n\n position: relative;\n z-index: 2;\n\n list-style: none;\n }\n\n &--small &__list {\n gap: spacing.space(0.25);\n }\n\n &__button {\n padding: borders.$thick-border-width 0;\n\n position: relative;\n\n text-align: center;\n\n background: transparent;\n\n border: none;\n\n border: 1px transparent solid;\n border-bottom: none;\n\n cursor: pointer;\n\n &:active {\n @include a11y.focus-outline-without-offset;\n @include a11y.active-outline;\n }\n }\n\n &__button[aria-selected=\"true\"] {\n padding-top: 0;\n\n @include colour.colour-border(\"keyline\");\n\n &::after {\n content: \"\";\n\n height: 1px;\n\n position: absolute;\n top: 100%;\n right: 0;\n left: 0;\n\n @include colour.colour-background(\"background\");\n }\n }\n\n &__button-inner {\n padding: spacing.space(0.5) spacing.space(0.75);\n\n display: block;\n\n text-decoration: underline;\n\n @include colour.colour-font(\"font-dark\");\n }\n\n &--small &__button-inner {\n padding: spacing.space(0.25) spacing.space(0.5) spacing.space(0.125);\n\n @include typography.font-size(16);\n }\n\n &__button:hover &__button-inner,\n &__button:focus-visible &__button-inner {\n @include typography.interacted-text-decoration;\n }\n\n &__button[aria-selected=\"true\"] &__button-inner {\n text-decoration: none;\n\n @include colour.thick-keyline-accent(top);\n }\n\n &__items {\n display: flex;\n flex-direction: column;\n gap: spacing.space(2);\n\n position: relative;\n z-index: 1;\n }\n\n &__item {\n border-radius: 0.1px;\n // @include a11y.no-focus-outline-on-click;\n\n &:focus {\n outline-offset: -#{a11yVariables.$focus-outline-width};\n }\n }\n\n &--interactive &__item {\n padding: spacing.space(1);\n @include colour.colour-border(\"keyline\", 1px, solid);\n }\n\n &--tint#{&}--interactive &__button[aria-selected=\"true\"],\n &--tint#{&}--interactive &__button:hover &__button-inner,\n &--tint#{&}--interactive &__button:focus-visible &__button-inner,\n &--tint#{&}--interactive &__items {\n @include colour.tint;\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 @include colour.always-light;\n\n @include colour.colour-background-brand(\"cream\");\n\n @include colour.thick-keyline-brand(left, \"yellow\");\n\n @include media.on-tiny {\n flex-direction: column;\n gap: spacing.space(0.5);\n }\n\n &__heading {\n }\n\n &__heading-icon {\n width: 2rem;\n height: 2rem;\n\n display: block;\n\n line-height: 2rem;\n text-align: center;\n text-transform: lowercase;\n\n border-radius: 100%;\n\n @include colour.colour-font(\"font-dark\");\n @include typography.font-size(24);\n @include typography.main-font-weight-bold;\n\n @include colour.colour-border(\"font-dark\", 0.1875rem);\n\n @include media.on-mobile {\n width: 1.5rem;\n height: 1.5rem;\n\n @include typography.font-size(19);\n line-height: 1.5rem;\n\n @include colour.colour-border(\"font-dark\", 0.125rem);\n }\n }\n\n &__body {\n width: 100%;\n margin-top: 0;\n\n flex: 1;\n\n align-self: center;\n }\n}\n","@use \"../../variables/forms\";\n@use \"../../tools/a11y\";\n@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n\n.tna-checkboxes {\n align-self: stretch;\n\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n align-items: stretch;\n gap: spacing.space(1);\n\n &__item {\n position: relative;\n\n input {\n width: 1px;\n height: 1px;\n margin: 0;\n padding: 0;\n\n position: absolute;\n top: -1px;\n left: -1px;\n\n opacity: 0;\n }\n\n &-label {\n padding-left: spacing.space(3);\n\n display: block;\n\n line-height: 2rem;\n\n cursor: pointer;\n\n &::before,\n &::after {\n content: \"\";\n\n width: 2rem;\n\n position: absolute;\n top: 0;\n left: 0;\n\n @include colour.always-light;\n }\n\n &::before {\n height: 2rem;\n\n display: block;\n box-sizing: border-box;\n\n z-index: 1;\n\n @include colour.colour-background(\"input-background\");\n\n @include colour.colour-border(\n \"input-border\",\n forms.$form-field-border-width\n );\n border-radius: 0.1px;\n }\n\n &::after {\n width: 1.25rem;\n height: 0.5rem;\n margin-top: -0.1875rem;\n\n display: none;\n\n top: 1rem;\n left: 1rem;\n z-index: 2;\n\n @include colour.colour-border(\"input-background\", 0, solid);\n border-width: 0 0 forms.$checkbox-checkmark-width\n forms.$checkbox-checkmark-width;\n\n transform: translateX(-50%) translateY(-50%) rotate(-45deg);\n }\n }\n }\n\n &--small {\n gap: spacing.space(0.5);\n }\n\n &--small &__item {\n &-label {\n padding-left: spacing.space(2.25);\n\n line-height: 1.5rem;\n\n &::before {\n width: 1.5rem;\n height: 1.5rem;\n }\n\n &::after {\n width: 0.825rem;\n height: 0.375rem;\n margin-top: -0.125rem;\n\n top: 0.75rem;\n left: 0.75rem;\n }\n }\n }\n\n &--inline {\n flex-flow: row wrap;\n\n align-items: center;\n gap: spacing.space(1) spacing.space(2);\n\n @include media.on-tiny {\n flex-direction: column;\n align-items: flex-start;\n }\n }\n\n &__item-label:active {\n &::before {\n @include a11y.focus-outline;\n @include a11y.active-outline;\n }\n }\n\n input:focus + &__item-label {\n &::before {\n @include a11y.focus-outline;\n }\n }\n\n input:checked + &__item-label {\n &::before {\n @include colour.colour-background(\"input-foreground\");\n }\n\n &::after {\n display: block;\n }\n }\n\n input:focus + &__item-label,\n &__item:hover &__item-label {\n &::before {\n box-shadow: 0 0 0 0.125rem var(--input-border);\n }\n }\n}\n","@use \"../../variables/forms\";\n@use \"../../tools/colour\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-date-input {\n display: flex;\n gap: spacing.space(1);\n\n &__item {\n &-label {\n display: block;\n\n @include typography.font-size(16);\n }\n\n &-input {\n width: 3rem;\n padding: 0 spacing.space(0.375);\n\n display: block;\n box-sizing: border-box;\n\n @include colour.always-light;\n @include colour.colour-font(\"input-foreground\");\n line-height: 2rem;\n\n @include colour.colour-background(\"input-background\");\n\n @include colour.colour-border(\n \"input-border\",\n forms.$form-field-border-width\n );\n border-radius: 0;\n\n &--wider {\n width: 4.5rem;\n }\n\n .tna-form__group--error & {\n @include colour.colour-border(\"form-error-border\");\n }\n }\n }\n\n &--inline {\n }\n}\n","@use \"../../variables/forms\";\n@use \"../../tools/colour\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-date-search {\n max-width: 100%;\n padding: 0 spacing.space(0.375);\n\n display: block;\n box-sizing: border-box;\n\n @include colour.always-light;\n @include colour.colour-font(\"input-foreground\");\n line-height: 2rem;\n\n @include colour.colour-background(\"input-background\");\n\n @include colour.colour-border(\"input-border\", forms.$form-field-border-width);\n border-radius: 0;\n\n .tna-form__group--error & {\n @include colour.colour-border(\"form-error-border\");\n }\n\n &--max-width {\n width: 100%;\n }\n}\n","@use \"../../tools/a11y\";\n@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-error-summary {\n @include spacing.space-above;\n padding: spacing.space(1);\n\n @include colour.always-light;\n\n @include colour.colour-background(\"background\");\n\n @include colour.colour-border(\"form-error-border\", 0.3125rem, solid);\n border-radius: 0.1px;\n\n &:focus {\n @include a11y.focus-outline;\n }\n\n &__list {\n margin: spacing.space(0.5) 0 0;\n\n list-style: none;\n }\n\n &__item {\n }\n\n &__link {\n @include typography.main-font-weight-bold;\n\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"form-error-text\");\n }\n }\n}\n","@use \"../../variables/forms\";\n@use \"../../tools/a11y\";\n@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n\n.tna-radios {\n align-self: stretch;\n\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n align-items: stretch;\n gap: spacing.space(1);\n\n &__item {\n position: relative;\n\n input {\n width: 1px;\n height: 1px;\n margin: 0;\n padding: 0;\n\n position: absolute;\n top: -1px;\n left: -1px;\n\n opacity: 0;\n }\n\n &-label {\n padding-left: spacing.space(3);\n\n display: block;\n\n line-height: 2rem;\n\n cursor: pointer;\n\n &::before,\n &::after {\n content: \"\";\n\n position: absolute;\n top: 0;\n left: 0;\n\n border-radius: 100%;\n\n @include colour.always-light;\n }\n\n &::before {\n width: 2rem;\n height: 2rem;\n\n display: block;\n box-sizing: border-box;\n\n z-index: 1;\n\n @include colour.colour-background(\"input-background\");\n\n @include colour.colour-border(\n \"input-border\",\n forms.$form-field-border-width\n );\n }\n\n &::after {\n margin: 0.5rem;\n\n display: none;\n\n z-index: 2;\n\n @include colour.colour-background(\"input-foreground\");\n\n @include colour.colour-border(\"input-foreground\", 0.5rem);\n }\n }\n }\n\n &--small {\n gap: spacing.space(0.5);\n }\n\n &--small &__item {\n &-label {\n padding-left: spacing.space(2.25);\n\n line-height: 1.5rem;\n\n &::before {\n width: 1.5rem;\n height: 1.5rem;\n }\n\n &::after {\n margin: 0.3125rem;\n\n @include colour.colour-border(\"input-foreground\", 0.4375rem);\n }\n }\n }\n\n &--inline {\n flex-flow: row wrap;\n\n align-items: center;\n gap: spacing.space(1) spacing.space(2);\n\n @include media.on-tiny {\n flex-direction: column;\n align-items: flex-start;\n }\n }\n\n &__item-label:active {\n &::before {\n @include a11y.focus-outline;\n @include a11y.active-outline;\n }\n }\n\n input:focus + &__item-label {\n &::before {\n @include a11y.focus-outline;\n }\n }\n\n input:checked + &__item-label {\n &::after {\n display: block;\n }\n }\n\n input:focus + &__item-label,\n &__item:hover &__item-label {\n &::before {\n box-shadow: 0 0 0 0.125rem var(--input-border);\n }\n }\n}\n","@use \"../../variables/forms\";\n@use \"../../tools/colour\";\n@use \"../../tools/spacing\";\n\n.tna-search-field {\n @include spacing.space-above;\n\n &__fields {\n align-self: stretch;\n\n display: flex;\n }\n\n &__input {\n min-width: 8rem;\n width: 0;\n padding: 0 spacing.space(0.375);\n\n display: block;\n\n line-height: 2rem;\n\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 flex: 1;\n\n @include colour.always-light;\n @include colour.colour-font(\"input-foreground\");\n\n @include colour.colour-background(\"input-background\");\n\n @include colour.colour-border(\"input-border\");\n\n .tna-template--dark-theme &,\n .tna-background-contrast & {\n margin-right: forms.$form-field-border-width;\n\n border-width: 0;\n }\n\n .tna-template--dark-theme .tna-background-accent-light & {\n margin-right: 0;\n\n border-width: forms.$form-field-border-width;\n }\n\n @media (prefers-color-scheme: dark) {\n .tna-template--system-theme & {\n margin-right: forms.$form-field-border-width;\n\n border-width: 0;\n }\n\n .tna-background-accent-light & {\n margin-right: 0;\n\n border-width: forms.$form-field-border-width;\n }\n }\n\n @include colour.on-high-contrast {\n .tna-background-contrast & {\n margin-right: 0;\n\n border-width: forms.$form-field-border-width;\n }\n }\n }\n\n &__button {\n }\n\n @include colour.on-forced-colours {\n &__input {\n border-width: forms.$form-field-border-width !important;\n }\n }\n}\n","$form-field-border-width: 2px !default;\n$checkbox-checkmark-width: 0.1875rem !default;\n","@use \"../../variables/forms\";\n@use \"../../tools/colour\";\n@use \"../../tools/spacing\";\n\n.tna-select {\n max-width: 100%;\n height: calc(2rem + 6px);\n padding: 0 spacing.space(1) 0 spacing.space(0.5);\n\n display: block;\n\n @include colour.always-light;\n @include colour.colour-font(\"input-foreground\");\n line-height: 2rem;\n\n @include colour.colour-background(\"input-background\");\n\n @include colour.colour-border(\"input-border\", forms.$form-field-border-width);\n border-radius: 0.1px;\n\n // &--styled {\n // padding: 0 spacing.space(2.5) 0 spacing.space(0.75);\n\n // appearance: none;\n\n // background-image: url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUwMHB4IiBoZWlnaHQ9IjUwMHB4IiB2aWV3Qm94PSIwIDAgNTAwIDUwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTAwIDUwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSIyNTAsNDAwIDUwLDEwMCA0NTAsMTAwIiBmaWxsPSIjMDAwIi8+PC9zdmc+\");\n // background-position: center right 0.5rem;\n // background-size: 0.75rem 0.75rem;\n // background-repeat: no-repeat;\n // }\n\n .tna-form__group--error & {\n @include colour.colour-border(\"form-error-border\");\n }\n\n &--s {\n width: 10rem;\n }\n\n &--m {\n width: 20rem;\n }\n\n &--l {\n width: 40rem;\n }\n\n &--xl {\n width: 80rem;\n }\n}\n","@use \"../../variables/forms\";\n@use \"../../tools/colour\";\n@use \"../../tools/spacing\";\n\n.tna-text-input {\n width: 100%;\n padding: 0 spacing.space(0.375);\n\n display: block;\n box-sizing: border-box;\n\n @include colour.always-light;\n @include colour.colour-font(\"input-foreground\");\n line-height: 2rem;\n\n @include colour.colour-background(\"input-background\");\n\n @include colour.colour-border(\"input-border\", forms.$form-field-border-width);\n border-radius: 0.1px;\n\n .tna-form__group--error & {\n @include colour.colour-border(\"form-error-border\");\n }\n\n &--xs {\n max-width: 5rem;\n }\n\n &--s {\n max-width: 10rem;\n }\n\n &--m {\n max-width: 20rem;\n }\n\n &--l {\n max-width: 40rem;\n }\n\n &--xl {\n max-width: 80rem;\n }\n}\n","@use \"../../variables/forms\";\n@use \"../../tools/colour\";\n@use \"../../tools/spacing\";\n\n$textarea-minimum-lines-visible: 5.5 !default;\n$textarea-line-height: 1.5rem !default;\n$textarea-vertical-padding: 0.25 !default;\n\n.tna-textarea {\n width: 100%;\n min-height: #{($textarea-line-height $textarea-minimum-lines-visible) + (\n spacing.space($textarea-vertical-padding * 2)\n )};\n padding: spacing.space($textarea-vertical-padding) spacing.space(0.5);\n\n display: block;\n box-sizing: border-box;\n\n line-height: 1.5rem;\n\n border-radius: 0.1px;\n\n resize: vertical;\n\n @include colour.always-light;\n @include colour.colour-font(\"input-foreground\");\n\n @include colour.colour-background(\"input-background\");\n\n @include colour.colour-border(\"input-border\", forms.$form-field-border-width);\n\n .tna-form__group--error & {\n @include colour.colour-border(\"form-error-border\");\n }\n\n &--m {\n max-width: 20rem;\n }\n\n &--l {\n max-width: 40rem;\n }\n\n &--xl {\n max-width: 80rem;\n }\n}\n"]}
1	+ {"version":3,"sourceRoot":"","sources":["../../src/nationalarchives/all.scss","../../src/nationalarchives/tools/_colour.scss","../../src/nationalarchives/tools/_media.scss","../../src/nationalarchives/tools/_spacing.scss","../../src/nationalarchives/utilities/_a11y.scss","../../src/nationalarchives/tools/_a11y.scss","../../src/nationalarchives/variables/_a11y.scss","../../src/nationalarchives/utilities/_animations.scss","../../src/nationalarchives/utilities/_areas.scss","../../src/nationalarchives/utilities/colour/_index.scss","../../src/nationalarchives/utilities/_columns.scss","../../src/nationalarchives/utilities/typography/_index.scss","../../src/nationalarchives/tools/_typography.scss","../../src/nationalarchives/variables/_typography.scss","../../src/nationalarchives/utilities/forms/_index.scss","../../src/nationalarchives/utilities/_global.scss","../../src/nationalarchives/utilities/grid/_index.scss","../../src/nationalarchives/variables/_grid.scss","../../src/nationalarchives/tools/_grid.scss","../../src/nationalarchives/utilities/lists/_index.scss","../../src/nationalarchives/utilities/overrides/_index.scss","../../src/nationalarchives/utilities/_reset.scss","../../src/nationalarchives/utilities/tables/_index.scss","../../src/nationalarchives/components/accordion/accordion.scss","../../src/nationalarchives/components/breadcrumbs/breadcrumbs.scss","../../src/nationalarchives/components/button/_button-group.scss","../../src/nationalarchives/components/button/button.scss","../../src/nationalarchives/components/card/card.scss","../../src/nationalarchives/components/compound-filters/compound-filters.scss","../../src/nationalarchives/components/cookie-banner/cookie-banner.scss","../../src/nationalarchives/components/details/details.scss","../../src/nationalarchives/components/files-list/files-list.scss","../../src/nationalarchives/components/footer/footer.scss","../../src/nationalarchives/components/gallery/gallery.scss","../../src/nationalarchives/components/global-header/global-header.scss","../../src/nationalarchives/components/header/header.scss","../../src/nationalarchives/components/hero/hero.scss","../../src/nationalarchives/components/index-grid/index-grid.scss","../../src/nationalarchives/components/pagination/pagination.scss","../../src/nationalarchives/components/phase-banner/phase-banner.scss","../../src/nationalarchives/components/picture/picture.scss","../../src/nationalarchives/components/quick-filters/quick-filters.scss","../../src/nationalarchives/components/records-list/records-list.scss","../../src/nationalarchives/components/sidebar/sidebar.scss","../../src/nationalarchives/components/skip-link/skip-link.scss","../../src/nationalarchives/components/tabs/tabs.scss","../../src/nationalarchives/components/warning/warning.scss","../../src/nationalarchives/components/checkboxes/checkboxes.scss","../../src/nationalarchives/components/date-input/date-input.scss","../../src/nationalarchives/components/date-search/date-search.scss","../../src/nationalarchives/components/error-summary/error-summary.scss","../../src/nationalarchives/components/radios/radios.scss","../../src/nationalarchives/components/search-field/search-field.scss","../../src/nationalarchives/variables/_forms.scss","../../src/nationalarchives/components/select/select.scss","../../src/nationalarchives/components/text-input/text-input.scss","../../src/nationalarchives/components/textarea/textarea.scss"],"names":[],"mappings":"CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCsLA,oSAxKM,0yDA2KJ,+BAHF,oSAxJM,qwDAuKN,8fACE,yCACA,uCACA,uCACA,yCACA,yCACA,6BACA,6CACA,mCACA,6CACA,2CACA,uDACA,uDACA,mEACA,2CA5JA,4CAJA,gCC+BA,wBD6IF,sIAEI,yCACA,uCACA,uCACA,yCACA,yCACA,6BACA,6CACA,mCACA,6CACA,2CACA,uDACA,uDACA,mEACA,2CAvLF,4CAJA,iCAwMF,+jBACE,qCArMA,4CAgNF,ouBACE,uCACA,qCACA,qCACA,uCACA,uCACA,2BACA,mCACA,iCACA,2CACA,8CACA,yCACA,yCACA,qDACA,qDACA,iEA/NA,4CAJA,gCA8OF,0CACE,6CACA,qBACA,0BACA,kCACA,qCACA,kCACA,gCACA,kCACA,kCAIA,kCAIA,8CAIA,uCACA,0CAhQA,4CAJA,gCA0QE,mCADF,kGAKI,uCACA,qCACA,qCACA,uCACA,uCACA,2BACA,mCACA,iCACA,2CACA,8CACA,yCACA,yCACA,qDACA,qDACA,kEAIJ,8FAIE,uCACA,qCACA,qCACA,uCACA,uCACA,2BACA,mCACA,iCACA,2CACA,8CACA,yCACA,yCACA,qDACA,qDACA,iEAQJ,kEACE,iDACA,yDACA,6CAEA,4CACA,4CACA,mDACA,oDACA,uCACA,+CACA,gDACA,qDACA,sDACA,0DAOF,wTACE,kDACA,kDACA,yDACA,0DACA,6CACA,qDACA,sDACA,2DACA,sDAGF,+DACE,6CACA,yDACA,yCACA,oDACA,gDACA,4DAQF,4DACE,iDACA,yDACA,6CACA,kDACA,0DAQF,kEACE,iDACA,yDACA,4CACA,iDACA,0DAQF,+DACE,+CACA,yDACA,8CACA,mDACA,wDAQF,4DACE,gDACA,yDACA,6CACA,kDACA,yDE9bF,ghBACE,gBAEA,w6BACE,aAIJ,sBACE,gBAEA,8CACE,aCpBJ,8CAEE,qBACA,sBACA,oBACA,qBAEA,2BAEA,6BACA,uBACA,wBACA,sBAEA,0CAEA,oBAEA,iCAQF,gBACE,UHoEE,yDIpFF,eCZqB,IFiCvB,uCACE,QACE,UH6DA,yDIpFF,eCZqB,KF+CrB,iFHiDE,yDG5CJ,SCpCE,iBD0CA,qDACE,aG5DJ,mCACE,QAEE,0BAGF,IACE,8BCHJ,aACE,iBACA,oBAGF,WAEE,aP4cA,8BO9cF,WPwEM,uDAgYJ,+BOxcF,WPwEM,uDOhEJ,kBACE,aNgEF,wBM3DA,aACE,iBACA,oBAGF,WACE,cC3BJ,cRqDE,4CQ/CE,mCADF,4BReI,25DQVF,+DALF,4BR+BI,w2DQrBJ,0BRKI,05DQFF,+BAHF,0BRqBI,w2DQ+BJ,oBRYI,wDQRJ,yBRQI,sDS9EN,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,cV2CE,gCWxBA,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,SVKA,wEUIA,iCCOA,0BACA,0BCpCsC,MFmCpC,qCVXF,2BUiBF,MC9DE,qBDkEF,sDACE,sBACA,gBAEA,aACA,mBACA,QV3BA,gCWPA,YCuBA,sBDtBA,kBACA,yBAIE,YCmBiB,ID/DnB,mBAmDA,gBACA,yBDwBA,cACA,kBAES,yDACP,0BAEA,8KC1BF,0BACA,0BCpCsC,MFiElC,0OACE,cAKN,oFV/CA,gDA8ZA,+BU/WA,oFV/CA,qBUwDF,uGACE,UAEA,+BAEA,YAGE,mJACE,cAKN,wJVxCM,mDU6CJ,iCACA,yBAEA,guBV9EA,oDAIA,qDA+BI,iDUmDF,gzBVtFF,4DU4FE,mCADF,wbV3FA,oDAIA,qDA+BI,iDUgEA,geVnGJ,6DU8IF,eAGE,aACA,eACA,aAEA,gBAEA,qBACE,aACA,mBAIJ,8SV7JE,qCU+JA,iBAEA,wUACE,qBAEA,mBAEA,maACE,WAEA,cACA,eACA,mBACA,mBAEA,qBAEA,sBAEA,wBV9JA,4FUqKA,w7BVtJA,0CU4JJ,yYACE,oBAIJ,yEChNE,YCcA,gDDbA,YCgBoB,IDsBpB,gBAxEA,eVwCA,kDSyMF,yECjPE,gBV4EA,wBSqKF,yECjPE,mBD8PF,sEC7NE,YCcA,gDDbA,YCgBoB,IDsBpB,YCMsB,ID9EtB,kBVwCA,kDSsNF,sEC9PE,oBV8CA,kDSgNF,sEC9PE,mBVoDA,wBS0MF,sEC9PE,qBD2QE,iGACE,aACA,cACA,gBACA,kBAEA,sBACA,wBAKN,sECtQE,YCYsB,ID2CtB,YCYsB,IDpFtB,mBVwCA,kDS+OF,sECvRE,qBV8CA,kDSyOF,sECvRE,mBVoDA,wBSmOF,sECvRE,qBDoSF,sECnRE,YCYsB,ID2CtB,YCkBsB,ID1FtB,mBDiTF,sHAEE,gBACA,iBAEA,sNACE,cAGF,oaAEE,gBA2BE,qCACE,aAcN,wBACE,eAaF,mBACE,SAEA,cAoBJ,gBAEE,eACA,gBACA,cACA,4BV/UI,+DUmVJ,uBCvYA,YCewB,IF0XtB,YACA,eAEA,4CACE,mBAGF,0CACE,oBAIJ,0BACE,gBCnaF,eDuaE,kCACE,gBACA,mBTrXJ,wBSuVF,gBAmCI,0BAMJ,qBCpbE,mBX6CA,qCC+BA,wBSwWF,qBCpbE,mBD+bF,kBCzZE,YCuBA,sBDtBA,kBACA,yBAIE,YCmBiB,IZlBnB,qCW7CA,mBDqcA,gBTzXA,wBSmXF,kBC/bE,mBD2cA,oBACE,gCAEA,4DCtZF,0BACA,0BCpCsC,MFgcxC,QACE,kBACA,mBGvdF,oBAGE,mBAOE,wBACE,kBbsDA,wDahDJ,oBACE,mBACA,OAEA,YAGF,qCAEE,aACA,sBACA,uBACA,QAGF,sEAEE,mBACA,uBZyCF,wBY5CA,sEAMI,uBAIJ,0BACE,aAGF,kBACE,kBAGF,mBACE,SAoBA,uBACE,cFnDJ,YCIA,qBDHA,kBACA,yBACA,mCAfA,YCkBiB,ICqDjB,gBACE,aFjFF,eX6CA,6Ca0CA,yBACE,ab3CF,sCW5BA,YCYsB,IEnCxB,cASE,gBACA,WACA,YAUA,iCAGF,oBACE,gBACA,SACA,UAEA,6FACE,aACA,sBAIJ,UACE,OC9BF,eACE,WACA,UCRwB,ODSxB,kBACA,iBACA,mBACA,kBAEA,aACA,eACA,oBACA,2BAEA,sBAEA,0CACE,sBACA,gBACA,eAGF,oBACE,eAGF,qDAEE,uBAGF,4BACE,yBAGF,sCACE,WACA,mBACA,kBAGO,iBACP,gBAIJ,YACE,mBACA,kBAEA,sBAEA,oCACE,gBACA,eAGF,uBACE,sBAGF,0BACE,kBAGF,0BACE,oBErCA,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,EhBnDf,kDgBZE,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,2BA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","file":"all.css","sourcesContent":["/!\n ------------------------------------------\n \n TNA Frontend\n * github.com/nationalarchives/tna-frontend\n \n Explore 1,000 years of history\n * www.nationalarchives.gov.uk\n \n ------------------------------------------\n /\n\n@use \"variables\";\n@use \"tools\";\n@use \"utilities\";\n@use \"components\";\n","@use \"sass:list\";\n@use \"sass:map\";\n@use \"../variables/borders\";\n@use \"../variables/colour\";\n@use \"../variables/features\";\n@use \"../tools/media\";\n\n@function brand-colour($colour, $opacity: 1) {\n @return colour.brand-colour($colour, $opacity);\n}\n\n@mixin colour-css-vars($excludes...) {\n @each $name, $value in colour.$colour-palette-default {\n @if not list.index($excludes, $name) {\n --#{$name}: #{$value};\n }\n }\n}\n\n@mixin colour-css-vars-dark($excludes...) {\n @each $name, $value in colour.$colour-palette-dark {\n @if not list.index($excludes, $name) {\n --#{$name}: #{$value};\n }\n }\n}\n\n@mixin colour-css-vars-high-contrast($excludes...) {\n @each $name, $value in colour.$colour-palette-high-contrast {\n @if not list.index($excludes, $name) {\n --#{$name}: #{$value};\n }\n }\n}\n\n@mixin colour-css-vars-high-contrast-dark($excludes...) {\n @each $name, $value in colour.$colour-palette-high-contrast-dark {\n @if not list.index($excludes, $name) {\n --#{$name}: #{$value};\n }\n }\n}\n\n@function colour-var($colour) {\n @return var(\n --#{$colour},\n #{map.get(colour.$colour-palette-default, $colour)}\n );\n}\n\n@mixin colour-font($colour, $important: false) {\n color: colour-var($colour) if($important, !important, null);\n}\n\n@mixin colour-background($colour, $important: false) {\n background-color: colour-var($colour) if($important, !important, null);\n}\n\n@mixin colour-background-brand($brandColour, $important: false) {\n background-color: #{brand-colour($brandColour)} if($important, !important, null);\n}\n\n@mixin colour-border(\n $colour,\n $width: \"\",\n $style: solid,\n $direction: \"\",\n $important: false\n) {\n @if $direction != \"\" {\n @if $width != \"\" {\n border-#{$direction}: $width\n colour-var($colour)\n $style\n if($important, !important, null);\n } @else {\n border-#{$direction}-color: colour-var($colour)\n if($important, !important, null);\n }\n } @else {\n @if $width != \"\" {\n border: $width\n colour-var($colour)\n $style\n if($important, !important, null);\n } @else {\n border-color: var(\n --#{$colour},\n #{map.get(colour.$colour-palette-default, $colour)}\n )\n if($important, !important, null);\n }\n }\n}\n\n@mixin colour-outline($colour, $width: \"\", $style: solid, $important: false) {\n @if $width != \"\" {\n outline: $width colour-var($colour) $style if($important, !important, null);\n } @else {\n outline-color: colour-var($colour) if($important, !important, null);\n }\n}\n\n@mixin colour-fill($colour, $important: false) {\n fill: colour-var($colour) if($important, !important, null);\n}\n\n@mixin thick-keyline($direction: \"\") {\n @if $direction != \"\" {\n @include colour-border(\n \"keyline\",\n borders.$thick-border-width,\n solid,\n $direction\n );\n } @else {\n @include colour-border(\"keyline\", borders.$thick-border-width, solid);\n }\n}\n\n@mixin thick-keyline-dark($direction: \"\") {\n @if $direction != \"\" {\n @include colour-border(\n \"keyline-dark\",\n borders.$thick-border-width,\n solid,\n $direction\n );\n } @else {\n @include colour-border(\"keyline-dark\", borders.$thick-border-width, solid);\n }\n}\n\n@mixin thick-keyline-accent($direction: \"\") {\n @if $direction != \"\" {\n @include colour-border(\n \"accent-border\",\n borders.$thick-border-width,\n solid,\n $direction\n );\n } @else {\n @include colour-border(\"accent-border\", borders.$thick-border-width, solid);\n }\n}\n\n@mixin thick-keyline-error($direction: \"\") {\n @if $direction != \"\" {\n @include colour-border(\n \"form-error-border\",\n borders.$thick-border-width,\n solid,\n $direction\n );\n } @else {\n @include colour-border(\n \"form-error-border\",\n borders.$thick-border-width,\n solid\n );\n }\n}\n\n@mixin thick-keyline-brand($direction: \"\", $brandColour) {\n @if $direction != \"\" {\n border-#{$direction}: borders.$thick-border-width\n #{brand-colour($brandColour)}\n solid;\n } @else {\n border: borders.$thick-border-width #{brand-colour($brandColour)} solid;\n }\n}\n\n@mixin thick-keyline-transparent($direction: \"\") {\n @if $direction != \"\" {\n border-#{$direction}: borders.$thick-border-width transparent solid;\n } @else {\n border: borders.$thick-border-width transparent solid;\n }\n}\n\n// Use light theme colours (except for \"form-error-border\")\n%always-light {\n @include colour-css-vars(\"form-error-border\", \"focus-outline\");\n\n @media (prefers-contrast: more) {\n @include colour-css-vars-high-contrast(\n \"form-error-border\",\n \"focus-outline\"\n );\n }\n}\n\n@mixin always-light {\n @extend %always-light;\n}\n\n%contrast {\n --background: var(--contrast-background);\n --font-base: var(--contrast-font-base);\n --font-dark: var(--contrast-font-dark);\n --font-light: var(--contrast-font-light);\n --icon-light: var(--contrast-icon-light);\n --link: var(--contrast-link);\n --link-visited: var(--contrast-link-visited);\n --keyline: var(--contrast-keyline);\n --keyline-dark: var(--contrast-keyline-dark);\n --button-text: var(--contrast-button-text);\n --button-background: var(--contrast-button-background);\n --button-hover-text: var(--contrast-button-hover-text);\n --button-hover-background: var(--contrast-button-hover-background);\n --accent-list-marker: var(--accent-border);\n // --accent-list-marker: var(--font-base);\n\n @include colour-background(\"background\");\n\n @include colour-font(\"font-base\");\n}\n\n@mixin contrast {\n @extend %contrast;\n}\n\n%contrast-on-mobile {\n @include media.on-mobile {\n --background: var(--contrast-background);\n --font-base: var(--contrast-font-base);\n --font-dark: var(--contrast-font-dark);\n --font-light: var(--contrast-font-light);\n --icon-light: var(--contrast-icon-light);\n --link: var(--contrast-link);\n --link-visited: var(--contrast-link-visited);\n --keyline: var(--contrast-keyline);\n --keyline-dark: var(--contrast-keyline-dark);\n --button-text: var(--contrast-button-text);\n --button-background: var(--contrast-button-background);\n --button-hover-text: var(--contrast-button-hover-text);\n --button-hover-background: var(--contrast-button-hover-background);\n --accent-list-marker: var(--accent-border);\n // --accent-list-marker: var(--font-base);\n\n @include colour-background(\"background\");\n\n @include colour-font(\"font-base\");\n }\n}\n\n@mixin contrast-on-mobile {\n @extend %contrast-on-mobile;\n}\n\n%tint {\n --background: var(--background-tint);\n\n @include colour-background(\"background\");\n\n // @include colour-font(\"font-base\");\n}\n\n@mixin tint {\n @extend %tint;\n}\n\n%accent {\n --background: var(--accent-background);\n --font-base: var(--accent-font-base);\n --font-dark: var(--accent-font-dark);\n --font-light: var(--accent-font-light);\n --icon-light: var(--accent-icon-light);\n --link: var(--accent-link);\n --link-visited: var(--accent-link);\n --keyline: var(--accent-keyline);\n --keyline-dark: var(--accent-keyline-dark);\n --accent-list-marker: var(--accent-font-base);\n --accent-border: var(--accent-font-dark);\n --button-text: var(--accent-button-text);\n --button-background: var(--accent-button-background);\n --button-hover-text: var(--accent-button-hover-text);\n --button-hover-background: var(--accent-button-hover-background);\n\n @include colour-background(\"background\");\n\n @include colour-font(\"font-base\");\n}\n\n@mixin accent {\n @extend %accent;\n}\n\n%accent-light {\n --background: var(--accent-background-light);\n --font-base: #{map.get(colour.$colour-palette-default, \"font-base\")};\n --font-dark: #{map.get(colour.$colour-palette-default, \"font-dark\")};\n --font-light: #{map.get(colour.$colour-palette-default, \"font-light\")};\n --icon-light: #{map.get(colour.$colour-palette-default, \"icon-light\")};\n --keyline: #{map.get(colour.$colour-palette-default, \"keyline\")};\n --keyline-dark: #{map.get(colour.$colour-palette-default, \"keyline-dark\")};\n --button-text: #{map.get(colour.$colour-palette-default, \"button-text\")};\n --button-background: #{map.get(\n colour.$colour-palette-default,\n \"button-background\"\n )};\n --button-hover-text: #{map.get(\n colour.$colour-palette-default,\n \"button-hover-text\"\n )};\n --button-hover-background: #{map.get(\n colour.$colour-palette-default,\n \"button-hover-background\"\n )};\n --accent-list-marker: var(--font-base);\n --accent-border: var(--accent-background);\n\n @include colour-background(\"background\");\n @include colour-font(\"font-base\");\n\n .tna-template--system-theme & {\n @media (prefers-color-scheme: dark) {\n // --link: #{map.get(colour.$colour-palette-default, \"link\")};\n // --link-visited: #{map.get(colour.$colour-palette-default, \"link-visited\")};\n\n --background: var(--accent-background);\n --font-base: var(--accent-font-base);\n --font-dark: var(--accent-font-dark);\n --font-light: var(--accent-font-light);\n --icon-light: var(--accent-icon-light);\n --link: var(--accent-link);\n --link-visited: var(--accent-link);\n --keyline: var(--accent-keyline);\n --keyline-dark: var(--accent-keyline-dark);\n --accent-list-marker: var(--accent-font-base);\n --accent-border: var(--accent-font-dark);\n --button-text: var(--accent-button-text);\n --button-background: var(--accent-button-background);\n --button-hover-text: var(--accent-button-hover-text);\n --button-hover-background: var(--accent-button-hover-background);\n }\n }\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 --background: var(--accent-background);\n --font-base: var(--accent-font-base);\n --font-dark: var(--accent-font-dark);\n --font-light: var(--accent-font-light);\n --icon-light: var(--accent-icon-light);\n --link: var(--accent-link);\n --link-visited: var(--accent-link);\n --keyline: var(--accent-keyline);\n --keyline-dark: var(--accent-keyline-dark);\n --accent-list-marker: var(--accent-font-base);\n --accent-border: var(--accent-font-dark);\n --button-text: var(--accent-button-text);\n --button-background: var(--accent-button-background);\n --button-hover-text: var(--accent-button-hover-text);\n --button-hover-background: var(--accent-button-hover-background);\n }\n}\n\n@mixin accent-light {\n @extend %accent-light;\n}\n\n%yellow-accent {\n --accent-background: #{colour.brand-colour(\"yellow\")} !important;\n --accent-background-light: #{colour.brand-colour(\"cream\")} !important;\n --accent-border: #{colour.brand-colour(\"yellow\")} !important;\n // --accent-list-marker: #{colour.brand-colour(\"brown\")} !important;\n --accent-font-base: #{colour.brand-colour(\"black\")} !important;\n --accent-font-dark: #{colour.brand-colour(\"black\")} !important;\n --accent-font-light: #{colour.brand-colour(\"black\", 0.7)} !important;\n --accent-icon-light: #{colour.brand-colour(\"black\", 0.45)} !important;\n --accent-link: #{colour.brand-colour(\"black\")} !important;\n --accent-link-visited: #{colour.brand-colour(\"black\")} !important;\n --accent-keyline: #{colour.brand-colour(\"black\", 0.5)} !important;\n --accent-keyline-dark: #{colour.brand-colour(\"black\", 0.8)} !important;\n --button-accented-text: #{colour.brand-colour(\"white\")} !important;\n --button-accented-background: #{colour.brand-colour(\"brown\")} !important;\n}\n\n@mixin yellow-accent {\n @extend %yellow-accent;\n}\n\n%accent-lighter-text {\n --accent-font-base: #{colour.brand-colour(\"white\")} !important;\n --accent-font-dark: #{colour.brand-colour(\"white\")} !important;\n --accent-font-light: #{colour.brand-colour(\"white\", 0.7)} !important;\n --accent-icon-light: #{colour.brand-colour(\"white\", 0.45)} !important;\n --accent-link: #{colour.brand-colour(\"white\")} !important;\n --accent-link-visited: #{colour.brand-colour(\"white\")} !important;\n --accent-keyline: #{colour.brand-colour(\"white\", 0.5)} !important;\n --accent-keyline-dark: #{colour.brand-colour(\"white\", 0.8)} !important;\n --button-accented-text: #{colour.brand-colour(\"white\")} !important;\n}\n\n%black-accent {\n --accent-background: #{colour.brand-colour(\"black\")} !important;\n --accent-background-light: #{colour.brand-colour(\"light-grey\")} !important;\n --accent-border: #{colour.brand-colour(\"black\")} !important;\n --accent-list-marker: #{colour.brand-colour(\"grey\")} !important;\n --button-accented-text: #{colour.brand-colour(\"black\")} !important;\n --button-accented-background: #{colour.brand-colour(\"grey\")} !important;\n}\n\n@mixin black-accent {\n @extend %accent-lighter-text;\n @extend %black-accent;\n}\n\n%pink-accent {\n --accent-background: #{colour.brand-colour(\"maroon\")} !important;\n --accent-background-light: #{colour.brand-colour(\"pastel-pink\")} !important;\n --accent-border: #{colour.brand-colour(\"pink\")} !important;\n --accent-list-marker: #{colour.brand-colour(\"pink\")} !important;\n --button-accented-background: #{colour.brand-colour(\"maroon\")} !important;\n}\n\n@mixin pink-accent {\n @extend %accent-lighter-text;\n @extend %pink-accent;\n}\n\n%orange-accent {\n --accent-background: #{colour.brand-colour(\"chestnut\")} !important;\n --accent-background-light: #{colour.brand-colour(\"pastel-orange\")} !important;\n --accent-border: #{colour.brand-colour(\"orange\")} !important;\n --accent-list-marker: #{colour.brand-colour(\"orange\")} !important;\n --button-accented-background: #{colour.brand-colour(\"chestnut\")} !important;\n}\n\n@mixin orange-accent {\n @extend %accent-lighter-text;\n @extend %orange-accent;\n}\n\n%green-accent {\n --accent-background: #{colour.brand-colour(\"forest\")} !important;\n --accent-background-light: #{colour.brand-colour(\"pastel-green\")} !important;\n --accent-border: #{colour.brand-colour(\"green\")} !important;\n --accent-list-marker: #{colour.brand-colour(\"green\")} !important;\n --button-accented-background: #{colour.brand-colour(\"forest\")} !important;\n}\n\n@mixin green-accent {\n @extend %accent-lighter-text;\n @extend %green-accent;\n}\n\n%blue-accent {\n --accent-background: #{colour.brand-colour(\"navy\")} !important;\n --accent-background-light: #{colour.brand-colour(\"pastel-blue\")} !important;\n --accent-border: #{colour.brand-colour(\"blue\")} !important;\n --accent-list-marker: #{colour.brand-colour(\"blue\")} !important;\n --button-accented-background: #{colour.brand-colour(\"navy\")} !important;\n}\n\n@mixin blue-accent {\n @extend %accent-lighter-text;\n @extend %blue-accent;\n}\n\n@mixin on-high-contrast {\n @media (prefers-contrast: more) {\n @content;\n }\n}\n\n@mixin on-forced-colours {\n @media (forced-colors: active) {\n @content;\n }\n}\n\n@mixin on-high-contrast-and-forced-colours {\n @include on-forced-colours {\n @content;\n }\n\n @include on-high-contrast {\n @content;\n }\n}\n\n@mixin image-loader-background {\n @if not features.$disable-image-loader-animations {\n background: linear-gradient(\n -45deg,\n rgba(0 0 0 / 25%),\n rgba(255 255 255 / 25%),\n rgba(0 0 0 / 25%)\n );\n background-size: 500% 500%;\n background-position: 0 50%;\n\n animation: image-loader-background ease-in-out 1.2s infinite;\n }\n}\n","@use \"sass:math\";\n@use \"../variables/media\";\n@use \"../variables/typography\";\n\n$smallest-large-device-em: #{math.div(\n media.$largest-medium-device-px + 1,\n typography.$relative-1rem-px\n )}em;\n$largest-medium-device-em: #{math.div(\n media.$largest-medium-device-px,\n typography.$relative-1rem-px\n )}em;\n$smallest-medium-device-em: #{math.div(\n media.$largest-small-device-px + 1,\n typography.$relative-1rem-px\n )}em;\n$largest-small-device-em: #{math.div(\n media.$largest-small-device-px,\n typography.$relative-1rem-px\n )}em;\n$smallest-small-device-em: #{math.div(\n media.$largest-tiny-device-px + 1,\n typography.$relative-1rem-px\n )}em;\n$largest-tiny-device-em: #{math.div(\n media.$largest-tiny-device-px,\n typography.$relative-1rem-px\n )}em;\n\n$media-large: \"(min-width: #{$smallest-large-device-em})\";\n$media-lt-large: \"(max-width: #{$largest-medium-device-em})\";\n$media-medium: \"(min-width: #{$smallest-medium-device-em}) and (max-width: #{$largest-medium-device-em})\";\n$media-gt-mobile: \"(min-width: #{$smallest-medium-device-em})\";\n$media-mobile: \"(max-width: #{$largest-small-device-em})\";\n$media-small: \"(min-width: #{$smallest-small-device-em}) and (max-width: #{$largest-small-device-em})\";\n$media-gt-tiny: \"(min-width: #{$smallest-small-device-em})\";\n$media-tiny: \"(max-width: #{$largest-tiny-device-em})\";\n\n// https://nationalarchives.github.io/design-system/styles/media/#media-queries\n@mixin on-large() {\n @media #{$media-large} {\n @content;\n }\n}\n\n@mixin on-medium() {\n @media #{$media-medium} {\n @content;\n }\n}\n\n@mixin on-small() {\n @media #{$media-small} {\n @content;\n }\n}\n\n@mixin on-tiny() {\n @media #{$media-tiny} {\n @content;\n }\n}\n\n@mixin on-larger-than-mobile() {\n @media #{$media-gt-mobile} {\n @content;\n }\n}\n\n@mixin on-larger-than-tiny() {\n @media #{$media-gt-tiny} {\n @content;\n }\n}\n\n@mixin on-smaller-than-large() {\n @media #{$media-lt-large} {\n @content;\n }\n}\n\n@mixin on-mobile() {\n @media #{$media-mobile} {\n @content;\n }\n}\n\n@mixin on-print() {\n @media print {\n @content;\n }\n}\n","@use \"sass:map\";\n@use \"sass:math\";\n@use \"../variables/spacing\";\n@use \"../variables/typography\";\n@use \"../tools/media\";\n\n@function space($size) {\n @return #{$size spacing.$spacing-unit-px}px;\n}\n\n%space-above {\n margin-top: space(2);\n\n &:first-child {\n margin-top: 0;\n }\n}\n\n%space-only-above {\n margin: #{space(2)} 0 0;\n\n &:first-child {\n margin-top: 0;\n }\n}\n\n@mixin space-above($zero-other-margins: false) {\n @if $zero-other-margins {\n @extend %space-only-above;\n } @else {\n @extend %space-above;\n }\n}\n\n@mixin no-spacing-generator($suffix: \"\") {\n @if $suffix != \"\" {\n $suffix: \"-\" + $suffix;\n }\n @each $property in margin, padding {\n @each $direction in top, bottom {\n $combined-direction: \"\";\n @if $direction == top or $direction == bottom {\n $combined-direction: vertical;\n } @else if $direction == right or $direction == left {\n $combined-direction: horizontal;\n }\n @if $combined-direction {\n .tna-\\!--no-#{$property}-#{$direction}#{$suffix},\n .tna-\\!--no-#{$property}-#{$combined-direction}#{$suffix} {\n #{$property}-#{$direction}: 0 !important;\n }\n } @else {\n .tna-\\!--no-#{$property}-#{$direction}#{$suffix} {\n #{$property}-#{$direction}: 0 !important;\n }\n }\n }\n }\n}\n\n@mixin spacing-generator($suffix: \"\") {\n @each $property in margin, padding {\n @each $direction in top, bottom {\n @each $size, $amount in spacing.$spacing {\n @if $direction == all {\n .tna-\\!--#{$property}-#{$size} {\n #{$property}: #{space($amount)} !important;\n }\n } @else {\n $combined-direction: \"\";\n @if $direction == top or $direction == bottom {\n $combined-direction: vertical;\n } @else if $direction == right or $direction == left {\n $combined-direction: horizontal;\n }\n @if $combined-direction {\n .tna-\\!--#{$property}-#{$direction}-#{$size},\n .tna-\\!--#{$property}-#{$combined-direction}-#{$size} {\n #{$property}-#{$direction}: #{space($amount)} !important;\n }\n } @else {\n .tna-\\!--#{$property}-#{$direction}-#{$size} {\n #{$property}-#{$direction}: #{space($amount)} !important;\n }\n }\n }\n }\n }\n }\n\n @include media.on-mobile {\n @each $property in margin, padding {\n @each $direction in top, bottom {\n @each $size, $amount in spacing.$spacing-mobile {\n @if $direction == all {\n .tna-\\!--#{$property}-#{$size} {\n #{$property}: #{space($amount)} !important;\n }\n } @else {\n $combined-direction: \"\";\n @if $direction == top or $direction == bottom {\n $combined-direction: vertical;\n } @else if $direction == right or $direction == left {\n $combined-direction: horizontal;\n }\n @if $combined-direction {\n .tna-\\!--#{$property}-#{$direction}-#{$size},\n .tna-\\!--#{$property}-#{$combined-direction}-#{$size} {\n #{$property}-#{$direction}: #{space($amount)} !important;\n }\n } @else {\n .tna-\\!--#{$property}-#{$direction}-#{$size} {\n #{$property}-#{$direction}: #{space($amount)} !important;\n }\n }\n }\n }\n }\n }\n }\n}\n","@use \"../tools/a11y\";\n\n.tna-visually-hidden,\n.tna-\\!--visually-hidden {\n width: 1px !important;\n height: 1px !important;\n margin: 0 !important;\n padding: 0 !important;\n\n overflow: hidden !important;\n\n position: absolute !important;\n top: -9999px !important;\n left: -9999px !important;\n z-index: -1 !important;\n\n background-color: transparent !important;\n\n border: 0 !important;\n\n clip: rect(0, 0, 0, 0) !important;\n\n // &::before,\n // &::after {\n // content: \"\\00a0\";\n // }\n}\n\n:focus-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\na,\nbutton,\ninput,\ntextarea,\nselect,\nsummary {\n &:active {\n @include a11y.focus-outline-without-offset;\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-without-offset {\n @include colour.colour-outline(\n \"focus-outline\",\n a11y.$focus-outline-width,\n solid\n );\n}\n\n@mixin focus-outline {\n @include focus-outline-without-offset;\n outline-offset: a11y.$focus-outline-offset;\n}\n\n@mixin active-outline {\n outline-offset: 0;\n}\n\n@mixin no-focus-outline-on-click {\n .tna-template--clicked &:focus {\n outline: none;\n }\n}\n","$focus-outline-width: 5px !default;\n$focus-outline-offset: 2px !default;\n$focus-outline-padding: $focus-outline-width + $focus-outline-offset;\n","@keyframes image-loader-background {\n 0%,\n 100% {\n background-position: 0 50%;\n }\n\n 50% {\n background-position: 100% 50%;\n }\n}\n","@use \"../tools/colour\";\n@use \"../tools/media\";\n@use \"../tools/spacing\";\n\n.tna-section {\n padding-top: spacing.space(3);\n padding-bottom: spacing.space(3);\n}\n\n.tna-aside {\n @include spacing.space-above;\n padding: spacing.space(2);\n\n @include colour.on-high-contrast-and-forced-colours {\n @include colour.colour-border(\"keyline-dark\", 1px);\n }\n\n &--tight {\n padding: spacing.space(1);\n }\n}\n\n@include media.on-mobile {\n .tna-section {\n padding-top: spacing.space(2);\n padding-bottom: spacing.space(2);\n }\n\n .tna-aside {\n padding: spacing.space(1);\n }\n}\n","@use \"../../tools/colour\";\n\n.tna-template {\n @include colour.always-light;\n\n @include colour.colour-background(\"background\");\n\n &--system-theme {\n @media (prefers-color-scheme: dark) {\n @include colour.colour-css-vars-dark;\n }\n\n @media (prefers-contrast: more) and (prefers-color-scheme: dark) {\n @include colour.colour-css-vars-high-contrast-dark;\n }\n }\n\n &--dark-theme {\n @include colour.colour-css-vars-dark;\n\n @media (prefers-contrast: more) {\n @include colour.colour-css-vars-high-contrast-dark;\n }\n }\n\n &--black-accent {\n @include colour.black-accent;\n }\n\n &--pink-accent {\n @include colour.pink-accent;\n }\n\n &--orange-accent {\n @include colour.orange-accent;\n }\n\n &--yellow-accent {\n @include colour.yellow-accent;\n }\n\n &--green-accent {\n @include colour.green-accent;\n }\n\n &--blue-accent {\n @include colour.blue-accent;\n }\n}\n\n.tna-background {\n &-tint {\n @include colour.tint;\n }\n\n &-contrast {\n @include colour.contrast;\n }\n\n &-accent {\n @include colour.accent;\n }\n\n &-accent-light {\n @include colour.accent-light;\n }\n}\n\n.tna-border {\n &-keyline {\n @include colour.colour-border(\"keyline\", 1px);\n }\n\n &-keyline-dark {\n @include colour.colour-border(\"keyline-dark\", 1px);\n }\n}\n\n.tna-accent {\n &-black {\n @include colour.black-accent;\n }\n\n &-pink {\n @include colour.pink-accent;\n }\n\n &-orange {\n @include colour.orange-accent;\n }\n\n &-yellow {\n @include colour.yellow-accent;\n }\n\n &-green {\n @include colour.green-accent;\n }\n\n &-blue {\n @include colour.blue-accent;\n }\n}\n","@use \"../tools/media\";\n@use \"../tools/grid\";\n\n.tna-columns {\n column-gap: grid.gutter-width();\n\n &--2 {\n column-count: 2;\n }\n\n &--3 {\n column-count: 3;\n }\n\n @include media.on-tiny {\n column-gap: grid.gutter-width-tiny();\n }\n\n @include media.on-small {\n @for $i from 1 through 4 {\n &--#{$i}-small {\n column-count: $i;\n }\n }\n }\n\n @include media.on-tiny {\n @for $i from 1 through 4 {\n &--#{$i}-tiny {\n column-count: $i;\n }\n }\n }\n\n &__block {\n break-inside: avoid;\n }\n\n &:has(&__block:only-of-type) {\n column-count: 1;\n }\n}\n","@use \"sass:math\";\n@use \"sass:selector\";\n@use \"../../variables/typography\" as typographyVars;\n@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-template {\n @include colour.colour-font(\"font-base\");\n @include typography.main-font;\n direction: ltr;\n text-rendering: optimizeLegibility;\n -webkit-text-size-adjust: none;\n text-size-adjust: none;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n}\n\n.tna-template__body {\n color: inherit;\n @include typography.font-size(typographyVars.$body-font-size-px);\n line-height: typographyVars.$body-line-height;\n\n @include media.on-mobile {\n @include typography.font-size(typographyVars.$body-font-size-px-mobile);\n }\n}\n\nstrong {\n @include typography.main-font-weight-bold;\n}\n\np {\n @include spacing.space-above;\n\n + p {\n margin-top: spacing.space(1);\n }\n}\n\na {\n text-decoration-thickness: 1.5px;\n\n border-radius: 0.1px;\n\n &,\n &:link {\n @include colour.colour-font(\"link\");\n }\n\n &:visited {\n @include colour.colour-font(\"link-visited\");\n }\n\n &:hover,\n &:focus-visible,\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 &:focus-visible {\n @include typography.interacted-text-decoration;\n\n .fa-solid {\n color: inherit;\n }\n }\n }\n\n .fa-solid {\n @include colour.colour-font(\"icon-light\");\n\n @include colour.on-high-contrast {\n @include colour.colour-font(\"icon\");\n }\n }\n}\n\n%chip-plain {\n padding: 0;\n\n background-color: transparent;\n\n border: none;\n\n @at-root #{selector.unify(\"a\", &)} {\n .fa-solid {\n color: inherit;\n }\n }\n}\n\n%chip-accent {\n @include colour.accent;\n\n @include colour.colour-border(\"accent-background\", 2px);\n\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n\n .tna-background-accent &,\n .tna-template--dark-theme .tna-background-accent-light & {\n @include colour.colour-font(\"contrast-font-base\");\n\n @include colour.colour-background(\"contrast-background\");\n\n @include colour.colour-border(\"contrast-background\");\n\n .fa-solid {\n @include colour.colour-font(\"contrast-icon-light\");\n }\n }\n\n .tna-template--system-theme .tna-background-accent-light & {\n @media (prefers-color-scheme: dark) {\n @include colour.colour-font(\"contrast-font-base\");\n\n @include colour.colour-background(\"contrast-background\");\n\n @include colour.colour-border(\"contrast-background\");\n\n .fa-solid {\n @include colour.colour-font(\"contrast-icon-light\");\n }\n }\n }\n}\n\n.tna-chip {\n @extend %chip;\n\n &--plain {\n @extend %chip-plain;\n }\n\n &--black {\n @include colour.black-accent;\n }\n\n &--pink {\n @include colour.pink-accent;\n }\n\n &--orange {\n @include colour.orange-accent;\n }\n\n &--yellow {\n @include colour.yellow-accent;\n }\n\n &--green {\n @include colour.green-accent;\n }\n\n &--blue {\n @include colour.blue-accent;\n }\n\n &:not(&--plain) {\n @extend %chip-accent;\n }\n}\n\n.tna-chip-list {\n @include spacing.space-above;\n\n display: flex;\n flex-wrap: wrap;\n gap: spacing.space(0.5) spacing.space(1.5);\n\n list-style: none;\n\n &__item {\n display: flex;\n align-items: center;\n }\n}\n\n%heading {\n @include colour.colour-font(\"font-dark\");\n text-wrap: pretty;\n\n a {\n display: inline-block;\n\n vertical-align: top;\n\n &::after {\n content: \"\";\n\n width: 0.3125em;\n height: 0.3125em;\n margin-bottom: 0.1em;\n margin-left: 0.375em;\n\n display: inline-block;\n\n vertical-align: middle;\n\n transform: rotate(45deg);\n\n @include colour.colour-border(\"link\", 0.125em, solid, top);\n @include colour.colour-border(\"link\", 0.125em, solid, right);\n }\n\n &:not(.tna-link--no-visited-state):visited {\n &::after {\n @include colour.colour-border(\"link-visited\");\n }\n }\n }\n\n strong {\n font-weight: inherit;\n }\n}\n\n%heading-xl {\n @extend %heading;\n\n @include typography.heading-font;\n @include typography.heading-generator(\n typographyVars.$heading-xl-font-size-default,\n typographyVars.$heading-xl-font-size-medium,\n typographyVars.$heading-xl-font-size-small,\n typographyVars.$heading-xl-font-size-tiny,\n typographyVars.$heading-xl-line-height\n );\n}\n\n%heading-l {\n @extend %heading;\n\n @include typography.heading-font;\n @include typography.heading-generator(\n typographyVars.$heading-l-font-size-default,\n typographyVars.$heading-l-font-size-medium,\n typographyVars.$heading-l-font-size-small,\n typographyVars.$heading-l-font-size-tiny,\n typographyVars.$heading-l-line-height\n );\n\n a {\n &::after {\n width: 0.275em;\n height: 0.275em;\n margin-bottom: 0;\n margin-left: 0.25em;\n\n border-top-width: 0.1em;\n border-right-width: 0.1em;\n }\n }\n}\n\n%heading-m {\n @extend %heading;\n\n @include typography.main-font-weight-bold;\n @include typography.heading-generator(\n typographyVars.$heading-m-font-size-default,\n typographyVars.$heading-m-font-size-medium,\n typographyVars.$heading-m-font-size-small,\n typographyVars.$heading-m-font-size-tiny,\n typographyVars.$heading-m-line-height\n );\n}\n\n%heading-s {\n @extend %heading;\n\n @include typography.main-font-weight-bold;\n @include typography.heading-generator(\n typographyVars.$heading-s-font-size-default,\n typographyVars.$heading-s-font-size-medium,\n typographyVars.$heading-s-font-size-small,\n typographyVars.$heading-s-font-size-tiny,\n typographyVars.$heading-s-line-height\n );\n}\n\n%headings-and-heading-groups {\n @include spacing.space-above;\n margin-bottom: 0;\n padding: spacing.space(1) 0 0;\n\n &:first-child {\n padding-top: 0;\n }\n\n + p,\n + .tna-large-paragraph {\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 &:focus-visible {\n @include typography.interacted-text-decoration;\n }\n }\n}\n\naddress {\n line-height: 1.375;\n font-style: inherit;\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 align-self: stretch;\n flex: 1;\n\n border: none;\n }\n\n &__group,\n &__fieldset {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: spacing.space(0.5);\n }\n\n &__group--inline,\n &__group--inline &__fieldset {\n flex-direction: row;\n align-items: flex-start;\n\n @include media.on-mobile {\n flex-direction: column;\n }\n }\n\n &__group-contents {\n flex: 0 0 39%;\n }\n\n &__legend {\n margin-bottom: spacing.space(0.5);\n }\n\n &__heading {\n margin: 0;\n\n @extend %heading;\n\n &--xl {\n @extend %heading-xl;\n }\n\n &--l {\n @extend %heading-l;\n }\n\n &--m {\n @extend %heading-m;\n }\n\n &--s {\n @extend %heading-s;\n }\n\n &--xs {\n font-size: 1em;\n @include typography.main-font;\n }\n }\n\n &__label {\n }\n\n &__hint {\n margin-top: 0;\n\n @include typography.font-size(16);\n @include colour.colour-font(\"font-light\");\n }\n\n &__error-message {\n margin-top: 0;\n\n @include colour.colour-font(\"form-error-text\");\n @include typography.main-font-weight-bold;\n }\n}\n",".tna-template {\n /\n * ------------------------------------------\n * A minimum page width of 320px is needed in\n * order to meet the WCAG AA success criteria\n * for 1.4.10 (Reflow)\n * https://www.w3.org/WAI/WCAG21/Understanding/reflow.html\n * ------------------------------------------\n /\n min-width: 320px;\n width: 100%;\n height: 100%;\n\n /\n * ------------------------------------------\n * Support ended with iOS 13 released on 19th\n * September 2019. Deprecate in the future if\n * iOS <13 share drops low enough.\n * https://caniuse.com/mdn-css_properties_-webkit-overflow-scrolling\n * ------------------------------------------\n /\n -webkit-overflow-scrolling: touch;\n}\n\n.tna-template__body {\n min-height: 100%;\n margin: 0;\n padding: 0;\n\n &:has(:is(.tna-global-header, .tna-header)):has(.tna-main):has(.tna-footer) {\n display: flex;\n flex-direction: column;\n }\n}\n\n.tna-main {\n flex: 1;\n}\n","@use \"sass:math\";\n@use \"sass:selector\";\n@use \"../../variables/grid\" as gridVars;\n@use \"../../tools/grid\";\n@use \"../../tools/media\";\n\n.tna-container {\n width: 100%;\n max-width: gridVars.$largest-container-width;\n margin-right: auto;\n margin-left: auto;\n padding-right: grid.gutter-width-half();\n padding-left: grid.gutter-width-half();\n\n display: flex;\n flex-wrap: wrap;\n align-items: stretch;\n justify-content: flex-start;\n\n box-sizing: border-box;\n\n & &--no-padding {\n max-width: gridVars.$largest-container-width - grid.gutter-width-double();\n padding-right: 0;\n padding-left: 0;\n }\n\n &--max {\n max-width: none;\n }\n\n &--centred,\n &--align-centre {\n justify-content: center;\n }\n\n &--align-right {\n justify-content: flex-end;\n }\n\n & &--nested {\n width: auto;\n margin-right: -#{grid.gutter-width()};\n margin-left: -#{grid.gutter-width()};\n }\n\n @at-root #{selector.unify(\"ul\", &)} {\n list-style: none;\n }\n}\n\n.tna-column {\n padding-right: grid.gutter-width-half();\n padding-left: grid.gutter-width-half();\n\n box-sizing: border-box;\n\n & &--no-padding {\n padding-right: 0;\n padding-left: 0;\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-small {\n @include grid.columns-generator(gridVars.$column-count-small, \"small\");\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 & &--nested {\n width: auto;\n margin-right: -#{grid.gutter-width-tiny()};\n margin-left: -#{grid.gutter-width-tiny()};\n }\n }\n\n .tna-column {\n padding-right: grid.gutter-width-tiny-half();\n padding-left: grid.gutter-width-tiny-half();\n }\n\n @include grid.columns-generator(gridVars.$column-count-tiny, \"tiny\");\n}\n","$largest-container-width: 1280px !default;\n\n$gutter-width: 2 !default;\n$gutter-width-tiny: 1 !default;\n\n$column-count: 12;\n$column-count-medium: 6;\n$column-count-small: 4;\n$column-count-tiny: 2;\n","@use \"sass:math\";\n@use \"../variables/grid\";\n@use \"spacing\";\n\n@function gutter-width() {\n @return spacing.space(grid.$gutter-width);\n}\n\n@function gutter-width-half() {\n @return spacing.space(math.div(grid.$gutter-width, 2));\n}\n\n@function gutter-width-double() {\n @return spacing.space(grid.$gutter-width 2);\n}\n\n@function gutter-width-tiny() {\n @return spacing.space(grid.$gutter-width-tiny);\n}\n\n@function gutter-width-tiny-half() {\n @return spacing.space(math.div(grid.$gutter-width-tiny, 2));\n}\n\n@function gutter-width-tiny-double() {\n @return spacing.space(grid.$gutter-width-tiny * 2);\n}\n\n@mixin columns-generator($count, $suffix: \"\") {\n @if $suffix != \"\" {\n $suffix: \"-\" + $suffix;\n }\n\n .tna-column {\n &--full#{$suffix} {\n width: 100%;\n flex: none;\n }\n\n @for $i from 1 through $count - 1 {\n $simplest-fraction-found: false;\n\n @for $j from math.div($count, 2) through 1 {\n @if (\n $count % $j == 0 and $i % $j == 0 and $simplest-fraction-found != true\n ) {\n &--width-#{math.div($i, $j)}-#{math.div($count, $j)}#{$suffix} {\n width: math.div(100%, $count) * $i;\n flex: none;\n }\n\n &--margin-right-#{math.div($i, $j)}-#{math.div($count, $j)}#{$suffix} {\n margin-right: math.div(100%, $count) * $i;\n }\n\n &--margin-left-#{math.div($i, $j)}-#{math.div($count, $j)}#{$suffix} {\n margin-left: math.div(100%, $count) * $i;\n }\n\n $simplest-fraction-found: true;\n }\n }\n\n @if $simplest-fraction-found != true {\n &--width-#{$i}-#{$count}#{$suffix} {\n width: math.div(100%, $count) * $i;\n flex: none;\n }\n\n &--margin-right-#{$i}-#{$count}#{$suffix} {\n margin-right: math.div(100%, $count) * $i;\n }\n\n &--margin-left-#{$i}-#{$count}#{$suffix} {\n margin-left: math.div(100%, $count) * $i;\n }\n }\n }\n\n @if $suffix != \"\" {\n &--no-margin-right#{$suffix} {\n margin-right: 0;\n }\n\n &--no-margin-left#{$suffix} {\n margin-left: 0;\n }\n }\n\n @for $i from 1 through 3 {\n &--flex-#{$i}#{$suffix} {\n width: auto;\n\n flex: $i 0;\n }\n }\n\n @for $i from 1 through 4 {\n &--order-#{$i}#{$suffix} {\n order: $i;\n }\n }\n }\n}\n","@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n@use \"../../utilities/typography\" as typographyUtils;\n\nul,\nol {\n margin: 0;\n padding: 0;\n}\n\n.tna-ul {\n list-style-type: disc;\n}\n\n.tna-ul,\n.tna-ol {\n margin-top: spacing.space(1);\n padding-left: spacing.space(2);\n\n &:first-child {\n margin-top: 0;\n }\n\n &--plain {\n padding-left: 0;\n }\n\n &--plain,\n &--no-list-style {\n list-style: none;\n }\n\n & > li > & {\n margin-top: 0;\n padding-left: spacing.space(1.25);\n }\n\n > li {\n &::marker {\n @include colour.colour-font(\"accent-list-marker\");\n @include typography.main-font-weight-bold;\n }\n }\n\n &--spaced > li + li {\n margin-top: spacing.space(0.5);\n }\n\n &--spaced > li > & {\n margin-top: spacing.space(1);\n margin-bottom: spacing.space(1);\n }\n\n &--dashed {\n > li::marker {\n content: \"— \";\n @include colour.colour-font(\"font-light\");\n @include typography.main-font-weight;\n }\n }\n}\n\n.tna-dl-chips {\n @include spacing.space-above(true);\n\n display: flex;\n flex-wrap: wrap;\n gap: spacing.space(0.75) spacing.space(1.5);\n\n @extend %chip-plain;\n\n dt {\n position: absolute;\n\n font-size: 0;\n }\n\n &__item {\n @extend %chip;\n }\n\n a#{&}__item {\n cursor: pointer;\n }\n\n &:not(&--plain) {\n gap: spacing.space(0.5) spacing.space(1);\n }\n\n &--plain &__item {\n @extend %chip-plain;\n }\n\n &:not(&--plain) &__item {\n @extend %chip-accent;\n }\n\n &--plain a#{&}__item {\n @include colour.colour-font(\"link\");\n }\n}\n\n@mixin stacked-dl {\n dt,\n dd {\n width: 100%;\n margin-left: 0;\n }\n\n dd {\n padding-left: spacing.space(1);\n }\n\n &.tna-dl--plain {\n dt {\n padding-top: 0;\n padding-bottom: 0;\n\n .fa-solid {\n margin-top: 0;\n }\n }\n\n dd {\n margin-left: 0;\n padding-top: 0;\n }\n }\n\n &:not(.tna-dl--plain) {\n dt {\n @include colour.colour-background(\"background-tint\");\n\n @include colour.colour-font(\"font-base\");\n }\n\n dd {\n margin-left: 0;\n\n background: transparent !important;\n }\n }\n}\n\n.tna-dl {\n @include spacing.space-above(true);\n\n display: flex;\n flex-wrap: wrap;\n\n &:first-child {\n margin-top: 0;\n }\n\n dt,\n dd {\n margin: 0;\n padding: spacing.space(0.5) spacing.space(1);\n\n box-sizing: border-box;\n\n position: relative;\n\n word-wrap: break-word;\n }\n\n &--plain {\n dt {\n padding-top: 0;\n padding-left: 0;\n }\n\n dd {\n padding-top: 0;\n padding-right: 0;\n }\n }\n\n &--plain#{&}--spaced {\n dt,\n dd {\n padding-bottom: spacing.space(1.25);\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: spacing.space(0.5);\n left: spacing.space(1);\n\n line-height: inherit;\n text-align: left;\n\n @include colour.colour-font(\"icon-light\");\n }\n }\n }\n\n &--icon-padding#{&}--plain {\n dt {\n padding-left: spacing.space(2) !important;\n\n .fa-solid {\n top: 0;\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\nli,\ndd {\n p {\n margin-top: spacing.space(0.25);\n\n &:first-child {\n margin-top: 0;\n }\n }\n}\n","@use \"sass:map\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n\n@mixin hide-on($suffix) {\n .tna-\\!--hide-on-#{$suffix} {\n display: none !important;\n }\n}\n\n@include spacing.no-spacing-generator;\n@include spacing.spacing-generator;\n\n@include media.on-large {\n @include spacing.no-spacing-generator(\"large\");\n @include hide-on(\"large\");\n}\n\n@include media.on-medium {\n @include spacing.no-spacing-generator(\"medium\");\n @include hide-on(\"medium\");\n}\n\n@include media.on-small {\n @include spacing.no-spacing-generator(\"small\");\n @include hide-on(\"small\");\n}\n\n@include media.on-tiny {\n @include spacing.no-spacing-generator(\"tiny\");\n @include hide-on(\"tiny\");\n}\n\n.tna-\\!--hide-on-print {\n @media print {\n display: none;\n }\n}\n","@use \"../tools/colour\";\n\n* {\n margin: 0;\n padding: 0;\n\n @media (prefers-reduced-motion) {\n animation: none !important;\n transition: none !important;\n }\n\n @media (prefers-contrast: more) {\n background-image: none;\n }\n}\n\nimg,\nsvg,\npicture,\nvideo,\ncanvas {\n max-width: 100%;\n height: auto;\n\n display: block;\n}\n\nbutton,\ninput,\nselect,\ntextarea {\n font-family: inherit;\n font-size: inherit;\n}\n\n[hidden] {\n display: none !important;\n}\n\nhr {\n @include colour.colour-border(\"keyline\", 0, solid);\n border-top-width: 1px;\n\n &.tna-hr-dark {\n @include colour.colour-border(\"keyline-dark\");\n }\n}\n","@use \"sass:math\";\n@use \"sass:selector\";\n@use \"../../tools/a11y\";\n@use \"../../tools/colour\";\n@use \"../../tools/grid\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-table {\n max-width: 100%;\n\n text-align: left;\n\n border-collapse: collapse;\n\n &--full {\n width: 100%;\n }\n\n &__caption {\n padding: spacing.space(1) 0 0;\n\n caption-side: bottom;\n\n @include typography.font-size(16);\n\n &--scroll {\n min-width: calc(320px - #{grid.gutter-width()});\n max-width: calc(100vw - #{grid.gutter-width()});\n\n &::after {\n content: \" (scroll to see more)\";\n }\n }\n }\n\n &__head {\n vertical-align: bottom;\n }\n\n &__body {\n vertical-align: top;\n }\n\n &__foot {\n @include typography.main-font-weight-bold;\n vertical-align: top;\n }\n\n &__row {\n }\n\n &__header {\n }\n\n &__cell {\n }\n\n &__header,\n &__cell {\n padding: spacing.space(0.25) spacing.space(1);\n\n @include colour.colour-border(\"keyline\", 1px, solid, bottom);\n\n &:first-child {\n padding-left: 0;\n }\n\n &:last-child {\n padding-right: 0;\n }\n\n &--numeric {\n text-align: right;\n }\n }\n\n &__head &__header {\n @include colour.thick-keyline-dark(bottom);\n }\n\n &__foot &__header,\n &__foot &__cell {\n @include colour.thick-keyline-dark(top);\n }\n\n p {\n + p {\n margin-top: spacing.space(0.25);\n }\n }\n}\n\n.tna-table-wrapper {\n width: 100%;\n padding-right: grid.gutter-width();\n padding-left: grid.gutter-width();\n\n overflow: auto;\n\n position: relative;\n left: -#{grid.gutter-width()};\n\n &[tabindex=\"0\"] {\n border-radius: 0.1px;\n\n // &:active {\n // @include a11y.focus-outline;\n // }\n }\n\n @include media.on-tiny {\n padding-right: grid.gutter-width-tiny();\n padding-left: grid.gutter-width-tiny();\n\n left: -#{grid.gutter-width-tiny()};\n }\n}\n\n.tna-table,\n.tna-table-wrapper {\n @include spacing.space-above;\n margin-bottom: spacing.space(4);\n\n &:last-child {\n margin-bottom: 0;\n }\n}\n","@use \"sass:math\";\n@use \"../../tools/colour\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-accordion {\n @include spacing.space-above;\n\n // NON INTERACTIVE\n &__item {\n @include spacing.space-above;\n }\n\n &__heading {\n padding-top: spacing.space(1);\n }\n\n &__body {\n padding-top: spacing.space(1);\n }\n\n // INTERACTIVE\n &__details {\n @include colour.colour-border(\"keyline\", 1px, solid, bottom);\n\n position: relative;\n z-index: 1;\n\n &:first-child {\n @include colour.colour-border(\"keyline\", 1px, solid, top);\n // @include colour.thick-keyline-dark(top);\n // @include colour.thick-keyline-accent(top);\n }\n }\n\n &__details:has(&__summary:focus),\n &__details:has(&__content:focus) {\n z-index: 2;\n }\n\n &__summary {\n width: 100%;\n margin: 0;\n padding: spacing.space(0.5) spacing.space(3) spacing.space(0.5)\n spacing.space(1);\n\n display: block;\n\n position: relative;\n\n line-height: inherit;\n text-align: left;\n\n list-style: none;\n\n background: transparent;\n\n border: none;\n border-radius: 0.1px;\n\n cursor: pointer;\n\n @include colour.colour-font(\"font-dark\");\n @include typography.font-size(18);\n @include typography.main-font(true);\n\n * {\n font-size: inherit;\n }\n\n &::before {\n content: \"\";\n\n width: 0;\n height: 0;\n\n position: absolute;\n top: calc(50% - #{math.div(math.sqrt(3), 4)}rem);\n right: 0.75rem;\n\n border-width: #{math.div(math.sqrt(3), 2)}rem 0.5rem 0 0.5rem;\n border-color: colour.colour-var(\"font-light\") transparent;\n border-style: solid;\n }\n\n &:hover,\n &:focus-visible {\n @include typography.interacted-text-decoration;\n @include colour.colour-background(\"background-tint\");\n\n &::before {\n border-color: colour.colour-var(\"font-dark\") transparent;\n }\n }\n\n &[aria-expanded=\"true\"] {\n &::before {\n border-width: 0 0.5rem #{math.div(math.sqrt(3), 2)}rem 0.5rem;\n }\n }\n\n &:active {\n z-index: 1;\n }\n }\n\n &__content {\n padding: spacing.space(1);\n\n position: relative;\n\n border-radius: 0.1px;\n\n // &:focus {\n // z-index: 2;\n\n // @include a11y.no-focus-outline-on-click;\n // }\n\n &:has(.tna-table-wrapper):has(.tna-table) {\n padding-right: 0;\n padding-left: 0;\n }\n\n .tna-table-wrapper {\n padding-right: 0;\n padding-left: 0;\n\n left: 0;\n }\n\n .tna-table {\n width: calc(100% - #{spacing.space(2)});\n margin-right: spacing.space(1);\n margin-left: spacing.space(1);\n\n &__caption {\n padding-top: 0;\n padding-bottom: spacing.space(1);\n\n font-size: inherit;\n line-height: inherit;\n text-align: left;\n caption-side: top;\n }\n }\n }\n\n @include colour.on-forced-colours {\n &__summary {\n &::before {\n content: \"\\2193\";\n\n width: auto;\n height: auto;\n\n top: calc(50% - 0.5rem);\n\n line-height: 1rem;\n\n border: none;\n }\n\n &[aria-expanded=\"true\"] {\n &::before {\n content: \"\\2191\";\n\n border: none;\n }\n }\n }\n }\n}\n","@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-breadcrumbs {\n &__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 &:focus-visible {\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 line-height: inherit;\n\n background-color: transparent;\n\n border: none;\n\n cursor: pointer;\n\n &:hover,\n &:focus-visible {\n color: inherit;\n @include typography.interacted-text-decoration;\n\n background-color: transparent;\n }\n }\n\n @include media.on-mobile {\n &--collapsed &__item:not(:first-child, &__item--expandable, :last-child) {\n display: none;\n }\n }\n\n @include colour.on-high-contrast {\n &__link {\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"link\");\n }\n }\n }\n}\n","@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n\n.tna-button-group {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: spacing.space(1);\n\n @include spacing.space-above;\n\n @include media.on-tiny {\n flex-direction: column;\n align-items: stretch;\n }\n\n &--small {\n gap: spacing.space(0.5);\n }\n}\n","@use \"sass:math\";\n@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n@use \"button-group\";\n\n$button-border-width: 4px !default;\n\n.tna-button {\n padding: spacing.space(0.25) spacing.space(1);\n\n display: inline-flex;\n align-items: baseline;\n justify-content: center;\n gap: spacing.space(0.75);\n\n line-height: 2rem;\n text-align: center;\n text-decoration: none;\n text-wrap: balance;\n\n cursor: pointer;\n\n @include typography.font-size(18);\n @include typography.main-font-weight-bold;\n\n @include colour.colour-background(\"button-background\");\n\n @include colour.colour-border(\"button-background\", $button-border-width);\n\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"button-text\");\n }\n\n &:hover,\n &:focus {\n @include colour.colour-font(\"button-hover-text\");\n text-decoration: none;\n\n background: transparent;\n }\n\n .fa-solid {\n display: block;\n\n font-size: 0.9em;\n line-height: #{math.div(16, 18) * 2};\n }\n\n svg {\n height: 0.9em;\n flex-shrink: 0;\n\n align-self: center;\n\n fill: currentColor;\n }\n\n &--plain {\n @include typography.main-font-weight;\n\n background-color: transparent;\n\n border-color: transparent;\n\n &,\n &:link,\n &:visited,\n &:hover,\n &:focus {\n @include colour.colour-font(\"link\");\n }\n\n &:hover,\n &:focus {\n @include typography.interacted-text-decoration;\n }\n }\n\n &--accent {\n @include colour.colour-background(\"button-accented-background\");\n\n @include colour.colour-border(\"button-accented-background\");\n\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"button-accented-text\");\n }\n\n &:hover,\n &:focus {\n @include colour.colour-font(\"font-dark\");\n }\n }\n\n &--icon-right {\n flex-direction: row-reverse;\n }\n\n &--small,\n &-group--small & {\n padding: 0 spacing.space(0.5);\n\n @include typography.font-size(14);\n line-height: 1.5rem;\n }\n\n @mixin icon-only {\n padding-right: 0;\n padding-left: 0;\n\n gap: 0;\n\n font-size: 0 !important;\n line-height: 0 !important;\n\n .fa-solid {\n width: 2.5rem;\n\n @include typography.font-size(18);\n }\n\n svg {\n height: 1.5rem;\n margin: 0.5rem;\n }\n }\n\n @mixin icon-only-small {\n padding-right: 0;\n padding-left: 0;\n\n .fa-solid {\n width: 2rem;\n\n @include typography.font-size(18 * 0.9);\n line-height: 2rem;\n }\n\n svg {\n height: 1rem;\n margin: 0.5rem;\n }\n }\n\n &--icon-only {\n @include icon-only;\n }\n\n &--small#{&}--icon-only,\n &-group--small &--icon-only {\n @include icon-only-small;\n }\n\n @include media.on-mobile {\n &--icon-only-mobile {\n @include icon-only;\n }\n\n &--small#{&}--icon-only-mobile,\n &-group--small &--icon-only-mobile {\n @include icon-only-small;\n }\n }\n\n &--solid-hover {\n &:not(.tna-button--plain):hover,\n &:not(.tna-button--plain):focus {\n @include colour.colour-font(\"font-dark\");\n\n @include colour.colour-background(\"background\");\n }\n }\n\n .tna-background-accent &,\n .tna-template--dark-theme .tna-background-accent-light & {\n &:hover,\n &:focus {\n @include colour.colour-font(\"font-dark\");\n }\n }\n\n .tna-background-accent &--accent,\n .tna-template--dark-theme .tna-background-accent-light &--accent {\n @include colour.colour-background(\"contrast-button-background\");\n\n @include colour.colour-border(\"contrast-button-background\");\n\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"contrast-button-text\");\n }\n\n &:hover,\n &:focus {\n @include colour.colour-font(\"contrast-font-dark\");\n\n @include colour.colour-background(\"contrast-background\");\n }\n }\n\n @media (prefers-color-scheme: dark) {\n .tna-template--system-theme .tna-background-accent-light & {\n &:hover,\n &:focus {\n @include colour.colour-font(\"font-dark\");\n }\n }\n\n .tna-template--system-theme .tna-background-accent-light &--accent {\n @include colour.colour-background(\"contrast-button-background\");\n\n @include colour.colour-border(\"contrast-button-background\");\n\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"contrast-button-text\");\n }\n\n &:hover,\n &:focus {\n @include colour.colour-font(\"contrast-font-dark\");\n\n @include colour.colour-background(\"contrast-background\");\n }\n }\n }\n\n @include colour.on-forced-colours {\n &:hover,\n &:focus {\n @include typography.interacted-text-decoration;\n }\n }\n}\n","@use \"sass:math\";\n@use \"../../variables/a11y\" as a11yVariables;\n@use \"../../variables/borders\";\n@use \"../../tools/a11y\";\n@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n@mixin horizontal-card-layout($modifierClass, $innerPaddingAmount) {\n &#{$modifierClass} {\n padding-bottom: 0;\n\n display: grid;\n grid-template: min-content 1fr / 50% 50%;\n grid-template-areas:\n \"image header\"\n \"image body\";\n gap: 0;\n\n > * + * {\n margin-top: spacing.space(1);\n }\n\n > :first-child {\n padding-top: spacing.space($innerPaddingAmount);\n }\n\n > :last-child {\n padding-bottom: spacing.space($innerPaddingAmount);\n }\n }\n\n &#{$modifierClass}:not(:has(&__image-container)) {\n grid-template-columns: 0 100%;\n }\n\n &#{$modifierClass}#{&}--flipped {\n grid-template-areas:\n \"header image\"\n \"body image\"\n \"footer image\";\n }\n\n &#{$modifierClass}#{&}--flipped:not(:has(&__image-container)) {\n grid-template-columns: 100% 0;\n }\n\n &#{$modifierClass} &__heading,\n &#{$modifierClass} &__body {\n padding-right: spacing.space($innerPaddingAmount);\n padding-left: spacing.space($innerPaddingAmount);\n }\n\n &#{$modifierClass} &__heading {\n grid-area: header;\n }\n\n &#{$modifierClass} &__image-container {\n width: 100%;\n height: 100%;\n margin: 0;\n padding: 0;\n\n grid-area: image;\n }\n\n &#{$modifierClass} &__body {\n grid-area: body;\n }\n}\n\n.tna-card {\n @include spacing.space-above;\n\n display: flex;\n flex-direction: column;\n gap: spacing.space(1);\n\n position: relative;\n\n &:not(:has(&__image-container)) {\n padding-top: spacing.space(0.5);\n\n @include colour.thick-keyline-dark(top);\n }\n\n &__heading {\n order: 2;\n }\n\n &--full-click {\n border-radius: 0.1px;\n\n &:hover {\n @include colour.colour-outline(\"keyline\", 1px, solid);\n outline-offset: a11yVariables.$focus-outline-width - 1px;\n }\n\n &:focus,\n &:active {\n outline: none;\n }\n }\n\n &--full-click &__heading-link {\n &::before {\n content: \"\";\n\n position: absolute;\n inset: 0;\n z-index: 3;\n\n border-radius: 0.1px;\n }\n\n &:focus-visible,\n &:active {\n outline: none;\n\n &::before {\n @include a11y.focus-outline;\n }\n }\n\n &:active {\n &::before {\n @include a11y.active-outline;\n }\n }\n }\n\n &--full-click:not(:has(&__image-container)) &__heading-link {\n &::before {\n top: -#{borders.$thick-border-width};\n }\n }\n\n &__image-container {\n aspect-ratio: 3/2;\n\n order: 1;\n\n position: relative;\n\n @include colour.image-loader-background;\n }\n\n &__image {\n position: absolute;\n inset: 0;\n z-index: 1;\n\n img {\n width: 100%;\n height: 100%;\n\n object-fit: cover;\n }\n }\n\n &__image-label {\n position: absolute;\n top: spacing.space(0.5);\n left: spacing.space(0.5);\n z-index: 2;\n }\n\n &__body {\n order: 3;\n\n display: flex;\n flex-direction: column;\n\n gap: spacing.space(1);\n\n > * {\n margin-top: 0;\n }\n }\n\n &__actions {\n display: flex;\n gap: spacing.space(1) spacing.space(2);\n }\n\n &__action {\n @include typography.main-font-weight-bold;\n }\n\n &--padded {\n padding-bottom: spacing.space(1);\n }\n\n &--padded &__heading,\n &--padded &__body {\n padding-right: spacing.space(1);\n padding-left: spacing.space(1);\n }\n\n @include media.on-larger-than-mobile {\n @include horizontal-card-layout(\"--horizontal\", 2);\n\n &--horizontal#{&}--horizontal-small-image {\n grid-template-columns: max(10rem, 25%) 1fr;\n }\n\n &--horizontal#{&}--horizontal-small-image#{&}--flipped {\n grid-template-columns: 1fr max(10rem, 25%);\n }\n }\n\n @include media.on-small {\n @include horizontal-card-layout(\"--horizontal-on-small\", 1);\n\n &--horizontal-on-small#{&}--horizontal-small-image {\n grid-template-columns: max(10rem, 25%) 1fr;\n }\n\n &--horizontal-on-small#{&}--horizontal-small-image#{&}--flipped {\n grid-template-columns: 1fr max(10rem, 25%);\n }\n }\n\n @include colour.on-high-contrast {\n @include colour.colour-border(\"keyline-dark\", 1px);\n }\n}\n","@use \"../../tools/colour\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-compound-filters {\n @include spacing.space-above;\n\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: spacing.space(0.5) spacing.space(0.75);\n\n list-style: none;\n\n &__item {\n padding: 0 spacing.space(0.125) 0 spacing.space(0.75);\n\n display: flex;\n align-items: center;\n gap: spacing.space(0.5);\n\n line-height: 1.75;\n\n border-radius: 1rem;\n\n @include typography.font-size(16);\n\n @include colour.colour-border(\"keyline\", 1px);\n\n &--remove {\n padding-right: 0;\n padding-left: 0;\n\n background: none;\n\n border: none;\n border-radius: 0;\n }\n }\n\n &__link {\n width: 1.5rem;\n height: 1.5rem;\n\n position: relative;\n\n font-size: 0;\n line-height: 0;\n\n text-decoration: none;\n\n border-radius: 100%;\n\n &::before,\n &::after {\n content: \"\";\n\n height: 1rem;\n margin-left: -1px;\n\n display: block;\n\n position: absolute;\n top: 0.25rem;\n left: 50%;\n\n @include colour.colour-border(\"font-base\", 2px, solid, left);\n }\n\n &::before {\n transform: rotate(45deg);\n }\n\n &::after {\n transform: rotate(-45deg);\n }\n\n &:hover,\n &:focus-visible {\n @include colour.contrast;\n }\n }\n}\n","@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-cookie-banner {\n padding-top: spacing.space(2);\n padding-bottom: spacing.space(2);\n\n @include media.on-tiny {\n padding-top: 1rem;\n padding-bottom: 1rem;\n\n @include typography.font-size(16);\n }\n\n &__message {\n // &:focus {\n // outline: none !important;\n // }\n\n &--prompt {\n }\n\n &--accepted {\n }\n\n &--rejected {\n }\n }\n}\n","@use \"sass:math\";\n@use \"../../variables/borders\";\n@use \"../../tools/colour\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-details {\n margin-top: spacing.space(1);\n\n &:first-child {\n margin-top: 0;\n }\n\n &__details {\n }\n\n &__summary {\n width: fit-content;\n padding: spacing.space(0.5) spacing.space(1) spacing.space(0.5)\n spacing.space(2.75);\n\n display: 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 &:focus-visible {\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/a11y\";\n@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-files-list {\n @include spacing.space-above;\n padding: spacing.space(1);\n\n display: flex;\n align-items: flex-start;\n gap: spacing.space(1);\n\n @include colour.tint;\n\n &__icon {\n width: 2.5rem;\n margin-left: 0.25rem;\n\n @include colour.colour-fill(\"font-dark\");\n }\n\n &__items {\n margin: 0;\n padding: 0;\n\n display: flex;\n flex-direction: column;\n gap: spacing.space(1);\n flex: 1;\n\n list-style: none;\n\n @include colour.colour-border(\"keyline\", 0, solid);\n border-left-width: 1px;\n }\n\n &__item {\n padding: 0 0 0 spacing.space(1);\n\n position: relative;\n }\n\n &__link {\n }\n\n &--full-click {\n border-radius: 0.1px;\n }\n\n &--full-click &__link {\n &::before {\n content: \"\";\n\n position: absolute;\n inset: 0;\n z-index: 3;\n\n border-radius: 0.1px;\n }\n\n &:hover,\n &:focus-visible,\n &:active {\n &::before {\n @include colour.thick-keyline(left);\n }\n }\n\n &:focus-visible,\n &:active {\n outline: none;\n\n &::before {\n @include a11y.focus-outline;\n }\n }\n\n &:active {\n &::before {\n @include a11y.active-outline;\n }\n }\n }\n\n &__item-title {\n }\n\n &__item-body {\n padding-top: spacing.space(0.25);\n }\n\n &__item-meta {\n }\n\n &__item-description {\n margin-top: spacing.space(0.25);\n\n @include typography.font-size(16);\n }\n\n @include media.on-tiny {\n flex-direction: column;\n align-items: stretch;\n\n &__icon {\n width: 2rem;\n }\n\n &__items {\n border-left-width: 0;\n }\n\n &__item {\n padding-left: 0;\n }\n\n &--full-click &__items {\n border-left-width: 1px;\n }\n\n &--full-click &__item {\n padding-left: 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 &__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 &:focus-visible {\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 background-color: rgb(255 255 255 / 14%);\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 &:focus-visible {\n @include typography.interacted-text-decoration;\n }\n\n .fa-solid {\n margin-left: spacing.space(0.75);\n }\n }\n }\n }\n }\n\n &__legal {\n padding-top: spacing.space(3);\n\n @include typography.font-size(16);\n\n &-items {\n margin-bottom: 0;\n\n text-align: center;\n\n @include media.on-tiny {\n text-align: inherit;\n }\n }\n\n &-item {\n padding: spacing.space(0.5);\n\n display: inline-block;\n\n @include media.on-tiny {\n display: block;\n }\n\n &-link {\n }\n }\n }\n\n hr {\n margin-top: spacing.space(1.5);\n margin-bottom: spacing.space(0.5);\n }\n\n &__licence {\n @include typography.font-size(16);\n\n &.tna-container {\n align-items: center;\n }\n\n .tna-column {\n margin-top: spacing.space(1);\n }\n }\n\n &__licence-logo {\n display: block;\n }\n\n &__govuk {\n text-align: center;\n\n &-link {\n display: inline-block;\n }\n\n &-logotype-crown {\n margin: 0 auto spacing.space(0.125);\n\n display: block;\n }\n }\n\n @include media.on-mobile {\n &__inner {\n padding-top: 0;\n padding-bottom: spacing.space(2);\n }\n }\n\n @include colour.on-high-contrast {\n &__theme-selector {\n @include colour.colour-border(\"keyline\", 1px, solid, bottom);\n }\n }\n\n @include colour.on-high-contrast-and-forced-colours {\n @include colour.thick-keyline-dark(top);\n\n &__navigation {\n &-block {\n &-items {\n @include colour.thick-keyline-dark(top);\n }\n }\n }\n\n &__mailing-list {\n background-color: transparent;\n\n @include colour.colour-border(\"keyline-dark\", 1px);\n }\n }\n}\n","@use \"../../tools/a11y\";\n@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-gallery {\n @include spacing.space-above;\n\n display: grid;\n grid-template: min-content min-content 1fr / 2fr 1fr;\n gap: 0 spacing.space(1);\n\n @include colour.tint;\n\n border-radius: 0.1px;\n\n &__header {\n padding: spacing.space(1);\n\n grid-column: 1 / 3;\n grid-row: 1;\n\n display: flex;\n gap: spacing.space(2);\n }\n\n &__header-inner {\n flex: 1;\n }\n\n &__options {\n margin-top: 0;\n\n flex-direction: column;\n align-items: flex-end;\n justify-content: flex-start;\n\n .tna-button {\n white-space: nowrap;\n }\n }\n\n &__items,\n &__navigation-buttons {\n grid-column: 1 / 3;\n grid-row: 2;\n }\n\n &__items {\n position: relative;\n z-index: 1;\n\n border-radius: 0.1px;\n\n @include a11y.no-focus-outline-on-click;\n }\n\n &__item {\n display: flex;\n flex-direction: column;\n align-items: stretch;\n justify-content: center;\n }\n\n &__item-header {\n padding: spacing.space(1);\n\n line-height: 1;\n text-align: center;\n\n @include typography.main-font-weight-bold;\n @include typography.font-size(16);\n }\n\n &__item-figure {\n display: flex;\n flex-direction: column;\n align-items: stretch;\n gap: spacing.space(1);\n }\n\n &__item-figure-inner {\n width: 100%;\n\n position: relative;\n\n @include colour.contrast;\n }\n\n &__item-image {\n margin: 0 auto;\n }\n\n &__item-description {\n margin: 0 spacing.space(1) spacing.space(1);\n padding: spacing.space(0.5) spacing.space(1);\n\n align-self: flex-start;\n\n @include colour.thick-keyline-dark(left);\n }\n\n &__navigation-buttons {\n width: 100%;\n max-height: 50vh;\n aspect-ratio: 3 / 2;\n\n position: relative;\n top: 3rem;\n z-index: 2;\n\n pointer-events: none;\n\n .tna-template--touched & {\n display: none;\n }\n }\n\n &__navigation-button {\n width: 35%;\n\n display: flex;\n align-items: center;\n\n position: absolute;\n top: 0;\n bottom: 0;\n\n background: transparent;\n\n border: none;\n\n opacity: 0;\n\n cursor: pointer;\n pointer-events: auto;\n @include typography.main-font-weight-bold;\n\n &:hover,\n &:focus-visible {\n opacity: 1;\n }\n }\n\n &__navigation-prev {\n padding-left: 1rem;\n\n justify-content: flex-start;\n\n left: 0;\n }\n\n &__navigation-next {\n padding-right: 1rem;\n\n justify-content: flex-end;\n\n right: 0;\n }\n\n &__navigation-button-label {\n padding: 0.5rem 0.75rem;\n\n display: flex;\n align-items: center;\n gap: 0.5rem;\n\n @include colour.accent;\n }\n\n &__navigation-button-icon {\n content: \"\";\n\n width: 1rem;\n height: 1rem;\n\n display: block;\n flex: none;\n\n @include colour.colour-border(\"font-dark\", 4px, solid, top);\n @include colour.colour-border(\"font-dark\", 4px, solid, right);\n\n transform-origin: 50% 50%;\n }\n\n &__navigation-prev &__navigation-button-icon {\n transform: rotate(-135deg);\n }\n\n &__navigation-next &__navigation-button-icon {\n transform: rotate(45deg);\n }\n\n &__items--hide-item-titles &__item &__item-header,\n &__items--hide-items,\n &__items--hide-items + &__navigation-buttons {\n display: none;\n }\n\n &__navigation {\n max-height: 40rem;\n max-height: clamp(15rem, calc(100vh - #{spacing.space(2)}), 40rem);\n padding: spacing.space(1);\n\n grid-column: 1 / 3;\n grid-row: 3;\n\n display: grid;\n grid-template-columns: repeat(6, 1fr);\n grid-auto-rows: min-content;\n gap: spacing.space(1);\n\n overflow: auto;\n }\n\n &__navigation-item {\n min-width: 0;\n min-height: 0;\n aspect-ratio: 1;\n\n position: relative;\n\n border: none;\n\n cursor: pointer;\n\n @include colour.contrast;\n\n @include colour.image-loader-background;\n\n &:hover {\n &::after {\n content: \"\";\n\n position: absolute;\n inset: 0;\n z-index: 2;\n\n @include colour.thick-keyline-accent;\n }\n }\n\n &[aria-selected=\"true\"] {\n @include colour.accent;\n\n &::after {\n content: \"\";\n\n position: absolute;\n inset: 0;\n z-index: 2;\n\n @include colour.thick-keyline-brand(\"\", \"black\");\n }\n }\n }\n\n &__navigation-item-image {\n width: 100%;\n height: 100%;\n\n position: absolute;\n inset: 0;\n object-fit: cover;\n }\n\n &__navigation-item-label {\n padding: spacing.space(0.25) spacing.space(0.75);\n\n display: inline-block;\n\n position: absolute;\n top: 0;\n left: 0;\n z-index: 4;\n\n text-transform: capitalize;\n\n @include colour.colour-font(\"font-dark\");\n @include typography.font-size(24);\n @include typography.main-font-weight-bold;\n\n @include colour.colour-background(\"background\");\n }\n\n &--interactive &__item-figure-inner {\n max-height: 50vh;\n aspect-ratio: 3 / 2;\n }\n\n &--interactive &__item-image {\n width: 100%;\n height: 100%;\n\n position: absolute;\n inset: 0;\n z-index: 1;\n object-fit: contain;\n }\n\n @include media.on-medium {\n &__navigation {\n grid-template-columns: repeat(4, 1fr);\n }\n }\n\n @include media.on-mobile {\n &__options {\n flex-direction: row-reverse;\n align-items: flex-start;\n }\n\n &__navigation {\n grid-template-columns: repeat(3, 1fr);\n }\n }\n\n @include media.on-tiny {\n &__navigation-item-label {\n @include typography.font-size(18);\n }\n }\n\n &:fullscreen &__header-inner {\n display: none;\n }\n\n &:fullscreen &__options {\n flex: 1;\n\n flex-direction: row;\n align-items: flex-start;\n justify-content: flex-end;\n\n .tna-button[value=\"show-index\"] {\n display: none;\n }\n }\n\n &:fullscreen &__item-description {\n max-height: 6rem;\n\n overflow: auto;\n }\n\n &:fullscreen &__navigation {\n max-height: none;\n }\n\n @media (aspect-ratio >= 1/1) {\n &:fullscreen &__header {\n grid-column: 2 / 3;\n }\n\n &:fullscreen &__items {\n grid-column: 1;\n grid-row: 1 / 4;\n\n display: flex;\n flex-direction: column;\n }\n\n &:fullscreen &__item {\n flex: 1;\n }\n\n &:fullscreen &__item-figure {\n flex: 1;\n }\n\n &:fullscreen &__item-description {\n margin-right: 0;\n margin-bottom: 0;\n }\n\n &:fullscreen &__item-figure-inner,\n &:fullscreen &__navigation-buttons {\n max-height: none;\n flex: 1;\n\n aspect-ratio: auto;\n }\n\n &:fullscreen &__navigation-buttons {\n width: auto;\n padding: spacing.space(1);\n\n grid-column: 1;\n grid-row: 4;\n\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n top: 0;\n }\n\n &:fullscreen &__navigation-button {\n width: auto;\n padding: 0;\n\n position: static;\n\n opacity: 1;\n }\n\n &:fullscreen &__navigation {\n padding-top: 0;\n padding-left: 0;\n\n grid-column: 2 / 3;\n grid-row: 2 / 4;\n\n grid-template-columns: repeat(3, 1fr);\n gap: spacing.space(0.5);\n }\n }\n}\n","@use \"sass:math\";\n@use \"../../tools/colour\";\n@use \"../../tools/grid\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-global-header {\n padding-top: spacing.space(1);\n\n @include colour.contrast;\n background: linear-gradient(\n 0deg,\n rgb(34 34 34 / 100%) 0%,\n rgb(0 0 0 / 100%) 100%\n );\n\n @include colour.colour-font(\"font-base\");\n\n .tna-template--dark-theme & {\n background: colour.brand-colour(\"black\");\n }\n\n .tna-template--system-theme & {\n @media (prefers-color-scheme: dark) {\n background: colour.brand-colour(\"black\");\n }\n }\n\n &__main {\n padding-bottom: spacing.space(1.5);\n }\n\n &__logo-wrapper {\n margin-top: spacing.space(0.5);\n\n display: flex;\n }\n\n &__logo {\n display: flex;\n align-items: flex-end;\n gap: spacing.space(1);\n\n text-decoration: none;\n\n &--link {\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"font-base\");\n }\n\n &:hover,\n &:focus-visible {\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: inline-block;\n\n @include colour.colour-background(\"font-dark\");\n\n &::before,\n &::after {\n content: \"\";\n\n width: 2rem;\n height: 0.25rem;\n\n display: block;\n\n position: absolute;\n right: 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 display: flex;\n align-items: center;\n gap: 0.75rem;\n\n position: relative;\n\n color: inherit;\n\n background: none;\n\n border: 0 transparent solid;\n border-width: 0.25rem 0;\n\n cursor: pointer;\n @include typography.main-font-weight-bold;\n @include typography.font-size(16);\n\n &:hover,\n &:focus-visible {\n @include typography.interacted-text-decoration;\n }\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\", 1px, solid, bottom);\n\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"font-base\");\n }\n\n &:hover,\n &:focus-visible {\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 &:focus-visible {\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(0.5);\n padding-bottom: spacing.space(0.5);\n\n justify-content: flex-start;\n\n gap: spacing.space(1.5);\n }\n\n &__top-navigation-link {\n padding: spacing.space(0.25) 0;\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-button {\n @include typography.font-size(14);\n }\n\n &__navigation {\n width: calc(100% + #{grid.gutter-width-tiny-double()});\n\n left: -#{grid.gutter-width-tiny()};\n }\n\n &__navigation-item-link {\n padding: spacing.space(0.5) grid.gutter-width-tiny();\n }\n }\n\n @include colour.on-high-contrast-and-forced-colours {\n @include colour.colour-border(\"keyline\", 1px, solid, bottom);\n }\n\n @include colour.on-forced-colours {\n &__navigation-button {\n height: auto;\n\n line-height: 2;\n @include typography.font-size(18);\n @include typography.main-font-weight-bold;\n\n border: none;\n }\n\n &__hamburger {\n display: none;\n }\n }\n}\n","@use \"sass:math\";\n@use \"../../tools/colour\";\n@use \"../../tools/grid\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-header {\n @include colour.contrast;\n\n position: relative;\n\n background: linear-gradient(\n 0deg,\n rgb(34 34 34 / 100%) 0%,\n rgb(0 0 0 / 100%) 100%\n );\n\n .tna-template--dark-theme & {\n background: colour.brand-colour(\"black\");\n }\n\n .tna-template--system-theme & {\n @media (prefers-color-scheme: dark) {\n background: colour.brand-colour(\"black\");\n }\n }\n\n &__contents {\n &.tna-container {\n justify-content: space-between;\n }\n }\n\n &__logo {\n padding-top: spacing.space(1.25);\n padding-bottom: spacing.space(1.25);\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: 5rem;\n height: 5rem;\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: 1.625rem;\n @include typography.heading-font;\n @include typography.font-size(20);\n text-transform: uppercase;\n }\n\n &__navigation-button-wrapper {\n align-self: center;\n\n display: none;\n }\n\n &__hamburger {\n width: 2rem;\n height: 0.25rem;\n\n display: inline-block;\n\n @include colour.colour-background(\"font-dark\");\n\n &::before,\n &::after {\n content: \"\";\n\n width: 2rem;\n height: 0.25rem;\n\n display: block;\n\n position: absolute;\n right: 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: flex;\n align-items: center;\n gap: 0.75rem;\n\n position: relative;\n\n color: inherit;\n @include typography.main-font-weight-bold;\n @include typography.font-size(16);\n\n background: none;\n\n border: 0 transparent solid;\n border-width: 0.25rem 0;\n\n cursor: pointer;\n\n &:hover,\n &:focus-visible {\n @include typography.interacted-text-decoration;\n }\n\n &--opened {\n .tna-header__hamburger {\n height: 0;\n\n &::before {\n top: 0.625rem;\n\n transform: rotate(-135deg);\n }\n\n &::after {\n bottom: 0.625rem;\n\n transform: rotate(135deg);\n }\n }\n }\n }\n\n &__navigation {\n display: flex;\n flex-direction: column-reverse;\n align-items: flex-end;\n justify-content: space-between;\n\n position: relative;\n z-index: 2;\n }\n\n &__top-navigation-items {\n margin: 0;\n padding: spacing.space(1.25) 0;\n\n display: flex;\n justify-content: flex-end;\n gap: spacing.space(0.5) spacing.space(1.5);\n\n line-height: 1;\n\n list-style: none;\n\n @include typography.font-size(15);\n }\n\n &__top-navigation-item {\n display: block;\n }\n\n &__top-navigation-item-link {\n display: flex;\n align-items: center;\n\n text-decoration: none;\n\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"font-light\");\n }\n\n &:hover,\n &:focus-visible,\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 &:focus-visible {\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-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-button-wrapper {\n display: block;\n\n &.tna-column {\n padding-left: 0;\n }\n }\n\n &__navigation {\n flex-direction: column;\n align-items: stretch;\n\n &.tna-column {\n padding-right: 0;\n padding-left: 0;\n }\n }\n\n &__top-navigation-items {\n padding: spacing.space(0.5) spacing.space(1);\n\n justify-content: flex-start;\n\n @include colour.colour-border(\"keyline\", 1px, solid, bottom);\n }\n\n &__top-navigation-item {\n margin: 0;\n }\n\n &__top-navigation-item-link {\n padding: spacing.space(0.5) 0;\n\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"font-light\");\n }\n\n &:hover,\n &:focus-visible {\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 &:focus-visible {\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,\n &__navigation-item-link,\n &__navigation-button-wrapper {\n padding-right: grid.gutter-width();\n }\n\n &__logo,\n &__navigation-item-link {\n padding-left: grid.gutter-width();\n }\n\n &__top-navigation-items {\n padding-right: grid.gutter-width();\n padding-left: grid.gutter-width();\n }\n }\n\n @include media.on-tiny {\n &__navigation-button-wrapper,\n &__logo {\n padding-right: grid.gutter-width-tiny();\n }\n\n &__logo {\n padding-left: grid.gutter-width-tiny();\n flex: 1;\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 &__navigation-button {\n @include typography.font-size(14);\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-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 &:focus-visible {\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 p + p {\n margin-top: spacing.space(0.5);\n }\n }\n\n &__image {\n position: absolute;\n inset: 0;\n z-index: 1;\n\n @include colour.image-loader-background;\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 &:focus-visible {\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#{&}--narrow {\n margin-bottom: spacing.space($shift-units - $padding-units-narrow);\n }\n\n &--shift &__content-inner {\n position: relative;\n top: spacing.space($shift-units);\n }\n\n &--shift:not(.tna-background-accent, .tna-background-tint) &__content-inner {\n @include colour.contrast;\n }\n\n &--narrow {\n }\n\n &--narrow &__figure {\n min-height: max(#{spacing.space($padding-units-narrow * 2)}, 20rem);\n padding-top: spacing.space($padding-units-narrow);\n padding-bottom: spacing.space($padding-units-narrow);\n }\n\n @include media.on-mobile {\n & &__figure {\n min-height: auto;\n padding: 0;\n\n flex-direction: column;\n }\n\n &__caption {\n order: 2;\n }\n\n &__details {\n }\n\n &__details-summary {\n }\n\n &__details-summary-icon {\n }\n\n &__information,\n &--split &__information {\n width: auto;\n max-width: none;\n\n left: 0;\n }\n\n &__image {\n width: 100%;\n\n position: static;\n\n order: 1;\n\n img {\n height: auto;\n }\n }\n\n &__inner {\n order: 3;\n }\n\n &__content {\n }\n\n &__content-inner {\n padding-right: 0;\n padding-left: 0;\n }\n\n &__heading {\n }\n\n &__body {\n margin-top: spacing.space(1);\n }\n\n &--shift {\n margin-bottom: 0;\n }\n\n &--shift &__content-inner {\n position: static;\n }\n\n &--split &__figure {\n min-height: auto;\n padding-top: 0;\n padding-bottom: 0;\n }\n\n &--split &__content {\n width: 100%;\n padding-right: grid.gutter-width-half();\n }\n\n &--split &__content-inner {\n padding-top: spacing.space(2);\n padding-bottom: spacing.space(2);\n }\n }\n\n @include colour.on-high-contrast-and-forced-colours {\n &__information,\n &__content-inner {\n @include colour.colour-border(\"keyline-dark\", 1px);\n }\n\n @include media.on-mobile {\n &__inner {\n @include colour.colour-border(\"keyline-dark\", 1px);\n border-top: 0;\n }\n\n &__content-inner {\n border: none;\n }\n }\n }\n}\n","@use \"sass:math\";\n@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-index-grid {\n @include spacing.space-above;\n\n &__heading {\n }\n\n &__items {\n @include spacing.space-above;\n\n margin-bottom: 0;\n\n display: flex;\n gap: spacing.space(2) 0;\n\n list-style: none;\n }\n\n &__item {\n @include colour.contrast;\n\n height: 100%;\n\n display: flex;\n flex-direction: column;\n\n position: relative;\n\n text-decoration: none;\n\n .tna-background-contrast & {\n @include colour.accent;\n }\n\n @include colour.on-high-contrast-and-forced-colours {\n @include colour.colour-border(\"keyline-dark\", 1px);\n }\n }\n\n &__item-image {\n width: 100%;\n height: auto;\n\n @include colour.image-loader-background;\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 .tna-index-grid__item:focus-visible & {\n &,\n &:link,\n &:visited {\n @include typography.interacted-text-decoration;\n }\n }\n }\n\n &__item-subtitle {\n @include colour.colour-font(\"font-light\");\n @include typography.font-size(16);\n }\n}\n","@use \"sass:math\";\n@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-pagination {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: center;\n gap: spacing.space(1);\n\n @include spacing.space-above;\n\n &--spaced {\n justify-content: space-between;\n }\n\n &__prev {\n }\n\n &__next {\n }\n\n &__link {\n min-width: 1.5rem;\n padding-right: spacing.space(0.5);\n padding-left: spacing.space(0.5);\n }\n\n &__icon {\n display: inline-block;\n\n path {\n fill: currentColor;\n }\n\n &--prev {\n margin-left: spacing.space(0.5);\n }\n\n &--next {\n margin-right: spacing.space(0.5);\n }\n }\n\n &__link-title {\n padding-right: spacing.space(0.5);\n padding-left: spacing.space(0.5);\n }\n\n &__list {\n margin: 0;\n padding: 0;\n\n display: flex;\n align-items: center;\n gap: spacing.space(0.25);\n\n list-style: none;\n }\n\n &__item {\n &--ellipses {\n min-width: 2rem;\n padding: spacing.space(0.5);\n\n text-align: center;\n }\n\n &--current {\n }\n }\n\n &__item--current &__link {\n .tna-background-accent & {\n }\n }\n\n &__current-item-text {\n margin-top: 0;\n\n @include typography.main-font-weight-medium;\n }\n\n @include media.on-mobile {\n flex-direction: column;\n }\n\n @include media.on-tiny {\n &__item {\n display: none;\n\n &:first-child,\n &:last-child,\n &--current,\n &--ellipses {\n display: block;\n }\n }\n }\n}\n","@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-phase-banner {\n @include colour.contrast;\n\n padding-top: spacing.space(0.5);\n padding-bottom: spacing.space(0.5);\n\n @include typography.font-size(16);\n\n border-bottom: 1px transparent solid;\n\n .tna-container {\n align-items: center;\n }\n\n &__phase {\n @include typography.main-font-weight-bold;\n text-transform: uppercase;\n }\n\n &__message {\n }\n\n @include colour.on-high-contrast-and-forced-colours {\n @include colour.colour-border(\"keyline\", 1px, solid, bottom);\n }\n}\n","@use \"../../tools/a11y\";\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 @include colour.image-loader-background;\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.5);\n\n // @include a11y.no-focus-outline-on-click;\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 &--plain &__image-wrapper {\n padding: 0;\n }\n\n &--plain &__image {\n box-shadow: none;\n }\n\n @include media.on-larger-than-mobile {\n &--plain {\n margin-right: spacing.space(2);\n margin-left: spacing.space(2);\n }\n }\n\n @include media.on-small {\n &--plain {\n margin-right: spacing.space(1);\n margin-left: spacing.space(1);\n }\n }\n\n @include media.on-tiny {\n &__image-wrapper {\n padding: 0;\n }\n\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 &:focus-visible {\n @include colour.tint;\n }\n }\n\n &__item--selected &__link {\n &,\n &:link,\n &:visited,\n &:hover,\n &:focus-visible {\n @include colour.accent;\n @include colour.colour-border(\"background\");\n }\n }\n}\n","@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-records-list {\n @include spacing.space-above;\n margin-bottom: 0;\n padding: 0;\n\n list-style: none;\n\n @include colour.thick-keyline-accent(top);\n\n &__item {\n padding: spacing.space(1) spacing.space(1.5);\n\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: spacing.space(2);\n\n @include colour.colour-border(\"keyline\", 1px);\n border-top-width: 0;\n }\n\n &__image {\n width: 6rem;\n height: auto;\n }\n\n &__details {\n margin: 0;\n\n flex: 1;\n }\n\n &__title-label,\n &__date-label {\n display: none;\n }\n\n &__collection-description,\n &__title-description,\n &__date-description {\n width: 100%;\n margin: 0;\n }\n\n &__collection-label,\n &__collection-description {\n display: inline-block;\n }\n\n &__collection-label {\n &::after {\n content: \":\";\n content: \":\" / \"\";\n }\n }\n\n &__collection-description {\n }\n\n &__title-label {\n }\n\n &__title-description {\n padding-bottom: spacing.space(0.25);\n\n @include typography.detail-font(true);\n }\n\n &__date-label {\n }\n\n &__date-description {\n @include colour.colour-font(\"font-light\");\n @include typography.font-size(16);\n }\n\n @include media.on-tiny {\n &__item {\n padding: spacing.space(1);\n\n flex-direction: column;\n align-items: flex-start;\n\n gap: spacing.space(1);\n }\n }\n}\n","@use \"../../variables/a11y\";\n@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-sidebar {\n width: 100%;\n\n @include typography.font-size(16);\n\n &__heading {\n }\n\n &__items,\n &__item-children {\n display: flex;\n flex-direction: column;\n gap: spacing.space(0.25);\n\n list-style: none;\n }\n\n &__items {\n padding-top: max(spacing.space(0.5), #{a11y.$focus-outline-padding});\n\n // &:focus {\n // outline: none;\n // }\n }\n\n &__item {\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 &__items {\n line-height: 1.35;\n }\n\n &--sections &__link {\n padding: spacing.space(0.25) 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: 100vh;\n max-height: 100dvh;\n\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n\n position: sticky;\n top: 0;\n }\n\n @include media.on-small {\n &--static-on-mobile,\n &--static-on-small {\n max-height: none;\n\n position: static;\n }\n }\n\n @include media.on-tiny {\n &--static-on-mobile,\n &--static-on-tiny {\n max-height: none;\n\n position: static;\n }\n }\n\n &--sticky &__items {\n margin: 0;\n padding-bottom: a11y.$focus-outline-padding;\n\n overflow-y: auto;\n\n flex: 1;\n }\n\n &--sticky#{&}--contents &__items,\n &--sticky#{&}--pages &__items {\n padding-right: spacing.space(1);\n }\n\n &--sticky#{&}--sections &__items,\n &--sticky#{&}--pages &__items {\n width: calc(100% - #{a11y.$focus-outline-padding});\n padding-right: a11y.$focus-outline-padding;\n padding-left: a11y.$focus-outline-padding;\n\n box-sizing: content-box;\n\n position: relative;\n left: -#{a11y.$focus-outline-padding};\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 @include colour.colour-background(\"button-background\", $important: true);\n @include colour.colour-border(\n \"focus-outline\",\n a11yVars.$focus-outline-width,\n $important: true\n );\n outline: none !important;\n\n clip: rect(0 0 0 0) !important;\n -webkit-clip-path: inset(50%) !important;\n clip-path: inset(50%) !important;\n\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"button-text\", $important: true);\n }\n\n &: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 \"../../variables/a11y\" as a11yVariables;\n@use \"../../variables/borders\";\n@use \"../../tools/a11y\";\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;\n padding: 0;\n\n display: flex;\n flex-wrap: nowrap;\n align-items: stretch;\n gap: spacing.space(0.5);\n\n position: relative;\n z-index: 2;\n\n list-style: none;\n }\n\n &--small &__list {\n gap: spacing.space(0.25);\n }\n\n &__button {\n padding: borders.$thick-border-width 0;\n\n position: relative;\n\n text-align: center;\n\n background: transparent;\n\n border: none;\n\n border: 1px transparent solid;\n border-bottom: none;\n\n cursor: pointer;\n\n &:active {\n @include a11y.focus-outline-without-offset;\n @include a11y.active-outline;\n }\n }\n\n &__button[aria-selected=\"true\"] {\n padding-top: 0;\n\n @include colour.colour-border(\"keyline\");\n\n &::after {\n content: \"\";\n\n height: 1px;\n\n position: absolute;\n top: 100%;\n right: 0;\n left: 0;\n\n @include colour.colour-background(\"background\");\n }\n }\n\n &__button-inner {\n padding: spacing.space(0.5) spacing.space(0.75);\n\n display: block;\n\n text-decoration: underline;\n\n @include colour.colour-font(\"font-dark\");\n }\n\n &--small &__button-inner {\n padding: spacing.space(0.25) spacing.space(0.5) spacing.space(0.125);\n\n @include typography.font-size(16);\n }\n\n &__button:hover &__button-inner,\n &__button:focus-visible &__button-inner {\n @include typography.interacted-text-decoration;\n }\n\n &__button[aria-selected=\"true\"] &__button-inner {\n text-decoration: none;\n\n @include colour.thick-keyline-accent(top);\n }\n\n &__items {\n display: flex;\n flex-direction: column;\n gap: spacing.space(2);\n\n position: relative;\n z-index: 1;\n }\n\n &__item {\n border-radius: 0.1px;\n // @include a11y.no-focus-outline-on-click;\n\n &:focus {\n outline-offset: -#{a11yVariables.$focus-outline-width};\n }\n }\n\n &--interactive &__item {\n padding: spacing.space(1);\n @include colour.colour-border(\"keyline\", 1px, solid);\n }\n\n &--tint#{&}--interactive &__button[aria-selected=\"true\"],\n &--tint#{&}--interactive &__button:hover &__button-inner,\n &--tint#{&}--interactive &__button:focus-visible &__button-inner,\n &--tint#{&}--interactive &__items {\n @include colour.tint;\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 @include colour.always-light;\n\n @include colour.colour-background-brand(\"cream\");\n\n @include colour.thick-keyline-brand(left, \"yellow\");\n\n @include media.on-tiny {\n flex-direction: column;\n gap: spacing.space(0.5);\n }\n\n &__heading {\n }\n\n &__heading-icon {\n width: 2rem;\n height: 2rem;\n\n display: block;\n\n line-height: 2rem;\n text-align: center;\n text-transform: lowercase;\n\n border-radius: 100%;\n\n @include colour.colour-font(\"font-dark\");\n @include typography.font-size(24);\n @include typography.main-font-weight-bold;\n\n @include colour.colour-border(\"font-dark\", 0.1875rem);\n\n @include media.on-mobile {\n width: 1.5rem;\n height: 1.5rem;\n\n @include typography.font-size(19);\n line-height: 1.5rem;\n\n @include colour.colour-border(\"font-dark\", 0.125rem);\n }\n }\n\n &__body {\n width: 100%;\n margin-top: 0;\n\n flex: 1;\n\n align-self: center;\n }\n}\n","@use \"../../variables/forms\";\n@use \"../../tools/a11y\";\n@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n\n.tna-checkboxes {\n align-self: stretch;\n\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n align-items: stretch;\n gap: spacing.space(1);\n\n &__item {\n position: relative;\n\n input {\n width: 1px;\n height: 1px;\n margin: 0;\n padding: 0;\n\n position: absolute;\n top: -1px;\n left: -1px;\n\n opacity: 0;\n }\n\n &-label {\n padding-left: spacing.space(3);\n\n display: block;\n\n line-height: 2rem;\n\n cursor: pointer;\n\n &::before,\n &::after {\n content: \"\";\n\n width: 2rem;\n\n position: absolute;\n top: 0;\n left: 0;\n\n @include colour.always-light;\n }\n\n &::before {\n height: 2rem;\n\n display: block;\n box-sizing: border-box;\n\n z-index: 1;\n\n @include colour.colour-background(\"input-background\");\n\n @include colour.colour-border(\n \"input-border\",\n forms.$form-field-border-width\n );\n border-radius: 0.1px;\n }\n\n &::after {\n width: 1.25rem;\n height: 0.5rem;\n margin-top: -0.1875rem;\n\n display: none;\n\n top: 1rem;\n left: 1rem;\n z-index: 2;\n\n @include colour.colour-border(\"input-background\", 0, solid);\n border-width: 0 0 forms.$checkbox-checkmark-width\n forms.$checkbox-checkmark-width;\n\n transform: translateX(-50%) translateY(-50%) rotate(-45deg);\n }\n }\n }\n\n &--small {\n gap: spacing.space(0.5);\n }\n\n &--small &__item {\n &-label {\n padding-left: spacing.space(2.25);\n\n line-height: 1.5rem;\n\n &::before {\n width: 1.5rem;\n height: 1.5rem;\n }\n\n &::after {\n width: 0.825rem;\n height: 0.375rem;\n margin-top: -0.125rem;\n\n top: 0.75rem;\n left: 0.75rem;\n }\n }\n }\n\n &--inline {\n flex-flow: row wrap;\n\n align-items: center;\n gap: spacing.space(1) spacing.space(2);\n\n @include media.on-tiny {\n flex-direction: column;\n align-items: flex-start;\n }\n }\n\n &__item-label:active {\n &::before {\n @include a11y.focus-outline;\n @include a11y.active-outline;\n }\n }\n\n input:focus + &__item-label {\n &::before {\n @include a11y.focus-outline;\n }\n }\n\n input:checked + &__item-label {\n &::before {\n @include colour.colour-background(\"input-foreground\");\n }\n\n &::after {\n display: block;\n }\n }\n\n input:focus + &__item-label,\n &__item:hover &__item-label {\n &::before {\n box-shadow: 0 0 0 0.125rem var(--input-border);\n }\n }\n}\n","@use \"../../variables/forms\";\n@use \"../../tools/colour\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-date-input {\n display: flex;\n gap: spacing.space(1);\n\n &__item {\n &-label {\n display: block;\n\n @include typography.font-size(16);\n }\n\n &-input {\n width: 3rem;\n padding: 0 spacing.space(0.375);\n\n display: block;\n box-sizing: border-box;\n\n @include colour.always-light;\n @include colour.colour-font(\"input-foreground\");\n line-height: 2rem;\n\n @include colour.colour-background(\"input-background\");\n\n @include colour.colour-border(\n \"input-border\",\n forms.$form-field-border-width\n );\n border-radius: 0;\n\n &--wider {\n width: 4.5rem;\n }\n\n .tna-form__group--error & {\n @include colour.colour-border(\"form-error-border\");\n }\n }\n }\n\n &--inline {\n }\n}\n","@use \"../../variables/forms\";\n@use \"../../tools/colour\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-date-search {\n max-width: 100%;\n padding: 0 spacing.space(0.375);\n\n display: block;\n box-sizing: border-box;\n\n @include colour.always-light;\n @include colour.colour-font(\"input-foreground\");\n line-height: 2rem;\n\n @include colour.colour-background(\"input-background\");\n\n @include colour.colour-border(\"input-border\", forms.$form-field-border-width);\n border-radius: 0;\n\n .tna-form__group--error & {\n @include colour.colour-border(\"form-error-border\");\n }\n\n &--max-width {\n width: 100%;\n }\n}\n","@use \"../../tools/a11y\";\n@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-error-summary {\n @include spacing.space-above;\n padding: spacing.space(1);\n\n @include colour.always-light;\n\n @include colour.colour-background(\"background\");\n\n @include colour.colour-border(\"form-error-border\", 0.3125rem, solid);\n border-radius: 0.1px;\n\n &:focus {\n @include a11y.focus-outline;\n }\n\n &__list {\n margin: spacing.space(0.5) 0 0;\n\n list-style: none;\n }\n\n &__item {\n }\n\n &__link {\n @include typography.main-font-weight-bold;\n\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"form-error-text\");\n }\n }\n}\n","@use \"../../variables/forms\";\n@use \"../../tools/a11y\";\n@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n\n.tna-radios {\n align-self: stretch;\n\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n align-items: stretch;\n gap: spacing.space(1);\n\n &__item {\n position: relative;\n\n input {\n width: 1px;\n height: 1px;\n margin: 0;\n padding: 0;\n\n position: absolute;\n top: -1px;\n left: -1px;\n\n opacity: 0;\n }\n\n &-label {\n padding-left: spacing.space(3);\n\n display: block;\n\n line-height: 2rem;\n\n cursor: pointer;\n\n &::before,\n &::after {\n content: \"\";\n\n position: absolute;\n top: 0;\n left: 0;\n\n border-radius: 100%;\n\n @include colour.always-light;\n }\n\n &::before {\n width: 2rem;\n height: 2rem;\n\n display: block;\n box-sizing: border-box;\n\n z-index: 1;\n\n @include colour.colour-background(\"input-background\");\n\n @include colour.colour-border(\n \"input-border\",\n forms.$form-field-border-width\n );\n }\n\n &::after {\n margin: 0.5rem;\n\n display: none;\n\n z-index: 2;\n\n @include colour.colour-background(\"input-foreground\");\n\n @include colour.colour-border(\"input-foreground\", 0.5rem);\n }\n }\n }\n\n &--small {\n gap: spacing.space(0.5);\n }\n\n &--small &__item {\n &-label {\n padding-left: spacing.space(2.25);\n\n line-height: 1.5rem;\n\n &::before {\n width: 1.5rem;\n height: 1.5rem;\n }\n\n &::after {\n margin: 0.3125rem;\n\n @include colour.colour-border(\"input-foreground\", 0.4375rem);\n }\n }\n }\n\n &--inline {\n flex-flow: row wrap;\n\n align-items: center;\n gap: spacing.space(1) spacing.space(2);\n\n @include media.on-tiny {\n flex-direction: column;\n align-items: flex-start;\n }\n }\n\n &__item-label:active {\n &::before {\n @include a11y.focus-outline;\n @include a11y.active-outline;\n }\n }\n\n input:focus + &__item-label {\n &::before {\n @include a11y.focus-outline;\n }\n }\n\n input:checked + &__item-label {\n &::after {\n display: block;\n }\n }\n\n input:focus + &__item-label,\n &__item:hover &__item-label {\n &::before {\n box-shadow: 0 0 0 0.125rem var(--input-border);\n }\n }\n}\n","@use \"../../variables/forms\";\n@use \"../../tools/colour\";\n@use \"../../tools/spacing\";\n\n.tna-search-field {\n @include spacing.space-above;\n\n &__fields {\n align-self: stretch;\n\n display: flex;\n }\n\n &__input {\n min-width: 8rem;\n width: 0;\n padding: 0 spacing.space(0.375);\n\n display: block;\n\n line-height: 2rem;\n\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 flex: 1;\n\n @include colour.always-light;\n @include colour.colour-font(\"input-foreground\");\n\n @include colour.colour-background(\"input-background\");\n\n @include colour.colour-border(\"input-border\");\n\n .tna-template--dark-theme &,\n .tna-background-contrast & {\n margin-right: forms.$form-field-border-width;\n\n border-width: 0;\n }\n\n .tna-template--dark-theme .tna-background-accent-light & {\n margin-right: 0;\n\n border-width: forms.$form-field-border-width;\n }\n\n @media (prefers-color-scheme: dark) {\n .tna-template--system-theme & {\n margin-right: forms.$form-field-border-width;\n\n border-width: 0;\n }\n\n .tna-background-accent-light & {\n margin-right: 0;\n\n border-width: forms.$form-field-border-width;\n }\n }\n\n @include colour.on-high-contrast {\n .tna-background-contrast & {\n margin-right: 0;\n\n border-width: forms.$form-field-border-width;\n }\n }\n }\n\n &__button {\n }\n\n @include colour.on-forced-colours {\n &__input {\n border-width: forms.$form-field-border-width !important;\n }\n }\n}\n","$form-field-border-width: 2px !default;\n$checkbox-checkmark-width: 0.1875rem !default;\n","@use \"../../variables/forms\";\n@use \"../../tools/colour\";\n@use \"../../tools/spacing\";\n\n.tna-select {\n max-width: 100%;\n height: calc(2rem + 6px);\n padding: 0 spacing.space(1) 0 spacing.space(0.5);\n\n display: block;\n\n @include colour.always-light;\n @include colour.colour-font(\"input-foreground\");\n line-height: 2rem;\n\n @include colour.colour-background(\"input-background\");\n\n @include colour.colour-border(\"input-border\", forms.$form-field-border-width);\n border-radius: 0.1px;\n\n // &--styled {\n // padding: 0 spacing.space(2.5) 0 spacing.space(0.75);\n\n // appearance: none;\n\n // background-image: url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUwMHB4IiBoZWlnaHQ9IjUwMHB4IiB2aWV3Qm94PSIwIDAgNTAwIDUwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTAwIDUwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSIyNTAsNDAwIDUwLDEwMCA0NTAsMTAwIiBmaWxsPSIjMDAwIi8+PC9zdmc+\");\n // background-position: center right 0.5rem;\n // background-size: 0.75rem 0.75rem;\n // background-repeat: no-repeat;\n // }\n\n .tna-form__group--error & {\n @include colour.colour-border(\"form-error-border\");\n }\n\n &--s {\n width: 10rem;\n }\n\n &--m {\n width: 20rem;\n }\n\n &--l {\n width: 40rem;\n }\n\n &--xl {\n width: 80rem;\n }\n}\n","@use \"../../variables/forms\";\n@use \"../../tools/colour\";\n@use \"../../tools/spacing\";\n\n.tna-text-input {\n width: 100%;\n padding: 0 spacing.space(0.375);\n\n display: block;\n box-sizing: border-box;\n\n @include colour.always-light;\n @include colour.colour-font(\"input-foreground\");\n line-height: 2rem;\n\n @include colour.colour-background(\"input-background\");\n\n @include colour.colour-border(\"input-border\", forms.$form-field-border-width);\n border-radius: 0.1px;\n\n .tna-form__group--error & {\n @include colour.colour-border(\"form-error-border\");\n }\n\n &--xs {\n max-width: 5rem;\n }\n\n &--s {\n max-width: 10rem;\n }\n\n &--m {\n max-width: 20rem;\n }\n\n &--l {\n max-width: 40rem;\n }\n\n &--xl {\n max-width: 80rem;\n }\n}\n","@use \"../../variables/forms\";\n@use \"../../tools/colour\";\n@use \"../../tools/spacing\";\n\n$textarea-minimum-lines-visible: 5.5 !default;\n$textarea-line-height: 1.5rem !default;\n$textarea-vertical-padding: 0.25 !default;\n\n.tna-textarea {\n width: 100%;\n min-height: #{($textarea-line-height $textarea-minimum-lines-visible) + (\n spacing.space($textarea-vertical-padding * 2)\n )};\n padding: spacing.space($textarea-vertical-padding) spacing.space(0.5);\n\n display: block;\n box-sizing: border-box;\n\n line-height: 1.5rem;\n\n border-radius: 0.1px;\n\n resize: vertical;\n\n @include colour.always-light;\n @include colour.colour-font(\"input-foreground\");\n\n @include colour.colour-background(\"input-background\");\n\n @include colour.colour-border(\"input-border\", forms.$form-field-border-width);\n\n .tna-form__group--error & {\n @include colour.colour-border(\"form-error-border\");\n }\n\n &--m {\n max-width: 20rem;\n }\n\n &--l {\n max-width: 40rem;\n }\n\n &--xl {\n max-width: 80rem;\n }\n}\n"]}