:root { --midnight-blue: hsl(217, 60%, 18%); --midnight-blue-l-1: #1f3d6b; --midnight-blue-l-2: #365b96; --midnight-blue-l-3: #6381b6; --midnight-blue-l-4: #9eacc7; --midnight-blue-l-5: #ced4de; --midnight-blue-l-6: #f1f2f4; --midnight-blue-t-1: hsla(217, 60%, 18%, 0.14); --midnight-blue-t-2: hsla(217, 60%, 18%, 0.29); --midnight-blue-t-3: hsla(217, 60%, 18%, 0.43); --midnight-blue-t-4: hsla(217, 60%, 18%, 0.57); --midnight-blue-t-5: hsla(217, 60%, 18%, 0.71); --midnight-blue-t-6: hsla(217, 60%, 18%, 0.86); --azure: hsl(207, 100%, 50%); --azure-l-1: hsl(207, 100%, 58%); --azure-l-2: hsl(207, 100%, 67%); --azure-l-3: hsl(207, 100%, 75%); --azure-l-4: hsl(207, 100%, 83%); --azure-l-5: hsl(207, 100%, 92%); --azure-d-1: hsl(207, 100%, 42%); --azure-d-2: hsl(207, 100%, 33%); --azure-d-3: hsl(207, 100%, 25%); --azure-d-4: hsl(207, 100%, 17%); --azure-d-5: hsl(207, 100%, 8%); --powder-blue: hsl(202, 100%, 85%); --powder-blue-l-1: hsl(202, 100%, 88%); --powder-blue-l-2: hsl(202, 100%, 90%); --powder-blue-l-3: hsl(202, 100%, 93%); --powder-blue-l-4: hsl(202, 100%, 95%); --powder-blue-l-5: hsl(202, 100%, 98%); --powder-blue-d-1: hsl(202, 43%, 71%); --powder-blue-d-2: hsl(202, 23%, 57%); --powder-blue-d-3: hsl(202, 18%, 43%); --powder-blue-d-4: hsl(202, 18%, 28%); --powder-blue-d-5: hsl(202, 18%, 14%); --frost: hsl(207, 100%, 98%); --frost-d-1: #ebf6ff; --frost-d-2: #e0f1ff; --frost-accent: hsl(204, 38%, 95%); --slate-blue: hsl(204, 37%, 29%); --slate-blue-l-1: hsl(204, 22%, 41%); --slate-blue-l-2: hsl(204, 15%, 53%); --slate-blue-l-3: hsl(204, 15%, 65%); --slate-blue-l-4: hsl(204, 15%, 76%); --slate-blue-l-5: hsl(204, 15%, 88%); --slate-blue-d-1: hsl(204, 36%, 24%); --slate-blue-d-2: hsl(204, 36%, 19%); --slate-blue-d-3: hsl(204, 36%, 15%); --slate-blue-d-4: hsl(204, 36%, 10%); --slate-blue-d-5: hsl(204, 36%, 5%); --yellow: hsl(46, 100%, 74%); --yellow-l-1: hsl(46, 100%, 78%); --yellow-l-2: hsl(46, 100%, 83%); --yellow-l-3: hsl(46, 100%, 87%); --yellow-l-4: hsl(46, 100%, 91%); --yellow-l-5: hsl(46, 100%, 96%); --yellow-d-1: hsl(46, 57%, 62%); --yellow-d-2: hsl(46, 35%, 49%); --yellow-d-3: hsl(46, 35%, 37%); --yellow-d-4: hsl(46, 35%, 25%); --yellow-d-5: hsl(46, 35%, 12%); --brand-grey: #C3C3C3; --brand-grey-l-1: #cfcfcf; --brand-grey-l-2: #dbdbdb; --brand-grey-l-3: #e7e7e7; --brand-grey-l-4: #f3f3f3; --brand-grey-d-1: #adadad; --brand-grey-d-2: #909090; --brand-grey-d-3: #6f6f6f; --brand-grey-d-4: #4d4d4d; --neutral: #000000; --neutral-l-1: #141414; --neutral-l-2: #272727; --neutral-l-3: #3b3b3b; --neutral-l-4: #4e4e4e; --neutral-l-5: #626262; --neutral-l-6: #767676; --neutral-l-7: #898989; --neutral-l-8: #9d9d9d; --neutral-l-9: #b1b1b1; --neutral-l-10: #c4c4c4; --neutral-l-11: #d8d8d8; --neutral-l-12: #ebebeb; --neutral-t-1: hsla(0, 0%, 0%, 0.2); --neutral-t-2: hsla(0, 0%, 0%, 0.4); --neutral-t-3: hsla(0, 0%, 0%, 0.6); --neutral-t-4: hsla(0, 0%, 0%, 0.8); --error: hsl(0, 100%, 42%); --error-l-1: hsl(0, 72%, 52%); --error-l-2: hsl(0, 72%, 61%); --error-l-3: hsl(0, 72%, 71%); --error-l-4: hsl(0, 72%, 81%); --error-l-5: hsl(0, 72%, 90%); --error-d-1: hsl(0, 100%, 36%); --error-d-2: hsl(0, 100%, 30%); --error-d-3: hsl(0, 100%, 24%); --error-d-4: hsl(0, 100%, 18%); --error-d-5: hsl(0, 100%, 12%); --error-d-6: hsl(0, 100%, 6%); --success: hsl(95, 100%, 38%); --success-l-1: hsl(95, 66%, 48%); --success-l-2: hsl(95, 61%, 59%); --success-l-3: hsl(95, 61%, 69%); --success-l-4: hsl(95, 61%, 79%); --success-l-5: hsl(95, 61%, 90%); --success-d-1: hsl(95, 100%, 32%); --success-d-2: hsl(95, 100%, 25%); --success-d-3: hsl(95, 100%, 19%); --success-d-4: hsl(95, 100%, 13%); --success-d-5: hsl(95, 100%, 6%); --warning: hsl(29, 93%, 54%); --warning-l-1: hsl(29, 93%, 62%); --warning-l-2: hsl(29, 93%, 69%); --warning-l-3: hsl(29, 93%, 77%); --warning-l-4: hsl(29, 93%, 85%); --warning-l-5: hsl(29, 93%, 92%); --warning-d-1: hsl(29, 79%, 45%); --warning-d-2: hsl(29, 79%, 36%); --warning-d-3: hsl(29, 79%, 27%); --warning-d-4: hsl(29, 79%, 18%); --warning-d-5: hsl(29, 79%, 9%); --midnight-blue-d-1: hsl(217, 60%, 12%); --midnight-blue-d-2: hsl(217, 60%, 6%); --transparent: hsl(0 0% 100% / 0); --frost-t-1: hsla(207, 100%, 98%, 0.17); --frost-t-2: hsla(207, 100%, 98%, 0.33); --frost-t-3: hsla(207, 100%, 98%, 0.5); --frost-t-4: hsla(207, 100%, 98%, 0.67); --frost-t-5: hsla(207, 100%, 98%, 0.83); --h6: clamp(1.23rem, calc(0.004259259259259259 * (100vw - 36rem) + 1.23rem), 1.69rem); --h5: clamp(1.54rem, calc(0.006574074074074073 * (100vw - 36rem) + 1.54rem), 2.25rem); --h4: clamp(1.92rem, calc(0.01 * (100vw - 36rem) + 1.92rem), 3rem); --h3: clamp(2.4rem, calc(0.014814814814814815 * (100vw - 36rem) + 2.4rem), 4rem); --h2: clamp(3rem, calc(0.021574074074074075 * (100vw - 36rem) + 3rem), 5.33rem); --h1: clamp(3.75rem, calc(0.031111111111111114 * (100vw - 36rem) + 3.75rem), 7.11rem); --text-2xs: clamp(0.9rem, calc(0 * (100vw - 36rem) + 0.9rem), 0.9rem); --text-xs: clamp(1.12rem, calc(0.0012037037037037038 * (100vw - 36rem) + 1.12rem), 1.25rem); --text-s: clamp(1.4rem, calc(0.0018518518518518534 * (100vw - 36rem) + 1.4rem), 1.6rem); --text-m: clamp(1.75rem, calc(0.0035185185185185176 * (100vw - 36rem) + 1.75rem), 2.13rem); --text-l: clamp(2.19rem, calc(0.006018518518518518 * (100vw - 36rem) + 2.19rem), 2.84rem); --text-xl: clamp(2.73rem, calc(0.009814814814814816 * (100vw - 36rem) + 2.73rem), 3.79rem); --text-2xl: clamp(3.42rem, calc(0.015092592592592591 * (100vw - 36rem) + 3.42rem), 5.05rem); --space-1: clamp(0.25rem, 0.2rem + 0.2vw, 0.25rem); --space-2: clamp(0.5rem, 0.4rem + 0.3vw, 0.5rem); --space-3: clamp(0.75rem, 0.6rem + 0.4vw, 0.75rem); --space-4: clamp(0.875rem, 0.7rem + 0.5vw, 1rem); --space-6: clamp(1.25rem, 1rem + 0.7vw, 1.5rem); --space-8: clamp(1.5rem, 1.2rem + 0.9vw, 2rem); --space-12: clamp(2rem, 1.5rem + 1.2vw, 3rem); --space-16: clamp(2.5rem, 2rem + 1.5vw, 4rem); --space-20: clamp(3rem, 2.25rem + 2vw, 5rem); --space-24: clamp(3.5rem, 2.5rem + 2.5vw, 6rem); --space-32: clamp(4.5rem, 3rem + 3.5vw, 8rem); --space-40: clamp(5.5rem, 4rem + 4vw, 10rem); --space-48: clamp(7rem, 5rem + 5vw, 12rem); --space-56: clamp(8rem, 6rem + 6vw, 14rem); --space-64: clamp(10rem, 7rem + 7vw, 16rem); --space-80: clamp(12rem, 8rem + 9vw, 20rem);}.bg-midnight-blue { background-color: var(--midnight-blue); }.bg-midnight-blue-l-1 { background-color: var(--midnight-blue-l-1); }.bg-midnight-blue-l-2 { background-color: var(--midnight-blue-l-2); }.bg-midnight-blue-l-3 { background-color: var(--midnight-blue-l-3); }.bg-midnight-blue-l-4 { background-color: var(--midnight-blue-l-4); }.bg-midnight-blue-l-5 { background-color: var(--midnight-blue-l-5); }.bg-midnight-blue-l-6 { background-color: var(--midnight-blue-l-6); }.bg-midnight-blue-t-1 { background-color: var(--midnight-blue-t-1); }.bg-midnight-blue-t-2 { background-color: var(--midnight-blue-t-2); }.bg-midnight-blue-t-3 { background-color: var(--midnight-blue-t-3); }.bg-midnight-blue-t-4 { background-color: var(--midnight-blue-t-4); }.bg-midnight-blue-t-5 { background-color: var(--midnight-blue-t-5); }.bg-midnight-blue-t-6 { background-color: var(--midnight-blue-t-6); }.bg-midnight-blue-d-1 { background-color: var(--midnight-blue-d-1); }.bg-midnight-blue-d-2 { background-color: var(--midnight-blue-d-2); }.text-midnight-blue { color: var(--midnight-blue); }.text-midnight-blue-l-1 { color: var(--midnight-blue-l-1); }.text-midnight-blue-l-2 { color: var(--midnight-blue-l-2); }.text-midnight-blue-l-3 { color: var(--midnight-blue-l-3); }.text-midnight-blue-l-4 { color: var(--midnight-blue-l-4); }.text-midnight-blue-l-5 { color: var(--midnight-blue-l-5); }.text-midnight-blue-l-6 { color: var(--midnight-blue-l-6); }.text-midnight-blue-t-1 { color: var(--midnight-blue-t-1); }.text-midnight-blue-t-2 { color: var(--midnight-blue-t-2); }.text-midnight-blue-t-3 { color: var(--midnight-blue-t-3); }.text-midnight-blue-t-4 { color: var(--midnight-blue-t-4); }.text-midnight-blue-t-5 { color: var(--midnight-blue-t-5); }.text-midnight-blue-t-6 { color: var(--midnight-blue-t-6); }.text-midnight-blue-d-1 { color: var(--midnight-blue-d-1); }.text-midnight-blue-d-2 { color: var(--midnight-blue-d-2); }.stroke-midnight-blue { stroke: var(--midnight-blue); }.stroke-midnight-blue-l-1 { stroke: var(--midnight-blue-l-1); }.stroke-midnight-blue-l-2 { stroke: var(--midnight-blue-l-2); }.stroke-midnight-blue-l-3 { stroke: var(--midnight-blue-l-3); }.stroke-midnight-blue-l-4 { stroke: var(--midnight-blue-l-4); }.stroke-midnight-blue-l-5 { stroke: var(--midnight-blue-l-5); }.stroke-midnight-blue-l-6 { stroke: var(--midnight-blue-l-6); }.stroke-midnight-blue-t-1 { stroke: var(--midnight-blue-t-1); }.stroke-midnight-blue-t-2 { stroke: var(--midnight-blue-t-2); }.stroke-midnight-blue-t-3 { stroke: var(--midnight-blue-t-3); }.stroke-midnight-blue-t-4 { stroke: var(--midnight-blue-t-4); }.stroke-midnight-blue-t-5 { stroke: var(--midnight-blue-t-5); }.stroke-midnight-blue-t-6 { stroke: var(--midnight-blue-t-6); }.stroke-midnight-blue-d-1 { stroke: var(--midnight-blue-d-1); }.stroke-midnight-blue-d-2 { stroke: var(--midnight-blue-d-2); }.text-azure { color: var(--azure); }.text-azure-l-1 { color: var(--azure-l-1); }.text-azure-l-2 { color: var(--azure-l-2); }.text-azure-l-3 { color: var(--azure-l-3); }.text-azure-l-4 { color: var(--azure-l-4); }.text-azure-l-5 { color: var(--azure-l-5); }.text-azure-d-1 { color: var(--azure-d-1); }.text-azure-d-2 { color: var(--azure-d-2); }.text-azure-d-3 { color: var(--azure-d-3); }.text-azure-d-4 { color: var(--azure-d-4); }.text-azure-d-5 { color: var(--azure-d-5); }.bg-powder-blue { background-color: var(--powder-blue); }.bg-powder-blue-l-1 { background-color: var(--powder-blue-l-1); }.bg-powder-blue-l-2 { background-color: var(--powder-blue-l-2); }.bg-powder-blue-l-3 { background-color: var(--powder-blue-l-3); }.bg-powder-blue-l-4 { background-color: var(--powder-blue-l-4); }.bg-powder-blue-l-5 { background-color: var(--powder-blue-l-5); }.bg-powder-blue-d-1 { background-color: var(--powder-blue-d-1); }.bg-powder-blue-d-2 { background-color: var(--powder-blue-d-2); }.bg-powder-blue-d-3 { background-color: var(--powder-blue-d-3); }.bg-powder-blue-d-4 { background-color: var(--powder-blue-d-4); }.bg-powder-blue-d-5 { background-color: var(--powder-blue-d-5); }.text-powder-blue { color: var(--powder-blue); }.text-powder-blue-l-1 { color: var(--powder-blue-l-1); }.text-powder-blue-l-2 { color: var(--powder-blue-l-2); }.text-powder-blue-l-3 { color: var(--powder-blue-l-3); }.text-powder-blue-l-4 { color: var(--powder-blue-l-4); }.text-powder-blue-l-5 { color: var(--powder-blue-l-5); }.text-powder-blue-d-1 { color: var(--powder-blue-d-1); }.text-powder-blue-d-2 { color: var(--powder-blue-d-2); }.text-powder-blue-d-3 { color: var(--powder-blue-d-3); }.text-powder-blue-d-4 { color: var(--powder-blue-d-4); }.text-powder-blue-d-5 { color: var(--powder-blue-d-5); }.bg-frost { background-color: var(--frost); }.bg-frost-d-1 { background-color: var(--frost-d-1); }.bg-frost-d-2 { background-color: var(--frost-d-2); }.bg-frost-t-1 { background-color: var(--frost-t-1); }.bg-frost-t-2 { background-color: var(--frost-t-2); }.bg-frost-t-3 { background-color: var(--frost-t-3); }.bg-frost-t-4 { background-color: var(--frost-t-4); }.bg-frost-t-5 { background-color: var(--frost-t-5); }.text-frost { color: var(--frost); }.text-frost-d-1 { color: var(--frost-d-1); }.text-frost-d-2 { color: var(--frost-d-2); }.text-frost-t-1 { color: var(--frost-t-1); }.text-frost-t-2 { color: var(--frost-t-2); }.text-frost-t-3 { color: var(--frost-t-3); }.text-frost-t-4 { color: var(--frost-t-4); }.text-frost-t-5 { color: var(--frost-t-5); }.bg-frost-accent { background-color: var(--frost-accent); }.text-slate-blue { color: var(--slate-blue); }.text-slate-blue-l-1 { color: var(--slate-blue-l-1); }.text-slate-blue-l-2 { color: var(--slate-blue-l-2); }.text-slate-blue-l-3 { color: var(--slate-blue-l-3); }.text-slate-blue-l-4 { color: var(--slate-blue-l-4); }.text-slate-blue-l-5 { color: var(--slate-blue-l-5); }.text-slate-blue-d-1 { color: var(--slate-blue-d-1); }.text-slate-blue-d-2 { color: var(--slate-blue-d-2); }.text-slate-blue-d-3 { color: var(--slate-blue-d-3); }.text-slate-blue-d-4 { color: var(--slate-blue-d-4); }.text-slate-blue-d-5 { color: var(--slate-blue-d-5); }.text-yellow { color: var(--yellow); }.text-yellow-l-1 { color: var(--yellow-l-1); }.text-yellow-l-2 { color: var(--yellow-l-2); }.text-yellow-l-3 { color: var(--yellow-l-3); }.text-yellow-l-4 { color: var(--yellow-l-4); }.text-yellow-l-5 { color: var(--yellow-l-5); }.text-yellow-d-1 { color: var(--yellow-d-1); }.text-yellow-d-2 { color: var(--yellow-d-2); }.text-yellow-d-3 { color: var(--yellow-d-3); }.text-yellow-d-4 { color: var(--yellow-d-4); }.text-yellow-d-5 { color: var(--yellow-d-5); }.bg-brand-grey { background-color: var(--brand-grey); }.bg-brand-grey-l-1 { background-color: var(--brand-grey-l-1); }.bg-brand-grey-l-2 { background-color: var(--brand-grey-l-2); }.bg-brand-grey-l-3 { background-color: var(--brand-grey-l-3); }.bg-brand-grey-l-4 { background-color: var(--brand-grey-l-4); }.bg-brand-grey-d-1 { background-color: var(--brand-grey-d-1); }.bg-brand-grey-d-2 { background-color: var(--brand-grey-d-2); }.bg-brand-grey-d-3 { background-color: var(--brand-grey-d-3); }.bg-brand-grey-d-4 { background-color: var(--brand-grey-d-4); }