:root { --color-primary: #E708DE; --color-secondary: #064FFE; --color-dark: #121212; --color-light: #fff; --color-dark-l-1: #282828; --color-dark-l-2: #3d3d3d; --color-dark-l-3: #535353; --color-dark-l-4: #686868; --color-dark-l-5: #7e7e7e; --color-dark-l-6: #939393; --color-dark-l-7: #a9a9a9; --color-dark-l-8: #bebebe; --color-dark-l-9: #d4d4d4; --color-dark-l-10: #e9e9e9; --text-xxs: clamp(0.58rem, calc(0.0005555555555555561 * (100vw - 22.5rem) + 0.58rem), 0.63rem); --text-xs: clamp(0.72rem, calc(0.0013333333333333333 * (100vw - 22.5rem) + 0.72rem), 0.84rem); --text-s: clamp(0.9rem, calc(0.002555555555555554 * (100vw - 22.5rem) + 0.9rem), 1.13rem); --text-m: clamp(1.13rem, calc(0.004111111111111112 * (100vw - 22.5rem) + 1.13rem), 1.5rem); --text-l: clamp(1.41rem, calc(0.006555555555555557 * (100vw - 22.5rem) + 1.41rem), 2rem); --text-xl: clamp(1.76rem, calc(0.01011111111111111 * (100vw - 22.5rem) + 1.76rem), 2.67rem); --text-xxl: clamp(2.2rem, calc(0.014999999999999996 * (100vw - 22.5rem) + 2.2rem), 3.55rem); --text-xxxl: clamp(2.75rem, calc(0.022111111111111113 * (100vw - 22.5rem) + 2.75rem), 4.74rem); --space-xxxs: clamp(0.24rem, calc(-0.0015555555555555555 * (100vw - 22.5rem) + 0.24rem), 0.1rem); --space-xxs: clamp(0.32rem, calc(-0.0017777777777777779 * (100vw - 22.5rem) + 0.32rem), 0.16rem); --space-xs: clamp(0.42rem, calc(-0.0016666666666666663 * (100vw - 22.5rem) + 0.42rem), 0.27rem); --space-s: clamp(0.56rem, calc(-0.0012222222222222226 * (100vw - 22.5rem) + 0.56rem), 0.45rem); --space-m: clamp(0.75rem, calc(0 * (100vw - 22.5rem) + 0.75rem), 0.75rem); --space-l: clamp(1rem, calc(0.002777777777777778 * (100vw - 22.5rem) + 1rem), 1.25rem); --space-xl: clamp(1.33rem, calc(0.008333333333333333 * (100vw - 22.5rem) + 1.33rem), 2.08rem); --space-xxl: clamp(1.78rem, calc(0.01877777777777778 * (100vw - 22.5rem) + 1.78rem), 3.47rem); --space-xxxl: clamp(2.37rem, calc(0.038 * (100vw - 22.5rem) + 2.37rem), 5.79rem); --space-xxxxl: clamp(3.16rem, calc(0.07211111111111111 * (100vw - 22.5rem) + 3.16rem), 9.65rem);}.bg-color-primary { background-color: var(--color-primary); }.text-color-primary { color: var(--color-primary); }.bg-color-secondary { background-color: var(--color-secondary); }.text-color-secondary { color: var(--color-secondary); }.bg-color-dark { background-color: var(--color-dark); }.bg-color-dark-l-1 { background-color: var(--color-dark-l-1); }.bg-color-dark-l-2 { background-color: var(--color-dark-l-2); }.bg-color-dark-l-3 { background-color: var(--color-dark-l-3); }.bg-color-dark-l-4 { background-color: var(--color-dark-l-4); }.bg-color-dark-l-5 { background-color: var(--color-dark-l-5); }.bg-color-dark-l-6 { background-color: var(--color-dark-l-6); }.bg-color-dark-l-7 { background-color: var(--color-dark-l-7); }.bg-color-dark-l-8 { background-color: var(--color-dark-l-8); }.bg-color-dark-l-9 { background-color: var(--color-dark-l-9); }.bg-color-dark-l-10 { background-color: var(--color-dark-l-10); }.text-color-dark { color: var(--color-dark); }.text-color-dark-l-1 { color: var(--color-dark-l-1); }.text-color-dark-l-2 { color: var(--color-dark-l-2); }.text-color-dark-l-3 { color: var(--color-dark-l-3); }.text-color-dark-l-4 { color: var(--color-dark-l-4); }.text-color-dark-l-5 { color: var(--color-dark-l-5); }.text-color-dark-l-6 { color: var(--color-dark-l-6); }.text-color-dark-l-7 { color: var(--color-dark-l-7); }.text-color-dark-l-8 { color: var(--color-dark-l-8); }.text-color-dark-l-9 { color: var(--color-dark-l-9); }.text-color-dark-l-10 { color: var(--color-dark-l-10); }.bg-color-light { background-color: var(--color-light); }.text-color-light { color: var(--color-light); }.fs-xxs { font-size: var(--text-xxs); }.fs-xs { font-size: var(--text-xs); }.fs-s { font-size: var(--text-s); }.fs-m { font-size: var(--text-m); }.fs-l { font-size: var(--text-l); }.fs-xl { font-size: var(--text-xl); }.fs-xxl { font-size: var(--text-xxl); }.fs-xxxl { font-size: var(--text-xxxl); }.p-xxxs { padding: var(--space-xxxs); }.p-xxs { padding: var(--space-xxs); }.p-xs { padding: var(--space-xs); }.p-s { padding: var(--space-s); }.p-m { padding: var(--space-m); }.p-l { padding: var(--space-l); }.p-xl { padding: var(--space-xl); }.p-xxl { padding: var(--space-xxl); }.p-xxxl { padding: var(--space-xxxl); }.p-xxxxl { padding: var(--space-xxxxl); }.pl-xxxs { padding-left: var(--space-xxxs); }.pl-xxs { padding-left: var(--space-xxs); }.pl-xs { padding-left: var(--space-xs); }.pl-s { padding-left: var(--space-s); }.pl-m { padding-left: var(--space-m); }.pl-l { padding-left: var(--space-l); }.pl-xl { padding-left: var(--space-xl); }.pl-xxl { padding-left: var(--space-xxl); }.pl-xxxl { padding-left: var(--space-xxxl); }.pl-xxxxl { padding-left: var(--space-xxxxl); }.pr-xxxs { padding-right: var(--space-xxxs); }.pr-xxs { padding-right: var(--space-xxs); }.pr-xs { padding-right: var(--space-xs); }.pr-s { padding-right: var(--space-s); }.pr-m { padding-right: var(--space-m); }.pr-l { padding-right: var(--space-l); }.pr-xl { padding-right: var(--space-xl); }.pr-xxl { padding-right: var(--space-xxl); }.pr-xxxl { padding-right: var(--space-xxxl); }.pr-xxxxl { padding-right: var(--space-xxxxl); }.pt-xxxs { padding-top: var(--space-xxxs); }.pt-xxs { padding-top: var(--space-xxs); }.pt-xs { padding-top: var(--space-xs); }.pt-s { padding-top: var(--space-s); }.pt-m { padding-top: var(--space-m); }.pt-l { padding-top: var(--space-l); }.pt-xl { padding-top: var(--space-xl); }.pt-xxl { padding-top: var(--space-xxl); }.pt-xxxl { padding-top: var(--space-xxxl); }.pt-xxxxl { padding-top: var(--space-xxxxl); }.pb-xxxs { padding-bottom: var(--space-xxxs); }.pb-xxs { padding-bottom: var(--space-xxs); }.pb-xs { padding-bottom: var(--space-xs); }.pb-s { padding-bottom: var(--space-s); }.pb-m { padding-bottom: var(--space-m); }.pb-l { padding-bottom: var(--space-l); }.pb-xl { padding-bottom: var(--space-xl); }.pb-xxl { padding-bottom: var(--space-xxl); }.pb-xxxl { padding-bottom: var(--space-xxxl); }.pb-xxxxl { padding-bottom: var(--space-xxxxl); }.m-xxxs { margin: var(--space-xxxs); }.m-xxs { margin: var(--space-xxs); }.m-xs { margin: var(--space-xs); }.m-s { margin: var(--space-s); }.m-m { margin: var(--space-m); }.m-l { margin: var(--space-l); }.m-xl { margin: var(--space-xl); }.m-xxl { margin: var(--space-xxl); }.m-xxxl { margin: var(--space-xxxl); }.m-xxxxl { margin: var(--space-xxxxl); }.mt-xxxs { margin-top: var(--space-xxxs); }.mt-xxs { margin-top: var(--space-xxs); }.mt-xs { margin-top: var(--space-xs); }.mt-s { margin-top: var(--space-s); }.mt-m { margin-top: var(--space-m); }.mt-l { margin-top: var(--space-l); }.mt-xl { margin-top: var(--space-xl); }.mt-xxl { margin-top: var(--space-xxl); }.mt-xxxl { margin-top: var(--space-xxxl); }.mt-xxxxl { margin-top: var(--space-xxxxl); }.mb-xxxs { margin-bottom: var(--space-xxxs); }.mb-xxs { margin-bottom: var(--space-xxs); }.mb-xs { margin-bottom: var(--space-xs); }.mb-s { margin-bottom: var(--space-s); }.mb-m { margin-bottom: var(--space-m); }.mb-l { margin-bottom: var(--space-l); }.mb-xl { margin-bottom: var(--space-xl); }.mb-xxl { margin-bottom: var(--space-xxl); }.mb-xxxl { margin-bottom: var(--space-xxxl); }.mb-xxxxl { margin-bottom: var(--space-xxxxl); }.ml-xxxs { margin-left: var(--space-xxxs); }.ml-xxs { margin-left: var(--space-xxs); }.ml-xs { margin-left: var(--space-xs); }.ml-s { margin-left: var(--space-s); }.ml-m { margin-left: var(--space-m); }.ml-l { margin-left: var(--space-l); }.ml-xl { margin-left: var(--space-xl); }.ml-xxl { margin-left: var(--space-xxl); }.ml-xxxl { margin-left: var(--space-xxxl); }.ml-xxxxl { margin-left: var(--space-xxxxl); }.mr-xxxs { margin-right: var(--space-xxxs); }.mr-xxs { margin-right: var(--space-xxs); }.mr-xs { margin-right: var(--space-xs); }.mr-s { margin-right: var(--space-s); }.mr-m { margin-right: var(--space-m); }.mr-l { margin-right: var(--space-l); }.mr-xl { margin-right: var(--space-xl); }.mr-xxl { margin-right: var(--space-xxl); }.mr-xxxl { margin-right: var(--space-xxxl); }.mr-xxxxl { margin-right: var(--space-xxxxl); }.br-xxxs { border-radius: var(--space-xxxs); }.br-xxs { border-radius: var(--space-xxs); }.br-xs { border-radius: var(--space-xs); }.br-s { border-radius: var(--space-s); }.br-m { border-radius: var(--space-m); }.br-l { border-radius: var(--space-l); }.br-xl { border-radius: var(--space-xl); }.br-xxl { border-radius: var(--space-xxl); }.br-xxxl { border-radius: var(--space-xxxl); }.br-xxxxl { border-radius: var(--space-xxxxl); }