@inc2734/unitone-css 0.27.2 → 0.28.1

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 (16) hide show
  1. package/dist/app.css +1 -1
  2. package/dist/storybook.css +1 -1
  3. package/package.json +14 -14
  4. package/src/foundation/_foundation.scss +0 -1
  5. package/src/layout-primitives/cluster/Cluster.jsx +10 -1
  6. package/src/layout-primitives/cluster/README.md +15 -0
  7. package/src/layout-primitives/cluster/_cluster.scss +49 -2
  8. package/src/layout-primitives/cluster/stories/index.jsx +56 -0
  9. package/src/layout-primitives/decorator/stories/index.jsx +1 -1
  10. package/src/layout-primitives/reel/_reel.scss +1 -1
  11. package/src/layout-primitives/stack/README.md +15 -0
  12. package/src/layout-primitives/stack/Stack.jsx +2 -1
  13. package/src/layout-primitives/stack/_stack.scss +43 -0
  14. package/src/layout-primitives/stack/stories/index.jsx +74 -4
  15. package/src/settings/_body.scss +2 -2
  16. package/src/settings/_root.scss +7 -3
package/dist/app.css CHANGED
@@ -1 +1 @@
1
- :root{--unitone--measure:38rem;--unitone--color-white:#fff;--unitone--color-black:#000;--unitone--color-text:#222;--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--_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--container-max-width:1280px;--unitone--grid-columns:12;--unitone--grid-gap:var(--unitone--s1);--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);--unitone--global--box-shadow:0 5px 20px -5px rgba(0,0,0,.2);--unitone--global--border-radius:4px}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}address,article,aside,blockquote,dd,details,dialog,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,li,main,nav,ol,p,pre,section,table,ul{margin:0;padding:0}li{margin-left: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}}figure,picture{max-width:100%;width:-webkit-fit-content;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%}[data-unitone-layout~=both-sides]{--unitone--gap:var(--unitone--s1);--unitone--align-items:flex-start;--unitone--content-width:fit-content;--unitone--content-max-width:var(--unitone--measure);align-items:var(--unitone--align-items);display:flex;flex-wrap:wrap;gap:var(--unitone--gap);justify-content:space-between}[data-unitone-layout~=both-sides]>*{flex-basis:var(--unitone--content-width);flex-grow:0;max-width:min(100%,var(--unitone--content-max-width))}[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:var(--unitone--s0);--unitone--box-shadow:none;--unitone--position:static;--unitone--top:initial;--unitone--right:initial;--unitone--bottom:initial;--unitone--left:initial;--unitone--z-index:initial;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);padding:calc(var(--unitone--padding) - var(--unitone--half-leading) * 1em) 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~=decorator][data-unitone-layout~="-position:relative"]{--unitone--position:relative!important}[data-unitone-layout~=decorator][data-unitone-layout~="-position:absolute"]{--unitone--position:absolute!important}[data-unitone-layout~=decorator][data-unitone-layout~="-position:sticky"]{--unitone--position:sticky!important}[data-unitone-layout~=decorator][data-unitone-layout~="-position:fixed"]{--unitone--position:fixed!important}[data-unitone-layout~=center]{align-items:center;display:flex;flex-direction:column;margin-left:auto;margin-right:auto}[data-unitone-layout~=center][data-unitone-layout~=-with-text]{text-align:center}[data-unitone-layout~=cluster]{--unitone--align-items:flex-start;--unitone--gap:calc(var(--unitone--s1) / 2) var(--unitone--s1);--unitone--justify-content:flex-start;align-items:var(--unitone--align-items);display:flex;flex-wrap:wrap;gap:var(--unitone--gap);justify-content:var(--unitone--justify-content);list-style:none}[data-unitone-layout~=cluster]>*{margin:0}[data-unitone-layout~=container]{--unitone--gutters:var(--unitone--rem1);--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~=cover]{--unitone--gap:var(--unitone--s1);--unitone--min-height:100vh;--unitone--justify-content:center;display:flex;flex-flow:column;gap:var(--unitone--gap);min-height:var(--unitone--min-height);overflow:hidden;padding:var(--unitone--gap)}[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]{margin-bottom:auto;margin-top:auto}[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--s1);--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]:before{content:"";display:block;padding:calc(100% / (var(--unitone--ratio))) 0 0}[data-unitone-layout~=frame]>*{align-items:center;bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;position:absolute;right:0;top:0;width:100%}[data-unitone-layout~=frame] img,[data-unitone-layout~=frame] video{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media (orientation:portrait){[data-unitone-layout~=frame][data-unitone-layout~=-switch]:before{padding-top:calc(var(--unitone--ratio) * 100%)}}[data-unitone-layout~=layers]{--unitone--gap:var(--unitone--s1);--unitone--columns:16;--unitone--rows:9;--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);overflow:hidden;position:relative}@media (orientation:portrait){[data-unitone-layout~=layers]{--unitone--columns:9;--unitone--rows:16}}[data-unitone-layout~=layers]>*{--unitone--align-self:auto;--unitone--justify-self:auto;--unitone--grid-column:1/-1;--unitone--grid-row:1/-1;align-self:var(--unitone--align-self);grid-column:var(--unitone--grid-column);grid-row:var(--unitone--grid-row);justify-self:var(--unitone--justify-self);position:relative}[data-unitone-layout~=layers][data-unitone-layout~=-cover]>:first-child :where(picture,figure),[data-unitone-layout~=layers][data-unitone-layout~=-cover]>:where(img:first-child,video:first-child,picture:first-child,figure:first-child){bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}[data-unitone-layout~=layers][data-unitone-layout~=-cover]>:first-child :where(img,video),[data-unitone-layout~=layers][data-unitone-layout~=-cover]>: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--s1);--unitone--height:auto;--unitone--item-width:calc(var(--unitone--measure) / 2);--unitone--scrollbar-thumb-color:#ddd;--unitone--scrollbar-track-color:var(--unitone--color-white);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)}[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--column-min-width:250px;--unitone--gap:var(--unitone--s1);grid-gap:var(--unitone--gap);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(var(--unitone--column-min-width),100%),1fr))}[data-unitone-layout~=gutters]{--unitone--padding:var(--unitone--s3);padding-bottom:var(--unitone--padding);padding-top:var(--unitone--padding)}[data-unitone-layout~=stack]{--unitone--gap:var(--unitone--s1);display:flex;flex-direction:column;gap:var(--unitone--gap)}[data-unitone-layout~=stack]>*{flex:0 0 auto;margin-bottom:0;margin-top:0}[data-unitone-layout~=stack]:only-child{height:100%}[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~=switcher]{--unitone--gap:var(--unitone--s1);--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}[data-unitone-layout~=text]{--unitone--gap:var(--unitone--s1);--unitone--column-gap:var( --unitone--gap);--unitone--max-width:var(--unitone--measure)}[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-bottom:0}[data-unitone-layout~=text]>:where(h2,h3,h4,h5,h6)+:where(h2,h3,h4,h5,h6){--unitone--margin-top:.5}[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)}:where([data-unitone-layout~=text]>*){max-width:min(100%,var(--unitone--max-width))}:where([data-unitone-layout~=text][data-unitone-layout~=-center])>*{width:-webkit-fit-content;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~=with-sidebar]{--unitone--content-min-width:50%;--unitone--content-max-width:100%;--unitone--gap:var(--unitone--s1);--unitone--align-items:flex-start;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~="-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:start"]{margin-left:0!important}[data-unitone-layout~="-align:center"]{margin-left:auto!important;margin-right:auto!important}[data-unitone-layout~="-align:end"]{margin-right:0!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--rem-2)!important}[data-unitone-layout~="-gutters:-1"]{--unitone--gutters:var(--unitone--rem-1)!important}[data-unitone-layout~="-gutters:0"]{--unitone--gutters:var(--unitone--rem0)!important}[data-unitone-layout~="-gutters:1"]{--unitone--gutters:var(--unitone--rem1)!important}[data-unitone-layout~="-gutters:2"]{--unitone--gutters:var(--unitone--rem2)!important}[data-unitone-layout~="-gutters:3"]{--unitone--gutters:var(--unitone--rem3)!important}[data-unitone-layout~="-gutters:4"]{--unitone--gutters:var(--unitone--rem4)!important}[data-unitone-layout~="-gutters:5"]{--unitone--gutters:var(--unitone--rem5)!important}[data-unitone-layout~="-gutters:6"]{--unitone--gutters:var(--unitone--rem6)!important}[data-unitone-layout~="-gutters:7"]{--unitone--gutters:var(--unitone--rem7)!important}[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~="-padding:-2"]{--unitone--padding:var(--unitone--s-2)!important}[data-unitone-layout~="-padding:-1"]{--unitone--padding:var(--unitone--s-1)!important}[data-unitone-layout~="-padding:0"]{--unitone--padding:var(--unitone--s0)!important}[data-unitone-layout~="-padding:1"]{--unitone--padding:var(--unitone--s1)!important}[data-unitone-layout~="-padding:2"]{--unitone--padding:var(--unitone--s2)!important}[data-unitone-layout~="-padding:3"]{--unitone--padding:var(--unitone--s3)!important}[data-unitone-layout~="-padding:4"]{--unitone--padding:var(--unitone--s4)!important}[data-unitone-layout~="-padding:5"]{--unitone--padding:var(--unitone--s5)!important}[data-unitone-layout~="-padding:6"]{--unitone--padding:var(--unitone--s6)!important}[data-unitone-layout~="-padding:7"]{--unitone--padding:var(--unitone--s7)!important}
1
+ :root{--unitone--measure:38rem;--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--_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--container-max-width:1280px;--unitone--grid-columns:12;--unitone--grid-gap:var(--unitone--s1);--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);--unitone--global--box-shadow:0 5px 20px -5px rgba(0,0,0,.2);--unitone--global--border-radius:4px}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}address,article,aside,blockquote,dd,details,dialog,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}li{margin-left: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}}figure,picture{max-width:100%;width:-webkit-fit-content;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%}[data-unitone-layout~=both-sides]{--unitone--gap:var(--unitone--s1);--unitone--align-items:flex-start;--unitone--content-width:fit-content;--unitone--content-max-width:var(--unitone--measure);align-items:var(--unitone--align-items);display:flex;flex-wrap:wrap;gap:var(--unitone--gap);justify-content:space-between}[data-unitone-layout~=both-sides]>*{flex-basis:var(--unitone--content-width);flex-grow:0;max-width:min(100%,var(--unitone--content-max-width))}[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:var(--unitone--s0);--unitone--box-shadow:none;--unitone--position:static;--unitone--top:initial;--unitone--right:initial;--unitone--bottom:initial;--unitone--left:initial;--unitone--z-index:initial;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);padding:calc(var(--unitone--padding) - var(--unitone--half-leading) * 1em) 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~=decorator][data-unitone-layout~="-position:relative"]{--unitone--position:relative!important}[data-unitone-layout~=decorator][data-unitone-layout~="-position:absolute"]{--unitone--position:absolute!important}[data-unitone-layout~=decorator][data-unitone-layout~="-position:sticky"]{--unitone--position:sticky!important}[data-unitone-layout~=decorator][data-unitone-layout~="-position:fixed"]{--unitone--position:fixed!important}[data-unitone-layout~=center]{align-items:center;display:flex;flex-direction:column;margin-left:auto;margin-right:auto}[data-unitone-layout~=center][data-unitone-layout~=-with-text]{text-align:center}[data-unitone-layout~=cluster]{--unitone--align-items:flex-start;--unitone--divider-color:var(--unitone--color--light-gray);--unitone--gap:var(--unitone--s1);--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}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:stripe"]{-moz-column-gap:0;column-gap:0}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:stripe"]>*{border-left:1px solid var(--unitone--divider-color);border-right:1px solid var(--unitone--divider-color);margin-right:-1px;padding-left:var(--unitone--gap);padding-right:var(--unitone--gap)}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:slash"]{--unitone--divider-color:var(--unitone--color--gray);gap:calc(var(--unitone--gap) / 2) calc(var(--unitone--gap) * 2)}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:slash"]>*{display:flex;padding-left:var(--unitone--gap);padding-right:var(--unitone--gap)}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:slash"]>:first-child{padding-left:0}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:slash"]>*+:before{color:var(--unitone--divider-color);content:"/";position:relative;right:var(--unitone--gap)}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:bordered"]{gap:0}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:bordered"]>*{border:1px solid var(--unitone--divider-color);margin-right:-1px;margin-top:-1px;padding:calc(var(--unitone--gap) / 2) var(--unitone--gap)}[data-unitone-layout~=container]{--unitone--gutters:var(--unitone--rem1);--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~=cover]{--unitone--gap:var(--unitone--s1);--unitone--min-height:100vh;--unitone--justify-content:center;display:flex;flex-flow:column;gap:var(--unitone--gap);min-height:var(--unitone--min-height);overflow:hidden;padding:var(--unitone--gap)}[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]{margin-bottom:auto;margin-top:auto}[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--s1);--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]:before{content:"";display:block;padding:calc(100% / (var(--unitone--ratio))) 0 0}[data-unitone-layout~=frame]>*{align-items:center;bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;position:absolute;right:0;top:0;width:100%}[data-unitone-layout~=frame] img,[data-unitone-layout~=frame] video{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media (orientation:portrait){[data-unitone-layout~=frame][data-unitone-layout~=-switch]:before{padding-top:calc(var(--unitone--ratio) * 100%)}}[data-unitone-layout~=layers]{--unitone--gap:var(--unitone--s1);--unitone--columns:16;--unitone--rows:9;--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);overflow:hidden;position:relative}@media (orientation:portrait){[data-unitone-layout~=layers]{--unitone--columns:9;--unitone--rows:16}}[data-unitone-layout~=layers]>*{--unitone--align-self:auto;--unitone--justify-self:auto;--unitone--grid-column:1/-1;--unitone--grid-row:1/-1;align-self:var(--unitone--align-self);grid-column:var(--unitone--grid-column);grid-row:var(--unitone--grid-row);justify-self:var(--unitone--justify-self);position:relative}[data-unitone-layout~=layers][data-unitone-layout~=-cover]>:first-child :where(picture,figure),[data-unitone-layout~=layers][data-unitone-layout~=-cover]>:where(img:first-child,video:first-child,picture:first-child,figure:first-child){bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}[data-unitone-layout~=layers][data-unitone-layout~=-cover]>:first-child :where(img,video),[data-unitone-layout~=layers][data-unitone-layout~=-cover]>: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--s1);--unitone--height:auto;--unitone--item-width:calc(var(--unitone--measure) / 2);--unitone--scrollbar-thumb-color:#ddd;--unitone--scrollbar-track-color:var(--unitone--color--white);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)}[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--column-min-width:250px;--unitone--gap:var(--unitone--s1);grid-gap:var(--unitone--gap);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(var(--unitone--column-min-width),100%),1fr))}[data-unitone-layout~=gutters]{--unitone--padding:var(--unitone--s3);padding-bottom:var(--unitone--padding);padding-top:var(--unitone--padding)}[data-unitone-layout~=stack]{--unitone--divider-color:var(--unitone--color--light-gray);--unitone--gap:var(--unitone--s1);display:flex;flex-direction:column;gap:var(--unitone--gap)}[data-unitone-layout~=stack]>*{flex:0 0 auto;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"]>*{border-bottom:1px solid var(--unitone--divider-color);border-top:1px solid var(--unitone--divider-color);padding-bottom:var(--unitone--gap);padding-top:var(--unitone--gap)}[data-unitone-layout~=stack][data-unitone-layout~="-divider:stripe"]>*+*{margin-top:-1px}[data-unitone-layout~=stack][data-unitone-layout~="-divider:underline"]{gap:0}[data-unitone-layout~=stack][data-unitone-layout~="-divider:underline"]>*{border-bottom:1px solid var(--unitone--divider-color);padding-bottom:var(--unitone--gap);padding-top:var(--unitone--gap)}[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"]>*{border:1px solid var(--unitone--divider-color);padding:var(--unitone--gap)}[data-unitone-layout~=stack][data-unitone-layout~="-divider:bordered"]>*+*{margin-top:-1px}[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~=switcher]{--unitone--gap:var(--unitone--s1);--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}[data-unitone-layout~=text]{--unitone--gap:var(--unitone--s1);--unitone--column-gap:var( --unitone--gap);--unitone--max-width:var(--unitone--measure)}[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-bottom:0}[data-unitone-layout~=text]>:where(h2,h3,h4,h5,h6)+:where(h2,h3,h4,h5,h6){--unitone--margin-top:.5}[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)}:where([data-unitone-layout~=text]>*){max-width:min(100%,var(--unitone--max-width))}:where([data-unitone-layout~=text][data-unitone-layout~=-center])>*{width:-webkit-fit-content;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~=with-sidebar]{--unitone--content-min-width:50%;--unitone--content-max-width:100%;--unitone--gap:var(--unitone--s1);--unitone--align-items:flex-start;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~="-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:start"]{margin-left:0!important}[data-unitone-layout~="-align:center"]{margin-left:auto!important;margin-right:auto!important}[data-unitone-layout~="-align:end"]{margin-right:0!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--rem-2)!important}[data-unitone-layout~="-gutters:-1"]{--unitone--gutters:var(--unitone--rem-1)!important}[data-unitone-layout~="-gutters:0"]{--unitone--gutters:var(--unitone--rem0)!important}[data-unitone-layout~="-gutters:1"]{--unitone--gutters:var(--unitone--rem1)!important}[data-unitone-layout~="-gutters:2"]{--unitone--gutters:var(--unitone--rem2)!important}[data-unitone-layout~="-gutters:3"]{--unitone--gutters:var(--unitone--rem3)!important}[data-unitone-layout~="-gutters:4"]{--unitone--gutters:var(--unitone--rem4)!important}[data-unitone-layout~="-gutters:5"]{--unitone--gutters:var(--unitone--rem5)!important}[data-unitone-layout~="-gutters:6"]{--unitone--gutters:var(--unitone--rem6)!important}[data-unitone-layout~="-gutters:7"]{--unitone--gutters:var(--unitone--rem7)!important}[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~="-padding:-2"]{--unitone--padding:var(--unitone--s-2)!important}[data-unitone-layout~="-padding:-1"]{--unitone--padding:var(--unitone--s-1)!important}[data-unitone-layout~="-padding:0"]{--unitone--padding:var(--unitone--s0)!important}[data-unitone-layout~="-padding:1"]{--unitone--padding:var(--unitone--s1)!important}[data-unitone-layout~="-padding:2"]{--unitone--padding:var(--unitone--s2)!important}[data-unitone-layout~="-padding:3"]{--unitone--padding:var(--unitone--s3)!important}[data-unitone-layout~="-padding:4"]{--unitone--padding:var(--unitone--s4)!important}[data-unitone-layout~="-padding:5"]{--unitone--padding:var(--unitone--s5)!important}[data-unitone-layout~="-padding:6"]{--unitone--padding:var(--unitone--s6)!important}[data-unitone-layout~="-padding:7"]{--unitone--padding:var(--unitone--s7)!important}
package/dist/storybook.css CHANGED
@@ -1 +1 @@
1
- :root{--unitone--measure:38rem;--unitone--color-white:#fff;--unitone--color-black:#000;--unitone--color-text:#222;--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--_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--container-max-width:1280px;--unitone--grid-columns:12;--unitone--grid-gap:var(--unitone--s1);--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);--unitone--global--box-shadow:0 5px 20px -5px rgba(0,0,0,.2);--unitone--global--border-radius:4px}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}#root *,.docs-story *{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)}#root *,#root :after,#root :before,.docs-story *,.docs-story :after,.docs-story :before{box-sizing:border-box}#root html,.docs-story html{hanging-punctuation:allow-end;line-break:normal}#root a,.docs-story a{text-decoration-thickness:1px;text-underline-offset:.1em}#root address,#root article,#root aside,#root blockquote,#root dd,#root details,#root dialog,#root div,#root dl,#root dt,#root fieldset,#root figcaption,#root figure,#root footer,#root form,#root h1,#root h2,#root h3,#root h4,#root h5,#root h6,#root header,#root hgroup,#root hr,#root li,#root main,#root nav,#root ol,#root p,#root pre,#root section,#root table,#root ul,.docs-story address,.docs-story article,.docs-story aside,.docs-story blockquote,.docs-story dd,.docs-story details,.docs-story dialog,.docs-story div,.docs-story dl,.docs-story dt,.docs-story fieldset,.docs-story figcaption,.docs-story figure,.docs-story footer,.docs-story form,.docs-story h1,.docs-story h2,.docs-story h3,.docs-story h4,.docs-story h5,.docs-story h6,.docs-story header,.docs-story hgroup,.docs-story hr,.docs-story li,.docs-story main,.docs-story nav,.docs-story ol,.docs-story p,.docs-story pre,.docs-story section,.docs-story table,.docs-story ul{margin:0;padding:0}#root li,.docs-story li{margin-left:1.5em}#root small,#root sup,.docs-story small,.docs-story sup{font-size:smaller}@supports (font-variant-position:super){#root sup,.docs-story sup{font-size:inherit;font-variant-position:super;vertical-align:baseline}}#root sub,.docs-story sub{font-size:smaller}@supports (font-variant-position:sub){#root sub,.docs-story sub{font-size:inherit;font-variant-position:sub;vertical-align:baseline}}#root figure,#root picture,.docs-story figure,.docs-story picture{max-width:100%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#root :where(figure,picture) :where(img,video),.docs-story :where(figure,picture) :where(img,video){display:table;margin-bottom:0;margin-top:0}#root :where(figure,picture) :where(img:not([width]),video:not([width])),.docs-story :where(figure,picture) :where(img:not([width]),video:not([width])){width:100%}#root img,#root video,.docs-story img,.docs-story video{height:auto;max-width:100%}#root [data-unitone-layout~=both-sides],.docs-story [data-unitone-layout~=both-sides]{--unitone--gap:var(--unitone--s1);--unitone--align-items:flex-start;--unitone--content-width:fit-content;--unitone--content-max-width:var(--unitone--measure);align-items:var(--unitone--align-items);display:flex;flex-wrap:wrap;gap:var(--unitone--gap);justify-content:space-between}#root [data-unitone-layout~=both-sides]>*,.docs-story [data-unitone-layout~=both-sides]>*{flex-basis:var(--unitone--content-width);flex-grow:0;max-width:min(100%,var(--unitone--content-max-width))}#root [data-unitone-layout~=decorator],.docs-story [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:var(--unitone--s0);--unitone--box-shadow:none;--unitone--position:static;--unitone--top:initial;--unitone--right:initial;--unitone--bottom:initial;--unitone--left:initial;--unitone--z-index:initial;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);padding:calc(var(--unitone--padding) - var(--unitone--half-leading) * 1em) var(--unitone--padding);position:var(--unitone--position);right:var(--unitone--right);top:var(--unitone--top);z-index:var(--unitone--z-index)}#root [data-unitone-layout~=decorator][data-unitone-layout~=-shadow],.docs-story [data-unitone-layout~=decorator][data-unitone-layout~=-shadow]{--unitone--box-shadow:var(--unitone--global--box-shadow)}#root [data-unitone-layout~=decorator][data-unitone-layout~="-position:relative"],.docs-story [data-unitone-layout~=decorator][data-unitone-layout~="-position:relative"]{--unitone--position:relative!important}#root [data-unitone-layout~=decorator][data-unitone-layout~="-position:absolute"],.docs-story [data-unitone-layout~=decorator][data-unitone-layout~="-position:absolute"]{--unitone--position:absolute!important}#root [data-unitone-layout~=decorator][data-unitone-layout~="-position:sticky"],.docs-story [data-unitone-layout~=decorator][data-unitone-layout~="-position:sticky"]{--unitone--position:sticky!important}#root [data-unitone-layout~=decorator][data-unitone-layout~="-position:fixed"],.docs-story [data-unitone-layout~=decorator][data-unitone-layout~="-position:fixed"]{--unitone--position:fixed!important}#root [data-unitone-layout~=center],.docs-story [data-unitone-layout~=center]{align-items:center;display:flex;flex-direction:column;margin-left:auto;margin-right:auto}#root [data-unitone-layout~=center][data-unitone-layout~=-with-text],.docs-story [data-unitone-layout~=center][data-unitone-layout~=-with-text]{text-align:center}#root [data-unitone-layout~=cluster],.docs-story [data-unitone-layout~=cluster]{--unitone--align-items:flex-start;--unitone--gap:calc(var(--unitone--s1) / 2) var(--unitone--s1);--unitone--justify-content:flex-start;align-items:var(--unitone--align-items);display:flex;flex-wrap:wrap;gap:var(--unitone--gap);justify-content:var(--unitone--justify-content);list-style:none}#root [data-unitone-layout~=cluster]>*,.docs-story [data-unitone-layout~=cluster]>*{margin:0}#root [data-unitone-layout~=container],.docs-story [data-unitone-layout~=container]{--unitone--gutters:var(--unitone--rem1);--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))}#root [data-unitone-layout~=cover],.docs-story [data-unitone-layout~=cover]{--unitone--gap:var(--unitone--s1);--unitone--min-height:100vh;--unitone--justify-content:center;display:flex;flex-flow:column;gap:var(--unitone--gap);min-height:var(--unitone--min-height);overflow:hidden;padding:var(--unitone--gap)}#root [data-unitone-layout~=cover]>*,.docs-story [data-unitone-layout~=cover]>*{margin-bottom:0;margin-top:0}#root [data-unitone-layout~=cover][data-unitone-layout~=-no-padding],.docs-story [data-unitone-layout~=cover][data-unitone-layout~=-no-padding]{padding:0}#root [data-unitone-layout~=cover__content],.docs-story [data-unitone-layout~=cover__content]{margin-bottom:auto;margin-top:auto}#root [data-unitone-layout~=cover__content][data-unitone-layout~="-valign:top"],.docs-story [data-unitone-layout~=cover__content][data-unitone-layout~="-valign:top"]{margin-bottom:auto;margin-top:0}#root [data-unitone-layout~=cover__content][data-unitone-layout~="-valign:center"],.docs-story [data-unitone-layout~=cover__content][data-unitone-layout~="-valign:center"]{margin-bottom:auto;margin-top:auto}#root [data-unitone-layout~=cover__content][data-unitone-layout~="-valign:bottom"],.docs-story [data-unitone-layout~=cover__content][data-unitone-layout~="-valign:bottom"]{margin-bottom:0;margin-top:auto}#root [data-unitone-layout~=cover__content][data-unitone-layout~="-valign:center"]+[data-unitone-layout~=cover__content][data-unitone-layout~="-valign:bottom"],#root [data-unitone-layout~=cover__content][data-unitone-layout~="-valign:top"]+[data-unitone-layout~=cover__content][data-unitone-layout~="-valign:center"],.docs-story [data-unitone-layout~=cover__content][data-unitone-layout~="-valign:center"]+[data-unitone-layout~=cover__content][data-unitone-layout~="-valign:bottom"],.docs-story [data-unitone-layout~=cover__content][data-unitone-layout~="-valign:top"]+[data-unitone-layout~=cover__content][data-unitone-layout~="-valign:center"]{margin-top:0}#root [data-unitone-layout~=float],.docs-story [data-unitone-layout~=float]{--unitone--gap:var(--unitone--s1);--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%))}#root [data-unitone-layout~=float]:not([data-unitone-layout~=-right]),#root [data-unitone-layout~=float][data-unitone-layout~=-left],.docs-story [data-unitone-layout~=float]:not([data-unitone-layout~=-right]),.docs-story [data-unitone-layout~=float][data-unitone-layout~=-left]{float:left;margin-bottom:var(--unitone--gap);margin-right:var(--unitone--gap)}#root [data-unitone-layout~=float][data-unitone-layout~=-right],.docs-story [data-unitone-layout~=float][data-unitone-layout~=-right]{float:right;margin-bottom:var(--unitone--gap);margin-left:var(--unitone--gap)}#root [data-unitone-layout~=frame],.docs-story [data-unitone-layout~=frame]{--unitone--ratio:16/9;position:relative}#root [data-unitone-layout~=frame]:before,.docs-story [data-unitone-layout~=frame]:before{content:"";display:block;padding:calc(100% / (var(--unitone--ratio))) 0 0}#root [data-unitone-layout~=frame]>*,.docs-story [data-unitone-layout~=frame]>*{align-items:center;bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;position:absolute;right:0;top:0;width:100%}#root [data-unitone-layout~=frame] img,#root [data-unitone-layout~=frame] video,.docs-story [data-unitone-layout~=frame] img,.docs-story [data-unitone-layout~=frame] video{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media (orientation:portrait){#root [data-unitone-layout~=frame][data-unitone-layout~=-switch]:before,.docs-story [data-unitone-layout~=frame][data-unitone-layout~=-switch]:before{padding-top:calc(var(--unitone--ratio) * 100%)}}#root [data-unitone-layout~=layers],.docs-story [data-unitone-layout~=layers]{--unitone--gap:var(--unitone--s1);--unitone--columns:16;--unitone--rows:9;--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);overflow:hidden;position:relative}@media (orientation:portrait){#root [data-unitone-layout~=layers],.docs-story [data-unitone-layout~=layers]{--unitone--columns:9;--unitone--rows:16}}#root [data-unitone-layout~=layers]>*,.docs-story [data-unitone-layout~=layers]>*{--unitone--align-self:auto;--unitone--justify-self:auto;--unitone--grid-column:1/-1;--unitone--grid-row:1/-1;align-self:var(--unitone--align-self);grid-column:var(--unitone--grid-column);grid-row:var(--unitone--grid-row);justify-self:var(--unitone--justify-self);position:relative}#root [data-unitone-layout~=layers][data-unitone-layout~=-cover]>:first-child :where(picture,figure),#root [data-unitone-layout~=layers][data-unitone-layout~=-cover]>:where(img:first-child,video:first-child,picture:first-child,figure:first-child),.docs-story [data-unitone-layout~=layers][data-unitone-layout~=-cover]>:first-child :where(picture,figure),.docs-story [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%}#root [data-unitone-layout~=layers][data-unitone-layout~=-cover]>:first-child :where(img,video),#root [data-unitone-layout~=layers][data-unitone-layout~=-cover]>:where(img:first-child,video:first-child),.docs-story [data-unitone-layout~=layers][data-unitone-layout~=-cover]>:first-child :where(img,video),.docs-story [data-unitone-layout~=layers][data-unitone-layout~=-cover]>: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%}#root [data-unitone-layout~=reel],.docs-story [data-unitone-layout~=reel]{--unitone--gap:var(--unitone--s1);--unitone--height:auto;--unitone--item-width:calc(var(--unitone--measure) / 2);--unitone--scrollbar-thumb-color:#ddd;--unitone--scrollbar-track-color:var(--unitone--color-white);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}#root [data-unitone-layout~=reel]::-webkit-scrollbar,.docs-story [data-unitone-layout~=reel]::-webkit-scrollbar{height:1rem}#root [data-unitone-layout~=reel]::-webkit-scrollbar-track,.docs-story [data-unitone-layout~=reel]::-webkit-scrollbar-track{background-color:var(--unitone--scrollbar-track-color)}#root [data-unitone-layout~=reel]::-webkit-scrollbar-thumb,.docs-story [data-unitone-layout~=reel]::-webkit-scrollbar-thumb{background-color:var(--unitone--scrollbar-track-color);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)}#root [data-unitone-layout~=reel]>*,.docs-story [data-unitone-layout~=reel]>*{flex:0 0 var(--unitone--item-width)}#root [data-unitone-layout~=reel][data-unitone-layout~=-no-bar],.docs-story [data-unitone-layout~=reel][data-unitone-layout~=-no-bar]{padding-bottom:0;scrollbar-width:none}#root [data-unitone-layout~=reel][data-unitone-layout~=-no-bar]::-webkit-scrollbar,.docs-story [data-unitone-layout~=reel][data-unitone-layout~=-no-bar]::-webkit-scrollbar{display:none}#root [data-unitone-layout~=responsive-grid],.docs-story [data-unitone-layout~=responsive-grid]{--unitone--column-min-width:250px;--unitone--gap:var(--unitone--s1);grid-gap:var(--unitone--gap);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(var(--unitone--column-min-width),100%),1fr))}#root [data-unitone-layout~=gutters],.docs-story [data-unitone-layout~=gutters]{--unitone--padding:var(--unitone--s3);padding-bottom:var(--unitone--padding);padding-top:var(--unitone--padding)}#root [data-unitone-layout~=stack],.docs-story [data-unitone-layout~=stack]{--unitone--gap:var(--unitone--s1);display:flex;flex-direction:column;gap:var(--unitone--gap)}#root [data-unitone-layout~=stack]>*,.docs-story [data-unitone-layout~=stack]>*{flex:0 0 auto;margin-bottom:0;margin-top:0}#root [data-unitone-layout~=stack]:only-child,.docs-story [data-unitone-layout~=stack]:only-child{height:100%}#root [data-unitone-layout~=stack][data-unitone-layout~=-negative],.docs-story [data-unitone-layout~=stack][data-unitone-layout~=-negative]{gap:0}#root [data-unitone-layout~=stack][data-unitone-layout~=-negative]>*+*,.docs-story [data-unitone-layout~=stack][data-unitone-layout~=-negative]>*+*{margin-top:calc(-1 * var(--unitone--gap))}#root [data-unitone-layout~=switcher],.docs-story [data-unitone-layout~=switcher]{--unitone--gap:var(--unitone--s1);--unitone--threshold:var(--unitone--measure);display:flex;flex-wrap:wrap;gap:var(--unitone--gap)}#root [data-unitone-layout~=switcher]>*,.docs-story [data-unitone-layout~=switcher]>*{flex-basis:calc((var(--unitone--threshold) - 100%) * 999);flex-grow:1}#root [data-unitone-layout~=text],.docs-story [data-unitone-layout~=text]{--unitone--gap:var(--unitone--s1);--unitone--column-gap:var( --unitone--gap);--unitone--max-width:var(--unitone--measure)}#root [data-unitone-layout~=text]>*,.docs-story [data-unitone-layout~=text]>*{margin:0 auto}#root [data-unitone-layout~=text]>:not(:first-child),.docs-story [data-unitone-layout~=text]>:not(:first-child){margin-top:calc(var(--unitone--margin-top, 1) * var(--unitone--gap))}#root [data-unitone-layout~=text]>:not(:last-child),.docs-story [data-unitone-layout~=text]>:not(:last-child){margin-bottom:calc(var(--unitone--margin-bottom, 1) * var(--unitone--gap))}#root [data-unitone-layout~=text]>h1,.docs-story [data-unitone-layout~=text]>h1{--unitone--font-size:4}#root [data-unitone-layout~=text]>:where(h2,h3,h4,h5,h6),.docs-story [data-unitone-layout~=text]>:where(h2,h3,h4,h5,h6){--unitone--margin-bottom:0}#root [data-unitone-layout~=text]>:where(h2,h3,h4,h5,h6)+:where(h2,h3,h4,h5,h6),.docs-story [data-unitone-layout~=text]>:where(h2,h3,h4,h5,h6)+:where(h2,h3,h4,h5,h6){--unitone--margin-top:.5}#root [data-unitone-layout~=text]>h2,.docs-story [data-unitone-layout~=text]>h2{--unitone--font-size:3}#root [data-unitone-layout~=text]>h3,.docs-story [data-unitone-layout~=text]>h3{--unitone--font-size:2}#root [data-unitone-layout~=text]>h4,.docs-story [data-unitone-layout~=text]>h4{--unitone--font-size:1}#root [data-unitone-layout~=text]>h5,.docs-story [data-unitone-layout~=text]>h5{--unitone--font-size:0}#root [data-unitone-layout~=text]>h5+*,.docs-story [data-unitone-layout~=text]>h5+*{--unitone--margin-top:.5}#root [data-unitone-layout~=text]>h6,.docs-story [data-unitone-layout~=text]>h6{--unitone--font-size:0}#root [data-unitone-layout~=text]>h6+*,.docs-story [data-unitone-layout~=text]>h6+*{--unitone--margin-top:.5}#root [data-unitone-layout~=text][data-unitone-layout~=-column],.docs-story [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)}#root :where([data-unitone-layout~=text]>*),.docs-story :where([data-unitone-layout~=text]>*){max-width:min(100%,var(--unitone--max-width))}#root :where([data-unitone-layout~=text][data-unitone-layout~=-center])>*,.docs-story :where([data-unitone-layout~=text][data-unitone-layout~=-center])>*{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#root :where([data-unitone-layout~=text][data-unitone-layout~=-column])>*,.docs-story :where([data-unitone-layout~=text][data-unitone-layout~=-column])>*{max-width:none}#root [data-unitone-layout~=text]:lang(ja),.docs-story [data-unitone-layout~=text]:lang(ja){font-feature-settings:"palt" 0;font-kerning:none}#root [data-unitone-layout~=text]:lang(ja)>:where(h1,h2,h3,h4,h5),.docs-story [data-unitone-layout~=text]:lang(ja)>:where(h1,h2,h3,h4,h5){font-feature-settings:"palt" 1;font-kerning:normal}#root [data-unitone-layout~=with-sidebar],.docs-story [data-unitone-layout~=with-sidebar]{--unitone--content-min-width:50%;--unitone--content-max-width:100%;--unitone--gap:var(--unitone--s1);--unitone--align-items:flex-start;align-items:var(--unitone--align-items);display:flex;flex-wrap:wrap;gap:var(--unitone--gap)}#root [data-unitone-layout~=with-sidebar]:not([data-unitone-layout~=-revert]):not([data-unitone-layout~="-sidebar:left"])>:first-child,#root [data-unitone-layout~=with-sidebar]:not([data-unitone-layout~=-revert])[data-unitone-layout~="-sidebar:right"]>:first-child,#root [data-unitone-layout~=with-sidebar][data-unitone-layout~=-revert][data-unitone-layout~="-sidebar:left"]>:first-child,.docs-story [data-unitone-layout~=with-sidebar]:not([data-unitone-layout~=-revert]):not([data-unitone-layout~="-sidebar:left"])>:first-child,.docs-story [data-unitone-layout~=with-sidebar]:not([data-unitone-layout~=-revert])[data-unitone-layout~="-sidebar:right"]>:first-child,.docs-story [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))}#root [data-unitone-layout~=with-sidebar]:not([data-unitone-layout~=-revert]):not([data-unitone-layout~="-sidebar:left"])>:last-child,#root [data-unitone-layout~=with-sidebar]:not([data-unitone-layout~=-revert])[data-unitone-layout~="-sidebar:left"]>:first-child,#root [data-unitone-layout~=with-sidebar]:not([data-unitone-layout~=-revert])[data-unitone-layout~="-sidebar:right"]>:last-child,#root [data-unitone-layout~=with-sidebar][data-unitone-layout~=-revert]:not([data-unitone-layout~="-sidebar:left"])>:first-child,#root [data-unitone-layout~=with-sidebar][data-unitone-layout~=-revert][data-unitone-layout~="-sidebar:left"]>:last-child,#root [data-unitone-layout~=with-sidebar][data-unitone-layout~=-revert][data-unitone-layout~="-sidebar:right"]>:first-child,.docs-story [data-unitone-layout~=with-sidebar]:not([data-unitone-layout~=-revert]):not([data-unitone-layout~="-sidebar:left"])>:last-child,.docs-story [data-unitone-layout~=with-sidebar]:not([data-unitone-layout~=-revert])[data-unitone-layout~="-sidebar:left"]>:first-child,.docs-story [data-unitone-layout~=with-sidebar]:not([data-unitone-layout~=-revert])[data-unitone-layout~="-sidebar:right"]>:last-child,.docs-story [data-unitone-layout~=with-sidebar][data-unitone-layout~=-revert]:not([data-unitone-layout~="-sidebar:left"])>:first-child,.docs-story [data-unitone-layout~=with-sidebar][data-unitone-layout~=-revert][data-unitone-layout~="-sidebar:left"]>:last-child,.docs-story [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}#root [data-unitone-layout~=with-sidebar]:not([data-unitone-layout~=-revert])[data-unitone-layout~="-sidebar:left"]>:last-child,#root [data-unitone-layout~=with-sidebar][data-unitone-layout~=-revert]:not([data-unitone-layout~="-sidebar:left"])>:last-child,#root [data-unitone-layout~=with-sidebar][data-unitone-layout~=-revert][data-unitone-layout~="-sidebar:right"]>:last-child,.docs-story [data-unitone-layout~=with-sidebar]:not([data-unitone-layout~=-revert])[data-unitone-layout~="-sidebar:left"]>:last-child,.docs-story [data-unitone-layout~=with-sidebar][data-unitone-layout~=-revert]:not([data-unitone-layout~="-sidebar:left"])>:last-child,.docs-story [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))}#root [data-unitone-layout~=with-sidebar][data-unitone-layout~=-revert],.docs-story [data-unitone-layout~=with-sidebar][data-unitone-layout~=-revert]{flex-direction:row-reverse}#root [data-unitone-layout~="-align-items:start"],.docs-story [data-unitone-layout~="-align-items:start"]{--unitone--align-items:flex-start!important}#root [data-unitone-layout~="-align-items:center"],.docs-story [data-unitone-layout~="-align-items:center"]{--unitone--align-items:center!important}#root [data-unitone-layout~="-align-items:end"],.docs-story [data-unitone-layout~="-align-items:end"]{--unitone--align-items:flex-end!important}#root [data-unitone-layout~="-align-self:auto"],.docs-story [data-unitone-layout~="-align-self:auto"]{--unitone--align-self:auto!important}#root [data-unitone-layout~="-align-self:normal"],.docs-story [data-unitone-layout~="-align-self:normal"]{--unitone--align-self:normal!important}#root [data-unitone-layout~="-align-self:start"],.docs-story [data-unitone-layout~="-align-self:start"]{--unitone--align-self:start!important}#root [data-unitone-layout~="-align-self:end"],.docs-story [data-unitone-layout~="-align-self:end"]{--unitone--align-self:end!important}#root [data-unitone-layout~="-align-self:center"],.docs-story [data-unitone-layout~="-align-self:center"]{--unitone--align-self:center!important}#root [data-unitone-layout~="-align-self:stretch"],.docs-story [data-unitone-layout~="-align-self:stretch"]{--unitone--align-self:stretch!important}#root [data-unitone-layout~="-align-self:baseline"],.docs-story [data-unitone-layout~="-align-self:baseline"]{--unitone--align-self:baseline!important}#root [data-unitone-layout~="-align:start"],.docs-story [data-unitone-layout~="-align:start"]{margin-left:0!important}#root [data-unitone-layout~="-align:center"],.docs-story [data-unitone-layout~="-align:center"]{margin-left:auto!important;margin-right:auto!important}#root [data-unitone-layout~="-align:end"],.docs-story [data-unitone-layout~="-align:end"]{margin-right:0!important}#root [data-unitone-layout~=-fluid-typography],.docs-story [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}#root [data-unitone-layout~="-gap:-2"],.docs-story [data-unitone-layout~="-gap:-2"]{--unitone--gap:var(--unitone--s-2)!important}#root [data-unitone-layout~="-gap:-1"],.docs-story [data-unitone-layout~="-gap:-1"]{--unitone--gap:var(--unitone--s-1)!important}#root [data-unitone-layout~="-gap:0"],.docs-story [data-unitone-layout~="-gap:0"]{--unitone--gap:var(--unitone--s0)!important}#root [data-unitone-layout~="-gap:1"],.docs-story [data-unitone-layout~="-gap:1"]{--unitone--gap:var(--unitone--s1)!important}#root [data-unitone-layout~="-gap:2"],.docs-story [data-unitone-layout~="-gap:2"]{--unitone--gap:var(--unitone--s2)!important}#root [data-unitone-layout~="-gap:3"],.docs-story [data-unitone-layout~="-gap:3"]{--unitone--gap:var(--unitone--s3)!important}#root [data-unitone-layout~="-gap:4"],.docs-story [data-unitone-layout~="-gap:4"]{--unitone--gap:var(--unitone--s4)!important}#root [data-unitone-layout~="-gap:5"],.docs-story [data-unitone-layout~="-gap:5"]{--unitone--gap:var(--unitone--s5)!important}#root [data-unitone-layout~="-gap:6"],.docs-story [data-unitone-layout~="-gap:6"]{--unitone--gap:var(--unitone--s6)!important}#root [data-unitone-layout~="-gap:7"],.docs-story [data-unitone-layout~="-gap:7"]{--unitone--gap:var(--unitone--s7)!important}#root [data-unitone-layout~="-gutters:-2"],.docs-story [data-unitone-layout~="-gutters:-2"]{--unitone--gutters:var(--unitone--rem-2)!important}#root [data-unitone-layout~="-gutters:-1"],.docs-story [data-unitone-layout~="-gutters:-1"]{--unitone--gutters:var(--unitone--rem-1)!important}#root [data-unitone-layout~="-gutters:0"],.docs-story [data-unitone-layout~="-gutters:0"]{--unitone--gutters:var(--unitone--rem0)!important}#root [data-unitone-layout~="-gutters:1"],.docs-story [data-unitone-layout~="-gutters:1"]{--unitone--gutters:var(--unitone--rem1)!important}#root [data-unitone-layout~="-gutters:2"],.docs-story [data-unitone-layout~="-gutters:2"]{--unitone--gutters:var(--unitone--rem2)!important}#root [data-unitone-layout~="-gutters:3"],.docs-story [data-unitone-layout~="-gutters:3"]{--unitone--gutters:var(--unitone--rem3)!important}#root [data-unitone-layout~="-gutters:4"],.docs-story [data-unitone-layout~="-gutters:4"]{--unitone--gutters:var(--unitone--rem4)!important}#root [data-unitone-layout~="-gutters:5"],.docs-story [data-unitone-layout~="-gutters:5"]{--unitone--gutters:var(--unitone--rem5)!important}#root [data-unitone-layout~="-gutters:6"],.docs-story [data-unitone-layout~="-gutters:6"]{--unitone--gutters:var(--unitone--rem6)!important}#root [data-unitone-layout~="-gutters:7"],.docs-story [data-unitone-layout~="-gutters:7"]{--unitone--gutters:var(--unitone--rem7)!important}#root [data-unitone-layout~="-justify-content:start"],.docs-story [data-unitone-layout~="-justify-content:start"]{--unitone--justify-content:flex-start!important}#root [data-unitone-layout~="-justify-content:center"],.docs-story [data-unitone-layout~="-justify-content:center"]{--unitone--justify-content:center!important}#root [data-unitone-layout~="-justify-content:end"],.docs-story [data-unitone-layout~="-justify-content:end"]{--unitone--justify-content:flex-end!important}#root [data-unitone-layout~="-justify-content:space-between"],.docs-story [data-unitone-layout~="-justify-content:space-between"]{--unitone--justify-content:space-between!important}#root [data-unitone-layout~="-justify-self:auto"],.docs-story [data-unitone-layout~="-justify-self:auto"]{--unitone--justify-self:auto!important}#root [data-unitone-layout~="-justify-self:normal"],.docs-story [data-unitone-layout~="-justify-self:normal"]{--unitone--justify-self:normal!important}#root [data-unitone-layout~="-justify-self:start"],.docs-story [data-unitone-layout~="-justify-self:start"]{--unitone--justify-self:start!important}#root [data-unitone-layout~="-justify-self:end"],.docs-story [data-unitone-layout~="-justify-self:end"]{--unitone--justify-self:end!important}#root [data-unitone-layout~="-justify-self:center"],.docs-story [data-unitone-layout~="-justify-self:center"]{--unitone--justify-self:center!important}#root [data-unitone-layout~="-justify-self:stretch"],.docs-story [data-unitone-layout~="-justify-self:stretch"]{--unitone--justify-self:stretch!important}#root [data-unitone-layout~="-justify-self:baseline"],.docs-story [data-unitone-layout~="-justify-self:baseline"]{--unitone--justify-self:baseline!important}#root [data-unitone-layout~="-padding:-2"],.docs-story [data-unitone-layout~="-padding:-2"]{--unitone--padding:var(--unitone--s-2)!important}#root [data-unitone-layout~="-padding:-1"],.docs-story [data-unitone-layout~="-padding:-1"]{--unitone--padding:var(--unitone--s-1)!important}#root [data-unitone-layout~="-padding:0"],.docs-story [data-unitone-layout~="-padding:0"]{--unitone--padding:var(--unitone--s0)!important}#root [data-unitone-layout~="-padding:1"],.docs-story [data-unitone-layout~="-padding:1"]{--unitone--padding:var(--unitone--s1)!important}#root [data-unitone-layout~="-padding:2"],.docs-story [data-unitone-layout~="-padding:2"]{--unitone--padding:var(--unitone--s2)!important}#root [data-unitone-layout~="-padding:3"],.docs-story [data-unitone-layout~="-padding:3"]{--unitone--padding:var(--unitone--s3)!important}#root [data-unitone-layout~="-padding:4"],.docs-story [data-unitone-layout~="-padding:4"]{--unitone--padding:var(--unitone--s4)!important}#root [data-unitone-layout~="-padding:5"],.docs-story [data-unitone-layout~="-padding:5"]{--unitone--padding:var(--unitone--s5)!important}#root [data-unitone-layout~="-padding:6"],.docs-story [data-unitone-layout~="-padding:6"]{--unitone--padding:var(--unitone--s6)!important}#root [data-unitone-layout~="-padding:7"],.docs-story [data-unitone-layout~="-padding:7"]{--unitone--padding:var(--unitone--s7)!important}
1
+ :root{--unitone--measure:38rem;--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--_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--container-max-width:1280px;--unitone--grid-columns:12;--unitone--grid-gap:var(--unitone--s1);--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);--unitone--global--box-shadow:0 5px 20px -5px rgba(0,0,0,.2);--unitone--global--border-radius:4px}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}#root *,.docs-story *{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)}#root *,#root :after,#root :before,.docs-story *,.docs-story :after,.docs-story :before{box-sizing:border-box}#root html,.docs-story html{hanging-punctuation:allow-end;line-break:normal}#root a,.docs-story a{text-decoration-thickness:1px;text-underline-offset:.1em}#root address,#root article,#root aside,#root blockquote,#root dd,#root details,#root dialog,#root dl,#root dt,#root fieldset,#root figcaption,#root figure,#root footer,#root form,#root h1,#root h2,#root h3,#root h4,#root h5,#root h6,#root header,#root hgroup,#root hr,#root li,#root main,#root nav,#root ol,#root p,#root pre,#root section,#root table,#root ul,.docs-story address,.docs-story article,.docs-story aside,.docs-story blockquote,.docs-story dd,.docs-story details,.docs-story dialog,.docs-story dl,.docs-story dt,.docs-story fieldset,.docs-story figcaption,.docs-story figure,.docs-story footer,.docs-story form,.docs-story h1,.docs-story h2,.docs-story h3,.docs-story h4,.docs-story h5,.docs-story h6,.docs-story header,.docs-story hgroup,.docs-story hr,.docs-story li,.docs-story main,.docs-story nav,.docs-story ol,.docs-story p,.docs-story pre,.docs-story section,.docs-story table,.docs-story ul{margin:0;padding:0}#root li,.docs-story li{margin-left:1.5em}#root small,#root sup,.docs-story small,.docs-story sup{font-size:smaller}@supports (font-variant-position:super){#root sup,.docs-story sup{font-size:inherit;font-variant-position:super;vertical-align:baseline}}#root sub,.docs-story sub{font-size:smaller}@supports (font-variant-position:sub){#root sub,.docs-story sub{font-size:inherit;font-variant-position:sub;vertical-align:baseline}}#root figure,#root picture,.docs-story figure,.docs-story picture{max-width:100%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#root :where(figure,picture) :where(img,video),.docs-story :where(figure,picture) :where(img,video){display:table;margin-bottom:0;margin-top:0}#root :where(figure,picture) :where(img:not([width]),video:not([width])),.docs-story :where(figure,picture) :where(img:not([width]),video:not([width])){width:100%}#root img,#root video,.docs-story img,.docs-story video{height:auto;max-width:100%}#root [data-unitone-layout~=both-sides],.docs-story [data-unitone-layout~=both-sides]{--unitone--gap:var(--unitone--s1);--unitone--align-items:flex-start;--unitone--content-width:fit-content;--unitone--content-max-width:var(--unitone--measure);align-items:var(--unitone--align-items);display:flex;flex-wrap:wrap;gap:var(--unitone--gap);justify-content:space-between}#root [data-unitone-layout~=both-sides]>*,.docs-story [data-unitone-layout~=both-sides]>*{flex-basis:var(--unitone--content-width);flex-grow:0;max-width:min(100%,var(--unitone--content-max-width))}#root [data-unitone-layout~=decorator],.docs-story [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:var(--unitone--s0);--unitone--box-shadow:none;--unitone--position:static;--unitone--top:initial;--unitone--right:initial;--unitone--bottom:initial;--unitone--left:initial;--unitone--z-index:initial;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);padding:calc(var(--unitone--padding) - var(--unitone--half-leading) * 1em) var(--unitone--padding);position:var(--unitone--position);right:var(--unitone--right);top:var(--unitone--top);z-index:var(--unitone--z-index)}#root [data-unitone-layout~=decorator][data-unitone-layout~=-shadow],.docs-story [data-unitone-layout~=decorator][data-unitone-layout~=-shadow]{--unitone--box-shadow:var(--unitone--global--box-shadow)}#root [data-unitone-layout~=decorator][data-unitone-layout~="-position:relative"],.docs-story [data-unitone-layout~=decorator][data-unitone-layout~="-position:relative"]{--unitone--position:relative!important}#root [data-unitone-layout~=decorator][data-unitone-layout~="-position:absolute"],.docs-story [data-unitone-layout~=decorator][data-unitone-layout~="-position:absolute"]{--unitone--position:absolute!important}#root [data-unitone-layout~=decorator][data-unitone-layout~="-position:sticky"],.docs-story [data-unitone-layout~=decorator][data-unitone-layout~="-position:sticky"]{--unitone--position:sticky!important}#root [data-unitone-layout~=decorator][data-unitone-layout~="-position:fixed"],.docs-story [data-unitone-layout~=decorator][data-unitone-layout~="-position:fixed"]{--unitone--position:fixed!important}#root [data-unitone-layout~=center],.docs-story [data-unitone-layout~=center]{align-items:center;display:flex;flex-direction:column;margin-left:auto;margin-right:auto}#root [data-unitone-layout~=center][data-unitone-layout~=-with-text],.docs-story [data-unitone-layout~=center][data-unitone-layout~=-with-text]{text-align:center}#root [data-unitone-layout~=cluster],.docs-story [data-unitone-layout~=cluster]{--unitone--align-items:flex-start;--unitone--divider-color:var(--unitone--color--light-gray);--unitone--gap:var(--unitone--s1);--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}#root [data-unitone-layout~=cluster]>*,.docs-story [data-unitone-layout~=cluster]>*{margin:0}#root [data-unitone-layout~=cluster][data-unitone-layout~="-divider:stripe"],.docs-story [data-unitone-layout~=cluster][data-unitone-layout~="-divider:stripe"]{-moz-column-gap:0;column-gap:0}#root [data-unitone-layout~=cluster][data-unitone-layout~="-divider:stripe"]>*,.docs-story [data-unitone-layout~=cluster][data-unitone-layout~="-divider:stripe"]>*{border-left:1px solid var(--unitone--divider-color);border-right:1px solid var(--unitone--divider-color);margin-right:-1px;padding-left:var(--unitone--gap);padding-right:var(--unitone--gap)}#root [data-unitone-layout~=cluster][data-unitone-layout~="-divider:slash"],.docs-story [data-unitone-layout~=cluster][data-unitone-layout~="-divider:slash"]{--unitone--divider-color:var(--unitone--color--gray);gap:calc(var(--unitone--gap) / 2) calc(var(--unitone--gap) * 2)}#root [data-unitone-layout~=cluster][data-unitone-layout~="-divider:slash"]>*,.docs-story [data-unitone-layout~=cluster][data-unitone-layout~="-divider:slash"]>*{display:flex;padding-left:var(--unitone--gap);padding-right:var(--unitone--gap)}#root [data-unitone-layout~=cluster][data-unitone-layout~="-divider:slash"]>:first-child,.docs-story [data-unitone-layout~=cluster][data-unitone-layout~="-divider:slash"]>:first-child{padding-left:0}#root [data-unitone-layout~=cluster][data-unitone-layout~="-divider:slash"]>*+:before,.docs-story [data-unitone-layout~=cluster][data-unitone-layout~="-divider:slash"]>*+:before{color:var(--unitone--divider-color);content:"/";position:relative;right:var(--unitone--gap)}#root [data-unitone-layout~=cluster][data-unitone-layout~="-divider:bordered"],.docs-story [data-unitone-layout~=cluster][data-unitone-layout~="-divider:bordered"]{gap:0}#root [data-unitone-layout~=cluster][data-unitone-layout~="-divider:bordered"]>*,.docs-story [data-unitone-layout~=cluster][data-unitone-layout~="-divider:bordered"]>*{border:1px solid var(--unitone--divider-color);margin-right:-1px;margin-top:-1px;padding:calc(var(--unitone--gap) / 2) var(--unitone--gap)}#root [data-unitone-layout~=container],.docs-story [data-unitone-layout~=container]{--unitone--gutters:var(--unitone--rem1);--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))}#root [data-unitone-layout~=cover],.docs-story [data-unitone-layout~=cover]{--unitone--gap:var(--unitone--s1);--unitone--min-height:100vh;--unitone--justify-content:center;display:flex;flex-flow:column;gap:var(--unitone--gap);min-height:var(--unitone--min-height);overflow:hidden;padding:var(--unitone--gap)}#root [data-unitone-layout~=cover]>*,.docs-story [data-unitone-layout~=cover]>*{margin-bottom:0;margin-top:0}#root [data-unitone-layout~=cover][data-unitone-layout~=-no-padding],.docs-story [data-unitone-layout~=cover][data-unitone-layout~=-no-padding]{padding:0}#root [data-unitone-layout~=cover__content],.docs-story [data-unitone-layout~=cover__content]{margin-bottom:auto;margin-top:auto}#root [data-unitone-layout~=cover__content][data-unitone-layout~="-valign:top"],.docs-story [data-unitone-layout~=cover__content][data-unitone-layout~="-valign:top"]{margin-bottom:auto;margin-top:0}#root [data-unitone-layout~=cover__content][data-unitone-layout~="-valign:center"],.docs-story [data-unitone-layout~=cover__content][data-unitone-layout~="-valign:center"]{margin-bottom:auto;margin-top:auto}#root [data-unitone-layout~=cover__content][data-unitone-layout~="-valign:bottom"],.docs-story [data-unitone-layout~=cover__content][data-unitone-layout~="-valign:bottom"]{margin-bottom:0;margin-top:auto}#root [data-unitone-layout~=cover__content][data-unitone-layout~="-valign:center"]+[data-unitone-layout~=cover__content][data-unitone-layout~="-valign:bottom"],#root [data-unitone-layout~=cover__content][data-unitone-layout~="-valign:top"]+[data-unitone-layout~=cover__content][data-unitone-layout~="-valign:center"],.docs-story [data-unitone-layout~=cover__content][data-unitone-layout~="-valign:center"]+[data-unitone-layout~=cover__content][data-unitone-layout~="-valign:bottom"],.docs-story [data-unitone-layout~=cover__content][data-unitone-layout~="-valign:top"]+[data-unitone-layout~=cover__content][data-unitone-layout~="-valign:center"]{margin-top:0}#root [data-unitone-layout~=float],.docs-story [data-unitone-layout~=float]{--unitone--gap:var(--unitone--s1);--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%))}#root [data-unitone-layout~=float]:not([data-unitone-layout~=-right]),#root [data-unitone-layout~=float][data-unitone-layout~=-left],.docs-story [data-unitone-layout~=float]:not([data-unitone-layout~=-right]),.docs-story [data-unitone-layout~=float][data-unitone-layout~=-left]{float:left;margin-bottom:var(--unitone--gap);margin-right:var(--unitone--gap)}#root [data-unitone-layout~=float][data-unitone-layout~=-right],.docs-story [data-unitone-layout~=float][data-unitone-layout~=-right]{float:right;margin-bottom:var(--unitone--gap);margin-left:var(--unitone--gap)}#root [data-unitone-layout~=frame],.docs-story [data-unitone-layout~=frame]{--unitone--ratio:16/9;position:relative}#root [data-unitone-layout~=frame]:before,.docs-story [data-unitone-layout~=frame]:before{content:"";display:block;padding:calc(100% / (var(--unitone--ratio))) 0 0}#root [data-unitone-layout~=frame]>*,.docs-story [data-unitone-layout~=frame]>*{align-items:center;bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;position:absolute;right:0;top:0;width:100%}#root [data-unitone-layout~=frame] img,#root [data-unitone-layout~=frame] video,.docs-story [data-unitone-layout~=frame] img,.docs-story [data-unitone-layout~=frame] video{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media (orientation:portrait){#root [data-unitone-layout~=frame][data-unitone-layout~=-switch]:before,.docs-story [data-unitone-layout~=frame][data-unitone-layout~=-switch]:before{padding-top:calc(var(--unitone--ratio) * 100%)}}#root [data-unitone-layout~=layers],.docs-story [data-unitone-layout~=layers]{--unitone--gap:var(--unitone--s1);--unitone--columns:16;--unitone--rows:9;--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);overflow:hidden;position:relative}@media (orientation:portrait){#root [data-unitone-layout~=layers],.docs-story [data-unitone-layout~=layers]{--unitone--columns:9;--unitone--rows:16}}#root [data-unitone-layout~=layers]>*,.docs-story [data-unitone-layout~=layers]>*{--unitone--align-self:auto;--unitone--justify-self:auto;--unitone--grid-column:1/-1;--unitone--grid-row:1/-1;align-self:var(--unitone--align-self);grid-column:var(--unitone--grid-column);grid-row:var(--unitone--grid-row);justify-self:var(--unitone--justify-self);position:relative}#root [data-unitone-layout~=layers][data-unitone-layout~=-cover]>:first-child :where(picture,figure),#root [data-unitone-layout~=layers][data-unitone-layout~=-cover]>:where(img:first-child,video:first-child,picture:first-child,figure:first-child),.docs-story [data-unitone-layout~=layers][data-unitone-layout~=-cover]>:first-child :where(picture,figure),.docs-story [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%}#root [data-unitone-layout~=layers][data-unitone-layout~=-cover]>:first-child :where(img,video),#root [data-unitone-layout~=layers][data-unitone-layout~=-cover]>:where(img:first-child,video:first-child),.docs-story [data-unitone-layout~=layers][data-unitone-layout~=-cover]>:first-child :where(img,video),.docs-story [data-unitone-layout~=layers][data-unitone-layout~=-cover]>: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%}#root [data-unitone-layout~=reel],.docs-story [data-unitone-layout~=reel]{--unitone--gap:var(--unitone--s1);--unitone--height:auto;--unitone--item-width:calc(var(--unitone--measure) / 2);--unitone--scrollbar-thumb-color:#ddd;--unitone--scrollbar-track-color:var(--unitone--color--white);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}#root [data-unitone-layout~=reel]::-webkit-scrollbar,.docs-story [data-unitone-layout~=reel]::-webkit-scrollbar{height:1rem}#root [data-unitone-layout~=reel]::-webkit-scrollbar-track,.docs-story [data-unitone-layout~=reel]::-webkit-scrollbar-track{background-color:var(--unitone--scrollbar-track-color)}#root [data-unitone-layout~=reel]::-webkit-scrollbar-thumb,.docs-story [data-unitone-layout~=reel]::-webkit-scrollbar-thumb{background-color:var(--unitone--scrollbar-track-color);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)}#root [data-unitone-layout~=reel]>*,.docs-story [data-unitone-layout~=reel]>*{flex:0 0 var(--unitone--item-width)}#root [data-unitone-layout~=reel][data-unitone-layout~=-no-bar],.docs-story [data-unitone-layout~=reel][data-unitone-layout~=-no-bar]{padding-bottom:0;scrollbar-width:none}#root [data-unitone-layout~=reel][data-unitone-layout~=-no-bar]::-webkit-scrollbar,.docs-story [data-unitone-layout~=reel][data-unitone-layout~=-no-bar]::-webkit-scrollbar{display:none}#root [data-unitone-layout~=responsive-grid],.docs-story [data-unitone-layout~=responsive-grid]{--unitone--column-min-width:250px;--unitone--gap:var(--unitone--s1);grid-gap:var(--unitone--gap);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(var(--unitone--column-min-width),100%),1fr))}#root [data-unitone-layout~=gutters],.docs-story [data-unitone-layout~=gutters]{--unitone--padding:var(--unitone--s3);padding-bottom:var(--unitone--padding);padding-top:var(--unitone--padding)}#root [data-unitone-layout~=stack],.docs-story [data-unitone-layout~=stack]{--unitone--divider-color:var(--unitone--color--light-gray);--unitone--gap:var(--unitone--s1);display:flex;flex-direction:column;gap:var(--unitone--gap)}#root [data-unitone-layout~=stack]>*,.docs-story [data-unitone-layout~=stack]>*{flex:0 0 auto;margin-bottom:0;margin-top:0}#root [data-unitone-layout~=stack]:only-child,.docs-story [data-unitone-layout~=stack]:only-child{height:100%}#root [data-unitone-layout~=stack][data-unitone-layout~="-divider:stripe"],.docs-story [data-unitone-layout~=stack][data-unitone-layout~="-divider:stripe"]{gap:0}#root [data-unitone-layout~=stack][data-unitone-layout~="-divider:stripe"]>*,.docs-story [data-unitone-layout~=stack][data-unitone-layout~="-divider:stripe"]>*{border-bottom:1px solid var(--unitone--divider-color);border-top:1px solid var(--unitone--divider-color);padding-bottom:var(--unitone--gap);padding-top:var(--unitone--gap)}#root [data-unitone-layout~=stack][data-unitone-layout~="-divider:stripe"]>*+*,.docs-story [data-unitone-layout~=stack][data-unitone-layout~="-divider:stripe"]>*+*{margin-top:-1px}#root [data-unitone-layout~=stack][data-unitone-layout~="-divider:underline"],.docs-story [data-unitone-layout~=stack][data-unitone-layout~="-divider:underline"]{gap:0}#root [data-unitone-layout~=stack][data-unitone-layout~="-divider:underline"]>*,.docs-story [data-unitone-layout~=stack][data-unitone-layout~="-divider:underline"]>*{border-bottom:1px solid var(--unitone--divider-color);padding-bottom:var(--unitone--gap);padding-top:var(--unitone--gap)}#root [data-unitone-layout~=stack][data-unitone-layout~="-divider:underline"]>:first-child,.docs-story [data-unitone-layout~=stack][data-unitone-layout~="-divider:underline"]>:first-child{padding-top:0}#root [data-unitone-layout~=stack][data-unitone-layout~="-divider:bordered"],.docs-story [data-unitone-layout~=stack][data-unitone-layout~="-divider:bordered"]{gap:0}#root [data-unitone-layout~=stack][data-unitone-layout~="-divider:bordered"]>*,.docs-story [data-unitone-layout~=stack][data-unitone-layout~="-divider:bordered"]>*{border:1px solid var(--unitone--divider-color);padding:var(--unitone--gap)}#root [data-unitone-layout~=stack][data-unitone-layout~="-divider:bordered"]>*+*,.docs-story [data-unitone-layout~=stack][data-unitone-layout~="-divider:bordered"]>*+*{margin-top:-1px}#root [data-unitone-layout~=stack][data-unitone-layout~=-negative],.docs-story [data-unitone-layout~=stack][data-unitone-layout~=-negative]{gap:0}#root [data-unitone-layout~=stack][data-unitone-layout~=-negative]>*+*,.docs-story [data-unitone-layout~=stack][data-unitone-layout~=-negative]>*+*{margin-top:calc(-1 * var(--unitone--gap))}#root [data-unitone-layout~=switcher],.docs-story [data-unitone-layout~=switcher]{--unitone--gap:var(--unitone--s1);--unitone--threshold:var(--unitone--measure);display:flex;flex-wrap:wrap;gap:var(--unitone--gap)}#root [data-unitone-layout~=switcher]>*,.docs-story [data-unitone-layout~=switcher]>*{flex-basis:calc((var(--unitone--threshold) - 100%) * 999);flex-grow:1}#root [data-unitone-layout~=text],.docs-story [data-unitone-layout~=text]{--unitone--gap:var(--unitone--s1);--unitone--column-gap:var( --unitone--gap);--unitone--max-width:var(--unitone--measure)}#root [data-unitone-layout~=text]>*,.docs-story [data-unitone-layout~=text]>*{margin:0 auto}#root [data-unitone-layout~=text]>:not(:first-child),.docs-story [data-unitone-layout~=text]>:not(:first-child){margin-top:calc(var(--unitone--margin-top, 1) * var(--unitone--gap))}#root [data-unitone-layout~=text]>:not(:last-child),.docs-story [data-unitone-layout~=text]>:not(:last-child){margin-bottom:calc(var(--unitone--margin-bottom, 1) * var(--unitone--gap))}#root [data-unitone-layout~=text]>h1,.docs-story [data-unitone-layout~=text]>h1{--unitone--font-size:4}#root [data-unitone-layout~=text]>:where(h2,h3,h4,h5,h6),.docs-story [data-unitone-layout~=text]>:where(h2,h3,h4,h5,h6){--unitone--margin-bottom:0}#root [data-unitone-layout~=text]>:where(h2,h3,h4,h5,h6)+:where(h2,h3,h4,h5,h6),.docs-story [data-unitone-layout~=text]>:where(h2,h3,h4,h5,h6)+:where(h2,h3,h4,h5,h6){--unitone--margin-top:.5}#root [data-unitone-layout~=text]>h2,.docs-story [data-unitone-layout~=text]>h2{--unitone--font-size:3}#root [data-unitone-layout~=text]>h3,.docs-story [data-unitone-layout~=text]>h3{--unitone--font-size:2}#root [data-unitone-layout~=text]>h4,.docs-story [data-unitone-layout~=text]>h4{--unitone--font-size:1}#root [data-unitone-layout~=text]>h5,.docs-story [data-unitone-layout~=text]>h5{--unitone--font-size:0}#root [data-unitone-layout~=text]>h5+*,.docs-story [data-unitone-layout~=text]>h5+*{--unitone--margin-top:.5}#root [data-unitone-layout~=text]>h6,.docs-story [data-unitone-layout~=text]>h6{--unitone--font-size:0}#root [data-unitone-layout~=text]>h6+*,.docs-story [data-unitone-layout~=text]>h6+*{--unitone--margin-top:.5}#root [data-unitone-layout~=text][data-unitone-layout~=-column],.docs-story [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)}#root :where([data-unitone-layout~=text]>*),.docs-story :where([data-unitone-layout~=text]>*){max-width:min(100%,var(--unitone--max-width))}#root :where([data-unitone-layout~=text][data-unitone-layout~=-center])>*,.docs-story :where([data-unitone-layout~=text][data-unitone-layout~=-center])>*{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#root :where([data-unitone-layout~=text][data-unitone-layout~=-column])>*,.docs-story :where([data-unitone-layout~=text][data-unitone-layout~=-column])>*{max-width:none}#root [data-unitone-layout~=text]:lang(ja),.docs-story [data-unitone-layout~=text]:lang(ja){font-feature-settings:"palt" 0;font-kerning:none}#root [data-unitone-layout~=text]:lang(ja)>:where(h1,h2,h3,h4,h5),.docs-story [data-unitone-layout~=text]:lang(ja)>:where(h1,h2,h3,h4,h5){font-feature-settings:"palt" 1;font-kerning:normal}#root [data-unitone-layout~=with-sidebar],.docs-story [data-unitone-layout~=with-sidebar]{--unitone--content-min-width:50%;--unitone--content-max-width:100%;--unitone--gap:var(--unitone--s1);--unitone--align-items:flex-start;align-items:var(--unitone--align-items);display:flex;flex-wrap:wrap;gap:var(--unitone--gap)}#root [data-unitone-layout~=with-sidebar]:not([data-unitone-layout~=-revert]):not([data-unitone-layout~="-sidebar:left"])>:first-child,#root [data-unitone-layout~=with-sidebar]:not([data-unitone-layout~=-revert])[data-unitone-layout~="-sidebar:right"]>:first-child,#root [data-unitone-layout~=with-sidebar][data-unitone-layout~=-revert][data-unitone-layout~="-sidebar:left"]>:first-child,.docs-story [data-unitone-layout~=with-sidebar]:not([data-unitone-layout~=-revert]):not([data-unitone-layout~="-sidebar:left"])>:first-child,.docs-story [data-unitone-layout~=with-sidebar]:not([data-unitone-layout~=-revert])[data-unitone-layout~="-sidebar:right"]>:first-child,.docs-story [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))}#root [data-unitone-layout~=with-sidebar]:not([data-unitone-layout~=-revert]):not([data-unitone-layout~="-sidebar:left"])>:last-child,#root [data-unitone-layout~=with-sidebar]:not([data-unitone-layout~=-revert])[data-unitone-layout~="-sidebar:left"]>:first-child,#root [data-unitone-layout~=with-sidebar]:not([data-unitone-layout~=-revert])[data-unitone-layout~="-sidebar:right"]>:last-child,#root [data-unitone-layout~=with-sidebar][data-unitone-layout~=-revert]:not([data-unitone-layout~="-sidebar:left"])>:first-child,#root [data-unitone-layout~=with-sidebar][data-unitone-layout~=-revert][data-unitone-layout~="-sidebar:left"]>:last-child,#root [data-unitone-layout~=with-sidebar][data-unitone-layout~=-revert][data-unitone-layout~="-sidebar:right"]>:first-child,.docs-story [data-unitone-layout~=with-sidebar]:not([data-unitone-layout~=-revert]):not([data-unitone-layout~="-sidebar:left"])>:last-child,.docs-story [data-unitone-layout~=with-sidebar]:not([data-unitone-layout~=-revert])[data-unitone-layout~="-sidebar:left"]>:first-child,.docs-story [data-unitone-layout~=with-sidebar]:not([data-unitone-layout~=-revert])[data-unitone-layout~="-sidebar:right"]>:last-child,.docs-story [data-unitone-layout~=with-sidebar][data-unitone-layout~=-revert]:not([data-unitone-layout~="-sidebar:left"])>:first-child,.docs-story [data-unitone-layout~=with-sidebar][data-unitone-layout~=-revert][data-unitone-layout~="-sidebar:left"]>:last-child,.docs-story [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}#root [data-unitone-layout~=with-sidebar]:not([data-unitone-layout~=-revert])[data-unitone-layout~="-sidebar:left"]>:last-child,#root [data-unitone-layout~=with-sidebar][data-unitone-layout~=-revert]:not([data-unitone-layout~="-sidebar:left"])>:last-child,#root [data-unitone-layout~=with-sidebar][data-unitone-layout~=-revert][data-unitone-layout~="-sidebar:right"]>:last-child,.docs-story [data-unitone-layout~=with-sidebar]:not([data-unitone-layout~=-revert])[data-unitone-layout~="-sidebar:left"]>:last-child,.docs-story [data-unitone-layout~=with-sidebar][data-unitone-layout~=-revert]:not([data-unitone-layout~="-sidebar:left"])>:last-child,.docs-story [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))}#root [data-unitone-layout~=with-sidebar][data-unitone-layout~=-revert],.docs-story [data-unitone-layout~=with-sidebar][data-unitone-layout~=-revert]{flex-direction:row-reverse}#root [data-unitone-layout~="-align-items:start"],.docs-story [data-unitone-layout~="-align-items:start"]{--unitone--align-items:flex-start!important}#root [data-unitone-layout~="-align-items:center"],.docs-story [data-unitone-layout~="-align-items:center"]{--unitone--align-items:center!important}#root [data-unitone-layout~="-align-items:end"],.docs-story [data-unitone-layout~="-align-items:end"]{--unitone--align-items:flex-end!important}#root [data-unitone-layout~="-align-self:auto"],.docs-story [data-unitone-layout~="-align-self:auto"]{--unitone--align-self:auto!important}#root [data-unitone-layout~="-align-self:normal"],.docs-story [data-unitone-layout~="-align-self:normal"]{--unitone--align-self:normal!important}#root [data-unitone-layout~="-align-self:start"],.docs-story [data-unitone-layout~="-align-self:start"]{--unitone--align-self:start!important}#root [data-unitone-layout~="-align-self:end"],.docs-story [data-unitone-layout~="-align-self:end"]{--unitone--align-self:end!important}#root [data-unitone-layout~="-align-self:center"],.docs-story [data-unitone-layout~="-align-self:center"]{--unitone--align-self:center!important}#root [data-unitone-layout~="-align-self:stretch"],.docs-story [data-unitone-layout~="-align-self:stretch"]{--unitone--align-self:stretch!important}#root [data-unitone-layout~="-align-self:baseline"],.docs-story [data-unitone-layout~="-align-self:baseline"]{--unitone--align-self:baseline!important}#root [data-unitone-layout~="-align:start"],.docs-story [data-unitone-layout~="-align:start"]{margin-left:0!important}#root [data-unitone-layout~="-align:center"],.docs-story [data-unitone-layout~="-align:center"]{margin-left:auto!important;margin-right:auto!important}#root [data-unitone-layout~="-align:end"],.docs-story [data-unitone-layout~="-align:end"]{margin-right:0!important}#root [data-unitone-layout~=-fluid-typography],.docs-story [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}#root [data-unitone-layout~="-gap:-2"],.docs-story [data-unitone-layout~="-gap:-2"]{--unitone--gap:var(--unitone--s-2)!important}#root [data-unitone-layout~="-gap:-1"],.docs-story [data-unitone-layout~="-gap:-1"]{--unitone--gap:var(--unitone--s-1)!important}#root [data-unitone-layout~="-gap:0"],.docs-story [data-unitone-layout~="-gap:0"]{--unitone--gap:var(--unitone--s0)!important}#root [data-unitone-layout~="-gap:1"],.docs-story [data-unitone-layout~="-gap:1"]{--unitone--gap:var(--unitone--s1)!important}#root [data-unitone-layout~="-gap:2"],.docs-story [data-unitone-layout~="-gap:2"]{--unitone--gap:var(--unitone--s2)!important}#root [data-unitone-layout~="-gap:3"],.docs-story [data-unitone-layout~="-gap:3"]{--unitone--gap:var(--unitone--s3)!important}#root [data-unitone-layout~="-gap:4"],.docs-story [data-unitone-layout~="-gap:4"]{--unitone--gap:var(--unitone--s4)!important}#root [data-unitone-layout~="-gap:5"],.docs-story [data-unitone-layout~="-gap:5"]{--unitone--gap:var(--unitone--s5)!important}#root [data-unitone-layout~="-gap:6"],.docs-story [data-unitone-layout~="-gap:6"]{--unitone--gap:var(--unitone--s6)!important}#root [data-unitone-layout~="-gap:7"],.docs-story [data-unitone-layout~="-gap:7"]{--unitone--gap:var(--unitone--s7)!important}#root [data-unitone-layout~="-gutters:-2"],.docs-story [data-unitone-layout~="-gutters:-2"]{--unitone--gutters:var(--unitone--rem-2)!important}#root [data-unitone-layout~="-gutters:-1"],.docs-story [data-unitone-layout~="-gutters:-1"]{--unitone--gutters:var(--unitone--rem-1)!important}#root [data-unitone-layout~="-gutters:0"],.docs-story [data-unitone-layout~="-gutters:0"]{--unitone--gutters:var(--unitone--rem0)!important}#root [data-unitone-layout~="-gutters:1"],.docs-story [data-unitone-layout~="-gutters:1"]{--unitone--gutters:var(--unitone--rem1)!important}#root [data-unitone-layout~="-gutters:2"],.docs-story [data-unitone-layout~="-gutters:2"]{--unitone--gutters:var(--unitone--rem2)!important}#root [data-unitone-layout~="-gutters:3"],.docs-story [data-unitone-layout~="-gutters:3"]{--unitone--gutters:var(--unitone--rem3)!important}#root [data-unitone-layout~="-gutters:4"],.docs-story [data-unitone-layout~="-gutters:4"]{--unitone--gutters:var(--unitone--rem4)!important}#root [data-unitone-layout~="-gutters:5"],.docs-story [data-unitone-layout~="-gutters:5"]{--unitone--gutters:var(--unitone--rem5)!important}#root [data-unitone-layout~="-gutters:6"],.docs-story [data-unitone-layout~="-gutters:6"]{--unitone--gutters:var(--unitone--rem6)!important}#root [data-unitone-layout~="-gutters:7"],.docs-story [data-unitone-layout~="-gutters:7"]{--unitone--gutters:var(--unitone--rem7)!important}#root [data-unitone-layout~="-justify-content:start"],.docs-story [data-unitone-layout~="-justify-content:start"]{--unitone--justify-content:flex-start!important}#root [data-unitone-layout~="-justify-content:center"],.docs-story [data-unitone-layout~="-justify-content:center"]{--unitone--justify-content:center!important}#root [data-unitone-layout~="-justify-content:end"],.docs-story [data-unitone-layout~="-justify-content:end"]{--unitone--justify-content:flex-end!important}#root [data-unitone-layout~="-justify-content:space-between"],.docs-story [data-unitone-layout~="-justify-content:space-between"]{--unitone--justify-content:space-between!important}#root [data-unitone-layout~="-justify-self:auto"],.docs-story [data-unitone-layout~="-justify-self:auto"]{--unitone--justify-self:auto!important}#root [data-unitone-layout~="-justify-self:normal"],.docs-story [data-unitone-layout~="-justify-self:normal"]{--unitone--justify-self:normal!important}#root [data-unitone-layout~="-justify-self:start"],.docs-story [data-unitone-layout~="-justify-self:start"]{--unitone--justify-self:start!important}#root [data-unitone-layout~="-justify-self:end"],.docs-story [data-unitone-layout~="-justify-self:end"]{--unitone--justify-self:end!important}#root [data-unitone-layout~="-justify-self:center"],.docs-story [data-unitone-layout~="-justify-self:center"]{--unitone--justify-self:center!important}#root [data-unitone-layout~="-justify-self:stretch"],.docs-story [data-unitone-layout~="-justify-self:stretch"]{--unitone--justify-self:stretch!important}#root [data-unitone-layout~="-justify-self:baseline"],.docs-story [data-unitone-layout~="-justify-self:baseline"]{--unitone--justify-self:baseline!important}#root [data-unitone-layout~="-padding:-2"],.docs-story [data-unitone-layout~="-padding:-2"]{--unitone--padding:var(--unitone--s-2)!important}#root [data-unitone-layout~="-padding:-1"],.docs-story [data-unitone-layout~="-padding:-1"]{--unitone--padding:var(--unitone--s-1)!important}#root [data-unitone-layout~="-padding:0"],.docs-story [data-unitone-layout~="-padding:0"]{--unitone--padding:var(--unitone--s0)!important}#root [data-unitone-layout~="-padding:1"],.docs-story [data-unitone-layout~="-padding:1"]{--unitone--padding:var(--unitone--s1)!important}#root [data-unitone-layout~="-padding:2"],.docs-story [data-unitone-layout~="-padding:2"]{--unitone--padding:var(--unitone--s2)!important}#root [data-unitone-layout~="-padding:3"],.docs-story [data-unitone-layout~="-padding:3"]{--unitone--padding:var(--unitone--s3)!important}#root [data-unitone-layout~="-padding:4"],.docs-story [data-unitone-layout~="-padding:4"]{--unitone--padding:var(--unitone--s4)!important}#root [data-unitone-layout~="-padding:5"],.docs-story [data-unitone-layout~="-padding:5"]{--unitone--padding:var(--unitone--s5)!important}#root [data-unitone-layout~="-padding:6"],.docs-story [data-unitone-layout~="-padding:6"]{--unitone--padding:var(--unitone--s6)!important}#root [data-unitone-layout~="-padding:7"],.docs-story [data-unitone-layout~="-padding:7"]{--unitone--padding:var(--unitone--s7)!important}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@inc2734/unitone-css",
3
- "version": "0.27.2",
3
+ "version": "0.28.1",
4
4
  "description": "",
