@inc2734/unitone-css 0.42.8 → 0.43.0

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 (12) hide show
  1. package/dist/app.css +1 -1
  2. package/dist/app.js +1 -1
  3. package/dist/storybook.css +1 -1
  4. package/package.json +1 -1
  5. package/src/app.js +1 -2
  6. package/src/layout-primitives/frame/README.md +8 -0
  7. package/src/layout-primitives/stack/_stack.scss +2 -2
  8. package/src/layout-primitives/vertical-writing/README.md +10 -0
  9. package/src/layout-primitives/vertical-writing/VerticalWriting.jsx +9 -1
  10. package/src/layout-primitives/vertical-writing/_vertical-writing.scss +16 -2
  11. package/src/layout-primitives/vertical-writing/stories/index.stories.jsx +8 -0
  12. package/src/.DS_Store +0 -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.16666;--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 * .2) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms2) - calc(var(--unitone--ms1) + var(--unitone--ms2) * 0.28125 * .2)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms2) * 0.28125 * .2)) * 1em + calc((var(--unitone--ms2) - calc(var(--unitone--ms1) + var(--unitone--ms2) * 0.28125 * .2)) / (57.5)) * 100vw),var(--unitone--ms2) * 1em);--unitone--p3:clamp(calc(var(--unitone--ms1) + var(--unitone--ms3) * 0.28125 * .2) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms3) - calc(var(--unitone--ms1) + var(--unitone--ms3) * 0.28125 * .2)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms3) * 0.28125 * .2)) * 1em + calc((var(--unitone--ms3) - calc(var(--unitone--ms1) + var(--unitone--ms3) * 0.28125 * .2)) / (57.5)) * 100vw),var(--unitone--ms3) * 1em);--unitone--p4:clamp(calc(var(--unitone--ms1) + var(--unitone--ms4) * 0.28125 * .2) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms4) - calc(var(--unitone--ms1) + var(--unitone--ms4) * 0.28125 * .2)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms4) * 0.28125 * .2)) * 1em + calc((var(--unitone--ms4) - calc(var(--unitone--ms1) + var(--unitone--ms4) * 0.28125 * .2)) / (57.5)) * 100vw),var(--unitone--ms4) * 1em);--unitone--p5:clamp(calc(var(--unitone--ms1) + var(--unitone--ms5) * 0.28125 * .2) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms5) - calc(var(--unitone--ms1) + var(--unitone--ms5) * 0.28125 * .2)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms5) * 0.28125 * .2)) * 1em + calc((var(--unitone--ms5) - calc(var(--unitone--ms1) + var(--unitone--ms5) * 0.28125 * .2)) / (57.5)) * 100vw),var(--unitone--ms5) * 1em);--unitone--p6:clamp(calc(var(--unitone--ms1) + var(--unitone--ms6) * 0.28125 * .2) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms6) - calc(var(--unitone--ms1) + var(--unitone--ms6) * 0.28125 * .2)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms6) * 0.28125 * .2)) * 1em + calc((var(--unitone--ms6) - calc(var(--unitone--ms1) + var(--unitone--ms6) * 0.28125 * .2)) / (57.5)) * 100vw),var(--unitone--ms6) * 1em);--unitone--p7:clamp(calc(var(--unitone--ms1) + var(--unitone--ms7) * 0.28125 * .2) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms7) - calc(var(--unitone--ms1) + var(--unitone--ms7) * 0.28125 * .2)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms7) * 0.28125 * .2)) * 1em + calc((var(--unitone--ms7) - calc(var(--unitone--ms1) + var(--unitone--ms7) * 0.28125 * .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}*{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){-webkit-margin-start:1.5em;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:flex-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);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--divider-width:1px;--unitone--divider-style:solid;--unitone--divider-color:var(--unitone--color--gray);--unitone--gap:var(--unitone--global--text-gap);--unitone--justify-content:flex-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: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;--unitone--justify-content:center;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;position:relative}[data-unitone-layout~=frame]:empty:before{content:"";display:block;padding:calc(100% / (var(--unitone--ratio))) 0 0}[data-unitone-layout~=frame] figure,[data-unitone-layout~=frame] picture{width:auto}[data-unitone-layout~=frame] img,[data-unitone-layout~=frame] video{aspect-ratio:var(--unitone--ratio);height:100%;-o-object-fit:cover;object-fit:cover;vertical-align:top;width:100%}@media (orientation:portrait){[data-unitone-layout~=frame][data-unitone-layout~=-switch]:empty:before{padding-top:calc(var(--unitone--ratio) * 100%)}[data-unitone-layout~=frame][data-unitone-layout~=-switch] img,[data-unitone-layout~=frame][data-unitone-layout~=-switch] video{aspect-ratio:calc(1 / (var(--unitone--ratio)))}}[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;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)}[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 :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~=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:250px;--unitone--divider-width:1px;--unitone--divider-style:solid;--unitone--divider-color:var(--unitone--color--gray);--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: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--divider-width:1px;--unitone--divider-style:solid;--unitone--divider-color:var(--unitone--color--gray);--unitone--gap:var(--unitone--global--text-gap);display:flex;flex-direction:column;gap:var(--unitone--gap);list-style:none}[data-unitone-layout~=stack]>*{margin-bottom:0;margin-top:0}[data-unitone-layout~=stack]:only-child{height:100%}[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)}[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)}[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}:where([data-unitone-layout~=stack]>li){margin-left:0}[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]>*{margin:0 auto}[data-unitone-layout~=text]>:not(:first-child){margin-top:calc(var(--unitone--margin-top, 1) * var(--unitone--gap))}[data-unitone-layout~=text]>:not(:last-child){margin-bottom:calc(var(--unitone--margin-bottom, 1) * var(--unitone--gap))}[data-unitone-layout~=text]>h1{--unitone--font-size:4}[data-unitone-layout~=text]>:where(h2,h3,h4,h5,h6){--unitone--margin-top:2}[data-unitone-layout~=text]>:where(h2,h3,h4,h5,h6)+:where(h2,h3,h4,h5,h6){--unitone--margin-top:0}[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{--unitone--font-size:0}[data-unitone-layout~=text]>h5+*{--unitone--margin-top:.5}[data-unitone-layout~=text]>h6{--unitone--font-size:0}[data-unitone-layout~=text]>h6+*{--unitone--margin-top:.5}[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}:where([data-unitone-layout~=text]>*){max-width:min(100%,var(--unitone--max-width))}: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~=text]:lang(ja){font-feature-settings:"palt" 0;font-kerning:none}[data-unitone-layout~=text]:lang(ja)>:where(h1,h2,h3,h4,h5){font-feature-settings:"palt" 1;font-kerning:normal}[data-unitone-layout~=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);text-orientation:var(--unitone--text-orientation);width:100%;writing-mode:vertical-rl}[data-unitone-layout~=vertical-writing]>*{height:var(--unitone--max-height);max-height:var(--unitone--max-height)}[data-unitone-layout~=vertical-writing]>:not(:first-child){-webkit-margin-before:calc(var(--unitone--margin-block-start, 1) * var(--unitone--gap));margin-block-start:calc(var(--unitone--margin-block-start, 1) * var(--unitone--gap))}[data-unitone-layout~=vertical-writing]>:not(:last-child){-webkit-margin-after:calc(var(--unitone--margin-block-end, 1) * var(--unitone--gap));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:0}[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:flex-start!important}[data-unitone-layout~="-align-items:center"]{--unitone--align-items:center!important}[data-unitone-layout~="-align-items:end"]{--unitone--align-items:flex-end!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)}[data-unitone-layout~="-justify-content:start"]{--unitone--justify-content:flex-start!important}[data-unitone-layout~="-justify-content:center"]{--unitone--justify-content:center!important}[data-unitone-layout~="-justify-content:end"]{--unitone--justify-content:flex-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}
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.16666;--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 * .2) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms2) - calc(var(--unitone--ms1) + var(--unitone--ms2) * 0.28125 * .2)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms2) * 0.28125 * .2)) * 1em + calc((var(--unitone--ms2) - calc(var(--unitone--ms1) + var(--unitone--ms2) * 0.28125 * .2)) / (57.5)) * 100vw),var(--unitone--ms2) * 1em);--unitone--p3:clamp(calc(var(--unitone--ms1) + var(--unitone--ms3) * 0.28125 * .2) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms3) - calc(var(--unitone--ms1) + var(--unitone--ms3) * 0.28125 * .2)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms3) * 0.28125 * .2)) * 1em + calc((var(--unitone--ms3) - calc(var(--unitone--ms1) + var(--unitone--ms3) * 0.28125 * .2)) / (57.5)) * 100vw),var(--unitone--ms3) * 1em);--unitone--p4:clamp(calc(var(--unitone--ms1) + var(--unitone--ms4) * 0.28125 * .2) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms4) - calc(var(--unitone--ms1) + var(--unitone--ms4) * 0.28125 * .2)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms4) * 0.28125 * .2)) * 1em + calc((var(--unitone--ms4) - calc(var(--unitone--ms1) + var(--unitone--ms4) * 0.28125 * .2)) / (57.5)) * 100vw),var(--unitone--ms4) * 1em);--unitone--p5:clamp(calc(var(--unitone--ms1) + var(--unitone--ms5) * 0.28125 * .2) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms5) - calc(var(--unitone--ms1) + var(--unitone--ms5) * 0.28125 * .2)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms5) * 0.28125 * .2)) * 1em + calc((var(--unitone--ms5) - calc(var(--unitone--ms1) + var(--unitone--ms5) * 0.28125 * .2)) / (57.5)) * 100vw),var(--unitone--ms5) * 1em);--unitone--p6:clamp(calc(var(--unitone--ms1) + var(--unitone--ms6) * 0.28125 * .2) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms6) - calc(var(--unitone--ms1) + var(--unitone--ms6) * 0.28125 * .2)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms6) * 0.28125 * .2)) * 1em + calc((var(--unitone--ms6) - calc(var(--unitone--ms1) + var(--unitone--ms6) * 0.28125 * .2)) / (57.5)) * 100vw),var(--unitone--ms6) * 1em);--unitone--p7:clamp(calc(var(--unitone--ms1) + var(--unitone--ms7) * 0.28125 * .2) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms7) - calc(var(--unitone--ms1) + var(--unitone--ms7) * 0.28125 * .2)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms7) * 0.28125 * .2)) * 1em + calc((var(--unitone--ms7) - calc(var(--unitone--ms1) + var(--unitone--ms7) * 0.28125 * .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}*{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){-webkit-margin-start:1.5em;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:flex-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);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--divider-width:1px;--unitone--divider-style:solid;--unitone--divider-color:var(--unitone--color--gray);--unitone--gap:var(--unitone--global--text-gap);--unitone--justify-content:flex-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: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;--unitone--justify-content:center;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;position:relative}[data-unitone-layout~=frame]:empty:before{content:"";display:block;padding:calc(100% / (var(--unitone--ratio))) 0 0}[data-unitone-layout~=frame] figure,[data-unitone-layout~=frame] picture{width:auto}[data-unitone-layout~=frame] img,[data-unitone-layout~=frame] video{aspect-ratio:var(--unitone--ratio);height:100%;-o-object-fit:cover;object-fit:cover;vertical-align:top;width:100%}@media (orientation:portrait){[data-unitone-layout~=frame][data-unitone-layout~=-switch]:empty:before{padding-top:calc(var(--unitone--ratio) * 100%)}[data-unitone-layout~=frame][data-unitone-layout~=-switch] img,[data-unitone-layout~=frame][data-unitone-layout~=-switch] video{aspect-ratio:calc(1 / (var(--unitone--ratio)))}}[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;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)}[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 :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~=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:250px;--unitone--divider-width:1px;--unitone--divider-style:solid;--unitone--divider-color:var(--unitone--color--gray);--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: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--divider-width:1px;--unitone--divider-style:solid;--unitone--divider-color:var(--unitone--color--gray);--unitone--gap:var(--unitone--global--text-gap);display:flex;flex-direction:column;gap:var(--unitone--gap);list-style:none}[data-unitone-layout~=stack]>*{-webkit-margin-before:0;-webkit-margin-after:0;margin-block-end:0;margin-block-start:0}[data-unitone-layout~=stack]:only-child{height:100%}[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)}[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)}[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}:where([data-unitone-layout~=stack]>li){margin-left:0}[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]>*{margin:0 auto}[data-unitone-layout~=text]>:not(:first-child){margin-top:calc(var(--unitone--margin-top, 1) * var(--unitone--gap))}[data-unitone-layout~=text]>:not(:last-child){margin-bottom:calc(var(--unitone--margin-bottom, 1) * var(--unitone--gap))}[data-unitone-layout~=text]>h1{--unitone--font-size:4}[data-unitone-layout~=text]>:where(h2,h3,h4,h5,h6){--unitone--margin-top:2}[data-unitone-layout~=text]>:where(h2,h3,h4,h5,h6)+:where(h2,h3,h4,h5,h6){--unitone--margin-top:0}[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{--unitone--font-size:0}[data-unitone-layout~=text]>h5+*{--unitone--margin-top:.5}[data-unitone-layout~=text]>h6{--unitone--font-size:0}[data-unitone-layout~=text]>h6+*{--unitone--margin-top:.5}[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}:where([data-unitone-layout~=text]>*){max-width:min(100%,var(--unitone--max-width))}: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~=text]:lang(ja){font-feature-settings:"palt" 0;font-kerning:none}[data-unitone-layout~=text]:lang(ja)>:where(h1,h2,h3,h4,h5){font-feature-settings:"palt" 1;font-kerning:normal}[data-unitone-layout~=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);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){-webkit-margin-before:calc(var(--unitone--margin-block-start, 1) * var(--unitone--gap));margin-block-start:calc(var(--unitone--margin-block-start, 1) * var(--unitone--gap))}[data-unitone-layout~=vertical-writing]>:not(:last-child){-webkit-margin-after:calc(var(--unitone--margin-block-end, 1) * var(--unitone--gap));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:0}[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:flex-start!important}[data-unitone-layout~="-align-items:center"]{--unitone--align-items:center!important}[data-unitone-layout~="-align-items:end"]{--unitone--align-items:flex-end!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)}[data-unitone-layout~="-justify-content:start"]{--unitone--justify-content:flex-start!important}[data-unitone-layout~="-justify-content:center"]{--unitone--justify-content:center!important}[data-unitone-layout~="-justify-content:end"]{--unitone--justify-content:flex-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}
package/dist/app.js CHANGED
@@ -1 +1 @@
1
- !function(){"use strict";var e={};function t(e,t){var o="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!o){if(Array.isArray(e)||(o=function(e,t){if(e){if("string"==typeof e)return n(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);return"Object"===o&&e.constructor&&(o=e.constructor.name),"Map"===o||"Set"===o?Array.from(e):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?n(e,t):void 0}}(e))||t&&e&&"number"==typeof e.length){o&&(e=o);var r=0,i=function(){};return{s:i,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,l=!0,u=!1;return{s:function(){o=o.call(e)},n:function(){var e=o.next();return l=e.done,e},e:function(e){u=!0,a=e},f:function(){try{l||null==o.return||o.return()}finally{if(u)throw a}}}}function n(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}e.d=function(t,n){for(var o in n)e.o(n,o)&&!e.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:n[o]})},e.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)};var o=new ResizeObserver((function(e){var n,o,r,i,a=t(e);try{for(a.s();!(n=a.n()).done;){o=n.value.target,void 0,void 0,r=parseFloat(window.getComputedStyle(document.documentElement).getPropertyValue("font-size")),i=parseFloat(window.getComputedStyle(o).getPropertyValue("font-size")),o.style.setProperty("--unitone--fluid-font-size-magnification",i/r)}}catch(e){a.e(e)}finally{a.f()}}));document.addEventListener("DOMContentLoaded",(function(){document.querySelectorAll('[data-unitone-layout~="-fluid-typography"]').forEach((function(e){o.observe(e)}))}));var r=function(e){var t,n,o=null===(t=[].slice.call(e.children))||void 0===t?void 0:t[0];o&&[].slice.call(e.children).forEach((function(e){var t,r=o.getBoundingClientRect(),i=null===(t=n)||void 0===t?void 0:t.getBoundingClientRect(),a=e.getBoundingClientRect(),l=(e.getAttribute("data-unitone-layout")||"").split(" ");r.top<a.top?l.includes("-linewrap")||l.push("-linewrap"):l=l.filter((function(e){return"-linewrap"!==e})),o===e||null!=i&&i.top&&i.top<a.top?l.includes("-bol")||l.push("-bol"):l=l.filter((function(e){return"-bol"!==e})),e.setAttribute("data-unitone-layout",l.join(" ")),n=e}))},i=new ResizeObserver((function(e){var n,o=t(e);try{for(o.s();!(n=o.n()).done;){var i=n.value;r(i.target)}}catch(e){o.e(e)}finally{o.f()}}));document.addEventListener("DOMContentLoaded",(function(){document.querySelectorAll('[data-unitone-layout*="-divider:"]').forEach((function(e){i.observe(e)}))}));var a=function(e){var t;if(e.parentNode,e.parentNode.style.height="",e.style.columnCount="",[].slice.call(e.children).reverse().some((function(e){if(!["absolute","fixed"].includes(getComputedStyle(e).position))return t=e,!0})),t){e.getBoundingClientRect().left>t.getBoundingClientRect().left&&(e.style.columnCount=2);var n=e.getBoundingClientRect().top+e.getBoundingClientRect().height,o=t.getBoundingClientRect().top+t.getBoundingClientRect().height;n<o&&(e.parentNode.style.height="".concat(Math.ceil(o-e.getBoundingClientRect().top),"px"))}};document.addEventListener("DOMContentLoaded",(function(){document.querySelectorAll('[data-unitone-layout~="vertical-writing"]').forEach((function(e){!function(e){var n=0;new MutationObserver((function(e){var n,o=t(e);try{for(o.s();!(n=o.n()).done;){var r=n.value;a(r.target)}}catch(e){o.e(e)}finally{o.f()}})).observe(e,{characterData:!0,childList:!0,subtree:!0}),new ResizeObserver((function(e){var o,r=t(e);try{for(r.s();!(o=r.n()).done;){var i,l=o.value,u=null===(i=l.borderBoxSize)||void 0===i?void 0:i[0].blockSize;u!==n&&(n=u,a(l.target))}}catch(e){r.e(e)}finally{r.f()}})).observe(e)}(e)}))}))}();
1
+ !function(){"use strict";var e={};function t(e,t){var o="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!o){if(Array.isArray(e)||(o=function(e,t){if(e){if("string"==typeof e)return n(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);return"Object"===o&&e.constructor&&(o=e.constructor.name),"Map"===o||"Set"===o?Array.from(e):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?n(e,t):void 0}}(e))||t&&e&&"number"==typeof e.length){o&&(e=o);var r=0,i=function(){};return{s:i,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,a=!0,u=!1;return{s:function(){o=o.call(e)},n:function(){var e=o.next();return a=e.done,e},e:function(e){u=!0,l=e},f:function(){try{a||null==o.return||o.return()}finally{if(u)throw l}}}}function n(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}e.d=function(t,n){for(var o in n)e.o(n,o)&&!e.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:n[o]})},e.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)};var o=new ResizeObserver((function(e){var n,o,r,i,l=t(e);try{for(l.s();!(n=l.n()).done;){o=n.value.target,void 0,void 0,r=parseFloat(window.getComputedStyle(document.documentElement).getPropertyValue("font-size")),i=parseFloat(window.getComputedStyle(o).getPropertyValue("font-size")),o.style.setProperty("--unitone--fluid-font-size-magnification",i/r)}}catch(e){l.e(e)}finally{l.f()}}));document.addEventListener("DOMContentLoaded",(function(){document.querySelectorAll('[data-unitone-layout~="-fluid-typography"]').forEach((function(e){o.observe(e)}))}));var r=function(e){var t,n,o=null===(t=[].slice.call(e.children))||void 0===t?void 0:t[0];o&&[].slice.call(e.children).forEach((function(e){var t,r=o.getBoundingClientRect(),i=null===(t=n)||void 0===t?void 0:t.getBoundingClientRect(),l=e.getBoundingClientRect(),a=(e.getAttribute("data-unitone-layout")||"").split(" ");r.top<l.top?a.includes("-linewrap")||a.push("-linewrap"):a=a.filter((function(e){return"-linewrap"!==e})),o===e||null!=i&&i.top&&i.top<l.top?a.includes("-bol")||a.push("-bol"):a=a.filter((function(e){return"-bol"!==e})),e.setAttribute("data-unitone-layout",a.join(" ")),n=e}))},i=new ResizeObserver((function(e){var n,o=t(e);try{for(o.s();!(n=o.n()).done;){var i=n.value;r(i.target)}}catch(e){o.e(e)}finally{o.f()}}));document.addEventListener("DOMContentLoaded",(function(){document.querySelectorAll('[data-unitone-layout*="-divider:"]').forEach((function(e){i.observe(e)}))}));var l=function(e){var t;if(e.parentNode.style.height="",e.style.columnCount="",[].slice.call(e.children).reverse().some((function(e){if(!["absolute","fixed"].includes(getComputedStyle(e).position))return t=e,!0})),t){e.getBoundingClientRect().left>t.getBoundingClientRect().left&&(e.style.columnCount=2);var n=e.getBoundingClientRect().top+e.getBoundingClientRect().height,o=t.getBoundingClientRect().top+t.getBoundingClientRect().height;n<o&&(e.parentNode.style.height="".concat(Math.ceil(o-e.getBoundingClientRect().top),"px"))}};document.addEventListener("DOMContentLoaded",(function(){document.querySelectorAll('[data-unitone-layout~="vertical-writing"]').forEach((function(e){!function(e){var n=0;new MutationObserver((function(n){var o,r=t(n);try{for(r.s();!(o=r.n()).done;)o.value,l(e)}catch(e){r.e(e)}finally{r.f()}})).observe(e,{characterData:!0,childList:!0,subtree:!0}),new ResizeObserver((function(e){var o,r=t(e);try{for(r.s();!(o=r.n()).done;){var i,a=o.value,u=null===(i=a.borderBoxSize)||void 0===i?void 0:i[0].blockSize;u!==n&&(n=u,l(a.target))}}catch(e){r.e(e)}finally{r.f()}})).observe(e)}(e)}))}))}();
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.16666;--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 * .2) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms2) - calc(var(--unitone--ms1) + var(--unitone--ms2) * 0.28125 * .2)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms2) * 0.28125 * .2)) * 1em + calc((var(--unitone--ms2) - calc(var(--unitone--ms1) + var(--unitone--ms2) * 0.28125 * .2)) / (57.5)) * 100vw),var(--unitone--ms2) * 1em);--unitone--p3:clamp(calc(var(--unitone--ms1) + var(--unitone--ms3) * 0.28125 * .2) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms3) - calc(var(--unitone--ms1) + var(--unitone--ms3) * 0.28125 * .2)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms3) * 0.28125 * .2)) * 1em + calc((var(--unitone--ms3) - calc(var(--unitone--ms1) + var(--unitone--ms3) * 0.28125 * .2)) / (57.5)) * 100vw),var(--unitone--ms3) * 1em);--unitone--p4:clamp(calc(var(--unitone--ms1) + var(--unitone--ms4) * 0.28125 * .2) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms4) - calc(var(--unitone--ms1) + var(--unitone--ms4) * 0.28125 * .2)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms4) * 0.28125 * .2)) * 1em + calc((var(--unitone--ms4) - calc(var(--unitone--ms1) + var(--unitone--ms4) * 0.28125 * .2)) / (57.5)) * 100vw),var(--unitone--ms4) * 1em);--unitone--p5:clamp(calc(var(--unitone--ms1) + var(--unitone--ms5) * 0.28125 * .2) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms5) - calc(var(--unitone--ms1) + var(--unitone--ms5) * 0.28125 * .2)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms5) * 0.28125 * .2)) * 1em + calc((var(--unitone--ms5) - calc(var(--unitone--ms1) + var(--unitone--ms5) * 0.28125 * .2)) / (57.5)) * 100vw),var(--unitone--ms5) * 1em);--unitone--p6:clamp(calc(var(--unitone--ms1) + var(--unitone--ms6) * 0.28125 * .2) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms6) - calc(var(--unitone--ms1) + var(--unitone--ms6) * 0.28125 * .2)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms6) * 0.28125 * .2)) * 1em + calc((var(--unitone--ms6) - calc(var(--unitone--ms1) + var(--unitone--ms6) * 0.28125 * .2)) / (57.5)) * 100vw),var(--unitone--ms6) * 1em);--unitone--p7:clamp(calc(var(--unitone--ms1) + var(--unitone--ms7) * 0.28125 * .2) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms7) - calc(var(--unitone--ms1) + var(--unitone--ms7) * 0.28125 * .2)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms7) * 0.28125 * .2)) * 1em + calc((var(--unitone--ms7) - calc(var(--unitone--ms1) + var(--unitone--ms7) * 0.28125 * .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}*{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){-webkit-margin-start:1.5em;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:flex-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);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--divider-width:1px;--unitone--divider-style:solid;--unitone--divider-color:var(--unitone--color--gray);--unitone--gap:var(--unitone--global--text-gap);--unitone--justify-content:flex-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: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;--unitone--justify-content:center;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;position:relative}[data-unitone-layout~=frame]:empty:before{content:"";display:block;padding:calc(100% / (var(--unitone--ratio))) 0 0}[data-unitone-layout~=frame] figure,[data-unitone-layout~=frame] picture{width:auto}[data-unitone-layout~=frame] img,[data-unitone-layout~=frame] video{aspect-ratio:var(--unitone--ratio);height:100%;-o-object-fit:cover;object-fit:cover;vertical-align:top;width:100%}@media (orientation:portrait){[data-unitone-layout~=frame][data-unitone-layout~=-switch]:empty:before{padding-top:calc(var(--unitone--ratio) * 100%)}[data-unitone-layout~=frame][data-unitone-layout~=-switch] img,[data-unitone-layout~=frame][data-unitone-layout~=-switch] video{aspect-ratio:calc(1 / (var(--unitone--ratio)))}}[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;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)}[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 :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~=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:250px;--unitone--divider-width:1px;--unitone--divider-style:solid;--unitone--divider-color:var(--unitone--color--gray);--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: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--divider-width:1px;--unitone--divider-style:solid;--unitone--divider-color:var(--unitone--color--gray);--unitone--gap:var(--unitone--global--text-gap);display:flex;flex-direction:column;gap:var(--unitone--gap);list-style:none}[data-unitone-layout~=stack]>*{margin-bottom:0;margin-top:0}[data-unitone-layout~=stack]:only-child{height:100%}[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)}[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)}[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}:where([data-unitone-layout~=stack]>li){margin-left:0}[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]>*{margin:0 auto}[data-unitone-layout~=text]>:not(:first-child){margin-top:calc(var(--unitone--margin-top, 1) * var(--unitone--gap))}[data-unitone-layout~=text]>:not(:last-child){margin-bottom:calc(var(--unitone--margin-bottom, 1) * var(--unitone--gap))}[data-unitone-layout~=text]>h1{--unitone--font-size:4}[data-unitone-layout~=text]>:where(h2,h3,h4,h5,h6){--unitone--margin-top:2}[data-unitone-layout~=text]>:where(h2,h3,h4,h5,h6)+:where(h2,h3,h4,h5,h6){--unitone--margin-top:0}[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{--unitone--font-size:0}[data-unitone-layout~=text]>h5+*{--unitone--margin-top:.5}[data-unitone-layout~=text]>h6{--unitone--font-size:0}[data-unitone-layout~=text]>h6+*{--unitone--margin-top:.5}[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}:where([data-unitone-layout~=text]>*){max-width:min(100%,var(--unitone--max-width))}: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~=text]:lang(ja){font-feature-settings:"palt" 0;font-kerning:none}[data-unitone-layout~=text]:lang(ja)>:where(h1,h2,h3,h4,h5){font-feature-settings:"palt" 1;font-kerning:normal}[data-unitone-layout~=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);text-orientation:var(--unitone--text-orientation);width:100%;writing-mode:vertical-rl}[data-unitone-layout~=vertical-writing]>*{height:var(--unitone--max-height);max-height:var(--unitone--max-height)}[data-unitone-layout~=vertical-writing]>:not(:first-child){-webkit-margin-before:calc(var(--unitone--margin-block-start, 1) * var(--unitone--gap));margin-block-start:calc(var(--unitone--margin-block-start, 1) * var(--unitone--gap))}[data-unitone-layout~=vertical-writing]>:not(:last-child){-webkit-margin-after:calc(var(--unitone--margin-block-end, 1) * var(--unitone--gap));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:0}[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:flex-start!important}[data-unitone-layout~="-align-items:center"]{--unitone--align-items:center!important}[data-unitone-layout~="-align-items:end"]{--unitone--align-items:flex-end!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)}[data-unitone-layout~="-justify-content:start"]{--unitone--justify-content:flex-start!important}[data-unitone-layout~="-justify-content:center"]{--unitone--justify-content:center!important}[data-unitone-layout~="-justify-content:end"]{--unitone--justify-content:flex-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}
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.16666;--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 * .2) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms2) - calc(var(--unitone--ms1) + var(--unitone--ms2) * 0.28125 * .2)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms2) * 0.28125 * .2)) * 1em + calc((var(--unitone--ms2) - calc(var(--unitone--ms1) + var(--unitone--ms2) * 0.28125 * .2)) / (57.5)) * 100vw),var(--unitone--ms2) * 1em);--unitone--p3:clamp(calc(var(--unitone--ms1) + var(--unitone--ms3) * 0.28125 * .2) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms3) - calc(var(--unitone--ms1) + var(--unitone--ms3) * 0.28125 * .2)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms3) * 0.28125 * .2)) * 1em + calc((var(--unitone--ms3) - calc(var(--unitone--ms1) + var(--unitone--ms3) * 0.28125 * .2)) / (57.5)) * 100vw),var(--unitone--ms3) * 1em);--unitone--p4:clamp(calc(var(--unitone--ms1) + var(--unitone--ms4) * 0.28125 * .2) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms4) - calc(var(--unitone--ms1) + var(--unitone--ms4) * 0.28125 * .2)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms4) * 0.28125 * .2)) * 1em + calc((var(--unitone--ms4) - calc(var(--unitone--ms1) + var(--unitone--ms4) * 0.28125 * .2)) / (57.5)) * 100vw),var(--unitone--ms4) * 1em);--unitone--p5:clamp(calc(var(--unitone--ms1) + var(--unitone--ms5) * 0.28125 * .2) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms5) - calc(var(--unitone--ms1) + var(--unitone--ms5) * 0.28125 * .2)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms5) * 0.28125 * .2)) * 1em + calc((var(--unitone--ms5) - calc(var(--unitone--ms1) + var(--unitone--ms5) * 0.28125 * .2)) / (57.5)) * 100vw),var(--unitone--ms5) * 1em);--unitone--p6:clamp(calc(var(--unitone--ms1) + var(--unitone--ms6) * 0.28125 * .2) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms6) - calc(var(--unitone--ms1) + var(--unitone--ms6) * 0.28125 * .2)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms6) * 0.28125 * .2)) * 1em + calc((var(--unitone--ms6) - calc(var(--unitone--ms1) + var(--unitone--ms6) * 0.28125 * .2)) / (57.5)) * 100vw),var(--unitone--ms6) * 1em);--unitone--p7:clamp(calc(var(--unitone--ms1) + var(--unitone--ms7) * 0.28125 * .2) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms7) - calc(var(--unitone--ms1) + var(--unitone--ms7) * 0.28125 * .2)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms7) * 0.28125 * .2)) * 1em + calc((var(--unitone--ms7) - calc(var(--unitone--ms1) + var(--unitone--ms7) * 0.28125 * .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}*{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){-webkit-margin-start:1.5em;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:flex-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);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--divider-width:1px;--unitone--divider-style:solid;--unitone--divider-color:var(--unitone--color--gray);--unitone--gap:var(--unitone--global--text-gap);--unitone--justify-content:flex-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: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;--unitone--justify-content:center;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;position:relative}[data-unitone-layout~=frame]:empty:before{content:"";display:block;padding:calc(100% / (var(--unitone--ratio))) 0 0}[data-unitone-layout~=frame] figure,[data-unitone-layout~=frame] picture{width:auto}[data-unitone-layout~=frame] img,[data-unitone-layout~=frame] video{aspect-ratio:var(--unitone--ratio);height:100%;-o-object-fit:cover;object-fit:cover;vertical-align:top;width:100%}@media (orientation:portrait){[data-unitone-layout~=frame][data-unitone-layout~=-switch]:empty:before{padding-top:calc(var(--unitone--ratio) * 100%)}[data-unitone-layout~=frame][data-unitone-layout~=-switch] img,[data-unitone-layout~=frame][data-unitone-layout~=-switch] video{aspect-ratio:calc(1 / (var(--unitone--ratio)))}}[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;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)}[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 :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~=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:250px;--unitone--divider-width:1px;--unitone--divider-style:solid;--unitone--divider-color:var(--unitone--color--gray);--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: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--divider-width:1px;--unitone--divider-style:solid;--unitone--divider-color:var(--unitone--color--gray);--unitone--gap:var(--unitone--global--text-gap);display:flex;flex-direction:column;gap:var(--unitone--gap);list-style:none}[data-unitone-layout~=stack]>*{-webkit-margin-before:0;-webkit-margin-after:0;margin-block-end:0;margin-block-start:0}[data-unitone-layout~=stack]:only-child{height:100%}[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)}[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)}[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}:where([data-unitone-layout~=stack]>li){margin-left:0}[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]>*{margin:0 auto}[data-unitone-layout~=text]>:not(:first-child){margin-top:calc(var(--unitone--margin-top, 1) * var(--unitone--gap))}[data-unitone-layout~=text]>:not(:last-child){margin-bottom:calc(var(--unitone--margin-bottom, 1) * var(--unitone--gap))}[data-unitone-layout~=text]>h1{--unitone--font-size:4}[data-unitone-layout~=text]>:where(h2,h3,h4,h5,h6){--unitone--margin-top:2}[data-unitone-layout~=text]>:where(h2,h3,h4,h5,h6)+:where(h2,h3,h4,h5,h6){--unitone--margin-top:0}[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{--unitone--font-size:0}[data-unitone-layout~=text]>h5+*{--unitone--margin-top:.5}[data-unitone-layout~=text]>h6{--unitone--font-size:0}[data-unitone-layout~=text]>h6+*{--unitone--margin-top:.5}[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}:where([data-unitone-layout~=text]>*){max-width:min(100%,var(--unitone--max-width))}: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~=text]:lang(ja){font-feature-settings:"palt" 0;font-kerning:none}[data-unitone-layout~=text]:lang(ja)>:where(h1,h2,h3,h4,h5){font-feature-settings:"palt" 1;font-kerning:normal}[data-unitone-layout~=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);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){-webkit-margin-before:calc(var(--unitone--margin-block-start, 1) * var(--unitone--gap));margin-block-start:calc(var(--unitone--margin-block-start, 1) * var(--unitone--gap))}[data-unitone-layout~=vertical-writing]>:not(:last-child){-webkit-margin-after:calc(var(--unitone--margin-block-end, 1) * var(--unitone--gap));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:0}[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:flex-start!important}[data-unitone-layout~="-align-items:center"]{--unitone--align-items:center!important}[data-unitone-layout~="-align-items:end"]{--unitone--align-items:flex-end!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)}[data-unitone-layout~="-justify-content:start"]{--unitone--justify-content:flex-start!important}[data-unitone-layout~="-justify-content:center"]{--unitone--justify-content:center!important}[data-unitone-layout~="-justify-content:end"]{--unitone--justify-content:flex-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}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@inc2734/unitone-css",
3
- "version": "0.42.8",
3
+ "version": "0.43.0",
4
4
  "description": "",
