:root { --joye-color-grey-100: #FFFFFF; --joye-color-grey-300: #F0F0F0; --joye-color-grey-400: #E5E5E5; --joye-color-grey-500: #D9D9D9; --joye-color-grey-600: #666666; --joye-color-grey-700: #383838; --joye-color-grey-800: #2D2D2D; --joye-color-grey-1000: #000000; --joye-color-red-800: #C81E1E; --titlle-3xs: clamp(1.15rem, calc(0.014351851851851853 * (100vw - 36rem) + 1.15rem), 2.7rem); --titlle-2xs: clamp(1.8rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.8rem), 2rem); --titlle-xs: clamp(2.4rem, calc(0.014814814814814815 * (100vw - 36rem) + 2.4rem), 4rem); --titlle-s: clamp(2.8rem, calc(0.025925925925925925 * (100vw - 36rem) + 2.8rem), 5.6rem); --titlle-m: clamp(3.2rem, calc(0.03148148148148148 * (100vw - 36rem) + 3.2rem), 6.6rem); --titlle-l: clamp(3.6rem, calc(0.040740740740740744 * (100vw - 36rem) + 3.6rem), 8rem); --titlle-xl: clamp(3.6rem, calc(0.048148148148148155 * (100vw - 36rem) + 3.6rem), 8.8rem); --titlle-2xl: clamp(4rem, calc(0.05555555555555555 * (100vw - 36rem) + 4rem), 10rem); --text-xs: clamp(1.4rem, calc(0 * (100vw - 36rem) + 1.4rem), 1.4rem); --text-s: clamp(1.6rem, calc(0 * (100vw - 36rem) + 1.6rem), 1.6rem); --text-m: clamp(1.6rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.6rem), 1.8rem); --text-l: clamp(1.8rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.8rem), 2rem); --space-2xs: clamp(2rem, calc(0.018518518518518517 * (100vw - 36rem) + 2rem), 4rem); --space-xs: clamp(3rem, calc(0.027777777777777776 * (100vw - 36rem) + 3rem), 6rem); --space-s: clamp(4rem, calc(0.037037037037037035 * (100vw - 36rem) + 4rem), 8rem); --space-m: clamp(4.4rem, calc(0.05185185185185185 * (100vw - 36rem) + 4.4rem), 10rem); --space-l: clamp(4.8rem, calc(0.06666666666666667 * (100vw - 36rem) + 4.8rem), 12rem); --space-xl: clamp(5rem, calc(0.08333333333333333 * (100vw - 36rem) + 5rem), 14rem); --space-2xl: clamp(6rem, calc(0.09259259259259259 * (100vw - 36rem) + 6rem), 16rem); --padding-2xs: clamp(0.8rem, calc(0.0018518518518518515 * (100vw - 36rem) + 0.8rem), 1rem); --padding-xs: clamp(1rem, calc(0.004629629629629629 * (100vw - 36rem) + 1rem), 1.5rem); --padding-s: clamp(1.2rem, calc(0.007407407407407408 * (100vw - 36rem) + 1.2rem), 2rem); --padding-m: clamp(1.6rem, calc(0.012962962962962963 * (100vw - 36rem) + 1.6rem), 3rem); --padding-l: clamp(2rem, calc(0.018518518518518517 * (100vw - 36rem) + 2rem), 4rem); --padding-xl: clamp(2.4rem, calc(0.024074074074074074 * (100vw - 36rem) + 2.4rem), 5rem); --padding-2xl: clamp(3rem, calc(0.027777777777777776 * (100vw - 36rem) + 3rem), 6rem);}.bg-joye-color-grey-100 { background-color: var(--joye-color-grey-100); }.text-joye-color-grey-100 { color: var(--joye-color-grey-100); }.bg-joye-color-grey-300 { background-color: var(--joye-color-grey-300); }.border-joye-color-grey-400 { border-color: var(--joye-color-grey-400); }.bg-joye-color-grey-500 { background-color: var(--joye-color-grey-500); }.text-joye-color-grey-600 { color: var(--joye-color-grey-600); }.bg-joye-color-grey-700 { background-color: var(--joye-color-grey-700); }.bg-joye-color-grey-800 { background-color: var(--joye-color-grey-800); }.text-joye-color-grey-1000 { color: var(--joye-color-grey-1000); }.bg-joye-color-red-800 { background-color: var(--joye-color-red-800); }.fill-joye-color-red-800 { fill: var(--joye-color-red-800); }