npm - @inc2734/unitone-css - Versions diffs - 0.36.2 → 0.37.1 - Mend

@inc2734/unitone-css 0.36.2 → 0.37.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 (14) hide show

package/dist/app.css +1 -1
package/dist/storybook.css +1 -1
package/package.json +1 -1
package/src/helper/_align-self.scss +8 -0
package/src/helper/_justify-self.scss +8 -0
package/src/layout-primitives/both-sides/_both-sides.scss +1 -0
package/src/layout-primitives/cluster/_cluster.scss +5 -0
package/src/layout-primitives/container/_container.scss +2 -2
package/src/layout-primitives/layers/Layers.jsx +6 -2
package/src/layout-primitives/layers/README.md +11 -0
package/src/layout-primitives/layers/_layers.scss +4 -2
package/src/layout-primitives/layers/stories/index.jsx +8 -0
package/src/layout-primitives/reel/_reel.scss +2 -1
package/src/layout-primitives/switcher/_switcher.scss +1 -0

package/dist/app.css CHANGED Viewed

	@@ -1 +1 @@
1	- :root{--unitone--measure:42rem;--unitone--color--white:#fff;--unitone--color--black:#000;--unitone--color--text:#222;--unitone--color--gray:#ced4da;--unitone--color--light-gray:#e9ecef;--unitone--color--bright-gray:#f8f9fa;--unitone--color--dark-gray:#868e96;--unitone--font-size:0;--unitone--base-font-size:16;--unitone--harmonic-sequence-base:8;--unitone--min-harmonic-sequence-base:9;--unitone--max-harmonic-sequence-base:var(--unitone--harmonic-sequence-base);--unitone--half-leading:.3;--unitone--line-height-slope:-0.16666;--unitone--font-family:sans-serif;--unitone--global--box-shadow:0 5px 20px -5px rgba(0,0,0,.2);--unitone--global--border-radius:4px;--unitone--global--gap:var(--unitone--s2);--unitone--global--text-gap:var(--unitone--s1);--unitone--global--gutters:clamp(var(--unitone--rem1),4vw,var(--unitone--rem2));--unitone--_space-reference-value:clamp(1,var(--unitone--line-height-slope) * var(--unitone--fluid-font-size-magnification,calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--harmonic-sequence-base) - var(--unitone--font-size)))) + 1 + 2 * var(--unitone--half-leading) + -1 * var(--unitone--line-height-slope),2 * var(--unitone--half-leading) + 1) /3;--unitone--ms-2:calc(var(--unitone--_space-reference-value) * 1);--unitone--ms-1:calc(var(--unitone--_space-reference-value) * 2);--unitone--ms0:0;--unitone--ms1:calc(var(--unitone--_space-reference-value) * 3);--unitone--ms2:calc(var(--unitone--_space-reference-value) * 5);--unitone--ms3:calc(var(--unitone--_space-reference-value) * 8);--unitone--ms4:calc(var(--unitone--_space-reference-value) * 13);--unitone--ms5:calc(var(--unitone--_space-reference-value) * 21);--unitone--ms6:calc(var(--unitone--_space-reference-value) * 34);--unitone--ms7:calc(var(--unitone--_space-reference-value) * 55);--unitone--em-2:calc(1em * var(--unitone--ms-2));--unitone--em-1:calc(1em * var(--unitone--ms-1));--unitone--em0:0em;--unitone--em1:calc(1em * var(--unitone--ms1));--unitone--em2:calc(1em * var(--unitone--ms2));--unitone--em3:calc(1em * var(--unitone--ms3));--unitone--em4:calc(1em * var(--unitone--ms4));--unitone--em5:calc(1em * var(--unitone--ms5));--unitone--em6:calc(1em * var(--unitone--ms6));--unitone--em7:calc(1em * var(--unitone--ms7));--unitone--rem-2:calc(1rem * var(--unitone--ms-2));--unitone--rem-1:calc(1rem * var(--unitone--ms-1));--unitone--rem0:0rem;--unitone--rem1:calc(1rem * var(--unitone--ms1));--unitone--rem2:calc(1rem * var(--unitone--ms2));--unitone--rem3:calc(1rem * var(--unitone--ms3));--unitone--rem4:calc(1rem * var(--unitone--ms4));--unitone--rem5:calc(1rem * var(--unitone--ms5));--unitone--rem6:calc(1rem * var(--unitone--ms6));--unitone--rem7:calc(1rem * var(--unitone--ms7));--unitone--s-2:var(--unitone--em-2);--unitone--s-1:var(--unitone--em-1);--unitone--s0:var(--unitone--em0);--unitone--s1:var(--unitone--em1);--unitone--s2:clamp(calc(var(--unitone--ms1) + var(--unitone--ms2) * 0.28125) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms2) - calc(var(--unitone--ms1) + var(--unitone--ms2) * 0.28125)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms2) * 0.28125)) * 1em + calc((var(--unitone--ms2) - calc(var(--unitone--ms1) + var(--unitone--ms2) * 0.28125)) / (57.5)) * 100vw),var(--unitone--ms2) * 1em);--unitone--s3:clamp(calc(var(--unitone--ms1) + var(--unitone--ms3) * 0.28125) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms3) - calc(var(--unitone--ms1) + var(--unitone--ms3) * 0.28125)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms3) * 0.28125)) * 1em + calc((var(--unitone--ms3) - calc(var(--unitone--ms1) + var(--unitone--ms3) * 0.28125)) / (57.5)) * 100vw),var(--unitone--ms3) * 1em);--unitone--s4:clamp(calc(var(--unitone--ms1) + var(--unitone--ms4) * 0.28125) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms4) - calc(var(--unitone--ms1) + var(--unitone--ms4) * 0.28125)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms4) * 0.28125)) * 1em + calc((var(--unitone--ms4) - calc(var(--unitone--ms1) + var(--unitone--ms4) * 0.28125)) / (57.5)) * 100vw),var(--unitone--ms4) * 1em);--unitone--s5:clamp(calc(var(--unitone--ms1) + var(--unitone--ms5) * 0.28125) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms5) - calc(var(--unitone--ms1) + var(--unitone--ms5) * 0.28125)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms5) * 0.28125)) * 1em + calc((var(--unitone--ms5) - calc(var(--unitone--ms1) + var(--unitone--ms5) * 0.28125)) / (57.5)) * 100vw),var(--unitone--ms5) * 1em);--unitone--s6:clamp(calc(var(--unitone--ms1) + var(--unitone--ms6) * 0.28125) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms6) - calc(var(--unitone--ms1) + var(--unitone--ms6) * 0.28125)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms6) * 0.28125)) * 1em + calc((var(--unitone--ms6) - calc(var(--unitone--ms1) + var(--unitone--ms6) * 0.28125)) / (57.5)) * 100vw),var(--unitone--ms6) * 1em);--unitone--s7:clamp(calc(var(--unitone--ms1) + var(--unitone--ms7) * 0.28125) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms7) - calc(var(--unitone--ms1) + var(--unitone--ms7) * 0.28125)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms7) * 0.28125)) * 1em + calc((var(--unitone--ms7) - calc(var(--unitone--ms1) + var(--unitone--ms7) * 0.28125)) / (57.5)) * 100vw),var(--unitone--ms7) * 1em);--unitone--container-max-width:1280px;--unitone--grid-columns:12;--unitone--grid-rows:7;--unitone--grid-gap:var(--unitone--global--gap);--unitone--pg0:0%;--unitone--pg1:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 1 + var(--unitone--grid-gap) * 0);--unitone--pg2:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 2 + var(--unitone--grid-gap) * 1);--unitone--pg3:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 3 + var(--unitone--grid-gap) * 2);--unitone--pg4:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 4 + var(--unitone--grid-gap) * 3);--unitone--pg5:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 5 + var(--unitone--grid-gap) * 4);--unitone--pg6:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 6 + var(--unitone--grid-gap) * 5);--unitone--pg7:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 7 + var(--unitone--grid-gap) * 6);--unitone--pg8:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 8 + var(--unitone--grid-gap) * 7);--unitone--pg9:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 9 + var(--unitone--grid-gap) * 8);--unitone--pg10:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 10 + var(--unitone--grid-gap) * 9);--unitone--pg11:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 11 + var(--unitone--grid-gap) * 10);--unitone--pg12:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 12 + var(--unitone--grid-gap) * 11);--unitone--cg0:0%;--unitone--cg1:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 1 + var(--unitone--grid-gap) * 0);--unitone--cg2:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 2 + var(--unitone--grid-gap) * 1);--unitone--cg3:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 3 + var(--unitone--grid-gap) * 2);--unitone--cg4:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 4 + var(--unitone--grid-gap) * 3);--unitone--cg5:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 5 + var(--unitone--grid-gap) * 4);--unitone--cg6:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 6 + var(--unitone--grid-gap) * 5);--unitone--cg7:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 7 + var(--unitone--grid-gap) * 6);--unitone--cg8:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 8 + var(--unitone--grid-gap) * 7);--unitone--cg9:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 9 + var(--unitone--grid-gap) * 8);--unitone--cg10:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 10 + var(--unitone--grid-gap) * 9);--unitone--cg11:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 11 + var(--unitone--grid-gap) * 10);--unitone--cg12:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 12 + var(--unitone--grid-gap) * 11)}html{font-size:calc(var(--unitone--base-font-size) * 1px)}:where(body){background-color:var(--unitone--color--white);color:var(--unitone--color--text);font-family:var(--unitone--font-family)}body{-webkit-font-smoothing:antialiased;overflow-wrap:break-word}{font-size:calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--harmonic-sequence-base) - var(--unitone--font-size)) 1rem);line-height:clamp(1,var(--unitone--line-height-slope) * var(--unitone--fluid-font-size-magnification,calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--harmonic-sequence-base) - var(--unitone--font-size)))) + 1 + 2 * var(--unitone--half-leading) + -1 * var(--unitone--line-height-slope),2 * var(--unitone--half-leading) + 1)},:after,:before{box-sizing:border-box}html{hanging-punctuation:allow-end;line-break:normal}a{text-decoration-thickness:1px;text-underline-offset:.1em}:where(address,article,aside,blockquote,details,dialog,dd,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,li,main,nav,ol,p,pre,section,table,ul){margin:0;padding:0}:where(li){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:-moz-fit-content;width:fit-content}:where(figure,picture) :where(img,video){display:table;margin-bottom:0;margin-top:0}:where(figure,picture) :where(img:not([width]),video:not([width])){width:100%}img,video{height:auto;max-width:100%}figcaption{--unitone--font-size:-2;caption-side:bottom;margin:var(--unitone--s-2) 0 0;text-align:left}[data-unitone-layout~=both-sides]{--unitone--gap:var(--unitone--global--gap);--unitone--align-items:flex-start;--unitone--content-width:fit-content;--unitone--content-max-width:100%;align-items:var(--unitone--align-items);display:flex;flex-wrap:wrap;gap:var(--unitone--gap);justify-content:space-between}[data-unitone-layout~=both-sides]>{--unitone--max-width:var(--unitone--content-max-width);--unitone--flex-basis:var(--unitone--content-width);flex-basis:var(--unitone--flex-basis);flex-grow:0;max-width:min(100%,var(--unitone--max-width))}[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;--unitone--overflow:visible;background-color:var(--unitone--background-color);border:var(--unitone--border-width) solid var(--unitone--border-color);border-radius:var(--unitone--border-radius);bottom:var(--unitone--bottom);box-shadow:var(--unitone--box-shadow);color:var(--unitone--color);left:var(--unitone--left);overflow:var(--unitone--overflow);padding: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~=center]{--unitone--gutters:0px;--unitone--max-width:var(--unitone--measure);box-sizing:content-box;margin-left:auto;margin-right:auto;max-width:var(--unitone--max-width);padding-left:var(--unitone--gutters);padding-right:var(--unitone--gutters)}[data-unitone-layout~=center][data-unitone-layout~=-intrinsic]{align-items:center;display:flex;flex-direction:column}[data-unitone-layout~=center][data-unitone-layout~=-with-text]{text-align:center}[data-unitone-layout~=cluster]{--unitone--align-items:strech;--unitone--divider-width:1px;--unitone--divider-style:solid;--unitone--divider-color:var(--unitone--color--gray);--unitone--gap:var(--unitone--global--text-gap);--unitone--justify-content:flex-start;align-items:var(--unitone--align-items);display:flex;flex-wrap:wrap;gap:calc(var(--unitone--gap) / 2) var(--unitone--gap);justify-content:var(--unitone--justify-content);list-style:none}[data-unitone-layout~=cluster]>{margin:0}[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:var(--unitone--divider-width) var(--unitone--divider-style) var(--unitone--divider-color);border-right:var(--unitone--divider-width) var(--unitone--divider-style) var(--unitone--divider-color);margin-right:calc(-1 * var(--unitone--divider-width));padding-left:var(--unitone--gap);padding-right:var(--unitone--gap)}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:stripe"]>:not(:first-child){border-left-color:transparent}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:slash"]{gap:calc(var(--unitone--gap) / 2) 0}[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{border-left:var(--unitone--divider-width) var(--unitone--divider-style) var(--unitone--divider-color);content:"";position:relative;right:var(--unitone--gap);transform:rotate(22.5deg) scale(.8)}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:bordered"]{border-left:var(--unitone--divider-width) var(--unitone--divider-style) var(--unitone--divider-color);gap:0}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:bordered"]>{border:var(--unitone--divider-width) var(--unitone--divider-style) var(--unitone--divider-color);border-left-color:transparent;margin-right:calc(-1 var(--unitone--divider-width));margin-top:calc(-1 * var(--unitone--divider-width));padding:calc(var(--unitone--gap) / 2) var(--unitone--gap)}[data-unitone-layout~=container]{--unitone--gutters:var(--unitone--global--gutters);--unitone--max-width:var(--unitone--container-max-width);box-sizing:content-box;margin-left:auto!important;margin-right:auto!important;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--global--gap);--unitone--min-height:100vh;--unitone--justify-content:center;display:flex;flex-flow:column;gap:var(--unitone--gap);min-height:var(--unitone--min-height);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]{--unitone--position:static;--unitone--top:initial;--unitone--right:initial;--unitone--bottom:initial;--unitone--left:initial;--unitone--z-index:initial;bottom:var(--unitone--bottom);left:var(--unitone--left);margin-bottom:auto;margin-top:auto;position:var(--unitone--position);right:var(--unitone--right);top:var(--unitone--top);z-index:var(--unitone--z-index)}[data-unitone-layout~=cover__content][data-unitone-layout~="-valign:top"]{margin-bottom:auto;margin-top:0}[data-unitone-layout~=cover__content][data-unitone-layout~="-valign:center"]{margin-bottom:auto;margin-top:auto}[data-unitone-layout~=cover__content][data-unitone-layout~="-valign:bottom"]{margin-bottom:0;margin-top:auto}[data-unitone-layout~=cover__content][data-unitone-layout~="-valign:center"]+[data-unitone-layout~=cover__content][data-unitone-layout~="-valign:bottom"],[data-unitone-layout~=cover__content][data-unitone-layout~="-valign:top"]+[data-unitone-layout~=cover__content][data-unitone-layout~="-valign:center"]{margin-top:0}[data-unitone-layout~=float]{--unitone--gap:var(--unitone--global--gap);--unitone--min-measure:calc(var(--unitone--measure) / 2);--unitone--min-width:calc(var(--unitone--measure) / 2);width:max(min(var(--unitone--min-width),100%),min((var(--unitone--min-width) + var(--unitone--gap) + var(--unitone--min-measure) - 100%) 999,100%))}[data-unitone-layout~=float]:not([data-unitone-layout~=-right]),[data-unitone-layout~=float][data-unitone-layout~=-left]{float:left;margin-bottom:var(--unitone--gap);margin-right:var(--unitone--gap)}[data-unitone-layout~=float][data-unitone-layout~=-right]{float:right;margin-bottom:var(--unitone--gap);margin-left:var(--unitone--gap)}[data-unitone-layout~=frame]{--unitone--ratio:16/9;position:relative}[data-unitone-layout~=frame]:empty:before{content:"";display:block;padding:calc(100% / (var(--unitone--ratio))) 0 0}[data-unitone-layout~=frame] figure,[data-unitone-layout~=frame] picture{width:auto}[data-unitone-layout~=frame] img,[data-unitone-layout~=frame] video{aspect-ratio:var(--unitone--ratio);height:100%;-o-object-fit:cover;object-fit:cover;vertical-align:top;width:100%}@media (orientation:portrait){[data-unitone-layout~=frame][data-unitone-layout~=-switch]:empty:before{padding-top:calc(var(--unitone--ratio) * 100%)}[data-unitone-layout~=frame][data-unitone-layout~=-switch] img,[data-unitone-layout~=frame][data-unitone-layout~=-switch] video{aspect-ratio:calc(1 / (var(--unitone--ratio)))}}[data-unitone-layout~=layers]{--unitone--columns:var(--unitone--grid-columns);--unitone--rows:var(--unitone--grid-rows);--unitone--gap:min(3.33333%,var(--unitone--grid-gap));--unitone--min-height:0;display:grid;gap:var(--unitone--gap);grid-template-columns:repeat(var(--unitone--columns),1fr);grid-template-rows:repeat(var(--unitone--rows),1fr);min-height:var(--unitone--min-height);position:relative}@media (orientation:portrait){[data-unitone-layout~=layers]{--unitone--columns:var(--unitone--grid-rows);--unitone--rows:var(--unitone--grid-columns)}}[data-unitone-layout~=layers]>{--unitone--align-self:auto;--unitone--justify-self:auto;--unitone--grid-column:1/-1;--unitone--grid-row:1/-1;--unitone--max-width:none;align-self:var(--unitone--align-self);grid-column:var(--unitone--grid-column);grid-row:var(--unitone--grid-row);justify-self:var(--unitone--justify-self);max-width:var(--unitone--max-width);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--global--gap);--unitone--height:auto;--unitone--item-width:calc(var(--unitone--measure) / 2);--unitone--scrollbar-thumb-color:#ddd;--unitone--scrollbar-track-color:transparent;display:flex;gap:var(--unitone--gap);height:var(--unitone--height);overflow-x:auto;overflow-y:hidden;padding-bottom:var(--unitone--s-2);scrollbar-color:var(--unitone--scrollbar-thumb-color) var(--unitone--scrollbar-track-color);scrollbar-width:1rem}[data-unitone-layout~=reel]::-webkit-scrollbar{height:1rem}[data-unitone-layout~=reel]::-webkit-scrollbar-thumb,[data-unitone-layout~=reel]::-webkit-scrollbar-track{background-color:var(--unitone--scrollbar-track-color)}[data-unitone-layout~=reel]::-webkit-scrollbar-thumb{background-image:linear-gradient(var(--unitone--scrollbar-track-color) 0,var(--unitone--scrollbar-track-color) .375rem,var(--unitone--scrollbar-thumb-color) .375rem,var(--unitone--scrollbar-thumb-color) .625rem,var(--unitone--scrollbar-track-color) .625rem)}[data-unitone-layout~=reel]>{flex:0 0 var(--unitone--item-width)}[data-unitone-layout~=reel][data-unitone-layout~=-no-bar]{padding-bottom:0;scrollbar-width:none}[data-unitone-layout~=reel][data-unitone-layout~=-no-bar]::-webkit-scrollbar{display:none}[data-unitone-layout~=responsive-grid]{--unitone--auto-repeat:auto-fit;--unitone--column-min-width:250px;--unitone--gap:var(--unitone--global--gap);grid-gap:var(--unitone--gap);display:grid;grid-template-columns:repeat(var(--unitone--auto-repeat),minmax(min(var(--unitone--column-min-width),100%),1fr))}[data-unitone-layout~=gutters]{--unitone--padding:var(--unitone--s4);padding-bottom:var(--unitone--padding);padding-top:var(--unitone--padding)}[data-unitone-layout~=stack]{--unitone--divider-width:1px;--unitone--divider-style:solid;--unitone--divider-color:var(--unitone--color--gray);--unitone--gap:var(--unitone--global--text-gap);display:flex;flex-direction:column;gap:var(--unitone--gap);list-style:none}[data-unitone-layout~=stack]>{margin-bottom:0;margin-top:0}[data-unitone-layout~=stack]:only-child{height:100%}[data-unitone-layout~=stack][data-unitone-layout~="-divider:stripe"]{gap:0}[data-unitone-layout~=stack][data-unitone-layout~="-divider:stripe"]>{border-bottom:var(--unitone--divider-width) var(--unitone--divider-style) var(--unitone--divider-color);border-top:var(--unitone--divider-width) var(--unitone--divider-style) var(--unitone--divider-color);padding-bottom:var(--unitone--gap);padding-top:var(--unitone--gap)}[data-unitone-layout~=stack][data-unitone-layout~="-divider:stripe"]>+{border-top-color:transparent;margin-top:calc(-1 * var(--unitone--divider-width))}[data-unitone-layout~=stack][data-unitone-layout~="-divider:underline"]{gap:0}[data-unitone-layout~=stack][data-unitone-layout~="-divider:underline"]>{border-bottom:var(--unitone--divider-width) var(--unitone--divider-style) 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:var(--unitone--divider-width) var(--unitone--divider-style) var(--unitone--divider-color);padding:var(--unitone--gap)}[data-unitone-layout~=stack][data-unitone-layout~="-divider:bordered"]>+{border-top-color:transparent;margin-top:calc(-1 * var(--unitone--divider-width))}[data-unitone-layout~=stack][data-unitone-layout~=-negative]{gap:0}[data-unitone-layout~=stack][data-unitone-layout~=-negative]>+{margin-top:calc(-1 * var(--unitone--gap))}[data-unitone-layout~=switcher]{--unitone--gap:var(--unitone--global--gap);--unitone--threshold:var(--unitone--measure);display:flex;flex-wrap:wrap;gap:var(--unitone--gap)}[data-unitone-layout~=switcher]>{flex-basis:calc((var(--unitone--threshold) - 100%) 999);flex-grow:1}[data-unitone-layout~=text]{--unitone--gap:var(--unitone--global--text-gap);--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-top:2}[data-unitone-layout~=text]>:where(h2,h3,h4,h5,h6)+:where(h2,h3,h4,h5,h6){--unitone--margin-top:0}[data-unitone-layout~=text]>h2{--unitone--font-size:3}[data-unitone-layout~=text]>h3{--unitone--font-size:2}[data-unitone-layout~=text]>h4{--unitone--font-size:1}[data-unitone-layout~=text]>h5{--unitone--font-size:0}[data-unitone-layout~=text]>h5+{--unitone--margin-top:.5}[data-unitone-layout~=text]>h6{--unitone--font-size:0}[data-unitone-layout~=text]>h6+{--unitone--margin-top:.5}[data-unitone-layout~=text][data-unitone-layout~=-column]{-moz-column-width:var(--unitone--max-width);column-width:var(--unitone--max-width);gap:var(--unitone--column-gap)}:where([data-unitone-layout~=text]>){max-width:min(100%,var(--unitone--max-width))}:where([data-unitone-layout~=text][data-unitone-layout~=-center])>{width:-moz-fit-content;width:fit-content}:where([data-unitone-layout~=text][data-unitone-layout~=-column])>{max-width:none}[data-unitone-layout~=text]:lang(ja){font-feature-settings:"palt" 0;font-kerning:none}[data-unitone-layout~=text]:lang(ja)>:where(h1,h2,h3,h4,h5){font-feature-settings:"palt" 1;font-kerning:normal}[data-unitone-layout~=with-sidebar]{--unitone--sidebar-width:auto;--unitone--content-min-width:50%;--unitone--content-max-width:100%;--unitone--gap:var(--unitone--global--gap);--unitone--align-items:stretch;align-items:var(--unitone--align-items);display:flex;flex-wrap:wrap;gap:var(--unitone--gap)}[data-unitone-layout~=with-sidebar]:not([data-unitone-layout~=-revert]):not([data-unitone-layout~="-sidebar:left"])>:first-child,[data-unitone-layout~=with-sidebar]:not([data-unitone-layout~=-revert])[data-unitone-layout~="-sidebar:right"]>:first-child,[data-unitone-layout~=with-sidebar][data-unitone-layout~=-revert][data-unitone-layout~="-sidebar:left"]>:first-child{flex-basis:0;flex-grow:999;max-width:min(100%,var(--unitone--content-max-width));min-width:min(100%,var(--unitone--content-min-width))}[data-unitone-layout~=with-sidebar]:not([data-unitone-layout~=-revert]):not([data-unitone-layout~="-sidebar:left"])>:last-child,[data-unitone-layout~=with-sidebar]:not([data-unitone-layout~=-revert])[data-unitone-layout~="-sidebar:left"]>:first-child,[data-unitone-layout~=with-sidebar]:not([data-unitone-layout~=-revert])[data-unitone-layout~="-sidebar:right"]>:last-child,[data-unitone-layout~=with-sidebar][data-unitone-layout~=-revert]:not([data-unitone-layout~="-sidebar:left"])>:first-child,[data-unitone-layout~=with-sidebar][data-unitone-layout~=-revert][data-unitone-layout~="-sidebar:left"]>:last-child,[data-unitone-layout~=with-sidebar][data-unitone-layout~=-revert][data-unitone-layout~="-sidebar:right"]>:first-child{flex-basis:var(--unitone--sidebar-width);flex-grow:1;min-width:1rem}[data-unitone-layout~=with-sidebar]:not([data-unitone-layout~=-revert])[data-unitone-layout~="-sidebar:left"]>:last-child,[data-unitone-layout~=with-sidebar][data-unitone-layout~=-revert]:not([data-unitone-layout~="-sidebar:left"])>:last-child,[data-unitone-layout~=with-sidebar][data-unitone-layout~=-revert][data-unitone-layout~="-sidebar:right"]>:last-child{flex-basis:0;flex-grow:999;max-width:min(100%,var(--unitone--content-max-width));min-width:min(100%,var(--unitone--content-min-width))}[data-unitone-layout~=with-sidebar][data-unitone-layout~=-revert]{flex-direction:row-reverse}[data-unitone-layout~="-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~="-auto-repeat:auto-fill"]{--unitone--auto-repeat:auto-fill!important}[data-unitone-layout~="-auto-repeat:auto-fit"]{--unitone--auto-repeat:auto-fit!important}[data-unitone-layout~=-fluid-typography]{font-size:clamp(1rem calc(var(--unitone--min-harmonic-sequence-base) / (var(--unitone--min-harmonic-sequence-base) - var(--unitone--font-size))),calc((calc(-22.5 * calc((calc(var(--unitone--max-harmonic-sequence-base) / (var(--unitone--max-harmonic-sequence-base) - var(--unitone--font-size))) - calc(var(--unitone--min-harmonic-sequence-base) / (var(--unitone--min-harmonic-sequence-base) - var(--unitone--font-size)))) / (57.5)) + calc(var(--unitone--min-harmonic-sequence-base) / (var(--unitone--min-harmonic-sequence-base) - var(--unitone--font-size)))) * 1rem) + (calc((calc(var(--unitone--max-harmonic-sequence-base) / (var(--unitone--max-harmonic-sequence-base) - var(--unitone--font-size))) - calc(var(--unitone--min-harmonic-sequence-base) / (var(--unitone--min-harmonic-sequence-base) - var(--unitone--font-size)))) / (57.5)) * 100vw)),1rem * calc(var(--unitone--max-harmonic-sequence-base) / (var(--unitone--max-harmonic-sequence-base) - var(--unitone--font-size))))!important}[data-unitone-layout~="-gap:-2"]{--unitone--gap:var(--unitone--s-2)!important}[data-unitone-layout~="-gap:-1"]{--unitone--gap:var(--unitone--s-1)!important}[data-unitone-layout~="-gap:0"]{--unitone--gap:var(--unitone--s0)!important}[data-unitone-layout~="-gap:1"]{--unitone--gap:var(--unitone--s1)!important}[data-unitone-layout~="-gap:2"]{--unitone--gap:var(--unitone--s2)!important}[data-unitone-layout~="-gap:3"]{--unitone--gap:var(--unitone--s3)!important}[data-unitone-layout~="-gap:4"]{--unitone--gap:var(--unitone--s4)!important}[data-unitone-layout~="-gap:5"]{--unitone--gap:var(--unitone--s5)!important}[data-unitone-layout~="-gap:6"]{--unitone--gap:var(--unitone--s6)!important}[data-unitone-layout~="-gap:7"]{--unitone--gap:var(--unitone--s7)!important}[data-unitone-layout~="-gutters:-2"]{--unitone--gutters:var(--unitone--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~="-gutters:root"]{--unitone--gutters:var(--unitone--global--gutters)}[data-unitone-layout~="-justify-content:start"]{--unitone--justify-content:flex-start!important}[data-unitone-layout~="-justify-content:center"]{--unitone--justify-content:center!important}[data-unitone-layout~="-justify-content:end"]{--unitone--justify-content:flex-end!important}[data-unitone-layout~="-justify-content:space-between"]{--unitone--justify-content:space-between!important}[data-unitone-layout~="-justify-self:auto"]{--unitone--justify-self:auto!important}[data-unitone-layout~="-justify-self:normal"]{--unitone--justify-self:normal!important}[data-unitone-layout~="-justify-self:start"]{--unitone--justify-self:start!important}[data-unitone-layout~="-justify-self:end"]{--unitone--justify-self:end!important}[data-unitone-layout~="-justify-self:center"]{--unitone--justify-self:center!important}[data-unitone-layout~="-justify-self:stretch"]{--unitone--justify-self:stretch!important}[data-unitone-layout~="-justify-self:baseline"]{--unitone--justify-self:baseline!important}[data-unitone-layout~="-overflow:visible"]{--unitone--overflow:visible!important}[data-unitone-layout~="-overflow:hidden"]{--unitone--overflow:hidden!important}[data-unitone-layout~="-overflow:scroll"]{--unitone--overflow:scroll!important}[data-unitone-layout~="-padding:-2"]{--unitone--padding:var(--unitone--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}[data-unitone-layout~="-position:static"]{--unitone--position:static!important}[data-unitone-layout~="-position:relative"]{--unitone--position:relative!important}[data-unitone-layout~="-position:absolute"]{--unitone--position:absolute!important}[data-unitone-layout~="-position:sticky"]{--unitone--position:sticky!important}[data-unitone-layout~="-position:fixed"]{--unitone--position:fixed!important}
1	+ :root{--unitone--measure:42rem;--unitone--color--white:#fff;--unitone--color--black:#000;--unitone--color--text:#222;--unitone--color--gray:#ced4da;--unitone--color--light-gray:#e9ecef;--unitone--color--bright-gray:#f8f9fa;--unitone--color--dark-gray:#868e96;--unitone--font-size:0;--unitone--base-font-size:16;--unitone--harmonic-sequence-base:8;--unitone--min-harmonic-sequence-base:9;--unitone--max-harmonic-sequence-base:var(--unitone--harmonic-sequence-base);--unitone--half-leading:.3;--unitone--line-height-slope:-0.16666;--unitone--font-family:sans-serif;--unitone--global--box-shadow:0 5px 20px -5px rgba(0,0,0,.2);--unitone--global--border-radius:4px;--unitone--global--gap:var(--unitone--s2);--unitone--global--text-gap:var(--unitone--s1);--unitone--global--gutters:clamp(var(--unitone--rem1),4vw,var(--unitone--rem2));--unitone--_space-reference-value:clamp(1,var(--unitone--line-height-slope) * var(--unitone--fluid-font-size-magnification,calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--harmonic-sequence-base) - var(--unitone--font-size)))) + 1 + 2 * var(--unitone--half-leading) + -1 * var(--unitone--line-height-slope),2 * var(--unitone--half-leading) + 1) /3;--unitone--ms-2:calc(var(--unitone--_space-reference-value) * 1);--unitone--ms-1:calc(var(--unitone--_space-reference-value) * 2);--unitone--ms0:0;--unitone--ms1:calc(var(--unitone--_space-reference-value) * 3);--unitone--ms2:calc(var(--unitone--_space-reference-value) * 5);--unitone--ms3:calc(var(--unitone--_space-reference-value) * 8);--unitone--ms4:calc(var(--unitone--_space-reference-value) * 13);--unitone--ms5:calc(var(--unitone--_space-reference-value) * 21);--unitone--ms6:calc(var(--unitone--_space-reference-value) * 34);--unitone--ms7:calc(var(--unitone--_space-reference-value) * 55);--unitone--em-2:calc(1em * var(--unitone--ms-2));--unitone--em-1:calc(1em * var(--unitone--ms-1));--unitone--em0:0em;--unitone--em1:calc(1em * var(--unitone--ms1));--unitone--em2:calc(1em * var(--unitone--ms2));--unitone--em3:calc(1em * var(--unitone--ms3));--unitone--em4:calc(1em * var(--unitone--ms4));--unitone--em5:calc(1em * var(--unitone--ms5));--unitone--em6:calc(1em * var(--unitone--ms6));--unitone--em7:calc(1em * var(--unitone--ms7));--unitone--rem-2:calc(1rem * var(--unitone--ms-2));--unitone--rem-1:calc(1rem * var(--unitone--ms-1));--unitone--rem0:0rem;--unitone--rem1:calc(1rem * var(--unitone--ms1));--unitone--rem2:calc(1rem * var(--unitone--ms2));--unitone--rem3:calc(1rem * var(--unitone--ms3));--unitone--rem4:calc(1rem * var(--unitone--ms4));--unitone--rem5:calc(1rem * var(--unitone--ms5));--unitone--rem6:calc(1rem * var(--unitone--ms6));--unitone--rem7:calc(1rem * var(--unitone--ms7));--unitone--s-2:var(--unitone--em-2);--unitone--s-1:var(--unitone--em-1);--unitone--s0:var(--unitone--em0);--unitone--s1:var(--unitone--em1);--unitone--s2:clamp(calc(var(--unitone--ms1) + var(--unitone--ms2) * 0.28125) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms2) - calc(var(--unitone--ms1) + var(--unitone--ms2) * 0.28125)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms2) * 0.28125)) * 1em + calc((var(--unitone--ms2) - calc(var(--unitone--ms1) + var(--unitone--ms2) * 0.28125)) / (57.5)) * 100vw),var(--unitone--ms2) * 1em);--unitone--s3:clamp(calc(var(--unitone--ms1) + var(--unitone--ms3) * 0.28125) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms3) - calc(var(--unitone--ms1) + var(--unitone--ms3) * 0.28125)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms3) * 0.28125)) * 1em + calc((var(--unitone--ms3) - calc(var(--unitone--ms1) + var(--unitone--ms3) * 0.28125)) / (57.5)) * 100vw),var(--unitone--ms3) * 1em);--unitone--s4:clamp(calc(var(--unitone--ms1) + var(--unitone--ms4) * 0.28125) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms4) - calc(var(--unitone--ms1) + var(--unitone--ms4) * 0.28125)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms4) * 0.28125)) * 1em + calc((var(--unitone--ms4) - calc(var(--unitone--ms1) + var(--unitone--ms4) * 0.28125)) / (57.5)) * 100vw),var(--unitone--ms4) * 1em);--unitone--s5:clamp(calc(var(--unitone--ms1) + var(--unitone--ms5) * 0.28125) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms5) - calc(var(--unitone--ms1) + var(--unitone--ms5) * 0.28125)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms5) * 0.28125)) * 1em + calc((var(--unitone--ms5) - calc(var(--unitone--ms1) + var(--unitone--ms5) * 0.28125)) / (57.5)) * 100vw),var(--unitone--ms5) * 1em);--unitone--s6:clamp(calc(var(--unitone--ms1) + var(--unitone--ms6) * 0.28125) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms6) - calc(var(--unitone--ms1) + var(--unitone--ms6) * 0.28125)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms6) * 0.28125)) * 1em + calc((var(--unitone--ms6) - calc(var(--unitone--ms1) + var(--unitone--ms6) * 0.28125)) / (57.5)) * 100vw),var(--unitone--ms6) * 1em);--unitone--s7:clamp(calc(var(--unitone--ms1) + var(--unitone--ms7) * 0.28125) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms7) - calc(var(--unitone--ms1) + var(--unitone--ms7) * 0.28125)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms7) * 0.28125)) * 1em + calc((var(--unitone--ms7) - calc(var(--unitone--ms1) + var(--unitone--ms7) * 0.28125)) / (57.5)) * 100vw),var(--unitone--ms7) * 1em);--unitone--container-max-width:1280px;--unitone--grid-columns:12;--unitone--grid-rows:7;--unitone--grid-gap:var(--unitone--global--gap);--unitone--pg0:0%;--unitone--pg1:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 1 + var(--unitone--grid-gap) * 0);--unitone--pg2:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 2 + var(--unitone--grid-gap) * 1);--unitone--pg3:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 3 + var(--unitone--grid-gap) * 2);--unitone--pg4:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 4 + var(--unitone--grid-gap) * 3);--unitone--pg5:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 5 + var(--unitone--grid-gap) * 4);--unitone--pg6:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 6 + var(--unitone--grid-gap) * 5);--unitone--pg7:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 7 + var(--unitone--grid-gap) * 6);--unitone--pg8:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 8 + var(--unitone--grid-gap) * 7);--unitone--pg9:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 9 + var(--unitone--grid-gap) * 8);--unitone--pg10:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 10 + var(--unitone--grid-gap) * 9);--unitone--pg11:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 11 + var(--unitone--grid-gap) * 10);--unitone--pg12:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 12 + var(--unitone--grid-gap) * 11);--unitone--cg0:0%;--unitone--cg1:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 1 + var(--unitone--grid-gap) * 0);--unitone--cg2:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 2 + var(--unitone--grid-gap) * 1);--unitone--cg3:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 3 + var(--unitone--grid-gap) * 2);--unitone--cg4:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 4 + var(--unitone--grid-gap) * 3);--unitone--cg5:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 5 + var(--unitone--grid-gap) * 4);--unitone--cg6:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 6 + var(--unitone--grid-gap) * 5);--unitone--cg7:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 7 + var(--unitone--grid-gap) * 6);--unitone--cg8:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 8 + var(--unitone--grid-gap) * 7);--unitone--cg9:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 9 + var(--unitone--grid-gap) * 8);--unitone--cg10:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 10 + var(--unitone--grid-gap) * 9);--unitone--cg11:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 11 + var(--unitone--grid-gap) * 10);--unitone--cg12:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 12 + var(--unitone--grid-gap) * 11)}html{font-size:calc(var(--unitone--base-font-size) * 1px)}:where(body){background-color:var(--unitone--color--white);color:var(--unitone--color--text);font-family:var(--unitone--font-family)}body{-webkit-font-smoothing:antialiased;overflow-wrap:break-word}{font-size:calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--harmonic-sequence-base) - var(--unitone--font-size)) 1rem);line-height:clamp(1,var(--unitone--line-height-slope) * var(--unitone--fluid-font-size-magnification,calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--harmonic-sequence-base) - var(--unitone--font-size)))) + 1 + 2 * var(--unitone--half-leading) + -1 * var(--unitone--line-height-slope),2 * var(--unitone--half-leading) + 1)},:after,:before{box-sizing:border-box}html{hanging-punctuation:allow-end;line-break:normal}a{text-decoration-thickness:1px;text-underline-offset:.1em}:where(address,article,aside,blockquote,details,dialog,dd,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,li,main,nav,ol,p,pre,section,table,ul){margin:0;padding:0}:where(li){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:-moz-fit-content;width:fit-content}:where(figure,picture) :where(img,video){display:table;margin-bottom:0;margin-top:0}:where(figure,picture) :where(img:not([width]),video:not([width])){width:100%}img,video{height:auto;max-width:100%}figcaption{--unitone--font-size:-2;caption-side:bottom;margin:var(--unitone--s-2) 0 0;text-align:left}[data-unitone-layout~=both-sides]{--unitone--gap:var(--unitone--global--gap);--unitone--align-items:flex-start;--unitone--content-width:fit-content;--unitone--content-max-width:100%;align-items:var(--unitone--align-items);display:flex;flex-wrap:wrap;gap:var(--unitone--gap);justify-content:space-between}[data-unitone-layout~=both-sides]>{--unitone--max-width:var(--unitone--content-max-width);--unitone--flex-basis:var(--unitone--content-width);flex-basis:var(--unitone--flex-basis);flex-grow:0;max-width:min(100%,var(--unitone--max-width));min-width:0}[data-unitone-layout~=decorator]{--unitone--background-color:transparent;--unitone--color:inherit;--unitone--border-color:transparent;--unitone--border-width:0;--unitone--border-radius:0;--unitone--padding: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;--unitone--overflow:visible;background-color:var(--unitone--background-color);border:var(--unitone--border-width) solid var(--unitone--border-color);border-radius:var(--unitone--border-radius);bottom:var(--unitone--bottom);box-shadow:var(--unitone--box-shadow);color:var(--unitone--color);left:var(--unitone--left);overflow:var(--unitone--overflow);padding: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~=center]{--unitone--gutters:0px;--unitone--max-width:var(--unitone--measure);box-sizing:content-box;margin-left:auto;margin-right:auto;max-width:var(--unitone--max-width);padding-left:var(--unitone--gutters);padding-right:var(--unitone--gutters)}[data-unitone-layout~=center][data-unitone-layout~=-intrinsic]{align-items:center;display:flex;flex-direction:column}[data-unitone-layout~=center][data-unitone-layout~=-with-text]{text-align:center}[data-unitone-layout~=cluster]{--unitone--align-items:strech;--unitone--divider-width:1px;--unitone--divider-style:solid;--unitone--divider-color:var(--unitone--color--gray);--unitone--gap:var(--unitone--global--text-gap);--unitone--justify-content:flex-start;align-items:var(--unitone--align-items);display:flex;flex-wrap:wrap;gap:calc(var(--unitone--gap) / 2) var(--unitone--gap);justify-content:var(--unitone--justify-content);list-style:none}[data-unitone-layout~=cluster]>{margin:0;min-width:0}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:stripe"]{-moz-column-gap:0;column-gap:0}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:stripe"]>{border-left:var(--unitone--divider-width) var(--unitone--divider-style) var(--unitone--divider-color);border-right:var(--unitone--divider-width) var(--unitone--divider-style) var(--unitone--divider-color);margin-right:calc(-1 * var(--unitone--divider-width));padding-left:var(--unitone--gap);padding-right:var(--unitone--gap)}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:stripe"]>:not(:first-child){border-left-color:transparent}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:slash"]{gap:calc(var(--unitone--gap) / 2) 0}[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"]>>{min-width:0}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:slash"]>:first-child{padding-left:0}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:slash"]>+:before{border-left:var(--unitone--divider-width) var(--unitone--divider-style) var(--unitone--divider-color);content:"";position:relative;right:var(--unitone--gap);transform:rotate(22.5deg) scale(.8)}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:bordered"]{border-left:var(--unitone--divider-width) var(--unitone--divider-style) var(--unitone--divider-color);gap:0}[data-unitone-layout~=cluster][data-unitone-layout~="-divider:bordered"]>{border:var(--unitone--divider-width) var(--unitone--divider-style) var(--unitone--divider-color);border-left-color:transparent;margin-right:calc(-1 var(--unitone--divider-width));margin-top:calc(-1 * var(--unitone--divider-width));padding:calc(var(--unitone--gap) / 2) var(--unitone--gap)}[data-unitone-layout~=container]{--unitone--gutters:var(--unitone--global--gutters);--unitone--max-width:var(--unitone--container-max-width);box-sizing:content-box;margin-left:auto;margin-right:auto;max-width:100%;padding-left:var(--unitone--gutters);padding-right:var(--unitone--gutters);width:min(100% - var(--unitone--gutters) * 2,var(--unitone--max-width))}[data-unitone-layout~=cover]{--unitone--gap:var(--unitone--global--gap);--unitone--min-height:100vh;--unitone--justify-content:center;display:flex;flex-flow:column;gap:var(--unitone--gap);min-height:var(--unitone--min-height);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]{--unitone--position:static;--unitone--top:initial;--unitone--right:initial;--unitone--bottom:initial;--unitone--left:initial;--unitone--z-index:initial;bottom:var(--unitone--bottom);left:var(--unitone--left);margin-bottom:auto;margin-top:auto;position:var(--unitone--position);right:var(--unitone--right);top:var(--unitone--top);z-index:var(--unitone--z-index)}[data-unitone-layout~=cover__content][data-unitone-layout~="-valign:top"]{margin-bottom:auto;margin-top:0}[data-unitone-layout~=cover__content][data-unitone-layout~="-valign:center"]{margin-bottom:auto;margin-top:auto}[data-unitone-layout~=cover__content][data-unitone-layout~="-valign:bottom"]{margin-bottom:0;margin-top:auto}[data-unitone-layout~=cover__content][data-unitone-layout~="-valign:center"]+[data-unitone-layout~=cover__content][data-unitone-layout~="-valign:bottom"],[data-unitone-layout~=cover__content][data-unitone-layout~="-valign:top"]+[data-unitone-layout~=cover__content][data-unitone-layout~="-valign:center"]{margin-top:0}[data-unitone-layout~=float]{--unitone--gap:var(--unitone--global--gap);--unitone--min-measure:calc(var(--unitone--measure) / 2);--unitone--min-width:calc(var(--unitone--measure) / 2);width:max(min(var(--unitone--min-width),100%),min((var(--unitone--min-width) + var(--unitone--gap) + var(--unitone--min-measure) - 100%) 999,100%))}[data-unitone-layout~=float]:not([data-unitone-layout~=-right]),[data-unitone-layout~=float][data-unitone-layout~=-left]{float:left;margin-bottom:var(--unitone--gap);margin-right:var(--unitone--gap)}[data-unitone-layout~=float][data-unitone-layout~=-right]{float:right;margin-bottom:var(--unitone--gap);margin-left:var(--unitone--gap)}[data-unitone-layout~=frame]{--unitone--ratio:16/9;position:relative}[data-unitone-layout~=frame]:empty:before{content:"";display:block;padding:calc(100% / (var(--unitone--ratio))) 0 0}[data-unitone-layout~=frame] figure,[data-unitone-layout~=frame] picture{width:auto}[data-unitone-layout~=frame] img,[data-unitone-layout~=frame] video{aspect-ratio:var(--unitone--ratio);height:100%;-o-object-fit:cover;object-fit:cover;vertical-align:top;width:100%}@media (orientation:portrait){[data-unitone-layout~=frame][data-unitone-layout~=-switch]:empty:before{padding-top:calc(var(--unitone--ratio) * 100%)}[data-unitone-layout~=frame][data-unitone-layout~=-switch] img,[data-unitone-layout~=frame][data-unitone-layout~=-switch] video{aspect-ratio:calc(1 / (var(--unitone--ratio)))}}[data-unitone-layout~=layers]{--unitone--columns:var(--unitone--grid-columns);--unitone--rows:var(--unitone--grid-rows);--unitone--gap:min(3.33333%,var(--unitone--grid-gap));--unitone--min-height:0;display:grid;gap:var(--unitone--gap);grid-template-columns:repeat(var(--unitone--columns),1fr);grid-template-rows:repeat(var(--unitone--rows),1fr);min-height:var(--unitone--min-height);position:relative}@media (orientation:portrait){[data-unitone-layout~=layers][data-unitone-layout~=-portrait]{--unitone--columns:var(--unitone--grid-rows);--unitone--rows:var(--unitone--grid-columns)}}[data-unitone-layout~=layers]>{--unitone--align-self:auto;--unitone--justify-self:auto;--unitone--grid-column:1/-1;--unitone--grid-row:1/-1;--unitone--max-width:none;align-self:var(--unitone--align-self);grid-column:var(--unitone--grid-column);grid-row:var(--unitone--grid-row);justify-self:var(--unitone--justify-self);max-width:var(--unitone--max-width);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--global--gap);--unitone--height:auto;--unitone--item-width:calc(var(--unitone--measure) / 2);--unitone--scrollbar-thumb-color:#ddd;--unitone--scrollbar-track-color:transparent;display:flex;gap:var(--unitone--gap);height:var(--unitone--height);overflow-x:auto;overflow-y:hidden;padding-bottom:var(--unitone--s-2);scrollbar-color:var(--unitone--scrollbar-thumb-color) var(--unitone--scrollbar-track-color);scrollbar-width:1rem}[data-unitone-layout~=reel]::-webkit-scrollbar{height:1rem}[data-unitone-layout~=reel]::-webkit-scrollbar-thumb,[data-unitone-layout~=reel]::-webkit-scrollbar-track{background-color:var(--unitone--scrollbar-track-color)}[data-unitone-layout~=reel]::-webkit-scrollbar-thumb{background-image:linear-gradient(var(--unitone--scrollbar-track-color) 0,var(--unitone--scrollbar-track-color) .375rem,var(--unitone--scrollbar-thumb-color) .375rem,var(--unitone--scrollbar-thumb-color) .625rem,var(--unitone--scrollbar-track-color) .625rem)}[data-unitone-layout~=reel]>{flex:0 0 var(--unitone--item-width);min-width:0}[data-unitone-layout~=reel][data-unitone-layout~=-no-bar]{padding-bottom:0;scrollbar-width:none}[data-unitone-layout~=reel][data-unitone-layout~=-no-bar]::-webkit-scrollbar{display:none}[data-unitone-layout~=responsive-grid]{--unitone--auto-repeat:auto-fit;--unitone--column-min-width:250px;--unitone--gap:var(--unitone--global--gap);grid-gap:var(--unitone--gap);display:grid;grid-template-columns:repeat(var(--unitone--auto-repeat),minmax(min(var(--unitone--column-min-width),100%),1fr))}[data-unitone-layout~=gutters]{--unitone--padding:var(--unitone--s4);padding-bottom:var(--unitone--padding);padding-top:var(--unitone--padding)}[data-unitone-layout~=stack]{--unitone--divider-width:1px;--unitone--divider-style:solid;--unitone--divider-color:var(--unitone--color--gray);--unitone--gap:var(--unitone--global--text-gap);display:flex;flex-direction:column;gap:var(--unitone--gap);list-style:none}[data-unitone-layout~=stack]>{margin-bottom:0;margin-top:0}[data-unitone-layout~=stack]:only-child{height:100%}[data-unitone-layout~=stack][data-unitone-layout~="-divider:stripe"]{gap:0}[data-unitone-layout~=stack][data-unitone-layout~="-divider:stripe"]>{border-bottom:var(--unitone--divider-width) var(--unitone--divider-style) var(--unitone--divider-color);border-top:var(--unitone--divider-width) var(--unitone--divider-style) var(--unitone--divider-color);padding-bottom:var(--unitone--gap);padding-top:var(--unitone--gap)}[data-unitone-layout~=stack][data-unitone-layout~="-divider:stripe"]>+{border-top-color:transparent;margin-top:calc(-1 * var(--unitone--divider-width))}[data-unitone-layout~=stack][data-unitone-layout~="-divider:underline"]{gap:0}[data-unitone-layout~=stack][data-unitone-layout~="-divider:underline"]>{border-bottom:var(--unitone--divider-width) var(--unitone--divider-style) 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:var(--unitone--divider-width) var(--unitone--divider-style) var(--unitone--divider-color);padding:var(--unitone--gap)}[data-unitone-layout~=stack][data-unitone-layout~="-divider:bordered"]>+{border-top-color:transparent;margin-top:calc(-1 * var(--unitone--divider-width))}[data-unitone-layout~=stack][data-unitone-layout~=-negative]{gap:0}[data-unitone-layout~=stack][data-unitone-layout~=-negative]>+{margin-top:calc(-1 * var(--unitone--gap))}[data-unitone-layout~=switcher]{--unitone--gap:var(--unitone--global--gap);--unitone--threshold:var(--unitone--measure);display:flex;flex-wrap:wrap;gap:var(--unitone--gap)}[data-unitone-layout~=switcher]>{flex-basis:calc((var(--unitone--threshold) - 100%) 999);flex-grow:1;min-width:0}[data-unitone-layout~=text]{--unitone--gap:var(--unitone--global--text-gap);--unitone--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-top:2}[data-unitone-layout~=text]>:where(h2,h3,h4,h5,h6)+:where(h2,h3,h4,h5,h6){--unitone--margin-top:0}[data-unitone-layout~=text]>h2{--unitone--font-size:3}[data-unitone-layout~=text]>h3{--unitone--font-size:2}[data-unitone-layout~=text]>h4{--unitone--font-size:1}[data-unitone-layout~=text]>h5{--unitone--font-size:0}[data-unitone-layout~=text]>h5+{--unitone--margin-top:.5}[data-unitone-layout~=text]>h6{--unitone--font-size:0}[data-unitone-layout~=text]>h6+{--unitone--margin-top:.5}[data-unitone-layout~=text][data-unitone-layout~=-column]{-moz-column-width:var(--unitone--max-width);column-width:var(--unitone--max-width);gap:var(--unitone--column-gap)}:where([data-unitone-layout~=text]>){max-width:min(100%,var(--unitone--max-width))}:where([data-unitone-layout~=text][data-unitone-layout~=-center])>{width:-moz-fit-content;width:fit-content}:where([data-unitone-layout~=text][data-unitone-layout~=-column])>{max-width:none}[data-unitone-layout~=text]:lang(ja){font-feature-settings:"palt" 0;font-kerning:none}[data-unitone-layout~=text]:lang(ja)>:where(h1,h2,h3,h4,h5){font-feature-settings:"palt" 1;font-kerning:normal}[data-unitone-layout~=with-sidebar]{--unitone--sidebar-width:auto;--unitone--content-min-width:50%;--unitone--content-max-width:100%;--unitone--gap:var(--unitone--global--gap);--unitone--align-items:stretch;align-items:var(--unitone--align-items);display:flex;flex-wrap:wrap;gap:var(--unitone--gap)}[data-unitone-layout~=with-sidebar]:not([data-unitone-layout~=-revert]):not([data-unitone-layout~="-sidebar:left"])>:first-child,[data-unitone-layout~=with-sidebar]:not([data-unitone-layout~=-revert])[data-unitone-layout~="-sidebar:right"]>:first-child,[data-unitone-layout~=with-sidebar][data-unitone-layout~=-revert][data-unitone-layout~="-sidebar:left"]>:first-child{flex-basis:0;flex-grow:999;max-width:min(100%,var(--unitone--content-max-width));min-width:min(100%,var(--unitone--content-min-width))}[data-unitone-layout~=with-sidebar]:not([data-unitone-layout~=-revert]):not([data-unitone-layout~="-sidebar:left"])>:last-child,[data-unitone-layout~=with-sidebar]:not([data-unitone-layout~=-revert])[data-unitone-layout~="-sidebar:left"]>:first-child,[data-unitone-layout~=with-sidebar]:not([data-unitone-layout~=-revert])[data-unitone-layout~="-sidebar:right"]>:last-child,[data-unitone-layout~=with-sidebar][data-unitone-layout~=-revert]:not([data-unitone-layout~="-sidebar:left"])>:first-child,[data-unitone-layout~=with-sidebar][data-unitone-layout~=-revert][data-unitone-layout~="-sidebar:left"]>:last-child,[data-unitone-layout~=with-sidebar][data-unitone-layout~=-revert][data-unitone-layout~="-sidebar:right"]>:first-child{flex-basis:var(--unitone--sidebar-width);flex-grow:1;min-width:1rem}[data-unitone-layout~=with-sidebar]:not([data-unitone-layout~=-revert])[data-unitone-layout~="-sidebar:left"]>:last-child,[data-unitone-layout~=with-sidebar][data-unitone-layout~=-revert]:not([data-unitone-layout~="-sidebar:left"])>:last-child,[data-unitone-layout~=with-sidebar][data-unitone-layout~=-revert][data-unitone-layout~="-sidebar:right"]>:last-child{flex-basis:0;flex-grow:999;max-width:min(100%,var(--unitone--content-max-width));min-width:min(100%,var(--unitone--content-min-width))}[data-unitone-layout~=with-sidebar][data-unitone-layout~=-revert]{flex-direction:row-reverse}[data-unitone-layout~="-align-items:start"]{--unitone--align-items:flex-start!important}[data-unitone-layout~="-align-items:center"]{--unitone--align-items:center!important}[data-unitone-layout~="-align-items:end"]{--unitone--align-items:flex-end!important}[data-unitone-layout~="-align-self:auto"]{--unitone--align-self:auto!important}[data-unitone-layout~="-align-self:normal"]{--unitone--align-self:normal!important}[data-unitone-layout~="-align-self:start"]{--unitone--align-self:start!important}[data-unitone-layout~="-align-self:end"]{--unitone--align-self:end!important}[data-unitone-layout~="-align-self:center"]{--unitone--align-self:center!important}[data-unitone-layout~="-align-self:stretch"]{--unitone--align-self:stretch!important}[data-unitone-layout~="-align-self:baseline"]{--unitone--align-self:baseline!important}[data-unitone-layout~="-align-self:start"]{margin-top:0}[data-unitone-layout~="-align-self:end"]{margin-bottom:0}[data-unitone-layout~="-align:start"]{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~="-auto-repeat:auto-fill"]{--unitone--auto-repeat:auto-fill!important}[data-unitone-layout~="-auto-repeat:auto-fit"]{--unitone--auto-repeat:auto-fit!important}[data-unitone-layout~=-fluid-typography]{font-size:clamp(1rem calc(var(--unitone--min-harmonic-sequence-base) / (var(--unitone--min-harmonic-sequence-base) - var(--unitone--font-size))),calc((calc(-22.5 * calc((calc(var(--unitone--max-harmonic-sequence-base) / (var(--unitone--max-harmonic-sequence-base) - var(--unitone--font-size))) - calc(var(--unitone--min-harmonic-sequence-base) / (var(--unitone--min-harmonic-sequence-base) - var(--unitone--font-size)))) / (57.5)) + calc(var(--unitone--min-harmonic-sequence-base) / (var(--unitone--min-harmonic-sequence-base) - var(--unitone--font-size)))) * 1rem) + (calc((calc(var(--unitone--max-harmonic-sequence-base) / (var(--unitone--max-harmonic-sequence-base) - var(--unitone--font-size))) - calc(var(--unitone--min-harmonic-sequence-base) / (var(--unitone--min-harmonic-sequence-base) - var(--unitone--font-size)))) / (57.5)) * 100vw)),1rem * calc(var(--unitone--max-harmonic-sequence-base) / (var(--unitone--max-harmonic-sequence-base) - var(--unitone--font-size))))!important}[data-unitone-layout~="-gap:-2"]{--unitone--gap:var(--unitone--s-2)!important}[data-unitone-layout~="-gap:-1"]{--unitone--gap:var(--unitone--s-1)!important}[data-unitone-layout~="-gap:0"]{--unitone--gap:var(--unitone--s0)!important}[data-unitone-layout~="-gap:1"]{--unitone--gap:var(--unitone--s1)!important}[data-unitone-layout~="-gap:2"]{--unitone--gap:var(--unitone--s2)!important}[data-unitone-layout~="-gap:3"]{--unitone--gap:var(--unitone--s3)!important}[data-unitone-layout~="-gap:4"]{--unitone--gap:var(--unitone--s4)!important}[data-unitone-layout~="-gap:5"]{--unitone--gap:var(--unitone--s5)!important}[data-unitone-layout~="-gap:6"]{--unitone--gap:var(--unitone--s6)!important}[data-unitone-layout~="-gap:7"]{--unitone--gap:var(--unitone--s7)!important}[data-unitone-layout~="-gutters:-2"]{--unitone--gutters:var(--unitone--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~="-gutters:root"]{--unitone--gutters:var(--unitone--global--gutters)}[data-unitone-layout~="-justify-content:start"]{--unitone--justify-content:flex-start!important}[data-unitone-layout~="-justify-content:center"]{--unitone--justify-content:center!important}[data-unitone-layout~="-justify-content:end"]{--unitone--justify-content:flex-end!important}[data-unitone-layout~="-justify-content:space-between"]{--unitone--justify-content:space-between!important}[data-unitone-layout~="-justify-self:auto"]{--unitone--justify-self:auto!important}[data-unitone-layout~="-justify-self:normal"]{--unitone--justify-self:normal!important}[data-unitone-layout~="-justify-self:start"]{--unitone--justify-self:start!important}[data-unitone-layout~="-justify-self:end"]{--unitone--justify-self:end!important}[data-unitone-layout~="-justify-self:center"]{--unitone--justify-self:center!important}[data-unitone-layout~="-justify-self:stretch"]{--unitone--justify-self:stretch!important}[data-unitone-layout~="-justify-self:baseline"]{--unitone--justify-self:baseline!important}[data-unitone-layout~="-justify-self:start"]{margin-left:0}[data-unitone-layout~="-justify-self:end"]{margin-right:0}[data-unitone-layout~="-overflow:visible"]{--unitone--overflow:visible!important}[data-unitone-layout~="-overflow:hidden"]{--unitone--overflow:hidden!important}[data-unitone-layout~="-overflow:scroll"]{--unitone--overflow:scroll!important}[data-unitone-layout~="-padding:-2"]{--unitone--padding:var(--unitone--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}[data-unitone-layout~="-position:static"]{--unitone--position:static!important}[data-unitone-layout~="-position:relative"]{--unitone--position:relative!important}[data-unitone-layout~="-position:absolute"]{--unitone--position:absolute!important}[data-unitone-layout~="-position:sticky"]{--unitone--position:sticky!important}[data-unitone-layout~="-position:fixed"]{--unitone--position:fixed!important}

package/dist/storybook.css CHANGED Viewed

	@@ -1 +1 @@
1	- :root{--unitone--measure:42rem;--unitone--color--white:#fff;--unitone--color--black:#000;--unitone--color--text:#222;--unitone--color--gray:#ced4da;--unitone--color--light-gray:#e9ecef;--unitone--color--bright-gray:#f8f9fa;--unitone--color--dark-gray:#868e96;--unitone--font-size:0;--unitone--base-font-size:16;--unitone--harmonic-sequence-base:8;--unitone--min-harmonic-sequence-base:9;--unitone--max-harmonic-sequence-base:var(--unitone--harmonic-sequence-base);--unitone--half-leading:.3;--unitone--line-height-slope:-0.16666;--unitone--font-family:sans-serif;--unitone--global--box-shadow:0 5px 20px -5px rgba(0,0,0,.2);--unitone--global--border-radius:4px;--unitone--global--gap:var(--unitone--s2);--unitone--global--text-gap:var(--unitone--s1);--unitone--global--gutters:clamp(var(--unitone--rem1),4vw,var(--unitone--rem2));--unitone--_space-reference-value:clamp(1,var(--unitone--line-height-slope) * var(--unitone--fluid-font-size-magnification,calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--harmonic-sequence-base) - var(--unitone--font-size)))) + 1 + 2 * var(--unitone--half-leading) + -1 * var(--unitone--line-height-slope),2 * var(--unitone--half-leading) + 1) /3;--unitone--ms-2:calc(var(--unitone--_space-reference-value) * 1);--unitone--ms-1:calc(var(--unitone--_space-reference-value) * 2);--unitone--ms0:0;--unitone--ms1:calc(var(--unitone--_space-reference-value) * 3);--unitone--ms2:calc(var(--unitone--_space-reference-value) * 5);--unitone--ms3:calc(var(--unitone--_space-reference-value) * 8);--unitone--ms4:calc(var(--unitone--_space-reference-value) * 13);--unitone--ms5:calc(var(--unitone--_space-reference-value) * 21);--unitone--ms6:calc(var(--unitone--_space-reference-value) * 34);--unitone--ms7:calc(var(--unitone--_space-reference-value) * 55);--unitone--em-2:calc(1em * var(--unitone--ms-2));--unitone--em-1:calc(1em * var(--unitone--ms-1));--unitone--em0:0em;--unitone--em1:calc(1em * var(--unitone--ms1));--unitone--em2:calc(1em * var(--unitone--ms2));--unitone--em3:calc(1em * var(--unitone--ms3));--unitone--em4:calc(1em * var(--unitone--ms4));--unitone--em5:calc(1em * var(--unitone--ms5));--unitone--em6:calc(1em * var(--unitone--ms6));--unitone--em7:calc(1em * var(--unitone--ms7));--unitone--rem-2:calc(1rem * var(--unitone--ms-2));--unitone--rem-1:calc(1rem * var(--unitone--ms-1));--unitone--rem0:0rem;--unitone--rem1:calc(1rem * var(--unitone--ms1));--unitone--rem2:calc(1rem * var(--unitone--ms2));--unitone--rem3:calc(1rem * var(--unitone--ms3));--unitone--rem4:calc(1rem * var(--unitone--ms4));--unitone--rem5:calc(1rem * var(--unitone--ms5));--unitone--rem6:calc(1rem * var(--unitone--ms6));--unitone--rem7:calc(1rem * var(--unitone--ms7));--unitone--s-2:var(--unitone--em-2);--unitone--s-1:var(--unitone--em-1);--unitone--s0:var(--unitone--em0);--unitone--s1:var(--unitone--em1);--unitone--s2:clamp(calc(var(--unitone--ms1) + var(--unitone--ms2) * 0.28125) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms2) - calc(var(--unitone--ms1) + var(--unitone--ms2) * 0.28125)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms2) * 0.28125)) * 1em + calc((var(--unitone--ms2) - calc(var(--unitone--ms1) + var(--unitone--ms2) * 0.28125)) / (57.5)) * 100vw),var(--unitone--ms2) * 1em);--unitone--s3:clamp(calc(var(--unitone--ms1) + var(--unitone--ms3) * 0.28125) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms3) - calc(var(--unitone--ms1) + var(--unitone--ms3) * 0.28125)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms3) * 0.28125)) * 1em + calc((var(--unitone--ms3) - calc(var(--unitone--ms1) + var(--unitone--ms3) * 0.28125)) / (57.5)) * 100vw),var(--unitone--ms3) * 1em);--unitone--s4:clamp(calc(var(--unitone--ms1) + var(--unitone--ms4) * 0.28125) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms4) - calc(var(--unitone--ms1) + var(--unitone--ms4) * 0.28125)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms4) * 0.28125)) * 1em + calc((var(--unitone--ms4) - calc(var(--unitone--ms1) + var(--unitone--ms4) * 0.28125)) / (57.5)) * 100vw),var(--unitone--ms4) * 1em);--unitone--s5:clamp(calc(var(--unitone--ms1) + var(--unitone--ms5) * 0.28125) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms5) - calc(var(--unitone--ms1) + var(--unitone--ms5) * 0.28125)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms5) * 0.28125)) * 1em + calc((var(--unitone--ms5) - calc(var(--unitone--ms1) + var(--unitone--ms5) * 0.28125)) / (57.5)) * 100vw),var(--unitone--ms5) * 1em);--unitone--s6:clamp(calc(var(--unitone--ms1) + var(--unitone--ms6) * 0.28125) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms6) - calc(var(--unitone--ms1) + var(--unitone--ms6) * 0.28125)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms6) * 0.28125)) * 1em + calc((var(--unitone--ms6) - calc(var(--unitone--ms1) + var(--unitone--ms6) * 0.28125)) / (57.5)) * 100vw),var(--unitone--ms6) * 1em);--unitone--s7:clamp(calc(var(--unitone--ms1) + var(--unitone--ms7) * 0.28125) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms7) - calc(var(--unitone--ms1) + var(--unitone--ms7) * 0.28125)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms7) * 0.28125)) * 1em + calc((var(--unitone--ms7) - calc(var(--unitone--ms1) + var(--unitone--ms7) * 0.28125)) / (57.5)) * 100vw),var(--unitone--ms7) * 1em);--unitone--container-max-width:1280px;--unitone--grid-columns:12;--unitone--grid-rows:7;--unitone--grid-gap:var(--unitone--global--gap);--unitone--pg0:0%;--unitone--pg1:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 1 + var(--unitone--grid-gap) * 0);--unitone--pg2:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 2 + var(--unitone--grid-gap) * 1);--unitone--pg3:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 3 + var(--unitone--grid-gap) * 2);--unitone--pg4:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 4 + var(--unitone--grid-gap) * 3);--unitone--pg5:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 5 + var(--unitone--grid-gap) * 4);--unitone--pg6:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 6 + var(--unitone--grid-gap) * 5);--unitone--pg7:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 7 + var(--unitone--grid-gap) * 6);--unitone--pg8:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 8 + var(--unitone--grid-gap) * 7);--unitone--pg9:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 9 + var(--unitone--grid-gap) * 8);--unitone--pg10:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 10 + var(--unitone--grid-gap) * 9);--unitone--pg11:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 11 + var(--unitone--grid-gap) * 10);--unitone--pg12:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 12 + var(--unitone--grid-gap) * 11);--unitone--cg0:0%;--unitone--cg1:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 1 + var(--unitone--grid-gap) * 0);--unitone--cg2:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 2 + var(--unitone--grid-gap) * 1);--unitone--cg3:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 3 + var(--unitone--grid-gap) * 2);--unitone--cg4:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 4 + var(--unitone--grid-gap) * 3);--unitone--cg5:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 5 + var(--unitone--grid-gap) * 4);--unitone--cg6:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 6 + var(--unitone--grid-gap) * 5);--unitone--cg7:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 7 + var(--unitone--grid-gap) * 6);--unitone--cg8:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 8 + var(--unitone--grid-gap) * 7);--unitone--cg9:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 9 + var(--unitone--grid-gap) * 8);--unitone--cg10:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 10 + var(--unitone--grid-gap) * 9);--unitone--cg11:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 11 + var(--unitone--grid-gap) * 10);--unitone--cg12:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 12 + var(--unitone--grid-gap) * 11)}html{font-size:calc(var(--unitone--base-font-size) * 1px)}:where(body){background-color:var(--unitone--color--white);color:var(--unitone--color--text);font-family:var(--unitone--font-family)}body{-webkit-font-smoothing:antialiased;overflow-wrap:break-word}#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 :where(address,article,aside,blockquote,details,dialog,dd,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,li,main,nav,ol,p,pre,section,table,ul),.docs-story :where(address,article,aside,blockquote,details,dialog,dd,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,li,main,nav,ol,p,pre,section,table,ul){margin:0;padding:0}#root :where(li),.docs-story :where(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:-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 figcaption,.docs-story figcaption{--unitone--font-size:-2;caption-side:bottom;margin:var(--unitone--s-2) 0 0;text-align:left}#root [data-unitone-layout~=both-sides],.docs-story [data-unitone-layout~=both-sides]{--unitone--gap:var(--unitone--global--gap);--unitone--align-items:flex-start;--unitone--content-width:fit-content;--unitone--content-max-width:100%;align-items:var(--unitone--align-items);display:flex;flex-wrap:wrap;gap:var(--unitone--gap);justify-content:space-between}#root [data-unitone-layout~=both-sides]>,.docs-story [data-unitone-layout~=both-sides]>{--unitone--max-width:var(--unitone--content-max-width);--unitone--flex-basis:var(--unitone--content-width);flex-basis:var(--unitone--flex-basis);flex-grow:0;max-width:min(100%,var(--unitone--max-width))}#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;--unitone--overflow:visible;background-color:var(--unitone--background-color);border:var(--unitone--border-width) solid var(--unitone--border-color);border-radius:var(--unitone--border-radius);bottom:var(--unitone--bottom);box-shadow:var(--unitone--box-shadow);color:var(--unitone--color);left:var(--unitone--left);overflow:var(--unitone--overflow);padding: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~=center],.docs-story [data-unitone-layout~=center]{--unitone--gutters:0px;--unitone--max-width:var(--unitone--measure);box-sizing:content-box;margin-left:auto;margin-right:auto;max-width:var(--unitone--max-width);padding-left:var(--unitone--gutters);padding-right:var(--unitone--gutters)}#root [data-unitone-layout~=center][data-unitone-layout~=-intrinsic],.docs-story [data-unitone-layout~=center][data-unitone-layout~=-intrinsic]{align-items:center;display:flex;flex-direction:column}#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:strech;--unitone--divider-width:1px;--unitone--divider-style:solid;--unitone--divider-color:var(--unitone--color--gray);--unitone--gap:var(--unitone--global--text-gap);--unitone--justify-content:flex-start;align-items:var(--unitone--align-items);display:flex;flex-wrap:wrap;gap:calc(var(--unitone--gap) / 2) var(--unitone--gap);justify-content:var(--unitone--justify-content);list-style:none}#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:var(--unitone--divider-width) var(--unitone--divider-style) var(--unitone--divider-color);border-right:var(--unitone--divider-width) var(--unitone--divider-style) var(--unitone--divider-color);margin-right:calc(-1 * var(--unitone--divider-width));padding-left:var(--unitone--gap);padding-right:var(--unitone--gap)}#root [data-unitone-layout~=cluster][data-unitone-layout~="-divider:stripe"]>:not(:first-child),.docs-story [data-unitone-layout~=cluster][data-unitone-layout~="-divider:stripe"]>:not(:first-child){border-left-color:transparent}#root [data-unitone-layout~=cluster][data-unitone-layout~="-divider:slash"],.docs-story [data-unitone-layout~=cluster][data-unitone-layout~="-divider:slash"]{gap:calc(var(--unitone--gap) / 2) 0}#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{border-left:var(--unitone--divider-width) var(--unitone--divider-style) var(--unitone--divider-color);content:"";position:relative;right:var(--unitone--gap);transform:rotate(22.5deg) scale(.8)}#root [data-unitone-layout~=cluster][data-unitone-layout~="-divider:bordered"],.docs-story [data-unitone-layout~=cluster][data-unitone-layout~="-divider:bordered"]{border-left:var(--unitone--divider-width) var(--unitone--divider-style) var(--unitone--divider-color);gap:0}#root [data-unitone-layout~=cluster][data-unitone-layout~="-divider:bordered"]>,.docs-story [data-unitone-layout~=cluster][data-unitone-layout~="-divider:bordered"]>{border:var(--unitone--divider-width) var(--unitone--divider-style) var(--unitone--divider-color);border-left-color:transparent;margin-right:calc(-1 * var(--unitone--divider-width));margin-top:calc(-1 * var(--unitone--divider-width));padding:calc(var(--unitone--gap) / 2) var(--unitone--gap)}#root [data-unitone-layout~=container],.docs-story [data-unitone-layout~=container]{--unitone--gutters:var(--unitone--global--gutters);--unitone--max-width:var(--unitone--container-max-width);box-sizing:content-box;margin-left:auto!important;margin-right:auto!important;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--global--gap);--unitone--min-height:100vh;--unitone--justify-content:center;display:flex;flex-flow:column;gap:var(--unitone--gap);min-height:var(--unitone--min-height);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]{--unitone--position:static;--unitone--top:initial;--unitone--right:initial;--unitone--bottom:initial;--unitone--left:initial;--unitone--z-index:initial;bottom:var(--unitone--bottom);left:var(--unitone--left);margin-bottom:auto;margin-top:auto;position:var(--unitone--position);right:var(--unitone--right);top:var(--unitone--top);z-index:var(--unitone--z-index)}#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--global--gap);--unitone--min-measure:calc(var(--unitone--measure) / 2);--unitone--min-width:calc(var(--unitone--measure) / 2);width:max(min(var(--unitone--min-width),100%),min((var(--unitone--min-width) + var(--unitone--gap) + var(--unitone--min-measure) - 100%) * 999,100%))}#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]:empty:before,.docs-story [data-unitone-layout~=frame]:empty:before{content:"";display:block;padding:calc(100% / (var(--unitone--ratio))) 0 0}#root [data-unitone-layout~=frame] figure,#root [data-unitone-layout~=frame] picture,.docs-story [data-unitone-layout~=frame] figure,.docs-story [data-unitone-layout~=frame] picture{width:auto}#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{aspect-ratio:var(--unitone--ratio);height:100%;-o-object-fit:cover;object-fit:cover;vertical-align:top;width:100%}@media (orientation:portrait){#root [data-unitone-layout~=frame][data-unitone-layout~=-switch]:empty:before,.docs-story [data-unitone-layout~=frame][data-unitone-layout~=-switch]:empty:before{padding-top:calc(var(--unitone--ratio) * 100%)}#root [data-unitone-layout~=frame][data-unitone-layout~=-switch] img,#root [data-unitone-layout~=frame][data-unitone-layout~=-switch] video,.docs-story [data-unitone-layout~=frame][data-unitone-layout~=-switch] img,.docs-story [data-unitone-layout~=frame][data-unitone-layout~=-switch] video{aspect-ratio:calc(1 / (var(--unitone--ratio)))}}#root [data-unitone-layout~=layers],.docs-story [data-unitone-layout~=layers]{--unitone--columns:var(--unitone--grid-columns);--unitone--rows:var(--unitone--grid-rows);--unitone--gap:min(3.33333%,var(--unitone--grid-gap));--unitone--min-height:0;display:grid;gap:var(--unitone--gap);grid-template-columns:repeat(var(--unitone--columns),1fr);grid-template-rows:repeat(var(--unitone--rows),1fr);min-height:var(--unitone--min-height);position:relative}@media (orientation:portrait){#root [data-unitone-layout~=layers],.docs-story [data-unitone-layout~=layers]{--unitone--columns:var(--unitone--grid-rows);--unitone--rows:var(--unitone--grid-columns)}}#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;--unitone--max-width:none;align-self:var(--unitone--align-self);grid-column:var(--unitone--grid-column);grid-row:var(--unitone--grid-row);justify-self:var(--unitone--justify-self);max-width:var(--unitone--max-width);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--global--gap);--unitone--height:auto;--unitone--item-width:calc(var(--unitone--measure) / 2);--unitone--scrollbar-thumb-color:#ddd;--unitone--scrollbar-track-color:transparent;display:flex;gap:var(--unitone--gap);height:var(--unitone--height);overflow-x:auto;overflow-y:hidden;padding-bottom:var(--unitone--s-2);scrollbar-color:var(--unitone--scrollbar-thumb-color) var(--unitone--scrollbar-track-color);scrollbar-width:1rem}#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--auto-repeat:auto-fit;--unitone--column-min-width:250px;--unitone--gap:var(--unitone--global--gap);grid-gap:var(--unitone--gap);display:grid;grid-template-columns:repeat(var(--unitone--auto-repeat),minmax(min(var(--unitone--column-min-width),100%),1fr))}#root [data-unitone-layout~=gutters],.docs-story [data-unitone-layout~=gutters]{--unitone--padding:var(--unitone--s4);padding-bottom:var(--unitone--padding);padding-top:var(--unitone--padding)}#root [data-unitone-layout~=stack],.docs-story [data-unitone-layout~=stack]{--unitone--divider-width:1px;--unitone--divider-style:solid;--unitone--divider-color:var(--unitone--color--gray);--unitone--gap:var(--unitone--global--text-gap);display:flex;flex-direction:column;gap:var(--unitone--gap);list-style:none}#root [data-unitone-layout~=stack]>,.docs-story [data-unitone-layout~=stack]>{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:var(--unitone--divider-width) var(--unitone--divider-style) var(--unitone--divider-color);border-top:var(--unitone--divider-width) var(--unitone--divider-style) 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"]>+{border-top-color:transparent;margin-top:calc(-1 * var(--unitone--divider-width))}#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:var(--unitone--divider-width) var(--unitone--divider-style) 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:var(--unitone--divider-width) var(--unitone--divider-style) 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"]>+{border-top-color:transparent;margin-top:calc(-1 * var(--unitone--divider-width))}#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--global--gap);--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--global--text-gap);--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-top:2}#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:0}#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:-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--sidebar-width:auto;--unitone--content-min-width:50%;--unitone--content-max-width:100%;--unitone--gap:var(--unitone--global--gap);--unitone--align-items:stretch;align-items:var(--unitone--align-items);display:flex;flex-wrap:wrap;gap:var(--unitone--gap)}#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~="-auto-repeat:auto-fill"],.docs-story [data-unitone-layout~="-auto-repeat:auto-fill"]{--unitone--auto-repeat:auto-fill!important}#root [data-unitone-layout~="-auto-repeat:auto-fit"],.docs-story [data-unitone-layout~="-auto-repeat:auto-fit"]{--unitone--auto-repeat:auto-fit!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~="-gutters:root"],.docs-story [data-unitone-layout~="-gutters:root"]{--unitone--gutters:var(--unitone--global--gutters)}#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~="-overflow:visible"],.docs-story [data-unitone-layout~="-overflow:visible"]{--unitone--overflow:visible!important}#root [data-unitone-layout~="-overflow:hidden"],.docs-story [data-unitone-layout~="-overflow:hidden"]{--unitone--overflow:hidden!important}#root [data-unitone-layout~="-overflow:scroll"],.docs-story [data-unitone-layout~="-overflow:scroll"]{--unitone--overflow:scroll!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}#root [data-unitone-layout~="-position:static"],.docs-story [data-unitone-layout~="-position:static"]{--unitone--position:static!important}#root [data-unitone-layout~="-position:relative"],.docs-story [data-unitone-layout~="-position:relative"]{--unitone--position:relative!important}#root [data-unitone-layout~="-position:absolute"],.docs-story [data-unitone-layout~="-position:absolute"]{--unitone--position:absolute!important}#root [data-unitone-layout~="-position:sticky"],.docs-story [data-unitone-layout~="-position:sticky"]{--unitone--position:sticky!important}#root [data-unitone-layout~="-position:fixed"],.docs-story [data-unitone-layout~="-position:fixed"]{--unitone--position:fixed!important}
1	+ :root{--unitone--measure:42rem;--unitone--color--white:#fff;--unitone--color--black:#000;--unitone--color--text:#222;--unitone--color--gray:#ced4da;--unitone--color--light-gray:#e9ecef;--unitone--color--bright-gray:#f8f9fa;--unitone--color--dark-gray:#868e96;--unitone--font-size:0;--unitone--base-font-size:16;--unitone--harmonic-sequence-base:8;--unitone--min-harmonic-sequence-base:9;--unitone--max-harmonic-sequence-base:var(--unitone--harmonic-sequence-base);--unitone--half-leading:.3;--unitone--line-height-slope:-0.16666;--unitone--font-family:sans-serif;--unitone--global--box-shadow:0 5px 20px -5px rgba(0,0,0,.2);--unitone--global--border-radius:4px;--unitone--global--gap:var(--unitone--s2);--unitone--global--text-gap:var(--unitone--s1);--unitone--global--gutters:clamp(var(--unitone--rem1),4vw,var(--unitone--rem2));--unitone--_space-reference-value:clamp(1,var(--unitone--line-height-slope) * var(--unitone--fluid-font-size-magnification,calc(var(--unitone--harmonic-sequence-base) / (var(--unitone--harmonic-sequence-base) - var(--unitone--font-size)))) + 1 + 2 * var(--unitone--half-leading) + -1 * var(--unitone--line-height-slope),2 * var(--unitone--half-leading) + 1) /3;--unitone--ms-2:calc(var(--unitone--_space-reference-value) * 1);--unitone--ms-1:calc(var(--unitone--_space-reference-value) * 2);--unitone--ms0:0;--unitone--ms1:calc(var(--unitone--_space-reference-value) * 3);--unitone--ms2:calc(var(--unitone--_space-reference-value) * 5);--unitone--ms3:calc(var(--unitone--_space-reference-value) * 8);--unitone--ms4:calc(var(--unitone--_space-reference-value) * 13);--unitone--ms5:calc(var(--unitone--_space-reference-value) * 21);--unitone--ms6:calc(var(--unitone--_space-reference-value) * 34);--unitone--ms7:calc(var(--unitone--_space-reference-value) * 55);--unitone--em-2:calc(1em * var(--unitone--ms-2));--unitone--em-1:calc(1em * var(--unitone--ms-1));--unitone--em0:0em;--unitone--em1:calc(1em * var(--unitone--ms1));--unitone--em2:calc(1em * var(--unitone--ms2));--unitone--em3:calc(1em * var(--unitone--ms3));--unitone--em4:calc(1em * var(--unitone--ms4));--unitone--em5:calc(1em * var(--unitone--ms5));--unitone--em6:calc(1em * var(--unitone--ms6));--unitone--em7:calc(1em * var(--unitone--ms7));--unitone--rem-2:calc(1rem * var(--unitone--ms-2));--unitone--rem-1:calc(1rem * var(--unitone--ms-1));--unitone--rem0:0rem;--unitone--rem1:calc(1rem * var(--unitone--ms1));--unitone--rem2:calc(1rem * var(--unitone--ms2));--unitone--rem3:calc(1rem * var(--unitone--ms3));--unitone--rem4:calc(1rem * var(--unitone--ms4));--unitone--rem5:calc(1rem * var(--unitone--ms5));--unitone--rem6:calc(1rem * var(--unitone--ms6));--unitone--rem7:calc(1rem * var(--unitone--ms7));--unitone--s-2:var(--unitone--em-2);--unitone--s-1:var(--unitone--em-1);--unitone--s0:var(--unitone--em0);--unitone--s1:var(--unitone--em1);--unitone--s2:clamp(calc(var(--unitone--ms1) + var(--unitone--ms2) * 0.28125) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms2) - calc(var(--unitone--ms1) + var(--unitone--ms2) * 0.28125)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms2) * 0.28125)) * 1em + calc((var(--unitone--ms2) - calc(var(--unitone--ms1) + var(--unitone--ms2) * 0.28125)) / (57.5)) * 100vw),var(--unitone--ms2) * 1em);--unitone--s3:clamp(calc(var(--unitone--ms1) + var(--unitone--ms3) * 0.28125) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms3) - calc(var(--unitone--ms1) + var(--unitone--ms3) * 0.28125)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms3) * 0.28125)) * 1em + calc((var(--unitone--ms3) - calc(var(--unitone--ms1) + var(--unitone--ms3) * 0.28125)) / (57.5)) * 100vw),var(--unitone--ms3) * 1em);--unitone--s4:clamp(calc(var(--unitone--ms1) + var(--unitone--ms4) * 0.28125) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms4) - calc(var(--unitone--ms1) + var(--unitone--ms4) * 0.28125)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms4) * 0.28125)) * 1em + calc((var(--unitone--ms4) - calc(var(--unitone--ms1) + var(--unitone--ms4) * 0.28125)) / (57.5)) * 100vw),var(--unitone--ms4) * 1em);--unitone--s5:clamp(calc(var(--unitone--ms1) + var(--unitone--ms5) * 0.28125) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms5) - calc(var(--unitone--ms1) + var(--unitone--ms5) * 0.28125)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms5) * 0.28125)) * 1em + calc((var(--unitone--ms5) - calc(var(--unitone--ms1) + var(--unitone--ms5) * 0.28125)) / (57.5)) * 100vw),var(--unitone--ms5) * 1em);--unitone--s6:clamp(calc(var(--unitone--ms1) + var(--unitone--ms6) * 0.28125) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms6) - calc(var(--unitone--ms1) + var(--unitone--ms6) * 0.28125)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms6) * 0.28125)) * 1em + calc((var(--unitone--ms6) - calc(var(--unitone--ms1) + var(--unitone--ms6) * 0.28125)) / (57.5)) * 100vw),var(--unitone--ms6) * 1em);--unitone--s7:clamp(calc(var(--unitone--ms1) + var(--unitone--ms7) * 0.28125) * 1em,calc(calc(-22.5 * calc((var(--unitone--ms7) - calc(var(--unitone--ms1) + var(--unitone--ms7) * 0.28125)) / (57.5)) + calc(var(--unitone--ms1) + var(--unitone--ms7) * 0.28125)) * 1em + calc((var(--unitone--ms7) - calc(var(--unitone--ms1) + var(--unitone--ms7) * 0.28125)) / (57.5)) * 100vw),var(--unitone--ms7) * 1em);--unitone--container-max-width:1280px;--unitone--grid-columns:12;--unitone--grid-rows:7;--unitone--grid-gap:var(--unitone--global--gap);--unitone--pg0:0%;--unitone--pg1:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 1 + var(--unitone--grid-gap) * 0);--unitone--pg2:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 2 + var(--unitone--grid-gap) * 1);--unitone--pg3:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 3 + var(--unitone--grid-gap) * 2);--unitone--pg4:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 4 + var(--unitone--grid-gap) * 3);--unitone--pg5:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 5 + var(--unitone--grid-gap) * 4);--unitone--pg6:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 6 + var(--unitone--grid-gap) * 5);--unitone--pg7:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 7 + var(--unitone--grid-gap) * 6);--unitone--pg8:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 8 + var(--unitone--grid-gap) * 7);--unitone--pg9:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 9 + var(--unitone--grid-gap) * 8);--unitone--pg10:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 10 + var(--unitone--grid-gap) * 9);--unitone--pg11:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 11 + var(--unitone--grid-gap) * 10);--unitone--pg12:calc((100% - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 12 + var(--unitone--grid-gap) * 11);--unitone--cg0:0%;--unitone--cg1:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 1 + var(--unitone--grid-gap) * 0);--unitone--cg2:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 2 + var(--unitone--grid-gap) * 1);--unitone--cg3:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 3 + var(--unitone--grid-gap) * 2);--unitone--cg4:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 4 + var(--unitone--grid-gap) * 3);--unitone--cg5:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 5 + var(--unitone--grid-gap) * 4);--unitone--cg6:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 6 + var(--unitone--grid-gap) * 5);--unitone--cg7:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 7 + var(--unitone--grid-gap) * 6);--unitone--cg8:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 8 + var(--unitone--grid-gap) * 7);--unitone--cg9:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 9 + var(--unitone--grid-gap) * 8);--unitone--cg10:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 10 + var(--unitone--grid-gap) * 9);--unitone--cg11:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 11 + var(--unitone--grid-gap) * 10);--unitone--cg12:calc((var(--unitone--container-max-width) - var(--unitone--grid-gap) * (var(--unitone--grid-columns) - 1)) / var(--unitone--grid-columns) * 12 + var(--unitone--grid-gap) * 11)}html{font-size:calc(var(--unitone--base-font-size) * 1px)}:where(body){background-color:var(--unitone--color--white);color:var(--unitone--color--text);font-family:var(--unitone--font-family)}body{-webkit-font-smoothing:antialiased;overflow-wrap:break-word}#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 :where(address,article,aside,blockquote,details,dialog,dd,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,li,main,nav,ol,p,pre,section,table,ul),.docs-story :where(address,article,aside,blockquote,details,dialog,dd,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,li,main,nav,ol,p,pre,section,table,ul){margin:0;padding:0}#root :where(li),.docs-story :where(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:-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 figcaption,.docs-story figcaption{--unitone--font-size:-2;caption-side:bottom;margin:var(--unitone--s-2) 0 0;text-align:left}#root [data-unitone-layout~=both-sides],.docs-story [data-unitone-layout~=both-sides]{--unitone--gap:var(--unitone--global--gap);--unitone--align-items:flex-start;--unitone--content-width:fit-content;--unitone--content-max-width:100%;align-items:var(--unitone--align-items);display:flex;flex-wrap:wrap;gap:var(--unitone--gap);justify-content:space-between}#root [data-unitone-layout~=both-sides]>,.docs-story [data-unitone-layout~=both-sides]>{--unitone--max-width:var(--unitone--content-max-width);--unitone--flex-basis:var(--unitone--content-width);flex-basis:var(--unitone--flex-basis);flex-grow:0;max-width:min(100%,var(--unitone--max-width));min-width:0}#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;--unitone--overflow:visible;background-color:var(--unitone--background-color);border:var(--unitone--border-width) solid var(--unitone--border-color);border-radius:var(--unitone--border-radius);bottom:var(--unitone--bottom);box-shadow:var(--unitone--box-shadow);color:var(--unitone--color);left:var(--unitone--left);overflow:var(--unitone--overflow);padding: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~=center],.docs-story [data-unitone-layout~=center]{--unitone--gutters:0px;--unitone--max-width:var(--unitone--measure);box-sizing:content-box;margin-left:auto;margin-right:auto;max-width:var(--unitone--max-width);padding-left:var(--unitone--gutters);padding-right:var(--unitone--gutters)}#root [data-unitone-layout~=center][data-unitone-layout~=-intrinsic],.docs-story [data-unitone-layout~=center][data-unitone-layout~=-intrinsic]{align-items:center;display:flex;flex-direction:column}#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:strech;--unitone--divider-width:1px;--unitone--divider-style:solid;--unitone--divider-color:var(--unitone--color--gray);--unitone--gap:var(--unitone--global--text-gap);--unitone--justify-content:flex-start;align-items:var(--unitone--align-items);display:flex;flex-wrap:wrap;gap:calc(var(--unitone--gap) / 2) var(--unitone--gap);justify-content:var(--unitone--justify-content);list-style:none}#root [data-unitone-layout~=cluster]>,.docs-story [data-unitone-layout~=cluster]>{margin:0;min-width: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:var(--unitone--divider-width) var(--unitone--divider-style) var(--unitone--divider-color);border-right:var(--unitone--divider-width) var(--unitone--divider-style) var(--unitone--divider-color);margin-right:calc(-1 * var(--unitone--divider-width));padding-left:var(--unitone--gap);padding-right:var(--unitone--gap)}#root [data-unitone-layout~=cluster][data-unitone-layout~="-divider:stripe"]>:not(:first-child),.docs-story [data-unitone-layout~=cluster][data-unitone-layout~="-divider:stripe"]>:not(:first-child){border-left-color:transparent}#root [data-unitone-layout~=cluster][data-unitone-layout~="-divider:slash"],.docs-story [data-unitone-layout~=cluster][data-unitone-layout~="-divider:slash"]{gap:calc(var(--unitone--gap) / 2) 0}#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"]>>,.docs-story [data-unitone-layout~=cluster][data-unitone-layout~="-divider:slash"]>>{min-width:0}#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{border-left:var(--unitone--divider-width) var(--unitone--divider-style) var(--unitone--divider-color);content:"";position:relative;right:var(--unitone--gap);transform:rotate(22.5deg) scale(.8)}#root [data-unitone-layout~=cluster][data-unitone-layout~="-divider:bordered"],.docs-story [data-unitone-layout~=cluster][data-unitone-layout~="-divider:bordered"]{border-left:var(--unitone--divider-width) var(--unitone--divider-style) var(--unitone--divider-color);gap:0}#root [data-unitone-layout~=cluster][data-unitone-layout~="-divider:bordered"]>,.docs-story [data-unitone-layout~=cluster][data-unitone-layout~="-divider:bordered"]>{border:var(--unitone--divider-width) var(--unitone--divider-style) var(--unitone--divider-color);border-left-color:transparent;margin-right:calc(-1 * var(--unitone--divider-width));margin-top:calc(-1 * var(--unitone--divider-width));padding:calc(var(--unitone--gap) / 2) var(--unitone--gap)}#root [data-unitone-layout~=container],.docs-story [data-unitone-layout~=container]{--unitone--gutters:var(--unitone--global--gutters);--unitone--max-width:var(--unitone--container-max-width);box-sizing:content-box;margin-left:auto;margin-right:auto;max-width:100%;padding-left:var(--unitone--gutters);padding-right:var(--unitone--gutters);width:min(100% - var(--unitone--gutters) * 2,var(--unitone--max-width))}#root [data-unitone-layout~=cover],.docs-story [data-unitone-layout~=cover]{--unitone--gap:var(--unitone--global--gap);--unitone--min-height:100vh;--unitone--justify-content:center;display:flex;flex-flow:column;gap:var(--unitone--gap);min-height:var(--unitone--min-height);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]{--unitone--position:static;--unitone--top:initial;--unitone--right:initial;--unitone--bottom:initial;--unitone--left:initial;--unitone--z-index:initial;bottom:var(--unitone--bottom);left:var(--unitone--left);margin-bottom:auto;margin-top:auto;position:var(--unitone--position);right:var(--unitone--right);top:var(--unitone--top);z-index:var(--unitone--z-index)}#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--global--gap);--unitone--min-measure:calc(var(--unitone--measure) / 2);--unitone--min-width:calc(var(--unitone--measure) / 2);width:max(min(var(--unitone--min-width),100%),min((var(--unitone--min-width) + var(--unitone--gap) + var(--unitone--min-measure) - 100%) * 999,100%))}#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]:empty:before,.docs-story [data-unitone-layout~=frame]:empty:before{content:"";display:block;padding:calc(100% / (var(--unitone--ratio))) 0 0}#root [data-unitone-layout~=frame] figure,#root [data-unitone-layout~=frame] picture,.docs-story [data-unitone-layout~=frame] figure,.docs-story [data-unitone-layout~=frame] picture{width:auto}#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{aspect-ratio:var(--unitone--ratio);height:100%;-o-object-fit:cover;object-fit:cover;vertical-align:top;width:100%}@media (orientation:portrait){#root [data-unitone-layout~=frame][data-unitone-layout~=-switch]:empty:before,.docs-story [data-unitone-layout~=frame][data-unitone-layout~=-switch]:empty:before{padding-top:calc(var(--unitone--ratio) * 100%)}#root [data-unitone-layout~=frame][data-unitone-layout~=-switch] img,#root [data-unitone-layout~=frame][data-unitone-layout~=-switch] video,.docs-story [data-unitone-layout~=frame][data-unitone-layout~=-switch] img,.docs-story [data-unitone-layout~=frame][data-unitone-layout~=-switch] video{aspect-ratio:calc(1 / (var(--unitone--ratio)))}}#root [data-unitone-layout~=layers],.docs-story [data-unitone-layout~=layers]{--unitone--columns:var(--unitone--grid-columns);--unitone--rows:var(--unitone--grid-rows);--unitone--gap:min(3.33333%,var(--unitone--grid-gap));--unitone--min-height:0;display:grid;gap:var(--unitone--gap);grid-template-columns:repeat(var(--unitone--columns),1fr);grid-template-rows:repeat(var(--unitone--rows),1fr);min-height:var(--unitone--min-height);position:relative}@media (orientation:portrait){#root [data-unitone-layout~=layers][data-unitone-layout~=-portrait],.docs-story [data-unitone-layout~=layers][data-unitone-layout~=-portrait]{--unitone--columns:var(--unitone--grid-rows);--unitone--rows:var(--unitone--grid-columns)}}#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;--unitone--max-width:none;align-self:var(--unitone--align-self);grid-column:var(--unitone--grid-column);grid-row:var(--unitone--grid-row);justify-self:var(--unitone--justify-self);max-width:var(--unitone--max-width);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--global--gap);--unitone--height:auto;--unitone--item-width:calc(var(--unitone--measure) / 2);--unitone--scrollbar-thumb-color:#ddd;--unitone--scrollbar-track-color:transparent;display:flex;gap:var(--unitone--gap);height:var(--unitone--height);overflow-x:auto;overflow-y:hidden;padding-bottom:var(--unitone--s-2);scrollbar-color:var(--unitone--scrollbar-thumb-color) var(--unitone--scrollbar-track-color);scrollbar-width:1rem}#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);min-width:0}#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--auto-repeat:auto-fit;--unitone--column-min-width:250px;--unitone--gap:var(--unitone--global--gap);grid-gap:var(--unitone--gap);display:grid;grid-template-columns:repeat(var(--unitone--auto-repeat),minmax(min(var(--unitone--column-min-width),100%),1fr))}#root [data-unitone-layout~=gutters],.docs-story [data-unitone-layout~=gutters]{--unitone--padding:var(--unitone--s4);padding-bottom:var(--unitone--padding);padding-top:var(--unitone--padding)}#root [data-unitone-layout~=stack],.docs-story [data-unitone-layout~=stack]{--unitone--divider-width:1px;--unitone--divider-style:solid;--unitone--divider-color:var(--unitone--color--gray);--unitone--gap:var(--unitone--global--text-gap);display:flex;flex-direction:column;gap:var(--unitone--gap);list-style:none}#root [data-unitone-layout~=stack]>,.docs-story [data-unitone-layout~=stack]>{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:var(--unitone--divider-width) var(--unitone--divider-style) var(--unitone--divider-color);border-top:var(--unitone--divider-width) var(--unitone--divider-style) 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"]>+{border-top-color:transparent;margin-top:calc(-1 * var(--unitone--divider-width))}#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:var(--unitone--divider-width) var(--unitone--divider-style) 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:var(--unitone--divider-width) var(--unitone--divider-style) 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"]>+{border-top-color:transparent;margin-top:calc(-1 * var(--unitone--divider-width))}#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--global--gap);--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;min-width:0}#root [data-unitone-layout~=text],.docs-story [data-unitone-layout~=text]{--unitone--gap:var(--unitone--global--text-gap);--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-top:2}#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:0}#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:-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--sidebar-width:auto;--unitone--content-min-width:50%;--unitone--content-max-width:100%;--unitone--gap:var(--unitone--global--gap);--unitone--align-items:stretch;align-items:var(--unitone--align-items);display:flex;flex-wrap:wrap;gap:var(--unitone--gap)}#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-self:start"],.docs-story [data-unitone-layout~="-align-self:start"]{margin-top:0}#root [data-unitone-layout~="-align-self:end"],.docs-story [data-unitone-layout~="-align-self:end"]{margin-bottom:0}#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~="-auto-repeat:auto-fill"],.docs-story [data-unitone-layout~="-auto-repeat:auto-fill"]{--unitone--auto-repeat:auto-fill!important}#root [data-unitone-layout~="-auto-repeat:auto-fit"],.docs-story [data-unitone-layout~="-auto-repeat:auto-fit"]{--unitone--auto-repeat:auto-fit!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~="-gutters:root"],.docs-story [data-unitone-layout~="-gutters:root"]{--unitone--gutters:var(--unitone--global--gutters)}#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~="-justify-self:start"],.docs-story [data-unitone-layout~="-justify-self:start"]{margin-left:0}#root [data-unitone-layout~="-justify-self:end"],.docs-story [data-unitone-layout~="-justify-self:end"]{margin-right:0}#root [data-unitone-layout~="-overflow:visible"],.docs-story [data-unitone-layout~="-overflow:visible"]{--unitone--overflow:visible!important}#root [data-unitone-layout~="-overflow:hidden"],.docs-story [data-unitone-layout~="-overflow:hidden"]{--unitone--overflow:hidden!important}#root [data-unitone-layout~="-overflow:scroll"],.docs-story [data-unitone-layout~="-overflow:scroll"]{--unitone--overflow:scroll!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}#root [data-unitone-layout~="-position:static"],.docs-story [data-unitone-layout~="-position:static"]{--unitone--position:static!important}#root [data-unitone-layout~="-position:relative"],.docs-story [data-unitone-layout~="-position:relative"]{--unitone--position:relative!important}#root [data-unitone-layout~="-position:absolute"],.docs-story [data-unitone-layout~="-position:absolute"]{--unitone--position:absolute!important}#root [data-unitone-layout~="-position:sticky"],.docs-story [data-unitone-layout~="-position:sticky"]{--unitone--position:sticky!important}#root [data-unitone-layout~="-position:fixed"],.docs-story [data-unitone-layout~="-position:fixed"]{--unitone--position:fixed!important}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@inc2734/unitone-css",
-  "version": "0.36.2",
+  "version": "0.37.1",
   "description": "",
   "main": "index.js",
   "license": "MIT",

package/src/helper/_align-self.scss CHANGED Viewed

@@ -14,4 +14,12 @@ $_values: (
       --unitone--align-self: #{ $value } !important;
     }
   }
+  [data-unitone-layout~="-align-self\:start"] {
+    margin-top: 0;
+  }
+  [data-unitone-layout~="-align-self\:end"] {
+    margin-bottom: 0;
+  }
 }

package/src/helper/_justify-self.scss CHANGED Viewed

@@ -14,4 +14,12 @@ $_values: (
       --unitone--justify-self: #{ $value } !important;
     }
   }
+  [data-unitone-layout~="-justify-self\:start"] {
+    margin-left: 0;
+  }
+  [data-unitone-layout~="-justify-self\:end"] {
+    margin-right: 0;
+  }
 }

