lism-css 0.0.5 → 0.0.6

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 (7) hide show
  1. package/dist/css/all.css +1 -1
  2. package/dist/css/all_no_layer.css +1 -1
  3. package/dist/css/state.css +1 -1
  4. package/dist/css/with_layer.css +1 -1
  5. package/package.json +13 -6
  6. package/packages/types/index.d.ts +372 -0
  7. package/src/scss/state/_flow.scss +2 -1
package/dist/css/all.css CHANGED
@@ -1 +1 @@
1
- @layer lism.reset, lism.base, lism.state, lism.layout, lism.dynamic, lism.component, lism.utility;@layer lism.reset{*,:after,:before{box-sizing:border-box}*{margin:0}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}rt{font-size:50%}img{block-size:auto;max-inline-size:100%;vertical-align:middle}audio,iframe,picture,video{display:block;max-inline-size:100%}iframe{border:none}button,input,select,textarea{color:inherit;font:inherit;text-transform:none}textarea{resize:vertical}button,label,select,summary{cursor:pointer}:disabled{cursor:not-allowed}[aria-busy=true]{cursor:progress}}@layer lism.base{:root{--size--xl:1600px;--size--l:1280px;--size--m:960px;--size--s:640px;--size--xs:16rem;--herfLeading:calc(0.5lh - 0.5em);--s5:0.25rem;--s10:0.375rem;--s20:0.625rem;--s30:1rem;--s40:1.625rem;--s50:2.625rem;--s60:4.25rem;--s70:6.875rem;--s80:11.125rem;--flowGap--s:var(--s30);--flowGap--m:var(--s40);--flowGap--l:var(--s50);--flowGap--h:2.5em;--gutter:var(--s40);--ff--base:-apple-system,"BlinkMacSystemFont","Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif,"Segoe UI Emoji";--ff--accent:"Garamond","Baskerville","Times New Roman",serif;--ff--mono:Menlo,Consolas,monaco,monospace;--fz-mol:8;--fz--4xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 5));--fz--3xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 4));--fz--2xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 3));--fz--xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 2));--fz--l:calc(1em*var(--fz-mol)/(var(--fz-mol) - 1));--fz--m:1em;--fz--s:calc(1em*var(--fz-mol)/(var(--fz-mol) + 1));--fz--xs:calc(1em*var(--fz-mol)/(var(--fz-mol) + 2));--fz--2xs:calc(1em*var(--fz-mol)/(var(--fz-mol) + 3));--fw--light:300;--fw--normal:400;--fw--medium:500;--fw--bold:700;--lh--base:1.75;--lh--xs:calc(var(--lh--base) - 0.25);--lh--s:calc(var(--lh--base) - 0.125);--lh--l:calc(var(--lh--base) + 0.125);--lh--xl:calc(var(--lh--base) + 0.25);--lts--base:normal;--lts--s:-0.05em;--lts--l:0.05em;--lts--xl:0.125em;--black:#000;--white:#fff;--gray:#566676;--red:#db3024;--orange:#dc6d18;--yellow:#dcb518;--green:#1abc3a;--blue:#2192de;--purple:#6124db;--pink:#db249e;--c--main:#1e4e6b;--c--accent:#bc3453;--c--base:#fcfcfd;--c--base-2:#eeeff1;--c--text-hsl:224 4% 8%;--c--text:hsl(var(--c--text-hsl));--c--text-2:#62646a;--c--divider:#cfd0d3;--c--link:#0c61e4;--op--low:0.25;--op--mid:0.5;--op--high:0.75;--trsdu--default:0.4s;--trsdu--modal:0.5s;--trsdu--acc:0.4s;--bdrs--1:0.125rem;--bdrs--2:0.25rem;--bdrs--3:0.5rem;--bdrs--4:1rem;--bdrs--5:2rem;--bdrs--99:99rem;--sh-hsl:var(--c--text-hsl);--sh-a:6%;--sh-sz--0:1px 2px 4px 0;--sh-sz--1:2px 4px 8px 0;--sh-sz--2:3px 6px 12px 0;--sh-sz--3:5px 10px 20px 0;--sh-sz--4:8px 16px 32px 0;--sh-sz--5:13px 26px 52px 0}@supports not (gap:1lh){:root{--herfLeading:0.125em}}html{font-size:var(--root-fz);-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}body{background-color:var(--c--base);color:var(--c--text);font-family:var(--ff--base);font-size:1rem;letter-spacing:var(--lts--base);line-height:var(--lh--base);overflow-x:clip}h1,h2,h3,h4,h5,h6{font-family:var(--heading-ff,inherit);font-size:var(--fz,revert);font-weight:var(--heading-fw,bolder);line-height:var(--lh,inherit)}h1{--fz:var(--fz--3xl);--lh:var(--lh--xs)}h2{--fz:var(--fz--2xl);--lh:var(--lh--xs)}h3{--fz:var(--fz--xl);--lh:var(--lh--s)}h4{--fz:var(--fz--l);--lh:var(--lh--s)}h5{--fz:var(--fz--m)}h6{--fz:var(--fz--s)}ol,ul{list-style:none;padding:0;padding-inline-start:var(--list-pis,0)}:is(ul,ol):not([class]){--list-pis:1.5em;list-style:revert}a{color:var(--c--link);-webkit-text-decoration:var(--link-td,underline);text-decoration:var(--link-td,underline)}td,th{min-inline-size:var(--cell-minIs,unset);padding:var(--cell-p,.5em)}th{background-color:var(--th-bgc,transparent);color:var(--th-c,inherit)}td{background-color:var(--td-bgc,transparent);color:var(--td-c,inherit)}hr{block-size:0;border:none;border-block-start:1px solid}blockquote{border-inline-start:3px solid currentColor;padding:var(--s30)}pre{overflow-x:auto}body:has(:modal[open]){overflow:hidden}dialog:not([open]){pointer-events:none}:root{--root-fz:clamp(0.875rem,0.625rem + 1vw,1rem);--hov-trsdu:0.3s;--overwide-size:100vw}.re--sh,:root{--sh-color:hsl(var(--sh-hsl)/var(--sh-a));--bxsh--1:var(--sh-sz--0) var(--sh-color),var(--sh-sz--1) var(--sh-color);--bxsh--2:var(--sh-sz--1) var(--sh-color),var(--sh-sz--2) var(--sh-color);--bxsh--3:var(--sh-sz--2) var(--sh-color),var(--sh-sz--3) var(--sh-color);--bxsh--4:var(--sh-sz--3) var(--sh-color),var(--sh-sz--4) var(--sh-color);--bxsh--5:var(--sh-sz--4) var(--sh-color),var(--sh-sz--5) var(--sh-color);--bxsh--i1:inset var(--sh-sz--0) var(--sh-color),inset var(--sh-sz--1) var(--sh-color);--bxsh--i2:inset var(--sh-sz--1) var(--sh-color),inset var(--sh-sz--2) var(--sh-color)}.re--style{background:none;border:none;color:inherit;font:inherit;height:auto;margin:0;max-height:unset;max-width:unset;padding:0;width:auto}.re--list{--list-pis:1.5em;list-style:revert}}@layer lism.state{.has--gutter{padding-inline:var(--gutter)}.has--divider{--bdc:var(--c--divider);--bds:solid;--bdw:1px;--_isRow:0}.has--divider:where(.l--flex,.-fxd\:r,.-fxd\:rr){--_isRow:1}.has--divider>:where(:not(:last-child)){--_bdw:calc(var(--_isRow, 0)*var(--bdw));border-block-end:var(--bds) calc(var(--bdw) - var(--_bdw)) var(--bdc);border-inline-end:var(--bds) var(--_bdw) var(--bdc)}.is--flow>*{--mbs:var(--flowGap,var(--flowGap--m));margin-block:var(--mbs) 0}.-flow\:s>*{--flowGap:var(--flowGap--s)}.-flow\:ms>*{--flowGap:var(--flowGap--m)}.-flow\:l>*{--flowGap:var(--flowGap--l)}.is--flow>:where(h1,h2,h3:not(h2+h3)){--flowGap:var(--flowGap--h)}.is--flow>:first-child{--flowGap:0}.is--container{container-type:inline-size;inline-size:100%;margin-inline:auto}.is--container>*{--maxIs:var(--item-size,100%);margin-inline:auto;max-inline-size:min(100%,var(--maxIs,100%))}.-container\:s{--item-size:var(--size--s);--wide-size:var(--size--m)}.-container\:m{--item-size:var(--size--m);--wide-size:var(--size--l)}.-container\:l{--item-size:var(--size--l);--wide-size:var(--size--xl)}.is--fullwide{max-inline-size:100%}:where(.has--gutter)>.is--fullwide{margin-inline:calc(var(--gutter)*-1);max-inline-size:calc(100% + var(--gutter)*2)}.is--fullwide+.is--fullwide{--flowGap:0}.is--wide{max-inline-size:var(--wide-size,100%)}.is--overwide{margin-inline:calc(50% - var(--overwide-size)/2);max-inline-size:var(--overwide-size,100vw)}@supports (content-visibility:auto) or (top:0lh){@property --overwide-size{syntax:"<length-percentage>";initial-value:100%;inherits:true}.is--container{--overwide-size:100cqw}}.is--linkBox{color:inherit;cursor:pointer;display:block;isolation:isolate;text-decoration:none}.is--linkBox,.is--linkBox>a{pointer-events:auto;position:relative}.is--linkBox>a{z-index:1}.is--layer{inset:0;overflow:hidden;position:absolute}}@layer lism.layout{.l--frame{overflow:hidden}.l--frame>:where(img,video,picture,iframe){display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.l--flex{display:flex}.l--flex--cluster{align-items:center;flex-wrap:wrap}.l--grid{display:grid}.l--grid--repeat{--rows:1;--cols:1;grid-template:repeat(var(--rows),1fr)/repeat(var(--cols),1fr)}.l--stack{display:flex;flex-direction:column}.l--center{display:grid;place-content:center;place-items:center}.l--columns{--cols:2;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr))}.l--columns--liquid{--col-auto:auto-fill;--col-size:var(--size--xs);display:grid;grid-template-columns:repeat(var(--col-auto),minmax(min(var(--col-size),100%),1fr))}.l--withSide{--side-w:auto;--main-w:max(var(--size--xs),50%);display:flex;flex-wrap:wrap}.l--withSide>[data-is-side]{flex-basis:var(--side-w);flex-grow:1}.l--withSide>:not([data-is-side]){flex-basis:min(100%,var(--main-w));flex-grow:9999999}.l--icon{--scale:1;--offset:0;display:inline-flex;flex-shrink:0;scale:var(--scale);translate:var(--offset);vertical-align:middle}.l--icon:where(:not([fill])){fill:currentcolor}.l--icon:where(:not([width])){height:1em;width:1em}.l--divider{--bdc:var(--c--divider)}}@layer lism.dynamic{.d--accordion{--trsdu:var(--trsdu--acc)}.d--accordion.-opened{--_notOpened: }.d--accordion:not(.-opened){--_isOpened: }.d--accordion__header{gap:.5em;outline-offset:-1px}.d--accordion__header::-webkit-details-marker{display:none}.d--accordion__body{grid-template-rows:1fr;transition-duration:var(--trsdu);transition-property:margin-block,padding-block,opacity,grid-template-rows}:where(.d--accordion:not(.-opened))>.d--accordion__body{grid-template-rows:0fr;margin-block:0!important;padding-block:0!important}:where(.d--accordion__icon)>.l--icon{rotate:var(--_isOpened,-180deg);transition-duration:var(--trsdu)}:where(.d--modal){--mbs:0;--offset:0 0;--backdrop:rgba(0,0,0,.6);transition-duration:var(--trsdu--modal)}:where(.d--modal)::backdrop{background:var(--backdrop);transition:opacity var(--trsdu--modal)}.d--modal__body{overscroll-behavior:contain}.d--modal:not([data-is-open]){translate:var(--offset)}.d--modal:not([data-is-open]),.d--modal:not([data-is-open])::backdrop{opacity:0}.d--tabs{display:grid;grid:"list" "panel"}.d--tabs__list{grid-area:list;overflow-x:auto}.d--tabs__tab[aria-selected=true]{--_notActive: }.d--tabs__tab[aria-selected=false]{--_isActive: }:where(.d--tabs__tab){color:var(--_notActive,var(--c--text-2))}.d--tabs__panel{grid-area:panel;overflow-x:auto;width:100%}.d--tabs__panel:where([aria-hidden=true]){display:none}}.u--hidden{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.u--trimHL>:where(p,h1,h2,h3,h4,h5,h6):first-child{margin-block-start:calc(var(--herfLeading)*-1)}.u--trimHL>:where(p,h1,h2,h3,h4,h5,h6):last-child{margin-block-end:calc(var(--herfLeading)*-1)}.u--colbox{--c:var(--c--text);--bgc:var(--c--base-2);background-color:var(--bgc);color:var(--c)}@supports (color:color-mix(in srgb,#000,#fff)){.u--colbox{--c:color-mix(in srgb,var(--c--text),var(--keycol) var(--colbox-pct--c,16%));--bgc:color-mix(in srgb,var(--c--base),var(--keycol) var(--colbox-pct--bg,5%));--bdc:color-mix(in srgb,var(--c--base),var(--keycol) var(--colbox-pct--bdc,25%));--c--link:var(--keycol)}}.u--overlayLink{color:inherit;position:static;text-decoration:none}.u--overlayLink:before{content:"";inset:0;position:absolute;z-index:0}.u--skipFlow+*{--mbs:0}.u--clipText{-webkit-background-clip:text!important;background-clip:text!important;color:transparent}.-c\:mix{--c1:currentColor;--c2:transparent;--c:color-mix(in srgb,var(--c1) var(--c-pct,50%),var(--c2))}.-bgc\:mix{--bgc1:currentColor;--bgc2:transparent;--bgc:color-mix(in srgb,var(--bgc1) var(--bgc-pct,50%),var(--bgc2))}.-bdc\:mix{--bdc1:currentColor;--bdc2:transparent;--bdc:color-mix(in srgb,var(--bdc1) var(--bdc-pct,50%),var(--bdc2))}@layer lism.base{[class*="-bd:"]{--bds:solid;--bdw:1px;--bdc:currentColor;--bd:var(--bdw) var(--bds) var(--bdc)}}.-bd\:{border-color:var(--bdc);border-style:var(--bds);border-width:var(--bdw)}.-bd\:n{border:none}.-bd\:inherit{border:inherit}.-bd\:l{border-left:var(--bd)}.-bd\:r{border-right:var(--bd)}.-bd\:t{border-top:var(--bd)}.-bd\:b{border-bottom:var(--bd)}.-bd\:x{border-inline:var(--bd)}.-bd\:y{border-block:var(--bd)}.-bd\:is{border-inline-start:var(--bd)}.-bd\:ie{border-inline-end:var(--bd)}.-bd\:bs{border-block-start:var(--bd)}.-bd\:be{border-block-end:var(--bd)}@layer lism.base{.-trs\:{--trsdu:var(--trsdu--default);--trsp:all;--trstf:ease}}.-trs\:{transition:var(--trsdu) var(--trstf);transition-property:var(--trsp)}.-w\:{width:var(--w)}.-w\:a{width:auto}.-w\:fit{width:-moz-fit-content;width:fit-content}.-w\:100\%{width:100%}.-h\:{height:var(--h)}.-h\:a{height:auto}.-h\:fit{height:-moz-fit-content;height:fit-content}.-h\:100\%{height:100%}.-maxW\:{max-width:var(--maxW)}.-maxW\:100\%{max-width:100%}.-minW\:{min-width:var(--minW)}.-minW\:100\%{min-width:100%}.-maxH\:{max-height:var(--maxH)}.-maxH\:100\%{max-height:100%}.-minH\:{min-height:var(--minH)}.-minH\:100\%{min-height:100%}[class*="-c:"]{color:var(--c)}.-c\:main{--c:var(--c--main)}.-c\:accent{--c:var(--c--accent)}.-c\:base{--c:var(--c--base)}.-c\:text{--c:var(--c--text)}.-c\:text-2{--c:var(--c--text-2)}.-c\:inherit{color:inherit}[class*="-bgc:"]{background-color:var(--bgc)}.-bgc\:main{--bgc:var(--c--main)}.-bgc\:accent{--bgc:var(--c--accent)}.-bgc\:base{--bgc:var(--c--base)}.-bgc\:base-2{--bgc:var(--c--base-2)}.-bgc\:text{--bgc:var(--c--text)}.-bgc\:inherit{background-color:inherit}.-bg\:{background:var(--bg)}.-bg\:n{background:none}.-bgr\:n{background-repeat:no-repeat}.-bgp\:c{background-position:50%}.-bgsz\:cv{background-size:cover}.-bgsz\:ct{background-size:contain}.-bdc\:main{--bdc:var(--c--main)}.-bdc\:accent{--bdc:var(--c--accent)}.-bdc\:divider{--bdc:var(--c--divider)}.-bdc\:inherit{--bdc:inherit}.-bdc\:t{--bdc:transparent}.-f\:inherit{font:inherit}[class*="-fz:"]{font-size:var(--fz)}.-fz\:root{--fz:1rem}.-fz\:2xs{--fz:var(--fz--2xs)}.-fz\:xs{--fz:var(--fz--xs)}.-fz\:s{--fz:var(--fz--s)}.-fz\:m{--fz:var(--fz--m)}.-fz\:l{--fz:var(--fz--l)}.-fz\:xl{--fz:var(--fz--xl)}.-fz\:2xl{--fz:var(--fz--2xl)}.-fz\:3xl{--fz:var(--fz--3xl)}.-fz\:4xl{--fz:var(--fz--4xl)}.-ff\:base{font-family:var(--ff--base)}.-ff\:accent{font-family:var(--ff--accent)}.-ff\:mono{font-family:var(--ff--mono)}.-fw\:light{font-weight:var(--fw--light)}.-fw\:normal{font-weight:var(--fw--normal)}.-fw\:medium{font-weight:var(--fw--medium)}.-fw\:bold{font-weight:var(--fw--bold)}.-fs\:i{font-style:italic}.-lh\:base{line-height:var(--lh--base)}.-lh\:xs{line-height:var(--lh--xs)}.-lh\:s{line-height:var(--lh--s)}.-lh\:l{line-height:var(--lh--l)}.-lh\:xl{line-height:var(--lh--xl)}.-lh\:1{line-height:1}.-lts\:base{letter-spacing:var(--lts--base)}.-lts\:s{letter-spacing:var(--lts--s)}.-lts\:l{letter-spacing:var(--lts--l)}.-lts\:xl{letter-spacing:var(--lts--xl)}.-ta\:l{text-align:left}.-ta\:r{text-align:right}.-ta\:c{text-align:center}.-td\:n{text-decoration:none}.-td\:u{text-decoration:underline}.-d\:{display:var(--d)}.-d\:n{display:none}.-d\:b{display:block}.-d\:f{display:flex}.-d\:g{display:grid}.-d\:i{display:inline}.-d\:if{display:inline-flex}.-d\:ig{display:inline-grid}.-d\:ib{display:inline-block}.-v\:h{visibility:hidden}.-v\:v{visibility:visible}.-ov\:h{overflow:hidden}.-ov\:a{overflow:auto}.-ov\:c{overflow:clip}.-ov\:s{overflow:scroll}.-ovx\:h{overflow-x:hidden}.-ovx\:a{overflow-x:auto}.-ovx\:c{overflow-x:clip}.-ovx\:s{overflow-x:scroll}.-ovy\:h{overflow-y:hidden}.-ovy\:a{overflow-y:auto}.-ovy\:c{overflow-y:clip}.-ovy\:s{overflow-y:scroll}.-ar\:{aspect-ratio:var(--ar)}.-ar\:16\/9{aspect-ratio:16/9}.-ar\:3\/2{aspect-ratio:3/2}.-ar\:1\/1{aspect-ratio:1/1}.-ar\:ogp{aspect-ratio:1.91/1}.-ar\:gold{aspect-ratio:16.18/10}.-op\:0{opacity:0}.-op\:low{opacity:var(--op--low)}.-op\:mid{opacity:var(--op--mid)}.-op\:high{opacity:var(--op--high)}[class*="-bdrs:"]{border-radius:var(--bdrs)}.-bdrs\:0{--bdrs:0}.-bdrs\:1{--bdrs:var(--bdrs--1)}.-bdrs\:2{--bdrs:var(--bdrs--2)}.-bdrs\:3{--bdrs:var(--bdrs--3)}.-bdrs\:4{--bdrs:var(--bdrs--4)}.-bdrs\:5{--bdrs:var(--bdrs--5)}.-bdrs\:99{--bdrs:var(--bdrs--99)}.-bdrs\:inner{border-radius:calc(var(--bdrs, 0) - var(--p, 0)*.9)}[class*="-bxsh:"]{box-shadow:var(--bxsh)}.-bxsh\:0{--bxsh:0}.-bxsh\:1{--bxsh:var(--bxsh--1)}.-bxsh\:2{--bxsh:var(--bxsh--2)}.-bxsh\:3{--bxsh:var(--bxsh--3)}.-bxsh\:4{--bxsh:var(--bxsh--4)}.-bxsh\:5{--bxsh:var(--bxsh--5)}.-bxsh\:-1{--bxsh:var(--bxsh--i1)}.-bxsh\:-2{--bxsh:var(--bxsh--i2)}[class*="-p:"]{padding:var(--p)}.-p\:0{--p:0}.-p\:5{--p:var(--s5)}.-p\:10{--p:var(--s10)}.-p\:15{--p:var(--s15)}.-p\:20{--p:var(--s20)}.-p\:30{--p:var(--s30)}.-p\:40{--p:var(--s40)}.-p\:50{--p:var(--s50)}[class*="-px:"]{padding-inline:var(--px)}.-px\:0{--px:0}.-px\:5{--px:var(--s5)}.-px\:10{--px:var(--s10)}.-px\:15{--px:var(--s15)}.-px\:20{--px:var(--s20)}.-px\:30{--px:var(--s30)}.-px\:40{--px:var(--s40)}.-px\:50{--px:var(--s50)}[class*="-py:"]{padding-block:var(--py)}.-py\:0{--py:0}.-py\:5{--py:var(--s5)}.-py\:10{--py:var(--s10)}.-py\:15{--py:var(--s15)}.-py\:20{--py:var(--s20)}.-py\:30{--py:var(--s30)}.-py\:40{--py:var(--s40)}.-py\:50{--py:var(--s50)}.-pt\:{padding-top:var(--pt)}.-pr\:{padding-right:var(--pr)}.-pb\:{padding-bottom:var(--pb)}.-pl\:{padding-left:var(--pl)}[class*="-pis:"]{padding-inline-start:var(--pis)}.-pis\:0{--pis:0}.-pis\:5{--pis:var(--s5)}.-pis\:10{--pis:var(--s10)}.-pis\:15{--pis:var(--s15)}.-pis\:20{--pis:var(--s20)}.-pis\:30{--pis:var(--s30)}.-pis\:40{--pis:var(--s40)}.-pis\:50{--pis:var(--s50)}[class*="-pbs:"]{padding-block-start:var(--pbs)}.-pbs\:0{--pbs:0}.-pbs\:5{--pbs:var(--s5)}.-pbs\:10{--pbs:var(--s10)}.-pbs\:15{--pbs:var(--s15)}.-pbs\:20{--pbs:var(--s20)}.-pbs\:30{--pbs:var(--s30)}.-pbs\:40{--pbs:var(--s40)}.-pbs\:50{--pbs:var(--s50)}[class*="-m:"]{margin:var(--m)}.-m\:a{--m:auto}.-m\:0{--m:0}.-m\:5{--m:var(--s5)}.-m\:10{--m:var(--s10)}.-m\:15{--m:var(--s15)}.-m\:20{--m:var(--s20)}.-m\:30{--m:var(--s30)}.-m\:40{--m:var(--s40)}.-m\:50{--m:var(--s50)}.-mx\:{margin-inline:var(--mx)}.-mx\:a{margin-inline:auto}.-my\:{margin-block:var(--my)}.-my\:a{margin-block:auto}.-mt\:{margin-top:var(--mt)}.-mt\:a{margin-top:auto}.-mr\:{margin-right:var(--mr)}.-mr\:a{margin-right:auto}.-mb\:{margin-bottom:var(--mb)}.-mb\:a{margin-bottom:auto}.-ml\:{margin-left:var(--ml)}.-ml\:a{margin-left:auto}[class*="-mis:"]{margin-inline-start:var(--mis)}.-mis\:a{--mis:auto}.-mis\:0{--mis:0}.-mis\:5{--mis:var(--s5)}.-mis\:10{--mis:var(--s10)}.-mis\:15{--mis:var(--s15)}.-mis\:20{--mis:var(--s20)}.-mis\:30{--mis:var(--s30)}.-mis\:40{--mis:var(--s40)}.-mis\:50{--mis:var(--s50)}[class*="-mbs:"]{margin-block-start:var(--mbs)}.-mbs\:a{--mbs:auto}.-mbs\:0{--mbs:0}.-mbs\:5{--mbs:var(--s5)}.-mbs\:10{--mbs:var(--s10)}.-mbs\:15{--mbs:var(--s15)}.-mbs\:20{--mbs:var(--s20)}.-mbs\:30{--mbs:var(--s30)}.-mbs\:40{--mbs:var(--s40)}.-mbs\:50{--mbs:var(--s50)}[class*="-g:"]{gap:var(--g)}.-g\:0{--g:0}.-g\:5{--g:var(--s5)}.-g\:10{--g:var(--s10)}.-g\:15{--g:var(--s15)}.-g\:20{--g:var(--s20)}.-g\:30{--g:var(--s30)}.-g\:40{--g:var(--s40)}.-g\:50{--g:var(--s50)}.-g\:inherit{gap:inherit}.-colg\:{-moz-column-gap:var(--colg);column-gap:var(--colg)}.-rowg\:{row-gap:var(--rowg)}.-pos\:r{position:relative}.-pos\:a{position:absolute}.-pos\:s{position:static}.-pos\:f{position:fixed}.-pos\:sti{position:sticky}.-inset\:0{inset:0}.-l\:0{left:0}.-l\:50\%{left:50%}.-l\:100\%{left:100%}.-t\:0{top:0}.-t\:50\%{top:50%}.-t\:100\%{top:100%}.-r\:0{right:0}.-r\:50\%{right:50%}.-r\:100\%{right:100%}.-b\:0{bottom:0}.-b\:50\%{bottom:50%}.-b\:100\%{bottom:100%}.-z\:99{z-index:99}.-z\:2{z-index:2}.-z\:1{z-index:1}.-z\:0{z-index:0}.-z\:-1{z-index:-1}.-ord\:1{order:1}.-ord\:0{order:0}.-ord\:-1{order:-1}.-fxw\:{flex-wrap:var(--fxw)}.-fxw\:w{flex-wrap:wrap}.-fxw\:nw{flex-wrap:nowrap}.-fxd\:{flex-direction:var(--fxd)}.-fxd\:c{flex-direction:column}.-fxd\:cr{flex-direction:column-reverse}.-fxd\:r{flex-direction:row}.-fxd\:rr{flex-direction:row-reverse}.-fx\:{flex:var(--fx)}.-fx\:1{flex:1}.-fxsh\:0{flex-shrink:0}.-fxg\:1{flex-grow:1}.-fxb\:{flex-basis:var(--fxb)}.-gd\:{grid:var(--gd)}.-gta\:{grid-template-areas:var(--gta)}.-gtc\:{grid-template-columns:var(--gtc)}.-gtr\:{grid-template-rows:var(--gtr)}.-gaf\:{grid-auto-flow:var(--gaf)}.-gaf\:r{grid-auto-flow:row}.-gaf\:c{grid-auto-flow:column}.-gac\:{grid-auto-columns:var(--gac)}.-gar\:{grid-auto-rows:var(--gar)}.-ga\:{grid-area:var(--ga)}.-gr\:{grid-row:var(--gr)}.-gc\:{grid-column:var(--gc)}.-ai\:{align-items:var(--ai)}.-ai\:c{align-items:center}.-ai\:s{align-items:start}.-ai\:e{align-items:end}.-ai\:fs{align-items:flex-start}.-ai\:fe{align-items:flex-end}.-ai\:str{align-items:stretch}.-ac\:{align-content:var(--ac)}.-ac\:c{align-content:center}.-ac\:s{align-content:start}.-ac\:e{align-content:end}.-ac\:fs{align-content:flex-start}.-ac\:fe{align-content:flex-end}.-ac\:sb{align-content:space-between}.-ji\:{justify-items:var(--ji)}.-ji\:c{justify-items:center}.-ji\:s{justify-items:start}.-ji\:e{justify-items:end}.-ji\:fs{justify-items:flex-start}.-ji\:fe{justify-items:flex-end}.-ji\:str{justify-items:stretch}.-jc\:{justify-content:var(--jc)}.-jc\:c{justify-content:center}.-jc\:s{justify-content:start}.-jc\:e{justify-content:end}.-jc\:fs{justify-content:flex-start}.-jc\:fe{justify-content:flex-end}.-jc\:sb{justify-content:space-between}.-aslf\:c{align-self:center}.-aslf\:s{align-self:start}.-aslf\:e{align-self:end}.-aslf\:str{align-self:stretch}.-jslf\:c{justify-self:center}.-jslf\:s{justify-self:start}.-jslf\:e{justify-self:end}.-jslf\:str{justify-self:stretch}.-trslt\:-50X{translate:-50% 0}.-trslt\:-50Y{translate:0 -50%}.-trslt\:-50XY{translate:-50% -50%}.-scale\:-X{scale:-1 1}.-scale\:-Y{scale:1 -1}.-scale\:-XY{scale:-1 -1}.-rotate\:45{rotate:45deg}.-rotate\:-45{rotate:-45deg}.-rotate\:90{rotate:90deg}.-rotate\:-90{rotate:-90deg}.-rotate\:180{rotate:180deg}.-whs\:nw{white-space:nowrap}.-ovw\:any{overflow-wrap:anywhere}.-obf\:cn{-o-object-fit:contain;object-fit:contain}.-obf\:cv{-o-object-fit:cover;object-fit:cover}.-wm\:v-rl{writing-mode:vertical-rl}.-bxz\:cb{box-sizing:content-box}@container (min-width: 480px){.-w\@sm{width:var(--sm-w)}.-h\@sm{height:var(--sm-h)}.-maxW\@sm{max-width:var(--sm-maxW)}.-minW\@sm{min-width:var(--sm-minW)}.-maxH\@sm{max-height:var(--sm-maxH)}.-minH\@sm{min-height:var(--sm-minH)}.-bg\@sm{background:var(--sm-bg)}.-bdw\@sm{--bdw:var(--sm-bdw)!important}.-fz\@sm{font-size:var(--sm-fz)}.-d\@sm{display:var(--sm-d)}.-ar\@sm{aspect-ratio:var(--sm-ar)}.-bdrs\@sm{border-radius:var(--sm-bdrs)}.-p\@sm{padding:var(--sm-p)}.-px\@sm{padding-inline:var(--sm-px)}.-py\@sm{padding-block:var(--sm-py)}.-pt\@sm{padding-top:var(--sm-pt)}.-pr\@sm{padding-right:var(--sm-pr)}.-pb\@sm{padding-bottom:var(--sm-pb)}.-pl\@sm{padding-left:var(--sm-pl)}.-pis\@sm{padding-inline-start:var(--sm-pis)}.-pbs\@sm{padding-block-start:var(--sm-pbs)}.-m\@sm{margin:var(--sm-m)}.-mx\@sm{margin-inline:var(--sm-mx)}.-my\@sm{margin-block:var(--sm-my)}.-mt\@sm{margin-top:var(--sm-mt)}.-mr\@sm{margin-right:var(--sm-mr)}.-mb\@sm{margin-bottom:var(--sm-mb)}.-ml\@sm{margin-left:var(--sm-ml)}.-mis\@sm{margin-inline-start:var(--sm-mis)}.-mbs\@sm{margin-block-start:var(--sm-mbs)}.-g\@sm{gap:var(--sm-g)}.-colg\@sm{-moz-column-gap:var(--sm-colg);column-gap:var(--sm-colg)}.-rowg\@sm{row-gap:var(--sm-rowg)}.-fxw\@sm{flex-wrap:var(--sm-fxw)}.-fxd\@sm{flex-direction:var(--sm-fxd)}.-fx\@sm{flex:var(--sm-fx)}.-fxb\@sm{flex-basis:var(--sm-fxb)}.-gd\@sm{grid:var(--sm-gd)}.-gta\@sm{grid-template-areas:var(--sm-gta)}.-gtc\@sm{grid-template-columns:var(--sm-gtc)}.-gtr\@sm{grid-template-rows:var(--sm-gtr)}.-gaf\@sm{grid-auto-flow:var(--sm-gaf)}.-gac\@sm{grid-auto-columns:var(--sm-gac)}.-gar\@sm{grid-auto-rows:var(--sm-gar)}.-ga\@sm{grid-area:var(--sm-ga)}.-gr\@sm{grid-row:var(--sm-gr)}.-gc\@sm{grid-column:var(--sm-gc)}.-ai\@sm{align-items:var(--sm-ai)}.-ac\@sm{align-content:var(--sm-ac)}.-ji\@sm{justify-items:var(--sm-ji)}.-jc\@sm{justify-content:var(--sm-jc)}.-cols\@sm{--cols:var(--sm-cols)!important}.-rows\@sm{--rows:var(--sm-rows)!important}}@container (min-width: 720px){.-w\@md{width:var(--md-w)}.-h\@md{height:var(--md-h)}.-maxW\@md{max-width:var(--md-maxW)}.-minW\@md{min-width:var(--md-minW)}.-maxH\@md{max-height:var(--md-maxH)}.-minH\@md{min-height:var(--md-minH)}.-bg\@md{background:var(--md-bg)}.-bdw\@md{--bdw:var(--md-bdw)!important}.-fz\@md{font-size:var(--md-fz)}.-d\@md{display:var(--md-d)}.-ar\@md{aspect-ratio:var(--md-ar)}.-bdrs\@md{border-radius:var(--md-bdrs)}.-p\@md{padding:var(--md-p)}.-px\@md{padding-inline:var(--md-px)}.-py\@md{padding-block:var(--md-py)}.-pt\@md{padding-top:var(--md-pt)}.-pr\@md{padding-right:var(--md-pr)}.-pb\@md{padding-bottom:var(--md-pb)}.-pl\@md{padding-left:var(--md-pl)}.-pis\@md{padding-inline-start:var(--md-pis)}.-pbs\@md{padding-block-start:var(--md-pbs)}.-m\@md{margin:var(--md-m)}.-mx\@md{margin-inline:var(--md-mx)}.-my\@md{margin-block:var(--md-my)}.-mt\@md{margin-top:var(--md-mt)}.-mr\@md{margin-right:var(--md-mr)}.-mb\@md{margin-bottom:var(--md-mb)}.-ml\@md{margin-left:var(--md-ml)}.-mis\@md{margin-inline-start:var(--md-mis)}.-mbs\@md{margin-block-start:var(--md-mbs)}.-g\@md{gap:var(--md-g)}.-colg\@md{-moz-column-gap:var(--md-colg);column-gap:var(--md-colg)}.-rowg\@md{row-gap:var(--md-rowg)}.-fxw\@md{flex-wrap:var(--md-fxw)}.-fxd\@md{flex-direction:var(--md-fxd)}.-fx\@md{flex:var(--md-fx)}.-fxb\@md{flex-basis:var(--md-fxb)}.-gd\@md{grid:var(--md-gd)}.-gta\@md{grid-template-areas:var(--md-gta)}.-gtc\@md{grid-template-columns:var(--md-gtc)}.-gtr\@md{grid-template-rows:var(--md-gtr)}.-gaf\@md{grid-auto-flow:var(--md-gaf)}.-gac\@md{grid-auto-columns:var(--md-gac)}.-gar\@md{grid-auto-rows:var(--md-gar)}.-ga\@md{grid-area:var(--md-ga)}.-gr\@md{grid-row:var(--md-gr)}.-gc\@md{grid-column:var(--md-gc)}.-ai\@md{align-items:var(--md-ai)}.-ac\@md{align-content:var(--md-ac)}.-ji\@md{justify-items:var(--md-ji)}.-jc\@md{justify-content:var(--md-jc)}.-cols\@md{--cols:var(--md-cols)!important}.-rows\@md{--rows:var(--md-rows)!important}}@container (min-width: 960px){.-w\@lg{width:var(--lg-w)}.-h\@lg{height:var(--lg-h)}.-maxW\@lg{max-width:var(--lg-maxW)}.-minW\@lg{min-width:var(--lg-minW)}.-maxH\@lg{max-height:var(--lg-maxH)}.-minH\@lg{min-height:var(--lg-minH)}.-bg\@lg{background:var(--lg-bg)}.-bdw\@lg{--bdw:var(--lg-bdw)!important}.-fz\@lg{font-size:var(--lg-fz)}.-d\@lg{display:var(--lg-d)}.-ar\@lg{aspect-ratio:var(--lg-ar)}.-bdrs\@lg{border-radius:var(--lg-bdrs)}.-p\@lg{padding:var(--lg-p)}.-px\@lg{padding-inline:var(--lg-px)}.-py\@lg{padding-block:var(--lg-py)}.-pt\@lg{padding-top:var(--lg-pt)}.-pr\@lg{padding-right:var(--lg-pr)}.-pb\@lg{padding-bottom:var(--lg-pb)}.-pl\@lg{padding-left:var(--lg-pl)}.-pis\@lg{padding-inline-start:var(--lg-pis)}.-pbs\@lg{padding-block-start:var(--lg-pbs)}.-m\@lg{margin:var(--lg-m)}.-mx\@lg{margin-inline:var(--lg-mx)}.-my\@lg{margin-block:var(--lg-my)}.-mt\@lg{margin-top:var(--lg-mt)}.-mr\@lg{margin-right:var(--lg-mr)}.-mb\@lg{margin-bottom:var(--lg-mb)}.-ml\@lg{margin-left:var(--lg-ml)}.-mis\@lg{margin-inline-start:var(--lg-mis)}.-mbs\@lg{margin-block-start:var(--lg-mbs)}.-g\@lg{gap:var(--lg-g)}.-colg\@lg{-moz-column-gap:var(--lg-colg);column-gap:var(--lg-colg)}.-rowg\@lg{row-gap:var(--lg-rowg)}.-fxw\@lg{flex-wrap:var(--lg-fxw)}.-fxd\@lg{flex-direction:var(--lg-fxd)}.-fx\@lg{flex:var(--lg-fx)}.-fxb\@lg{flex-basis:var(--lg-fxb)}.-gd\@lg{grid:var(--lg-gd)}.-gta\@lg{grid-template-areas:var(--lg-gta)}.-gtc\@lg{grid-template-columns:var(--lg-gtc)}.-gtr\@lg{grid-template-rows:var(--lg-gtr)}.-gaf\@lg{grid-auto-flow:var(--lg-gaf)}.-gac\@lg{grid-auto-columns:var(--lg-gac)}.-gar\@lg{grid-auto-rows:var(--lg-gar)}.-ga\@lg{grid-area:var(--lg-ga)}.-gr\@lg{grid-row:var(--lg-gr)}.-gc\@lg{grid-column:var(--lg-gc)}.-ai\@lg{align-items:var(--lg-ai)}.-ac\@lg{align-content:var(--lg-ac)}.-ji\@lg{justify-items:var(--lg-ji)}.-jc\@lg{justify-content:var(--lg-jc)}.-cols\@lg{--cols:var(--lg-cols)!important}.-rows\@lg{--rows:var(--lg-rows)!important}}@media (any-hover:hover){.-hov\:fade:hover{opacity:.65}.-hov\:c\::hover{color:var(--hov-c)!important}.-hov\:bdc\::hover{border-color:var(--hov-bdc)!important}.-hov\:bgc\::hover{background-color:var(--hov-bgc)!important}.-hov\:bxsh\::hover{box-shadow:var(--hov-bxsh)}.-hov\:set:hover{--_notHov: }.-hov\:set:not(:hover){--_isHov: }}@media (any-hover:none){.-hov\:set{--_isHov: }}.-hov\:get\:hide{opacity:var(--_isHov,0)}.-hov\:get\:show{opacity:var(--_notHov,0);visibility:var(--_notHov,hidden)}
1
+ @layer lism.reset, lism.base, lism.state, lism.layout, lism.dynamic, lism.component, lism.utility;@layer lism.reset{*,:after,:before{box-sizing:border-box}*{margin:0}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}rt{font-size:50%}img{block-size:auto;max-inline-size:100%;vertical-align:middle}audio,iframe,picture,video{display:block;max-inline-size:100%}iframe{border:none}button,input,select,textarea{color:inherit;font:inherit;text-transform:none}textarea{resize:vertical}button,label,select,summary{cursor:pointer}:disabled{cursor:not-allowed}[aria-busy=true]{cursor:progress}}@layer lism.base{:root{--size--xl:1600px;--size--l:1280px;--size--m:960px;--size--s:640px;--size--xs:16rem;--herfLeading:calc(0.5lh - 0.5em);--s5:0.25rem;--s10:0.375rem;--s20:0.625rem;--s30:1rem;--s40:1.625rem;--s50:2.625rem;--s60:4.25rem;--s70:6.875rem;--s80:11.125rem;--flowGap--s:var(--s30);--flowGap--m:var(--s40);--flowGap--l:var(--s50);--flowGap--h:2.5em;--gutter:var(--s40);--ff--base:-apple-system,"BlinkMacSystemFont","Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif,"Segoe UI Emoji";--ff--accent:"Garamond","Baskerville","Times New Roman",serif;--ff--mono:Menlo,Consolas,monaco,monospace;--fz-mol:8;--fz--4xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 5));--fz--3xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 4));--fz--2xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 3));--fz--xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 2));--fz--l:calc(1em*var(--fz-mol)/(var(--fz-mol) - 1));--fz--m:1em;--fz--s:calc(1em*var(--fz-mol)/(var(--fz-mol) + 1));--fz--xs:calc(1em*var(--fz-mol)/(var(--fz-mol) + 2));--fz--2xs:calc(1em*var(--fz-mol)/(var(--fz-mol) + 3));--fw--light:300;--fw--normal:400;--fw--medium:500;--fw--bold:700;--lh--base:1.75;--lh--xs:calc(var(--lh--base) - 0.25);--lh--s:calc(var(--lh--base) - 0.125);--lh--l:calc(var(--lh--base) + 0.125);--lh--xl:calc(var(--lh--base) + 0.25);--lts--base:normal;--lts--s:-0.05em;--lts--l:0.05em;--lts--xl:0.125em;--black:#000;--white:#fff;--gray:#566676;--red:#db3024;--orange:#dc6d18;--yellow:#dcb518;--green:#1abc3a;--blue:#2192de;--purple:#6124db;--pink:#db249e;--c--main:#1e4e6b;--c--accent:#bc3453;--c--base:#fcfcfd;--c--base-2:#eeeff1;--c--text-hsl:224 4% 8%;--c--text:hsl(var(--c--text-hsl));--c--text-2:#62646a;--c--divider:#cfd0d3;--c--link:#0c61e4;--op--low:0.25;--op--mid:0.5;--op--high:0.75;--trsdu--default:0.4s;--trsdu--modal:0.5s;--trsdu--acc:0.4s;--bdrs--1:0.125rem;--bdrs--2:0.25rem;--bdrs--3:0.5rem;--bdrs--4:1rem;--bdrs--5:2rem;--bdrs--99:99rem;--sh-hsl:var(--c--text-hsl);--sh-a:6%;--sh-sz--0:1px 2px 4px 0;--sh-sz--1:2px 4px 8px 0;--sh-sz--2:3px 6px 12px 0;--sh-sz--3:5px 10px 20px 0;--sh-sz--4:8px 16px 32px 0;--sh-sz--5:13px 26px 52px 0}@supports not (gap:1lh){:root{--herfLeading:0.125em}}html{font-size:var(--root-fz);-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}body{background-color:var(--c--base);color:var(--c--text);font-family:var(--ff--base);font-size:1rem;letter-spacing:var(--lts--base);line-height:var(--lh--base);overflow-x:clip}h1,h2,h3,h4,h5,h6{font-family:var(--heading-ff,inherit);font-size:var(--fz,revert);font-weight:var(--heading-fw,bolder);line-height:var(--lh,inherit)}h1{--fz:var(--fz--3xl);--lh:var(--lh--xs)}h2{--fz:var(--fz--2xl);--lh:var(--lh--xs)}h3{--fz:var(--fz--xl);--lh:var(--lh--s)}h4{--fz:var(--fz--l);--lh:var(--lh--s)}h5{--fz:var(--fz--m)}h6{--fz:var(--fz--s)}ol,ul{list-style:none;padding:0;padding-inline-start:var(--list-pis,0)}:is(ul,ol):not([class]){--list-pis:1.5em;list-style:revert}a{color:var(--c--link);-webkit-text-decoration:var(--link-td,underline);text-decoration:var(--link-td,underline)}td,th{min-inline-size:var(--cell-minIs,unset);padding:var(--cell-p,.5em)}th{background-color:var(--th-bgc,transparent);color:var(--th-c,inherit)}td{background-color:var(--td-bgc,transparent);color:var(--td-c,inherit)}hr{block-size:0;border:none;border-block-start:1px solid}blockquote{border-inline-start:3px solid currentColor;padding:var(--s30)}pre{overflow-x:auto}body:has(:modal[open]){overflow:hidden}dialog:not([open]){pointer-events:none}:root{--root-fz:clamp(0.875rem,0.625rem + 1vw,1rem);--hov-trsdu:0.3s;--overwide-size:100vw}.re--sh,:root{--sh-color:hsl(var(--sh-hsl)/var(--sh-a));--bxsh--1:var(--sh-sz--0) var(--sh-color),var(--sh-sz--1) var(--sh-color);--bxsh--2:var(--sh-sz--1) var(--sh-color),var(--sh-sz--2) var(--sh-color);--bxsh--3:var(--sh-sz--2) var(--sh-color),var(--sh-sz--3) var(--sh-color);--bxsh--4:var(--sh-sz--3) var(--sh-color),var(--sh-sz--4) var(--sh-color);--bxsh--5:var(--sh-sz--4) var(--sh-color),var(--sh-sz--5) var(--sh-color);--bxsh--i1:inset var(--sh-sz--0) var(--sh-color),inset var(--sh-sz--1) var(--sh-color);--bxsh--i2:inset var(--sh-sz--1) var(--sh-color),inset var(--sh-sz--2) var(--sh-color)}.re--style{background:none;border:none;color:inherit;font:inherit;height:auto;margin:0;max-height:unset;max-width:unset;padding:0;width:auto}.re--list{--list-pis:1.5em;list-style:revert}}@layer lism.state{.has--gutter{padding-inline:var(--gutter)}.has--divider{--bdc:var(--c--divider);--bds:solid;--bdw:1px;--_isRow:0}.has--divider:where(.l--flex,.-fxd\:r,.-fxd\:rr){--_isRow:1}.has--divider>:where(:not(:last-child)){--_bdw:calc(var(--_isRow, 0)*var(--bdw));border-block-end:var(--bds) calc(var(--bdw) - var(--_bdw)) var(--bdc);border-inline-end:var(--bds) var(--_bdw) var(--bdc)}.is--flow>*{--mbs:var(--flowGap,var(--flowGap--m));margin-block:var(--mbs) 0}.-flow\:s>*{--flowGap:var(--flowGap--s)}.-flow\:ms>*{--flowGap:var(--flowGap--m)}.-flow\:l>*{--flowGap:var(--flowGap--l)}.is--flow>:where(h1,h2,h3:not(h2+h3)){--flowGap:var(--flowGap--h)}.is--flow>:first-child{margin-block-start:0}.is--container{container-type:inline-size;inline-size:100%;margin-inline:auto}.is--container>*{--maxIs:var(--item-size,100%);margin-inline:auto;max-inline-size:min(100%,var(--maxIs,100%))}.-container\:s{--item-size:var(--size--s);--wide-size:var(--size--m)}.-container\:m{--item-size:var(--size--m);--wide-size:var(--size--l)}.-container\:l{--item-size:var(--size--l);--wide-size:var(--size--xl)}.is--fullwide{max-inline-size:100%}:where(.has--gutter)>.is--fullwide{margin-inline:calc(var(--gutter)*-1);max-inline-size:calc(100% + var(--gutter)*2)}.is--fullwide+.is--fullwide{--flowGap:0}.is--wide{max-inline-size:var(--wide-size,100%)}.is--overwide{margin-inline:calc(50% - var(--overwide-size)/2);max-inline-size:var(--overwide-size,100vw)}@supports (content-visibility:auto) or (top:0lh){@property --overwide-size{syntax:"<length-percentage>";initial-value:100%;inherits:true}.is--container{--overwide-size:100cqw}}.is--linkBox{color:inherit;cursor:pointer;display:block;isolation:isolate;text-decoration:none}.is--linkBox,.is--linkBox>a{pointer-events:auto;position:relative}.is--linkBox>a{z-index:1}.is--layer{inset:0;overflow:hidden;position:absolute}}@layer lism.layout{.l--frame{overflow:hidden}.l--frame>:where(img,video,picture,iframe){display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.l--flex{display:flex}.l--flex--cluster{align-items:center;flex-wrap:wrap}.l--grid{display:grid}.l--grid--repeat{--rows:1;--cols:1;grid-template:repeat(var(--rows),1fr)/repeat(var(--cols),1fr)}.l--stack{display:flex;flex-direction:column}.l--center{display:grid;place-content:center;place-items:center}.l--columns{--cols:2;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr))}.l--columns--liquid{--col-auto:auto-fill;--col-size:var(--size--xs);display:grid;grid-template-columns:repeat(var(--col-auto),minmax(min(var(--col-size),100%),1fr))}.l--withSide{--side-w:auto;--main-w:max(var(--size--xs),50%);display:flex;flex-wrap:wrap}.l--withSide>[data-is-side]{flex-basis:var(--side-w);flex-grow:1}.l--withSide>:not([data-is-side]){flex-basis:min(100%,var(--main-w));flex-grow:9999999}.l--icon{--scale:1;--offset:0;display:inline-flex;flex-shrink:0;scale:var(--scale);translate:var(--offset);vertical-align:middle}.l--icon:where(:not([fill])){fill:currentcolor}.l--icon:where(:not([width])){height:1em;width:1em}.l--divider{--bdc:var(--c--divider)}}@layer lism.dynamic{.d--accordion{--trsdu:var(--trsdu--acc)}.d--accordion.-opened{--_notOpened: }.d--accordion:not(.-opened){--_isOpened: }.d--accordion__header{gap:.5em;outline-offset:-1px}.d--accordion__header::-webkit-details-marker{display:none}.d--accordion__body{grid-template-rows:1fr;transition-duration:var(--trsdu);transition-property:margin-block,padding-block,opacity,grid-template-rows}:where(.d--accordion:not(.-opened))>.d--accordion__body{grid-template-rows:0fr;margin-block:0!important;padding-block:0!important}:where(.d--accordion__icon)>.l--icon{rotate:var(--_isOpened,-180deg);transition-duration:var(--trsdu)}:where(.d--modal){--mbs:0;--offset:0 0;--backdrop:rgba(0,0,0,.6);transition-duration:var(--trsdu--modal)}:where(.d--modal)::backdrop{background:var(--backdrop);transition:opacity var(--trsdu--modal)}.d--modal__body{overscroll-behavior:contain}.d--modal:not([data-is-open]){translate:var(--offset)}.d--modal:not([data-is-open]),.d--modal:not([data-is-open])::backdrop{opacity:0}.d--tabs{display:grid;grid:"list" "panel"}.d--tabs__list{grid-area:list;overflow-x:auto}.d--tabs__tab[aria-selected=true]{--_notActive: }.d--tabs__tab[aria-selected=false]{--_isActive: }:where(.d--tabs__tab){color:var(--_notActive,var(--c--text-2))}.d--tabs__panel{grid-area:panel;overflow-x:auto;width:100%}.d--tabs__panel:where([aria-hidden=true]){display:none}}.u--hidden{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.u--trimHL>:where(p,h1,h2,h3,h4,h5,h6):first-child{margin-block-start:calc(var(--herfLeading)*-1)}.u--trimHL>:where(p,h1,h2,h3,h4,h5,h6):last-child{margin-block-end:calc(var(--herfLeading)*-1)}.u--colbox{--c:var(--c--text);--bgc:var(--c--base-2);background-color:var(--bgc);color:var(--c)}@supports (color:color-mix(in srgb,#000,#fff)){.u--colbox{--c:color-mix(in srgb,var(--c--text),var(--keycol) var(--colbox-pct--c,16%));--bgc:color-mix(in srgb,var(--c--base),var(--keycol) var(--colbox-pct--bg,5%));--bdc:color-mix(in srgb,var(--c--base),var(--keycol) var(--colbox-pct--bdc,25%));--c--link:var(--keycol)}}.u--overlayLink{color:inherit;position:static;text-decoration:none}.u--overlayLink:before{content:"";inset:0;position:absolute;z-index:0}.u--skipFlow+*{--mbs:0}.u--clipText{-webkit-background-clip:text!important;background-clip:text!important;color:transparent}.-c\:mix{--c1:currentColor;--c2:transparent;--c:color-mix(in srgb,var(--c1) var(--c-pct,50%),var(--c2))}.-bgc\:mix{--bgc1:currentColor;--bgc2:transparent;--bgc:color-mix(in srgb,var(--bgc1) var(--bgc-pct,50%),var(--bgc2))}.-bdc\:mix{--bdc1:currentColor;--bdc2:transparent;--bdc:color-mix(in srgb,var(--bdc1) var(--bdc-pct,50%),var(--bdc2))}@layer lism.base{[class*="-bd:"]{--bds:solid;--bdw:1px;--bdc:currentColor;--bd:var(--bdw) var(--bds) var(--bdc)}}.-bd\:{border-color:var(--bdc);border-style:var(--bds);border-width:var(--bdw)}.-bd\:n{border:none}.-bd\:inherit{border:inherit}.-bd\:l{border-left:var(--bd)}.-bd\:r{border-right:var(--bd)}.-bd\:t{border-top:var(--bd)}.-bd\:b{border-bottom:var(--bd)}.-bd\:x{border-inline:var(--bd)}.-bd\:y{border-block:var(--bd)}.-bd\:is{border-inline-start:var(--bd)}.-bd\:ie{border-inline-end:var(--bd)}.-bd\:bs{border-block-start:var(--bd)}.-bd\:be{border-block-end:var(--bd)}@layer lism.base{.-trs\:{--trsdu:var(--trsdu--default);--trsp:all;--trstf:ease}}.-trs\:{transition:var(--trsdu) var(--trstf);transition-property:var(--trsp)}.-w\:{width:var(--w)}.-w\:a{width:auto}.-w\:fit{width:-moz-fit-content;width:fit-content}.-w\:100\%{width:100%}.-h\:{height:var(--h)}.-h\:a{height:auto}.-h\:fit{height:-moz-fit-content;height:fit-content}.-h\:100\%{height:100%}.-maxW\:{max-width:var(--maxW)}.-maxW\:100\%{max-width:100%}.-minW\:{min-width:var(--minW)}.-minW\:100\%{min-width:100%}.-maxH\:{max-height:var(--maxH)}.-maxH\:100\%{max-height:100%}.-minH\:{min-height:var(--minH)}.-minH\:100\%{min-height:100%}[class*="-c:"]{color:var(--c)}.-c\:main{--c:var(--c--main)}.-c\:accent{--c:var(--c--accent)}.-c\:base{--c:var(--c--base)}.-c\:text{--c:var(--c--text)}.-c\:text-2{--c:var(--c--text-2)}.-c\:inherit{color:inherit}[class*="-bgc:"]{background-color:var(--bgc)}.-bgc\:main{--bgc:var(--c--main)}.-bgc\:accent{--bgc:var(--c--accent)}.-bgc\:base{--bgc:var(--c--base)}.-bgc\:base-2{--bgc:var(--c--base-2)}.-bgc\:text{--bgc:var(--c--text)}.-bgc\:inherit{background-color:inherit}.-bg\:{background:var(--bg)}.-bg\:n{background:none}.-bgr\:n{background-repeat:no-repeat}.-bgp\:c{background-position:50%}.-bgsz\:cv{background-size:cover}.-bgsz\:ct{background-size:contain}.-bdc\:main{--bdc:var(--c--main)}.-bdc\:accent{--bdc:var(--c--accent)}.-bdc\:divider{--bdc:var(--c--divider)}.-bdc\:inherit{--bdc:inherit}.-bdc\:t{--bdc:transparent}.-f\:inherit{font:inherit}[class*="-fz:"]{font-size:var(--fz)}.-fz\:root{--fz:1rem}.-fz\:2xs{--fz:var(--fz--2xs)}.-fz\:xs{--fz:var(--fz--xs)}.-fz\:s{--fz:var(--fz--s)}.-fz\:m{--fz:var(--fz--m)}.-fz\:l{--fz:var(--fz--l)}.-fz\:xl{--fz:var(--fz--xl)}.-fz\:2xl{--fz:var(--fz--2xl)}.-fz\:3xl{--fz:var(--fz--3xl)}.-fz\:4xl{--fz:var(--fz--4xl)}.-ff\:base{font-family:var(--ff--base)}.-ff\:accent{font-family:var(--ff--accent)}.-ff\:mono{font-family:var(--ff--mono)}.-fw\:light{font-weight:var(--fw--light)}.-fw\:normal{font-weight:var(--fw--normal)}.-fw\:medium{font-weight:var(--fw--medium)}.-fw\:bold{font-weight:var(--fw--bold)}.-fs\:i{font-style:italic}.-lh\:base{line-height:var(--lh--base)}.-lh\:xs{line-height:var(--lh--xs)}.-lh\:s{line-height:var(--lh--s)}.-lh\:l{line-height:var(--lh--l)}.-lh\:xl{line-height:var(--lh--xl)}.-lh\:1{line-height:1}.-lts\:base{letter-spacing:var(--lts--base)}.-lts\:s{letter-spacing:var(--lts--s)}.-lts\:l{letter-spacing:var(--lts--l)}.-lts\:xl{letter-spacing:var(--lts--xl)}.-ta\:l{text-align:left}.-ta\:r{text-align:right}.-ta\:c{text-align:center}.-td\:n{text-decoration:none}.-td\:u{text-decoration:underline}.-d\:{display:var(--d)}.-d\:n{display:none}.-d\:b{display:block}.-d\:f{display:flex}.-d\:g{display:grid}.-d\:i{display:inline}.-d\:if{display:inline-flex}.-d\:ig{display:inline-grid}.-d\:ib{display:inline-block}.-v\:h{visibility:hidden}.-v\:v{visibility:visible}.-ov\:h{overflow:hidden}.-ov\:a{overflow:auto}.-ov\:c{overflow:clip}.-ov\:s{overflow:scroll}.-ovx\:h{overflow-x:hidden}.-ovx\:a{overflow-x:auto}.-ovx\:c{overflow-x:clip}.-ovx\:s{overflow-x:scroll}.-ovy\:h{overflow-y:hidden}.-ovy\:a{overflow-y:auto}.-ovy\:c{overflow-y:clip}.-ovy\:s{overflow-y:scroll}.-ar\:{aspect-ratio:var(--ar)}.-ar\:16\/9{aspect-ratio:16/9}.-ar\:3\/2{aspect-ratio:3/2}.-ar\:1\/1{aspect-ratio:1/1}.-ar\:ogp{aspect-ratio:1.91/1}.-ar\:gold{aspect-ratio:16.18/10}.-op\:0{opacity:0}.-op\:low{opacity:var(--op--low)}.-op\:mid{opacity:var(--op--mid)}.-op\:high{opacity:var(--op--high)}[class*="-bdrs:"]{border-radius:var(--bdrs)}.-bdrs\:0{--bdrs:0}.-bdrs\:1{--bdrs:var(--bdrs--1)}.-bdrs\:2{--bdrs:var(--bdrs--2)}.-bdrs\:3{--bdrs:var(--bdrs--3)}.-bdrs\:4{--bdrs:var(--bdrs--4)}.-bdrs\:5{--bdrs:var(--bdrs--5)}.-bdrs\:99{--bdrs:var(--bdrs--99)}.-bdrs\:inner{border-radius:calc(var(--bdrs, 0) - var(--p, 0)*.9)}[class*="-bxsh:"]{box-shadow:var(--bxsh)}.-bxsh\:0{--bxsh:0}.-bxsh\:1{--bxsh:var(--bxsh--1)}.-bxsh\:2{--bxsh:var(--bxsh--2)}.-bxsh\:3{--bxsh:var(--bxsh--3)}.-bxsh\:4{--bxsh:var(--bxsh--4)}.-bxsh\:5{--bxsh:var(--bxsh--5)}.-bxsh\:-1{--bxsh:var(--bxsh--i1)}.-bxsh\:-2{--bxsh:var(--bxsh--i2)}[class*="-p:"]{padding:var(--p)}.-p\:0{--p:0}.-p\:5{--p:var(--s5)}.-p\:10{--p:var(--s10)}.-p\:15{--p:var(--s15)}.-p\:20{--p:var(--s20)}.-p\:30{--p:var(--s30)}.-p\:40{--p:var(--s40)}.-p\:50{--p:var(--s50)}[class*="-px:"]{padding-inline:var(--px)}.-px\:0{--px:0}.-px\:5{--px:var(--s5)}.-px\:10{--px:var(--s10)}.-px\:15{--px:var(--s15)}.-px\:20{--px:var(--s20)}.-px\:30{--px:var(--s30)}.-px\:40{--px:var(--s40)}.-px\:50{--px:var(--s50)}[class*="-py:"]{padding-block:var(--py)}.-py\:0{--py:0}.-py\:5{--py:var(--s5)}.-py\:10{--py:var(--s10)}.-py\:15{--py:var(--s15)}.-py\:20{--py:var(--s20)}.-py\:30{--py:var(--s30)}.-py\:40{--py:var(--s40)}.-py\:50{--py:var(--s50)}.-pt\:{padding-top:var(--pt)}.-pr\:{padding-right:var(--pr)}.-pb\:{padding-bottom:var(--pb)}.-pl\:{padding-left:var(--pl)}[class*="-pis:"]{padding-inline-start:var(--pis)}.-pis\:0{--pis:0}.-pis\:5{--pis:var(--s5)}.-pis\:10{--pis:var(--s10)}.-pis\:15{--pis:var(--s15)}.-pis\:20{--pis:var(--s20)}.-pis\:30{--pis:var(--s30)}.-pis\:40{--pis:var(--s40)}.-pis\:50{--pis:var(--s50)}[class*="-pbs:"]{padding-block-start:var(--pbs)}.-pbs\:0{--pbs:0}.-pbs\:5{--pbs:var(--s5)}.-pbs\:10{--pbs:var(--s10)}.-pbs\:15{--pbs:var(--s15)}.-pbs\:20{--pbs:var(--s20)}.-pbs\:30{--pbs:var(--s30)}.-pbs\:40{--pbs:var(--s40)}.-pbs\:50{--pbs:var(--s50)}[class*="-m:"]{margin:var(--m)}.-m\:a{--m:auto}.-m\:0{--m:0}.-m\:5{--m:var(--s5)}.-m\:10{--m:var(--s10)}.-m\:15{--m:var(--s15)}.-m\:20{--m:var(--s20)}.-m\:30{--m:var(--s30)}.-m\:40{--m:var(--s40)}.-m\:50{--m:var(--s50)}.-mx\:{margin-inline:var(--mx)}.-mx\:a{margin-inline:auto}.-my\:{margin-block:var(--my)}.-my\:a{margin-block:auto}.-mt\:{margin-top:var(--mt)}.-mt\:a{margin-top:auto}.-mr\:{margin-right:var(--mr)}.-mr\:a{margin-right:auto}.-mb\:{margin-bottom:var(--mb)}.-mb\:a{margin-bottom:auto}.-ml\:{margin-left:var(--ml)}.-ml\:a{margin-left:auto}[class*="-mis:"]{margin-inline-start:var(--mis)}.-mis\:a{--mis:auto}.-mis\:0{--mis:0}.-mis\:5{--mis:var(--s5)}.-mis\:10{--mis:var(--s10)}.-mis\:15{--mis:var(--s15)}.-mis\:20{--mis:var(--s20)}.-mis\:30{--mis:var(--s30)}.-mis\:40{--mis:var(--s40)}.-mis\:50{--mis:var(--s50)}[class*="-mbs:"]{margin-block-start:var(--mbs)}.-mbs\:a{--mbs:auto}.-mbs\:0{--mbs:0}.-mbs\:5{--mbs:var(--s5)}.-mbs\:10{--mbs:var(--s10)}.-mbs\:15{--mbs:var(--s15)}.-mbs\:20{--mbs:var(--s20)}.-mbs\:30{--mbs:var(--s30)}.-mbs\:40{--mbs:var(--s40)}.-mbs\:50{--mbs:var(--s50)}[class*="-g:"]{gap:var(--g)}.-g\:0{--g:0}.-g\:5{--g:var(--s5)}.-g\:10{--g:var(--s10)}.-g\:15{--g:var(--s15)}.-g\:20{--g:var(--s20)}.-g\:30{--g:var(--s30)}.-g\:40{--g:var(--s40)}.-g\:50{--g:var(--s50)}.-g\:inherit{gap:inherit}.-colg\:{-moz-column-gap:var(--colg);column-gap:var(--colg)}.-rowg\:{row-gap:var(--rowg)}.-pos\:r{position:relative}.-pos\:a{position:absolute}.-pos\:s{position:static}.-pos\:f{position:fixed}.-pos\:sti{position:sticky}.-inset\:0{inset:0}.-l\:0{left:0}.-l\:50\%{left:50%}.-l\:100\%{left:100%}.-t\:0{top:0}.-t\:50\%{top:50%}.-t\:100\%{top:100%}.-r\:0{right:0}.-r\:50\%{right:50%}.-r\:100\%{right:100%}.-b\:0{bottom:0}.-b\:50\%{bottom:50%}.-b\:100\%{bottom:100%}.-z\:99{z-index:99}.-z\:2{z-index:2}.-z\:1{z-index:1}.-z\:0{z-index:0}.-z\:-1{z-index:-1}.-ord\:1{order:1}.-ord\:0{order:0}.-ord\:-1{order:-1}.-fxw\:{flex-wrap:var(--fxw)}.-fxw\:w{flex-wrap:wrap}.-fxw\:nw{flex-wrap:nowrap}.-fxd\:{flex-direction:var(--fxd)}.-fxd\:c{flex-direction:column}.-fxd\:cr{flex-direction:column-reverse}.-fxd\:r{flex-direction:row}.-fxd\:rr{flex-direction:row-reverse}.-fx\:{flex:var(--fx)}.-fx\:1{flex:1}.-fxsh\:0{flex-shrink:0}.-fxg\:1{flex-grow:1}.-fxb\:{flex-basis:var(--fxb)}.-gd\:{grid:var(--gd)}.-gta\:{grid-template-areas:var(--gta)}.-gtc\:{grid-template-columns:var(--gtc)}.-gtr\:{grid-template-rows:var(--gtr)}.-gaf\:{grid-auto-flow:var(--gaf)}.-gaf\:r{grid-auto-flow:row}.-gaf\:c{grid-auto-flow:column}.-gac\:{grid-auto-columns:var(--gac)}.-gar\:{grid-auto-rows:var(--gar)}.-ga\:{grid-area:var(--ga)}.-gr\:{grid-row:var(--gr)}.-gc\:{grid-column:var(--gc)}.-ai\:{align-items:var(--ai)}.-ai\:c{align-items:center}.-ai\:s{align-items:start}.-ai\:e{align-items:end}.-ai\:fs{align-items:flex-start}.-ai\:fe{align-items:flex-end}.-ai\:str{align-items:stretch}.-ac\:{align-content:var(--ac)}.-ac\:c{align-content:center}.-ac\:s{align-content:start}.-ac\:e{align-content:end}.-ac\:fs{align-content:flex-start}.-ac\:fe{align-content:flex-end}.-ac\:sb{align-content:space-between}.-ji\:{justify-items:var(--ji)}.-ji\:c{justify-items:center}.-ji\:s{justify-items:start}.-ji\:e{justify-items:end}.-ji\:fs{justify-items:flex-start}.-ji\:fe{justify-items:flex-end}.-ji\:str{justify-items:stretch}.-jc\:{justify-content:var(--jc)}.-jc\:c{justify-content:center}.-jc\:s{justify-content:start}.-jc\:e{justify-content:end}.-jc\:fs{justify-content:flex-start}.-jc\:fe{justify-content:flex-end}.-jc\:sb{justify-content:space-between}.-aslf\:c{align-self:center}.-aslf\:s{align-self:start}.-aslf\:e{align-self:end}.-aslf\:str{align-self:stretch}.-jslf\:c{justify-self:center}.-jslf\:s{justify-self:start}.-jslf\:e{justify-self:end}.-jslf\:str{justify-self:stretch}.-trslt\:-50X{translate:-50% 0}.-trslt\:-50Y{translate:0 -50%}.-trslt\:-50XY{translate:-50% -50%}.-scale\:-X{scale:-1 1}.-scale\:-Y{scale:1 -1}.-scale\:-XY{scale:-1 -1}.-rotate\:45{rotate:45deg}.-rotate\:-45{rotate:-45deg}.-rotate\:90{rotate:90deg}.-rotate\:-90{rotate:-90deg}.-rotate\:180{rotate:180deg}.-whs\:nw{white-space:nowrap}.-ovw\:any{overflow-wrap:anywhere}.-obf\:cn{-o-object-fit:contain;object-fit:contain}.-obf\:cv{-o-object-fit:cover;object-fit:cover}.-wm\:v-rl{writing-mode:vertical-rl}.-bxz\:cb{box-sizing:content-box}@container (min-width: 480px){.-w\@sm{width:var(--sm-w)}.-h\@sm{height:var(--sm-h)}.-maxW\@sm{max-width:var(--sm-maxW)}.-minW\@sm{min-width:var(--sm-minW)}.-maxH\@sm{max-height:var(--sm-maxH)}.-minH\@sm{min-height:var(--sm-minH)}.-bg\@sm{background:var(--sm-bg)}.-bdw\@sm{--bdw:var(--sm-bdw)!important}.-fz\@sm{font-size:var(--sm-fz)}.-d\@sm{display:var(--sm-d)}.-ar\@sm{aspect-ratio:var(--sm-ar)}.-bdrs\@sm{border-radius:var(--sm-bdrs)}.-p\@sm{padding:var(--sm-p)}.-px\@sm{padding-inline:var(--sm-px)}.-py\@sm{padding-block:var(--sm-py)}.-pt\@sm{padding-top:var(--sm-pt)}.-pr\@sm{padding-right:var(--sm-pr)}.-pb\@sm{padding-bottom:var(--sm-pb)}.-pl\@sm{padding-left:var(--sm-pl)}.-pis\@sm{padding-inline-start:var(--sm-pis)}.-pbs\@sm{padding-block-start:var(--sm-pbs)}.-m\@sm{margin:var(--sm-m)}.-mx\@sm{margin-inline:var(--sm-mx)}.-my\@sm{margin-block:var(--sm-my)}.-mt\@sm{margin-top:var(--sm-mt)}.-mr\@sm{margin-right:var(--sm-mr)}.-mb\@sm{margin-bottom:var(--sm-mb)}.-ml\@sm{margin-left:var(--sm-ml)}.-mis\@sm{margin-inline-start:var(--sm-mis)}.-mbs\@sm{margin-block-start:var(--sm-mbs)}.-g\@sm{gap:var(--sm-g)}.-colg\@sm{-moz-column-gap:var(--sm-colg);column-gap:var(--sm-colg)}.-rowg\@sm{row-gap:var(--sm-rowg)}.-fxw\@sm{flex-wrap:var(--sm-fxw)}.-fxd\@sm{flex-direction:var(--sm-fxd)}.-fx\@sm{flex:var(--sm-fx)}.-fxb\@sm{flex-basis:var(--sm-fxb)}.-gd\@sm{grid:var(--sm-gd)}.-gta\@sm{grid-template-areas:var(--sm-gta)}.-gtc\@sm{grid-template-columns:var(--sm-gtc)}.-gtr\@sm{grid-template-rows:var(--sm-gtr)}.-gaf\@sm{grid-auto-flow:var(--sm-gaf)}.-gac\@sm{grid-auto-columns:var(--sm-gac)}.-gar\@sm{grid-auto-rows:var(--sm-gar)}.-ga\@sm{grid-area:var(--sm-ga)}.-gr\@sm{grid-row:var(--sm-gr)}.-gc\@sm{grid-column:var(--sm-gc)}.-ai\@sm{align-items:var(--sm-ai)}.-ac\@sm{align-content:var(--sm-ac)}.-ji\@sm{justify-items:var(--sm-ji)}.-jc\@sm{justify-content:var(--sm-jc)}.-cols\@sm{--cols:var(--sm-cols)!important}.-rows\@sm{--rows:var(--sm-rows)!important}}@container (min-width: 720px){.-w\@md{width:var(--md-w)}.-h\@md{height:var(--md-h)}.-maxW\@md{max-width:var(--md-maxW)}.-minW\@md{min-width:var(--md-minW)}.-maxH\@md{max-height:var(--md-maxH)}.-minH\@md{min-height:var(--md-minH)}.-bg\@md{background:var(--md-bg)}.-bdw\@md{--bdw:var(--md-bdw)!important}.-fz\@md{font-size:var(--md-fz)}.-d\@md{display:var(--md-d)}.-ar\@md{aspect-ratio:var(--md-ar)}.-bdrs\@md{border-radius:var(--md-bdrs)}.-p\@md{padding:var(--md-p)}.-px\@md{padding-inline:var(--md-px)}.-py\@md{padding-block:var(--md-py)}.-pt\@md{padding-top:var(--md-pt)}.-pr\@md{padding-right:var(--md-pr)}.-pb\@md{padding-bottom:var(--md-pb)}.-pl\@md{padding-left:var(--md-pl)}.-pis\@md{padding-inline-start:var(--md-pis)}.-pbs\@md{padding-block-start:var(--md-pbs)}.-m\@md{margin:var(--md-m)}.-mx\@md{margin-inline:var(--md-mx)}.-my\@md{margin-block:var(--md-my)}.-mt\@md{margin-top:var(--md-mt)}.-mr\@md{margin-right:var(--md-mr)}.-mb\@md{margin-bottom:var(--md-mb)}.-ml\@md{margin-left:var(--md-ml)}.-mis\@md{margin-inline-start:var(--md-mis)}.-mbs\@md{margin-block-start:var(--md-mbs)}.-g\@md{gap:var(--md-g)}.-colg\@md{-moz-column-gap:var(--md-colg);column-gap:var(--md-colg)}.-rowg\@md{row-gap:var(--md-rowg)}.-fxw\@md{flex-wrap:var(--md-fxw)}.-fxd\@md{flex-direction:var(--md-fxd)}.-fx\@md{flex:var(--md-fx)}.-fxb\@md{flex-basis:var(--md-fxb)}.-gd\@md{grid:var(--md-gd)}.-gta\@md{grid-template-areas:var(--md-gta)}.-gtc\@md{grid-template-columns:var(--md-gtc)}.-gtr\@md{grid-template-rows:var(--md-gtr)}.-gaf\@md{grid-auto-flow:var(--md-gaf)}.-gac\@md{grid-auto-columns:var(--md-gac)}.-gar\@md{grid-auto-rows:var(--md-gar)}.-ga\@md{grid-area:var(--md-ga)}.-gr\@md{grid-row:var(--md-gr)}.-gc\@md{grid-column:var(--md-gc)}.-ai\@md{align-items:var(--md-ai)}.-ac\@md{align-content:var(--md-ac)}.-ji\@md{justify-items:var(--md-ji)}.-jc\@md{justify-content:var(--md-jc)}.-cols\@md{--cols:var(--md-cols)!important}.-rows\@md{--rows:var(--md-rows)!important}}@container (min-width: 960px){.-w\@lg{width:var(--lg-w)}.-h\@lg{height:var(--lg-h)}.-maxW\@lg{max-width:var(--lg-maxW)}.-minW\@lg{min-width:var(--lg-minW)}.-maxH\@lg{max-height:var(--lg-maxH)}.-minH\@lg{min-height:var(--lg-minH)}.-bg\@lg{background:var(--lg-bg)}.-bdw\@lg{--bdw:var(--lg-bdw)!important}.-fz\@lg{font-size:var(--lg-fz)}.-d\@lg{display:var(--lg-d)}.-ar\@lg{aspect-ratio:var(--lg-ar)}.-bdrs\@lg{border-radius:var(--lg-bdrs)}.-p\@lg{padding:var(--lg-p)}.-px\@lg{padding-inline:var(--lg-px)}.-py\@lg{padding-block:var(--lg-py)}.-pt\@lg{padding-top:var(--lg-pt)}.-pr\@lg{padding-right:var(--lg-pr)}.-pb\@lg{padding-bottom:var(--lg-pb)}.-pl\@lg{padding-left:var(--lg-pl)}.-pis\@lg{padding-inline-start:var(--lg-pis)}.-pbs\@lg{padding-block-start:var(--lg-pbs)}.-m\@lg{margin:var(--lg-m)}.-mx\@lg{margin-inline:var(--lg-mx)}.-my\@lg{margin-block:var(--lg-my)}.-mt\@lg{margin-top:var(--lg-mt)}.-mr\@lg{margin-right:var(--lg-mr)}.-mb\@lg{margin-bottom:var(--lg-mb)}.-ml\@lg{margin-left:var(--lg-ml)}.-mis\@lg{margin-inline-start:var(--lg-mis)}.-mbs\@lg{margin-block-start:var(--lg-mbs)}.-g\@lg{gap:var(--lg-g)}.-colg\@lg{-moz-column-gap:var(--lg-colg);column-gap:var(--lg-colg)}.-rowg\@lg{row-gap:var(--lg-rowg)}.-fxw\@lg{flex-wrap:var(--lg-fxw)}.-fxd\@lg{flex-direction:var(--lg-fxd)}.-fx\@lg{flex:var(--lg-fx)}.-fxb\@lg{flex-basis:var(--lg-fxb)}.-gd\@lg{grid:var(--lg-gd)}.-gta\@lg{grid-template-areas:var(--lg-gta)}.-gtc\@lg{grid-template-columns:var(--lg-gtc)}.-gtr\@lg{grid-template-rows:var(--lg-gtr)}.-gaf\@lg{grid-auto-flow:var(--lg-gaf)}.-gac\@lg{grid-auto-columns:var(--lg-gac)}.-gar\@lg{grid-auto-rows:var(--lg-gar)}.-ga\@lg{grid-area:var(--lg-ga)}.-gr\@lg{grid-row:var(--lg-gr)}.-gc\@lg{grid-column:var(--lg-gc)}.-ai\@lg{align-items:var(--lg-ai)}.-ac\@lg{align-content:var(--lg-ac)}.-ji\@lg{justify-items:var(--lg-ji)}.-jc\@lg{justify-content:var(--lg-jc)}.-cols\@lg{--cols:var(--lg-cols)!important}.-rows\@lg{--rows:var(--lg-rows)!important}}@media (any-hover:hover){.-hov\:fade:hover{opacity:.65}.-hov\:c\::hover{color:var(--hov-c)!important}.-hov\:bdc\::hover{border-color:var(--hov-bdc)!important}.-hov\:bgc\::hover{background-color:var(--hov-bgc)!important}.-hov\:bxsh\::hover{box-shadow:var(--hov-bxsh)}.-hov\:set:hover{--_notHov: }.-hov\:set:not(:hover){--_isHov: }}@media (any-hover:none){.-hov\:set{--_isHov: }}.-hov\:get\:hide{opacity:var(--_isHov,0)}.-hov\:get\:show{opacity:var(--_notHov,0);visibility:var(--_notHov,hidden)}
package/dist/css/all_no_layer.css CHANGED
@@ -1 +1 @@
1
- *,:after,:before{box-sizing:border-box}*{margin:0}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}rt{font-size:50%}:where(img){block-size:auto;max-inline-size:100%;vertical-align:middle}:where(iframe,audio,picture,video){display:block;max-inline-size:100%}:where(iframe){border:none}:where(input,button,textarea,select){color:inherit;font:inherit;text-transform:none}textarea{resize:vertical}button,label,select,summary{cursor:pointer}:disabled{cursor:not-allowed}[aria-busy=true]{cursor:progress}:root{--size--xl:1600px;--size--l:1280px;--size--m:960px;--size--s:640px;--size--xs:16rem;--herfLeading:calc(0.5lh - 0.5em);--s5:0.25rem;--s10:0.375rem;--s20:0.625rem;--s30:1rem;--s40:1.625rem;--s50:2.625rem;--s60:4.25rem;--s70:6.875rem;--s80:11.125rem;--flowGap--s:var(--s30);--flowGap--m:var(--s40);--flowGap--l:var(--s50);--flowGap--h:2.5em;--gutter:var(--s40);--ff--base:-apple-system,"BlinkMacSystemFont","Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif,"Segoe UI Emoji";--ff--accent:"Garamond","Baskerville","Times New Roman",serif;--ff--mono:Menlo,Consolas,monaco,monospace;--fz-mol:8;--fz--4xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 5));--fz--3xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 4));--fz--2xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 3));--fz--xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 2));--fz--l:calc(1em*var(--fz-mol)/(var(--fz-mol) - 1));--fz--m:1em;--fz--s:calc(1em*var(--fz-mol)/(var(--fz-mol) + 1));--fz--xs:calc(1em*var(--fz-mol)/(var(--fz-mol) + 2));--fz--2xs:calc(1em*var(--fz-mol)/(var(--fz-mol) + 3));--fw--light:300;--fw--normal:400;--fw--medium:500;--fw--bold:700;--lh--base:1.75;--lh--xs:calc(var(--lh--base) - 0.25);--lh--s:calc(var(--lh--base) - 0.125);--lh--l:calc(var(--lh--base) + 0.125);--lh--xl:calc(var(--lh--base) + 0.25);--lts--base:normal;--lts--s:-0.05em;--lts--l:0.05em;--lts--xl:0.125em;--black:#000;--white:#fff;--gray:#566676;--red:#db3024;--orange:#dc6d18;--yellow:#dcb518;--green:#1abc3a;--blue:#2192de;--purple:#6124db;--pink:#db249e;--c--main:#1e4e6b;--c--accent:#bc3453;--c--base:#fcfcfd;--c--base-2:#eeeff1;--c--text-hsl:224 4% 8%;--c--text:hsl(var(--c--text-hsl));--c--text-2:#62646a;--c--divider:#cfd0d3;--c--link:#0c61e4;--op--low:0.25;--op--mid:0.5;--op--high:0.75;--trsdu--default:0.4s;--trsdu--modal:0.5s;--trsdu--acc:0.4s;--bdrs--1:0.125rem;--bdrs--2:0.25rem;--bdrs--3:0.5rem;--bdrs--4:1rem;--bdrs--5:2rem;--bdrs--99:99rem;--sh-hsl:var(--c--text-hsl);--sh-a:6%;--sh-sz--0:1px 2px 4px 0;--sh-sz--1:2px 4px 8px 0;--sh-sz--2:3px 6px 12px 0;--sh-sz--3:5px 10px 20px 0;--sh-sz--4:8px 16px 32px 0;--sh-sz--5:13px 26px 52px 0}@supports not (gap:1lh){:root{--herfLeading:0.125em}}html{font-size:var(--root-fz);-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}body{background-color:var(--c--base);color:var(--c--text);font-family:var(--ff--base);font-size:1rem;letter-spacing:var(--lts--base);line-height:var(--lh--base);overflow-x:clip}:where(h1,h2,h3,h4,h5,h6){font-family:var(--heading-ff,inherit);font-size:var(--fz,revert);font-weight:var(--heading-fw,bolder);line-height:var(--lh,inherit)}h1{--fz:var(--fz--3xl);--lh:var(--lh--xs)}h2{--fz:var(--fz--2xl);--lh:var(--lh--xs)}h3{--fz:var(--fz--xl);--lh:var(--lh--s)}h4{--fz:var(--fz--l);--lh:var(--lh--s)}h5{--fz:var(--fz--m)}h6{--fz:var(--fz--s)}:where(ul,ol){list-style:none;padding:0;padding-inline-start:var(--list-pis,0)}:where(ul,ol):not([class]){--list-pis:1.5em;list-style:revert}:where(a){color:var(--c--link);-webkit-text-decoration:var(--link-td,underline);text-decoration:var(--link-td,underline)}:where(td,th){min-inline-size:var(--cell-minIs,unset);padding:var(--cell-p,.5em)}:where(th){background-color:var(--th-bgc,transparent);color:var(--th-c,inherit)}:where(td){background-color:var(--td-bgc,transparent);color:var(--td-c,inherit)}:where(hr){block-size:0;border:none;border-block-start:1px solid}:where(blockquote){border-inline-start:3px solid currentColor;padding:var(--s30)}:where(pre){overflow-x:auto}body:where(:has(:modal[open])){overflow:hidden}dialog:where(:not([open])){pointer-events:none}:root{--root-fz:clamp(0.875rem,0.625rem + 1vw,1rem);--hov-trsdu:0.3s;--overwide-size:100vw}.re--sh,:root{--sh-color:hsl(var(--sh-hsl)/var(--sh-a));--bxsh--1:var(--sh-sz--0) var(--sh-color),var(--sh-sz--1) var(--sh-color);--bxsh--2:var(--sh-sz--1) var(--sh-color),var(--sh-sz--2) var(--sh-color);--bxsh--3:var(--sh-sz--2) var(--sh-color),var(--sh-sz--3) var(--sh-color);--bxsh--4:var(--sh-sz--3) var(--sh-color),var(--sh-sz--4) var(--sh-color);--bxsh--5:var(--sh-sz--4) var(--sh-color),var(--sh-sz--5) var(--sh-color);--bxsh--i1:inset var(--sh-sz--0) var(--sh-color),inset var(--sh-sz--1) var(--sh-color);--bxsh--i2:inset var(--sh-sz--1) var(--sh-color),inset var(--sh-sz--2) var(--sh-color)}:where(.re--style){background:none;border:none;color:inherit;font:inherit;height:auto;margin:0;max-height:unset;max-width:unset;padding:0;width:auto}.re--list{--list-pis:1.5em;list-style:revert}.has--gutter{padding-inline:var(--gutter)}.has--divider{--bdc:var(--c--divider);--bds:solid;--bdw:1px;--_isRow:0}.has--divider:where(.l--flex,.-fxd\:r,.-fxd\:rr){--_isRow:1}.has--divider>:where(:not(:last-child)){--_bdw:calc(var(--_isRow, 0)*var(--bdw));border-block-end:var(--bds) calc(var(--bdw) - var(--_bdw)) var(--bdc);border-inline-end:var(--bds) var(--_bdw) var(--bdc)}.is--flow>*{--mbs:var(--flowGap,var(--flowGap--m));margin-block:var(--mbs) 0}.-flow\:s>*{--flowGap:var(--flowGap--s)}.-flow\:ms>*{--flowGap:var(--flowGap--m)}.-flow\:l>*{--flowGap:var(--flowGap--l)}.is--flow>:where(h1,h2,h3:not(h2+h3)){--flowGap:var(--flowGap--h)}.is--flow>:first-child{--flowGap:0}.is--container{container-type:inline-size;inline-size:100%;margin-inline:auto}.is--container>*{--maxIs:var(--item-size,100%);margin-inline:auto;max-inline-size:min(100%,var(--maxIs,100%))}.-container\:s{--item-size:var(--size--s);--wide-size:var(--size--m)}.-container\:m{--item-size:var(--size--m);--wide-size:var(--size--l)}.-container\:l{--item-size:var(--size--l);--wide-size:var(--size--xl)}.is--fullwide{max-inline-size:100%}:where(.has--gutter)>.is--fullwide{margin-inline:calc(var(--gutter)*-1);max-inline-size:calc(100% + var(--gutter)*2)}.is--fullwide+.is--fullwide{--flowGap:0}.is--wide{max-inline-size:var(--wide-size,100%)}.is--overwide{margin-inline:calc(50% - var(--overwide-size)/2);max-inline-size:var(--overwide-size,100vw)}@supports (content-visibility:auto) or (top:0lh){@property --overwide-size{syntax:"<length-percentage>";initial-value:100%;inherits:true}.is--container{--overwide-size:100cqw}}.is--linkBox{color:inherit;cursor:pointer;display:block;isolation:isolate;pointer-events:auto;position:relative;text-decoration:none}is--linkBox>:where(a){pointer-events:auto;position:relative;z-index:1}.is--layer{inset:0;position:absolute}.is--layer,.l--frame{overflow:hidden}.l--frame>:where(img,video,picture,iframe){display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.l--flex{display:flex}.l--flex--cluster{align-items:center;flex-wrap:wrap}.l--grid{display:grid}.l--grid--repeat{--rows:1;--cols:1;grid-template:repeat(var(--rows),1fr)/repeat(var(--cols),1fr)}.l--stack{display:flex;flex-direction:column}.l--center{display:grid;place-content:center;place-items:center}.l--columns{--cols:2;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr))}.l--columns--liquid{--col-auto:auto-fill;--col-size:var(--size--xs);display:grid;grid-template-columns:repeat(var(--col-auto),minmax(min(var(--col-size),100%),1fr))}.l--withSide{--side-w:auto;--main-w:max(var(--size--xs),50%);display:flex;flex-wrap:wrap}.l--withSide>[data-is-side]{flex-basis:var(--side-w);flex-grow:1}.l--withSide>:not([data-is-side]){flex-basis:min(100%,var(--main-w));flex-grow:9999999}.l--icon{--scale:1;--offset:0;display:inline-flex;flex-shrink:0;scale:var(--scale);translate:var(--offset);vertical-align:middle}.l--icon:where(:not([fill])){fill:currentcolor}.l--icon:where(:not([width])){height:1em;width:1em}.l--divider{--bdc:var(--c--divider)}.d--accordion{--trsdu:var(--trsdu--acc)}.d--accordion.-opened{--_notOpened: }.d--accordion:not(.-opened){--_isOpened: }.d--accordion__header{gap:.5em;outline-offset:-1px}.d--accordion__header::-webkit-details-marker{display:none}.d--accordion__body{grid-template-rows:1fr;transition-duration:var(--trsdu);transition-property:margin-block,padding-block,opacity,grid-template-rows}:where(.d--accordion:not(.-opened))>.d--accordion__body{grid-template-rows:0fr;margin-block:0!important;padding-block:0!important}:where(.d--accordion__icon)>.l--icon{rotate:var(--_isOpened,-180deg);transition-duration:var(--trsdu)}:where(.d--modal){--mbs:0;--offset:0 0;--backdrop:rgba(0,0,0,.6);transition-duration:var(--trsdu--modal)}:where(.d--modal)::backdrop{background:var(--backdrop);transition:opacity var(--trsdu--modal)}.d--modal__body{overscroll-behavior:contain}.d--modal:not([data-is-open]){translate:var(--offset)}.d--modal:not([data-is-open]),.d--modal:not([data-is-open])::backdrop{opacity:0}.d--tabs{display:grid;grid:"list" "panel"}.d--tabs__list{grid-area:list;overflow-x:auto}.d--tabs__tab[aria-selected=true]{--_notActive: }.d--tabs__tab[aria-selected=false]{--_isActive: }:where(.d--tabs__tab){color:var(--_notActive,var(--c--text-2))}.d--tabs__panel{grid-area:panel;overflow-x:auto;width:100%}.d--tabs__panel:where([aria-hidden=true]){display:none}.u--hidden{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.u--trimHL>:where(p,h1,h2,h3,h4,h5,h6):first-child{margin-block-start:calc(var(--herfLeading)*-1)}.u--trimHL>:where(p,h1,h2,h3,h4,h5,h6):last-child{margin-block-end:calc(var(--herfLeading)*-1)}.u--colbox{--c:var(--c--text);--bgc:var(--c--base-2);background-color:var(--bgc);color:var(--c)}@supports (color:color-mix(in srgb,#000,#fff)){.u--colbox{--c:color-mix(in srgb,var(--c--text),var(--keycol) var(--colbox-pct--c,16%));--bgc:color-mix(in srgb,var(--c--base),var(--keycol) var(--colbox-pct--bg,5%));--bdc:color-mix(in srgb,var(--c--base),var(--keycol) var(--colbox-pct--bdc,25%));--c--link:var(--keycol)}}.u--overlayLink{color:inherit;position:static;text-decoration:none}.u--overlayLink:before{content:"";inset:0;position:absolute;z-index:0}.u--skipFlow+*{--mbs:0}.u--clipText{-webkit-background-clip:text!important;background-clip:text!important;color:transparent}.-c\:mix{--c1:currentColor;--c2:transparent;--c:color-mix(in srgb,var(--c1) var(--c-pct,50%),var(--c2))}.-bgc\:mix{--bgc1:currentColor;--bgc2:transparent;--bgc:color-mix(in srgb,var(--bgc1) var(--bgc-pct,50%),var(--bgc2))}.-bdc\:mix{--bdc1:currentColor;--bdc2:transparent;--bdc:color-mix(in srgb,var(--bdc1) var(--bdc-pct,50%),var(--bdc2))}:where([class*="-bd:"]){--bds:solid;--bdw:1px;--bdc:currentColor;--bd:var(--bdw) var(--bds) var(--bdc)}.-bd\:{border-color:var(--bdc);border-style:var(--bds);border-width:var(--bdw)}.-bd\:n{border:none}.-bd\:inherit{border:inherit}.-bd\:l{border-left:var(--bd)}.-bd\:r{border-right:var(--bd)}.-bd\:t{border-top:var(--bd)}.-bd\:b{border-bottom:var(--bd)}.-bd\:x{border-inline:var(--bd)}.-bd\:y{border-block:var(--bd)}.-bd\:is{border-inline-start:var(--bd)}.-bd\:ie{border-inline-end:var(--bd)}.-bd\:bs{border-block-start:var(--bd)}.-bd\:be{border-block-end:var(--bd)}:where(.-trs\:){--trsdu:var(--trsdu--default);--trsp:all;--trstf:ease}.-trs\:{transition:var(--trsdu) var(--trstf);transition-property:var(--trsp)}.-w\:{width:var(--w)}.-w\:a{width:auto}.-w\:fit{width:-moz-fit-content;width:fit-content}.-w\:100\%{width:100%}.-h\:{height:var(--h)}.-h\:a{height:auto}.-h\:fit{height:-moz-fit-content;height:fit-content}.-h\:100\%{height:100%}.-maxW\:{max-width:var(--maxW)}.-maxW\:100\%{max-width:100%}.-minW\:{min-width:var(--minW)}.-minW\:100\%{min-width:100%}.-maxH\:{max-height:var(--maxH)}.-maxH\:100\%{max-height:100%}.-minH\:{min-height:var(--minH)}.-minH\:100\%{min-height:100%}[class*="-c:"]{color:var(--c)}.-c\:main{--c:var(--c--main)}.-c\:accent{--c:var(--c--accent)}.-c\:base{--c:var(--c--base)}.-c\:text{--c:var(--c--text)}.-c\:text-2{--c:var(--c--text-2)}.-c\:inherit{color:inherit}[class*="-bgc:"]{background-color:var(--bgc)}.-bgc\:main{--bgc:var(--c--main)}.-bgc\:accent{--bgc:var(--c--accent)}.-bgc\:base{--bgc:var(--c--base)}.-bgc\:base-2{--bgc:var(--c--base-2)}.-bgc\:text{--bgc:var(--c--text)}.-bgc\:inherit{background-color:inherit}.-bg\:{background:var(--bg)}.-bg\:n{background:none}.-bgr\:n{background-repeat:no-repeat}.-bgp\:c{background-position:50%}.-bgsz\:cv{background-size:cover}.-bgsz\:ct{background-size:contain}.-bdc\:main{--bdc:var(--c--main)}.-bdc\:accent{--bdc:var(--c--accent)}.-bdc\:divider{--bdc:var(--c--divider)}.-bdc\:inherit{--bdc:inherit}.-bdc\:t{--bdc:transparent}.-f\:inherit{font:inherit}[class*="-fz:"]{font-size:var(--fz)}.-fz\:root{--fz:1rem}.-fz\:2xs{--fz:var(--fz--2xs)}.-fz\:xs{--fz:var(--fz--xs)}.-fz\:s{--fz:var(--fz--s)}.-fz\:m{--fz:var(--fz--m)}.-fz\:l{--fz:var(--fz--l)}.-fz\:xl{--fz:var(--fz--xl)}.-fz\:2xl{--fz:var(--fz--2xl)}.-fz\:3xl{--fz:var(--fz--3xl)}.-fz\:4xl{--fz:var(--fz--4xl)}.-ff\:base{font-family:var(--ff--base)}.-ff\:accent{font-family:var(--ff--accent)}.-ff\:mono{font-family:var(--ff--mono)}.-fw\:light{font-weight:var(--fw--light)}.-fw\:normal{font-weight:var(--fw--normal)}.-fw\:medium{font-weight:var(--fw--medium)}.-fw\:bold{font-weight:var(--fw--bold)}.-fs\:i{font-style:italic}.-lh\:base{line-height:var(--lh--base)}.-lh\:xs{line-height:var(--lh--xs)}.-lh\:s{line-height:var(--lh--s)}.-lh\:l{line-height:var(--lh--l)}.-lh\:xl{line-height:var(--lh--xl)}.-lh\:1{line-height:1}.-lts\:base{letter-spacing:var(--lts--base)}.-lts\:s{letter-spacing:var(--lts--s)}.-lts\:l{letter-spacing:var(--lts--l)}.-lts\:xl{letter-spacing:var(--lts--xl)}.-ta\:l{text-align:left}.-ta\:r{text-align:right}.-ta\:c{text-align:center}.-td\:n{text-decoration:none}.-td\:u{text-decoration:underline}.-d\:{display:var(--d)}.-d\:n{display:none}.-d\:b{display:block}.-d\:f{display:flex}.-d\:g{display:grid}.-d\:i{display:inline}.-d\:if{display:inline-flex}.-d\:ig{display:inline-grid}.-d\:ib{display:inline-block}.-v\:h{visibility:hidden}.-v\:v{visibility:visible}.-ov\:h{overflow:hidden}.-ov\:a{overflow:auto}.-ov\:c{overflow:clip}.-ov\:s{overflow:scroll}.-ovx\:h{overflow-x:hidden}.-ovx\:a{overflow-x:auto}.-ovx\:c{overflow-x:clip}.-ovx\:s{overflow-x:scroll}.-ovy\:h{overflow-y:hidden}.-ovy\:a{overflow-y:auto}.-ovy\:c{overflow-y:clip}.-ovy\:s{overflow-y:scroll}.-ar\:{aspect-ratio:var(--ar)}.-ar\:16\/9{aspect-ratio:16/9}.-ar\:3\/2{aspect-ratio:3/2}.-ar\:1\/1{aspect-ratio:1/1}.-ar\:ogp{aspect-ratio:1.91/1}.-ar\:gold{aspect-ratio:16.18/10}.-op\:0{opacity:0}.-op\:low{opacity:var(--op--low)}.-op\:mid{opacity:var(--op--mid)}.-op\:high{opacity:var(--op--high)}[class*="-bdrs:"]{border-radius:var(--bdrs)}.-bdrs\:0{--bdrs:0}.-bdrs\:1{--bdrs:var(--bdrs--1)}.-bdrs\:2{--bdrs:var(--bdrs--2)}.-bdrs\:3{--bdrs:var(--bdrs--3)}.-bdrs\:4{--bdrs:var(--bdrs--4)}.-bdrs\:5{--bdrs:var(--bdrs--5)}.-bdrs\:99{--bdrs:var(--bdrs--99)}.-bdrs\:inner{border-radius:calc(var(--bdrs, 0) - var(--p, 0)*.9)}[class*="-bxsh:"]{box-shadow:var(--bxsh)}.-bxsh\:0{--bxsh:0}.-bxsh\:1{--bxsh:var(--bxsh--1)}.-bxsh\:2{--bxsh:var(--bxsh--2)}.-bxsh\:3{--bxsh:var(--bxsh--3)}.-bxsh\:4{--bxsh:var(--bxsh--4)}.-bxsh\:5{--bxsh:var(--bxsh--5)}.-bxsh\:-1{--bxsh:var(--bxsh--i1)}.-bxsh\:-2{--bxsh:var(--bxsh--i2)}[class*="-p:"]{padding:var(--p)}.-p\:0{--p:0}.-p\:5{--p:var(--s5)}.-p\:10{--p:var(--s10)}.-p\:15{--p:var(--s15)}.-p\:20{--p:var(--s20)}.-p\:30{--p:var(--s30)}.-p\:40{--p:var(--s40)}.-p\:50{--p:var(--s50)}[class*="-px:"]{padding-inline:var(--px)}.-px\:0{--px:0}.-px\:5{--px:var(--s5)}.-px\:10{--px:var(--s10)}.-px\:15{--px:var(--s15)}.-px\:20{--px:var(--s20)}.-px\:30{--px:var(--s30)}.-px\:40{--px:var(--s40)}.-px\:50{--px:var(--s50)}[class*="-py:"]{padding-block:var(--py)}.-py\:0{--py:0}.-py\:5{--py:var(--s5)}.-py\:10{--py:var(--s10)}.-py\:15{--py:var(--s15)}.-py\:20{--py:var(--s20)}.-py\:30{--py:var(--s30)}.-py\:40{--py:var(--s40)}.-py\:50{--py:var(--s50)}.-pt\:{padding-top:var(--pt)}.-pr\:{padding-right:var(--pr)}.-pb\:{padding-bottom:var(--pb)}.-pl\:{padding-left:var(--pl)}[class*="-pis:"]{padding-inline-start:var(--pis)}.-pis\:0{--pis:0}.-pis\:5{--pis:var(--s5)}.-pis\:10{--pis:var(--s10)}.-pis\:15{--pis:var(--s15)}.-pis\:20{--pis:var(--s20)}.-pis\:30{--pis:var(--s30)}.-pis\:40{--pis:var(--s40)}.-pis\:50{--pis:var(--s50)}[class*="-pbs:"]{padding-block-start:var(--pbs)}.-pbs\:0{--pbs:0}.-pbs\:5{--pbs:var(--s5)}.-pbs\:10{--pbs:var(--s10)}.-pbs\:15{--pbs:var(--s15)}.-pbs\:20{--pbs:var(--s20)}.-pbs\:30{--pbs:var(--s30)}.-pbs\:40{--pbs:var(--s40)}.-pbs\:50{--pbs:var(--s50)}[class*="-m:"]{margin:var(--m)}.-m\:a{--m:auto}.-m\:0{--m:0}.-m\:5{--m:var(--s5)}.-m\:10{--m:var(--s10)}.-m\:15{--m:var(--s15)}.-m\:20{--m:var(--s20)}.-m\:30{--m:var(--s30)}.-m\:40{--m:var(--s40)}.-m\:50{--m:var(--s50)}.-mx\:{margin-inline:var(--mx)}.-mx\:a{margin-inline:auto}.-my\:{margin-block:var(--my)}.-my\:a{margin-block:auto}.-mt\:{margin-top:var(--mt)}.-mt\:a{margin-top:auto}.-mr\:{margin-right:var(--mr)}.-mr\:a{margin-right:auto}.-mb\:{margin-bottom:var(--mb)}.-mb\:a{margin-bottom:auto}.-ml\:{margin-left:var(--ml)}.-ml\:a{margin-left:auto}[class*="-mis:"]{margin-inline-start:var(--mis)}.-mis\:a{--mis:auto}.-mis\:0{--mis:0}.-mis\:5{--mis:var(--s5)}.-mis\:10{--mis:var(--s10)}.-mis\:15{--mis:var(--s15)}.-mis\:20{--mis:var(--s20)}.-mis\:30{--mis:var(--s30)}.-mis\:40{--mis:var(--s40)}.-mis\:50{--mis:var(--s50)}[class*="-mbs:"]{margin-block-start:var(--mbs)}.-mbs\:a{--mbs:auto}.-mbs\:0{--mbs:0}.-mbs\:5{--mbs:var(--s5)}.-mbs\:10{--mbs:var(--s10)}.-mbs\:15{--mbs:var(--s15)}.-mbs\:20{--mbs:var(--s20)}.-mbs\:30{--mbs:var(--s30)}.-mbs\:40{--mbs:var(--s40)}.-mbs\:50{--mbs:var(--s50)}[class*="-g:"]{gap:var(--g)}.-g\:0{--g:0}.-g\:5{--g:var(--s5)}.-g\:10{--g:var(--s10)}.-g\:15{--g:var(--s15)}.-g\:20{--g:var(--s20)}.-g\:30{--g:var(--s30)}.-g\:40{--g:var(--s40)}.-g\:50{--g:var(--s50)}.-g\:inherit{gap:inherit}.-colg\:{-moz-column-gap:var(--colg);column-gap:var(--colg)}.-rowg\:{row-gap:var(--rowg)}.-pos\:r{position:relative}.-pos\:a{position:absolute}.-pos\:s{position:static}.-pos\:f{position:fixed}.-pos\:sti{position:sticky}.-inset\:0{inset:0}.-l\:0{left:0}.-l\:50\%{left:50%}.-l\:100\%{left:100%}.-t\:0{top:0}.-t\:50\%{top:50%}.-t\:100\%{top:100%}.-r\:0{right:0}.-r\:50\%{right:50%}.-r\:100\%{right:100%}.-b\:0{bottom:0}.-b\:50\%{bottom:50%}.-b\:100\%{bottom:100%}.-z\:99{z-index:99}.-z\:2{z-index:2}.-z\:1{z-index:1}.-z\:0{z-index:0}.-z\:-1{z-index:-1}.-ord\:1{order:1}.-ord\:0{order:0}.-ord\:-1{order:-1}.-fxw\:{flex-wrap:var(--fxw)}.-fxw\:w{flex-wrap:wrap}.-fxw\:nw{flex-wrap:nowrap}.-fxd\:{flex-direction:var(--fxd)}.-fxd\:c{flex-direction:column}.-fxd\:cr{flex-direction:column-reverse}.-fxd\:r{flex-direction:row}.-fxd\:rr{flex-direction:row-reverse}.-fx\:{flex:var(--fx)}.-fx\:1{flex:1}.-fxsh\:0{flex-shrink:0}.-fxg\:1{flex-grow:1}.-fxb\:{flex-basis:var(--fxb)}.-gd\:{grid:var(--gd)}.-gta\:{grid-template-areas:var(--gta)}.-gtc\:{grid-template-columns:var(--gtc)}.-gtr\:{grid-template-rows:var(--gtr)}.-gaf\:{grid-auto-flow:var(--gaf)}.-gaf\:r{grid-auto-flow:row}.-gaf\:c{grid-auto-flow:column}.-gac\:{grid-auto-columns:var(--gac)}.-gar\:{grid-auto-rows:var(--gar)}.-ga\:{grid-area:var(--ga)}.-gr\:{grid-row:var(--gr)}.-gc\:{grid-column:var(--gc)}.-ai\:{align-items:var(--ai)}.-ai\:c{align-items:center}.-ai\:s{align-items:start}.-ai\:e{align-items:end}.-ai\:fs{align-items:flex-start}.-ai\:fe{align-items:flex-end}.-ai\:str{align-items:stretch}.-ac\:{align-content:var(--ac)}.-ac\:c{align-content:center}.-ac\:s{align-content:start}.-ac\:e{align-content:end}.-ac\:fs{align-content:flex-start}.-ac\:fe{align-content:flex-end}.-ac\:sb{align-content:space-between}.-ji\:{justify-items:var(--ji)}.-ji\:c{justify-items:center}.-ji\:s{justify-items:start}.-ji\:e{justify-items:end}.-ji\:fs{justify-items:flex-start}.-ji\:fe{justify-items:flex-end}.-ji\:str{justify-items:stretch}.-jc\:{justify-content:var(--jc)}.-jc\:c{justify-content:center}.-jc\:s{justify-content:start}.-jc\:e{justify-content:end}.-jc\:fs{justify-content:flex-start}.-jc\:fe{justify-content:flex-end}.-jc\:sb{justify-content:space-between}.-aslf\:c{align-self:center}.-aslf\:s{align-self:start}.-aslf\:e{align-self:end}.-aslf\:str{align-self:stretch}.-jslf\:c{justify-self:center}.-jslf\:s{justify-self:start}.-jslf\:e{justify-self:end}.-jslf\:str{justify-self:stretch}.-trslt\:-50X{translate:-50% 0}.-trslt\:-50Y{translate:0 -50%}.-trslt\:-50XY{translate:-50% -50%}.-scale\:-X{scale:-1 1}.-scale\:-Y{scale:1 -1}.-scale\:-XY{scale:-1 -1}.-rotate\:45{rotate:45deg}.-rotate\:-45{rotate:-45deg}.-rotate\:90{rotate:90deg}.-rotate\:-90{rotate:-90deg}.-rotate\:180{rotate:180deg}.-whs\:nw{white-space:nowrap}.-ovw\:any{overflow-wrap:anywhere}.-obf\:cn{-o-object-fit:contain;object-fit:contain}.-obf\:cv{-o-object-fit:cover;object-fit:cover}.-wm\:v-rl{writing-mode:vertical-rl}.-bxz\:cb{box-sizing:content-box}@container (min-width: 480px){.-w\@sm{width:var(--sm-w)}.-h\@sm{height:var(--sm-h)}.-maxW\@sm{max-width:var(--sm-maxW)}.-minW\@sm{min-width:var(--sm-minW)}.-maxH\@sm{max-height:var(--sm-maxH)}.-minH\@sm{min-height:var(--sm-minH)}.-bg\@sm{background:var(--sm-bg)}.-bdw\@sm{--bdw:var(--sm-bdw)!important}.-fz\@sm{font-size:var(--sm-fz)}.-d\@sm{display:var(--sm-d)}.-ar\@sm{aspect-ratio:var(--sm-ar)}.-bdrs\@sm{border-radius:var(--sm-bdrs)}.-p\@sm{padding:var(--sm-p)}.-px\@sm{padding-inline:var(--sm-px)}.-py\@sm{padding-block:var(--sm-py)}.-pt\@sm{padding-top:var(--sm-pt)}.-pr\@sm{padding-right:var(--sm-pr)}.-pb\@sm{padding-bottom:var(--sm-pb)}.-pl\@sm{padding-left:var(--sm-pl)}.-pis\@sm{padding-inline-start:var(--sm-pis)}.-pbs\@sm{padding-block-start:var(--sm-pbs)}.-m\@sm{margin:var(--sm-m)}.-mx\@sm{margin-inline:var(--sm-mx)}.-my\@sm{margin-block:var(--sm-my)}.-mt\@sm{margin-top:var(--sm-mt)}.-mr\@sm{margin-right:var(--sm-mr)}.-mb\@sm{margin-bottom:var(--sm-mb)}.-ml\@sm{margin-left:var(--sm-ml)}.-mis\@sm{margin-inline-start:var(--sm-mis)}.-mbs\@sm{margin-block-start:var(--sm-mbs)}.-g\@sm{gap:var(--sm-g)}.-colg\@sm{-moz-column-gap:var(--sm-colg);column-gap:var(--sm-colg)}.-rowg\@sm{row-gap:var(--sm-rowg)}.-fxw\@sm{flex-wrap:var(--sm-fxw)}.-fxd\@sm{flex-direction:var(--sm-fxd)}.-fx\@sm{flex:var(--sm-fx)}.-fxb\@sm{flex-basis:var(--sm-fxb)}.-gd\@sm{grid:var(--sm-gd)}.-gta\@sm{grid-template-areas:var(--sm-gta)}.-gtc\@sm{grid-template-columns:var(--sm-gtc)}.-gtr\@sm{grid-template-rows:var(--sm-gtr)}.-gaf\@sm{grid-auto-flow:var(--sm-gaf)}.-gac\@sm{grid-auto-columns:var(--sm-gac)}.-gar\@sm{grid-auto-rows:var(--sm-gar)}.-ga\@sm{grid-area:var(--sm-ga)}.-gr\@sm{grid-row:var(--sm-gr)}.-gc\@sm{grid-column:var(--sm-gc)}.-ai\@sm{align-items:var(--sm-ai)}.-ac\@sm{align-content:var(--sm-ac)}.-ji\@sm{justify-items:var(--sm-ji)}.-jc\@sm{justify-content:var(--sm-jc)}.-cols\@sm{--cols:var(--sm-cols)!important}.-rows\@sm{--rows:var(--sm-rows)!important}}@container (min-width: 720px){.-w\@md{width:var(--md-w)}.-h\@md{height:var(--md-h)}.-maxW\@md{max-width:var(--md-maxW)}.-minW\@md{min-width:var(--md-minW)}.-maxH\@md{max-height:var(--md-maxH)}.-minH\@md{min-height:var(--md-minH)}.-bg\@md{background:var(--md-bg)}.-bdw\@md{--bdw:var(--md-bdw)!important}.-fz\@md{font-size:var(--md-fz)}.-d\@md{display:var(--md-d)}.-ar\@md{aspect-ratio:var(--md-ar)}.-bdrs\@md{border-radius:var(--md-bdrs)}.-p\@md{padding:var(--md-p)}.-px\@md{padding-inline:var(--md-px)}.-py\@md{padding-block:var(--md-py)}.-pt\@md{padding-top:var(--md-pt)}.-pr\@md{padding-right:var(--md-pr)}.-pb\@md{padding-bottom:var(--md-pb)}.-pl\@md{padding-left:var(--md-pl)}.-pis\@md{padding-inline-start:var(--md-pis)}.-pbs\@md{padding-block-start:var(--md-pbs)}.-m\@md{margin:var(--md-m)}.-mx\@md{margin-inline:var(--md-mx)}.-my\@md{margin-block:var(--md-my)}.-mt\@md{margin-top:var(--md-mt)}.-mr\@md{margin-right:var(--md-mr)}.-mb\@md{margin-bottom:var(--md-mb)}.-ml\@md{margin-left:var(--md-ml)}.-mis\@md{margin-inline-start:var(--md-mis)}.-mbs\@md{margin-block-start:var(--md-mbs)}.-g\@md{gap:var(--md-g)}.-colg\@md{-moz-column-gap:var(--md-colg);column-gap:var(--md-colg)}.-rowg\@md{row-gap:var(--md-rowg)}.-fxw\@md{flex-wrap:var(--md-fxw)}.-fxd\@md{flex-direction:var(--md-fxd)}.-fx\@md{flex:var(--md-fx)}.-fxb\@md{flex-basis:var(--md-fxb)}.-gd\@md{grid:var(--md-gd)}.-gta\@md{grid-template-areas:var(--md-gta)}.-gtc\@md{grid-template-columns:var(--md-gtc)}.-gtr\@md{grid-template-rows:var(--md-gtr)}.-gaf\@md{grid-auto-flow:var(--md-gaf)}.-gac\@md{grid-auto-columns:var(--md-gac)}.-gar\@md{grid-auto-rows:var(--md-gar)}.-ga\@md{grid-area:var(--md-ga)}.-gr\@md{grid-row:var(--md-gr)}.-gc\@md{grid-column:var(--md-gc)}.-ai\@md{align-items:var(--md-ai)}.-ac\@md{align-content:var(--md-ac)}.-ji\@md{justify-items:var(--md-ji)}.-jc\@md{justify-content:var(--md-jc)}.-cols\@md{--cols:var(--md-cols)!important}.-rows\@md{--rows:var(--md-rows)!important}}@container (min-width: 960px){.-w\@lg{width:var(--lg-w)}.-h\@lg{height:var(--lg-h)}.-maxW\@lg{max-width:var(--lg-maxW)}.-minW\@lg{min-width:var(--lg-minW)}.-maxH\@lg{max-height:var(--lg-maxH)}.-minH\@lg{min-height:var(--lg-minH)}.-bg\@lg{background:var(--lg-bg)}.-bdw\@lg{--bdw:var(--lg-bdw)!important}.-fz\@lg{font-size:var(--lg-fz)}.-d\@lg{display:var(--lg-d)}.-ar\@lg{aspect-ratio:var(--lg-ar)}.-bdrs\@lg{border-radius:var(--lg-bdrs)}.-p\@lg{padding:var(--lg-p)}.-px\@lg{padding-inline:var(--lg-px)}.-py\@lg{padding-block:var(--lg-py)}.-pt\@lg{padding-top:var(--lg-pt)}.-pr\@lg{padding-right:var(--lg-pr)}.-pb\@lg{padding-bottom:var(--lg-pb)}.-pl\@lg{padding-left:var(--lg-pl)}.-pis\@lg{padding-inline-start:var(--lg-pis)}.-pbs\@lg{padding-block-start:var(--lg-pbs)}.-m\@lg{margin:var(--lg-m)}.-mx\@lg{margin-inline:var(--lg-mx)}.-my\@lg{margin-block:var(--lg-my)}.-mt\@lg{margin-top:var(--lg-mt)}.-mr\@lg{margin-right:var(--lg-mr)}.-mb\@lg{margin-bottom:var(--lg-mb)}.-ml\@lg{margin-left:var(--lg-ml)}.-mis\@lg{margin-inline-start:var(--lg-mis)}.-mbs\@lg{margin-block-start:var(--lg-mbs)}.-g\@lg{gap:var(--lg-g)}.-colg\@lg{-moz-column-gap:var(--lg-colg);column-gap:var(--lg-colg)}.-rowg\@lg{row-gap:var(--lg-rowg)}.-fxw\@lg{flex-wrap:var(--lg-fxw)}.-fxd\@lg{flex-direction:var(--lg-fxd)}.-fx\@lg{flex:var(--lg-fx)}.-fxb\@lg{flex-basis:var(--lg-fxb)}.-gd\@lg{grid:var(--lg-gd)}.-gta\@lg{grid-template-areas:var(--lg-gta)}.-gtc\@lg{grid-template-columns:var(--lg-gtc)}.-gtr\@lg{grid-template-rows:var(--lg-gtr)}.-gaf\@lg{grid-auto-flow:var(--lg-gaf)}.-gac\@lg{grid-auto-columns:var(--lg-gac)}.-gar\@lg{grid-auto-rows:var(--lg-gar)}.-ga\@lg{grid-area:var(--lg-ga)}.-gr\@lg{grid-row:var(--lg-gr)}.-gc\@lg{grid-column:var(--lg-gc)}.-ai\@lg{align-items:var(--lg-ai)}.-ac\@lg{align-content:var(--lg-ac)}.-ji\@lg{justify-items:var(--lg-ji)}.-jc\@lg{justify-content:var(--lg-jc)}.-cols\@lg{--cols:var(--lg-cols)!important}.-rows\@lg{--rows:var(--lg-rows)!important}}@media (any-hover:hover){.-hov\:fade:hover{opacity:.65}.-hov\:c\::hover{color:var(--hov-c)!important}.-hov\:bdc\::hover{border-color:var(--hov-bdc)!important}.-hov\:bgc\::hover{background-color:var(--hov-bgc)!important}.-hov\:bxsh\::hover{box-shadow:var(--hov-bxsh)}.-hov\:set:hover{--_notHov: }.-hov\:set:not(:hover){--_isHov: }}@media (any-hover:none){.-hov\:set{--_isHov: }}.-hov\:get\:hide{opacity:var(--_isHov,0)}.-hov\:get\:show{opacity:var(--_notHov,0);visibility:var(--_notHov,hidden)}
1
+ *,:after,:before{box-sizing:border-box}*{margin:0}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}rt{font-size:50%}:where(img){block-size:auto;max-inline-size:100%;vertical-align:middle}:where(iframe,audio,picture,video){display:block;max-inline-size:100%}:where(iframe){border:none}:where(input,button,textarea,select){color:inherit;font:inherit;text-transform:none}textarea{resize:vertical}button,label,select,summary{cursor:pointer}:disabled{cursor:not-allowed}[aria-busy=true]{cursor:progress}:root{--size--xl:1600px;--size--l:1280px;--size--m:960px;--size--s:640px;--size--xs:16rem;--herfLeading:calc(0.5lh - 0.5em);--s5:0.25rem;--s10:0.375rem;--s20:0.625rem;--s30:1rem;--s40:1.625rem;--s50:2.625rem;--s60:4.25rem;--s70:6.875rem;--s80:11.125rem;--flowGap--s:var(--s30);--flowGap--m:var(--s40);--flowGap--l:var(--s50);--flowGap--h:2.5em;--gutter:var(--s40);--ff--base:-apple-system,"BlinkMacSystemFont","Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif,"Segoe UI Emoji";--ff--accent:"Garamond","Baskerville","Times New Roman",serif;--ff--mono:Menlo,Consolas,monaco,monospace;--fz-mol:8;--fz--4xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 5));--fz--3xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 4));--fz--2xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 3));--fz--xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 2));--fz--l:calc(1em*var(--fz-mol)/(var(--fz-mol) - 1));--fz--m:1em;--fz--s:calc(1em*var(--fz-mol)/(var(--fz-mol) + 1));--fz--xs:calc(1em*var(--fz-mol)/(var(--fz-mol) + 2));--fz--2xs:calc(1em*var(--fz-mol)/(var(--fz-mol) + 3));--fw--light:300;--fw--normal:400;--fw--medium:500;--fw--bold:700;--lh--base:1.75;--lh--xs:calc(var(--lh--base) - 0.25);--lh--s:calc(var(--lh--base) - 0.125);--lh--l:calc(var(--lh--base) + 0.125);--lh--xl:calc(var(--lh--base) + 0.25);--lts--base:normal;--lts--s:-0.05em;--lts--l:0.05em;--lts--xl:0.125em;--black:#000;--white:#fff;--gray:#566676;--red:#db3024;--orange:#dc6d18;--yellow:#dcb518;--green:#1abc3a;--blue:#2192de;--purple:#6124db;--pink:#db249e;--c--main:#1e4e6b;--c--accent:#bc3453;--c--base:#fcfcfd;--c--base-2:#eeeff1;--c--text-hsl:224 4% 8%;--c--text:hsl(var(--c--text-hsl));--c--text-2:#62646a;--c--divider:#cfd0d3;--c--link:#0c61e4;--op--low:0.25;--op--mid:0.5;--op--high:0.75;--trsdu--default:0.4s;--trsdu--modal:0.5s;--trsdu--acc:0.4s;--bdrs--1:0.125rem;--bdrs--2:0.25rem;--bdrs--3:0.5rem;--bdrs--4:1rem;--bdrs--5:2rem;--bdrs--99:99rem;--sh-hsl:var(--c--text-hsl);--sh-a:6%;--sh-sz--0:1px 2px 4px 0;--sh-sz--1:2px 4px 8px 0;--sh-sz--2:3px 6px 12px 0;--sh-sz--3:5px 10px 20px 0;--sh-sz--4:8px 16px 32px 0;--sh-sz--5:13px 26px 52px 0}@supports not (gap:1lh){:root{--herfLeading:0.125em}}html{font-size:var(--root-fz);-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}body{background-color:var(--c--base);color:var(--c--text);font-family:var(--ff--base);font-size:1rem;letter-spacing:var(--lts--base);line-height:var(--lh--base);overflow-x:clip}:where(h1,h2,h3,h4,h5,h6){font-family:var(--heading-ff,inherit);font-size:var(--fz,revert);font-weight:var(--heading-fw,bolder);line-height:var(--lh,inherit)}h1{--fz:var(--fz--3xl);--lh:var(--lh--xs)}h2{--fz:var(--fz--2xl);--lh:var(--lh--xs)}h3{--fz:var(--fz--xl);--lh:var(--lh--s)}h4{--fz:var(--fz--l);--lh:var(--lh--s)}h5{--fz:var(--fz--m)}h6{--fz:var(--fz--s)}:where(ul,ol){list-style:none;padding:0;padding-inline-start:var(--list-pis,0)}:where(ul,ol):not([class]){--list-pis:1.5em;list-style:revert}:where(a){color:var(--c--link);-webkit-text-decoration:var(--link-td,underline);text-decoration:var(--link-td,underline)}:where(td,th){min-inline-size:var(--cell-minIs,unset);padding:var(--cell-p,.5em)}:where(th){background-color:var(--th-bgc,transparent);color:var(--th-c,inherit)}:where(td){background-color:var(--td-bgc,transparent);color:var(--td-c,inherit)}:where(hr){block-size:0;border:none;border-block-start:1px solid}:where(blockquote){border-inline-start:3px solid currentColor;padding:var(--s30)}:where(pre){overflow-x:auto}body:where(:has(:modal[open])){overflow:hidden}dialog:where(:not([open])){pointer-events:none}:root{--root-fz:clamp(0.875rem,0.625rem + 1vw,1rem);--hov-trsdu:0.3s;--overwide-size:100vw}.re--sh,:root{--sh-color:hsl(var(--sh-hsl)/var(--sh-a));--bxsh--1:var(--sh-sz--0) var(--sh-color),var(--sh-sz--1) var(--sh-color);--bxsh--2:var(--sh-sz--1) var(--sh-color),var(--sh-sz--2) var(--sh-color);--bxsh--3:var(--sh-sz--2) var(--sh-color),var(--sh-sz--3) var(--sh-color);--bxsh--4:var(--sh-sz--3) var(--sh-color),var(--sh-sz--4) var(--sh-color);--bxsh--5:var(--sh-sz--4) var(--sh-color),var(--sh-sz--5) var(--sh-color);--bxsh--i1:inset var(--sh-sz--0) var(--sh-color),inset var(--sh-sz--1) var(--sh-color);--bxsh--i2:inset var(--sh-sz--1) var(--sh-color),inset var(--sh-sz--2) var(--sh-color)}:where(.re--style){background:none;border:none;color:inherit;font:inherit;height:auto;margin:0;max-height:unset;max-width:unset;padding:0;width:auto}.re--list{--list-pis:1.5em;list-style:revert}.has--gutter{padding-inline:var(--gutter)}.has--divider{--bdc:var(--c--divider);--bds:solid;--bdw:1px;--_isRow:0}.has--divider:where(.l--flex,.-fxd\:r,.-fxd\:rr){--_isRow:1}.has--divider>:where(:not(:last-child)){--_bdw:calc(var(--_isRow, 0)*var(--bdw));border-block-end:var(--bds) calc(var(--bdw) - var(--_bdw)) var(--bdc);border-inline-end:var(--bds) var(--_bdw) var(--bdc)}.is--flow>*{--mbs:var(--flowGap,var(--flowGap--m));margin-block:var(--mbs) 0}.-flow\:s>*{--flowGap:var(--flowGap--s)}.-flow\:ms>*{--flowGap:var(--flowGap--m)}.-flow\:l>*{--flowGap:var(--flowGap--l)}.is--flow>:where(h1,h2,h3:not(h2+h3)){--flowGap:var(--flowGap--h)}.is--flow>:first-child{margin-block-start:0}.is--container{container-type:inline-size;inline-size:100%;margin-inline:auto}.is--container>*{--maxIs:var(--item-size,100%);margin-inline:auto;max-inline-size:min(100%,var(--maxIs,100%))}.-container\:s{--item-size:var(--size--s);--wide-size:var(--size--m)}.-container\:m{--item-size:var(--size--m);--wide-size:var(--size--l)}.-container\:l{--item-size:var(--size--l);--wide-size:var(--size--xl)}.is--fullwide{max-inline-size:100%}:where(.has--gutter)>.is--fullwide{margin-inline:calc(var(--gutter)*-1);max-inline-size:calc(100% + var(--gutter)*2)}.is--fullwide+.is--fullwide{--flowGap:0}.is--wide{max-inline-size:var(--wide-size,100%)}.is--overwide{margin-inline:calc(50% - var(--overwide-size)/2);max-inline-size:var(--overwide-size,100vw)}@supports (content-visibility:auto) or (top:0lh){@property --overwide-size{syntax:"<length-percentage>";initial-value:100%;inherits:true}.is--container{--overwide-size:100cqw}}.is--linkBox{color:inherit;cursor:pointer;display:block;isolation:isolate;pointer-events:auto;position:relative;text-decoration:none}is--linkBox>:where(a){pointer-events:auto;position:relative;z-index:1}.is--layer{inset:0;position:absolute}.is--layer,.l--frame{overflow:hidden}.l--frame>:where(img,video,picture,iframe){display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.l--flex{display:flex}.l--flex--cluster{align-items:center;flex-wrap:wrap}.l--grid{display:grid}.l--grid--repeat{--rows:1;--cols:1;grid-template:repeat(var(--rows),1fr)/repeat(var(--cols),1fr)}.l--stack{display:flex;flex-direction:column}.l--center{display:grid;place-content:center;place-items:center}.l--columns{--cols:2;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr))}.l--columns--liquid{--col-auto:auto-fill;--col-size:var(--size--xs);display:grid;grid-template-columns:repeat(var(--col-auto),minmax(min(var(--col-size),100%),1fr))}.l--withSide{--side-w:auto;--main-w:max(var(--size--xs),50%);display:flex;flex-wrap:wrap}.l--withSide>[data-is-side]{flex-basis:var(--side-w);flex-grow:1}.l--withSide>:not([data-is-side]){flex-basis:min(100%,var(--main-w));flex-grow:9999999}.l--icon{--scale:1;--offset:0;display:inline-flex;flex-shrink:0;scale:var(--scale);translate:var(--offset);vertical-align:middle}.l--icon:where(:not([fill])){fill:currentcolor}.l--icon:where(:not([width])){height:1em;width:1em}.l--divider{--bdc:var(--c--divider)}.d--accordion{--trsdu:var(--trsdu--acc)}.d--accordion.-opened{--_notOpened: }.d--accordion:not(.-opened){--_isOpened: }.d--accordion__header{gap:.5em;outline-offset:-1px}.d--accordion__header::-webkit-details-marker{display:none}.d--accordion__body{grid-template-rows:1fr;transition-duration:var(--trsdu);transition-property:margin-block,padding-block,opacity,grid-template-rows}:where(.d--accordion:not(.-opened))>.d--accordion__body{grid-template-rows:0fr;margin-block:0!important;padding-block:0!important}:where(.d--accordion__icon)>.l--icon{rotate:var(--_isOpened,-180deg);transition-duration:var(--trsdu)}:where(.d--modal){--mbs:0;--offset:0 0;--backdrop:rgba(0,0,0,.6);transition-duration:var(--trsdu--modal)}:where(.d--modal)::backdrop{background:var(--backdrop);transition:opacity var(--trsdu--modal)}.d--modal__body{overscroll-behavior:contain}.d--modal:not([data-is-open]){translate:var(--offset)}.d--modal:not([data-is-open]),.d--modal:not([data-is-open])::backdrop{opacity:0}.d--tabs{display:grid;grid:"list" "panel"}.d--tabs__list{grid-area:list;overflow-x:auto}.d--tabs__tab[aria-selected=true]{--_notActive: }.d--tabs__tab[aria-selected=false]{--_isActive: }:where(.d--tabs__tab){color:var(--_notActive,var(--c--text-2))}.d--tabs__panel{grid-area:panel;overflow-x:auto;width:100%}.d--tabs__panel:where([aria-hidden=true]){display:none}.u--hidden{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.u--trimHL>:where(p,h1,h2,h3,h4,h5,h6):first-child{margin-block-start:calc(var(--herfLeading)*-1)}.u--trimHL>:where(p,h1,h2,h3,h4,h5,h6):last-child{margin-block-end:calc(var(--herfLeading)*-1)}.u--colbox{--c:var(--c--text);--bgc:var(--c--base-2);background-color:var(--bgc);color:var(--c)}@supports (color:color-mix(in srgb,#000,#fff)){.u--colbox{--c:color-mix(in srgb,var(--c--text),var(--keycol) var(--colbox-pct--c,16%));--bgc:color-mix(in srgb,var(--c--base),var(--keycol) var(--colbox-pct--bg,5%));--bdc:color-mix(in srgb,var(--c--base),var(--keycol) var(--colbox-pct--bdc,25%));--c--link:var(--keycol)}}.u--overlayLink{color:inherit;position:static;text-decoration:none}.u--overlayLink:before{content:"";inset:0;position:absolute;z-index:0}.u--skipFlow+*{--mbs:0}.u--clipText{-webkit-background-clip:text!important;background-clip:text!important;color:transparent}.-c\:mix{--c1:currentColor;--c2:transparent;--c:color-mix(in srgb,var(--c1) var(--c-pct,50%),var(--c2))}.-bgc\:mix{--bgc1:currentColor;--bgc2:transparent;--bgc:color-mix(in srgb,var(--bgc1) var(--bgc-pct,50%),var(--bgc2))}.-bdc\:mix{--bdc1:currentColor;--bdc2:transparent;--bdc:color-mix(in srgb,var(--bdc1) var(--bdc-pct,50%),var(--bdc2))}:where([class*="-bd:"]){--bds:solid;--bdw:1px;--bdc:currentColor;--bd:var(--bdw) var(--bds) var(--bdc)}.-bd\:{border-color:var(--bdc);border-style:var(--bds);border-width:var(--bdw)}.-bd\:n{border:none}.-bd\:inherit{border:inherit}.-bd\:l{border-left:var(--bd)}.-bd\:r{border-right:var(--bd)}.-bd\:t{border-top:var(--bd)}.-bd\:b{border-bottom:var(--bd)}.-bd\:x{border-inline:var(--bd)}.-bd\:y{border-block:var(--bd)}.-bd\:is{border-inline-start:var(--bd)}.-bd\:ie{border-inline-end:var(--bd)}.-bd\:bs{border-block-start:var(--bd)}.-bd\:be{border-block-end:var(--bd)}:where(.-trs\:){--trsdu:var(--trsdu--default);--trsp:all;--trstf:ease}.-trs\:{transition:var(--trsdu) var(--trstf);transition-property:var(--trsp)}.-w\:{width:var(--w)}.-w\:a{width:auto}.-w\:fit{width:-moz-fit-content;width:fit-content}.-w\:100\%{width:100%}.-h\:{height:var(--h)}.-h\:a{height:auto}.-h\:fit{height:-moz-fit-content;height:fit-content}.-h\:100\%{height:100%}.-maxW\:{max-width:var(--maxW)}.-maxW\:100\%{max-width:100%}.-minW\:{min-width:var(--minW)}.-minW\:100\%{min-width:100%}.-maxH\:{max-height:var(--maxH)}.-maxH\:100\%{max-height:100%}.-minH\:{min-height:var(--minH)}.-minH\:100\%{min-height:100%}[class*="-c:"]{color:var(--c)}.-c\:main{--c:var(--c--main)}.-c\:accent{--c:var(--c--accent)}.-c\:base{--c:var(--c--base)}.-c\:text{--c:var(--c--text)}.-c\:text-2{--c:var(--c--text-2)}.-c\:inherit{color:inherit}[class*="-bgc:"]{background-color:var(--bgc)}.-bgc\:main{--bgc:var(--c--main)}.-bgc\:accent{--bgc:var(--c--accent)}.-bgc\:base{--bgc:var(--c--base)}.-bgc\:base-2{--bgc:var(--c--base-2)}.-bgc\:text{--bgc:var(--c--text)}.-bgc\:inherit{background-color:inherit}.-bg\:{background:var(--bg)}.-bg\:n{background:none}.-bgr\:n{background-repeat:no-repeat}.-bgp\:c{background-position:50%}.-bgsz\:cv{background-size:cover}.-bgsz\:ct{background-size:contain}.-bdc\:main{--bdc:var(--c--main)}.-bdc\:accent{--bdc:var(--c--accent)}.-bdc\:divider{--bdc:var(--c--divider)}.-bdc\:inherit{--bdc:inherit}.-bdc\:t{--bdc:transparent}.-f\:inherit{font:inherit}[class*="-fz:"]{font-size:var(--fz)}.-fz\:root{--fz:1rem}.-fz\:2xs{--fz:var(--fz--2xs)}.-fz\:xs{--fz:var(--fz--xs)}.-fz\:s{--fz:var(--fz--s)}.-fz\:m{--fz:var(--fz--m)}.-fz\:l{--fz:var(--fz--l)}.-fz\:xl{--fz:var(--fz--xl)}.-fz\:2xl{--fz:var(--fz--2xl)}.-fz\:3xl{--fz:var(--fz--3xl)}.-fz\:4xl{--fz:var(--fz--4xl)}.-ff\:base{font-family:var(--ff--base)}.-ff\:accent{font-family:var(--ff--accent)}.-ff\:mono{font-family:var(--ff--mono)}.-fw\:light{font-weight:var(--fw--light)}.-fw\:normal{font-weight:var(--fw--normal)}.-fw\:medium{font-weight:var(--fw--medium)}.-fw\:bold{font-weight:var(--fw--bold)}.-fs\:i{font-style:italic}.-lh\:base{line-height:var(--lh--base)}.-lh\:xs{line-height:var(--lh--xs)}.-lh\:s{line-height:var(--lh--s)}.-lh\:l{line-height:var(--lh--l)}.-lh\:xl{line-height:var(--lh--xl)}.-lh\:1{line-height:1}.-lts\:base{letter-spacing:var(--lts--base)}.-lts\:s{letter-spacing:var(--lts--s)}.-lts\:l{letter-spacing:var(--lts--l)}.-lts\:xl{letter-spacing:var(--lts--xl)}.-ta\:l{text-align:left}.-ta\:r{text-align:right}.-ta\:c{text-align:center}.-td\:n{text-decoration:none}.-td\:u{text-decoration:underline}.-d\:{display:var(--d)}.-d\:n{display:none}.-d\:b{display:block}.-d\:f{display:flex}.-d\:g{display:grid}.-d\:i{display:inline}.-d\:if{display:inline-flex}.-d\:ig{display:inline-grid}.-d\:ib{display:inline-block}.-v\:h{visibility:hidden}.-v\:v{visibility:visible}.-ov\:h{overflow:hidden}.-ov\:a{overflow:auto}.-ov\:c{overflow:clip}.-ov\:s{overflow:scroll}.-ovx\:h{overflow-x:hidden}.-ovx\:a{overflow-x:auto}.-ovx\:c{overflow-x:clip}.-ovx\:s{overflow-x:scroll}.-ovy\:h{overflow-y:hidden}.-ovy\:a{overflow-y:auto}.-ovy\:c{overflow-y:clip}.-ovy\:s{overflow-y:scroll}.-ar\:{aspect-ratio:var(--ar)}.-ar\:16\/9{aspect-ratio:16/9}.-ar\:3\/2{aspect-ratio:3/2}.-ar\:1\/1{aspect-ratio:1/1}.-ar\:ogp{aspect-ratio:1.91/1}.-ar\:gold{aspect-ratio:16.18/10}.-op\:0{opacity:0}.-op\:low{opacity:var(--op--low)}.-op\:mid{opacity:var(--op--mid)}.-op\:high{opacity:var(--op--high)}[class*="-bdrs:"]{border-radius:var(--bdrs)}.-bdrs\:0{--bdrs:0}.-bdrs\:1{--bdrs:var(--bdrs--1)}.-bdrs\:2{--bdrs:var(--bdrs--2)}.-bdrs\:3{--bdrs:var(--bdrs--3)}.-bdrs\:4{--bdrs:var(--bdrs--4)}.-bdrs\:5{--bdrs:var(--bdrs--5)}.-bdrs\:99{--bdrs:var(--bdrs--99)}.-bdrs\:inner{border-radius:calc(var(--bdrs, 0) - var(--p, 0)*.9)}[class*="-bxsh:"]{box-shadow:var(--bxsh)}.-bxsh\:0{--bxsh:0}.-bxsh\:1{--bxsh:var(--bxsh--1)}.-bxsh\:2{--bxsh:var(--bxsh--2)}.-bxsh\:3{--bxsh:var(--bxsh--3)}.-bxsh\:4{--bxsh:var(--bxsh--4)}.-bxsh\:5{--bxsh:var(--bxsh--5)}.-bxsh\:-1{--bxsh:var(--bxsh--i1)}.-bxsh\:-2{--bxsh:var(--bxsh--i2)}[class*="-p:"]{padding:var(--p)}.-p\:0{--p:0}.-p\:5{--p:var(--s5)}.-p\:10{--p:var(--s10)}.-p\:15{--p:var(--s15)}.-p\:20{--p:var(--s20)}.-p\:30{--p:var(--s30)}.-p\:40{--p:var(--s40)}.-p\:50{--p:var(--s50)}[class*="-px:"]{padding-inline:var(--px)}.-px\:0{--px:0}.-px\:5{--px:var(--s5)}.-px\:10{--px:var(--s10)}.-px\:15{--px:var(--s15)}.-px\:20{--px:var(--s20)}.-px\:30{--px:var(--s30)}.-px\:40{--px:var(--s40)}.-px\:50{--px:var(--s50)}[class*="-py:"]{padding-block:var(--py)}.-py\:0{--py:0}.-py\:5{--py:var(--s5)}.-py\:10{--py:var(--s10)}.-py\:15{--py:var(--s15)}.-py\:20{--py:var(--s20)}.-py\:30{--py:var(--s30)}.-py\:40{--py:var(--s40)}.-py\:50{--py:var(--s50)}.-pt\:{padding-top:var(--pt)}.-pr\:{padding-right:var(--pr)}.-pb\:{padding-bottom:var(--pb)}.-pl\:{padding-left:var(--pl)}[class*="-pis:"]{padding-inline-start:var(--pis)}.-pis\:0{--pis:0}.-pis\:5{--pis:var(--s5)}.-pis\:10{--pis:var(--s10)}.-pis\:15{--pis:var(--s15)}.-pis\:20{--pis:var(--s20)}.-pis\:30{--pis:var(--s30)}.-pis\:40{--pis:var(--s40)}.-pis\:50{--pis:var(--s50)}[class*="-pbs:"]{padding-block-start:var(--pbs)}.-pbs\:0{--pbs:0}.-pbs\:5{--pbs:var(--s5)}.-pbs\:10{--pbs:var(--s10)}.-pbs\:15{--pbs:var(--s15)}.-pbs\:20{--pbs:var(--s20)}.-pbs\:30{--pbs:var(--s30)}.-pbs\:40{--pbs:var(--s40)}.-pbs\:50{--pbs:var(--s50)}[class*="-m:"]{margin:var(--m)}.-m\:a{--m:auto}.-m\:0{--m:0}.-m\:5{--m:var(--s5)}.-m\:10{--m:var(--s10)}.-m\:15{--m:var(--s15)}.-m\:20{--m:var(--s20)}.-m\:30{--m:var(--s30)}.-m\:40{--m:var(--s40)}.-m\:50{--m:var(--s50)}.-mx\:{margin-inline:var(--mx)}.-mx\:a{margin-inline:auto}.-my\:{margin-block:var(--my)}.-my\:a{margin-block:auto}.-mt\:{margin-top:var(--mt)}.-mt\:a{margin-top:auto}.-mr\:{margin-right:var(--mr)}.-mr\:a{margin-right:auto}.-mb\:{margin-bottom:var(--mb)}.-mb\:a{margin-bottom:auto}.-ml\:{margin-left:var(--ml)}.-ml\:a{margin-left:auto}[class*="-mis:"]{margin-inline-start:var(--mis)}.-mis\:a{--mis:auto}.-mis\:0{--mis:0}.-mis\:5{--mis:var(--s5)}.-mis\:10{--mis:var(--s10)}.-mis\:15{--mis:var(--s15)}.-mis\:20{--mis:var(--s20)}.-mis\:30{--mis:var(--s30)}.-mis\:40{--mis:var(--s40)}.-mis\:50{--mis:var(--s50)}[class*="-mbs:"]{margin-block-start:var(--mbs)}.-mbs\:a{--mbs:auto}.-mbs\:0{--mbs:0}.-mbs\:5{--mbs:var(--s5)}.-mbs\:10{--mbs:var(--s10)}.-mbs\:15{--mbs:var(--s15)}.-mbs\:20{--mbs:var(--s20)}.-mbs\:30{--mbs:var(--s30)}.-mbs\:40{--mbs:var(--s40)}.-mbs\:50{--mbs:var(--s50)}[class*="-g:"]{gap:var(--g)}.-g\:0{--g:0}.-g\:5{--g:var(--s5)}.-g\:10{--g:var(--s10)}.-g\:15{--g:var(--s15)}.-g\:20{--g:var(--s20)}.-g\:30{--g:var(--s30)}.-g\:40{--g:var(--s40)}.-g\:50{--g:var(--s50)}.-g\:inherit{gap:inherit}.-colg\:{-moz-column-gap:var(--colg);column-gap:var(--colg)}.-rowg\:{row-gap:var(--rowg)}.-pos\:r{position:relative}.-pos\:a{position:absolute}.-pos\:s{position:static}.-pos\:f{position:fixed}.-pos\:sti{position:sticky}.-inset\:0{inset:0}.-l\:0{left:0}.-l\:50\%{left:50%}.-l\:100\%{left:100%}.-t\:0{top:0}.-t\:50\%{top:50%}.-t\:100\%{top:100%}.-r\:0{right:0}.-r\:50\%{right:50%}.-r\:100\%{right:100%}.-b\:0{bottom:0}.-b\:50\%{bottom:50%}.-b\:100\%{bottom:100%}.-z\:99{z-index:99}.-z\:2{z-index:2}.-z\:1{z-index:1}.-z\:0{z-index:0}.-z\:-1{z-index:-1}.-ord\:1{order:1}.-ord\:0{order:0}.-ord\:-1{order:-1}.-fxw\:{flex-wrap:var(--fxw)}.-fxw\:w{flex-wrap:wrap}.-fxw\:nw{flex-wrap:nowrap}.-fxd\:{flex-direction:var(--fxd)}.-fxd\:c{flex-direction:column}.-fxd\:cr{flex-direction:column-reverse}.-fxd\:r{flex-direction:row}.-fxd\:rr{flex-direction:row-reverse}.-fx\:{flex:var(--fx)}.-fx\:1{flex:1}.-fxsh\:0{flex-shrink:0}.-fxg\:1{flex-grow:1}.-fxb\:{flex-basis:var(--fxb)}.-gd\:{grid:var(--gd)}.-gta\:{grid-template-areas:var(--gta)}.-gtc\:{grid-template-columns:var(--gtc)}.-gtr\:{grid-template-rows:var(--gtr)}.-gaf\:{grid-auto-flow:var(--gaf)}.-gaf\:r{grid-auto-flow:row}.-gaf\:c{grid-auto-flow:column}.-gac\:{grid-auto-columns:var(--gac)}.-gar\:{grid-auto-rows:var(--gar)}.-ga\:{grid-area:var(--ga)}.-gr\:{grid-row:var(--gr)}.-gc\:{grid-column:var(--gc)}.-ai\:{align-items:var(--ai)}.-ai\:c{align-items:center}.-ai\:s{align-items:start}.-ai\:e{align-items:end}.-ai\:fs{align-items:flex-start}.-ai\:fe{align-items:flex-end}.-ai\:str{align-items:stretch}.-ac\:{align-content:var(--ac)}.-ac\:c{align-content:center}.-ac\:s{align-content:start}.-ac\:e{align-content:end}.-ac\:fs{align-content:flex-start}.-ac\:fe{align-content:flex-end}.-ac\:sb{align-content:space-between}.-ji\:{justify-items:var(--ji)}.-ji\:c{justify-items:center}.-ji\:s{justify-items:start}.-ji\:e{justify-items:end}.-ji\:fs{justify-items:flex-start}.-ji\:fe{justify-items:flex-end}.-ji\:str{justify-items:stretch}.-jc\:{justify-content:var(--jc)}.-jc\:c{justify-content:center}.-jc\:s{justify-content:start}.-jc\:e{justify-content:end}.-jc\:fs{justify-content:flex-start}.-jc\:fe{justify-content:flex-end}.-jc\:sb{justify-content:space-between}.-aslf\:c{align-self:center}.-aslf\:s{align-self:start}.-aslf\:e{align-self:end}.-aslf\:str{align-self:stretch}.-jslf\:c{justify-self:center}.-jslf\:s{justify-self:start}.-jslf\:e{justify-self:end}.-jslf\:str{justify-self:stretch}.-trslt\:-50X{translate:-50% 0}.-trslt\:-50Y{translate:0 -50%}.-trslt\:-50XY{translate:-50% -50%}.-scale\:-X{scale:-1 1}.-scale\:-Y{scale:1 -1}.-scale\:-XY{scale:-1 -1}.-rotate\:45{rotate:45deg}.-rotate\:-45{rotate:-45deg}.-rotate\:90{rotate:90deg}.-rotate\:-90{rotate:-90deg}.-rotate\:180{rotate:180deg}.-whs\:nw{white-space:nowrap}.-ovw\:any{overflow-wrap:anywhere}.-obf\:cn{-o-object-fit:contain;object-fit:contain}.-obf\:cv{-o-object-fit:cover;object-fit:cover}.-wm\:v-rl{writing-mode:vertical-rl}.-bxz\:cb{box-sizing:content-box}@container (min-width: 480px){.-w\@sm{width:var(--sm-w)}.-h\@sm{height:var(--sm-h)}.-maxW\@sm{max-width:var(--sm-maxW)}.-minW\@sm{min-width:var(--sm-minW)}.-maxH\@sm{max-height:var(--sm-maxH)}.-minH\@sm{min-height:var(--sm-minH)}.-bg\@sm{background:var(--sm-bg)}.-bdw\@sm{--bdw:var(--sm-bdw)!important}.-fz\@sm{font-size:var(--sm-fz)}.-d\@sm{display:var(--sm-d)}.-ar\@sm{aspect-ratio:var(--sm-ar)}.-bdrs\@sm{border-radius:var(--sm-bdrs)}.-p\@sm{padding:var(--sm-p)}.-px\@sm{padding-inline:var(--sm-px)}.-py\@sm{padding-block:var(--sm-py)}.-pt\@sm{padding-top:var(--sm-pt)}.-pr\@sm{padding-right:var(--sm-pr)}.-pb\@sm{padding-bottom:var(--sm-pb)}.-pl\@sm{padding-left:var(--sm-pl)}.-pis\@sm{padding-inline-start:var(--sm-pis)}.-pbs\@sm{padding-block-start:var(--sm-pbs)}.-m\@sm{margin:var(--sm-m)}.-mx\@sm{margin-inline:var(--sm-mx)}.-my\@sm{margin-block:var(--sm-my)}.-mt\@sm{margin-top:var(--sm-mt)}.-mr\@sm{margin-right:var(--sm-mr)}.-mb\@sm{margin-bottom:var(--sm-mb)}.-ml\@sm{margin-left:var(--sm-ml)}.-mis\@sm{margin-inline-start:var(--sm-mis)}.-mbs\@sm{margin-block-start:var(--sm-mbs)}.-g\@sm{gap:var(--sm-g)}.-colg\@sm{-moz-column-gap:var(--sm-colg);column-gap:var(--sm-colg)}.-rowg\@sm{row-gap:var(--sm-rowg)}.-fxw\@sm{flex-wrap:var(--sm-fxw)}.-fxd\@sm{flex-direction:var(--sm-fxd)}.-fx\@sm{flex:var(--sm-fx)}.-fxb\@sm{flex-basis:var(--sm-fxb)}.-gd\@sm{grid:var(--sm-gd)}.-gta\@sm{grid-template-areas:var(--sm-gta)}.-gtc\@sm{grid-template-columns:var(--sm-gtc)}.-gtr\@sm{grid-template-rows:var(--sm-gtr)}.-gaf\@sm{grid-auto-flow:var(--sm-gaf)}.-gac\@sm{grid-auto-columns:var(--sm-gac)}.-gar\@sm{grid-auto-rows:var(--sm-gar)}.-ga\@sm{grid-area:var(--sm-ga)}.-gr\@sm{grid-row:var(--sm-gr)}.-gc\@sm{grid-column:var(--sm-gc)}.-ai\@sm{align-items:var(--sm-ai)}.-ac\@sm{align-content:var(--sm-ac)}.-ji\@sm{justify-items:var(--sm-ji)}.-jc\@sm{justify-content:var(--sm-jc)}.-cols\@sm{--cols:var(--sm-cols)!important}.-rows\@sm{--rows:var(--sm-rows)!important}}@container (min-width: 720px){.-w\@md{width:var(--md-w)}.-h\@md{height:var(--md-h)}.-maxW\@md{max-width:var(--md-maxW)}.-minW\@md{min-width:var(--md-minW)}.-maxH\@md{max-height:var(--md-maxH)}.-minH\@md{min-height:var(--md-minH)}.-bg\@md{background:var(--md-bg)}.-bdw\@md{--bdw:var(--md-bdw)!important}.-fz\@md{font-size:var(--md-fz)}.-d\@md{display:var(--md-d)}.-ar\@md{aspect-ratio:var(--md-ar)}.-bdrs\@md{border-radius:var(--md-bdrs)}.-p\@md{padding:var(--md-p)}.-px\@md{padding-inline:var(--md-px)}.-py\@md{padding-block:var(--md-py)}.-pt\@md{padding-top:var(--md-pt)}.-pr\@md{padding-right:var(--md-pr)}.-pb\@md{padding-bottom:var(--md-pb)}.-pl\@md{padding-left:var(--md-pl)}.-pis\@md{padding-inline-start:var(--md-pis)}.-pbs\@md{padding-block-start:var(--md-pbs)}.-m\@md{margin:var(--md-m)}.-mx\@md{margin-inline:var(--md-mx)}.-my\@md{margin-block:var(--md-my)}.-mt\@md{margin-top:var(--md-mt)}.-mr\@md{margin-right:var(--md-mr)}.-mb\@md{margin-bottom:var(--md-mb)}.-ml\@md{margin-left:var(--md-ml)}.-mis\@md{margin-inline-start:var(--md-mis)}.-mbs\@md{margin-block-start:var(--md-mbs)}.-g\@md{gap:var(--md-g)}.-colg\@md{-moz-column-gap:var(--md-colg);column-gap:var(--md-colg)}.-rowg\@md{row-gap:var(--md-rowg)}.-fxw\@md{flex-wrap:var(--md-fxw)}.-fxd\@md{flex-direction:var(--md-fxd)}.-fx\@md{flex:var(--md-fx)}.-fxb\@md{flex-basis:var(--md-fxb)}.-gd\@md{grid:var(--md-gd)}.-gta\@md{grid-template-areas:var(--md-gta)}.-gtc\@md{grid-template-columns:var(--md-gtc)}.-gtr\@md{grid-template-rows:var(--md-gtr)}.-gaf\@md{grid-auto-flow:var(--md-gaf)}.-gac\@md{grid-auto-columns:var(--md-gac)}.-gar\@md{grid-auto-rows:var(--md-gar)}.-ga\@md{grid-area:var(--md-ga)}.-gr\@md{grid-row:var(--md-gr)}.-gc\@md{grid-column:var(--md-gc)}.-ai\@md{align-items:var(--md-ai)}.-ac\@md{align-content:var(--md-ac)}.-ji\@md{justify-items:var(--md-ji)}.-jc\@md{justify-content:var(--md-jc)}.-cols\@md{--cols:var(--md-cols)!important}.-rows\@md{--rows:var(--md-rows)!important}}@container (min-width: 960px){.-w\@lg{width:var(--lg-w)}.-h\@lg{height:var(--lg-h)}.-maxW\@lg{max-width:var(--lg-maxW)}.-minW\@lg{min-width:var(--lg-minW)}.-maxH\@lg{max-height:var(--lg-maxH)}.-minH\@lg{min-height:var(--lg-minH)}.-bg\@lg{background:var(--lg-bg)}.-bdw\@lg{--bdw:var(--lg-bdw)!important}.-fz\@lg{font-size:var(--lg-fz)}.-d\@lg{display:var(--lg-d)}.-ar\@lg{aspect-ratio:var(--lg-ar)}.-bdrs\@lg{border-radius:var(--lg-bdrs)}.-p\@lg{padding:var(--lg-p)}.-px\@lg{padding-inline:var(--lg-px)}.-py\@lg{padding-block:var(--lg-py)}.-pt\@lg{padding-top:var(--lg-pt)}.-pr\@lg{padding-right:var(--lg-pr)}.-pb\@lg{padding-bottom:var(--lg-pb)}.-pl\@lg{padding-left:var(--lg-pl)}.-pis\@lg{padding-inline-start:var(--lg-pis)}.-pbs\@lg{padding-block-start:var(--lg-pbs)}.-m\@lg{margin:var(--lg-m)}.-mx\@lg{margin-inline:var(--lg-mx)}.-my\@lg{margin-block:var(--lg-my)}.-mt\@lg{margin-top:var(--lg-mt)}.-mr\@lg{margin-right:var(--lg-mr)}.-mb\@lg{margin-bottom:var(--lg-mb)}.-ml\@lg{margin-left:var(--lg-ml)}.-mis\@lg{margin-inline-start:var(--lg-mis)}.-mbs\@lg{margin-block-start:var(--lg-mbs)}.-g\@lg{gap:var(--lg-g)}.-colg\@lg{-moz-column-gap:var(--lg-colg);column-gap:var(--lg-colg)}.-rowg\@lg{row-gap:var(--lg-rowg)}.-fxw\@lg{flex-wrap:var(--lg-fxw)}.-fxd\@lg{flex-direction:var(--lg-fxd)}.-fx\@lg{flex:var(--lg-fx)}.-fxb\@lg{flex-basis:var(--lg-fxb)}.-gd\@lg{grid:var(--lg-gd)}.-gta\@lg{grid-template-areas:var(--lg-gta)}.-gtc\@lg{grid-template-columns:var(--lg-gtc)}.-gtr\@lg{grid-template-rows:var(--lg-gtr)}.-gaf\@lg{grid-auto-flow:var(--lg-gaf)}.-gac\@lg{grid-auto-columns:var(--lg-gac)}.-gar\@lg{grid-auto-rows:var(--lg-gar)}.-ga\@lg{grid-area:var(--lg-ga)}.-gr\@lg{grid-row:var(--lg-gr)}.-gc\@lg{grid-column:var(--lg-gc)}.-ai\@lg{align-items:var(--lg-ai)}.-ac\@lg{align-content:var(--lg-ac)}.-ji\@lg{justify-items:var(--lg-ji)}.-jc\@lg{justify-content:var(--lg-jc)}.-cols\@lg{--cols:var(--lg-cols)!important}.-rows\@lg{--rows:var(--lg-rows)!important}}@media (any-hover:hover){.-hov\:fade:hover{opacity:.65}.-hov\:c\::hover{color:var(--hov-c)!important}.-hov\:bdc\::hover{border-color:var(--hov-bdc)!important}.-hov\:bgc\::hover{background-color:var(--hov-bgc)!important}.-hov\:bxsh\::hover{box-shadow:var(--hov-bxsh)}.-hov\:set:hover{--_notHov: }.-hov\:set:not(:hover){--_isHov: }}@media (any-hover:none){.-hov\:set{--_isHov: }}.-hov\:get\:hide{opacity:var(--_isHov,0)}.-hov\:get\:show{opacity:var(--_notHov,0);visibility:var(--_notHov,hidden)}
package/dist/css/state.css CHANGED
@@ -1 +1 @@
1
- .has--gutter{padding-inline:var(--gutter)}.has--divider{--bdc:var(--c--divider);--bds:solid;--bdw:1px;--_isRow:0}.has--divider:where(.l--flex,.-fxd\:r,.-fxd\:rr){--_isRow:1}.has--divider>:where(:not(:last-child)){--_bdw:calc(var(--_isRow, 0)*var(--bdw));border-block-end:var(--bds) calc(var(--bdw) - var(--_bdw)) var(--bdc);border-inline-end:var(--bds) var(--_bdw) var(--bdc)}.is--flow>*{--mbs:var(--flowGap,var(--flowGap--m));margin-block:var(--mbs) 0}.-flow\:s>*{--flowGap:var(--flowGap--s)}.-flow\:ms>*{--flowGap:var(--flowGap--m)}.-flow\:l>*{--flowGap:var(--flowGap--l)}.is--flow>:where(h1,h2,h3:not(h2+h3)){--flowGap:var(--flowGap--h)}.is--flow>:first-child{--flowGap:0}.is--container{container-type:inline-size;inline-size:100%;margin-inline:auto}.is--container>*{--maxIs:var(--item-size,100%);margin-inline:auto;max-inline-size:min(100%,var(--maxIs,100%))}.-container\:s{--item-size:var(--size--s);--wide-size:var(--size--m)}.-container\:m{--item-size:var(--size--m);--wide-size:var(--size--l)}.-container\:l{--item-size:var(--size--l);--wide-size:var(--size--xl)}.is--fullwide{max-inline-size:100%}:where(.has--gutter)>.is--fullwide{margin-inline:calc(var(--gutter)*-1);max-inline-size:calc(100% + var(--gutter)*2)}.is--fullwide+.is--fullwide{--flowGap:0}.is--wide{max-inline-size:var(--wide-size,100%)}.is--overwide{margin-inline:calc(50% - var(--overwide-size)/2);max-inline-size:var(--overwide-size,100vw)}@supports (content-visibility:auto) or (top:0lh){@property --overwide-size{syntax:"<length-percentage>";initial-value:100%;inherits:true}.is--container{--overwide-size:100cqw}}.is--linkBox{color:inherit;cursor:pointer;display:block;isolation:isolate;pointer-events:auto;position:relative;text-decoration:none}is--linkBox>:where(a){pointer-events:auto;position:relative;z-index:1}.is--layer{inset:0;overflow:hidden;position:absolute}
1
+ .has--gutter{padding-inline:var(--gutter)}.has--divider{--bdc:var(--c--divider);--bds:solid;--bdw:1px;--_isRow:0}.has--divider:where(.l--flex,.-fxd\:r,.-fxd\:rr){--_isRow:1}.has--divider>:where(:not(:last-child)){--_bdw:calc(var(--_isRow, 0)*var(--bdw));border-block-end:var(--bds) calc(var(--bdw) - var(--_bdw)) var(--bdc);border-inline-end:var(--bds) var(--_bdw) var(--bdc)}.is--flow>*{--mbs:var(--flowGap,var(--flowGap--m));margin-block:var(--mbs) 0}.-flow\:s>*{--flowGap:var(--flowGap--s)}.-flow\:ms>*{--flowGap:var(--flowGap--m)}.-flow\:l>*{--flowGap:var(--flowGap--l)}.is--flow>:where(h1,h2,h3:not(h2+h3)){--flowGap:var(--flowGap--h)}.is--flow>:first-child{margin-block-start:0}.is--container{container-type:inline-size;inline-size:100%;margin-inline:auto}.is--container>*{--maxIs:var(--item-size,100%);margin-inline:auto;max-inline-size:min(100%,var(--maxIs,100%))}.-container\:s{--item-size:var(--size--s);--wide-size:var(--size--m)}.-container\:m{--item-size:var(--size--m);--wide-size:var(--size--l)}.-container\:l{--item-size:var(--size--l);--wide-size:var(--size--xl)}.is--fullwide{max-inline-size:100%}:where(.has--gutter)>.is--fullwide{margin-inline:calc(var(--gutter)*-1);max-inline-size:calc(100% + var(--gutter)*2)}.is--fullwide+.is--fullwide{--flowGap:0}.is--wide{max-inline-size:var(--wide-size,100%)}.is--overwide{margin-inline:calc(50% - var(--overwide-size)/2);max-inline-size:var(--overwide-size,100vw)}@supports (content-visibility:auto) or (top:0lh){@property --overwide-size{syntax:"<length-percentage>";initial-value:100%;inherits:true}.is--container{--overwide-size:100cqw}}.is--linkBox{color:inherit;cursor:pointer;display:block;isolation:isolate;pointer-events:auto;position:relative;text-decoration:none}is--linkBox>:where(a){pointer-events:auto;position:relative;z-index:1}.is--layer{inset:0;overflow:hidden;position:absolute}
package/dist/css/with_layer.css CHANGED
@@ -1 +1 @@
1
- @layer lism.reset, lism.base, lism.state, lism.layout, lism.dynamic, lism.component, lism.utility;@layer lism.reset{*,:after,:before{box-sizing:border-box}*{margin:0}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}rt{font-size:50%}:where(img){block-size:auto;max-inline-size:100%;vertical-align:middle}:where(iframe,audio,picture,video){display:block;max-inline-size:100%}:where(iframe){border:none}:where(input,button,textarea,select){color:inherit;font:inherit;text-transform:none}textarea{resize:vertical}button,label,select,summary{cursor:pointer}:disabled{cursor:not-allowed}[aria-busy=true]{cursor:progress}}@layer lism.base{:root{--size--xl:1600px;--size--l:1280px;--size--m:960px;--size--s:640px;--size--xs:16rem;--herfLeading:calc(0.5lh - 0.5em);--s5:0.25rem;--s10:0.375rem;--s20:0.625rem;--s30:1rem;--s40:1.625rem;--s50:2.625rem;--s60:4.25rem;--s70:6.875rem;--s80:11.125rem;--flowGap--s:var(--s30);--flowGap--m:var(--s40);--flowGap--l:var(--s50);--flowGap--h:2.5em;--gutter:var(--s40);--ff--base:-apple-system,"BlinkMacSystemFont","Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif,"Segoe UI Emoji";--ff--accent:"Garamond","Baskerville","Times New Roman",serif;--ff--mono:Menlo,Consolas,monaco,monospace;--fz-mol:8;--fz--4xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 5));--fz--3xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 4));--fz--2xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 3));--fz--xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 2));--fz--l:calc(1em*var(--fz-mol)/(var(--fz-mol) - 1));--fz--m:1em;--fz--s:calc(1em*var(--fz-mol)/(var(--fz-mol) + 1));--fz--xs:calc(1em*var(--fz-mol)/(var(--fz-mol) + 2));--fz--2xs:calc(1em*var(--fz-mol)/(var(--fz-mol) + 3));--fw--light:300;--fw--normal:400;--fw--medium:500;--fw--bold:700;--lh--base:1.75;--lh--xs:calc(var(--lh--base) - 0.25);--lh--s:calc(var(--lh--base) - 0.125);--lh--l:calc(var(--lh--base) + 0.125);--lh--xl:calc(var(--lh--base) + 0.25);--lts--base:normal;--lts--s:-0.05em;--lts--l:0.05em;--lts--xl:0.125em;--black:#000;--white:#fff;--gray:#566676;--red:#db3024;--orange:#dc6d18;--yellow:#dcb518;--green:#1abc3a;--blue:#2192de;--purple:#6124db;--pink:#db249e;--c--main:#1e4e6b;--c--accent:#bc3453;--c--base:#fcfcfd;--c--base-2:#eeeff1;--c--text-hsl:224 4% 8%;--c--text:hsl(var(--c--text-hsl));--c--text-2:#62646a;--c--divider:#cfd0d3;--c--link:#0c61e4;--op--low:0.25;--op--mid:0.5;--op--high:0.75;--trsdu--default:0.4s;--trsdu--modal:0.5s;--trsdu--acc:0.4s;--bdrs--1:0.125rem;--bdrs--2:0.25rem;--bdrs--3:0.5rem;--bdrs--4:1rem;--bdrs--5:2rem;--bdrs--99:99rem;--sh-hsl:var(--c--text-hsl);--sh-a:6%;--sh-sz--0:1px 2px 4px 0;--sh-sz--1:2px 4px 8px 0;--sh-sz--2:3px 6px 12px 0;--sh-sz--3:5px 10px 20px 0;--sh-sz--4:8px 16px 32px 0;--sh-sz--5:13px 26px 52px 0}@supports not (gap:1lh){:root{--herfLeading:0.125em}}html{font-size:var(--root-fz);-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}body{background-color:var(--c--base);color:var(--c--text);font-family:var(--ff--base);font-size:1rem;letter-spacing:var(--lts--base);line-height:var(--lh--base);overflow-x:clip}:where(h1,h2,h3,h4,h5,h6){font-family:var(--heading-ff,inherit);font-size:var(--fz,revert);font-weight:var(--heading-fw,bolder);line-height:var(--lh,inherit)}h1{--fz:var(--fz--3xl);--lh:var(--lh--xs)}h2{--fz:var(--fz--2xl);--lh:var(--lh--xs)}h3{--fz:var(--fz--xl);--lh:var(--lh--s)}h4{--fz:var(--fz--l);--lh:var(--lh--s)}h5{--fz:var(--fz--m)}h6{--fz:var(--fz--s)}:where(ul,ol){list-style:none;padding:0;padding-inline-start:var(--list-pis,0)}:where(ul,ol):not([class]){--list-pis:1.5em;list-style:revert}:where(a){color:var(--c--link);-webkit-text-decoration:var(--link-td,underline);text-decoration:var(--link-td,underline)}:where(td,th){min-inline-size:var(--cell-minIs,unset);padding:var(--cell-p,.5em)}:where(th){background-color:var(--th-bgc,transparent);color:var(--th-c,inherit)}:where(td){background-color:var(--td-bgc,transparent);color:var(--td-c,inherit)}:where(hr){block-size:0;border:none;border-block-start:1px solid}:where(blockquote){border-inline-start:3px solid currentColor;padding:var(--s30)}:where(pre){overflow-x:auto}body:where(:has(:modal[open])){overflow:hidden}dialog:where(:not([open])){pointer-events:none}:root{--root-fz:clamp(0.875rem,0.625rem + 1vw,1rem);--hov-trsdu:0.3s;--overwide-size:100vw}.re--sh,:root{--sh-color:hsl(var(--sh-hsl)/var(--sh-a));--bxsh--1:var(--sh-sz--0) var(--sh-color),var(--sh-sz--1) var(--sh-color);--bxsh--2:var(--sh-sz--1) var(--sh-color),var(--sh-sz--2) var(--sh-color);--bxsh--3:var(--sh-sz--2) var(--sh-color),var(--sh-sz--3) var(--sh-color);--bxsh--4:var(--sh-sz--3) var(--sh-color),var(--sh-sz--4) var(--sh-color);--bxsh--5:var(--sh-sz--4) var(--sh-color),var(--sh-sz--5) var(--sh-color);--bxsh--i1:inset var(--sh-sz--0) var(--sh-color),inset var(--sh-sz--1) var(--sh-color);--bxsh--i2:inset var(--sh-sz--1) var(--sh-color),inset var(--sh-sz--2) var(--sh-color)}:where(.re--style){background:none;border:none;color:inherit;font:inherit;height:auto;margin:0;max-height:unset;max-width:unset;padding:0;width:auto}.re--list{--list-pis:1.5em;list-style:revert}}@layer lism.state{.has--gutter{padding-inline:var(--gutter)}.has--divider{--bdc:var(--c--divider);--bds:solid;--bdw:1px;--_isRow:0}.has--divider:where(.l--flex,.-fxd\:r,.-fxd\:rr){--_isRow:1}.has--divider>:where(:not(:last-child)){--_bdw:calc(var(--_isRow, 0)*var(--bdw));border-block-end:var(--bds) calc(var(--bdw) - var(--_bdw)) var(--bdc);border-inline-end:var(--bds) var(--_bdw) var(--bdc)}.is--flow>*{--mbs:var(--flowGap,var(--flowGap--m));margin-block:var(--mbs) 0}.-flow\:s>*{--flowGap:var(--flowGap--s)}.-flow\:ms>*{--flowGap:var(--flowGap--m)}.-flow\:l>*{--flowGap:var(--flowGap--l)}.is--flow>:where(h1,h2,h3:not(h2+h3)){--flowGap:var(--flowGap--h)}.is--flow>:first-child{--flowGap:0}.is--container{container-type:inline-size;inline-size:100%;margin-inline:auto}.is--container>*{--maxIs:var(--item-size,100%);margin-inline:auto;max-inline-size:min(100%,var(--maxIs,100%))}.-container\:s{--item-size:var(--size--s);--wide-size:var(--size--m)}.-container\:m{--item-size:var(--size--m);--wide-size:var(--size--l)}.-container\:l{--item-size:var(--size--l);--wide-size:var(--size--xl)}.is--fullwide{max-inline-size:100%}:where(.has--gutter)>.is--fullwide{margin-inline:calc(var(--gutter)*-1);max-inline-size:calc(100% + var(--gutter)*2)}.is--fullwide+.is--fullwide{--flowGap:0}.is--wide{max-inline-size:var(--wide-size,100%)}.is--overwide{margin-inline:calc(50% - var(--overwide-size)/2);max-inline-size:var(--overwide-size,100vw)}@supports (content-visibility:auto) or (top:0lh){@property --overwide-size{syntax:"<length-percentage>";initial-value:100%;inherits:true}.is--container{--overwide-size:100cqw}}.is--linkBox{color:inherit;cursor:pointer;display:block;isolation:isolate;pointer-events:auto;position:relative;text-decoration:none}is--linkBox>:where(a){pointer-events:auto;position:relative;z-index:1}.is--layer{inset:0;overflow:hidden;position:absolute}}@layer lism.layout{.l--frame{overflow:hidden}.l--frame>:where(img,video,picture,iframe){display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.l--flex{display:flex}.l--flex--cluster{align-items:center;flex-wrap:wrap}.l--grid{display:grid}.l--grid--repeat{--rows:1;--cols:1;grid-template:repeat(var(--rows),1fr)/repeat(var(--cols),1fr)}.l--stack{display:flex;flex-direction:column}.l--center{display:grid;place-content:center;place-items:center}.l--columns{--cols:2;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr))}.l--columns--liquid{--col-auto:auto-fill;--col-size:var(--size--xs);display:grid;grid-template-columns:repeat(var(--col-auto),minmax(min(var(--col-size),100%),1fr))}.l--withSide{--side-w:auto;--main-w:max(var(--size--xs),50%);display:flex;flex-wrap:wrap}.l--withSide>[data-is-side]{flex-basis:var(--side-w);flex-grow:1}.l--withSide>:not([data-is-side]){flex-basis:min(100%,var(--main-w));flex-grow:9999999}.l--icon{--scale:1;--offset:0;display:inline-flex;flex-shrink:0;scale:var(--scale);translate:var(--offset);vertical-align:middle}.l--icon:where(:not([fill])){fill:currentcolor}.l--icon:where(:not([width])){height:1em;width:1em}.l--divider{--bdc:var(--c--divider)}}@layer lism.dynamic{.d--accordion{--trsdu:var(--trsdu--acc)}.d--accordion.-opened{--_notOpened: }.d--accordion:not(.-opened){--_isOpened: }.d--accordion__header{gap:.5em;outline-offset:-1px}.d--accordion__header::-webkit-details-marker{display:none}.d--accordion__body{grid-template-rows:1fr;transition-duration:var(--trsdu);transition-property:margin-block,padding-block,opacity,grid-template-rows}:where(.d--accordion:not(.-opened))>.d--accordion__body{grid-template-rows:0fr;margin-block:0!important;padding-block:0!important}:where(.d--accordion__icon)>.l--icon{rotate:var(--_isOpened,-180deg);transition-duration:var(--trsdu)}:where(.d--modal){--mbs:0;--offset:0 0;--backdrop:rgba(0,0,0,.6);transition-duration:var(--trsdu--modal)}:where(.d--modal)::backdrop{background:var(--backdrop);transition:opacity var(--trsdu--modal)}.d--modal__body{overscroll-behavior:contain}.d--modal:not([data-is-open]){translate:var(--offset)}.d--modal:not([data-is-open]),.d--modal:not([data-is-open])::backdrop{opacity:0}.d--tabs{display:grid;grid:"list" "panel"}.d--tabs__list{grid-area:list;overflow-x:auto}.d--tabs__tab[aria-selected=true]{--_notActive: }.d--tabs__tab[aria-selected=false]{--_isActive: }:where(.d--tabs__tab){color:var(--_notActive,var(--c--text-2))}.d--tabs__panel{grid-area:panel;overflow-x:auto;width:100%}.d--tabs__panel:where([aria-hidden=true]){display:none}}
1
+ @layer lism.reset, lism.base, lism.state, lism.layout, lism.dynamic, lism.component, lism.utility;@layer lism.reset{*,:after,:before{box-sizing:border-box}*{margin:0}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}rt{font-size:50%}:where(img){block-size:auto;max-inline-size:100%;vertical-align:middle}:where(iframe,audio,picture,video){display:block;max-inline-size:100%}:where(iframe){border:none}:where(input,button,textarea,select){color:inherit;font:inherit;text-transform:none}textarea{resize:vertical}button,label,select,summary{cursor:pointer}:disabled{cursor:not-allowed}[aria-busy=true]{cursor:progress}}@layer lism.base{:root{--size--xl:1600px;--size--l:1280px;--size--m:960px;--size--s:640px;--size--xs:16rem;--herfLeading:calc(0.5lh - 0.5em);--s5:0.25rem;--s10:0.375rem;--s20:0.625rem;--s30:1rem;--s40:1.625rem;--s50:2.625rem;--s60:4.25rem;--s70:6.875rem;--s80:11.125rem;--flowGap--s:var(--s30);--flowGap--m:var(--s40);--flowGap--l:var(--s50);--flowGap--h:2.5em;--gutter:var(--s40);--ff--base:-apple-system,"BlinkMacSystemFont","Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif,"Segoe UI Emoji";--ff--accent:"Garamond","Baskerville","Times New Roman",serif;--ff--mono:Menlo,Consolas,monaco,monospace;--fz-mol:8;--fz--4xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 5));--fz--3xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 4));--fz--2xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 3));--fz--xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 2));--fz--l:calc(1em*var(--fz-mol)/(var(--fz-mol) - 1));--fz--m:1em;--fz--s:calc(1em*var(--fz-mol)/(var(--fz-mol) + 1));--fz--xs:calc(1em*var(--fz-mol)/(var(--fz-mol) + 2));--fz--2xs:calc(1em*var(--fz-mol)/(var(--fz-mol) + 3));--fw--light:300;--fw--normal:400;--fw--medium:500;--fw--bold:700;--lh--base:1.75;--lh--xs:calc(var(--lh--base) - 0.25);--lh--s:calc(var(--lh--base) - 0.125);--lh--l:calc(var(--lh--base) + 0.125);--lh--xl:calc(var(--lh--base) + 0.25);--lts--base:normal;--lts--s:-0.05em;--lts--l:0.05em;--lts--xl:0.125em;--black:#000;--white:#fff;--gray:#566676;--red:#db3024;--orange:#dc6d18;--yellow:#dcb518;--green:#1abc3a;--blue:#2192de;--purple:#6124db;--pink:#db249e;--c--main:#1e4e6b;--c--accent:#bc3453;--c--base:#fcfcfd;--c--base-2:#eeeff1;--c--text-hsl:224 4% 8%;--c--text:hsl(var(--c--text-hsl));--c--text-2:#62646a;--c--divider:#cfd0d3;--c--link:#0c61e4;--op--low:0.25;--op--mid:0.5;--op--high:0.75;--trsdu--default:0.4s;--trsdu--modal:0.5s;--trsdu--acc:0.4s;--bdrs--1:0.125rem;--bdrs--2:0.25rem;--bdrs--3:0.5rem;--bdrs--4:1rem;--bdrs--5:2rem;--bdrs--99:99rem;--sh-hsl:var(--c--text-hsl);--sh-a:6%;--sh-sz--0:1px 2px 4px 0;--sh-sz--1:2px 4px 8px 0;--sh-sz--2:3px 6px 12px 0;--sh-sz--3:5px 10px 20px 0;--sh-sz--4:8px 16px 32px 0;--sh-sz--5:13px 26px 52px 0}@supports not (gap:1lh){:root{--herfLeading:0.125em}}html{font-size:var(--root-fz);-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}body{background-color:var(--c--base);color:var(--c--text);font-family:var(--ff--base);font-size:1rem;letter-spacing:var(--lts--base);line-height:var(--lh--base);overflow-x:clip}:where(h1,h2,h3,h4,h5,h6){font-family:var(--heading-ff,inherit);font-size:var(--fz,revert);font-weight:var(--heading-fw,bolder);line-height:var(--lh,inherit)}h1{--fz:var(--fz--3xl);--lh:var(--lh--xs)}h2{--fz:var(--fz--2xl);--lh:var(--lh--xs)}h3{--fz:var(--fz--xl);--lh:var(--lh--s)}h4{--fz:var(--fz--l);--lh:var(--lh--s)}h5{--fz:var(--fz--m)}h6{--fz:var(--fz--s)}:where(ul,ol){list-style:none;padding:0;padding-inline-start:var(--list-pis,0)}:where(ul,ol):not([class]){--list-pis:1.5em;list-style:revert}:where(a){color:var(--c--link);-webkit-text-decoration:var(--link-td,underline);text-decoration:var(--link-td,underline)}:where(td,th){min-inline-size:var(--cell-minIs,unset);padding:var(--cell-p,.5em)}:where(th){background-color:var(--th-bgc,transparent);color:var(--th-c,inherit)}:where(td){background-color:var(--td-bgc,transparent);color:var(--td-c,inherit)}:where(hr){block-size:0;border:none;border-block-start:1px solid}:where(blockquote){border-inline-start:3px solid currentColor;padding:var(--s30)}:where(pre){overflow-x:auto}body:where(:has(:modal[open])){overflow:hidden}dialog:where(:not([open])){pointer-events:none}:root{--root-fz:clamp(0.875rem,0.625rem + 1vw,1rem);--hov-trsdu:0.3s;--overwide-size:100vw}.re--sh,:root{--sh-color:hsl(var(--sh-hsl)/var(--sh-a));--bxsh--1:var(--sh-sz--0) var(--sh-color),var(--sh-sz--1) var(--sh-color);--bxsh--2:var(--sh-sz--1) var(--sh-color),var(--sh-sz--2) var(--sh-color);--bxsh--3:var(--sh-sz--2) var(--sh-color),var(--sh-sz--3) var(--sh-color);--bxsh--4:var(--sh-sz--3) var(--sh-color),var(--sh-sz--4) var(--sh-color);--bxsh--5:var(--sh-sz--4) var(--sh-color),var(--sh-sz--5) var(--sh-color);--bxsh--i1:inset var(--sh-sz--0) var(--sh-color),inset var(--sh-sz--1) var(--sh-color);--bxsh--i2:inset var(--sh-sz--1) var(--sh-color),inset var(--sh-sz--2) var(--sh-color)}:where(.re--style){background:none;border:none;color:inherit;font:inherit;height:auto;margin:0;max-height:unset;max-width:unset;padding:0;width:auto}.re--list{--list-pis:1.5em;list-style:revert}}@layer lism.state{.has--gutter{padding-inline:var(--gutter)}.has--divider{--bdc:var(--c--divider);--bds:solid;--bdw:1px;--_isRow:0}.has--divider:where(.l--flex,.-fxd\:r,.-fxd\:rr){--_isRow:1}.has--divider>:where(:not(:last-child)){--_bdw:calc(var(--_isRow, 0)*var(--bdw));border-block-end:var(--bds) calc(var(--bdw) - var(--_bdw)) var(--bdc);border-inline-end:var(--bds) var(--_bdw) var(--bdc)}.is--flow>*{--mbs:var(--flowGap,var(--flowGap--m));margin-block:var(--mbs) 0}.-flow\:s>*{--flowGap:var(--flowGap--s)}.-flow\:ms>*{--flowGap:var(--flowGap--m)}.-flow\:l>*{--flowGap:var(--flowGap--l)}.is--flow>:where(h1,h2,h3:not(h2+h3)){--flowGap:var(--flowGap--h)}.is--flow>:first-child{margin-block-start:0}.is--container{container-type:inline-size;inline-size:100%;margin-inline:auto}.is--container>*{--maxIs:var(--item-size,100%);margin-inline:auto;max-inline-size:min(100%,var(--maxIs,100%))}.-container\:s{--item-size:var(--size--s);--wide-size:var(--size--m)}.-container\:m{--item-size:var(--size--m);--wide-size:var(--size--l)}.-container\:l{--item-size:var(--size--l);--wide-size:var(--size--xl)}.is--fullwide{max-inline-size:100%}:where(.has--gutter)>.is--fullwide{margin-inline:calc(var(--gutter)*-1);max-inline-size:calc(100% + var(--gutter)*2)}.is--fullwide+.is--fullwide{--flowGap:0}.is--wide{max-inline-size:var(--wide-size,100%)}.is--overwide{margin-inline:calc(50% - var(--overwide-size)/2);max-inline-size:var(--overwide-size,100vw)}@supports (content-visibility:auto) or (top:0lh){@property --overwide-size{syntax:"<length-percentage>";initial-value:100%;inherits:true}.is--container{--overwide-size:100cqw}}.is--linkBox{color:inherit;cursor:pointer;display:block;isolation:isolate;pointer-events:auto;position:relative;text-decoration:none}is--linkBox>:where(a){pointer-events:auto;position:relative;z-index:1}.is--layer{inset:0;overflow:hidden;position:absolute}}@layer lism.layout{.l--frame{overflow:hidden}.l--frame>:where(img,video,picture,iframe){display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.l--flex{display:flex}.l--flex--cluster{align-items:center;flex-wrap:wrap}.l--grid{display:grid}.l--grid--repeat{--rows:1;--cols:1;grid-template:repeat(var(--rows),1fr)/repeat(var(--cols),1fr)}.l--stack{display:flex;flex-direction:column}.l--center{display:grid;place-content:center;place-items:center}.l--columns{--cols:2;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr))}.l--columns--liquid{--col-auto:auto-fill;--col-size:var(--size--xs);display:grid;grid-template-columns:repeat(var(--col-auto),minmax(min(var(--col-size),100%),1fr))}.l--withSide{--side-w:auto;--main-w:max(var(--size--xs),50%);display:flex;flex-wrap:wrap}.l--withSide>[data-is-side]{flex-basis:var(--side-w);flex-grow:1}.l--withSide>:not([data-is-side]){flex-basis:min(100%,var(--main-w));flex-grow:9999999}.l--icon{--scale:1;--offset:0;display:inline-flex;flex-shrink:0;scale:var(--scale);translate:var(--offset);vertical-align:middle}.l--icon:where(:not([fill])){fill:currentcolor}.l--icon:where(:not([width])){height:1em;width:1em}.l--divider{--bdc:var(--c--divider)}}@layer lism.dynamic{.d--accordion{--trsdu:var(--trsdu--acc)}.d--accordion.-opened{--_notOpened: }.d--accordion:not(.-opened){--_isOpened: }.d--accordion__header{gap:.5em;outline-offset:-1px}.d--accordion__header::-webkit-details-marker{display:none}.d--accordion__body{grid-template-rows:1fr;transition-duration:var(--trsdu);transition-property:margin-block,padding-block,opacity,grid-template-rows}:where(.d--accordion:not(.-opened))>.d--accordion__body{grid-template-rows:0fr;margin-block:0!important;padding-block:0!important}:where(.d--accordion__icon)>.l--icon{rotate:var(--_isOpened,-180deg);transition-duration:var(--trsdu)}:where(.d--modal){--mbs:0;--offset:0 0;--backdrop:rgba(0,0,0,.6);transition-duration:var(--trsdu--modal)}:where(.d--modal)::backdrop{background:var(--backdrop);transition:opacity var(--trsdu--modal)}.d--modal__body{overscroll-behavior:contain}.d--modal:not([data-is-open]){translate:var(--offset)}.d--modal:not([data-is-open]),.d--modal:not([data-is-open])::backdrop{opacity:0}.d--tabs{display:grid;grid:"list" "panel"}.d--tabs__list{grid-area:list;overflow-x:auto}.d--tabs__tab[aria-selected=true]{--_notActive: }.d--tabs__tab[aria-selected=false]{--_isActive: }:where(.d--tabs__tab){color:var(--_notActive,var(--c--text-2))}.d--tabs__panel{grid-area:panel;overflow-x:auto;width:100%}.d--tabs__panel:where([aria-hidden=true]){display:none}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "lism-css",
3
- "version": "0.0.5",
3
+ "version": "0.0.6",
4
4
  "description": "",
5
5
  "author": {
6
6
  "name": "ddryo",
@@ -9,8 +9,8 @@
9
9
  "license": "MIT",
10
10
  "keywords": [
11
11
  "css-framework",
12
- "react",
13
- "design-system"
12
+ "astro-component",
13
+ "react-component"
14
14
  ],
15
15
  "scripts": {
16
16
  "dev": "vite",
@@ -27,16 +27,23 @@
27
27
  ],
28
28
  "type": "module",
29
29
  "main": "./dist/index.js",
30
+ "types": "./packages/types/index.d.ts",
30
31
  "exports": {
31
32
  ".": "./dist/index.js",
32
33
  "./*": "./dist/*",
33
- "./react": "./dist/index.js",
34
+ "./react": {
35
+ "import": "./dist/index.js",
36
+ "types": "./packages/types/index.d.ts"
37
+ },
34
38
  "./react/*": "./dist/components/*",
35
39
  "./next-js/*": "./packages/next-js/*",
36
- "./astro": "./packages/astro/index.js",
40
+ "./astro": {
41
+ "import": "./packages/astro/index.js",
42
+ "types": "./packages/types/index.d.ts"
43
+ },
37
44
  "./astro/*": "./packages/astro/*",
38
45
  "./scss/*": "./src/scss/*",
39
- "./all_with_layer.css": "./dist/css/all_with_layer.css",
46
+ "./all_no_layer.css": "./dist/css/all_no_layer.css",
40
47
  "./all.css": "./dist/css/all.css"
41
48
  },
42
49
  "homepage": "https://www.lism.style",
package/packages/types/index.d.ts ADDED
@@ -0,0 +1,372 @@
1
+ import * as React from 'react';
2
+
3
+ // Base types
4
+ export interface LismCSSValue {
5
+ base?: string | number;
6
+ sm?: string | number;
7
+ md?: string | number;
8
+ lg?: string | number;
9
+ xl?: string | number;
10
+ [key: string]: string | number | undefined;
11
+ }
12
+
13
+ export type ResponsiveValue<T> = T | LismCSSValue | (T | null)[];
14
+
15
+ export interface LismBaseProps {
16
+ // Layout
17
+ p?: ResponsiveValue<string | number>;
18
+ px?: ResponsiveValue<string | number>;
19
+ py?: ResponsiveValue<string | number>;
20
+ pl?: ResponsiveValue<string | number>;
21
+ pr?: ResponsiveValue<string | number>;
22
+ pt?: ResponsiveValue<string | number>;
23
+ pb?: ResponsiveValue<string | number>;
24
+ pis?: ResponsiveValue<string | number>;
25
+ pie?: ResponsiveValue<string | number>;
26
+ pbs?: ResponsiveValue<string | number>;
27
+ pbe?: ResponsiveValue<string | number>;
28
+
29
+ m?: ResponsiveValue<string | number>;
30
+ mx?: ResponsiveValue<string | number>;
31
+ my?: ResponsiveValue<string | number>;
32
+ ml?: ResponsiveValue<string | number>;
33
+ mr?: ResponsiveValue<string | number>;
34
+ mt?: ResponsiveValue<string | number>;
35
+ mb?: ResponsiveValue<string | number>;
36
+ mis?: ResponsiveValue<string | number>;
37
+ mie?: ResponsiveValue<string | number>;
38
+ mbs?: ResponsiveValue<string | number>;
39
+ mbe?: ResponsiveValue<string | number>;
40
+
41
+ // Sizing
42
+ w?: ResponsiveValue<string | number>;
43
+ h?: ResponsiveValue<string | number>;
44
+ minW?: ResponsiveValue<string | number>;
45
+ minH?: ResponsiveValue<string | number>;
46
+ maxW?: ResponsiveValue<string | number>;
47
+ maxH?: ResponsiveValue<string | number>;
48
+ maxIs?: ResponsiveValue<string | number>;
49
+ maxBs?: ResponsiveValue<string | number>;
50
+ minIs?: ResponsiveValue<string | number>;
51
+ minBs?: ResponsiveValue<string | number>;
52
+
53
+ // Display
54
+ d?: ResponsiveValue<string>;
55
+ pos?: ResponsiveValue<string>;
56
+ z?: ResponsiveValue<string | number>;
57
+ inset?: ResponsiveValue<string | number>;
58
+ t?: ResponsiveValue<string | number>;
59
+ b?: ResponsiveValue<string | number>;
60
+ l?: ResponsiveValue<string | number>;
61
+ r?: ResponsiveValue<string | number>;
62
+
63
+ // Flexbox & Grid
64
+ gap?: ResponsiveValue<string | number>;
65
+ g?: ResponsiveValue<string | number>;
66
+ rowg?: ResponsiveValue<string | number>;
67
+ colg?: ResponsiveValue<string | number>;
68
+ ai?: ResponsiveValue<string>;
69
+ jc?: ResponsiveValue<string>;
70
+ ac?: ResponsiveValue<string>;
71
+ ji?: ResponsiveValue<string>;
72
+ pi?: ResponsiveValue<string>;
73
+ pc?: ResponsiveValue<string>;
74
+ as?: ResponsiveValue<string>;
75
+ js?: ResponsiveValue<string>;
76
+ aslf?: ResponsiveValue<string>;
77
+ jslf?: ResponsiveValue<string>;
78
+ ord?: ResponsiveValue<string | number>;
79
+
80
+ // Typography
81
+ fz?: ResponsiveValue<string | number>;
82
+ lh?: ResponsiveValue<string | number>;
83
+ ff?: ResponsiveValue<string>;
84
+ fw?: ResponsiveValue<string | number>;
85
+ ta?: ResponsiveValue<string>;
86
+ td?: ResponsiveValue<string>;
87
+ tt?: ResponsiveValue<string>;
88
+ ts?: ResponsiveValue<string>;
89
+ tsh?: ResponsiveValue<string>;
90
+ lts?: ResponsiveValue<string | number>;
91
+ whs?: ResponsiveValue<string>;
92
+ wbr?: ResponsiveValue<string>;
93
+
94
+ // Colors
95
+ c?: ResponsiveValue<string>;
96
+ bgc?: ResponsiveValue<string>;
97
+ bdc?: ResponsiveValue<string>;
98
+ keycol?: ResponsiveValue<string>;
99
+
100
+ // Border
101
+ bd?: ResponsiveValue<string>;
102
+ bdw?: ResponsiveValue<string | number>;
103
+ bds?: ResponsiveValue<string>;
104
+ bdl?: ResponsiveValue<string>;
105
+ bdr?: ResponsiveValue<string>;
106
+ bdt?: ResponsiveValue<string>;
107
+ bdb?: ResponsiveValue<string>;
108
+ bdx?: ResponsiveValue<string>;
109
+ bdy?: ResponsiveValue<string>;
110
+
111
+ // Border Radius
112
+ bdrs?: ResponsiveValue<string | number>;
113
+ radius?: ResponsiveValue<string | number>;
114
+ radii?: ResponsiveValue<string | number>;
115
+
116
+ // Other
117
+ aspect?: ResponsiveValue<string>;
118
+ ar?: ResponsiveValue<string>;
119
+ op?: ResponsiveValue<string | number>;
120
+ of?: ResponsiveValue<string>;
121
+ ov?: ResponsiveValue<string>;
122
+ transform?: ResponsiveValue<string>;
123
+ trs?: ResponsiveValue<string>;
124
+ filter?: ResponsiveValue<string>;
125
+ bxsh?: ResponsiveValue<string>;
126
+ v?: ResponsiveValue<string>;
127
+
128
+ // Logical properties
129
+ is?: ResponsiveValue<string | number>;
130
+ ie?: ResponsiveValue<string | number>;
131
+ bs?: ResponsiveValue<string | number>;
132
+ be?: ResponsiveValue<string | number>;
133
+
134
+ // Hover
135
+ hov?: string | Record<string, any>;
136
+
137
+ // Context props
138
+ css?: Record<string, any>;
139
+ passVars?: string | string[];
140
+
141
+ // Utility classes
142
+ _?: string | string[];
143
+
144
+ // State classes
145
+ skipState?: boolean;
146
+ isFlow?: boolean | string;
147
+ hasGutter?: boolean | string;
148
+ isContainer?: boolean | string;
149
+ isOverwide?: boolean;
150
+ isFullwide?: boolean;
151
+ isWide?: boolean;
152
+ isLayer?: boolean;
153
+ isLinkBox?: boolean;
154
+ hasDivider?: boolean;
155
+
156
+ // HTML attributes
157
+ className?: string;
158
+ style?: React.CSSProperties;
159
+ id?: string;
160
+
161
+ // Other HTML attributes
162
+ [key: string]: any;
163
+ }
164
+
165
+ export interface LismProps extends LismBaseProps {
166
+ as?: React.ElementType;
167
+ tag?: string;
168
+ exProps?: Record<string, any>;
169
+ children?: React.ReactNode;
170
+ variant?: string;
171
+ lismClass?: string;
172
+ lismState?: string[];
173
+ forwardedRef?: React.Ref<any>;
174
+ }
175
+
176
+ // Component Props
177
+ export interface BoxProps extends LismProps {}
178
+ export interface FlexProps extends LismProps {
179
+ _flex?: string;
180
+ fxw?: ResponsiveValue<string>;
181
+ fxd?: ResponsiveValue<string>;
182
+ fxf?: ResponsiveValue<string>;
183
+ }
184
+ export interface FlexItemProps extends LismProps {
185
+ layout?: React.ElementType;
186
+ }
187
+ export interface StackProps extends LismProps {}
188
+ export interface GridProps extends LismProps {
189
+ _grid?: string;
190
+ gd?: ResponsiveValue<string>;
191
+ gt?: ResponsiveValue<string>;
192
+ gta?: ResponsiveValue<string>;
193
+ gtc?: ResponsiveValue<string>;
194
+ gtr?: ResponsiveValue<string>;
195
+ gaf?: ResponsiveValue<string>;
196
+ gar?: ResponsiveValue<string>;
197
+ gac?: ResponsiveValue<string>;
198
+ }
199
+ export interface GridItemProps extends LismProps {
200
+ layout?: React.ElementType;
201
+ gc?: ResponsiveValue<string>;
202
+ gr?: ResponsiveValue<string>;
203
+ ga?: ResponsiveValue<string>;
204
+ gcs?: ResponsiveValue<string | number>;
205
+ gce?: ResponsiveValue<string | number>;
206
+ grs?: ResponsiveValue<string | number>;
207
+ gre?: ResponsiveValue<string | number>;
208
+ }
209
+ export interface WithSideProps extends LismProps {
210
+ sideW?: ResponsiveValue<string>;
211
+ mainW?: ResponsiveValue<string>;
212
+ }
213
+ export interface CenterProps extends GridProps {}
214
+ export interface ColumnsProps extends GridProps {
215
+ colSize?: ResponsiveValue<string>;
216
+ colAuto?: ResponsiveValue<string>;
217
+ }
218
+ export interface FrameProps extends LismProps {}
219
+ export interface ContainerProps extends LismProps {
220
+ size?: ResponsiveValue<string | boolean>;
221
+ layout?: React.ElementType;
222
+ }
223
+ export interface LayerProps extends LismProps {
224
+ layout?: React.ElementType;
225
+ backdropFilter?: ResponsiveValue<string>;
226
+ }
227
+ export interface LinkBoxProps extends LismProps {
228
+ layout?: React.ElementType;
229
+ href?: string;
230
+ }
231
+ export interface IconProps extends LismProps {
232
+ icon?: string | { as: React.ElementType } | React.ReactNode;
233
+ scale?: ResponsiveValue<string | number>;
234
+ offset?: ResponsiveValue<string | number>;
235
+ label?: string;
236
+ viewBox?: string;
237
+ }
238
+ export interface SpacerProps {
239
+ h?: ResponsiveValue<string | number>;
240
+ w?: ResponsiveValue<string | number>;
241
+ }
242
+ export interface DecoratorProps extends LismProps {
243
+ size?: ResponsiveValue<string | number>;
244
+ }
245
+ export interface DividerProps extends LismProps {}
246
+
247
+ // Text components
248
+ export interface TextProps extends LismProps {
249
+ tag?: string;
250
+ }
251
+ export interface LinkProps extends LismProps {
252
+ href?: string;
253
+ target?: string;
254
+ rel?: string;
255
+ openNewTab?: boolean;
256
+ }
257
+ export interface MediaProps extends LismProps {
258
+ src?: string;
259
+ alt?: string;
260
+ width?: string | number;
261
+ height?: string | number;
262
+ loading?: 'lazy' | 'eager';
263
+ decoding?: 'sync' | 'async' | 'auto';
264
+ }
265
+
266
+ // Dummy component
267
+ export interface DummyProps extends LismProps {
268
+ tag?: string;
269
+ pre?: string;
270
+ length?: 's' | 'm' | 'l';
271
+ lang?: 'en' | 'ja';
272
+ offset?: number;
273
+ }
274
+
275
+ // Accordion
276
+ export interface AccordionProps extends LismProps {
277
+ allowMultiple?: boolean;
278
+ defaultIndex?: number | number[];
279
+ duration?: number;
280
+ }
281
+
282
+ export interface AccordionHeaderProps extends FlexProps {}
283
+ export interface AccordionLabelProps extends LismProps {}
284
+ export interface AccordionBodyProps extends LismProps {
285
+ isFlow?: boolean | string;
286
+ innerProps?: LismProps;
287
+ }
288
+
289
+ // Tabs
290
+ export interface TabsProps extends LismProps {
291
+ tabId?: string;
292
+ defaultIndex?: number;
293
+ listProps?: LismProps;
294
+ }
295
+
296
+ export interface TabListProps extends LismProps {}
297
+ export interface TabProps extends LismProps {}
298
+ export interface TabPanelProps extends LismProps {}
299
+
300
+ // Modal
301
+ export interface ModalProps extends LismProps {
302
+ layout?: React.ElementType;
303
+ duration?: ResponsiveValue<string | number>;
304
+ offset?: ResponsiveValue<string | number>;
305
+ }
306
+
307
+ // Export components
308
+ export const Lism: React.FC<LismProps>;
309
+ export const Box: React.FC<BoxProps>;
310
+ export const Flex: React.FC<FlexProps>;
311
+ export const FlexItem: React.FC<FlexItemProps>;
312
+ export const Cluster: React.FC<FlexProps>;
313
+ export const Stack: React.FC<StackProps>;
314
+ export const Grid: React.FC<GridProps>;
315
+ export const GridItem: React.FC<GridItemProps>;
316
+ export const WithSide: React.FC<WithSideProps>;
317
+ export const Center: React.FC<CenterProps>;
318
+ export const Columns: React.FC<ColumnsProps>;
319
+ export const Frame: React.FC<FrameProps>;
320
+ export const Container: React.FC<ContainerProps>;
321
+ export const Layer: React.FC<LayerProps>;
322
+ export const LinkBox: React.FC<LinkBoxProps>;
323
+ export const Icon: React.FC<IconProps>;
324
+ export const Spacer: React.FC<SpacerProps>;
325
+ export const Decorator: React.FC<DecoratorProps>;
326
+ export const Divider: React.FC<DividerProps>;
327
+ export const Text: React.FC<TextProps>;
328
+ export const Link: React.FC<LinkProps>;
329
+ export const Media: React.FC<MediaProps>;
330
+ export const Dummy: React.FC<DummyProps>;
331
+
332
+ export const Accordion: React.FC<AccordionProps> & {
333
+ Header: React.FC<AccordionHeaderProps>;
334
+ Label: React.FC<AccordionLabelProps>;
335
+ Body: React.FC<AccordionBodyProps>;
336
+ };
337
+ export const Tabs: React.FC<TabsProps> & {
338
+ List: React.FC<TabListProps>;
339
+ Tab: React.FC<TabProps>;
340
+ Panel: React.FC<TabPanelProps>;
341
+ };
342
+ export const Modal: React.FC<ModalProps>;
343
+
344
+ // Re-export all as default
345
+ export default {
346
+ Lism,
347
+ Box,
348
+ Flex,
349
+ FlexItem,
350
+ Cluster,
351
+ Stack,
352
+ Grid,
353
+ GridItem,
354
+ WithSide,
355
+ Center,
356
+ Columns,
357
+ Frame,
358
+ Container,
359
+ Layer,
360
+ LinkBox,
361
+ Icon,
362
+ Spacer,
363
+ Decorator,
364
+ Divider,
365
+ Text,
366
+ Link,
367
+ Media,
368
+ Dummy,
369
+ Accordion,
370
+ Tabs,
371
+ Modal,
372
+ };
package/src/scss/state/_flow.scss CHANGED
@@ -41,5 +41,6 @@
41
41
  // :first-child への上書きのほうが優先度高くなるように。
42
42
  .is--flow > :first-child {
43
43
  // --mbs への上書きが気軽に書けるよう、--flowGap を 0 に。
44
- --flowGap: 0;
44
+ // --flowGap を 0にすると、子要素に影響するので margin-block-startへ直セット
45
+ margin-block-start: 0;
45
46
  }