/*! purgecss start ignore */

/*********************************************************
 *              Mobius Font Size Utility
 *
 * - with css    houdini: none,
 * - with global control: none,
 * - use  global params : none,
 * - set  global params : none,
 * - use  theme  props  : none,
 * - release     props  : none,
 *
 * - usage: none,
 *
 * - classes: .mobius-text--xs, .mobius-text--small, .mobius-text--base, .mobius-text--large, .mobius-text--xl,
 *            .mobius-text--xxl, .mobius-text--xxxl, .mobius-text--xxxxl, .mobius-text--sl, .mobius-text--ssl, .mobius-text--sssl,
 *
 * - TODO: none,
 *
 * - 1. no comment,
 *
 * !important
 *
 *********************************************************/

%text-size {
  --text-size-base-web: 16;
  --text-size-base-mobile: 14;
}

:root.mobius-base,
html.mobius-base,
page.mobius-base,
page,
.mobius-base {
  @extend %text-size;
  font-size: var(
    --text-size-base,
    calc(
      var(--text-size-base-mobile) * 1px +
        (var(--text-size-base-web) - var(--text-size-base-mobile)) *
        (100vw - 375px) / (1920 - 375)
    )
  );
}

.mobius-text--xs,
.hover_mobius-text--xs { font-size: 0.5em; }
.mobius-text--small,
.hover_mobius-text--small { font-size: 0.75em; }
.mobius-text--base,
.hover_mobius-text--base { font-size: 1em; }
.mobius-text--large,
.hover_mobius-text--large { font-size: 1.125em; }
.mobius-text--xl,
.hover_mobius-text--xl { font-size: 1.25em; }
.mobius-text--xxl, .mobius-text--2xl,
.hover_mobius-text--xxl, .hover_mobius-text--2xl { font-size: 1.5em; }
.mobius-text--xxxl, .mobius-text--3xl,
.hover_mobius-text--xxxl, .hover_mobius-text--3xl { font-size: 1.75em; }
.mobius-text--xxxxl, .mobius-text--4xl,
.hover_mobius-text--xxxxl, .hover_mobius-text--4xl { font-size: 2em; }
.mobius-text--sl,
.hover_mobius-text--sl { font-size: 2.5em; }
.mobius-text--ssl, .mobius-text--2sl,
.hover_mobius-text--ssl, .hover_mobius-text--2sl { font-size: 3em; }
.mobius-text--sssl, .mobius-text--3sl,
.hover_mobius-text--sssl, .hover_mobius-text--3sl { font-size: 3.5em; }
.mobius-text--ssssl, .mobius-text--4sl,
.hover_mobius-text--ssssl, .hover_mobius-text--4sl { font-size: 4em; }

.mobius-text--r-xs,
.hover_mobius-text--r-xs { font-size: 0.5rem; }
.mobius-text--r-small,
.hover_mobius-text--r-small { font-size: 0.75rem; }
.mobius-text--r-base,
.hover_mobius-text--r-base { font-size: 1rem; }
.mobius-text--r-large,
.hover_mobius-text--r-large { font-size: 1.125rem; }
.mobius-text--r-xl,
.hover_mobius-text--r-xl { font-size: 1.25rem; }
.mobius-text--r-xxl, .mobius-text--r-2xl,
.hover_mobius-text--r-xxl, .hover_mobius-text--r-2xl { font-size: 1.5rem; }
.mobius-text--r-xxxl, .mobius-text--r-3xl,
.hover_mobius-text--r-xxxl, .hover_mobius-text--r-3xl { font-size: 1.75rem; }
.mobius-text--r-xxxxl, .mobius-text--r-4xl,
.hover_mobius-text--r-xxxxl, .hover_mobius-text--r-4xl { font-size: 2rem; }
.mobius-text--r-sl,
.hover_mobius-text--r-sl { font-size: 2.5rem; }
.mobius-text--r-ssl, .mobius-text--r-2sl,
.hover_mobius-text--r-ssl, .hover_mobius-text--r-2sl { font-size: 3rem; }
.mobius-text--r-sssl, .mobius-text--r-3sl,
.hover_mobius-text--r-sssl, .hover_mobius-text--r-3sl { font-size: 3.5rem; }
.mobius-text--r-ssssl, .mobius-text--r-4sl,
.hover_mobius-text--r-ssssl, .hover_mobius-text--r-4sl { font-size: 4rem; }

/*! purgecss end ignore */