:root { --wbps-h6: clamp(1.6rem, calc(0.0038461538461538455 * (100vw - 40rem) + 1.6rem), 2rem); --wbps-h5: clamp(1.8rem, calc(0.005769230769230768 * (100vw - 40rem) + 1.8rem), 2.4rem); --wbps-h4: clamp(2rem, calc(0.009615384615384616 * (100vw - 40rem) + 2rem), 3rem); --wbps-h3: clamp(2.4rem, calc(0.01346153846153846 * (100vw - 40rem) + 2.4rem), 3.8rem); --wbps-h2: clamp(3rem, calc(0.017307692307692305 * (100vw - 40rem) + 3rem), 4.8rem); --wbps-h1: clamp(3.8rem, calc(0.021153846153846155 * (100vw - 40rem) + 3.8rem), 6rem); --wbps-body-xs: clamp(1rem, calc(0 * (100vw - 40rem) + 1rem), 1rem); --wbps-body-s: clamp(1.1rem, calc(0.0009615384615384603 * (100vw - 40rem) + 1.1rem), 1.2rem); --wbps-body-m: clamp(1.3rem, calc(0.0009615384615384603 * (100vw - 40rem) + 1.3rem), 1.4rem); --wbps-body-r: clamp(1.4rem, calc(0.0019230769230769247 * (100vw - 40rem) + 1.4rem), 1.6rem); --wbps-body-l: clamp(1.6rem, calc(0.0019230769230769227 * (100vw - 40rem) + 1.6rem), 1.8rem); --wbps-space-3xs: clamp(0.2rem, calc(0.0019230769230769232 * (100vw - 40rem) + 0.2rem), 0.4rem); --wbps-space-2xs: clamp(0.4rem, calc(0.0038461538461538464 * (100vw - 40rem) + 0.4rem), 0.8rem); --wbps-space-xs: clamp(0.8rem, calc(0.0038461538461538455 * (100vw - 40rem) + 0.8rem), 1.2rem); --wbps-space-s: clamp(1.2rem, calc(0.0038461538461538472 * (100vw - 40rem) + 1.2rem), 1.6rem); --wbps-space-m: clamp(1.6rem, calc(0.007692307692307691 * (100vw - 40rem) + 1.6rem), 2.4rem); --wbps-space-r: clamp(2.4rem, calc(0.0076923076923076945 * (100vw - 40rem) + 2.4rem), 3.2rem); --wbps-space-l: clamp(3.2rem, calc(0.007692307692307691 * (100vw - 40rem) + 3.2rem), 4rem); --wbps-space-xl: clamp(4rem, calc(0.02307692307692308 * (100vw - 40rem) + 4rem), 6.4rem); --wbps-space-2xl: clamp(6.4rem, calc(0.030769230769230764 * (100vw - 40rem) + 6.4rem), 9.6rem); --wbps-space-hero: clamp(9.6rem, calc(0.10673076923076923 * (100vw - 40rem) + 9.6rem), 20.7rem); --space-2xs: clamp(0.82rem, calc(0.00019230769230769247 * (100vw - 40rem) + 0.82rem), 0.84rem); --space-xs: clamp(1.02rem, calc(0.0010576923076923066 * (100vw - 40rem) + 1.02rem), 1.13rem); --space-s: clamp(1.28rem, calc(0.0021153846153846153 * (100vw - 40rem) + 1.28rem), 1.5rem); --space-m: clamp(1.6rem, calc(0.0038461538461538455 * (100vw - 40rem) + 1.6rem), 2rem); --space-l: clamp(2rem, calc(0.006442307692307692 * (100vw - 40rem) + 2rem), 2.67rem); --space-xl: clamp(2.5rem, calc(0.010096153846153845 * (100vw - 40rem) + 2.5rem), 3.55rem); --space-2xl: clamp(3.13rem, calc(0.015480769230769234 * (100vw - 40rem) + 3.13rem), 4.74rem);}.wbps-text-h6 { font-size: var(--wbps-h6); }.wbps-text-h5 { font-size: var(--wbps-h5); }.wbps-text-h4 { font-size: var(--wbps-h4); }.wbps-text-h3 { font-size: var(--wbps-h3); }.wbps-text-h2 { font-size: var(--wbps-h2); }.wbps-text-h1 { font-size: var(--wbps-h1); }.wbps-text-xs { font-size: var(--wbps-body-xs); }.wbps-text-s { font-size: var(--wbps-body-s); }.wbps-text-m { font-size: var(--wbps-body-m); }.wbps-text-r { font-size: var(--wbps-body-r); }.wbps-text-l { font-size: var(--wbps-body-l); }.wbps-gap-3xs { gap: var(--wbps-space-3xs); }.wbps-gap-2xs { gap: var(--wbps-space-2xs); }.wbps-gap-xs { gap: var(--wbps-space-xs); }.wbps-gap-s { gap: var(--wbps-space-s); }.wbps-gap-m { gap: var(--wbps-space-m); }.wbps-gap-r { gap: var(--wbps-space-r); }.wbps-gap-l { gap: var(--wbps-space-l); }.wbps-gap-xl { gap: var(--wbps-space-xl); }.wbps-gap-2xl { gap: var(--wbps-space-2xl); }.wbps-gap-hero { gap: var(--wbps-space-hero); }.wbps-pt-3xs { padding-top: var(--wbps-space-3xs); }.wbps-pt-2xs { padding-top: var(--wbps-space-2xs); }.wbps-pt-xs { padding-top: var(--wbps-space-xs); }.wbps-pt-s { padding-top: var(--wbps-space-s); }.wbps-pt-m { padding-top: var(--wbps-space-m); }.wbps-pt-r { padding-top: var(--wbps-space-r); }.wbps-pt-l { padding-top: var(--wbps-space-l); }.wbps-pt-xl { padding-top: var(--wbps-space-xl); }.wbps-pt-2xl { padding-top: var(--wbps-space-2xl); }.wbps-pt-hero { padding-top: var(--wbps-space-hero); }.wbps-pb-3xs { padding-bottom: var(--wbps-space-3xs); }.wbps-pb-2xs { padding-bottom: var(--wbps-space-2xs); }.wbps-pb-xs { padding-bottom: var(--wbps-space-xs); }.wbps-pb-s { padding-bottom: var(--wbps-space-s); }.wbps-pb-m { padding-bottom: var(--wbps-space-m); }.wbps-pb-r { padding-bottom: var(--wbps-space-r); }.wbps-pb-l { padding-bottom: var(--wbps-space-l); }.wbps-pb-xl { padding-bottom: var(--wbps-space-xl); }.wbps-pb-2xl { padding-bottom: var(--wbps-space-2xl); }.wbps-pb-hero { padding-bottom: var(--wbps-space-hero); }.wbps-pr-3xs { padding-right: var(--wbps-space-3xs); }.wbps-pr-2xs { padding-right: var(--wbps-space-2xs); }.wbps-pr-xs { padding-right: var(--wbps-space-xs); }.wbps-pr-s { padding-right: var(--wbps-space-s); }.wbps-pr-m { padding-right: var(--wbps-space-m); }.wbps-pr-r { padding-right: var(--wbps-space-r); }.wbps-pr-l { padding-right: var(--wbps-space-l); }.wbps-pr-xl { padding-right: var(--wbps-space-xl); }.wbps-pr-2xl { padding-right: var(--wbps-space-2xl); }.wbps-pr-hero { padding-right: var(--wbps-space-hero); }.wbps-pl-3xs { padding-left: var(--wbps-space-3xs); }.wbps-pl-2xs { padding-left: var(--wbps-space-2xs); }.wbps-pl-xs { padding-left: var(--wbps-space-xs); }.wbps-pl-s { padding-left: var(--wbps-space-s); }.wbps-pl-m { padding-left: var(--wbps-space-m); }.wbps-pl-r { padding-left: var(--wbps-space-r); }.wbps-pl-l { padding-left: var(--wbps-space-l); }.wbps-pl-xl { padding-left: var(--wbps-space-xl); }.wbps-pl-2xl { padding-left: var(--wbps-space-2xl); }.wbps-pl-hero { padding-left: var(--wbps-space-hero); }.wbps-py-3xs { padding-block: var(--wbps-space-3xs); }.wbps-py-2xs { padding-block: var(--wbps-space-2xs); }.wbps-py-xs { padding-block: var(--wbps-space-xs); }.wbps-py-s { padding-block: var(--wbps-space-s); }.wbps-py-m { padding-block: var(--wbps-space-m); }.wbps-py-r { padding-block: var(--wbps-space-r); }.wbps-py-l { padding-block: var(--wbps-space-l); }.wbps-py-xl { padding-block: var(--wbps-space-xl); }.wbps-py-2xl { padding-block: var(--wbps-space-2xl); }.wbps-py-hero { padding-block: var(--wbps-space-hero); }.wbps-px-3xs { padding-inline: var(--wbps-space-3xs); }.wbps-px-2xs { padding-inline: var(--wbps-space-2xs); }.wbps-px-xs { padding-inline: var(--wbps-space-xs); }.wbps-px-s { padding-inline: var(--wbps-space-s); }.wbps-px-m { padding-inline: var(--wbps-space-m); }.wbps-px-r { padding-inline: var(--wbps-space-r); }.wbps-px-l { padding-inline: var(--wbps-space-l); }.wbps-px-xl { padding-inline: var(--wbps-space-xl); }.wbps-px-2xl { padding-inline: var(--wbps-space-2xl); }.wbps-px-hero { padding-inline: var(--wbps-space-hero); }