.c-fluid-typo-demo[data-scale=fluid-viewport][data-v-0782c294]{--font-size-base:calc(var(--base-font-size)*100vw/var(--base-screen-size));--font-size-md:calc(var(--font-size-base)*var(--typographic-ratio));--font-size-lg:calc(var(--font-size-md)*var(--typographic-ratio))}.c-fluid-typo-demo[data-scale=restricted-fluid-viewport][data-v-0782c294]{--font-size-base:clamp(calc(1px*var(--base-font-size-min)),calc(var(--base-font-size)*100vw/var(--base-screen-size)),calc(1px*var(--base-font-size-max)));--font-size-md:calc(var(--font-size-base)*var(--typographic-ratio));--font-size-lg:calc(var(--font-size-md)*var(--typographic-ratio))}.c-fluid-typo-demo[data-scale=fluid-generated][data-v-0782c294]{--font-size-base:clamp(.875rem,.8125rem + .25vw,1rem);--font-size-md:clamp(1.2373rem,1.0469rem + .7615vw,1.618rem);--font-size-lg:clamp(1.7495rem,1.3152rem + 1.7369vw,2.6179rem)}.c-fluid-typo-demo[data-scale=fluid-interactive][data-v-0782c294]{--screen-normalizer:clamp(0,(100vw - var(--base-screen-size-max-px))/(var(--base-screen-size-min-px) - var(--base-screen-size-max-px)),1);--fluid-base-size:calc(var(--base-font-size-max-px) + (var(--base-font-size-min-px) - var(--base-font-size-max-px))*var(--screen-normalizer));--fluid-step:calc(var(--typographic-ratio-max) + (var(--typographic-ratio-min) - var(--typographic-ratio-max))*var(--screen-normalizer));--fluid-step-half:pow(var(--fluid-step),.5);--font-size-sm:calc(var(--fluid-base-size)/var(--fluid-step-half));--font-size-base:var(--fluid-base-size);--font-size-demi:calc(var(--fluid-base-size)*var(--fluid-step-half));--font-size-md:calc(var(--font-size-base)*var(--fluid-step));--font-size-lg:calc(var(--font-size-md)*var(--fluid-step))}.u-fluid-xs[data-v-0782c294]{font-size:var(--font-size-sm)}.u-fluid-sm[data-v-0782c294]{font-size:var(--font-size-base)}.u-fluid-demi[data-v-0782c294]{font-size:var(--font-size-demi)}.u-fluid-md[data-v-0782c294]{font-size:var(--font-size-md)}.u-fluid-lg[data-v-0782c294]{font-size:var(--font-size-lg)}.c-fluid-typo-demo__clear-btn[data-v-0782c294]{background-color:#0000000d;border:none;border-radius:0;color:var(--gris-80);cursor:pointer;font-family:var(--font-sans);font-size:var(--font-size-sm);min-height:calc(var(--font-size-sm)*var(--leading) + var(--spacing-quarter)*2);padding:var(--spacing-quarter) var(--spacing-half);transition:background-color .2s ease}.c-fluid-typo-demo__clear-btn[data-v-0782c294]:hover{background-color:#0000001a}.c-fluid-typo-demo__clear-btn[data-v-0782c294]:focus{outline:2px solid var(--gris-80)}