:root{--base-value: 16px;--spacer: var(--base-value);--spacer-wide: calc(var(--base-value) + (.5 * var(--base-value)));--grid-gap: calc(.5 * var(--base-value));--grid-gap-wide: var(--base-value);--gutter-mobile: var(--base-value);--gutter-tablet: calc(var(--base-value) * 2);--gutter-laptop: calc(var(--base-value) * 4);--page-gutter: 20px;--page-content-max-width: 1300px;--page-column-max-width: calc( var(--page-content-max-width) + (2 * var(--page-gutter)) );--readability-max-width: 867px;--section-spacing: 40px;--animation-easing: ease-out;--animation-duration: .25s;--breakpoint-mobile: 320px;--breakpoint-small-device: 480px;--breakpoint-card-width-2col: 560px;--breakpoint-tablet: 768px;--breakpoint-card-width-3col: 860px;--breakpoint-laptop-small: 1040px;--breakpoint-card-width-4col: 1216px;--breakpoint-laptop-large: 1440px;--card-grid-gap: 15px;--card-stack-gap: 40px;--corner-primary: 4px;--corner-secondary: 2px;--shadow-strong-primary: 0 0 20px rgba(0, 0, 0, .8);--shadow-weak-primary: 0 0 20px rgba(0, 0, 0, .2);--shadow-dropdown: 0 0 10px rgba(0, 0, 0, .8)}@media (min-width: 1040px){:root{--page-content-max-width: 1000px}}@media (min-width: 1440px){:root{--page-content-max-width: 1300px}}:root{--colour-tonal-dark-110: #202024;--colour-tonal-dark-100: #2a2a2f;--colour-tonal-dark-90: #2b2b31;--colour-black-150: #000000;--colour-black-110: #141414;--colour-black-100: #1e1e1e;--colour-black-80: #333333;--colour-black-60: #494949;--colour-black-40: #606060;--colour-black-20: #767676;--colour-grey-100: #929292;--colour-grey-80: #a9a9a9;--colour-grey-60: #c1c1c1;--colour-grey-40: #d5d5d5;--colour-grey-30: #dddddd;--colour-grey-20: #e8e8e8;--colour-grey-10: #efefef;--colour-grey-5: #f9f9f9;--colour-white-100: #fefefe;--colour-purple-dark-200: #10022f;--colour-purple-dark-180: #1e0d43;--colour-purple-dark-150: #2d1465;--colour-purple-dark-120: #4c25a1;--colour-purple-dark-100: #783df6;--colour-purple-dark-80: #8755f0;--colour-purple-light-50: #9c6cff;--colour-purple-light-40: #b592ff;--colour-purple-light-30: #d2befc;--colour-purple-light-20: #e3d6ff;--colour-purple-light-15: #e8ddff;--colour-purple-light-10: #f0e9ff;--colour-purple-light-5: #f4f0ff;--colour-hot-pink-50: #ff22c9;--colour-pink-dark-180: #2e0018;--colour-pink-dark-150: #8a0047;--colour-pink-dark-100: #e60077;--colour-pink-light-20: #facce4;--colour-pink-light-15: #ffe4ef;--colour-blue-dark-180: #00232e;--colour-blue-dark-150: #006786;--colour-blue-dark-100: #0078c2;--colour-blue-light-30: #83dff6;--colour-blue-light-15: #dff7ff;--colour-red-dark-200: #1d0606;--colour-red-dark-100: #dd1b1d;--colour-red-light-50: #ff6162;--colour-red-light-10: #fff3f3;--colour-green-dark-200: #0c1f1b;--colour-green-dark-100: #008464;--colour-green-light-50: #2ac8a3;--colour-green-light-10: #eafffa}:root{--colour-dark-focus: var(--colour-hot-pink-50, #ff22c9);--colour-light-focus: var(--colour-hot-pink-50, #ff22c9);--colour-dark-info-stroke: var(--colour-blue-dark-100, #0078c2);--colour-light-info-stroke: var(--colour-blue-dark-100, #0078c2);--colour-dark-info-foreground: var(--colour-blue-light-30, #83dff6);--colour-light-info-foreground: var(--colour-blue-dark-150, #006786);--colour-dark-info-background: var(--colour-blue-dark-180, #00232e);--colour-light-info-background: var(--colour-blue-light-15, #dff7ff);--colour-dark-error-foreground: var(--colour-red-light-50, #ff6162);--colour-light-error-foreground: var(--colour-red-dark-100, #dd1b1d);--colour-dark-error-background: var(--colour-red-dark-200, #1d0606);--colour-light-error-background: var(--colour-red-light-10, #fff3f3);--colour-dark-success-foreground: var(--colour-green-light-50, #2ac8a3);--colour-light-success-foreground: var(--colour-green-dark-100, #008464);--colour-dark-success-background: var(--colour-green-dark-200, #0c1f1b);--colour-light-success-background: var(--colour-green-light-10, #eafffa);--colour-dark-special-stroke: var(--colour-pink-dark-100, #e60077);--colour-light-special-stroke: var(--colour-pink-dark-100, #e60077);--colour-dark-special-foreground: var(--colour-pink-light-20, #facce4);--colour-light-special-foreground: var(--colour-pink-dark-150, #8a0047);--colour-dark-special-background: var(--colour-pink-dark-180, #2e0018);--colour-light-special-background: var(--colour-pink-light-15, #ffe4ef);--colour-dark-accessibility-foreground: var(--colour-white-100, #fefefe);--colour-light-accessibility-foreground: var(--colour-black-100, #1e1e1e);--colour-dark-content-primary: var(--colour-white-100, #fefefe);--colour-dark-content-secondary: var(--colour-grey-60, #c1c1c1);--colour-dark-content-primary-disabled: var(--colour-black-20, #767676);--colour-dark-content-primary-inverted: var( --colour-tonal-dark-110, #202024 );--colour-dark-background-layer-1: var(--colour-black-150, #000000);--colour-dark-background-layer-2: var(--colour-black-110, #141414);--colour-dark-background-layer-2-hover: var( --colour-tonal-dark-110, #202024 );--colour-dark-background-layer-3: var(--colour-tonal-dark-110, #202024);--colour-dark-background-layer-3-hover: var( --colour-tonal-dark-90, #2b2b31 );--colour-dark-background-accent-layer-1: var( --colour-purple-dark-200, #0d061c );--colour-dark-background-accent-layer-2: var( --colour-purple-dark-180, #1e0d43 );--colour-dark-background-accent-layer-2-hover: var( --colour-purple-dark-150, #2d1465 );--colour-dark-link-primary: var(--colour-purple-light-40, #b592ff);--colour-dark-link-primary-hover: var(--colour-purple-light-20, #e3d6ff);--colour-dark-link-secondary: var(--colour-white-100, #fefefe);--colour-dark-link-secondary-hover: var(--colour-purple-light-40, #b592ff);--colour-dark-stroke-primary: var(--colour-white-100, #fefefe);--colour-dark-stroke-secondary: var(--colour-black-80, #333333);--colour-dark-background-tag-primary: var( --colour-purple-dark-150, #2d1465 );--colour-dark-background-tag-hover-layer-1: var( --colour-purple-dark-180, #1e0d43 );--colour-dark-button-background-primary: var( --colour-purple-dark-100, #783df6 );--colour-dark-button-background-primary-hover: var( --colour-purple-dark-150, #2d1465 );--colour-dark-button-stroke-primary-hover: var(--colour-white-100, #fefefe);--colour-dark-button-background-primary-disabled: var( --colour-purple-dark-150, #2d1465 );--colour-dark-button-background-secondary: var(--colour-black-110, #141414);--colour-dark-button-background-secondary-hover: var( --colour-purple-dark-150, #2d1465 );--colour-dark-button-background-secondary-disabled: var( --colour-black-100, #1e1e1e );--colour-dark-button-background-secondary-active: var( --colour-purple-light-20, #e3d6ff );--colour-dark-button-stroke-secondary: var(--colour-white-100, #fefefe);--colour-dark-button-stroke-secondary-hover: var( --colour-purple-light-40, #b592ff );--colour-dark-button-stroke-secondary-disabled: var( --colour-black-80, #333333 );--colour-dark-background-breadcrumb: #1e1e1e9c;--colour-dark-dropdown-background-default: var(--colour-black-110, #141414);--colour-dark-dropdown-background-active: var( --colour-purple-light-20, #e3d6ff );--colour-dark-dropdown-stroke-default: var(--colour-black-80, #333333);--colour-dark-scroller-thumb: #fefefe80;--colour-dark-scroller-background: #00000080}:root{--colour-content-primary: var(--colour-dark-content-primary);--colour-content-secondary: var(--colour-dark-content-secondary);--colour-content-primary-disabled: var( --colour-dark-content-primary-disabled );--colour-content-primary-inverted: var( --colour-dark-content-primary-inverted );--colour-background-layer-1: var(--colour-dark-background-layer-1);--colour-background-layer-2: var(--colour-dark-background-layer-2);--colour-background-layer-2-hover: var( --colour-dark-background-layer-2-hover );--colour-background-layer-3: var(--colour-dark-background-layer-3);--colour-background-layer-3-hover: var( --colour-dark-background-layer-3-hover );--colour-background-accent-layer-1: var( --colour-dark-background-accent-layer-1 );--colour-background-accent-layer-2: var( --colour-dark-background-accent-layer-2 );--colour-background-accent-layer-2-hover: var( --colour-dark-background-accent-layer-2-hover );--colour-link-primary: var(--colour-dark-link-primary);--colour-link-primary-hover: var(--colour-dark-link-primary-hover);--colour-link-secondary: var(--colour-dark-link-secondary);--colour-link-secondary-hover: var(--colour-dark-link-secondary-hover);--colour-stroke-primary: var(--colour-dark-stroke-primary);--colour-stroke-secondary: var(--colour-dark-stroke-secondary);--colour-background-tag-primary: var(--colour-dark-background-tag-primary);--colour-background-tag-hover-layer-1: var( --colour-dark-background-tag-hover-layer-1 );--colour-button-background-primary: var( --colour-dark-button-background-primary );--colour-button-background-primary-hover: var( --colour-dark-button-background-primary-hover );--colour-button-stroke-primary-hover: var( --colour-dark-button-stroke-primary-hover );--colour-button-background-primary-disabled: var( --colour-dark-button-background-primary-disabled );--colour-button-background-secondary: var( --colour-dark-button-background-secondary );--colour-button-background-secondary-hover: var( --colour-dark-button-background-secondary-hover );--colour-button-background-secondary-disabled: var( --colour-dark-button-background-secondary-disabled );--colour-button-background-secondary-active: var( --colour-dark-button-background-secondary-active );--colour-button-stroke-secondary: var( --colour-dark-button-stroke-secondary );--colour-button-stroke-secondary-hover: var( --colour-dark-button-stroke-secondary-hover );--colour-button-stroke-secondary-disabled: var( --colour-dark-button-stroke-secondary-disabled );--colour-background-breadcrumb: var(--colour-dark-background-breadcrumb);--colour-dropdown-background-default: var( --colour-dark-dropdown-background-default );--colour-dropdown-background-active: var( --colour-dark-dropdown-background-active );--colour-dropdown-stroke-default: var( --colour-dark-dropdown-stroke-default );--colour-scroller-thumb: var(--colour-dark-scroller-thumb);--colour-scroller-background: var(--colour-dark-scroller-background);--colour-focus: var(--colour-dark-focus);--colour-info-background: var(--colour-dark-info-background);--colour-info-foreground: var(--colour-dark-info-foreground);--colour-info-stroke: var(--colour-dark-info-stroke);--colour-background-CTA-layer: var(--colour-purple-dark-120);--colour-content-tertiary: var(--colour-grey-30)}