5
5
  "main": "index.js",
6
6
  "license": "MIT",
@@ -33,28 +33,28 @@
33
33
  "public": "npm run build && build-storybook -c ./.storybook -o ./public"
34
34
  },
35
35
  "devDependencies": {
36
- "@babel/preset-env": "^7.18.9",
37
- "@babel/core": "^7.18.9",
36
+ "@babel/preset-env": "^7.18.10",
37
+ "@babel/core": "^7.18.10",
38
38
  "webpack": "^5.74.0",
39
39
  "webpack-cli": "^4.10.0",
40
- "@storybook/addon-actions": "^6.5.9",
41
- "@storybook/addon-essentials": "^6.5.9",
42
- "@storybook/addon-links": "^6.5.9",
43
- "@storybook/builder-webpack5": "^6.5.9",
44
- "@storybook/html": "^6.5.9",
45
- "@storybook/manager-webpack5": "^6.5.9",
46
- "@storybook/react": "^6.5.9",
40
+ "@storybook/addon-actions": "^6.5.10",
41
+ "@storybook/addon-essentials": "^6.5.10",
42
+ "@storybook/addon-links": "^6.5.10",
43
+ "@storybook/builder-webpack5": "^6.5.10",
44
+ "@storybook/html": "^6.5.10",
45
+ "@storybook/manager-webpack5": "^6.5.10",
46
+ "@storybook/react": "^6.5.10",
47
47
  "@whitespace/storybook-addon-html": "^5.0.0",
48
- "autoprefixer": "^10.4.7",
48
+ "autoprefixer": "^10.4.8",
49
49
  "babel-loader": "^8.2.5",
50
- "cssnano": "^5.1.12",
50
+ "cssnano": "^5.1.13",
51
51
  "npm-run-all": "^4.1.5",
52
- "postcss": "^8.4.14",
52
+ "postcss": "^8.4.16",
53
53
  "postcss-cli": "^10.0.0",
54
54
  "postcss-import": "^14.1.0",
55
55
  "prettier": "^2.7.1",
56
56
  "rimraf": "^3.0.2",
57
- "sass": "^1.54.0"
57
+ "sass": "^1.54.4"
58
58
  },