5
5
  "main": "index.js",
6
6
  "license": "MIT",
package/src/app.js CHANGED
@@ -68,7 +68,6 @@ document.addEventListener('DOMContentLoaded', () => {
68
68
  });
69
69
 
70
70
  const setColumnCountForVertical = (target) => {
71
- const parent = target.parentNode;
72
71
  target.parentNode.style.height = '';
73
72
  target.style.columnCount = '';
74
73
 
@@ -109,7 +108,7 @@ export const verticalsResizeObserve = (target) => {
109
108
 
110
109
  const mutationObserver = new MutationObserver((entries) => {
111
110
  for (const entry of entries) {
112
- setColumnCountForVertical(entry.target);
111
+ setColumnCountForVertical(target);
113
112
  }
114
113
  });
115
114
 
package/src/layout-primitives/frame/README.md CHANGED
@@ -5,3 +5,11 @@
5
5
  <img src="https://placehold.jp/400x300.jpg" alt="" />
6
6
  </div>
7
7
  ```
8
+
9
+ ### Switch aspect ratio when portrait
10
+
11
+ ```html
12
+ <div data-unitone-layout="frame -switch">
13
+ <img src="https://placehold.jp/400x300.jpg" alt="" />
14
+ </div>
15
+ ```
package/src/layout-primitives/stack/_stack.scss CHANGED
@@ -10,8 +10,8 @@
10
10
  list-style: none;
11
11
 
12
12
  > * {
13
- margin-top: 0;
14
- margin-bottom: 0;
13
+ margin-block-start: 0;
14
+ margin-block-end: 0;
15
15
  }
16
16
 
17
17
  &:only-child {
package/src/layout-primitives/vertical-writing/README.md CHANGED
@@ -28,3 +28,13 @@
28
28
  </div>
29
29
  </div>
30
30
  ```
31
+
32
+ ### Switch writing mode when portrait
33
+
34
+ ```html
35
+ <div>
36
+ <div data-unitone-layout="vertical-writing -switch">
37
+ ...
38
+ </div>
39
+ </div>
40
+ ```
package/src/layout-primitives/vertical-writing/VerticalWriting.jsx CHANGED
@@ -1,6 +1,13 @@
1
1
  import React from 'react';
2
2
 
3
- export const VerticalWriting = ({ textOrientation, gap, maxHeight, style, ...props }) => {
3
+ export const VerticalWriting = ({
4
+ textOrientation,
5
+ gap,
6
+ maxHeight,
7
+ switchWritingMode,
8
+ style,
9
+ ...props
10
+ }) => {
4
11
  style = {
5
12
  ...style,
6
13
  '--unitone--max-height': !!maxHeight ? maxHeight : undefined,
@@ -13,6 +20,7 @@ export const VerticalWriting = ({ textOrientation, gap, maxHeight, style, ...pro
13
20
  'vertical-writing',
14
21
  'undefined' !== typeof textOrientation ? `-gap:${textOrientation}` : undefined,
15
22
  'undefined' !== typeof gap ? `-gap:${gap}` : undefined,
23
+ true === switchWritingMode ? `-switch` : undefined,
16
24
  ]
17
25
  .filter(Boolean)
18
26
  .join(' ')}
package/src/layout-primitives/vertical-writing/_vertical-writing.scss CHANGED
@@ -11,8 +11,22 @@
11
11
  text-orientation: var(--unitone--text-orientation);
12
12
 
13
13
  > * {
14
- max-height: var(--unitone--max-height);
15
- height: var(--unitone--max-height); // For Safari
14
+ max-inline-size: var(--unitone--max-height);
15
+ inline-size: var(--unitone--max-height); // For Safari
16
+ box-sizing: content-box;
17
+ }
18
+
19
+ @media (orientation: portrait) {
20
+ &[data-unitone-layout~="-switch"] {
21
+ column-count: auto;
22
+ width: auto;
23
+ writing-mode: horizontal-tb;
24
+
25
+ > * {
26
+ box-sizing: border-box;
27
+ inline-size: auto;
28
+ }
29
+ }
16
30
  }
17
31
 
18
32
  > *:not(:first-child) {
package/src/layout-primitives/vertical-writing/stories/index.stories.jsx CHANGED
@@ -32,11 +32,19 @@ export default {
32
32
  table: { defaultValue: { summary: '' } },
33
33
  type: { name: 'string', required: false },
34
34
  },
35
+ switchWritingMode: {
36
+ control: { type: 'inline-radio' },
37
+ description: 'When the orientation switches, the `writing-mode` also switches.',
38
+ options: [false, true],
39
+ table: { defaultValue: { summary: false } },
40
+ type: { name: 'boolean', required: false },
41
+ },
35
42
  },
36
43
  args: {
37
44
  gap: 1,
38
45
  maxHeight: 'calc(9 * var(--unitone--measure) / 16)',
39
46
  textOrientation: 'mixed',
47
+ switchWritingMode: false,
40
48
  },
41
49
  };
42
50
 
package/src/.DS_Store DELETED
Binary file