lism-css 0.5.2 → 0.6.1

package/config/defaults/tokens.js

@@ -22,5 +22,5 @@ export default {
 		values: ['red', 'blue', 'green', 'yellow', 'purple', 'orange', 'pink', 'gray', 'white', 'black', 'keycolor'],
 	},
 	writing: ['vertical'],
-	flow: ['s', 'base', 'l'],
+	flow: ['s', 'l'],
 };

package/dist/components/Lism/index.js

@@ -1,9 +1,8 @@
-import { jsx as p } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import s from "../../lib/getLismProps.js";
-import f from "../getLayoutProps.js";
-function d({ children: o, as: r, tag: t, layout: m, exProps: i, ...e }) {
-  return /* @__PURE__ */ p(r || t || "div", { ...s(f(m, e)), ...i, children: o });
+function u({ children: r, as: t, tag: o, exProps: i, ...m }) {
+  return /* @__PURE__ */ e(t || o || "div", { ...s(m), ...i, children: r });
 }
 export {
-  d as default
+  u as default
 };

package/dist/config/defaults/tokens.js

@@ -22,7 +22,7 @@ const e = {
     values: ["red", "blue", "green", "yellow", "purple", "orange", "pink", "gray", "white", "black", "keycolor"]
   },
   writing: ["vertical"],
-  flow: ["s", "base", "l"]
+  flow: ["s", "l"]
 };
 export {
   e as default

package/dist/css/base.css

@@ -0,0 +1 @@
+@property --sz--outer{syntax:"<length-percentage>";initial-value:100%;inherits:true}@property --HL{syntax:"*";inherits:false;initial-value:calc(.5lh - .5em)}:root{--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;--sz--xl:1600px;--sz--l:1280px;--sz--m:960px;--sz--s:640px;--sz--xs:480px;--sz--min:16rem;--flow--base:var(--s40);--flow--s:var(--s20);--flow--l:var(--s50);--flow--h:0.75em;--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--5xl:4em;--fz--4xl:2.667em;--fz--3xl:2em;--fz--2xl:1.6em;--fz--xl:1.333em;--fz--l:1.143em;--fz--m:1em;--fz--s:0.889em;--fz--xs:0.8em;--fz--2xs:0.727em;--fz--base:clamp(0.875rem,0.625rem + 1vw,1rem);--fw--thin:100;--fw--light:300;--fw--normal:400;--fw--medium:500;--fw--bold:700;--fw--black:900;--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;--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:#141415;--c--text-2:#62646a;--c--line:#cfd0d3;--c--link:#0c61e4;--o--n10:0.75;--o--n20:0.5;--o--n30:0.25;--ar--og:1.91/1;--writing--vertical:vertical-rl;--bdrs--5:2px;--bdrs--10:0.25rem;--bdrs--20:0.5rem;--bdrs--30:1rem;--bdrs--40:1.5rem;--bdrs--50:2rem;--bdrs--99:99rem;--gutter:var(--s40)}html{font-size:var(--fz--base);-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-px-s,0)}a{color:var(--c--link);-webkit-text-decoration:var(--link-td,underline);text-decoration:var(--link-td,underline)}th{background-color:var(--th--bgc,transparent);color:var(--th--c,inherit)}td,th{min-inline-size:var(--cell-minW,initial);padding:var(--cell-p,.375em .5em)}hr{block-size:0;border:none;border-block-start:1px solid}blockquote{border-inline-start:3px solid currentColor;padding:var(--s20) var(--s30)}pre{overflow-x:auto}body:has(:modal[open]){overflow:hidden}dialog:not([open]){pointer-events:none}.set-shadow,:root{--sh-i: ;--sh-hsl:220 4% 8%;--sh-a:5%;--sh-c:hsl(var(--sh-hsl)/var(--sh-a));--sh--5:var(--sh-i) 0px 2px 4px var(--sh-c);--sh--10:var(--sh-i) 1px 3px 6px var(--sh-c);--sh--20:var(--sh-i) 1px 5px 10px var(--sh-c);--sh--30:var(--sh-i) 2px 8px 16px var(--sh-c);--sh--40:var(--sh-i) 3px 13px 26px var(--sh-c);--sh--50:var(--sh-i) 5px 21px 42px var(--sh-c);--bxsh--10:var(--sh--5),var(--sh--10);--bxsh--20:var(--sh--10),var(--sh--20);--bxsh--30:var(--sh--20),var(--sh--30);--bxsh--40:var(--sh--30),var(--sh--40);--bxsh--50:var(--sh--40),var(--sh--50)}@media (any-hover:hover){.set-hov:hover{--notHov_: }.set-hov:not(:hover){--isHov_: }}@media (any-hover:none){.set-hov{--isHov_: }}.set-transition{--duration:var(--transition-duration,0.4s);--delay:0s;--ease:ease;--property:all;transition:var(--duration) var(--ease) var(--delay);transition-property:var(--property)}.set-snap{scroll-snap-type:var(--snap-type,both mandatory)}.set-snap>*{scroll-snap-align:var(--snap-align,start);scroll-snap-stop:var(--snap-stop,normal)}.set-mask{--maskPos:50%;--maskSize:contain;--maskRepeat:no-repeat;-webkit-mask:var(--maskImg) var(--maskRepeat) var(--maskPos)/var(--maskSize);mask:var(--maskImg) var(--maskRepeat) var(--maskPos)/var(--maskSize)}.set-innerRs{--bdrs--inner:calc(var(--bdrs, 0px) - var(--p, 0px))}.set-plain{background:none;border:none;color:inherit;font:inherit;height:auto;padding:0;text-decoration:none;width:auto}:is(ul,ol):where(:not([class]),[class^="-"],.set-revert){--list-px-s:1.5em;list-style:revert}

package/dist/css/main.css

@@ -0,0 +1 @@
+@layer lism.reset, lism.base, lism.modules, lism.custom, 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,video{block-size:auto;max-inline-size:100%}audio,img,svg,video{vertical-align:middle}embed,iframe,object{border:none;display:block}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{@property --sz--outer{syntax:"<length-percentage>";initial-value:100%;inherits:true}@property --HL{syntax:"*";inherits:false;initial-value:calc(.5lh - .5em)}:root{--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;--sz--xl:1600px;--sz--l:1280px;--sz--m:960px;--sz--s:640px;--sz--xs:480px;--sz--min:16rem;--flow--base:var(--s40);--flow--s:var(--s20);--flow--l:var(--s50);--flow--h:0.75em;--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--5xl:4em;--fz--4xl:2.667em;--fz--3xl:2em;--fz--2xl:1.6em;--fz--xl:1.333em;--fz--l:1.143em;--fz--m:1em;--fz--s:0.889em;--fz--xs:0.8em;--fz--2xs:0.727em;--fz--base:clamp(0.875rem,0.625rem + 1vw,1rem);--fw--thin:100;--fw--light:300;--fw--normal:400;--fw--medium:500;--fw--bold:700;--fw--black:900;--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;--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:#141415;--c--text-2:#62646a;--c--line:#cfd0d3;--c--link:#0c61e4;--o--n10:0.75;--o--n20:0.5;--o--n30:0.25;--ar--og:1.91/1;--writing--vertical:vertical-rl;--bdrs--5:2px;--bdrs--10:0.25rem;--bdrs--20:0.5rem;--bdrs--30:1rem;--bdrs--40:1.5rem;--bdrs--50:2rem;--bdrs--99:99rem;--gutter:var(--s40)}html{font-size:var(--fz--base);-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-px-s,0)}a{color:var(--c--link);-webkit-text-decoration:var(--link-td,underline);text-decoration:var(--link-td,underline)}th{background-color:var(--th--bgc,transparent);color:var(--th--c,inherit)}td,th{min-inline-size:var(--cell-minW,initial);padding:var(--cell-p,.375em .5em)}hr{block-size:0;border:none;border-block-start:1px solid}blockquote{border-inline-start:3px solid currentColor;padding:var(--s20) var(--s30)}pre{overflow-x:auto}body:has(:modal[open]){overflow:hidden}dialog:not([open]){pointer-events:none}.set-shadow,:root{--sh-i: ;--sh-hsl:220 4% 8%;--sh-a:5%;--sh-c:hsl(var(--sh-hsl)/var(--sh-a));--sh--5:var(--sh-i) 0px 2px 4px var(--sh-c);--sh--10:var(--sh-i) 1px 3px 6px var(--sh-c);--sh--20:var(--sh-i) 1px 5px 10px var(--sh-c);--sh--30:var(--sh-i) 2px 8px 16px var(--sh-c);--sh--40:var(--sh-i) 3px 13px 26px var(--sh-c);--sh--50:var(--sh-i) 5px 21px 42px var(--sh-c);--bxsh--10:var(--sh--5),var(--sh--10);--bxsh--20:var(--sh--10),var(--sh--20);--bxsh--30:var(--sh--20),var(--sh--30);--bxsh--40:var(--sh--30),var(--sh--40);--bxsh--50:var(--sh--40),var(--sh--50)}@media (any-hover:hover){.set-hov:hover{--notHov_: }.set-hov:not(:hover){--isHov_: }}@media (any-hover:none){.set-hov{--isHov_: }}.set-transition{--duration:var(--transition-duration,0.4s);--delay:0s;--ease:ease;--property:all;transition:var(--duration) var(--ease) var(--delay);transition-property:var(--property)}.set-snap{scroll-snap-type:var(--snap-type,both mandatory)}.set-snap>*{scroll-snap-align:var(--snap-align,start);scroll-snap-stop:var(--snap-stop,normal)}.set-mask{--maskPos:50%;--maskSize:contain;--maskRepeat:no-repeat;-webkit-mask:var(--maskImg) var(--maskRepeat) var(--maskPos)/var(--maskSize);mask:var(--maskImg) var(--maskRepeat) var(--maskPos)/var(--maskSize)}.set-innerRs{--bdrs--inner:calc(var(--bdrs, 0px) - var(--p, 0px))}.set-plain{background:none;border:none;color:inherit;font:inherit;height:auto;padding:0;text-decoration:none;width:auto}:is(ul,ol):where(:not([class]),[class^="-"],.set-revert){--list-px-s:1.5em;list-style:revert}}@layer lism.modules{@layer state{.has--gutter{padding-inline:var(--gutter)}.is--container{container-type:inline-size}.is--container>*{--max-sz:var(--contentSz,100%);margin-inline:auto;max-inline-size:var(--max-sz,100%)}.is--container:not(.is--container .is--container){--sz--outer:100cqi}.-container\:s{--contentSz:var(--sz--s)}.-container\:m{--contentSz:var(--sz--m)}.-container\:l{--contentSz:var(--sz--l)}.is--layer{inset:0;overflow:hidden;position:absolute}.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}}@layer layout{.l--flow{display:flow-root}.l--flow>*{--flow:var(--flow--base);--my-s:var(--flow);margin-block:var(--my-s) 0}.l--flow>:where(img,video,audio){display:block}.-flow\:s>*{--flow:var(--flow--s)}.-flow\:l>*{--flow:var(--flow--l)}.-flow\:>*{--flow:inherit}.l--flow>:where(h1,h2,h3,h4){--my-s:calc(var(--flow) + var(--flow--h))}.is--skipFlow+*,.l--flow>:first-child{--my-s:0px}.l--cluster,.l--flex{display:flex}.l--cluster{align-items:center;flex-wrap:wrap}.l--stack{display:flex;flex-direction:column}.l--grid{--gtr:none;--gtc:none;--gta:none;display:grid;grid-template:var(--gtr)/var(--gtc);grid-template-areas:var(--gta)}.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--withSide{--sideW:auto;--mainW:max(var(--sz--min),50%);display:flex;flex-wrap:wrap}.l--withSide>.is--side{flex-basis:var(--sideW);flex-grow:1}.l--withSide>:not(.is--side){flex-basis:min(100%,var(--mainW));flex-grow:9999999}.l--frame{overflow:hidden}.l--frame>:where(img,video,iframe,.a--media){display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}}@layer atomic{.a--divider{--bdc:var(--c--line);--bds:solid;--bdw:1px;border-block-start:var(--bdw) var(--bds) var(--bdc)}.a--icon{flex-shrink:0}.a--icon:where(:not([fill])){fill:currentcolor}.a--icon:where(:not([width])){height:1em;width:1em}.a--media{display:block}}@layer dynamic{.d--accordion{--duration:var(--acc-duration,0.4s)}.d--accordion.js-opened{--notOpened_: }.d--accordion:not(.js-opened){--isOpened_: }.d--accordion_header{align-items:center;display:grid;gap:.5em;grid:auto/1fr auto;outline-offset:-1px}.d--accordion_header::-webkit-details-marker{display:none}.d--accordion_body{display:grid;grid:1fr/auto;transition-duration:var(--duration);transition-property:margin-block,padding-block,opacity,grid-template}.d--accordion_inner{overflow:hidden}.d--accordion:not(.js-opened)>.d--accordion_body{grid:0fr/auto;margin-block:0!important;padding-block:0!important}.d--accordion_icon{display:grid}.d--accordion_icon>.a--icon{rotate:var(--isOpened_,-180deg);transition-duration:var(--duration)}.d--modal{--my-s:0;--offset:0 0;--duration:var(--modal-duration,0.5s);--backdropBg:rgba(0,0,0,.6);max-height:100%;max-width:100%;transition-duration:var(--duration,.5s)}.d--modal::backdrop{background:var(--backdropBg);transition:opacity var(--duration,.5s)}.d--modal_inner{background-color:var(--c--base);max-height:100%}.d--modal_body{overflow:auto;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{display:flex;grid-area:list;overflow-x:auto}.d--tabs_tab[aria-selected=true]{--notSelected_: }.d--tabs_tab[aria-selected=false]{--isSelected_: }:where(.d--tabs_tab){color:var(--notSelected_,var(--c--text-2))}.d--tabs_panel{grid-area:panel;width:100%}.d--tabs_panel:where([aria-hidden=true]){display:none}}}@layer lism.utility{.u-trim{margin-block:calc(.5px + var(--HL)*-1)}.u-trimItems>*{--trimHL:calc(0.5px + var(--HL)*-1);margin-block:var(--trimHL)}.u-trimItems>:where(figure,img,button){--trimHL:0px}.u-cbox{--c:color-mix(in srgb,var(--c--text),var(--keycolor) var(--cbox-cPct,40%));--bgc:color-mix(in srgb,var(--c--base),var(--keycolor) var(--cbox-bgPct,5%));--bdc:var(--keycolor);--c--link:var(--keycolor);background-color:var(--bgc);color:var(--c)}.u-itemDivider{--bdw:1px;--bdc:currentColor;gap:var(--bdw);overflow:clip}.u-itemDivider>*{box-shadow:0 0 0 var(--bdw) var(--bdc)}.u-expandedLink{position:static}.u-expandedLink:before{content:"";inset:0;position:absolute;z-index:0}.u-hidden.u-hidden{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}}@layer lism.base{.-bd,[class*=" -bd-"],[class^=-bd-]{--bds:solid;--bdw:1px;--bdc:currentColor;border-color:var(--bdc);border-width:var(--bdw)}}.-bd{border-style:var(--bds)}.-bd-x{border-inline-style:var(--bds)}.-bd-y{border-block-style:var(--bds)}.-bd-x-s{border-inline-start-style:var(--bds)}.-bd-x-e{border-inline-end-style:var(--bds)}.-bd-t{border-top-style:var(--bds)}.-bd-b{border-bottom-style:var(--bds)}.-bd-l{border-left-style:var(--bds)}.-bd-r{border-right-style:var(--bds)}.-bd-y-s{border-block-start-style:var(--bds)}.-bd-y-e{border-block-end-style:var(--bds)}.-max-sz\:full{max-inline-size:100%}:where(.has--gutter)>.-max-sz\:full{margin-inline:calc(var(--gutter)*-1);max-inline-size:calc(100% + var(--gutter)*2)}.-max-sz\:outer{margin-inline:calc(50% - var(--sz--outer)/2);max-inline-size:var(--sz--outer,100vi)}.-f\:inherit{font:inherit}.-fz,[class*="-fz:"]{font-size:var(--fz)}.-fz\:root{--fz:var(--fz--root)}.-fz\:base{--fz:var(--fz--base)}.-fz\:5xl{--fz:var(--fz--5xl)}.-fz\:4xl{--fz:var(--fz--4xl)}.-fz\:3xl{--fz:var(--fz--3xl)}.-fz\:2xl{--fz:var(--fz--2xl)}.-fz\:xl{--fz:var(--fz--xl)}.-fz\:l{--fz:var(--fz--l)}.-fz\:m{--fz:var(--fz--m)}.-fz\:s{--fz:var(--fz--s)}.-fz\:xs{--fz:var(--fz--xs)}.-fz\:2xs{--fz:var(--fz--2xs)}.-fw\:thin{font-weight:var(--fw--thin)}.-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)}.-fw\:black{font-weight:var(--fw--black)}.-ff\:base{font-family:var(--ff--base)}.-ff\:accent{font-family:var(--ff--accent)}.-ff\:mono{font-family:var(--ff--mono)}.-fs\:italic{font-style:italic}.-lh,[class*="-lh:"]{line-height:var(--lh)}.-lh\:1{--lh:1}.-lh\:base{--lh:var(--lh--base)}.-lh\:xs{--lh:var(--lh--xs)}.-lh\:s{--lh:var(--lh--s)}.-lh\:l{--lh:var(--lh--l)}.-lh\:xl{--lh:var(--lh--xl)}.-lts\:base{letter-spacing:var(--lts--base)}.-lts\:s{letter-spacing:var(--lts--s)}.-lts\:l{letter-spacing:var(--lts--l)}.-ta\:center{text-align:center}.-ta\:left{text-align:left}.-ta\:right{text-align:right}.-td\:under{text-decoration:underline}.-td\:none{text-decoration:none}.-d{display:var(--d)}.-d\:none{display:none}.-d\:block{display:block}.-d\:in-flex{display:inline-flex}.-o\:0{opacity:0}.-o\:-10{opacity:var(--o--n10)}.-o\:-20{opacity:var(--o--n20)}.-o\:-30{opacity:var(--o--n30)}.-v\:hidden{visibility:hidden}.-ov\:hidden{overflow:hidden}.-ov\:auto{overflow:auto}.-ov\:clip{overflow:clip}.-ov-x\:clip{overflow-x:clip}.-ov-x\:auto{overflow-x:auto}.-ov-x\:scroll{overflow-x:scroll}.-ov-y\:clip{overflow-y:clip}.-ov-y\:auto{overflow-y:auto}.-ov-y\:scroll{overflow-y:scroll}.-ar{aspect-ratio:var(--ar)}.-ar\:21\/9{aspect-ratio:21/9}.-ar\:16\/9{aspect-ratio:16/9}.-ar\:3\/2{aspect-ratio:3/2}.-ar\:1\/1{aspect-ratio:1/1}.-ar\:og{aspect-ratio:var(--ar--og)}.-w{width:var(--w)}.-w\:100\%{width:100%}.-w\:fit{width:-moz-fit-content;width:fit-content}.-h{height:var(--h)}.-h\:100\%{height:100%}.-min-w{min-width:var(--min-w)}.-min-w\:100\%{min-width:100%}.-max-w{max-width:var(--max-w)}.-max-w\:100\%{max-width:100%}.-min-h{min-height:var(--min-h)}.-min-h\:100\%{min-height:100%}.-max-h{max-height:var(--max-h)}.-max-h\:100\%{max-height:100%}.-max-sz\:xs{max-inline-size:var(--sz--xs)}.-max-sz\:s{max-inline-size:var(--sz--s)}.-max-sz\:m{max-inline-size:var(--sz--m)}.-max-sz\:l{max-inline-size:var(--sz--l)}.-max-sz\:xl{max-inline-size:var(--sz--xl)}.-bg{background:var(--bg)}.-bgr\:no{background-repeat:no-repeat}.-bgp\:center{background-position:50%}.-bgsz\:cover{background-size:cover}.-bgsz\:contain{background-size:contain}.-bgclip\:text{-webkit-background-clip:text;background-clip:text}.-bgc,[class*="-bgc:"]{background-color:var(--bgc)}.-bgc\:base{--bgc:var(--c--base)}.-bgc\:base-2{--bgc:var(--c--base-2)}.-bgc\:text{--bgc:var(--c--text)}.-bgc\:main{--bgc:var(--c--main)}.-bgc\:accent{--bgc:var(--c--accent)}.-bgc\:trsp{--bgc:transparent}.-bgc\:inherit{background-color:inherit}.-c,[class*="-c:"]{color:var(--c)}.-c\:base{--c:var(--c--base)}.-c\:text{--c:var(--c--text)}.-c\:text-2{--c:var(--c--text-2)}.-c\:main{--c:var(--c--main)}.-c\:accent{--c:var(--c--accent)}.-c\:trsp{--c:transparent}.-c\:inherit{color:inherit}.-bd\:none{border:none}.-bds\:dashed{--bds:dashed}.-bds\:dotted{--bds:dotted}.-bds\:double{--bds:double}.-bdc\:main{--bdc:var(--c--main)}.-bdc\:accent{--bdc:var(--c--accent)}.-bdc\:line{--bdc:var(--c--line)}.-bdc\:inherit{--bdc:inherit}.-bdc\:trsp{--bdc:transparent}.-bdrs,[class*="-bdrs:"]{border-radius:var(--bdrs)}.-bdrs\:0{--bdrs:0}.-bdrs\:5{--bdrs:var(--bdrs--5)}.-bdrs\:10{--bdrs:var(--bdrs--10)}.-bdrs\:20{--bdrs:var(--bdrs--20)}.-bdrs\:30{--bdrs:var(--bdrs--30)}.-bdrs\:40{--bdrs:var(--bdrs--40)}.-bdrs\:50{--bdrs:var(--bdrs--50)}.-bdrs\:99{--bdrs:var(--bdrs--99)}.-bdrs\:inner{--bdrs:var(--bdrs--inner)}.-bxsh,[class*="-bxsh:"]{box-shadow:var(--bxsh)}.-bxsh\:0{--bxsh:none}.-bxsh\:5{--bxsh:var(--bxsh--5)}.-bxsh\:10{--bxsh:var(--bxsh--10)}.-bxsh\:20{--bxsh:var(--bxsh--20)}.-bxsh\:30{--bxsh:var(--bxsh--30)}.-bxsh\:40{--bxsh:var(--bxsh--40)}.-bxsh\:50{--bxsh:var(--bxsh--50)}.-pos\:static{position:static}.-pos\:fixed{position:fixed}.-pos\:sticky{position:sticky}.-pos\:rel{position:relative}.-pos\:abs{position:absolute}.-z\:0{z-index:0}.-z\:1{z-index:1}.-z\:99{z-index:99}.-z\:-1{z-index:-1}.-t\:0{top:0}.-t\:50\%{top:50%}.-t\:100\%{top:100%}.-l\:0{left:0}.-l\:50\%{left:50%}.-l\:100\%{left: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%}.-i\:0{inset:0}.-p,[class*="-p:"]{padding:var(--p)}.-p\:0{--p:0}.-p\:5{--p:var(--s5)}.-p\:10{--p:var(--s10)}.-p\:20{--p:var(--s20)}.-p\:30{--p:var(--s30)}.-p\:40{--p:var(--s40)}.-p\:50{--p:var(--s50)}.-p\:60{--p:var(--s60)}.-p\:70{--p:var(--s70)}.-p\:80{--p:var(--s80)}.-px,[class*="-px:"]{padding-inline:var(--px)}.-px\:0{--px:0}.-px\:5{--px:var(--s5)}.-px\:10{--px:var(--s10)}.-px\:20{--px:var(--s20)}.-px\:30{--px:var(--s30)}.-px\:40{--px:var(--s40)}.-px\:50{--px:var(--s50)}.-px\:60{--px:var(--s60)}.-px\:70{--px:var(--s70)}.-px\:80{--px:var(--s80)}.-py,[class*="-py:"]{padding-block:var(--py)}.-py\:0{--py:0}.-py\:5{--py:var(--s5)}.-py\:10{--py:var(--s10)}.-py\:20{--py:var(--s20)}.-py\:30{--py:var(--s30)}.-py\:40{--py:var(--s40)}.-py\:50{--py:var(--s50)}.-py\:60{--py:var(--s60)}.-py\:70{--py:var(--s70)}.-py\:80{--py:var(--s80)}.-px-s{padding-inline-start:var(--px-s)}.-px-e{padding-inline-end:var(--px-e)}.-py-s{padding-block-start:var(--py-s)}.-py-e{padding-block-end:var(--py-e)}.-pl{padding-left:var(--pl)}.-pr{padding-right:var(--pr)}.-pt{padding-top:var(--pt)}.-pb{padding-bottom:var(--pb)}.-m,[class*="-m:"]{margin:var(--m)}.-m\:0{--m:0}.-m\:5{--m:var(--s5)}.-m\:10{--m:var(--s10)}.-m\:20{--m:var(--s20)}.-m\:30{--m:var(--s30)}.-m\:40{--m:var(--s40)}.-m\:50{--m:var(--s50)}.-m\:60{--m:var(--s60)}.-m\:70{--m:var(--s70)}.-m\:80{--m:var(--s80)}.-m\:auto{--m:auto}.-mx,[class*="-mx:"]{margin-inline:var(--mx)}.-mx\:0{--mx:0}.-mx\:5{--mx:var(--s5)}.-mx\:10{--mx:var(--s10)}.-mx\:20{--mx:var(--s20)}.-mx\:30{--mx:var(--s30)}.-mx\:40{--mx:var(--s40)}.-mx\:50{--mx:var(--s50)}.-mx\:60{--mx:var(--s60)}.-mx\:70{--mx:var(--s70)}.-mx\:80{--mx:var(--s80)}.-mx\:auto{--mx:auto}.-my,[class*="-my:"]{margin-block:var(--my)}.-my\:0{--my:0}.-my\:5{--my:var(--s5)}.-my\:10{--my:var(--s10)}.-my\:20{--my:var(--s20)}.-my\:30{--my:var(--s30)}.-my\:40{--my:var(--s40)}.-my\:50{--my:var(--s50)}.-my\:60{--my:var(--s60)}.-my\:70{--my:var(--s70)}.-my\:80{--my:var(--s80)}.-my\:auto{--my:auto}.-mx-s{margin-inline-start:var(--mx-s)}.-mx-s\:auto{margin-inline-start:auto}.-mx-e{margin-inline-end:var(--mx-e)}.-mx-e\:auto{margin-inline-end:auto}.-my-s{margin-block-start:var(--my-s)}.-my-s\:0{margin-block-start:0}.-my-s\:5{margin-block-start:var(--s5)}.-my-s\:10{margin-block-start:var(--s10)}.-my-s\:20{margin-block-start:var(--s20)}.-my-s\:30{margin-block-start:var(--s30)}.-my-s\:40{margin-block-start:var(--s40)}.-my-s\:50{margin-block-start:var(--s50)}.-my-s\:60{margin-block-start:var(--s60)}.-my-s\:70{margin-block-start:var(--s70)}.-my-s\:80{margin-block-start:var(--s80)}.-my-s\:auto{margin-block-start:auto}.-my-e{margin-inline-end:var(--my-e)}.-my-e\:auto{margin-inline-end:auto}.-ml{margin-left:var(--ml)}.-mr{margin-right:var(--mr)}.-mt{margin-top:var(--mt)}.-mb{margin-bottom:var(--mb)}.-g,[class*="-g:"]{gap:var(--g)}.-g\:0{--g:0}.-g\:5{--g:var(--s5)}.-g\:10{--g:var(--s10)}.-g\:20{--g:var(--s20)}.-g\:30{--g:var(--s30)}.-g\:40{--g:var(--s40)}.-g\:50{--g:var(--s50)}.-g\:60{--g:var(--s60)}.-g\:70{--g:var(--s70)}.-g\:80{--g:var(--s80)}.-g\:inherit{gap:inherit}.-g-x{-moz-column-gap:var(--g-x);column-gap:var(--g-x)}.-g-y{row-gap:var(--g-y)}.-fxw{flex-wrap:var(--fxw)}.-fxw\:wrap{flex-wrap:wrap}.-fxd{flex-direction:var(--fxd)}.-fxd\:col{flex-direction:column}.-fxd\:col-r{flex-direction:column-reverse}.-fxd\:row-r{flex-direction:row-reverse}.-fx{flex:var(--fx)}.-fx\:1{flex:1}.-fxg\:1{flex-grow:1}.-fxsh\:0{flex-shrink:0}.-fxb{flex-basis:var(--fxb)}.-gt{grid-template:var(--gt)}.-gt\:repeat{--cols:1;--rows:1;grid-template:repeat(var(--rows),1fr) /repeat(var(--cols),1fr)}.-gta{grid-template-areas:var(--gta)}.-gtc{grid-template-columns:var(--gtc)}.-gtc\:subgrid{grid-template-columns:subgrid}.-gtc\:liquid{--cols:var(--sz--min);--gtc:repeat(auto-fill,minmax(min(var(--cols),100%),1fr))}.-gtr{grid-template-rows:var(--gtr)}.-gtr\:subgrid{grid-template-rows:subgrid}.-gaf{grid-auto-flow:var(--gaf)}.-gaf\:row{grid-auto-flow:row}.-gaf\:col{grid-auto-flow:column}.-ga{grid-area:var(--ga)}.-ga\:1\/1{grid-area:1/1}.-gc{grid-column:var(--gc)}.-gc\:1\/-1{grid-column:1/-1}.-gr{grid-row:var(--gr)}.-gr\:1\/-1{grid-row:1/-1}.-ai{align-items:var(--ai)}.-ai\:start{align-items:start}.-ai\:center{align-items:center}.-ai\:end{align-items:end}.-ai\:stretch{align-items:stretch}.-ai\:flex-s{align-items:flex-start}.-ai\:flex-e{align-items:flex-end}.-ac{align-content:var(--ac)}.-ac\:start{align-content:start}.-ac\:center{align-content:center}.-ac\:end{align-content:end}.-ac\:flex-s{align-content:flex-start}.-ac\:flex-e{align-content:flex-end}.-ac\:between{align-content:space-between}.-ji{justify-items:var(--ji)}.-ji\:start{justify-items:start}.-ji\:center{justify-items:center}.-ji\:end{justify-items:end}.-ji\:stretch{justify-items:stretch}.-ji\:flex-s{justify-items:flex-start}.-ji\:flex-e{justify-items:flex-end}.-jc{justify-content:var(--jc)}.-jc\:start{justify-content:start}.-jc\:center{justify-content:center}.-jc\:end{justify-content:end}.-jc\:flex-s{justify-content:flex-start}.-jc\:flex-e{justify-content:flex-end}.-jc\:between{justify-content:space-between}.-aslf\:start{align-self:start}.-aslf\:center{align-self:center}.-aslf\:end{align-self:end}.-aslf\:stretch{align-self:stretch}.-jslf\:start{justify-self:start}.-jslf\:center{justify-self:center}.-jslf\:end{justify-self:end}.-jslf\:stretch{justify-self:stretch}.-order\:0{order:0}.-order\:1{order:1}.-order\:-1{order:-1}.-translate\:-50X{translate:-50% 0}.-translate\:-50Y{translate:0 -50%}.-translate\:-50XY{translate:-50% -50%}.-rotate\:45{rotate:45deg}.-rotate\:90{rotate:90deg}.-rotate\:-45{rotate:-45deg}.-rotate\:-90{rotate:-90deg}.-scale\:-X{scale:-1 1}.-scale\:-Y{scale:1 -1}.-scale\:-XY{scale:-1 -1}.-ovw\:any{overflow-wrap:anywhere}.-whitespace\:nowrap{white-space:nowrap}.-writing{writing-mode:var(--writing)}.-writing\:vertical{writing-mode:var(--writing--vertical)}.-float\:left{float:left}.-float\:right{float:right}.-clear\:both{clear:both}.-isolation\:isolate{isolation:isolate}@container (min-width: 480px){.-fz_sm{font-size:var(--fz_sm)}.-lh_sm{line-height:var(--lh_sm)}.-d_sm{display:var(--d_sm)}.-ar_sm{aspect-ratio:var(--ar_sm)}.-w_sm{width:var(--w_sm)}.-h_sm{height:var(--h_sm)}.-min-w_sm{min-width:var(--min-w_sm)}.-max-w_sm{max-width:var(--max-w_sm)}.-min-h_sm{min-height:var(--min-h_sm)}.-max-h_sm{max-height:var(--max-h_sm)}.-bg_sm{background:var(--bg_sm)}.-bdw_sm{--bdw:var(--bdw_sm)!important}.-bdrs_sm{border-radius:var(--bdrs_sm);--bdrs:var(--bdrs_sm)!important}.-bxsh_sm{box-shadow:var(--bxsh_sm)}.-p_sm{padding:var(--p_sm);--p:var(--p_sm)!important}.-px_sm{padding-inline:var(--px_sm)}.-py_sm{padding-block:var(--py_sm)}.-px-s_sm{padding-inline-start:var(--px-s_sm)}.-px-e_sm{padding-inline-end:var(--px-e_sm)}.-py-s_sm{padding-block-start:var(--py-s_sm)}.-py-e_sm{padding-block-end:var(--py-e_sm)}.-pl_sm{padding-left:var(--pl_sm)}.-pr_sm{padding-right:var(--pr_sm)}.-pt_sm{padding-top:var(--pt_sm)}.-pb_sm{padding-bottom:var(--pb_sm)}.-m_sm{margin:var(--m_sm);--m:var(--m_sm)!important}.-mx_sm{margin-inline:var(--mx_sm)}.-my_sm{margin-block:var(--my_sm)}.-mx-s_sm{margin-inline-start:var(--mx-s_sm)}.-mx-e_sm{margin-inline-end:var(--mx-e_sm)}.-my-s_sm{margin-block-start:var(--my-s_sm)}.-my-e_sm{margin-inline-end:var(--my-e_sm)}.-ml_sm{margin-left:var(--ml_sm)}.-mr_sm{margin-right:var(--mr_sm)}.-mt_sm{margin-top:var(--mt_sm)}.-mb_sm{margin-bottom:var(--mb_sm)}.-g_sm{gap:var(--g_sm);--g:var(--g_sm)!important}.-g-x_sm{-moz-column-gap:var(--g-x_sm);column-gap:var(--g-x_sm)}.-g-y_sm{row-gap:var(--g-y_sm)}.-cols_sm{--cols:var(--cols_sm)!important}.-rows_sm{--rows:var(--rows_sm)!important}.-fxw_sm{flex-wrap:var(--fxw_sm)}.-fxd_sm{flex-direction:var(--fxd_sm)}.-fx_sm{flex:var(--fx_sm)}.-fxb_sm{flex-basis:var(--fxb_sm)}.-gt_sm{grid-template:var(--gt_sm)}.-gta_sm{grid-template-areas:var(--gta_sm)}.-gtc_sm{grid-template-columns:var(--gtc_sm)}.-gtr_sm{grid-template-rows:var(--gtr_sm)}.-gaf_sm{grid-auto-flow:var(--gaf_sm)}.-ga_sm{grid-area:var(--ga_sm)}.-gc_sm{grid-column:var(--gc_sm)}.-gr_sm{grid-row:var(--gr_sm)}.-ai_sm{align-items:var(--ai_sm)}.-ac_sm{align-content:var(--ac_sm)}.-ji_sm{justify-items:var(--ji_sm)}.-jc_sm{justify-content:var(--jc_sm)}.-writing_sm{writing-mode:var(--writing_sm)}}@container (min-width: 800px){.-fz_md{font-size:var(--fz_md)}.-lh_md{line-height:var(--lh_md)}.-d_md{display:var(--d_md)}.-ar_md{aspect-ratio:var(--ar_md)}.-w_md{width:var(--w_md)}.-h_md{height:var(--h_md)}.-min-w_md{min-width:var(--min-w_md)}.-max-w_md{max-width:var(--max-w_md)}.-min-h_md{min-height:var(--min-h_md)}.-max-h_md{max-height:var(--max-h_md)}.-bg_md{background:var(--bg_md)}.-bdw_md{--bdw:var(--bdw_md)!important}.-bdrs_md{border-radius:var(--bdrs_md);--bdrs:var(--bdrs_md)!important}.-bxsh_md{box-shadow:var(--bxsh_md)}.-p_md{padding:var(--p_md);--p:var(--p_md)!important}.-px_md{padding-inline:var(--px_md)}.-py_md{padding-block:var(--py_md)}.-px-s_md{padding-inline-start:var(--px-s_md)}.-px-e_md{padding-inline-end:var(--px-e_md)}.-py-s_md{padding-block-start:var(--py-s_md)}.-py-e_md{padding-block-end:var(--py-e_md)}.-pl_md{padding-left:var(--pl_md)}.-pr_md{padding-right:var(--pr_md)}.-pt_md{padding-top:var(--pt_md)}.-pb_md{padding-bottom:var(--pb_md)}.-m_md{margin:var(--m_md);--m:var(--m_md)!important}.-mx_md{margin-inline:var(--mx_md)}.-my_md{margin-block:var(--my_md)}.-mx-s_md{margin-inline-start:var(--mx-s_md)}.-mx-e_md{margin-inline-end:var(--mx-e_md)}.-my-s_md{margin-block-start:var(--my-s_md)}.-my-e_md{margin-inline-end:var(--my-e_md)}.-ml_md{margin-left:var(--ml_md)}.-mr_md{margin-right:var(--mr_md)}.-mt_md{margin-top:var(--mt_md)}.-mb_md{margin-bottom:var(--mb_md)}.-g_md{gap:var(--g_md);--g:var(--g_md)!important}.-g-x_md{-moz-column-gap:var(--g-x_md);column-gap:var(--g-x_md)}.-g-y_md{row-gap:var(--g-y_md)}.-cols_md{--cols:var(--cols_md)!important}.-rows_md{--rows:var(--rows_md)!important}.-fxw_md{flex-wrap:var(--fxw_md)}.-fxd_md{flex-direction:var(--fxd_md)}.-fx_md{flex:var(--fx_md)}.-fxb_md{flex-basis:var(--fxb_md)}.-gt_md{grid-template:var(--gt_md)}.-gta_md{grid-template-areas:var(--gta_md)}.-gtc_md{grid-template-columns:var(--gtc_md)}.-gtr_md{grid-template-rows:var(--gtr_md)}.-gaf_md{grid-auto-flow:var(--gaf_md)}.-ga_md{grid-area:var(--ga_md)}.-gc_md{grid-column:var(--gc_md)}.-gr_md{grid-row:var(--gr_md)}.-ai_md{align-items:var(--ai_md)}.-ac_md{align-content:var(--ac_md)}.-ji_md{justify-items:var(--ji_md)}.-jc_md{justify-content:var(--jc_md)}.-writing_md{writing-mode:var(--writing_md)}}@media (any-hover:hover){.-hov\:c:hover{color:var(--hov-c,var(--c--link))}.-hov\:bdc:hover{border-color:var(--hov-bdc,var(--c--link))}.-hov\:bgc:hover{background-color:var(--hov-bgc,var(--c--base-2))}.-hov\:o:hover{opacity:var(--hov-o,.7)!important}.-hov\:bxsh:hover{box-shadow:var(--hov-bxsh,var(--bxsh--40))}}.-hov\:to\:hide{opacity:var(--isHov_,0)}.-hov\:to\:show{opacity:var(--notHov_,0);visibility:var(--notHov_,hidden)}

package/dist/css/main_no_layer.css

@@ -0,0 +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,video){block-size:auto;max-inline-size:100%}:where(svg,img,video,audio){vertical-align:middle}:where(iframe,embed,object){border:none;display:block}: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}@property --sz--outer{syntax:"<length-percentage>";initial-value:100%;inherits:true}@property --HL{syntax:"*";inherits:false;initial-value:calc(.5lh - .5em)}:root{--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;--sz--xl:1600px;--sz--l:1280px;--sz--m:960px;--sz--s:640px;--sz--xs:480px;--sz--min:16rem;--flow--base:var(--s40);--flow--s:var(--s20);--flow--l:var(--s50);--flow--h:0.75em;--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--5xl:4em;--fz--4xl:2.667em;--fz--3xl:2em;--fz--2xl:1.6em;--fz--xl:1.333em;--fz--l:1.143em;--fz--m:1em;--fz--s:0.889em;--fz--xs:0.8em;--fz--2xs:0.727em;--fz--base:clamp(0.875rem,0.625rem + 1vw,1rem);--fw--thin:100;--fw--light:300;--fw--normal:400;--fw--medium:500;--fw--bold:700;--fw--black:900;--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;--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:#141415;--c--text-2:#62646a;--c--line:#cfd0d3;--c--link:#0c61e4;--o--n10:0.75;--o--n20:0.5;--o--n30:0.25;--ar--og:1.91/1;--writing--vertical:vertical-rl;--bdrs--5:2px;--bdrs--10:0.25rem;--bdrs--20:0.5rem;--bdrs--30:1rem;--bdrs--40:1.5rem;--bdrs--50:2rem;--bdrs--99:99rem;--gutter:var(--s40)}html{font-size:var(--fz--base);-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-px-s,0)}:where(a){color:var(--c--link);-webkit-text-decoration:var(--link-td,underline);text-decoration:var(--link-td,underline)}:where(th){background-color:var(--th--bgc,transparent);color:var(--th--c,inherit)}:where(td,th){min-inline-size:var(--cell-minW,initial);padding:var(--cell-p,.375em .5em)}:where(hr){block-size:0;border:none;border-block-start:1px solid}:where(blockquote){border-inline-start:3px solid currentColor;padding:var(--s20) var(--s30)}:where(pre){overflow-x:auto}body:where(:has(:modal[open])){overflow:hidden}dialog:where(:not([open])){pointer-events:none}.set-shadow,:root{--sh-i: ;--sh-hsl:220 4% 8%;--sh-a:5%;--sh-c:hsl(var(--sh-hsl)/var(--sh-a));--sh--5:var(--sh-i) 0px 2px 4px var(--sh-c);--sh--10:var(--sh-i) 1px 3px 6px var(--sh-c);--sh--20:var(--sh-i) 1px 5px 10px var(--sh-c);--sh--30:var(--sh-i) 2px 8px 16px var(--sh-c);--sh--40:var(--sh-i) 3px 13px 26px var(--sh-c);--sh--50:var(--sh-i) 5px 21px 42px var(--sh-c);--bxsh--10:var(--sh--5),var(--sh--10);--bxsh--20:var(--sh--10),var(--sh--20);--bxsh--30:var(--sh--20),var(--sh--30);--bxsh--40:var(--sh--30),var(--sh--40);--bxsh--50:var(--sh--40),var(--sh--50)}@media (any-hover:hover){.set-hov:hover{--notHov_: }.set-hov:not(:hover){--isHov_: }}@media (any-hover:none){.set-hov{--isHov_: }}.set-transition{--duration:var(--transition-duration,0.4s);--delay:0s;--ease:ease;--property:all;transition:var(--duration) var(--ease) var(--delay);transition-property:var(--property)}.set-snap{scroll-snap-type:var(--snap-type,both mandatory)}.set-snap>*{scroll-snap-align:var(--snap-align,start);scroll-snap-stop:var(--snap-stop,normal)}.set-mask{--maskPos:50%;--maskSize:contain;--maskRepeat:no-repeat;-webkit-mask:var(--maskImg) var(--maskRepeat) var(--maskPos)/var(--maskSize);mask:var(--maskImg) var(--maskRepeat) var(--maskPos)/var(--maskSize)}.set-innerRs{--bdrs--inner:calc(var(--bdrs, 0px) - var(--p, 0px))}:where(.set-plain){background:none;border:none;color:inherit;font:inherit;height:auto;padding:0;text-decoration:none;width:auto}:is(ul,ol):where(:not([class]),[class^="-"],.set-revert){--list-px-s:1.5em;list-style:revert}.has--gutter{padding-inline:var(--gutter)}.is--container{container-type:inline-size}.is--container>*{--max-sz:var(--contentSz,100%);margin-inline:auto;max-inline-size:var(--max-sz,100%)}.is--container:not(.is--container .is--container){--sz--outer:100cqi}.-container\:s{--contentSz:var(--sz--s)}.-container\:m{--contentSz:var(--sz--m)}.-container\:l{--contentSz:var(--sz--l)}.is--layer{inset:0;overflow:hidden;position:absolute}.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}.l--flow{display:flow-root}.l--flow>*{--flow:var(--flow--base);--my-s:var(--flow);margin-block:var(--my-s) 0}.l--flow>:where(img,video,audio){display:block}.-flow\:s>*{--flow:var(--flow--s)}.-flow\:l>*{--flow:var(--flow--l)}.-flow\:>*{--flow:inherit}.l--flow>:where(h1,h2,h3,h4){--my-s:calc(var(--flow) + var(--flow--h))}.is--skipFlow+*,.l--flow>:first-child{--my-s:0px}.l--cluster,.l--flex{display:flex}.l--cluster{align-items:center;flex-wrap:wrap}.l--stack{display:flex;flex-direction:column}.l--grid{--gtr:none;--gtc:none;--gta:none;display:grid;grid-template:var(--gtr)/var(--gtc);grid-template-areas:var(--gta)}.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--withSide{--sideW:auto;--mainW:max(var(--sz--min),50%);display:flex;flex-wrap:wrap}.l--withSide>.is--side{flex-basis:var(--sideW);flex-grow:1}.l--withSide>:not(.is--side){flex-basis:min(100%,var(--mainW));flex-grow:9999999}.l--frame{overflow:hidden}.l--frame>:where(img,video,iframe,.a--media){display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.a--divider{--bdc:var(--c--line);--bds:solid;--bdw:1px;border-block-start:var(--bdw) var(--bds) var(--bdc)}.a--icon{flex-shrink:0}.a--icon:where(:not([fill])){fill:currentcolor}.a--icon:where(:not([width])){height:1em;width:1em}.a--media{display:block}.d--accordion{--duration:var(--acc-duration,0.4s)}.d--accordion.js-opened{--notOpened_: }.d--accordion:not(.js-opened){--isOpened_: }.d--accordion_header{align-items:center;display:grid;gap:.5em;grid:auto/1fr auto;outline-offset:-1px}.d--accordion_header::-webkit-details-marker{display:none}.d--accordion_body{display:grid;grid:1fr/auto;transition-duration:var(--duration);transition-property:margin-block,padding-block,opacity,grid-template}.d--accordion_inner{overflow:hidden}.d--accordion:not(.js-opened)>.d--accordion_body{grid:0fr/auto;margin-block:0!important;padding-block:0!important}.d--accordion_icon{display:grid}.d--accordion_icon>.a--icon{rotate:var(--isOpened_,-180deg);transition-duration:var(--duration)}.d--modal{--my-s:0;--offset:0 0;--duration:var(--modal-duration,0.5s);--backdropBg:rgba(0,0,0,.6);max-height:100%;max-width:100%;transition-duration:var(--duration,.5s)}.d--modal::backdrop{background:var(--backdropBg);transition:opacity var(--duration,.5s)}.d--modal_inner{background-color:var(--c--base);max-height:100%}.d--modal_body{overflow:auto;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{display:flex;grid-area:list;overflow-x:auto}.d--tabs_tab[aria-selected=true]{--notSelected_: }.d--tabs_tab[aria-selected=false]{--isSelected_: }:where(.d--tabs_tab){color:var(--notSelected_,var(--c--text-2))}.d--tabs_panel{grid-area:panel;width:100%}.d--tabs_panel:where([aria-hidden=true]){display:none}.u-trim{margin-block:calc(.5px + var(--HL)*-1)}.u-trimItems>*{--trimHL:calc(0.5px + var(--HL)*-1);margin-block:var(--trimHL)}.u-trimItems>:where(figure,img,button){--trimHL:0px}.u-cbox{--c:color-mix(in srgb,var(--c--text),var(--keycolor) var(--cbox-cPct,40%));--bgc:color-mix(in srgb,var(--c--base),var(--keycolor) var(--cbox-bgPct,5%));--bdc:var(--keycolor);--c--link:var(--keycolor);background-color:var(--bgc);color:var(--c)}.u-itemDivider{--bdw:1px;--bdc:currentColor;gap:var(--bdw);overflow:clip}.u-itemDivider>*{box-shadow:0 0 0 var(--bdw) var(--bdc)}.u-expandedLink{position:static}.u-expandedLink:before{content:"";inset:0;position:absolute;z-index:0}.u-hidden.u-hidden{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}:where(.-bd,[class*=" -bd-"],[class^=-bd-]){--bds:solid;--bdw:1px;--bdc:currentColor;border-color:var(--bdc);border-width:var(--bdw)}.-bd{border-style:var(--bds)}.-bd-x{border-inline-style:var(--bds)}.-bd-y{border-block-style:var(--bds)}.-bd-x-s{border-inline-start-style:var(--bds)}.-bd-x-e{border-inline-end-style:var(--bds)}.-bd-t{border-top-style:var(--bds)}.-bd-b{border-bottom-style:var(--bds)}.-bd-l{border-left-style:var(--bds)}.-bd-r{border-right-style:var(--bds)}.-bd-y-s{border-block-start-style:var(--bds)}.-bd-y-e{border-block-end-style:var(--bds)}.-max-sz\:full{max-inline-size:100%}:where(.has--gutter)>.-max-sz\:full{margin-inline:calc(var(--gutter)*-1);max-inline-size:calc(100% + var(--gutter)*2)}.-max-sz\:outer{margin-inline:calc(50% - var(--sz--outer)/2);max-inline-size:var(--sz--outer,100vi)}.-f\:inherit{font:inherit}.-fz,[class*="-fz:"]{font-size:var(--fz)}.-fz\:root{--fz:var(--fz--root)}.-fz\:base{--fz:var(--fz--base)}.-fz\:5xl{--fz:var(--fz--5xl)}.-fz\:4xl{--fz:var(--fz--4xl)}.-fz\:3xl{--fz:var(--fz--3xl)}.-fz\:2xl{--fz:var(--fz--2xl)}.-fz\:xl{--fz:var(--fz--xl)}.-fz\:l{--fz:var(--fz--l)}.-fz\:m{--fz:var(--fz--m)}.-fz\:s{--fz:var(--fz--s)}.-fz\:xs{--fz:var(--fz--xs)}.-fz\:2xs{--fz:var(--fz--2xs)}.-fw\:thin{font-weight:var(--fw--thin)}.-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)}.-fw\:black{font-weight:var(--fw--black)}.-ff\:base{font-family:var(--ff--base)}.-ff\:accent{font-family:var(--ff--accent)}.-ff\:mono{font-family:var(--ff--mono)}.-fs\:italic{font-style:italic}.-lh,[class*="-lh:"]{line-height:var(--lh)}.-lh\:1{--lh:1}.-lh\:base{--lh:var(--lh--base)}.-lh\:xs{--lh:var(--lh--xs)}.-lh\:s{--lh:var(--lh--s)}.-lh\:l{--lh:var(--lh--l)}.-lh\:xl{--lh:var(--lh--xl)}.-lts\:base{letter-spacing:var(--lts--base)}.-lts\:s{letter-spacing:var(--lts--s)}.-lts\:l{letter-spacing:var(--lts--l)}.-ta\:center{text-align:center}.-ta\:left{text-align:left}.-ta\:right{text-align:right}.-td\:under{text-decoration:underline}.-td\:none{text-decoration:none}.-d{display:var(--d)}.-d\:none{display:none}.-d\:block{display:block}.-d\:in-flex{display:inline-flex}.-o\:0{opacity:0}.-o\:-10{opacity:var(--o--n10)}.-o\:-20{opacity:var(--o--n20)}.-o\:-30{opacity:var(--o--n30)}.-v\:hidden{visibility:hidden}.-ov\:hidden{overflow:hidden}.-ov\:auto{overflow:auto}.-ov\:clip{overflow:clip}.-ov-x\:clip{overflow-x:clip}.-ov-x\:auto{overflow-x:auto}.-ov-x\:scroll{overflow-x:scroll}.-ov-y\:clip{overflow-y:clip}.-ov-y\:auto{overflow-y:auto}.-ov-y\:scroll{overflow-y:scroll}.-ar{aspect-ratio:var(--ar)}.-ar\:21\/9{aspect-ratio:21/9}.-ar\:16\/9{aspect-ratio:16/9}.-ar\:3\/2{aspect-ratio:3/2}.-ar\:1\/1{aspect-ratio:1/1}.-ar\:og{aspect-ratio:var(--ar--og)}.-w{width:var(--w)}.-w\:100\%{width:100%}.-w\:fit{width:-moz-fit-content;width:fit-content}.-h{height:var(--h)}.-h\:100\%{height:100%}.-min-w{min-width:var(--min-w)}.-min-w\:100\%{min-width:100%}.-max-w{max-width:var(--max-w)}.-max-w\:100\%{max-width:100%}.-min-h{min-height:var(--min-h)}.-min-h\:100\%{min-height:100%}.-max-h{max-height:var(--max-h)}.-max-h\:100\%{max-height:100%}.-max-sz\:xs{max-inline-size:var(--sz--xs)}.-max-sz\:s{max-inline-size:var(--sz--s)}.-max-sz\:m{max-inline-size:var(--sz--m)}.-max-sz\:l{max-inline-size:var(--sz--l)}.-max-sz\:xl{max-inline-size:var(--sz--xl)}.-bg{background:var(--bg)}.-bgr\:no{background-repeat:no-repeat}.-bgp\:center{background-position:50%}.-bgsz\:cover{background-size:cover}.-bgsz\:contain{background-size:contain}.-bgclip\:text{-webkit-background-clip:text;background-clip:text}.-bgc,[class*="-bgc:"]{background-color:var(--bgc)}.-bgc\:base{--bgc:var(--c--base)}.-bgc\:base-2{--bgc:var(--c--base-2)}.-bgc\:text{--bgc:var(--c--text)}.-bgc\:main{--bgc:var(--c--main)}.-bgc\:accent{--bgc:var(--c--accent)}.-bgc\:trsp{--bgc:transparent}.-bgc\:inherit{background-color:inherit}.-c,[class*="-c:"]{color:var(--c)}.-c\:base{--c:var(--c--base)}.-c\:text{--c:var(--c--text)}.-c\:text-2{--c:var(--c--text-2)}.-c\:main{--c:var(--c--main)}.-c\:accent{--c:var(--c--accent)}.-c\:trsp{--c:transparent}.-c\:inherit{color:inherit}.-bd\:none{border:none}.-bds\:dashed{--bds:dashed}.-bds\:dotted{--bds:dotted}.-bds\:double{--bds:double}.-bdc\:main{--bdc:var(--c--main)}.-bdc\:accent{--bdc:var(--c--accent)}.-bdc\:line{--bdc:var(--c--line)}.-bdc\:inherit{--bdc:inherit}.-bdc\:trsp{--bdc:transparent}.-bdrs,[class*="-bdrs:"]{border-radius:var(--bdrs)}.-bdrs\:0{--bdrs:0}.-bdrs\:5{--bdrs:var(--bdrs--5)}.-bdrs\:10{--bdrs:var(--bdrs--10)}.-bdrs\:20{--bdrs:var(--bdrs--20)}.-bdrs\:30{--bdrs:var(--bdrs--30)}.-bdrs\:40{--bdrs:var(--bdrs--40)}.-bdrs\:50{--bdrs:var(--bdrs--50)}.-bdrs\:99{--bdrs:var(--bdrs--99)}.-bdrs\:inner{--bdrs:var(--bdrs--inner)}.-bxsh,[class*="-bxsh:"]{box-shadow:var(--bxsh)}.-bxsh\:0{--bxsh:none}.-bxsh\:5{--bxsh:var(--bxsh--5)}.-bxsh\:10{--bxsh:var(--bxsh--10)}.-bxsh\:20{--bxsh:var(--bxsh--20)}.-bxsh\:30{--bxsh:var(--bxsh--30)}.-bxsh\:40{--bxsh:var(--bxsh--40)}.-bxsh\:50{--bxsh:var(--bxsh--50)}.-pos\:static{position:static}.-pos\:fixed{position:fixed}.-pos\:sticky{position:sticky}.-pos\:rel{position:relative}.-pos\:abs{position:absolute}.-z\:0{z-index:0}.-z\:1{z-index:1}.-z\:99{z-index:99}.-z\:-1{z-index:-1}.-t\:0{top:0}.-t\:50\%{top:50%}.-t\:100\%{top:100%}.-l\:0{left:0}.-l\:50\%{left:50%}.-l\:100\%{left: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%}.-i\:0{inset:0}.-p,[class*="-p:"]{padding:var(--p)}.-p\:0{--p:0}.-p\:5{--p:var(--s5)}.-p\:10{--p:var(--s10)}.-p\:20{--p:var(--s20)}.-p\:30{--p:var(--s30)}.-p\:40{--p:var(--s40)}.-p\:50{--p:var(--s50)}.-p\:60{--p:var(--s60)}.-p\:70{--p:var(--s70)}.-p\:80{--p:var(--s80)}.-px,[class*="-px:"]{padding-inline:var(--px)}.-px\:0{--px:0}.-px\:5{--px:var(--s5)}.-px\:10{--px:var(--s10)}.-px\:20{--px:var(--s20)}.-px\:30{--px:var(--s30)}.-px\:40{--px:var(--s40)}.-px\:50{--px:var(--s50)}.-px\:60{--px:var(--s60)}.-px\:70{--px:var(--s70)}.-px\:80{--px:var(--s80)}.-py,[class*="-py:"]{padding-block:var(--py)}.-py\:0{--py:0}.-py\:5{--py:var(--s5)}.-py\:10{--py:var(--s10)}.-py\:20{--py:var(--s20)}.-py\:30{--py:var(--s30)}.-py\:40{--py:var(--s40)}.-py\:50{--py:var(--s50)}.-py\:60{--py:var(--s60)}.-py\:70{--py:var(--s70)}.-py\:80{--py:var(--s80)}.-px-s{padding-inline-start:var(--px-s)}.-px-e{padding-inline-end:var(--px-e)}.-py-s{padding-block-start:var(--py-s)}.-py-e{padding-block-end:var(--py-e)}.-pl{padding-left:var(--pl)}.-pr{padding-right:var(--pr)}.-pt{padding-top:var(--pt)}.-pb{padding-bottom:var(--pb)}.-m,[class*="-m:"]{margin:var(--m)}.-m\:0{--m:0}.-m\:5{--m:var(--s5)}.-m\:10{--m:var(--s10)}.-m\:20{--m:var(--s20)}.-m\:30{--m:var(--s30)}.-m\:40{--m:var(--s40)}.-m\:50{--m:var(--s50)}.-m\:60{--m:var(--s60)}.-m\:70{--m:var(--s70)}.-m\:80{--m:var(--s80)}.-m\:auto{--m:auto}.-mx,[class*="-mx:"]{margin-inline:var(--mx)}.-mx\:0{--mx:0}.-mx\:5{--mx:var(--s5)}.-mx\:10{--mx:var(--s10)}.-mx\:20{--mx:var(--s20)}.-mx\:30{--mx:var(--s30)}.-mx\:40{--mx:var(--s40)}.-mx\:50{--mx:var(--s50)}.-mx\:60{--mx:var(--s60)}.-mx\:70{--mx:var(--s70)}.-mx\:80{--mx:var(--s80)}.-mx\:auto{--mx:auto}.-my,[class*="-my:"]{margin-block:var(--my)}.-my\:0{--my:0}.-my\:5{--my:var(--s5)}.-my\:10{--my:var(--s10)}.-my\:20{--my:var(--s20)}.-my\:30{--my:var(--s30)}.-my\:40{--my:var(--s40)}.-my\:50{--my:var(--s50)}.-my\:60{--my:var(--s60)}.-my\:70{--my:var(--s70)}.-my\:80{--my:var(--s80)}.-my\:auto{--my:auto}.-mx-s{margin-inline-start:var(--mx-s)}.-mx-s\:auto{margin-inline-start:auto}.-mx-e{margin-inline-end:var(--mx-e)}.-mx-e\:auto{margin-inline-end:auto}.-my-s{margin-block-start:var(--my-s)}.-my-s\:0{margin-block-start:0}.-my-s\:5{margin-block-start:var(--s5)}.-my-s\:10{margin-block-start:var(--s10)}.-my-s\:20{margin-block-start:var(--s20)}.-my-s\:30{margin-block-start:var(--s30)}.-my-s\:40{margin-block-start:var(--s40)}.-my-s\:50{margin-block-start:var(--s50)}.-my-s\:60{margin-block-start:var(--s60)}.-my-s\:70{margin-block-start:var(--s70)}.-my-s\:80{margin-block-start:var(--s80)}.-my-s\:auto{margin-block-start:auto}.-my-e{margin-inline-end:var(--my-e)}.-my-e\:auto{margin-inline-end:auto}.-ml{margin-left:var(--ml)}.-mr{margin-right:var(--mr)}.-mt{margin-top:var(--mt)}.-mb{margin-bottom:var(--mb)}.-g,[class*="-g:"]{gap:var(--g)}.-g\:0{--g:0}.-g\:5{--g:var(--s5)}.-g\:10{--g:var(--s10)}.-g\:20{--g:var(--s20)}.-g\:30{--g:var(--s30)}.-g\:40{--g:var(--s40)}.-g\:50{--g:var(--s50)}.-g\:60{--g:var(--s60)}.-g\:70{--g:var(--s70)}.-g\:80{--g:var(--s80)}.-g\:inherit{gap:inherit}.-g-x{-moz-column-gap:var(--g-x);column-gap:var(--g-x)}.-g-y{row-gap:var(--g-y)}.-fxw{flex-wrap:var(--fxw)}.-fxw\:wrap{flex-wrap:wrap}.-fxd{flex-direction:var(--fxd)}.-fxd\:col{flex-direction:column}.-fxd\:col-r{flex-direction:column-reverse}.-fxd\:row-r{flex-direction:row-reverse}.-fx{flex:var(--fx)}.-fx\:1{flex:1}.-fxg\:1{flex-grow:1}.-fxsh\:0{flex-shrink:0}.-fxb{flex-basis:var(--fxb)}.-gt{grid-template:var(--gt)}.-gt\:repeat{--cols:1;--rows:1;grid-template:repeat(var(--rows),1fr) /repeat(var(--cols),1fr)}.-gta{grid-template-areas:var(--gta)}.-gtc{grid-template-columns:var(--gtc)}.-gtc\:subgrid{grid-template-columns:subgrid}.-gtc\:liquid{--cols:var(--sz--min);--gtc:repeat(auto-fill,minmax(min(var(--cols),100%),1fr))}.-gtr{grid-template-rows:var(--gtr)}.-gtr\:subgrid{grid-template-rows:subgrid}.-gaf{grid-auto-flow:var(--gaf)}.-gaf\:row{grid-auto-flow:row}.-gaf\:col{grid-auto-flow:column}.-ga{grid-area:var(--ga)}.-ga\:1\/1{grid-area:1/1}.-gc{grid-column:var(--gc)}.-gc\:1\/-1{grid-column:1/-1}.-gr{grid-row:var(--gr)}.-gr\:1\/-1{grid-row:1/-1}.-ai{align-items:var(--ai)}.-ai\:start{align-items:start}.-ai\:center{align-items:center}.-ai\:end{align-items:end}.-ai\:stretch{align-items:stretch}.-ai\:flex-s{align-items:flex-start}.-ai\:flex-e{align-items:flex-end}.-ac{align-content:var(--ac)}.-ac\:start{align-content:start}.-ac\:center{align-content:center}.-ac\:end{align-content:end}.-ac\:flex-s{align-content:flex-start}.-ac\:flex-e{align-content:flex-end}.-ac\:between{align-content:space-between}.-ji{justify-items:var(--ji)}.-ji\:start{justify-items:start}.-ji\:center{justify-items:center}.-ji\:end{justify-items:end}.-ji\:stretch{justify-items:stretch}.-ji\:flex-s{justify-items:flex-start}.-ji\:flex-e{justify-items:flex-end}.-jc{justify-content:var(--jc)}.-jc\:start{justify-content:start}.-jc\:center{justify-content:center}.-jc\:end{justify-content:end}.-jc\:flex-s{justify-content:flex-start}.-jc\:flex-e{justify-content:flex-end}.-jc\:between{justify-content:space-between}.-aslf\:start{align-self:start}.-aslf\:center{align-self:center}.-aslf\:end{align-self:end}.-aslf\:stretch{align-self:stretch}.-jslf\:start{justify-self:start}.-jslf\:center{justify-self:center}.-jslf\:end{justify-self:end}.-jslf\:stretch{justify-self:stretch}.-order\:0{order:0}.-order\:1{order:1}.-order\:-1{order:-1}.-translate\:-50X{translate:-50% 0}.-translate\:-50Y{translate:0 -50%}.-translate\:-50XY{translate:-50% -50%}.-rotate\:45{rotate:45deg}.-rotate\:90{rotate:90deg}.-rotate\:-45{rotate:-45deg}.-rotate\:-90{rotate:-90deg}.-scale\:-X{scale:-1 1}.-scale\:-Y{scale:1 -1}.-scale\:-XY{scale:-1 -1}.-ovw\:any{overflow-wrap:anywhere}.-whitespace\:nowrap{white-space:nowrap}.-writing{writing-mode:var(--writing)}.-writing\:vertical{writing-mode:var(--writing--vertical)}.-float\:left{float:left}.-float\:right{float:right}.-clear\:both{clear:both}.-isolation\:isolate{isolation:isolate}@container (min-width: 480px){.-fz_sm{font-size:var(--fz_sm)}.-lh_sm{line-height:var(--lh_sm)}.-d_sm{display:var(--d_sm)}.-ar_sm{aspect-ratio:var(--ar_sm)}.-w_sm{width:var(--w_sm)}.-h_sm{height:var(--h_sm)}.-min-w_sm{min-width:var(--min-w_sm)}.-max-w_sm{max-width:var(--max-w_sm)}.-min-h_sm{min-height:var(--min-h_sm)}.-max-h_sm{max-height:var(--max-h_sm)}.-bg_sm{background:var(--bg_sm)}.-bdw_sm{--bdw:var(--bdw_sm)!important}.-bdrs_sm{border-radius:var(--bdrs_sm);--bdrs:var(--bdrs_sm)!important}.-bxsh_sm{box-shadow:var(--bxsh_sm)}.-p_sm{padding:var(--p_sm);--p:var(--p_sm)!important}.-px_sm{padding-inline:var(--px_sm)}.-py_sm{padding-block:var(--py_sm)}.-px-s_sm{padding-inline-start:var(--px-s_sm)}.-px-e_sm{padding-inline-end:var(--px-e_sm)}.-py-s_sm{padding-block-start:var(--py-s_sm)}.-py-e_sm{padding-block-end:var(--py-e_sm)}.-pl_sm{padding-left:var(--pl_sm)}.-pr_sm{padding-right:var(--pr_sm)}.-pt_sm{padding-top:var(--pt_sm)}.-pb_sm{padding-bottom:var(--pb_sm)}.-m_sm{margin:var(--m_sm);--m:var(--m_sm)!important}.-mx_sm{margin-inline:var(--mx_sm)}.-my_sm{margin-block:var(--my_sm)}.-mx-s_sm{margin-inline-start:var(--mx-s_sm)}.-mx-e_sm{margin-inline-end:var(--mx-e_sm)}.-my-s_sm{margin-block-start:var(--my-s_sm)}.-my-e_sm{margin-inline-end:var(--my-e_sm)}.-ml_sm{margin-left:var(--ml_sm)}.-mr_sm{margin-right:var(--mr_sm)}.-mt_sm{margin-top:var(--mt_sm)}.-mb_sm{margin-bottom:var(--mb_sm)}.-g_sm{gap:var(--g_sm);--g:var(--g_sm)!important}.-g-x_sm{-moz-column-gap:var(--g-x_sm);column-gap:var(--g-x_sm)}.-g-y_sm{row-gap:var(--g-y_sm)}.-cols_sm{--cols:var(--cols_sm)!important}.-rows_sm{--rows:var(--rows_sm)!important}.-fxw_sm{flex-wrap:var(--fxw_sm)}.-fxd_sm{flex-direction:var(--fxd_sm)}.-fx_sm{flex:var(--fx_sm)}.-fxb_sm{flex-basis:var(--fxb_sm)}.-gt_sm{grid-template:var(--gt_sm)}.-gta_sm{grid-template-areas:var(--gta_sm)}.-gtc_sm{grid-template-columns:var(--gtc_sm)}.-gtr_sm{grid-template-rows:var(--gtr_sm)}.-gaf_sm{grid-auto-flow:var(--gaf_sm)}.-ga_sm{grid-area:var(--ga_sm)}.-gc_sm{grid-column:var(--gc_sm)}.-gr_sm{grid-row:var(--gr_sm)}.-ai_sm{align-items:var(--ai_sm)}.-ac_sm{align-content:var(--ac_sm)}.-ji_sm{justify-items:var(--ji_sm)}.-jc_sm{justify-content:var(--jc_sm)}.-writing_sm{writing-mode:var(--writing_sm)}}@container (min-width: 800px){.-fz_md{font-size:var(--fz_md)}.-lh_md{line-height:var(--lh_md)}.-d_md{display:var(--d_md)}.-ar_md{aspect-ratio:var(--ar_md)}.-w_md{width:var(--w_md)}.-h_md{height:var(--h_md)}.-min-w_md{min-width:var(--min-w_md)}.-max-w_md{max-width:var(--max-w_md)}.-min-h_md{min-height:var(--min-h_md)}.-max-h_md{max-height:var(--max-h_md)}.-bg_md{background:var(--bg_md)}.-bdw_md{--bdw:var(--bdw_md)!important}.-bdrs_md{border-radius:var(--bdrs_md);--bdrs:var(--bdrs_md)!important}.-bxsh_md{box-shadow:var(--bxsh_md)}.-p_md{padding:var(--p_md);--p:var(--p_md)!important}.-px_md{padding-inline:var(--px_md)}.-py_md{padding-block:var(--py_md)}.-px-s_md{padding-inline-start:var(--px-s_md)}.-px-e_md{padding-inline-end:var(--px-e_md)}.-py-s_md{padding-block-start:var(--py-s_md)}.-py-e_md{padding-block-end:var(--py-e_md)}.-pl_md{padding-left:var(--pl_md)}.-pr_md{padding-right:var(--pr_md)}.-pt_md{padding-top:var(--pt_md)}.-pb_md{padding-bottom:var(--pb_md)}.-m_md{margin:var(--m_md);--m:var(--m_md)!important}.-mx_md{margin-inline:var(--mx_md)}.-my_md{margin-block:var(--my_md)}.-mx-s_md{margin-inline-start:var(--mx-s_md)}.-mx-e_md{margin-inline-end:var(--mx-e_md)}.-my-s_md{margin-block-start:var(--my-s_md)}.-my-e_md{margin-inline-end:var(--my-e_md)}.-ml_md{margin-left:var(--ml_md)}.-mr_md{margin-right:var(--mr_md)}.-mt_md{margin-top:var(--mt_md)}.-mb_md{margin-bottom:var(--mb_md)}.-g_md{gap:var(--g_md);--g:var(--g_md)!important}.-g-x_md{-moz-column-gap:var(--g-x_md);column-gap:var(--g-x_md)}.-g-y_md{row-gap:var(--g-y_md)}.-cols_md{--cols:var(--cols_md)!important}.-rows_md{--rows:var(--rows_md)!important}.-fxw_md{flex-wrap:var(--fxw_md)}.-fxd_md{flex-direction:var(--fxd_md)}.-fx_md{flex:var(--fx_md)}.-fxb_md{flex-basis:var(--fxb_md)}.-gt_md{grid-template:var(--gt_md)}.-gta_md{grid-template-areas:var(--gta_md)}.-gtc_md{grid-template-columns:var(--gtc_md)}.-gtr_md{grid-template-rows:var(--gtr_md)}.-gaf_md{grid-auto-flow:var(--gaf_md)}.-ga_md{grid-area:var(--ga_md)}.-gc_md{grid-column:var(--gc_md)}.-gr_md{grid-row:var(--gr_md)}.-ai_md{align-items:var(--ai_md)}.-ac_md{align-content:var(--ac_md)}.-ji_md{justify-items:var(--ji_md)}.-jc_md{justify-content:var(--jc_md)}.-writing_md{writing-mode:var(--writing_md)}}@media (any-hover:hover){.-hov\:c:hover{color:var(--hov-c,var(--c--link))}.-hov\:bdc:hover{border-color:var(--hov-bdc,var(--c--link))}.-hov\:bgc:hover{background-color:var(--hov-bgc,var(--c--base-2))}.-hov\:o:hover{opacity:var(--hov-o,.7)!important}.-hov\:bxsh:hover{box-shadow:var(--hov-bxsh,var(--bxsh--40))}}.-hov\:to\:hide{opacity:var(--isHov_,0)}.-hov\:to\:show{opacity:var(--notHov_,0);visibility:var(--notHov_,hidden)}

package/dist/css/modules/atomic.css

@@ -0,0 +1 @@
+.a--divider{--bdc:var(--c--line);--bds:solid;--bdw:1px;border-block-start:var(--bdw) var(--bds) var(--bdc)}.a--icon{flex-shrink:0}.a--icon:where(:not([fill])){fill:currentcolor}.a--icon:where(:not([width])){height:1em;width:1em}.a--media{display:block}

package/dist/css/modules/dynamic.css

@@ -0,0 +1 @@
+.d--accordion{--duration:var(--acc-duration,0.4s)}.d--accordion.js-opened{--notOpened_: }.d--accordion:not(.js-opened){--isOpened_: }.d--accordion_header{align-items:center;display:grid;gap:.5em;grid:auto/1fr auto;outline-offset:-1px}.d--accordion_header::-webkit-details-marker{display:none}.d--accordion_body{display:grid;grid:1fr/auto;transition-duration:var(--duration);transition-property:margin-block,padding-block,opacity,grid-template}.d--accordion_inner{overflow:hidden}.d--accordion:not(.js-opened)>.d--accordion_body{grid:0fr/auto;margin-block:0!important;padding-block:0!important}.d--accordion_icon{display:grid}.d--accordion_icon>.a--icon{rotate:var(--isOpened_,-180deg);transition-duration:var(--duration)}.d--modal{--my-s:0;--offset:0 0;--duration:var(--modal-duration,0.5s);--backdropBg:rgba(0,0,0,.6);max-height:100%;max-width:100%;transition-duration:var(--duration,.5s)}.d--modal::backdrop{background:var(--backdropBg);transition:opacity var(--duration,.5s)}.d--modal_inner{background-color:var(--c--base);max-height:100%}.d--modal_body{overflow:auto;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{display:flex;grid-area:list;overflow-x:auto}.d--tabs_tab[aria-selected=true]{--notSelected_: }.d--tabs_tab[aria-selected=false]{--isSelected_: }:where(.d--tabs_tab){color:var(--notSelected_,var(--c--text-2))}.d--tabs_panel{grid-area:panel;width:100%}.d--tabs_panel:where([aria-hidden=true]){display:none}

package/dist/css/modules/layout.css

@@ -0,0 +1 @@
+.l--flow{display:flow-root}.l--flow>*{--flow:var(--flow--base);--my-s:var(--flow);margin-block:var(--my-s) 0}.l--flow>:where(img,video,audio){display:block}.-flow\:s>*{--flow:var(--flow--s)}.-flow\:l>*{--flow:var(--flow--l)}.-flow\:>*{--flow:inherit}.l--flow>:where(h1,h2,h3,h4){--my-s:calc(var(--flow) + var(--flow--h))}.is--skipFlow+*,.l--flow>:first-child{--my-s:0px}.l--cluster,.l--flex{display:flex}.l--cluster{align-items:center;flex-wrap:wrap}.l--stack{display:flex;flex-direction:column}.l--grid{--gtr:none;--gtc:none;--gta:none;display:grid;grid-template:var(--gtr)/var(--gtc);grid-template-areas:var(--gta)}.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--withSide{--sideW:auto;--mainW:max(var(--sz--min),50%);display:flex;flex-wrap:wrap}.l--withSide>.is--side{flex-basis:var(--sideW);flex-grow:1}.l--withSide>:not(.is--side){flex-basis:min(100%,var(--mainW));flex-grow:9999999}.l--frame{overflow:hidden}.l--frame>:where(img,video,iframe,.a--media){display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}

package/dist/css/modules/state.css

@@ -0,0 +1 @@
+.has--gutter{padding-inline:var(--gutter)}.is--container{container-type:inline-size}.is--container>*{--max-sz:var(--contentSz,100%);margin-inline:auto;max-inline-size:var(--max-sz,100%)}.is--container:not(.is--container .is--container){--sz--outer:100cqi}.-container\:s{--contentSz:var(--sz--s)}.-container\:m{--contentSz:var(--sz--m)}.-container\:l{--contentSz:var(--sz--l)}.is--layer{inset:0;overflow:hidden;position:absolute}.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}

package/dist/css/props.css

@@ -0,0 +1 @@
+@layer lism.base{.-bd,[class*=" -bd-"],[class^=-bd-]{--bds:solid;--bdw:1px;--bdc:currentColor;border-color:var(--bdc);border-width:var(--bdw)}}.-bd{border-style:var(--bds)}.-bd-x{border-inline-style:var(--bds)}.-bd-y{border-block-style:var(--bds)}.-bd-x-s{border-inline-start-style:var(--bds)}.-bd-x-e{border-inline-end-style:var(--bds)}.-bd-t{border-top-style:var(--bds)}.-bd-b{border-bottom-style:var(--bds)}.-bd-l{border-left-style:var(--bds)}.-bd-r{border-right-style:var(--bds)}.-bd-y-s{border-block-start-style:var(--bds)}.-bd-y-e{border-block-end-style:var(--bds)}.-max-sz\:full{max-inline-size:100%}:where(.has--gutter)>.-max-sz\:full{margin-inline:calc(var(--gutter)*-1);max-inline-size:calc(100% + var(--gutter)*2)}.-max-sz\:outer{margin-inline:calc(50% - var(--sz--outer)/2);max-inline-size:var(--sz--outer,100vi)}.-f\:inherit{font:inherit}.-fz,[class*="-fz:"]{font-size:var(--fz)}.-fz\:root{--fz:var(--fz--root)}.-fz\:base{--fz:var(--fz--base)}.-fz\:5xl{--fz:var(--fz--5xl)}.-fz\:4xl{--fz:var(--fz--4xl)}.-fz\:3xl{--fz:var(--fz--3xl)}.-fz\:2xl{--fz:var(--fz--2xl)}.-fz\:xl{--fz:var(--fz--xl)}.-fz\:l{--fz:var(--fz--l)}.-fz\:m{--fz:var(--fz--m)}.-fz\:s{--fz:var(--fz--s)}.-fz\:xs{--fz:var(--fz--xs)}.-fz\:2xs{--fz:var(--fz--2xs)}.-fw\:thin{font-weight:var(--fw--thin)}.-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)}.-fw\:black{font-weight:var(--fw--black)}.-ff\:base{font-family:var(--ff--base)}.-ff\:accent{font-family:var(--ff--accent)}.-ff\:mono{font-family:var(--ff--mono)}.-fs\:italic{font-style:italic}.-lh,[class*="-lh:"]{line-height:var(--lh)}.-lh\:1{--lh:1}.-lh\:base{--lh:var(--lh--base)}.-lh\:xs{--lh:var(--lh--xs)}.-lh\:s{--lh:var(--lh--s)}.-lh\:l{--lh:var(--lh--l)}.-lh\:xl{--lh:var(--lh--xl)}.-lts\:base{letter-spacing:var(--lts--base)}.-lts\:s{letter-spacing:var(--lts--s)}.-lts\:l{letter-spacing:var(--lts--l)}.-ta\:center{text-align:center}.-ta\:left{text-align:left}.-ta\:right{text-align:right}.-td\:under{text-decoration:underline}.-td\:none{text-decoration:none}.-d{display:var(--d)}.-d\:none{display:none}.-d\:block{display:block}.-d\:in-flex{display:inline-flex}.-o\:0{opacity:0}.-o\:-10{opacity:var(--o--n10)}.-o\:-20{opacity:var(--o--n20)}.-o\:-30{opacity:var(--o--n30)}.-v\:hidden{visibility:hidden}.-ov\:hidden{overflow:hidden}.-ov\:auto{overflow:auto}.-ov\:clip{overflow:clip}.-ov-x\:clip{overflow-x:clip}.-ov-x\:auto{overflow-x:auto}.-ov-x\:scroll{overflow-x:scroll}.-ov-y\:clip{overflow-y:clip}.-ov-y\:auto{overflow-y:auto}.-ov-y\:scroll{overflow-y:scroll}.-ar{aspect-ratio:var(--ar)}.-ar\:21\/9{aspect-ratio:21/9}.-ar\:16\/9{aspect-ratio:16/9}.-ar\:3\/2{aspect-ratio:3/2}.-ar\:1\/1{aspect-ratio:1/1}.-ar\:og{aspect-ratio:var(--ar--og)}.-w{width:var(--w)}.-w\:100\%{width:100%}.-w\:fit{width:-moz-fit-content;width:fit-content}.-h{height:var(--h)}.-h\:100\%{height:100%}.-min-w{min-width:var(--min-w)}.-min-w\:100\%{min-width:100%}.-max-w{max-width:var(--max-w)}.-max-w\:100\%{max-width:100%}.-min-h{min-height:var(--min-h)}.-min-h\:100\%{min-height:100%}.-max-h{max-height:var(--max-h)}.-max-h\:100\%{max-height:100%}.-max-sz\:xs{max-inline-size:var(--sz--xs)}.-max-sz\:s{max-inline-size:var(--sz--s)}.-max-sz\:m{max-inline-size:var(--sz--m)}.-max-sz\:l{max-inline-size:var(--sz--l)}.-max-sz\:xl{max-inline-size:var(--sz--xl)}.-bg{background:var(--bg)}.-bgr\:no{background-repeat:no-repeat}.-bgp\:center{background-position:50%}.-bgsz\:cover{background-size:cover}.-bgsz\:contain{background-size:contain}.-bgclip\:text{-webkit-background-clip:text;background-clip:text}.-bgc,[class*="-bgc:"]{background-color:var(--bgc)}.-bgc\:base{--bgc:var(--c--base)}.-bgc\:base-2{--bgc:var(--c--base-2)}.-bgc\:text{--bgc:var(--c--text)}.-bgc\:main{--bgc:var(--c--main)}.-bgc\:accent{--bgc:var(--c--accent)}.-bgc\:trsp{--bgc:transparent}.-bgc\:inherit{background-color:inherit}.-c,[class*="-c:"]{color:var(--c)}.-c\:base{--c:var(--c--base)}.-c\:text{--c:var(--c--text)}.-c\:text-2{--c:var(--c--text-2)}.-c\:main{--c:var(--c--main)}.-c\:accent{--c:var(--c--accent)}.-c\:trsp{--c:transparent}.-c\:inherit{color:inherit}.-bd\:none{border:none}.-bds\:dashed{--bds:dashed}.-bds\:dotted{--bds:dotted}.-bds\:double{--bds:double}.-bdc\:main{--bdc:var(--c--main)}.-bdc\:accent{--bdc:var(--c--accent)}.-bdc\:line{--bdc:var(--c--line)}.-bdc\:inherit{--bdc:inherit}.-bdc\:trsp{--bdc:transparent}.-bdrs,[class*="-bdrs:"]{border-radius:var(--bdrs)}.-bdrs\:0{--bdrs:0}.-bdrs\:5{--bdrs:var(--bdrs--5)}.-bdrs\:10{--bdrs:var(--bdrs--10)}.-bdrs\:20{--bdrs:var(--bdrs--20)}.-bdrs\:30{--bdrs:var(--bdrs--30)}.-bdrs\:40{--bdrs:var(--bdrs--40)}.-bdrs\:50{--bdrs:var(--bdrs--50)}.-bdrs\:99{--bdrs:var(--bdrs--99)}.-bdrs\:inner{--bdrs:var(--bdrs--inner)}.-bxsh,[class*="-bxsh:"]{box-shadow:var(--bxsh)}.-bxsh\:0{--bxsh:none}.-bxsh\:5{--bxsh:var(--bxsh--5)}.-bxsh\:10{--bxsh:var(--bxsh--10)}.-bxsh\:20{--bxsh:var(--bxsh--20)}.-bxsh\:30{--bxsh:var(--bxsh--30)}.-bxsh\:40{--bxsh:var(--bxsh--40)}.-bxsh\:50{--bxsh:var(--bxsh--50)}.-pos\:static{position:static}.-pos\:fixed{position:fixed}.-pos\:sticky{position:sticky}.-pos\:rel{position:relative}.-pos\:abs{position:absolute}.-z\:0{z-index:0}.-z\:1{z-index:1}.-z\:99{z-index:99}.-z\:-1{z-index:-1}.-t\:0{top:0}.-t\:50\%{top:50%}.-t\:100\%{top:100%}.-l\:0{left:0}.-l\:50\%{left:50%}.-l\:100\%{left: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%}.-i\:0{inset:0}.-p,[class*="-p:"]{padding:var(--p)}.-p\:0{--p:0}.-p\:5{--p:var(--s5)}.-p\:10{--p:var(--s10)}.-p\:20{--p:var(--s20)}.-p\:30{--p:var(--s30)}.-p\:40{--p:var(--s40)}.-p\:50{--p:var(--s50)}.-p\:60{--p:var(--s60)}.-p\:70{--p:var(--s70)}.-p\:80{--p:var(--s80)}.-px,[class*="-px:"]{padding-inline:var(--px)}.-px\:0{--px:0}.-px\:5{--px:var(--s5)}.-px\:10{--px:var(--s10)}.-px\:20{--px:var(--s20)}.-px\:30{--px:var(--s30)}.-px\:40{--px:var(--s40)}.-px\:50{--px:var(--s50)}.-px\:60{--px:var(--s60)}.-px\:70{--px:var(--s70)}.-px\:80{--px:var(--s80)}.-py,[class*="-py:"]{padding-block:var(--py)}.-py\:0{--py:0}.-py\:5{--py:var(--s5)}.-py\:10{--py:var(--s10)}.-py\:20{--py:var(--s20)}.-py\:30{--py:var(--s30)}.-py\:40{--py:var(--s40)}.-py\:50{--py:var(--s50)}.-py\:60{--py:var(--s60)}.-py\:70{--py:var(--s70)}.-py\:80{--py:var(--s80)}.-px-s{padding-inline-start:var(--px-s)}.-px-e{padding-inline-end:var(--px-e)}.-py-s{padding-block-start:var(--py-s)}.-py-e{padding-block-end:var(--py-e)}.-pl{padding-left:var(--pl)}.-pr{padding-right:var(--pr)}.-pt{padding-top:var(--pt)}.-pb{padding-bottom:var(--pb)}.-m,[class*="-m:"]{margin:var(--m)}.-m\:0{--m:0}.-m\:5{--m:var(--s5)}.-m\:10{--m:var(--s10)}.-m\:20{--m:var(--s20)}.-m\:30{--m:var(--s30)}.-m\:40{--m:var(--s40)}.-m\:50{--m:var(--s50)}.-m\:60{--m:var(--s60)}.-m\:70{--m:var(--s70)}.-m\:80{--m:var(--s80)}.-m\:auto{--m:auto}.-mx,[class*="-mx:"]{margin-inline:var(--mx)}.-mx\:0{--mx:0}.-mx\:5{--mx:var(--s5)}.-mx\:10{--mx:var(--s10)}.-mx\:20{--mx:var(--s20)}.-mx\:30{--mx:var(--s30)}.-mx\:40{--mx:var(--s40)}.-mx\:50{--mx:var(--s50)}.-mx\:60{--mx:var(--s60)}.-mx\:70{--mx:var(--s70)}.-mx\:80{--mx:var(--s80)}.-mx\:auto{--mx:auto}.-my,[class*="-my:"]{margin-block:var(--my)}.-my\:0{--my:0}.-my\:5{--my:var(--s5)}.-my\:10{--my:var(--s10)}.-my\:20{--my:var(--s20)}.-my\:30{--my:var(--s30)}.-my\:40{--my:var(--s40)}.-my\:50{--my:var(--s50)}.-my\:60{--my:var(--s60)}.-my\:70{--my:var(--s70)}.-my\:80{--my:var(--s80)}.-my\:auto{--my:auto}.-mx-s{margin-inline-start:var(--mx-s)}.-mx-s\:auto{margin-inline-start:auto}.-mx-e{margin-inline-end:var(--mx-e)}.-mx-e\:auto{margin-inline-end:auto}.-my-s{margin-block-start:var(--my-s)}.-my-s\:0{margin-block-start:0}.-my-s\:5{margin-block-start:var(--s5)}.-my-s\:10{margin-block-start:var(--s10)}.-my-s\:20{margin-block-start:var(--s20)}.-my-s\:30{margin-block-start:var(--s30)}.-my-s\:40{margin-block-start:var(--s40)}.-my-s\:50{margin-block-start:var(--s50)}.-my-s\:60{margin-block-start:var(--s60)}.-my-s\:70{margin-block-start:var(--s70)}.-my-s\:80{margin-block-start:var(--s80)}.-my-s\:auto{margin-block-start:auto}.-my-e{margin-inline-end:var(--my-e)}.-my-e\:auto{margin-inline-end:auto}.-ml{margin-left:var(--ml)}.-mr{margin-right:var(--mr)}.-mt{margin-top:var(--mt)}.-mb{margin-bottom:var(--mb)}.-g,[class*="-g:"]{gap:var(--g)}.-g\:0{--g:0}.-g\:5{--g:var(--s5)}.-g\:10{--g:var(--s10)}.-g\:20{--g:var(--s20)}.-g\:30{--g:var(--s30)}.-g\:40{--g:var(--s40)}.-g\:50{--g:var(--s50)}.-g\:60{--g:var(--s60)}.-g\:70{--g:var(--s70)}.-g\:80{--g:var(--s80)}.-g\:inherit{gap:inherit}.-g-x{-moz-column-gap:var(--g-x);column-gap:var(--g-x)}.-g-y{row-gap:var(--g-y)}.-fxw{flex-wrap:var(--fxw)}.-fxw\:wrap{flex-wrap:wrap}.-fxd{flex-direction:var(--fxd)}.-fxd\:col{flex-direction:column}.-fxd\:col-r{flex-direction:column-reverse}.-fxd\:row-r{flex-direction:row-reverse}.-fx{flex:var(--fx)}.-fx\:1{flex:1}.-fxg\:1{flex-grow:1}.-fxsh\:0{flex-shrink:0}.-fxb{flex-basis:var(--fxb)}.-gt{grid-template:var(--gt)}.-gt\:repeat{--cols:1;--rows:1;grid-template:repeat(var(--rows),1fr) /repeat(var(--cols),1fr)}.-gta{grid-template-areas:var(--gta)}.-gtc{grid-template-columns:var(--gtc)}.-gtc\:subgrid{grid-template-columns:subgrid}.-gtc\:liquid{--cols:var(--sz--min);--gtc:repeat(auto-fill,minmax(min(var(--cols),100%),1fr))}.-gtr{grid-template-rows:var(--gtr)}.-gtr\:subgrid{grid-template-rows:subgrid}.-gaf{grid-auto-flow:var(--gaf)}.-gaf\:row{grid-auto-flow:row}.-gaf\:col{grid-auto-flow:column}.-ga{grid-area:var(--ga)}.-ga\:1\/1{grid-area:1/1}.-gc{grid-column:var(--gc)}.-gc\:1\/-1{grid-column:1/-1}.-gr{grid-row:var(--gr)}.-gr\:1\/-1{grid-row:1/-1}.-ai{align-items:var(--ai)}.-ai\:start{align-items:start}.-ai\:center{align-items:center}.-ai\:end{align-items:end}.-ai\:stretch{align-items:stretch}.-ai\:flex-s{align-items:flex-start}.-ai\:flex-e{align-items:flex-end}.-ac{align-content:var(--ac)}.-ac\:start{align-content:start}.-ac\:center{align-content:center}.-ac\:end{align-content:end}.-ac\:flex-s{align-content:flex-start}.-ac\:flex-e{align-content:flex-end}.-ac\:between{align-content:space-between}.-ji{justify-items:var(--ji)}.-ji\:start{justify-items:start}.-ji\:center{justify-items:center}.-ji\:end{justify-items:end}.-ji\:stretch{justify-items:stretch}.-ji\:flex-s{justify-items:flex-start}.-ji\:flex-e{justify-items:flex-end}.-jc{justify-content:var(--jc)}.-jc\:start{justify-content:start}.-jc\:center{justify-content:center}.-jc\:end{justify-content:end}.-jc\:flex-s{justify-content:flex-start}.-jc\:flex-e{justify-content:flex-end}.-jc\:between{justify-content:space-between}.-aslf\:start{align-self:start}.-aslf\:center{align-self:center}.-aslf\:end{align-self:end}.-aslf\:stretch{align-self:stretch}.-jslf\:start{justify-self:start}.-jslf\:center{justify-self:center}.-jslf\:end{justify-self:end}.-jslf\:stretch{justify-self:stretch}.-order\:0{order:0}.-order\:1{order:1}.-order\:-1{order:-1}.-translate\:-50X{translate:-50% 0}.-translate\:-50Y{translate:0 -50%}.-translate\:-50XY{translate:-50% -50%}.-rotate\:45{rotate:45deg}.-rotate\:90{rotate:90deg}.-rotate\:-45{rotate:-45deg}.-rotate\:-90{rotate:-90deg}.-scale\:-X{scale:-1 1}.-scale\:-Y{scale:1 -1}.-scale\:-XY{scale:-1 -1}.-ovw\:any{overflow-wrap:anywhere}.-whitespace\:nowrap{white-space:nowrap}.-writing{writing-mode:var(--writing)}.-writing\:vertical{writing-mode:var(--writing--vertical)}.-float\:left{float:left}.-float\:right{float:right}.-clear\:both{clear:both}.-isolation\:isolate{isolation:isolate}@container (min-width: 480px){.-fz_sm{font-size:var(--fz_sm)}.-lh_sm{line-height:var(--lh_sm)}.-d_sm{display:var(--d_sm)}.-ar_sm{aspect-ratio:var(--ar_sm)}.-w_sm{width:var(--w_sm)}.-h_sm{height:var(--h_sm)}.-min-w_sm{min-width:var(--min-w_sm)}.-max-w_sm{max-width:var(--max-w_sm)}.-min-h_sm{min-height:var(--min-h_sm)}.-max-h_sm{max-height:var(--max-h_sm)}.-bg_sm{background:var(--bg_sm)}.-bdw_sm{--bdw:var(--bdw_sm)!important}.-bdrs_sm{border-radius:var(--bdrs_sm);--bdrs:var(--bdrs_sm)!important}.-bxsh_sm{box-shadow:var(--bxsh_sm)}.-p_sm{padding:var(--p_sm);--p:var(--p_sm)!important}.-px_sm{padding-inline:var(--px_sm)}.-py_sm{padding-block:var(--py_sm)}.-px-s_sm{padding-inline-start:var(--px-s_sm)}.-px-e_sm{padding-inline-end:var(--px-e_sm)}.-py-s_sm{padding-block-start:var(--py-s_sm)}.-py-e_sm{padding-block-end:var(--py-e_sm)}.-pl_sm{padding-left:var(--pl_sm)}.-pr_sm{padding-right:var(--pr_sm)}.-pt_sm{padding-top:var(--pt_sm)}.-pb_sm{padding-bottom:var(--pb_sm)}.-m_sm{margin:var(--m_sm);--m:var(--m_sm)!important}.-mx_sm{margin-inline:var(--mx_sm)}.-my_sm{margin-block:var(--my_sm)}.-mx-s_sm{margin-inline-start:var(--mx-s_sm)}.-mx-e_sm{margin-inline-end:var(--mx-e_sm)}.-my-s_sm{margin-block-start:var(--my-s_sm)}.-my-e_sm{margin-inline-end:var(--my-e_sm)}.-ml_sm{margin-left:var(--ml_sm)}.-mr_sm{margin-right:var(--mr_sm)}.-mt_sm{margin-top:var(--mt_sm)}.-mb_sm{margin-bottom:var(--mb_sm)}.-g_sm{gap:var(--g_sm);--g:var(--g_sm)!important}.-g-x_sm{-moz-column-gap:var(--g-x_sm);column-gap:var(--g-x_sm)}.-g-y_sm{row-gap:var(--g-y_sm)}.-cols_sm{--cols:var(--cols_sm)!important}.-rows_sm{--rows:var(--rows_sm)!important}.-fxw_sm{flex-wrap:var(--fxw_sm)}.-fxd_sm{flex-direction:var(--fxd_sm)}.-fx_sm{flex:var(--fx_sm)}.-fxb_sm{flex-basis:var(--fxb_sm)}.-gt_sm{grid-template:var(--gt_sm)}.-gta_sm{grid-template-areas:var(--gta_sm)}.-gtc_sm{grid-template-columns:var(--gtc_sm)}.-gtr_sm{grid-template-rows:var(--gtr_sm)}.-gaf_sm{grid-auto-flow:var(--gaf_sm)}.-ga_sm{grid-area:var(--ga_sm)}.-gc_sm{grid-column:var(--gc_sm)}.-gr_sm{grid-row:var(--gr_sm)}.-ai_sm{align-items:var(--ai_sm)}.-ac_sm{align-content:var(--ac_sm)}.-ji_sm{justify-items:var(--ji_sm)}.-jc_sm{justify-content:var(--jc_sm)}.-writing_sm{writing-mode:var(--writing_sm)}}@container (min-width: 800px){.-fz_md{font-size:var(--fz_md)}.-lh_md{line-height:var(--lh_md)}.-d_md{display:var(--d_md)}.-ar_md{aspect-ratio:var(--ar_md)}.-w_md{width:var(--w_md)}.-h_md{height:var(--h_md)}.-min-w_md{min-width:var(--min-w_md)}.-max-w_md{max-width:var(--max-w_md)}.-min-h_md{min-height:var(--min-h_md)}.-max-h_md{max-height:var(--max-h_md)}.-bg_md{background:var(--bg_md)}.-bdw_md{--bdw:var(--bdw_md)!important}.-bdrs_md{border-radius:var(--bdrs_md);--bdrs:var(--bdrs_md)!important}.-bxsh_md{box-shadow:var(--bxsh_md)}.-p_md{padding:var(--p_md);--p:var(--p_md)!important}.-px_md{padding-inline:var(--px_md)}.-py_md{padding-block:var(--py_md)}.-px-s_md{padding-inline-start:var(--px-s_md)}.-px-e_md{padding-inline-end:var(--px-e_md)}.-py-s_md{padding-block-start:var(--py-s_md)}.-py-e_md{padding-block-end:var(--py-e_md)}.-pl_md{padding-left:var(--pl_md)}.-pr_md{padding-right:var(--pr_md)}.-pt_md{padding-top:var(--pt_md)}.-pb_md{padding-bottom:var(--pb_md)}.-m_md{margin:var(--m_md);--m:var(--m_md)!important}.-mx_md{margin-inline:var(--mx_md)}.-my_md{margin-block:var(--my_md)}.-mx-s_md{margin-inline-start:var(--mx-s_md)}.-mx-e_md{margin-inline-end:var(--mx-e_md)}.-my-s_md{margin-block-start:var(--my-s_md)}.-my-e_md{margin-inline-end:var(--my-e_md)}.-ml_md{margin-left:var(--ml_md)}.-mr_md{margin-right:var(--mr_md)}.-mt_md{margin-top:var(--mt_md)}.-mb_md{margin-bottom:var(--mb_md)}.-g_md{gap:var(--g_md);--g:var(--g_md)!important}.-g-x_md{-moz-column-gap:var(--g-x_md);column-gap:var(--g-x_md)}.-g-y_md{row-gap:var(--g-y_md)}.-cols_md{--cols:var(--cols_md)!important}.-rows_md{--rows:var(--rows_md)!important}.-fxw_md{flex-wrap:var(--fxw_md)}.-fxd_md{flex-direction:var(--fxd_md)}.-fx_md{flex:var(--fx_md)}.-fxb_md{flex-basis:var(--fxb_md)}.-gt_md{grid-template:var(--gt_md)}.-gta_md{grid-template-areas:var(--gta_md)}.-gtc_md{grid-template-columns:var(--gtc_md)}.-gtr_md{grid-template-rows:var(--gtr_md)}.-gaf_md{grid-auto-flow:var(--gaf_md)}.-ga_md{grid-area:var(--ga_md)}.-gc_md{grid-column:var(--gc_md)}.-gr_md{grid-row:var(--gr_md)}.-ai_md{align-items:var(--ai_md)}.-ac_md{align-content:var(--ac_md)}.-ji_md{justify-items:var(--ji_md)}.-jc_md{justify-content:var(--jc_md)}.-writing_md{writing-mode:var(--writing_md)}}@media (any-hover:hover){.-hov\:c:hover{color:var(--hov-c,var(--c--link))}.-hov\:bdc:hover{border-color:var(--hov-bdc,var(--c--link))}.-hov\:bgc:hover{background-color:var(--hov-bgc,var(--c--base-2))}.-hov\:o:hover{opacity:var(--hov-o,.7)!important}.-hov\:bxsh:hover{box-shadow:var(--hov-bxsh,var(--bxsh--40))}}.-hov\:to\:hide{opacity:var(--isHov_,0)}.-hov\:to\:show{opacity:var(--notHov_,0);visibility:var(--notHov_,hidden)}

package/dist/css/reset.css

@@ -0,0 +1 @@
+*,:after,:before{box-sizing:border-box}*{margin:0}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}rt{font-size:50%}img,video{block-size:auto;max-inline-size:100%}audio,img,svg,video{vertical-align:middle}embed,iframe,object{border:none;display:block}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}

