:root { --primary: hsl(210, 88%, 24%); --secondary: hsl(34, 51%, 55%); --success: hsl(118, 90%, 39%); --danger: hsl(0, 82%, 46%); --info: hsl(208, 100%, 65%); --danger-d-1: hsl(0, 82%, 34%); --danger-d-2: hsl(0, 82%, 23%); --danger-d-3: hsl(0, 82%, 11%); --danger-t-1: hsla(0, 82%, 46%, 0.25); --danger-t-2: hsla(0, 82%, 46%, 0.5); --danger-t-3: hsla(0, 82%, 46%, 0.75); --danger-l-1: hsl(0, 70%, 59%); --danger-l-2: hsl(0, 70%, 73%); --danger-l-3: hsl(0, 70%, 86%); --success-d-1: hsl(118, 90%, 29%); --success-d-2: hsl(118, 90%, 20%); --success-d-3: hsl(118, 90%, 10%); --success-l-1: hsl(118, 58%, 54%); --success-l-2: hsl(118, 58%, 70%); --success-l-3: hsl(118, 58%, 85%); --success-t-1: hsla(118, 90%, 39%, 0.25); --success-t-2: hsla(118, 90%, 39%, 0.5); --success-t-3: hsla(118, 90%, 39%, 0.75); --warning: hsl(46, 82%, 45%); --warning-l-1: hsl(46, 67%, 59%); --warning-l-2: hsl(46, 67%, 73%); --warning-l-3: hsl(46, 67%, 86%); --warning-d-1: hsl(46, 82%, 34%); --warning-d-2: hsl(46, 82%, 23%); --warning-d-3: hsl(46, 82%, 11%); --warning-t-1: hsla(46, 82%, 45%, 0.25); --warning-t-2: hsla(46, 82%, 45%, 0.5); --warning-t-3: hsla(46, 82%, 45%, 0.75); --grey: hsl(0, 0%, 50%); --grey-l-1: hsl(0, 0%, 63%); --grey-l-2: hsl(0, 0%, 75%); --grey-l-3: hsl(0, 0%, 88%); --grey-d-1: hsl(0, 0%, 38%); --grey-d-2: hsl(0, 0%, 25%); --grey-d-3: hsl(0, 0%, 13%); --grey-t-1: hsla(0, 0%, 50%, 0.25); --grey-t-2: hsla(0, 0%, 50%, 0.5); --grey-t-3: hsla(0, 0%, 50%, 0.75); --light: hsl(34, 51%, 80%); --dark: hsl(34, 51%, 10%); --primary-l-1: hsl(210, 37%, 43%); --primary-l-2: hsl(210, 28%, 62%); --primary-l-3: hsl(210, 28%, 81%); --primary-d-1: hsl(210, 89%, 18%); --primary-d-2: hsl(210, 89%, 12%); --primary-d-3: hsl(210, 89%, 6%); --secondary-l-1: hsl(34, 51%, 66%); --secondary-l-2: hsl(34, 51%, 78%); --secondary-l-3: hsl(34, 51%, 89%); --secondary-d-1: hsl(34, 42%, 41%); --secondary-d-2: hsl(34, 42%, 28%); --secondary-d-3: hsl(34, 42%, 14%); --secondary-t-1: hsla(34, 51%, 55%, 0.25); --secondary-t-2: hsla(34, 51%, 55%, 0.5); --secondary-t-3: hsla(34, 51%, 55%, 0.75); --color-text: var(--primary-d-3); --primary-t-1: hsla(210, 88%, 24%, 0.25); --primary-t-2: hsla(210, 88%, 24%, 0.5); --primary-t-3: hsla(210, 88%, 24%, 0.75); --dark-l-1: hsl(33, 12%, 32%); --dark-l-2: hsl(33, 6%, 55%); --dark-l-3: hsl(33, 6%, 77%); --dark-d-1: hsl(33, 53%, 8%); --dark-d-2: hsl(33, 53%, 5%); --dark-d-3: hsl(33, 53%, 3%); --dark-t-1: hsla(34, 51%, 10%, 0.25); --dark-t-2: hsla(34, 51%, 10%, 0.5); --dark-t-3: hsla(34, 51%, 10%, 0.75); --light-l-1: hsl(33, 51%, 85%); --light-l-2: hsl(33, 51%, 90%); --light-l-3: hsl(33, 51%, 95%); --light-d-1: hsl(33, 19%, 60%); --light-d-2: hsl(33, 13%, 40%); --light-d-3: hsl(33, 13%, 20%); --light-t-1: hsla(34, 51%, 80%, 0.25); --light-t-2: hsla(34, 51%, 80%, 0.5); --light-t-3: hsla(34, 51%, 80%, 0.75); --text-2xs: clamp(0.82rem, calc(0.00018518518518518534 * (100vw - 36rem) + 0.82rem), 0.84rem); --text-xs: clamp(1.02rem, calc(0.0010185185185185173 * (100vw - 36rem) + 1.02rem), 1.13rem); --text-s: clamp(1.28rem, calc(0.002037037037037037 * (100vw - 36rem) + 1.28rem), 1.5rem); --text-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --text-l: clamp(2rem, calc(0.0062037037037037035 * (100vw - 36rem) + 2rem), 2.67rem); --text-xl: clamp(2.5rem, calc(0.00972222222222222 * (100vw - 36rem) + 2.5rem), 3.55rem); --text-2xl: clamp(3.13rem, calc(0.014907407407407411 * (100vw - 36rem) + 3.13rem), 4.74rem); --space-2xs: clamp(0.61rem, calc(0.00018518518518518534 * (100vw - 36rem) + 0.61rem), 0.63rem); --space-xs: clamp(0.77rem, calc(0.0006481481481481477 * (100vw - 36rem) + 0.77rem), 0.84rem); --space-s: clamp(0.96rem, calc(0.0015740740740740734 * (100vw - 36rem) + 0.96rem), 1.13rem); --space-m: clamp(1.2rem, calc(0.0027777777777777783 * (100vw - 36rem) + 1.2rem), 1.5rem); --space-l: clamp(1.5rem, calc(0.004629629629629629 * (100vw - 36rem) + 1.5rem), 2rem); --space-xl: clamp(1.88rem, calc(0.007314814814814815 * (100vw - 36rem) + 1.88rem), 2.67rem); --space-2xl: clamp(2.34rem, calc(0.011203703703703704 * (100vw - 36rem) + 2.34rem), 3.55rem);}.bg-primary { background-color: var(--primary); }.bg-primary-l-1 { background-color: var(--primary-l-1); }.bg-primary-l-2 { background-color: var(--primary-l-2); }.bg-primary-l-3 { background-color: var(--primary-l-3); }.bg-primary-d-1 { background-color: var(--primary-d-1); }.bg-primary-d-2 { background-color: var(--primary-d-2); }.bg-primary-d-3 { background-color: var(--primary-d-3); }.bg-primary-t-1 { background-color: var(--primary-t-1); }.bg-primary-t-2 { background-color: var(--primary-t-2); }.bg-primary-t-3 { background-color: var(--primary-t-3); }.text-primary { color: var(--primary); }.text-primary-l-1 { color: var(--primary-l-1); }.text-primary-l-2 { color: var(--primary-l-2); }.text-primary-l-3 { color: var(--primary-l-3); }.text-primary-d-1 { color: var(--primary-d-1); }.text-primary-d-2 { color: var(--primary-d-2); }.text-primary-d-3 { color: var(--primary-d-3); }.text-primary-t-1 { color: var(--primary-t-1); }.text-primary-t-2 { color: var(--primary-t-2); }.text-primary-t-3 { color: var(--primary-t-3); }.border-primary { border-color: var(--primary); }.border-primary-l-1 { border-color: var(--primary-l-1); }.border-primary-l-2 { border-color: var(--primary-l-2); }.border-primary-l-3 { border-color: var(--primary-l-3); }.border-primary-d-1 { border-color: var(--primary-d-1); }.border-primary-d-2 { border-color: var(--primary-d-2); }.border-primary-d-3 { border-color: var(--primary-d-3); }.border-primary-t-1 { border-color: var(--primary-t-1); }.border-primary-t-2 { border-color: var(--primary-t-2); }.border-primary-t-3 { border-color: var(--primary-t-3); }.bg-secondary { background-color: var(--secondary); }.bg-secondary-l-1 { background-color: var(--secondary-l-1); }.bg-secondary-l-2 { background-color: var(--secondary-l-2); }.bg-secondary-l-3 { background-color: var(--secondary-l-3); }.bg-secondary-d-1 { background-color: var(--secondary-d-1); }.bg-secondary-d-2 { background-color: var(--secondary-d-2); }.bg-secondary-d-3 { background-color: var(--secondary-d-3); }.bg-secondary-t-1 { background-color: var(--secondary-t-1); }.bg-secondary-t-2 { background-color: var(--secondary-t-2); }.bg-secondary-t-3 { background-color: var(--secondary-t-3); }.text-secondary { color: var(--secondary); }.text-secondary-l-1 { color: var(--secondary-l-1); }.text-secondary-l-2 { color: var(--secondary-l-2); }.text-secondary-l-3 { color: var(--secondary-l-3); }.text-secondary-d-1 { color: var(--secondary-d-1); }.text-secondary-d-2 { color: var(--secondary-d-2); }.text-secondary-d-3 { color: var(--secondary-d-3); }.text-secondary-t-1 { color: var(--secondary-t-1); }.text-secondary-t-2 { color: var(--secondary-t-2); }.text-secondary-t-3 { color: var(--secondary-t-3); }.border-secondary { border-color: var(--secondary); }.border-secondary-l-1 { border-color: var(--secondary-l-1); }.border-secondary-l-2 { border-color: var(--secondary-l-2); }.border-secondary-l-3 { border-color: var(--secondary-l-3); }.border-secondary-d-1 { border-color: var(--secondary-d-1); }.border-secondary-d-2 { border-color: var(--secondary-d-2); }.border-secondary-d-3 { border-color: var(--secondary-d-3); }.border-secondary-t-1 { border-color: var(--secondary-t-1); }.border-secondary-t-2 { border-color: var(--secondary-t-2); }.border-secondary-t-3 { border-color: var(--secondary-t-3); }.text-success { color: var(--success); }.text-success-d-1 { color: var(--success-d-1); }.text-success-d-2 { color: var(--success-d-2); }.text-success-d-3 { color: var(--success-d-3); }.text-success-l-1 { color: var(--success-l-1); }.text-success-l-2 { color: var(--success-l-2); }.text-success-l-3 { color: var(--success-l-3); }.text-success-t-1 { color: var(--success-t-1); }.text-success-t-2 { color: var(--success-t-2); }.text-success-t-3 { color: var(--success-t-3); }.bg-success { background-color: var(--success); }.bg-success-d-1 { background-color: var(--success-d-1); }.bg-success-d-2 { background-color: var(--success-d-2); }.bg-success-d-3 { background-color: var(--success-d-3); }.bg-success-l-1 { background-color: var(--success-l-1); }.bg-success-l-2 { background-color: var(--success-l-2); }.bg-success-l-3 { background-color: var(--success-l-3); }.bg-success-t-1 { background-color: var(--success-t-1); }.bg-success-t-2 { background-color: var(--success-t-2); }.bg-success-t-3 { background-color: var(--success-t-3); }.border-success { border-color: var(--success); }.border-success-d-1 { border-color: var(--success-d-1); }.border-success-d-2 { border-color: var(--success-d-2); }.border-success-d-3 { border-color: var(--success-d-3); }.border-success-l-1 { border-color: var(--success-l-1); }.border-success-l-2 { border-color: var(--success-l-2); }.border-success-l-3 { border-color: var(--success-l-3); }.border-success-t-1 { border-color: var(--success-t-1); }.border-success-t-2 { border-color: var(--success-t-2); }.border-success-t-3 { border-color: var(--success-t-3); }.bg-danger { background-color: var(--danger); }.bg-danger-d-1 { background-color: var(--danger-d-1); }.bg-danger-d-2 { background-color: var(--danger-d-2); }.bg-danger-d-3 { background-color: var(--danger-d-3); }.bg-danger-t-1 { background-color: var(--danger-t-1); }.bg-danger-t-2 { background-color: var(--danger-t-2); }.bg-danger-t-3 { background-color: var(--danger-t-3); }.bg-danger-l-1 { background-color: var(--danger-l-1); }.bg-danger-l-2 { background-color: var(--danger-l-2); }.bg-danger-l-3 { background-color: var(--danger-l-3); }.text-danger { color: var(--danger); }.text-danger-d-1 { color: var(--danger-d-1); }.text-danger-d-2 { color: var(--danger-d-2); }.text-danger-d-3 { color: var(--danger-d-3); }.text-danger-t-1 { color: var(--danger-t-1); }.text-danger-t-2 { color: var(--danger-t-2); }.text-danger-t-3 { color: var(--danger-t-3); }.text-danger-l-1 { color: var(--danger-l-1); }.text-danger-l-2 { color: var(--danger-l-2); }.text-danger-l-3 { color: var(--danger-l-3); }.border-danger { border-color: var(--danger); }.border-danger-d-1 { border-color: var(--danger-d-1); }.border-danger-d-2 { border-color: var(--danger-d-2); }.border-danger-d-3 { border-color: var(--danger-d-3); }.border-danger-t-1 { border-color: var(--danger-t-1); }.border-danger-t-2 { border-color: var(--danger-t-2); }.border-danger-t-3 { border-color: var(--danger-t-3); }.border-danger-l-1 { border-color: var(--danger-l-1); }.border-danger-l-2 { border-color: var(--danger-l-2); }.border-danger-l-3 { border-color: var(--danger-l-3); }.bg-info { background-color: var(--info); }.text-info { color: var(--info); }.border-info { border-color: var(--info); }.bg-warning { background-color: var(--warning); }.bg-warning-l-1 { background-color: var(--warning-l-1); }.bg-warning-l-2 { background-color: var(--warning-l-2); }.bg-warning-l-3 { background-color: var(--warning-l-3); }.bg-warning-d-1 { background-color: var(--warning-d-1); }.bg-warning-d-2 { background-color: var(--warning-d-2); }.bg-warning-d-3 { background-color: var(--warning-d-3); }.bg-warning-t-1 { background-color: var(--warning-t-1); }.bg-warning-t-2 { background-color: var(--warning-t-2); }.bg-warning-t-3 { background-color: var(--warning-t-3); }.text-warning { color: var(--warning); }.text-warning-l-1 { color: var(--warning-l-1); }.text-warning-l-2 { color: var(--warning-l-2); }.text-warning-l-3 { color: var(--warning-l-3); }.text-warning-d-1 { color: var(--warning-d-1); }.text-warning-d-2 { color: var(--warning-d-2); }.text-warning-d-3 { color: var(--warning-d-3); }.text-warning-t-1 { color: var(--warning-t-1); }.text-warning-t-2 { color: var(--warning-t-2); }.text-warning-t-3 { color: var(--warning-t-3); }.border-warning { border-color: var(--warning); }.border-warning-l-1 { border-color: var(--warning-l-1); }.border-warning-l-2 { border-color: var(--warning-l-2); }.border-warning-l-3 { border-color: var(--warning-l-3); }.border-warning-d-1 { border-color: var(--warning-d-1); }.border-warning-d-2 { border-color: var(--warning-d-2); }.border-warning-d-3 { border-color: var(--warning-d-3); }.border-warning-t-1 { border-color: var(--warning-t-1); }.border-warning-t-2 { border-color: var(--warning-t-2); }.border-warning-t-3 { border-color: var(--warning-t-3); }.bg-grey { background-color: var(--grey); }.bg-grey-l-1 { background-color: var(--grey-l-1); }.bg-grey-l-2 { background-color: var(--grey-l-2); }.bg-grey-l-3 { background-color: var(--grey-l-3); }.bg-grey-d-1 { background-color: var(--grey-d-1); }.bg-grey-d-2 { background-color: var(--grey-d-2); }.bg-grey-d-3 { background-color: var(--grey-d-3); }.bg-grey-t-1 { background-color: var(--grey-t-1); }.bg-grey-t-2 { background-color: var(--grey-t-2); }.bg-grey-t-3 { background-color: var(--grey-t-3); }.text-grey { color: var(--grey); }.text-grey-l-1 { color: var(--grey-l-1); }.text-grey-l-2 { color: var(--grey-l-2); }.text-grey-l-3 { color: var(--grey-l-3); }.text-grey-d-1 { color: var(--grey-d-1); }.text-grey-d-2 { color: var(--grey-d-2); }.text-grey-d-3 { color: var(--grey-d-3); }.text-grey-t-1 { color: var(--grey-t-1); }.text-grey-t-2 { color: var(--grey-t-2); }.text-grey-t-3 { color: var(--grey-t-3); }.border-grey { border-color: var(--grey); }.border-grey-l-1 { border-color: var(--grey-l-1); }.border-grey-l-2 { border-color: var(--grey-l-2); }.border-grey-l-3 { border-color: var(--grey-l-3); }.border-grey-d-1 { border-color: var(--grey-d-1); }.border-grey-d-2 { border-color: var(--grey-d-2); }.border-grey-d-3 { border-color: var(--grey-d-3); }.border-grey-t-1 { border-color: var(--grey-t-1); }.border-grey-t-2 { border-color: var(--grey-t-2); }.border-grey-t-3 { border-color: var(--grey-t-3); }.bg-light { background-color: var(--light); }.bg-light-l-1 { background-color: var(--light-l-1); }.bg-light-l-2 { background-color: var(--light-l-2); }.bg-light-l-3 { background-color: var(--light-l-3); }.bg-light-d-1 { background-color: var(--light-d-1); }.bg-light-d-2 { background-color: var(--light-d-2); }.bg-light-d-3 { background-color: var(--light-d-3); }.bg-light-t-1 { background-color: var(--light-t-1); }.bg-light-t-2 { background-color: var(--light-t-2); }.bg-light-t-3 { background-color: var(--light-t-3); }.text-light { color: var(--light); }.text-light-l-1 { color: var(--light-l-1); }.text-light-l-2 { color: var(--light-l-2); }.text-light-l-3 { color: var(--light-l-3); }.text-light-d-1 { color: var(--light-d-1); }.text-light-d-2 { color: var(--light-d-2); }.text-light-d-3 { color: var(--light-d-3); }.text-light-t-1 { color: var(--light-t-1); }.text-light-t-2 { color: var(--light-t-2); }.text-light-t-3 { color: var(--light-t-3); }.border-light { border-color: var(--light); }.border-light-l-1 { border-color: var(--light-l-1); }.border-light-l-2 { border-color: var(--light-l-2); }.border-light-l-3 { border-color: var(--light-l-3); }.border-light-d-1 { border-color: var(--light-d-1); }.border-light-d-2 { border-color: var(--light-d-2); }.border-light-d-3 { border-color: var(--light-d-3); }.border-light-t-1 { border-color: var(--light-t-1); }.border-light-t-2 { border-color: var(--light-t-2); }.border-light-t-3 { border-color: var(--light-t-3); }.bg-dark { background-color: var(--dark); }.bg-dark-l-1 { background-color: var(--dark-l-1); }.bg-dark-l-2 { background-color: var(--dark-l-2); }.bg-dark-l-3 { background-color: var(--dark-l-3); }.bg-dark-d-1 { background-color: var(--dark-d-1); }.bg-dark-d-2 { background-color: var(--dark-d-2); }.bg-dark-d-3 { background-color: var(--dark-d-3); }.bg-dark-t-1 { background-color: var(--dark-t-1); }.bg-dark-t-2 { background-color: var(--dark-t-2); }.bg-dark-t-3 { background-color: var(--dark-t-3); }.text-dark { color: var(--dark); }.text-dark-l-1 { color: var(--dark-l-1); }.text-dark-l-2 { color: var(--dark-l-2); }.text-dark-l-3 { color: var(--dark-l-3); }.text-dark-d-1 { color: var(--dark-d-1); }.text-dark-d-2 { color: var(--dark-d-2); }.text-dark-d-3 { color: var(--dark-d-3); }.text-dark-t-1 { color: var(--dark-t-1); }.text-dark-t-2 { color: var(--dark-t-2); }.text-dark-t-3 { color: var(--dark-t-3); }.border-dark { border-color: var(--dark); }.border-dark-l-1 { border-color: var(--dark-l-1); }.border-dark-l-2 { border-color: var(--dark-l-2); }.border-dark-l-3 { border-color: var(--dark-l-3); }.border-dark-d-1 { border-color: var(--dark-d-1); }.border-dark-d-2 { border-color: var(--dark-d-2); }.border-dark-d-3 { border-color: var(--dark-d-3); }.border-dark-t-1 { border-color: var(--dark-t-1); }.border-dark-t-2 { border-color: var(--dark-t-2); }.border-dark-t-3 { border-color: var(--dark-t-3); }