:root { --bricks-color-grey-100: #f5f5f5; --bricks-color-grey-300: #e0e0e0; --bricks-color-grey-500: #9e9e9e; --bricks-color-grey-700: #616161; --bricks-color-grey-800: #424242; --bricks-color-grey-900: #212121; --bricks-color-yellow: #ffeb3b; --bricks-color-amber: #ffc107; --bricks-color-orange: #ff9800; --bricks-color-deep-orange: #ff5722; --bricks-color-red: #f44336; --bricks-color-purple: #9c27b0; --bricks-color-blue: #2196f3; --bricks-color-light-blue: #03a9f4; --bricks-color-sky-blue: #81D4FA; --bricks-color-green: #4caf50; --bricks-color-light-green: #8bc34a; --bricks-color-lime: #cddc39; --deep-blue: #133760; --deep-blue-l-1: #355477; --deep-blue-l-2: #56708d; --deep-blue-l-3: #788da4; --deep-blue-l-4: #9aa9bb; --deep-blue-l-5: #bcc6d2; --deep-blue-l-6: #dde2e8; --deep-blue-t-1: hsla(212, 67%, 23%, 0.09); --deep-blue-t-2: hsla(212, 67%, 23%, 0.18); --deep-blue-t-3: hsla(212, 67%, 23%, 0.27); --deep-blue-t-4: hsla(212, 67%, 23%, 0.36); --deep-blue-t-5: hsla(212, 67%, 23%, 0.45); --deep-blue-t-6: hsla(212, 67%, 23%, 0.55); --deep-blue-t-7: hsla(212, 67%, 23%, 0.64); --deep-blue-t-8: hsla(212, 67%, 23%, 0.73); --deep-blue-t-9: hsla(212, 67%, 23%, 0.82); --deep-blue-t-10: hsla(212, 67%, 23%, 0.91); --blue: #1B75BC; --blue-l-1: #3c89c6; --blue-l-2: #5c9ccf; --blue-l-3: #7db0d9; --blue-l-4: #9dc4e2; --blue-l-5: #bed8ec; --blue-l-6: #deebf5; --blue-t-1: hsla(206, 75%, 42%, 0.09); --blue-t-2: hsla(206, 75%, 42%, 0.18); --blue-t-3: hsla(206, 75%, 42%, 0.27); --blue-t-4: hsla(206, 75%, 42%, 0.36); --blue-t-5: hsla(206, 75%, 42%, 0.45); --blue-t-6: hsla(206, 75%, 42%, 0.55); --blue-t-7: hsla(206, 75%, 42%, 0.64); --blue-t-8: hsla(206, 75%, 42%, 0.73); --blue-t-9: hsla(206, 75%, 42%, 0.82); --blue-t-10: hsla(206, 75%, 42%, 0.91); --teal: #08AFBF; --teal-l-1: #2bbac8; --teal-l-2: #4fc6d1; --teal-l-3: #72d1da; --teal-l-4: #95dde4; --teal-l-5: #b8e8ed; --teal-l-6: #dcf4f6; --teal-t-1: hsla(185, 92%, 39%, 0.09); --teal-t-2: hsla(185, 92%, 39%, 0.18); --teal-t-3: hsla(185, 92%, 39%, 0.27); --teal-t-4: hsla(185, 92%, 39%, 0.36); --teal-t-5: hsla(185, 92%, 39%, 0.45); --teal-t-6: hsla(185, 92%, 39%, 0.55); --teal-t-7: hsla(185, 92%, 39%, 0.64); --teal-t-8: hsla(185, 92%, 39%, 0.73); --teal-t-9: hsla(185, 92%, 39%, 0.82); --teal-t-10: hsla(185, 92%, 39%, 0.91); --off-white: #f3f6fa; --off-white-t-1: hsla(214, 41%, 97%, 0.09); --off-white-t-2: hsla(214, 41%, 97%, 0.18); --off-white-t-3: hsla(214, 41%, 97%, 0.27); --off-white-t-4: hsla(214, 41%, 97%, 0.36); --off-white-t-5: hsla(214, 41%, 97%, 0.45); --off-white-t-6: hsla(214, 41%, 97%, 0.55); --off-white-t-7: hsla(214, 41%, 97%, 0.64); --off-white-t-8: hsla(214, 41%, 97%, 0.73); --off-white-t-9: hsla(214, 41%, 97%, 0.82); --off-white-t-10: hsla(214, 41%, 97%, 0.91); --yellow: #ffe158; --yellow-t-1: hsla(49, 100%, 67%, 0.09); --yellow-t-2: hsla(49, 100%, 67%, 0.18); --yellow-t-3: hsla(49, 100%, 67%, 0.27); --yellow-t-4: hsla(49, 100%, 67%, 0.36); --yellow-t-5: hsla(49, 100%, 67%, 0.45); --yellow-t-6: hsla(49, 100%, 67%, 0.55); --yellow-t-7: hsla(49, 100%, 67%, 0.64); --yellow-t-8: hsla(49, 100%, 67%, 0.73); --yellow-t-9: hsla(49, 100%, 67%, 0.82); --yellow-t-10: hsla(49, 100%, 67%, 0.91); --bright-yellow: #ffdd44; --bright-yellow-t-1: hsla(49, 100%, 63%, 0.09); --bright-yellow-t-2: hsla(49, 100%, 63%, 0.18); --bright-yellow-t-3: hsla(49, 100%, 63%, 0.27); --bright-yellow-t-4: hsla(49, 100%, 63%, 0.36); --bright-yellow-t-5: hsla(49, 100%, 63%, 0.45); --bright-yellow-t-6: hsla(49, 100%, 63%, 0.55); --bright-yellow-t-7: hsla(49, 100%, 63%, 0.64); --bright-yellow-t-8: hsla(49, 100%, 63%, 0.73); --bright-yellow-t-9: hsla(49, 100%, 63%, 0.82); --bright-yellow-t-10: hsla(49, 100%, 63%, 0.91); --thepierblue: #003865; --thepierblue-t-1: hsla(207, 100%, 20%, 0.09); --thepierblue-t-2: hsla(207, 100%, 20%, 0.18); --thepierblue-t-3: hsla(207, 100%, 20%, 0.27); --thepierblue-t-4: hsla(207, 100%, 20%, 0.36); --thepierblue-t-5: hsla(207, 100%, 20%, 0.45); --thepierblue-t-6: hsla(207, 100%, 20%, 0.55); --thepierblue-t-7: hsla(207, 100%, 20%, 0.64); --thepierblue-t-8: hsla(207, 100%, 20%, 0.73); --thepierblue-t-9: hsla(207, 100%, 20%, 0.82); --thepierblue-t-10: hsla(207, 100%, 20%, 0.91); --thepierblue-l-1: #24547b; --thepierblue-l-2: #497191; --thepierblue-l-3: #6d8da7; --thepierblue-l-4: #92aabd; --thepierblue-l-5: #b6c6d3; --thepierblue-l-6: #dbe3e9; --thepieraqua: #A7E6D7; --thepiercoral: #FABCAD; --thepiercoral-2: hsl(348 88.5% 82.94%); --thepiercoral-3: hsl(360 88.5% 82.94%); --thepiercoral-5: hsl(24 88.5% 82.94%); --thepiercoral-6: hsl(36 88.5% 82.94%); --thepieroffwhite: #D7D2CB; --thepiercoral-l-1: #fbc6b9; --thepiercoral-l-2: #fbcfc4; --thepiercoral-l-3: #fcd9d0; --thepiercoral-l-4: #fde2dc; --thepiercoral-l-5: #feece8; --thepiercoral-l-6: #fef5f3; --thepiercoral-t-1: hsla(12, 88%, 83%, 0.09); --thepiercoral-t-2: hsla(12, 88%, 83%, 0.18); --thepiercoral-t-3: hsla(12, 88%, 83%, 0.27); --thepiercoral-t-4: hsla(12, 88%, 83%, 0.36); --thepiercoral-t-5: hsla(12, 88%, 83%, 0.45); --thepiercoral-t-6: hsla(12, 88%, 83%, 0.55); --thepiercoral-t-7: hsla(12, 88%, 83%, 0.64); --thepiercoral-t-8: hsla(12, 88%, 83%, 0.73); --thepiercoral-t-9: hsla(12, 88%, 83%, 0.82); --thepiercoral-t-10: hsla(12, 88%, 83%, 0.91); --thepiercoral-6-t-1: hsla(36, 88%, 83%, 0.09); --thepiercoral-6-t-2: hsla(36, 88%, 83%, 0.18); --thepiercoral-6-t-3: hsla(36, 88%, 83%, 0.27); --thepiercoral-6-t-4: hsla(36, 88%, 83%, 0.36); --thepiercoral-6-t-5: hsla(36, 88%, 83%, 0.45); --thepiercoral-6-t-6: hsla(36, 88%, 83%, 0.55); --thepiercoral-6-t-7: hsla(36, 88%, 83%, 0.64); --thepiercoral-6-t-8: hsla(36, 88%, 83%, 0.73); --thepiercoral-6-t-9: hsla(36, 88%, 83%, 0.82); --thepiercoral-6-t-10: hsla(36, 88%, 83%, 0.91); --thepiercoral-6-l-1: hsl(36, 89%, 85%); --thepiercoral-6-l-2: hsl(36, 89%, 88%); --thepiercoral-6-l-3: hsl(36, 89%, 90%); --thepiercoral-6-l-4: hsl(36, 89%, 93%); --thepiercoral-6-l-5: hsl(36, 89%, 95%); --thepiercoral-6-l-6: hsl(36, 89%, 98%); --head-1: clamp(1.8rem, calc(0.022222222222222227 * (100vw - 36rem) + 1.8rem), 4.2rem); --head-2: clamp(2.25rem, calc(0.027777777777777776 * (100vw - 36rem) + 2.25rem), 5.25rem); --head-3: clamp(2.81rem, calc(0.03472222222222222 * (100vw - 36rem) + 2.81rem), 6.56rem); --head-4: clamp(3.52rem, calc(0.04333333333333333 * (100vw - 36rem) + 3.52rem), 8.2rem); --head-5: clamp(4.39rem, calc(0.054259259259259264 * (100vw - 36rem) + 4.39rem), 10.25rem); --head-6: clamp(5.49rem, calc(0.06787037037037037 * (100vw - 36rem) + 5.49rem), 12.82rem); --head-7: clamp(6.87rem, calc(0.08472222222222221 * (100vw - 36rem) + 6.87rem), 16.02rem); --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.82rem, calc(0.00018518518518518534 * (100vw - 36rem) + 0.82rem), 0.84rem); --space-xs: clamp(1.02rem, calc(0.0010185185185185173 * (100vw - 36rem) + 1.02rem), 1.13rem); --space-s: clamp(1.28rem, calc(0.002037037037037037 * (100vw - 36rem) + 1.28rem), 1.5rem); --space-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --space-l: clamp(2rem, calc(0.0062037037037037035 * (100vw - 36rem) + 2rem), 2.67rem); --space-xl: clamp(2.5rem, calc(0.00972222222222222 * (100vw - 36rem) + 2.5rem), 3.55rem); --space-2xl: clamp(3.13rem, calc(0.014907407407407411 * (100vw - 36rem) + 3.13rem), 4.74rem);}