:root { --colour-primary: hsl(0, 54%, 48%); --colour-primary-t-1: hsla(0, 54%, 48%, 0.1); --colour-primary-t-2: hsla(0, 54%, 48%, 0.2); --colour-primary-t-3: hsla(0, 54%, 48%, 0.3); --colour-primary-t-4: hsla(0, 54%, 48%, 0.4); --colour-primary-t-5: hsla(0, 54%, 48%, 0.5); --colour-primary-t-6: hsla(0, 54%, 48%, 0.6); --colour-primary-t-7: hsla(0, 54%, 48%, 0.7); --colour-primary-t-8: hsla(0, 54%, 48%, 0.8); --colour-primary-t-9: hsla(0, 54%, 48%, 0.9); --colour-secondary: hsl(0, 0%, 6%); --colour-tertiary: hsl(0, 0%, 100%); --colour-light: hsl(0, 11%, 96%); --colour-dark: hsl(0, 0%, 10%); --colour-accent: var(--colour-primary); --colour-shadow: hsla(0, 0%, 11%, 0.2); --colour-primary-l-1: hsl(0, 50%, 57%); --colour-primary-l-2: hsl(0, 50%, 65%); --colour-primary-l-3: hsl(0, 50%, 74%); --colour-primary-l-4: hsl(0, 50%, 83%); --colour-primary-l-5: hsl(0, 50%, 91%); --colour-primary-d-1: hsl(0, 54%, 40%); --colour-primary-d-2: hsl(0, 54%, 32%); --colour-primary-d-3: hsl(0, 54%, 24%); --colour-primary-d-4: hsl(0, 54%, 16%); --colour-primary-d-5: hsl(0, 54%, 8%); --colour-shadow-t-1: hsla(0, 0%, 11%, 0.1); --colour-shadow-t-2: hsla(0, 0%, 11%, 0.2); --colour-shadow-t-3: hsla(0, 0%, 11%, 0.3); --colour-shadow-t-4: hsla(0, 0%, 11%, 0.4); --colour-shadow-t-5: hsla(0, 0%, 11%, 0.5); --colour-shadow-t-6: hsla(0, 0%, 11%, 0.6); --colour-shadow-t-7: hsla(0, 0%, 11%, 0.7); --colour-shadow-t-8: hsla(0, 0%, 11%, 0.8); --colour-shadow-t-9: hsla(0, 0%, 11%, 0.9); --colour-overlay: hsla(0, 0%, 10.98%, 0.5); --colour-tertiary-trans-10: var(--colour-tertiary-t-1); --colour-primary-trans-10: var(--colour-primary-t-1); --colour-secondary-trans-10: var(--colour-secondary-t-1); --colour-secondary-trans-90: var(--colour-secondary-t-9); --colour-shadow-muted: var(--colour-dark-t-1); --colour-background: var(--colour-light); --colour-background-glass: var(--colour-light-t-8); --colour-background-inverse: var(--colour-dark); --colour-background-panel: var(--colour-light); --colour-background-soft: color-mix(in srgb, var(--colour-secondary) 4%, var(--colour-light)); --colour-border: var(--colour-secondary-t-2); --colour-border-glass: var(--colour-light-t-5); --colour-border-glass-strong: var(--colour-light-t-7); --colour-border-on-dark: var(--colour-light-t-3); --colour-border-subtle: var(--colour-secondary-t-1); --colour-danger: var(--colour-primary-d-1); --colour-focus: var(--colour-primary); --colour-info: var(--colour-secondary); --colour-muted: var(--colour-secondary-t-5); --colour-overlay-soft: var(--colour-dark-t-1); --colour-overlay-medium: var(--colour-dark-t-5); --colour-overlay-bottom: var(--colour-dark-t-7); --colour-overlay-strong: var(--colour-dark-t-8); --colour-success: var(--colour-primary); --colour-text: var(--colour-secondary); --colour-text-inverse: var(--colour-tertiary); --colour-text-inverse-muted: var(--colour-tertiary-t-8); --colour-text-muted: var(--colour-secondary-l-2); --colour-warning: var(--colour-accent); --colour-action-primary: var(--colour-primary); --colour-action-primary-text: var(--colour-light); --colour-action-secondary: var(--colour-secondary); --colour-action-secondary-text: var(--colour-light); --colour-text-strong: var(--colour-secondary-d-1); --colour-surface: var(--colour-tertiary); --colour-surface-muted: var(--colour-background-soft); --colour-surface-raised: var(--colour-tertiary); --colour-surface-card: var(--colour-tertiary); --colour-surface-card-hover: color-mix(in srgb, var(--colour-primary) 4%, var(--colour-tertiary)); --colour-surface-inverse: var(--colour-secondary); --colour-surface-inverse-soft: var(--colour-secondary-l-1); --colour-surface-inverse-deep: var(--colour-secondary-d-3); --colour-surface-brand: var(--colour-primary); --colour-tertiary-t-1: hsla(0, 0%, 100%, 0.1); --colour-tertiary-t-2: hsla(0, 0%, 100%, 0.2); --colour-tertiary-t-3: hsla(0, 0%, 100%, 0.3); --colour-tertiary-t-4: hsla(0, 0%, 100%, 0.4); --colour-tertiary-t-5: hsla(0, 0%, 100%, 0.5); --colour-tertiary-t-6: hsla(0, 0%, 100%, 0.6); --colour-tertiary-t-7: hsla(0, 0%, 100%, 0.7); --colour-tertiary-t-8: hsla(0, 0%, 100%, 0.8); --colour-tertiary-t-9: hsla(0, 0%, 100%, 0.9); --colour-tertiary-d-1: hsl(0, 0%, 83%); --colour-tertiary-d-2: hsl(0, 0%, 67%); --colour-tertiary-d-3: hsl(0, 0%, 50%); --colour-tertiary-d-4: hsl(0, 0%, 33%); --colour-tertiary-d-5: hsl(0, 0%, 17%); --colour-tertiary-l-1: hsl(0, 0%, 100%); --colour-tertiary-l-2: hsl(0, 0%, 100%); --colour-tertiary-l-3: hsl(0, 0%, 100%); --colour-tertiary-l-4: hsl(0, 0%, 100%); --colour-tertiary-l-5: hsl(0, 0%, 100%); --colour-light-l-1: hsl(0, 10%, 97%); --colour-light-l-2: hsl(0, 10%, 97%); --colour-light-l-3: hsl(0, 10%, 98%); --colour-light-l-4: hsl(0, 10%, 99%); --colour-light-l-5: hsl(0, 10%, 99%); --colour-light-d-1: hsl(0, 2%, 80%); --colour-light-d-2: hsl(0, 1%, 64%); --colour-light-d-3: hsl(0, 0%, 48%); --colour-light-d-4: hsl(0, 0%, 32%); --colour-light-d-5: hsl(0, 0%, 16%); --colour-light-t-1: hsla(0, 11%, 96%, 0.1); --colour-light-t-2: hsla(0, 11%, 96%, 0.2); --colour-light-t-3: hsla(0, 11%, 96%, 0.3); --colour-light-t-4: hsla(0, 11%, 96%, 0.4); --colour-light-t-5: hsla(0, 11%, 96%, 0.5); --colour-light-t-6: hsla(0, 11%, 96%, 0.6); --colour-light-t-7: hsla(0, 11%, 96%, 0.7); --colour-light-t-8: hsla(0, 11%, 96%, 0.8); --colour-light-t-9: hsla(0, 11%, 96%, 0.9); --colour-secondary-l-1: hsl(0, 0%, 22%); --colour-secondary-l-2: hsl(0, 0%, 37%); --colour-secondary-l-3: hsl(0, 0%, 53%); --colour-secondary-l-4: hsl(0, 0%, 69%); --colour-secondary-l-5: hsl(0, 0%, 84%); --colour-secondary-d-1: hsl(0, 0%, 5%); --colour-secondary-d-2: hsl(0, 0%, 4%); --colour-secondary-d-3: hsl(0, 0%, 3%); --colour-secondary-d-4: hsl(0, 0%, 2%); --colour-secondary-d-5: hsl(0, 0%, 1%); --colour-secondary-t-1: hsla(0, 0%, 6%, 0.1); --colour-secondary-t-2: hsla(0, 0%, 6%, 0.2); --colour-secondary-t-3: hsla(0, 0%, 6%, 0.3); --colour-secondary-t-4: hsla(0, 0%, 6%, 0.4); --colour-secondary-t-5: hsla(0, 0%, 6%, 0.5); --colour-secondary-t-6: hsla(0, 0%, 6%, 0.6); --colour-secondary-t-7: hsla(0, 0%, 6%, 0.7); --colour-secondary-t-8: hsla(0, 0%, 6%, 0.8); --colour-secondary-t-9: hsla(0, 0%, 6%, 0.9); --colour-dark-l-1: hsl(0, 0%, 25%); --colour-dark-l-2: hsl(0, 0%, 40%); --colour-dark-l-3: hsl(0, 0%, 55%); --colour-dark-l-4: hsl(0, 0%, 70%); --colour-dark-l-5: hsl(0, 0%, 85%); --colour-dark-d-1: hsl(0, 0%, 8%); --colour-dark-d-2: hsl(0, 0%, 7%); --colour-dark-d-3: hsl(0, 0%, 5%); --colour-dark-d-4: hsl(0, 0%, 3%); --colour-dark-d-5: hsl(0, 0%, 2%); --colour-dark-t-1: hsla(0, 0%, 10%, 0.1); --colour-dark-t-2: hsla(0, 0%, 10%, 0.2); --colour-dark-t-3: hsla(0, 0%, 10%, 0.3); --colour-dark-t-4: hsla(0, 0%, 10%, 0.4); --colour-dark-t-5: hsla(0, 0%, 10%, 0.5); --colour-dark-t-6: hsla(0, 0%, 10%, 0.6); --colour-dark-t-7: hsla(0, 0%, 10%, 0.7); --colour-dark-t-8: hsla(0, 0%, 10%, 0.8); --colour-dark-t-9: hsla(0, 0%, 10%, 0.9); --space-2xs: clamp(0.51rem, calc(0.00029629629629629656 * (100vw - 22.5rem) + 0.51rem), 0.53rem); --space-xs: clamp(0.64rem, calc(0.0008888888888888881 * (100vw - 22.5rem) + 0.64rem), 0.7rem); --space-s: clamp(0.8rem, calc(0.002074074074074073 * (100vw - 22.5rem) + 0.8rem), 0.94rem); --space-m: clamp(1rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 1rem), 1.25rem); --space-l: clamp(1.25rem, calc(0.006222222222222221 * (100vw - 22.5rem) + 1.25rem), 1.67rem); --space-xl: clamp(1.56rem, calc(0.00977777777777778 * (100vw - 22.5rem) + 1.56rem), 2.22rem); --space-2xl: clamp(1.95rem, calc(0.014962962962962963 * (100vw - 22.5rem) + 1.95rem), 2.96rem); --space-3xl: clamp(2.44rem, calc(0.022370370370370374 * (100vw - 22.5rem) + 2.44rem), 3.95rem); --text-xs: clamp(0.74rem, calc(0.00034782608695652203 * (100vw - 22.5rem) + 0.74rem), 0.76rem); --text-s: clamp(0.89rem, calc(0.0010434782608695643 * (100vw - 22.5rem) + 0.89rem), 0.95rem); --text-m: clamp(1.06rem, calc(0.0022608695652173894 * (100vw - 22.5rem) + 1.06rem), 1.19rem); --text-l: clamp(1.27rem, calc(0.0036521739130434775 * (100vw - 22.5rem) + 1.27rem), 1.48rem); --text-xl: clamp(1.53rem, calc(0.00573913043478261 * (100vw - 22.5rem) + 1.53rem), 1.86rem); --text-2xl: clamp(1.84rem, calc(0.008347826086956518 * (100vw - 22.5rem) + 1.84rem), 2.32rem); --text-3xl: clamp(2.2rem, calc(0.012173913043478255 * (100vw - 22.5rem) + 2.2rem), 2.9rem); --text-4xl: clamp(2.64rem, calc(0.017043478260869566 * (100vw - 22.5rem) + 2.64rem), 3.62rem);}.bg-colour-primary { background-color: var(--colour-primary); }.bg-colour-primary-t-1 { background-color: var(--colour-primary-t-1); }.bg-colour-primary-t-2 { background-color: var(--colour-primary-t-2); }.bg-colour-primary-t-3 { background-color: var(--colour-primary-t-3); }.bg-colour-primary-t-4 { background-color: var(--colour-primary-t-4); }.bg-colour-primary-t-5 { background-color: var(--colour-primary-t-5); }.bg-colour-primary-t-6 { background-color: var(--colour-primary-t-6); }.bg-colour-primary-t-7 { background-color: var(--colour-primary-t-7); }.bg-colour-primary-t-8 { background-color: var(--colour-primary-t-8); }.bg-colour-primary-t-9 { background-color: var(--colour-primary-t-9); }.bg-colour-primary-l-1 { background-color: var(--colour-primary-l-1); }.bg-colour-primary-l-2 { background-color: var(--colour-primary-l-2); }.bg-colour-primary-l-3 { background-color: var(--colour-primary-l-3); }.bg-colour-primary-l-4 { background-color: var(--colour-primary-l-4); }.bg-colour-primary-l-5 { background-color: var(--colour-primary-l-5); }.bg-colour-primary-d-1 { background-color: var(--colour-primary-d-1); }.bg-colour-primary-d-2 { background-color: var(--colour-primary-d-2); }.bg-colour-primary-d-3 { background-color: var(--colour-primary-d-3); }.bg-colour-primary-d-4 { background-color: var(--colour-primary-d-4); }.bg-colour-primary-d-5 { background-color: var(--colour-primary-d-5); }.text-colour-primary { color: var(--colour-primary); }.text-colour-primary-t-1 { color: var(--colour-primary-t-1); }.text-colour-primary-t-2 { color: var(--colour-primary-t-2); }.text-colour-primary-t-3 { color: var(--colour-primary-t-3); }.text-colour-primary-t-4 { color: var(--colour-primary-t-4); }.text-colour-primary-t-5 { color: var(--colour-primary-t-5); }.text-colour-primary-t-6 { color: var(--colour-primary-t-6); }.text-colour-primary-t-7 { color: var(--colour-primary-t-7); }.text-colour-primary-t-8 { color: var(--colour-primary-t-8); }.text-colour-primary-t-9 { color: var(--colour-primary-t-9); }.text-colour-primary-l-1 { color: var(--colour-primary-l-1); }.text-colour-primary-l-2 { color: var(--colour-primary-l-2); }.text-colour-primary-l-3 { color: var(--colour-primary-l-3); }.text-colour-primary-l-4 { color: var(--colour-primary-l-4); }.text-colour-primary-l-5 { color: var(--colour-primary-l-5); }.text-colour-primary-d-1 { color: var(--colour-primary-d-1); }.text-colour-primary-d-2 { color: var(--colour-primary-d-2); }.text-colour-primary-d-3 { color: var(--colour-primary-d-3); }.text-colour-primary-d-4 { color: var(--colour-primary-d-4); }.text-colour-primary-d-5 { color: var(--colour-primary-d-5); }.border-colour-primary { border-color: var(--colour-primary); }.border-colour-primary-t-1 { border-color: var(--colour-primary-t-1); }.border-colour-primary-t-2 { border-color: var(--colour-primary-t-2); }.border-colour-primary-t-3 { border-color: var(--colour-primary-t-3); }.border-colour-primary-t-4 { border-color: var(--colour-primary-t-4); }.border-colour-primary-t-5 { border-color: var(--colour-primary-t-5); }.border-colour-primary-t-6 { border-color: var(--colour-primary-t-6); }.border-colour-primary-t-7 { border-color: var(--colour-primary-t-7); }.border-colour-primary-t-8 { border-color: var(--colour-primary-t-8); }.border-colour-primary-t-9 { border-color: var(--colour-primary-t-9); }.border-colour-primary-l-1 { border-color: var(--colour-primary-l-1); }.border-colour-primary-l-2 { border-color: var(--colour-primary-l-2); }.border-colour-primary-l-3 { border-color: var(--colour-primary-l-3); }.border-colour-primary-l-4 { border-color: var(--colour-primary-l-4); }.border-colour-primary-l-5 { border-color: var(--colour-primary-l-5); }.border-colour-primary-d-1 { border-color: var(--colour-primary-d-1); }.border-colour-primary-d-2 { border-color: var(--colour-primary-d-2); }.border-colour-primary-d-3 { border-color: var(--colour-primary-d-3); }.border-colour-primary-d-4 { border-color: var(--colour-primary-d-4); }.border-colour-primary-d-5 { border-color: var(--colour-primary-d-5); }.bg-colour-secondary { background-color: var(--colour-secondary); }.bg-colour-secondary-l-1 { background-color: var(--colour-secondary-l-1); }.bg-colour-secondary-l-2 { background-color: var(--colour-secondary-l-2); }.bg-colour-secondary-l-3 { background-color: var(--colour-secondary-l-3); }.bg-colour-secondary-l-4 { background-color: var(--colour-secondary-l-4); }.bg-colour-secondary-l-5 { background-color: var(--colour-secondary-l-5); }.bg-colour-secondary-d-1 { background-color: var(--colour-secondary-d-1); }.bg-colour-secondary-d-2 { background-color: var(--colour-secondary-d-2); }.bg-colour-secondary-d-3 { background-color: var(--colour-secondary-d-3); }.bg-colour-secondary-d-4 { background-color: var(--colour-secondary-d-4); }.bg-colour-secondary-d-5 { background-color: var(--colour-secondary-d-5); }.bg-colour-secondary-t-1 { background-color: var(--colour-secondary-t-1); }.bg-colour-secondary-t-2 { background-color: var(--colour-secondary-t-2); }.bg-colour-secondary-t-3 { background-color: var(--colour-secondary-t-3); }.bg-colour-secondary-t-4 { background-color: var(--colour-secondary-t-4); }.bg-colour-secondary-t-5 { background-color: var(--colour-secondary-t-5); }.bg-colour-secondary-t-6 { background-color: var(--colour-secondary-t-6); }.bg-colour-secondary-t-7 { background-color: var(--colour-secondary-t-7); }.bg-colour-secondary-t-8 { background-color: var(--colour-secondary-t-8); }.bg-colour-secondary-t-9 { background-color: var(--colour-secondary-t-9); }.text-colour-secondary { color: var(--colour-secondary); }.text-colour-secondary-l-1 { color: var(--colour-secondary-l-1); }.text-colour-secondary-l-2 { color: var(--colour-secondary-l-2); }.text-colour-secondary-l-3 { color: var(--colour-secondary-l-3); }.text-colour-secondary-l-4 { color: var(--colour-secondary-l-4); }.text-colour-secondary-l-5 { color: var(--colour-secondary-l-5); }.text-colour-secondary-d-1 { color: var(--colour-secondary-d-1); }.text-colour-secondary-d-2 { color: var(--colour-secondary-d-2); }.text-colour-secondary-d-3 { color: var(--colour-secondary-d-3); }.text-colour-secondary-d-4 { color: var(--colour-secondary-d-4); }.text-colour-secondary-d-5 { color: var(--colour-secondary-d-5); }.text-colour-secondary-t-1 { color: var(--colour-secondary-t-1); }.text-colour-secondary-t-2 { color: var(--colour-secondary-t-2); }.text-colour-secondary-t-3 { color: var(--colour-secondary-t-3); }.text-colour-secondary-t-4 { color: var(--colour-secondary-t-4); }.text-colour-secondary-t-5 { color: var(--colour-secondary-t-5); }.text-colour-secondary-t-6 { color: var(--colour-secondary-t-6); }.text-colour-secondary-t-7 { color: var(--colour-secondary-t-7); }.text-colour-secondary-t-8 { color: var(--colour-secondary-t-8); }.text-colour-secondary-t-9 { color: var(--colour-secondary-t-9); }.border-colour-secondary { border-color: var(--colour-secondary); }.border-colour-secondary-l-1 { border-color: var(--colour-secondary-l-1); }.border-colour-secondary-l-2 { border-color: var(--colour-secondary-l-2); }.border-colour-secondary-l-3 { border-color: var(--colour-secondary-l-3); }.border-colour-secondary-l-4 { border-color: var(--colour-secondary-l-4); }.border-colour-secondary-l-5 { border-color: var(--colour-secondary-l-5); }.border-colour-secondary-d-1 { border-color: var(--colour-secondary-d-1); }.border-colour-secondary-d-2 { border-color: var(--colour-secondary-d-2); }.border-colour-secondary-d-3 { border-color: var(--colour-secondary-d-3); }.border-colour-secondary-d-4 { border-color: var(--colour-secondary-d-4); }.border-colour-secondary-d-5 { border-color: var(--colour-secondary-d-5); }.border-colour-secondary-t-1 { border-color: var(--colour-secondary-t-1); }.border-colour-secondary-t-2 { border-color: var(--colour-secondary-t-2); }.border-colour-secondary-t-3 { border-color: var(--colour-secondary-t-3); }.border-colour-secondary-t-4 { border-color: var(--colour-secondary-t-4); }.border-colour-secondary-t-5 { border-color: var(--colour-secondary-t-5); }.border-colour-secondary-t-6 { border-color: var(--colour-secondary-t-6); }.border-colour-secondary-t-7 { border-color: var(--colour-secondary-t-7); }.border-colour-secondary-t-8 { border-color: var(--colour-secondary-t-8); }.border-colour-secondary-t-9 { border-color: var(--colour-secondary-t-9); }.bg-colour-tertiary { background-color: var(--colour-tertiary); }.bg-colour-tertiary-t-1 { background-color: var(--colour-tertiary-t-1); }.bg-colour-tertiary-t-2 { background-color: var(--colour-tertiary-t-2); }.bg-colour-tertiary-t-3 { background-color: var(--colour-tertiary-t-3); }.bg-colour-tertiary-t-4 { background-color: var(--colour-tertiary-t-4); }.bg-colour-tertiary-t-5 { background-color: var(--colour-tertiary-t-5); }.bg-colour-tertiary-t-6 { background-color: var(--colour-tertiary-t-6); }.bg-colour-tertiary-t-7 { background-color: var(--colour-tertiary-t-7); }.bg-colour-tertiary-t-8 { background-color: var(--colour-tertiary-t-8); }.bg-colour-tertiary-t-9 { background-color: var(--colour-tertiary-t-9); }.bg-colour-tertiary-d-1 { background-color: var(--colour-tertiary-d-1); }.bg-colour-tertiary-d-2 { background-color: var(--colour-tertiary-d-2); }.bg-colour-tertiary-d-3 { background-color: var(--colour-tertiary-d-3); }.bg-colour-tertiary-d-4 { background-color: var(--colour-tertiary-d-4); }.bg-colour-tertiary-d-5 { background-color: var(--colour-tertiary-d-5); }.bg-colour-tertiary-l-1 { background-color: var(--colour-tertiary-l-1); }.bg-colour-tertiary-l-2 { background-color: var(--colour-tertiary-l-2); }.bg-colour-tertiary-l-3 { background-color: var(--colour-tertiary-l-3); }.bg-colour-tertiary-l-4 { background-color: var(--colour-tertiary-l-4); }.bg-colour-tertiary-l-5 { background-color: var(--colour-tertiary-l-5); }.text-colour-tertiary { color: var(--colour-tertiary); }.text-colour-tertiary-t-1 { color: var(--colour-tertiary-t-1); }.text-colour-tertiary-t-2 { color: var(--colour-tertiary-t-2); }.text-colour-tertiary-t-3 { color: var(--colour-tertiary-t-3); }.text-colour-tertiary-t-4 { color: var(--colour-tertiary-t-4); }.text-colour-tertiary-t-5 { color: var(--colour-tertiary-t-5); }.text-colour-tertiary-t-6 { color: var(--colour-tertiary-t-6); }.text-colour-tertiary-t-7 { color: var(--colour-tertiary-t-7); }.text-colour-tertiary-t-8 { color: var(--colour-tertiary-t-8); }.text-colour-tertiary-t-9 { color: var(--colour-tertiary-t-9); }.text-colour-tertiary-d-1 { color: var(--colour-tertiary-d-1); }.text-colour-tertiary-d-2 { color: var(--colour-tertiary-d-2); }.text-colour-tertiary-d-3 { color: var(--colour-tertiary-d-3); }.text-colour-tertiary-d-4 { color: var(--colour-tertiary-d-4); }.text-colour-tertiary-d-5 { color: var(--colour-tertiary-d-5); }.text-colour-tertiary-l-1 { color: var(--colour-tertiary-l-1); }.text-colour-tertiary-l-2 { color: var(--colour-tertiary-l-2); }.text-colour-tertiary-l-3 { color: var(--colour-tertiary-l-3); }.text-colour-tertiary-l-4 { color: var(--colour-tertiary-l-4); }.text-colour-tertiary-l-5 { color: var(--colour-tertiary-l-5); }.border-colour-tertiary { border-color: var(--colour-tertiary); }.border-colour-tertiary-t-1 { border-color: var(--colour-tertiary-t-1); }.border-colour-tertiary-t-2 { border-color: var(--colour-tertiary-t-2); }.border-colour-tertiary-t-3 { border-color: var(--colour-tertiary-t-3); }.border-colour-tertiary-t-4 { border-color: var(--colour-tertiary-t-4); }.border-colour-tertiary-t-5 { border-color: var(--colour-tertiary-t-5); }.border-colour-tertiary-t-6 { border-color: var(--colour-tertiary-t-6); }.border-colour-tertiary-t-7 { border-color: var(--colour-tertiary-t-7); }.border-colour-tertiary-t-8 { border-color: var(--colour-tertiary-t-8); }.border-colour-tertiary-t-9 { border-color: var(--colour-tertiary-t-9); }.border-colour-tertiary-d-1 { border-color: var(--colour-tertiary-d-1); }.border-colour-tertiary-d-2 { border-color: var(--colour-tertiary-d-2); }.border-colour-tertiary-d-3 { border-color: var(--colour-tertiary-d-3); }.border-colour-tertiary-d-4 { border-color: var(--colour-tertiary-d-4); }.border-colour-tertiary-d-5 { border-color: var(--colour-tertiary-d-5); }.border-colour-tertiary-l-1 { border-color: var(--colour-tertiary-l-1); }.border-colour-tertiary-l-2 { border-color: var(--colour-tertiary-l-2); }.border-colour-tertiary-l-3 { border-color: var(--colour-tertiary-l-3); }.border-colour-tertiary-l-4 { border-color: var(--colour-tertiary-l-4); }.border-colour-tertiary-l-5 { border-color: var(--colour-tertiary-l-5); }.bg-colour-light { background-color: var(--colour-light); }.bg-colour-light-l-1 { background-color: var(--colour-light-l-1); }.bg-colour-light-l-2 { background-color: var(--colour-light-l-2); }.bg-colour-light-l-3 { background-color: var(--colour-light-l-3); }.bg-colour-light-l-4 { background-color: var(--colour-light-l-4); }.bg-colour-light-l-5 { background-color: var(--colour-light-l-5); }.bg-colour-light-d-1 { background-color: var(--colour-light-d-1); }.bg-colour-light-d-2 { background-color: var(--colour-light-d-2); }.bg-colour-light-d-3 { background-color: var(--colour-light-d-3); }.bg-colour-light-d-4 { background-color: var(--colour-light-d-4); }.bg-colour-light-d-5 { background-color: var(--colour-light-d-5); }.bg-colour-light-t-1 { background-color: var(--colour-light-t-1); }.bg-colour-light-t-2 { background-color: var(--colour-light-t-2); }.bg-colour-light-t-3 { background-color: var(--colour-light-t-3); }.bg-colour-light-t-4 { background-color: var(--colour-light-t-4); }.bg-colour-light-t-5 { background-color: var(--colour-light-t-5); }.bg-colour-light-t-6 { background-color: var(--colour-light-t-6); }.bg-colour-light-t-7 { background-color: var(--colour-light-t-7); }.bg-colour-light-t-8 { background-color: var(--colour-light-t-8); }.bg-colour-light-t-9 { background-color: var(--colour-light-t-9); }.text-colour-light { color: var(--colour-light); }.text-colour-light-l-1 { color: var(--colour-light-l-1); }.text-colour-light-l-2 { color: var(--colour-light-l-2); }.text-colour-light-l-3 { color: var(--colour-light-l-3); }.text-colour-light-l-4 { color: var(--colour-light-l-4); }.text-colour-light-l-5 { color: var(--colour-light-l-5); }.text-colour-light-d-1 { color: var(--colour-light-d-1); }.text-colour-light-d-2 { color: var(--colour-light-d-2); }.text-colour-light-d-3 { color: var(--colour-light-d-3); }.text-colour-light-d-4 { color: var(--colour-light-d-4); }.text-colour-light-d-5 { color: var(--colour-light-d-5); }.text-colour-light-t-1 { color: var(--colour-light-t-1); }.text-colour-light-t-2 { color: var(--colour-light-t-2); }.text-colour-light-t-3 { color: var(--colour-light-t-3); }.text-colour-light-t-4 { color: var(--colour-light-t-4); }.text-colour-light-t-5 { color: var(--colour-light-t-5); }.text-colour-light-t-6 { color: var(--colour-light-t-6); }.text-colour-light-t-7 { color: var(--colour-light-t-7); }.text-colour-light-t-8 { color: var(--colour-light-t-8); }.text-colour-light-t-9 { color: var(--colour-light-t-9); }.border-colour-light { border-color: var(--colour-light); }.border-colour-light-l-1 { border-color: var(--colour-light-l-1); }.border-colour-light-l-2 { border-color: var(--colour-light-l-2); }.border-colour-light-l-3 { border-color: var(--colour-light-l-3); }.border-colour-light-l-4 { border-color: var(--colour-light-l-4); }.border-colour-light-l-5 { border-color: var(--colour-light-l-5); }.border-colour-light-d-1 { border-color: var(--colour-light-d-1); }.border-colour-light-d-2 { border-color: var(--colour-light-d-2); }.border-colour-light-d-3 { border-color: var(--colour-light-d-3); }.border-colour-light-d-4 { border-color: var(--colour-light-d-4); }.border-colour-light-d-5 { border-color: var(--colour-light-d-5); }.border-colour-light-t-1 { border-color: var(--colour-light-t-1); }.border-colour-light-t-2 { border-color: var(--colour-light-t-2); }.border-colour-light-t-3 { border-color: var(--colour-light-t-3); }.border-colour-light-t-4 { border-color: var(--colour-light-t-4); }.border-colour-light-t-5 { border-color: var(--colour-light-t-5); }.border-colour-light-t-6 { border-color: var(--colour-light-t-6); }.border-colour-light-t-7 { border-color: var(--colour-light-t-7); }.border-colour-light-t-8 { border-color: var(--colour-light-t-8); }.border-colour-light-t-9 { border-color: var(--colour-light-t-9); }.bg-colour-dark { background-color: var(--colour-dark); }.bg-colour-dark-l-1 { background-color: var(--colour-dark-l-1); }.bg-colour-dark-l-2 { background-color: var(--colour-dark-l-2); }.bg-colour-dark-l-3 { background-color: var(--colour-dark-l-3); }.bg-colour-dark-l-4 { background-color: var(--colour-dark-l-4); }.bg-colour-dark-l-5 { background-color: var(--colour-dark-l-5); }.bg-colour-dark-d-1 { background-color: var(--colour-dark-d-1); }.bg-colour-dark-d-2 { background-color: var(--colour-dark-d-2); }.bg-colour-dark-d-3 { background-color: var(--colour-dark-d-3); }.bg-colour-dark-d-4 { background-color: var(--colour-dark-d-4); }.bg-colour-dark-d-5 { background-color: var(--colour-dark-d-5); }.bg-colour-dark-t-1 { background-color: var(--colour-dark-t-1); }.bg-colour-dark-t-2 { background-color: var(--colour-dark-t-2); }.bg-colour-dark-t-3 { background-color: var(--colour-dark-t-3); }.bg-colour-dark-t-4 { background-color: var(--colour-dark-t-4); }.bg-colour-dark-t-5 { background-color: var(--colour-dark-t-5); }.bg-colour-dark-t-6 { background-color: var(--colour-dark-t-6); }.bg-colour-dark-t-7 { background-color: var(--colour-dark-t-7); }.bg-colour-dark-t-8 { background-color: var(--colour-dark-t-8); }.bg-colour-dark-t-9 { background-color: var(--colour-dark-t-9); }.text-colour-dark { color: var(--colour-dark); }.text-colour-dark-l-1 { color: var(--colour-dark-l-1); }.text-colour-dark-l-2 { color: var(--colour-dark-l-2); }.text-colour-dark-l-3 { color: var(--colour-dark-l-3); }.text-colour-dark-l-4 { color: var(--colour-dark-l-4); }.text-colour-dark-l-5 { color: var(--colour-dark-l-5); }.text-colour-dark-d-1 { color: var(--colour-dark-d-1); }.text-colour-dark-d-2 { color: var(--colour-dark-d-2); }.text-colour-dark-d-3 { color: var(--colour-dark-d-3); }.text-colour-dark-d-4 { color: var(--colour-dark-d-4); }.text-colour-dark-d-5 { color: var(--colour-dark-d-5); }.text-colour-dark-t-1 { color: var(--colour-dark-t-1); }.text-colour-dark-t-2 { color: var(--colour-dark-t-2); }.text-colour-dark-t-3 { color: var(--colour-dark-t-3); }.text-colour-dark-t-4 { color: var(--colour-dark-t-4); }.text-colour-dark-t-5 { color: var(--colour-dark-t-5); }.text-colour-dark-t-6 { color: var(--colour-dark-t-6); }.text-colour-dark-t-7 { color: var(--colour-dark-t-7); }.text-colour-dark-t-8 { color: var(--colour-dark-t-8); }.text-colour-dark-t-9 { color: var(--colour-dark-t-9); }.border-colour-dark { border-color: var(--colour-dark); }.border-colour-dark-l-1 { border-color: var(--colour-dark-l-1); }.border-colour-dark-l-2 { border-color: var(--colour-dark-l-2); }.border-colour-dark-l-3 { border-color: var(--colour-dark-l-3); }.border-colour-dark-l-4 { border-color: var(--colour-dark-l-4); }.border-colour-dark-l-5 { border-color: var(--colour-dark-l-5); }.border-colour-dark-d-1 { border-color: var(--colour-dark-d-1); }.border-colour-dark-d-2 { border-color: var(--colour-dark-d-2); }.border-colour-dark-d-3 { border-color: var(--colour-dark-d-3); }.border-colour-dark-d-4 { border-color: var(--colour-dark-d-4); }.border-colour-dark-d-5 { border-color: var(--colour-dark-d-5); }.border-colour-dark-t-1 { border-color: var(--colour-dark-t-1); }.border-colour-dark-t-2 { border-color: var(--colour-dark-t-2); }.border-colour-dark-t-3 { border-color: var(--colour-dark-t-3); }.border-colour-dark-t-4 { border-color: var(--colour-dark-t-4); }.border-colour-dark-t-5 { border-color: var(--colour-dark-t-5); }.border-colour-dark-t-6 { border-color: var(--colour-dark-t-6); }.border-colour-dark-t-7 { border-color: var(--colour-dark-t-7); }.border-colour-dark-t-8 { border-color: var(--colour-dark-t-8); }.border-colour-dark-t-9 { border-color: var(--colour-dark-t-9); }.bg-colour-accent { background-color: var(--colour-accent); }.text-colour-accent { color: var(--colour-accent); }.border-colour-accent { border-color: var(--colour-accent); }.bg-colour-background { background-color: var(--colour-background); }.text-colour-background { color: var(--colour-background); }.border-colour-background { border-color: var(--colour-background); }.bg-colour-border { background-color: var(--colour-border); }.text-colour-border { color: var(--colour-border); }.border-colour-border { border-color: var(--colour-border); }.bg-colour-text { background-color: var(--colour-text); }.text-colour-text { color: var(--colour-text); }.border-colour-text { border-color: var(--colour-text); }.bg-colour-surface { background-color: var(--colour-surface); }.text-colour-surface { color: var(--colour-surface); }.border-colour-surface { border-color: var(--colour-surface); }