:root { --primary: 2B8EE6; --secondary: hsl(76, 74%, 30%); --secondary-l-1: hsl(76, 35%, 48%); --secondary-l-2: hsl(76, 32%, 65%); --secondary-l-3: hsl(76, 32%, 83%); --secondary-d-1: hsl(76, 74%, 23%); --secondary-d-2: hsl(76, 74%, 15%); --secondary-d-3: hsl(76, 74%, 8%); --highlight: hsl(22, 100%, 54%); --highlight-l-1: hsl(22, 100%, 69%); --highlight-l-2: hsl(22, 100%, 85%); --highlight-d-1: hsl(22, 85%, 36%); --highlight-d-2: hsl(22, 85%, 18%); --black: hsl(0, 0%, 0%); --black-l-1: hsl(0, 0%, 17%); --black-l-2: hsl(0, 0%, 33%); --black-l-3: hsl(0, 0%, 50%); --black-l-4: hsl(0, 0%, 67%); --black-l-5: hsl(0, 0%, 83%); --black-d-1: hsl(0, 0%, 0%); --black-d-2: hsl(0, 0%, 0%); --black-d-3: hsl(0, 0%, 0%); --black-d-4: hsl(0, 0%, 0%); --black-d-5: hsl(0, 0%, 0%); --white: hsl(0, 0%, 100%); --offwhite: #fffcfc; --grey_80: hsl(0, 0%, 20%); --black-t-1: hsla(0, 0%, 83%, 0.17); --black-t-2: hsla(0, 0%, 67%, 0.33); --black-t-3: hsla(0, 0%, 50%, 0.5); --black-t-4: hsla(0, 0%, 33%, 0.67); --black-t-5: hsla(0, 0%, 17%, 0.83); --ocker: hsl(52, 87%, 42%); --ocker-l-1: hsl(52, 63%, 56%); --ocker-l-2: hsl(52, 63%, 71%); --ocker-l-3: hsl(52, 63%, 85%); --ocker-d-1: hsl(52, 87%, 31%); --ocker-d-2: hsl(52, 87%, 21%); --ocker-d-3: hsl(52, 87%, 10%); --ligth-grey: hsl(188, 11%, 96%); --black70%: hsla(0, 0%, 0%, 0.68); --black_70%: hsla(0, 0%, 0%, 0.7); --text_100%: 3A3D40; --primary_highlight: #FF9500; --primary_highlight-d-0: #e88700; --primary_highlight-d-1: #d17a00; --primary_highlight-d-2: #b96c00; --primary_highlight-d-3: #a25f00; --primary_highlight-d-4: #8b5100; --primary_highlight-d-5: #744400; --primary_highlight-d-6: #5d3600; --primary_highlight-d-7: #462900; --primary_highlight-d-8: #2e1b00; --primary_highlight-d-9: #170e00; --primary_highlight-l-0: #ff9f17; --primary_highlight-l-1: #ffa82e; --primary_highlight-l-2: #ffb246; --primary_highlight-l-3: #ffbc5d; --primary_highlight-l-4: #ffc574; --primary_highlight-l-5: #ffcf8b; --primary_highlight-l-6: #ffd8a2; --primary_highlight-l-7: #ffe2b9; --primary_highlight-l-8: #ffecd1; --primary_highlight-l-9: #fff5e8; --primary_highlight-t-0: hsla(35, 100%, 95%, 0.09); --primary_highlight-t-1: hsla(35, 100%, 91%, 0.18); --primary_highlight-t-2: hsla(35, 100%, 86%, 0.27); --primary_highlight-t-3: hsla(35, 100%, 82%, 0.36); --primary_highlight-t-4: hsla(35, 100%, 77%, 0.45); --primary_highlight-t-5: hsla(35, 100%, 73%, 0.55); --primary_highlight-t-6: hsla(35, 100%, 68%, 0.64); --primary_highlight-t-7: hsla(35, 100%, 64%, 0.73); --primary_highlight-t-8: hsla(35, 100%, 59%, 0.82); --primary_highlight-t-9: hsla(35, 100%, 55%, 0.91); --primary-l-1: #55a5eb; --primary-l-2: #80bbf0; --primary-l-3: #aad2f5; --primary-l-4: #d5e8fa; --primary-d-1: #2272b8; --primary-d-2: #1a558a; --primary-d-3: #11395c; --primary-d-4: #091c2e; --p-2xs: clamp(0.82rem, calc(0.00537037037037037 * (100vw - 36rem) + 0.82rem), 1.4rem); --p-xs: clamp(1.02rem, calc(0.005185185185185186 * (100vw - 36rem) + 1.02rem), 1.58rem); --p-s: clamp(1.28rem, calc(0.004629629629629629 * (100vw - 36rem) + 1.28rem), 1.78rem); --p-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --p-l: clamp(2rem, calc(0.0023148148148148147 * (100vw - 36rem) + 2rem), 2.25rem); --p-xl: clamp(2.5rem, calc(0.000277777777777776 * (100vw - 36rem) + 2.5rem), 2.53rem); --p-2xl: clamp(3.13rem, calc(-0.002592592592592591 * (100vw - 36rem) + 3.13rem), 2.85rem); --h6: clamp(0.82rem, calc(0.00018518518518518534 * (100vw - 36rem) + 0.82rem), 0.84rem); --h5: clamp(1.02rem, calc(0.0010185185185185173 * (100vw - 36rem) + 1.02rem), 1.13rem); --h4: clamp(1.28rem, calc(0.002037037037037037 * (100vw - 36rem) + 1.28rem), 1.5rem); --h3: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --h2: clamp(2rem, calc(0.0062037037037037035 * (100vw - 36rem) + 2rem), 2.67rem); --h1: clamp(2.5rem, calc(0.00972222222222222 * (100vw - 36rem) + 2.5rem), 3.55rem); --h1-copy: clamp(3.5rem, calc(0.00972222222222222 * (100vw - 36rem) + 3.5rem), 4rem); --space-2xs: clamp(0.59rem, calc(0.0023148148148148147 * (100vw - 36rem) + 0.59rem), 0.84rem); --space-xs: clamp(0.89rem, calc(0.002222222222222221 * (100vw - 36rem) + 0.89rem), 1.13rem); --space-s: clamp(1.33rem, calc(0.0015740740740740734 * (100vw - 36rem) + 1.33rem), 1.5rem); --space-m: clamp(2rem, calc(0 * (100vw - 36rem) + 2rem), 2rem); --space-l: clamp(3rem, calc(-0.003055555555555556 * (100vw - 36rem) + 3rem), 2.67rem); --space-xl: clamp(4.5rem, calc(-0.008796296296296299 * (100vw - 36rem) + 4.5rem), 3.55rem); --space-2xl: clamp(6.75rem, calc(-0.01861111111111111 * (100vw - 36rem) + 6.75rem), 4.74rem);}.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-l-4 { background-color: var(--primary-l-4); }.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-d-4 { background-color: var(--primary-d-4); }.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-l-4 { color: var(--primary-l-4); }.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-d-4 { color: var(--primary-d-4); }.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); }.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); }.fill-secondary { fill: var(--secondary); }.fill-secondary-l-1 { fill: var(--secondary-l-1); }.fill-secondary-l-2 { fill: var(--secondary-l-2); }.fill-secondary-l-3 { fill: var(--secondary-l-3); }.fill-secondary-d-1 { fill: var(--secondary-d-1); }.fill-secondary-d-2 { fill: var(--secondary-d-2); }.fill-secondary-d-3 { fill: var(--secondary-d-3); }.stroke-highlight { stroke: var(--highlight); }.stroke-highlight-l-1 { stroke: var(--highlight-l-1); }.stroke-highlight-l-2 { stroke: var(--highlight-l-2); }.stroke-highlight-d-1 { stroke: var(--highlight-d-1); }.stroke-highlight-d-2 { stroke: var(--highlight-d-2); }.fill-highlight { fill: var(--highlight); }.fill-highlight-l-1 { fill: var(--highlight-l-1); }.fill-highlight-l-2 { fill: var(--highlight-l-2); }.fill-highlight-d-1 { fill: var(--highlight-d-1); }.fill-highlight-d-2 { fill: var(--highlight-d-2); }.outline-highlight { outline-color: var(--highlight); }.outline-highlight-l-1 { outline-color: var(--highlight-l-1); }.outline-highlight-l-2 { outline-color: var(--highlight-l-2); }.outline-highlight-d-1 { outline-color: var(--highlight-d-1); }.outline-highlight-d-2 { outline-color: var(--highlight-d-2); }.border-highlight { border-color: var(--highlight); }.border-highlight-l-1 { border-color: var(--highlight-l-1); }.border-highlight-l-2 { border-color: var(--highlight-l-2); }.border-highlight-d-1 { border-color: var(--highlight-d-1); }.border-highlight-d-2 { border-color: var(--highlight-d-2); }.text-highlight { color: var(--highlight); }.text-highlight-l-1 { color: var(--highlight-l-1); }.text-highlight-l-2 { color: var(--highlight-l-2); }.text-highlight-d-1 { color: var(--highlight-d-1); }.text-highlight-d-2 { color: var(--highlight-d-2); }.bg-black { background-color: var(--black); }.bg-black-l-1 { background-color: var(--black-l-1); }.bg-black-l-2 { background-color: var(--black-l-2); }.bg-black-l-3 { background-color: var(--black-l-3); }.bg-black-l-4 { background-color: var(--black-l-4); }.bg-black-l-5 { background-color: var(--black-l-5); }.bg-black-d-1 { background-color: var(--black-d-1); }.bg-black-d-2 { background-color: var(--black-d-2); }.bg-black-d-3 { background-color: var(--black-d-3); }.bg-black-d-4 { background-color: var(--black-d-4); }.bg-black-d-5 { background-color: var(--black-d-5); }.bg-black-t-1 { background-color: var(--black-t-1); }.bg-black-t-2 { background-color: var(--black-t-2); }.bg-black-t-3 { background-color: var(--black-t-3); }.bg-black-t-4 { background-color: var(--black-t-4); }.bg-black-t-5 { background-color: var(--black-t-5); }.text-black { color: var(--black); }.text-black-l-1 { color: var(--black-l-1); }.text-black-l-2 { color: var(--black-l-2); }.text-black-l-3 { color: var(--black-l-3); }.text-black-l-4 { color: var(--black-l-4); }.text-black-l-5 { color: var(--black-l-5); }.text-black-d-1 { color: var(--black-d-1); }.text-black-d-2 { color: var(--black-d-2); }.text-black-d-3 { color: var(--black-d-3); }.text-black-d-4 { color: var(--black-d-4); }.text-black-d-5 { color: var(--black-d-5); }.text-black-t-1 { color: var(--black-t-1); }.text-black-t-2 { color: var(--black-t-2); }.text-black-t-3 { color: var(--black-t-3); }.text-black-t-4 { color: var(--black-t-4); }.text-black-t-5 { color: var(--black-t-5); }.fill-black { fill: var(--black); }.fill-black-l-1 { fill: var(--black-l-1); }.fill-black-l-2 { fill: var(--black-l-2); }.fill-black-l-3 { fill: var(--black-l-3); }.fill-black-l-4 { fill: var(--black-l-4); }.fill-black-l-5 { fill: var(--black-l-5); }.fill-black-d-1 { fill: var(--black-d-1); }.fill-black-d-2 { fill: var(--black-d-2); }.fill-black-d-3 { fill: var(--black-d-3); }.fill-black-d-4 { fill: var(--black-d-4); }.fill-black-d-5 { fill: var(--black-d-5); }.fill-black-t-1 { fill: var(--black-t-1); }.fill-black-t-2 { fill: var(--black-t-2); }.fill-black-t-3 { fill: var(--black-t-3); }.fill-black-t-4 { fill: var(--black-t-4); }.fill-black-t-5 { fill: var(--black-t-5); }.bg-ocker { background-color: var(--ocker); }.bg-ocker-l-1 { background-color: var(--ocker-l-1); }.bg-ocker-l-2 { background-color: var(--ocker-l-2); }.bg-ocker-l-3 { background-color: var(--ocker-l-3); }.bg-ocker-d-1 { background-color: var(--ocker-d-1); }.bg-ocker-d-2 { background-color: var(--ocker-d-2); }.bg-ocker-d-3 { background-color: var(--ocker-d-3); }.fill-ocker { fill: var(--ocker); }.fill-ocker-l-1 { fill: var(--ocker-l-1); }.fill-ocker-l-2 { fill: var(--ocker-l-2); }.fill-ocker-l-3 { fill: var(--ocker-l-3); }.fill-ocker-d-1 { fill: var(--ocker-d-1); }.fill-ocker-d-2 { fill: var(--ocker-d-2); }.fill-ocker-d-3 { fill: var(--ocker-d-3); }.text-text_100% { color: var(--text_100%); }.border-text_100% { border-color: var(--text_100%); }.outline-text_100% { outline-color: var(--text_100%); }.stroke-text_100% { stroke: var(--text_100%); }.fill-text_100% { fill: var(--text_100%); }.bg-text_100% { background-color: var(--text_100%); }