@nationalarchives/frontend 0.1.14-prerelease → 0.1.16-prerelease

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 (89) hide show
  1. package/LICENCE +21 -0
  2. package/nationalarchives/all.css +1 -1
  3. package/nationalarchives/all.css.map +1 -1
  4. package/nationalarchives/all.js +1 -1
  5. package/nationalarchives/all.js.map +1 -1
  6. package/nationalarchives/all.mjs +7 -7
  7. package/nationalarchives/all.scss +2 -5
  8. package/nationalarchives/components/_index.scss +1 -0
  9. package/nationalarchives/components/breadcrumbs/_index.scss +54 -39
  10. package/nationalarchives/components/breadcrumbs/breadcrumbs.js +2 -0
  11. package/nationalarchives/components/breadcrumbs/breadcrumbs.js.map +1 -0
  12. package/nationalarchives/components/breadcrumbs/breadcrumbs.mjs +67 -0
  13. package/nationalarchives/components/breadcrumbs/breadcrumbs.stories.js +10 -3
  14. package/nationalarchives/components/breadcrumbs/fixtures.json +23 -1
  15. package/nationalarchives/components/breadcrumbs/macro-options.json +6 -0
  16. package/nationalarchives/components/breadcrumbs/template.njk +17 -12
  17. package/nationalarchives/components/button/_index.scss +1 -2
  18. package/nationalarchives/components/button/button.stories.js +2 -3
  19. package/nationalarchives/components/button/fixtures.json +5 -5
  20. package/nationalarchives/components/button/template.njk +1 -1
  21. package/nationalarchives/components/card/_index.scss +78 -34
  22. package/nationalarchives/components/card/card.stories.js +72 -5
  23. package/nationalarchives/components/card/fixtures.json +15 -2
  24. package/nationalarchives/components/card/macro-options.json +6 -12
  25. package/nationalarchives/components/card/template.njk +6 -6
  26. package/nationalarchives/components/filters/filters.stories.js +3 -4
  27. package/nationalarchives/components/footer/_index.scss +8 -14
  28. package/nationalarchives/components/footer/footer.stories.js +2 -3
  29. package/nationalarchives/components/footer/template.njk +1 -1
  30. package/nationalarchives/components/grid/_index.scss +2 -2
  31. package/nationalarchives/components/grid/grid.stories.js +2 -3
  32. package/nationalarchives/components/header/_index.scss +27 -26
  33. package/nationalarchives/components/header/header.stories.js +2 -3
  34. package/nationalarchives/components/header/template.njk +1 -1
  35. package/nationalarchives/components/hero/_index.scss +7 -20
  36. package/nationalarchives/components/hero/hero.stories.js +2 -3
  37. package/nationalarchives/components/index-grid/_index.scss +17 -1
  38. package/nationalarchives/components/index-grid/index-grid.stories.js +7 -5
  39. package/nationalarchives/components/index-grid/macro-options.json +22 -2
  40. package/nationalarchives/components/index-grid/template.njk +12 -6
  41. package/nationalarchives/components/message/_index.scss +4 -6
  42. package/nationalarchives/components/message/phase-banner.stories.js +2 -3
  43. package/nationalarchives/components/phase-banner/phase-banner.stories.js +2 -3
  44. package/nationalarchives/components/picture/_index.scss +12 -15
  45. package/nationalarchives/components/picture/picture.stories.js +2 -3
  46. package/nationalarchives/components/profile/profile.stories.js +2 -3
  47. package/nationalarchives/components/sensitive-image/sensitive-image.stories.js +3 -4
  48. package/nationalarchives/components/skip-link/_index.scss +63 -0
  49. package/nationalarchives/components/skip-link/fixtures.json +11 -0
  50. package/nationalarchives/components/skip-link/macro-options.json +26 -0
  51. package/nationalarchives/components/skip-link/macro.njk +3 -0
  52. package/nationalarchives/components/skip-link/skip-link.stories.js +31 -0
  53. package/nationalarchives/components/skip-link/template.njk +4 -0
  54. package/nationalarchives/components/tabs/_index.scss +7 -14
  55. package/nationalarchives/components/tabs/tabs.stories.js +2 -3
  56. package/nationalarchives/patterns/featured-collection/_index.scss +2 -2
  57. package/nationalarchives/patterns/featured-collection/featured-collection.stories.js +3 -4
  58. package/nationalarchives/patterns/featured-collection/template.njk +2 -2
  59. package/nationalarchives/stories/utilities/colour-schemes/colour-schemes.mdx +85 -0
  60. package/nationalarchives/stories/utilities/{colour.stories.js → colour-schemes/colour-schemes.stories.js} +142 -52
  61. package/nationalarchives/stories/utilities/overrides/overrides.mdx +66 -0
  62. package/nationalarchives/stories/utilities/overrides/overrides.stories.js +30 -0
  63. package/nationalarchives/stories/utilities/{headings.stories.js → typography/headings.stories.js} +2 -1
  64. package/nationalarchives/stories/utilities/typography/typography.stories.js +34 -0
  65. package/nationalarchives/templates/layouts/_generic.njk +10 -8
  66. package/nationalarchives/tools/_colour.scss +105 -16
  67. package/nationalarchives/tools/_index.scss +0 -1
  68. package/nationalarchives/tools/_typography.scss +13 -1
  69. package/nationalarchives/utilities/_debug.scss +41 -1
  70. package/nationalarchives/utilities/_global.scss +13 -4
  71. package/nationalarchives/utilities/_index.scss +1 -0
  72. package/nationalarchives/utilities/_overrides.scss +30 -0
  73. package/nationalarchives/utilities/_typography.scss +42 -34
  74. package/nationalarchives/variables/_colour.scss +103 -106
  75. package/nationalarchives/variables/_grid.scss +1 -1
  76. package/nationalarchives/variables/_index.scss +1 -1
  77. package/nationalarchives/variables/_media.scss +23 -23
  78. package/nationalarchives/variables/_spacing.scss +15 -0
  79. package/nationalarchives/variables/_typography.scss +2 -1
  80. package/package.json +2 -2
  81. package/nationalarchives/components/card/card.js +0 -2
  82. package/nationalarchives/components/card/card.js.map +0 -1
  83. package/nationalarchives/components/card/card.mjs +0 -45
  84. package/nationalarchives/stories/utilities/typography.stories.js +0 -29
  85. package/nationalarchives/tools/_assets.scss +0 -5
  86. package/nationalarchives/variables/_assets.scss +0 -1
  87. /package/nationalarchives/stories/utilities/{heading-groups.stories.js → typography/heading-groups.stories.js} +0 -0
  88. /package/nationalarchives/stories/utilities/{lists.stories.js → typography/lists.stories.js} +0 -0
  89. /package/nationalarchives/stories/utilities/{typography.mdx → typography/typography.mdx} +0 -0
