@font-face {
    font-family: "PolySans";
    src: url("/polysans-neutral.woff2?v=1") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "PolySans";
    src: url("/polysans-median.woff2?v=1") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "PolySans";
    src: url("/polysans-bulky.woff2?v=1") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Inter";
    src: url("/inter-regular.woff2?v=1") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Inter";
    src: url("/inter-semibold.woff2?v=1") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
:root {
    --white: #ffffff;
    --canvas: #fefdfc;
    --navy: #0c3166;
    --charcoal: #212121;
    --charcoal-m: #3a3a3a;
    --ogblue: #007aff;
    --ogblue-m: #005fcc;
    --ogblue-10: rgba(0, 122, 255, 0.1);
    --ogblue-30: rgba(0, 122, 255, 0.3);
    --hl: #d7fc3d;
    --good: #2ba15a;
    --good-bg: #e4f4ec;
    --good-ink: #1c7d44;
    --warn: #e2a019;
    --warn-bg: #fcf1d9;
    --warn-ink: #8a5a04;
    --bad: #e0533f;
    --bad-bg: #fce7e1;
    --bad-ink: #c0341f;
    --line: rgba(12, 49, 102, 0.12);
    --navy-04: rgba(12, 49, 102, 0.04);
    --scrim: rgba(33, 33, 33, 0.4);
    --white-96: rgba(255, 255, 255, 0.96);
    --cream: #fff9f1;
    --ds-neutral-100: #f2f2f0;
    --ds-neutral-200: #e2e1de;
    --ds-outline: #141414;
    --ds-outline-disabled: rgba(11, 11, 11, 0.16);
    --ds-overlay-hover: rgba(11, 11, 11, 0.04);
    --ds-overlay-pressed: rgba(11, 11, 11, 0.08);
    --ds-disabled-bg: rgba(11, 11, 11, 0.08);
    --ds-disabled-content: rgba(11, 11, 11, 0.24);
    --ds-blue-lightest: #f2f7fc;
    --ds-secondary: rgba(11, 11, 11, 0.64);
    --ds-tertiary: rgba(11, 11, 11, 0.58);
    --ds-lighter: #f9f8f6;
    --ds-green-light: #dcf8e3;
    --ds-green-strong: #136829;
    --ds-yellow-light: #fff5d7;
    --ds-yellow-strong: #88560b;
    --ds-red-light: #fce0e0;
    --ds-red-strong: #831515;
    --ds-purple-light: #f1e8f3;
    --ds-purple-strong: #8a4794;
    --subject-mathematics: #51a4c8;
    --subject-mathematics-light: #bfd9e3;
    --subject-maths-methods: #d52a58;
    --subject-maths-methods-light: #f2bac9;
    --subject-specialist-maths: #b83d3f;
    --subject-specialist-maths-light: #e9bebf;
    --subject-biology: #45a171;
    --subject-biology-light: #bfe3d0;
    --subject-chemistry: #dc9941;
    --subject-chemistry-light: #f1dab6;
    --subject-physics: #94bfe1;
    --subject-physics-light: #c0d2e8;
    --subject-english: #95509f;
    --subject-english-light: #dcc2e0;
    --subject-selective-entry: #ce9746;
    --subject-selective-entry-light: #e1c484;
    --subject-ucat: #3e6da8;
    --subject-ucat-light: #8eafd7;
    --shadow-card: 0 0 24px 4px rgba(11, 11, 11, 0.08);
    --mix-row: 5%;
    --font-display: "PolySans", "Inter", system-ui, sans-serif;
    --font-body: "Inter", system-ui, sans-serif;
    --weight-regular: 400;
    --weight-semibold: 600;
    --weight-bold: 700;
    --weight-heavy: 800;
    --fs-10: 10px;
    --fs-11: 11px;
    --fs-12: 12px;
    --fs-13: 13px;
    --fs-14: 14px;
    --fs-15: 15px;
    --fs-16: 16px;
    --fs-18: 18px;
    --fs-24: 24px;
    --fs-28: 28px;
    --fs-48: 48px;
    --lh-1: 1;
    --lh-104: 1.04;
    --lh-115: 1.15;
    --lh-12: 1.2;
    --lh-125: 1.25;
    --lh-13: 1.3;
    --lh-135: 1.35;
    --lh-14: 1.4;
    --lh-15: 1.5;
    --lh-155: 1.55;
    --lh-20: 20px;
    --track-btn: 0.12px;
    --track-pill: 0.1px;
    --track-wide: 0.05em;
    --len-2: 2px;
    --len-4: 4px;
    --len-6: 6px;
    --len-8: 8px;
    --len-10: 10px;
    --len-12: 12px;
    --len-13: 13px;
    --len-14: 14px;
    --len-16: 16px;
    --len-20: 20px;
    --len-24: 24px;
    --len-28: 28px;
    --len-32: 32px;
    --len-36: 36px;
    --len-40: 40px;
    --len-48: 48px;
    --len-56: 56px;
    --len-60: 60px;
    --s48: 64px;
    --len-78: 78px;
    --len-80: 80px;
    --len-84: 84px;
    --len-86: 86px;
    --len-88: 88px;
    --len-96: 96px;
    --len-112: 112px;
    --len-116: 116px;
    --len-136: 136px;
    --len-150: 150px;
    --len-160: 160px;
    --len-208: 208px;
    --len-220: 220px;
    --len-224: 224px;
    --len-288: 288px;
    --len-340: 340px;
    --len-360: 360px;
    --len-362: 362px;
    --len-448: 448px;
    --len-480: 480px;
    --len-512: 512px;
    --len-672: 672px;
    --len-680: 680px;
    --len-760: 760px;
    --len-840: 840px;
    --len-880: 880px;
    --len-1120: 1120px;
    --len-1160: 1160px;
    --fill: 100%;
    --half: 50%;
    --half-back: -50%;
    --double: 200%;
    --art-col: 42%;
    --fr-list: 1.5fr;
    --fr-side: 0.8fr;
    --vh-modal: 85vh;
    --view-h: 100vh;
    --dim-50: 0.5;
    --dim-55: 0.55;
    --dim-70: 0.7;
    --dim-65: 0.65;
    --z-overlay: 50;
    --cols-2: 2;
    --cols-3: 3;
    --radius-pill: 9999px;
    --scale-096: 0.96;
    --scale-097: 0.97;
    --scale-110: 1.1;
    --scale-125: 1.25;
    --turn-half: 180deg;
    --strike-x: -0.2em;
    --strike-y: -0.06em;
    --tx-4-back: -4px;
    --tx-8-back: -8px;
    --tx-12-back: -12px;
    --tx-20-back: -20px;
    --tx-28: 28px;
    --tx-28-back: -28px;
    --ty-4: 4px;
    --ty-8: 8px;
    --ty-10: 10px;
    --outline-in: -2px;
    --t-100: 100ms;
    --t-150: 150ms;
    --t-200: 200ms;
    --t-220: 220ms;
    --t-240: 240ms;
    --t-260: 260ms;
    --t-420: 420ms;
    --t-480: 480ms;
    --t-500: 500ms;
    --t-520: 520ms;
    --t-still: 0.001ms;
    --delay-50: 50ms;
    --delay-100: 100ms;
    --delay-150: 150ms;
    --e-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
    --e-week: cubic-bezier(0.22, 1, 0.36, 1);
    --e-emphasis: cubic-bezier(0.16, 1, 0.3, 1);
    --e-out: ease-out;
    --e-in-out: ease-in-out;
    --e-ease: ease;
}