: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; --bg: #f1f3f9; --surface: #ffffff; --glass: rgba(255, 255, 255, 0.75); --neumorph-light: #f8fafc; --neumorph-light-l-1: #f9fafc; --neumorph-light-l-2: #f9fbfd; --neumorph-light-l-3: #fafbfd; --neumorph-light-l-4: #fbfcfd; --neumorph-light-l-5: #fbfcfd; --neumorph-light-l-6: #fcfdfe; --neumorph-light-l-7: #fcfdfe; --neumorph-light-l-8: #fdfefe; --neumorph-light-l-9: #fefefe; --neumorph-light-l-10: #feffff; --neumorph-light-d-1: #e1e3e5; --neumorph-light-d-2: #cbcdce; --neumorph-light-d-3: #b4b6b7; --neumorph-light-d-4: #9e9fa0; --neumorph-light-d-5: #878889; --neumorph-light-d-6: #717273; --neumorph-light-d-7: #5a5b5c; --neumorph-light-d-8: #444445; --neumorph-light-d-9: #2d2d2e; --neumorph-light-d-10: #171717; --neumorph-shadow: #d1d5db; --neumorph-shadow-t-1: hsla(216, 12%, 84%, 0.09); --neumorph-shadow-t-2: hsla(216, 12%, 84%, 0.18); --neumorph-shadow-t-3: hsla(216, 12%, 84%, 0.27); --neumorph-shadow-t-4: hsla(216, 12%, 84%, 0.36); --neumorph-shadow-t-5: hsla(216, 12%, 84%, 0.45); --neumorph-shadow-t-6: hsla(216, 12%, 84%, 0.55); --neumorph-shadow-t-7: hsla(216, 12%, 84%, 0.64); --neumorph-shadow-t-8: hsla(216, 12%, 84%, 0.73); --neumorph-shadow-t-9: hsla(216, 12%, 84%, 0.82); --neumorph-shadow-t-10: hsla(216, 12%, 84%, 0.91); --neumorph-shadow-d-1: #bec2c7; --neumorph-shadow-d-2: #abaeb3; --neumorph-shadow-d-3: #989b9f; --neumorph-shadow-d-4: #85888b; --neumorph-shadow-d-5: #727477; --neumorph-shadow-d-6: #5f6164; --neumorph-shadow-d-7: #4c4d50; --neumorph-shadow-d-8: #393a3c; --neumorph-shadow-d-9: #262728; --neumorph-shadow-d-10: #131314; --neumorph-shadow-l-1: #d5d9de; --neumorph-shadow-l-2: #d9dde2; --neumorph-shadow-l-3: #dee0e5; --neumorph-shadow-l-4: #e2e4e8; --neumorph-shadow-l-5: #e6e8eb; --neumorph-shadow-l-6: #eaecef; --neumorph-shadow-l-7: #eef0f2; --neumorph-shadow-l-8: #f2f4f5; --neumorph-shadow-l-9: #f7f7f8; --neumorph-shadow-l-10: #fbfbfc; --neumorph-light-t-1: hsla(210, 40%, 98%, 0.09); --neumorph-light-t-2: hsla(210, 40%, 98%, 0.18); --neumorph-light-t-3: hsla(210, 40%, 98%, 0.27); --neumorph-light-t-4: hsla(210, 40%, 98%, 0.36); --neumorph-light-t-5: hsla(210, 40%, 98%, 0.45); --neumorph-light-t-6: hsla(210, 40%, 98%, 0.55); --neumorph-light-t-7: hsla(210, 40%, 98%, 0.64); --neumorph-light-t-8: hsla(210, 40%, 98%, 0.73); --neumorph-light-t-9: hsla(210, 40%, 98%, 0.82); --neumorph-light-t-10: hsla(210, 40%, 98%, 0.91); --glass-t-1: rgba(255, 255, 255, 0.09); --glass-t-2: rgba(255, 255, 255, 0.18); --glass-t-3: rgba(255, 255, 255, 0.27); --glass-t-4: rgba(255, 255, 255, 0.36); --glass-t-5: rgba(255, 255, 255, 0.45); --glass-t-6: rgba(255, 255, 255, 0.55); --glass-t-7: rgba(255, 255, 255, 0.64); --glass-t-8: rgba(255, 255, 255, 0.73); --glass-t-9: rgba(255, 255, 255, 0.82); --glass-t-10: rgba(255, 255, 255, 0.91); --glass-d-1: rgba(232, 232, 232, 0.77); --glass-d-2: rgba(209, 209, 209, 0.8); --glass-d-3: rgba(185, 185, 185, 0.82); --glass-d-4: rgba(162, 162, 162, 0.84); --glass-d-5: rgba(139, 139, 139, 0.86); --glass-d-6: rgba(116, 116, 116, 0.89); --glass-d-7: rgba(93, 93, 93, 0.91); --glass-d-8: rgba(70, 70, 70, 0.93); --glass-d-9: rgba(46, 46, 46, 0.95); --glass-d-10: rgba(23, 23, 23, 0.98); --glass-l-1: rgba(255, 255, 255, 0.77); --glass-l-2: rgba(255, 255, 255, 0.8); --glass-l-3: rgba(255, 255, 255, 0.82); --glass-l-4: rgba(255, 255, 255, 0.84); --glass-l-5: rgba(255, 255, 255, 0.86); --glass-l-6: rgba(255, 255, 255, 0.89); --glass-l-7: rgba(255, 255, 255, 0.91); --glass-l-8: rgba(255, 255, 255, 0.93); --glass-l-9: rgba(255, 255, 255, 0.95); --glass-l-10: rgba(255, 255, 255, 0.98); --primary: #6666FF; --primary-l-1: #7474ff; --primary-l-2: #8282ff; --primary-l-3: #9090ff; --primary-l-4: #9e9eff; --primary-l-5: #acacff; --primary-l-6: #b9b9ff; --primary-l-7: #c7c7ff; --primary-l-8: #d5d5ff; --primary-l-9: #e3e3ff; --primary-l-10: #f1f1ff; --secondary: #4f46e5; --secondary-l-1: #5f57e7; --secondary-l-2: #6f68ea; --secondary-l-3: #7f78ec; --secondary-l-4: #8f89ee; --secondary-l-5: #9f9af1; --secondary-l-6: #afabf3; --secondary-l-7: #bfbcf6; --secondary-l-8: #cfcdf8; --secondary-l-9: #dfddfa; --secondary-l-10: #efeefd; --secondary-d-1: #4840d0; --secondary-d-2: #4139bb; --secondary-d-3: #3933a7; --secondary-d-4: #322d92; --secondary-d-5: #2b267d; --secondary-d-6: #242068; --secondary-d-7: #1d1953; --secondary-d-8: #16133e; --secondary-d-9: #0e0d2a; --secondary-d-10: #070615; --TextLight: #ffffff; --textdark: #1e2937; --border: #e2e8f0; --info: #3b82f6; --success: #10b981; --warning: #f59e0b; --danger: #ef4444; --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);}.bg-bg { background-color: var(--bg); }