package/LICENCE ADDED
@@ -0,0 +1,21 @@
1
+ The MIT License (MIT)
2
+
3
+ Copyright (C) 2022 The National Archives
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy of
6
+ this software and associated documentation files (the "Software"), to deal in
7
+ the Software without restriction, including without limitation the rights to
8
+ use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
9
+ of the Software, and to permit persons to whom the Software is furnished to do
10
+ so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in all
13
+ copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
+ SOFTWARE.
@@ -1 +1 @@
1
- @import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Roboto+Mono:wght@400;700&display=swap";@import"https://use.typekit.net/hkj3kuz.css";:root{--page-background: #fff;--font-base: #343338;--font-dark: #000;--font-light: rgba(52, 51, 56, 0.7);--link: #1d70ab;--link-visited: #4c2c92;--focus-outline: #00b0ff;--keyline: #ccc;--keyline-dark: #26262a;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #26262a;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #fff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8)}.tna-template{min-width:320px;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;font-size:16px;background-color:#fff;background-color:var(--page-background)}.tna-template--system-theme{--page-background: #fff;--font-base: #343338;--font-dark: #000;--font-light: rgba(52, 51, 56, 0.7);--link: #1d70ab;--link-visited: #4c2c92;--focus-outline: #00b0ff;--keyline: #ccc;--keyline-dark: #26262a;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #26262a;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #fff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8)}@media(prefers-color-scheme: dark){.tna-template--system-theme{--page-background: #111;--font-base: rgba(255, 255, 255, 0.95);--font-dark: #fff;--font-light: rgba(255, 255, 255, 0.5);--link: #00b0ff;--link-visited: #b9f;--focus-outline: #00b0ff;--keyline: rgba(255, 255, 255, 0.5);--keyline-dark: #fff;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #222;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #fff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8)}}@media(prefers-contrast: more){.tna-template--system-theme{--page-background: #fff;--font-base: #000;--font-dark: #000;--font-light: #000;--link: #000;--link-visited: #000;--focus-outline: #fd3f03;--keyline: #000;--keyline-dark: #000;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #f0f0f0;--contrast-font-base: #000;--contrast-font-dark: #000;--contrast-font-light: rgba(0, 0, 0, 0.7);--contrast-link: #000;--contrast-link-visited: #000;--contrast-keyline: rgba(0, 0, 0, 0.5);--contrast-keyline-dark: rgba(0, 0, 0, 0.8)}.tna-template--system-theme *{background-image:none !important}}@media(prefers-contrast: more)and (prefers-color-scheme: dark){.tna-template--system-theme{--page-background: #000;--font-base: #fff;--font-dark: #fff;--font-light: #fff;--link: #fff;--link-visited: #fff;--focus-outline: #00b0ff;--keyline: #fff;--keyline-dark: #fff;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #111;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #fff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8)}}.tna-template--light-theme{--page-background: #fff;--font-base: #343338;--font-dark: #000;--font-light: rgba(52, 51, 56, 0.7);--link: #1d70ab;--link-visited: #4c2c92;--focus-outline: #00b0ff;--keyline: #ccc;--keyline-dark: #26262a;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #26262a;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #fff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8)}.tna-template--dark-theme{--page-background: #111;--font-base: rgba(255, 255, 255, 0.95);--font-dark: #fff;--font-light: rgba(255, 255, 255, 0.5);--link: #00b0ff;--link-visited: #b9f;--focus-outline: #00b0ff;--keyline: rgba(255, 255, 255, 0.5);--keyline-dark: #fff;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #222;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #fff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8)}.tna-template--high-contrast-theme{--page-background: #fff;--font-base: #000;--font-dark: #000;--font-light: #000;--link: #000;--link-visited: #000;--focus-outline: #fd3f03;--keyline: #000;--keyline-dark: #000;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #f0f0f0;--contrast-font-base: #000;--contrast-font-dark: #000;--contrast-font-light: rgba(0, 0, 0, 0.7);--contrast-link: #000;--contrast-link-visited: #000;--contrast-keyline: rgba(0, 0, 0, 0.5);--contrast-keyline-dark: rgba(0, 0, 0, 0.8)}.tna-template--high-contrast-theme *{background-image:none !important}.tna-template--high-contrast-theme.tna-template--dark-theme{--page-background: #000;--font-base: #fff;--font-dark: #fff;--font-light: #fff;--link: #fff;--link-visited: #fff;--focus-outline: #00b0ff;--keyline: #fff;--keyline-dark: #fff;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #111;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #fff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8)}@media(prefers-reduced-motion){.tna-template *{animation:none !important;transition:none !important}}.tna-template__body{min-height:100%;margin:0;padding:0;overflow:auto}.tna-template__body:has(.tna-header):has(#main[role=main]):has(.tna-footer){display:flex;flex-direction:column}.tna-template__body:has(.tna-header):has(#main[role=main]):has(.tna-footer) #main[role=main]{flex:1}img,svg,video,canvas{max-width:100%;display:block}video,canvas{width:100%}[hidden]{display:none}*:focus{outline:.3125rem solid;outline-color:#00b0ff;outline-color:var(--focus-outline);outline-offset:.125rem}hr{margin:1rem;border-width:1px 0 0;border-color:#ccc;border-color:var(--keyline);border-style:solid}.tna-visually-hidden{width:1px !important;height:1px !important;margin:0 !important;padding:0 !important;position:absolute !important;top:-9999px !important;left:-9999px !important;z-index:-1 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;border:0 !important;background-color:rgba(0,0,0,0) !important}.tna-template{color:#343338;color:var(--font-base);font-family:"Open Sans",sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-text-size-adjust:none;direction:ltr}.tna-template__body{color:inherit;font-size:1.125rem;line-height:1.6}h1,h2,h3,h4,h5,h6,ul,ol{margin-top:0}p{margin:0 0 1.5rem}p:last-child{margin-bottom:0}a{color:#1d70ab;color:var(--link)}a:visited{color:#4c2c92;color:var(--link-visited)}a:active{text-decoration-thickness:4px}a:hover{text-decoration-thickness:3px}.tna-ul,.tna-ol{padding-left:2rem}.tna-ul li::marker,.tna-ol li::marker{color:#fc0;color:var(--accent);font-weight:700}.tna-ul--plain,.tna-ol--plain{padding-left:0;list-style:none}.tna-heading{margin-bottom:1rem;color:#000;color:var(--font-dark);font-family:supria-sans-condensed,sans-serif;font-weight:400}.tna-heading:last-child{margin-bottom:0}.tna-heading--xl{font-size:4rem;line-height:1}@media(min-width: 48.0625em)and (max-width: 64em){.tna-heading--xl{font-size:2.625rem}}@media(max-width: 48em){.tna-heading--xl{font-size:2.25rem}}.tna-heading--l{font-size:2rem;line-height:1.2}@media(min-width: 48.0625em)and (max-width: 64em){.tna-heading--l{font-size:1.625rem}}@media(max-width: 48em){.tna-heading--l{font-size:1.5rem}}.tna-heading--m{font-size:1.25rem;line-height:1.4}.tna-heading--s{font-size:1.125rem;line-height:1.6}.tna-hgroup{margin-bottom:2rem}.tna-hgroup:last-child{margin-bottom:0}.tna-hgroup__supertitle{margin:0;color:#343338;color:var(--font-base);font-size:0.875rem;font-family:"Roboto Mono",monospace;font-weight:400;text-transform:uppercase}.tna-hgroup .tna-hgroup__supertitle{margin:0}.tna-hgroup__title{margin:0;color:#000;color:var(--font-dark)}.tna-hgroup__title .tna-hgroup__supertitle{display:block;color:#343338;color:var(--font-base)}.tna-hgroup--xl .tna-hgroup__title{font-size:4rem}.tna-hgroup--l .tna-hgroup__title{font-size:2rem}.tna-hgroup--m .tna-hgroup__title{font-size:1.25rem}.tna-hgroup--s .tna-hgroup__title{font-size:1.125rem}.tna-blockquote{margin:0;padding:1rem 1rem 1rem 2rem;border-left:.35rem solid;border-color:#ccc;border-color:var(--keyline);quotes:"“" "”" "‘" "’"}.tna-blockquote::before{float:left;content:open-quote}.tna-blockquote__quote{font-weight:700}.tna-blockquote__author{font-style:italic}.tna-blockquote .tna-blockquote__author{margin:1rem 0 0}.tna-blockquote__author::before{content:"—" " "}.tna-breadcrumbs{padding-top:1rem;padding-bottom:1rem}.tna-breadcrumbs__list{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap}.tna-breadcrumbs__item{display:flex}.tna-breadcrumbs__item+.tna-breadcrumbs__item::before{margin:0 .75rem;display:inline-block;content:"›"}.tna-breadcrumbs__link{display:inline-block}.tna-breadcrumbs__link,.tna-breadcrumbs__link:link,.tna-breadcrumbs__link:visited{color:#343338;color:var(--font-base)}.tna-breadcrumbs__link:hover{color:#000;color:var(--font-dark)}@media(max-width: 48em){.tna-breadcrumbs__item:not(:first-child,:last-child){display:none}}.tna-template--high-contrast-theme .tna-breadcrumbs__link{padding-right:.75rem;padding-left:.75rem;border:1px rgba(0,0,0,0) solid;border-color:#26262a;border-color:var(--keyline-dark)}@media(prefers-contrast: more){.tna-template--system-theme .tna-breadcrumbs__link{padding-right:.75rem;padding-left:.75rem;border:1px rgba(0,0,0,0) solid;border-color:#26262a;border-color:var(--keyline-dark)}}.tna-button{padding:.25rem 1rem;display:inline-block;font-weight:700;text-decoration:none;background-color:#000;background-color:var(--button-primary-background);border:.25rem rgba(0,0,0,0) solid;border-color:#000;border-color:var(--button-primary-background);transition:color 200ms,background-color 200ms,border-color 200ms;cursor:pointer}.tna-button,.tna-button:link,.tna-button:visited{color:#fff;color:var(--button-primary-text)}.tna-button:hover{color:#000;color:var(--button-primary-hover-text);background-color:#fff;background-color:var(--button-primary-hover-background);transition:color 50ms,background-color 50ms,border-color 50ms}.tna-button--secondary{background-color:#fc0;background-color:var(--button-secondary-background);border-color:#fc0;border-color:var(--button-secondary-background)}.tna-button--secondary,.tna-button--secondary:link,.tna-button--secondary:visited{color:#000;color:var(--button-secondary-text)}.tna-button--secondary:hover{color:#000;color:var(--button-secondary-hover-text);background-color:#fff;background-color:var(--button-secondary-hover-background)}.tna-card{margin-bottom:1rem}.tna-card__inner{display:flex;flex-direction:column}.tna-card__heading{order:2}.tna-card__title{order:2}.tna-card__image-container{margin-bottom:1rem;position:relative;order:1}.tna-card__image{height:auto}.tna-card__image-label{padding:0 .5rem;position:absolute;top:1rem;left:0;text-transform:uppercase;background-color:#fc0}.tna-card__body{order:3}.tna-card__actions{margin-top:2rem;order:4}.tna-card--featured{--page-background: #fff;--font-base: #343338;--font-dark: #000;--font-light: rgba(52, 51, 56, 0.7);--link: #1d70ab;--link-visited: #4c2c92;--focus-outline: #00b0ff;--keyline: #ccc;--keyline-dark: #26262a;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #26262a;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #fff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8);color:#343338;color:var(--font-base);position:relative;color:#343338;color:var(--font-base);background-color:#fc0;background-color:var(--accent)}.tna-card--featured .tna-card__inner{margin-left:50%;padding:2rem}.tna-card--featured .tna-card__heading{padding-bottom:2rem;border-bottom:2px rgba(0,0,0,0) solid;border-color:#26262a;border-color:var(--keyline-dark)}.tna-card--featured .tna-card__supertitle{color:inherit}.tna-card--featured .tna-card__title-link{color:#000;color:var(--font-dark)}.tna-card--featured .tna-card__image-container{margin-bottom:0;position:absolute;inset:0 50% 0 0}.tna-card--featured .tna-card__image{width:100%;height:100%;object-fit:cover}.tna-template--high-contrast-theme .tna-card{padding:1rem;border:1px rgba(0,0,0,0) solid;border-color:#26262a;border-color:var(--keyline-dark)}@media(prefers-contrast: more){.tna-template--system-theme .tna-card{padding:1rem;border:1px rgba(0,0,0,0) solid;border-color:#26262a;border-color:var(--keyline-dark)}}.tna-filters__item{margin:0 .75rem .75rem 0;display:inline-block}.tna-filters__item:last-child{margin-right:0;margin-bottom:0}.tna-filters--stacked .tna-filters__item{display:block}.tna-filters__item--selected .tna-filters__link{color:#fff;background-color:#004c7e}.tna-filters__link{padding:.125rem .75rem;display:inline-block;color:#000;text-decoration:none;background-color:#d4e5ef;border-radius:99rem;transition:color 200ms,background-color 200ms}.tna-filters__link:hover{color:#fff;background-color:#004c7e;transition:color 50ms,background-color 50ms}.tna-footer{padding-top:3rem;padding-bottom:3rem;--font-base: var(--contrast-font-base);--font-dark: var(--contrast-font-dark);--font-light: var(--contrast-font-light);--link: var(--contrast-link);--link-visited: var(--contrast-link-visited);--keyline: var(--contrast-keyline);--keyline-dark: var(--contrast-keyline-dark);color:#fff;color:var(--contrast-font-base);background-color:#26262a;background-color:var(--contrast-background)}.tna-footer__link,.tna-footer__link:visited{color:inherit}.tna-footer__link:hover{color:#00b0ff}.tna-footer__top{margin-bottom:3rem;text-align:center}.tna-footer__title{margin-bottom:.5rem;color:inherit}.tna-footer__address{font-style:normal}.tna-footer__navigation{padding-bottom:3rem}.tna-footer__navigation-group-title{color:inherit}.tna-footer__navigation-group-items{padding-left:0;list-style:none}.tna-footer__navigation-group-item+.tna-footer__navigation-group-item{margin-top:1rem}.tna-footer__social{margin-bottom:2rem}.tna-footer__social.tna-container{justify-content:space-evenly;align-items:flex-end}.tna-footer__social-item{margin-bottom:2rem;text-align:center}.tna-footer__social-item-link{display:block}.tna-footer__social-item-link-image{width:2.25em;margin:0 auto .5rem;display:block}.tna-footer__licence.tna-container{align-items:center}.tna-footer__licence .tna-column{margin-top:1rem}.tna-footer__licence-logo{display:block}.tna-footer__govuk{margin-top:2rem;text-align:center}.tna-footer__govuk-link{display:inline-block}.tna-footer__govuk-link,.tna-footer__govuk-link:visited{color:inherit;fill:#fff}.tna-footer__govuk-link:hover{color:#00b0ff;fill:#00b0ff}.tna-footer__govuk-logotype-crown{margin:0 auto;display:block;fill:inherit}@media(max-width: 48em){.tna-footer{padding-top:1rem}.tna-footer__social{justify-content:center}}.tna-container{max-width:75.25rem;width:100%;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:stretch;align-items:stretch}.tna-container--no-padding,.tna-container--no-padding-all{max-width:71.25rem}.tna-container--max{max-width:none}.tna-column{padding-right:1rem;padding-left:1rem;box-sizing:border-box}.tna-column--container{display:flex;flex-wrap:wrap;justify-content:stretch;align-items:stretch}.tna-column--full{width:100%;flex:none}.tna-column--width-1-12{width:8.3333333333%;flex:none}.tna-column--width-1-6{width:16.6666666667%;flex:none}.tna-column--width-1-4{width:25%;flex:none}.tna-column--width-1-3{width:33.3333333333%;flex:none}.tna-column--width-5-12{width:41.6666666667%;flex:none}.tna-column--width-1-2{width:50%;flex:none}.tna-column--width-7-12{width:58.3333333333%;flex:none}.tna-column--width-2-3{width:66.6666666667%;flex:none}.tna-column--width-3-4{width:75%;flex:none}.tna-column--width-5-6{width:83.3333333333%;flex:none}.tna-column--width-11-12{width:91.6666666667%;flex:none}.tna-column--flex-1{width:auto;flex:1 0}.tna-column--flex-2{width:auto;flex:2 0}.tna-column--flex-3{width:auto;flex:3 0}.tna-column--order-1{order:1}.tna-column--order-2{order:2}.tna-column--order-3{order:3}.tna-column--order-4{order:4}@media(min-width: 48.0625em)and (max-width: 64em){.tna-column--full-medium{width:100%;flex:none}.tna-column--width-1-6-medium{width:16.6666666667%;flex:none}.tna-column--width-1-3-medium{width:33.3333333333%;flex:none}.tna-column--width-1-2-medium{width:50%;flex:none}.tna-column--width-2-3-medium{width:66.6666666667%;flex:none}.tna-column--width-5-6-medium{width:83.3333333333%;flex:none}.tna-column--flex-1-medium{width:auto;flex:1 0}.tna-column--flex-2-medium{width:auto;flex:2 0}.tna-column--flex-3-medium{width:auto;flex:3 0}.tna-column--order-1-medium{order:1}.tna-column--order-2-medium{order:2}.tna-column--order-3-medium{order:3}.tna-column--order-4-medium{order:4}}@media(max-width: 48em){.tna-container{padding-right:1.125rem;padding-left:1.125rem}.tna-column{padding-right:.375rem;padding-left:.375rem}}@media(min-width: 30.0625em)and (max-width: 48em){.tna-column--full-small{width:100%;flex:none}.tna-column--width-1-4-small{width:25%;flex:none}.tna-column--width-1-2-small{width:50%;flex:none}.tna-column--width-3-4-small{width:75%;flex:none}.tna-column--flex-1-small{width:auto;flex:1 0}.tna-column--flex-2-small{width:auto;flex:2 0}.tna-column--flex-3-small{width:auto;flex:3 0}.tna-column--order-1-small{order:1}.tna-column--order-2-small{order:2}.tna-column--order-3-small{order:3}.tna-column--order-4-small{order:4}}@media(max-width: 30em){.tna-column--full-tiny{width:100%;flex:none}.tna-column--width-1-2-tiny{width:50%;flex:none}.tna-column--flex-1-tiny{width:auto;flex:1 0}.tna-column--flex-2-tiny{width:auto;flex:2 0}.tna-column--flex-3-tiny{width:auto;flex:3 0}.tna-column--order-1-tiny{order:1}.tna-column--order-2-tiny{order:2}.tna-column--order-3-tiny{order:3}.tna-column--order-4-tiny{order:4}}.tna-container--no-padding,.tna-container--no-padding-all,.tna-container--no-padding-all>.tna-column,.tna-column--no-padding,.tna-column--container--no-padding-all,.tna-column--container--no-padding-all>.tna-column{padding-right:0;padding-left:0}.tna-header{color:#fff;background-color:#000;--font-base: var(--contrast-font-base);--font-dark: var(--contrast-font-dark);--font-light: var(--contrast-font-light);--link: var(--contrast-link);--link-visited: var(--contrast-link-visited);--keyline: var(--contrast-keyline);--keyline-dark: var(--contrast-keyline-dark);color:#fff;color:var(--contrast-font-base);background-color:#26262a;background-color:var(--contrast-background)}.tna-header__exit{padding-top:.5rem;padding-bottom:.5rem;text-align:right;background-color:#26262a}.tna-header__exit-link{text-decoration:none;font-size:1rem}.tna-header__exit-link,.tna-header__exit-link:link,.tna-header__exit-link:visited{color:#fff}.tna-header__exit-link:hover{text-decoration:underline}.tna-header__exit-link-icon{width:.825rem;height:.825rem;margin-right:.125rem;margin-left:.5rem;display:inline-block;position:relative;vertical-align:middle;border:.125rem #fff solid}.tna-header__exit-link-icon::before{position:absolute;top:-0.25rem;right:-0.25rem;z-index:2;border:.25rem rgba(0,0,0,0) solid;border-top-color:#fff;border-right-color:#fff;content:""}.tna-header__exit-link-icon::after{width:.25rem;height:.825rem;position:absolute;top:-0.125rem;right:-0.125rem;z-index:1;background-color:#fff;outline:.2rem #26262a solid;transform:rotate(45deg) translateX(50%);transform-origin:100% 0;content:""}.tna-header__contents.tna-container{justify-content:space-between}.tna-header__logo{padding-top:1.25rem;padding-bottom:1.25rem}.tna-header__logo-link{display:flex;align-items:flex-end;color:inherit;text-decoration:none}.tna-header__logo-link,.tna-header__logo-link:link,.tna-header__logo-link:visited{color:inherit}.tna-header .tna-logo{width:6.25rem;height:6.25rem;display:inline-block}.tna-header__logo-link--href:hover .tna-logo{outline:.375rem #fff solid;outline-offset:1px}.tna-header .tna-logo__foreground{fill:#fff}.tna-header .tna-logo__background{fill:none}.tna-header__logo-strapline{margin:0 .75rem;display:inline-block;line-height:2.125;text-transform:uppercase}.tna-header__navigation-toggle{align-self:center}.tna-header__hamburger{width:2rem;height:.25rem;display:block;background-color:#fff;transition:height 1ms 200ms}.tna-header__hamburger::before,.tna-header__hamburger::after{height:.25rem;display:block;position:absolute;right:0;left:0;background-color:inherit;transition:top 200ms 200ms,bottom 200ms 200ms,transform 200ms;content:""}.tna-header__hamburger::before{top:0}.tna-header__hamburger::after{bottom:0}.tna-header__navigation-toggle-button{height:2rem;padding:0;display:block;position:relative;appearance:none;font-size:0;background:none;border:0 rgba(0,0,0,0) solid;border-width:.25rem 0;cursor:pointer}.tna-header__navigation-toggle-button--opened .tna-header__hamburger{height:0}.tna-header__navigation-toggle-button--opened .tna-header__hamburger::before,.tna-header__navigation-toggle-button--opened .tna-header__hamburger::after{transition:top 200ms,bottom 200ms,transform 200ms 200ms}.tna-header__navigation-toggle-button--opened .tna-header__hamburger::before{top:.625rem;transform:rotate(-135deg)}.tna-header__navigation-toggle-button--opened .tna-header__hamburger::after{bottom:.625rem;transform:rotate(135deg)}.tna-header--yellow,.tna-header--pink,.tna-header--orange,.tna-header--green,.tna-header--blue{color:#000}.tna-header--yellow .tna-header__logo-link:hover .tna-logo,.tna-header--pink .tna-header__logo-link:hover .tna-logo,.tna-header--orange .tna-header__logo-link:hover .tna-logo,.tna-header--green .tna-header__logo-link:hover .tna-logo,.tna-header--blue .tna-header__logo-link:hover .tna-logo{outline-color:#000}.tna-header--yellow .tna-logo__foreground,.tna-header--pink .tna-logo__foreground,.tna-header--orange .tna-logo__foreground,.tna-header--green .tna-logo__foreground,.tna-header--blue .tna-logo__foreground{fill:#000}.tna-header--yellow .tna-header__hamburger,.tna-header--pink .tna-header__hamburger,.tna-header--orange .tna-header__hamburger,.tna-header--green .tna-header__hamburger,.tna-header--blue .tna-header__hamburger{background-color:#000}.tna-header--yellow{background-color:#fc0}.tna-header--pink{background-color:#fe1d57}.tna-header--orange{background-color:#fd3f03}.tna-header--green{background-color:#86bc25}.tna-header--blue{background-color:#00b0ff}.tna-header__navigation{display:flex;flex-direction:column-reverse;justify-content:space-between;align-items:flex-end}.tna-header__top-navigation-items{margin:0;padding:1.25rem 0;list-style:none;line-height:1}.tna-header__top-navigation-item{margin-left:1.5rem;display:inline-block}.tna-header__top-navigation-item-link{display:inline-block;text-decoration:none;font-size:1rem}.tna-header__top-navigation-item-link,.tna-header__top-navigation-item-link:link,.tna-header__top-navigation-item-link:visited{color:inherit}.tna-header__top-navigation-item-link:hover,.tna-header__top-navigation-item-link:hover:link,.tna-header__top-navigation-item-link:hover:visited,.tna-header__top-navigation-item-link--selected,.tna-header__top-navigation-item-link--selected:link,.tna-header__top-navigation-item-link--selected:visited{text-decoration:underline;text-decoration-thickness:3px}.tna-header__navigation-items{margin:0;padding:0;list-style:none;white-space:nowrap}.tna-header__navigation-item{margin-left:.75rem;display:inline-block}.tna-header__navigation-item-link{padding:.5rem 1rem;display:inline-block;font-family:supria-sans-condensed,sans-serif;font-weight:400;text-decoration:none;line-height:2}.tna-header__navigation-item-link,.tna-header__navigation-item-link:link,.tna-header__navigation-item-link:visited{color:inherit}.tna-header__navigation-item-link:hover,.tna-header__navigation-item-link:hover:link,.tna-header__navigation-item-link:hover:visited,.tna-header__navigation-item-link--selected,.tna-header__navigation-item-link--selected:link,.tna-header__navigation-item-link--selected:visited{--page-background: #fff;--font-base: #343338;--font-dark: #000;--font-light: rgba(52, 51, 56, 0.7);--link: #1d70ab;--link-visited: #4c2c92;--focus-outline: #00b0ff;--keyline: #ccc;--keyline-dark: #26262a;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #26262a;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #fff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8);color:#000;color:var(--font-dark);background-color:#fff;background-color:var(--page-background)}.tna-template--system-theme .tna-header__navigation-item-link:hover,.tna-template--system-theme .tna-header__navigation-item-link:hover:link,.tna-template--system-theme .tna-header__navigation-item-link:hover:visited,.tna-template--system-theme .tna-header__navigation-item-link--selected,.tna-template--system-theme .tna-header__navigation-item-link--selected:link,.tna-template--system-theme .tna-header__navigation-item-link--selected:visited{--page-background: #fff;--font-base: #343338;--font-dark: #000;--font-light: rgba(52, 51, 56, 0.7);--link: #1d70ab;--link-visited: #4c2c92;--focus-outline: #00b0ff;--keyline: #ccc;--keyline-dark: #26262a;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #26262a;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #fff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8)}@media(prefers-color-scheme: dark){.tna-template--system-theme .tna-header__navigation-item-link:hover,.tna-template--system-theme .tna-header__navigation-item-link:hover:link,.tna-template--system-theme .tna-header__navigation-item-link:hover:visited,.tna-template--system-theme .tna-header__navigation-item-link--selected,.tna-template--system-theme .tna-header__navigation-item-link--selected:link,.tna-template--system-theme .tna-header__navigation-item-link--selected:visited{--page-background: #111;--font-base: rgba(255, 255, 255, 0.95);--font-dark: #fff;--font-light: rgba(255, 255, 255, 0.5);--link: #00b0ff;--link-visited: #b9f;--focus-outline: #00b0ff;--keyline: rgba(255, 255, 255, 0.5);--keyline-dark: #fff;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #222;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #fff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8)}}@media(prefers-contrast: more){.tna-template--system-theme .tna-header__navigation-item-link:hover,.tna-template--system-theme .tna-header__navigation-item-link:hover:link,.tna-template--system-theme .tna-header__navigation-item-link:hover:visited,.tna-template--system-theme .tna-header__navigation-item-link--selected,.tna-template--system-theme .tna-header__navigation-item-link--selected:link,.tna-template--system-theme .tna-header__navigation-item-link--selected:visited{--page-background: #fff;--font-base: #000;--font-dark: #000;--font-light: #000;--link: #000;--link-visited: #000;--focus-outline: #fd3f03;--keyline: #000;--keyline-dark: #000;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #f0f0f0;--contrast-font-base: #000;--contrast-font-dark: #000;--contrast-font-light: rgba(0, 0, 0, 0.7);--contrast-link: #000;--contrast-link-visited: #000;--contrast-keyline: rgba(0, 0, 0, 0.5);--contrast-keyline-dark: rgba(0, 0, 0, 0.8)}}@media(prefers-contrast: more)and (prefers-color-scheme: dark){.tna-template--system-theme .tna-header__navigation-item-link:hover,.tna-template--system-theme .tna-header__navigation-item-link:hover:link,.tna-template--system-theme .tna-header__navigation-item-link:hover:visited,.tna-template--system-theme .tna-header__navigation-item-link--selected,.tna-template--system-theme .tna-header__navigation-item-link--selected:link,.tna-template--system-theme .tna-header__navigation-item-link--selected:visited{--page-background: #000;--font-base: #fff;--font-dark: #fff;--font-light: #fff;--link: #fff;--link-visited: #fff;--focus-outline: #00b0ff;--keyline: #fff;--keyline-dark: #fff;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #111;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #fff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8)}}.tna-template--light-theme .tna-header__navigation-item-link:hover,.tna-template--light-theme .tna-header__navigation-item-link:hover:link,.tna-template--light-theme .tna-header__navigation-item-link:hover:visited,.tna-template--light-theme .tna-header__navigation-item-link--selected,.tna-template--light-theme .tna-header__navigation-item-link--selected:link,.tna-template--light-theme .tna-header__navigation-item-link--selected:visited{--page-background: #fff;--font-base: #343338;--font-dark: #000;--font-light: rgba(52, 51, 56, 0.7);--link: #1d70ab;--link-visited: #4c2c92;--focus-outline: #00b0ff;--keyline: #ccc;--keyline-dark: #26262a;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #26262a;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #fff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8)}.tna-template--dark-theme .tna-header__navigation-item-link:hover,.tna-template--dark-theme .tna-header__navigation-item-link:hover:link,.tna-template--dark-theme .tna-header__navigation-item-link:hover:visited,.tna-template--dark-theme .tna-header__navigation-item-link--selected,.tna-template--dark-theme .tna-header__navigation-item-link--selected:link,.tna-template--dark-theme .tna-header__navigation-item-link--selected:visited{--page-background: #111;--font-base: rgba(255, 255, 255, 0.95);--font-dark: #fff;--font-light: rgba(255, 255, 255, 0.5);--link: #00b0ff;--link-visited: #b9f;--focus-outline: #00b0ff;--keyline: rgba(255, 255, 255, 0.5);--keyline-dark: #fff;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #222;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #fff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8)}.tna-template--high-contrast-theme .tna-header__navigation-item-link:hover,.tna-template--high-contrast-theme .tna-header__navigation-item-link:hover:link,.tna-template--high-contrast-theme .tna-header__navigation-item-link:hover:visited,.tna-template--high-contrast-theme .tna-header__navigation-item-link--selected,.tna-template--high-contrast-theme .tna-header__navigation-item-link--selected:link,.tna-template--high-contrast-theme .tna-header__navigation-item-link--selected:visited{--page-background: #fff;--font-base: #000;--font-dark: #000;--font-light: #000;--link: #000;--link-visited: #000;--focus-outline: #fd3f03;--keyline: #000;--keyline-dark: #000;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #f0f0f0;--contrast-font-base: #000;--contrast-font-dark: #000;--contrast-font-light: rgba(0, 0, 0, 0.7);--contrast-link: #000;--contrast-link-visited: #000;--contrast-keyline: rgba(0, 0, 0, 0.5);--contrast-keyline-dark: rgba(0, 0, 0, 0.8)}.tna-template--high-contrast-theme.tna-template--dark-theme .tna-header__navigation-item-link:hover,.tna-template--high-contrast-theme.tna-template--dark-theme .tna-header__navigation-item-link:hover:link,.tna-template--high-contrast-theme.tna-template--dark-theme .tna-header__navigation-item-link:hover:visited,.tna-template--high-contrast-theme.tna-template--dark-theme .tna-header__navigation-item-link--selected,.tna-template--high-contrast-theme.tna-template--dark-theme .tna-header__navigation-item-link--selected:link,.tna-template--high-contrast-theme.tna-template--dark-theme .tna-header__navigation-item-link--selected:visited{--page-background: #000;--font-base: #fff;--font-dark: #fff;--font-light: #fff;--link: #fff;--link-visited: #fff;--focus-outline: #00b0ff;--keyline: #fff;--keyline-dark: #fff;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #111;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #fff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8)}@media(min-width: 48.0625em){.tna-header .tna-header__navigation-toggle{display:none}}@media(max-width: 48em){.tna-header__contents.tna-container{padding-right:0;padding-left:0}.tna-header__logo{padding-top:1rem;padding-bottom:1rem}.tna-header__logo.tna-column{padding-right:1.5rem;padding-left:1.5rem}.tna-header .tna-logo{width:4.5rem;height:4.5rem}.tna-header__logo-strapline{line-height:1.55}.tna-header__navigation-toggle.tna-column{padding-right:1.5rem;padding-left:0}.tna-header__navigation{--page-background: #fff;--font-base: #343338;--font-dark: #000;--font-light: rgba(52, 51, 56, 0.7);--link: #1d70ab;--link-visited: #4c2c92;--focus-outline: #00b0ff;--keyline: #ccc;--keyline-dark: #26262a;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #26262a;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #fff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8);color:#343338;color:var(--font-base);font-size:1.25rem;align-items:stretch;flex-direction:column}.tna-template--system-theme .tna-header__navigation{--page-background: #fff;--font-base: #343338;--font-dark: #000;--font-light: rgba(52, 51, 56, 0.7);--link: #1d70ab;--link-visited: #4c2c92;--focus-outline: #00b0ff;--keyline: #ccc;--keyline-dark: #26262a;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #26262a;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #fff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8)}}@media(max-width: 48em)and (prefers-color-scheme: dark){.tna-template--system-theme .tna-header__navigation{--page-background: #111;--font-base: rgba(255, 255, 255, 0.95);--font-dark: #fff;--font-light: rgba(255, 255, 255, 0.5);--link: #00b0ff;--link-visited: #b9f;--focus-outline: #00b0ff;--keyline: rgba(255, 255, 255, 0.5);--keyline-dark: #fff;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #222;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #fff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8)}}@media(max-width: 48em)and (prefers-contrast: more){.tna-template--system-theme .tna-header__navigation{--page-background: #fff;--font-base: #000;--font-dark: #000;--font-light: #000;--link: #000;--link-visited: #000;--focus-outline: #fd3f03;--keyline: #000;--keyline-dark: #000;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #f0f0f0;--contrast-font-base: #000;--contrast-font-dark: #000;--contrast-font-light: rgba(0, 0, 0, 0.7);--contrast-link: #000;--contrast-link-visited: #000;--contrast-keyline: rgba(0, 0, 0, 0.5);--contrast-keyline-dark: rgba(0, 0, 0, 0.8)}}@media(max-width: 48em)and (prefers-contrast: more)and (prefers-color-scheme: dark){.tna-template--system-theme .tna-header__navigation{--page-background: #000;--font-base: #fff;--font-dark: #fff;--font-light: #fff;--link: #fff;--link-visited: #fff;--focus-outline: #00b0ff;--keyline: #fff;--keyline-dark: #fff;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #111;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #fff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8)}}@media(max-width: 48em){.tna-template--light-theme .tna-header__navigation{--page-background: #fff;--font-base: #343338;--font-dark: #000;--font-light: rgba(52, 51, 56, 0.7);--link: #1d70ab;--link-visited: #4c2c92;--focus-outline: #00b0ff;--keyline: #ccc;--keyline-dark: #26262a;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #26262a;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #fff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8)}.tna-template--dark-theme .tna-header__navigation{--page-background: #111;--font-base: rgba(255, 255, 255, 0.95);--font-dark: #fff;--font-light: rgba(255, 255, 255, 0.5);--link: #00b0ff;--link-visited: #b9f;--focus-outline: #00b0ff;--keyline: rgba(255, 255, 255, 0.5);--keyline-dark: #fff;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #222;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #fff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8)}.tna-template--high-contrast-theme .tna-header__navigation{--page-background: #fff;--font-base: #000;--font-dark: #000;--font-light: #000;--link: #000;--link-visited: #000;--focus-outline: #fd3f03;--keyline: #000;--keyline-dark: #000;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #f0f0f0;--contrast-font-base: #000;--contrast-font-dark: #000;--contrast-font-light: rgba(0, 0, 0, 0.7);--contrast-link: #000;--contrast-link-visited: #000;--contrast-keyline: rgba(0, 0, 0, 0.5);--contrast-keyline-dark: rgba(0, 0, 0, 0.8)}.tna-template--high-contrast-theme.tna-template--dark-theme .tna-header__navigation{--page-background: #000;--font-base: #fff;--font-dark: #fff;--font-light: #fff;--link: #fff;--link-visited: #fff;--focus-outline: #00b0ff;--keyline: #fff;--keyline-dark: #fff;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #111;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #fff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8)}.tna-header__navigation.tna-column{padding-right:0;padding-left:0}.tna-template--js-enabled .tna-header__navigation{display:none}.tna-template--js-enabled .tna-header__navigation--open{display:flex}.tna-header__top-navigation-items{padding:.5rem 1rem;background-color:#fff;background-color:var(--page-background);border-bottom:1px solid;border-color:#ccc;border-color:var(--keyline)}.tna-header__top-navigation-item{margin:0;padding:.5rem}.tna-header__navigation-items{width:100%;background-color:#fff;background-color:var(--page-background)}.tna-header__navigation-item{margin:0;display:block;border-bottom:1px solid;border-color:#ccc;border-color:var(--keyline)}.tna-header__navigation-item-link{padding-right:1.5rem;padding-left:1.5rem;display:block;position:relative;line-height:1.6}.tna-header__navigation-item-link::after{width:0;position:absolute;top:0;bottom:0;left:0;background-color:#000;background-color:var(--font-dark);content:""}.tna-header__navigation-item-link:hover::after{width:.25rem}.tna-header__navigation-item-link--selected::after,.tna-header__navigation-item-link--selected:hover::after{width:.5rem}}@media(max-width: 30em){.tna-header .tna-logo{width:3.5rem;height:3.5rem}.tna-header__logo-strapline{line-height:1.25}}.tna-hero{min-height:min(35vw,480px);padding-top:5.25rem;padding-bottom:3.25rem;display:flex;align-items:flex-end;position:relative}.tna-hero__image{width:100%;height:100%;position:absolute;inset:0;z-index:1;object-fit:cover}.tna-hero picture.tna-hero__image img{width:100%;height:100%;object-fit:cover}.tna-hero__image-details{position:absolute;right:1.25rem;bottom:1.25rem;z-index:3;color:#343338;color:var(--font-base)}.tna-hero__image-details-summary{width:2rem;height:2rem;position:relative;z-index:2;font-size:0;text-align:center;line-height:2rem;list-style:none;background-color:#fc0;border-radius:1rem;cursor:pointer}.tna-hero__image-details-summary-icon{font-size:1.25rem;font-style:normal;font-weight:700;text-transform:lowercase}.tna-hero__image-information{width:20rem;max-width:45vw;padding:.5rem 1rem;position:absolute;right:0;bottom:2.5rem;z-index:1;background-color:#fc0}.tna-hero__inner{position:relative;z-index:2}.tna-hero__content-inner{padding:2.5rem 1.5rem;background-color:#fff;background-color:var(--page-background)}.tna-hero__heading{margin-bottom:0}.tna-hero__body{margin-top:1.5rem}@media(max-width: 48em){.tna-hero{padding:0;display:block;--font-base: var(--contrast-font-base);--font-dark: var(--contrast-font-dark);--font-light: var(--contrast-font-light);--link: var(--contrast-link);--link-visited: var(--contrast-link-visited);--keyline: var(--contrast-keyline);--keyline-dark: var(--contrast-keyline-dark);color:#fff;color:var(--contrast-font-base);background-color:#26262a;background-color:var(--contrast-background)}.tna-hero__image{height:320px;position:static}.tna-hero__image-details{bottom:auto;top:1.25rem}.tna-hero__image-information{top:2.5rem;bottom:auto}.tna-hero__content-inner{padding:1.5rem 0;background-color:rgba(0,0,0,0)}.tna-hero__heading{color:inherit}.tna-hero__body{margin-top:1rem;color:inherit}}@media(max-width: 30em){.tna-hero__image{height:240px}}.tna-template--high-contrast-theme .tna-hero__content-inner{border:1px rgba(0,0,0,0) solid;border-color:#26262a;border-color:var(--keyline-dark)}@media(max-width: 48em){.tna-template--high-contrast-theme .tna-hero__content-inner{border:none}}@media(prefers-contrast: more){.tna-template--system-theme .tna-hero__content-inner{border:1px rgba(0,0,0,0) solid;border-color:#26262a;border-color:var(--keyline-dark)}}@media(prefers-contrast: more)and (max-width: 48em){.tna-template--system-theme .tna-hero__content-inner{border:none}}.tna-index-grid__item-wrapper{margin-bottom:2rem}.tna-index-grid__item{height:100%;display:flex;flex-direction:column;--font-base: var(--contrast-font-base);--font-dark: var(--contrast-font-dark);--font-light: var(--contrast-font-light);--link: var(--contrast-link);--link-visited: var(--contrast-link-visited);--keyline: var(--contrast-keyline);--keyline-dark: var(--contrast-keyline-dark);color:#fff;color:var(--contrast-font-base);background-color:#26262a;background-color:var(--contrast-background);text-decoration:none}.tna-index-grid__item-image{width:100%;height:auto}.tna-index-grid__item-content{padding:1rem;flex:1}.tna-index-grid__item-title{text-decoration:underline}.tna-index-grid__item:hover .tna-index-grid__item-title,.tna-index-grid__item:hover .tna-index-grid__item-title:link,.tna-index-grid__item:hover .tna-index-grid__item-title:visited{text-decoration-thickness:3px}.tna-index-grid__item-subtitle{color:rgba(52,51,56,.7);color:var(--font-light)}.tna-message{padding:1rem;display:flex;align-items:center;color:#000;background-color:#ccc;background-color:var(--keyline);border-left:.5rem rgba(0,0,0,0) solid;border-color:#26262a;border-color:var(--keyline-dark);background-color:#f9f7e2;border-left-color:#fc0}.tna-message__icon{margin-right:1rem}.tna-phase-banner{--page-background: #fff;--font-base: #343338;--font-dark: #000;--font-light: rgba(52, 51, 56, 0.7);--link: #1d70ab;--link-visited: #4c2c92;--focus-outline: #00b0ff;--keyline: #ccc;--keyline-dark: #26262a;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #26262a;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #fff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8);color:#343338;color:var(--font-base);padding-top:.375rem;padding-bottom:.375rem;background-color:#d9d9d6}.tna-phase-banner .tna-container{align-items:center;flex-wrap:nowrap}.tna-phase-banner__phase{margin:.25rem 0;padding:0 .5rem;display:block;font-weight:700;text-transform:uppercase;line-height:1.5;background-color:#fff}.tna-phase-banner__message{margin:.25rem 0}.tna-phase-banner__message a{color:inherit}.tna-phase-banner--discovery{background-color:#fad3d4}.tna-phase-banner--alpha{background-color:#f9e1bc}.tna-phase-banner--beta{background-color:#f9f7e2}.tna-phase-banner--live{background-color:#dde5d5}.tna-picture{margin:0 0 1rem;padding:0}.tna-picture__image-wrapper{position:relative;background-color:#f4f4f4}.tna-picture__image{height:auto;margin:0 auto}.tna-picture__toggle-transcript{position:absolute;right:1rem;bottom:1rem}.tna-picture__transcript{--font-base: var(--contrast-font-base);--font-dark: var(--contrast-font-dark);--font-light: var(--contrast-font-light);--link: var(--contrast-link);--link-visited: var(--contrast-link-visited);--keyline: var(--contrast-keyline);--keyline-dark: var(--contrast-keyline-dark);color:#fff;color:var(--contrast-font-base);background-color:#26262a;background-color:var(--contrast-background);padding:1rem 1.5rem}.tna-template--clicked .tna-picture__transcript:focus{outline:none}.tna-picture__transcript .tna-tabs{margin-bottom:.5rem}.tna-picture__caption{padding:1rem 0;text-align:center;border-bottom:1px solid;border-color:#ccc;border-color:var(--keyline)}.tna-sensitive-image__details{position:relative}.tna-sensitive-image__details::after{width:100%;padding-bottom:calc(100%*var(--sensitive-image-height)/var(--sensitive-image-width));display:block;position:relative;z-index:-1;background-image:var(--sensitive-image);background-clip:padding-box;background-size:contain;filter:blur(20px) saturate(0);content:""}.tna-sensitive-image__show{display:flex;align-items:center;justify-content:center;position:absolute;inset:0;z-index:1;font-size:0;cursor:pointer}.tna-sensitive-image__show::after{padding:.5rem 2rem;font-size:1rem;background-color:#ff0;content:attr(data-action)}.tna-sensitive-image__show:hover::after{color:#fff;background-color:#000}.tna-sensitive-image__image{width:100%}.tna-sensitive-image__details[open]::after,.tna-sensitive-image__details[open] .tna-sensitive-image__show{display:none}.tna-tabs{margin-bottom:1rem}.tna-tabs__list{margin:0 0 1rem;padding:0;display:flex;align-items:stretch;list-style:none}.tna-tabs__list-item{display:inline-flex}.tna-tabs__list-item+.tna-tabs__list-item{margin-left:1rem}.tna-tabs__list-item-link{padding:.5rem 0;display:flex;align-items:center;position:relative;color:#000;color:var(--font-dark);font-size:inherit;font-family:inherit;font-weight:700;text-decoration:none;line-height:1.5;text-align:center;background:rgba(0,0,0,0);border:none;cursor:pointer}.tna-tabs__list-item-link+.tna-tabs__list-item-link{margin-left:1.5rem}.tna-tabs__list-item-link::after{height:0;position:absolute;right:0;bottom:0;left:0;background-color:#26262a;background-color:var(--keyline-dark);content:""}.tna-tabs__list-item-link:hover::after,.tna-tabs__list-item-link--selected::after,.tna-tabs__list-item-link--selected:hover::after{height:.25rem}.tna-template--js-enabled .tna-tabs__list-item-link{color:rgba(52,51,56,.7);color:var(--font-light)}.tna-template--js-enabled .tna-tabs__list-item-link:hover::after{height:.125rem}.tna-template--js-enabled .tna-tabs__list-item-link--selected{color:#000;color:var(--font-dark)}.tna-template--js-enabled .tna-tabs__list-item-link--selected::after,.tna-template--js-enabled .tna-tabs__list-item-link--selected:hover::after{height:.25rem}.tna-tabs__item{display:none}.tna-tabs__item:first-child{display:block}.tna-tabs__item:has(~:target){display:none}.tna-tabs__item:target{display:block}.tna-template--js-enabled .tna-tabs__item{display:block}.tna-template--js-enabled .tna-tabs__item[hidden]{display:none}.tna-template--clicked .tna-tabs__item:focus{outline:none}.tna-template--high-contrast-theme .tna-tabs__list-item-link{padding-right:1rem;padding-left:1rem;overflow:hidden;border:1px rgba(0,0,0,0) solid;border-color:#26262a;border-color:var(--keyline-dark)}@media(prefers-contrast: more){.tna-template--system-theme .tna-tabs__list-item-link{padding-right:1rem;padding-left:1rem;overflow:hidden;border:1px rgba(0,0,0,0) solid;border-color:#26262a;border-color:var(--keyline-dark)}}.tna-featured-collection{padding-top:2rem;padding-bottom:2rem;background-color:#f9f7e2}.tna-featured-collection .tna-card{margin-top:1rem;margin-bottom:1rem}/*# sourceMappingURL=all.css.map */
1
+ @import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@500;700&family=Roboto+Mono:wght@400&display=swap";@import"https://use.typekit.net/hkj3kuz.css";.tna-picture__transcript,.tna-index-grid__item,.tna-header,.tna-footer{--font-base: var(--contrast-font-base);--font-dark: var(--contrast-font-dark);--font-light: var(--contrast-font-light);--link: var(--contrast-link);--link-visited: var(--contrast-link-visited);--keyline: var(--contrast-keyline);--keyline-dark: var(--contrast-keyline-dark);background-color:#26262a;background-color:var(--contrast-background)}@media(max-width: 48em){.tna-hero{--font-base: var(--contrast-font-base);--font-dark: var(--contrast-font-dark);--font-light: var(--contrast-font-light);--link: var(--contrast-link);--link-visited: var(--contrast-link-visited);--keyline: var(--contrast-keyline);--keyline-dark: var(--contrast-keyline-dark);background-color:#26262a;background-color:var(--contrast-background)}}:root{--page-background: #fff;--font-base: #343338;--font-dark: #000;--font-light: rgba(52, 51, 56, 0.7);--link: #1d70ab;--link-visited: #4c2c92;--focus-outline: #00b0ff;--keyline: #ccc;--keyline-dark: #26262a;--accent-default: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #26262a;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #00b0ff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8)}.tna-template{min-width:320px;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;font-size:16px;background-color:#fff;background-color:var(--page-background)}.tna-template--system-theme{--page-background: #fff;--font-base: #343338;--font-dark: #000;--font-light: rgba(52, 51, 56, 0.7);--link: #1d70ab;--link-visited: #4c2c92;--focus-outline: #00b0ff;--keyline: #ccc;--keyline-dark: #26262a;--accent-default: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #26262a;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #00b0ff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8)}@media(prefers-color-scheme: dark){.tna-template--system-theme{--page-background: #222;--font-base: rgba(255, 255, 255, 0.95);--font-dark: #fff;--font-light: rgba(255, 255, 255, 0.5);--link: #00b0ff;--link-visited: #b9f;--focus-outline: #00b0ff;--keyline: rgba(255, 255, 255, 0.25);--keyline-dark: #fff;--accent-default: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #111;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #00b0ff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8)}}@media(prefers-contrast: more){.tna-template--system-theme{--page-background: #fff;--font-base: #000;--font-dark: #000;--font-light: #000;--link: #004c7e;--link-visited: #000;--focus-outline: #fd3f03;--keyline: #000;--keyline-dark: #000;--accent-default: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #fff;--contrast-font-base: #000;--contrast-font-dark: #000;--contrast-font-light: #000;--contrast-link: #004c7e;--contrast-link-visited: #000;--contrast-keyline: #000;--contrast-keyline-dark: #000}.tna-template--system-theme *{background-image:none !important}}@media(prefers-contrast: more)and (prefers-color-scheme: dark){.tna-template--system-theme{--page-background: #000;--font-base: #fff;--font-dark: #fff;--font-light: #fff;--link: #fff;--link-visited: #fff;--focus-outline: #00b0ff;--keyline: #fff;--keyline-dark: #fff;--accent-default: #fc0;--button-primary-text: #000;--button-primary-background: #fff;--button-primary-hover-text: #fff;--button-primary-hover-background: #000;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #000;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #00b0ff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8)}}.tna-template--light-theme{--page-background: #fff;--font-base: #343338;--font-dark: #000;--font-light: rgba(52, 51, 56, 0.7);--link: #1d70ab;--link-visited: #4c2c92;--focus-outline: #00b0ff;--keyline: #ccc;--keyline-dark: #26262a;--accent-default: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #26262a;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #00b0ff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8)}.tna-template--dark-theme{--page-background: #222;--font-base: rgba(255, 255, 255, 0.95);--font-dark: #fff;--font-light: rgba(255, 255, 255, 0.5);--link: #00b0ff;--link-visited: #b9f;--focus-outline: #00b0ff;--keyline: rgba(255, 255, 255, 0.25);--keyline-dark: #fff;--accent-default: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #111;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #00b0ff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8)}.tna-template--high-contrast-theme{--page-background: #fff;--font-base: #000;--font-dark: #000;--font-light: #000;--link: #004c7e;--link-visited: #000;--focus-outline: #fd3f03;--keyline: #000;--keyline-dark: #000;--accent-default: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #fff;--contrast-font-base: #000;--contrast-font-dark: #000;--contrast-font-light: #000;--contrast-link: #004c7e;--contrast-link-visited: #000;--contrast-keyline: #000;--contrast-keyline-dark: #000}.tna-template--high-contrast-theme *{background-image:none !important}.tna-template--high-contrast-theme.tna-template--dark-theme{--page-background: #000;--font-base: #fff;--font-dark: #fff;--font-light: #fff;--link: #fff;--link-visited: #fff;--focus-outline: #00b0ff;--keyline: #fff;--keyline-dark: #fff;--accent-default: #fc0;--button-primary-text: #000;--button-primary-background: #fff;--button-primary-hover-text: #fff;--button-primary-hover-background: #000;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #000;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #00b0ff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8)}@media(prefers-reduced-motion){.tna-template *{animation:none !important;transition:none !important}}.tna-template__body{min-height:100%;margin:0;padding:0;overflow:auto}.tna-template__body:has(.tna-header):has(#main-content[role=main]):has(.tna-footer){display:flex;flex-direction:column}.tna-template__body:has(.tna-header):has(#main-content[role=main]):has(.tna-footer) #main-content[role=main]{flex:1}img,svg,video,canvas{max-width:100%;display:block}video,canvas{width:100%}[hidden]{display:none}*:focus{outline:.3125rem solid;outline-color:#00b0ff;outline-color:var(--focus-outline);outline-offset:.125rem}hr{margin:3rem 0;border-width:1px 0 0;border-color:#ccc;border-color:var(--keyline);border-style:dashed}.tna-template--high-contrast-theme hr{border-style:solid}@media(prefers-contrast: more){.tna-template--system-theme hr{border-style:solid}}.tna-visually-hidden{width:1px !important;height:1px !important;margin:0 !important;padding:0 !important;position:absolute !important;top:-9999px !important;left:-9999px !important;z-index:-1 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;border:0 !important;background-color:rgba(0,0,0,0) !important}.tna-visually-hidden::before,.tna-visually-hidden::after{content:" "}.tna-\!--no-margin-top,.tna-\!--no-margin-vertical{margin-top:0 !important}.tna-\!--no-margin-bottom,.tna-\!--no-margin-vertical{margin-bottom:0 !important}.tna-\!--no-padding-top,.tna-\!--no-padding-vertical{padding-top:0 !important}.tna-\!--no-padding-bottom,.tna-\!--no-padding-vertical{padding-bottom:0 !important}.tna-\!--margin-top-xs,.tna-\!--margin-vertical-xs{margin-top:0.5rem !important}.tna-\!--margin-top-s,.tna-\!--margin-vertical-s{margin-top:1rem !important}.tna-\!--margin-top-m,.tna-\!--margin-vertical-m{margin-top:2rem !important}.tna-\!--margin-top-l,.tna-\!--margin-vertical-l{margin-top:3rem !important}.tna-\!--margin-top-xl,.tna-\!--margin-vertical-xl{margin-top:6rem !important}.tna-\!--margin-bottom-xs,.tna-\!--margin-vertical-xs{margin-bottom:0.5rem !important}.tna-\!--margin-bottom-s,.tna-\!--margin-vertical-s{margin-bottom:1rem !important}.tna-\!--margin-bottom-m,.tna-\!--margin-vertical-m{margin-bottom:2rem !important}.tna-\!--margin-bottom-l,.tna-\!--margin-vertical-l{margin-bottom:3rem !important}.tna-\!--margin-bottom-xl,.tna-\!--margin-vertical-xl{margin-bottom:6rem !important}.tna-\!--padding-top-xs,.tna-\!--padding-vertical-xs{padding-top:0.5rem !important}.tna-\!--padding-top-s,.tna-\!--padding-vertical-s{padding-top:1rem !important}.tna-\!--padding-top-m,.tna-\!--padding-vertical-m{padding-top:2rem !important}.tna-\!--padding-top-l,.tna-\!--padding-vertical-l{padding-top:3rem !important}.tna-\!--padding-top-xl,.tna-\!--padding-vertical-xl{padding-top:6rem !important}.tna-\!--padding-bottom-xs,.tna-\!--padding-vertical-xs{padding-bottom:0.5rem !important}.tna-\!--padding-bottom-s,.tna-\!--padding-vertical-s{padding-bottom:1rem !important}.tna-\!--padding-bottom-m,.tna-\!--padding-vertical-m{padding-bottom:2rem !important}.tna-\!--padding-bottom-l,.tna-\!--padding-vertical-l{padding-bottom:3rem !important}.tna-\!--padding-bottom-xl,.tna-\!--padding-vertical-xl{padding-bottom:6rem !important}@media(max-width: 48em){.tna-\!--margin-top-xs,.tna-\!--margin-vertical-xs{margin-top:0.5rem !important}.tna-\!--margin-top-s,.tna-\!--margin-vertical-s{margin-top:0.75rem !important}.tna-\!--margin-top-m,.tna-\!--margin-vertical-m{margin-top:1.5rem !important}.tna-\!--margin-top-l,.tna-\!--margin-vertical-l{margin-top:2rem !important}.tna-\!--margin-top-xl,.tna-\!--margin-vertical-xl{margin-top:3rem !important}.tna-\!--margin-bottom-xs,.tna-\!--margin-vertical-xs{margin-bottom:0.5rem !important}.tna-\!--margin-bottom-s,.tna-\!--margin-vertical-s{margin-bottom:0.75rem !important}.tna-\!--margin-bottom-m,.tna-\!--margin-vertical-m{margin-bottom:1.5rem !important}.tna-\!--margin-bottom-l,.tna-\!--margin-vertical-l{margin-bottom:2rem !important}.tna-\!--margin-bottom-xl,.tna-\!--margin-vertical-xl{margin-bottom:3rem !important}.tna-\!--padding-top-xs,.tna-\!--padding-vertical-xs{padding-top:0.5rem !important}.tna-\!--padding-top-s,.tna-\!--padding-vertical-s{padding-top:0.75rem !important}.tna-\!--padding-top-m,.tna-\!--padding-vertical-m{padding-top:1.5rem !important}.tna-\!--padding-top-l,.tna-\!--padding-vertical-l{padding-top:2rem !important}.tna-\!--padding-top-xl,.tna-\!--padding-vertical-xl{padding-top:3rem !important}.tna-\!--padding-bottom-xs,.tna-\!--padding-vertical-xs{padding-bottom:0.5rem !important}.tna-\!--padding-bottom-s,.tna-\!--padding-vertical-s{padding-bottom:0.75rem !important}.tna-\!--padding-bottom-m,.tna-\!--padding-vertical-m{padding-bottom:1.5rem !important}.tna-\!--padding-bottom-l,.tna-\!--padding-vertical-l{padding-bottom:2rem !important}.tna-\!--padding-bottom-xl,.tna-\!--padding-vertical-xl{padding-bottom:3rem !important}}.tna-template{color:#343338;color:var(--font-base);font-family:"Open Sans",sans-serif;font-weight:500;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-text-size-adjust:none;direction:ltr}.tna-template__body{color:inherit;font-size:1.125rem;line-height:1.7777777778}h1,h2,h3,h4,h5,h6,ul,ol{margin-top:0}h1,h2,h3,h4,h5,h6,strong{font-weight:700}p{margin:0 0 1.5rem}p:last-child{margin-bottom:0}a{color:#1d70ab;color:var(--link);text-decoration-thickness:1.5px}a:visited{color:#4c2c92;color:var(--link-visited)}a:hover,a:active{text-decoration-thickness:3.5px}.tna-ul,.tna-ol{margin:0 0 2rem;padding:0 0 0 2rem}.tna-ul:last-child,.tna-ol:last-child{margin-bottom:0}.tna-ul li::marker,.tna-ol li::marker{color:var(--accent, var(--accent-default));font-weight:700}.tna-ul--plain,.tna-ol--plain{padding-left:0;list-style:none}.tna-heading{margin-bottom:1rem;color:#000;color:var(--font-dark);font-family:supria-sans-condensed,sans-serif;font-weight:400}.tna-heading:last-child{margin-bottom:0}.tna-heading--xl{font-size:4rem;line-height:1}@media(min-width: 48.0625em)and (max-width: 64em){.tna-heading--xl{font-size:2.625rem}}@media(max-width: 48em){.tna-heading--xl{font-size:2.25rem}}.tna-heading--l{font-size:2rem;line-height:1.2}@media(min-width: 48.0625em)and (max-width: 64em){.tna-heading--l{font-size:1.625rem}}@media(max-width: 48em){.tna-heading--l{font-size:1.5rem}}.tna-heading--m{font-size:1.25rem;line-height:1.4}.tna-heading--s{font-size:1.125rem;line-height:1.6}.tna-hgroup{margin-bottom:1rem}.tna-hgroup:last-child{margin-bottom:0}.tna-hgroup__supertitle{margin:0 0 .5rem;color:#343338;color:var(--font-base);font-family:"Roboto Mono",monospace;font-weight:400;font-size:0.875rem;text-transform:uppercase;line-height:1.1428571429}.tna-hgroup__title{margin:0;color:#000;color:var(--font-dark)}.tna-hgroup__title .tna-hgroup__supertitle{display:block;color:#343338;color:var(--font-base)}.tna-hgroup--xl .tna-hgroup__title{font-size:4rem;line-height:1}.tna-hgroup--l .tna-hgroup__title{font-size:2rem;line-height:1.2}.tna-hgroup--m .tna-hgroup__title{font-size:1.25rem;line-height:1.4}.tna-hgroup--s .tna-hgroup__title{font-size:1.125rem;line-height:1.6}.tna-blockquote{margin:0 0 2rem;padding:1rem 1rem 1rem 2rem;border-left:.35rem #ccc solid;border-left:.35rem var(--keyline) solid}.tna-blockquote:last-child{margin-bottom:0}.tna-blockquote__quote{font-weight:700}.tna-blockquote__author{font-style:italic}.tna-blockquote .tna-blockquote__author{margin:1rem 0 0}.tna-blockquote__author::before{content:"—" " "}.tna-breadcrumbs{padding-top:1rem;padding-bottom:1rem}.tna-breadcrumbs__wrapper:focus{outline:none !important}.tna-breadcrumbs__list{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap}.tna-breadcrumbs__item{display:flex}.tna-breadcrumbs__item+.tna-breadcrumbs__item::before{margin:0 .75rem;display:inline-block;vertical-align:baseline;content:"›"}.tna-breadcrumbs__item--expandable{display:none}@media(max-width: 48em){.tna-breadcrumbs__item--expandable{display:inline-block !important}}.tna-breadcrumbs__link{display:inline-block}.tna-breadcrumbs__link,.tna-breadcrumbs__link:link,.tna-breadcrumbs__link:visited{color:#343338;color:var(--font-base)}.tna-breadcrumbs__link:hover{color:#000;color:var(--font-dark)}.tna-template--high-contrast-theme .tna-breadcrumbs__link{padding-right:.75rem;padding-left:.75rem;text-decoration:none;border:1px #26262a solid;border:1px var(--keyline-dark) solid}.tna-template--high-contrast-theme .tna-breadcrumbs__link:hover{text-decoration:underline;color:#26262a;color:var(--contrast-background);background-color:#fff;background-color:var(--contrast-font-base)}@media(prefers-contrast: more){.tna-template--system-theme .tna-breadcrumbs__link{padding-right:.75rem;padding-left:.75rem;text-decoration:none;border:1px #26262a solid;border:1px var(--keyline-dark) solid}.tna-template--system-theme .tna-breadcrumbs__link:hover{text-decoration:underline;color:#26262a;color:var(--contrast-background);background-color:#fff;background-color:var(--contrast-font-base)}}.tna-breadcrumbs button.tna-breadcrumbs__link{margin:0;padding:0;height:100%;font-size:inherit;line-height:inherit;font-weight:inherit;background-color:rgba(0,0,0,0);border:none;appearance:none;cursor:pointer}.tna-breadcrumbs button.tna-breadcrumbs__link:hover{color:inherit;text-decoration:underline;text-decoration-thickness:3px;background-color:rgba(0,0,0,0)}@media(max-width: 48em){.tna-breadcrumbs--collapsed .tna-breadcrumbs__item:not(:first-child,.tna-breadcrumbs__item--expandable,:last-child){display:none}}.tna-button{padding:.25rem 1rem;display:inline-block;font-weight:700;text-decoration:none;background-color:#000;background-color:var(--button-primary-background);border:.25rem #000 solid;border:.25rem var(--button-primary-background) solid;transition:color 200ms,background-color 200ms,border-color 200ms;cursor:pointer}.tna-button,.tna-button:link,.tna-button:visited{color:#fff;color:var(--button-primary-text)}.tna-button:hover{color:#000;color:var(--button-primary-hover-text);background-color:#fff;background-color:var(--button-primary-hover-background);transition:color 50ms,background-color 50ms,border-color 50ms}.tna-button--secondary{background-color:#fc0;background-color:var(--button-secondary-background);border-color:#fc0;border-color:var(--button-secondary-background)}.tna-button--secondary,.tna-button--secondary:link,.tna-button--secondary:visited{color:#000;color:var(--button-secondary-text)}.tna-button--secondary:hover{color:#000;color:var(--button-secondary-hover-text);background-color:#fff;background-color:var(--button-secondary-hover-background)}.tna-card{margin-bottom:2rem}.tna-card:last-child{margin-bottom:0}.tna-card__inner{display:flex;flex-direction:column}.tna-card__heading{order:2}.tna-card__title{order:2;font-family:"Open Sans",sans-serif;font-weight:500;font-weight:700}.tna-card__image-container{height:0;margin-bottom:1rem;padding-bottom:66.6666666667%;position:relative;order:1}.tna-card__image{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.tna-card__image-label{max-width:calc(100% - 2rem);padding:.25rem .5rem;position:absolute;top:1rem;left:0;--page-background: #fff;--font-base: #343338;--font-dark: #000;--font-light: rgba(52, 51, 56, 0.7);--link: #1d70ab;--link-visited: #4c2c92;--focus-outline: #00b0ff;--keyline: #ccc;--keyline-dark: #26262a;--accent-default: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #26262a;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #00b0ff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8);color:#000;color:var(--font-dark);font-size:0.875rem;font-weight:700;text-transform:uppercase;line-height:1.1428571429;background-color:var(--accent, var(--accent-default))}.tna-card--green-label .tna-card__image-label{background-color:#86bc25}.tna-card__body{order:3}.tna-card__actions{margin-top:2rem;order:4}.tna-card--featured{--page-background: #fff;--font-base: #343338;--font-dark: #000;--font-light: rgba(52, 51, 56, 0.7);--link: #1d70ab;--link-visited: #4c2c92;--focus-outline: #00b0ff;--keyline: #ccc;--keyline-dark: #26262a;--accent-default: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #26262a;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #00b0ff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8);position:relative;color:#343338;color:var(--font-base);background-color:var(--accent, var(--accent-default))}.tna-card--featured .tna-card__heading{padding-bottom:2rem;border-bottom:2px #26262a solid;border-bottom:2px var(--keyline-dark) solid}.tna-card--featured .tna-card__supertitle{color:inherit}.tna-card--featured .tna-card__title{font-family:supria-sans-condensed,sans-serif;font-weight:400}.tna-card--featured .tna-card__title-link{color:#000;color:var(--font-dark)}.tna-card--featured .tna-card__image-container{margin-bottom:2rem}@media(min-width: 48.0625em){.tna-card--featured .tna-card__inner{margin-left:50%;padding:2rem}.tna-card--featured .tna-card__image-container{height:auto;margin-bottom:0;padding-bottom:0;display:block;position:absolute;inset:0 50% 0 0}}@media(max-width: 48em){.tna-card--featured .tna-card__inner{padding:0 0 2rem}.tna-card--featured .tna-card__heading,.tna-card--featured .tna-card__body,.tna-card--featured .tna-card__actions{margin-right:2rem;margin-left:2rem}}.tna-template--high-contrast-theme .tna-card{border:1px #26262a solid;border:1px var(--keyline-dark) solid}.tna-template--high-contrast-theme .tna-card .tna-card__inner{padding-bottom:1rem}.tna-template--high-contrast-theme .tna-card .tna-card__heading,.tna-template--high-contrast-theme .tna-card .tna-card__body,.tna-template--high-contrast-theme .tna-card .tna-card__actions{margin-right:2rem;margin-left:2rem}@media(prefers-contrast: more){.tna-template--system-theme .tna-card{border:1px #26262a solid;border:1px var(--keyline-dark) solid}.tna-template--system-theme .tna-card .tna-card__inner{padding-bottom:1rem}.tna-template--system-theme .tna-card .tna-card__heading,.tna-template--system-theme .tna-card .tna-card__body,.tna-template--system-theme .tna-card .tna-card__actions{margin-right:2rem;margin-left:2rem}}.tna-filters__item{margin:0 .75rem .75rem 0;display:inline-block}.tna-filters__item:last-child{margin-right:0;margin-bottom:0}.tna-filters--stacked .tna-filters__item{display:block}.tna-filters__item--selected .tna-filters__link{color:#fff;background-color:#004c7e}.tna-filters__link{padding:.125rem .75rem;display:inline-block;color:#000;text-decoration:none;background-color:#d4e5ef;border-radius:99rem;transition:color 200ms,background-color 200ms}.tna-filters__link:hover{color:#fff;background-color:#004c7e;transition:color 50ms,background-color 50ms}.tna-footer{padding-top:3rem;padding-bottom:3rem;color:#fff;color:var(--contrast-font-base)}.tna-template--high-contrast-theme .tna-footer{border-top:1px #ccc solid;border-top:1px var(--keyline) solid}@media(prefers-contrast: more){.tna-template--system-theme .tna-footer{border-top:1px #ccc solid;border-top:1px var(--keyline) solid}}.tna-footer__link,.tna-footer__link:visited{color:inherit}.tna-footer__link:hover{color:#1d70ab;color:var(--link)}.tna-footer__top{margin-bottom:3rem;text-align:center}.tna-footer__title{margin-bottom:.5rem}.tna-footer__address{font-style:normal}.tna-footer__navigation{padding-bottom:3rem}.tna-footer__navigation-group-items{padding-left:0;list-style:none}.tna-footer__navigation-group-item+.tna-footer__navigation-group-item{margin-top:1rem}.tna-footer__social{margin-bottom:2rem}.tna-footer__social.tna-container{justify-content:space-evenly;align-items:flex-end}.tna-footer__social-item{margin-bottom:2rem;text-align:center}.tna-footer__social-item-link{display:block}.tna-footer__social-item-link-image{width:2.25em;margin:0 auto .5rem;display:block}.tna-footer__licence.tna-container{align-items:center}.tna-footer__licence .tna-column{margin-top:1rem}.tna-footer__licence-logo{display:block}.tna-footer__govuk{margin-top:2rem;text-align:center}.tna-footer__govuk-link{display:inline-block}.tna-footer__govuk-link,.tna-footer__govuk-link:visited{color:#000;color:var(--font-dark)}.tna-footer__govuk-link:hover{color:#1d70ab;color:var(--link)}.tna-footer__govuk-logotype-crown{margin:0 auto;display:block}@media(max-width: 48em){.tna-footer{padding-top:1rem}.tna-footer__social{justify-content:center}}.tna-container{max-width:75.25rem;width:100%;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:stretch;align-items:stretch}.tna-container--no-padding,.tna-container--no-padding-all{max-width:71.25rem}.tna-container--max{max-width:none}.tna-column{padding-right:1rem;padding-left:1rem;box-sizing:border-box}.tna-column--container{display:flex;flex-wrap:wrap;justify-content:stretch;align-items:stretch}.tna-column--full{width:100%;flex:none}.tna-column--width-1-12{width:8.3333333333%;flex:none}.tna-column--width-1-6{width:16.6666666667%;flex:none}.tna-column--width-1-4{width:25%;flex:none}.tna-column--width-1-3{width:33.3333333333%;flex:none}.tna-column--width-5-12{width:41.6666666667%;flex:none}.tna-column--width-1-2{width:50%;flex:none}.tna-column--width-7-12{width:58.3333333333%;flex:none}.tna-column--width-2-3{width:66.6666666667%;flex:none}.tna-column--width-3-4{width:75%;flex:none}.tna-column--width-5-6{width:83.3333333333%;flex:none}.tna-column--width-11-12{width:91.6666666667%;flex:none}.tna-column--flex-1{width:auto;flex:1 0}.tna-column--flex-2{width:auto;flex:2 0}.tna-column--flex-3{width:auto;flex:3 0}.tna-column--order-1{order:1}.tna-column--order-2{order:2}.tna-column--order-3{order:3}.tna-column--order-4{order:4}@media(min-width: 48.0625em)and (max-width: 64em){.tna-column--full-medium{width:100%;flex:none}.tna-column--width-1-6-medium{width:16.6666666667%;flex:none}.tna-column--width-1-3-medium{width:33.3333333333%;flex:none}.tna-column--width-1-2-medium{width:50%;flex:none}.tna-column--width-2-3-medium{width:66.6666666667%;flex:none}.tna-column--width-5-6-medium{width:83.3333333333%;flex:none}.tna-column--flex-1-medium{width:auto;flex:1 0}.tna-column--flex-2-medium{width:auto;flex:2 0}.tna-column--flex-3-medium{width:auto;flex:3 0}.tna-column--order-1-medium{order:1}.tna-column--order-2-medium{order:2}.tna-column--order-3-medium{order:3}.tna-column--order-4-medium{order:4}}@media(max-width: 48em){.tna-container{padding-right:.5rem;padding-left:.5rem}.tna-column{padding-right:.5rem;padding-left:.5rem}}@media(min-width: 30.0625em)and (max-width: 48em){.tna-column--full-small{width:100%;flex:none}.tna-column--width-1-4-small{width:25%;flex:none}.tna-column--width-1-2-small{width:50%;flex:none}.tna-column--width-3-4-small{width:75%;flex:none}.tna-column--flex-1-small{width:auto;flex:1 0}.tna-column--flex-2-small{width:auto;flex:2 0}.tna-column--flex-3-small{width:auto;flex:3 0}.tna-column--order-1-small{order:1}.tna-column--order-2-small{order:2}.tna-column--order-3-small{order:3}.tna-column--order-4-small{order:4}}@media(max-width: 30em){.tna-column--full-tiny{width:100%;flex:none}.tna-column--width-1-2-tiny{width:50%;flex:none}.tna-column--flex-1-tiny{width:auto;flex:1 0}.tna-column--flex-2-tiny{width:auto;flex:2 0}.tna-column--flex-3-tiny{width:auto;flex:3 0}.tna-column--order-1-tiny{order:1}.tna-column--order-2-tiny{order:2}.tna-column--order-3-tiny{order:3}.tna-column--order-4-tiny{order:4}}.tna-container--no-padding,.tna-container--no-padding-all,.tna-container--no-padding-all>.tna-column,.tna-column--no-padding,.tna-column--container--no-padding-all,.tna-column--container--no-padding-all>.tna-column{padding-right:0;padding-left:0}.tna-header{color:#fff;background-color:#000}.tna-header__exit{padding-top:.5rem;padding-bottom:.5rem;text-align:right;background-color:#26262a}.tna-header__exit-link{text-decoration:none;font-size:1rem}.tna-header__exit-link,.tna-header__exit-link:link,.tna-header__exit-link:visited{color:#fff}.tna-header__exit-link:hover{text-decoration:underline}.tna-header__exit-link-icon{width:.825rem;height:.825rem;margin-right:.125rem;margin-left:.5rem;display:inline-block;position:relative;vertical-align:middle;border:.125rem #fff solid}.tna-header__exit-link-icon::before{position:absolute;top:-0.25rem;right:-0.25rem;z-index:2;border:.25rem rgba(0,0,0,0) solid;border-top-color:#fff;border-right-color:#fff;content:""}.tna-header__exit-link-icon::after{width:.25rem;height:.825rem;position:absolute;top:-0.125rem;right:-0.125rem;z-index:1;background-color:#fff;outline:.2rem #26262a solid;transform:rotate(45deg) translateX(50%);transform-origin:100% 0;content:""}.tna-header__contents.tna-container{justify-content:space-between}.tna-header__logo{padding-top:1.5rem;padding-bottom:1.5rem}.tna-header__logo-link{display:flex;align-items:flex-end;color:inherit;text-decoration:none}.tna-header__logo-link,.tna-header__logo-link:link,.tna-header__logo-link:visited{color:inherit}.tna-header .tna-logo{width:6rem;height:6rem;display:inline-block}.tna-header__logo-link--href:hover .tna-logo{outline:.375rem #fff solid;outline-offset:1px}.tna-header__logo-link--href:active .tna-logo,.tna-header__logo-link--href:focus .tna-logo{outline:none}.tna-header .tna-logo__foreground{fill:#fff}.tna-header .tna-logo__background{fill:none}.tna-header__logo-strapline{margin:0 .75rem;display:inline-block;line-height:2.125;text-transform:uppercase}.tna-header__navigation-toggle{align-self:center}.tna-header__hamburger{width:2rem;height:.25rem;display:block;background-color:#fff;transition:height 1ms 200ms}.tna-header__hamburger::before,.tna-header__hamburger::after{height:.25rem;display:block;position:absolute;right:0;left:0;background-color:inherit;transition:top 200ms 200ms,bottom 200ms 200ms,transform 200ms;content:""}.tna-header__hamburger::before{top:0}.tna-header__hamburger::after{bottom:0}.tna-header__navigation-toggle-button{height:2rem;padding:0;display:block;position:relative;appearance:none;font-size:0;background:none;border:0 rgba(0,0,0,0) solid;border-width:.25rem 0;cursor:pointer}.tna-header__navigation-toggle-button--opened .tna-header__hamburger{height:0}.tna-header__navigation-toggle-button--opened .tna-header__hamburger::before,.tna-header__navigation-toggle-button--opened .tna-header__hamburger::after{transition:top 200ms,bottom 200ms,transform 200ms 200ms}.tna-header__navigation-toggle-button--opened .tna-header__hamburger::before{top:.625rem;transform:rotate(-135deg)}.tna-header__navigation-toggle-button--opened .tna-header__hamburger::after{bottom:.625rem;transform:rotate(135deg)}.tna-header--yellow,.tna-header--pink,.tna-header--orange,.tna-header--green,.tna-header--blue{color:#000}.tna-header--yellow .tna-header__logo-link:hover .tna-logo,.tna-header--pink .tna-header__logo-link:hover .tna-logo,.tna-header--orange .tna-header__logo-link:hover .tna-logo,.tna-header--green .tna-header__logo-link:hover .tna-logo,.tna-header--blue .tna-header__logo-link:hover .tna-logo{outline-color:#000}.tna-header--yellow .tna-logo__foreground,.tna-header--pink .tna-logo__foreground,.tna-header--orange .tna-logo__foreground,.tna-header--green .tna-logo__foreground,.tna-header--blue .tna-logo__foreground{fill:#000}.tna-header--yellow .tna-header__hamburger,.tna-header--pink .tna-header__hamburger,.tna-header--orange .tna-header__hamburger,.tna-header--green .tna-header__hamburger,.tna-header--blue .tna-header__hamburger{background-color:#000}.tna-header--yellow{background-color:#fc0}.tna-header--pink{background-color:#fe1d57}.tna-header--orange{background-color:#fd3f03}.tna-header--green{background-color:#86bc25}.tna-header--blue{background-color:#00b0ff}.tna-header__navigation{display:flex;flex-direction:column-reverse;justify-content:space-between;align-items:flex-end}.tna-header__top-navigation-items{margin:0;padding:1.25rem 0;list-style:none;line-height:1}.tna-header__top-navigation-item{margin-left:1.5rem;display:inline-block}.tna-header__top-navigation-item-link{display:inline-block;text-decoration:none;font-size:1rem}.tna-header__top-navigation-item-link,.tna-header__top-navigation-item-link:link,.tna-header__top-navigation-item-link:visited{color:inherit}.tna-header__top-navigation-item-link:hover,.tna-header__top-navigation-item-link:hover:link,.tna-header__top-navigation-item-link:hover:visited,.tna-header__top-navigation-item-link--selected,.tna-header__top-navigation-item-link--selected:link,.tna-header__top-navigation-item-link--selected:visited{text-decoration:underline;text-decoration-thickness:3px}.tna-header__navigation-items{margin:0;padding:0;list-style:none;white-space:nowrap}.tna-header__navigation-item{margin-left:.75rem;display:inline-block}.tna-header__navigation-item-link{padding:.5rem 1rem;display:inline-block;font-family:supria-sans-condensed,sans-serif;font-weight:400;text-decoration:none;line-height:2}.tna-header__navigation-item-link,.tna-header__navigation-item-link:link,.tna-header__navigation-item-link:visited{color:inherit}.tna-header__navigation-item-link:hover,.tna-header__navigation-item-link:hover:link,.tna-header__navigation-item-link:hover:visited,.tna-header__navigation-item-link--selected,.tna-header__navigation-item-link--selected:link,.tna-header__navigation-item-link--selected:visited{--page-background: #fff;--font-base: #343338;--font-dark: #000;--font-light: rgba(52, 51, 56, 0.7);--link: #1d70ab;--link-visited: #4c2c92;--focus-outline: #00b0ff;--keyline: #ccc;--keyline-dark: #26262a;--accent-default: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #26262a;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #00b0ff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8);color:#000;color:var(--font-dark);background-color:#fff;background-color:var(--page-background)}.tna-template--system-theme .tna-header__navigation-item-link:hover,.tna-template--system-theme .tna-header__navigation-item-link:hover:link,.tna-template--system-theme .tna-header__navigation-item-link:hover:visited,.tna-template--system-theme .tna-header__navigation-item-link--selected,.tna-template--system-theme .tna-header__navigation-item-link--selected:link,.tna-template--system-theme .tna-header__navigation-item-link--selected:visited{--page-background: #fff;--font-base: #343338;--font-dark: #000;--font-light: rgba(52, 51, 56, 0.7);--link: #1d70ab;--link-visited: #4c2c92;--focus-outline: #00b0ff;--keyline: #ccc;--keyline-dark: #26262a;--accent-default: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #26262a;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #00b0ff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8)}@media(prefers-color-scheme: dark){.tna-template--system-theme .tna-header__navigation-item-link:hover,.tna-template--system-theme .tna-header__navigation-item-link:hover:link,.tna-template--system-theme .tna-header__navigation-item-link:hover:visited,.tna-template--system-theme .tna-header__navigation-item-link--selected,.tna-template--system-theme .tna-header__navigation-item-link--selected:link,.tna-template--system-theme .tna-header__navigation-item-link--selected:visited{--page-background: #222;--font-base: rgba(255, 255, 255, 0.95);--font-dark: #fff;--font-light: rgba(255, 255, 255, 0.5);--link: #00b0ff;--link-visited: #b9f;--focus-outline: #00b0ff;--keyline: rgba(255, 255, 255, 0.25);--keyline-dark: #fff;--accent-default: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #111;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #00b0ff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8)}}@media(prefers-contrast: more){.tna-template--system-theme .tna-header__navigation-item-link:hover,.tna-template--system-theme .tna-header__navigation-item-link:hover:link,.tna-template--system-theme .tna-header__navigation-item-link:hover:visited,.tna-template--system-theme .tna-header__navigation-item-link--selected,.tna-template--system-theme .tna-header__navigation-item-link--selected:link,.tna-template--system-theme .tna-header__navigation-item-link--selected:visited{--page-background: #fff;--font-base: #000;--font-dark: #000;--font-light: #000;--link: #004c7e;--link-visited: #000;--focus-outline: #fd3f03;--keyline: #000;--keyline-dark: #000;--accent-default: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #fff;--contrast-font-base: #000;--contrast-font-dark: #000;--contrast-font-light: #000;--contrast-link: #004c7e;--contrast-link-visited: #000;--contrast-keyline: #000;--contrast-keyline-dark: #000}}@media(prefers-contrast: more)and (prefers-color-scheme: dark){.tna-template--system-theme .tna-header__navigation-item-link:hover,.tna-template--system-theme .tna-header__navigation-item-link:hover:link,.tna-template--system-theme .tna-header__navigation-item-link:hover:visited,.tna-template--system-theme .tna-header__navigation-item-link--selected,.tna-template--system-theme .tna-header__navigation-item-link--selected:link,.tna-template--system-theme .tna-header__navigation-item-link--selected:visited{--page-background: #000;--font-base: #fff;--font-dark: #fff;--font-light: #fff;--link: #fff;--link-visited: #fff;--focus-outline: #00b0ff;--keyline: #fff;--keyline-dark: #fff;--accent-default: #fc0;--button-primary-text: #000;--button-primary-background: #fff;--button-primary-hover-text: #fff;--button-primary-hover-background: #000;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #000;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #00b0ff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8)}}.tna-template--light-theme .tna-header__navigation-item-link:hover,.tna-template--light-theme .tna-header__navigation-item-link:hover:link,.tna-template--light-theme .tna-header__navigation-item-link:hover:visited,.tna-template--light-theme .tna-header__navigation-item-link--selected,.tna-template--light-theme .tna-header__navigation-item-link--selected:link,.tna-template--light-theme .tna-header__navigation-item-link--selected:visited{--page-background: #fff;--font-base: #343338;--font-dark: #000;--font-light: rgba(52, 51, 56, 0.7);--link: #1d70ab;--link-visited: #4c2c92;--focus-outline: #00b0ff;--keyline: #ccc;--keyline-dark: #26262a;--accent-default: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #26262a;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #00b0ff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8)}.tna-template--dark-theme .tna-header__navigation-item-link:hover,.tna-template--dark-theme .tna-header__navigation-item-link:hover:link,.tna-template--dark-theme .tna-header__navigation-item-link:hover:visited,.tna-template--dark-theme .tna-header__navigation-item-link--selected,.tna-template--dark-theme .tna-header__navigation-item-link--selected:link,.tna-template--dark-theme .tna-header__navigation-item-link--selected:visited{--page-background: #222;--font-base: rgba(255, 255, 255, 0.95);--font-dark: #fff;--font-light: rgba(255, 255, 255, 0.5);--link: #00b0ff;--link-visited: #b9f;--focus-outline: #00b0ff;--keyline: rgba(255, 255, 255, 0.25);--keyline-dark: #fff;--accent-default: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #111;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #00b0ff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8)}.tna-template--high-contrast-theme .tna-header__navigation-item-link:hover,.tna-template--high-contrast-theme .tna-header__navigation-item-link:hover:link,.tna-template--high-contrast-theme .tna-header__navigation-item-link:hover:visited,.tna-template--high-contrast-theme .tna-header__navigation-item-link--selected,.tna-template--high-contrast-theme .tna-header__navigation-item-link--selected:link,.tna-template--high-contrast-theme .tna-header__navigation-item-link--selected:visited{--page-background: #fff;--font-base: #000;--font-dark: #000;--font-light: #000;--link: #004c7e;--link-visited: #000;--focus-outline: #fd3f03;--keyline: #000;--keyline-dark: #000;--accent-default: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #fff;--contrast-font-base: #000;--contrast-font-dark: #000;--contrast-font-light: #000;--contrast-link: #004c7e;--contrast-link-visited: #000;--contrast-keyline: #000;--contrast-keyline-dark: #000}.tna-template--high-contrast-theme.tna-template--dark-theme .tna-header__navigation-item-link:hover,.tna-template--high-contrast-theme.tna-template--dark-theme .tna-header__navigation-item-link:hover:link,.tna-template--high-contrast-theme.tna-template--dark-theme .tna-header__navigation-item-link:hover:visited,.tna-template--high-contrast-theme.tna-template--dark-theme .tna-header__navigation-item-link--selected,.tna-template--high-contrast-theme.tna-template--dark-theme .tna-header__navigation-item-link--selected:link,.tna-template--high-contrast-theme.tna-template--dark-theme .tna-header__navigation-item-link--selected:visited{--page-background: #000;--font-base: #fff;--font-dark: #fff;--font-light: #fff;--link: #fff;--link-visited: #fff;--focus-outline: #00b0ff;--keyline: #fff;--keyline-dark: #fff;--accent-default: #fc0;--button-primary-text: #000;--button-primary-background: #fff;--button-primary-hover-text: #fff;--button-primary-hover-background: #000;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #000;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #00b0ff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8)}@media(min-width: 48.0625em){.tna-header .tna-header__navigation-toggle{display:none}}@media(max-width: 48em){.tna-header__contents.tna-container{padding-right:0;padding-left:0}.tna-header__logo{padding-top:1rem;padding-bottom:1rem}.tna-header__logo.tna-column{padding-right:1rem;padding-left:1rem}.tna-header .tna-logo{width:4.5rem;height:4.5rem}.tna-header__logo-strapline{line-height:1.55}.tna-header__navigation-toggle.tna-column{padding-right:1rem;padding-left:0}.tna-header__navigation{--page-background: #fff;--font-base: #343338;--font-dark: #000;--font-light: rgba(52, 51, 56, 0.7);--link: #1d70ab;--link-visited: #4c2c92;--focus-outline: #00b0ff;--keyline: #ccc;--keyline-dark: #26262a;--accent-default: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #26262a;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #00b0ff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8);color:#343338;color:var(--font-base);font-size:1.25rem;align-items:stretch;flex-direction:column}.tna-template--system-theme .tna-header__navigation{--page-background: #fff;--font-base: #343338;--font-dark: #000;--font-light: rgba(52, 51, 56, 0.7);--link: #1d70ab;--link-visited: #4c2c92;--focus-outline: #00b0ff;--keyline: #ccc;--keyline-dark: #26262a;--accent-default: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #26262a;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #00b0ff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8)}}@media(max-width: 48em)and (prefers-color-scheme: dark){.tna-template--system-theme .tna-header__navigation{--page-background: #222;--font-base: rgba(255, 255, 255, 0.95);--font-dark: #fff;--font-light: rgba(255, 255, 255, 0.5);--link: #00b0ff;--link-visited: #b9f;--focus-outline: #00b0ff;--keyline: rgba(255, 255, 255, 0.25);--keyline-dark: #fff;--accent-default: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #111;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #00b0ff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8)}}@media(max-width: 48em)and (prefers-contrast: more){.tna-template--system-theme .tna-header__navigation{--page-background: #fff;--font-base: #000;--font-dark: #000;--font-light: #000;--link: #004c7e;--link-visited: #000;--focus-outline: #fd3f03;--keyline: #000;--keyline-dark: #000;--accent-default: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #fff;--contrast-font-base: #000;--contrast-font-dark: #000;--contrast-font-light: #000;--contrast-link: #004c7e;--contrast-link-visited: #000;--contrast-keyline: #000;--contrast-keyline-dark: #000}}@media(max-width: 48em)and (prefers-contrast: more)and (prefers-color-scheme: dark){.tna-template--system-theme .tna-header__navigation{--page-background: #000;--font-base: #fff;--font-dark: #fff;--font-light: #fff;--link: #fff;--link-visited: #fff;--focus-outline: #00b0ff;--keyline: #fff;--keyline-dark: #fff;--accent-default: #fc0;--button-primary-text: #000;--button-primary-background: #fff;--button-primary-hover-text: #fff;--button-primary-hover-background: #000;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #000;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #00b0ff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8)}}@media(max-width: 48em){.tna-template--light-theme .tna-header__navigation{--page-background: #fff;--font-base: #343338;--font-dark: #000;--font-light: rgba(52, 51, 56, 0.7);--link: #1d70ab;--link-visited: #4c2c92;--focus-outline: #00b0ff;--keyline: #ccc;--keyline-dark: #26262a;--accent-default: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #26262a;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #00b0ff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8)}.tna-template--dark-theme .tna-header__navigation{--page-background: #222;--font-base: rgba(255, 255, 255, 0.95);--font-dark: #fff;--font-light: rgba(255, 255, 255, 0.5);--link: #00b0ff;--link-visited: #b9f;--focus-outline: #00b0ff;--keyline: rgba(255, 255, 255, 0.25);--keyline-dark: #fff;--accent-default: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #111;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #00b0ff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8)}.tna-template--high-contrast-theme .tna-header__navigation{--page-background: #fff;--font-base: #000;--font-dark: #000;--font-light: #000;--link: #004c7e;--link-visited: #000;--focus-outline: #fd3f03;--keyline: #000;--keyline-dark: #000;--accent-default: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #fff;--contrast-font-base: #000;--contrast-font-dark: #000;--contrast-font-light: #000;--contrast-link: #004c7e;--contrast-link-visited: #000;--contrast-keyline: #000;--contrast-keyline-dark: #000}.tna-template--high-contrast-theme.tna-template--dark-theme .tna-header__navigation{--page-background: #000;--font-base: #fff;--font-dark: #fff;--font-light: #fff;--link: #fff;--link-visited: #fff;--focus-outline: #00b0ff;--keyline: #fff;--keyline-dark: #fff;--accent-default: #fc0;--button-primary-text: #000;--button-primary-background: #fff;--button-primary-hover-text: #fff;--button-primary-hover-background: #000;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #000;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #00b0ff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8)}.tna-header__navigation.tna-column{padding-right:0;padding-left:0}.tna-template--js-enabled .tna-header__navigation{display:none}.tna-template--js-enabled .tna-header__navigation--open{display:flex}.tna-header__top-navigation-items{padding:.5rem 1rem;background-color:#fff;background-color:var(--page-background);border-bottom:1px #ccc solid;border-bottom:1px var(--keyline) solid}.tna-header__top-navigation-item{margin:0;padding:.5rem}.tna-header__navigation-items{width:100%;background-color:#fff;background-color:var(--page-background)}.tna-header__navigation-item{margin:0;display:block;border-bottom:1px #ccc solid;border-bottom:1px var(--keyline) solid}.tna-header__navigation-item-link{padding-right:1rem;padding-left:2rem;display:block;position:relative;line-height:1.7777777778}.tna-header__navigation-item-link::after{width:0;position:absolute;top:0;bottom:0;left:0;background-color:#000;background-color:var(--font-dark);content:""}.tna-header__navigation-item-link:hover::after{width:.25rem}.tna-header__navigation-item-link--selected::after,.tna-header__navigation-item-link--selected:hover::after{width:.5rem}}@media(max-width: 30em){.tna-header .tna-logo{width:3.5rem;height:3.5rem}.tna-header__logo-strapline{line-height:1.25}}.tna-hero{min-height:min(35vw,480px);margin-bottom:2rem;padding-top:5rem;padding-bottom:3rem;display:flex;align-items:flex-end;position:relative}.tna-hero__image{width:100%;height:100%;position:absolute;inset:0;z-index:1;object-fit:cover}.tna-hero picture.tna-hero__image img{width:100%;height:100%;object-fit:cover}.tna-hero__image-details{position:absolute;right:1.25rem;bottom:1.25rem;z-index:3;color:#343338;color:var(--font-base)}.tna-hero__image-details-summary{width:2rem;height:2rem;position:relative;z-index:2;font-size:0;text-align:center;line-height:2rem;list-style:none;background-color:#fc0;border-radius:1rem;cursor:pointer}.tna-hero__image-details-summary-icon{font-size:1.25rem;font-style:normal;font-weight:700;text-transform:lowercase}.tna-hero__image-information{width:20rem;max-width:45vw;padding:.5rem 1rem;position:absolute;right:0;bottom:2.5rem;z-index:1;background-color:#fc0}.tna-hero__inner{position:relative;z-index:2}.tna-hero__content-inner{padding:2.5rem 1.5rem;background-color:#fff;background-color:var(--page-background)}.tna-hero__heading{margin-bottom:0}.tna-hero__body{margin-top:1.5rem}@media(max-width: 48em){.tna-hero{padding:0;display:block}.tna-hero__image{height:320px;position:static}.tna-hero__image-details{bottom:auto;top:1.25rem}.tna-hero__image-information{top:2.5rem;bottom:auto}.tna-hero__content-inner{padding:1.5rem 0;background-color:rgba(0,0,0,0)}.tna-hero__body{margin-top:1rem}}@media(max-width: 30em){.tna-hero__image{height:240px}}.tna-template--high-contrast-theme .tna-hero__content-inner{border:1px #26262a solid;border:1px var(--keyline-dark) solid}@media(max-width: 48em){.tna-template--high-contrast-theme .tna-hero__content-inner{border:none}}@media(prefers-contrast: more){.tna-template--system-theme .tna-hero__content-inner{border:1px #26262a solid;border:1px var(--keyline-dark) solid}}@media(prefers-contrast: more)and (max-width: 48em){.tna-template--system-theme .tna-hero__content-inner{border:none}}.tna-index-grid__items{margin-top:1rem;list-style:none}.tna-index-grid__item-wrapper{margin-bottom:2rem}.tna-index-grid__item{height:100%;display:flex;flex-direction:column;text-decoration:none}.tna-template--high-contrast-theme .tna-index-grid__item{border:1px #26262a solid;border:1px var(--keyline-dark) solid}@media(prefers-contrast: more){.tna-template--system-theme .tna-index-grid__item{border:1px #26262a solid;border:1px var(--keyline-dark) solid}}.tna-index-grid__item-image{width:100%;height:66.6666666667%;object-fit:cover}.tna-index-grid__item-content{padding:1rem;flex:1}.tna-index-grid__item-title{text-decoration:underline}.tna-index-grid__item:hover .tna-index-grid__item-title,.tna-index-grid__item:hover .tna-index-grid__item-title:link,.tna-index-grid__item:hover .tna-index-grid__item-title:visited{text-decoration-thickness:3px}.tna-index-grid__item-subtitle{color:rgba(52,51,56,.7);color:var(--font-light)}.tna-message{padding:1rem;display:flex;align-items:center;color:#000;background-color:#ccc;background-color:var(--keyline);border-left:.5rem #26262a solid;border-left:.5rem var(--keyline-dark) solid;background-color:#f9f7e2;border-left-color:#fc0}.tna-message__icon{margin-right:1rem}.tna-phase-banner{--page-background: #fff;--font-base: #343338;--font-dark: #000;--font-light: rgba(52, 51, 56, 0.7);--link: #1d70ab;--link-visited: #4c2c92;--focus-outline: #00b0ff;--keyline: #ccc;--keyline-dark: #26262a;--accent-default: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;--contrast-background: #26262a;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #00b0ff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8);padding-top:.375rem;padding-bottom:.375rem;background-color:#d9d9d6}.tna-phase-banner .tna-container{align-items:center;flex-wrap:nowrap}.tna-phase-banner__phase{margin:.25rem 0;padding:0 .5rem;display:block;font-weight:700;text-transform:uppercase;line-height:1.5;background-color:#fff}.tna-phase-banner__message{margin:.25rem 0}.tna-phase-banner__message a{color:inherit}.tna-phase-banner--discovery{background-color:#fad3d4}.tna-phase-banner--alpha{background-color:#f9e1bc}.tna-phase-banner--beta{background-color:#f9f7e2}.tna-phase-banner--live{background-color:#dde5d5}.tna-picture{margin:0 0 2rem;padding:0}.tna-picture:last-child{margin-bottom:0}.tna-picture__image-wrapper{position:relative;background-color:#f4f4f4}.tna-picture__image{height:auto;margin:0 auto}.tna-picture__toggle-transcript{position:absolute;right:1rem;bottom:1rem;font-size:1rem}.tna-picture__transcript{padding:1rem 1.5rem}.tna-template--clicked .tna-picture__transcript:focus{outline:none}.tna-picture__transcript .tna-tabs{margin-bottom:.5rem}.tna-picture__caption{padding:1rem 0;text-align:center;border-bottom:1px #ccc solid;border-bottom:1px var(--keyline) solid}.tna-template--high-contrast-theme .tna-picture{border:1px #26262a solid;border:1px var(--keyline-dark) solid;border-bottom-width:0}@media(prefers-contrast: more){.tna-template--system-theme .tna-picture{border:1px #26262a solid;border:1px var(--keyline-dark) solid;border-bottom-width:0}}.tna-sensitive-image__details{position:relative}.tna-sensitive-image__details::after{width:100%;padding-bottom:calc(100%*var(--sensitive-image-height)/var(--sensitive-image-width));display:block;position:relative;z-index:-1;background-image:var(--sensitive-image);background-clip:padding-box;background-size:contain;filter:blur(20px) saturate(0);content:""}.tna-sensitive-image__show{display:flex;align-items:center;justify-content:center;position:absolute;inset:0;z-index:1;font-size:0;cursor:pointer}.tna-sensitive-image__show::after{padding:.5rem 2rem;font-size:1rem;background-color:#ff0;content:attr(data-action)}.tna-sensitive-image__show:hover::after{color:#fff;background-color:#000}.tna-sensitive-image__image{width:100%}.tna-sensitive-image__details[open]::after,.tna-sensitive-image__details[open] .tna-sensitive-image__show{display:none}.tna-skip-link{width:1px !important;height:1px !important;margin:0 !important;padding:1rem !important;display:block !important;position:absolute !important;overflow:hidden !important;white-space:nowrap !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important}.tna-skip-link,.tna-skip-link:link,.tna-skip-link:visited{color:#fff;color:var(--button-primary-text) !important}.tna-skip-link:active,.tna-skip-link:focus{width:auto !important;height:auto !important;margin:inherit !important;position:static !important;overflow:visible !important;white-space:inherit !important;clip:auto !important;-webkit-clip-path:none !important;clip-path:none !important}.tna-skip-link:focus{background-color:#000;background-color:var(--button-primary-background) !important;border:.3125rem #00b0ff solid !important;border:.3125rem var(--focus-outline) solid !important;outline:none !important}.tna-skip-link:hover{color:#000;color:var(--button-primary-hover-text) !important;background-color:#fff;background-color:var(--button-primary-hover-background) !important}.tna-tabs{margin-bottom:2rem}.tna-tabs:last-child{margin-bottom:0}.tna-tabs__list{margin:0 0 1rem;padding:0;display:flex;align-items:stretch;list-style:none}.tna-tabs__list-item{display:inline-flex}.tna-tabs__list-item+.tna-tabs__list-item{margin-left:1rem}.tna-tabs__list-item-link{padding:.5rem 0;display:flex;align-items:center;position:relative;color:#000;color:var(--font-dark);font-size:inherit;font-family:inherit;font-weight:700;text-decoration:none;line-height:1.5;text-align:center;background:rgba(0,0,0,0);border:none;cursor:pointer}.tna-tabs__list-item-link+.tna-tabs__list-item-link{margin-left:1.5rem}.tna-tabs__list-item-link::after{height:0;position:absolute;right:0;bottom:0;left:0;background-color:#26262a;background-color:var(--keyline-dark);content:""}.tna-tabs__list-item-link:hover::after,.tna-tabs__list-item-link--selected::after,.tna-tabs__list-item-link--selected:hover::after{height:.25rem}.tna-template--js-enabled .tna-tabs__list-item-link{color:rgba(52,51,56,.7);color:var(--font-light)}.tna-template--js-enabled .tna-tabs__list-item-link:hover::after{height:.125rem}.tna-template--js-enabled .tna-tabs__list-item-link--selected{color:#000;color:var(--font-dark)}.tna-template--js-enabled .tna-tabs__list-item-link--selected::after,.tna-template--js-enabled .tna-tabs__list-item-link--selected:hover::after{height:.25rem}.tna-tabs__item{display:none}.tna-tabs__item:first-child{display:block}.tna-tabs__item:has(~:target){display:none}.tna-tabs__item:target{display:block}.tna-template--js-enabled .tna-tabs__item{display:block}.tna-template--js-enabled .tna-tabs__item[hidden]{display:none}.tna-template--clicked .tna-tabs__item:focus{outline:none}.tna-template--high-contrast-theme .tna-tabs__list-item-link{padding-right:1rem;padding-left:1rem;overflow:hidden;border:1px #26262a solid;border:1px var(--keyline-dark) solid}@media(prefers-contrast: more){.tna-template--system-theme .tna-tabs__list-item-link{padding-right:1rem;padding-left:1rem;overflow:hidden;border:1px #26262a solid;border:1px var(--keyline-dark) solid}}.tna-featured-collection{padding-top:2rem;padding-bottom:2rem;background-color:#f9f7e2}.tna-featured-collection .tna-card{margin-top:1rem;margin-bottom:1rem}/*# sourceMappingURL=all.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/nationalarchives/utilities/_typography.scss","../../src/nationalarchives/utilities/_global.scss","../../src/nationalarchives/tools/_colour.scss","../../src/nationalarchives/tools/_typography.scss","../../src/nationalarchives/variables/_typography.scss","../../src/nationalarchives/tools/_media.scss","../../src/nationalarchives/components/breadcrumbs/_index.scss","../../src/nationalarchives/components/button/_index.scss","../../src/nationalarchives/components/card/_index.scss","../../src/nationalarchives/variables/_colour.scss","../../src/nationalarchives/components/filters/_index.scss","../../src/nationalarchives/components/footer/_index.scss","../../src/nationalarchives/components/grid/_index.scss","../../src/nationalarchives/variables/_grid.scss","../../src/nationalarchives/tools/_grid.scss","../../src/nationalarchives/components/header/_index.scss","../../src/nationalarchives/components/hero/_index.scss","../../src/nationalarchives/components/index-grid/_index.scss","../../src/nationalarchives/components/message/_index.scss","../../src/nationalarchives/components/phase-banner/_index.scss","../../src/nationalarchives/components/picture/_index.scss","../../src/nationalarchives/components/sensitive-image/_index.scss","../../src/nationalarchives/components/tabs/_index.scss","../../src/nationalarchives/patterns/featured-collection/_index.scss"],"names":[],"mappings":"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","file":"all.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/nationalarchives/utilities/_typography.scss","../../src/nationalarchives/tools/_colour.scss","../../src/nationalarchives/tools/_media.scss","../../src/nationalarchives/utilities/_global.scss","../../src/nationalarchives/utilities/_overrides.scss","../../src/nationalarchives/tools/_typography.scss","../../src/nationalarchives/variables/_typography.scss","../../src/nationalarchives/components/breadcrumbs/_index.scss","../../src/nationalarchives/components/button/_index.scss","../../src/nationalarchives/components/card/_index.scss","../../src/nationalarchives/components/filters/_index.scss","../../src/nationalarchives/components/footer/_index.scss","../../src/nationalarchives/components/grid/_index.scss","../../src/nationalarchives/variables/_grid.scss","../../src/nationalarchives/tools/_grid.scss","../../src/nationalarchives/components/header/_index.scss","../../src/nationalarchives/variables/_colour.scss","../../src/nationalarchives/components/hero/_index.scss","../../src/nationalarchives/components/index-grid/_index.scss","../../src/nationalarchives/components/message/_index.scss","../../src/nationalarchives/components/phase-banner/_index.scss","../../src/nationalarchives/components/picture/_index.scss","../../src/nationalarchives/components/sensitive-image/_index.scss","../../src/nationalarchives/components/skip-link/_index.scss","../../src/nationalarchives/components/tabs/_index.scss","../../src/nationalarchives/patterns/featured-collection/_index.scss"],"names":[],"mappings":"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BAEA,kBAGF,mBACE,oBAGF,qBACE,kBAGF,wBACE,oBASF,oCACE,eAEA,gBAIA,sEACE,gBAOJ,oBACE,mBAEA,kCACE,6BACA,qBAIJ,yBACE,mBAEA,kBAGF,8BACE,cAGF,oCACE,aACA,oBAEA,cAIA,mCACE,mBAGF,iCACE,gBAIJ,0BACE,cAGF,mBACE,gBAEA,kBAGF,wBACE,qBAEA,wDV/EF,WAKE,uBU+EA,8BVpFF,cAKE,kBUoFF,kCACE,cACA,cTlEF,wBSxDF,YA8HI,iBAEA,oBACE,wBC/HN,eACE,UCNwB,SDOxB,WACA,kBACA,iBACA,mBACA,kBAEA,sBAEA,aACA,eACA,wBACA,oBAEA,0DAEE,mBAGF,oBACE,eAIJ,YACE,mBACA,kBAEA,sBAEA,uBACE,aACA,eACA,wBACA,oBE/BA,kBACE,WACA,UAUI,wBACE,oBACA,UAFF,uBACE,qBACA,UAFF,uBACE,UACA,UAFF,uBACE,qBACA,UAFF,wBACE,qBACA,UAFF,uBACE,UACA,UAFF,wBACE,qBACA,UAFF,uBACE,qBACA,UAFF,uBACE,UACA,UAFF,uBACE,qBACA,UAFF,yBACE,qBACA,UAgCN,oBACE,WAEA,SAHF,oBACE,WAEA,SAHF,oBACE,WAEA,SAKF,qBACE,MAFS,EACX,qBACE,MAFS,EACX,qBACE,MAFS,EACX,qBACE,MAFS,EZvCf,kDYdE,yBACE,WACA,UAUI,8BACE,qBACA,UAFF,8BACE,qBACA,UAFF,8BACE,UACA,UAFF,8BACE,qBACA,UAFF,8BACE,qBACA,UAgCN,2BACE,WAEA,SAHF,2BACE,WAEA,SAHF,2BACE,WAEA,SAKF,4BACE,MAFS,EACX,4BACE,MAFS,EACX,4BACE,MAFS,EACX,4BACE,MAFS,GZHf,wBURA,eACE,oBACA,mBAGF,YACE,oBACA,oBV7BF,kDYpBE,wBACE,WACA,UAUI,6BACE,UACA,UAFF,6BACE,UACA,UAFF,6BACE,UACA,UAgCN,0BACE,WAEA,SAHF,0BACE,WAEA,SAHF,0BACE,WAEA,SAKF,2BACE,MAFS,EACX,2BACE,MAFS,EACX,2BACE,MAFS,EACX,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","file":"all.css","sourcesContent":["@use \"sass:math\";\n@use \"../tools/colour\";\n@use \"../tools/media\";\n@use \"../tools/typography\";\n\n// TODO: Temporary - will eventually bundle font files into package\n@import \"https://fonts.googleapis.com/css2?family=Open+Sans:wght@500;700&family=Roboto+Mono:wght@400&display=swap\";\n@import \"https://use.typekit.net/hkj3kuz.css\";\n\n.tna-template {\n @include colour.colour-font(\"font-base\");\n @include typography.main-font;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n -webkit-text-size-adjust: none;\n direction: ltr;\n}\n\n.tna-template__body {\n color: inherit;\n @include typography.relative-font-size(18);\n // line-height: 1.6;\n line-height: #{math.div(16, 18) * 2};\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nul,\nol {\n margin-top: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nstrong {\n @include typography.main-font-weight-bold;\n}\n\np {\n margin: 0 0 1.5rem;\n\n &:last-child {\n margin-bottom: 0;\n }\n}\n\na {\n @include colour.colour-font(\"link\");\n text-decoration-thickness: 1.5px;\n\n &:visited {\n @include colour.colour-font(\"link-visited\");\n }\n\n &:hover,\n &:active {\n text-decoration-thickness: 3.5px;\n }\n}\n\n.tna-ul,\n.tna-ol {\n margin: 0 0 2rem;\n padding: 0 0 0 2rem;\n\n &:last-child {\n margin-bottom: 0;\n }\n\n li::marker {\n @include colour.colour-font(\"accent\");\n font-weight: 700;\n }\n\n &--plain {\n padding-left: 0;\n\n list-style: none;\n }\n}\n\n.tna-heading {\n margin-bottom: 1rem;\n\n @include colour.colour-font(\"font-dark\");\n @include typography.heading-font;\n\n &:last-child {\n margin-bottom: 0;\n }\n\n &--xl {\n @include typography.relative-font-size(64);\n line-height: 1;\n\n @include media.on-medium {\n @include typography.relative-font-size(42);\n }\n\n @include media.on-mobile {\n @include typography.relative-font-size(36);\n }\n }\n\n &--l {\n @include typography.relative-font-size(32);\n line-height: 1.2;\n\n @include media.on-medium {\n @include typography.relative-font-size(26);\n }\n\n @include media.on-mobile {\n @include typography.relative-font-size(24);\n }\n }\n\n &--m {\n @include typography.relative-font-size(20);\n line-height: 1.4;\n }\n\n &--s {\n @include typography.relative-font-size(18);\n line-height: 1.6;\n }\n}\n\n.tna-hgroup {\n margin-bottom: 1rem;\n\n &:last-child {\n margin-bottom: 0;\n }\n\n &__supertitle {\n margin: 0 0 0.5rem;\n\n @include colour.colour-font(\"font-base\");\n @include typography.detail-font;\n\n .tna-hgroup & {\n // margin: 0;\n }\n }\n\n &__title {\n margin: 0;\n\n @include colour.colour-font(\"font-dark\");\n\n .tna-hgroup__supertitle {\n display: block;\n\n @include colour.colour-font(\"font-base\");\n }\n }\n\n &--xl {\n .tna-hgroup__title {\n @include typography.relative-font-size(64);\n line-height: 1;\n }\n }\n\n &--l {\n .tna-hgroup__title {\n @include typography.relative-font-size(32);\n line-height: 1.2;\n }\n }\n\n &--m {\n .tna-hgroup__title {\n @include typography.relative-font-size(20);\n line-height: 1.4;\n }\n }\n\n &--s {\n .tna-hgroup__title {\n @include typography.relative-font-size(18);\n line-height: 1.6;\n }\n }\n}\n\n.tna-blockquote {\n margin: 0 0 2rem;\n padding: 1rem 1rem 1rem 2rem;\n\n @include colour.colour-border(\"keyline\", 0.35rem, solid, left);\n\n // quotes: \"“\" \"”\" \"‘\" \"’\";\n\n &:last-child {\n margin-bottom: 0;\n }\n\n // &::before {\n // float: left;\n\n // content: open-quote;\n // }\n\n &__quote {\n font-weight: 700;\n }\n\n &__author {\n font-style: italic;\n\n .tna-blockquote & {\n margin: 1rem 0 0;\n }\n\n &::before {\n content: \"\\2014\" \" \";\n }\n }\n}\n","@use \"sass:map\";\n@use \"../features\";\n@use \"../variables/colour\";\n@use \"../tools/media\";\n\n@function brand-colour($colour) {\n @return map.get(colour.$colour-palette-brand, $colour);\n}\n\n@mixin colour-css-vars() {\n @each $name, $value in colour.$colour-palette-default {\n --#{$name}: #{$value};\n }\n}\n\n@mixin colour-css-vars-dark() {\n @each $name, $value in colour.$colour-palette-dark {\n --#{$name}: #{$value};\n }\n}\n\n@mixin colour-css-vars-high-contrast() {\n @each $name, $value in colour.$colour-palette-high-contrast {\n --#{$name}: #{$value};\n }\n}\n\n@mixin colour-css-vars-high-contrast-dark() {\n @each $name, $value in colour.$colour-palette-high-contrast-dark {\n --#{$name}: #{$value};\n }\n}\n\n@mixin colour-font($colour, $important: false) {\n color: map.get(colour.$colour-palette-default, $colour);\n @if $colour == \"accent\" {\n color: var(--#{$colour}, var(--accent-default))\n if($important, !important, null);\n } @else {\n color: var(--#{$colour}) if($important, !important, null);\n }\n}\n\n@mixin colour-background($colour, $important: false) {\n background-color: map.get(colour.$colour-palette-default, $colour);\n @if $colour == \"accent\" {\n background-color: var(--#{$colour}, var(--accent-default))\n if($important, !important, null);\n } @else {\n background-color: var(--#{$colour}) if($important, !important, null);\n }\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 $property: border-#{$direction};\n border-#{$direction}: $width\n map.get(colour.$colour-palette-default, $colour)\n $style\n if($important, !important, null);\n border-#{$direction}: $width\n var(--#{$colour})\n $style\n if($important, !important, null);\n } @else {\n border-#{$direction}-color: map.get(\n colour.$colour-palette-default,\n $colour\n )\n if($important, !important, null);\n border-#{$direction}-color: var(--#{$colour})\n if($important, !important, null);\n }\n } @else {\n @if $width != \"\" {\n border: $width\n map.get(colour.$colour-palette-default, $colour)\n $style\n if($important, !important, null);\n border: $width var(--#{$colour}) $style if($important, !important, null);\n } @else {\n border-color: map.get(colour.$colour-palette-default, $colour)\n if($important, !important, null);\n border-color: var(--#{$colour}) if($important, !important, null);\n }\n }\n}\n\n@mixin colour-outline($colour, $important: false) {\n outline-color: map.get(colour.$colour-palette-default, $colour)\n if($important, !important, null);\n outline-color: var(--#{$colour}) if($important, !important, null);\n}\n\n@mixin colour-fill($colour, $important: false) {\n fill: map.get(colour.$colour-palette-default, $colour)\n if($important, !important, null);\n fill: var(--#{$colour}) if($important, !important, null);\n}\n\n@mixin fixed {\n @include colour-css-vars;\n\n // @include colour-font(\"font-base\");\n}\n\n%invert {\n --font-base: var(--contrast-font-base);\n --font-dark: var(--contrast-font-dark);\n --font-light: var(--contrast-font-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\n // @include colour-font(\"contrast-font-base\");\n @include colour-background(\"contrast-background\");\n}\n\n@mixin invert {\n @extend %invert;\n}\n\n%invert-on-mobile {\n @include media.on-mobile {\n --font-base: var(--contrast-font-base);\n --font-dark: var(--contrast-font-dark);\n --font-light: var(--contrast-font-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\n // @include colour-font(\"contrast-font-base\");\n @include colour-background(\"contrast-background\");\n }\n}\n\n@mixin invert-on-mobile {\n @extend %invert-on-mobile;\n}\n\n@mixin uninvert {\n @include colour-css-vars;\n\n .tna-template--system-theme & {\n @include colour-css-vars;\n\n @media (prefers-color-scheme: dark) {\n @include colour-css-vars-dark;\n }\n\n @media (prefers-contrast: more) {\n @include colour-css-vars-high-contrast;\n }\n\n @media (prefers-contrast: more) and (prefers-color-scheme: dark) {\n @include colour-css-vars-high-contrast-dark;\n }\n }\n\n .tna-template--light-theme & {\n @include colour-css-vars;\n }\n\n .tna-template--dark-theme & {\n @include colour-css-vars-dark;\n }\n\n .tna-template--high-contrast-theme & {\n @include colour-css-vars-high-contrast;\n }\n\n .tna-template--high-contrast-theme.tna-template--dark-theme & {\n @include colour-css-vars-high-contrast-dark;\n }\n}\n\n@mixin on-high-contrast {\n .tna-template--high-contrast-theme & {\n @content;\n }\n\n @media (prefers-contrast: more) {\n .tna-template--system-theme & {\n @content;\n }\n }\n}\n","@use \"../variables/media\";\n\n// 0 ======= 320 = 480 ===== 768 == 1024 ========================== min-width/max-width (px)\n// | . | | |\n// |-TINY----------|-SMALL---|-MED--|-LARGE------------------------\n// | . | | |\n// |<------------->| | | on-tiny\n// |<----------------------->| | on-mobile\n// |<------------------------------>| on-smaller-than-large\n// | . |<------->| | on-small\n// | . |<------------------------- on-larger-than-tiny\n// | . | |<---->| on-medium\n// | . | |<--------------- on-larger-than-mobile\n// | . | | |<-------- on-large\n// |<------->. | | | Smallest device\n\n@mixin on-large() {\n @media #{media.$media-large} {\n @content;\n }\n}\n\n@mixin on-medium() {\n @media #{media.$media-medium} {\n @content;\n }\n}\n\n@mixin on-small() {\n @media #{media.$media-small} {\n @content;\n }\n}\n\n@mixin on-tiny() {\n @media #{media.$media-tiny} {\n @content;\n }\n}\n\n@mixin on-larger-than-mobile() {\n @media #{media.$media-gt-mobile} {\n @content;\n }\n}\n\n@mixin on-larger-than-tiny() {\n @media #{media.$media-gt-tiny} {\n @content;\n }\n}\n\n@mixin on-smaller-than-large() {\n @media #{media.$media-lt-large} {\n @content;\n }\n}\n\n@mixin on-mobile() {\n @media #{media.$media-mobile} {\n @content;\n }\n}\n","@use \"../features\";\n@use \"../tools/colour\";\n@use \"../variables/typography\";\n\n:root {\n @include colour.colour-css-vars;\n}\n\n.tna-template {\n min-width: 320px;\n width: 100%;\n height: 100%;\n\n overflow-x: hidden;\n overflow-y: auto;\n -webkit-overflow-scrolling: touch;\n\n font-size: #{typography.$base-font-size-px}px;\n\n @include colour.colour-background(\"page-background\");\n\n // &--black-accent {\n // accent-color: colour.$_tna-black;\n // }\n\n // &--yellow-accent {\n // accent-color: colour.$_tna-yellow;\n // }\n\n // &--pink-accent {\n // accent-color: colour.$_tna-pink;\n // }\n\n // &--orange-accent {\n // accent-color: colour.$_tna-orange;\n // }\n\n // &--green-accent {\n // accent-color: colour.$_tna-green;\n // }\n\n // &--blue-accent {\n // accent-color: colour.$_tna-blue;\n // }\n\n &--system-theme {\n @include colour.colour-css-vars;\n\n @media (prefers-color-scheme: dark) {\n @include colour.colour-css-vars-dark;\n }\n\n @media (prefers-contrast: more) {\n @include colour.colour-css-vars-high-contrast;\n\n * {\n background-image: none !important;\n }\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 &--light-theme {\n @include colour.colour-css-vars;\n }\n\n &--dark-theme {\n @include colour.colour-css-vars-dark;\n }\n\n &--high-contrast-theme {\n @include colour.colour-css-vars-high-contrast;\n\n * {\n background-image: none !important;\n }\n\n &.tna-template--dark-theme {\n @include colour.colour-css-vars-high-contrast-dark;\n }\n }\n\n @media (prefers-reduced-motion) {\n * {\n animation: none !important;\n transition: none !important;\n }\n }\n}\n\n.tna-template__body {\n min-height: 100%;\n margin: 0;\n padding: 0;\n\n overflow: auto;\n\n &:has(.tna-header):has(#main-content[role=\"main\"]):has(.tna-footer) {\n display: flex;\n flex-direction: column;\n\n #main-content[role=\"main\"] {\n flex: 1;\n }\n }\n}\n\nimg,\nsvg,\nvideo,\ncanvas {\n max-width: 100%;\n\n display: block;\n}\n\nvideo,\ncanvas {\n width: 100%;\n}\n\n[hidden] {\n display: none;\n}\n\n*:focus {\n // outline: 0.3125rem colour.$focus-colour solid;\n outline: 0.3125rem solid;\n @include colour.colour-outline(\"focus-outline\");\n outline-offset: 0.125rem;\n}\n\nhr {\n margin: 3rem 0;\n\n border-width: 1px 0 0;\n @include colour.colour-border(\"keyline\");\n border-style: dashed;\n\n @include colour.on-high-contrast {\n border-style: solid;\n }\n}\n\n.tna-visually-hidden {\n width: 1px !important;\n height: 1px !important;\n margin: 0 !important;\n padding: 0 !important;\n\n position: absolute !important;\n top: -9999px !important;\n left: -9999px !important;\n z-index: -1 !important;\n\n overflow: hidden !important;\n\n clip: rect(0, 0, 0, 0) !important;\n\n border: 0 !important;\n\n background-color: transparent !important;\n\n &::before,\n &::after {\n content: \"\\00a0\";\n }\n}\n","@use \"../variables/spacing\";\n@use \"../tools/media\";\n\n@each $property in margin, padding {\n @each $direction in top, bottom {\n .tna-\\!--no-#{$property}-#{$direction},\n .tna-\\!--no-#{$property}-vertical {\n #{$property}-#{$direction}: 0 !important;\n }\n }\n}\n\n@mixin overrides($spacing) {\n @each $property in margin, padding {\n @each $direction in top, bottom {\n @each $size, $amount in $spacing {\n .tna-\\!--#{$property}-#{$direction}-#{$size},\n .tna-\\!--#{$property}-vertical-#{$size} {\n #{$property}-#{$direction}: #{$amount}rem !important;\n }\n }\n }\n }\n}\n\n@include overrides(spacing.$spacing);\n\n@include media.on-mobile {\n @include overrides(spacing.$spacing-mobile);\n}\n","@use \"sass:math\";\n@use \"../variables/typography\";\n\n@mixin relative-font-size($fontSizePx) {\n font-size: #{math.div($fontSizePx, typography.$base-font-size-px)}rem;\n}\n\n@mixin main-font-weight {\n font-weight: typography.$font-weight-main;\n}\n\n@mixin main-font-weight-bold {\n font-weight: typography.$font-weight-main-bold;\n}\n\n@mixin main-font {\n font-family: typography.$font-family-main;\n @include main-font-weight;\n}\n\n@mixin heading-font {\n font-family: typography.$font-family-heading;\n font-weight: typography.$font-weight-heading;\n}\n\n@mixin detail-font {\n font-family: typography.$font-family-detail;\n font-weight: typography.$font-weight-detail;\n @include relative-font-size(14);\n text-transform: uppercase;\n line-height: #{math.div(typography.$base-font-size-px, 14)};\n // line-height: 1;\n}\n","$base-font-size-px: 16;\n\n$font-family-main: \"Open Sans\", sans-serif;\n$font-weight-main: 500;\n$font-weight-main-bold: 700;\n\n$font-family-heading: supria-sans-condensed, sans-serif;\n$font-weight-heading: 400;\n\n$font-family-detail: \"Roboto Mono\", monospace;\n$font-weight-detail: 400;\n// $font-family-detail: $font-family-main;\n// $font-weight-detail: $font-weight-main;\n","@use \"../../tools/colour\";\n@use \"../../tools/media\";\n\n.tna-breadcrumbs {\n padding-top: 1rem;\n padding-bottom: 1rem;\n\n &__wrapper {\n &:focus {\n outline: none !important;\n }\n }\n\n &__list {\n margin: 0;\n padding: 0;\n\n list-style: none;\n\n display: flex;\n flex-wrap: wrap;\n }\n\n &__item {\n display: flex;\n\n + .tna-breadcrumbs__item {\n &::before {\n margin: 0 0.75rem;\n\n display: inline-block;\n\n vertical-align: baseline;\n\n content: \"\\203A\";\n }\n }\n\n &--expandable {\n display: none;\n\n @include media.on-mobile {\n display: inline-block !important;\n }\n }\n }\n\n &__link {\n display: inline-block;\n\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"font-base\");\n }\n\n &:hover {\n @include colour.colour-font(\"font-dark\");\n }\n\n @include colour.on-high-contrast {\n padding-right: 0.75rem;\n padding-left: 0.75rem;\n\n text-decoration: none;\n\n @include colour.colour-border(\"keyline-dark\", 1px);\n\n &:hover {\n text-decoration: underline;\n\n @include colour.colour-font(\"contrast-background\");\n\n @include colour.colour-background(\"contrast-font-base\");\n }\n }\n }\n\n button#{&}__link {\n margin: 0;\n padding: 0;\n height: 100%;\n\n font-size: inherit;\n line-height: inherit;\n font-weight: inherit;\n\n background-color: transparent;\n\n border: none;\n\n appearance: none;\n cursor: pointer;\n\n &:hover {\n color: inherit;\n text-decoration: underline;\n text-decoration-thickness: 3px;\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","@use \"../../tools/colour\";\n\n.tna-button {\n padding: 0.25rem 1rem;\n\n display: inline-block;\n\n font-weight: 700;\n text-decoration: none;\n\n @include colour.colour-background(\"button-primary-background\");\n\n @include colour.colour-border(\"button-primary-background\", 0.25rem);\n\n transition:\n color 200ms,\n background-color 200ms,\n border-color 200ms;\n\n cursor: pointer;\n\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"button-primary-text\");\n }\n\n &:hover {\n @include colour.colour-font(\"button-primary-hover-text\");\n\n @include colour.colour-background(\"button-primary-hover-background\");\n\n transition:\n color 50ms,\n background-color 50ms,\n border-color 50ms;\n }\n\n &--secondary {\n @include colour.colour-background(\"button-secondary-background\");\n\n @include colour.colour-border(\"button-secondary-background\");\n\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"button-secondary-text\");\n }\n\n &:hover {\n @include colour.colour-font(\"button-secondary-hover-text\");\n\n @include colour.colour-background(\"button-secondary-hover-background\");\n }\n }\n}\n","@use \"sass:math\";\n@use \"../../tools/colour\";\n@use \"../../tools/typography\";\n@use \"../../tools/media\";\n\n.tna-card {\n margin-bottom: 2rem;\n\n &:last-child {\n margin-bottom: 0;\n }\n\n &__inner {\n display: flex;\n flex-direction: column;\n }\n\n &__heading {\n order: 2;\n }\n\n &__supertitle {\n }\n\n &__title {\n order: 2;\n\n @include typography.main-font;\n @include typography.main-font-weight-bold;\n }\n\n &__title-link {\n }\n\n &__image-container {\n height: 0;\n margin-bottom: 1rem;\n // padding-bottom: #{math.div(9, 16) * 100%};\n padding-bottom: #{math.div(2, 3) * 100%};\n\n position: relative;\n order: 1;\n }\n\n &__image {\n width: 100%;\n height: 100%;\n\n position: absolute;\n inset: 0;\n\n object-fit: cover;\n }\n\n &__image-label {\n max-width: calc(100% - 2rem);\n padding: 0.25rem 0.5rem;\n\n position: absolute;\n top: 1rem;\n left: 0;\n\n @include colour.fixed;\n\n @include colour.colour-font(\"font-dark\");\n @include typography.relative-font-size(14);\n @include typography.main-font-weight-bold;\n text-transform: uppercase;\n line-height: #{math.div(16, 14)};\n\n @include colour.colour-background(\"accent\");\n }\n\n &--green-label #{&}__image-label {\n background-color: colour.brand-colour(\"green\");\n }\n\n &__body {\n order: 3;\n }\n\n &__actions {\n margin-top: 2rem;\n\n order: 4;\n }\n\n &__action {\n }\n\n &--featured {\n @include colour.fixed;\n\n position: relative;\n\n @include colour.colour-font(\"font-base\");\n\n @include colour.colour-background(\"accent\");\n\n .tna-card__heading {\n padding-bottom: 2rem;\n\n @include colour.colour-border(\"keyline-dark\", 2px, solid, bottom);\n }\n\n .tna-card__supertitle {\n color: inherit;\n }\n\n .tna-card__title {\n @include typography.heading-font;\n }\n\n .tna-card__title-link {\n @include colour.colour-font(\"font-dark\");\n }\n\n .tna-card__image-container {\n margin-bottom: 2rem;\n }\n\n @include media.on-larger-than-mobile {\n .tna-card__inner {\n margin-left: 50%;\n padding: 2rem;\n }\n\n .tna-card__image-container {\n height: auto;\n margin-bottom: 0;\n padding-bottom: 0;\n\n display: block;\n\n position: absolute;\n inset: 0 50% 0 0;\n }\n }\n\n @include media.on-mobile {\n .tna-card__inner {\n padding: 0 0 2rem;\n }\n\n .tna-card__heading,\n .tna-card__body,\n .tna-card__actions {\n margin-right: 2rem;\n margin-left: 2rem;\n }\n }\n }\n\n @include colour.on-high-contrast {\n @include colour.colour-border(\"keyline-dark\", 1px);\n\n .tna-card__inner {\n padding-bottom: 1rem;\n }\n\n .tna-card__heading,\n .tna-card__body,\n .tna-card__actions {\n margin-right: 2rem;\n margin-left: 2rem;\n }\n }\n}\n",".tna-filters {\n &__item {\n margin: 0 0.75rem 0.75rem 0;\n\n display: inline-block;\n\n &:last-child {\n margin-right: 0;\n margin-bottom: 0;\n }\n }\n\n &--stacked &__item {\n display: block;\n }\n\n &__item--selected #{&}__link {\n color: #fff;\n\n background-color: #004c7e;\n }\n\n &__link {\n padding: 0.125rem 0.75rem;\n\n display: inline-block;\n\n color: #000;\n text-decoration: none;\n\n background-color: #d4e5ef;\n\n border-radius: 99rem;\n\n transition:\n color 200ms,\n background-color 200ms;\n\n &:hover {\n color: #fff;\n\n background-color: #004c7e;\n\n transition:\n color 50ms,\n background-color 50ms;\n }\n }\n}\n","@use \"../../tools/colour\";\n@use \"../../tools/media\";\n\n.tna-footer {\n padding-top: 3rem;\n padding-bottom: 3rem;\n\n @include colour.invert;\n @include colour.colour-font(\"contrast-font-base\");\n\n @include colour.on-high-contrast {\n @include colour.colour-border(\"keyline\", 1px, solid, top);\n }\n\n &__link {\n &,\n &:visited {\n color: inherit;\n }\n\n &:hover {\n @include colour.colour-font(\"link\");\n }\n }\n\n &__top {\n margin-bottom: 3rem;\n\n text-align: center;\n }\n\n &__title {\n margin-bottom: 0.5rem;\n }\n\n &__address {\n font-style: normal;\n }\n\n &__navigation {\n padding-bottom: 3rem;\n }\n\n &__navigation-group {\n }\n\n &__navigation-group-title {\n }\n\n &__navigation-group-items {\n padding-left: 0;\n\n list-style: none;\n }\n\n &__navigation-group-item {\n & + & {\n margin-top: 1rem;\n }\n }\n\n &__navigation-group-item-link {\n }\n\n &__social {\n margin-bottom: 2rem;\n\n &.tna-container {\n justify-content: space-evenly;\n align-items: flex-end;\n }\n }\n\n &__social-item {\n margin-bottom: 2rem;\n\n text-align: center;\n }\n\n &__social-item-link {\n display: block;\n }\n\n &__social-item-link-image {\n width: 2.25em;\n margin: 0 auto 0.5rem;\n\n display: block;\n }\n\n &__licence {\n &.tna-container {\n align-items: center;\n }\n\n .tna-column {\n margin-top: 1rem;\n }\n }\n\n &__licence-logo {\n display: block;\n }\n\n &__govuk {\n margin-top: 2rem;\n\n text-align: center;\n }\n\n &__govuk-link {\n display: inline-block;\n\n &,\n &:visited {\n @include colour.colour-font(\"font-dark\");\n }\n\n &:hover {\n @include colour.colour-font(\"link\");\n }\n }\n\n &__govuk-logotype-crown {\n margin: 0 auto;\n display: block;\n }\n\n @include media.on-mobile {\n padding-top: 1rem;\n\n &__social {\n justify-content: center;\n }\n }\n}\n","@use \"sass:math\";\n@use \"../../variables/grid\";\n@use \"../../tools/media\";\n@use \"../../tools/grid\" as tools;\n\n.tna-container {\n max-width: grid.$largest-container-width;\n width: 100%;\n margin-right: auto;\n margin-left: auto;\n padding-right: math.div(grid.$gutter-width, 2);\n padding-left: math.div(grid.$gutter-width, 2);\n\n box-sizing: border-box;\n\n display: flex;\n flex-wrap: wrap;\n justify-content: stretch;\n align-items: stretch;\n\n &--no-padding,\n &--no-padding-all {\n max-width: grid.$largest-container-width - (grid.$gutter-width * 2);\n }\n\n &--max {\n max-width: none;\n }\n}\n\n.tna-column {\n padding-right: math.div(grid.$gutter-width, 2);\n padding-left: math.div(grid.$gutter-width, 2);\n\n box-sizing: border-box;\n\n &--container {\n display: flex;\n flex-wrap: wrap;\n justify-content: stretch;\n align-items: stretch;\n }\n}\n\n@include tools.columns-generator(grid.$column-count);\n\n@include media.on-medium {\n @include tools.columns-generator(grid.$column-count-medium, \"medium\");\n}\n\n@include media.on-mobile {\n .tna-container {\n padding-right: math.div(grid.$gutter-width-mobile, 2);\n padding-left: math.div(grid.$gutter-width-mobile, 2);\n }\n\n .tna-column {\n padding-right: math.div(grid.$gutter-width-mobile, 2);\n padding-left: math.div(grid.$gutter-width-mobile, 2);\n }\n}\n\n@include media.on-small {\n @include tools.columns-generator(grid.$column-count-small, \"small\");\n}\n\n@include media.on-tiny {\n @include tools.columns-generator(grid.$column-count-tiny, \"tiny\");\n}\n\n.tna-container--no-padding,\n.tna-container--no-padding-all,\n.tna-container--no-padding-all > .tna-column,\n.tna-column--no-padding,\n.tna-column--container--no-padding-all,\n.tna-column--container--no-padding-all > .tna-column {\n padding-right: 0;\n padding-left: 0;\n}\n","$largest-container-width: 75.25rem !default;\n\n$gutter-width: 2rem !default;\n$gutter-width-mobile: 1rem !default;\n\n$column-count: 12 !default;\n$column-count-medium: 6 !default;\n$column-count-small: 4 !default;\n$column-count-tiny: 2 !default;\n","@use \"sass:math\";\n@use \"../variables/grid\";\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 // .column--margin-right-#{math.div($i, $j)}-#{math.div($count, $j)}#{$suffix} {\n // margin-right: math.div(100%, $count) * $i;\n // }\n\n // .column--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 // .column--margin-right-#{$i}-#{$count}#{$suffix} {\n // margin-right: math.div(100%, $count) * $i;\n // }\n\n // .column--margin-left-#{$i}-#{$count}#{$suffix} {\n // margin-left: math.div(100%, $count) * $i;\n // }\n }\n }\n\n @for $i from 1 through 3 {\n &--flex-#{$i}#{$suffix} {\n width: auto;\n\n flex: $i 0;\n }\n }\n\n @for $i from 1 through 4 {\n &--order-#{$i}#{$suffix} {\n order: $i;\n }\n }\n }\n}\n","@use \"sass:math\";\n@use \"../../tools/colour\";\n@use \"../../variables/colour\" as colourVars; // TODO\n@use \"../../variables/grid\";\n@use \"../../tools/typography\";\n@use \"../../tools/media\";\n\n.tna-header {\n @include colour.invert;\n\n color: colour.brand-colour(\"white\");\n\n background-color: colour.brand-colour(\"black\");\n\n &__exit {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n\n text-align: right;\n\n background-color: colourVars.$dark-grey;\n }\n\n &__exit-link {\n text-decoration: none;\n @include typography.relative-font-size(16);\n\n &,\n &:link,\n &:visited {\n color: #fff;\n }\n\n &:hover {\n text-decoration: underline;\n\n // .tna-header__exit-link-icon {\n // border-color: colour.$tna-yellow;\n\n // &::before {\n // border-top-color: colour.$tna-yellow;\n // border-right-color: colour.$tna-yellow;\n // }\n\n // &::after {\n // background-color: colour.$tna-yellow;\n // }\n // }\n }\n }\n\n &__exit-link-icon {\n width: 0.825rem;\n height: 0.825rem;\n margin-right: 0.125rem;\n margin-left: 0.5rem;\n\n display: inline-block;\n\n position: relative;\n\n vertical-align: middle;\n\n border: 0.125rem #fff solid;\n\n &::before {\n position: absolute;\n top: -0.25rem;\n right: -0.25rem;\n z-index: 2;\n\n border: 0.25rem transparent solid;\n border-top-color: #fff;\n border-right-color: #fff;\n\n content: \"\";\n }\n\n &::after {\n width: 0.25rem;\n height: 0.825rem;\n\n position: absolute;\n top: -0.125rem;\n right: -0.125rem;\n z-index: 1;\n\n background-color: #fff;\n\n outline: 0.2rem colourVars.$dark-grey solid;\n\n transform: rotate(45deg) translateX(50%);\n transform-origin: 100% 0;\n\n content: \"\";\n }\n }\n\n &__contents {\n &.tna-container {\n justify-content: space-between;\n }\n }\n\n &__logo {\n padding-top: 1.5rem;\n padding-bottom: 1.5rem;\n }\n\n &__logo-link {\n display: flex;\n align-items: flex-end;\n\n color: inherit;\n text-decoration: none;\n\n &,\n &:link,\n &:visited {\n color: inherit;\n }\n\n // &--href {\n // &:hover {\n // outline: 0.375rem #fff solid;\n // outline-offset: 1px;\n\n // // .tna-logo__background {\n // // fill: #fff;\n // // }\n\n // // .tna-logo__foreground {\n // // fill: #000;\n // // }\n // }\n // }\n }\n\n .tna-logo {\n width: 6rem;\n height: 6rem;\n\n display: inline-block;\n }\n\n &__logo-link--href:hover .tna-logo {\n outline: 0.375rem #fff solid;\n outline-offset: 1px;\n }\n\n &__logo-link--href:active .tna-logo,\n &__logo-link--href:focus .tna-logo {\n outline: none;\n }\n\n .tna-logo__foreground {\n fill: #fff;\n }\n\n .tna-logo__background {\n fill: none;\n }\n\n &__logo-strapline {\n margin: 0 0.75rem;\n\n display: inline-block;\n\n line-height: 2.125;\n text-transform: uppercase;\n }\n\n &__navigation-toggle {\n align-self: center;\n }\n\n &__hamburger {\n width: 2rem;\n height: 0.25rem;\n\n display: block;\n\n background-color: #fff;\n\n transition: height 1ms 200ms;\n\n &::before,\n &::after {\n height: 0.25rem;\n\n display: block;\n\n position: absolute;\n right: 0;\n left: 0;\n\n background-color: inherit;\n\n transition:\n top 200ms 200ms,\n bottom 200ms 200ms,\n transform 200ms;\n\n content: \"\";\n }\n\n &::before {\n top: 0;\n }\n\n &::after {\n bottom: 0;\n }\n }\n\n &__navigation-toggle-button {\n height: 2rem;\n padding: 0;\n\n display: block;\n\n position: relative;\n\n appearance: none;\n\n font-size: 0;\n\n background: none;\n\n border: 0 transparent solid;\n border-width: 0.25rem 0;\n\n cursor: pointer;\n\n &--opened {\n .tna-header__hamburger {\n height: 0;\n\n &::before,\n &::after {\n transition:\n top 200ms,\n bottom 200ms,\n transform 200ms 200ms;\n }\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 &--yellow,\n &--pink,\n &--orange,\n &--green,\n &--blue {\n color: colour.brand-colour(\"black\");\n\n .tna-header__logo-link {\n &:hover {\n .tna-logo {\n outline-color: #000;\n }\n }\n }\n\n .tna-logo__foreground {\n fill: #000;\n }\n\n .tna-header__hamburger {\n background-color: colour.brand-colour(\"black\");\n }\n }\n\n &--yellow {\n background-color: colour.brand-colour(\"yellow\");\n }\n\n &--pink {\n background-color: colour.brand-colour(\"pink\");\n }\n\n &--orange {\n background-color: colour.brand-colour(\"orange\");\n }\n\n &--green {\n background-color: colour.brand-colour(\"green\");\n }\n\n &--blue {\n background-color: colour.brand-colour(\"blue\");\n }\n\n &__navigation {\n display: flex;\n flex-direction: column-reverse;\n justify-content: space-between;\n align-items: flex-end;\n }\n\n &__top-navigation-items {\n margin: 0;\n padding: 1.25rem 0;\n\n // order: 1;\n\n list-style: none;\n\n line-height: 1;\n }\n\n &__top-navigation-item {\n margin-left: 1.5rem;\n\n display: inline-block;\n }\n\n &__top-navigation-item-link {\n display: inline-block;\n\n text-decoration: none;\n @include typography.relative-font-size(16);\n\n &,\n &:link,\n &:visited {\n color: inherit;\n }\n\n &:hover,\n &--selected {\n &,\n &:link,\n &:visited {\n text-decoration: underline;\n text-decoration-thickness: 3px;\n }\n }\n }\n\n &__navigation-items {\n margin: 0;\n padding: 0;\n\n // order: 2;\n\n list-style: none;\n\n white-space: nowrap;\n }\n\n &__navigation-item {\n margin-left: 0.75rem;\n\n display: inline-block;\n }\n\n &__navigation-item-link {\n padding: 0.5rem 1rem;\n\n display: inline-block;\n\n @include typography.heading-font;\n text-decoration: none;\n line-height: 2;\n\n // transition:\n // color 200ms,\n // background-color 200ms;\n\n &,\n &:link,\n &:visited {\n color: inherit;\n }\n\n &:hover,\n &--selected {\n &,\n &:link,\n &:visited {\n @include colour.uninvert;\n @include colour.colour-font(\"font-dark\");\n @include colour.colour-background(\"page-background\");\n }\n // transition:\n // color 50ms,\n // background-color 50ms;\n }\n }\n\n @include media.on-larger-than-mobile {\n .tna-header__navigation-toggle {\n display: none;\n }\n }\n\n @include media.on-mobile {\n &__contents {\n &.tna-container {\n padding-right: 0;\n padding-left: 0;\n }\n }\n\n &__logo {\n padding-top: 1rem;\n padding-bottom: 1rem;\n\n &.tna-column {\n padding-right: grid.$gutter-width-mobile;\n padding-left: grid.$gutter-width-mobile;\n }\n }\n\n .tna-logo {\n width: 4.5rem;\n height: 4.5rem;\n }\n\n &__logo-strapline {\n line-height: 1.55;\n }\n\n &__navigation-toggle {\n &.tna-column {\n padding-right: grid.$gutter-width-mobile;\n padding-left: 0;\n }\n }\n\n &__navigation {\n @include colour.uninvert;\n @include colour.colour-font(\"font-base\");\n @include typography.relative-font-size(20);\n\n align-items: stretch;\n flex-direction: column;\n\n &.tna-column {\n padding-right: 0;\n padding-left: 0;\n }\n\n .tna-template--js-enabled & {\n display: none;\n\n &--open {\n display: flex;\n }\n }\n }\n\n &__top-navigation-items {\n padding: 0.5rem 1rem;\n\n // text-align: center;\n\n @include colour.colour-background(\"page-background\");\n\n @include colour.colour-border(\"keyline\", 1px, solid, bottom);\n }\n\n &__top-navigation-item {\n margin: 0;\n padding: 0.5rem;\n }\n\n &__top-navigation-item-link {\n }\n\n &__navigation-items {\n width: 100%;\n\n @include colour.colour-background(\"page-background\");\n }\n\n &__navigation-item {\n margin: 0;\n\n display: block;\n\n @include colour.colour-border(\"keyline\", 1px, solid, bottom);\n }\n\n &__navigation-item-link {\n padding-right: grid.$gutter-width-mobile;\n padding-left: grid.$gutter-width-mobile + 1rem;\n\n display: block;\n\n position: relative;\n\n line-height: #{math.div(1, 1.125) * 2};\n\n &::after {\n width: 0;\n\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n\n @include colour.colour-background(\"font-dark\");\n\n // transition: width 200ms;\n\n content: \"\";\n }\n\n &:hover {\n &::after {\n width: 0.25rem;\n\n // transition: width 50ms;\n }\n }\n\n &--selected {\n &::after,\n &:hover::after {\n width: 0.5rem;\n }\n }\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.25;\n }\n }\n}\n","@use \"sass:map\";\n@use \"../features\";\n\n$colour-palette-brand: (\n \"black\": #000,\n \"grey\": #8c9694,\n \"light-grey\": #d9d9d6,\n \"white\": #fff,\n\n \"yellow\": #fc0,\n \"pink\": #fe1d57,\n \"orange\": #fd3f03,\n \"green\": #86bc25,\n \"blue\": #00b0ff,\n\n \"brown\": #654e37,\n \"maroon\": #9c193a,\n \"chestnut\": #8f3415,\n \"forest\": #00623b,\n \"navy\": #004c7e,\n\n \"cream\": #f9f7e2,\n \"pastel-pink\": #fad3d4,\n \"pastel-orange\": #f9e1bc,\n \"pastel-green\": #dde5d5,\n \"pastel-blue\": #d4e5ef,\n);\n\n$dark-grey: #26262a;\n$base-font: #343338;\n\n$-accent-colour-default: map.get($colour-palette-brand, \"yellow\");\n$-accent-colour-default-dark: $-accent-colour-default;\n\n/*\n=========================================\nLIGHT THEME (DEFAULT)\n=========================================\n*/\n$colour-palette-default: (\n \"page-background\": map.get($colour-palette-brand, \"white\"),\n \"font-base\": $base-font,\n \"font-dark\": map.get($colour-palette-brand, \"black\"),\n \"font-light\": rgba($base-font, 0.7),\n \"link\": #1d70ab,\n \"link-visited\": #4c2c92,\n // \"focus-outline\": #004c7e, // Old value\n \"focus-outline\": map.get($colour-palette-brand, \"blue\"),\n \"keyline\": #ccc,\n \"keyline-dark\": $dark-grey,\n \"accent-default\": $-accent-colour-default,\n \"button-primary-text\": map.get($colour-palette-brand, \"white\"),\n \"button-primary-background\": map.get($colour-palette-brand, \"black\"),\n \"button-primary-hover-text\": map.get($colour-palette-brand, \"black\"),\n \"button-primary-hover-background\": map.get($colour-palette-brand, \"white\"),\n \"button-secondary-text\": map.get($colour-palette-brand, \"black\"),\n \"button-secondary-background\": map.get($colour-palette-brand, \"yellow\"),\n \"button-secondary-hover-text\": map.get($colour-palette-brand, \"black\"),\n \"button-secondary-hover-background\": map.get($colour-palette-brand, \"white\"),\n \"contrast-background\": $dark-grey,\n \"contrast-font-base\": map.get($colour-palette-brand, \"white\"),\n \"contrast-font-dark\": map.get($colour-palette-brand, \"white\"),\n \"contrast-font-light\": rgba(map.get($colour-palette-brand, \"white\"), 0.7),\n \"contrast-link\": map.get($colour-palette-brand, \"blue\"),\n \"contrast-link-visited\": #b9f,\n \"contrast-keyline\": rgba(map.get($colour-palette-brand, \"white\"), 0.5),\n \"contrast-keyline-dark\": rgba(map.get($colour-palette-brand, \"white\"), 0.8),\n);\n\n/*\n=========================================\nDARK THEME\n=========================================\n*/\n$colour-palette-dark: map.merge(\n $colour-palette-default,\n (\n \"page-background\": #222,\n \"font-base\": rgba(map.get($colour-palette-brand, \"white\"), 0.95),\n \"font-dark\": map.get($colour-palette-brand, \"white\"),\n \"font-light\": rgba(map.get($colour-palette-brand, \"white\"), 0.5),\n \"link\": map.get($colour-palette-brand, \"blue\"),\n \"link-visited\": map.get($colour-palette-default, \"contrast-link-visited\"),\n \"keyline\": rgba(map.get($colour-palette-brand, \"white\"), 0.25),\n \"keyline-dark\": map.get($colour-palette-brand, \"white\"),\n \"accent-default\": $-accent-colour-default-dark,\n \"contrast-background\": #111,\n \"contrast-link-visited\":\n map.get($colour-palette-default, \"contrast-link-visited\"),\n )\n);\n\n/*\n=========================================\nLIGHT, HIGH_CONTRAST THEME\n=========================================\n*/\n$colour-palette-high-contrast: map.merge(\n $colour-palette-default,\n (\n \"font-base\": map.get($colour-palette-brand, \"black\"),\n \"font-light\": map.get($colour-palette-brand, \"black\"),\n \"link\": map.get($colour-palette-brand, \"navy\"),\n \"link-visited\": map.get($colour-palette-brand, \"black\"),\n \"focus-outline\": map.get($colour-palette-brand, \"orange\"),\n \"keyline\": map.get($colour-palette-brand, \"black\"),\n \"keyline-dark\": map.get($colour-palette-brand, \"black\"),\n \"contrast-background\": map.get($colour-palette-brand, \"white\"),\n \"contrast-font-base\": map.get($colour-palette-brand, \"black\"),\n \"contrast-font-dark\": map.get($colour-palette-brand, \"black\"),\n \"contrast-font-light\": map.get($colour-palette-brand, \"black\"),\n \"contrast-link\": map.get($colour-palette-brand, \"navy\"),\n \"contrast-link-visited\": map.get($colour-palette-brand, \"black\"),\n \"contrast-keyline\": map.get($colour-palette-brand, \"black\"),\n \"contrast-keyline-dark\": map.get($colour-palette-brand, \"black\"),\n )\n);\n\n/*\n=========================================\nDARK, HIGH_CONTRAST THEME\n=========================================\n*/\n$colour-palette-high-contrast-dark: map.merge(\n $colour-palette-dark,\n (\n \"page-background\": map.get($colour-palette-brand, \"black\"),\n \"font-base\": map.get($colour-palette-brand, \"white\"),\n \"font-light\": map.get($colour-palette-brand, \"white\"),\n \"link\": map.get($colour-palette-brand, \"white\"),\n \"link-visited\": map.get($colour-palette-brand, \"white\"),\n \"keyline\": map.get($colour-palette-brand, \"white\"),\n \"button-primary-text\": map.get($colour-palette-brand, \"black\"),\n \"button-primary-background\": map.get($colour-palette-brand, \"white\"),\n \"button-primary-hover-text\": map.get($colour-palette-brand, \"white\"),\n \"button-primary-hover-background\": map.get($colour-palette-brand, \"black\"),\n \"contrast-background\": map.get($colour-palette-brand, \"black\"),\n )\n);\n","@use \"../../tools/colour\";\n@use \"../../tools/media\";\n\n.tna-hero {\n min-height: min(35vw, 480px);\n margin-bottom: 2rem;\n padding-top: 5rem;\n padding-bottom: 3rem;\n\n display: flex;\n align-items: flex-end;\n\n position: relative;\n\n @include colour.invert-on-mobile;\n\n &__image {\n width: 100%;\n height: 100%;\n\n position: absolute;\n inset: 0;\n z-index: 1;\n\n object-fit: cover;\n }\n\n picture#{&}__image img {\n width: 100%;\n height: 100%;\n\n object-fit: cover;\n }\n\n &__image-details {\n position: absolute;\n right: 1.25rem;\n bottom: 1.25rem;\n z-index: 3;\n\n @include colour.colour-font(\"font-base\");\n }\n\n &__image-details-summary {\n width: 2rem;\n height: 2rem;\n\n position: relative;\n z-index: 2;\n\n font-size: 0;\n text-align: center;\n line-height: 2rem;\n list-style: none;\n\n background-color: #fc0;\n\n border-radius: 1rem;\n\n cursor: pointer;\n }\n\n &__image-details-summary-icon {\n font-size: 1.25rem;\n font-style: normal;\n font-weight: 700;\n text-transform: lowercase;\n }\n\n &__image-information {\n width: 20rem;\n max-width: 45vw;\n padding: 0.5rem 1rem;\n\n position: absolute;\n right: 0;\n bottom: 2.5rem;\n z-index: 1;\n\n background-color: #fc0;\n }\n\n &__inner {\n position: relative;\n z-index: 2;\n }\n\n &__content {\n }\n\n &__content-inner {\n padding: 2.5rem 1.5rem;\n\n @include colour.colour-background(\"page-background\");\n }\n\n &__heading {\n margin-bottom: 0;\n }\n\n &__body {\n margin-top: 1.5rem;\n }\n\n @include media.on-mobile {\n padding: 0;\n\n display: block;\n\n &__image {\n height: 320px;\n\n position: static;\n }\n\n &__image-details {\n bottom: auto;\n top: 1.25rem;\n }\n\n &__image-details-summary {\n }\n\n &__image-details-summary-icon {\n }\n\n &__image-information {\n top: 2.5rem;\n bottom: auto;\n }\n\n &__inner {\n }\n\n &__content {\n }\n\n &__content-inner {\n padding: 1.5rem 0;\n\n background-color: transparent;\n }\n\n &__heading {\n }\n\n &__body {\n margin-top: 1rem;\n }\n }\n\n @include media.on-tiny {\n &__image {\n height: 240px;\n }\n }\n\n @include colour.on-high-contrast {\n &__content-inner {\n @include colour.colour-border(\"keyline-dark\", 1px);\n\n @include media.on-mobile {\n border: none;\n }\n }\n }\n}\n","@use \"sass:math\";\n@use \"../../tools/colour\";\n\n.tna-index-grid {\n &__heading {\n }\n\n &__items {\n margin-top: 1rem;\n\n list-style: none;\n }\n\n &__item-wrapper {\n margin-bottom: 2rem;\n }\n\n &__item {\n height: 100%;\n\n display: flex;\n flex-direction: column;\n\n @include colour.invert;\n text-decoration: none;\n\n @include colour.on-high-contrast {\n @include colour.colour-border(\"keyline-dark\", 1px);\n }\n }\n\n &__item-image {\n width: 100%;\n height: #{math.div(2, 3) * 100%};\n\n object-fit: cover;\n }\n\n &__item-content {\n padding: 1rem;\n\n flex: 1;\n }\n\n &__item-title {\n text-decoration: underline;\n\n .tna-index-grid__item:hover & {\n &,\n &:link,\n &:visited {\n text-decoration-thickness: 3px;\n }\n }\n }\n\n &__item-subtitle {\n @include colour.colour-font(\"font-light\");\n }\n}\n","@use \"../../tools/colour\";\n\n.tna-message {\n padding: 1rem;\n\n display: flex;\n align-items: center;\n\n color: colour.brand-colour(\"black\");\n\n @include colour.colour-background(\"keyline\");\n\n @include colour.colour-border(\"keyline-dark\", 0.5rem, solid, left);\n\n // &--yellow {\n background-color: colour.brand-colour(\"cream\");\n\n border-left-color: colour.brand-colour(\"yellow\");\n // }\n\n &__icon {\n margin-right: 1rem;\n }\n\n &__message {\n }\n}\n","@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/typography\";\n\n.tna-phase-banner {\n @include colour.fixed;\n\n padding-top: 0.375rem;\n padding-bottom: 0.375rem;\n\n background-color: #d9d9d6;\n\n .tna-container {\n align-items: center;\n flex-wrap: nowrap;\n\n // @include media.on-tiny {\n // flex-wrap: wrap;\n // }\n }\n\n &__phase {\n margin: 0.25rem 0;\n padding: 0 0.5rem;\n\n display: block;\n\n font-weight: 700;\n text-transform: uppercase;\n line-height: 1.5;\n\n background-color: #fff;\n }\n\n &__message {\n margin: 0.25rem 0;\n\n // @include typography.relative-font-size(14);\n\n a {\n color: inherit;\n }\n }\n\n &--discovery {\n background-color: #fad3d4;\n }\n\n &--alpha {\n background-color: #f9e1bc;\n }\n\n &--beta {\n background-color: #f9f7e2;\n }\n\n &--live {\n background-color: #dde5d5;\n }\n}\n","@use \"../../tools/colour\";\n\n.tna-picture {\n margin: 0 0 2rem;\n padding: 0;\n\n &:last-child {\n margin-bottom: 0;\n }\n\n &__image-wrapper {\n // padding: 1rem 0;\n\n position: relative;\n\n background-color: #f4f4f4;\n }\n\n &__image {\n height: auto;\n margin: 0 auto;\n }\n\n &__toggle-transcript {\n position: absolute;\n right: 1rem;\n bottom: 1rem;\n\n font-size: 1rem;\n }\n\n &__transcript {\n @include colour.invert;\n\n padding: 1rem 1.5rem;\n\n .tna-template--clicked &:focus {\n outline: none;\n }\n\n .tna-tabs {\n margin-bottom: 0.5rem;\n }\n }\n\n &__caption {\n padding: 1rem 0;\n\n // position: relative;\n\n text-align: center;\n\n @include colour.colour-border(\"keyline\", 1px, solid, bottom);\n }\n\n @include colour.on-high-contrast {\n @include colour.colour-border(\"keyline-dark\", 1px);\n border-bottom-width: 0;\n }\n}\n","@use \"../../tools/typography\" as typographyTools;\n\n.tna-sensitive-image {\n &__warning {\n }\n\n &__details {\n position: relative;\n\n // overflow: hidden;\n\n &::after {\n width: 100%;\n padding-bottom: calc(\n 100% * var(--sensitive-image-height) / var(--sensitive-image-width)\n );\n\n display: block;\n\n position: relative;\n z-index: -1;\n\n background-image: var(--sensitive-image);\n background-clip: padding-box;\n background-size: contain;\n\n filter: blur(20px) saturate(0);\n\n content: \"\";\n }\n }\n\n &__show {\n display: flex;\n align-items: center;\n justify-content: center;\n\n position: absolute;\n inset: 0;\n z-index: 1;\n\n font-size: 0;\n\n cursor: pointer;\n\n &::after {\n padding: 0.5rem 2rem;\n\n @include typographyTools.relative-font-size(16);\n background-color: #ff0;\n\n content: attr(data-action);\n }\n\n &:hover {\n &::after {\n color: #fff;\n\n background-color: #000;\n }\n }\n }\n\n &__container {\n }\n\n &__image {\n width: 100%;\n }\n\n &__details[open] {\n &::after,\n .tna-sensitive-image__show {\n display: none;\n }\n }\n}\n","@use \"../../tools/colour\";\n\n.tna-skip-link {\n width: 1px !important;\n height: 1px !important;\n margin: 0 !important;\n padding: 1rem !important;\n\n display: block !important;\n\n position: absolute !important;\n\n overflow: hidden !important;\n\n white-space: nowrap !important;\n\n clip: rect(0 0 0 0) !important;\n -webkit-clip-path: inset(50%) !important;\n clip-path: inset(50%) !important;\n\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"button-primary-text\", $important: true);\n }\n\n &:active,\n &:focus {\n width: auto !important;\n height: auto !important;\n margin: inherit !important;\n\n position: static !important;\n\n overflow: visible !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\n &:focus {\n @include colour.colour-background(\n \"button-primary-background\",\n $important: true\n );\n\n @include colour.colour-border(\"focus-outline\", 0.3125rem, $important: true);\n\n outline: none !important;\n }\n\n &:hover {\n @include colour.colour-font(\"button-primary-hover-text\", $important: true);\n\n @include colour.colour-background(\n \"button-primary-hover-background\",\n $important: true\n );\n }\n}\n","@use \"../../tools/colour\";\n\n.tna-tabs {\n margin-bottom: 2rem;\n\n &:last-child {\n margin-bottom: 0;\n }\n\n &__list {\n margin: 0 0 1rem;\n padding: 0;\n\n display: flex;\n align-items: stretch;\n\n list-style: none;\n }\n\n &__list-item {\n display: inline-flex;\n\n & + & {\n margin-left: 1rem;\n }\n }\n\n &__list-item-link {\n padding: 0.5rem 0;\n\n display: flex;\n\n align-items: center;\n position: relative;\n\n @include colour.colour-font(\"font-dark\");\n font-size: inherit;\n font-family: inherit;\n font-weight: 700;\n text-decoration: none;\n line-height: 1.5;\n text-align: center;\n\n background: transparent;\n\n border: none;\n\n cursor: pointer;\n\n & + & {\n margin-left: 1.5rem;\n }\n\n &::after {\n height: 0;\n\n position: absolute;\n right: 0;\n bottom: 0;\n left: 0;\n\n @include colour.colour-background(\"keyline-dark\");\n\n content: \"\";\n }\n\n &:hover,\n &--selected,\n &--selected:hover {\n &::after {\n height: 0.25rem;\n }\n }\n\n .tna-template--js-enabled & {\n @include colour.colour-font(\"font-light\");\n\n &:hover {\n &::after {\n height: 0.125rem;\n }\n }\n\n &--selected {\n @include colour.colour-font(\"font-dark\");\n\n &::after,\n &:hover::after {\n height: 0.25rem;\n }\n }\n }\n }\n\n &__items {\n // &:not(:target-within) {\n // .tna-tabs__item:first-child {\n // display: block;\n // }\n // }\n }\n\n &__item {\n display: none;\n\n &:first-child {\n display: block;\n }\n\n &:has(~ :target) {\n display: none;\n }\n\n &:target {\n display: block;\n }\n\n .tna-template--js-enabled & {\n display: block;\n\n &[hidden] {\n display: none;\n }\n }\n\n .tna-template--clicked &:focus {\n outline: none;\n }\n }\n\n @include colour.on-high-contrast {\n &__list-item-link {\n padding-right: 1rem;\n padding-left: 1rem;\n\n overflow: hidden;\n\n @include colour.colour-border(\"keyline-dark\", 1px);\n }\n }\n}\n","@use \"../../tools/colour\";\n\n.tna-featured-collection {\n padding-top: 2rem;\n padding-bottom: 2rem;\n\n background-color: colour.brand-colour(\"cream\");\n\n .tna-card {\n margin-top: 1rem;\n margin-bottom: 1rem;\n }\n}\n"]}
@@ -1,2 +1,2 @@
1
- !function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.TNAFrontend=e():t.TNAFrontend=e()}(self,(()=>(()=>{"use strict";var t={125:(t,e,i)=>{function n(t){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},n(t)}function r(t,e){for(var i=0;i<e.length;i++){var r=e[i];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,(void 0,a=function(t,e){if("object"!==n(t)||null===t)return t;var i=t[Symbol.toPrimitive];if(void 0!==i){var r=i.call(t,"string");if("object"!==n(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(r.key),"symbol"===n(a)?a:String(a)),r)}var a}i.d(e,{Card:()=>a});var a=function(){function t(e){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:300;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.$module=e,this.$cardTitleLink=e&&e.querySelector(".tna-card__title-link"),this.$cardAction=e&&e.querySelector(".tna-card__action"),this.tapTimeMax=i}var e,i;return e=t,(i=[{key:"init",value:function(){this.$module&&(this.$cardTitleLink||this.$cardAction)&&!this.$module.classList.contains("tna-card--no-global-click")&&(this.touchStartTime=null)}},{key:"handleCardClick",value:function(){this.$cardTitleLink?this.$cardTitleLink.click():this.$cardAction&&this.$cardAction.click()}},{key:"handleCardTouchStart",value:function(){this.touchStartTime=new Date}},{key:"handleCardTouchEnd",value:function(){(new Date).getTime()-this.touchStartTime.getTime()<this.tapTimeMax&&this.handleCardClick()}}])&&r(e.prototype,i),Object.defineProperty(e,"prototype",{writable:!1}),t}()},8:(t,e,i)=>{i.d(e,{Header:()=>o});var n=i(948);function r(t){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r(t)}function a(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,(void 0,a=function(t,e){if("object"!==r(t)||null===t)return t;var i=t[Symbol.toPrimitive];if(void 0!==i){var n=i.call(t,"string");if("object"!==r(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(n.key),"symbol"===r(a)?a:String(a)),n)}var a}var o=function(){function t(e){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.$module=e,this.$toggleButtonWrapper=e&&e.querySelector(".tna-header__navigation-toggle"),this.$navigation=e&&e.querySelector(".tna-header__navigation"),this.$links=e&&this.$navigation&&this.$navigation.querySelectorAll("[tabindex='0']"),this.menuOpened=!1,this.mql=window.matchMedia("(max-width: 768px)")}var e,i;return e=t,(i=[{key:"init",value:function(){var t=this;if(this.$module&&this.$toggleButtonWrapper&&this.$navigation){var e="tna-menu-content-".concat((0,n.Z)());this.$navigation.setAttribute("id",e),this.$toggleButton=document.createElement("button"),this.$toggleButton.innerText="Menu",this.$toggleButton.setAttribute("aria-controls",e),this.$toggleButton.setAttribute("aria-haspopup","true"),this.$toggleButton.classList.add("tna-header__navigation-toggle-button"),this.$hamburger=document.createElement("div"),this.$hamburger.classList.add("tna-header__hamburger"),this.$toggleButton.appendChild(this.$hamburger),this.$toggleButtonWrapper.appendChild(this.$toggleButton),this.syncState(),this.$toggleButton.addEventListener("click",(function(){return t.handleToggleNavigation()})),"addEventListener"in this.mql?this.mql.addEventListener("change",(function(){return t.syncState()})):this.mql.addListener((function(){return t.syncState()}))}}},{key:"handleToggleNavigation",value:function(){this.menuOpened=!this.menuOpened,this.syncState()}},{key:"syncState",value:function(){if(this.mql.matches)if(this.menuOpened){this.$navigation.classList.add("tna-header__navigation--open"),this.$navigation.hidden=!1,this.$navigation.setAttribute("aria-hidden","false"),this.$toggleButton.setAttribute("aria-expanded","true"),this.$toggleButton.setAttribute("title","Close menu"),this.$toggleButton.classList.add("tna-header__navigation-toggle-button--opened");for(var t=0;t<this.$links.length;t++)this.$links[t].setAttribute("tabindex","0")}else{this.$navigation.classList.remove("tna-header__navigation--open"),this.$navigation.hidden=!0,this.$navigation.setAttribute("aria-hidden","true"),this.$toggleButton.setAttribute("aria-expanded","false"),this.$toggleButton.setAttribute("title","Open menu"),this.$toggleButton.classList.remove("tna-header__navigation-toggle-button--opened");for(var e=0;e<this.$links.length;e++)this.$links[e].setAttribute("tabindex","-1")}else{this.$navigation.classList.add("tna-header__navigation--open"),this.$navigation.hidden=!1,this.$navigation.setAttribute("aria-hidden","false"),this.$toggleButton.setAttribute("aria-expanded","true"),this.$toggleButton.setAttribute("title","Close menu");for(var i=0;i<this.$links.length;i++)this.$links[i].setAttribute("tabindex","0")}}}])&&a(e.prototype,i),Object.defineProperty(e,"prototype",{writable:!1}),t}()},765:(t,e,i)=>{i.d(e,{Picture:()=>o});var n=i(948);function r(t){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r(t)}function a(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,(void 0,a=function(t,e){if("object"!==r(t)||null===t)return t;var i=t[Symbol.toPrimitive];if(void 0!==i){var n=i.call(t,"string");if("object"!==r(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(n.key),"symbol"===r(a)?a:String(a)),n)}var a}var o=function(){function t(e){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.$module=e,this.$imageWrapper=e&&e.querySelector(".tna-picture__image-wrapper"),this.$transcript=e&&e.querySelector(".tna-picture__transcript"),this.transcriptOpened=!1}var e,i;return e=t,(i=[{key:"init",value:function(){var t=this;if(this.$module&&this.$imageWrapper&&this.$transcript){var e="tna-picture-".concat((0,n.Z)());this.$transcriptToggle=document.createElement("button"),this.$transcriptToggle.classList.add("tna-picture__toggle-transcript","tna-button"),this.$transcriptToggle.setAttribute("aria-controls",e),this.$transcriptToggle.setAttribute("aria-expanded",!1),this.$transcriptToggle.innerText="Open transcript",this.$transcriptToggle.addEventListener("click",(function(){return t.handleToggleTranscript()})),this.$imageWrapper.appendChild(this.$transcriptToggle),this.$transcript.setAttribute("id",e),this.$transcript.setAttribute("hidden",!0)}}},{key:"handleToggleTranscript",value:function(){var t="tna-picture__toggle-transcript--opened";this.transcriptOpened=!this.transcriptOpened,this.transcriptOpened?(this.$transcriptToggle.classList.add(t),this.$transcriptToggle.setAttribute("aria-expanded",!0),this.$transcriptToggle.innerText="Close transcript",this.$transcript.removeAttribute("hidden")):(this.$transcriptToggle.classList.remove(t),this.$transcriptToggle.setAttribute("aria-expanded",!1),this.$transcriptToggle.innerText="Open transcript",this.$transcript.setAttribute("hidden",!0))}}])&&a(e.prototype,i),Object.defineProperty(e,"prototype",{writable:!1}),t}()},554:(t,e,i)=>{function n(t){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},n(t)}function r(t,e){for(var i=0;i<e.length;i++){var r=e[i];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,(void 0,a=function(t,e){if("object"!==n(t)||null===t)return t;var i=t[Symbol.toPrimitive];if(void 0!==i){var r=i.call(t,"string");if("object"!==n(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(r.key),"symbol"===n(a)?a:String(a)),r)}var a}i.d(e,{SensitiveImage:()=>a});var a=function(){function t(e){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.$module=e,this.$imageDetails=e&&e.querySelector(".tna-sensitive-image__details"),this.$image=e&&e.querySelector(".tna-sensitive-image__image"),this.imageIsVisible=!1}var e,i;return e=t,(i=[{key:"init",value:function(){var t=this;this.$module&&this.$imageDetails&&this.$image&&this.$imageDetails.addEventListener("toggle",(function(){return t.handleImageDetailsToggle()}))}},{key:"handleImageDetailsToggle",value:function(){this.$imageDetails.hasAttribute("open")&&this.$image.focus({preventScroll:!0,focusVisible:!0})}}])&&r(e.prototype,i),Object.defineProperty(e,"prototype",{writable:!1}),t}()},973:(t,e,i)=>{function n(t){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},n(t)}function r(t){return function(t){if(Array.isArray(t))return a(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,e){if(t){if("string"==typeof t)return a(t,e);var i=Object.prototype.toString.call(t).slice(8,-1);return"Object"===i&&t.constructor&&(i=t.constructor.name),"Map"===i||"Set"===i?Array.from(t):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?a(t,e):void 0}}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function a(t,e){(null==e||e>t.length)&&(e=t.length);for(var i=0,n=new Array(e);i<e;i++)n[i]=t[i];return n}function o(t,e){for(var i=0;i<e.length;i++){var r=e[i];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,(void 0,a=function(t,e){if("object"!==n(t)||null===t)return t;var i=t[Symbol.toPrimitive];if(void 0!==i){var r=i.call(t,"string");if("object"!==n(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(r.key),"symbol"===n(a)?a:String(a)),r)}var a}i.d(e,{Tabs:()=>s});var s=function(){function t(e){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.$module=e,this.$tabList=e&&e.querySelector(".tna-tabs__list"),this.$tabListItemLinks=e&&this.$tabList&&e.querySelectorAll(".tna-tabs__list-item-link"),this.$tabItems=e&&e.querySelectorAll(".tna-tabs__item")}var e,i;return e=t,(i=[{key:"init",value:function(){var t=this;if(this.$module&&this.$tabList&&this.$tabListItemLinks&&this.$tabItems&&this.$tabListItemLinks.length===this.$tabItems.length){this.sticky=this.$module.classList.contains("tna-tabs--sticky");var e=window.location.hash.replace(/^#/,"");this.$newTabList=document.createElement("div"),this.$newTabList.setAttribute("role","tablist"),this.$newTabList.setAttribute("class",this.$tabList.getAttribute("class")),this.$tabItems.forEach((function(t,i){t.setAttribute("role","tabpanel"),t.setAttribute("aria-labelledby","".concat(t.getAttribute("id"),"-tab")),t.setAttribute("tabindex","0"),(e&&t.getAttribute("id")!==e||!e&&i>0)&&t.setAttribute("hidden",!0)})),this.$tabListItemLinks.forEach((function(e){var i=document.createElement("button");i.innerText=e.innerText,i.setAttribute("class",e.getAttribute("class")),i.setAttribute("role","tab"),i.setAttribute("id",e.getAttribute("id")),i.setAttribute("aria-controls",e.getAttribute("href").replace(/^#/,"")),i.setAttribute("tabindex","-1"),t.$newTabList.appendChild(i)})),this.$tabList.replaceWith(this.$newTabList),this.$tabListItemLinks=this.$module.querySelectorAll(".tna-tabs__list-item-link"),this.$tabListItemLinks.forEach((function(i,n){e&&i.getAttribute("aria-controls")==="".concat(e)||!e&&0===n?(i.classList.add("tna-tabs__list-item-link--selected"),i.setAttribute("aria-selected",!0),i.setAttribute("tabindex","0")):i.setAttribute("aria-selected",!1),i.addEventListener("keydown",(function(e){return t.handleItemLinkKeyDown(e)}),!0),i.addEventListener("click",(function(e){return t.handleItemLinkClick(e)}),!0)}))}}},{key:"handleItemLinkClick",value:function(t){t.preventDefault();var e=t.currentTarget.getAttribute("aria-controls");this.switchTab(e)}},{key:"handleItemLinkKeyDown",value:function(t){var e=t.currentTarget,i=!1;switch(t.key){case"ArrowLeft":this.setSelectedToPreviousTab(e),i=!0;break;case"ArrowRight":this.setSelectedToNextTab(e),i=!0;break;case"Home":this.switchTab(this.$tabListItemLinks[0].getAttribute("aria-controls")),i=!0;break;case"End":this.switchTab(this.$tabListItemLinks[this.$tabListItemLinks.length-1].getAttribute("aria-controls")),i=!0}i&&(t.stopPropagation(),t.preventDefault())}},{key:"setSelectedToNextTab",value:function(t){console.log("setSelectedToNextTab",t);var e,i=r(this.$tabListItemLinks).findIndex((function(e){return e.getAttribute("id")===t.getAttribute("id")}));e=i<this.$tabListItemLinks.length-1?i+1:0,console.log(i,e),this.switchTab(this.$tabListItemLinks[e].getAttribute("aria-controls"))}},{key:"setSelectedToPreviousTab",value:function(t){console.log("setSelectedToPreviousTab",t);var e,i=r(this.$tabListItemLinks).findIndex((function(e){return e.getAttribute("id")===t.getAttribute("id")}));e=i>=1?i-1:this.$tabListItemLinks.length-1,console.log(i,e),this.switchTab(this.$tabListItemLinks[e].getAttribute("aria-controls"))}},{key:"switchTab",value:function(t){this.$tabListItemLinks.forEach((function(e){e.getAttribute("aria-controls")===t?(e.classList.add("tna-tabs__list-item-link--selected"),e.setAttribute("aria-selected",!0),e.setAttribute("tabindex","0"),e.focus()):(e.classList.remove("tna-tabs__list-item-link--selected"),e.setAttribute("aria-selected",!1),e.setAttribute("tabindex","-1"))})),this.$tabItems.forEach((function(e){e.getAttribute("id")===t?(e.removeAttribute("hidden"),e.setAttribute("tabindex","0")):(e.setAttribute("hidden",!0),e.setAttribute("tabindex","-1"))})),this.sticky&&(history.replaceState?history.replaceState(null,null,"#".concat(t)):location.hash="#".concat(t))}}])&&o(e.prototype,i),Object.defineProperty(e,"prototype",{writable:!1}),t}()},948:(t,e,i)=>{i.d(e,{Z:()=>n});const n=function(){return([1e7]+-1e3+-4e3+-8e3+-1e11).replace(/[018]/g,(function(t){return(t^crypto.getRandomValues(new Uint8Array(1))[0]&15>>t/4).toString(16)}))}}},e={};function i(n){var r=e[n];if(void 0!==r)return r.exports;var a=e[n]={exports:{}};return t[n](a,a.exports,i),a.exports}i.d=(t,e)=>{for(var n in e)i.o(e,n)&&!i.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})},i.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),i.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var n={};return(()=>{i.r(n),i.d(n,{Header:()=>e.Header,SensitiveImage:()=>a.SensitiveImage,Tabs:()=>o.Tabs,initAll:()=>l});var t=i(125),e=i(8),r=i(765),a=i(554),o=i(973),s=document.documentElement;s.classList.add("tna-template--js-enabled"),window.addEventListener("touchstart",(function t(){window.removeEventListener("touchstart",t),s.classList.add("tna-template--touched")})),window.addEventListener("keydown",(function(t){"Tab"===t.key&&(s.classList.add("tna-template--tabbed"),s.classList.remove("tna-template--clicked"))})),window.addEventListener("mousedown",(function(){s.classList.add("tna-template--clicked"),s.classList.remove("tna-template--tabbed")})),document.documentElement.classList.contains("tna-template--system-theme")&&(document.documentElement.classList.add(window.matchMedia("(prefers-color-scheme: dark)").matches?"tna-template--dark-theme":"tna-template--light-theme"),window.matchMedia("(prefers-contrast: more)").matches&&document.documentElement.classList.add("tna-template--high-contrast-theme"));var l=function(i){var n=(i=void 0!==i?i:{}).scope instanceof HTMLElement?i.scope:document,s=n.querySelector('[data-module="tna-header"]');s&&new e.Header(s).init(),n.querySelectorAll('[data-module="tna-card"]').forEach((function(e){new t.Card(e).init()})),n.querySelectorAll('[data-module="tna-picture"]').forEach((function(t){new r.Picture(t).init()})),n.querySelectorAll('[data-module="tna-sensitive-image"]').forEach((function(t){new a.SensitiveImage(t).init()})),n.querySelectorAll('[data-module="tna-tabs"]').forEach((function(t){new o.Tabs(t).init()}))}})(),n})()));
1
+ !function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.TNAFrontend=e():t.TNAFrontend=e()}(self,(()=>(()=>{"use strict";var t={908:(t,e,i)=>{i.d(e,{Breadcrumbs:()=>s});var n=i(948);function r(t){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r(t)}function a(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,(void 0,a=function(t,e){if("object"!==r(t)||null===t)return t;var i=t[Symbol.toPrimitive];if(void 0!==i){var n=i.call(t,"string");if("object"!==r(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(n.key),"symbol"===r(a)?a:String(a)),n)}var a}var s=function(){function t(e){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.$module=e,this.$breadcrumbsListWrapper=e&&e.querySelector(".tna-breadcrumbs__wrapper"),this.$breadcrumbsList=e&&this.$breadcrumbsListWrapper&&e.querySelector(".tna-breadcrumbs__list"),this.$breadcrumbs=e&&this.$breadcrumbsListWrapper&&this.$breadcrumbsList&&e.querySelectorAll(".tna-breadcrumbs__item")}var e,i;return e=t,(i=[{key:"init",value:function(){var t=this;if(this.$module&&this.$breadcrumbsListWrapper&&this.$breadcrumbsList&&this.$breadcrumbs&&this.$breadcrumbs.length>2&&!this.$module.classList.contains("tna-breadcrumbs--no-collapse")){var e="tna-breadcrumbs-".concat((0,n.Z)()),i=document.createElement("li");i.classList.add("tna-breadcrumbs__item","tna-breadcrumbs__item--expandable"),i.style.display="none";var r=document.createElement("button");r.classList.add("tna-breadcrumbs__link"),r.innerHTML="<span class='tna-visually-hidden'>Expand breadcrumbs</span>&hellip;",r.setAttribute("aria-expanded","false"),r.setAttribute("aria-controls",e),r.addEventListener("click",(function(){t.$module.classList.remove("tna-breadcrumbs--collapsed"),i.remove(),t.$breadcrumbsListWrapper.setAttribute("tabindex","0"),t.$breadcrumbsListWrapper.focus(),t.$breadcrumbsListWrapper.setAttribute("tabindex","-1")})),i.appendChild(r),this.$breadcrumbsList.setAttribute("id",e),this.$breadcrumbsList.insertBefore(i,this.$breadcrumbs[this.$breadcrumbs.length-2].nextSibling),this.$module.classList.add("tna-breadcrumbs--collapsed")}}}])&&a(e.prototype,i),Object.defineProperty(e,"prototype",{writable:!1}),t}()},8:(t,e,i)=>{i.d(e,{Header:()=>s});var n=i(948);function r(t){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r(t)}function a(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,(void 0,a=function(t,e){if("object"!==r(t)||null===t)return t;var i=t[Symbol.toPrimitive];if(void 0!==i){var n=i.call(t,"string");if("object"!==r(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(n.key),"symbol"===r(a)?a:String(a)),n)}var a}var s=function(){function t(e){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.$module=e,this.$toggleButtonWrapper=e&&e.querySelector(".tna-header__navigation-toggle"),this.$navigation=e&&e.querySelector(".tna-header__navigation"),this.$links=e&&this.$navigation&&this.$navigation.querySelectorAll("[tabindex='0']"),this.menuOpened=!1,this.mql=window.matchMedia("(max-width: 768px)")}var e,i;return e=t,(i=[{key:"init",value:function(){var t=this;if(this.$module&&this.$toggleButtonWrapper&&this.$navigation){var e="tna-menu-content-".concat((0,n.Z)());this.$navigation.setAttribute("id",e),this.$toggleButton=document.createElement("button"),this.$toggleButton.innerText="Menu",this.$toggleButton.setAttribute("aria-controls",e),this.$toggleButton.setAttribute("aria-haspopup","true"),this.$toggleButton.classList.add("tna-header__navigation-toggle-button"),this.$hamburger=document.createElement("div"),this.$hamburger.classList.add("tna-header__hamburger"),this.$toggleButton.appendChild(this.$hamburger),this.$toggleButtonWrapper.appendChild(this.$toggleButton),this.syncState(),this.$toggleButton.addEventListener("click",(function(){return t.handleToggleNavigation()})),"addEventListener"in this.mql?this.mql.addEventListener("change",(function(){return t.syncState()})):this.mql.addListener((function(){return t.syncState()}))}}},{key:"handleToggleNavigation",value:function(){this.menuOpened=!this.menuOpened,this.syncState()}},{key:"syncState",value:function(){if(this.mql.matches)if(this.menuOpened){this.$navigation.classList.add("tna-header__navigation--open"),this.$navigation.hidden=!1,this.$navigation.setAttribute("aria-hidden","false"),this.$toggleButton.setAttribute("aria-expanded","true"),this.$toggleButton.setAttribute("title","Close menu"),this.$toggleButton.classList.add("tna-header__navigation-toggle-button--opened");for(var t=0;t<this.$links.length;t++)this.$links[t].setAttribute("tabindex","0")}else{this.$navigation.classList.remove("tna-header__navigation--open"),this.$navigation.hidden=!0,this.$navigation.setAttribute("aria-hidden","true"),this.$toggleButton.setAttribute("aria-expanded","false"),this.$toggleButton.setAttribute("title","Open menu"),this.$toggleButton.classList.remove("tna-header__navigation-toggle-button--opened");for(var e=0;e<this.$links.length;e++)this.$links[e].setAttribute("tabindex","-1")}else{this.$navigation.classList.add("tna-header__navigation--open"),this.$navigation.hidden=!1,this.$navigation.setAttribute("aria-hidden","false"),this.$toggleButton.setAttribute("aria-expanded","true"),this.$toggleButton.setAttribute("title","Close menu");for(var i=0;i<this.$links.length;i++)this.$links[i].setAttribute("tabindex","0")}}}])&&a(e.prototype,i),Object.defineProperty(e,"prototype",{writable:!1}),t}()},765:(t,e,i)=>{i.d(e,{Picture:()=>s});var n=i(948);function r(t){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r(t)}function a(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,(void 0,a=function(t,e){if("object"!==r(t)||null===t)return t;var i=t[Symbol.toPrimitive];if(void 0!==i){var n=i.call(t,"string");if("object"!==r(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(n.key),"symbol"===r(a)?a:String(a)),n)}var a}var s=function(){function t(e){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.$module=e,this.$imageWrapper=e&&e.querySelector(".tna-picture__image-wrapper"),this.$transcript=e&&e.querySelector(".tna-picture__transcript"),this.transcriptOpened=!1}var e,i;return e=t,(i=[{key:"init",value:function(){var t=this;if(this.$module&&this.$imageWrapper&&this.$transcript){var e="tna-picture-".concat((0,n.Z)());this.$transcriptToggle=document.createElement("button"),this.$transcriptToggle.classList.add("tna-picture__toggle-transcript","tna-button"),this.$transcriptToggle.setAttribute("aria-controls",e),this.$transcriptToggle.setAttribute("aria-expanded",!1),this.$transcriptToggle.innerText="Open transcript",this.$transcriptToggle.addEventListener("click",(function(){return t.handleToggleTranscript()})),this.$imageWrapper.appendChild(this.$transcriptToggle),this.$transcript.setAttribute("id",e),this.$transcript.setAttribute("hidden",!0)}}},{key:"handleToggleTranscript",value:function(){var t="tna-picture__toggle-transcript--opened";this.transcriptOpened=!this.transcriptOpened,this.transcriptOpened?(this.$transcriptToggle.classList.add(t),this.$transcriptToggle.setAttribute("aria-expanded",!0),this.$transcriptToggle.innerText="Close transcript",this.$transcript.removeAttribute("hidden")):(this.$transcriptToggle.classList.remove(t),this.$transcriptToggle.setAttribute("aria-expanded",!1),this.$transcriptToggle.innerText="Open transcript",this.$transcript.setAttribute("hidden",!0))}}])&&a(e.prototype,i),Object.defineProperty(e,"prototype",{writable:!1}),t}()},554:(t,e,i)=>{function n(t){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},n(t)}function r(t,e){for(var i=0;i<e.length;i++){var r=e[i];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,(void 0,a=function(t,e){if("object"!==n(t)||null===t)return t;var i=t[Symbol.toPrimitive];if(void 0!==i){var r=i.call(t,"string");if("object"!==n(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(r.key),"symbol"===n(a)?a:String(a)),r)}var a}i.d(e,{SensitiveImage:()=>a});var a=function(){function t(e){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.$module=e,this.$imageDetails=e&&e.querySelector(".tna-sensitive-image__details"),this.$image=e&&e.querySelector(".tna-sensitive-image__image"),this.imageIsVisible=!1}var e,i;return e=t,(i=[{key:"init",value:function(){var t=this;this.$module&&this.$imageDetails&&this.$image&&this.$imageDetails.addEventListener("toggle",(function(){return t.handleImageDetailsToggle()}))}},{key:"handleImageDetailsToggle",value:function(){this.$imageDetails.hasAttribute("open")&&this.$image.focus({preventScroll:!0,focusVisible:!0})}}])&&r(e.prototype,i),Object.defineProperty(e,"prototype",{writable:!1}),t}()},973:(t,e,i)=>{function n(t){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},n(t)}function r(t){return function(t){if(Array.isArray(t))return a(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,e){if(t){if("string"==typeof t)return a(t,e);var i=Object.prototype.toString.call(t).slice(8,-1);return"Object"===i&&t.constructor&&(i=t.constructor.name),"Map"===i||"Set"===i?Array.from(t):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?a(t,e):void 0}}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function a(t,e){(null==e||e>t.length)&&(e=t.length);for(var i=0,n=new Array(e);i<e;i++)n[i]=t[i];return n}function s(t,e){for(var i=0;i<e.length;i++){var r=e[i];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,(void 0,a=function(t,e){if("object"!==n(t)||null===t)return t;var i=t[Symbol.toPrimitive];if(void 0!==i){var r=i.call(t,"string");if("object"!==n(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(r.key),"symbol"===n(a)?a:String(a)),r)}var a}i.d(e,{Tabs:()=>o});var o=function(){function t(e){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.$module=e,this.$tabList=e&&e.querySelector(".tna-tabs__list"),this.$tabListItemLinks=e&&this.$tabList&&e.querySelectorAll(".tna-tabs__list-item-link"),this.$tabItems=e&&e.querySelectorAll(".tna-tabs__item")}var e,i;return e=t,(i=[{key:"init",value:function(){var t=this;if(this.$module&&this.$tabList&&this.$tabListItemLinks&&this.$tabItems&&this.$tabListItemLinks.length===this.$tabItems.length){this.sticky=this.$module.classList.contains("tna-tabs--sticky");var e=window.location.hash.replace(/^#/,"");this.$newTabList=document.createElement("div"),this.$newTabList.setAttribute("role","tablist"),this.$newTabList.setAttribute("class",this.$tabList.getAttribute("class")),this.$tabItems.forEach((function(t,i){t.setAttribute("role","tabpanel"),t.setAttribute("aria-labelledby","".concat(t.getAttribute("id"),"-tab")),t.setAttribute("tabindex","0"),(e&&t.getAttribute("id")!==e||!e&&i>0)&&t.setAttribute("hidden",!0)})),this.$tabListItemLinks.forEach((function(e){var i=document.createElement("button");i.innerText=e.innerText,i.setAttribute("class",e.getAttribute("class")),i.setAttribute("role","tab"),i.setAttribute("id",e.getAttribute("id")),i.setAttribute("aria-controls",e.getAttribute("href").replace(/^#/,"")),i.setAttribute("tabindex","-1"),t.$newTabList.appendChild(i)})),this.$tabList.replaceWith(this.$newTabList),this.$tabListItemLinks=this.$module.querySelectorAll(".tna-tabs__list-item-link"),this.$tabListItemLinks.forEach((function(i,n){e&&i.getAttribute("aria-controls")==="".concat(e)||!e&&0===n?(i.classList.add("tna-tabs__list-item-link--selected"),i.setAttribute("aria-selected",!0),i.setAttribute("tabindex","0")):i.setAttribute("aria-selected",!1),i.addEventListener("keydown",(function(e){return t.handleItemLinkKeyDown(e)}),!0),i.addEventListener("click",(function(e){return t.handleItemLinkClick(e)}),!0)}))}}},{key:"handleItemLinkClick",value:function(t){t.preventDefault();var e=t.currentTarget.getAttribute("aria-controls");this.switchTab(e)}},{key:"handleItemLinkKeyDown",value:function(t){var e=t.currentTarget,i=!1;switch(t.key){case"ArrowLeft":this.setSelectedToPreviousTab(e),i=!0;break;case"ArrowRight":this.setSelectedToNextTab(e),i=!0;break;case"Home":this.switchTab(this.$tabListItemLinks[0].getAttribute("aria-controls")),i=!0;break;case"End":this.switchTab(this.$tabListItemLinks[this.$tabListItemLinks.length-1].getAttribute("aria-controls")),i=!0}i&&(t.stopPropagation(),t.preventDefault())}},{key:"setSelectedToNextTab",value:function(t){console.log("setSelectedToNextTab",t);var e,i=r(this.$tabListItemLinks).findIndex((function(e){return e.getAttribute("id")===t.getAttribute("id")}));e=i<this.$tabListItemLinks.length-1?i+1:0,console.log(i,e),this.switchTab(this.$tabListItemLinks[e].getAttribute("aria-controls"))}},{key:"setSelectedToPreviousTab",value:function(t){console.log("setSelectedToPreviousTab",t);var e,i=r(this.$tabListItemLinks).findIndex((function(e){return e.getAttribute("id")===t.getAttribute("id")}));e=i>=1?i-1:this.$tabListItemLinks.length-1,console.log(i,e),this.switchTab(this.$tabListItemLinks[e].getAttribute("aria-controls"))}},{key:"switchTab",value:function(t){this.$tabListItemLinks.forEach((function(e){e.getAttribute("aria-controls")===t?(e.classList.add("tna-tabs__list-item-link--selected"),e.setAttribute("aria-selected",!0),e.setAttribute("tabindex","0"),e.focus()):(e.classList.remove("tna-tabs__list-item-link--selected"),e.setAttribute("aria-selected",!1),e.setAttribute("tabindex","-1"))})),this.$tabItems.forEach((function(e){e.getAttribute("id")===t?(e.removeAttribute("hidden"),e.setAttribute("tabindex","0")):(e.setAttribute("hidden",!0),e.setAttribute("tabindex","-1"))})),this.sticky&&(history.replaceState?history.replaceState(null,null,"#".concat(t)):location.hash="#".concat(t))}}])&&s(e.prototype,i),Object.defineProperty(e,"prototype",{writable:!1}),t}()},948:(t,e,i)=>{i.d(e,{Z:()=>n});const n=function(){return([1e7]+-1e3+-4e3+-8e3+-1e11).replace(/[018]/g,(function(t){return(t^crypto.getRandomValues(new Uint8Array(1))[0]&15>>t/4).toString(16)}))}}},e={};function i(n){var r=e[n];if(void 0!==r)return r.exports;var a=e[n]={exports:{}};return t[n](a,a.exports,i),a.exports}i.d=(t,e)=>{for(var n in e)i.o(e,n)&&!i.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})},i.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),i.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var n={};return(()=>{i.r(n),i.d(n,{Breadcrumbs:()=>t.Breadcrumbs,Header:()=>e.Header,Picture:()=>r.Picture,SensitiveImage:()=>a.SensitiveImage,Tabs:()=>s.Tabs,initAll:()=>l});var t=i(908),e=i(8),r=i(765),a=i(554),s=i(973),o=document.documentElement;o.classList.add("tna-template--js-enabled"),window.addEventListener("touchstart",(function t(){window.removeEventListener("touchstart",t),o.classList.add("tna-template--touched")})),window.addEventListener("keydown",(function(t){"Tab"===t.key&&(o.classList.add("tna-template--tabbed"),o.classList.remove("tna-template--clicked"))})),window.addEventListener("mousedown",(function(){o.classList.add("tna-template--clicked"),o.classList.remove("tna-template--tabbed")})),document.documentElement.classList.contains("tna-template--system-theme")&&(document.documentElement.classList.add(window.matchMedia("(prefers-color-scheme: dark)").matches?"tna-template--dark-theme":"tna-template--light-theme"),window.matchMedia("(prefers-contrast: more)").matches&&document.documentElement.classList.add("tna-template--high-contrast-theme"));var l=function(i){var n=(i=void 0!==i?i:{}).scope instanceof HTMLElement?i.scope:document,o=n.querySelector('[data-module="tna-breadcrumbs"]');o&&new t.Breadcrumbs(o).init();var l=n.querySelector('[data-module="tna-header"]');l&&new e.Header(l).init(),n.querySelectorAll('[data-module="tna-picture"]').forEach((function(t){new r.Picture(t).init()})),n.querySelectorAll('[data-module="tna-sensitive-image"]').forEach((function(t){new a.SensitiveImage(t).init()})),n.querySelectorAll('[data-module="tna-tabs"]').forEach((function(t){new s.Tabs(t).init()}))}})(),n})()));
2
2
  //# sourceMappingURL=all.js.map