@inc2734/unitone-css 0.62.6 → 0.63.2

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 (17) hide show
  1. package/dist/app.css +1 -1
  2. package/dist/index.js +1 -1
  3. package/package.json +9 -9
  4. package/src/layout-primitives/center/index.jsx +1 -1
  5. package/src/layout-primitives/container/index.jsx +1 -1
  6. package/src/layout-primitives/cover/index.jsx +8 -8
  7. package/src/layout-primitives/decorator/_decorator.scss +17 -0
  8. package/src/layout-primitives/decorator/index.jsx +34 -11
  9. package/src/layout-primitives/float/index.jsx +2 -2
  10. package/src/layout-primitives/frame/index.jsx +1 -1
  11. package/src/layout-primitives/layers/index.jsx +4 -4
  12. package/src/layout-primitives/reel/index.jsx +2 -2
  13. package/src/layout-primitives/responsive-grid/index.jsx +1 -1
  14. package/src/layout-primitives/switcher/index.jsx +1 -1
  15. package/src/layout-primitives/text/index.jsx +1 -1
  16. package/src/layout-primitives/vertical-writing/index.jsx +2 -2
  17. package/src/layout-primitives/with-sidebar/index.jsx +2 -2
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;max-width:100%;width:-moz-fit-content;width:fit-content}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--position:static;--unitone--top:initial;--unitone--right:initial;--unitone--bottom:initial;--unitone--left:initial;--unitone--z-index:initial;--unitone--overflow:visible;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){[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){[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~=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){[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}[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;max-width:100%;width:-moz-fit-content;width:fit-content}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--position:static;--unitone--top:initial;--unitone--right:initial;--unitone--bottom:initial;--unitone--left:initial;--unitone--z-index:initial;--unitone--overflow:visible;--unitone--backdrop-filter-blur:0px;--unitone--backdrop-filter-brightness:100%;--unitone--backdrop-filter-contrast:100%;--unitone--backdrop-filter-grayscale:0%;--unitone--backdrop-filter-hue-rotate:0deg;--unitone--backdrop-filter-invert:0%;--unitone--backdrop-filter-saturate:100%;--unitone--backdrop-filter-sepia:0%;-webkit-backdrop-filter:blur(var(--unitone--backdrop-filter-blur)) brightness(var(--unitone--backdrop-filter-brightness)) contrast(var(--unitone--backdrop-filter-contrast)) grayscale(var(--unitone--backdrop-filter-grayscale)) hue-rotate(var(--unitone--backdrop-filter-hue-rotate)) invert(var(--unitone--backdrop-filter-invert)) sepia(var(--unitone--backdrop-filter-sepia)) saturate(var(--unitone--backdrop-filter-saturate));backdrop-filter:blur(var(--unitone--backdrop-filter-blur)) brightness(var(--unitone--backdrop-filter-brightness)) contrast(var(--unitone--backdrop-filter-contrast)) grayscale(var(--unitone--backdrop-filter-grayscale)) hue-rotate(var(--unitone--backdrop-filter-hue-rotate)) invert(var(--unitone--backdrop-filter-invert)) sepia(var(--unitone--backdrop-filter-sepia)) saturate(var(--unitone--backdrop-filter-saturate));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){[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){[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~=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){[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}[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/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";var t=require("react");function e(){return e=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},e.apply(this,arguments)}function r(t){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r(t)}function n(t){var e=function(t,e){if("object"!=r(t)||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var o=n.call(t,e||"default");if("object"!=r(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==r(e)?e:e+""}function o(t,e,r){return(e=n(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function i(t,e){if(null==t)return{};var r,n,o=function(t,e){if(null==t)return{};var r,n,o={},i=Object.keys(t);for(n=0;n<i.length;n++)r=i[n],e.indexOf(r)>=0||(o[r]=t[r]);return o}(t,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(n=0;n<i.length;n++)r=i[n],e.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}var c=["gap","columnGap","rowGap","alignItems","style"];function l(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}var a=["intrinsic","withText","gutters","maxWidth","style"];function u(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function p(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?u(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var s=["alignItems","divider","gap","columnGap","rowGap","justifyContent","tagName","style"],d=["align","gutters","maxWidth","text","style"];function y(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function v(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?y(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):y(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var O=["gap","minHeight","justifyContent","padding","noPadding","style"],b=["valign","position","top","right","bottom","left","zIndex","tagName","style"];function f(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function g(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?f(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):f(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var j=["backgroundColor","borderColor","borderRadius","borderWidth","maxHeight","color","padding","shadow","position","top","right","bottom","left","zIndex","overflow","style"];function h(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function m(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?h(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):h(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var w=["gap","minWidth","minMeasure","position","style"];function P(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function D(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?P(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):P(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var x=["ratio","switchRatio","style"];function E(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function S(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?E(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):E(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var B=["padding","style"],W=["cover","fill","applyBlur","blur","portrait","gap","minHeight","columns","rows","style"];function k(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function G(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?k(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):k(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var C=["gap","height","itemWidth","noBar","style"];function I(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function H(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?I(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):I(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var M=["columnMinWidth","gap","autoRepeat","divider","stairs","stairsUp","style"];function R(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function z(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?R(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):R(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var N=["center","divider","gap","negative","revert","style"];function T(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}var F=["gap","columnGap","rowGap","limit","revert","threshold","alignItems","style"];function U(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function _(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?U(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):U(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var q=["center","column","applyGap","gap","gutters","maxWidth","style"];function L(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function V(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?L(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):L(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var A=["textOrientation","gap","maxHeight","switchWritingMode","threshold","style"];function J(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function K(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?J(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):J(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var Q=["gap","columnGap","rowGap","contentMinWidth","revert","sidebar","sidebarWidth","alignItems","style"];function X(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function Y(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?X(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):X(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}exports.BothSides=function(r){var n=r.gap,a=r.columnGap,u=r.rowGap,p=r.alignItems,s=r.style,d=i(r,c);return s=function(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?l(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):l(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}({},s),t.createElement("div",e({"data-unitone-layout":["both-sides",""!==(null!=n?n:"")?"-gap:".concat(n):void 0,""!==(null!=a?a:"")?"-column-gap:".concat(a):void 0,""!==(null!=u?u:"")?"-row-gap:".concat(u):void 0,""!==(null!=p?p:"")?"-align-items:".concat(p):void 0].filter(Boolean).join(" "),style:s},d),d.children)},exports.Center=function(r){r.intrinsic;var n=r.withText,o=r.gutters,c=r.maxWidth,l=r.style,u=i(r,a);return l=p(p({},l),{},{"--unitone--max-width":""!==(null!=c?c:"")?c:void 0}),t.createElement("div",e({"data-unitone-layout":["center",!0===n?"-with-text":void 0,""!==(null!=o?o:"")?"-gutters:".concat(o):void 0].filter(Boolean).join(" "),style:l},u),u.children)},exports.Cluster=function(r){var n=r.alignItems,o=r.divider,c=r.gap,l=r.columnGap,a=r.rowGap,u=r.justifyContent,p=r.tagName,d=void 0===p?"div":p,y=r.style,v=i(r,s),O=d;return t.createElement(O,e({"data-unitone-layout":["cluster",""!==(null!=o?o:"")?"-divider:".concat(o):void 0,""!==(null!=c?c:"")?"-gap:".concat(c):void 0,""!==(null!=l?l:"")?"-column-gap:".concat(l):void 0,""!==(null!=a?a:"")?"-row-gap:".concat(a):void 0,""!==(null!=n?n:"")?"-align-items:".concat(n):void 0,""!==(null!=u?u:"")?"-justify-content:".concat(u):void 0].filter(Boolean).join(" "),style:y},v),v.children)},exports.Container=function(r){var n=r.align,o=r.gutters,c=r.maxWidth;r.text;var l=r.style,a=i(r,d);return l=v(v({},l),{},{"--unitone--max-width":c||void 0}),t.createElement("div",e({"data-unitone-layout":["container",""!==(null!=n?n:"")?"-align:".concat(n):void 0,""!==(null!=o?o:"")?"-gutters:".concat(o):void 0].filter(Boolean).join(" "),style:l},a),a.children)},exports.Cover=function(e){var r=e.gap,n=e.minHeight;e.justifyContent;var o=e.padding,c=e.noPadding,l=e.style,a=i(e,O);return l=g(g({},l),{},{"--unitone--min-height":n||void 0}),t.createElement("div",{"data-unitone-layout":["cover",c?"-no-padding":void 0,""!==(null!=r?r:"")?"-gap:".concat(r):void 0,""!==(null!=o?o:"")?"-padding:".concat(o):void 0].filter(Boolean).join(" "),style:l},a.children)},exports.CoverContent=function(r){var n=r.valign,o=r.position,c=r.top,l=r.right,a=r.bottom,u=r.left,p=r.zIndex,s=r.tagName,d=void 0===s?"div":s,y=r.style,v=i(r,b),O=d;return y=g(g({},y),{},{"--unitone--top":void 0!==c?c:void 0,"--unitone--right":void 0!==l?l:void 0,"--unitone--bottom":void 0!==a?a:void 0,"--unitone--left":void 0!==u?u:void 0,"--unitone--z-index":void 0!==p?p:void 0}),t.createElement(O,e({"data-unitone-layout":["cover__content",void 0!==n?"-valign:".concat(n):void 0,void 0!==o?"-position:".concat(o):void 0].filter(Boolean).join(" "),style:y},v),v.children)},exports.Decorator=function(r){var n=r.backgroundColor,o=r.borderColor,c=r.borderRadius,l=r.borderWidth,a=r.maxHeight,u=r.color,p=r.padding,s=r.shadow,d=r.position,y=r.top,v=r.right,O=r.bottom,b=r.left,f=r.zIndex,g=r.overflow,h=r.style,w=i(r,j);return h=m(m({},h),{},{"--unitone--background-color":""!==(null!=n?n:"")?n:void 0,"--unitone--border-color":""!==(null!=o?o:"")?o:void 0,"--unitone--border-radius":""!==(null!=c?c:"")?c:void 0,"--unitone--border-width":""!==(null!=l?l:"")?l:void 0,"--unitone--max-height":""!==(null!=a?a:"")?a:void 0,"--unitone--color":""!==(null!=u?u:"")?u:void 0,"--unitone--top":""!==(null!=y?y:"")?y:void 0,"--unitone--right":""!==(null!=v?v:"")?v:void 0,"--unitone--bottom":""!==(null!=O?O:"")?O:void 0,"--unitone--left":""!==(null!=b?b:"")?b:void 0,"--unitone--z-index":""!==(null!=f?f:"")?f:void 0}),t.createElement("div",e({"data-unitone-layout":["decorator",""!==(null!=p?p:"")?"-padding:".concat(p):void 0,s?"-shadow":void 0,""!==(null!=d?d:"")?"-position:".concat(d):void 0,""!==(null!=g?g:"")?"-overflow:".concat(g):void 0].filter(Boolean).join(" "),style:h},w),w.children)},exports.Float=function(r){var n=r.gap,o=r.minWidth,c=r.minMeasure,l=r.position,a=r.style,u=i(r,w);return a=D(D({},a),{},{"--unitone--min-width":o||void 0,"--unitone--min-measure":c||void 0}),t.createElement("div",e({"data-unitone-layout":["float",""!==(null!=l?l:"")?"-position:".concat(l):void 0,""!==(null!=n?n:"")?"-gap:".concat(n):void 0].filter(Boolean).join(" "),style:a},u),u.children)},exports.Frame=function(r){var n=r.ratio,o=r.switchRatio,c=r.style,l=i(r,x);return c=S(S({},c),{},{"--unitone--ratio":n||void 0}),t.createElement("div",e({"data-unitone-layout":["frame",o?"-switch":void 0].filter(Boolean).join(" "),style:c},l),l.children)},exports.Gutters=function(r){var n=r.padding,o=r.style,c=i(r,B);return t.createElement("div",e({"data-unitone-layout":["gutters",""!==(null!=n?n:"")?"-padding:".concat(n):void 0].filter(Boolean).join(" "),style:o},c),c.children)},exports.Layers=function(r){var n=r.cover,o=r.fill,c=r.applyBlur,l=r.blur,a=r.portrait,u=r.gap,p=r.minHeight,s=r.columns,d=r.rows,y=r.style,v=i(r,W);return y=G(G({},y),{},{"--unitone--min-height":""!==(null!=p?p:"")?p:void 0,"--unitone--columns":""!==(null!=s?s:"")?s:void 0,"--unitone--rows":""!==(null!=d?d:"")?d:void 0,"--unitone--blur":""!==(null!=l?l:"")?l:void 0}),t.createElement("div",e({"data-unitone-layout":["layers",""!==(null!=u?u:"")?"-gap:".concat(u):void 0,n?"-cover":void 0,o?"-fill":void 0,c?"-blur":void 0,a?"-portrait":void 0].filter(Boolean).join(" "),style:y},v),v.children)},exports.Reel=function(r){var n=r.gap,o=r.height,c=r.itemWidth,l=r.noBar,a=r.style,u=i(r,C);return a=H(H({},a),{},{"--unitone--height":""!==(null!=o?o:"")?o:void 0,"--unitone--item-width":""!==(null!=c?c:"")?c:void 0}),t.createElement("div",e({"data-unitone-layout":["reel",""!==(null!=n?n:"")?"-gap:".concat(n):void 0,l?"-no-bar":void 0].filter(Boolean).join(" "),style:a},u),u.children)},exports.ResponsiveGrid=function(r){var n=r.columnMinWidth,o=r.gap,c=r.autoRepeat,l=r.divider,a=r.stairs,u=r.stairsUp,p=r.style,s=i(r,M);return p=z(z({},p),{},{"--unitone--column-min-width":n||void 0}),t.createElement("div",e({"data-unitone-layout":["responsive-grid",""!==(null!=o?o:"")?"-gap:".concat(o):void 0,""!==(null!=c?c:"")?"-auto-repeat:".concat(c):void 0,""!==(null!=l?l:"")?"-divider:".concat(l):void 0,""!==(null!=a?a:"")?"-stairs:".concat(a):void 0,""!==(null!=u?u:"")?"-stairs-up:".concat(u):void 0].filter(Boolean).join(" "),style:p},s),s.children)},exports.Stack=function(r){r.center;var n=r.divider,c=r.gap,l=r.negative,a=r.revert,u=r.style,p=i(r,N);return u=function(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?T(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):T(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}({},u),t.createElement("div",e({"data-unitone-layout":["stack",a?"-revert":void 0,""!==(null!=n?n:"")?"-divider:".concat(n):void 0,""!==(null!=c?c:"")?"-gap:".concat(c):void 0,l?"-negative":void 0].filter(Boolean).join(" "),style:u},p),p.children)},exports.Switcher=function(r){var n=r.gap,o=r.columnGap,c=r.rowGap;r.limit;var l=r.revert,a=r.threshold,u=r.alignItems,p=r.style,s=i(r,F);return p=_(_({},p),{},{"--unitone--threshold":a||void 0}),t.createElement("div",e({"data-unitone-layout":["switcher",l?"-revert":void 0,""!==(null!=n?n:"")?"-gap:".concat(n):void 0,""!==(null!=o?o:"")?"-column-gap:".concat(o):void 0,""!==(null!=c?c:"")?"-row-gap:".concat(c):void 0,""!==(null!=u?u:"")?"-align-items:".concat(u):void 0].filter(Boolean).join(" "),style:p},s),s.children)},exports.Text=function(r){var n=r.center,o=r.column,c=r.applyGap,l=r.gap,a=r.gutters,u=r.maxWidth,p=r.style,s=i(r,q);return p=V(V({},p),{},{"--unitone--max-width":u||void 0}),t.createElement("div",e({"data-unitone-layout":["text",n?"-center":void 0,o?"-column":void 0,c?"-gap":void 0,""!==(null!=l?l:"")?"-gap:".concat(l):void 0,""!==(null!=a?a:"")?"-gutters:".concat(a):void 0].filter(Boolean).join(" "),style:p},s),s.children)},exports.VerticalWriting=function(r){var n=r.textOrientation,o=r.gap,c=r.maxHeight,l=r.switchWritingMode,a=r.threshold,u=r.style,p=i(r,A);return u=K(K({},u),{},{"--unitone--max-height":""!==(null!=c?c:"")?c:void 0,"--unitone--threshold":""!==(null!=a?a:"")?a:void 0}),t.createElement("div",null,t.createElement("div",e({"data-unitone-layout":["vertical-writing",""!==(null!=n?n:"")?"-text-orientation:".concat(n):void 0,""!==(null!=o?o:"")?"-gap:".concat(o):void 0,l?"-switch":void 0].filter(Boolean).join(" "),style:u},p),p.children))},exports.WithSidebar=function(r){var n=r.gap,o=r.columnGap,c=r.rowGap,l=r.contentMinWidth,a=r.revert,u=r.sidebar,p=r.sidebarWidth,s=r.alignItems,d=r.style,y=i(r,Q);return d=Y(Y({},d),{},{"--unitone--sidebar-width":""!==(null!=p?p:"")?p:void 0,"--unitone--content-min-width":""!==(null!=l?l:"")?l:void 0}),t.createElement("div",e({"data-unitone-layout":["with-sidebar",a?"-revert":void 0,""!==(null!=n?n:"")?"-gap:".concat(n):void 0,""!==(null!=o?o:"")?"-column-gap:".concat(o):void 0,""!==(null!=c?c:"")?"-row-gap:".concat(c):void 0,""!==(null!=u?u:"")?"-sidebar:".concat(u):void 0,""!==(null!=s?s:"")?"-align-items:".concat(s):void 0].filter(Boolean).join(" "),style:d},y),y.children)};
1
+ "use strict";var t=require("react");function e(){return e=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},e.apply(this,arguments)}function r(t){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r(t)}function n(t){var e=function(t,e){if("object"!=r(t)||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var o=n.call(t,e||"default");if("object"!=r(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==r(e)?e:e+""}function o(t,e,r){return(e=n(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function i(t,e){if(null==t)return{};var r,n,o=function(t,e){if(null==t)return{};var r,n,o={},i=Object.keys(t);for(n=0;n<i.length;n++)r=i[n],e.indexOf(r)>=0||(o[r]=t[r]);return o}(t,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(n=0;n<i.length;n++)r=i[n],e.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}var c=["gap","columnGap","rowGap","alignItems","style"];function a(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}var l=["intrinsic","withText","gutters","maxWidth","style"];function u(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function p(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?u(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var s=["alignItems","divider","gap","columnGap","rowGap","justifyContent","tagName","style"],d=["align","gutters","maxWidth","text","style"];function b(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function v(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?b(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):b(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var y=["gap","minHeight","justifyContent","padding","noPadding","style"],f=["valign","position","top","right","bottom","left","zIndex","tagName","style"];function O(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function g(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?O(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):O(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var j=["backgroundColor","borderColor","borderRadius","borderWidth","maxHeight","color","padding","shadow","position","top","right","bottom","left","zIndex","overflow","backdropFilterBlur","backdropFilterBrightness","backdropFilterContrast","backdropFilterGrayscale","backdropFilterHueRotate","backdropFilterInvert","backdropFilterSepia","backdropFilterSatuation","style"];function h(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function m(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?h(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):h(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var w=["gap","minWidth","minMeasure","position","style"];function P(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function D(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?P(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):P(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var x=["ratio","switchRatio","style"];function E(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function S(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?E(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):E(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var k=["padding","style"],B=["cover","fill","applyBlur","blur","portrait","gap","minHeight","columns","rows","style"];function G(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function W(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?G(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):G(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var F=["gap","height","itemWidth","noBar","style"];function C(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function I(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?C(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):C(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var H=["columnMinWidth","gap","autoRepeat","divider","stairs","stairsUp","style"];function R(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function M(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?R(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):R(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var z=["center","divider","gap","negative","revert","style"];function N(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}var T=["gap","columnGap","rowGap","limit","revert","threshold","alignItems","style"];function U(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function _(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?U(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):U(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var q=["center","column","applyGap","gap","gutters","maxWidth","style"];function L(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function V(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?L(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):L(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var A=["textOrientation","gap","maxHeight","switchWritingMode","threshold","style"];function J(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function K(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?J(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):J(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var Q=["gap","columnGap","rowGap","contentMinWidth","revert","sidebar","sidebarWidth","alignItems","style"];function X(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function Y(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?X(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):X(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}exports.BothSides=function(r){var n=r.gap,l=r.columnGap,u=r.rowGap,p=r.alignItems,s=r.style,d=i(r,c);return s=function(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?a(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):a(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}({},s),t.createElement("div",e({"data-unitone-layout":["both-sides",""!==(null!=n?n:"")?"-gap:".concat(n):void 0,""!==(null!=l?l:"")?"-column-gap:".concat(l):void 0,""!==(null!=u?u:"")?"-row-gap:".concat(u):void 0,""!==(null!=p?p:"")?"-align-items:".concat(p):void 0].filter(Boolean).join(" "),style:s},d),d.children)},exports.Center=function(r){r.intrinsic;var n=r.withText,o=r.gutters,c=r.maxWidth,a=r.style,u=i(r,l);return a=p(p({},a),{},{"--unitone--max-width":""!==c?c:void 0}),t.createElement("div",e({"data-unitone-layout":["center",!0===n?"-with-text":void 0,""!==(null!=o?o:"")?"-gutters:".concat(o):void 0].filter(Boolean).join(" "),style:a},u),u.children)},exports.Cluster=function(r){var n=r.alignItems,o=r.divider,c=r.gap,a=r.columnGap,l=r.rowGap,u=r.justifyContent,p=r.tagName,d=void 0===p?"div":p,b=r.style,v=i(r,s),y=d;return t.createElement(y,e({"data-unitone-layout":["cluster",""!==(null!=o?o:"")?"-divider:".concat(o):void 0,""!==(null!=c?c:"")?"-gap:".concat(c):void 0,""!==(null!=a?a:"")?"-column-gap:".concat(a):void 0,""!==(null!=l?l:"")?"-row-gap:".concat(l):void 0,""!==(null!=n?n:"")?"-align-items:".concat(n):void 0,""!==(null!=u?u:"")?"-justify-content:".concat(u):void 0].filter(Boolean).join(" "),style:b},v),v.children)},exports.Container=function(r){var n=r.align,o=r.gutters,c=r.maxWidth;r.text;var a=r.style,l=i(r,d);return a=v(v({},a),{},{"--unitone--max-width":""!==c?c:void 0}),t.createElement("div",e({"data-unitone-layout":["container",""!==(null!=n?n:"")?"-align:".concat(n):void 0,""!==(null!=o?o:"")?"-gutters:".concat(o):void 0].filter(Boolean).join(" "),style:a},l),l.children)},exports.Cover=function(e){var r=e.gap,n=e.minHeight;e.justifyContent;var o=e.padding,c=e.noPadding,a=e.style,l=i(e,y);return a=g(g({},a),{},{"--unitone--min-height":""!==n?n:void 0}),t.createElement("div",{"data-unitone-layout":["cover",c?"-no-padding":void 0,""!==(null!=r?r:"")?"-gap:".concat(r):void 0,""!==(null!=o?o:"")?"-padding:".concat(o):void 0].filter(Boolean).join(" "),style:a},l.children)},exports.CoverContent=function(r){var n=r.valign,o=r.position,c=r.top,a=r.right,l=r.bottom,u=r.left,p=r.zIndex,s=r.tagName,d=void 0===s?"div":s,b=r.style,v=i(r,f),y=d;return b=g(g({},b),{},{"--unitone--top":""!==c?c:void 0,"--unitone--right":""!==a?a:void 0,"--unitone--bottom":""!==l?l:void 0,"--unitone--left":""!==u?u:void 0,"--unitone--z-index":""!==p?p:void 0}),t.createElement(y,e({"data-unitone-layout":["cover__content",""!==(null!=n?n:"")?"-valign:".concat(n):void 0,""!==(null!=o?o:"")?"-position:".concat(o):void 0].filter(Boolean).join(" "),style:b},v),v.children)},exports.Decorator=function(r){var n=r.backgroundColor,o=r.borderColor,c=r.borderRadius,a=r.borderWidth,l=r.maxHeight,u=r.color,p=r.padding,s=r.shadow,d=r.position,b=r.top,v=r.right,y=r.bottom,f=r.left,O=r.zIndex,g=r.overflow,h=r.backdropFilterBlur,w=r.backdropFilterBrightness,P=r.backdropFilterContrast,D=r.backdropFilterGrayscale,x=r.backdropFilterHueRotate,E=r.backdropFilterInvert,S=r.backdropFilterSepia,k=r.backdropFilterSatuation,B=r.style,G=i(r,j);return B=m(m({},B),{},{"--unitone--background-color":""!==n?n:void 0,"--unitone--border-color":""!==o?o:void 0,"--unitone--border-radius":""!==c?c:void 0,"--unitone--border-width":""!==a?a:void 0,"--unitone--max-height":""!==l?l:void 0,"--unitone--color":""!==u?u:void 0,"--unitone--top":""!==b?b:void 0,"--unitone--right":""!==v?v:void 0,"--unitone--bottom":""!==y?y:void 0,"--unitone--left":""!==f?f:void 0,"--unitone--z-index":""!==O?O:void 0,"--unitone--backdrop-filter-blur":""!==h?h:void 0,"--unitone--backdrop-filter-brightness":""!==w?w:void 0,"--unitone--backdrop-filter-contrast":""!==P?P:void 0,"--unitone--backdrop-filter-grayscale":""!==D?D:void 0,"--unitone--backdrop-filter-hue-rotate":""!==x?x:void 0,"--unitone--backdrop-filter-invert":""!==E?E:void 0,"--unitone--backdrop-filter-sepia":""!==S?S:void 0,"--unitone--backdrop-filter-saturate":""!==k?k:void 0}),t.createElement("div",e({"data-unitone-layout":["decorator",""!==(null!=p?p:"")?"-padding:".concat(p):void 0,s?"-shadow":void 0,""!==(null!=d?d:"")?"-position:".concat(d):void 0,""!==(null!=g?g:"")?"-overflow:".concat(g):void 0].filter(Boolean).join(" "),style:B},G),G.children)},exports.Float=function(r){var n=r.gap,o=r.minWidth,c=r.minMeasure,a=r.position,l=r.style,u=i(r,w);return l=D(D({},l),{},{"--unitone--min-width":""!==o?o:void 0,"--unitone--min-measure":""!==c?c:void 0}),t.createElement("div",e({"data-unitone-layout":["float",""!==(null!=a?a:"")?"-position:".concat(a):void 0,""!==(null!=n?n:"")?"-gap:".concat(n):void 0].filter(Boolean).join(" "),style:l},u),u.children)},exports.Frame=function(r){var n=r.ratio,o=r.switchRatio,c=r.style,a=i(r,x);return c=S(S({},c),{},{"--unitone--ratio":""!==n?n:void 0}),t.createElement("div",e({"data-unitone-layout":["frame",o?"-switch":void 0].filter(Boolean).join(" "),style:c},a),a.children)},exports.Gutters=function(r){var n=r.padding,o=r.style,c=i(r,k);return t.createElement("div",e({"data-unitone-layout":["gutters",""!==(null!=n?n:"")?"-padding:".concat(n):void 0].filter(Boolean).join(" "),style:o},c),c.children)},exports.Layers=function(r){var n=r.cover,o=r.fill,c=r.applyBlur,a=r.blur,l=r.portrait,u=r.gap,p=r.minHeight,s=r.columns,d=r.rows,b=r.style,v=i(r,B);return b=W(W({},b),{},{"--unitone--min-height":""!==p?p:void 0,"--unitone--columns":""!==s?s:void 0,"--unitone--rows":""!==d?d:void 0,"--unitone--blur":""!==a?a:void 0}),t.createElement("div",e({"data-unitone-layout":["layers",""!==(null!=u?u:"")?"-gap:".concat(u):void 0,n?"-cover":void 0,o?"-fill":void 0,c?"-blur":void 0,l?"-portrait":void 0].filter(Boolean).join(" "),style:b},v),v.children)},exports.Reel=function(r){var n=r.gap,o=r.height,c=r.itemWidth,a=r.noBar,l=r.style,u=i(r,F);return l=I(I({},l),{},{"--unitone--height":""!==o?o:void 0,"--unitone--item-width":""!==c?c:void 0}),t.createElement("div",e({"data-unitone-layout":["reel",""!==(null!=n?n:"")?"-gap:".concat(n):void 0,a?"-no-bar":void 0].filter(Boolean).join(" "),style:l},u),u.children)},exports.ResponsiveGrid=function(r){var n=r.columnMinWidth,o=r.gap,c=r.autoRepeat,a=r.divider,l=r.stairs,u=r.stairsUp,p=r.style,s=i(r,H);return p=M(M({},p),{},{"--unitone--column-min-width":""!==n?n:void 0}),t.createElement("div",e({"data-unitone-layout":["responsive-grid",""!==(null!=o?o:"")?"-gap:".concat(o):void 0,""!==(null!=c?c:"")?"-auto-repeat:".concat(c):void 0,""!==(null!=a?a:"")?"-divider:".concat(a):void 0,""!==(null!=l?l:"")?"-stairs:".concat(l):void 0,""!==(null!=u?u:"")?"-stairs-up:".concat(u):void 0].filter(Boolean).join(" "),style:p},s),s.children)},exports.Stack=function(r){r.center;var n=r.divider,c=r.gap,a=r.negative,l=r.revert,u=r.style,p=i(r,z);return u=function(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?N(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):N(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}({},u),t.createElement("div",e({"data-unitone-layout":["stack",l?"-revert":void 0,""!==(null!=n?n:"")?"-divider:".concat(n):void 0,""!==(null!=c?c:"")?"-gap:".concat(c):void 0,a?"-negative":void 0].filter(Boolean).join(" "),style:u},p),p.children)},exports.Switcher=function(r){var n=r.gap,o=r.columnGap,c=r.rowGap;r.limit;var a=r.revert,l=r.threshold,u=r.alignItems,p=r.style,s=i(r,T);return p=_(_({},p),{},{"--unitone--threshold":""!==l?l:void 0}),t.createElement("div",e({"data-unitone-layout":["switcher",a?"-revert":void 0,""!==(null!=n?n:"")?"-gap:".concat(n):void 0,""!==(null!=o?o:"")?"-column-gap:".concat(o):void 0,""!==(null!=c?c:"")?"-row-gap:".concat(c):void 0,""!==(null!=u?u:"")?"-align-items:".concat(u):void 0].filter(Boolean).join(" "),style:p},s),s.children)},exports.Text=function(r){var n=r.center,o=r.column,c=r.applyGap,a=r.gap,l=r.gutters,u=r.maxWidth,p=r.style,s=i(r,q);return p=V(V({},p),{},{"--unitone--max-width":""!==u?u:void 0}),t.createElement("div",e({"data-unitone-layout":["text",n?"-center":void 0,o?"-column":void 0,c?"-gap":void 0,""!==(null!=a?a:"")?"-gap:".concat(a):void 0,""!==(null!=l?l:"")?"-gutters:".concat(l):void 0].filter(Boolean).join(" "),style:p},s),s.children)},exports.VerticalWriting=function(r){var n=r.textOrientation,o=r.gap,c=r.maxHeight,a=r.switchWritingMode,l=r.threshold,u=r.style,p=i(r,A);return u=K(K({},u),{},{"--unitone--max-height":""!==c?c:void 0,"--unitone--threshold":""!==l?l:void 0}),t.createElement("div",null,t.createElement("div",e({"data-unitone-layout":["vertical-writing",""!==(null!=n?n:"")?"-text-orientation:".concat(n):void 0,""!==(null!=o?o:"")?"-gap:".concat(o):void 0,a?"-switch":void 0].filter(Boolean).join(" "),style:u},p),p.children))},exports.WithSidebar=function(r){var n=r.gap,o=r.columnGap,c=r.rowGap,a=r.contentMinWidth,l=r.revert,u=r.sidebar,p=r.sidebarWidth,s=r.alignItems,d=r.style,b=i(r,Q);return d=Y(Y({},d),{},{"--unitone--sidebar-width":""!==p?p:void 0,"--unitone--content-min-width":""!==a?a:void 0}),t.createElement("div",e({"data-unitone-layout":["with-sidebar",l?"-revert":void 0,""!==(null!=n?n:"")?"-gap:".concat(n):void 0,""!==(null!=o?o:"")?"-column-gap:".concat(o):void 0,""!==(null!=c?c:"")?"-row-gap:".concat(c):void 0,""!==(null!=u?u:"")?"-sidebar:".concat(u):void 0,""!==(null!=s?s:"")?"-align-items:".concat(s):void 0].filter(Boolean).join(" "),style:d},b),b.children)};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@inc2734/unitone-css",
3
- "version": "0.62.6",
3
+ "version": "0.63.2",
4
4
  "description": "",
5
5
  "engines": {
6
6
  "node": ">=20.10.0",
@@ -44,25 +44,25 @@
44
44
  "@babel/core": "^7.26.0",
45
45
  "@babel/plugin-transform-runtime": "^7.25.9",
46
46
  "@babel/preset-env": "^7.26.0",
47
- "@babel/preset-react": "^7.25.9",
47
+ "@babel/preset-react": "^7.26.3",
48
48
  "@rollup/plugin-babel": "^6.0.4",
49
- "@rollup/plugin-commonjs": "^28.0.1",
50
- "@rollup/plugin-node-resolve": "^15.3.0",
49
+ "@rollup/plugin-commonjs": "^28.0.2",
50
+ "@rollup/plugin-node-resolve": "^16.0.0",
51
51
  "@rollup/plugin-terser": "^0.4.4",
52
52
  "autoprefixer": "^10.4.20",
53
53
  "babel-loader": "^9.2.1",
54
54
  "cssnano": "^7.0.6",
55
55
  "npm-run-all": "^4.1.5",
56
- "postcss": "^8.4.48",
56
+ "postcss": "^8.5.1",
57
57
  "postcss-cli": "^11.0.0",
58
58
  "postcss-import": "^16.1.0",
59
- "react": "^18.3.1",
60
- "react-dom": "^18.3.1",
59
+ "react": "^19.0.0",
60
+ "react-dom": "^19.0.0",
61
61
  "react-syntax-highlighter": "^15.6.1",
62
62
  "remark-gfm": "^4.0.0",
63
63
  "rimraf": "^6.0.1",
64
- "rollup": "^4.25.0",
65
- "sass": "^1.80.6"
64
+ "rollup": "^4.31.0",
65
+ "sass": "^1.83.4"
66
66
  },
67
67
  "workspaces": [
68
68
  "website"
package/src/layout-primitives/center/index.jsx CHANGED
@@ -3,7 +3,7 @@ import React from 'react';
3
3
  export const Center = ({ intrinsic, withText, gutters, maxWidth, style, ...props }) => {
4
4
  style = {
5
5
  ...style,
6
- '--unitone--max-width': '' !== (maxWidth ?? '') ? maxWidth : undefined,
6
+ '--unitone--max-width': '' !== maxWidth ? maxWidth : undefined,
7
7
  };
8
8
 
9
9
  return (
package/src/layout-primitives/container/index.jsx CHANGED
@@ -3,7 +3,7 @@ import React from 'react';
3
3
  export const Container = ({ align, gutters, maxWidth, text, style, ...props }) => {
4
4
  style = {
5
5
  ...style,
6
- '--unitone--max-width': !!maxWidth ? maxWidth : undefined,
6
+ '--unitone--max-width': '' !== maxWidth ? maxWidth : undefined,
7
7
  };
8
8
 
9
9
  return (
package/src/layout-primitives/cover/index.jsx CHANGED
@@ -3,7 +3,7 @@ import React from 'react';
3
3
  export const Cover = ({ gap, minHeight, justifyContent, padding, noPadding, style, ...props }) => {
4
4
  style = {
5
5
  ...style,
6
- '--unitone--min-height': !!minHeight ? minHeight : undefined,
6
+ '--unitone--min-height': '' !== minHeight ? minHeight : undefined,
7
7
  };
8
8
 
9
9
  return (
@@ -39,19 +39,19 @@ export const CoverContent = ({
39
39
 
40
40
  style = {
41
41
  ...style,
42
- '--unitone--top': 'undefined' !== typeof top ? top : undefined,
43
- '--unitone--right': 'undefined' !== typeof right ? right : undefined,
44
- '--unitone--bottom': 'undefined' !== typeof bottom ? bottom : undefined,
45
- '--unitone--left': 'undefined' !== typeof left ? left : undefined,
46
- '--unitone--z-index': 'undefined' !== typeof zIndex ? zIndex : undefined,
42
+ '--unitone--top': '' !== top ? top : undefined,
43
+ '--unitone--right': '' !== right ? right : undefined,
44
+ '--unitone--bottom': '' !== bottom ? bottom : undefined,
45
+ '--unitone--left': '' !== left ? left : undefined,
46
+ '--unitone--z-index': '' !== zIndex ? zIndex : undefined,
47
47
  };
48
48
 
49
49
  return (
50
50
  <Tag
51
51
  data-unitone-layout={[
52
52
  'cover__content',
53
- 'undefined' !== typeof valign ? `-valign:${valign}` : undefined,
54
- 'undefined' !== typeof position ? `-position:${position}` : undefined,
53
+ '' !== (valign ?? '') ? `-valign:${valign}` : undefined,
54
+ '' !== (position ?? '') ? `-position:${position}` : undefined,
55
55
  ]
56
56
  .filter(Boolean)
57
57
  .join(' ')}
package/src/layout-primitives/decorator/_decorator.scss CHANGED
@@ -14,6 +14,14 @@
14
14
  --unitone--left: initial;
15
15
  --unitone--z-index: initial;
16
16
  --unitone--overflow: visible;
17
+ --unitone--backdrop-filter-blur: 0px;
18
+ --unitone--backdrop-filter-brightness: 100%;
19
+ --unitone--backdrop-filter-contrast: 100%;
20
+ --unitone--backdrop-filter-grayscale: 0%;
21
+ --unitone--backdrop-filter-hue-rotate: 0deg;
22
+ --unitone--backdrop-filter-invert: 0%;
23
+ --unitone--backdrop-filter-saturate: 100%;
24
+ --unitone--backdrop-filter-sepia: 0%;
17
25
 
18
26
  padding: var(--unitone--padding);
19
27
  border: var(--unitone--border-width) solid var(--unitone--border-color);
@@ -30,6 +38,15 @@
30
38
  z-index: var(--unitone--z-index);
31
39
  overflow: var(--unitone--overflow);
32
40
 
41
+ backdrop-filter: blur(var(--unitone--backdrop-filter-blur))
42
+ brightness(var(--unitone--backdrop-filter-brightness))
43
+ contrast(var(--unitone--backdrop-filter-contrast))
44
+ grayscale(var(--unitone--backdrop-filter-grayscale))
45
+ hue-rotate(var(--unitone--backdrop-filter-hue-rotate))
46
+ invert(var(--unitone--backdrop-filter-invert))
47
+ sepia(var(--unitone--backdrop-filter-sepia))
48
+ saturate(var(--unitone--backdrop-filter-saturate));
49
+
33
50
  &:where([data-unitone-layout~="-shadow"]) {
34
51
  --unitone--box-shadow: var(--unitone--global--box-shadow);
35
52
  }
package/src/layout-primitives/decorator/index.jsx CHANGED
@@ -16,22 +16,45 @@ export const Decorator = ({
16
16
  left,
17
17
  zIndex,
18
18
  overflow,
19
+ backdropFilterBlur,
20
+ backdropFilterBrightness,
21
+ backdropFilterContrast,
22
+ backdropFilterGrayscale,
23
+ backdropFilterHueRotate,
24
+ backdropFilterInvert,
25
+ backdropFilterSepia,
26
+ backdropFilterSatuation,
19
27
  style,
20
28
  ...props
21
29
  }) => {
22
30
  style = {
23
31
  ...style,
24
- '--unitone--background-color': '' !== (backgroundColor ?? '') ? backgroundColor : undefined,
25
- '--unitone--border-color': '' !== (borderColor ?? '') ? borderColor : undefined,
26
- '--unitone--border-radius': '' !== (borderRadius ?? '') ? borderRadius : undefined,
27
- '--unitone--border-width': '' !== (borderWidth ?? '') ? borderWidth : undefined,
28
- '--unitone--max-height': '' !== (maxHeight ?? '') ? maxHeight : undefined,
29
- '--unitone--color': '' !== (color ?? '') ? color : undefined,
30
- '--unitone--top': '' !== (top ?? '') ? top : undefined,
31
- '--unitone--right': '' !== (right ?? '') ? right : undefined,
32
- '--unitone--bottom': '' !== (bottom ?? '') ? bottom : undefined,
33
- '--unitone--left': '' !== (left ?? '') ? left : undefined,
34
- '--unitone--z-index': '' !== (zIndex ?? '') ? zIndex : undefined,
32
+ '--unitone--background-color': '' !== backgroundColor ? backgroundColor : undefined,
33
+ '--unitone--border-color': '' !== borderColor ? borderColor : undefined,
34
+ '--unitone--border-radius': '' !== borderRadius ? borderRadius : undefined,
35
+ '--unitone--border-width': '' !== borderWidth ? borderWidth : undefined,
36
+ '--unitone--max-height': '' !== maxHeight ? maxHeight : undefined,
37
+ '--unitone--color': '' !== color ? color : undefined,
38
+ '--unitone--top': '' !== top ? top : undefined,
39
+ '--unitone--right': '' !== right ? right : undefined,
40
+ '--unitone--bottom': '' !== bottom ? bottom : undefined,
41
+ '--unitone--left': '' !== left ? left : undefined,
42
+ '--unitone--z-index': '' !== zIndex ? zIndex : undefined,
43
+ '--unitone--backdrop-filter-blur': '' !== backdropFilterBlur ? backdropFilterBlur : undefined,
44
+ '--unitone--backdrop-filter-brightness':
45
+ '' !== backdropFilterBrightness ? backdropFilterBrightness : undefined,
46
+ '--unitone--backdrop-filter-contrast':
47
+ '' !== backdropFilterContrast ? backdropFilterContrast : undefined,
48
+ '--unitone--backdrop-filter-grayscale':
49
+ '' !== backdropFilterGrayscale ? backdropFilterGrayscale : undefined,
50
+ '--unitone--backdrop-filter-hue-rotate':
51
+ '' !== backdropFilterHueRotate ? backdropFilterHueRotate : undefined,
52
+ '--unitone--backdrop-filter-invert':
53
+ '' !== backdropFilterInvert ? backdropFilterInvert : undefined,
54
+ '--unitone--backdrop-filter-sepia':
55
+ '' !== backdropFilterSepia ? backdropFilterSepia : undefined,
56
+ '--unitone--backdrop-filter-saturate':
57
+ '' !== backdropFilterSatuation ? backdropFilterSatuation : undefined,
35
58
  };
36
59
 
37
60
  return (
package/src/layout-primitives/float/index.jsx CHANGED
@@ -3,8 +3,8 @@ import React from 'react';
3
3
  export const Float = ({ gap, minWidth, minMeasure, position, style, ...props }) => {
4
4
  style = {
5
5
  ...style,
6
- '--unitone--min-width': !!minWidth ? minWidth : undefined,
7
- '--unitone--min-measure': !!minMeasure ? minMeasure : undefined,
6
+ '--unitone--min-width': '' !== minWidth ? minWidth : undefined,
7
+ '--unitone--min-measure': '' !== minMeasure ? minMeasure : undefined,
8
8
  };
9
9
 
10
10
  return (
package/src/layout-primitives/frame/index.jsx CHANGED
@@ -3,7 +3,7 @@ import React from 'react';
3
3
  export const Frame = ({ ratio, switchRatio, style, ...props }) => {
4
4
  style = {
5
5
  ...style,
6
- '--unitone--ratio': !!ratio ? ratio : undefined,
6
+ '--unitone--ratio': '' !== ratio ? ratio : undefined,
7
7
  };
8
8
 
9
9
  return (
package/src/layout-primitives/layers/index.jsx CHANGED
@@ -15,10 +15,10 @@ export const Layers = ({
15
15
  }) => {
16
16
  style = {
17
17
  ...style,
18
- '--unitone--min-height': '' !== (minHeight ?? '') ? minHeight : undefined,
19
- '--unitone--columns': '' !== (columns ?? '') ? columns : undefined,
20
- '--unitone--rows': '' !== (rows ?? '') ? rows : undefined,
21
- '--unitone--blur': '' !== (blur ?? '') ? blur : undefined,
18
+ '--unitone--min-height': '' !== minHeight ? minHeight : undefined,
19
+ '--unitone--columns': '' !== columns ? columns : undefined,
20
+ '--unitone--rows': '' !== rows ? rows : undefined,
21
+ '--unitone--blur': '' !== blur ? blur : undefined,
22
22
  };
23
23
 
24
24
  return (
package/src/layout-primitives/reel/index.jsx CHANGED
@@ -3,8 +3,8 @@ import React from 'react';
3
3
  export const Reel = ({ gap, height, itemWidth, noBar, style, ...props }) => {
4
4
  style = {
5
5
  ...style,
6
- '--unitone--height': '' !== (height ?? '') ? height : undefined,
7
- '--unitone--item-width': '' !== (itemWidth ?? '') ? itemWidth : undefined,
6
+ '--unitone--height': '' !== height ? height : undefined,
7
+ '--unitone--item-width': '' !== itemWidth ? itemWidth : undefined,
8
8
  };
9
9
 
10
10
  return (
package/src/layout-primitives/responsive-grid/index.jsx CHANGED
@@ -12,7 +12,7 @@ export const ResponsiveGrid = ({
12
12
  }) => {
13
13
  style = {
14
14
  ...style,
15
- '--unitone--column-min-width': !!columnMinWidth ? columnMinWidth : undefined,
15
+ '--unitone--column-min-width': '' !== columnMinWidth ? columnMinWidth : undefined,
16
16
  };
17
17
 
18
18
  return (
package/src/layout-primitives/switcher/index.jsx CHANGED
@@ -13,7 +13,7 @@ export const Switcher = ({
13
13
  }) => {
14
14
  style = {
15
15
  ...style,
16
- '--unitone--threshold': !!threshold ? threshold : undefined,
16
+ '--unitone--threshold': '' !== threshold ? threshold : undefined,
17
17
  };
18
18
 
19
19
  return (
package/src/layout-primitives/text/index.jsx CHANGED
@@ -3,7 +3,7 @@ import React from 'react';
3
3
  export const Text = ({ center, column, applyGap, gap, gutters, maxWidth, style, ...props }) => {
4
4
  style = {
5
5
  ...style,
6
- '--unitone--max-width': !!maxWidth ? maxWidth : undefined,
6
+ '--unitone--max-width': '' !== maxWidth ? maxWidth : undefined,
7
7
  };
8
8
 
9
9
  return (
package/src/layout-primitives/vertical-writing/index.jsx CHANGED
@@ -11,8 +11,8 @@ export const VerticalWriting = ({
11
11
  }) => {
12
12
  style = {
13
13
  ...style,
14
- '--unitone--max-height': '' !== (maxHeight ?? '') ? maxHeight : undefined,
15
- '--unitone--threshold': '' !== (threshold ?? '') ? threshold : undefined,
14
+ '--unitone--max-height': '' !== maxHeight ? maxHeight : undefined,
15
+ '--unitone--threshold': '' !== threshold ? threshold : undefined,
16
16
  };
17
17
 
18
18
  return (
package/src/layout-primitives/with-sidebar/index.jsx CHANGED
@@ -14,8 +14,8 @@ export const WithSidebar = ({
14
14
  }) => {
15
15
  style = {
16
16
  ...style,
17
- '--unitone--sidebar-width': '' !== (sidebarWidth ?? '') ? sidebarWidth : undefined,
18
- '--unitone--content-min-width': '' !== (contentMinWidth ?? '') ? contentMinWidth : undefined,
17
+ '--unitone--sidebar-width': '' !== sidebarWidth ? sidebarWidth : undefined,
18
+ '--unitone--content-min-width': '' !== contentMinWidth ? contentMinWidth : undefined,
19
19
  };
20
20
 
21
21
  return (