@inc2734/unitone-css 0.68.3 → 0.68.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/app.css +1 -1
  2. package/dist/app.js +1 -1
  3. package/dist/library.js +1 -1
  4. package/package.json +1 -1
  5. package/src/layout-primitives/responsive-grid/_responsive-grid.scss +5 -0
  6. package/src/library.js +6 -23
package/dist/app.css CHANGED
@@ -1 +1 @@
1
- :root{--unitone--measure:42rem;--unitone--color--background:#fff;--unitone--color--background-alt:#222;--unitone--color--text:#222;--unitone--color--text-alt:#fff;--unitone--color--text-immutable:#222;--unitone--color--pale-gray:#f9fafb;--unitone--color--bright-gray:#f3f4f6;--unitone--color--light-gray:#e5e7eb;--unitone--color--gray:#9ca3af;--unitone--color--dark-gray:#374151;--unitone--color--heavy-gray:#030712;--unitone--color--twilight-light:hsla(0,0%,100%,.3);--unitone--color--twilight:hsla(0,0%,100%,.5);--unitone--color--twilight-heavy:hsla(0,0%,100%,.7);--unitone--color--dimmed-light:rgba(0,0,0,.3);--unitone--color--dimmed:rgba(0,0,0,.5);--unitone--color--dimmed-heavy:rgba(0,0,0,.7);--unitone--color--pale-red:#fef2f2;--unitone--color--bright-red:#fee2e2;--unitone--color--light-red:#fecaca;--unitone--color--red:#f87171;--unitone--color--dark-red:#b91c1c;--unitone--color--heavy-red:#450a0a;--unitone--color--pale-orange:#fff7ed;--unitone--color--bright-orange:#ffedd5;--unitone--color--light-orange:#fed7aa;--unitone--color--orange:#fb923c;--unitone--color--dark-orange:#c2410c;--unitone--color--heavy-orange:#431407;--unitone--color--pale-yellow:#fefce8;--unitone--color--bright-yellow:#fef9c3;--unitone--color--light-yellow:#fef08a;--unitone--color--yellow:#facc15;--unitone--color--dark-yellow:#a16207;--unitone--color--heavy-yellow:#422006;--unitone--color--pale-lime:#f7fee7;--unitone--color--bright-lime:#ecfccb;--unitone--color--light-lime:#d9f99d;--unitone--color--lime:#a3e635;--unitone--color--dark-lime:#4d7c0f;--unitone--color--heavy-lime:#1a2e05;--unitone--color--pale-green:#f0fdf4;--unitone--color--bright-green:#dcfce7;--unitone--color--light-green:#bbf7d0;--unitone--color--green:#4ade80;--unitone--color--dark-green:#15803d;--unitone--color--heavy-green:#052e16;--unitone--color--pale-teal:#f0fdfa;--unitone--color--bright-teal:#ccfbf1;--unitone--color--light-teal:#99f6e4;--unitone--color--teal:#2dd4bf;--unitone--color--dark-teal:#0f766e;--unitone--color--heavy-teal:#042f2e;--unitone--color--pale-cyan:#ecfeff;--unitone--color--bright-cyan:#cffafe;--unitone--color--light-cyan:#a5f3fc;--unitone--color--cyan:#22d3ee;--unitone--color--dark-cyan:#0e7490;--unitone--color--heavy-cyan:#083344;--unitone--color--pale-blue:#eff6ff;--unitone--color--bright-blue:#dbeafe;--unitone--color--light-blue:#bfdbfe;--unitone--color--blue:#60a5fa;--unitone--color--dark-blue:#1d4ed8;--unitone--color--heavy-blue:#172554;--unitone--color--pale-indigo:#eef2ff;--unitone--color--bright-indigo:#e0e7ff;--unitone--color--light-indigo:#c7d2fe;--unitone--color--indigo:#818cf8;--unitone--color--dark-indigo:#4338ca;--unitone--color--heavy-indigo:#1e1b4b;--unitone--color--pale-violet:#f5f3ff;--unitone--color--bright-violet:#ede9fe;--unitone--color--light-violet:#ddd6fe;--unitone--color--violet:#a78bfa;--unitone--color--dark-violet:#6d28d9;--unitone--color--heavy-violet:#2e1065;--unitone--color--pale-purple:#faf5ff;--unitone--color--bright-purple:#f3e8ff;--unitone--color--light-purple:#e9d5ff;--unitone--color--purple:#c084fc;--unitone--color--dark-purple:#7e22ce;--unitone--color--heavy-purple:#3b0764;--unitone--color--pale-pink:#fdf2f8;--unitone--color--bright-pink:#fce7f3;--unitone--color--light-pink:#fbcfe8;--unitone--color--pink:#f472b6;--unitone--color--dark-pink:#be185d;--unitone--color--heavy-pink:#500724;--unitone--font-size:0;--unitone--base-font-size:16;--unitone--harmonic-sequence-base:8;--unitone--min-harmonic-sequence-base:9;--unitone--max-harmonic-sequence-base:var(--unitone--harmonic-sequence-base);--unitone--half-leading:.3;--unitone--min-half-leading:.05;--unitone--font-family:sans-serif;--unitone--global--box-shadow:0 5px 20px -5px rgba(0,0,0,.2);--unitone--global--border-radius:4px;--unitone--global--gap:var(--unitone--s2);--unitone--global--text-gap:var(--unitone--s1);--unitone--global--gutters:max(min(6vw,var(--unitone--rem2)),env(safe-area-inset-right),env(safe-area-inset-left));--unitone--ms-2:calc(calc((clamp(calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))), calc((calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))) - (calc(1 + 2 * var(--unitone--half-leading)))) / (4)) * var(--unitone--fluid-font-size-magnification, calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--harmonic-sequence-base) - var(--unitone--font-size)))) + calc(calc(1 + 2 * var(--unitone--half-leading)) - calc((calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))) - (calc(1 + 2 * var(--unitone--half-leading)))) / (4))), calc(1 + 2 * var(--unitone--half-leading)))) / 3) * 1);--unitone--ms-1:calc(calc((clamp(calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))), calc((calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))) - (calc(1 + 2 * var(--unitone--half-leading)))) / (4)) * var(--unitone--fluid-font-size-magnification, calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--harmonic-sequence-base) - var(--unitone--font-size)))) + calc(calc(1 + 2 * var(--unitone--half-leading)) - calc((calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))) - (calc(1 + 2 * var(--unitone--half-leading)))) / (4))), calc(1 + 2 * var(--unitone--half-leading)))) / 3) * 2);--unitone--ms0:0;--unitone--ms1:calc(calc((clamp(calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))), calc((calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))) - (calc(1 + 2 * var(--unitone--half-leading)))) / (4)) * var(--unitone--fluid-font-size-magnification, calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--harmonic-sequence-base) - var(--unitone--font-size)))) + calc(calc(1 + 2 * var(--unitone--half-leading)) - calc((calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))) - (calc(1 + 2 * var(--unitone--half-leading)))) / (4))), calc(1 + 2 * var(--unitone--half-leading)))) / 3) * 3);--unitone--ms2:calc(calc((clamp(calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))), calc((calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))) - (calc(1 + 2 * var(--unitone--half-leading)))) / (4)) * var(--unitone--fluid-font-size-magnification, calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--harmonic-sequence-base) - var(--unitone--font-size)))) + calc(calc(1 + 2 * var(--unitone--half-leading)) - calc((calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))) - (calc(1 + 2 * var(--unitone--half-leading)))) / (4))), calc(1 + 2 * var(--unitone--half-leading)))) / 3) * 5);--unitone--ms3:calc(calc((clamp(calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))), calc((calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))) - (calc(1 + 2 * var(--unitone--half-leading)))) / (4)) * var(--unitone--fluid-font-size-magnification, calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--harmonic-sequence-base) - var(--unitone--font-size)))) + calc(calc(1 + 2 * var(--unitone--half-leading)) - calc((calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))) - (calc(1 + 2 * var(--unitone--half-leading)))) / (4))), calc(1 + 2 * var(--unitone--half-leading)))) / 3) * 8);--unitone--ms4:calc(calc((clamp(calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))), calc((calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))) - (calc(1 + 2 * var(--unitone--half-leading)))) / (4)) * var(--unitone--fluid-font-size-magnification, calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--harmonic-sequence-base) - var(--unitone--font-size)))) + calc(calc(1 + 2 * var(--unitone--half-leading)) - calc((calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))) - (calc(1 + 2 * var(--unitone--half-leading)))) / (4))), calc(1 + 2 * var(--unitone--half-leading)))) / 3) * 13);--unitone--ms5:calc(calc((clamp(calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))), calc((calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))) - (calc(1 + 2 * var(--unitone--half-leading)))) / (4)) * var(--unitone--fluid-font-size-magnification, calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--harmonic-sequence-base) - var(--unitone--font-size)))) + calc(calc(1 + 2 * var(--unitone--half-leading)) - calc((calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))) - (calc(1 + 2 * var(--unitone--half-leading)))) / (4))), calc(1 + 2 * var(--unitone--half-leading)))) / 3) * 21);--unitone--ms6:calc(calc((clamp(calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))), calc((calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))) - (calc(1 + 2 * var(--unitone--half-leading)))) / (4)) * var(--unitone--fluid-font-size-magnification, calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--harmonic-sequence-base) - var(--unitone--font-size)))) + calc(calc(1 + 2 * var(--unitone--half-leading)) - calc((calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))) - (calc(1 + 2 * var(--unitone--half-leading)))) / (4))), calc(1 + 2 * var(--unitone--half-leading)))) / 3) * 34);--unitone--ms7:calc(calc((clamp(calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))), calc((calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))) - (calc(1 + 2 * var(--unitone--half-leading)))) / (4)) * var(--unitone--fluid-font-size-magnification, calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--harmonic-sequence-base) - var(--unitone--font-size)))) + calc(calc(1 + 2 * var(--unitone--half-leading)) - calc((calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))) - (calc(1 + 2 * var(--unitone--half-leading)))) / (4))), calc(1 + 2 * var(--unitone--half-leading)))) / 3) * 55);--unitone--em-2:calc(1em * var(--unitone--ms-2));--unitone--em-1:calc(1em * var(--unitone--ms-1));--unitone--em0:0em;--unitone--em1:calc(1em * var(--unitone--ms1));--unitone--em2:calc(1em * var(--unitone--ms2));--unitone--em3:calc(1em * var(--unitone--ms3));--unitone--em4:calc(1em * var(--unitone--ms4));--unitone--em5:calc(1em * var(--unitone--ms5));--unitone--em6:calc(1em * var(--unitone--ms6));--unitone--em7:calc(1em * var(--unitone--ms7));--unitone--rem-2:calc(1rem * var(--unitone--ms-2));--unitone--rem-1:calc(1rem * var(--unitone--ms-1));--unitone--rem0:0rem;--unitone--rem1:calc(1rem * var(--unitone--ms1));--unitone--rem2:calc(1rem * var(--unitone--ms2));--unitone--rem3:calc(1rem * var(--unitone--ms3));--unitone--rem4:calc(1rem * var(--unitone--ms4));--unitone--rem5:calc(1rem * var(--unitone--ms5));--unitone--rem6:calc(1rem * var(--unitone--ms6));--unitone--rem7:calc(1rem * var(--unitone--ms7));--unitone--s-2:var(--unitone--em-2);--unitone--s-1:var(--unitone--em-1);--unitone--s0:var(--unitone--em0);--unitone--s1:var(--unitone--em1);--unitone--s2:clamp(calc(var(--unitone--ms1) + var(--unitone--ms2) * 0.28125) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms2) - calc(var(--unitone--ms1) + var(--unitone--ms2) * 0.28125)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms2) * 0.28125)) * 1em + calc((var(--unitone--ms2) - calc(var(--unitone--ms1) + var(--unitone--ms2) * 0.28125)) / (57.5)) * 100vw),var(--unitone--ms2) * 1em);--unitone--s3:clamp(calc(var(--unitone--ms1) + var(--unitone--ms3) * 0.28125) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms3) - calc(var(--unitone--ms1) + var(--unitone--ms3) * 0.28125)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms3) * 0.28125)) * 1em + calc((var(--unitone--ms3) - calc(var(--unitone--ms1) + var(--unitone--ms3) * 0.28125)) / (57.5)) * 100vw),var(--unitone--ms3) * 1em);--unitone--s4:clamp(calc(var(--unitone--ms1) + var(--unitone--ms4) * 0.28125) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms4) - calc(var(--unitone--ms1) + var(--unitone--ms4) * 0.28125)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms4) * 0.28125)) * 1em + calc((var(--unitone--ms4) - calc(var(--unitone--ms1) + var(--unitone--ms4) * 0.28125)) / (57.5)) * 100vw),var(--unitone--ms4) * 1em);--unitone--s5:clamp(calc(var(--unitone--ms1) + var(--unitone--ms5) * 0.28125) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms5) - calc(var(--unitone--ms1) + var(--unitone--ms5) * 0.28125)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms5) * 0.28125)) * 1em + calc((var(--unitone--ms5) - calc(var(--unitone--ms1) + var(--unitone--ms5) * 0.28125)) / (57.5)) * 100vw),var(--unitone--ms5) * 1em);--unitone--s6:clamp(calc(var(--unitone--ms1) + var(--unitone--ms6) * 0.28125) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms6) - calc(var(--unitone--ms1) + var(--unitone--ms6) * 0.28125)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms6) * 0.28125)) * 1em + calc((var(--unitone--ms6) - calc(var(--unitone--ms1) + var(--unitone--ms6) * 0.28125)) / (57.5)) * 100vw),var(--unitone--ms6) * 1em);--unitone--s7:clamp(calc(var(--unitone--ms1) + var(--unitone--ms7) * 0.28125) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms7) - calc(var(--unitone--ms1) + var(--unitone--ms7) * 0.28125)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms7) * 0.28125)) * 1em + calc((var(--unitone--ms7) - calc(var(--unitone--ms1) + var(--unitone--ms7) * 0.28125)) / (57.5)) * 100vw),var(--unitone--ms7) * 1em);--unitone--p-2:var(--unitone--em-2);--unitone--p-1:var(--unitone--em-1);--unitone--p0:var(--unitone--em0);--unitone--p1:var(--unitone--em1);--unitone--p2:clamp(calc(var(--unitone--ms1) + var(--unitone--ms2) * 0.28125 * 0.2) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms2) - calc(var(--unitone--ms1) + var(--unitone--ms2) * 0.28125 * 0.2)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms2) * 0.28125 * 0.2)) * 1em + calc((var(--unitone--ms2) - calc(var(--unitone--ms1) + var(--unitone--ms2) * 0.28125 * 0.2)) / (57.5)) * 100vw),var(--unitone--ms2) * 1em);--unitone--p3:clamp(calc(var(--unitone--ms1) + var(--unitone--ms3) * 0.28125 * 0.2) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms3) - calc(var(--unitone--ms1) + var(--unitone--ms3) * 0.28125 * 0.2)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms3) * 0.28125 * 0.2)) * 1em + calc((var(--unitone--ms3) - calc(var(--unitone--ms1) + var(--unitone--ms3) * 0.28125 * 0.2)) / (57.5)) * 100vw),var(--unitone--ms3) * 1em);--unitone--p4:clamp(calc(var(--unitone--ms1) + var(--unitone--ms4) * 0.28125 * 0.2) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms4) - calc(var(--unitone--ms1) + var(--unitone--ms4) * 0.28125 * 0.2)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms4) * 0.28125 * 0.2)) * 1em + calc((var(--unitone--ms4) - calc(var(--unitone--ms1) + var(--unitone--ms4) * 0.28125 * 0.2)) / (57.5)) * 100vw),var(--unitone--ms4) * 1em);--unitone--p5:clamp(calc(var(--unitone--ms1) + var(--unitone--ms5) * 0.28125 * 0.2) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms5) - calc(var(--unitone--ms1) + var(--unitone--ms5) * 0.28125 * 0.2)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms5) * 0.28125 * 0.2)) * 1em + calc((var(--unitone--ms5) - calc(var(--unitone--ms1) + var(--unitone--ms5) * 0.28125 * 0.2)) / (57.5)) * 100vw),var(--unitone--ms5) * 1em);--unitone--p6:clamp(calc(var(--unitone--ms1) + var(--unitone--ms6) * 0.28125 * 0.2) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms6) - calc(var(--unitone--ms1) + var(--unitone--ms6) * 0.28125 * 0.2)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms6) * 0.28125 * 0.2)) * 1em + calc((var(--unitone--ms6) - calc(var(--unitone--ms1) + var(--unitone--ms6) * 0.28125 * 0.2)) / (57.5)) * 100vw),var(--unitone--ms6) * 1em);--unitone--p7:clamp(calc(var(--unitone--ms1) + var(--unitone--ms7) * 0.28125 * 0.2) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms7) - calc(var(--unitone--ms1) + var(--unitone--ms7) * 0.28125 * 0.2)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms7) * 0.28125 * 0.2)) * 1em + calc((var(--unitone--ms7) - calc(var(--unitone--ms1) + var(--unitone--ms7) * 0.28125 * 0.2)) / (57.5)) * 100vw),var(--unitone--ms7) * 1em);--unitone--container-max-width:1280px;--unitone--grid-columns:12;--unitone--grid-rows:7;--unitone--grid-gap:var(--unitone--global--gap);--unitone--_pg-base:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns));--unitone--pg0:0%;--unitone--pg1:calc(var(--unitone--_pg-base) * 1 + var(--unitone--grid-gap) * 0);--unitone--pg2:calc(var(--unitone--_pg-base) * 2 + var(--unitone--grid-gap) * 1);--unitone--pg3:calc(var(--unitone--_pg-base) * 3 + var(--unitone--grid-gap) * 2);--unitone--pg4:calc(var(--unitone--_pg-base) * 4 + var(--unitone--grid-gap) * 3);--unitone--pg5:calc(var(--unitone--_pg-base) * 5 + var(--unitone--grid-gap) * 4);--unitone--pg6:calc(var(--unitone--_pg-base) * 6 + var(--unitone--grid-gap) * 5);--unitone--pg7:calc(var(--unitone--_pg-base) * 7 + var(--unitone--grid-gap) * 6);--unitone--pg8:calc(var(--unitone--_pg-base) * 8 + var(--unitone--grid-gap) * 7);--unitone--pg9:calc(var(--unitone--_pg-base) * 9 + var(--unitone--grid-gap) * 8);--unitone--pg10:calc(var(--unitone--_pg-base) * 10 + var(--unitone--grid-gap) * 9);--unitone--pg11:calc(var(--unitone--_pg-base) * 11 + var(--unitone--grid-gap) * 10);--unitone--pg12:calc(var(--unitone--_pg-base) * 12 + var(--unitone--grid-gap) * 11);--unitone--_cg-base:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns));--unitone--cg0:0%;--unitone--cg1:calc(var(--unitone--_cg-base) * 1 + var(--unitone--grid-gap) * 0);--unitone--cg2:calc(var(--unitone--_cg-base) * 2 + var(--unitone--grid-gap) * 1);--unitone--cg3:calc(var(--unitone--_cg-base) * 3 + var(--unitone--grid-gap) * 2);--unitone--cg4:calc(var(--unitone--_cg-base) * 4 + var(--unitone--grid-gap) * 3);--unitone--cg5:calc(var(--unitone--_cg-base) * 5 + var(--unitone--grid-gap) * 4);--unitone--cg6:calc(var(--unitone--_cg-base) * 6 + var(--unitone--grid-gap) * 5);--unitone--cg7:calc(var(--unitone--_cg-base) * 7 + var(--unitone--grid-gap) * 6);--unitone--cg8:calc(var(--unitone--_cg-base) * 8 + var(--unitone--grid-gap) * 7);--unitone--cg9:calc(var(--unitone--_cg-base) * 9 + var(--unitone--grid-gap) * 8);--unitone--cg10:calc(var(--unitone--_cg-base) * 10 + var(--unitone--grid-gap) * 9);--unitone--cg11:calc(var(--unitone--_cg-base) * 11 + var(--unitone--grid-gap) * 10);--unitone--cg12:calc(var(--unitone--_cg-base) * 12 + var(--unitone--grid-gap) * 11)}html{font-size:calc(var(--unitone--base-font-size) * 1px)}:where(body){background-color:var(--unitone--color--background);color:var(--unitone--color--text);font-family:var(--unitone--font-family)}body{-webkit-font-smoothing:antialiased;overflow-wrap:break-word}:where(:not(a):not(b):not(bdi):not(bdo):not(cite):not(data):not(del):not(dfn):not(em):not(i):not(ins):not(mark):not(q):not(ruby):not(s):not(samp):not(small):not(span):not(strong):not(sub):not(sup):not(time):not(u):not(svg)){font-size:calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--harmonic-sequence-base) - var(--unitone--font-size)) * 1rem);line-height:clamp(calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))),calc((calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))) - (calc(1 + 2 * var(--unitone--half-leading)))) / (4)) * var(--unitone--fluid-font-size-magnification,calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--harmonic-sequence-base) - var(--unitone--font-size)))) + calc(calc(1 + 2 * var(--unitone--half-leading)) - calc((calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))) - (calc(1 + 2 * var(--unitone--half-leading)))) / (4))),calc(1 + 2 * var(--unitone--half-leading)))}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;hanging-punctuation:allow-end;line-break:normal}a{text-decoration-thickness:1px;text-underline-offset:.1em}:where(address,article,aside,blockquote,details,dialog,dd,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,li,main,nav,ol,p,pre,section,table,ul){margin:0;padding:0}:where(li){margin-inline-start:1.5em}small,sup{font-size:smaller}@supports (font-variant-position:super){sup{font-size:inherit;font-variant-position:super;vertical-align:baseline}}sub{font-size:smaller}@supports (font-variant-position:sub){sub{font-size:inherit;font-variant-position:sub;vertical-align:baseline}}img,video{height:auto;max-width:100%}figure{border-collapse:collapse;display:table}figcaption{--unitone--font-size:-2;caption-side:bottom;display:table-caption;margin:var(--unitone--s-1) 0 0;text-align:left}.unitone-empty{height:0!important;opacity:0!important;visibility:hidden!important;width:0!important}[data-unitone-layout~=both-sides]{--unitone--gap:var(--unitone--global--gap);--unitone--column-gap:var(--unitone--gap);--unitone--row-gap:var(--unitone--gap);--unitone--align-items:start;--unitone--content-width:fit-content;--unitone--content-max-width:100%;align-items:var(--unitone--align-items);-moz-column-gap:var(--unitone--column-gap);column-gap:var(--unitone--column-gap);display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:var(--unitone--row-gap)}[data-unitone-layout~=both-sides]>*{--unitone--max-width:var(--unitone--content-max-width);--unitone--flex-basis:var(--unitone--content-width);flex-basis:var(--unitone--flex-basis);flex-grow:0;max-width:min(100%,var(--unitone--max-width));min-width:0}[data-unitone-layout~=decorator]{--unitone--background-color:transparent;--unitone--color:inherit;--unitone--border-color:transparent;--unitone--border-width:0;--unitone--border-radius:0;--unitone--max-height:none;--unitone--padding:0px;--unitone--box-shadow:none;--unitone--overflow:visible;--unitone--backdrop-filter:none;--unitone--position:static;--unitone--top:initial;--unitone--right:initial;--unitone--bottom:initial;--unitone--left:initial;--unitone--z-index:initial;-webkit-backdrop-filter:var(--unitone--backdrop-filter);backdrop-filter:var(--unitone--backdrop-filter);background-color:var(--unitone--background-color);border:var(--unitone--border-width) solid var(--unitone--border-color);border-radius:var(--unitone--border-radius);bottom:var(--unitone--bottom);box-shadow:var(--unitone--box-shadow);color:var(--unitone--color);left:var(--unitone--left);max-height:var(--unitone--max-height);overflow:var(--unitone--overflow);padding:var(--unitone--padding);position:var(--unitone--position)!important;right:var(--unitone--right);top:var(--unitone--top);z-index:var(--unitone--z-index)}[data-unitone-layout~=decorator]:where([data-unitone-layout~=-shadow]){--unitone--box-shadow:var(--unitone--global--box-shadow)}[data-unitone-layout~=center]{--unitone--gutters:0px;--unitone--max-width:var(--unitone--measure);box-sizing:content-box;margin-left:auto;margin-right:auto;max-width:var(--unitone--max-width);padding-left:var(--unitone--gutters);padding-right:var(--unitone--gutters);width:-moz-fit-content;width:fit-content}[data-unitone-layout~=center][data-unitone-layout~=-with-text]{text-align:center}[data-unitone-layout~=cluster]{--unitone--align-items:strech;--unitone--gap:var(--unitone--global--text-gap);--unitone--column-gap:var(--unitone--gap);--unitone--row-gap:var(--unitone--gap);--unitone--justify-content:start;align-items:var(--unitone--align-items);-moz-column-gap:var(--unitone--column-gap);column-gap:var(--unitone--column-gap);display:flex;flex-wrap:wrap;justify-content:var(--unitone--justify-content);list-style:none;row-gap:var(--unitone--row-gap)}[data-unitone-layout~=cluster]>*{margin:0;min-width:0}[data-unitone-layout~=cluster]:where([data-unitone-layout*="-divider:"]){--unitone--divider-width:1px;--unitone--divider-style:solid;--unitone--divider-color:var(--unitone--color--gray)}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:stripe"]{align-items:stretch;-moz-column-gap:0;column-gap:0}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:stripe"]>*{display:flex;flex-direction:column;justify-content:var(--unitone--align-items);padding-left:var(--unitone--column-gap);padding-right:calc(var(--unitone--column-gap) + var(--unitone--divider-width));position:relative}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:stripe"]>:before{border-right:var(--unitone--divider-width) var(--unitone--divider-style) var(--unitone--divider-color);content:"";inset:0;pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:stripe"]>[data-unitone-layout~=-bol]{padding-left:calc(var(--unitone--column-gap) + var(--unitone--divider-width))}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:stripe"]>[data-unitone-layout~=-bol]:before{border-left:var(--unitone--divider-width) var(--unitone--divider-style) var(--unitone--divider-color)}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:slash"]{align-items:stretch;-moz-column-gap:0;column-gap:0}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:slash"]>*{display:flex;flex-direction:column;justify-content:var(--unitone--align-items);padding-left:calc(var(--unitone--column-gap) + var(--unitone--divider-width) * 2);padding-right:calc(var(--unitone--column-gap) + var(--unitone--divider-width) * 2);position:relative}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:slash"]>*>*{min-width:0}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:slash"]>[data-unitone-layout~=-bol]{padding-left:0}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:slash"]>*+:not([data-unitone-layout~=-bol]):before{border-left:var(--unitone--divider-width) var(--unitone--divider-style) color-mix(in oklab,var(--unitone--divider-color) 97%,#000);bottom:0;content:"";left:calc(var(--unitone--divider-width) / 2 * -1);position:absolute;right:auto;top:0;transform:rotate(22.5deg) scale(.8)}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:bordered"]{align-items:stretch;gap:0}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:bordered"]>*{display:flex;flex-direction:column;justify-content:var(--unitone--align-items);padding:calc(var(--unitone--row-gap) + var(--unitone--divider-width)) calc(var(--unitone--column-gap) + var(--unitone--divider-width));padding-left:var(--unitone--column-gap);position:relative}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:bordered"]>:before{border-color:var(--unitone--divider-color);border-style:var(--unitone--divider-style);border-width:var(--unitone--divider-width) var(--unitone--divider-width) var(--unitone--divider-width) 0;content:"";inset:0;pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:bordered"]>[data-unitone-layout~=-bol]{padding-left:calc(var(--unitone--column-gap) + var(--unitone--divider-width))}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:bordered"]>[data-unitone-layout~=-bol]:before{border-left-width:var(--unitone--divider-width)}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:bordered"]>[data-unitone-layout~=-linewrap]{margin-top:calc(var(--unitone--divider-width) * -1)}[data-unitone-layout~=cover]{--unitone--gap:var(--unitone--global--gap);--unitone--padding:var(--unitone--gap);--unitone--min-height:100vh;display:flex;flex-direction:column;gap:var(--unitone--gap);min-height:var(--unitone--min-height);padding:var(--unitone--padding);position:relative}[data-unitone-layout~=cover]>*{margin-bottom:0;margin-top:0}[data-unitone-layout~=cover][data-unitone-layout~=-no-padding]{padding:0}[data-unitone-layout~=cover__content]{--unitone--position:static;--unitone--top:initial;--unitone--right:initial;--unitone--bottom:initial;--unitone--left:initial;--unitone--z-index:initial;bottom:var(--unitone--bottom);left:var(--unitone--left);margin-bottom:auto;margin-top:auto;position:var(--unitone--position)!important;right:var(--unitone--right);top:var(--unitone--top);z-index:var(--unitone--z-index)}[data-unitone-layout~=cover__content][data-unitone-layout~="-valign:top"]{margin-bottom:auto;margin-top:0}[data-unitone-layout~=cover__content][data-unitone-layout~="-valign:center"]{margin-bottom:auto;margin-top:auto}[data-unitone-layout~=cover__content][data-unitone-layout~="-valign:bottom"]{margin-bottom:0;margin-top:auto}[data-unitone-layout~=cover__content][data-unitone-layout~="-valign:center"]+[data-unitone-layout~=cover__content][data-unitone-layout~="-valign:bottom"],[data-unitone-layout~=cover__content][data-unitone-layout~="-valign:top"]+[data-unitone-layout~=cover__content][data-unitone-layout~="-valign:center"]{margin-top:0}[data-unitone-layout~=float]{--unitone--gap:var(--unitone--global--gap);--unitone--min-measure:calc(var(--unitone--measure) / 2);--unitone--min-width:33.33333%;width:max(min(var(--unitone--min-width),100%),min((var(--unitone--min-width) + var(--unitone--gap) + var(--unitone--min-measure) - 100%) * 999,100%))}[data-unitone-layout~=float]:not([data-unitone-layout~="-position:right"]),[data-unitone-layout~=float][data-unitone-layout~="-position:left"]{float:left;margin-bottom:var(--unitone--gap);margin-right:var(--unitone--gap)}[data-unitone-layout~=float][data-unitone-layout~="-position:right"]{float:right;margin-bottom:var(--unitone--gap);margin-left:var(--unitone--gap)}[data-unitone-layout~=frame]{--unitone--ratio:16/9;aspect-ratio:var(--unitone--ratio)!important;overflow:hidden;position:relative}[data-unitone-layout~=frame]>*{height:100%;width:100%}[data-unitone-layout~=frame] figure{display:block;width:auto}[data-unitone-layout~=frame] img,[data-unitone-layout~=frame] video{height:100%!important;max-height:100%!important;max-width:100%!important;min-height:0!important;min-width:0!important;-o-object-fit:cover;object-fit:cover;vertical-align:top;width:100%!important}@media (orientation:portrait) and (max-width:599px){[data-unitone-layout~=frame][data-unitone-layout~=-switch]{aspect-ratio:calc(1 / (var(--unitone--ratio)))!important}}[data-unitone-layout~=layers]{--unitone--columns:var(--unitone--grid-columns);--unitone--rows:var(--unitone--grid-rows);--unitone--gap:var(--unitone--grid-gap);--unitone--min-height:0;--unitone--blur:75px;display:grid;gap:min(3.33333%,var(--unitone--gap));grid-template-columns:repeat(var(--unitone--columns),1fr);grid-template-rows:repeat(var(--unitone--rows),1fr);min-height:var(--unitone--min-height)}@media (orientation:portrait) and (max-width:599px){[data-unitone-layout~=layers][data-unitone-layout~=-portrait]{--unitone--columns:var(--unitone--grid-rows);--unitone--rows:var(--unitone--grid-columns)}}@-moz-document url-prefix(){[data-unitone-layout~=layers]{gap:min(3.33333vw,var(--unitone--gap))}}[data-unitone-layout~=layers]>*{--unitone--align-self:auto;--unitone--justify-self:auto;--unitone--grid-column:1/-1;--unitone--grid-row:1/-1;--unitone--mix-blend-mode:normal;align-self:var(--unitone--align-self);grid-column:var(--unitone--grid-column);grid-row:var(--unitone--grid-row);justify-self:var(--unitone--justify-self);mix-blend-mode:var(--unitone--mix-blend-mode)}:where([data-unitone-layout~=layers]>*){--unitone--max-width:none;--unitone--min-height:auto;max-width:var(--unitone--max-width);min-height:var(--unitone--min-height)}[data-unitone-layout~=layers][data-unitone-layout~=-cover],[data-unitone-layout~=layers][data-unitone-layout~=-fill]{position:relative}[data-unitone-layout~=layers][data-unitone-layout~=-cover]>:first-child figure,[data-unitone-layout~=layers][data-unitone-layout~=-cover]>figure:first-child,[data-unitone-layout~=layers][data-unitone-layout~=-fill]>:first-child figure,[data-unitone-layout~=layers][data-unitone-layout~=-fill]>figure:first-child{display:block;height:100%;margin:0;width:100%}[data-unitone-layout~=layers][data-unitone-layout~=-cover]>:first-child img,[data-unitone-layout~=layers][data-unitone-layout~=-cover]>:first-child video,[data-unitone-layout~=layers][data-unitone-layout~=-cover]>img:first-child,[data-unitone-layout~=layers][data-unitone-layout~=-cover]>video:first-child,[data-unitone-layout~=layers][data-unitone-layout~=-fill]>:first-child img,[data-unitone-layout~=layers][data-unitone-layout~=-fill]>:first-child video,[data-unitone-layout~=layers][data-unitone-layout~=-fill]>img:first-child,[data-unitone-layout~=layers][data-unitone-layout~=-fill]>video:first-child{display:block;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%;width:100%}[data-unitone-layout~=layers][data-unitone-layout~=-cover]>:first-child img,[data-unitone-layout~=layers][data-unitone-layout~=-cover]>:first-child video,[data-unitone-layout~=layers][data-unitone-layout~=-cover]>img:first-child,[data-unitone-layout~=layers][data-unitone-layout~=-cover]>video:first-child{inset:0;position:absolute}:where([data-unitone-layout~=layers][data-unitone-layout~=-cover]>*){position:relative}:where([data-unitone-layout~=layers][data-unitone-layout~=-cover]>[data-unitone-layout~=decorator]){--unitone--position:relative}[data-unitone-layout~=layers][data-unitone-layout~=-blur]{overflow:hidden}[data-unitone-layout~=layers][data-unitone-layout~=-blur][data-unitone-layout~=-cover]>:first-child :where(img,video),[data-unitone-layout~=layers][data-unitone-layout~=-blur][data-unitone-layout~=-cover]>:where(img:first-child,video:first-child),[data-unitone-layout~=layers][data-unitone-layout~=-blur][data-unitone-layout~=-fill]>:first-child :where(img,video),[data-unitone-layout~=layers][data-unitone-layout~=-blur][data-unitone-layout~=-fill]>:where(img:first-child,video:first-child){transform:scale(1.5)}[data-unitone-layout~=layers][data-unitone-layout~=-blur]>:first-child :where(img,video),[data-unitone-layout~=layers][data-unitone-layout~=-blur]>:where(img:first-child,video:first-child){filter:blur(var(--unitone--blur))}[data-unitone-layout~=reel]{--unitone--gap:var(--unitone--global--gap);--unitone--height:auto;--unitone--item-width:calc(var(--unitone--measure) / 2);--unitone--scrollbar-thumb-color:#ddd;--unitone--scrollbar-track-color:transparent;display:flex;gap:var(--unitone--gap);height:var(--unitone--height);overflow-x:auto;overflow-y:hidden;padding-bottom:var(--unitone--s-2);scrollbar-color:var(--unitone--scrollbar-thumb-color) var(--unitone--scrollbar-track-color);scrollbar-width:1rem}[data-unitone-layout~=reel]::-webkit-scrollbar{height:1rem}[data-unitone-layout~=reel]::-webkit-scrollbar-thumb,[data-unitone-layout~=reel]::-webkit-scrollbar-track{background-color:var(--unitone--scrollbar-track-color)}[data-unitone-layout~=reel]::-webkit-scrollbar-thumb{background-image:linear-gradient(var(--unitone--scrollbar-track-color) 0,var(--unitone--scrollbar-track-color) .375rem,var(--unitone--scrollbar-thumb-color) .375rem,var(--unitone--scrollbar-thumb-color) .625rem,var(--unitone--scrollbar-track-color) .625rem)}[data-unitone-layout~=reel]>*{flex:0 0 var(--unitone--item-width);min-width:0}[data-unitone-layout~=reel][data-unitone-layout~=-no-bar]{padding-bottom:0;scrollbar-width:none}[data-unitone-layout~=reel][data-unitone-layout~=-no-bar]::-webkit-scrollbar{display:none}[data-unitone-layout~=responsive-grid]{--unitone--auto-repeat:auto-fit;--unitone--column-min-width:240px;--unitone--gap:var(--unitone--global--gap);--unitone--column-gap:var(--unitone--gap);--unitone--row-gap:var(--unitone--gap);-moz-column-gap:var(--unitone--column-gap);column-gap:var(--unitone--column-gap);display:grid;grid-template-columns:repeat(var(--unitone--auto-repeat),minmax(min(var(--unitone--column-min-width),100%),1fr));list-style:none;row-gap:var(--unitone--row-gap)}[data-unitone-layout~=responsive-grid]>*{margin:0;min-width:0}[data-unitone-layout~=responsive-grid]:where([data-unitone-layout*="-divider:"]){--unitone--divider-width:1px;--unitone--divider-style:solid;--unitone--divider-color:var(--unitone--color--gray)}[data-unitone-layout~=responsive-grid][data-unitone-layout~="-divider:stripe"]{row-gap:0}[data-unitone-layout~=responsive-grid][data-unitone-layout~="-divider:stripe"]>*{padding-bottom:calc(var(--unitone--gap) + var(--unitone--divider-width));padding-top:calc(var(--unitone--gap) + var(--unitone--divider-width));position:relative}[data-unitone-layout~=responsive-grid][data-unitone-layout~="-divider:stripe"]>:before{border-color:var(--unitone--divider-color);border-style:var(--unitone--divider-style);border-width:var(--unitone--divider-width) 0;bottom:0;content:"";left:calc(var(--unitone--gap) * -1);position:absolute;right:0;top:0}[data-unitone-layout~=responsive-grid][data-unitone-layout~="-divider:stripe"]>[data-unitone-layout~=-bol]:before{left:0}[data-unitone-layout~=responsive-grid][data-unitone-layout~="-divider:stripe"]>[data-unitone-layout~=-linewrap]{padding-top:var(--unitone--column-gap)}[data-unitone-layout~=responsive-grid][data-unitone-layout~="-divider:stripe"]>[data-unitone-layout~=-linewrap]:before{border-top-width:0}[data-unitone-layout~=responsive-grid][data-unitone-layout~="-divider:underline"]{row-gap:0}[data-unitone-layout~=responsive-grid][data-unitone-layout~="-divider:underline"]>*{padding-bottom:calc(var(--unitone--gap) + var(--unitone--divider-width));padding-top:0;position:relative}[data-unitone-layout~=responsive-grid][data-unitone-layout~="-divider:underline"]>:before{border-color:var(--unitone--divider-color);border-style:var(--unitone--divider-style);border-width:0 0 var(--unitone--divider-width) 0;bottom:0;content:"";left:calc(var(--unitone--gap) * -1);position:absolute;right:0;top:0}[data-unitone-layout~=responsive-grid][data-unitone-layout~="-divider:underline"]>[data-unitone-layout~=-bol]:before{left:0}[data-unitone-layout~=responsive-grid][data-unitone-layout~="-divider:underline"]>[data-unitone-layout~=-linewrap]{padding-top:var(--unitone--gap)}[data-unitone-layout~=responsive-grid][data-unitone-layout~="-divider:bordered"]{gap:0}[data-unitone-layout~=responsive-grid][data-unitone-layout~="-divider:bordered"]>*{padding:calc(var(--unitone--row-gap) + var(--unitone--divider-width)) calc(var(--unitone--column-gap) + var(--unitone--divider-width));padding-left:var(--unitone--column-gap);position:relative}[data-unitone-layout~=responsive-grid][data-unitone-layout~="-divider:bordered"]>:before{border-color:var(--unitone--divider-color);border-style:var(--unitone--divider-style);border-width:var(--unitone--divider-width) var(--unitone--divider-width) var(--unitone--divider-width) 0;content:"";inset:0;pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-unitone-layout~=responsive-grid][data-unitone-layout~="-divider:bordered"]>[data-unitone-layout~=-bol]{padding-left:calc(var(--unitone--column-gap) + var(--unitone--divider-width))}[data-unitone-layout~=responsive-grid][data-unitone-layout~="-divider:bordered"]>[data-unitone-layout~=-bol]:before{border-left-width:var(--unitone--divider-width)}[data-unitone-layout~=responsive-grid][data-unitone-layout~="-divider:bordered"]>[data-unitone-layout~=-linewrap]{padding-top:var(--unitone--column-gap)}[data-unitone-layout~=responsive-grid][data-unitone-layout~="-divider:bordered"]>[data-unitone-layout~=-linewrap]:before{border-top-width:0}[data-unitone-layout~=responsive-grid][data-unitone-layout*="-stairs:"]{align-items:start;padding-bottom:calc(var(--unitone--stairs-step-overflow-volume, 0) * 1px)}[data-unitone-layout~=responsive-grid][data-unitone-layout*="-stairs:"]>*{position:relative}[data-unitone-layout~=responsive-grid][data-unitone-layout*="-stairs:"]:where(:not([data-unitone-layout*="-stairs-up:right"]))>*{top:calc(var(--unitone--stairs-margin) * var(--unitone--stairs-step))}[data-unitone-layout~=responsive-grid][data-unitone-layout*="-stairs:"]:where([data-unitone-layout*="-stairs-up:right"])>*{top:calc(var(--unitone--stairs-margin) * (var(--unitone--max-stairs-step) - var(--unitone--stairs-step)))}[data-unitone-layout~=gutters]{--unitone--padding:var(--unitone--s4);padding-bottom:var(--unitone--padding);padding-top:var(--unitone--padding)}[data-unitone-layout~=stack]{--unitone--gap:var(--unitone--global--text-gap);display:flex;flex-direction:column;gap:var(--unitone--gap);list-style:none}[data-unitone-layout~=stack]>*{margin-block-end:0;margin-block-start:0}[data-unitone-layout~=stack]>li{margin-left:0}[data-unitone-layout~=stack]:only-child{height:100%}[data-unitone-layout~=stack][data-unitone-layout~=-revert]{flex-direction:column-reverse}[data-unitone-layout~=stack]:where([data-unitone-layout*="-divider:"]){--unitone--divider-width:1px;--unitone--divider-style:solid;--unitone--divider-color:var(--unitone--color--gray)}[data-unitone-layout~=stack][data-unitone-layout~="-divider:stripe"]{gap:0}[data-unitone-layout~=stack][data-unitone-layout~="-divider:stripe"]>*{padding-bottom:calc(var(--unitone--gap) + var(--unitone--divider-width));padding-top:var(--unitone--gap);position:relative}[data-unitone-layout~=stack][data-unitone-layout~="-divider:stripe"]>:before{border-bottom:var(--unitone--divider-width) var(--unitone--divider-style) var(--unitone--divider-color);content:"";inset:0;pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-unitone-layout~=stack][data-unitone-layout~="-divider:stripe"]:where(:not([data-unitone-layout~=-revert]))>:first-child{padding-top:calc(var(--unitone--gap) + var(--unitone--divider-width))}[data-unitone-layout~=stack][data-unitone-layout~="-divider:stripe"]:where(:not([data-unitone-layout~=-revert]))>:first-child:before{border-top:var(--unitone--divider-width) var(--unitone--divider-style) var(--unitone--divider-color)}[data-unitone-layout~=stack][data-unitone-layout~="-divider:stripe"]:where([data-unitone-layout~=-revert])>:last-child{padding-top:calc(var(--unitone--gap) + var(--unitone--divider-width))}[data-unitone-layout~=stack][data-unitone-layout~="-divider:stripe"]:where([data-unitone-layout~=-revert])>:last-child:before{border-top:var(--unitone--divider-width) var(--unitone--divider-style) var(--unitone--divider-color)}[data-unitone-layout~=stack][data-unitone-layout~="-divider:underline"]{gap:0}[data-unitone-layout~=stack][data-unitone-layout~="-divider:underline"]>*{padding-bottom:calc(var(--unitone--gap) + var(--unitone--divider-width));padding-top:var(--unitone--gap);position:relative}[data-unitone-layout~=stack][data-unitone-layout~="-divider:underline"]>:before{border-bottom:var(--unitone--divider-width) var(--unitone--divider-style) var(--unitone--divider-color);content:"";inset:0;pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-unitone-layout~=stack][data-unitone-layout~="-divider:underline"]:where(:not([data-unitone-layout~=-revert]))>:first-child{padding-top:0}[data-unitone-layout~=stack][data-unitone-layout~="-divider:underline"]:where([data-unitone-layout~=-revert])>:last-child{padding-top:0}[data-unitone-layout~=stack][data-unitone-layout~="-divider:bordered"]{gap:0}[data-unitone-layout~=stack][data-unitone-layout~="-divider:bordered"]>*{padding:var(--unitone--gap) calc(var(--unitone--gap) + var(--unitone--divider-width)) calc(var(--unitone--gap) + var(--unitone--divider-width));position:relative}[data-unitone-layout~=stack][data-unitone-layout~="-divider:bordered"]>:before{border-color:var(--unitone--divider-color);border-style:var(--unitone--divider-style);border-width:0 var(--unitone--divider-width) var(--unitone--divider-width) var(--unitone--divider-width);content:"";inset:0;pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-unitone-layout~=stack][data-unitone-layout~="-divider:bordered"]:where(:not([data-unitone-layout~=-revert]))>:first-child{padding-top:calc(var(--unitone--gap) + var(--unitone--divider-width))}[data-unitone-layout~=stack][data-unitone-layout~="-divider:bordered"]:where(:not([data-unitone-layout~=-revert]))>:first-child:before{border-top-width:var(--unitone--divider-width)}[data-unitone-layout~=stack][data-unitone-layout~="-divider:bordered"]:where([data-unitone-layout~=-revert])>:last-child{padding-top:calc(var(--unitone--gap) + var(--unitone--divider-width))}[data-unitone-layout~=stack][data-unitone-layout~="-divider:bordered"]:where([data-unitone-layout~=-revert])>:last-child:before{border-top-width:var(--unitone--divider-width)}[data-unitone-layout~=stack][data-unitone-layout~=-negative]{gap:0}[data-unitone-layout~=stack][data-unitone-layout~=-negative]:where(:not([data-unitone-layout~=-revert]))>:not(:first-child){margin-top:calc(-1 * var(--unitone--gap))}[data-unitone-layout~=stack][data-unitone-layout~=-negative]:where([data-unitone-layout~=-revert])>:not(:last-child){margin-top:calc(-1 * var(--unitone--gap))}[data-unitone-layout~=stack]>[data-unitone-layout~=text]:where(:not([data-unitone-layout*="align:"])){margin-left:0;margin-right:0;max-width:none}[data-unitone-layout~=switcher]{--unitone--gap:var(--unitone--global--gap);--unitone--column-gap:var(--unitone--gap);--unitone--row-gap:var(--unitone--gap);--unitone--threshold:var(--unitone--measure);--unitone--align-items:stretch;align-items:var(--unitone--align-items);-moz-column-gap:var(--unitone--column-gap);column-gap:var(--unitone--column-gap);display:flex;flex-wrap:wrap;row-gap:var(--unitone--row-gap)}[data-unitone-layout~=switcher][data-unitone-layout~=-revert]{flex-direction:row-reverse}[data-unitone-layout~=switcher]>*{flex-basis:calc((var(--unitone--threshold) - 100%) * 999);flex-grow:1;min-width:0}[data-unitone-layout~=text]{--unitone--gutters:0px;--unitone--max-width:var(--unitone--measure);box-sizing:content-box;max-width:none;padding-left:var(--unitone--gutters);padding-right:var(--unitone--gutters)}[data-unitone-layout~=text][data-unitone-layout*="-gap:"]{--unitone--gap:inherit!important}[data-unitone-layout~=text][data-unitone-layout~="-gap:-2"]>*{--unitone--text-gap:var(--unitone--s-2)!important}[data-unitone-layout~=text][data-unitone-layout~="-gap:-1"]>*{--unitone--text-gap:var(--unitone--s-1)!important}[data-unitone-layout~=text][data-unitone-layout~="-gap:0"]>*{--unitone--text-gap:var(--unitone--s0)!important}[data-unitone-layout~=text][data-unitone-layout~="-gap:1"]>*{--unitone--text-gap:var(--unitone--s1)!important}[data-unitone-layout~=text][data-unitone-layout~="-gap:2"]>*{--unitone--text-gap:var(--unitone--s2)!important}[data-unitone-layout~=text][data-unitone-layout~="-gap:3"]>*{--unitone--text-gap:var(--unitone--s3)!important}[data-unitone-layout~=text][data-unitone-layout~="-gap:4"]>*{--unitone--text-gap:var(--unitone--s4)!important}[data-unitone-layout~=text][data-unitone-layout~="-gap:5"]>*{--unitone--text-gap:var(--unitone--s5)!important}[data-unitone-layout~=text][data-unitone-layout~="-gap:6"]>*{--unitone--text-gap:var(--unitone--s6)!important}[data-unitone-layout~=text][data-unitone-layout~="-gap:7"]>*{--unitone--text-gap:var(--unitone--s7)!important}:where([data-unitone-layout~=text]>*){margin-left:auto;margin-right:auto;max-width:min(100%,var(--unitone--max-width))}[data-unitone-layout~=text]>h1{--unitone--font-size:4}[data-unitone-layout~=text]>h2{--unitone--font-size:3}[data-unitone-layout~=text]>h3{--unitone--font-size:2}[data-unitone-layout~=text]>h4{--unitone--font-size:1}[data-unitone-layout~=text]>h5,[data-unitone-layout~=text]>h6{--unitone--font-size:0}[data-unitone-layout~=text]:lang(ja){font-feature-settings:"palt" 0;font-kerning:none}[data-unitone-layout~=text]:lang(ja)>:where(h1,h2,h3,h4,h5){font-feature-settings:"palt" 1;font-kerning:normal}[data-unitone-layout~=text]:where([data-unitone-layout~="-align:center"]),[data-unitone-layout~=text]:where([data-unitone-layout~="-align:end"]),[data-unitone-layout~=text]:where([data-unitone-layout~="-align:start"]){max-width:var(--unitone--max-width)}[data-unitone-layout~=text][data-unitone-layout~=-gap]>*{--unitone--text-gap-scale:1;--unitone--text-gap:var(--unitone--global--text-gap);--unitone--text-gap-increment:0px;--unitone--margin-block:calc(var(--unitone--text-gap-scale) * var(--unitone--text-gap) + var(--unitone--text-gap-increment));margin-left:auto;margin-right:auto}[data-unitone-layout~=text][data-unitone-layout~=-gap]>*+*{margin-block-start:var(--unitone--margin-block)}[data-unitone-layout~=text][data-unitone-layout~=-gap]>:where(h2,h3,h4,h5,h6){--unitone--text-gap-scale:1.5}[data-unitone-layout~=text][data-unitone-layout~=-gap]>:where(h2,h3,h4,h5,h6)+:where(h2,h3,h4,h5,h6){--unitone--text-gap-scale:1}[data-unitone-layout~=text][data-unitone-layout~=-gap]>h5+*,[data-unitone-layout~=text][data-unitone-layout~=-gap]>h6+*{--unitone--text-gap-scale:.5}[data-unitone-layout~=text][data-unitone-layout~=-column]{--unitone--text-gap:var(--unitone--global--text-gap);--unitone--column-gap:var(--unitone--text-gap);--unitone--column-width:var(--unitone--max-width);-moz-column-width:var(--unitone--column-width);column-width:var(--unitone--column-width);gap:var(--unitone--column-gap);max-width:var(--unitone--max-width)}[data-unitone-layout~=text][data-unitone-layout~=-column]>*{max-width:none}:where([data-unitone-layout~=text][data-unitone-layout~=-center])>*{width:-moz-fit-content;width:fit-content}[data-unitone-layout~=texture]{--unitone--texture-color:var(--unitone--color--light-gray);--unitone--texture-gap:50px;--unitone--texture-size:1px}[data-unitone-layout~=texture][data-unitone-layout~="-texture:dots"]{background-image:radial-gradient(var(--unitone--texture-color) var(--unitone--texture-size),transparent var(--unitone--texture-size));background-size:max(var(--unitone--texture-gap),var(--unitone--texture-size) * 2) max(var(--unitone--texture-gap),var(--unitone--texture-size) * 2)}[data-unitone-layout~=texture][data-unitone-layout~="-texture:offset-dots"]{background-image:radial-gradient(var(--unitone--texture-color) var(--unitone--texture-size),transparent var(--unitone--texture-size)),radial-gradient(var(--unitone--texture-color) var(--unitone--texture-size),transparent var(--unitone--texture-size));background-position:0 0,max(var(--unitone--texture-gap)/2,var(--unitone--texture-size) * 3/2) max(var(--unitone--texture-gap)/2,var(--unitone--texture-size) * 3/2);background-size:max(var(--unitone--texture-gap),var(--unitone--texture-size) * 3) max(var(--unitone--texture-gap),var(--unitone--texture-size) * 3)}[data-unitone-layout~=texture][data-unitone-layout~="-texture:grid"]{background-image:linear-gradient(var(--unitone--texture-color) var(--unitone--texture-size),transparent var(--unitone--texture-size)),linear-gradient(to right,var(--unitone--texture-color) var(--unitone--texture-size),transparent var(--unitone--texture-size));background-size:max(var(--unitone--texture-gap),var(--unitone--texture-size) * 2) max(var(--unitone--texture-gap),var(--unitone--texture-size) * 2)}[data-unitone-layout~=texture][data-unitone-layout~="-texture:horizontal-stripe"]{background-image:linear-gradient(var(--unitone--texture-color) var(--unitone--texture-size),transparent var(--unitone--texture-size));background-size:max(var(--unitone--texture-gap),var(--unitone--texture-size) * 2) max(var(--unitone--texture-gap),var(--unitone--texture-size) * 2)}[data-unitone-layout~=texture][data-unitone-layout~="-texture:vertical-stripe"]{background-image:linear-gradient(to right,var(--unitone--texture-color) var(--unitone--texture-size),transparent var(--unitone--texture-size));background-size:max(var(--unitone--texture-gap),var(--unitone--texture-size) * 2) max(var(--unitone--texture-gap),var(--unitone--texture-size) * 2)}[data-unitone-layout~=texture][data-unitone-layout~="-texture:checker-pattern"]{background-image:repeating-linear-gradient(45deg,var(--unitone--texture-color) 25%,transparent 25%,transparent 75%,var(--unitone--texture-color) 75%,var(--unitone--texture-color)),repeating-linear-gradient(45deg,var(--unitone--texture-color) 25%,transparent 25%,transparent 75%,var(--unitone--texture-color) 75%,var(--unitone--texture-color));background-position:0 0,var(--unitone--texture-gap) var(--unitone--texture-gap);background-size:calc(var(--unitone--texture-gap) * 2) calc(var(--unitone--texture-gap) * 2)}[data-unitone-layout~=texture][data-unitone-layout~="-texture:graph-paper"]{background-image:linear-gradient(var(--unitone--texture-color) calc(var(--unitone--texture-size) * .8),transparent calc(var(--unitone--texture-size) * .8)),linear-gradient(90deg,var(--unitone--texture-color) calc(var(--unitone--texture-size) * .8),transparent calc(var(--unitone--texture-size) * .8)),linear-gradient(var(--unitone--texture-color) calc(var(--unitone--texture-size) * .5),transparent calc(var(--unitone--texture-size) * .5)),linear-gradient(90deg,var(--unitone--texture-color) calc(var(--unitone--texture-size) * .5),transparent calc(var(--unitone--texture-size) * .5));background-position:calc(var(--unitone--texture-size) * -.8) calc(var(--unitone--texture-size) * -.8),calc(var(--unitone--texture-size) * -.8) calc(var(--unitone--texture-size) * -.8),calc(var(--unitone--texture-size) * -.5) calc(var(--unitone--texture-size) * -.5),calc(var(--unitone--texture-size) * -.5) calc(var(--unitone--texture-size) * -.5);background-size:max(var(--unitone--texture-gap) * 3,var(--unitone--texture-size) * 30) calc(max(var(--unitone--texture-gap) * 3, var(--unitone--texture-size) * 30) * 2),calc(max(var(--unitone--texture-gap) * 3, var(--unitone--texture-size) * 30) * 2) max(var(--unitone--texture-gap) * 3,var(--unitone--texture-size) * 30),calc(max(var(--unitone--texture-gap) * 3, var(--unitone--texture-size) * 30) / 5) calc(max(var(--unitone--texture-gap) * 3, var(--unitone--texture-size) * 30) / 5),calc(max(var(--unitone--texture-gap) * 3, var(--unitone--texture-size) * 30) / 5) calc(max(var(--unitone--texture-gap) * 3, var(--unitone--texture-size) * 30) / 5)}[data-unitone-layout~=texture][data-unitone-layout~="-texture:slash"]{background-image:repeating-linear-gradient(135deg,var(--unitone--texture-color) 0,var(--unitone--texture-color) var(--unitone--texture-size),transparent 0,transparent 50%)}[data-unitone-layout~=texture][data-unitone-layout~="-texture:backslash"],[data-unitone-layout~=texture][data-unitone-layout~="-texture:slash"]{background-size:max(var(--unitone--texture-gap),var(--unitone--texture-size) * 1.5 + 2px) max(var(--unitone--texture-gap),var(--unitone--texture-size) * 1.5 + 2px)}[data-unitone-layout~=texture][data-unitone-layout~="-texture:backslash"]{background-image:repeating-linear-gradient(45deg,var(--unitone--texture-color) 0,var(--unitone--texture-color) var(--unitone--texture-size),transparent 0,transparent 50%)}[data-unitone-layout~=vertical-writing]{--unitone--gap:var(--unitone--global--text-gap);--unitone--column-gap:var(--unitone--global--gap);--unitone--row-gap:var(--unitone--gap);--unitone--max-height:var(--unitone--vertical-writing--max-height,25rem);--unitone--text-orientation:mixed;--unitone--threshold:0px;-moz-column-count:1;column-count:1;-moz-column-gap:var(--unitone--column-gap);column-gap:var(--unitone--column-gap);max-width:100%;position:relative;text-orientation:var(--unitone--text-orientation);visibility:hidden;width:100%;writing-mode:vertical-rl}[data-unitone-layout~=vertical-writing][data-unitone-layout~=-initialized]{visibility:visible}[data-unitone-layout~=vertical-writing]>*{box-sizing:content-box;inline-size:var(--unitone--max-height);max-inline-size:var(--unitone--max-height)}[data-unitone-layout~=vertical-writing]>[data-unitone-layout~=vertical-writing__thresholder]{height:0!important;inset:auto auto 0 0!important;pointer-events:none!important;position:absolute!important;width:var(--unitone--threshold)!important;z-index:-1!important}[data-unitone-layout~=vertical-writing][data-unitone-layout~=-force-switch]{-moz-column-count:auto;column-count:auto;width:auto;writing-mode:horizontal-tb}[data-unitone-layout~=vertical-writing][data-unitone-layout~=-force-switch]>*{box-sizing:border-box;inline-size:auto;max-inline-size:none}@media (orientation:portrait) and (max-width:599px){[data-unitone-layout~=vertical-writing][data-unitone-layout~=-switch]{-moz-column-count:auto;column-count:auto;width:auto;writing-mode:horizontal-tb}[data-unitone-layout~=vertical-writing][data-unitone-layout~=-switch]>*{box-sizing:border-box;inline-size:auto}}[data-unitone-layout~=vertical-writing]>:not(:first-child){margin-block-start:calc(var(--unitone--margin-block-start, 1) * var(--unitone--row-gap))}[data-unitone-layout~=vertical-writing]>:not(:last-child){margin-block-end:calc(var(--unitone--margin-block-end, 1) * var(--unitone--row-gap))}[data-unitone-layout~=vertical-writing]>h1{--unitone--font-size:4}[data-unitone-layout~=vertical-writing]>:where(h2,h3,h4,h5,h6){--unitone--margin-block-start:2}[data-unitone-layout~=vertical-writing]>:where(h2,h3,h4,h5,h6)+:where(h2,h3,h4,h5,h6){--unitone--margin-block-start:1}[data-unitone-layout~=vertical-writing]>h2{--unitone--font-size:3}[data-unitone-layout~=vertical-writing]>h3{--unitone--font-size:2}[data-unitone-layout~=vertical-writing]>h4{--unitone--font-size:1}[data-unitone-layout~=vertical-writing]>h5{--unitone--font-size:0}[data-unitone-layout~=vertical-writing]>h5+*{--unitone--margin-block-start:.5}[data-unitone-layout~=vertical-writing]>h6{--unitone--font-size:0}[data-unitone-layout~=vertical-writing]>h6+*{--unitone--margin-block-start:.5}[data-unitone-layout~=with-sidebar]{--unitone--sidebar-width:auto;--unitone--content-min-width:50%;--unitone--content-max-width:100%;--unitone--gap:var(--unitone--global--gap);--unitone--column-gap:var(--unitone--gap);--unitone--row-gap:var(--unitone--gap);--unitone--align-items:stretch;align-items:var(--unitone--align-items);-moz-column-gap:var(--unitone--column-gap);column-gap:var(--unitone--column-gap);display:flex;flex-wrap:wrap;row-gap:var(--unitone--row-gap)}[data-unitone-layout~=with-sidebar]:not([data-unitone-layout~=-revert]):not([data-unitone-layout~="-sidebar:left"])>:first-child,[data-unitone-layout~=with-sidebar]:not([data-unitone-layout~=-revert])[data-unitone-layout~="-sidebar:right"]>:first-child,[data-unitone-layout~=with-sidebar][data-unitone-layout~=-revert][data-unitone-layout~="-sidebar:left"]>:first-child{flex-basis:0;flex-grow:999;max-width:min(100%,var(--unitone--content-max-width));min-width:min(100%,var(--unitone--content-min-width))}[data-unitone-layout~=with-sidebar]:not([data-unitone-layout~=-revert]):not([data-unitone-layout~="-sidebar:left"])>:nth-child(2),[data-unitone-layout~=with-sidebar]:not([data-unitone-layout~=-revert])[data-unitone-layout~="-sidebar:left"]>:first-child,[data-unitone-layout~=with-sidebar]:not([data-unitone-layout~=-revert])[data-unitone-layout~="-sidebar:right"]>:nth-child(2),[data-unitone-layout~=with-sidebar][data-unitone-layout~=-revert]:not([data-unitone-layout~="-sidebar:left"])>:first-child,[data-unitone-layout~=with-sidebar][data-unitone-layout~=-revert][data-unitone-layout~="-sidebar:left"]>:nth-child(2),[data-unitone-layout~=with-sidebar][data-unitone-layout~=-revert][data-unitone-layout~="-sidebar:right"]>:first-child{flex-basis:var(--unitone--sidebar-width);flex-grow:1;min-width:1rem}[data-unitone-layout~=with-sidebar]:not([data-unitone-layout~=-revert])[data-unitone-layout~="-sidebar:left"]>:nth-child(2),[data-unitone-layout~=with-sidebar][data-unitone-layout~=-revert]:not([data-unitone-layout~="-sidebar:left"])>:nth-child(2),[data-unitone-layout~=with-sidebar][data-unitone-layout~=-revert][data-unitone-layout~="-sidebar:right"]>:nth-child(2){flex-basis:0;flex-grow:999;max-width:min(100%,var(--unitone--content-max-width));min-width:min(100%,var(--unitone--content-min-width))}[data-unitone-layout~=with-sidebar][data-unitone-layout~=-revert]{flex-direction:row-reverse}[data-unitone-layout~=container]{--unitone--gutters:var(--unitone--global--gutters);--unitone--max-width:var(--unitone--container-max-width);box-sizing:content-box;margin-left:auto;margin-right:auto;max-width:100%;padding-left:var(--unitone--gutters);padding-right:var(--unitone--gutters);width:min(100% - var(--unitone--gutters) * 2,var(--unitone--max-width))}[data-unitone-layout~="-align-items:start"]{--unitone--align-items:start!important}[data-unitone-layout~="-align-items:center"]{--unitone--align-items:center!important}[data-unitone-layout~="-align-items:end"]{--unitone--align-items:end!important}[data-unitone-layout~="-align-items:stretch"]{--unitone--align-items:stretch!important}[data-unitone-layout~="-align-items:space-between"]{--unitone--align-items:space-between!important}[data-unitone-layout~="-align-self:auto"]{--unitone--align-self:auto!important}[data-unitone-layout~="-align-self:normal"]{--unitone--align-self:normal!important}[data-unitone-layout~="-align-self:start"]{--unitone--align-self:start!important}[data-unitone-layout~="-align-self:end"]{--unitone--align-self:end!important}[data-unitone-layout~="-align-self:center"]{--unitone--align-self:center!important}[data-unitone-layout~="-align-self:stretch"]{--unitone--align-self:stretch!important}[data-unitone-layout~="-align-self:baseline"]{--unitone--align-self:baseline!important}[data-unitone-layout~="-align-self:start"]{margin-top:0}[data-unitone-layout~="-align-self:end"]{margin-bottom:0}[data-unitone-layout~="-align:start"]:not(:root):not(:root){margin-left:0!important;margin-right:auto!important}[data-unitone-layout~="-align:center"]:not(:root):not(:root){margin-left:auto!important;margin-right:auto!important}[data-unitone-layout~="-align:end"]:not(:root):not(:root){margin-left:auto!important;margin-right:0!important}[data-unitone-layout~="-auto-repeat:auto-fill"]{--unitone--auto-repeat:auto-fill!important}[data-unitone-layout~="-auto-repeat:auto-fit"]{--unitone--auto-repeat:auto-fit!important}[data-unitone-layout~=-auto-phrase]{overflow-wrap:anywhere!important;word-break:keep-all!important}@supports ((-webkit-background-clip:text) or (background-clip:text)){[data-unitone-layout~=-background-clip]:not(:root){-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}}[data-unitone-layout~=-fluid-typography]{font-size:clamp(1rem * calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--min-harmonic-sequence-base) - var(--unitone--font-size))),calc(calc(-22.5 * calc((calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--max-harmonic-sequence-base) - var(--unitone--font-size))) - calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--min-harmonic-sequence-base) - var(--unitone--font-size)))) / (57.5)) + calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--min-harmonic-sequence-base) - var(--unitone--font-size)))) * 1rem + calc((calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--max-harmonic-sequence-base) - var(--unitone--font-size))) - calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--min-harmonic-sequence-base) - var(--unitone--font-size)))) / (57.5)) * 100vw),1rem * calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--max-harmonic-sequence-base) - var(--unitone--font-size))))}:where([data-unitone-layout~=-fluid-typography]){visibility:hidden}:where([data-unitone-layout~=-fluid-typography][style*="--unitone--fluid-font-size-magnification:"]){visibility:visible}[data-unitone-layout~="-gap:-2"]{--unitone--gap:var(--unitone--s-2)!important}[data-unitone-layout~="-column-gap:-2"]{--unitone--column-gap:var(--unitone--s-2)!important}[data-unitone-layout~="-row-gap:-2"]{--unitone--row-gap:var(--unitone--s-2)!important}[data-unitone-layout~="-gap:-1"]{--unitone--gap:var(--unitone--s-1)!important}[data-unitone-layout~="-column-gap:-1"]{--unitone--column-gap:var(--unitone--s-1)!important}[data-unitone-layout~="-row-gap:-1"]{--unitone--row-gap:var(--unitone--s-1)!important}[data-unitone-layout~="-gap:0"]{--unitone--gap:var(--unitone--s0)!important}[data-unitone-layout~="-column-gap:0"]{--unitone--column-gap:var(--unitone--s0)!important}[data-unitone-layout~="-row-gap:0"]{--unitone--row-gap:var(--unitone--s0)!important}[data-unitone-layout~="-gap:1"]{--unitone--gap:var(--unitone--s1)!important}[data-unitone-layout~="-column-gap:1"]{--unitone--column-gap:var(--unitone--s1)!important}[data-unitone-layout~="-row-gap:1"]{--unitone--row-gap:var(--unitone--s1)!important}[data-unitone-layout~="-gap:2"]{--unitone--gap:var(--unitone--s2)!important}[data-unitone-layout~="-column-gap:2"]{--unitone--column-gap:var(--unitone--s2)!important}[data-unitone-layout~="-row-gap:2"]{--unitone--row-gap:var(--unitone--s2)!important}[data-unitone-layout~="-gap:3"]{--unitone--gap:var(--unitone--s3)!important}[data-unitone-layout~="-column-gap:3"]{--unitone--column-gap:var(--unitone--s3)!important}[data-unitone-layout~="-row-gap:3"]{--unitone--row-gap:var(--unitone--s3)!important}[data-unitone-layout~="-gap:4"]{--unitone--gap:var(--unitone--s4)!important}[data-unitone-layout~="-column-gap:4"]{--unitone--column-gap:var(--unitone--s4)!important}[data-unitone-layout~="-row-gap:4"]{--unitone--row-gap:var(--unitone--s4)!important}[data-unitone-layout~="-gap:5"]{--unitone--gap:var(--unitone--s5)!important}[data-unitone-layout~="-column-gap:5"]{--unitone--column-gap:var(--unitone--s5)!important}[data-unitone-layout~="-row-gap:5"]{--unitone--row-gap:var(--unitone--s5)!important}[data-unitone-layout~="-gap:6"]{--unitone--gap:var(--unitone--s6)!important}[data-unitone-layout~="-column-gap:6"]{--unitone--column-gap:var(--unitone--s6)!important}[data-unitone-layout~="-row-gap:6"]{--unitone--row-gap:var(--unitone--s6)!important}[data-unitone-layout~="-gap:7"]{--unitone--gap:var(--unitone--s7)!important}[data-unitone-layout~="-column-gap:7"]{--unitone--column-gap:var(--unitone--s7)!important}[data-unitone-layout~="-row-gap:7"]{--unitone--row-gap:var(--unitone--s7)!important}[data-unitone-layout~="-gutters:-2"]{--unitone--gutters:var(--unitone--s-2)!important}[data-unitone-layout~="-gutters:-1"]{--unitone--gutters:var(--unitone--s-1)!important}[data-unitone-layout~="-gutters:0"]{--unitone--gutters:var(--unitone--s0)!important}[data-unitone-layout~="-gutters:1"]{--unitone--gutters:var(--unitone--s1)!important}[data-unitone-layout~="-gutters:2"]{--unitone--gutters:var(--unitone--s2)!important}[data-unitone-layout~="-gutters:3"]{--unitone--gutters:var(--unitone--s3)!important}[data-unitone-layout~="-gutters:4"]{--unitone--gutters:var(--unitone--s4)!important}[data-unitone-layout~="-gutters:5"]{--unitone--gutters:var(--unitone--s5)!important}[data-unitone-layout~="-gutters:6"]{--unitone--gutters:var(--unitone--s6)!important}[data-unitone-layout~="-gutters:7"]{--unitone--gutters:var(--unitone--s7)!important}[data-unitone-layout~="-gutters:root"]{--unitone--gutters:var(--unitone--global--gutters)!important}[data-unitone-layout~="-justify-content:start"]{--unitone--justify-content:start!important}[data-unitone-layout~="-justify-content:center"]{--unitone--justify-content:center!important}[data-unitone-layout~="-justify-content:end"]{--unitone--justify-content:end!important}[data-unitone-layout~="-justify-content:space-between"]{--unitone--justify-content:space-between!important}[data-unitone-layout~="-justify-self:auto"]{--unitone--justify-self:auto!important}[data-unitone-layout~="-justify-self:normal"]{--unitone--justify-self:normal!important}[data-unitone-layout~="-justify-self:start"]{--unitone--justify-self:start!important}[data-unitone-layout~="-justify-self:end"]{--unitone--justify-self:end!important}[data-unitone-layout~="-justify-self:center"]{--unitone--justify-self:center!important}[data-unitone-layout~="-justify-self:stretch"]{--unitone--justify-self:stretch!important}[data-unitone-layout~="-justify-self:baseline"]{--unitone--justify-self:baseline!important}[data-unitone-layout~="-justify-self:start"]{margin-left:0}[data-unitone-layout~="-justify-self:end"]{margin-right:0}[data-unitone-layout~="-mix-blend-mode:normal"]{--unitone--mix-blend-mode:normal!important}[data-unitone-layout~="-mix-blend-mode:multiply"]{--unitone--mix-blend-mode:multiply!important}[data-unitone-layout~="-mix-blend-mode:screen"]{--unitone--mix-blend-mode:screen!important}[data-unitone-layout~="-mix-blend-mode:overlay"]{--unitone--mix-blend-mode:overlay!important}[data-unitone-layout~="-mix-blend-mode:darken"]{--unitone--mix-blend-mode:darken!important}[data-unitone-layout~="-mix-blend-mode:lighten"]{--unitone--mix-blend-mode:lighten!important}[data-unitone-layout~="-mix-blend-mode:color-dodge"]{--unitone--mix-blend-mode:color-dodge!important}[data-unitone-layout~="-mix-blend-mode:color-burn"]{--unitone--mix-blend-mode:color-burn!important}[data-unitone-layout~="-mix-blend-mode:hard-light"]{--unitone--mix-blend-mode:hard-light!important}[data-unitone-layout~="-mix-blend-mode:soft-light"]{--unitone--mix-blend-mode:soft-light!important}[data-unitone-layout~="-mix-blend-mode:difference"]{--unitone--mix-blend-mode:difference!important}[data-unitone-layout~="-mix-blend-mode:exclusion"]{--unitone--mix-blend-mode:exclusion!important}[data-unitone-layout~="-mix-blend-mode:hue"]{--unitone--mix-blend-mode:hue!important}[data-unitone-layout~="-mix-blend-mode:saturation"]{--unitone--mix-blend-mode:saturation!important}[data-unitone-layout~="-mix-blend-mode:color"]{--unitone--mix-blend-mode:color!important}[data-unitone-layout~="-mix-blend-mode:luminosity"]{--unitone--mix-blend-mode:luminosity!important}[data-unitone-layout~="-overflow:visible"]{--unitone--overflow:visible!important}[data-unitone-layout~="-overflow:hidden"]{--unitone--overflow:hidden!important}[data-unitone-layout~="-overflow:scroll"]{--unitone--overflow:scroll!important}[data-unitone-layout~="-overflow:auto"]{--unitone--overflow:auto!important}[data-unitone-layout~="-overflow:clip"]{--unitone--overflow:clip!important}[data-unitone-layout~="-padding:-2"]{--unitone--padding:var(--unitone--p-2)!important}[data-unitone-layout~="-padding:-2"][data-unitone-layout~=gutters]{--unitone--padding:var(--unitone--s-2)!important}[data-unitone-layout~="-padding:-1"]{--unitone--padding:var(--unitone--p-1)!important}[data-unitone-layout~="-padding:-1"][data-unitone-layout~=gutters]{--unitone--padding:var(--unitone--s-1)!important}[data-unitone-layout~="-padding:0"]{--unitone--padding:var(--unitone--p0)!important}[data-unitone-layout~="-padding:0"][data-unitone-layout~=gutters]{--unitone--padding:var(--unitone--s0)!important}[data-unitone-layout~="-padding:1"]{--unitone--padding:var(--unitone--p1)!important}[data-unitone-layout~="-padding:1"][data-unitone-layout~=gutters]{--unitone--padding:var(--unitone--s1)!important}[data-unitone-layout~="-padding:2"]{--unitone--padding:var(--unitone--p2)!important}[data-unitone-layout~="-padding:2"][data-unitone-layout~=gutters]{--unitone--padding:var(--unitone--s2)!important}[data-unitone-layout~="-padding:3"]{--unitone--padding:var(--unitone--p3)!important}[data-unitone-layout~="-padding:3"][data-unitone-layout~=gutters]{--unitone--padding:var(--unitone--s3)!important}[data-unitone-layout~="-padding:4"]{--unitone--padding:var(--unitone--p4)!important}[data-unitone-layout~="-padding:4"][data-unitone-layout~=gutters]{--unitone--padding:var(--unitone--s4)!important}[data-unitone-layout~="-padding:5"]{--unitone--padding:var(--unitone--p5)!important}[data-unitone-layout~="-padding:5"][data-unitone-layout~=gutters]{--unitone--padding:var(--unitone--s5)!important}[data-unitone-layout~="-padding:6"]{--unitone--padding:var(--unitone--p6)!important}[data-unitone-layout~="-padding:6"][data-unitone-layout~=gutters]{--unitone--padding:var(--unitone--s6)!important}[data-unitone-layout~="-padding:7"]{--unitone--padding:var(--unitone--p7)!important}[data-unitone-layout~="-padding:7"][data-unitone-layout~=gutters]{--unitone--padding:var(--unitone--s7)!important}[data-unitone-layout~="-stairs:-2"]{--unitone--stairs-margin:var(--unitone--s-2)!important}[data-unitone-layout~="-stairs:-1"]{--unitone--stairs-margin:var(--unitone--s-1)!important}[data-unitone-layout~="-stairs:0"]{--unitone--stairs-margin:var(--unitone--s0)!important}[data-unitone-layout~="-stairs:1"]{--unitone--stairs-margin:var(--unitone--s1)!important}[data-unitone-layout~="-stairs:2"]{--unitone--stairs-margin:var(--unitone--s2)!important}[data-unitone-layout~="-stairs:3"]{--unitone--stairs-margin:var(--unitone--s3)!important}[data-unitone-layout~="-stairs:4"]{--unitone--stairs-margin:var(--unitone--s4)!important}[data-unitone-layout~="-stairs:5"]{--unitone--stairs-margin:var(--unitone--s5)!important}[data-unitone-layout~="-stairs:6"]{--unitone--stairs-margin:var(--unitone--s6)!important}[data-unitone-layout~="-stairs:7"]{--unitone--stairs-margin:var(--unitone--s7)!important}[data-unitone-layout~="-position:static"]{--unitone--position:static!important}[data-unitone-layout~="-position:relative"]{--unitone--position:relative!important}[data-unitone-layout~="-position:absolute"]{--unitone--position:absolute!important}[data-unitone-layout~="-position:sticky"]{--unitone--position:sticky!important}[data-unitone-layout~="-position:fixed"]{--unitone--position:fixed!important}[data-unitone-layout~="-text-orientation:mixed"]{--unitone--text-orientation:mixed!important}[data-unitone-layout~="-text-orientation:upright"]{--unitone--text-orientation:upright!important}[data-unitone-layout~="-text-orientation:sideways"]{--unitone--text-orientation:sideways!important}[data-unitone-layout~="-root:typography"]{font-size:calc(var(--unitone--base-font-size) * 1px)}[data-unitone-layout~="-typography:rem"],[data-unitone-layout~=-typography]{font-size:calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--harmonic-sequence-base) - var(--unitone--font-size)) * 1rem)}[data-unitone-layout~="-typography:em"],[data-unitone-layout~="-typography:rem"],[data-unitone-layout~=-typography]{line-height:clamp(calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))),calc((calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))) - (calc(1 + 2 * var(--unitone--half-leading)))) / (4)) * var(--unitone--fluid-font-size-magnification,calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--harmonic-sequence-base) - var(--unitone--font-size)))) + calc(calc(1 + 2 * var(--unitone--half-leading)) - calc((calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))) - (calc(1 + 2 * var(--unitone--half-leading)))) / (4))),calc(1 + 2 * var(--unitone--half-leading)))}[data-unitone-layout~="-typography:em"]{font-size:calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--harmonic-sequence-base) - var(--unitone--font-size)) * 1em)}
1
+ :root{--unitone--measure:42rem;--unitone--color--background:#fff;--unitone--color--background-alt:#222;--unitone--color--text:#222;--unitone--color--text-alt:#fff;--unitone--color--text-immutable:#222;--unitone--color--pale-gray:#f9fafb;--unitone--color--bright-gray:#f3f4f6;--unitone--color--light-gray:#e5e7eb;--unitone--color--gray:#9ca3af;--unitone--color--dark-gray:#374151;--unitone--color--heavy-gray:#030712;--unitone--color--twilight-light:hsla(0,0%,100%,.3);--unitone--color--twilight:hsla(0,0%,100%,.5);--unitone--color--twilight-heavy:hsla(0,0%,100%,.7);--unitone--color--dimmed-light:rgba(0,0,0,.3);--unitone--color--dimmed:rgba(0,0,0,.5);--unitone--color--dimmed-heavy:rgba(0,0,0,.7);--unitone--color--pale-red:#fef2f2;--unitone--color--bright-red:#fee2e2;--unitone--color--light-red:#fecaca;--unitone--color--red:#f87171;--unitone--color--dark-red:#b91c1c;--unitone--color--heavy-red:#450a0a;--unitone--color--pale-orange:#fff7ed;--unitone--color--bright-orange:#ffedd5;--unitone--color--light-orange:#fed7aa;--unitone--color--orange:#fb923c;--unitone--color--dark-orange:#c2410c;--unitone--color--heavy-orange:#431407;--unitone--color--pale-yellow:#fefce8;--unitone--color--bright-yellow:#fef9c3;--unitone--color--light-yellow:#fef08a;--unitone--color--yellow:#facc15;--unitone--color--dark-yellow:#a16207;--unitone--color--heavy-yellow:#422006;--unitone--color--pale-lime:#f7fee7;--unitone--color--bright-lime:#ecfccb;--unitone--color--light-lime:#d9f99d;--unitone--color--lime:#a3e635;--unitone--color--dark-lime:#4d7c0f;--unitone--color--heavy-lime:#1a2e05;--unitone--color--pale-green:#f0fdf4;--unitone--color--bright-green:#dcfce7;--unitone--color--light-green:#bbf7d0;--unitone--color--green:#4ade80;--unitone--color--dark-green:#15803d;--unitone--color--heavy-green:#052e16;--unitone--color--pale-teal:#f0fdfa;--unitone--color--bright-teal:#ccfbf1;--unitone--color--light-teal:#99f6e4;--unitone--color--teal:#2dd4bf;--unitone--color--dark-teal:#0f766e;--unitone--color--heavy-teal:#042f2e;--unitone--color--pale-cyan:#ecfeff;--unitone--color--bright-cyan:#cffafe;--unitone--color--light-cyan:#a5f3fc;--unitone--color--cyan:#22d3ee;--unitone--color--dark-cyan:#0e7490;--unitone--color--heavy-cyan:#083344;--unitone--color--pale-blue:#eff6ff;--unitone--color--bright-blue:#dbeafe;--unitone--color--light-blue:#bfdbfe;--unitone--color--blue:#60a5fa;--unitone--color--dark-blue:#1d4ed8;--unitone--color--heavy-blue:#172554;--unitone--color--pale-indigo:#eef2ff;--unitone--color--bright-indigo:#e0e7ff;--unitone--color--light-indigo:#c7d2fe;--unitone--color--indigo:#818cf8;--unitone--color--dark-indigo:#4338ca;--unitone--color--heavy-indigo:#1e1b4b;--unitone--color--pale-violet:#f5f3ff;--unitone--color--bright-violet:#ede9fe;--unitone--color--light-violet:#ddd6fe;--unitone--color--violet:#a78bfa;--unitone--color--dark-violet:#6d28d9;--unitone--color--heavy-violet:#2e1065;--unitone--color--pale-purple:#faf5ff;--unitone--color--bright-purple:#f3e8ff;--unitone--color--light-purple:#e9d5ff;--unitone--color--purple:#c084fc;--unitone--color--dark-purple:#7e22ce;--unitone--color--heavy-purple:#3b0764;--unitone--color--pale-pink:#fdf2f8;--unitone--color--bright-pink:#fce7f3;--unitone--color--light-pink:#fbcfe8;--unitone--color--pink:#f472b6;--unitone--color--dark-pink:#be185d;--unitone--color--heavy-pink:#500724;--unitone--font-size:0;--unitone--base-font-size:16;--unitone--harmonic-sequence-base:8;--unitone--min-harmonic-sequence-base:9;--unitone--max-harmonic-sequence-base:var(--unitone--harmonic-sequence-base);--unitone--half-leading:.3;--unitone--min-half-leading:.05;--unitone--font-family:sans-serif;--unitone--global--box-shadow:0 5px 20px -5px rgba(0,0,0,.2);--unitone--global--border-radius:4px;--unitone--global--gap:var(--unitone--s2);--unitone--global--text-gap:var(--unitone--s1);--unitone--global--gutters:max(min(6vw,var(--unitone--rem2)),env(safe-area-inset-right),env(safe-area-inset-left));--unitone--ms-2:calc(calc((clamp(calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))), calc((calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))) - (calc(1 + 2 * var(--unitone--half-leading)))) / (4)) * var(--unitone--fluid-font-size-magnification, calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--harmonic-sequence-base) - var(--unitone--font-size)))) + calc(calc(1 + 2 * var(--unitone--half-leading)) - calc((calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))) - (calc(1 + 2 * var(--unitone--half-leading)))) / (4))), calc(1 + 2 * var(--unitone--half-leading)))) / 3) * 1);--unitone--ms-1:calc(calc((clamp(calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))), calc((calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))) - (calc(1 + 2 * var(--unitone--half-leading)))) / (4)) * var(--unitone--fluid-font-size-magnification, calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--harmonic-sequence-base) - var(--unitone--font-size)))) + calc(calc(1 + 2 * var(--unitone--half-leading)) - calc((calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))) - (calc(1 + 2 * var(--unitone--half-leading)))) / (4))), calc(1 + 2 * var(--unitone--half-leading)))) / 3) * 2);--unitone--ms0:0;--unitone--ms1:calc(calc((clamp(calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))), calc((calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))) - (calc(1 + 2 * var(--unitone--half-leading)))) / (4)) * var(--unitone--fluid-font-size-magnification, calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--harmonic-sequence-base) - var(--unitone--font-size)))) + calc(calc(1 + 2 * var(--unitone--half-leading)) - calc((calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))) - (calc(1 + 2 * var(--unitone--half-leading)))) / (4))), calc(1 + 2 * var(--unitone--half-leading)))) / 3) * 3);--unitone--ms2:calc(calc((clamp(calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))), calc((calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))) - (calc(1 + 2 * var(--unitone--half-leading)))) / (4)) * var(--unitone--fluid-font-size-magnification, calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--harmonic-sequence-base) - var(--unitone--font-size)))) + calc(calc(1 + 2 * var(--unitone--half-leading)) - calc((calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))) - (calc(1 + 2 * var(--unitone--half-leading)))) / (4))), calc(1 + 2 * var(--unitone--half-leading)))) / 3) * 5);--unitone--ms3:calc(calc((clamp(calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))), calc((calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))) - (calc(1 + 2 * var(--unitone--half-leading)))) / (4)) * var(--unitone--fluid-font-size-magnification, calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--harmonic-sequence-base) - var(--unitone--font-size)))) + calc(calc(1 + 2 * var(--unitone--half-leading)) - calc((calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))) - (calc(1 + 2 * var(--unitone--half-leading)))) / (4))), calc(1 + 2 * var(--unitone--half-leading)))) / 3) * 8);--unitone--ms4:calc(calc((clamp(calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))), calc((calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))) - (calc(1 + 2 * var(--unitone--half-leading)))) / (4)) * var(--unitone--fluid-font-size-magnification, calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--harmonic-sequence-base) - var(--unitone--font-size)))) + calc(calc(1 + 2 * var(--unitone--half-leading)) - calc((calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))) - (calc(1 + 2 * var(--unitone--half-leading)))) / (4))), calc(1 + 2 * var(--unitone--half-leading)))) / 3) * 13);--unitone--ms5:calc(calc((clamp(calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))), calc((calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))) - (calc(1 + 2 * var(--unitone--half-leading)))) / (4)) * var(--unitone--fluid-font-size-magnification, calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--harmonic-sequence-base) - var(--unitone--font-size)))) + calc(calc(1 + 2 * var(--unitone--half-leading)) - calc((calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))) - (calc(1 + 2 * var(--unitone--half-leading)))) / (4))), calc(1 + 2 * var(--unitone--half-leading)))) / 3) * 21);--unitone--ms6:calc(calc((clamp(calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))), calc((calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))) - (calc(1 + 2 * var(--unitone--half-leading)))) / (4)) * var(--unitone--fluid-font-size-magnification, calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--harmonic-sequence-base) - var(--unitone--font-size)))) + calc(calc(1 + 2 * var(--unitone--half-leading)) - calc((calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))) - (calc(1 + 2 * var(--unitone--half-leading)))) / (4))), calc(1 + 2 * var(--unitone--half-leading)))) / 3) * 34);--unitone--ms7:calc(calc((clamp(calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))), calc((calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))) - (calc(1 + 2 * var(--unitone--half-leading)))) / (4)) * var(--unitone--fluid-font-size-magnification, calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--harmonic-sequence-base) - var(--unitone--font-size)))) + calc(calc(1 + 2 * var(--unitone--half-leading)) - calc((calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))) - (calc(1 + 2 * var(--unitone--half-leading)))) / (4))), calc(1 + 2 * var(--unitone--half-leading)))) / 3) * 55);--unitone--em-2:calc(1em * var(--unitone--ms-2));--unitone--em-1:calc(1em * var(--unitone--ms-1));--unitone--em0:0em;--unitone--em1:calc(1em * var(--unitone--ms1));--unitone--em2:calc(1em * var(--unitone--ms2));--unitone--em3:calc(1em * var(--unitone--ms3));--unitone--em4:calc(1em * var(--unitone--ms4));--unitone--em5:calc(1em * var(--unitone--ms5));--unitone--em6:calc(1em * var(--unitone--ms6));--unitone--em7:calc(1em * var(--unitone--ms7));--unitone--rem-2:calc(1rem * var(--unitone--ms-2));--unitone--rem-1:calc(1rem * var(--unitone--ms-1));--unitone--rem0:0rem;--unitone--rem1:calc(1rem * var(--unitone--ms1));--unitone--rem2:calc(1rem * var(--unitone--ms2));--unitone--rem3:calc(1rem * var(--unitone--ms3));--unitone--rem4:calc(1rem * var(--unitone--ms4));--unitone--rem5:calc(1rem * var(--unitone--ms5));--unitone--rem6:calc(1rem * var(--unitone--ms6));--unitone--rem7:calc(1rem * var(--unitone--ms7));--unitone--s-2:var(--unitone--em-2);--unitone--s-1:var(--unitone--em-1);--unitone--s0:var(--unitone--em0);--unitone--s1:var(--unitone--em1);--unitone--s2:clamp(calc(var(--unitone--ms1) + var(--unitone--ms2) * 0.28125) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms2) - calc(var(--unitone--ms1) + var(--unitone--ms2) * 0.28125)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms2) * 0.28125)) * 1em + calc((var(--unitone--ms2) - calc(var(--unitone--ms1) + var(--unitone--ms2) * 0.28125)) / (57.5)) * 100vw),var(--unitone--ms2) * 1em);--unitone--s3:clamp(calc(var(--unitone--ms1) + var(--unitone--ms3) * 0.28125) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms3) - calc(var(--unitone--ms1) + var(--unitone--ms3) * 0.28125)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms3) * 0.28125)) * 1em + calc((var(--unitone--ms3) - calc(var(--unitone--ms1) + var(--unitone--ms3) * 0.28125)) / (57.5)) * 100vw),var(--unitone--ms3) * 1em);--unitone--s4:clamp(calc(var(--unitone--ms1) + var(--unitone--ms4) * 0.28125) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms4) - calc(var(--unitone--ms1) + var(--unitone--ms4) * 0.28125)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms4) * 0.28125)) * 1em + calc((var(--unitone--ms4) - calc(var(--unitone--ms1) + var(--unitone--ms4) * 0.28125)) / (57.5)) * 100vw),var(--unitone--ms4) * 1em);--unitone--s5:clamp(calc(var(--unitone--ms1) + var(--unitone--ms5) * 0.28125) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms5) - calc(var(--unitone--ms1) + var(--unitone--ms5) * 0.28125)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms5) * 0.28125)) * 1em + calc((var(--unitone--ms5) - calc(var(--unitone--ms1) + var(--unitone--ms5) * 0.28125)) / (57.5)) * 100vw),var(--unitone--ms5) * 1em);--unitone--s6:clamp(calc(var(--unitone--ms1) + var(--unitone--ms6) * 0.28125) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms6) - calc(var(--unitone--ms1) + var(--unitone--ms6) * 0.28125)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms6) * 0.28125)) * 1em + calc((var(--unitone--ms6) - calc(var(--unitone--ms1) + var(--unitone--ms6) * 0.28125)) / (57.5)) * 100vw),var(--unitone--ms6) * 1em);--unitone--s7:clamp(calc(var(--unitone--ms1) + var(--unitone--ms7) * 0.28125) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms7) - calc(var(--unitone--ms1) + var(--unitone--ms7) * 0.28125)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms7) * 0.28125)) * 1em + calc((var(--unitone--ms7) - calc(var(--unitone--ms1) + var(--unitone--ms7) * 0.28125)) / (57.5)) * 100vw),var(--unitone--ms7) * 1em);--unitone--p-2:var(--unitone--em-2);--unitone--p-1:var(--unitone--em-1);--unitone--p0:var(--unitone--em0);--unitone--p1:var(--unitone--em1);--unitone--p2:clamp(calc(var(--unitone--ms1) + var(--unitone--ms2) * 0.28125 * 0.2) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms2) - calc(var(--unitone--ms1) + var(--unitone--ms2) * 0.28125 * 0.2)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms2) * 0.28125 * 0.2)) * 1em + calc((var(--unitone--ms2) - calc(var(--unitone--ms1) + var(--unitone--ms2) * 0.28125 * 0.2)) / (57.5)) * 100vw),var(--unitone--ms2) * 1em);--unitone--p3:clamp(calc(var(--unitone--ms1) + var(--unitone--ms3) * 0.28125 * 0.2) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms3) - calc(var(--unitone--ms1) + var(--unitone--ms3) * 0.28125 * 0.2)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms3) * 0.28125 * 0.2)) * 1em + calc((var(--unitone--ms3) - calc(var(--unitone--ms1) + var(--unitone--ms3) * 0.28125 * 0.2)) / (57.5)) * 100vw),var(--unitone--ms3) * 1em);--unitone--p4:clamp(calc(var(--unitone--ms1) + var(--unitone--ms4) * 0.28125 * 0.2) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms4) - calc(var(--unitone--ms1) + var(--unitone--ms4) * 0.28125 * 0.2)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms4) * 0.28125 * 0.2)) * 1em + calc((var(--unitone--ms4) - calc(var(--unitone--ms1) + var(--unitone--ms4) * 0.28125 * 0.2)) / (57.5)) * 100vw),var(--unitone--ms4) * 1em);--unitone--p5:clamp(calc(var(--unitone--ms1) + var(--unitone--ms5) * 0.28125 * 0.2) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms5) - calc(var(--unitone--ms1) + var(--unitone--ms5) * 0.28125 * 0.2)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms5) * 0.28125 * 0.2)) * 1em + calc((var(--unitone--ms5) - calc(var(--unitone--ms1) + var(--unitone--ms5) * 0.28125 * 0.2)) / (57.5)) * 100vw),var(--unitone--ms5) * 1em);--unitone--p6:clamp(calc(var(--unitone--ms1) + var(--unitone--ms6) * 0.28125 * 0.2) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms6) - calc(var(--unitone--ms1) + var(--unitone--ms6) * 0.28125 * 0.2)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms6) * 0.28125 * 0.2)) * 1em + calc((var(--unitone--ms6) - calc(var(--unitone--ms1) + var(--unitone--ms6) * 0.28125 * 0.2)) / (57.5)) * 100vw),var(--unitone--ms6) * 1em);--unitone--p7:clamp(calc(var(--unitone--ms1) + var(--unitone--ms7) * 0.28125 * 0.2) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms7) - calc(var(--unitone--ms1) + var(--unitone--ms7) * 0.28125 * 0.2)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms7) * 0.28125 * 0.2)) * 1em + calc((var(--unitone--ms7) - calc(var(--unitone--ms1) + var(--unitone--ms7) * 0.28125 * 0.2)) / (57.5)) * 100vw),var(--unitone--ms7) * 1em);--unitone--container-max-width:1280px;--unitone--grid-columns:12;--unitone--grid-rows:7;--unitone--grid-gap:var(--unitone--global--gap);--unitone--_pg-base:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns));--unitone--pg0:0%;--unitone--pg1:calc(var(--unitone--_pg-base) * 1 + var(--unitone--grid-gap) * 0);--unitone--pg2:calc(var(--unitone--_pg-base) * 2 + var(--unitone--grid-gap) * 1);--unitone--pg3:calc(var(--unitone--_pg-base) * 3 + var(--unitone--grid-gap) * 2);--unitone--pg4:calc(var(--unitone--_pg-base) * 4 + var(--unitone--grid-gap) * 3);--unitone--pg5:calc(var(--unitone--_pg-base) * 5 + var(--unitone--grid-gap) * 4);--unitone--pg6:calc(var(--unitone--_pg-base) * 6 + var(--unitone--grid-gap) * 5);--unitone--pg7:calc(var(--unitone--_pg-base) * 7 + var(--unitone--grid-gap) * 6);--unitone--pg8:calc(var(--unitone--_pg-base) * 8 + var(--unitone--grid-gap) * 7);--unitone--pg9:calc(var(--unitone--_pg-base) * 9 + var(--unitone--grid-gap) * 8);--unitone--pg10:calc(var(--unitone--_pg-base) * 10 + var(--unitone--grid-gap) * 9);--unitone--pg11:calc(var(--unitone--_pg-base) * 11 + var(--unitone--grid-gap) * 10);--unitone--pg12:calc(var(--unitone--_pg-base) * 12 + var(--unitone--grid-gap) * 11);--unitone--_cg-base:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns));--unitone--cg0:0%;--unitone--cg1:calc(var(--unitone--_cg-base) * 1 + var(--unitone--grid-gap) * 0);--unitone--cg2:calc(var(--unitone--_cg-base) * 2 + var(--unitone--grid-gap) * 1);--unitone--cg3:calc(var(--unitone--_cg-base) * 3 + var(--unitone--grid-gap) * 2);--unitone--cg4:calc(var(--unitone--_cg-base) * 4 + var(--unitone--grid-gap) * 3);--unitone--cg5:calc(var(--unitone--_cg-base) * 5 + var(--unitone--grid-gap) * 4);--unitone--cg6:calc(var(--unitone--_cg-base) * 6 + var(--unitone--grid-gap) * 5);--unitone--cg7:calc(var(--unitone--_cg-base) * 7 + var(--unitone--grid-gap) * 6);--unitone--cg8:calc(var(--unitone--_cg-base) * 8 + var(--unitone--grid-gap) * 7);--unitone--cg9:calc(var(--unitone--_cg-base) * 9 + var(--unitone--grid-gap) * 8);--unitone--cg10:calc(var(--unitone--_cg-base) * 10 + var(--unitone--grid-gap) * 9);--unitone--cg11:calc(var(--unitone--_cg-base) * 11 + var(--unitone--grid-gap) * 10);--unitone--cg12:calc(var(--unitone--_cg-base) * 12 + var(--unitone--grid-gap) * 11)}html{font-size:calc(var(--unitone--base-font-size) * 1px)}:where(body){background-color:var(--unitone--color--background);color:var(--unitone--color--text);font-family:var(--unitone--font-family)}body{-webkit-font-smoothing:antialiased;overflow-wrap:break-word}:where(:not(a):not(b):not(bdi):not(bdo):not(cite):not(data):not(del):not(dfn):not(em):not(i):not(ins):not(mark):not(q):not(ruby):not(s):not(samp):not(small):not(span):not(strong):not(sub):not(sup):not(time):not(u):not(svg)){font-size:calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--harmonic-sequence-base) - var(--unitone--font-size)) * 1rem);line-height:clamp(calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))),calc((calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))) - (calc(1 + 2 * var(--unitone--half-leading)))) / (4)) * var(--unitone--fluid-font-size-magnification,calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--harmonic-sequence-base) - var(--unitone--font-size)))) + calc(calc(1 + 2 * var(--unitone--half-leading)) - calc((calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))) - (calc(1 + 2 * var(--unitone--half-leading)))) / (4))),calc(1 + 2 * var(--unitone--half-leading)))}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;hanging-punctuation:allow-end;line-break:normal}a{text-decoration-thickness:1px;text-underline-offset:.1em}:where(address,article,aside,blockquote,details,dialog,dd,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,li,main,nav,ol,p,pre,section,table,ul){margin:0;padding:0}:where(li){margin-inline-start:1.5em}small,sup{font-size:smaller}@supports (font-variant-position:super){sup{font-size:inherit;font-variant-position:super;vertical-align:baseline}}sub{font-size:smaller}@supports (font-variant-position:sub){sub{font-size:inherit;font-variant-position:sub;vertical-align:baseline}}img,video{height:auto;max-width:100%}figure{border-collapse:collapse;display:table}figcaption{--unitone--font-size:-2;caption-side:bottom;display:table-caption;margin:var(--unitone--s-1) 0 0;text-align:left}.unitone-empty{height:0!important;opacity:0!important;visibility:hidden!important;width:0!important}[data-unitone-layout~=both-sides]{--unitone--gap:var(--unitone--global--gap);--unitone--column-gap:var(--unitone--gap);--unitone--row-gap:var(--unitone--gap);--unitone--align-items:start;--unitone--content-width:fit-content;--unitone--content-max-width:100%;align-items:var(--unitone--align-items);-moz-column-gap:var(--unitone--column-gap);column-gap:var(--unitone--column-gap);display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:var(--unitone--row-gap)}[data-unitone-layout~=both-sides]>*{--unitone--max-width:var(--unitone--content-max-width);--unitone--flex-basis:var(--unitone--content-width);flex-basis:var(--unitone--flex-basis);flex-grow:0;max-width:min(100%,var(--unitone--max-width));min-width:0}[data-unitone-layout~=decorator]{--unitone--background-color:transparent;--unitone--color:inherit;--unitone--border-color:transparent;--unitone--border-width:0;--unitone--border-radius:0;--unitone--max-height:none;--unitone--padding:0px;--unitone--box-shadow:none;--unitone--overflow:visible;--unitone--backdrop-filter:none;--unitone--position:static;--unitone--top:initial;--unitone--right:initial;--unitone--bottom:initial;--unitone--left:initial;--unitone--z-index:initial;-webkit-backdrop-filter:var(--unitone--backdrop-filter);backdrop-filter:var(--unitone--backdrop-filter);background-color:var(--unitone--background-color);border:var(--unitone--border-width) solid var(--unitone--border-color);border-radius:var(--unitone--border-radius);bottom:var(--unitone--bottom);box-shadow:var(--unitone--box-shadow);color:var(--unitone--color);left:var(--unitone--left);max-height:var(--unitone--max-height);overflow:var(--unitone--overflow);padding:var(--unitone--padding);position:var(--unitone--position)!important;right:var(--unitone--right);top:var(--unitone--top);z-index:var(--unitone--z-index)}[data-unitone-layout~=decorator]:where([data-unitone-layout~=-shadow]){--unitone--box-shadow:var(--unitone--global--box-shadow)}[data-unitone-layout~=center]{--unitone--gutters:0px;--unitone--max-width:var(--unitone--measure);box-sizing:content-box;margin-left:auto;margin-right:auto;max-width:var(--unitone--max-width);padding-left:var(--unitone--gutters);padding-right:var(--unitone--gutters);width:-moz-fit-content;width:fit-content}[data-unitone-layout~=center][data-unitone-layout~=-with-text]{text-align:center}[data-unitone-layout~=cluster]{--unitone--align-items:strech;--unitone--gap:var(--unitone--global--text-gap);--unitone--column-gap:var(--unitone--gap);--unitone--row-gap:var(--unitone--gap);--unitone--justify-content:start;align-items:var(--unitone--align-items);-moz-column-gap:var(--unitone--column-gap);column-gap:var(--unitone--column-gap);display:flex;flex-wrap:wrap;justify-content:var(--unitone--justify-content);list-style:none;row-gap:var(--unitone--row-gap)}[data-unitone-layout~=cluster]>*{margin:0;min-width:0}[data-unitone-layout~=cluster]:where([data-unitone-layout*="-divider:"]){--unitone--divider-width:1px;--unitone--divider-style:solid;--unitone--divider-color:var(--unitone--color--gray)}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:stripe"]{align-items:stretch;-moz-column-gap:0;column-gap:0}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:stripe"]>*{display:flex;flex-direction:column;justify-content:var(--unitone--align-items);padding-left:var(--unitone--column-gap);padding-right:calc(var(--unitone--column-gap) + var(--unitone--divider-width));position:relative}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:stripe"]>:before{border-right:var(--unitone--divider-width) var(--unitone--divider-style) var(--unitone--divider-color);content:"";inset:0;pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:stripe"]>[data-unitone-layout~=-bol]{padding-left:calc(var(--unitone--column-gap) + var(--unitone--divider-width))}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:stripe"]>[data-unitone-layout~=-bol]:before{border-left:var(--unitone--divider-width) var(--unitone--divider-style) var(--unitone--divider-color)}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:slash"]{align-items:stretch;-moz-column-gap:0;column-gap:0}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:slash"]>*{display:flex;flex-direction:column;justify-content:var(--unitone--align-items);padding-left:calc(var(--unitone--column-gap) + var(--unitone--divider-width) * 2);padding-right:calc(var(--unitone--column-gap) + var(--unitone--divider-width) * 2);position:relative}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:slash"]>*>*{min-width:0}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:slash"]>[data-unitone-layout~=-bol]{padding-left:0}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:slash"]>*+:not([data-unitone-layout~=-bol]):before{border-left:var(--unitone--divider-width) var(--unitone--divider-style) color-mix(in oklab,var(--unitone--divider-color) 97%,#000);bottom:0;content:"";left:calc(var(--unitone--divider-width) / 2 * -1);position:absolute;right:auto;top:0;transform:rotate(22.5deg) scale(.8)}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:bordered"]{align-items:stretch;gap:0}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:bordered"]>*{display:flex;flex-direction:column;justify-content:var(--unitone--align-items);padding:calc(var(--unitone--row-gap) + var(--unitone--divider-width)) calc(var(--unitone--column-gap) + var(--unitone--divider-width));padding-left:var(--unitone--column-gap);position:relative}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:bordered"]>:before{border-color:var(--unitone--divider-color);border-style:var(--unitone--divider-style);border-width:var(--unitone--divider-width) var(--unitone--divider-width) var(--unitone--divider-width) 0;content:"";inset:0;pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:bordered"]>[data-unitone-layout~=-bol]{padding-left:calc(var(--unitone--column-gap) + var(--unitone--divider-width))}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:bordered"]>[data-unitone-layout~=-bol]:before{border-left-width:var(--unitone--divider-width)}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:bordered"]>[data-unitone-layout~=-linewrap]{margin-top:calc(var(--unitone--divider-width) * -1)}[data-unitone-layout~=cover]{--unitone--gap:var(--unitone--global--gap);--unitone--padding:var(--unitone--gap);--unitone--min-height:100vh;display:flex;flex-direction:column;gap:var(--unitone--gap);min-height:var(--unitone--min-height);padding:var(--unitone--padding);position:relative}[data-unitone-layout~=cover]>*{margin-bottom:0;margin-top:0}[data-unitone-layout~=cover][data-unitone-layout~=-no-padding]{padding:0}[data-unitone-layout~=cover__content]{--unitone--position:static;--unitone--top:initial;--unitone--right:initial;--unitone--bottom:initial;--unitone--left:initial;--unitone--z-index:initial;bottom:var(--unitone--bottom);left:var(--unitone--left);margin-bottom:auto;margin-top:auto;position:var(--unitone--position)!important;right:var(--unitone--right);top:var(--unitone--top);z-index:var(--unitone--z-index)}[data-unitone-layout~=cover__content][data-unitone-layout~="-valign:top"]{margin-bottom:auto;margin-top:0}[data-unitone-layout~=cover__content][data-unitone-layout~="-valign:center"]{margin-bottom:auto;margin-top:auto}[data-unitone-layout~=cover__content][data-unitone-layout~="-valign:bottom"]{margin-bottom:0;margin-top:auto}[data-unitone-layout~=cover__content][data-unitone-layout~="-valign:center"]+[data-unitone-layout~=cover__content][data-unitone-layout~="-valign:bottom"],[data-unitone-layout~=cover__content][data-unitone-layout~="-valign:top"]+[data-unitone-layout~=cover__content][data-unitone-layout~="-valign:center"]{margin-top:0}[data-unitone-layout~=float]{--unitone--gap:var(--unitone--global--gap);--unitone--min-measure:calc(var(--unitone--measure) / 2);--unitone--min-width:33.33333%;width:max(min(var(--unitone--min-width),100%),min((var(--unitone--min-width) + var(--unitone--gap) + var(--unitone--min-measure) - 100%) * 999,100%))}[data-unitone-layout~=float]:not([data-unitone-layout~="-position:right"]),[data-unitone-layout~=float][data-unitone-layout~="-position:left"]{float:left;margin-bottom:var(--unitone--gap);margin-right:var(--unitone--gap)}[data-unitone-layout~=float][data-unitone-layout~="-position:right"]{float:right;margin-bottom:var(--unitone--gap);margin-left:var(--unitone--gap)}[data-unitone-layout~=frame]{--unitone--ratio:16/9;aspect-ratio:var(--unitone--ratio)!important;overflow:hidden;position:relative}[data-unitone-layout~=frame]>*{height:100%;width:100%}[data-unitone-layout~=frame] figure{display:block;width:auto}[data-unitone-layout~=frame] img,[data-unitone-layout~=frame] video{height:100%!important;max-height:100%!important;max-width:100%!important;min-height:0!important;min-width:0!important;-o-object-fit:cover;object-fit:cover;vertical-align:top;width:100%!important}@media (orientation:portrait) and (max-width:599px){[data-unitone-layout~=frame][data-unitone-layout~=-switch]{aspect-ratio:calc(1 / (var(--unitone--ratio)))!important}}[data-unitone-layout~=layers]{--unitone--columns:var(--unitone--grid-columns);--unitone--rows:var(--unitone--grid-rows);--unitone--gap:var(--unitone--grid-gap);--unitone--min-height:0;--unitone--blur:75px;display:grid;gap:min(3.33333%,var(--unitone--gap));grid-template-columns:repeat(var(--unitone--columns),1fr);grid-template-rows:repeat(var(--unitone--rows),1fr);min-height:var(--unitone--min-height)}@media (orientation:portrait) and (max-width:599px){[data-unitone-layout~=layers][data-unitone-layout~=-portrait]{--unitone--columns:var(--unitone--grid-rows);--unitone--rows:var(--unitone--grid-columns)}}@-moz-document url-prefix(){[data-unitone-layout~=layers]{gap:min(3.33333vw,var(--unitone--gap))}}[data-unitone-layout~=layers]>*{--unitone--align-self:auto;--unitone--justify-self:auto;--unitone--grid-column:1/-1;--unitone--grid-row:1/-1;--unitone--mix-blend-mode:normal;align-self:var(--unitone--align-self);grid-column:var(--unitone--grid-column);grid-row:var(--unitone--grid-row);justify-self:var(--unitone--justify-self);mix-blend-mode:var(--unitone--mix-blend-mode)}:where([data-unitone-layout~=layers]>*){--unitone--max-width:none;--unitone--min-height:auto;max-width:var(--unitone--max-width);min-height:var(--unitone--min-height)}[data-unitone-layout~=layers][data-unitone-layout~=-cover],[data-unitone-layout~=layers][data-unitone-layout~=-fill]{position:relative}[data-unitone-layout~=layers][data-unitone-layout~=-cover]>:first-child figure,[data-unitone-layout~=layers][data-unitone-layout~=-cover]>figure:first-child,[data-unitone-layout~=layers][data-unitone-layout~=-fill]>:first-child figure,[data-unitone-layout~=layers][data-unitone-layout~=-fill]>figure:first-child{display:block;height:100%;margin:0;width:100%}[data-unitone-layout~=layers][data-unitone-layout~=-cover]>:first-child img,[data-unitone-layout~=layers][data-unitone-layout~=-cover]>:first-child video,[data-unitone-layout~=layers][data-unitone-layout~=-cover]>img:first-child,[data-unitone-layout~=layers][data-unitone-layout~=-cover]>video:first-child,[data-unitone-layout~=layers][data-unitone-layout~=-fill]>:first-child img,[data-unitone-layout~=layers][data-unitone-layout~=-fill]>:first-child video,[data-unitone-layout~=layers][data-unitone-layout~=-fill]>img:first-child,[data-unitone-layout~=layers][data-unitone-layout~=-fill]>video:first-child{display:block;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%;width:100%}[data-unitone-layout~=layers][data-unitone-layout~=-cover]>:first-child img,[data-unitone-layout~=layers][data-unitone-layout~=-cover]>:first-child video,[data-unitone-layout~=layers][data-unitone-layout~=-cover]>img:first-child,[data-unitone-layout~=layers][data-unitone-layout~=-cover]>video:first-child{inset:0;position:absolute}:where([data-unitone-layout~=layers][data-unitone-layout~=-cover]>*){position:relative}:where([data-unitone-layout~=layers][data-unitone-layout~=-cover]>[data-unitone-layout~=decorator]){--unitone--position:relative}[data-unitone-layout~=layers][data-unitone-layout~=-blur]{overflow:hidden}[data-unitone-layout~=layers][data-unitone-layout~=-blur][data-unitone-layout~=-cover]>:first-child :where(img,video),[data-unitone-layout~=layers][data-unitone-layout~=-blur][data-unitone-layout~=-cover]>:where(img:first-child,video:first-child),[data-unitone-layout~=layers][data-unitone-layout~=-blur][data-unitone-layout~=-fill]>:first-child :where(img,video),[data-unitone-layout~=layers][data-unitone-layout~=-blur][data-unitone-layout~=-fill]>:where(img:first-child,video:first-child){transform:scale(1.5)}[data-unitone-layout~=layers][data-unitone-layout~=-blur]>:first-child :where(img,video),[data-unitone-layout~=layers][data-unitone-layout~=-blur]>:where(img:first-child,video:first-child){filter:blur(var(--unitone--blur))}[data-unitone-layout~=reel]{--unitone--gap:var(--unitone--global--gap);--unitone--height:auto;--unitone--item-width:calc(var(--unitone--measure) / 2);--unitone--scrollbar-thumb-color:#ddd;--unitone--scrollbar-track-color:transparent;display:flex;gap:var(--unitone--gap);height:var(--unitone--height);overflow-x:auto;overflow-y:hidden;padding-bottom:var(--unitone--s-2);scrollbar-color:var(--unitone--scrollbar-thumb-color) var(--unitone--scrollbar-track-color);scrollbar-width:1rem}[data-unitone-layout~=reel]::-webkit-scrollbar{height:1rem}[data-unitone-layout~=reel]::-webkit-scrollbar-thumb,[data-unitone-layout~=reel]::-webkit-scrollbar-track{background-color:var(--unitone--scrollbar-track-color)}[data-unitone-layout~=reel]::-webkit-scrollbar-thumb{background-image:linear-gradient(var(--unitone--scrollbar-track-color) 0,var(--unitone--scrollbar-track-color) .375rem,var(--unitone--scrollbar-thumb-color) .375rem,var(--unitone--scrollbar-thumb-color) .625rem,var(--unitone--scrollbar-track-color) .625rem)}[data-unitone-layout~=reel]>*{flex:0 0 var(--unitone--item-width);min-width:0}[data-unitone-layout~=reel][data-unitone-layout~=-no-bar]{padding-bottom:0;scrollbar-width:none}[data-unitone-layout~=reel][data-unitone-layout~=-no-bar]::-webkit-scrollbar{display:none}[data-unitone-layout~=responsive-grid]{--unitone--auto-repeat:auto-fit;--unitone--column-min-width:240px;--unitone--gap:var(--unitone--global--gap);--unitone--column-gap:var(--unitone--gap);--unitone--row-gap:var(--unitone--gap);-moz-column-gap:var(--unitone--column-gap);column-gap:var(--unitone--column-gap);display:grid;grid-template-columns:repeat(var(--unitone--auto-repeat),minmax(min(var(--unitone--column-min-width),100%),1fr));list-style:none;row-gap:var(--unitone--row-gap)}[data-unitone-layout~=responsive-grid]>*{margin:0;min-width:0}[data-unitone-layout~=responsive-grid]:where([data-unitone-layout*="-divider:"]){--unitone--divider-width:1px;--unitone--divider-style:solid;--unitone--divider-color:var(--unitone--color--gray)}[data-unitone-layout~=responsive-grid][data-unitone-layout~="-divider:stripe"]{row-gap:0}[data-unitone-layout~=responsive-grid][data-unitone-layout~="-divider:stripe"]>*{padding-bottom:calc(var(--unitone--gap) + var(--unitone--divider-width));padding-top:calc(var(--unitone--gap) + var(--unitone--divider-width));position:relative}[data-unitone-layout~=responsive-grid][data-unitone-layout~="-divider:stripe"]>:before{border-color:var(--unitone--divider-color);border-style:var(--unitone--divider-style);border-width:var(--unitone--divider-width) 0;bottom:0;content:"";left:calc(var(--unitone--gap) * -1);position:absolute;right:0;top:0}[data-unitone-layout~=responsive-grid][data-unitone-layout~="-divider:stripe"]>[data-unitone-layout~=-bol]:before{left:0}[data-unitone-layout~=responsive-grid][data-unitone-layout~="-divider:stripe"]>[data-unitone-layout~=-linewrap]{padding-top:var(--unitone--column-gap)}[data-unitone-layout~=responsive-grid][data-unitone-layout~="-divider:stripe"]>[data-unitone-layout~=-linewrap]:before{border-top-width:0}[data-unitone-layout~=responsive-grid][data-unitone-layout~="-divider:underline"]{row-gap:0}[data-unitone-layout~=responsive-grid][data-unitone-layout~="-divider:underline"]>*{padding-bottom:calc(var(--unitone--gap) + var(--unitone--divider-width));padding-top:0;position:relative}[data-unitone-layout~=responsive-grid][data-unitone-layout~="-divider:underline"]>:before{border-color:var(--unitone--divider-color);border-style:var(--unitone--divider-style);border-width:0 0 var(--unitone--divider-width) 0;bottom:0;content:"";left:calc(var(--unitone--gap) * -1);position:absolute;right:0;top:0}[data-unitone-layout~=responsive-grid][data-unitone-layout~="-divider:underline"]>[data-unitone-layout~=-bol]:before{left:0}[data-unitone-layout~=responsive-grid][data-unitone-layout~="-divider:underline"]>[data-unitone-layout~=-linewrap]{padding-top:var(--unitone--gap)}[data-unitone-layout~=responsive-grid][data-unitone-layout~="-divider:bordered"]{gap:0}[data-unitone-layout~=responsive-grid][data-unitone-layout~="-divider:bordered"]>*{padding:calc(var(--unitone--row-gap) + var(--unitone--divider-width)) calc(var(--unitone--column-gap) + var(--unitone--divider-width));padding-left:var(--unitone--column-gap);position:relative}[data-unitone-layout~=responsive-grid][data-unitone-layout~="-divider:bordered"]>:before{border-color:var(--unitone--divider-color);border-style:var(--unitone--divider-style);border-width:var(--unitone--divider-width) var(--unitone--divider-width) var(--unitone--divider-width) 0;content:"";inset:0;pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-unitone-layout~=responsive-grid][data-unitone-layout~="-divider:bordered"]>[data-unitone-layout~=-bol]{padding-left:calc(var(--unitone--column-gap) + var(--unitone--divider-width))}[data-unitone-layout~=responsive-grid][data-unitone-layout~="-divider:bordered"]>[data-unitone-layout~=-bol]:before{border-left-width:var(--unitone--divider-width)}[data-unitone-layout~=responsive-grid][data-unitone-layout~="-divider:bordered"]>[data-unitone-layout~=-linewrap]{padding-top:var(--unitone--column-gap)}[data-unitone-layout~=responsive-grid][data-unitone-layout~="-divider:bordered"]>[data-unitone-layout~=-linewrap]:before{border-top-width:0}[data-unitone-layout~=responsive-grid][data-unitone-layout*="-stairs:"]{align-items:start;padding-bottom:calc(var(--unitone--stairs-step-overflow-volume, 0) * 1px);visibility:hidden}[data-unitone-layout~=responsive-grid][data-unitone-layout*="-stairs:"][style*="--unitone--stairs-step-overflow-volume:"]{visibility:visible}[data-unitone-layout~=responsive-grid][data-unitone-layout*="-stairs:"]>*{position:relative}[data-unitone-layout~=responsive-grid][data-unitone-layout*="-stairs:"]:where(:not([data-unitone-layout*="-stairs-up:right"]))>*{top:calc(var(--unitone--stairs-margin) * var(--unitone--stairs-step))}[data-unitone-layout~=responsive-grid][data-unitone-layout*="-stairs:"]:where([data-unitone-layout*="-stairs-up:right"])>*{top:calc(var(--unitone--stairs-margin) * (var(--unitone--max-stairs-step) - var(--unitone--stairs-step)))}[data-unitone-layout~=gutters]{--unitone--padding:var(--unitone--s4);padding-bottom:var(--unitone--padding);padding-top:var(--unitone--padding)}[data-unitone-layout~=stack]{--unitone--gap:var(--unitone--global--text-gap);display:flex;flex-direction:column;gap:var(--unitone--gap);list-style:none}[data-unitone-layout~=stack]>*{margin-block-end:0;margin-block-start:0}[data-unitone-layout~=stack]>li{margin-left:0}[data-unitone-layout~=stack]:only-child{height:100%}[data-unitone-layout~=stack][data-unitone-layout~=-revert]{flex-direction:column-reverse}[data-unitone-layout~=stack]:where([data-unitone-layout*="-divider:"]){--unitone--divider-width:1px;--unitone--divider-style:solid;--unitone--divider-color:var(--unitone--color--gray)}[data-unitone-layout~=stack][data-unitone-layout~="-divider:stripe"]{gap:0}[data-unitone-layout~=stack][data-unitone-layout~="-divider:stripe"]>*{padding-bottom:calc(var(--unitone--gap) + var(--unitone--divider-width));padding-top:var(--unitone--gap);position:relative}[data-unitone-layout~=stack][data-unitone-layout~="-divider:stripe"]>:before{border-bottom:var(--unitone--divider-width) var(--unitone--divider-style) var(--unitone--divider-color);content:"";inset:0;pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-unitone-layout~=stack][data-unitone-layout~="-divider:stripe"]:where(:not([data-unitone-layout~=-revert]))>:first-child{padding-top:calc(var(--unitone--gap) + var(--unitone--divider-width))}[data-unitone-layout~=stack][data-unitone-layout~="-divider:stripe"]:where(:not([data-unitone-layout~=-revert]))>:first-child:before{border-top:var(--unitone--divider-width) var(--unitone--divider-style) var(--unitone--divider-color)}[data-unitone-layout~=stack][data-unitone-layout~="-divider:stripe"]:where([data-unitone-layout~=-revert])>:last-child{padding-top:calc(var(--unitone--gap) + var(--unitone--divider-width))}[data-unitone-layout~=stack][data-unitone-layout~="-divider:stripe"]:where([data-unitone-layout~=-revert])>:last-child:before{border-top:var(--unitone--divider-width) var(--unitone--divider-style) var(--unitone--divider-color)}[data-unitone-layout~=stack][data-unitone-layout~="-divider:underline"]{gap:0}[data-unitone-layout~=stack][data-unitone-layout~="-divider:underline"]>*{padding-bottom:calc(var(--unitone--gap) + var(--unitone--divider-width));padding-top:var(--unitone--gap);position:relative}[data-unitone-layout~=stack][data-unitone-layout~="-divider:underline"]>:before{border-bottom:var(--unitone--divider-width) var(--unitone--divider-style) var(--unitone--divider-color);content:"";inset:0;pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-unitone-layout~=stack][data-unitone-layout~="-divider:underline"]:where(:not([data-unitone-layout~=-revert]))>:first-child{padding-top:0}[data-unitone-layout~=stack][data-unitone-layout~="-divider:underline"]:where([data-unitone-layout~=-revert])>:last-child{padding-top:0}[data-unitone-layout~=stack][data-unitone-layout~="-divider:bordered"]{gap:0}[data-unitone-layout~=stack][data-unitone-layout~="-divider:bordered"]>*{padding:var(--unitone--gap) calc(var(--unitone--gap) + var(--unitone--divider-width)) calc(var(--unitone--gap) + var(--unitone--divider-width));position:relative}[data-unitone-layout~=stack][data-unitone-layout~="-divider:bordered"]>:before{border-color:var(--unitone--divider-color);border-style:var(--unitone--divider-style);border-width:0 var(--unitone--divider-width) var(--unitone--divider-width) var(--unitone--divider-width);content:"";inset:0;pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-unitone-layout~=stack][data-unitone-layout~="-divider:bordered"]:where(:not([data-unitone-layout~=-revert]))>:first-child{padding-top:calc(var(--unitone--gap) + var(--unitone--divider-width))}[data-unitone-layout~=stack][data-unitone-layout~="-divider:bordered"]:where(:not([data-unitone-layout~=-revert]))>:first-child:before{border-top-width:var(--unitone--divider-width)}[data-unitone-layout~=stack][data-unitone-layout~="-divider:bordered"]:where([data-unitone-layout~=-revert])>:last-child{padding-top:calc(var(--unitone--gap) + var(--unitone--divider-width))}[data-unitone-layout~=stack][data-unitone-layout~="-divider:bordered"]:where([data-unitone-layout~=-revert])>:last-child:before{border-top-width:var(--unitone--divider-width)}[data-unitone-layout~=stack][data-unitone-layout~=-negative]{gap:0}[data-unitone-layout~=stack][data-unitone-layout~=-negative]:where(:not([data-unitone-layout~=-revert]))>:not(:first-child){margin-top:calc(-1 * var(--unitone--gap))}[data-unitone-layout~=stack][data-unitone-layout~=-negative]:where([data-unitone-layout~=-revert])>:not(:last-child){margin-top:calc(-1 * var(--unitone--gap))}[data-unitone-layout~=stack]>[data-unitone-layout~=text]:where(:not([data-unitone-layout*="align:"])){margin-left:0;margin-right:0;max-width:none}[data-unitone-layout~=switcher]{--unitone--gap:var(--unitone--global--gap);--unitone--column-gap:var(--unitone--gap);--unitone--row-gap:var(--unitone--gap);--unitone--threshold:var(--unitone--measure);--unitone--align-items:stretch;align-items:var(--unitone--align-items);-moz-column-gap:var(--unitone--column-gap);column-gap:var(--unitone--column-gap);display:flex;flex-wrap:wrap;row-gap:var(--unitone--row-gap)}[data-unitone-layout~=switcher][data-unitone-layout~=-revert]{flex-direction:row-reverse}[data-unitone-layout~=switcher]>*{flex-basis:calc((var(--unitone--threshold) - 100%) * 999);flex-grow:1;min-width:0}[data-unitone-layout~=text]{--unitone--gutters:0px;--unitone--max-width:var(--unitone--measure);box-sizing:content-box;max-width:none;padding-left:var(--unitone--gutters);padding-right:var(--unitone--gutters)}[data-unitone-layout~=text][data-unitone-layout*="-gap:"]{--unitone--gap:inherit!important}[data-unitone-layout~=text][data-unitone-layout~="-gap:-2"]>*{--unitone--text-gap:var(--unitone--s-2)!important}[data-unitone-layout~=text][data-unitone-layout~="-gap:-1"]>*{--unitone--text-gap:var(--unitone--s-1)!important}[data-unitone-layout~=text][data-unitone-layout~="-gap:0"]>*{--unitone--text-gap:var(--unitone--s0)!important}[data-unitone-layout~=text][data-unitone-layout~="-gap:1"]>*{--unitone--text-gap:var(--unitone--s1)!important}[data-unitone-layout~=text][data-unitone-layout~="-gap:2"]>*{--unitone--text-gap:var(--unitone--s2)!important}[data-unitone-layout~=text][data-unitone-layout~="-gap:3"]>*{--unitone--text-gap:var(--unitone--s3)!important}[data-unitone-layout~=text][data-unitone-layout~="-gap:4"]>*{--unitone--text-gap:var(--unitone--s4)!important}[data-unitone-layout~=text][data-unitone-layout~="-gap:5"]>*{--unitone--text-gap:var(--unitone--s5)!important}[data-unitone-layout~=text][data-unitone-layout~="-gap:6"]>*{--unitone--text-gap:var(--unitone--s6)!important}[data-unitone-layout~=text][data-unitone-layout~="-gap:7"]>*{--unitone--text-gap:var(--unitone--s7)!important}:where([data-unitone-layout~=text]>*){margin-left:auto;margin-right:auto;max-width:min(100%,var(--unitone--max-width))}[data-unitone-layout~=text]>h1{--unitone--font-size:4}[data-unitone-layout~=text]>h2{--unitone--font-size:3}[data-unitone-layout~=text]>h3{--unitone--font-size:2}[data-unitone-layout~=text]>h4{--unitone--font-size:1}[data-unitone-layout~=text]>h5,[data-unitone-layout~=text]>h6{--unitone--font-size:0}[data-unitone-layout~=text]:lang(ja){font-feature-settings:"palt" 0;font-kerning:none}[data-unitone-layout~=text]:lang(ja)>:where(h1,h2,h3,h4,h5){font-feature-settings:"palt" 1;font-kerning:normal}[data-unitone-layout~=text]:where([data-unitone-layout~="-align:center"]),[data-unitone-layout~=text]:where([data-unitone-layout~="-align:end"]),[data-unitone-layout~=text]:where([data-unitone-layout~="-align:start"]){max-width:var(--unitone--max-width)}[data-unitone-layout~=text][data-unitone-layout~=-gap]>*{--unitone--text-gap-scale:1;--unitone--text-gap:var(--unitone--global--text-gap);--unitone--text-gap-increment:0px;--unitone--margin-block:calc(var(--unitone--text-gap-scale) * var(--unitone--text-gap) + var(--unitone--text-gap-increment));margin-left:auto;margin-right:auto}[data-unitone-layout~=text][data-unitone-layout~=-gap]>*+*{margin-block-start:var(--unitone--margin-block)}[data-unitone-layout~=text][data-unitone-layout~=-gap]>:where(h2,h3,h4,h5,h6){--unitone--text-gap-scale:1.5}[data-unitone-layout~=text][data-unitone-layout~=-gap]>:where(h2,h3,h4,h5,h6)+:where(h2,h3,h4,h5,h6){--unitone--text-gap-scale:1}[data-unitone-layout~=text][data-unitone-layout~=-gap]>h5+*,[data-unitone-layout~=text][data-unitone-layout~=-gap]>h6+*{--unitone--text-gap-scale:.5}[data-unitone-layout~=text][data-unitone-layout~=-column]{--unitone--text-gap:var(--unitone--global--text-gap);--unitone--column-gap:var(--unitone--text-gap);--unitone--column-width:var(--unitone--max-width);-moz-column-width:var(--unitone--column-width);column-width:var(--unitone--column-width);gap:var(--unitone--column-gap);max-width:var(--unitone--max-width)}[data-unitone-layout~=text][data-unitone-layout~=-column]>*{max-width:none}:where([data-unitone-layout~=text][data-unitone-layout~=-center])>*{width:-moz-fit-content;width:fit-content}[data-unitone-layout~=texture]{--unitone--texture-color:var(--unitone--color--light-gray);--unitone--texture-gap:50px;--unitone--texture-size:1px}[data-unitone-layout~=texture][data-unitone-layout~="-texture:dots"]{background-image:radial-gradient(var(--unitone--texture-color) var(--unitone--texture-size),transparent var(--unitone--texture-size));background-size:max(var(--unitone--texture-gap),var(--unitone--texture-size) * 2) max(var(--unitone--texture-gap),var(--unitone--texture-size) * 2)}[data-unitone-layout~=texture][data-unitone-layout~="-texture:offset-dots"]{background-image:radial-gradient(var(--unitone--texture-color) var(--unitone--texture-size),transparent var(--unitone--texture-size)),radial-gradient(var(--unitone--texture-color) var(--unitone--texture-size),transparent var(--unitone--texture-size));background-position:0 0,max(var(--unitone--texture-gap)/2,var(--unitone--texture-size) * 3/2) max(var(--unitone--texture-gap)/2,var(--unitone--texture-size) * 3/2);background-size:max(var(--unitone--texture-gap),var(--unitone--texture-size) * 3) max(var(--unitone--texture-gap),var(--unitone--texture-size) * 3)}[data-unitone-layout~=texture][data-unitone-layout~="-texture:grid"]{background-image:linear-gradient(var(--unitone--texture-color) var(--unitone--texture-size),transparent var(--unitone--texture-size)),linear-gradient(to right,var(--unitone--texture-color) var(--unitone--texture-size),transparent var(--unitone--texture-size));background-size:max(var(--unitone--texture-gap),var(--unitone--texture-size) * 2) max(var(--unitone--texture-gap),var(--unitone--texture-size) * 2)}[data-unitone-layout~=texture][data-unitone-layout~="-texture:horizontal-stripe"]{background-image:linear-gradient(var(--unitone--texture-color) var(--unitone--texture-size),transparent var(--unitone--texture-size));background-size:max(var(--unitone--texture-gap),var(--unitone--texture-size) * 2) max(var(--unitone--texture-gap),var(--unitone--texture-size) * 2)}[data-unitone-layout~=texture][data-unitone-layout~="-texture:vertical-stripe"]{background-image:linear-gradient(to right,var(--unitone--texture-color) var(--unitone--texture-size),transparent var(--unitone--texture-size));background-size:max(var(--unitone--texture-gap),var(--unitone--texture-size) * 2) max(var(--unitone--texture-gap),var(--unitone--texture-size) * 2)}[data-unitone-layout~=texture][data-unitone-layout~="-texture:checker-pattern"]{background-image:repeating-linear-gradient(45deg,var(--unitone--texture-color) 25%,transparent 25%,transparent 75%,var(--unitone--texture-color) 75%,var(--unitone--texture-color)),repeating-linear-gradient(45deg,var(--unitone--texture-color) 25%,transparent 25%,transparent 75%,var(--unitone--texture-color) 75%,var(--unitone--texture-color));background-position:0 0,var(--unitone--texture-gap) var(--unitone--texture-gap);background-size:calc(var(--unitone--texture-gap) * 2) calc(var(--unitone--texture-gap) * 2)}[data-unitone-layout~=texture][data-unitone-layout~="-texture:graph-paper"]{background-image:linear-gradient(var(--unitone--texture-color) calc(var(--unitone--texture-size) * .8),transparent calc(var(--unitone--texture-size) * .8)),linear-gradient(90deg,var(--unitone--texture-color) calc(var(--unitone--texture-size) * .8),transparent calc(var(--unitone--texture-size) * .8)),linear-gradient(var(--unitone--texture-color) calc(var(--unitone--texture-size) * .5),transparent calc(var(--unitone--texture-size) * .5)),linear-gradient(90deg,var(--unitone--texture-color) calc(var(--unitone--texture-size) * .5),transparent calc(var(--unitone--texture-size) * .5));background-position:calc(var(--unitone--texture-size) * -.8) calc(var(--unitone--texture-size) * -.8),calc(var(--unitone--texture-size) * -.8) calc(var(--unitone--texture-size) * -.8),calc(var(--unitone--texture-size) * -.5) calc(var(--unitone--texture-size) * -.5),calc(var(--unitone--texture-size) * -.5) calc(var(--unitone--texture-size) * -.5);background-size:max(var(--unitone--texture-gap) * 3,var(--unitone--texture-size) * 30) calc(max(var(--unitone--texture-gap) * 3, var(--unitone--texture-size) * 30) * 2),calc(max(var(--unitone--texture-gap) * 3, var(--unitone--texture-size) * 30) * 2) max(var(--unitone--texture-gap) * 3,var(--unitone--texture-size) * 30),calc(max(var(--unitone--texture-gap) * 3, var(--unitone--texture-size) * 30) / 5) calc(max(var(--unitone--texture-gap) * 3, var(--unitone--texture-size) * 30) / 5),calc(max(var(--unitone--texture-gap) * 3, var(--unitone--texture-size) * 30) / 5) calc(max(var(--unitone--texture-gap) * 3, var(--unitone--texture-size) * 30) / 5)}[data-unitone-layout~=texture][data-unitone-layout~="-texture:slash"]{background-image:repeating-linear-gradient(135deg,var(--unitone--texture-color) 0,var(--unitone--texture-color) var(--unitone--texture-size),transparent 0,transparent 50%)}[data-unitone-layout~=texture][data-unitone-layout~="-texture:backslash"],[data-unitone-layout~=texture][data-unitone-layout~="-texture:slash"]{background-size:max(var(--unitone--texture-gap),var(--unitone--texture-size) * 1.5 + 2px) max(var(--unitone--texture-gap),var(--unitone--texture-size) * 1.5 + 2px)}[data-unitone-layout~=texture][data-unitone-layout~="-texture:backslash"]{background-image:repeating-linear-gradient(45deg,var(--unitone--texture-color) 0,var(--unitone--texture-color) var(--unitone--texture-size),transparent 0,transparent 50%)}[data-unitone-layout~=vertical-writing]{--unitone--gap:var(--unitone--global--text-gap);--unitone--column-gap:var(--unitone--global--gap);--unitone--row-gap:var(--unitone--gap);--unitone--max-height:var(--unitone--vertical-writing--max-height,25rem);--unitone--text-orientation:mixed;--unitone--threshold:0px;-moz-column-count:1;column-count:1;-moz-column-gap:var(--unitone--column-gap);column-gap:var(--unitone--column-gap);max-width:100%;position:relative;text-orientation:var(--unitone--text-orientation);visibility:hidden;width:100%;writing-mode:vertical-rl}[data-unitone-layout~=vertical-writing][data-unitone-layout~=-initialized]{visibility:visible}[data-unitone-layout~=vertical-writing]>*{box-sizing:content-box;inline-size:var(--unitone--max-height);max-inline-size:var(--unitone--max-height)}[data-unitone-layout~=vertical-writing]>[data-unitone-layout~=vertical-writing__thresholder]{height:0!important;inset:auto auto 0 0!important;pointer-events:none!important;position:absolute!important;width:var(--unitone--threshold)!important;z-index:-1!important}[data-unitone-layout~=vertical-writing][data-unitone-layout~=-force-switch]{-moz-column-count:auto;column-count:auto;width:auto;writing-mode:horizontal-tb}[data-unitone-layout~=vertical-writing][data-unitone-layout~=-force-switch]>*{box-sizing:border-box;inline-size:auto;max-inline-size:none}@media (orientation:portrait) and (max-width:599px){[data-unitone-layout~=vertical-writing][data-unitone-layout~=-switch]{-moz-column-count:auto;column-count:auto;width:auto;writing-mode:horizontal-tb}[data-unitone-layout~=vertical-writing][data-unitone-layout~=-switch]>*{box-sizing:border-box;inline-size:auto}}[data-unitone-layout~=vertical-writing]>:not(:first-child){margin-block-start:calc(var(--unitone--margin-block-start, 1) * var(--unitone--row-gap))}[data-unitone-layout~=vertical-writing]>:not(:last-child){margin-block-end:calc(var(--unitone--margin-block-end, 1) * var(--unitone--row-gap))}[data-unitone-layout~=vertical-writing]>h1{--unitone--font-size:4}[data-unitone-layout~=vertical-writing]>:where(h2,h3,h4,h5,h6){--unitone--margin-block-start:2}[data-unitone-layout~=vertical-writing]>:where(h2,h3,h4,h5,h6)+:where(h2,h3,h4,h5,h6){--unitone--margin-block-start:1}[data-unitone-layout~=vertical-writing]>h2{--unitone--font-size:3}[data-unitone-layout~=vertical-writing]>h3{--unitone--font-size:2}[data-unitone-layout~=vertical-writing]>h4{--unitone--font-size:1}[data-unitone-layout~=vertical-writing]>h5{--unitone--font-size:0}[data-unitone-layout~=vertical-writing]>h5+*{--unitone--margin-block-start:.5}[data-unitone-layout~=vertical-writing]>h6{--unitone--font-size:0}[data-unitone-layout~=vertical-writing]>h6+*{--unitone--margin-block-start:.5}[data-unitone-layout~=with-sidebar]{--unitone--sidebar-width:auto;--unitone--content-min-width:50%;--unitone--content-max-width:100%;--unitone--gap:var(--unitone--global--gap);--unitone--column-gap:var(--unitone--gap);--unitone--row-gap:var(--unitone--gap);--unitone--align-items:stretch;align-items:var(--unitone--align-items);-moz-column-gap:var(--unitone--column-gap);column-gap:var(--unitone--column-gap);display:flex;flex-wrap:wrap;row-gap:var(--unitone--row-gap)}[data-unitone-layout~=with-sidebar]:not([data-unitone-layout~=-revert]):not([data-unitone-layout~="-sidebar:left"])>:first-child,[data-unitone-layout~=with-sidebar]:not([data-unitone-layout~=-revert])[data-unitone-layout~="-sidebar:right"]>:first-child,[data-unitone-layout~=with-sidebar][data-unitone-layout~=-revert][data-unitone-layout~="-sidebar:left"]>:first-child{flex-basis:0;flex-grow:999;max-width:min(100%,var(--unitone--content-max-width));min-width:min(100%,var(--unitone--content-min-width))}[data-unitone-layout~=with-sidebar]:not([data-unitone-layout~=-revert]):not([data-unitone-layout~="-sidebar:left"])>:nth-child(2),[data-unitone-layout~=with-sidebar]:not([data-unitone-layout~=-revert])[data-unitone-layout~="-sidebar:left"]>:first-child,[data-unitone-layout~=with-sidebar]:not([data-unitone-layout~=-revert])[data-unitone-layout~="-sidebar:right"]>:nth-child(2),[data-unitone-layout~=with-sidebar][data-unitone-layout~=-revert]:not([data-unitone-layout~="-sidebar:left"])>:first-child,[data-unitone-layout~=with-sidebar][data-unitone-layout~=-revert][data-unitone-layout~="-sidebar:left"]>:nth-child(2),[data-unitone-layout~=with-sidebar][data-unitone-layout~=-revert][data-unitone-layout~="-sidebar:right"]>:first-child{flex-basis:var(--unitone--sidebar-width);flex-grow:1;min-width:1rem}[data-unitone-layout~=with-sidebar]:not([data-unitone-layout~=-revert])[data-unitone-layout~="-sidebar:left"]>:nth-child(2),[data-unitone-layout~=with-sidebar][data-unitone-layout~=-revert]:not([data-unitone-layout~="-sidebar:left"])>:nth-child(2),[data-unitone-layout~=with-sidebar][data-unitone-layout~=-revert][data-unitone-layout~="-sidebar:right"]>:nth-child(2){flex-basis:0;flex-grow:999;max-width:min(100%,var(--unitone--content-max-width));min-width:min(100%,var(--unitone--content-min-width))}[data-unitone-layout~=with-sidebar][data-unitone-layout~=-revert]{flex-direction:row-reverse}[data-unitone-layout~=container]{--unitone--gutters:var(--unitone--global--gutters);--unitone--max-width:var(--unitone--container-max-width);box-sizing:content-box;margin-left:auto;margin-right:auto;max-width:100%;padding-left:var(--unitone--gutters);padding-right:var(--unitone--gutters);width:min(100% - var(--unitone--gutters) * 2,var(--unitone--max-width))}[data-unitone-layout~="-align-items:start"]{--unitone--align-items:start!important}[data-unitone-layout~="-align-items:center"]{--unitone--align-items:center!important}[data-unitone-layout~="-align-items:end"]{--unitone--align-items:end!important}[data-unitone-layout~="-align-items:stretch"]{--unitone--align-items:stretch!important}[data-unitone-layout~="-align-items:space-between"]{--unitone--align-items:space-between!important}[data-unitone-layout~="-align-self:auto"]{--unitone--align-self:auto!important}[data-unitone-layout~="-align-self:normal"]{--unitone--align-self:normal!important}[data-unitone-layout~="-align-self:start"]{--unitone--align-self:start!important}[data-unitone-layout~="-align-self:end"]{--unitone--align-self:end!important}[data-unitone-layout~="-align-self:center"]{--unitone--align-self:center!important}[data-unitone-layout~="-align-self:stretch"]{--unitone--align-self:stretch!important}[data-unitone-layout~="-align-self:baseline"]{--unitone--align-self:baseline!important}[data-unitone-layout~="-align-self:start"]{margin-top:0}[data-unitone-layout~="-align-self:end"]{margin-bottom:0}[data-unitone-layout~="-align:start"]:not(:root):not(:root){margin-left:0!important;margin-right:auto!important}[data-unitone-layout~="-align:center"]:not(:root):not(:root){margin-left:auto!important;margin-right:auto!important}[data-unitone-layout~="-align:end"]:not(:root):not(:root){margin-left:auto!important;margin-right:0!important}[data-unitone-layout~="-auto-repeat:auto-fill"]{--unitone--auto-repeat:auto-fill!important}[data-unitone-layout~="-auto-repeat:auto-fit"]{--unitone--auto-repeat:auto-fit!important}[data-unitone-layout~=-auto-phrase]{overflow-wrap:anywhere!important;word-break:keep-all!important}@supports ((-webkit-background-clip:text) or (background-clip:text)){[data-unitone-layout~=-background-clip]:not(:root){-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}}[data-unitone-layout~=-fluid-typography]{font-size:clamp(1rem * calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--min-harmonic-sequence-base) - var(--unitone--font-size))),calc(calc(-22.5 * calc((calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--max-harmonic-sequence-base) - var(--unitone--font-size))) - calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--min-harmonic-sequence-base) - var(--unitone--font-size)))) / (57.5)) + calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--min-harmonic-sequence-base) - var(--unitone--font-size)))) * 1rem + calc((calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--max-harmonic-sequence-base) - var(--unitone--font-size))) - calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--min-harmonic-sequence-base) - var(--unitone--font-size)))) / (57.5)) * 100vw),1rem * calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--max-harmonic-sequence-base) - var(--unitone--font-size))))}:where([data-unitone-layout~=-fluid-typography]){visibility:hidden}:where([data-unitone-layout~=-fluid-typography][style*="--unitone--fluid-font-size-magnification:"]){visibility:visible}[data-unitone-layout~="-gap:-2"]{--unitone--gap:var(--unitone--s-2)!important}[data-unitone-layout~="-column-gap:-2"]{--unitone--column-gap:var(--unitone--s-2)!important}[data-unitone-layout~="-row-gap:-2"]{--unitone--row-gap:var(--unitone--s-2)!important}[data-unitone-layout~="-gap:-1"]{--unitone--gap:var(--unitone--s-1)!important}[data-unitone-layout~="-column-gap:-1"]{--unitone--column-gap:var(--unitone--s-1)!important}[data-unitone-layout~="-row-gap:-1"]{--unitone--row-gap:var(--unitone--s-1)!important}[data-unitone-layout~="-gap:0"]{--unitone--gap:var(--unitone--s0)!important}[data-unitone-layout~="-column-gap:0"]{--unitone--column-gap:var(--unitone--s0)!important}[data-unitone-layout~="-row-gap:0"]{--unitone--row-gap:var(--unitone--s0)!important}[data-unitone-layout~="-gap:1"]{--unitone--gap:var(--unitone--s1)!important}[data-unitone-layout~="-column-gap:1"]{--unitone--column-gap:var(--unitone--s1)!important}[data-unitone-layout~="-row-gap:1"]{--unitone--row-gap:var(--unitone--s1)!important}[data-unitone-layout~="-gap:2"]{--unitone--gap:var(--unitone--s2)!important}[data-unitone-layout~="-column-gap:2"]{--unitone--column-gap:var(--unitone--s2)!important}[data-unitone-layout~="-row-gap:2"]{--unitone--row-gap:var(--unitone--s2)!important}[data-unitone-layout~="-gap:3"]{--unitone--gap:var(--unitone--s3)!important}[data-unitone-layout~="-column-gap:3"]{--unitone--column-gap:var(--unitone--s3)!important}[data-unitone-layout~="-row-gap:3"]{--unitone--row-gap:var(--unitone--s3)!important}[data-unitone-layout~="-gap:4"]{--unitone--gap:var(--unitone--s4)!important}[data-unitone-layout~="-column-gap:4"]{--unitone--column-gap:var(--unitone--s4)!important}[data-unitone-layout~="-row-gap:4"]{--unitone--row-gap:var(--unitone--s4)!important}[data-unitone-layout~="-gap:5"]{--unitone--gap:var(--unitone--s5)!important}[data-unitone-layout~="-column-gap:5"]{--unitone--column-gap:var(--unitone--s5)!important}[data-unitone-layout~="-row-gap:5"]{--unitone--row-gap:var(--unitone--s5)!important}[data-unitone-layout~="-gap:6"]{--unitone--gap:var(--unitone--s6)!important}[data-unitone-layout~="-column-gap:6"]{--unitone--column-gap:var(--unitone--s6)!important}[data-unitone-layout~="-row-gap:6"]{--unitone--row-gap:var(--unitone--s6)!important}[data-unitone-layout~="-gap:7"]{--unitone--gap:var(--unitone--s7)!important}[data-unitone-layout~="-column-gap:7"]{--unitone--column-gap:var(--unitone--s7)!important}[data-unitone-layout~="-row-gap:7"]{--unitone--row-gap:var(--unitone--s7)!important}[data-unitone-layout~="-gutters:-2"]{--unitone--gutters:var(--unitone--s-2)!important}[data-unitone-layout~="-gutters:-1"]{--unitone--gutters:var(--unitone--s-1)!important}[data-unitone-layout~="-gutters:0"]{--unitone--gutters:var(--unitone--s0)!important}[data-unitone-layout~="-gutters:1"]{--unitone--gutters:var(--unitone--s1)!important}[data-unitone-layout~="-gutters:2"]{--unitone--gutters:var(--unitone--s2)!important}[data-unitone-layout~="-gutters:3"]{--unitone--gutters:var(--unitone--s3)!important}[data-unitone-layout~="-gutters:4"]{--unitone--gutters:var(--unitone--s4)!important}[data-unitone-layout~="-gutters:5"]{--unitone--gutters:var(--unitone--s5)!important}[data-unitone-layout~="-gutters:6"]{--unitone--gutters:var(--unitone--s6)!important}[data-unitone-layout~="-gutters:7"]{--unitone--gutters:var(--unitone--s7)!important}[data-unitone-layout~="-gutters:root"]{--unitone--gutters:var(--unitone--global--gutters)!important}[data-unitone-layout~="-justify-content:start"]{--unitone--justify-content:start!important}[data-unitone-layout~="-justify-content:center"]{--unitone--justify-content:center!important}[data-unitone-layout~="-justify-content:end"]{--unitone--justify-content:end!important}[data-unitone-layout~="-justify-content:space-between"]{--unitone--justify-content:space-between!important}[data-unitone-layout~="-justify-self:auto"]{--unitone--justify-self:auto!important}[data-unitone-layout~="-justify-self:normal"]{--unitone--justify-self:normal!important}[data-unitone-layout~="-justify-self:start"]{--unitone--justify-self:start!important}[data-unitone-layout~="-justify-self:end"]{--unitone--justify-self:end!important}[data-unitone-layout~="-justify-self:center"]{--unitone--justify-self:center!important}[data-unitone-layout~="-justify-self:stretch"]{--unitone--justify-self:stretch!important}[data-unitone-layout~="-justify-self:baseline"]{--unitone--justify-self:baseline!important}[data-unitone-layout~="-justify-self:start"]{margin-left:0}[data-unitone-layout~="-justify-self:end"]{margin-right:0}[data-unitone-layout~="-mix-blend-mode:normal"]{--unitone--mix-blend-mode:normal!important}[data-unitone-layout~="-mix-blend-mode:multiply"]{--unitone--mix-blend-mode:multiply!important}[data-unitone-layout~="-mix-blend-mode:screen"]{--unitone--mix-blend-mode:screen!important}[data-unitone-layout~="-mix-blend-mode:overlay"]{--unitone--mix-blend-mode:overlay!important}[data-unitone-layout~="-mix-blend-mode:darken"]{--unitone--mix-blend-mode:darken!important}[data-unitone-layout~="-mix-blend-mode:lighten"]{--unitone--mix-blend-mode:lighten!important}[data-unitone-layout~="-mix-blend-mode:color-dodge"]{--unitone--mix-blend-mode:color-dodge!important}[data-unitone-layout~="-mix-blend-mode:color-burn"]{--unitone--mix-blend-mode:color-burn!important}[data-unitone-layout~="-mix-blend-mode:hard-light"]{--unitone--mix-blend-mode:hard-light!important}[data-unitone-layout~="-mix-blend-mode:soft-light"]{--unitone--mix-blend-mode:soft-light!important}[data-unitone-layout~="-mix-blend-mode:difference"]{--unitone--mix-blend-mode:difference!important}[data-unitone-layout~="-mix-blend-mode:exclusion"]{--unitone--mix-blend-mode:exclusion!important}[data-unitone-layout~="-mix-blend-mode:hue"]{--unitone--mix-blend-mode:hue!important}[data-unitone-layout~="-mix-blend-mode:saturation"]{--unitone--mix-blend-mode:saturation!important}[data-unitone-layout~="-mix-blend-mode:color"]{--unitone--mix-blend-mode:color!important}[data-unitone-layout~="-mix-blend-mode:luminosity"]{--unitone--mix-blend-mode:luminosity!important}[data-unitone-layout~="-overflow:visible"]{--unitone--overflow:visible!important}[data-unitone-layout~="-overflow:hidden"]{--unitone--overflow:hidden!important}[data-unitone-layout~="-overflow:scroll"]{--unitone--overflow:scroll!important}[data-unitone-layout~="-overflow:auto"]{--unitone--overflow:auto!important}[data-unitone-layout~="-overflow:clip"]{--unitone--overflow:clip!important}[data-unitone-layout~="-padding:-2"]{--unitone--padding:var(--unitone--p-2)!important}[data-unitone-layout~="-padding:-2"][data-unitone-layout~=gutters]{--unitone--padding:var(--unitone--s-2)!important}[data-unitone-layout~="-padding:-1"]{--unitone--padding:var(--unitone--p-1)!important}[data-unitone-layout~="-padding:-1"][data-unitone-layout~=gutters]{--unitone--padding:var(--unitone--s-1)!important}[data-unitone-layout~="-padding:0"]{--unitone--padding:var(--unitone--p0)!important}[data-unitone-layout~="-padding:0"][data-unitone-layout~=gutters]{--unitone--padding:var(--unitone--s0)!important}[data-unitone-layout~="-padding:1"]{--unitone--padding:var(--unitone--p1)!important}[data-unitone-layout~="-padding:1"][data-unitone-layout~=gutters]{--unitone--padding:var(--unitone--s1)!important}[data-unitone-layout~="-padding:2"]{--unitone--padding:var(--unitone--p2)!important}[data-unitone-layout~="-padding:2"][data-unitone-layout~=gutters]{--unitone--padding:var(--unitone--s2)!important}[data-unitone-layout~="-padding:3"]{--unitone--padding:var(--unitone--p3)!important}[data-unitone-layout~="-padding:3"][data-unitone-layout~=gutters]{--unitone--padding:var(--unitone--s3)!important}[data-unitone-layout~="-padding:4"]{--unitone--padding:var(--unitone--p4)!important}[data-unitone-layout~="-padding:4"][data-unitone-layout~=gutters]{--unitone--padding:var(--unitone--s4)!important}[data-unitone-layout~="-padding:5"]{--unitone--padding:var(--unitone--p5)!important}[data-unitone-layout~="-padding:5"][data-unitone-layout~=gutters]{--unitone--padding:var(--unitone--s5)!important}[data-unitone-layout~="-padding:6"]{--unitone--padding:var(--unitone--p6)!important}[data-unitone-layout~="-padding:6"][data-unitone-layout~=gutters]{--unitone--padding:var(--unitone--s6)!important}[data-unitone-layout~="-padding:7"]{--unitone--padding:var(--unitone--p7)!important}[data-unitone-layout~="-padding:7"][data-unitone-layout~=gutters]{--unitone--padding:var(--unitone--s7)!important}[data-unitone-layout~="-stairs:-2"]{--unitone--stairs-margin:var(--unitone--s-2)!important}[data-unitone-layout~="-stairs:-1"]{--unitone--stairs-margin:var(--unitone--s-1)!important}[data-unitone-layout~="-stairs:0"]{--unitone--stairs-margin:var(--unitone--s0)!important}[data-unitone-layout~="-stairs:1"]{--unitone--stairs-margin:var(--unitone--s1)!important}[data-unitone-layout~="-stairs:2"]{--unitone--stairs-margin:var(--unitone--s2)!important}[data-unitone-layout~="-stairs:3"]{--unitone--stairs-margin:var(--unitone--s3)!important}[data-unitone-layout~="-stairs:4"]{--unitone--stairs-margin:var(--unitone--s4)!important}[data-unitone-layout~="-stairs:5"]{--unitone--stairs-margin:var(--unitone--s5)!important}[data-unitone-layout~="-stairs:6"]{--unitone--stairs-margin:var(--unitone--s6)!important}[data-unitone-layout~="-stairs:7"]{--unitone--stairs-margin:var(--unitone--s7)!important}[data-unitone-layout~="-position:static"]{--unitone--position:static!important}[data-unitone-layout~="-position:relative"]{--unitone--position:relative!important}[data-unitone-layout~="-position:absolute"]{--unitone--position:absolute!important}[data-unitone-layout~="-position:sticky"]{--unitone--position:sticky!important}[data-unitone-layout~="-position:fixed"]{--unitone--position:fixed!important}[data-unitone-layout~="-text-orientation:mixed"]{--unitone--text-orientation:mixed!important}[data-unitone-layout~="-text-orientation:upright"]{--unitone--text-orientation:upright!important}[data-unitone-layout~="-text-orientation:sideways"]{--unitone--text-orientation:sideways!important}[data-unitone-layout~="-root:typography"]{font-size:calc(var(--unitone--base-font-size) * 1px)}[data-unitone-layout~="-typography:rem"],[data-unitone-layout~=-typography]{font-size:calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--harmonic-sequence-base) - var(--unitone--font-size)) * 1rem)}[data-unitone-layout~="-typography:em"],[data-unitone-layout~="-typography:rem"],[data-unitone-layout~=-typography]{line-height:clamp(calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))),calc((calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))) - (calc(1 + 2 * var(--unitone--half-leading)))) / (4)) * var(--unitone--fluid-font-size-magnification,calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--harmonic-sequence-base) - var(--unitone--font-size)))) + calc(calc(1 + 2 * var(--unitone--half-leading)) - calc((calc(1 + 2 * min(var(--unitone--min-half-leading), var(--unitone--half-leading))) - (calc(1 + 2 * var(--unitone--half-leading)))) / (4))),calc(1 + 2 * var(--unitone--half-leading)))}[data-unitone-layout~="-typography:em"]{font-size:calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--harmonic-sequence-base) - var(--unitone--font-size)) * 1em)}
package/dist/app.js CHANGED
@@ -1 +1 @@
1
- "use strict";var t,e={};var n=function(){if(t)return e;function n(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function r(t){return function(t){if(Array.isArray(t))return n(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,e){if(t){if("string"==typeof t)return n(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?n(t,e):void 0}}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(t,e){var n="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!n){if(Array.isArray(t)||(n=function(t,e){if(t){if("string"==typeof t)return o(t,e);var n={}.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?o(t,e):void 0}}(t))||e){n&&(t=n);var r=0,i=function(){};return{s:i,n:function(){return r>=t.length?{done:!0}:{done:!1,value:t[r++]}},e:function(t){throw t},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,a=!0,u=!1;return{s:function(){n=n.call(t)},n:function(){var t=n.next();return a=t.done,t},e:function(t){u=!0,l=t},f:function(){try{a||null==n.return||n.return()}finally{if(u)throw l}}}}function o(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=Array(e);n<e;n++)r[n]=t[n];return r}function l(t,e){var n,r=this;return function(){for(var i=arguments.length,o=new Array(i),l=0;l<i;l++)o[l]=arguments[l];clearTimeout(n),n=setTimeout((function(){t.apply(r,o)}),e)}}t=1;var a=function(t){var e=parseFloat(window.getComputedStyle(document.documentElement).getPropertyValue("font-size")),n=parseFloat(window.getComputedStyle(t).getPropertyValue("font-size"));t.style.setProperty("--unitone--fluid-font-size-magnification",n/e)},u=function(t){var e,n,r,i=null===(e=[].slice.call(null!==(n=null==t?void 0:t.children)&&void 0!==n?n:[]))||void 0===e?void 0:e[0];i&&([].slice.call(t.children).forEach((function(t){if(t.classList.contains("unitone-empty"))t.remove();else{var e=t.getAttribute("data-unitone-layout")||"",n=e.split(" ").filter((function(t){return!["-bol","-linewrap"," "].includes(t)})).join(" ");n!==e&&t.setAttribute("data-unitone-layout",n)}})),[].slice.call(t.children).forEach((function(t){var e,n=i.getBoundingClientRect(),o=null===(e=r)||void 0===e?void 0:e.getBoundingClientRect(),l=t.getBoundingClientRect(),a=t.getAttribute("data-unitone-layout")||"",u=a.split(" ");if((i===t||(null==o?void 0:o.top)<l.top&&(null==o?void 0:o.left)>=l.left)&&(u.includes("-bol")||u.push("-bol")),(null==o?void 0:o.top)<l.top){var d=document.createElement("div");d.classList.add("unitone-empty"),t.before(d),(null==o?void 0:o.top)<d.getBoundingClientRect().top&&d.remove()}n.top<l.top&&(u.includes("-linewrap")||u.push("-linewrap")),u!==a&&t.setAttribute("data-unitone-layout",u.filter(Boolean).join(" ")||""),r=t})))},d=function(t){var e,n,r,i=[].slice.call(t.children),o=null==i?void 0:i[0];if(o){t.style.removeProperty("--unitone--stairs-step-overflow-volume"),t.style.removeProperty("--unitone--max-stairs-step"),[].slice.call(null!==(e=null==t?void 0:t.children)&&void 0!==e?e:[]).forEach((function(t){t.style.removeProperty("--unitone--stairs-step")}));var l,a=t.getBoundingClientRect(),u=[],d=0,c=d;i.forEach((function(t){var e,n=window.getComputedStyle(t).getPropertyValue("position"),r=window.getComputedStyle(t).getPropertyValue("display");"absolute"!==n&&"fixed"!==n&&"none"!==r&&(u.push(t),o===t||(null===(e=l)||void 0===e||null===(e=e.getBoundingClientRect())||void 0===e?void 0:e.left)>=t.getBoundingClientRect().left?(d=0,t.style.setProperty("--unitone--stairs-step",d)):(d++,t.style.setProperty("--unitone--stairs-step",d)),l=t,d>c&&(c=d))})),t.style.setProperty("--unitone--max-stairs-step",c);var s=u.reduce((function(t,e){var n=null!=t&&t.childrenTop?Math.min(null==t?void 0:t.childrenTop,e.getBoundingClientRect().top):e.getBoundingClientRect().top,r=e.getBoundingClientRect().bottom-n;return{childrenTop:n,childrenHeight:Math.max(null==t?void 0:t.childrenHeight,r)}}),{childrenTop:null==u||null===(n=u[0])||void 0===n||null===(n=n.getBoundingClientRect())||void 0===n?void 0:n.top,childrenHeight:null==u||null===(r=u[0])||void 0===r||null===(r=r.getBoundingClientRect())||void 0===r?void 0:r.height}).childrenHeight;t.style.setProperty("--unitone--stairs-step-overflow-volume",s-a.height)}},c=function(t){t.style.columnCount="",t.setAttribute("data-unitone-layout",t.getAttribute("data-unitone-layout").replace(" -force-switch",""));var e,n=getComputedStyle(t);if(String(n.getPropertyValue("--unitone--threshold")).trim()){var r=document.createElement("div");r.setAttribute("data-unitone-layout","vertical-writing__thresholder"),t.appendChild(r);var i=r.offsetWidth>=t.offsetWidth;if(t.removeChild(r),i)return void t.setAttribute("data-unitone-layout","".concat(t.getAttribute("data-unitone-layout")," -force-switch"))}if([].slice.call(t.children).reverse().some((function(t){if(!["absolute","fixed"].includes(getComputedStyle(t).position)&&"none"!==getComputedStyle(t).display)return e=t,!0})),e){var o=!1;t.getBoundingClientRect().left>e.getBoundingClientRect().left&&(t.style.columnCount=2,o=!0),setTimeout((function(){var n=t.getBoundingClientRect().top+t.getBoundingClientRect().height,r=e.getBoundingClientRect().top+e.getBoundingClientRect().height;n!==r&&(t.parentNode.style.height="".concat(Math.ceil(r-t.getBoundingClientRect().top),"px"))}),o?250:0)}};return e.debounce=l,e.dividersResizeObserver=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=0,o=new ResizeObserver(l((function(t){var e,r=i(t);try{for(r.s();!(e=r.n()).done;){var o,l=e.value,a=null===(o=l.borderBoxSize)||void 0===o?void 0:o[0].inlineSize;a!==n&&(u(l.target),n=a)}}catch(t){r.e(t)}finally{r.f()}}),250)),a=new MutationObserver((function(n){requestAnimationFrame((function(){var o,l=i(n);try{var a=function(){var n=o.value;if("attributes"===n.type&&"data-unitone-layout"===n.attributeName){var i,l,a,d,c=[].concat(r(null!==(i=null==e||null===(l=e.ignore)||void 0===l?void 0:l.layout)&&void 0!==i?i:[]),["-bol","-linewrap"]);(null!==(a=n.target.getAttribute(n.attributeName))&&void 0!==a?a:"").split(" ").filter((function(t){return!c.includes(t)})).join(" ")!==(null!==(d=n.oldValue)&&void 0!==d?d:"").split(" ").filter((function(t){return!c.includes(t)})).join(" ")&&u(t)}else if("attributes"===n.type&&"class"===n.attributeName){var s,f,v,y,p=r(null!==(s=null==e||null===(f=e.ignore)||void 0===f?void 0:f.className)&&void 0!==s?s:["unitone-empty"]);(null!==(v=n.target.getAttribute(n.attributeName))&&void 0!==v?v:"").split(" ").filter((function(t){return!p.includes(t)})).join(" ")!==(null!==(y=n.oldValue)&&void 0!==y?y:"").split(" ").filter((function(t){return!p.includes(t)})).join(" ")&&u(t)}else"attributes"===n.type&&"style"===n.attributeName&&u(t)};for(l.s();!(o=l.n()).done;)a()}catch(t){l.e(t)}finally{l.f()}}))}));return o.observe(t),a.observe(t,{attributes:!0,attributeFilter:["style","data-unitone-layout","class"],attributeOldValue:!0,subtree:!0,characterData:!0}),{resizeObserver:o,mutationObserver:a}},e.fluidFontSizeResizeObserver=function(t){var e=0;new ResizeObserver(l((function(t){var n,r=i(t);try{for(r.s();!(n=r.n()).done;){var o,l=n.value,u=null===(o=l.borderBoxSize)||void 0===o?void 0:o[0].inlineSize;u!==e&&(a(l.target),e=u)}}catch(t){r.e(t)}finally{r.f()}}),250)).observe(t)},e.setDividerLinewrap=u,e.setStairsStep=d,e.stairsResizeObserver=function(t){var e=0,n=new ResizeObserver(l((function(t){var n,r=i(t);try{for(r.s();!(n=r.n()).done;){var o,l=n.value,a=null===(o=l.borderBoxSize)||void 0===o?void 0:o[0].inlineSize;a!==e&&(d(l.target),e=a)}}catch(t){r.e(t)}finally{r.f()}}),250));return n.observe(t),n},e.throttle=function(t,e){var n=this,r=Date.now()-e;return function(){if(r+e<Date.now()){r=Date.now();for(var i=arguments.length,o=new Array(i),l=0;l<i;l++)o[l]=arguments[l];t.apply(n,o)}}},e.verticalsResizeObserver=function(t){var e=0;t.setAttribute("data-unitone-layout","".concat(t.getAttribute("data-unitone-layout")," -initialized"));var n=new ResizeObserver(l((function(t){var n,r=i(t);try{for(r.s();!(n=r.n()).done;){var o,l=n.value,a=null===(o=l.contentRect)||void 0===o?void 0:o.width;parseInt(a)!==parseInt(e)&&(e=a,l.target.parentNode.style.height="",c(l.target))}}catch(t){r.e(t)}finally{r.f()}}),250));n.observe(t);var r=new MutationObserver((function(e){requestAnimationFrame((function(){if(0<e.length){var n,r,i=e[0],o=null===(n=i.addedNodes)||void 0===n?void 0:n[0],l=null===(r=i.removedNodes)||void 0===r?void 0:r[0];if((null==o?void 0:o.nodeType)===Node.ELEMENT_NODE&&"vertical-writing__thresholder"===o.getAttribute("data-unitone-layout")||(null==l?void 0:l.nodeType)===Node.ELEMENT_NODE&&"vertical-writing__thresholder"===l.getAttribute("data-unitone-layout"))return;c(t)}}))}));return r.observe(t,{attributes:!0,attributeFilter:["style"],childList:!0,subtree:!0}),{resizeObserver:n,mutationObserver:r}},e}();function r(t,e){var n="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!n){if(Array.isArray(t)||(n=function(t,e){if(t){if("string"==typeof t)return i(t,e);var n={}.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?i(t,e):void 0}}(t))||e){n&&(t=n);var r=0,o=function(){};return{s:o,n:function(){return r>=t.length?{done:!0}:{done:!1,value:t[r++]}},e:function(t){throw t},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,a=!0,u=!1;return{s:function(){n=n.call(t)},n:function(){var t=n.next();return a=t.done,t},e:function(t){u=!0,l=t},f:function(){try{a||null==n.return||n.return()}finally{if(u)throw l}}}}function i(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=Array(e);n<e;n++)r[n]=t[n];return r}document.addEventListener("DOMContentLoaded",(function(){new MutationObserver((function(t){requestAnimationFrame((function(){var e,i=r(t);try{for(i.s();!(e=i.n()).done;){e.value.addedNodes.forEach((function(t){var e,r=null===(e=t.parentNode)||void 0===e?void 0:e.querySelectorAll('[data-unitone-layout~="-fluid-typography"]');null==r||r.forEach((function(t){n.fluidFontSizeResizeObserver(t)}))}))}}catch(t){i.e(t)}finally{i.f()}}))})).observe(document.body,{childList:!0,subtree:!0})})),document.addEventListener("DOMContentLoaded",(function(){new MutationObserver((function(t){requestAnimationFrame((function(){var e,i=r(t);try{for(i.s();!(e=i.n()).done;){e.value.addedNodes.forEach((function(t){var e,r=null===(e=t.parentNode)||void 0===e?void 0:e.querySelectorAll('[data-unitone-layout*="-divider:"]');null==r||r.forEach((function(t){n.dividersResizeObserver(t)}))}))}}catch(t){i.e(t)}finally{i.f()}}))})).observe(document.body,{childList:!0,subtree:!0})})),document.addEventListener("DOMContentLoaded",(function(){new MutationObserver((function(t){requestAnimationFrame((function(){var e,i=r(t);try{for(i.s();!(e=i.n()).done;){e.value.addedNodes.forEach((function(t){var e,r=null===(e=t.parentNode)||void 0===e?void 0:e.querySelectorAll('[data-unitone-layout*="-stairs:"]');null==r||r.forEach((function(t){n.stairsResizeObserver(t)}))}))}}catch(t){i.e(t)}finally{i.f()}}))})).observe(document.body,{childList:!0,subtree:!0})})),document.addEventListener("DOMContentLoaded",(function(){new MutationObserver((function(t){requestAnimationFrame((function(){var e,i=r(t);try{for(i.s();!(e=i.n()).done;){e.value.addedNodes.forEach((function(t){var e,r=null===(e=t.parentNode)||void 0===e?void 0:e.querySelectorAll('[data-unitone-layout~="vertical-writing"]');null==r||r.forEach((function(t){n.verticalsResizeObserver(t)}))}))}}catch(t){i.e(t)}finally{i.f()}}))})).observe(document.body,{childList:!0,subtree:!0})}));
1
+ "use strict";var e,t={};var n=function(){if(e)return t;function n(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function r(e){return function(e){if(Array.isArray(e))return n(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return n(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?n(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=function(e,t){if(e){if("string"==typeof e)return i(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?i(e,t):void 0}}(e))||t){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,l=!0,u=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return l=e.done,e},e:function(e){u=!0,a=e},f:function(){try{l||null==n.return||n.return()}finally{if(u)throw a}}}}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function a(e,t){var n,r=this;return function(){for(var o=arguments.length,i=new Array(o),a=0;a<o;a++)i[a]=arguments[a];clearTimeout(n),n=setTimeout((function(){e.apply(r,i)}),t)}}e=1;var l=function(e){var t=parseFloat(window.getComputedStyle(document.documentElement).getPropertyValue("font-size")),n=parseFloat(window.getComputedStyle(e).getPropertyValue("font-size"));e.style.setProperty("--unitone--fluid-font-size-magnification",n/t)},u=function(e){var t,n,r,o=null===(t=[].slice.call(null!==(n=null==e?void 0:e.children)&&void 0!==n?n:[]))||void 0===t?void 0:t[0];o&&([].slice.call(e.children).forEach((function(e){if(e.classList.contains("unitone-empty"))e.remove();else{var t=e.getAttribute("data-unitone-layout")||"",n=t.split(" ").filter((function(e){return!["-bol","-linewrap"," "].includes(e)})).join(" ");n!==t&&e.setAttribute("data-unitone-layout",n)}})),[].slice.call(e.children).forEach((function(e){var t,n=o.getBoundingClientRect(),i=null===(t=r)||void 0===t?void 0:t.getBoundingClientRect(),a=e.getBoundingClientRect(),l=e.getAttribute("data-unitone-layout")||"",u=l.split(" ");if((o===e||(null==i?void 0:i.top)<a.top&&(null==i?void 0:i.left)>=a.left)&&(u.includes("-bol")||u.push("-bol")),(null==i?void 0:i.top)<a.top){var d=document.createElement("div");d.classList.add("unitone-empty"),e.before(d),(null==i?void 0:i.top)<d.getBoundingClientRect().top&&d.remove()}n.top<a.top&&(u.includes("-linewrap")||u.push("-linewrap")),u!==l&&e.setAttribute("data-unitone-layout",u.filter(Boolean).join(" ")||""),r=e})))},d=function(e){var t,n=[].slice.call(e.children),r=null==n?void 0:n[0];if(r){e.style.removeProperty("--unitone--stairs-step-overflow-volume"),e.style.removeProperty("--unitone--max-stairs-step"),[].slice.call(null!==(t=null==e?void 0:e.children)&&void 0!==t?t:[]).forEach((function(e){e.style.removeProperty("--unitone--stairs-step")}));var o,i=[],a=0,l=a;n.forEach((function(e){var t,n=window.getComputedStyle(e).getPropertyValue("position"),u=window.getComputedStyle(e).getPropertyValue("display");"absolute"!==n&&"fixed"!==n&&"none"!==u&&(i.push(e),r===e||(null===(t=o)||void 0===t||null===(t=t.getBoundingClientRect())||void 0===t?void 0:t.left)>=e.getBoundingClientRect().left?(a=0,e.style.setProperty("--unitone--stairs-step",a)):(a++,e.style.setProperty("--unitone--stairs-step",a)),o=e,a>l&&(l=a))})),e.style.setProperty("--unitone--max-stairs-step",l);var u=i.reduce((function(e,t){var n,r=t.ownerDocument.defaultView.getComputedStyle(t),o=parseFloat(null!==(n=r.getPropertyValue("top"))&&void 0!==n?n:0);return isNaN(o)||e>o?e:o}),0);e.style.setProperty("--unitone--stairs-step-overflow-volume",u)}},s=function(e){e.style.columnCount="",e.setAttribute("data-unitone-layout",e.getAttribute("data-unitone-layout").replace(" -force-switch",""));var t,n=getComputedStyle(e);if(String(n.getPropertyValue("--unitone--threshold")).trim()){var r=document.createElement("div");r.setAttribute("data-unitone-layout","vertical-writing__thresholder"),e.appendChild(r);var o=r.offsetWidth>=e.offsetWidth;if(e.removeChild(r),o)return void e.setAttribute("data-unitone-layout","".concat(e.getAttribute("data-unitone-layout")," -force-switch"))}if([].slice.call(e.children).reverse().some((function(e){if(!["absolute","fixed"].includes(getComputedStyle(e).position)&&"none"!==getComputedStyle(e).display)return t=e,!0})),t){var i=!1;e.getBoundingClientRect().left>t.getBoundingClientRect().left&&(e.style.columnCount=2,i=!0),setTimeout((function(){var n=e.getBoundingClientRect().top+e.getBoundingClientRect().height,r=t.getBoundingClientRect().top+t.getBoundingClientRect().height;n!==r&&(e.parentNode.style.height="".concat(Math.ceil(r-e.getBoundingClientRect().top),"px"))}),i?250:0)}};return t.debounce=a,t.dividersResizeObserver=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=0,i=new ResizeObserver(a((function(e){var t,r=o(e);try{for(r.s();!(t=r.n()).done;){var i,a=t.value,l=null===(i=a.borderBoxSize)||void 0===i?void 0:i[0].inlineSize;l!==n&&(u(a.target),n=l)}}catch(e){r.e(e)}finally{r.f()}}),250)),l=new MutationObserver((function(n){requestAnimationFrame((function(){var i,a=o(n);try{var l=function(){var n=i.value;if("attributes"===n.type&&"data-unitone-layout"===n.attributeName){var o,a,l,d,s=[].concat(r(null!==(o=null==t||null===(a=t.ignore)||void 0===a?void 0:a.layout)&&void 0!==o?o:[]),["-bol","-linewrap"]);(null!==(l=n.target.getAttribute(n.attributeName))&&void 0!==l?l:"").split(" ").filter((function(e){return!s.includes(e)})).join(" ")!==(null!==(d=n.oldValue)&&void 0!==d?d:"").split(" ").filter((function(e){return!s.includes(e)})).join(" ")&&u(e)}else if("attributes"===n.type&&"class"===n.attributeName){var c,f,v,y,p=r(null!==(c=null==t||null===(f=t.ignore)||void 0===f?void 0:f.className)&&void 0!==c?c:["unitone-empty"]);(null!==(v=n.target.getAttribute(n.attributeName))&&void 0!==v?v:"").split(" ").filter((function(e){return!p.includes(e)})).join(" ")!==(null!==(y=n.oldValue)&&void 0!==y?y:"").split(" ").filter((function(e){return!p.includes(e)})).join(" ")&&u(e)}else"attributes"===n.type&&"style"===n.attributeName&&u(e)};for(a.s();!(i=a.n()).done;)l()}catch(e){a.e(e)}finally{a.f()}}))}));return i.observe(e),l.observe(e,{attributes:!0,attributeFilter:["style","data-unitone-layout","class"],attributeOldValue:!0,subtree:!0,characterData:!0}),{resizeObserver:i,mutationObserver:l}},t.fluidFontSizeResizeObserver=function(e){var t=0;new ResizeObserver(a((function(e){var n,r=o(e);try{for(r.s();!(n=r.n()).done;){var i,a=n.value,u=null===(i=a.borderBoxSize)||void 0===i?void 0:i[0].inlineSize;u!==t&&(l(a.target),t=u)}}catch(e){r.e(e)}finally{r.f()}}),250)).observe(e)},t.setDividerLinewrap=u,t.setStairsStep=d,t.stairsResizeObserver=function(e){var t=0,n=new ResizeObserver(a((function(e){var n,r=o(e);try{for(r.s();!(n=r.n()).done;){var i,a=n.value,l=null===(i=a.borderBoxSize)||void 0===i?void 0:i[0].inlineSize;l!==t&&(d(a.target),t=l)}}catch(e){r.e(e)}finally{r.f()}}),250));return n.observe(e),n},t.verticalsResizeObserver=function(e){var t=0;e.setAttribute("data-unitone-layout","".concat(e.getAttribute("data-unitone-layout")," -initialized"));var n=new ResizeObserver(a((function(e){var n,r=o(e);try{for(r.s();!(n=r.n()).done;){var i,a=n.value,l=null===(i=a.contentRect)||void 0===i?void 0:i.width;parseInt(l)!==parseInt(t)&&(t=l,a.target.parentNode.style.height="",s(a.target))}}catch(e){r.e(e)}finally{r.f()}}),250));n.observe(e);var r=new MutationObserver((function(t){requestAnimationFrame((function(){if(0<t.length){var n,r,o=t[0],i=null===(n=o.addedNodes)||void 0===n?void 0:n[0],a=null===(r=o.removedNodes)||void 0===r?void 0:r[0];if((null==i?void 0:i.nodeType)===Node.ELEMENT_NODE&&"vertical-writing__thresholder"===i.getAttribute("data-unitone-layout")||(null==a?void 0:a.nodeType)===Node.ELEMENT_NODE&&"vertical-writing__thresholder"===a.getAttribute("data-unitone-layout"))return;s(e)}}))}));return r.observe(e,{attributes:!0,attributeFilter:["style"],childList:!0,subtree:!0}),{resizeObserver:n,mutationObserver:r}},t}();function r(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=function(e,t){if(e){if("string"==typeof e)return o(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?o(e,t):void 0}}(e))||t){n&&(e=n);var r=0,i=function(){};return{s:i,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,l=!0,u=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return l=e.done,e},e:function(e){u=!0,a=e},f:function(){try{l||null==n.return||n.return()}finally{if(u)throw a}}}}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}document.addEventListener("DOMContentLoaded",(function(){new MutationObserver((function(e){requestAnimationFrame((function(){var t,o=r(e);try{for(o.s();!(t=o.n()).done;){t.value.addedNodes.forEach((function(e){var t,r=null===(t=e.parentNode)||void 0===t?void 0:t.querySelectorAll('[data-unitone-layout~="-fluid-typography"]');null==r||r.forEach((function(e){n.fluidFontSizeResizeObserver(e)}))}))}}catch(e){o.e(e)}finally{o.f()}}))})).observe(document.body,{childList:!0,subtree:!0})})),document.addEventListener("DOMContentLoaded",(function(){new MutationObserver((function(e){requestAnimationFrame((function(){var t,o=r(e);try{for(o.s();!(t=o.n()).done;){t.value.addedNodes.forEach((function(e){var t,r=null===(t=e.parentNode)||void 0===t?void 0:t.querySelectorAll('[data-unitone-layout*="-divider:"]');null==r||r.forEach((function(e){n.dividersResizeObserver(e)}))}))}}catch(e){o.e(e)}finally{o.f()}}))})).observe(document.body,{childList:!0,subtree:!0})})),document.addEventListener("DOMContentLoaded",(function(){new MutationObserver((function(e){requestAnimationFrame((function(){var t,o=r(e);try{for(o.s();!(t=o.n()).done;){t.value.addedNodes.forEach((function(e){var t,r=null===(t=e.parentNode)||void 0===t?void 0:t.querySelectorAll('[data-unitone-layout*="-stairs:"]');null==r||r.forEach((function(e){n.stairsResizeObserver(e)}))}))}}catch(e){o.e(e)}finally{o.f()}}))})).observe(document.body,{childList:!0,subtree:!0})})),document.addEventListener("DOMContentLoaded",(function(){new MutationObserver((function(e){requestAnimationFrame((function(){var t,o=r(e);try{for(o.s();!(t=o.n()).done;){t.value.addedNodes.forEach((function(e){var t,r=null===(t=e.parentNode)||void 0===t?void 0:t.querySelectorAll('[data-unitone-layout~="vertical-writing"]');null==r||r.forEach((function(e){n.verticalsResizeObserver(e)}))}))}}catch(e){o.e(e)}finally{o.f()}}))})).observe(document.body,{childList:!0,subtree:!0})}));
package/dist/library.js CHANGED
@@ -1 +1 @@
1
- "use strict";function t(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,i=new Array(e);n<e;n++)i[n]=t[n];return i}function e(e){return function(e){if(Array.isArray(e))return t(e)}(e)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(e)||function(e,n){if(e){if("string"==typeof e)return t(e,n);var i=Object.prototype.toString.call(e).slice(8,-1);return"Object"===i&&e.constructor&&(i=e.constructor.name),"Map"===i||"Set"===i?Array.from(e):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?t(e,n):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function n(t,e){var n="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!n){if(Array.isArray(t)||(n=function(t,e){if(t){if("string"==typeof t)return i(t,e);var n={}.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?i(t,e):void 0}}(t))||e){n&&(t=n);var r=0,o=function(){};return{s:o,n:function(){return r>=t.length?{done:!0}:{done:!1,value:t[r++]}},e:function(t){throw t},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,u=!0,a=!1;return{s:function(){n=n.call(t)},n:function(){var t=n.next();return u=t.done,t},e:function(t){a=!0,l=t},f:function(){try{u||null==n.return||n.return()}finally{if(a)throw l}}}}function i(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,i=Array(e);n<e;n++)i[n]=t[n];return i}function r(t,e){var n,i=this;return function(){for(var r=arguments.length,o=new Array(r),l=0;l<r;l++)o[l]=arguments[l];clearTimeout(n),n=setTimeout((function(){t.apply(i,o)}),e)}}var o=function(t){var e=parseFloat(window.getComputedStyle(document.documentElement).getPropertyValue("font-size")),n=parseFloat(window.getComputedStyle(t).getPropertyValue("font-size"));t.style.setProperty("--unitone--fluid-font-size-magnification",n/e)},l=function(t){var e,n,i,r=null===(e=[].slice.call(null!==(n=null==t?void 0:t.children)&&void 0!==n?n:[]))||void 0===e?void 0:e[0];r&&([].slice.call(t.children).forEach((function(t){if(t.classList.contains("unitone-empty"))t.remove();else{var e=t.getAttribute("data-unitone-layout")||"",n=e.split(" ").filter((function(t){return!["-bol","-linewrap"," "].includes(t)})).join(" ");n!==e&&t.setAttribute("data-unitone-layout",n)}})),[].slice.call(t.children).forEach((function(t){var e,n=r.getBoundingClientRect(),o=null===(e=i)||void 0===e?void 0:e.getBoundingClientRect(),l=t.getBoundingClientRect(),u=t.getAttribute("data-unitone-layout")||"",a=u.split(" ");if((r===t||(null==o?void 0:o.top)<l.top&&(null==o?void 0:o.left)>=l.left)&&(a.includes("-bol")||a.push("-bol")),(null==o?void 0:o.top)<l.top){var s=document.createElement("div");s.classList.add("unitone-empty"),t.before(s),(null==o?void 0:o.top)<s.getBoundingClientRect().top&&s.remove()}n.top<l.top&&(a.includes("-linewrap")||a.push("-linewrap")),a!==u&&t.setAttribute("data-unitone-layout",a.filter(Boolean).join(" ")||""),i=t})))},u=function(t){var e,n,i,r=[].slice.call(t.children),o=null==r?void 0:r[0];if(o){t.style.removeProperty("--unitone--stairs-step-overflow-volume"),t.style.removeProperty("--unitone--max-stairs-step"),[].slice.call(null!==(e=null==t?void 0:t.children)&&void 0!==e?e:[]).forEach((function(t){t.style.removeProperty("--unitone--stairs-step")}));var l,u=t.getBoundingClientRect(),a=[],s=0,d=s;r.forEach((function(t){var e,n=window.getComputedStyle(t).getPropertyValue("position"),i=window.getComputedStyle(t).getPropertyValue("display");"absolute"!==n&&"fixed"!==n&&"none"!==i&&(a.push(t),o===t||(null===(e=l)||void 0===e||null===(e=e.getBoundingClientRect())||void 0===e?void 0:e.left)>=t.getBoundingClientRect().left?(s=0,t.style.setProperty("--unitone--stairs-step",s)):(s++,t.style.setProperty("--unitone--stairs-step",s)),l=t,s>d&&(d=s))})),t.style.setProperty("--unitone--max-stairs-step",d);var c=a.reduce((function(t,e){var n=null!=t&&t.childrenTop?Math.min(null==t?void 0:t.childrenTop,e.getBoundingClientRect().top):e.getBoundingClientRect().top,i=e.getBoundingClientRect().bottom-n;return{childrenTop:n,childrenHeight:Math.max(null==t?void 0:t.childrenHeight,i)}}),{childrenTop:null==a||null===(n=a[0])||void 0===n||null===(n=n.getBoundingClientRect())||void 0===n?void 0:n.top,childrenHeight:null==a||null===(i=a[0])||void 0===i||null===(i=i.getBoundingClientRect())||void 0===i?void 0:i.height}).childrenHeight;t.style.setProperty("--unitone--stairs-step-overflow-volume",c-u.height)}},a=function(t){t.style.columnCount="",t.setAttribute("data-unitone-layout",t.getAttribute("data-unitone-layout").replace(" -force-switch",""));var e,n=getComputedStyle(t);if(String(n.getPropertyValue("--unitone--threshold")).trim()){var i=document.createElement("div");i.setAttribute("data-unitone-layout","vertical-writing__thresholder"),t.appendChild(i);var r=i.offsetWidth>=t.offsetWidth;if(t.removeChild(i),r)return void t.setAttribute("data-unitone-layout","".concat(t.getAttribute("data-unitone-layout")," -force-switch"))}if([].slice.call(t.children).reverse().some((function(t){if(!["absolute","fixed"].includes(getComputedStyle(t).position)&&"none"!==getComputedStyle(t).display)return e=t,!0})),e){var o=!1;t.getBoundingClientRect().left>e.getBoundingClientRect().left&&(t.style.columnCount=2,o=!0),setTimeout((function(){var n=t.getBoundingClientRect().top+t.getBoundingClientRect().height,i=e.getBoundingClientRect().top+e.getBoundingClientRect().height;n!==i&&(t.parentNode.style.height="".concat(Math.ceil(i-t.getBoundingClientRect().top),"px"))}),o?250:0)}};exports.debounce=r,exports.dividersResizeObserver=function(t){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},o=0,u=new ResizeObserver(r((function(t){var e,i=n(t);try{for(i.s();!(e=i.n()).done;){var r,u=e.value,a=null===(r=u.borderBoxSize)||void 0===r?void 0:r[0].inlineSize;a!==o&&(l(u.target),o=a)}}catch(t){i.e(t)}finally{i.f()}}),250)),a=new MutationObserver((function(r){requestAnimationFrame((function(){var o,u=n(r);try{var a=function(){var n=o.value;if("attributes"===n.type&&"data-unitone-layout"===n.attributeName){var r,u,a,s,d=[].concat(e(null!==(r=null==i||null===(u=i.ignore)||void 0===u?void 0:u.layout)&&void 0!==r?r:[]),["-bol","-linewrap"]);(null!==(a=n.target.getAttribute(n.attributeName))&&void 0!==a?a:"").split(" ").filter((function(t){return!d.includes(t)})).join(" ")!==(null!==(s=n.oldValue)&&void 0!==s?s:"").split(" ").filter((function(t){return!d.includes(t)})).join(" ")&&l(t)}else if("attributes"===n.type&&"class"===n.attributeName){var c,v,f,p,y=e(null!==(c=null==i||null===(v=i.ignore)||void 0===v?void 0:v.className)&&void 0!==c?c:["unitone-empty"]);(null!==(f=n.target.getAttribute(n.attributeName))&&void 0!==f?f:"").split(" ").filter((function(t){return!y.includes(t)})).join(" ")!==(null!==(p=n.oldValue)&&void 0!==p?p:"").split(" ").filter((function(t){return!y.includes(t)})).join(" ")&&l(t)}else"attributes"===n.type&&"style"===n.attributeName&&l(t)};for(u.s();!(o=u.n()).done;)a()}catch(t){u.e(t)}finally{u.f()}}))}));return u.observe(t),a.observe(t,{attributes:!0,attributeFilter:["style","data-unitone-layout","class"],attributeOldValue:!0,subtree:!0,characterData:!0}),{resizeObserver:u,mutationObserver:a}},exports.fluidFontSizeResizeObserver=function(t){var e=0;new ResizeObserver(r((function(t){var i,r=n(t);try{for(r.s();!(i=r.n()).done;){var l,u=i.value,a=null===(l=u.borderBoxSize)||void 0===l?void 0:l[0].inlineSize;a!==e&&(o(u.target),e=a)}}catch(t){r.e(t)}finally{r.f()}}),250)).observe(t)},exports.setDividerLinewrap=l,exports.setStairsStep=u,exports.stairsResizeObserver=function(t){var e=0,i=new ResizeObserver(r((function(t){var i,r=n(t);try{for(r.s();!(i=r.n()).done;){var o,l=i.value,a=null===(o=l.borderBoxSize)||void 0===o?void 0:o[0].inlineSize;a!==e&&(u(l.target),e=a)}}catch(t){r.e(t)}finally{r.f()}}),250));return i.observe(t),i},exports.throttle=function(t,e){var n=this,i=Date.now()-e;return function(){if(i+e<Date.now()){i=Date.now();for(var r=arguments.length,o=new Array(r),l=0;l<r;l++)o[l]=arguments[l];t.apply(n,o)}}},exports.verticalsResizeObserver=function(t){var e=0;t.setAttribute("data-unitone-layout","".concat(t.getAttribute("data-unitone-layout")," -initialized"));var i=new ResizeObserver(r((function(t){var i,r=n(t);try{for(r.s();!(i=r.n()).done;){var o,l=i.value,u=null===(o=l.contentRect)||void 0===o?void 0:o.width;parseInt(u)!==parseInt(e)&&(e=u,l.target.parentNode.style.height="",a(l.target))}}catch(t){r.e(t)}finally{r.f()}}),250));i.observe(t);var o=new MutationObserver((function(e){requestAnimationFrame((function(){if(0<e.length){var n,i,r=e[0],o=null===(n=r.addedNodes)||void 0===n?void 0:n[0],l=null===(i=r.removedNodes)||void 0===i?void 0:i[0];if((null==o?void 0:o.nodeType)===Node.ELEMENT_NODE&&"vertical-writing__thresholder"===o.getAttribute("data-unitone-layout")||(null==l?void 0:l.nodeType)===Node.ELEMENT_NODE&&"vertical-writing__thresholder"===l.getAttribute("data-unitone-layout"))return;a(t)}}))}));return o.observe(t,{attributes:!0,attributeFilter:["style"],childList:!0,subtree:!0}),{resizeObserver:i,mutationObserver:o}};
1
+ "use strict";function t(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function e(e){return function(e){if(Array.isArray(e))return t(e)}(e)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(e)||function(e,n){if(e){if("string"==typeof e)return t(e,n);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?t(e,n):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function n(t,e){var n="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!n){if(Array.isArray(t)||(n=function(t,e){if(t){if("string"==typeof t)return r(t,e);var n={}.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(t,e):void 0}}(t))||e){n&&(t=n);var i=0,o=function(){};return{s:o,n:function(){return i>=t.length?{done:!0}:{done:!1,value:t[i++]}},e:function(t){throw t},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,a=!0,u=!1;return{s:function(){n=n.call(t)},n:function(){var t=n.next();return a=t.done,t},e:function(t){u=!0,l=t},f:function(){try{a||null==n.return||n.return()}finally{if(u)throw l}}}}function r(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=Array(e);n<e;n++)r[n]=t[n];return r}function i(t,e){var n,r=this;return function(){for(var i=arguments.length,o=new Array(i),l=0;l<i;l++)o[l]=arguments[l];clearTimeout(n),n=setTimeout((function(){t.apply(r,o)}),e)}}var o=function(t){var e=parseFloat(window.getComputedStyle(document.documentElement).getPropertyValue("font-size")),n=parseFloat(window.getComputedStyle(t).getPropertyValue("font-size"));t.style.setProperty("--unitone--fluid-font-size-magnification",n/e)},l=function(t){var e,n,r,i=null===(e=[].slice.call(null!==(n=null==t?void 0:t.children)&&void 0!==n?n:[]))||void 0===e?void 0:e[0];i&&([].slice.call(t.children).forEach((function(t){if(t.classList.contains("unitone-empty"))t.remove();else{var e=t.getAttribute("data-unitone-layout")||"",n=e.split(" ").filter((function(t){return!["-bol","-linewrap"," "].includes(t)})).join(" ");n!==e&&t.setAttribute("data-unitone-layout",n)}})),[].slice.call(t.children).forEach((function(t){var e,n=i.getBoundingClientRect(),o=null===(e=r)||void 0===e?void 0:e.getBoundingClientRect(),l=t.getBoundingClientRect(),a=t.getAttribute("data-unitone-layout")||"",u=a.split(" ");if((i===t||(null==o?void 0:o.top)<l.top&&(null==o?void 0:o.left)>=l.left)&&(u.includes("-bol")||u.push("-bol")),(null==o?void 0:o.top)<l.top){var s=document.createElement("div");s.classList.add("unitone-empty"),t.before(s),(null==o?void 0:o.top)<s.getBoundingClientRect().top&&s.remove()}n.top<l.top&&(u.includes("-linewrap")||u.push("-linewrap")),u!==a&&t.setAttribute("data-unitone-layout",u.filter(Boolean).join(" ")||""),r=t})))},a=function(t){var e,n=[].slice.call(t.children),r=null==n?void 0:n[0];if(r){t.style.removeProperty("--unitone--stairs-step-overflow-volume"),t.style.removeProperty("--unitone--max-stairs-step"),[].slice.call(null!==(e=null==t?void 0:t.children)&&void 0!==e?e:[]).forEach((function(t){t.style.removeProperty("--unitone--stairs-step")}));var i,o=[],l=0,a=l;n.forEach((function(t){var e,n=window.getComputedStyle(t).getPropertyValue("position"),u=window.getComputedStyle(t).getPropertyValue("display");"absolute"!==n&&"fixed"!==n&&"none"!==u&&(o.push(t),r===t||(null===(e=i)||void 0===e||null===(e=e.getBoundingClientRect())||void 0===e?void 0:e.left)>=t.getBoundingClientRect().left?(l=0,t.style.setProperty("--unitone--stairs-step",l)):(l++,t.style.setProperty("--unitone--stairs-step",l)),i=t,l>a&&(a=l))})),t.style.setProperty("--unitone--max-stairs-step",a);var u=o.reduce((function(t,e){var n,r=e.ownerDocument.defaultView.getComputedStyle(e),i=parseFloat(null!==(n=r.getPropertyValue("top"))&&void 0!==n?n:0);return isNaN(i)||t>i?t:i}),0);t.style.setProperty("--unitone--stairs-step-overflow-volume",u)}},u=function(t){t.style.columnCount="",t.setAttribute("data-unitone-layout",t.getAttribute("data-unitone-layout").replace(" -force-switch",""));var e,n=getComputedStyle(t);if(String(n.getPropertyValue("--unitone--threshold")).trim()){var r=document.createElement("div");r.setAttribute("data-unitone-layout","vertical-writing__thresholder"),t.appendChild(r);var i=r.offsetWidth>=t.offsetWidth;if(t.removeChild(r),i)return void t.setAttribute("data-unitone-layout","".concat(t.getAttribute("data-unitone-layout")," -force-switch"))}if([].slice.call(t.children).reverse().some((function(t){if(!["absolute","fixed"].includes(getComputedStyle(t).position)&&"none"!==getComputedStyle(t).display)return e=t,!0})),e){var o=!1;t.getBoundingClientRect().left>e.getBoundingClientRect().left&&(t.style.columnCount=2,o=!0),setTimeout((function(){var n=t.getBoundingClientRect().top+t.getBoundingClientRect().height,r=e.getBoundingClientRect().top+e.getBoundingClientRect().height;n!==r&&(t.parentNode.style.height="".concat(Math.ceil(r-t.getBoundingClientRect().top),"px"))}),o?250:0)}};exports.debounce=i,exports.dividersResizeObserver=function(t){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},o=0,a=new ResizeObserver(i((function(t){var e,r=n(t);try{for(r.s();!(e=r.n()).done;){var i,a=e.value,u=null===(i=a.borderBoxSize)||void 0===i?void 0:i[0].inlineSize;u!==o&&(l(a.target),o=u)}}catch(t){r.e(t)}finally{r.f()}}),250)),u=new MutationObserver((function(i){requestAnimationFrame((function(){var o,a=n(i);try{var u=function(){var n=o.value;if("attributes"===n.type&&"data-unitone-layout"===n.attributeName){var i,a,u,s,d=[].concat(e(null!==(i=null==r||null===(a=r.ignore)||void 0===a?void 0:a.layout)&&void 0!==i?i:[]),["-bol","-linewrap"]);(null!==(u=n.target.getAttribute(n.attributeName))&&void 0!==u?u:"").split(" ").filter((function(t){return!d.includes(t)})).join(" ")!==(null!==(s=n.oldValue)&&void 0!==s?s:"").split(" ").filter((function(t){return!d.includes(t)})).join(" ")&&l(t)}else if("attributes"===n.type&&"class"===n.attributeName){var c,v,f,p,y=e(null!==(c=null==r||null===(v=r.ignore)||void 0===v?void 0:v.className)&&void 0!==c?c:["unitone-empty"]);(null!==(f=n.target.getAttribute(n.attributeName))&&void 0!==f?f:"").split(" ").filter((function(t){return!y.includes(t)})).join(" ")!==(null!==(p=n.oldValue)&&void 0!==p?p:"").split(" ").filter((function(t){return!y.includes(t)})).join(" ")&&l(t)}else"attributes"===n.type&&"style"===n.attributeName&&l(t)};for(a.s();!(o=a.n()).done;)u()}catch(t){a.e(t)}finally{a.f()}}))}));return a.observe(t),u.observe(t,{attributes:!0,attributeFilter:["style","data-unitone-layout","class"],attributeOldValue:!0,subtree:!0,characterData:!0}),{resizeObserver:a,mutationObserver:u}},exports.fluidFontSizeResizeObserver=function(t){var e=0;new ResizeObserver(i((function(t){var r,i=n(t);try{for(i.s();!(r=i.n()).done;){var l,a=r.value,u=null===(l=a.borderBoxSize)||void 0===l?void 0:l[0].inlineSize;u!==e&&(o(a.target),e=u)}}catch(t){i.e(t)}finally{i.f()}}),250)).observe(t)},exports.setDividerLinewrap=l,exports.setStairsStep=a,exports.stairsResizeObserver=function(t){var e=0,r=new ResizeObserver(i((function(t){var r,i=n(t);try{for(i.s();!(r=i.n()).done;){var o,l=r.value,u=null===(o=l.borderBoxSize)||void 0===o?void 0:o[0].inlineSize;u!==e&&(a(l.target),e=u)}}catch(t){i.e(t)}finally{i.f()}}),250));return r.observe(t),r},exports.verticalsResizeObserver=function(t){var e=0;t.setAttribute("data-unitone-layout","".concat(t.getAttribute("data-unitone-layout")," -initialized"));var r=new ResizeObserver(i((function(t){var r,i=n(t);try{for(i.s();!(r=i.n()).done;){var o,l=r.value,a=null===(o=l.contentRect)||void 0===o?void 0:o.width;parseInt(a)!==parseInt(e)&&(e=a,l.target.parentNode.style.height="",u(l.target))}}catch(t){i.e(t)}finally{i.f()}}),250));r.observe(t);var o=new MutationObserver((function(e){requestAnimationFrame((function(){if(0<e.length){var n,r,i=e[0],o=null===(n=i.addedNodes)||void 0===n?void 0:n[0],l=null===(r=i.removedNodes)||void 0===r?void 0:r[0];if((null==o?void 0:o.nodeType)===Node.ELEMENT_NODE&&"vertical-writing__thresholder"===o.getAttribute("data-unitone-layout")||(null==l?void 0:l.nodeType)===Node.ELEMENT_NODE&&"vertical-writing__thresholder"===l.getAttribute("data-unitone-layout"))return;u(t)}}))}));return o.observe(t,{attributes:!0,attributeFilter:["style"],childList:!0,subtree:!0}),{resizeObserver:r,mutationObserver:o}};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@inc2734/unitone-css",
3
- "version": "0.68.3",
3
+ "version": "0.68.4",
4
4
  "description": "",
5
5
  "engines": {
6
6
  "node": ">=20.10.0",
package/src/layout-primitives/responsive-grid/_responsive-grid.scss CHANGED
@@ -130,6 +130,11 @@
130
130
  &[data-unitone-layout*="-stairs\:"] {
131
131
  align-items: start;
132
132
  padding-bottom: calc(var(--unitone--stairs-step-overflow-volume, 0)* 1px);
133
+ visibility: hidden;
134
+
135
+ &[style*="--unitone--stairs-step-overflow-volume:"] {
136
+ visibility: visible;
137
+ }
133
138
 
134
139
  > * {
135
140
  position: relative;
package/src/library.js CHANGED
@@ -188,7 +188,6 @@ export const setStairsStep = (target) => {
188
188
  child.style.removeProperty('--unitone--stairs-step');
189
189
  });
190
190
 
191
- const targetRect = target.getBoundingClientRect();
192
191
  const filteredChildren = [];
193
192
 
194
193
  let prevChild;
@@ -224,29 +223,13 @@ export const setStairsStep = (target) => {
224
223
 
225
224
  target.style.setProperty('--unitone--max-stairs-step', maxStairsStep);
226
225
 
227
- const { childrenHeight } = filteredChildren.reduce(
228
- (accumulator, current) => {
229
- const _childrenTop = !accumulator?.childrenTop
230
- ? current.getBoundingClientRect().top
231
- : Math.min(accumulator?.childrenTop, current.getBoundingClientRect().top);
226
+ const maxChildrenTop = filteredChildren.reduce((accumulator, current) => {
227
+ const computedStyle = current.ownerDocument.defaultView.getComputedStyle(current);
228
+ const top = parseFloat(computedStyle.getPropertyValue('top') ?? 0);
229
+ return isNaN(top) ? accumulator : accumulator > top ? accumulator : top;
230
+ }, 0);
232
231
 
233
- const _childrenHeight = current.getBoundingClientRect().bottom - _childrenTop;
234
-
235
- return {
236
- childrenTop: _childrenTop,
237
- childrenHeight: Math.max(accumulator?.childrenHeight, _childrenHeight),
238
- };
239
- },
240
- {
241
- childrenTop: filteredChildren?.[0]?.getBoundingClientRect()?.top,
242
- childrenHeight: filteredChildren?.[0]?.getBoundingClientRect()?.height,
243
- },
244
- );
245
-
246
- target.style.setProperty(
247
- '--unitone--stairs-step-overflow-volume',
248
- childrenHeight - targetRect.height,
249
- );
232
+ target.style.setProperty('--unitone--stairs-step-overflow-volume', maxChildrenTop);
250
233
  };
251
234
 
252
235
  export const stairsResizeObserver = (target) => {