package/dist/css/utility.css

@@ -0,0 +1 @@
+.u-trim{margin-block:calc(.5px + var(--HL)*-1)}.u-trimItems>*{--trimHL:calc(0.5px + var(--HL)*-1);margin-block:var(--trimHL)}.u-trimItems>:where(figure,img,button){--trimHL:0px}.u-cbox{--c:color-mix(in srgb,var(--c--text),var(--keycolor) var(--cbox-cPct,40%));--bgc:color-mix(in srgb,var(--c--base),var(--keycolor) var(--cbox-bgPct,5%));--bdc:var(--keycolor);--c--link:var(--keycolor);background-color:var(--bgc);color:var(--c)}.u-itemDivider{--bdw:1px;--bdc:currentColor;gap:var(--bdw);overflow:clip}.u-itemDivider>*{box-shadow:0 0 0 var(--bdw) var(--bdc)}.u-expandedLink{position:static}.u-expandedLink:before{content:"";inset:0;position:absolute;z-index:0}.u-hidden.u-hidden{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}

package/dist/lib/getLayoutProps.js

@@ -0,0 +1,27 @@
+import t from "./helper/atts.js";
+import f from "./isTokenValue.js";
+import n from "./getMaybeCssVar.js";
+function C(i, s) {
+  if (!i || typeof i != "string") return s;
+  const {
+    lismClass: e,
+    //[layout]: variant,
+    ...r
+  } = s;
+  return r.lismClass = t(e, `l--${i}`), i === "flow" ? a(r) : i === "grid" ? l(r) : i === "withSide" ? u(r) : i === "columns" ? m(r) : r;
+}
+function l({ _propConfig: i = {}, ...s }) {
+  return i.gta = { isVar: 1 }, i.gtc = { isVar: 1 }, i.gtr = { isVar: 1 }, s._propConfig = i, s;
+}
+function u({ sideW: i, mainW: s, style: e = {}, ...r }) {
+  return i != null && (e["--sideW"] = n(i, "sz")), s != null && (e["--mainW"] = n(s, "sz")), r.style = e, r;
+}
+function m({ colSize: i, autoType: s, style: e = {}, ...r }) {
+  return i && (e["--colSize"] = i), s && (e["--autoType"] = s), r.style = e, r;
+}
+function a({ flow: i, style: s = {}, ...e }) {
+  return f("flow", i) ? e.lismClass = t(e.lismClass, `-flow:${i}`) : i && (e.lismClass = t(e.lismClass, "-flow:"), s["--flow"] = n(i, "space")), e.style = s, e;
+}
+export {
+  C as default
+};

