: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; --rougeojp: #C60800; --vertojp: hsl(92 100% 38.82%); --bleuojp: hsl(182 100% 38.82%); --violetojp: hsl(272 100% 38.82%); --rougeojp-l-1: #cb1e17; --rougeojp-l-2: #d0352e; --rougeojp-l-3: #d64b46; --rougeojp-l-4: #db625d; --rougeojp-l-5: #e07874; --rougeojp-l-6: #e58f8b; --rougeojp-l-7: #eaa5a2; --rougeojp-l-8: #efbcb9; --rougeojp-l-9: #f5d2d1; --rougeojp-l-10: #fae9e8; --rougeojp-d-1: #b40700; --rougeojp-d-2: #a20700; --rougeojp-d-3: #900600; --rougeojp-d-4: #7e0500; --rougeojp-d-5: #6c0400; --rougeojp-d-6: #5a0400; --rougeojp-d-7: #480300; --rougeojp-d-8: #360200; --rougeojp-d-9: #240100; --rougeojp-d-10: #120100; --jauneojp: #ffd700; --jauneojp-l-1: #ffdb17; --jauneojp-l-2: #ffde2e; --jauneojp-l-3: #ffe246; --jauneojp-l-4: #ffe65d; --jauneojp-l-5: #ffe974; --jauneojp-l-6: #ffed8b; --jauneojp-l-7: #fff0a2; --jauneojp-l-8: #fff4b9; --jauneojp-l-9: #fff8d1; --jauneojp-l-10: #fffbe8; --jauneojp-d-1: #e8c300; --jauneojp-d-2: #d1b000; --jauneojp-d-3: #b99c00; --jauneojp-d-4: #a28900; --jauneojp-d-5: #8b7500; --jauneojp-d-6: #746200; --jauneojp-d-7: #5d4e00; --jauneojp-d-8: #463b00; --jauneojp-d-9: #2e2700; --jauneojp-d-10: #171400; --grisojp: #757575; --grisojp-l-1: #828282; --grisojp-l-2: #8e8e8e; --grisojp-l-3: #9b9b9b; --grisojp-l-4: #a7a7a7; --grisojp-l-5: #b4b4b4; --grisojp-l-6: #c0c0c0; --grisojp-l-7: #cdcdcd; --grisojp-l-8: #d9d9d9; --grisojp-l-9: #e6e6e6; --grisojp-l-10: #f2f2f2; --grisojp-d-1: #6a6a6a; --grisojp-d-2: #606060; --grisojp-d-3: #555555; --grisojp-d-4: #4a4a4a; --grisojp-d-5: #404040; --grisojp-d-6: #353535; --grisojp-d-7: #2b2b2b; --grisojp-d-8: #202020; --grisojp-d-9: #151515; --grisojp-d-10: #0b0b0b; --liensojp: #E09900; --liensojp-l-1: #e3a217; --liensojp-l-2: #e6ac2e; --liensojp-l-3: #e8b546; --liensojp-l-4: #ebbe5d; --liensojp-l-5: #eec774; --liensojp-l-6: #f1d18b; --liensojp-l-7: #f4daa2; --liensojp-l-8: #f7e3b9; --liensojp-l-9: #f9ecd1; --liensojp-l-10: #fcf6e8; --liensojp-d-1: #cc8b00; --liensojp-d-2: #b77d00; --liensojp-d-3: #a36f00; --liensojp-d-4: #8f6100; --liensojp-d-5: #7a5300; --liensojp-d-6: #664600; --liensojp-d-7: #513800; --liensojp-d-8: #3d2a00; --liensojp-d-9: #291c00; --liensojp-d-10: #140e00; --vertojp-l-1: hsl(92, 80%, 44%); --vertojp-l-2: hsl(92, 64%, 50%); --vertojp-l-3: hsl(92, 63%, 56%); --vertojp-l-4: hsl(92, 63%, 61%); --vertojp-l-5: hsl(92, 63%, 67%); --vertojp-l-6: hsl(92, 63%, 72%); --vertojp-l-7: hsl(92, 63%, 78%); --vertojp-l-8: hsl(92, 63%, 83%); --vertojp-l-9: hsl(92, 63%, 89%); --vertojp-l-10: hsl(92, 63%, 94%); --vertojp-d-1: hsl(92, 100%, 35%); --vertojp-d-2: hsl(92, 100%, 32%); --vertojp-d-3: hsl(92, 100%, 28%); --vertojp-d-4: hsl(92, 100%, 25%); --vertojp-d-5: hsl(92, 100%, 21%); --vertojp-d-6: hsl(92, 100%, 18%); --vertojp-d-7: hsl(92, 100%, 14%); --vertojp-d-8: hsl(92, 100%, 11%); --vertojp-d-9: hsl(92, 100%, 7%); --vertojp-d-10: hsl(92, 100%, 4%); --bleuojp-l-1: hsl(182, 80%, 44%); --bleuojp-l-2: hsl(182, 64%, 50%); --bleuojp-l-3: hsl(182, 63%, 56%); --bleuojp-l-4: hsl(182, 63%, 61%); --bleuojp-l-5: hsl(182, 63%, 67%); --bleuojp-l-6: hsl(182, 63%, 72%); --bleuojp-l-7: hsl(182, 63%, 78%); --bleuojp-l-8: hsl(182, 63%, 83%); --bleuojp-l-9: hsl(182, 63%, 89%); --bleuojp-l-10: hsl(182, 63%, 94%); --bleuojp-d-1: hsl(182, 100%, 35%); --bleuojp-d-2: hsl(182, 100%, 32%); --bleuojp-d-3: hsl(182, 100%, 28%); --bleuojp-d-4: hsl(182, 100%, 25%); --bleuojp-d-5: hsl(182, 100%, 21%); --bleuojp-d-6: hsl(182, 100%, 18%); --bleuojp-d-7: hsl(182, 100%, 14%); --bleuojp-d-8: hsl(182, 100%, 11%); --bleuojp-d-9: hsl(182, 100%, 7%); --bleuojp-d-10: hsl(182, 100%, 4%); --violetojp-l-1: hsl(272, 80%, 44%); --violetojp-l-2: hsl(272, 64%, 50%); --violetojp-l-3: hsl(272, 63%, 56%); --violetojp-l-4: hsl(272, 63%, 61%); --violetojp-l-5: hsl(272, 63%, 67%); --violetojp-l-6: hsl(272, 63%, 72%); --violetojp-l-7: hsl(272, 63%, 78%); --violetojp-l-8: hsl(272, 63%, 83%); --violetojp-l-9: hsl(272, 63%, 89%); --violetojp-l-10: hsl(272, 63%, 94%); --violetojp-d-1: hsl(272, 100%, 35%); --violetojp-d-2: hsl(272, 100%, 32%); --violetojp-d-3: hsl(272, 100%, 28%); --violetojp-d-4: hsl(272, 100%, 25%); --violetojp-d-5: hsl(272, 100%, 21%); --violetojp-d-6: hsl(272, 100%, 18%); --violetojp-d-7: hsl(272, 100%, 14%); --violetojp-d-8: hsl(272, 100%, 11%); --violetojp-d-9: hsl(272, 100%, 7%); --violetojp-d-10: hsl(272, 100%, 4%); --grisojp-t-1: hsla(0, 0%, 46%, 0.09); --grisojp-t-2: hsla(0, 0%, 46%, 0.18); --grisojp-t-3: hsla(0, 0%, 46%, 0.27); --grisojp-t-4: hsla(0, 0%, 46%, 0.36); --grisojp-t-5: hsla(0, 0%, 46%, 0.45); --grisojp-t-6: hsla(0, 0%, 46%, 0.55); --grisojp-t-7: hsla(0, 0%, 46%, 0.64); --grisojp-t-8: hsla(0, 0%, 46%, 0.73); --grisojp-t-9: hsla(0, 0%, 46%, 0.82); --grisojp-t-10: hsla(0, 0%, 46%, 0.91); --text-sss: clamp(0.93rem, calc(0.0018518518518518504 * (100vw - 36rem) + 0.93rem), 1.13rem); --text-ss: clamp(1.11rem, calc(0.002777777777777776 * (100vw - 36rem) + 1.11rem), 1.41rem); --text-s: clamp(1.33rem, calc(0.003981481481481481 * (100vw - 36rem) + 1.33rem), 1.76rem); --text-h6: clamp(1.6rem, calc(0.005555555555555557 * (100vw - 36rem) + 1.6rem), 2.2rem); --text-h5: clamp(1.92rem, calc(0.0076851851851851855 * (100vw - 36rem) + 1.92rem), 2.75rem); --text-h4: clamp(2.3rem, calc(0.010555555555555556 * (100vw - 36rem) + 2.3rem), 3.44rem); --text-h3: clamp(2.76rem, calc(0.01425925925925926 * (100vw - 36rem) + 2.76rem), 4.3rem); --text-h2: clamp(3.32rem, calc(0.018981481481481485 * (100vw - 36rem) + 3.32rem), 5.37rem); --text-h1: clamp(3.98rem, calc(0.025277777777777777 * (100vw - 36rem) + 3.98rem), 6.71rem); --space-4xs: clamp(0.38rem, calc(0.0012962962962962965 * (100vw - 36rem) + 0.38rem), 0.52rem); --space-3xs: clamp(0.51rem, calc(0.0017592592592592588 * (100vw - 36rem) + 0.51rem), 0.7rem); --space-2xs: clamp(0.68rem, calc(0.0023148148148148147 * (100vw - 36rem) + 0.68rem), 0.93rem); --space-xs: clamp(0.9rem, calc(0.0031481481481481477 * (100vw - 36rem) + 0.9rem), 1.24rem); --space-s: clamp(1.2rem, calc(0.004166666666666667 * (100vw - 36rem) + 1.2rem), 1.65rem); --space-m: clamp(1.6rem, calc(0.005555555555555557 * (100vw - 36rem) + 1.6rem), 2.2rem); --space-l: clamp(2.13rem, calc(0.00740740740740741 * (100vw - 36rem) + 2.13rem), 2.93rem); --space-xl: clamp(2.84rem, calc(0.00990740740740741 * (100vw - 36rem) + 2.84rem), 3.91rem); --space-2xl: clamp(3.79rem, calc(0.013148148148148147 * (100vw - 36rem) + 3.79rem), 5.21rem); --space-3xl: clamp(5.05rem, calc(0.017592592592592597 * (100vw - 36rem) + 5.05rem), 6.95rem); --space-4xl: clamp(6.73rem, calc(0.02342592592592592 * (100vw - 36rem) + 6.73rem), 9.26rem);}