59
59
  "dependencies": {}
60
60
  }
package/src/foundation/_foundation.scss CHANGED
@@ -29,7 +29,6 @@
29
29
  details,
30
30
  dialog,
31
31
  dd,
32
- div,
33
32
  dl,
34
33
  dt,
35
34
  fieldset,
package/src/layout-primitives/cluster/Cluster.jsx CHANGED
@@ -1,12 +1,21 @@
1
1
  import React from 'react';
2
2
 
3
- export const Cluster = ({ alignItems, gap, justifyContent, tagName = 'div', style, ...props }) => {
3
+ export const Cluster = ({
4
+ alignItems,
5
+ divider,
6
+ gap,
7
+ justifyContent,
8
+ tagName = 'div',
9
+ style,
10
+ ...props
11
+ }) => {
4
12
  const Tag = tagName;
5
13
 
6
14
  return (
7
15
  <Tag
8
16
  data-unitone-layout={[
9
17
  'cluster',
18
+ !!divider ? `-divider:${divider}` : undefined,
10
19
  'undefined' !== typeof gap ? `-gap:${gap}` : undefined,
11
20
  'undefined' !== typeof alignItems ? `-align-items:${alignItems}` : undefined,
12
21
  'undefined' !== typeof justifyContent ? `-justify-content:${justifyContent}` : undefined,
package/src/layout-primitives/cluster/README.md CHANGED
@@ -33,3 +33,18 @@
33
33
  ...
34
34
  </ul>
35
35
  ```
36
+
37
+ ### Using divider
38
+
39
+ stripe / slash / bordered
40
+
41
+ ```html
42
+ <div data-unitone-layout="cluster -divider:stripe">
43
+ <div>
44
+ ...
45
+ </div>
46
+ <div>
47
+ ...
48
+ </div>
49
+ </div>
50
+ ```
package/src/layout-primitives/cluster/_cluster.scss CHANGED
@@ -1,11 +1,12 @@
1
1
  @mixin abstract-cluster() {
2
2
  --unitone--align-items: flex-start;
3
- --unitone--gap: calc(var(--unitone--s1) / 2) var(--unitone--s1);
3
+ --unitone--divider-color: var(--unitone--color--light-gray);
4
+ --unitone--gap: var(--unitone--s1);
4
5
  --unitone--justify-content: flex-start;
5
6
 
6
7
  display: flex;
7
8
  flex-wrap: wrap;
8
- gap: var(--unitone--gap);
9
+ gap: calc(var(--unitone--gap) / 2) var(--unitone--gap);
9
10
  justify-content: var(--unitone--justify-content);
10
11
  align-items: var(--unitone--align-items);
11
12
  list-style: none;
@@ -13,6 +14,52 @@
13
14
  > * {
14
15
  margin: 0;
15
16
  }
17
+
18
+ &[data-unitone-layout~="-divider\:stripe"] {
19
+ column-gap: 0;
20
+
21
+ > * {
22
+ margin-right: -1px;
23
+ border-right: 1px solid var(--unitone--divider-color);
24
+ border-left: 1px solid var(--unitone--divider-color);
25
+ padding-right: var(--unitone--gap);
26
+ padding-left: var(--unitone--gap);
27
+ }
28
+ }
29
+
30
+ &[data-unitone-layout~="-divider\:slash"] {
31
+ --unitone--divider-color: var(--unitone--color--gray);
32
+
33
+ gap: calc(var(--unitone--gap) / 2) calc(var(--unitone--gap) * 2);
34
+
35
+ > * {
36
+ display: flex;
37
+ padding-right: var(--unitone--gap);
38
+ padding-left: var(--unitone--gap);
39
+ }
40
+
41
+ > :first-child {
42
+ padding-left: 0;
43
+ }
44
+
45
+ > * + *::before {
46
+ content: '/';
47
+ position: relative;
48
+ right: var(--unitone--gap);
49
+ color: var(--unitone--divider-color);
50
+ }
51
+ }
52
+
53
+ &[data-unitone-layout~="-divider\:bordered"] {
54
+ gap: 0;
55
+
56
+ > * {
57
+ margin-top: -1px;
58
+ margin-right: -1px;
59
+ border: 1px solid var(--unitone--divider-color);
60
+ padding: calc(var(--unitone--gap) / 2) var(--unitone--gap);
61
+ }
62
+ }
16
63
  }
17
64
 
18
65
  @mixin cluster() {
package/src/layout-primitives/cluster/stories/index.jsx CHANGED
@@ -35,6 +35,13 @@ export default {
35
35
  table: { defaultValue: { summary: 'start' } },
36
36
  type: { name: 'string', required: false },
37
37
  },
38
+ divider: {
39
+ control: { type: 'inline-radio' },
40
+ description: 'Divider. Set by `data-unitone-layout` attribute `-divider:x`.',
41
+ options: [undefined, 'stripe', 'slash', 'bordered'],
42
+ table: { defaultValue: { summary: false } },
43
+ type: { name: 'boolean', required: false },
44
+ },
38
45
  tagName: {
39
46
  table: { disable: true },
40
47
  },
@@ -43,6 +50,7 @@ export default {
43
50
  alignItems: 'start',
44
51
  gap: 1,
45
52
  justifyContent: 'start',
53
+ divider: undefined,
46
54
  },
47
55
  };
48
56
 
@@ -77,3 +85,51 @@ ExampleHeader.argTypes = {
77
85
  justifyContent: { table: { disable: true } },
78
86
  alignItems: { table: { disable: true } },
79
87
  };
88
+
89
+ export const ExampleStripe = (args) => {
90
+ return (
91
+ <Cluster {...args}>
92
+ <div>Lorem ipsum</div>
93
+ <div>dolor sit</div>
94
+ <div>amet consectetur</div>
95
+ <div>adipisicing elit</div>
96
+ <div>sed do</div>
97
+ </Cluster>
98
+ );
99
+ };
100
+ ExampleStripe.args = {
101
+ divider: 'stripe',
102
+ };
103
+ ExampleStripe.storyName = 'Example : Stripe';
104
+
105
+ export const ExampleSlash = (args) => {
106
+ return (
107
+ <Cluster {...args}>
108
+ <div>Lorem ipsum</div>
109
+ <div>dolor sit</div>
110
+ <div>amet consectetur</div>
111
+ <div>adipisicing elit</div>
112
+ <div>sed do</div>
113
+ </Cluster>
114
+ );
115
+ };
116
+ ExampleSlash.args = {
117
+ divider: 'slash',
118
+ };
119
+ ExampleSlash.storyName = 'Example : Slash';
120
+
121
+ export const ExampleBordered = (args) => {
122
+ return (
123
+ <Cluster {...args}>
124
+ <div>Lorem ipsum</div>
125
+ <div>dolor sit</div>
126
+ <div>amet consectetur</div>
127
+ <div>adipisicing elit</div>
128
+ <div>sed do</div>
129
+ </Cluster>
130
+ );
131
+ };
132
+ ExampleBordered.args = {
133
+ divider: 'bordered',
134
+ };
135
+ ExampleBordered.storyName = 'Example : Bordered';
package/src/layout-primitives/decorator/stories/index.jsx CHANGED
@@ -144,7 +144,7 @@ export const ExampleCombobox = (args) => {
144
144
  <Decorator
145
145
  padding={args.padding}
146
146
  backgroundColor={args.backgroundColor}
147
- color="var(--unitone--color-white)"
147
+ color="var(--unitone--color--white)"
148
148
  >
149
149
  Combo Box
150
150
  </Decorator>
package/src/layout-primitives/reel/_reel.scss CHANGED
@@ -3,7 +3,7 @@
3
3
  --unitone--height: auto;
4
4
  --unitone--item-width: calc(var(--unitone--measure) / 2);
5
5
  --unitone--scrollbar-thumb-color: #ddd;
6
- --unitone--scrollbar-track-color: var(--unitone--color-white);
6
+ --unitone--scrollbar-track-color: var(--unitone--color--white);
7
7
 
8
8
  display: flex;
9
9
  gap: var(--unitone--gap);
package/src/layout-primitives/stack/README.md CHANGED
@@ -22,3 +22,18 @@
22
22
  ...
23
23
  </div>
24
24
  ```
25
+
26
+ ### Using divider
27
+
28
+ stripe / underline / bordered
29
+
30
+ ```html
31
+ <div data-unitone-layout="stack -divider:stripe">
32
+ <div>
33
+ ...
34
+ </div>
35
+ <div>
36
+ ...
37
+ </div>
38
+ </div>
39
+ ```
package/src/layout-primitives/stack/Stack.jsx CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
 
3
- export const Stack = ({ center, gap, negative, style, ...props }) => {
3
+ export const Stack = ({ center, divider, gap, negative, style, ...props }) => {
4
4
  style = {
5
5
  ...style,
6
6
  };
@@ -9,6 +9,7 @@ export const Stack = ({ center, gap, negative, style, ...props }) => {
9
9
  <div
10
10
  data-unitone-layout={[
11
11
  'stack',
12
+ !!divider ? `-divider:${divider}` : undefined,
12
13
  'undefined' !== typeof gap ? `-gap:${gap}` : undefined,
13
14
  true === negative ? '-negative' : undefined,
14
15
  ]
package/src/layout-primitives/stack/_stack.scss CHANGED
@@ -1,4 +1,5 @@
1
1
  @mixin abstract-stack() {
2
+ --unitone--divider-color: var(--unitone--color--light-gray);
2
3
  --unitone--gap: var(--unitone--s1);
3
4
 
4
5
  display: flex;
@@ -15,6 +16,48 @@
15
16
  height: 100%;
16
17
  }
17
18
 
19
+ &[data-unitone-layout~="-divider\:stripe"] {
20
+ gap: 0;
21
+
22
+ > * {
23
+ border-top: 1px solid var(--unitone--divider-color);
24
+ border-bottom: 1px solid var(--unitone--divider-color);
25
+ padding-top: var(--unitone--gap);
26
+ padding-bottom: var(--unitone--gap);
27
+ }
28
+
29
+ > * + * {
30
+ margin-top: -1px;
31
+ }
32
+ }
33
+
34
+ &[data-unitone-layout~="-divider\:underline"] {
35
+ gap: 0;
36
+
37
+ > * {
38
+ border-bottom: 1px solid var(--unitone--divider-color);
39
+ padding-top: var(--unitone--gap);
40
+ padding-bottom: var(--unitone--gap);
41
+ }
42
+
43
+ > :first-child {
44
+ padding-top: 0;
45
+ }
46
+ }
47
+
48
+ &[data-unitone-layout~="-divider\:bordered"] {
49
+ gap: 0;
50
+
51
+ > * {
52
+ border: 1px solid var(--unitone--divider-color);
53
+ padding: var(--unitone--gap);
54
+ }
55
+
56
+ > * + * {
57
+ margin-top: -1px;
58
+ }
59
+ }
60
+
18
61
  &[data-unitone-layout~="-negative"] {
19
62
  gap: 0;
20
63
 
package/src/layout-primitives/stack/stories/index.jsx CHANGED
@@ -27,18 +27,28 @@ export default {
27
27
  table: { defaultValue: { summary: false } },
28
28
  type: { name: 'boolean', required: false },
29
29
  },
30
+ divider: {
31
+ control: { type: 'inline-radio' },
32
+ description: 'Divider. Set by `data-unitone-layout` attribute `-divider:x`.',
33
+ options: [undefined, 'stripe', 'underline', 'bordered'],
34
+ table: { defaultValue: { summary: false } },
35
+ type: { name: 'boolean', required: false },
36
+ },
30
37
  },
31
38
  args: {
32
39
  gap: 1,
33
40
  negative: false,
41
+ divider: undefined,
34
42
  },
35
43
  };
36
44
 
45
+ const contentEn =
46
+ 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cill';
47
+ const contentJa =
48
+ 'あともゴーシュ子たり何に向いていまし。夜中は次がしばらくと落ちて狸から舞台のようで来でおかげをしからちょろちょろゴーシュを合わせていです。どうかまげて子をこどもに出でしです。それりんに狸がこってボック';
49
+
37
50
  const Content = (props) => {
38
- const content =
39
- 'ja' === props.lang
40
- ? 'あともゴーシュ子たり何に向いていまし。夜中は次がしばらくと落ちて狸から舞台のようで来でおかげをしからちょろちょろゴーシュを合わせていです。どうかまげて子をこどもに出でしです。それりんに狸がこってボック'
41
- : 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cill';
51
+ const content = 'ja' === props.lang ? contentJa : contentEn;
42
52
 
43
53
  return (
44
54
  <>
@@ -121,3 +131,63 @@ ExampleCard.storyName = 'Example : Card';
121
131
  ExampleCard.argTypes = {
122
132
  center: { table: { disable: true } },
123
133
  };
134
+
135
+ export const ExampleStripe = (args) => {
136
+ return (
137
+ <Stack {...args}>
138
+ <div>
139
+ <p>{contentEn}</p>
140
+ </div>
141
+ <div>
142
+ <p>{contentEn}</p>
143
+ </div>
144
+ <div>
145
+ <p>{contentEn}</p>
146
+ </div>
147
+ </Stack>
148
+ );
149
+ };
150
+ ExampleStripe.args = {
151
+ divider: 'stripe',
152
+ };
153
+ ExampleStripe.storyName = 'Example : Stripe';
154
+
155
+ export const ExampleUnderline = (args) => {
156
+ return (
157
+ <Stack {...args}>
158
+ <div>
159
+ <p>{contentEn}</p>
160
+ </div>
161
+ <div>
162
+ <p>{contentEn}</p>
163
+ </div>
164
+ <div>
165
+ <p>{contentEn}</p>
166
+ </div>
167
+ </Stack>
168
+ );
169
+ };
170
+ ExampleUnderline.args = {
171
+ divider: 'underline',
172
+ };
173
+ ExampleUnderline.storyName = 'Example : Underline';
174
+
175
+ export const ExampleBordered = (args) => {
176
+ return (
177
+ <Stack {...args}>
178
+ <div>
179
+ <p>{contentEn}</p>
180
+ </div>
181
+ <div>
182
+ <p>{contentEn}</p>
183
+ </div>
184
+ <div>
185
+ <p>{contentEn}</p>
186
+ </div>
187
+ </Stack>
188
+ );
189
+ };
190
+ ExampleBordered.args = {
191
+ divider: 'bordered',
192
+ };
193
+ ExampleBordered.storyName = 'Example : Bordered';
package/src/settings/_body.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  :where(body) {
2
- background-color: var(--unitone--color-white);
3
- color: var(--unitone--color-text);
2
+ background-color: var(--unitone--color--white);
3
+ color: var(--unitone--color--text);
4
4
  font-family: var(--unitone--font-family);
5
5
  }
6
6
 
package/src/settings/_root.scss CHANGED
@@ -11,9 +11,13 @@
11
11
  /**
12
12
  * Collors.
13
13
  */
14
- --unitone--color-white: #fff;
15
- --unitone--color-black: #000;
16
- --unitone--color-text: #222;
14
+ --unitone--color--white: #fff;
15
+ --unitone--color--black: #000;
16
+ --unitone--color--text: #222;
17
+ --unitone--color--gray: #ced4da;
18
+ --unitone--color--light-gray: #e9ecef;
19
+ --unitone--color--bright-gray: #f8f9fa;
20
+ --unitone--color--dark-gray: #868e96;
17
21
 
18
22
  /**
19
23
  * Font size level.