package/dist/lib/getLismProps.js

@@ -1,40 +1,41 @@
-var E = Object.defineProperty;
-var A = (r, t, s) => t in r ? E(r, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : r[t] = s;
-var d = (r, t, s) => A(r, typeof t != "symbol" ? t + "" : t, s);
-import { STATES as U, PROPS as P } from "../config/index.js";
+var k = Object.defineProperty;
+var E = (r, t, s) => t in r ? k(r, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : r[t] = s;
+var f = (r, t, s) => E(r, typeof t != "symbol" ? t + "" : t, s);
+import { STATES as U, PROPS as S } from "../config/index.js";
+import A from "./getLayoutProps.js";
 import g from "./isPresetValue.js";
 import V from "./isTokenValue.js";
 import O from "./getUtilKey.js";
-import S from "./getMaybeCssVar.js";
+import $ from "./getMaybeCssVar.js";
 import _ from "./getBpData.js";
-import b from "./helper/atts.js";
-import x from "./helper/isEmptyObj.js";
-import j from "./helper/filterEmptyObj.js";
-import k from "./helper/splitWithComma.js";
-const z = (r) => {
-  const t = P[r];
+import x from "./helper/atts.js";
+import z from "./helper/isEmptyObj.js";
+import b from "./helper/filterEmptyObj.js";
+import j from "./helper/splitWithComma.js";
+const w = (r) => {
+  const t = S[r];
   return t && (t == null ? void 0 : t.token) || "";
 };
-class w {
+class L {
   constructor(t) {
     // propList = {};
-    d(this, "className", "");
-    d(this, "uClasses", []);
-    d(this, "lismState", []);
-    d(this, "styles", {});
-    d(this, "attrs", {});
-    const { forwardedRef: s, class: i, className: l, lismClass: a, layout: e, variant: h, style: f = {}, _propConfig: m = {}, ...o } = t;
-    this.styles = { ...f }, this._propConfig = { ...m };
-    let n = a || "";
-    if (h && a) {
-      const u = a.split(" "), y = u[0], $ = `${y}--${h}`;
-      n = [y, $, ...u.slice(1)].join(" ");
+    f(this, "className", "");
+    f(this, "uClasses", []);
+    f(this, "lismState", []);
+    f(this, "styles", {});
+    f(this, "attrs", {});
+    const { forwardedRef: s, class: i, className: l, lismClass: a, variant: e, style: h = {}, _propConfig: n = {}, ...c } = t;
+    this.styles = { ...h }, this._propConfig = { ...n };
+    let o = a || "";
+    if (e && a) {
+      const y = a.split(" "), d = y[0], m = `${d}--${e}`;
+      o = [d, m, ...y.slice(1)].join(" ");
     }
-    typeof e == "string" && e && (n = b(n, `l--${e}`)), x(o) || (this.attrs = { ...o }, this.analyzeProps()), s && (this.attrs.ref = s), this.className = b(l || i, n, this.lismState, this.uClasses);
+    z(c) || (this.attrs = { ...c }, this.analyzeProps()), s && (this.attrs.ref = s), this.className = x(l || i, o, this.lismState, this.uClasses);
   }
   analyzeState(t, s) {
-    const { className: i, preset: l, presetClass: a, customVar: e, tokenKey: h, setStyles: f } = t;
-    s === !0 ? this.lismState.push(i) : l && g(l, s) ? this.lismState.push(`${i} ${a}:${s}`) : s && (this.lismState.push(i), h ? this.addStyle(e, S(s, h)) : f && this.addStyles(f(s)));
+    const { className: i, preset: l, presetClass: a, customVar: e, tokenKey: h, setStyles: n } = t;
+    s === !0 ? this.lismState.push(i) : l && g(l, s) ? this.lismState.push(`${i} ${a}:${s}`) : s && (this.lismState.push(i), h ? this.addStyle(e, $(s, h)) : n && this.addStyles(n(s)));
   }
   // prop解析
   analyzeProps() {
@@ -42,7 +43,7 @@ class w {
       if (Object.hasOwn(U, t)) {
         const s = this.extractProp(t), i = U[t];
         typeof i == "string" ? s && this.lismState.push(i) : this.analyzeState(i, s);
-      } else if (Object.hasOwn(P, t)) {
+      } else if (Object.hasOwn(S, t)) {
         const s = this.attrs[t];
         delete this.attrs[t], this.analyzeLismProp(t, s);
       } else if (t === "hov") {
@@ -57,7 +58,7 @@ class w {
   // Lism Prop 解析
   analyzeLismProp(t, s) {
     if (s == null) return;
-    let i = P[t] || null;
+    let i = S[t] || null;
     if (i === null) return;
     this._propConfig[t] && (i = Object.assign({}, i, this._propConfig[t]));
     const { base: l, ...a } = _(s);
@@ -103,18 +104,18 @@ class w {
       return;
     }
     if (!l) {
-      const { presets: u, tokenClass: y, utils: $, shorthands: C } = i;
-      if (u && g(u, s)) {
+      const { presets: d, tokenClass: m, utils: P, shorthands: C } = i;
+      if (d && g(d, s)) {
         this.addUtil(`${e}:${s}`);
         return;
       }
-      if (y && V(i.token, s)) {
+      if (m && V(i.token, s)) {
         this.addUtil(`${e}:${s}`);
         return;
       }
-      let c = "";
-      if ($ && (c = O($, s)), !c && C && (c = O(C, s, !0)), c) {
-        this.addUtil(`${e}:${c}`);
+      let u = "";
+      if (P && (u = O(P, s)), !u && C && (u = O(C, s, !0)), u) {
+        this.addUtil(`${e}:${u}`);
         return;
       }
     }
@@ -122,12 +123,12 @@ class w {
       this.addUtil(e);
       return;
     }
-    let { prop: h, isVar: f, alwaysVar: m, token: o, bp: n } = i;
-    if (o && (s = S(s, o)), !l) {
-      if (f) {
+    let { prop: h, isVar: n, alwaysVar: c, token: o, bp: y } = i;
+    if (o && (s = $(s, o)), !l) {
+      if (n) {
         this.addStyle(`--${t}`, s);
         return;
-      } else if (!n && !m) {
+      } else if (!y && !c) {
         this.addStyle(h, s);
         return;
       }
@@ -148,28 +149,28 @@ class w {
   // 	});
   // }
   setHovProps(t) {
-    t && (t === "-" || t === !0 ? this.addUtil("-hov") : typeof t == "string" ? k(t).forEach((s) => {
+    t && (t === "-" || t === !0 ? this.addUtil("-hov") : typeof t == "string" ? j(t).forEach((s) => {
       this.addUtil(`-hov:${s}`);
     }) : typeof t == "object" && Object.keys(t).forEach((s) => {
       let i = t[s];
-      i == null || i === "" || i === !1 || (i === "-" || i === !0 ? this.addUtil(`-hov:${s}`) : s === "class" ? k(i).forEach((l) => {
+      i == null || i === "" || i === !1 || (i === "-" || i === !0 ? this.addUtil(`-hov:${s}`) : s === "class" ? j(i).forEach((l) => {
         this.addUtil(`-hov:${l}`);
-      }) : (i = S(i, z(s)), this.addUtil(`-hov:${s}`), this.addStyle(`--hov-${s}`, i)));
+      }) : (i = $(i, w(s)), this.addUtil(`-hov:${s}`), this.addStyle(`--hov-${s}`, i)));
     }));
   }
 }
-function J(r) {
+function X(r) {
   if (r.length === 0)
     return {};
-  const t = new w(r);
-  return j({
-    className: t.className,
-    style: j(t.styles),
+  const { layout: t, ...s } = r, i = new L(A(t, s));
+  return b({
+    className: i.className,
+    style: b(i.styles),
     //filterEmptyObj(styles), // filterEmptyObj は最後にかける
-    ...t.attrs
+    ...i.attrs
     // 処理されずに残っているprops
   });
 }
 export {
-  J as default
+  X as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "lism-css",
-	"version": "0.5.2",
+	"version": "0.6.1",
 	"description": "A layout-first CSS framework for websites.",
 	"author": {
 		"name": "ddryo",

package/packages/astro/Lism/Lism.astro

@@ -1,15 +1,14 @@
 ---
 import type { LismProps } from '../../types';
 import getLismProps from '../../../dist/lib/getLismProps';
-import getLayoutProps from '../../../dist/components/getLayoutProps';
 
 // Propsの定義
 interface Props extends LismProps {}
 
-const { as, tag, layout, exProps, ...props } = Astro.props || {};
+const { as, tag, exProps, ...props } = Astro.props || {};
 const JSX = as || tag || 'div';
 ---
 
-<JSX {...getLismProps(getLayoutProps(layout, props))} {...exProps}>
+<JSX {...getLismProps(props)} {...exProps}>
 	<slot />
 </JSX>

package/src/scss/_mixin.scss

@@ -14,7 +14,7 @@ $maybe_important: '';
 // 	@return '';
 // }
 
-@mixin maybe_where($selectors, $mode) {
+@mixin maybe_where($selectors, $mode: '') {
 	// memo: セレクタリストを引数で受け取り、modeで出力方法を切り替える
 	@if $layer_mode == 1 {
 		@if $mode == '' {
@@ -25,7 +25,7 @@ $maybe_important: '';
 			:is(#{$selectors}) {
 				@content;
 			}
-		} @else if $mode == 'base' {
+		} @else if $mode == '@base' {
 			@layer lism.base {
 				#{$selectors} {
 					@content;

package/src/scss/base/_dom.scss

@@ -31,7 +31,7 @@ body {
 /* ----------------------------------------
     Heading
  ---------------------------------------- */
-@include mixin.maybe_where('h1, h2, h3, h4, h5, h6', '') {
+@include mixin.maybe_where('h1, h2, h3, h4, h5, h6') {
 	font-family: var(--heading-ff, inherit);
 	font-weight: var(--heading-fw, bolder);
 	font-size: var(--fz, revert);
@@ -64,7 +64,7 @@ h6 {
 /* ----------------------------------------
     list
  ---------------------------------------- */
-@include mixin.maybe_where('ul, ol', '') {
+@include mixin.maybe_where('ul, ol') {
 	list-style: none;
 	padding: 0;
 	padding-inline-start: var(--list-px-s, 0);
@@ -74,7 +74,7 @@ h6 {
     texts
  ---------------------------------------- */
 // link
-@include mixin.maybe_where('a', '') {
+@include mixin.maybe_where('a') {
 	color: var(--c--link);
 	text-decoration: var(--link-td, underline);
 	// text-underline-offset: var(--underline-offset, auto);
@@ -84,16 +84,16 @@ h6 {
 /* ----------------------------------------
     table
  ---------------------------------------- */
-@include mixin.maybe_where('th', '') {
+@include mixin.maybe_where('th') {
 	color: var(--th--c, inherit);
 	background-color: var(--th--bgc, transparent);
 }
-// @include mixin.maybe_where('td', '') {
+// @include mixin.maybe_where('td') {
 // 	color: var(--td--c, inherit);
 // 	background-color: var(--td--bgc, transparent);
 // }
 
-@include mixin.maybe_where('td, th', '') {
+@include mixin.maybe_where('td, th') {
 	padding: var(--cell-p, 0.375em 0.5em);
 	min-inline-size: var(--cell-minW, initial);
 }
@@ -101,18 +101,18 @@ h6 {
 /* ----------------------------------------
     others
  ---------------------------------------- */
-@include mixin.maybe_where('hr', '') {
+@include mixin.maybe_where('hr') {
 	border: none;
 	border-block-start: 1px solid;
 	block-size: 0;
 }
 
-@include mixin.maybe_where('blockquote', '') {
+@include mixin.maybe_where('blockquote') {
 	border-inline-start: solid 3px currentColor;
 	padding: var(--s20) var(--s30);
 }
 
-@include mixin.maybe_where('pre', '') {
+@include mixin.maybe_where('pre') {
 	// 横にスクロールできるように（overflow-inline: auto; ← まだ使えない）
 	overflow-x: auto; // 縦書きモードにしてもこれでいけた
 }

package/src/scss/base/index.scss

@@ -20,11 +20,3 @@
 	--list-px-s: 1.5em;
 	list-style: revert;
 }
-
-// bdc, bdw などでカラーや太さを上書きできるように border 自体を変数管理
-// .-bd .set--bd
-@include mixin.maybe_where('.-bd,[class*="-bd-"]', '') {
-	--bds: solid;
-	--bdw: 1px;
-	--bdc: currentColor;
-}

package/src/scss/base/set/_plain.scss

@@ -1,7 +1,7 @@
 @use '../../_mixin' as mixin;
 
 // Note: d--modalに使われる
-@include mixin.maybe_where('.set-plain', '') {
+@include mixin.maybe_where('.set-plain') {
 	font: inherit;
 	width: auto;
 	height: auto;

package/src/scss/modules/layout/_flow.scss

@@ -1,14 +1,13 @@
 /*
   Memo:
 	- > * + * を使えば :first-child への my-s の打ち消しは不要になるが、 my-e 0 を :first-child にも効かせたいので、 > * で書いている。
-	- --flow を inherit させることで -flow:custom クラスがなくても任意の値をセットできるようにしつつ、離れたネストであれば l--flow 単体で使っても base に戻るようにしている。(ただし直下のネストでは影響が出る。)
 */
 .l--flow {
 	display: flow-root;
-	--flow: var(--flow--base);
+	// --flow: var(--flow--base);
 
 	> * {
-		--flow: inherit;
+		--flow: var(--flow--base);
 		--my-s: var(--flow);
 		margin-block: var(--my-s) 0;
 	}
@@ -19,15 +18,15 @@
 	}
 }
 
-.-flow\:base > * {
-	--flow: var(--flow--base);
-}
 .-flow\:s > * {
 	--flow: var(--flow--s);
 }
 .-flow\:l > * {
 	--flow: var(--flow--l);
 }
+.-flow\: > * {
+	--flow: inherit;
+}
 
 // 見出しの上部余白は少しだけ広くする.
 .l--flow > :where(h1, h2, h3, h4) {

package/src/scss/props/_border.scss

@@ -12,8 +12,12 @@
 */
 
 // Memo: base レイヤーで初期値セット済み
-.-bd,
-[class*='-bd-'] {
+// bdc, bdw などでカラーや太さを上書きできるように border 自体を変数管理
+// .-bd .set--bd
+@include mixin.maybe_where('.-bd,[class*=" -bd-"],[class^="-bd-"]', '@base') {
+	--bds: solid;
+	--bdw: 1px;
+	--bdc: currentColor;
 	border-width: var(--bdw) #{mixin.$maybe_important};
 	border-color: var(--bdc) #{mixin.$maybe_important};
 }

package/src/scss/reset.scss

@@ -28,7 +28,7 @@
 ------------------------------------------------------------ */
 
 /* テキストのオーバーフローを回避 */
-@include mixin.maybe_where('p, h1, h2, h3, h4, h5, h6', '') {
+@include mixin.maybe_where('p, h1, h2, h3, h4, h5, h6') {
 	overflow-wrap: break-word;
 }
 
@@ -42,18 +42,18 @@ rt {
 ------------------------------------------------------------ */
 
 /* 親要素をはみ出さないようにする */
-@include mixin.maybe_where('img, video', '') {
+@include mixin.maybe_where('img, video') {
 	max-inline-size: 100%;
 	block-size: auto;
 }
 
 /* 隙間ができるのを防ぐ。( display はいじらない。) */
-@include mixin.maybe_where('svg, img, video, audio', '') {
+@include mixin.maybe_where('svg, img, video, audio') {
 	vertical-align: middle;
 }
 
 /* iframe は display block */
-@include mixin.maybe_where('iframe, embed, object', '') {
+@include mixin.maybe_where('iframe, embed, object') {
 	display: block;
 	border: none;
 }
@@ -64,7 +64,7 @@ rt {
 	  - テキストエリアの水平リサイズを無効に
 	  - カーソルのセット
 ------------------------------------------------------------ */
-@include mixin.maybe_where('input, button, textarea, select', '') {
+@include mixin.maybe_where('input, button, textarea, select') {
 	font: inherit;
 	color: inherit;
 	text-transform: none;

package/dist/components/getLayoutProps.js

@@ -1,27 +0,0 @@
-import n from "../lib/helper/atts.js";
-import f from "../lib/isTokenValue.js";
-import s from "../lib/getMaybeCssVar.js";
-function d(e, i) {
-  if (!e || typeof e != "string") return i;
-  const {
-    lismClass: r,
-    //[layout]: variant,
-    ...t
-  } = i;
-  return t.lismClass = n(r, `l--${e}`), e === "flow" ? a(t) : e === "grid" ? u(t) : e === "withSide" ? l(t) : e === "columns" ? m(t) : t;
-}
-function u({ _propConfig: e = {}, ...i }) {
-  return e.gta = { isVar: 1 }, e.gtc = { isVar: 1 }, e.gtr = { isVar: 1 }, i._propConfig = e, i;
-}
-function l({ sideW: e, mainW: i, style: r = {}, ...t }) {
-  return e != null && (r["--sideW"] = s(e, "sz")), i != null && (r["--mainW"] = s(i, "sz")), t.style = r, t;
-}
-function m({ colSize: e, autoType: i, style: r = {}, ...t }) {
-  return e && (r["--colSize"] = e), i && (r["--autoType"] = i), t.style = r, t;
-}
-function a({ flow: e, style: i = {}, ...r }) {
-  return f("flow", e) ? r.lismClass = n(r.lismClass, `-flow:${e}`) : e && (i["--flow"] = s(e, "space")), r.style = i, r;
-}
-export {
-  d as default
-};