@inc2734/unitone-css 0.47.0 → 0.47.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 (9) hide show
  1. package/dist/app.css +1 -1
  2. package/dist/storybook.css +1 -1
  3. package/package.json +3 -2
  4. package/src/foundation/_foundation.scss +7 -1
  5. package/src/settings/_root.scss +8 -8
  6. package/src/stories/1.introduction.stories.mdx +37 -4
  7. package/src/stories/3.global-api.stories.mdx +26 -22
  8. package/src/stories/4.global-css-variables.stories.mdx +198 -0
  9. package/src/variables/_variables.scss +2 -0
package/dist/app.css CHANGED
@@ -1 +1 @@
1
- :root{--unitone--measure:42rem;--unitone--color--white:#fff;--unitone--color--black:#000;--unitone--color--text:#222;--unitone--color--gray:#ced4da;--unitone--color--light-gray:#e9ecef;--unitone--color--bright-gray:#f8f9fa;--unitone--color--dark-gray:#868e96;--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--line-height-slope:-0.07143;--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:min(6vw,var(--unitone--rem2));--unitone--_space-reference-value:clamp(1,var(--unitone--line-height-slope) * var(--unitone--fluid-font-size-magnification,calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--harmonic-sequence-base) - var(--unitone--font-size)))) + 1 + 2 * var(--unitone--half-leading) + -1 * var(--unitone--line-height-slope),2 * var(--unitone--half-leading) + 1) /3;--unitone--ms-2:calc(var(--unitone--_space-reference-value) * 1);--unitone--ms-1:calc(var(--unitone--_space-reference-value) * 2);--unitone--ms0:0;--unitone--ms1:calc(var(--unitone--_space-reference-value) * 3);--unitone--ms2:calc(var(--unitone--_space-reference-value) * 5);--unitone--ms3:calc(var(--unitone--_space-reference-value) * 8);--unitone--ms4:calc(var(--unitone--_space-reference-value) * 13);--unitone--ms5:calc(var(--unitone--_space-reference-value) * 21);--unitone--ms6:calc(var(--unitone--_space-reference-value) * 34);--unitone--ms7:calc(var(--unitone--_space-reference-value) * 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--pg0:0%;--unitone--pg1:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 1 + var(--unitone--grid-gap) * 0);--unitone--pg2:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 2 + var(--unitone--grid-gap) * 1);--unitone--pg3:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 3 + var(--unitone--grid-gap) * 2);--unitone--pg4:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 4 + var(--unitone--grid-gap) * 3);--unitone--pg5:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 5 + var(--unitone--grid-gap) * 4);--unitone--pg6:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 6 + var(--unitone--grid-gap) * 5);--unitone--pg7:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 7 + var(--unitone--grid-gap) * 6);--unitone--pg8:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 8 + var(--unitone--grid-gap) * 7);--unitone--pg9:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 9 + var(--unitone--grid-gap) * 8);--unitone--pg10:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 10 + var(--unitone--grid-gap) * 9);--unitone--pg11:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 11 + var(--unitone--grid-gap) * 10);--unitone--pg12:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 12 + var(--unitone--grid-gap) * 11);--unitone--cg0:0%;--unitone--cg1:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 1 + var(--unitone--grid-gap) * 0);--unitone--cg2:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 2 + var(--unitone--grid-gap) * 1);--unitone--cg3:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 3 + var(--unitone--grid-gap) * 2);--unitone--cg4:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 4 + var(--unitone--grid-gap) * 3);--unitone--cg5:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 5 + var(--unitone--grid-gap) * 4);--unitone--cg6:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 6 + var(--unitone--grid-gap) * 5);--unitone--cg7:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 7 + var(--unitone--grid-gap) * 6);--unitone--cg8:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 8 + var(--unitone--grid-gap) * 7);--unitone--cg9:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 9 + var(--unitone--grid-gap) * 8);--unitone--cg10:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 10 + var(--unitone--grid-gap) * 9);--unitone--cg11:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 11 + var(--unitone--grid-gap) * 10);--unitone--cg12:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 12 + var(--unitone--grid-gap) * 11)}html{font-size:calc(var(--unitone--base-font-size) * 1px)}:where(body){background-color:var(--unitone--color--white);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)){font-size:calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--harmonic-sequence-base) - var(--unitone--font-size)) * 1rem);line-height:clamp(1,var(--unitone--line-height-slope) * var(--unitone--fluid-font-size-magnification,calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--harmonic-sequence-base) - var(--unitone--font-size)))) + 1 + 2 * var(--unitone--half-leading) + -1 * var(--unitone--line-height-slope),2 * var(--unitone--half-leading) + 1)}*,:after,:before{box-sizing:border-box}html{hanging-punctuation:allow-end;line-break:normal}a{text-decoration-thickness:1px;text-underline-offset:.1em}:where(address,article,aside,blockquote,details,dialog,dd,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}}:where(figure,picture){max-width:100%;width:-moz-fit-content;width:fit-content}:where(figure,picture) :where(img,video){display:table;margin-bottom:0;margin-top:0}:where(figure,picture) :where(img:not([width]),video:not([width])){width:100%}img,video{height:auto;max-width:100%}figcaption{--unitone--font-size:-2;caption-side:bottom;margin:var(--unitone--s-2) 0 0;text-align:left}[data-unitone-layout~=both-sides]{--unitone--gap:var(--unitone--global--gap);--unitone--align-items:start;--unitone--content-width:fit-content;--unitone--content-max-width:100%;align-items:var(--unitone--align-items);display:flex;flex-wrap:wrap;gap:var(--unitone--gap);justify-content:space-between}[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--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);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][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)}[data-unitone-layout~=center][data-unitone-layout~=-intrinsic]{align-items:center;display:flex;flex-direction:column}[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--justify-content:start;align-items:var(--unitone--align-items);display:flex;flex-wrap:wrap;gap:calc(var(--unitone--gap) / 2) var(--unitone--gap);justify-content:var(--unitone--justify-content);list-style:none}[data-unitone-layout~=cluster]>*{margin:0;min-width:0}[data-unitone-layout~=cluster][data-unitone-layout*="-divider:"]{--unitone--divider-width:1px;--unitone--divider-style:solid;--unitone--divider-color:var(--unitone--color--gray)}[data-unitone-layout~=cluster] :where([data-unitone-layout~=cluster][data-unitone-layout*="-divider:"]>*>*){position:relative}[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--gap);padding-right:var(--unitone--gap);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;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]: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);margin-left:var(--unitone--gap);margin-right:var(--unitone--gap);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]{margin-left:0}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:slash"]>*+:before{border-left:var(--unitone--divider-width) var(--unitone--divider-style) var(--unitone--divider-color);bottom:0;content:"";left:calc(var(--unitone--gap) * -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--gap) / 2) var(--unitone--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:0 var(--unitone--divider-width) var(--unitone--divider-width) 0;content:"";inset:0;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]:before{border-left-width:var(--unitone--divider-width)}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:bordered"]>:not([data-unitone-layout~=-linewrap]):before{border-top-width:var(--unitone--divider-width)}[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)}[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);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:calc(var(--unitone--measure) / 2);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~=-right]),[data-unitone-layout~=float][data-unitone-layout~=-left]{float:left;margin-bottom:var(--unitone--gap);margin-right:var(--unitone--gap)}[data-unitone-layout~=float][data-unitone-layout~=-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,[data-unitone-layout~=frame] picture{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:min(3.33333%,var(--unitone--grid-gap));--unitone--min-height:0;--unitone--blur:75px;display:grid;gap: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)}@-moz-document url-prefix(){[data-unitone-layout~=layers]{--unitone--gap:min(3.33333vw,var(--unitone--grid-gap))}}@media (orientation:portrait){[data-unitone-layout~=layers][data-unitone-layout~=-portrait]{--unitone--columns:var(--unitone--grid-rows);--unitone--rows:var(--unitone--grid-columns)}}[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);position:relative}[data-unitone-layout~=layers][data-unitone-layout~=-cover]>:first-child :where(picture,figure),[data-unitone-layout~=layers][data-unitone-layout~=-cover]>:where(img:first-child,video:first-child,picture:first-child,figure:first-child){bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}[data-unitone-layout~=layers][data-unitone-layout~=-cover]>:first-child,[data-unitone-layout~=layers][data-unitone-layout~=-fill]>:first-child{align-self:auto;justify-self:auto}[data-unitone-layout~=layers][data-unitone-layout~=-cover]>:first-child :where(img,video),[data-unitone-layout~=layers][data-unitone-layout~=-cover]>:where(img:first-child,video:first-child),[data-unitone-layout~=layers][data-unitone-layout~=-fill]>:first-child :where(img,video),[data-unitone-layout~=layers][data-unitone-layout~=-fill]>:where(img:first-child,video:first-child){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~=-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);grid-gap:var(--unitone--gap);display:grid;grid-template-columns:repeat(var(--unitone--auto-repeat),minmax(min(var(--unitone--column-min-width),100%),1fr));list-style:none}[data-unitone-layout~=responsive-grid]>*{margin:0;min-width:0}[data-unitone-layout~=responsive-grid][data-unitone-layout*="-divider:"]{--unitone--divider-width:1px;--unitone--divider-style:solid;--unitone--divider-color:var(--unitone--color--gray)}[data-unitone-layout~=responsive-grid] :where([data-unitone-layout~=responsive-grid][data-unitone-layout*="-divider:"]>*>*){position:relative}[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:var(--unitone--gap);padding-top:var(--unitone--gap);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: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:stripe"]>[data-unitone-layout~=-bol]:before{left:0}[data-unitone-layout~=responsive-grid][data-unitone-layout~="-divider:stripe"]>:not([data-unitone-layout~=-linewrap]):before{border-top-width:var(--unitone--divider-width)}[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:var(--unitone--gap);padding-top:var(--unitone--gap);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"]>:not([data-unitone-layout~=-linewrap]){padding-top:0}[data-unitone-layout~=responsive-grid][data-unitone-layout~="-divider:bordered"]{gap:0;grid-template-columns:repeat(var(--unitone--auto-repeat),minmax(min(var(--unitone--column-min-width) + var(--unitone--gap),100%),1fr))}[data-unitone-layout~=responsive-grid][data-unitone-layout~="-divider:bordered"]>*{padding:var(--unitone--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:0 var(--unitone--divider-width) var(--unitone--divider-width) 0;content:"";inset:0;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]:before{border-left-width:var(--unitone--divider-width)}[data-unitone-layout~=responsive-grid][data-unitone-layout~="-divider:bordered"]>:not([data-unitone-layout~=-linewrap]):before{border-top-width:var(--unitone--divider-width)}[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*="-divider:"]{--unitone--divider-width:1px;--unitone--divider-style:solid;--unitone--divider-color:var(--unitone--color--gray)}[data-unitone-layout~=stack] :where([data-unitone-layout~=stack][data-unitone-layout*="-divider:"]>*>*){position:relative}[data-unitone-layout~=stack][data-unitone-layout~="-divider:stripe"]{gap:0}[data-unitone-layout~=stack][data-unitone-layout~="-divider:stripe"]>*{padding-bottom:var(--unitone--gap);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;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-unitone-layout~=stack][data-unitone-layout~="-divider:stripe"]>: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:underline"]{gap:0}[data-unitone-layout~=stack][data-unitone-layout~="-divider:underline"]>*{padding-bottom:var(--unitone--gap);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;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-unitone-layout~=stack][data-unitone-layout~="-divider:underline"]>:first-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);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;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-unitone-layout~=stack][data-unitone-layout~="-divider:bordered"]>:first-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]>*+*{margin-top:calc(-1 * var(--unitone--gap))}[data-unitone-layout~=stack]>[data-unitone-layout~=text]{margin-left:0;margin-right:0;max-width:none}[data-unitone-layout~=switcher]{--unitone--gap:var(--unitone--global--gap);--unitone--threshold:var(--unitone--measure);display:flex;flex-wrap:wrap;gap:var(--unitone--gap)}[data-unitone-layout~=switcher]>*{flex-basis:calc((var(--unitone--threshold) - 100%) * 999);flex-grow:1;min-width:0}[data-unitone-layout~=text]{--unitone--gap:var(--unitone--global--text-gap);--unitone--gutters:0px;--unitone--column-gap:var(--unitone--gap);--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]>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][data-unitone-layout~=-column]{-moz-column-width:var(--unitone--max-width);column-width:var(--unitone--max-width);gap:var(--unitone--column-gap);max-width:none}[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}:where([data-unitone-layout~=text][data-unitone-layout~=-gap])>*{margin:0 auto;max-width:min(100%,var(--unitone--max-width))}:where([data-unitone-layout~=text][data-unitone-layout~=-gap])>:not(:first-child){margin-top:calc(var(--unitone--margin-top, 1) * var(--unitone--gap))}:where([data-unitone-layout~=text][data-unitone-layout~=-gap])>:not(:last-child){margin-bottom:calc(var(--unitone--margin-bottom, 1) * var(--unitone--gap))}:where([data-unitone-layout~=text][data-unitone-layout~=-gap])>:where(h2,h3,h4,h5,h6){--unitone--margin-top:2}:where([data-unitone-layout~=text][data-unitone-layout~=-gap])>:where(h2,h3,h4,h5,h6)+:where(h2,h3,h4,h5,h6){--unitone--margin-top:1}:where([data-unitone-layout~=text][data-unitone-layout~=-gap])>h5+*{--unitone--margin-top:.5}:where([data-unitone-layout~=text][data-unitone-layout~=-gap])>h6+*{--unitone--margin-top:.5}:where([data-unitone-layout~=text][data-unitone-layout~=-center])>*{width:-moz-fit-content;width:fit-content}:where([data-unitone-layout~=text][data-unitone-layout~=-column])>*{max-width:none}[data-unitone-layout~=vertical-writing]{--unitone--gap:var(--unitone--global--text-gap);--unitone--column-gap:var(--unitone--global--gap);--unitone--max-height:var(--unitone--vertical-writing--max-height,calc(9 * var(--unitone--measure) / 16));--unitone--text-orientation:mixed;-moz-column-count:1;column-count:1;-moz-column-gap:var(--unitone--global--gap);column-gap:var(--unitone--global--gap);max-width:100%;text-orientation:var(--unitone--text-orientation);width:100%;writing-mode:vertical-rl}[data-unitone-layout~=vertical-writing]>*{box-sizing:content-box;inline-size:var(--unitone--max-height);max-inline-size:var(--unitone--max-height)}@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--gap))}[data-unitone-layout~=vertical-writing]>:not(:last-child){margin-block-end:calc(var(--unitone--margin-block-end, 1) * var(--unitone--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--align-items:stretch;align-items:var(--unitone--align-items);display:flex;flex-wrap:wrap;gap:var(--unitone--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"])>:last-child,[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"]>:last-child,[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"]>:last-child,[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"]>:last-child,[data-unitone-layout~=with-sidebar][data-unitone-layout~=-revert]:not([data-unitone-layout~="-sidebar:left"])>:last-child,[data-unitone-layout~=with-sidebar][data-unitone-layout~=-revert][data-unitone-layout~="-sidebar:right"]>:last-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][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~=text][data-unitone-layout~="-align:center"],[data-unitone-layout~=text][data-unitone-layout~="-align:end"],[data-unitone-layout~=text][data-unitone-layout~="-align:start"]{max-width:var(--unitone--max-width)}[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~=-fluid-typography]{font-size:clamp(1rem * calc(var(--unitone--min-harmonic-sequence-base) / (var(--unitone--min-harmonic-sequence-base) - var(--unitone--font-size))),calc(calc(-22.5 * calc((calc(var(--unitone--max-harmonic-sequence-base) / (var(--unitone--max-harmonic-sequence-base) - var(--unitone--font-size))) - calc(var(--unitone--min-harmonic-sequence-base) / (var(--unitone--min-harmonic-sequence-base) - var(--unitone--font-size)))) / (57.5)) + calc(var(--unitone--min-harmonic-sequence-base) / (var(--unitone--min-harmonic-sequence-base) - var(--unitone--font-size)))) * 1rem + calc((calc(var(--unitone--max-harmonic-sequence-base) / (var(--unitone--max-harmonic-sequence-base) - var(--unitone--font-size))) - calc(var(--unitone--min-harmonic-sequence-base) / (var(--unitone--min-harmonic-sequence-base) - var(--unitone--font-size)))) / (57.5)) * 100vw),1rem * calc(var(--unitone--max-harmonic-sequence-base) / (var(--unitone--max-harmonic-sequence-base) - var(--unitone--font-size))))!important}[data-unitone-layout~="-gap:-2"]{--unitone--gap:var(--unitone--s-2)!important}[data-unitone-layout~="-gap:-1"]{--unitone--gap:var(--unitone--s-1)!important}[data-unitone-layout~="-gap:0"]{--unitone--gap:var(--unitone--s0)!important}[data-unitone-layout~="-gap:1"]{--unitone--gap:var(--unitone--s1)!important}[data-unitone-layout~="-gap:2"]{--unitone--gap:var(--unitone--s2)!important}[data-unitone-layout~="-gap:3"]{--unitone--gap:var(--unitone--s3)!important}[data-unitone-layout~="-gap:4"]{--unitone--gap:var(--unitone--s4)!important}[data-unitone-layout~="-gap:5"]{--unitone--gap:var(--unitone--s5)!important}[data-unitone-layout~="-gap:6"]{--unitone--gap:var(--unitone--s6)!important}[data-unitone-layout~="-gap:7"]{--unitone--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~="-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~="-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)!important}[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)!important}[data-unitone-layout~="-typography:em"],[data-unitone-layout~="-typography:rem"],[data-unitone-layout~=-typography]{line-height:clamp(1,var(--unitone--line-height-slope) * var(--unitone--fluid-font-size-magnification,calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--harmonic-sequence-base) - var(--unitone--font-size)))) + 1 + 2 * var(--unitone--half-leading) + -1 * var(--unitone--line-height-slope),2 * var(--unitone--half-leading) + 1)!important}[data-unitone-layout~="-typography:em"]{font-size:calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--harmonic-sequence-base) - var(--unitone--font-size)) * 1em)!important}
1
+ :root{--unitone--measure:42rem;--unitone--color--white:#fff;--unitone--color--black:#000;--unitone--color--text:#222;--unitone--color--gray:#ced4da;--unitone--color--light-gray:#e9ecef;--unitone--color--bright-gray:#f8f9fa;--unitone--color--dark-gray:#868e96;--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--line-height-slope:-0.07143;--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:min(6vw,var(--unitone--rem2));--unitone--_space-reference-value:clamp(1,var(--unitone--line-height-slope) * var(--unitone--fluid-font-size-magnification,calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--harmonic-sequence-base) - var(--unitone--font-size)))) + 1 + 2 * var(--unitone--half-leading) + -1 * var(--unitone--line-height-slope),2 * var(--unitone--half-leading) + 1) /3;--unitone--ms-2:calc(var(--unitone--_space-reference-value) * 1);--unitone--ms-1:calc(var(--unitone--_space-reference-value) * 2);--unitone--ms0:0;--unitone--ms1:calc(var(--unitone--_space-reference-value) * 3);--unitone--ms2:calc(var(--unitone--_space-reference-value) * 5);--unitone--ms3:calc(var(--unitone--_space-reference-value) * 8);--unitone--ms4:calc(var(--unitone--_space-reference-value) * 13);--unitone--ms5:calc(var(--unitone--_space-reference-value) * 21);--unitone--ms6:calc(var(--unitone--_space-reference-value) * 34);--unitone--ms7:calc(var(--unitone--_space-reference-value) * 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--white);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)){font-size:calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--harmonic-sequence-base) - var(--unitone--font-size)) * 1rem);line-height:clamp(1,var(--unitone--line-height-slope) * var(--unitone--fluid-font-size-magnification,calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--harmonic-sequence-base) - var(--unitone--font-size)))) + 1 + 2 * var(--unitone--half-leading) + -1 * var(--unitone--line-height-slope),2 * var(--unitone--half-leading) + 1)}*,:after,:before{box-sizing:border-box}html{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}}:where(figure,picture){max-width:100%;width:-moz-fit-content;width:fit-content}:where(figure,picture) :where(img,video){display:table;margin-bottom:0;margin-top:0}:where(figure,picture) :where(img:not([width]),video:not([width])){width:100%}img,video{height:auto;max-width:100%}figcaption{--unitone--font-size:-2;caption-side:bottom;margin:var(--unitone--s-2) 0 0;text-align:left}[data-unitone-layout~=both-sides]{--unitone--gap:var(--unitone--global--gap);--unitone--align-items:start;--unitone--content-width:fit-content;--unitone--content-max-width:100%;align-items:var(--unitone--align-items);display:flex;flex-wrap:wrap;gap:var(--unitone--gap);justify-content:space-between}[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--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);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][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)}[data-unitone-layout~=center][data-unitone-layout~=-intrinsic]{align-items:center;display:flex;flex-direction:column}[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--justify-content:start;align-items:var(--unitone--align-items);display:flex;flex-wrap:wrap;gap:calc(var(--unitone--gap) / 2) var(--unitone--gap);justify-content:var(--unitone--justify-content);list-style:none}[data-unitone-layout~=cluster]>*{margin:0;min-width:0}[data-unitone-layout~=cluster][data-unitone-layout*="-divider:"]{--unitone--divider-width:1px;--unitone--divider-style:solid;--unitone--divider-color:var(--unitone--color--gray)}[data-unitone-layout~=cluster] :where([data-unitone-layout~=cluster][data-unitone-layout*="-divider:"]>*>*){position:relative}[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--gap);padding-right:var(--unitone--gap);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;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]: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);margin-left:var(--unitone--gap);margin-right:var(--unitone--gap);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]{margin-left:0}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:slash"]>*+:before{border-left:var(--unitone--divider-width) var(--unitone--divider-style) var(--unitone--divider-color);bottom:0;content:"";left:calc(var(--unitone--gap) * -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--gap) / 2) var(--unitone--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:0 var(--unitone--divider-width) var(--unitone--divider-width) 0;content:"";inset:0;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]:before{border-left-width:var(--unitone--divider-width)}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:bordered"]>:not([data-unitone-layout~=-linewrap]):before{border-top-width:var(--unitone--divider-width)}[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)}[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);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:calc(var(--unitone--measure) / 2);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~=-right]),[data-unitone-layout~=float][data-unitone-layout~=-left]{float:left;margin-bottom:var(--unitone--gap);margin-right:var(--unitone--gap)}[data-unitone-layout~=float][data-unitone-layout~=-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,[data-unitone-layout~=frame] picture{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:min(3.33333%,var(--unitone--grid-gap));--unitone--min-height:0;--unitone--blur:75px;display:grid;gap: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)}@-moz-document url-prefix(){[data-unitone-layout~=layers]{--unitone--gap:min(3.33333vw,var(--unitone--grid-gap))}}@media (orientation:portrait){[data-unitone-layout~=layers][data-unitone-layout~=-portrait]{--unitone--columns:var(--unitone--grid-rows);--unitone--rows:var(--unitone--grid-columns)}}[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);position:relative}[data-unitone-layout~=layers][data-unitone-layout~=-cover]>:first-child :where(picture,figure),[data-unitone-layout~=layers][data-unitone-layout~=-cover]>:where(img:first-child,video:first-child,picture:first-child,figure:first-child){bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}[data-unitone-layout~=layers][data-unitone-layout~=-cover]>:first-child,[data-unitone-layout~=layers][data-unitone-layout~=-fill]>:first-child{align-self:auto;justify-self:auto}[data-unitone-layout~=layers][data-unitone-layout~=-cover]>:first-child :where(img,video),[data-unitone-layout~=layers][data-unitone-layout~=-cover]>:where(img:first-child,video:first-child),[data-unitone-layout~=layers][data-unitone-layout~=-fill]>:first-child :where(img,video),[data-unitone-layout~=layers][data-unitone-layout~=-fill]>:where(img:first-child,video:first-child){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~=-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);grid-gap:var(--unitone--gap);display:grid;grid-template-columns:repeat(var(--unitone--auto-repeat),minmax(min(var(--unitone--column-min-width),100%),1fr));list-style:none}[data-unitone-layout~=responsive-grid]>*{margin:0;min-width:0}[data-unitone-layout~=responsive-grid][data-unitone-layout*="-divider:"]{--unitone--divider-width:1px;--unitone--divider-style:solid;--unitone--divider-color:var(--unitone--color--gray)}[data-unitone-layout~=responsive-grid] :where([data-unitone-layout~=responsive-grid][data-unitone-layout*="-divider:"]>*>*){position:relative}[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:var(--unitone--gap);padding-top:var(--unitone--gap);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: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:stripe"]>[data-unitone-layout~=-bol]:before{left:0}[data-unitone-layout~=responsive-grid][data-unitone-layout~="-divider:stripe"]>:not([data-unitone-layout~=-linewrap]):before{border-top-width:var(--unitone--divider-width)}[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:var(--unitone--gap);padding-top:var(--unitone--gap);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"]>:not([data-unitone-layout~=-linewrap]){padding-top:0}[data-unitone-layout~=responsive-grid][data-unitone-layout~="-divider:bordered"]{gap:0;grid-template-columns:repeat(var(--unitone--auto-repeat),minmax(min(var(--unitone--column-min-width) + var(--unitone--gap),100%),1fr))}[data-unitone-layout~=responsive-grid][data-unitone-layout~="-divider:bordered"]>*{padding:var(--unitone--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:0 var(--unitone--divider-width) var(--unitone--divider-width) 0;content:"";inset:0;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]:before{border-left-width:var(--unitone--divider-width)}[data-unitone-layout~=responsive-grid][data-unitone-layout~="-divider:bordered"]>:not([data-unitone-layout~=-linewrap]):before{border-top-width:var(--unitone--divider-width)}[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*="-divider:"]{--unitone--divider-width:1px;--unitone--divider-style:solid;--unitone--divider-color:var(--unitone--color--gray)}[data-unitone-layout~=stack] :where([data-unitone-layout~=stack][data-unitone-layout*="-divider:"]>*>*){position:relative}[data-unitone-layout~=stack][data-unitone-layout~="-divider:stripe"]{gap:0}[data-unitone-layout~=stack][data-unitone-layout~="-divider:stripe"]>*{padding-bottom:var(--unitone--gap);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;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-unitone-layout~=stack][data-unitone-layout~="-divider:stripe"]>: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:underline"]{gap:0}[data-unitone-layout~=stack][data-unitone-layout~="-divider:underline"]>*{padding-bottom:var(--unitone--gap);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;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-unitone-layout~=stack][data-unitone-layout~="-divider:underline"]>:first-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);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;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-unitone-layout~=stack][data-unitone-layout~="-divider:bordered"]>:first-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]>*+*{margin-top:calc(-1 * var(--unitone--gap))}[data-unitone-layout~=stack]>[data-unitone-layout~=text]{margin-left:0;margin-right:0;max-width:none}[data-unitone-layout~=switcher]{--unitone--gap:var(--unitone--global--gap);--unitone--threshold:var(--unitone--measure);display:flex;flex-wrap:wrap;gap:var(--unitone--gap)}[data-unitone-layout~=switcher]>*{flex-basis:calc((var(--unitone--threshold) - 100%) * 999);flex-grow:1;min-width:0}[data-unitone-layout~=text]{--unitone--gap:var(--unitone--global--text-gap);--unitone--gutters:0px;--unitone--column-gap:var(--unitone--gap);--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]>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][data-unitone-layout~=-column]{-moz-column-width:var(--unitone--max-width);column-width:var(--unitone--max-width);gap:var(--unitone--column-gap);max-width:none}[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}:where([data-unitone-layout~=text][data-unitone-layout~=-gap])>*{margin:0 auto;max-width:min(100%,var(--unitone--max-width))}:where([data-unitone-layout~=text][data-unitone-layout~=-gap])>:not(:first-child){margin-top:calc(var(--unitone--margin-top, 1) * var(--unitone--gap))}:where([data-unitone-layout~=text][data-unitone-layout~=-gap])>:not(:last-child){margin-bottom:calc(var(--unitone--margin-bottom, 1) * var(--unitone--gap))}:where([data-unitone-layout~=text][data-unitone-layout~=-gap])>:where(h2,h3,h4,h5,h6){--unitone--margin-top:2}:where([data-unitone-layout~=text][data-unitone-layout~=-gap])>:where(h2,h3,h4,h5,h6)+:where(h2,h3,h4,h5,h6){--unitone--margin-top:1}:where([data-unitone-layout~=text][data-unitone-layout~=-gap])>h5+*{--unitone--margin-top:.5}:where([data-unitone-layout~=text][data-unitone-layout~=-gap])>h6+*{--unitone--margin-top:.5}:where([data-unitone-layout~=text][data-unitone-layout~=-center])>*{width:-moz-fit-content;width:fit-content}:where([data-unitone-layout~=text][data-unitone-layout~=-column])>*{max-width:none}[data-unitone-layout~=vertical-writing]{--unitone--gap:var(--unitone--global--text-gap);--unitone--column-gap:var(--unitone--global--gap);--unitone--max-height:var(--unitone--vertical-writing--max-height,calc(9 * var(--unitone--measure) / 16));--unitone--text-orientation:mixed;-moz-column-count:1;column-count:1;-moz-column-gap:var(--unitone--global--gap);column-gap:var(--unitone--global--gap);max-width:100%;text-orientation:var(--unitone--text-orientation);width:100%;writing-mode:vertical-rl}[data-unitone-layout~=vertical-writing]>*{box-sizing:content-box;inline-size:var(--unitone--max-height);max-inline-size:var(--unitone--max-height)}@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--gap))}[data-unitone-layout~=vertical-writing]>:not(:last-child){margin-block-end:calc(var(--unitone--margin-block-end, 1) * var(--unitone--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--align-items:stretch;align-items:var(--unitone--align-items);display:flex;flex-wrap:wrap;gap:var(--unitone--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"])>:last-child,[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"]>:last-child,[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"]>:last-child,[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"]>:last-child,[data-unitone-layout~=with-sidebar][data-unitone-layout~=-revert]:not([data-unitone-layout~="-sidebar:left"])>:last-child,[data-unitone-layout~=with-sidebar][data-unitone-layout~=-revert][data-unitone-layout~="-sidebar:right"]>:last-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][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~=text][data-unitone-layout~="-align:center"],[data-unitone-layout~=text][data-unitone-layout~="-align:end"],[data-unitone-layout~=text][data-unitone-layout~="-align:start"]{max-width:var(--unitone--max-width)}[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~=-fluid-typography]{font-size:clamp(1rem * calc(var(--unitone--min-harmonic-sequence-base) / (var(--unitone--min-harmonic-sequence-base) - var(--unitone--font-size))),calc(calc(-22.5 * calc((calc(var(--unitone--max-harmonic-sequence-base) / (var(--unitone--max-harmonic-sequence-base) - var(--unitone--font-size))) - calc(var(--unitone--min-harmonic-sequence-base) / (var(--unitone--min-harmonic-sequence-base) - var(--unitone--font-size)))) / (57.5)) + calc(var(--unitone--min-harmonic-sequence-base) / (var(--unitone--min-harmonic-sequence-base) - var(--unitone--font-size)))) * 1rem + calc((calc(var(--unitone--max-harmonic-sequence-base) / (var(--unitone--max-harmonic-sequence-base) - var(--unitone--font-size))) - calc(var(--unitone--min-harmonic-sequence-base) / (var(--unitone--min-harmonic-sequence-base) - var(--unitone--font-size)))) / (57.5)) * 100vw),1rem * calc(var(--unitone--max-harmonic-sequence-base) / (var(--unitone--max-harmonic-sequence-base) - var(--unitone--font-size))))!important}[data-unitone-layout~="-gap:-2"]{--unitone--gap:var(--unitone--s-2)!important}[data-unitone-layout~="-gap:-1"]{--unitone--gap:var(--unitone--s-1)!important}[data-unitone-layout~="-gap:0"]{--unitone--gap:var(--unitone--s0)!important}[data-unitone-layout~="-gap:1"]{--unitone--gap:var(--unitone--s1)!important}[data-unitone-layout~="-gap:2"]{--unitone--gap:var(--unitone--s2)!important}[data-unitone-layout~="-gap:3"]{--unitone--gap:var(--unitone--s3)!important}[data-unitone-layout~="-gap:4"]{--unitone--gap:var(--unitone--s4)!important}[data-unitone-layout~="-gap:5"]{--unitone--gap:var(--unitone--s5)!important}[data-unitone-layout~="-gap:6"]{--unitone--gap:var(--unitone--s6)!important}[data-unitone-layout~="-gap:7"]{--unitone--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~="-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~="-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)!important}[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)!important}[data-unitone-layout~="-typography:em"],[data-unitone-layout~="-typography:rem"],[data-unitone-layout~=-typography]{line-height:clamp(1,var(--unitone--line-height-slope) * var(--unitone--fluid-font-size-magnification,calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--harmonic-sequence-base) - var(--unitone--font-size)))) + 1 + 2 * var(--unitone--half-leading) + -1 * var(--unitone--line-height-slope),2 * var(--unitone--half-leading) + 1)!important}[data-unitone-layout~="-typography:em"]{font-size:calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--harmonic-sequence-base) - var(--unitone--font-size)) * 1em)!important}
package/dist/storybook.css CHANGED
@@ -1 +1 @@
1
- :root{--unitone--measure:42rem;--unitone--color--white:#fff;--unitone--color--black:#000;--unitone--color--text:#222;--unitone--color--gray:#ced4da;--unitone--color--light-gray:#e9ecef;--unitone--color--bright-gray:#f8f9fa;--unitone--color--dark-gray:#868e96;--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--line-height-slope:-0.07143;--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:min(6vw,var(--unitone--rem2));--unitone--_space-reference-value:clamp(1,var(--unitone--line-height-slope) * var(--unitone--fluid-font-size-magnification,calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--harmonic-sequence-base) - var(--unitone--font-size)))) + 1 + 2 * var(--unitone--half-leading) + -1 * var(--unitone--line-height-slope),2 * var(--unitone--half-leading) + 1) /3;--unitone--ms-2:calc(var(--unitone--_space-reference-value) * 1);--unitone--ms-1:calc(var(--unitone--_space-reference-value) * 2);--unitone--ms0:0;--unitone--ms1:calc(var(--unitone--_space-reference-value) * 3);--unitone--ms2:calc(var(--unitone--_space-reference-value) * 5);--unitone--ms3:calc(var(--unitone--_space-reference-value) * 8);--unitone--ms4:calc(var(--unitone--_space-reference-value) * 13);--unitone--ms5:calc(var(--unitone--_space-reference-value) * 21);--unitone--ms6:calc(var(--unitone--_space-reference-value) * 34);--unitone--ms7:calc(var(--unitone--_space-reference-value) * 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--pg0:0%;--unitone--pg1:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 1 + var(--unitone--grid-gap) * 0);--unitone--pg2:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 2 + var(--unitone--grid-gap) * 1);--unitone--pg3:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 3 + var(--unitone--grid-gap) * 2);--unitone--pg4:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 4 + var(--unitone--grid-gap) * 3);--unitone--pg5:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 5 + var(--unitone--grid-gap) * 4);--unitone--pg6:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 6 + var(--unitone--grid-gap) * 5);--unitone--pg7:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 7 + var(--unitone--grid-gap) * 6);--unitone--pg8:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 8 + var(--unitone--grid-gap) * 7);--unitone--pg9:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 9 + var(--unitone--grid-gap) * 8);--unitone--pg10:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 10 + var(--unitone--grid-gap) * 9);--unitone--pg11:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 11 + var(--unitone--grid-gap) * 10);--unitone--pg12:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 12 + var(--unitone--grid-gap) * 11);--unitone--cg0:0%;--unitone--cg1:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 1 + var(--unitone--grid-gap) * 0);--unitone--cg2:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 2 + var(--unitone--grid-gap) * 1);--unitone--cg3:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 3 + var(--unitone--grid-gap) * 2);--unitone--cg4:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 4 + var(--unitone--grid-gap) * 3);--unitone--cg5:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 5 + var(--unitone--grid-gap) * 4);--unitone--cg6:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 6 + var(--unitone--grid-gap) * 5);--unitone--cg7:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 7 + var(--unitone--grid-gap) * 6);--unitone--cg8:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 8 + var(--unitone--grid-gap) * 7);--unitone--cg9:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 9 + var(--unitone--grid-gap) * 8);--unitone--cg10:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 10 + var(--unitone--grid-gap) * 9);--unitone--cg11:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 11 + var(--unitone--grid-gap) * 10);--unitone--cg12:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 12 + var(--unitone--grid-gap) * 11)}html{font-size:calc(var(--unitone--base-font-size) * 1px)}:where(body){background-color:var(--unitone--color--white);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)){font-size:calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--harmonic-sequence-base) - var(--unitone--font-size)) * 1rem);line-height:clamp(1,var(--unitone--line-height-slope) * var(--unitone--fluid-font-size-magnification,calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--harmonic-sequence-base) - var(--unitone--font-size)))) + 1 + 2 * var(--unitone--half-leading) + -1 * var(--unitone--line-height-slope),2 * var(--unitone--half-leading) + 1)}*,:after,:before{box-sizing:border-box}html{hanging-punctuation:allow-end;line-break:normal}a{text-decoration-thickness:1px;text-underline-offset:.1em}:where(address,article,aside,blockquote,details,dialog,dd,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}}:where(figure,picture){max-width:100%;width:-moz-fit-content;width:fit-content}:where(figure,picture) :where(img,video){display:table;margin-bottom:0;margin-top:0}:where(figure,picture) :where(img:not([width]),video:not([width])){width:100%}img,video{height:auto;max-width:100%}figcaption{--unitone--font-size:-2;caption-side:bottom;margin:var(--unitone--s-2) 0 0;text-align:left}[data-unitone-layout~=both-sides]{--unitone--gap:var(--unitone--global--gap);--unitone--align-items:start;--unitone--content-width:fit-content;--unitone--content-max-width:100%;align-items:var(--unitone--align-items);display:flex;flex-wrap:wrap;gap:var(--unitone--gap);justify-content:space-between}[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--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);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][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)}[data-unitone-layout~=center][data-unitone-layout~=-intrinsic]{align-items:center;display:flex;flex-direction:column}[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--justify-content:start;align-items:var(--unitone--align-items);display:flex;flex-wrap:wrap;gap:calc(var(--unitone--gap) / 2) var(--unitone--gap);justify-content:var(--unitone--justify-content);list-style:none}[data-unitone-layout~=cluster]>*{margin:0;min-width:0}[data-unitone-layout~=cluster][data-unitone-layout*="-divider:"]{--unitone--divider-width:1px;--unitone--divider-style:solid;--unitone--divider-color:var(--unitone--color--gray)}[data-unitone-layout~=cluster] :where([data-unitone-layout~=cluster][data-unitone-layout*="-divider:"]>*>*){position:relative}[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--gap);padding-right:var(--unitone--gap);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;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]: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);margin-left:var(--unitone--gap);margin-right:var(--unitone--gap);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]{margin-left:0}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:slash"]>*+:before{border-left:var(--unitone--divider-width) var(--unitone--divider-style) var(--unitone--divider-color);bottom:0;content:"";left:calc(var(--unitone--gap) * -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--gap) / 2) var(--unitone--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:0 var(--unitone--divider-width) var(--unitone--divider-width) 0;content:"";inset:0;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]:before{border-left-width:var(--unitone--divider-width)}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:bordered"]>:not([data-unitone-layout~=-linewrap]):before{border-top-width:var(--unitone--divider-width)}[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)}[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);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:calc(var(--unitone--measure) / 2);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~=-right]),[data-unitone-layout~=float][data-unitone-layout~=-left]{float:left;margin-bottom:var(--unitone--gap);margin-right:var(--unitone--gap)}[data-unitone-layout~=float][data-unitone-layout~=-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,[data-unitone-layout~=frame] picture{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:min(3.33333%,var(--unitone--grid-gap));--unitone--min-height:0;--unitone--blur:75px;display:grid;gap: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)}@-moz-document url-prefix(){[data-unitone-layout~=layers]{--unitone--gap:min(3.33333vw,var(--unitone--grid-gap))}}@media (orientation:portrait){[data-unitone-layout~=layers][data-unitone-layout~=-portrait]{--unitone--columns:var(--unitone--grid-rows);--unitone--rows:var(--unitone--grid-columns)}}[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);position:relative}[data-unitone-layout~=layers][data-unitone-layout~=-cover]>:first-child :where(picture,figure),[data-unitone-layout~=layers][data-unitone-layout~=-cover]>:where(img:first-child,video:first-child,picture:first-child,figure:first-child){bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}[data-unitone-layout~=layers][data-unitone-layout~=-cover]>:first-child,[data-unitone-layout~=layers][data-unitone-layout~=-fill]>:first-child{align-self:auto;justify-self:auto}[data-unitone-layout~=layers][data-unitone-layout~=-cover]>:first-child :where(img,video),[data-unitone-layout~=layers][data-unitone-layout~=-cover]>:where(img:first-child,video:first-child),[data-unitone-layout~=layers][data-unitone-layout~=-fill]>:first-child :where(img,video),[data-unitone-layout~=layers][data-unitone-layout~=-fill]>:where(img:first-child,video:first-child){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~=-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);grid-gap:var(--unitone--gap);display:grid;grid-template-columns:repeat(var(--unitone--auto-repeat),minmax(min(var(--unitone--column-min-width),100%),1fr));list-style:none}[data-unitone-layout~=responsive-grid]>*{margin:0;min-width:0}[data-unitone-layout~=responsive-grid][data-unitone-layout*="-divider:"]{--unitone--divider-width:1px;--unitone--divider-style:solid;--unitone--divider-color:var(--unitone--color--gray)}[data-unitone-layout~=responsive-grid] :where([data-unitone-layout~=responsive-grid][data-unitone-layout*="-divider:"]>*>*){position:relative}[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:var(--unitone--gap);padding-top:var(--unitone--gap);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: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:stripe"]>[data-unitone-layout~=-bol]:before{left:0}[data-unitone-layout~=responsive-grid][data-unitone-layout~="-divider:stripe"]>:not([data-unitone-layout~=-linewrap]):before{border-top-width:var(--unitone--divider-width)}[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:var(--unitone--gap);padding-top:var(--unitone--gap);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"]>:not([data-unitone-layout~=-linewrap]){padding-top:0}[data-unitone-layout~=responsive-grid][data-unitone-layout~="-divider:bordered"]{gap:0;grid-template-columns:repeat(var(--unitone--auto-repeat),minmax(min(var(--unitone--column-min-width) + var(--unitone--gap),100%),1fr))}[data-unitone-layout~=responsive-grid][data-unitone-layout~="-divider:bordered"]>*{padding:var(--unitone--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:0 var(--unitone--divider-width) var(--unitone--divider-width) 0;content:"";inset:0;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]:before{border-left-width:var(--unitone--divider-width)}[data-unitone-layout~=responsive-grid][data-unitone-layout~="-divider:bordered"]>:not([data-unitone-layout~=-linewrap]):before{border-top-width:var(--unitone--divider-width)}[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*="-divider:"]{--unitone--divider-width:1px;--unitone--divider-style:solid;--unitone--divider-color:var(--unitone--color--gray)}[data-unitone-layout~=stack] :where([data-unitone-layout~=stack][data-unitone-layout*="-divider:"]>*>*){position:relative}[data-unitone-layout~=stack][data-unitone-layout~="-divider:stripe"]{gap:0}[data-unitone-layout~=stack][data-unitone-layout~="-divider:stripe"]>*{padding-bottom:var(--unitone--gap);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;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-unitone-layout~=stack][data-unitone-layout~="-divider:stripe"]>: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:underline"]{gap:0}[data-unitone-layout~=stack][data-unitone-layout~="-divider:underline"]>*{padding-bottom:var(--unitone--gap);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;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-unitone-layout~=stack][data-unitone-layout~="-divider:underline"]>:first-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);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;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-unitone-layout~=stack][data-unitone-layout~="-divider:bordered"]>:first-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]>*+*{margin-top:calc(-1 * var(--unitone--gap))}[data-unitone-layout~=stack]>[data-unitone-layout~=text]{margin-left:0;margin-right:0;max-width:none}[data-unitone-layout~=switcher]{--unitone--gap:var(--unitone--global--gap);--unitone--threshold:var(--unitone--measure);display:flex;flex-wrap:wrap;gap:var(--unitone--gap)}[data-unitone-layout~=switcher]>*{flex-basis:calc((var(--unitone--threshold) - 100%) * 999);flex-grow:1;min-width:0}[data-unitone-layout~=text]{--unitone--gap:var(--unitone--global--text-gap);--unitone--gutters:0px;--unitone--column-gap:var(--unitone--gap);--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]>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][data-unitone-layout~=-column]{-moz-column-width:var(--unitone--max-width);column-width:var(--unitone--max-width);gap:var(--unitone--column-gap);max-width:none}[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}:where([data-unitone-layout~=text][data-unitone-layout~=-gap])>*{margin:0 auto;max-width:min(100%,var(--unitone--max-width))}:where([data-unitone-layout~=text][data-unitone-layout~=-gap])>:not(:first-child){margin-top:calc(var(--unitone--margin-top, 1) * var(--unitone--gap))}:where([data-unitone-layout~=text][data-unitone-layout~=-gap])>:not(:last-child){margin-bottom:calc(var(--unitone--margin-bottom, 1) * var(--unitone--gap))}:where([data-unitone-layout~=text][data-unitone-layout~=-gap])>:where(h2,h3,h4,h5,h6){--unitone--margin-top:2}:where([data-unitone-layout~=text][data-unitone-layout~=-gap])>:where(h2,h3,h4,h5,h6)+:where(h2,h3,h4,h5,h6){--unitone--margin-top:1}:where([data-unitone-layout~=text][data-unitone-layout~=-gap])>h5+*{--unitone--margin-top:.5}:where([data-unitone-layout~=text][data-unitone-layout~=-gap])>h6+*{--unitone--margin-top:.5}:where([data-unitone-layout~=text][data-unitone-layout~=-center])>*{width:-moz-fit-content;width:fit-content}:where([data-unitone-layout~=text][data-unitone-layout~=-column])>*{max-width:none}[data-unitone-layout~=vertical-writing]{--unitone--gap:var(--unitone--global--text-gap);--unitone--column-gap:var(--unitone--global--gap);--unitone--max-height:var(--unitone--vertical-writing--max-height,calc(9 * var(--unitone--measure) / 16));--unitone--text-orientation:mixed;-moz-column-count:1;column-count:1;-moz-column-gap:var(--unitone--global--gap);column-gap:var(--unitone--global--gap);max-width:100%;text-orientation:var(--unitone--text-orientation);width:100%;writing-mode:vertical-rl}[data-unitone-layout~=vertical-writing]>*{box-sizing:content-box;inline-size:var(--unitone--max-height);max-inline-size:var(--unitone--max-height)}@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--gap))}[data-unitone-layout~=vertical-writing]>:not(:last-child){margin-block-end:calc(var(--unitone--margin-block-end, 1) * var(--unitone--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--align-items:stretch;align-items:var(--unitone--align-items);display:flex;flex-wrap:wrap;gap:var(--unitone--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"])>:last-child,[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"]>:last-child,[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"]>:last-child,[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"]>:last-child,[data-unitone-layout~=with-sidebar][data-unitone-layout~=-revert]:not([data-unitone-layout~="-sidebar:left"])>:last-child,[data-unitone-layout~=with-sidebar][data-unitone-layout~=-revert][data-unitone-layout~="-sidebar:right"]>:last-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][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~=text][data-unitone-layout~="-align:center"],[data-unitone-layout~=text][data-unitone-layout~="-align:end"],[data-unitone-layout~=text][data-unitone-layout~="-align:start"]{max-width:var(--unitone--max-width)}[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~=-fluid-typography]{font-size:clamp(1rem * calc(var(--unitone--min-harmonic-sequence-base) / (var(--unitone--min-harmonic-sequence-base) - var(--unitone--font-size))),calc(calc(-22.5 * calc((calc(var(--unitone--max-harmonic-sequence-base) / (var(--unitone--max-harmonic-sequence-base) - var(--unitone--font-size))) - calc(var(--unitone--min-harmonic-sequence-base) / (var(--unitone--min-harmonic-sequence-base) - var(--unitone--font-size)))) / (57.5)) + calc(var(--unitone--min-harmonic-sequence-base) / (var(--unitone--min-harmonic-sequence-base) - var(--unitone--font-size)))) * 1rem + calc((calc(var(--unitone--max-harmonic-sequence-base) / (var(--unitone--max-harmonic-sequence-base) - var(--unitone--font-size))) - calc(var(--unitone--min-harmonic-sequence-base) / (var(--unitone--min-harmonic-sequence-base) - var(--unitone--font-size)))) / (57.5)) * 100vw),1rem * calc(var(--unitone--max-harmonic-sequence-base) / (var(--unitone--max-harmonic-sequence-base) - var(--unitone--font-size))))!important}[data-unitone-layout~="-gap:-2"]{--unitone--gap:var(--unitone--s-2)!important}[data-unitone-layout~="-gap:-1"]{--unitone--gap:var(--unitone--s-1)!important}[data-unitone-layout~="-gap:0"]{--unitone--gap:var(--unitone--s0)!important}[data-unitone-layout~="-gap:1"]{--unitone--gap:var(--unitone--s1)!important}[data-unitone-layout~="-gap:2"]{--unitone--gap:var(--unitone--s2)!important}[data-unitone-layout~="-gap:3"]{--unitone--gap:var(--unitone--s3)!important}[data-unitone-layout~="-gap:4"]{--unitone--gap:var(--unitone--s4)!important}[data-unitone-layout~="-gap:5"]{--unitone--gap:var(--unitone--s5)!important}[data-unitone-layout~="-gap:6"]{--unitone--gap:var(--unitone--s6)!important}[data-unitone-layout~="-gap:7"]{--unitone--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~="-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~="-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)!important}[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)!important}[data-unitone-layout~="-typography:em"],[data-unitone-layout~="-typography:rem"],[data-unitone-layout~=-typography]{line-height:clamp(1,var(--unitone--line-height-slope) * var(--unitone--fluid-font-size-magnification,calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--harmonic-sequence-base) - var(--unitone--font-size)))) + 1 + 2 * var(--unitone--half-leading) + -1 * var(--unitone--line-height-slope),2 * var(--unitone--half-leading) + 1)!important}[data-unitone-layout~="-typography:em"]{font-size:calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--harmonic-sequence-base) - var(--unitone--font-size)) * 1em)!important}
1
+ :root{--unitone--measure:42rem;--unitone--color--white:#fff;--unitone--color--black:#000;--unitone--color--text:#222;--unitone--color--gray:#ced4da;--unitone--color--light-gray:#e9ecef;--unitone--color--bright-gray:#f8f9fa;--unitone--color--dark-gray:#868e96;--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--line-height-slope:-0.07143;--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:min(6vw,var(--unitone--rem2));--unitone--_space-reference-value:clamp(1,var(--unitone--line-height-slope) * var(--unitone--fluid-font-size-magnification,calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--harmonic-sequence-base) - var(--unitone--font-size)))) + 1 + 2 * var(--unitone--half-leading) + -1 * var(--unitone--line-height-slope),2 * var(--unitone--half-leading) + 1) /3;--unitone--ms-2:calc(var(--unitone--_space-reference-value) * 1);--unitone--ms-1:calc(var(--unitone--_space-reference-value) * 2);--unitone--ms0:0;--unitone--ms1:calc(var(--unitone--_space-reference-value) * 3);--unitone--ms2:calc(var(--unitone--_space-reference-value) * 5);--unitone--ms3:calc(var(--unitone--_space-reference-value) * 8);--unitone--ms4:calc(var(--unitone--_space-reference-value) * 13);--unitone--ms5:calc(var(--unitone--_space-reference-value) * 21);--unitone--ms6:calc(var(--unitone--_space-reference-value) * 34);--unitone--ms7:calc(var(--unitone--_space-reference-value) * 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--white);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)){font-size:calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--harmonic-sequence-base) - var(--unitone--font-size)) * 1rem);line-height:clamp(1,var(--unitone--line-height-slope) * var(--unitone--fluid-font-size-magnification,calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--harmonic-sequence-base) - var(--unitone--font-size)))) + 1 + 2 * var(--unitone--half-leading) + -1 * var(--unitone--line-height-slope),2 * var(--unitone--half-leading) + 1)}*,:after,:before{box-sizing:border-box}html{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}}:where(figure,picture){max-width:100%;width:-moz-fit-content;width:fit-content}:where(figure,picture) :where(img,video){display:table;margin-bottom:0;margin-top:0}:where(figure,picture) :where(img:not([width]),video:not([width])){width:100%}img,video{height:auto;max-width:100%}figcaption{--unitone--font-size:-2;caption-side:bottom;margin:var(--unitone--s-2) 0 0;text-align:left}[data-unitone-layout~=both-sides]{--unitone--gap:var(--unitone--global--gap);--unitone--align-items:start;--unitone--content-width:fit-content;--unitone--content-max-width:100%;align-items:var(--unitone--align-items);display:flex;flex-wrap:wrap;gap:var(--unitone--gap);justify-content:space-between}[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--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);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][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)}[data-unitone-layout~=center][data-unitone-layout~=-intrinsic]{align-items:center;display:flex;flex-direction:column}[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--justify-content:start;align-items:var(--unitone--align-items);display:flex;flex-wrap:wrap;gap:calc(var(--unitone--gap) / 2) var(--unitone--gap);justify-content:var(--unitone--justify-content);list-style:none}[data-unitone-layout~=cluster]>*{margin:0;min-width:0}[data-unitone-layout~=cluster][data-unitone-layout*="-divider:"]{--unitone--divider-width:1px;--unitone--divider-style:solid;--unitone--divider-color:var(--unitone--color--gray)}[data-unitone-layout~=cluster] :where([data-unitone-layout~=cluster][data-unitone-layout*="-divider:"]>*>*){position:relative}[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--gap);padding-right:var(--unitone--gap);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;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]: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);margin-left:var(--unitone--gap);margin-right:var(--unitone--gap);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]{margin-left:0}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:slash"]>*+:before{border-left:var(--unitone--divider-width) var(--unitone--divider-style) var(--unitone--divider-color);bottom:0;content:"";left:calc(var(--unitone--gap) * -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--gap) / 2) var(--unitone--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:0 var(--unitone--divider-width) var(--unitone--divider-width) 0;content:"";inset:0;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]:before{border-left-width:var(--unitone--divider-width)}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:bordered"]>:not([data-unitone-layout~=-linewrap]):before{border-top-width:var(--unitone--divider-width)}[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)}[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);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:calc(var(--unitone--measure) / 2);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~=-right]),[data-unitone-layout~=float][data-unitone-layout~=-left]{float:left;margin-bottom:var(--unitone--gap);margin-right:var(--unitone--gap)}[data-unitone-layout~=float][data-unitone-layout~=-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,[data-unitone-layout~=frame] picture{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:min(3.33333%,var(--unitone--grid-gap));--unitone--min-height:0;--unitone--blur:75px;display:grid;gap: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)}@-moz-document url-prefix(){[data-unitone-layout~=layers]{--unitone--gap:min(3.33333vw,var(--unitone--grid-gap))}}@media (orientation:portrait){[data-unitone-layout~=layers][data-unitone-layout~=-portrait]{--unitone--columns:var(--unitone--grid-rows);--unitone--rows:var(--unitone--grid-columns)}}[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);position:relative}[data-unitone-layout~=layers][data-unitone-layout~=-cover]>:first-child :where(picture,figure),[data-unitone-layout~=layers][data-unitone-layout~=-cover]>:where(img:first-child,video:first-child,picture:first-child,figure:first-child){bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}[data-unitone-layout~=layers][data-unitone-layout~=-cover]>:first-child,[data-unitone-layout~=layers][data-unitone-layout~=-fill]>:first-child{align-self:auto;justify-self:auto}[data-unitone-layout~=layers][data-unitone-layout~=-cover]>:first-child :where(img,video),[data-unitone-layout~=layers][data-unitone-layout~=-cover]>:where(img:first-child,video:first-child),[data-unitone-layout~=layers][data-unitone-layout~=-fill]>:first-child :where(img,video),[data-unitone-layout~=layers][data-unitone-layout~=-fill]>:where(img:first-child,video:first-child){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~=-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);grid-gap:var(--unitone--gap);display:grid;grid-template-columns:repeat(var(--unitone--auto-repeat),minmax(min(var(--unitone--column-min-width),100%),1fr));list-style:none}[data-unitone-layout~=responsive-grid]>*{margin:0;min-width:0}[data-unitone-layout~=responsive-grid][data-unitone-layout*="-divider:"]{--unitone--divider-width:1px;--unitone--divider-style:solid;--unitone--divider-color:var(--unitone--color--gray)}[data-unitone-layout~=responsive-grid] :where([data-unitone-layout~=responsive-grid][data-unitone-layout*="-divider:"]>*>*){position:relative}[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:var(--unitone--gap);padding-top:var(--unitone--gap);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: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:stripe"]>[data-unitone-layout~=-bol]:before{left:0}[data-unitone-layout~=responsive-grid][data-unitone-layout~="-divider:stripe"]>:not([data-unitone-layout~=-linewrap]):before{border-top-width:var(--unitone--divider-width)}[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:var(--unitone--gap);padding-top:var(--unitone--gap);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"]>:not([data-unitone-layout~=-linewrap]){padding-top:0}[data-unitone-layout~=responsive-grid][data-unitone-layout~="-divider:bordered"]{gap:0;grid-template-columns:repeat(var(--unitone--auto-repeat),minmax(min(var(--unitone--column-min-width) + var(--unitone--gap),100%),1fr))}[data-unitone-layout~=responsive-grid][data-unitone-layout~="-divider:bordered"]>*{padding:var(--unitone--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:0 var(--unitone--divider-width) var(--unitone--divider-width) 0;content:"";inset:0;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]:before{border-left-width:var(--unitone--divider-width)}[data-unitone-layout~=responsive-grid][data-unitone-layout~="-divider:bordered"]>:not([data-unitone-layout~=-linewrap]):before{border-top-width:var(--unitone--divider-width)}[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*="-divider:"]{--unitone--divider-width:1px;--unitone--divider-style:solid;--unitone--divider-color:var(--unitone--color--gray)}[data-unitone-layout~=stack] :where([data-unitone-layout~=stack][data-unitone-layout*="-divider:"]>*>*){position:relative}[data-unitone-layout~=stack][data-unitone-layout~="-divider:stripe"]{gap:0}[data-unitone-layout~=stack][data-unitone-layout~="-divider:stripe"]>*{padding-bottom:var(--unitone--gap);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;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-unitone-layout~=stack][data-unitone-layout~="-divider:stripe"]>: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:underline"]{gap:0}[data-unitone-layout~=stack][data-unitone-layout~="-divider:underline"]>*{padding-bottom:var(--unitone--gap);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;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-unitone-layout~=stack][data-unitone-layout~="-divider:underline"]>:first-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);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;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-unitone-layout~=stack][data-unitone-layout~="-divider:bordered"]>:first-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]>*+*{margin-top:calc(-1 * var(--unitone--gap))}[data-unitone-layout~=stack]>[data-unitone-layout~=text]{margin-left:0;margin-right:0;max-width:none}[data-unitone-layout~=switcher]{--unitone--gap:var(--unitone--global--gap);--unitone--threshold:var(--unitone--measure);display:flex;flex-wrap:wrap;gap:var(--unitone--gap)}[data-unitone-layout~=switcher]>*{flex-basis:calc((var(--unitone--threshold) - 100%) * 999);flex-grow:1;min-width:0}[data-unitone-layout~=text]{--unitone--gap:var(--unitone--global--text-gap);--unitone--gutters:0px;--unitone--column-gap:var(--unitone--gap);--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]>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][data-unitone-layout~=-column]{-moz-column-width:var(--unitone--max-width);column-width:var(--unitone--max-width);gap:var(--unitone--column-gap);max-width:none}[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}:where([data-unitone-layout~=text][data-unitone-layout~=-gap])>*{margin:0 auto;max-width:min(100%,var(--unitone--max-width))}:where([data-unitone-layout~=text][data-unitone-layout~=-gap])>:not(:first-child){margin-top:calc(var(--unitone--margin-top, 1) * var(--unitone--gap))}:where([data-unitone-layout~=text][data-unitone-layout~=-gap])>:not(:last-child){margin-bottom:calc(var(--unitone--margin-bottom, 1) * var(--unitone--gap))}:where([data-unitone-layout~=text][data-unitone-layout~=-gap])>:where(h2,h3,h4,h5,h6){--unitone--margin-top:2}:where([data-unitone-layout~=text][data-unitone-layout~=-gap])>:where(h2,h3,h4,h5,h6)+:where(h2,h3,h4,h5,h6){--unitone--margin-top:1}:where([data-unitone-layout~=text][data-unitone-layout~=-gap])>h5+*{--unitone--margin-top:.5}:where([data-unitone-layout~=text][data-unitone-layout~=-gap])>h6+*{--unitone--margin-top:.5}:where([data-unitone-layout~=text][data-unitone-layout~=-center])>*{width:-moz-fit-content;width:fit-content}:where([data-unitone-layout~=text][data-unitone-layout~=-column])>*{max-width:none}[data-unitone-layout~=vertical-writing]{--unitone--gap:var(--unitone--global--text-gap);--unitone--column-gap:var(--unitone--global--gap);--unitone--max-height:var(--unitone--vertical-writing--max-height,calc(9 * var(--unitone--measure) / 16));--unitone--text-orientation:mixed;-moz-column-count:1;column-count:1;-moz-column-gap:var(--unitone--global--gap);column-gap:var(--unitone--global--gap);max-width:100%;text-orientation:var(--unitone--text-orientation);width:100%;writing-mode:vertical-rl}[data-unitone-layout~=vertical-writing]>*{box-sizing:content-box;inline-size:var(--unitone--max-height);max-inline-size:var(--unitone--max-height)}@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--gap))}[data-unitone-layout~=vertical-writing]>:not(:last-child){margin-block-end:calc(var(--unitone--margin-block-end, 1) * var(--unitone--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--align-items:stretch;align-items:var(--unitone--align-items);display:flex;flex-wrap:wrap;gap:var(--unitone--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"])>:last-child,[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"]>:last-child,[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"]>:last-child,[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"]>:last-child,[data-unitone-layout~=with-sidebar][data-unitone-layout~=-revert]:not([data-unitone-layout~="-sidebar:left"])>:last-child,[data-unitone-layout~=with-sidebar][data-unitone-layout~=-revert][data-unitone-layout~="-sidebar:right"]>:last-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][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~=text][data-unitone-layout~="-align:center"],[data-unitone-layout~=text][data-unitone-layout~="-align:end"],[data-unitone-layout~=text][data-unitone-layout~="-align:start"]{max-width:var(--unitone--max-width)}[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~=-fluid-typography]{font-size:clamp(1rem * calc(var(--unitone--min-harmonic-sequence-base) / (var(--unitone--min-harmonic-sequence-base) - var(--unitone--font-size))),calc(calc(-22.5 * calc((calc(var(--unitone--max-harmonic-sequence-base) / (var(--unitone--max-harmonic-sequence-base) - var(--unitone--font-size))) - calc(var(--unitone--min-harmonic-sequence-base) / (var(--unitone--min-harmonic-sequence-base) - var(--unitone--font-size)))) / (57.5)) + calc(var(--unitone--min-harmonic-sequence-base) / (var(--unitone--min-harmonic-sequence-base) - var(--unitone--font-size)))) * 1rem + calc((calc(var(--unitone--max-harmonic-sequence-base) / (var(--unitone--max-harmonic-sequence-base) - var(--unitone--font-size))) - calc(var(--unitone--min-harmonic-sequence-base) / (var(--unitone--min-harmonic-sequence-base) - var(--unitone--font-size)))) / (57.5)) * 100vw),1rem * calc(var(--unitone--max-harmonic-sequence-base) / (var(--unitone--max-harmonic-sequence-base) - var(--unitone--font-size))))!important}[data-unitone-layout~="-gap:-2"]{--unitone--gap:var(--unitone--s-2)!important}[data-unitone-layout~="-gap:-1"]{--unitone--gap:var(--unitone--s-1)!important}[data-unitone-layout~="-gap:0"]{--unitone--gap:var(--unitone--s0)!important}[data-unitone-layout~="-gap:1"]{--unitone--gap:var(--unitone--s1)!important}[data-unitone-layout~="-gap:2"]{--unitone--gap:var(--unitone--s2)!important}[data-unitone-layout~="-gap:3"]{--unitone--gap:var(--unitone--s3)!important}[data-unitone-layout~="-gap:4"]{--unitone--gap:var(--unitone--s4)!important}[data-unitone-layout~="-gap:5"]{--unitone--gap:var(--unitone--s5)!important}[data-unitone-layout~="-gap:6"]{--unitone--gap:var(--unitone--s6)!important}[data-unitone-layout~="-gap:7"]{--unitone--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~="-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~="-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)!important}[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)!important}[data-unitone-layout~="-typography:em"],[data-unitone-layout~="-typography:rem"],[data-unitone-layout~=-typography]{line-height:clamp(1,var(--unitone--line-height-slope) * var(--unitone--fluid-font-size-magnification,calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--harmonic-sequence-base) - var(--unitone--font-size)))) + 1 + 2 * var(--unitone--half-leading) + -1 * var(--unitone--line-height-slope),2 * var(--unitone--half-leading) + 1)!important}[data-unitone-layout~="-typography:em"]{font-size:calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--harmonic-sequence-base) - var(--unitone--font-size)) * 1em)!important}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@inc2734/unitone-css",
3
- "version": "0.47.0",
3
+ "version": "0.47.2",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "exports": {
@@ -63,9 +63,10 @@
63
63
  "react": "^18.2.0",
64
64
  "react-dom": "^18.2.0",
65
65
  "react-syntax-highlighter": "^15.5.0",
66
+ "remark-gfm": "^3.0.1",
66
67
  "rimraf": "^5.0.5",
67
68
  "rollup": "^4.3.0",
68
69
  "sass": "^1.69.5",
69
- "storybook": "^7.5.2"
70
+ "storybook": "^7.5.3"
70
71
  }
71
72
  }
package/src/foundation/_foundation.scss CHANGED
@@ -29,6 +29,7 @@ a {
29
29
  details,
30
30
  dialog,
31
31
  dd,
32
+ div,
32
33
  dl,
33
34
  dt,
34
35
  fieldset,
@@ -36,7 +37,12 @@ a {
36
37
  figure,
37
38
  footer,
38
39
  form,
39
- h1, h2, h3, h4, h5, h6,
40
+ h1,
41
+ h2,
42
+ h3,
43
+ h4,
44
+ h5,
45
+ h6,
40
46
  header,
41
47
  hgroup,
42
48
  hr,
package/src/settings/_root.scss CHANGED
@@ -166,25 +166,25 @@
166
166
  */
167
167
  --unitone--container-max-width: #{ variables.$container-max-width };
168
168
 
169
- $_grid-columns: 12;
170
- $_grid-rows: 7;
171
- --unitone--grid-columns: #{ $_grid-columns };
172
- --unitone--grid-rows: #{ $_grid-rows };
169
+ --unitone--grid-columns: #{ variables.$grid-columns };
170
+ --unitone--grid-rows: #{ variables.$grid-rows };
173
171
  --unitone--grid-gap: var(--unitone--global--gap);
174
172
 
175
173
  /**
176
174
  * Grid sizes (% based).
177
175
  */
176
+ --unitone--_pg-base: calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns));
178
177
  --unitone--pg0: 0%;
179
- @for $i from 1 through $_grid-columns {
180
- --unitone--pg#{ $i }: calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * #{ $i } + var(--unitone--grid-gap) * #{ $i - 1 });
178
+ @for $i from 1 through variables.$grid-columns {
179
+ --unitone--pg#{ $i }: calc(var(--unitone--_pg-base) * #{ $i } + var(--unitone--grid-gap) * #{ $i - 1 });
181
180
  }
182
181
 
183
182
  /**
184
183
  * Grid sizes (container based).
185
184
  */
185
+ --unitone--_cg-base: calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns));
186
186
  --unitone--cg0: 0%;
187
- @for $i from 1 through $_grid-columns {
188
- --unitone--cg#{ $i }: calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * #{ $i } + var(--unitone--grid-gap) * #{ $i - 1 });
187
+ @for $i from 1 through variables.$grid-columns {
188
+ --unitone--cg#{ $i }: calc(var(--unitone--_cg-base) * #{ $i } + var(--unitone--grid-gap) * #{ $i - 1 });
189
189
  }
190
190
  }
package/src/stories/1.introduction.stories.mdx CHANGED
@@ -2,21 +2,54 @@ import { Meta } from '@storybook/addon-docs';
2
2
 
3
3
  <Meta title="1: Introduction" />
4
4
 
5
- # Introduction
5
+ # unitone CSS
6
6
 
7
7
  unitone CSS is a CSS framework. This framework was inspired by [EVERY LAYOUT](https://every-layout.dev/).
8
8
 
9
+ unitone CSS has the following features:
10
+
11
+ - Intrinsic web design
12
+ - Layout primitives
13
+ - Modular scales
14
+ - Fully CSS variables
15
+
16
+ ## Intrinsic web design
17
+
18
+ Responsive web design, which is based on viewport width, causes problems with component portability.
19
+
20
+ By adopting "Intrinsic Web Design" based on content rather than viewport width, we can achieve true responsive web design that can be used on devices of all sizes.
21
+
22
+ ## Layout primitives
23
+
24
+ Layout is achieved by combining components with a single responsibility, such as "provide vertical space between elements" or "place elements at equal intervals".
25
+
26
+ This allows for flexible layout and CSS size reduction.
27
+
28
+ ## Modular scales
29
+
30
+ Adopting and following some uniform standard results in a harmonious and orderly design.
31
+
32
+ In unitone CSS, variations are provided based on the harmonic sequence for font size and the Fibonacci sequence for margins.
33
+
34
+ Also, if you follow the unitone CSS method of specifying font size, a balanced `line-height` will automatically be applied.
35
+
36
+ ## Fully CSS variables
37
+
38
+ CSS variables are used everywhere, including each design tokens and component properties.
39
+
40
+ <hr />
41
+
9
42
  ## GitHub
10
43
 
11
- https://github.com/inc2734/unitone-css
44
+ https://github.com/inc2734/unitone CSS
12
45
 
13
46
  ## NPM
14
47
 
15
- https://www.npmjs.com/package/@inc2734/unitone-css
48
+ https://www.npmjs.com/package/@inc2734/unitone CSS
16
49
 
17
50
  ## Storybook
18
51
 
19
- https://inc2734.github.io/unitone-css
52
+ https://inc2734.github.io/unitone CSS
20
53
 
21
54
  ## Browser support
22
55
 
package/src/stories/3.global-api.stories.mdx CHANGED
@@ -6,52 +6,56 @@ import { Meta } from '@storybook/addon-docs';
6
6
 
7
7
  ## Font size
8
8
 
9
- You can scale the font size with the CSS custom property `--unitone--font-size`. The minimum value is `1` and the maximum value is `7`. If you scale the font size with this CSS custom property, the `line-height` will be automatically set to an appropriate value.
9
+ You can scale the font size with the CSS custom property `--unitone--font-size`. The minimum value is `-2` and the maximum value is `7`. If you scale the font size with this CSS custom property, the `line-height` will be automatically set to an appropriate value.
10
+
11
+ Variations on font size are available based on the harmonic sequence.
10
12
 
11
13
  ```html
12
14
  <p style="--unitone--font-size: 2">
13
- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
14
- labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
15
- nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit
16
- esse cill
15
+ ...
17
16
  </p>
18
17
  ```
19
18
 
20
19
  ## Line height
21
20
 
22
- The half leading can be set. The default value is `0.3`.
21
+ The half leading can be set. The default value is `0.4`.
23
22
 
24
23
  ```html
25
24
  <p style="--unitone--half-leading: .4">
26
- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
27
- labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
28
- nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit
29
- esse cill
25
+ ...
30
26
  </p>
31
27
  ```
32
28
 
33
29
  ## Fluid typography
34
30
 
35
- You can using fluid typography. The font-size and the line-height change fluidly according to screen size.
31
+ You can using fluid typography. The `font-size` and the `line-height` change fluidly according to screen size.
36
32
 
37
33
  ```html
38
34
  <p style="--unitone--font-size: 7" data-unitone-layout="-fluid-typography">
39
- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
40
- labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
41
- nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit
42
- esse cill
35
+ ...
43
36
  </p>
44
37
  ```
45
38
 
46
- ## Margin / Padding
39
+ ## Margin / Gap
40
+
41
+ You can set the properly scaled margin and gap by using CSS custom properties. The minimum value is `--unitone--s-2` and the maximum value is `--unitone--s7`. `--unitone--s1` is the base value and `--unitone--s0` is `0`.
42
+
43
+ Variations on margin and gap are available based on the Fibonacci sequence.
44
+
45
+ ```html
46
+ <div style="margin: var(--unitone--s2); gap: var(--unitone--s1)">
47
+ ...
48
+ </div>
49
+ ```
50
+
51
+ ## Padding
52
+
53
+ You can set the properly scaled padding by using CSS custom properties. The minimum value is `--unitone--p-2` and the maximum value is `--unitone--p7`. `--unitone--p1` is the base value and `--unitone--p0` is `0`.
47
54
 
48
- You can set the properly scaled margin and padding by using CSS custom properties. The minimum value is `--unitone--s-2` and the maximum value is `--unitone--s4`. `--unitone--s1` is the base value (`1rem`) and `--unitone--s0` is `0`.
55
+ Variations on padding are available based on the Fibonacci sequence.
49
56
 
50
57
  ```html
51
- <div style="margin: var(--unitone--s2); padding: var(--unitone--s1)">
52
- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
53
- labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
54
- nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit
55
- esse cill
58
+ <div style="padding: var(--unitone--p2)">
59
+ ...
56
60
  </div>
57
61
  ```
package/src/stories/4.global-css-variables.stories.mdx ADDED
@@ -0,0 +1,198 @@
1
+ import { Meta } from '@storybook/addon-docs';
2
+
3
+ <Meta title="4: Global CSS variables" />
4
+
5
+ # Global CSS variables
6
+
7
+ ## Typography
8
+
9
+ ### --unitone--measure
10
+
11
+ Length of one line of text.
12
+
13
+ ### --unitone--font-size
14
+
15
+ Font size level. Font sizes are available in variations based on harmonic sequences. Can be set from `-2` to `7`. Default is `0`.
16
+
17
+ ### --unitone--half-leading
18
+
19
+ The size of the margins added above and below the text.
20
+
21
+ The size of one line (`line-height`) is calculated by the following formula.
22
+
23
+ ```css
24
+ 1 * var(--unitone--half-leading) * 2
25
+ ```
26
+
27
+ ### --unitone--line-height-slope
28
+
29
+ In general, the larger the font size, the narrower the line spacing between lines, making text easier to read. For this reason, `line-height` is often specified together with `font-size`, for example, `line-height: 1.1` for `font-size: 4rem`.
30
+
31
+ That's a lot of work. Therefore, we created a mechanism to automatically optimize the line spacing according to the font size at all times.
32
+
33
+ For example, suppose you want to use the following as a standard for `line-height`.
34
+
35
+ ```
36
+ A = (1, 1.6) // When font-size: 1rem, line-height: 1.6
37
+ B = (4, 1.1) // When font-size: 4rem, line-height: 1.1
38
+ ```
39
+
40
+ Then, the following formula is formed.
41
+
42
+ ```
43
+ y = -0.1666666666667x + 1.7666666666667 // y = line-height, x = Font size ratio
44
+ ```
45
+
46
+ This `-0.16666666666666666667` becomes `--unitone--line-height-slope`. This line-height-slope can be customized by overriding `--unitone--line-height-slope`.
47
+
48
+ ### --unitone--font-family
49
+
50
+ Basic `font-family`.
51
+
52
+ ## Margin / Gap / Padding
53
+
54
+ Space sizes are available in variations based on the Fibonacci sequence.
55
+
56
+ ### Standard (Mainly for `margin` / `gap`)
57
+
58
+ Can be set from `-2` to `7`.
59
+
60
+ For levels `2` and above, `clamp` is used to adjust the margins so that they do not become too large on small screens.
61
+
62
+ | CSS variables | Specific value |
63
+ | ---- | ---- |
64
+ | `--unitone--s-2` | The default is about `0.53em`. |
65
+ | `--unitone--s-1` | The default is about `1.07em`. |
66
+ | `--unitone--s0` | `0em` |
67
+ | `--unitone--s1` | The default is `1.8em`. |
68
+ | `--unitone--s2` | Default is `3em` to about `2.65em`. |
69
+ | `--unitone--s3` | Default is `4.8em` to about `3.18em`. |
70
+ | `--unitone--s4` | Default is `7.8em` to about `4.06em`. |
71
+ | `--unitone--s5` | Default is `12.6em` to about `5.46em`. |
72
+ | `--unitone--s6` | Default is `20.4em` to about `7.75em`. |
73
+ | `--unitone--s7` | Default is `33em` to about `11.44em`. |
74
+
75
+ ### For padding
76
+
77
+ Can be set from `-2` to `7`.
78
+
79
+ For levels `2` and above, `clamp` is used to adjust the margins so that they do not become too large on small screens (`--unitone--s{level}` will also be adjusted, but with a larger reduction).
80
+
81
+ | CSS variables | Specific value |
82
+ | ---- | ---- |
83
+ | `--unitone--p-2` | The default is about `0.53em`. |
84
+ | `--unitone--p-1` | The default is about `1.07em`. |
85
+ | `--unitone--p0` | `0em` |
86
+ | `--unitone--p1` | The default is `1.8em`. |
87
+ | `--unitone--p2` | Default is `3em` to about `1.99em`. |
88
+ | `--unitone--p3` | Default is `4.8em` to about `2.11em`. |
89
+ | `--unitone--p4` | Default is `7.8em` to about `2.33em`. |
90
+ | `--unitone--p5` | Default is `12.6em` to about `2.67em`. |
91
+ | `--unitone--p6` | Default is `20.4em` to about `3.23em`. |
92
+ | `--unitone--p7` | Default is `33em` to about `4.13em`. |
93
+
94
+ ### em base
95
+
96
+ Can be set from `-2` to `7`.
97
+
98
+ | CSS variables | Specific value |
99
+ | ---- | ---- |
100
+ | `--unitone--em-2` | The default is about `0.53em`. |
101
+ | `--unitone--em-1` | The default is about `1.07em`. |
102
+ | `--unitone--em0` | `0em` |
103
+ | `--unitone--em1` | The default is `1.8em`. |
104
+ | `--unitone--em2` | Default is `3em``. |
105
+ | `--unitone--em3` | Default is `4.8em`. |
106
+ | `--unitone--em4` | Default is `7.8em`. |
107
+ | `--unitone--em5` | Default is `12.6em`. |
108
+ | `--unitone--em6` | Default is `20.4em`. |
109
+ | `--unitone--em7` | Default is `33em`. |
110
+
111
+ ### rem base
112
+
113
+ Can be set from `-2` to `7`.
114
+
115
+ | CSS variables | Specific value |
116
+ | ---- | ---- |
117
+ | `--unitone--rem-2` | The default is about `0.53rem`. |
118
+ | `--unitone--rem-1` | The default is about `1.07rem`. |
119
+ | `--unitone--rem0` | `0rem` |
120
+ | `--unitone--rem1` | The default is `1.8rem`. |
121
+ | `--unitone--rem2` | Default is `3em``. |
122
+ | `--unitone--rem3` | Default is `4.8rem`. |
123
+ | `--unitone--rem4` | Default is `7.8rem`. |
124
+ | `--unitone--rem5` | Default is `12.6rem`. |
125
+ | `--unitone--rem6` | Default is `20.4rem`. |
126
+ | `--unitone--rem7` | Default is `33rem`. |
127
+
128
+ ### Grid (%) base
129
+
130
+ Size (`100%`) of the parent element divided and multiplied by an arbitrary number of grids.
131
+
132
+ The number of divisions is defined by `var(--unitone--grid-columns)`, and the margins between each grid are defined by var`(--unitone--grid-gap)`.
133
+
134
+ | CSS variables | Specific value |
135
+ | ---- | ---- |
136
+ | `--unitone--pg0` | 0% |
137
+ | `--unitone--pg1` | `((100% - {grid-gap} * ({grid-columns} - 1)) / {grid-columns})` |
138
+ | `--unitone--pg2` | `((100% - {grid-gap} * ({grid-columns} - 1)) / {grid-columns}) * 2 + {grid-gap}` |
139
+ | `--unitone--pg3` | `((100% - {grid-gap} * ({grid-columns} - 1)) / {grid-columns}) * 3 + {grid-gap} * 2` |
140
+ | `--unitone--pg4` | `((100% - {grid-gap} * ({grid-columns} - 1)) / {grid-columns}) * 4 + {grid-gap} * 3` |
141
+ | `--unitone--pg5` | `((100% - {grid-gap} * ({grid-columns} - 1)) / {grid-columns}) * 5 + {grid-gap} * 4` |
142
+ | `--unitone--pg6` | `((100% - {grid-gap} * ({grid-columns} - 1)) / {grid-columns}) * 6 + {grid-gap} * 5` |
143
+ | `--unitone--pg7` | `((100% - {grid-gap} * ({grid-columns} - 1)) / {grid-columns}) * 7 + {grid-gap} * 6` |
144
+ | `--unitone--pg8` | `((100% - {grid-gap} * ({grid-columns} - 1)) / {grid-columns}) * 8 + {grid-gap} * 7` |
145
+ | `--unitone--pg9` | `((100% - {grid-gap} * ({grid-columns} - 1)) / {grid-columns}) * 9 + {grid-gap} * 8` |
146
+ | `--unitone--pg10` | `((100% - {grid-gap} * ({grid-columns} - 1)) / {grid-columns}) * 10 + {grid-gap} * 9` |
147
+ | `--unitone--pg11` | `((100% - {grid-gap} * ({grid-columns} - 1)) / {grid-columns}) * 11 + {grid-gap} * 10` |
148
+ | `--unitone--pg12` | `((100% - {grid-gap} * ({grid-columns} - 1)) / {grid-columns}) * 12 + {grid-gap} * 11` |
149
+
150
+ ### Grid (Container size) base
151
+
152
+ Size (`var(--unitone--container-max-width)`) of the parent element divided and multiplied by an arbitrary number of grids.
153
+
154
+ The number of divisions is defined by `var(--unitone--grid-columns)`, and the margins between each grid are defined by var`(--unitone--grid-gap)`.
155
+
156
+ | CSS variables | Specific value |
157
+ | ---- | ---- |
158
+ | `--unitone--cg0` | 0% |
159
+ | `--unitone--cg1` | `(({container-max-width} - {grid-gap} * ({grid-columns} - 1)) / {grid-columns})` |
160
+ | `--unitone--cg2` | `(({container-max-width} - {grid-gap} * ({grid-columns} - 1)) / {grid-columns}) * 2 + {grid-gap}` |
161
+ | `--unitone--cg3` | `(({container-max-width} - {grid-gap} * ({grid-columns} - 1)) / {grid-columns}) * 3 + {grid-gap} * 2` |
162
+ | `--unitone--cg4` | `(({container-max-width} - {grid-gap} * ({grid-columns} - 1)) / {grid-columns}) * 4 + {grid-gap} * 3` |
163
+ | `--unitone--cg5` | `(({container-max-width} - {grid-gap} * ({grid-columns} - 1)) / {grid-columns}) * 5 + {grid-gap} * 4` |
164
+ | `--unitone--cg6` | `(({container-max-width} - {grid-gap} * ({grid-columns} - 1)) / {grid-columns}) * 6 + {grid-gap} * 5` |
165
+ | `--unitone--cg7` | `(({container-max-width} - {grid-gap} * ({grid-columns} - 1)) / {grid-columns}) * 7 + {grid-gap} * 6` |
166
+ | `--unitone--cg8` | `(({container-max-width} - {grid-gap} * ({grid-columns} - 1)) / {grid-columns}) * 8 + {grid-gap} * 7` |
167
+ | `--unitone--cg9` | `(({container-max-width} - {grid-gap} * ({grid-columns} - 1)) / {grid-columns}) * 9 + {grid-gap} * 8` |
168
+ | `--unitone--cg10` | `(({container-max-width} - {grid-gap} * ({grid-columns} - 1)) / {grid-columns}) * 10 + {grid-gap} * 9` |
169
+ | `--unitone--cg11` | `(({container-max-width} - {grid-gap} * ({grid-columns} - 1)) / {grid-columns}) * 11 + {grid-gap} * 10` |
170
+ | `--unitone--cg12` | `(({container-max-width} - {grid-gap} * ({grid-columns} - 1)) / {grid-columns}) * 12 + {grid-gap} * 11` |
171
+
172
+ ## Global gap
173
+
174
+ ### --unitone--global--gap
175
+
176
+ It is mainly specified for block gaps where the blocks are aligned left to right or on a grid.
177
+
178
+ ### --unitone--global--text-gap
179
+
180
+ It is mainly used for gaps between blocks of text that are aligned vertically or horizontally.
181
+
182
+ ## Global gutters
183
+
184
+ ### --unitone--global--gutters
185
+
186
+ It is specified in the left and right margins of the container.
187
+
188
+ ## Container size
189
+
190
+ ### --unitone--container-max-width
191
+
192
+ Container width.
193
+
194
+ ## Global shadow
195
+
196
+ ### --unitone--global--box-shadow
197
+
198
+ Basic `box-shadow`.
package/src/variables/_variables.scss CHANGED
@@ -23,3 +23,5 @@ $line-height: clamp(
23
23
  );
24
24
 
25
25
  $container-max-width: $max-breakpoint * 16px; // = 1280px
26
+ $grid-columns: 12;
27
+ $grid-rows: 7;