@nationalarchives/frontend 0.1.11-prerelease → 0.1.12-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.
package/nationalarchives/all.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Roboto+Mono:wght@500;700&display=swap";@import"https://use.typekit.net/hkj3kuz.css";.tna-picture__transcript,.tna-footer{color:rgba(255,255,255,.95);background-color:#222}.tna-template--system-theme .tna-picture__transcript,.tna-template--system-theme .tna-footer{--page-background: #222;--font-base: rgba(255, 255, 255, 0.95);--font-dark: #fff;--font-light: rgba(255, 255, 255, 0.8);--link: #00b0ff;--link-visited: #b9f;--focus-outline: #00b0ff;--keyline: rgba(255, 255, 255, 0.5);--keyline-dark: #fff;--accent: -accent-colour-dark();--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}@media(prefers-color-scheme: dark){.tna-template--system-theme .tna-picture__transcript,.tna-template--system-theme .tna-footer{--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: -accent-colour();--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}}@media(prefers-contrast: more){.tna-template--system-theme .tna-picture__transcript,.tna-template--system-theme .tna-footer{--page-background: #191919;--font-base: #fff;--font-dark: #fff;--font-light: #fff;--link: #fff;--link-visited: #fff;--focus-outline: #00b0ff;--keyline: #fff;--keyline-dark: #fff;--accent: -accent-colour-dark();--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}}@media(prefers-contrast: more)and (prefers-color-scheme: dark){.tna-template--system-theme .tna-picture__transcript,.tna-template--system-theme .tna-footer{--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: -accent-colour();--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}}.tna-template--light-theme .tna-picture__transcript,.tna-template--light-theme .tna-footer{--page-background: #222;--font-base: rgba(255, 255, 255, 0.95);--font-dark: #fff;--font-light: rgba(255, 255, 255, 0.8);--link: #00b0ff;--link-visited: #b9f;--focus-outline: #00b0ff;--keyline: rgba(255, 255, 255, 0.5);--keyline-dark: #fff;--accent: -accent-colour-dark();--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}.tna-template--dark-theme .tna-picture__transcript,.tna-template--dark-theme .tna-footer{--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: -accent-colour();--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}.tna-template--high-contrast-theme .tna-picture__transcript,.tna-template--high-contrast-theme .tna-footer{--page-background: #191919;--font-base: #fff;--font-dark: #fff;--font-light: #fff;--link: #fff;--link-visited: #fff;--focus-outline: #00b0ff;--keyline: #fff;--keyline-dark: #fff;--accent: -accent-colour-dark();--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}.tna-template--dark-theme.tna-template--high-contrast-theme .tna-picture__transcript,.tna-template--dark-theme.tna-template--high-contrast-theme .tna-footer{--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: -accent-colour();--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}: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: -accent-colour();--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}@media(prefers-color-scheme: dark){:root{--page-background: #222;--font-base: rgba(255, 255, 255, 0.95);--font-dark: #fff;--font-light: rgba(255, 255, 255, 0.8);--link: #00b0ff;--link-visited: #b9f;--focus-outline: #00b0ff;--keyline: rgba(255, 255, 255, 0.5);--keyline-dark: #fff;--accent: -accent-colour-dark();--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}}@media(prefers-contrast: more){:root{--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: -accent-colour();--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}:root *{background-image:none !important}}@media(prefers-contrast: more)and (prefers-color-scheme: dark){:root{--page-background: #191919;--font-base: #fff;--font-dark: #fff;--font-light: #fff;--link: #fff;--link-visited: #fff;--focus-outline: #00b0ff;--keyline: #fff;--keyline-dark: #fff;--accent: -accent-colour-dark();--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}}.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}.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: -accent-colour();--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}.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.8);--link: #00b0ff;--link-visited: #b9f;--focus-outline: #00b0ff;--keyline: rgba(255, 255, 255, 0.5);--keyline-dark: #fff;--accent: -accent-colour-dark();--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}.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: -accent-colour();--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}.tna-template--high-contrast-theme *{background-image:none !important}.tna-template--high-contrast-theme.tna-template--dark-theme{--page-background: #191919;--font-base: #fff;--font-dark: #fff;--font-light: #fff;--link: #fff;--link-visited: #fff;--focus-outline: #00b0ff;--keyline: #fff;--keyline-dark: #fff;--accent: -accent-colour-dark();--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}@media(prefers-reduced-motion){.tna-template *{animation:none !important;transition:none !important}}.tna-template__body{min-height:100%;margin:0;padding:0;overflow:auto}img,svg,video,canvas{max-width:100%;display:block}video,canvas{width:100%}[hidden]{display:none}*:focus{outline:.3125rem solid;outline-color:#00b0ff;outline-offset:.125rem}hr{margin:1rem;border-width:1px 0 0;border-color:#ccc;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;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}a:visited{color:#4c2c92}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:-accent-colour();font-weight:700}.tna-ul--plain,.tna-ol--plain{padding-left:0;list-style:none}.tna-heading{margin-bottom:1.5rem;color:#000;font-family:supria-sans-condensed,sans-serif;font-weight:600}.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;font-size:0.875rem;font-family:"Roboto Mono",monospace;font-weight:500;text-transform:uppercase}.tna-hgroup .tna-hgroup__supertitle{margin:0}.tna-hgroup__title{margin:0;color:#000}.tna-hgroup__title .tna-hgroup__supertitle{display:block;color:#343338}.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;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;color:#343338}.tna-breadcrumbs__link:hover{color:#000}@media(max-width: 48em){.tna-breadcrumbs__item::before,.tna-breadcrumbs__item+.tna-breadcrumbs__item::before{margin-left:0;display:none}.tna-breadcrumbs__item:not(:nth-last-child(2)){display:none}.tna-breadcrumbs__item:nth-last-child(2) .tna-breadcrumbs__link::before{content:"← " attr(data-prefix)}}.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}@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}}.tna-button{padding:.25rem 1rem;display:inline-block;font-weight:700;text-decoration:none;background-color:#000;border:.25rem rgba(0,0,0,0) solid;border-color:#000;transition:color 200ms,background-color 200ms,border-color 200ms;cursor:pointer}.tna-button,.tna-button:link,.tna-button:visited{color:#fff}.tna-button:hover{color:#000;background-color:#fff;transition:color 50ms,background-color 50ms,border-color 50ms}.tna-button--secondary{background-color:#fc0;border-color:#fc0}.tna-button--secondary,.tna-button--secondary:link,.tna-button--secondary:visited{color:#000}.tna-button--secondary:hover{color:#000;background-color:#fff}.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:#f0a}.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: -accent-colour();--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;color:#343338;position:relative;color:#343338;background-color:-accent-colour()}.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}.tna-card--featured .tna-card__supertitle{color:inherit}.tna-card--featured .tna-card__title-link{color:#000}.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}@media(prefers-contrast: more){.tna-template--system-theme .tna-card{padding:1rem;border:1px rgba(0,0,0,0) solid;border-color:#26262a}}.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:2rem;padding-bottom:2rem}.tna-footer__link,.tna-footer__link:visited{color:inherit}.tna-footer__link:hover{color:#00b0ff}.tna-footer__top{margin-bottom:2rem;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}.tna-header__exit{padding-top:.5rem;padding-bottom:.5rem;text-align:right;background-color:#26262a}.tna-header__exit-link{color:#fff;text-decoration:none}.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--href:hover{outline:.375rem #fff solid}.tna-header .tna-logo{width:6.25rem;height:6.25rem;display:inline-block}.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-header--pink .tna-header__logo-link:hover,.tna-header--orange .tna-header__logo-link:hover,.tna-header--green .tna-header__logo-link:hover,.tna-header--blue .tna-header__logo-link:hover{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:.75rem;display:inline-block}.tna-header__top-navigation-item-link{display:inline-block;text-decoration:none}.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:600;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{color:#000;background-color:#fff}@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{color:#343338;font-size:1.25rem}.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:block}.tna-header__top-navigation-items{padding:.5rem 1rem;background-color:#fff;border-bottom:1px solid;border-color:#ccc}.tna-header__top-navigation-item{margin:0;padding:.5rem}.tna-header__navigation-items{width:100%;background-color:#fff}.tna-header__navigation-item{margin:0;display:block;border-bottom:1px solid;border-color:#ccc}.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;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}.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}.tna-hero__heading{margin-bottom:0}.tna-hero__body{margin-top:1.5rem}@media(max-width: 48em){.tna-hero{padding:0;display:block;color:rgba(255,255,255,.95);background-color:#222}.tna-template--system-theme .tna-hero{--page-background: #222;--font-base: rgba(255, 255, 255, 0.95);--font-dark: #fff;--font-light: rgba(255, 255, 255, 0.8);--link: #00b0ff;--link-visited: #b9f;--focus-outline: #00b0ff;--keyline: rgba(255, 255, 255, 0.5);--keyline-dark: #fff;--accent: -accent-colour-dark();--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}}@media(max-width: 48em)and (prefers-color-scheme: dark){.tna-template--system-theme .tna-hero{--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: -accent-colour();--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}}@media(max-width: 48em)and (prefers-contrast: more){.tna-template--system-theme .tna-hero{--page-background: #191919;--font-base: #fff;--font-dark: #fff;--font-light: #fff;--link: #fff;--link-visited: #fff;--focus-outline: #00b0ff;--keyline: #fff;--keyline-dark: #fff;--accent: -accent-colour-dark();--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}}@media(max-width: 48em)and (prefers-contrast: more)and (prefers-color-scheme: dark){.tna-template--system-theme .tna-hero{--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: -accent-colour();--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}}@media(max-width: 48em){.tna-template--light-theme .tna-hero{--page-background: #222;--font-base: rgba(255, 255, 255, 0.95);--font-dark: #fff;--font-light: rgba(255, 255, 255, 0.8);--link: #00b0ff;--link-visited: #b9f;--focus-outline: #00b0ff;--keyline: rgba(255, 255, 255, 0.5);--keyline-dark: #fff;--accent: -accent-colour-dark();--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}.tna-template--dark-theme .tna-hero{--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: -accent-colour();--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}.tna-template--high-contrast-theme .tna-hero{--page-background: #191919;--font-base: #fff;--font-dark: #fff;--font-light: #fff;--link: #fff;--link-visited: #fff;--focus-outline: #00b0ff;--keyline: #fff;--keyline-dark: #fff;--accent: -accent-colour-dark();--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}.tna-template--dark-theme.tna-template--high-contrast-theme .tna-hero{--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: -accent-colour();--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}.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}@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}}@media(prefers-contrast: more)and (max-width: 48em){.tna-template--system-theme .tna-hero__content-inner{border:none}}.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: -accent-colour();--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;color:#343338;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{padding:1rem 1.5rem .5rem}.tna-template--clicked .tna-picture__transcript:focus{outline:none}.tna-picture__transcript .tna-tabs__list-item-link{color:#fff}.tna-picture__transcript .tna-tabs__list-item-link::after{background-color:#fff}.tna-template--js-enabled .tna-picture__transcript .tna-tabs__list-item-link{color:rgba(255,255,255,.8)}.tna-template--js-enabled .tna-picture__transcript .tna-tabs__list-item-link--selected{color:#fff}.tna-picture__caption{padding:1rem 0;text-align:center;border-bottom:1px solid;border-color:#ccc}.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;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;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)}.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}.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}@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}}.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@400;700&family=Roboto+Mono:wght@500;700&display=swap";@import"https://use.typekit.net/hkj3kuz.css";.tna-picture__transcript,.tna-footer{color:rgba(255,255,255,.95);background-color:#222}.tna-template--system-theme .tna-picture__transcript,.tna-template--system-theme .tna-footer{--page-background: #222;--font-base: rgba(255, 255, 255, 0.95);--font-dark: #fff;--font-light: rgba(255, 255, 255, 0.8);--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}@media(prefers-color-scheme: dark){.tna-template--system-theme .tna-picture__transcript,.tna-template--system-theme .tna-footer{--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}}@media(prefers-contrast: more){.tna-template--system-theme .tna-picture__transcript,.tna-template--system-theme .tna-footer{--page-background: #191919;--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}}@media(prefers-contrast: more)and (prefers-color-scheme: dark){.tna-template--system-theme .tna-picture__transcript,.tna-template--system-theme .tna-footer{--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}}.tna-template--light-theme .tna-picture__transcript,.tna-template--light-theme .tna-footer{--page-background: #222;--font-base: rgba(255, 255, 255, 0.95);--font-dark: #fff;--font-light: rgba(255, 255, 255, 0.8);--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}.tna-template--dark-theme .tna-picture__transcript,.tna-template--dark-theme .tna-footer{--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}.tna-template--high-contrast-theme .tna-picture__transcript,.tna-template--high-contrast-theme .tna-footer{--page-background: #191919;--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}.tna-template--dark-theme.tna-template--high-contrast-theme .tna-picture__transcript,.tna-template--dark-theme.tna-template--high-contrast-theme .tna-footer{--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}: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}@media(prefers-color-scheme: dark){:root{--page-background: #222;--font-base: rgba(255, 255, 255, 0.95);--font-dark: #fff;--font-light: rgba(255, 255, 255, 0.8);--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}}@media(prefers-contrast: more){:root{--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}:root *{background-image:none !important}}@media(prefers-contrast: more)and (prefers-color-scheme: dark){:root{--page-background: #191919;--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}}.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}.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}.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.8);--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}.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}.tna-template--high-contrast-theme *{background-image:none !important}.tna-template--high-contrast-theme.tna-template--dark-theme{--page-background: #191919;--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}@media(prefers-reduced-motion){.tna-template *{animation:none !important;transition:none !important}}.tna-template__body{min-height:100%;margin:0;padding:0;overflow:auto}img,svg,video,canvas{max-width:100%;display:block}video,canvas{width:100%}[hidden]{display:none}*:focus{outline:.3125rem solid;outline-color:#00b0ff;outline-offset:.125rem}hr{margin:1rem;border-width:1px 0 0;border-color:#ccc;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;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}a:visited{color:#4c2c92}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;font-weight:700}.tna-ul--plain,.tna-ol--plain{padding-left:0;list-style:none}.tna-heading{margin-bottom:1.5rem;color:#000;font-family:supria-sans-condensed,sans-serif;font-weight:600}.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;font-size:0.875rem;font-family:"Roboto Mono",monospace;font-weight:500;text-transform:uppercase}.tna-hgroup .tna-hgroup__supertitle{margin:0}.tna-hgroup__title{margin:0;color:#000}.tna-hgroup__title .tna-hgroup__supertitle{display:block;color:#343338}.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;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;color:#343338}.tna-breadcrumbs__link:hover{color:#000}@media(max-width: 48em){.tna-breadcrumbs__item::before,.tna-breadcrumbs__item+.tna-breadcrumbs__item::before{margin-left:0;display:none}.tna-breadcrumbs__item:not(:nth-last-child(2)){display:none}.tna-breadcrumbs__item:nth-last-child(2) .tna-breadcrumbs__link::before{content:"← " attr(data-prefix)}}.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}@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}}.tna-button{padding:.25rem 1rem;display:inline-block;font-weight:700;text-decoration:none;background-color:#000;border:.25rem rgba(0,0,0,0) solid;border-color:#000;transition:color 200ms,background-color 200ms,border-color 200ms;cursor:pointer}.tna-button,.tna-button:link,.tna-button:visited{color:#fff}.tna-button:hover{color:#000;background-color:#fff;transition:color 50ms,background-color 50ms,border-color 50ms}.tna-button--secondary{background-color:#fc0;border-color:#fc0}.tna-button--secondary,.tna-button--secondary:link,.tna-button--secondary:visited{color:#000}.tna-button--secondary:hover{color:#000;background-color:#fff}.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:#f0a}.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;color:#343338;position:relative;color:#343338;background-color:#fc0}.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}.tna-card--featured .tna-card__supertitle{color:inherit}.tna-card--featured .tna-card__title-link{color:#000}.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}@media(prefers-contrast: more){.tna-template--system-theme .tna-card{padding:1rem;border:1px rgba(0,0,0,0) solid;border-color:#26262a}}.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:2rem;padding-bottom:2rem}.tna-footer__link,.tna-footer__link:visited{color:inherit}.tna-footer__link:hover{color:#00b0ff}.tna-footer__top{margin-bottom:2rem;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}.tna-header__exit{padding-top:.5rem;padding-bottom:.5rem;text-align:right;background-color:#26262a}.tna-header__exit-link{color:#fff;text-decoration:none}.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--href:hover{outline:.375rem #fff solid}.tna-header .tna-logo{width:6.25rem;height:6.25rem;display:inline-block}.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-header--pink .tna-header__logo-link:hover,.tna-header--orange .tna-header__logo-link:hover,.tna-header--green .tna-header__logo-link:hover,.tna-header--blue .tna-header__logo-link:hover{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:.75rem;display:inline-block}.tna-header__top-navigation-item-link{display:inline-block;text-decoration:none}.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:600;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{color:#000;background-color:#fff}@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{color:#343338;font-size:1.25rem}.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:block}.tna-header__top-navigation-items{padding:.5rem 1rem;background-color:#fff;border-bottom:1px solid;border-color:#ccc}.tna-header__top-navigation-item{margin:0;padding:.5rem}.tna-header__navigation-items{width:100%;background-color:#fff}.tna-header__navigation-item{margin:0;display:block;border-bottom:1px solid;border-color:#ccc}.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;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}.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}.tna-hero__heading{margin-bottom:0}.tna-hero__body{margin-top:1.5rem}@media(max-width: 48em){.tna-hero{padding:0;display:block;color:rgba(255,255,255,.95);background-color:#222}.tna-template--system-theme .tna-hero{--page-background: #222;--font-base: rgba(255, 255, 255, 0.95);--font-dark: #fff;--font-light: rgba(255, 255, 255, 0.8);--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}}@media(max-width: 48em)and (prefers-color-scheme: dark){.tna-template--system-theme .tna-hero{--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}}@media(max-width: 48em)and (prefers-contrast: more){.tna-template--system-theme .tna-hero{--page-background: #191919;--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}}@media(max-width: 48em)and (prefers-contrast: more)and (prefers-color-scheme: dark){.tna-template--system-theme .tna-hero{--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}}@media(max-width: 48em){.tna-template--light-theme .tna-hero{--page-background: #222;--font-base: rgba(255, 255, 255, 0.95);--font-dark: #fff;--font-light: rgba(255, 255, 255, 0.8);--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}.tna-template--dark-theme .tna-hero{--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}.tna-template--high-contrast-theme .tna-hero{--page-background: #191919;--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}.tna-template--dark-theme.tna-template--high-contrast-theme .tna-hero{--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}.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}@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}}@media(prefers-contrast: more)and (max-width: 48em){.tna-template--system-theme .tna-hero__content-inner{border:none}}.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;color:#343338;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{padding:1rem 1.5rem .5rem}.tna-template--clicked .tna-picture__transcript:focus{outline:none}.tna-picture__transcript .tna-tabs__list-item-link{color:#fff}.tna-picture__transcript .tna-tabs__list-item-link::after{background-color:#fff}.tna-template--js-enabled .tna-picture__transcript .tna-tabs__list-item-link{color:rgba(255,255,255,.8)}.tna-template--js-enabled .tna-picture__transcript .tna-tabs__list-item-link--selected{color:#fff}.tna-picture__caption{padding:1rem 0;text-align:center;border-bottom:1px solid;border-color:#ccc}.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;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;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)}.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}.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}@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}}.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/tools/_colour.scss","../../src/nationalarchives/utilities/_global.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/components/filters/_index.scss","../../src/nationalarchives/components/footer/_index.scss","../../src/nationalarchives/variables/_colour.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/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":"CAKQ,sHACA,6CCwHR,qCAhGI,4BAWA,sBAiDF,6FA9EE,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/nationalarchives/utilities/_typography.scss","../../src/nationalarchives/tools/_colour.scss","../../src/nationalarchives/utilities/_global.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/components/filters/_index.scss","../../src/nationalarchives/components/footer/_index.scss","../../src/nationalarchives/variables/_colour.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/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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A,mCACE,mBAGF,iCACE,gBAIJ,0BACE,cAGF,mBACE,gBAEA,kBAGF,wBACE,qBAEA,wDAEE,cACA,UAGF,8BAGE,MChHM,QDiHN,KCjHM,QDqHV,kCACE,cACA,cAEA,aL1EF,wBKtDF,YAoII,iBAEA,oBACE,wBEvIN,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,ETvCf,kDSdE,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,GTHf,wBORA,eACE,uBACA,sBAGF,YACE,sBACA,sBP7BF,kDSpBE,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,2BACE,MAFS,GT3Bf,wBS1BE,uBACE,WACA,UAUI,4BACE,UACA,UAgCN,yBACE,WAEA,SAHF,yBACE,WAEA,SAHF,yBACE,WAEA,SAKF,0BACE,MAFS,EACX,0BACE,MAFS,EACX,0BACE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","file":"all.css"}
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
{
|
|
5
5
|
"name": "minimal",
|
|
6
6
|
"options": {},
|
|
7
|
-
"html": "<footer class=\"tna-footer \"><div class=\"tna-container tna-footer__licence\"><div class=\"tna-column tna-column--full-tiny\"><svg
|
|
7
|
+
"html": "<footer class=\"tna-footer \"><div class=\"tna-container tna-footer__licence\"><div class=\"tna-column tna-column--full-tiny\"><svg class=\"tna-footer__licence-logo\" xmlns=\"http://www.w3.org/2000/svg\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 483.2 195.7\" width=\"60\" height=\"24\"><path fill=\"currentColor\" d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"></path></svg></div><div class=\"tna-column tna-column--flex-1\"><p>All content is available under the <a href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\" class=\"tna-footer__link\">Open Government Licence v3.0</a>, except where otherwise stated</p></div><div class=\"tna-column tna-column--full-tiny tna-footer__govuk\"><a href=\"#\" class=\"tna-footer__govuk-link\"><svg class=\"tna-footer__govuk-logotype-crown\" xmlns=\"http://www.w3.org/2000/svg\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 132 97\" width=\"44\" height=\"32\"><path fill=\"currentColor\" d=\"M25 30.2c3.5 1.5 7.7-.2 9.1-3.7 1.5-3.6-.2-7.8-3.9-9.2-3.6-1.4-7.6.3-9.1 3.9-1.4 3.5.3 7.5 3.9 9zM9 39.5c3.6 1.5 7.8-.2 9.2-3.7 1.5-3.6-.2-7.8-3.9-9.1-3.6-1.5-7.6.2-9.1 3.8-1.4 3.5.3 7.5 3.8 9zM4.4 57.2c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.5-1.5-7.6.3-9.1 3.8-1.4 3.5.3 7.6 3.9 9.1zm38.3-21.4c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.6-1.5-7.6.3-9.1 3.8-1.3 3.6.4 7.7 3.9 9.1zm64.4-5.6c-3.6 1.5-7.8-.2-9.1-3.7-1.5-3.6.2-7.8 3.8-9.2 3.6-1.4 7.7.3 9.2 3.9 1.3 3.5-.4 7.5-3.9 9zm15.9 9.3c-3.6 1.5-7.7-.2-9.1-3.7-1.5-3.6.2-7.8 3.7-9.1 3.6-1.5 7.7.2 9.2 3.8 1.5 3.5-.3 7.5-3.8 9zm4.7 17.7c-3.6 1.5-7.8-.2-9.2-3.8-1.5-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.3 3.5-.4 7.6-3.9 9.1zM89.3 35.8c-3.6 1.5-7.8-.2-9.2-3.8-1.4-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.4 3.6-.3 7.7-3.9 9.1zM69.7 17.7l8.9 4.7V9.3l-8.9 2.8c-.2-.3-.5-.6-.9-.9L72.4 0H59.6l3.5 11.2c-.3.3-.6.5-.9.9l-8.8-2.8v13.1l8.8-4.7c.3.3.6.7.9.9l-5 15.4v.1c-.2.8-.4 1.6-.4 2.4 0 4.1 3.1 7.5 7 8.1h.2c.3 0 .7.1 1 .1.4 0 .7 0 1-.1h.2c4-.6 7.1-4.1 7.1-8.1 0-.8-.1-1.7-.4-2.4V34l-5.1-15.4c.4-.2.7-.6 1-.9zM66 92.8c16.9 0 32.8 1.1 47.1 3.2 4-16.9 8.9-26.7 14-33.5l-9.6-3.4c1 4.9 1.1 7.2 0 10.2-1.5-1.4-3-4.3-4.2-8.7L108.6 76c2.8-2 5-3.2 7.5-3.3-4.4 9.4-10 11.9-13.6 11.2-4.3-.8-6.3-4.6-5.6-7.9 1-4.7 5.7-5.9 8-.5 4.3-8.7-3-11.4-7.6-8.8 7.1-7.2 7.9-13.5 2.1-21.1-8 6.1-8.1 12.3-4.5 20.8-4.7-5.4-12.1-2.5-9.5 6.2 3.4-5.2 7.9-2 7.2 3.1-.6 4.3-6.4 7.8-13.5 7.2-10.3-.9-10.9-8-11.2-13.8 2.5-.5 7.1 1.8 11 7.3L80.2 60c-4.1 4.4-8 5.3-12.3 5.4 1.4-4.4 8-11.6 8-11.6H55.5s6.4 7.2 7.9 11.6c-4.2-.1-8-1-12.3-5.4l1.4 16.4c3.9-5.5 8.5-7.7 10.9-7.3-.3 5.8-.9 12.8-11.1 13.8-7.2.6-12.9-2.9-13.5-7.2-.7-5 3.8-8.3 7.1-3.1 2.7-8.7-4.6-11.6-9.4-6.2 3.7-8.5 3.6-14.7-4.6-20.8-5.8 7.6-5 13.9 2.2 21.1-4.7-2.6-11.9.1-7.7 8.8 2.3-5.5 7.1-4.2 8.1.5.7 3.3-1.3 7.1-5.7 7.9-3.5.7-9-1.8-13.5-11.2 2.5.1 4.7 1.3 7.5 3.3l-4.7-15.4c-1.2 4.4-2.7 7.2-4.3 8.7-1.1-3-.9-5.3 0-10.2l-9.5 3.4c5 6.9 9.9 16.7 14 33.5 14.8-2.1 30.8-3.2 47.7-3.2z\"></path></svg>GOV.UK</a></div></div></footer>",
|
|
8
8
|
"hidden": false
|
|
9
9
|
}
|
|
10
10
|
]
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{%- set containerClasses = [params.classes] if params.classes else [] -%}
|
|
2
2
|
<div class="tna-profile tna-container {{ containerClasses | join(' ') }}" {%- for attribute, value in params.attributes %} {{ attribute }}="{{ value }}"{% endfor %}>
|
|
3
3
|
<div class="tna-column tna-column--order-2">
|
|
4
|
-
<img src="https://avatar.iran.liara.run/public" width="200" height="200" />
|
|
4
|
+
<img src="https://avatar.iran.liara.run/public/68" width="200" height="200" />
|
|
5
5
|
</div>
|
|
6
6
|
<div class="tna-column tna-column--flex-1 tna-column--full-small tna-column--full-tiny tna-column--order-1 tna-column--order-3-small tna-column--order-3-tiny">
|
|
7
7
|
<hgroup class="tna-hgroup tna-hgroup--xl">
|
|
@@ -39,13 +39,15 @@ $-accent-colour-dark: $-accent-colour;
|
|
|
39
39
|
// }
|
|
40
40
|
// @debug $-accent-colour;
|
|
41
41
|
|
|
42
|
-
|
|
43
|
-
//
|
|
44
|
-
|
|
42
|
+
@function accent-colour() {
|
|
43
|
+
// @return $-accent-colour or $-tna-yellow;
|
|
44
|
+
@return $-accent-colour;
|
|
45
|
+
}
|
|
45
46
|
|
|
46
|
-
|
|
47
|
-
//
|
|
48
|
-
|
|
47
|
+
@function accent-colour-dark() {
|
|
48
|
+
// @return $-accent-colour-dark or -accent-colour();
|
|
49
|
+
@return $-accent-colour-dark or accent-colour();
|
|
50
|
+
}
|
|
49
51
|
|
|
50
52
|
// TODO: Scoped variables should not be used directly outside of this file
|
|
51
53
|
$tna-black: $-tna-black;
|
|
@@ -68,7 +70,7 @@ $colour-palette-default: (
|
|
|
68
70
|
"focus-outline": $-tna-blue,
|
|
69
71
|
"keyline": #ccc,
|
|
70
72
|
"keyline-dark": $-dark-grey,
|
|
71
|
-
"accent":
|
|
73
|
+
"accent": accent-colour(),
|
|
72
74
|
"button-primary-text": $-tna-white,
|
|
73
75
|
"button-primary-background": $-tna-black,
|
|
74
76
|
"button-primary-hover-text": $-tna-black,
|
|
@@ -90,7 +92,7 @@ $colour-palette-dark: map.merge(
|
|
|
90
92
|
"link-visited": #b9f,
|
|
91
93
|
"keyline": rgba($-tna-white, 0.5),
|
|
92
94
|
"keyline-dark": $-tna-white,
|
|
93
|
-
"accent":
|
|
95
|
+
"accent": accent-colour-dark(),
|
|
94
96
|
)
|
|
95
97
|
);
|
|
96
98
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nationalarchives/frontend",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.12-prerelease",
|
|
4
4
|
"description": "The National Archives frontend styles",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"start": "storybook dev -p 6006",
|
|
@@ -40,42 +40,42 @@
|
|
|
40
40
|
},
|
|
41
41
|
"homepage": "https://github.com/nationalarchives/tna-frontend#readme",
|
|
42
42
|
"devDependencies": {
|
|
43
|
-
"@babel/core": "^7.
|
|
44
|
-
"@babel/preset-env": "^7.22.
|
|
43
|
+
"@babel/core": "^7.22.10",
|
|
44
|
+
"@babel/preset-env": "^7.22.10",
|
|
45
45
|
"@mdx-js/react": "^2.1.3",
|
|
46
|
-
"@storybook/addon-a11y": "^7.2.
|
|
47
|
-
"@storybook/addon-docs": "^7.2.
|
|
48
|
-
"@storybook/addon-essentials": "^7.2.
|
|
49
|
-
"@storybook/addon-interactions": "^7.2.
|
|
50
|
-
"@storybook/addon-links": "^7.2.
|
|
51
|
-
"@storybook/addon-mdx-gfm": "^7.2.
|
|
52
|
-
"@storybook/html": "^7.2.
|
|
53
|
-
"@storybook/html-webpack5": "^7.2.
|
|
46
|
+
"@storybook/addon-a11y": "^7.2.1",
|
|
47
|
+
"@storybook/addon-docs": "^7.2.1",
|
|
48
|
+
"@storybook/addon-essentials": "^7.2.1",
|
|
49
|
+
"@storybook/addon-interactions": "^7.2.1",
|
|
50
|
+
"@storybook/addon-links": "^7.2.1",
|
|
51
|
+
"@storybook/addon-mdx-gfm": "^7.2.1",
|
|
52
|
+
"@storybook/html": "^7.2.1",
|
|
53
|
+
"@storybook/html-webpack5": "^7.2.1",
|
|
54
54
|
"@storybook/jest": "^0.1.0",
|
|
55
|
-
"@storybook/test-runner": "^0.
|
|
55
|
+
"@storybook/test-runner": "^0.13.0",
|
|
56
56
|
"@storybook/testing-library": "^0.2.0",
|
|
57
57
|
"babel-loader": "^9.0.1",
|
|
58
|
-
"chromatic": "^6.
|
|
58
|
+
"chromatic": "^6.21.0",
|
|
59
59
|
"copy-webpack-plugin": "^11.0.0",
|
|
60
60
|
"css-loader": "^6.7.1",
|
|
61
61
|
"diff": "^5.1.0",
|
|
62
|
-
"eslint": "^8.
|
|
62
|
+
"eslint": "^8.46.0",
|
|
63
63
|
"eslint-plugin-storybook": "^0.6.13",
|
|
64
64
|
"glob": "^10.2.7",
|
|
65
|
-
"jest-image-snapshot": "^6.
|
|
65
|
+
"jest-image-snapshot": "^6.2.0",
|
|
66
66
|
"nunjucks": "^3.2.3",
|
|
67
|
-
"prettier": "^3.0.
|
|
67
|
+
"prettier": "^3.0.1",
|
|
68
68
|
"react": "^18.2.0",
|
|
69
69
|
"react-dom": "^18.2.0",
|
|
70
|
-
"sass": "^1.
|
|
70
|
+
"sass": "^1.64.2",
|
|
71
71
|
"sass-loader": "^13.0.2",
|
|
72
72
|
"simple-nunjucks-loader": "^3.2.0",
|
|
73
|
-
"storybook": "^7.2.
|
|
73
|
+
"storybook": "^7.2.1",
|
|
74
74
|
"style-loader": "^3.3.1",
|
|
75
|
-
"stylelint": "^15.
|
|
75
|
+
"stylelint": "^15.10.2",
|
|
76
76
|
"stylelint-config-standard-scss": "^10.0.0",
|
|
77
77
|
"stylelint-selector-bem-pattern": "^3.0.0",
|
|
78
|
-
"webpack": "^5.
|
|
78
|
+
"webpack": "^5.88.2",
|
|
79
79
|
"webpack-cli": "^5.1.4"
|
|
80
80
|
}
|
|
81
81
|
}
|