package/src/layout-primitives/both-sides/_both-sides.scss CHANGED Viewed

@@ -17,6 +17,7 @@
     flex-basis: var(--unitone--flex-basis);
     flex-grow: 0;
     max-width: min(100%, var(--unitone--max-width));
+    min-width: 0;
   }
 }

package/src/layout-primitives/cluster/_cluster.scss CHANGED Viewed

@@ -15,6 +15,7 @@
   > * {
     margin: 0;
+    min-width: 0;
   }
   &[data-unitone-layout~="-divider\:stripe"] {
@@ -40,6 +41,10 @@
       display: flex;
       padding-right: var(--unitone--gap);
       padding-left: var(--unitone--gap);
+      > * {
+        min-width: 0;
+      }
     }
     > :first-child {

package/src/layout-primitives/container/_container.scss CHANGED Viewed

@@ -3,8 +3,8 @@
   --unitone--max-width: var(--unitone--container-max-width);
   box-sizing: content-box;
-  margin-right: auto !important;
-  margin-left: auto !important;
+  margin-right: auto;
+  margin-left: auto;
   padding-right: var(--unitone--gutters);
   padding-left: var(--unitone--gutters);
   max-width: 100%;

package/src/layout-primitives/layers/Layers.jsx CHANGED Viewed

@@ -1,13 +1,17 @@
 import React from 'react';
-export const Layers = ({ cover, style, ...props }) => {
+export const Layers = ({ cover, portrait, style, ...props }) => {
   style = {
     ...style,
   };
   return (
     <div
-      data-unitone-layout={['layers', true === cover ? `-cover` : undefined]
+      data-unitone-layout={[
+        'layers',
+        true === cover ? `-cover` : undefined,
+        true === portrait ? `-portrait` : undefined,
+      ]
         .filter(Boolean)
         .join(' ')}
       style={style}

package/src/layout-primitives/layers/README.md CHANGED Viewed

@@ -20,6 +20,17 @@
 </div>
 ```
+### Portrait grid
+```html
+<div data-unitone-layout="layers -portrait">
+  <img ...>
+  <div>
+    ...
+  </div>
+</div>
+```
 ### Customizing position
 ```html

package/src/layout-primitives/layers/_layers.scss CHANGED Viewed

@@ -5,8 +5,10 @@
   --unitone--min-height: 0;
   @media (orientation: portrait) {
-    --unitone--columns: var(--unitone--grid-rows);
-    --unitone--rows: var(--unitone--grid-columns);
+    &[data-unitone-layout~="-portrait"] {
+      --unitone--columns: var(--unitone--grid-rows);
+      --unitone--rows: var(--unitone--grid-columns);
+    }
   }
   position: relative;

package/src/layout-primitives/layers/stories/index.jsx CHANGED Viewed

@@ -19,9 +19,17 @@ export default {
       table: { defaultValue: { summary: false } },
       type: { name: 'boolean', required: false },
     },
+    portrait: {
+      control: { type: 'inline-radio' },
+      description: 'In portrait mode, swaps the height and width of the grid.',
+      options: [false, true],
+      table: { defaultValue: { summary: false } },
+      type: { name: 'boolean', required: false },
+    },
   },
   args: {
     cover: false,
+    portrait: true,
   },
 };

package/src/layout-primitives/reel/_reel.scss CHANGED Viewed

@@ -33,8 +33,9 @@
     );
   }
-  & > * {
+  > * {
     flex: 0 0 var(--unitone--item-width);
+    min-width: 0;
   }
   &[data-unitone-layout~="-no-bar"] {

package/src/layout-primitives/switcher/_switcher.scss CHANGED Viewed

@@ -9,6 +9,7 @@
   > * {
     flex-grow: 1;
     flex-basis: calc((var(--unitone--threshold) - 100%) * 999);
+    min-width: 0;
   }
 }