lism-css 0.0.5 → 0.0.7

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 (10) 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/dist/lib/getLismProps.js +31 -34
  6. package/package.json +17 -9
  7. package/packages/types/index.d.ts +371 -0
  8. package/src/scss/state/_flow.scss +2 -1
  9. package/src/scss/state/index.scss +0 -1
  10. package/src/scss/state/_has-divider.scss +0 -30
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)}.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)}.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)}.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)}.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/dist/lib/getLismProps.js CHANGED
@@ -1,20 +1,20 @@
1
1
  import y, { CONTEXT_PROPS as O } from "../config/prop_list.js";
2
2
  import E from "./isPresetValue.js";
3
- import P from "./isTokenValue.js";
3
+ import S from "./isTokenValue.js";
4
4
  import $ from "./getMaybeUtilValue.js";
5
- import d from "./getMaybeCssVar.js";
5
+ import c from "./getMaybeCssVar.js";
6
6
  import U from "./getBpData.js";
7
7
  import g from "./helper/atts.js";
8
8
  import w from "./helper/isEmptyObj.js";
9
9
  import b from "./helper/filterEmptyObj.js";
10
- import m from "./helper/splitWithComma.js";
11
- const C = (a) => {
12
- const t = y[a];
10
+ import C from "./helper/splitWithComma.js";
11
+ const m = (d) => {
12
+ const t = y[d];
13
13
  if (!t) return null;
14
14
  const { converter: s } = t;
15
15
  return s || null;
16
- }, k = Object.keys(y), p = Object.keys(O);
17
- class z {
16
+ }, k = Object.keys(y), z = Object.keys(O);
17
+ class A {
18
18
  // propList = {};
19
19
  // styles = {};
20
20
  // className = '';
@@ -31,18 +31,17 @@ class z {
31
31
  variant: o,
32
32
  passVars: f,
33
33
  // lismVar,
34
- // hasMask,
35
34
  style: h = {},
36
35
  // hasBd,
37
36
  ...n
38
37
  } = t;
39
38
  this.lismClass = r, this.lismState = l, this.styles = h;
40
- let c = this.getStateProps(n);
39
+ let a = this.getStateProps(n);
41
40
  if (o && r) {
42
- const S = r.split(" "), j = S[0], x = o.split(",").map((u) => u.trim()).filter(Boolean).map((u) => `${j}--${u}`);
43
- this.lismClass = S.concat(x).join(" ");
41
+ const P = r.split(" "), j = P[0], x = o.split(",").map((u) => u.trim()).filter(Boolean).map((u) => `${j}--${u}`);
42
+ this.lismClass = P.concat(x).join(" ");
44
43
  }
45
- this.className = g(this.lismClass, this.lismState, i, e), w(c) || (this.attrs = c, this.analyzeProps(c)), s && (this.attrs.ref = s), f != null && typeof f == "object" && this.setPassProps(f);
44
+ this.className = g(this.lismClass, this.lismState, i, e), w(a) || (this.attrs = a, this.analyzeProps(a)), s && (this.attrs.ref = s), f != null && typeof f == "object" && this.setPassProps(f);
46
45
  }
47
46
  // 特定の条件下で受け取るpropの処理
48
47
  setContextProps(t, s) {
@@ -68,7 +67,7 @@ class z {
68
67
  this.setBdProps(o);
69
68
  return;
70
69
  }
71
- const e = k.includes(i), r = p.includes(i);
70
+ const e = k.includes(i), r = z.includes(i);
72
71
  if (!e && !r) return;
73
72
  const l = this.attrs[i];
74
73
  delete this.attrs[i], r ? this.setContextProps(i, l) : this.analyzeProp(i, l);
@@ -129,9 +128,9 @@ class z {
129
128
  }
130
129
  if (n) {
131
130
  n === 1 && (n = t);
132
- const c = $(n, s);
133
- if (c) {
134
- this.addUtil(`${l}${c}`);
131
+ const a = $(n, s);
132
+ if (a) {
133
+ this.addUtil(`${l}${a}`);
135
134
  return;
136
135
  }
137
136
  }
@@ -145,7 +144,7 @@ class z {
145
144
  this.setMixColor(t, s);
146
145
  return;
147
146
  }
148
- if (f && (s = d(s, f, t)), !e && o) {
147
+ if (f && (s = c(s, f, t)), !e && o) {
149
148
  o === 1 && (o = t), this.addStyle(o, s);
150
149
  return;
151
150
  }
@@ -155,10 +154,10 @@ class z {
155
154
  const i = s.split(":");
156
155
  if (i.length === 3) {
157
156
  const [e, r, l] = i;
158
- this.addStyle(`--${t}1`, d(e, "color", t)), this.addStyle(`--${t}2`, d(r, "color", t)), this.addStyle(`--${t}-pct`, l);
157
+ this.addStyle(`--${t}1`, c(e, "color", t)), this.addStyle(`--${t}2`, c(r, "color", t)), this.addStyle(`--${t}-pct`, l);
159
158
  } else if (i.length === 2) {
160
159
  const [e, r] = i;
161
- this.addStyle(`--${t}1`, d(e, "color", t)), this.addStyle(`--${t}-pct`, r);
160
+ this.addStyle(`--${t}1`, c(e, "color", t)), this.addStyle(`--${t}-pct`, r);
162
161
  }
163
162
  this.addUtil(`-${t}:mix`);
164
163
  }
@@ -166,8 +165,8 @@ class z {
166
165
  Object.keys(t).forEach((s) => {
167
166
  let i = t[s];
168
167
  if (i === null) return;
169
- const e = C(s);
170
- e && (i = d(i, e, s)), this.addStyle(`--pass-${s}`, i);
168
+ const e = m(s);
169
+ e && (i = c(i, e, s)), this.addStyle(`--pass-${s}`, i);
171
170
  });
172
171
  }
173
172
  setHoverProps(t) {
@@ -178,19 +177,19 @@ class z {
178
177
  });
179
178
  return;
180
179
  }
181
- t === "-" || t === !0 ? this.addUtil("-hov:") : typeof t == "string" ? m(t).forEach((s) => {
180
+ t === "-" || t === !0 ? this.addUtil("-hov:") : typeof t == "string" ? C(t).forEach((s) => {
182
181
  this.addUtil(`-hov:${s}`);
183
182
  }) : typeof t == "object" && Object.keys(t).forEach((s) => {
184
183
  let i = t[s];
185
- const e = C(s);
186
- e && (i = d(i, e, s)), this.addUtil(`-hov:${s}:`), this.addStyle(`--hov-${s}`, i);
184
+ const e = m(s);
185
+ e && (i = c(i, e, s)), this.addUtil(`-hov:${s}:`), this.addStyle(`--hov-${s}`, i);
187
186
  });
188
187
  }
189
188
  }
190
189
  setBdProps(t) {
191
190
  if (t) {
192
191
  if (typeof t == "string" && t.includes(",") && !t.includes("(")) {
193
- m(t).forEach((s) => {
192
+ C(t).forEach((s) => {
194
193
  const i = $("bd", s) || s;
195
194
  i === "all" ? i && this.addUtil("-bd:") : i && this.addUtil(`-bd:${i}`);
196
195
  });
@@ -209,23 +208,21 @@ class z {
209
208
  hasGutter: o,
210
209
  isLayer: f,
211
210
  isLinkBox: h,
212
- hasDivider: n,
213
- // hasMask,
214
- ...c
211
+ ...n
215
212
  }) {
216
- return t || (l && this.setContainerData(l), r && this.setFlowData(r), s && this.lismState.push("is--overwide"), i && this.lismState.push("is--fullwide"), e && this.lismState.push("is--wide"), o && this.lismState.push("has--gutter")), f && this.lismState.push("is--layer"), h && this.lismState.push("is--linkBox"), n && this.lismState.push("has--divider"), c;
213
+ return t || (l && this.setContainerData(l), r && this.setFlowData(r), s && this.lismState.push("is--overwide"), i && this.lismState.push("is--fullwide"), e && this.lismState.push("is--wide"), o && this.lismState.push("has--gutter")), f && this.lismState.push("is--layer"), h && this.lismState.push("is--linkBox"), n;
217
214
  }
218
215
  setContainerData(t) {
219
- t === !0 ? this.lismState.push("is--container") : t && (P("contentSize", t) ? this.lismState.push(`is--container -container:${t}`) : (this.lismState.push("is--container"), this.addStyle("--item-size", d(t, "size"))));
216
+ t === !0 ? this.lismState.push("is--container") : t && (S("contentSize", t) ? this.lismState.push(`is--container -container:${t}`) : (this.lismState.push("is--container"), this.addStyle("--item-size", c(t, "size"))));
220
217
  }
221
218
  setFlowData(t) {
222
- t === !0 ? this.lismState.push("is--flow") : t && (P("flow", t) ? this.lismState.push(`is--flow -flow:${t}`) : (this.lismState.push("is--flow -flow:"), this.addStyle("--flowGap", d(t, "space"))));
219
+ t === !0 ? this.lismState.push("is--flow") : t && (S("flow", t) ? this.lismState.push(`is--flow -flow:${t}`) : (this.lismState.push("is--flow -flow:"), this.addStyle("--flowGap", c(t, "space"))));
223
220
  }
224
221
  }
225
- function F(a, t = {}) {
226
- if (a = Object.assign(t, a), a.length === 0)
222
+ function F(d, t = {}) {
223
+ if (d = Object.assign(t, d), d.length === 0)
227
224
  return {};
228
- const s = new z(a);
225
+ const s = new A(d);
229
226
  return b({
230
227
  className: g(s.className, s.uClasses),
231
228
  style: b(s.styles),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "lism-css",
3
- "version": "0.0.5",
3
+ "version": "0.0.7",
4
4
  "description": "",
5
5
  "author": {
6
6
  "name": "ddryo",
@@ -9,14 +9,15 @@
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",
17
- "build": "vite build && npm run build:css",
17
+ "build": "vite build && pnpm build:css",
18
18
  "build:vite": "vite build",
19
19
  "build:css": "node scss-builder.cjs",
20
+ "lint": "pnpm lint:style",
20
21
  "lint:style": "stylelint '**/*.{css,scss}'",
21
22
  "preview": "vite preview"
22
23
  },
@@ -27,25 +28,32 @@
27
28
  ],
28
29
  "type": "module",
29
30
  "main": "./dist/index.js",
31
+ "types": "./packages/types/index.d.ts",
30
32
  "exports": {
31
33
  ".": "./dist/index.js",
32
34
  "./*": "./dist/*",
33
- "./react": "./dist/index.js",
35
+ "./react": {
36
+ "import": "./dist/index.js",
37
+ "types": "./packages/types/index.d.ts"
38
+ },
34
39
  "./react/*": "./dist/components/*",
35
40
  "./next-js/*": "./packages/next-js/*",
36
- "./astro": "./packages/astro/index.js",
41
+ "./astro": {
42
+ "import": "./packages/astro/index.js",
43
+ "types": "./packages/types/index.d.ts"
44
+ },
37
45
  "./astro/*": "./packages/astro/*",
38
46
  "./scss/*": "./src/scss/*",
39
- "./all_with_layer.css": "./dist/css/all_with_layer.css",
47
+ "./all_no_layer.css": "./dist/css/all_no_layer.css",
40
48
  "./all.css": "./dist/css/all.css"
41
49
  },
42
50
  "homepage": "https://www.lism.style",
43
51
  "repository": {
44
52
  "type": "git",
45
- "url": "https://github.com/lism-ui/lism-css/tree/main/packages/lism-css"
53
+ "url": "https://github.com/lism-css/lism-css/tree/main/packages/lism-css"
46
54
  },
47
55
  "bugs": {
48
- "url": "https://github.com/lism-ui/lism-css/issues"
56
+ "url": "https://github.com/lism-css/lism-css/issues"
49
57
  },
50
58
  "devDependencies": {
51
59
  "@babel/cli": "^7.27.2",
package/packages/types/index.d.ts ADDED
@@ -0,0 +1,371 @@
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
+
155
+ // HTML attributes
156
+ className?: string;
157
+ style?: React.CSSProperties;
158
+ id?: string;
159
+
160
+ // Other HTML attributes
161
+ [key: string]: any;
162
+ }
163
+
164
+ export interface LismProps extends LismBaseProps {
165
+ as?: React.ElementType;
166
+ tag?: string;
167
+ exProps?: Record<string, any>;
168
+ children?: React.ReactNode;
169
+ variant?: string;
170
+ lismClass?: string;
171
+ lismState?: string[];
172
+ forwardedRef?: React.Ref<any>;
173
+ }
174
+
175
+ // Component Props
176
+ export interface BoxProps extends LismProps {}
177
+ export interface FlexProps extends LismProps {
178
+ _flex?: string;
179
+ fxw?: ResponsiveValue<string>;
180
+ fxd?: ResponsiveValue<string>;
181
+ fxf?: ResponsiveValue<string>;
182
+ }
183
+ export interface FlexItemProps extends LismProps {
184
+ layout?: React.ElementType;
185
+ }
186
+ export interface StackProps extends LismProps {}
187
+ export interface GridProps extends LismProps {
188
+ _grid?: string;
189
+ gd?: ResponsiveValue<string>;
190
+ gt?: ResponsiveValue<string>;
191
+ gta?: ResponsiveValue<string>;
192
+ gtc?: ResponsiveValue<string>;
193
+ gtr?: ResponsiveValue<string>;
194
+ gaf?: ResponsiveValue<string>;
195
+ gar?: ResponsiveValue<string>;
196
+ gac?: ResponsiveValue<string>;
197
+ }
198
+ export interface GridItemProps extends LismProps {
199
+ layout?: React.ElementType;
200
+ gc?: ResponsiveValue<string>;
201
+ gr?: ResponsiveValue<string>;
202
+ ga?: ResponsiveValue<string>;
203
+ gcs?: ResponsiveValue<string | number>;
204
+ gce?: ResponsiveValue<string | number>;
205
+ grs?: ResponsiveValue<string | number>;
206
+ gre?: ResponsiveValue<string | number>;
207
+ }
208
+ export interface WithSideProps extends LismProps {
209
+ sideW?: ResponsiveValue<string>;
210
+ mainW?: ResponsiveValue<string>;
211
+ }
212
+ export interface CenterProps extends GridProps {}
213
+ export interface ColumnsProps extends GridProps {
214
+ colSize?: ResponsiveValue<string>;
215
+ colAuto?: ResponsiveValue<string>;
216
+ }
217
+ export interface FrameProps extends LismProps {}
218
+ export interface ContainerProps extends LismProps {
219
+ size?: ResponsiveValue<string | boolean>;
220
+ layout?: React.ElementType;
221
+ }
222
+ export interface LayerProps extends LismProps {
223
+ layout?: React.ElementType;
224
+ backdropFilter?: ResponsiveValue<string>;
225
+ }
226
+ export interface LinkBoxProps extends LismProps {
227
+ layout?: React.ElementType;
228
+ href?: string;
229
+ }
230
+ export interface IconProps extends LismProps {
231
+ icon?: string | { as: React.ElementType } | React.ReactNode;
232
+ scale?: ResponsiveValue<string | number>;
233
+ offset?: ResponsiveValue<string | number>;
234
+ label?: string;
235
+ viewBox?: string;
236
+ }
237
+ export interface SpacerProps {
238
+ h?: ResponsiveValue<string | number>;
239
+ w?: ResponsiveValue<string | number>;
240
+ }
241
+ export interface DecoratorProps extends LismProps {
242
+ size?: ResponsiveValue<string | number>;
243
+ }
244
+ export interface DividerProps extends LismProps {}
245
+
246
+ // Text components
247
+ export interface TextProps extends LismProps {
248
+ tag?: string;
249
+ }
250
+ export interface LinkProps extends LismProps {
251
+ href?: string;
252
+ target?: string;
253
+ rel?: string;
254
+ openNewTab?: boolean;
255
+ }
256
+ export interface MediaProps extends LismProps {
257
+ src?: string;
258
+ alt?: string;
259
+ width?: string | number;
260
+ height?: string | number;
261
+ loading?: 'lazy' | 'eager';
262
+ decoding?: 'sync' | 'async' | 'auto';
263
+ }
264
+
265
+ // Dummy component
266
+ export interface DummyProps extends LismProps {
267
+ tag?: string;
268
+ pre?: string;
269
+ length?: 's' | 'm' | 'l';
270
+ lang?: 'en' | 'ja';
271
+ offset?: number;
272
+ }
273
+
274
+ // Accordion
275
+ export interface AccordionProps extends LismProps {
276
+ allowMultiple?: boolean;
277
+ defaultIndex?: number | number[];
278
+ duration?: number;
279
+ }
280
+
281
+ export interface AccordionHeaderProps extends FlexProps {}
282
+ export interface AccordionLabelProps extends LismProps {}
283
+ export interface AccordionBodyProps extends LismProps {
284
+ isFlow?: boolean | string;
285
+ innerProps?: LismProps;
286
+ }
287
+
288
+ // Tabs
289
+ export interface TabsProps extends LismProps {
290
+ tabId?: string;
291
+ defaultIndex?: number;
292
+ listProps?: LismProps;
293
+ }
294
+
295
+ export interface TabListProps extends LismProps {}
296
+ export interface TabProps extends LismProps {}
297
+ export interface TabPanelProps extends LismProps {}
298
+
299
+ // Modal
300
+ export interface ModalProps extends LismProps {
301
+ layout?: React.ElementType;
302
+ duration?: ResponsiveValue<string | number>;
303
+ offset?: ResponsiveValue<string | number>;
304
+ }
305
+
306
+ // Export components
307
+ export const Lism: React.FC<LismProps>;
308
+ export const Box: React.FC<BoxProps>;
309
+ export const Flex: React.FC<FlexProps>;
310
+ export const FlexItem: React.FC<FlexItemProps>;
311
+ export const Cluster: React.FC<FlexProps>;
312
+ export const Stack: React.FC<StackProps>;
313
+ export const Grid: React.FC<GridProps>;
314
+ export const GridItem: React.FC<GridItemProps>;
315
+ export const WithSide: React.FC<WithSideProps>;
316
+ export const Center: React.FC<CenterProps>;
317
+ export const Columns: React.FC<ColumnsProps>;
318
+ export const Frame: React.FC<FrameProps>;
319
+ export const Container: React.FC<ContainerProps>;
320
+ export const Layer: React.FC<LayerProps>;
321
+ export const LinkBox: React.FC<LinkBoxProps>;
322
+ export const Icon: React.FC<IconProps>;
323
+ export const Spacer: React.FC<SpacerProps>;
324
+ export const Decorator: React.FC<DecoratorProps>;
325
+ export const Divider: React.FC<DividerProps>;
326
+ export const Text: React.FC<TextProps>;
327
+ export const Link: React.FC<LinkProps>;
328
+ export const Media: React.FC<MediaProps>;
329
+ export const Dummy: React.FC<DummyProps>;
330
+
331
+ export const Accordion: React.FC<AccordionProps> & {
332
+ Header: React.FC<AccordionHeaderProps>;
333
+ Label: React.FC<AccordionLabelProps>;
334
+ Body: React.FC<AccordionBodyProps>;
335
+ };
336
+ export const Tabs: React.FC<TabsProps> & {
337
+ List: React.FC<TabListProps>;
338
+ Tab: React.FC<TabProps>;
339
+ Panel: React.FC<TabPanelProps>;
340
+ };
341
+ export const Modal: React.FC<ModalProps>;
342
+
343
+ // Re-export all as default
344
+ export default {
345
+ Lism,
346
+ Box,
347
+ Flex,
348
+ FlexItem,
349
+ Cluster,
350
+ Stack,
351
+ Grid,
352
+ GridItem,
353
+ WithSide,
354
+ Center,
355
+ Columns,
356
+ Frame,
357
+ Container,
358
+ Layer,
359
+ LinkBox,
360
+ Icon,
361
+ Spacer,
362
+ Decorator,
363
+ Divider,
364
+ Text,
365
+ Link,
366
+ Media,
367
+ Dummy,
368
+ Accordion,
369
+ Tabs,
370
+ Modal,
371
+ };
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
  }
package/src/scss/state/index.scss CHANGED
@@ -1,6 +1,5 @@
1
1
  // state
2
2
  @forward './gutter';
3
- @forward './has-divider';
4
3
  @forward './flow';
5
4
  @forward './container'; // Note: flow より後ろで読み込む
6
5
  @forward './size'; // Note: container より後ろで読み込む
package/src/scss/state/_has-divider.scss DELETED
@@ -1,30 +0,0 @@
1
- // .has--divider {
2
- // --bdc: var(--c--divider);
3
- // --bds: solid;
4
- // --bdw: 1px;
5
- // }
6
-
7
- // :where(.has--divider:not(.l--flex)) > :not(:last-child) {
8
- // border-block-end: var(--bds) var(--bdw) var(--bdc);
9
- // }
10
-
11
- // :where(.has--divider.l--flex) > :not(:last-child) {
12
- // border-inline-end: var(--bds) var(--bdw) var(--bdc);
13
- // }
14
-
15
- // has--blockDivider
16
- .has--divider {
17
- --bdc: var(--c--divider);
18
- --bds: solid;
19
- --bdw: 1px;
20
- --_isRow: 0;
21
- &:where(.l--flex, .-fxd\:r, .-fxd\:rr) {
22
- --_isRow: 1;
23
- }
24
-
25
- > :where(:not(:last-child)) {
26
- --_bdw: calc(var(--_isRow, 0) * var(--bdw)); // isRow 1 なら 1px, isRow 0 なら 0px
27
- border-inline-end: var(--bds) var(--_bdw) var(--bdc);
28
- border-block-end: var(--bds) calc(var(--bdw) - var(--_bdw)) var(--bdc);
29
- }
30
- }