:root { --orange-100: #FFEBD6; --orange-500: #F18A00; --orange-400: #FCB434; --orange-600: #E07F00; --blue-100: #D6E6F3; --gray-400: #8A919D; --blue-400: #24314A; --blue-200: #B8D2E8; --blue-500: #121826; --orange-50: #FFFCF8; --white: #fff; --text-2xs: clamp(0.51rem, calc(0.00029629629629629656 * (100vw - 22.5rem) + 0.51rem), 0.53rem); --text-xs: clamp(0.64rem, calc(0.0008888888888888881 * (100vw - 22.5rem) + 0.64rem), 0.7rem); --text-s: clamp(0.8rem, calc(0.002074074074074073 * (100vw - 22.5rem) + 0.8rem), 0.94rem); --text-m: clamp(1rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 1rem), 1.25rem); --text-l: clamp(1.25rem, calc(0.006222222222222221 * (100vw - 22.5rem) + 1.25rem), 1.67rem); --text-xl: clamp(1.56rem, calc(0.00977777777777778 * (100vw - 22.5rem) + 1.56rem), 2.22rem); --text-2xl: clamp(1.95rem, calc(0.014962962962962963 * (100vw - 22.5rem) + 1.95rem), 2.96rem); --text-3xl: clamp(2.44rem, calc(0.022370370370370374 * (100vw - 22.5rem) + 2.44rem), 3.95rem); --space-2xs: clamp(0.51rem, calc(0.00029629629629629656 * (100vw - 22.5rem) + 0.51rem), 0.53rem); --space-xs: clamp(0.64rem, calc(0.0008888888888888881 * (100vw - 22.5rem) + 0.64rem), 0.7rem); --space-s: clamp(0.8rem, calc(0.002074074074074073 * (100vw - 22.5rem) + 0.8rem), 0.94rem); --space-m: clamp(1rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 1rem), 1.25rem); --space-l: clamp(1.25rem, calc(0.006222222222222221 * (100vw - 22.5rem) + 1.25rem), 1.67rem); --space-xl: clamp(1.56rem, calc(0.00977777777777778 * (100vw - 22.5rem) + 1.56rem), 2.22rem); --space-2xl: clamp(1.95rem, calc(0.014962962962962963 * (100vw - 22.5rem) + 1.95rem), 2.96rem); --space-3xl: clamp(2.44rem, calc(0.022370370370370374 * (100vw - 22.5rem) + 2.44rem), 3.95rem); --space-4xl: clamp(3.05rem, calc(0.03274074074074074 * (100vw - 22.5rem) + 3.05rem), 5.26rem);}.mb-2xs { margin-bottom: var(--space-2xs); }.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-2xl { margin-bottom: var(--space-2xl); }.mb-3xl { margin-bottom: var(--space-3xl); }.mb-4xl { margin-bottom: var(--space-4xl); }.py-2xs { padding-block: var(--space-2xs); }.py-xs { padding-block: var(--space-xs); }.py-s { padding-block: var(--space-s); }.py-m { padding-block: var(--space-m); }.py-l { padding-block: var(--space-l); }.py-xl { padding-block: var(--space-xl); }.py-2xl { padding-block: var(--space-2xl); }.py-3xl { padding-block: var(--space-3xl); }.py-4xl { padding-block: var(--space-4xl); }.p-2xs { padding: var(--space-2xs); }.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-2xl { padding: var(--space-2xl); }.p-3xl { padding: var(--space-3xl); }.p-4xl { padding: var(--space-4xl); }.px-2xs { padding-inline: var(--space-2xs); }.px-xs { padding-inline: var(--space-xs); }.px-s { padding-inline: var(--space-s); }.px-m { padding-inline: var(--space-m); }.px-l { padding-inline: var(--space-l); }.px-xl { padding-inline: var(--space-xl); }.px-2xl { padding-inline: var(--space-2xl); }.px-3xl { padding-inline: var(--space-3xl); }.px-4xl { padding-inline: var(--space-4xl); }.gap-2xs { gap: var(--space-2xs); }.gap-xs { gap: var(--space-xs); }.gap-s { gap: var(--space-s); }.gap-m { gap: var(--space-m); }.gap-l { gap: var(--space-l); }.gap-xl { gap: var(--space-xl); }.gap-2xl { gap: var(--space-2xl); }.gap-3xl { gap: var(--space-3xl); }.gap-4xl { gap: var(--space-4xl); }