lism-css 0.0.10 → 0.0.12

package/dist/components/Accordion/setAccordion.js

@@ -2,12 +2,12 @@ const r = (t) => Promise.all(t.getAnimations().map((e) => e.finished)), d = asyn
   if (t.dataset.animating && !e) return;
   t.dataset.animating = "1";
   const n = t.querySelector(".d--accordion__body");
-  t.open ? t.open && (t.classList.remove("-opened"), await r(n), delete t.dataset.animating, t.open = !1) : (t.open = !0, setTimeout(async () => {
-    t.classList.add("-opened"), await r(n), delete t.dataset.animating;
+  t.open ? t.open && (t.classList.remove("_opened"), await r(n), delete t.dataset.animating, t.open = !1) : (t.open = !0, setTimeout(async () => {
+    t.classList.add("_opened"), await r(n), delete t.dataset.animating;
   }, 5));
 }, p = (t, e) => {
-  const n = e.open, o = e.classList.contains("-opened");
-  n && !o && e.classList.add("-opened"), !n && o && e.classList.remove("-opened");
+  const n = e.open, o = e.classList.contains("_opened");
+  n && !o && e.classList.add("_opened"), !n && o && e.classList.remove("_opened");
 }, u = (t) => {
   const e = t, n = e.querySelector('[data-role="trigger"]') || e.querySelector("summary");
   if (!n) return;
@@ -16,7 +16,7 @@ const r = (t) => Promise.all(t.getAnimations().map((e) => e.finished)), d = asyn
   s != null && (o = s.dataset.accordionMultiple !== "disallow");
   const c = (a) => {
     if (a.preventDefault(), !o && !e.open) {
-      const i = s.querySelector(".-opened");
+      const i = s.querySelector("._opened");
       i != null && d(i, !0);
     }
     d(e);

package/dist/components/Accordion/style.css

@@ -0,0 +1 @@
+.d--accordion{--trsdu:var(--trsdu--acc)}.d--accordion._opened{--_notOpened: }.d--accordion:not(._opened){--_isOpened: }.d--accordion__header{gap:.5em;outline-offset:-1px}.d--accordion__header::-webkit-details-marker{display:none}.d--accordion__body{grid-template-rows:1fr;transition-duration:var(--trsdu);transition-property:margin-block,padding-block,opacity,grid-template-rows}:where(.d--accordion:not(._opened))>.d--accordion__body{grid-template-rows:0fr;margin-block:0!important;padding-block:0!important}:where(.d--accordion__icon)>.l--icon{rotate:var(--_isOpened,-180deg);transition-duration:var(--trsdu)}

package/dist/components/Modal/style.css

@@ -0,0 +1 @@
+.d--modal{--mbs:0;--offset:0 0;--backdrop:rgba(0,0,0,.6);transition-duration:var(--trsdu--modal)}.d--modal::backdrop{background:var(--backdrop);transition:opacity var(--trsdu--modal)}.d--modal__body{overscroll-behavior:contain}.d--modal:not([data-is-open]){translate:var(--offset)}.d--modal:not([data-is-open]),.d--modal:not([data-is-open])::backdrop{opacity:0}

package/dist/components/Tabs/style.css

@@ -0,0 +1 @@
+.d--tabs{display:grid;grid:"list" "panel"}.d--tabs__list{grid-area:list;overflow-x:auto}.d--tabs__tab[aria-selected=true]{--_notActive: }.d--tabs__tab[aria-selected=false]{--_isActive: }:where(.d--tabs__tab){color:var(--_notActive,var(--c--text-2))}.d--tabs__panel{grid-area:panel;overflow-x:auto;width:100%}.d--tabs__panel:where([aria-hidden=true]){display:none}

package/dist/config/prop_list.js

@@ -13,7 +13,11 @@ const e = ["0", "5", "10", "20", "30", "40", "50", "60", "70", "80"], t = { auto
 }, l = { "0%": "0", "50%": "50%", "100%": "100%" }, c = {
   // size
   w: { utils: { "fit-content": "fit" }, presets: ["100%"], converter: "size" },
-  h: { utils: { "fit-content": "fit" }, presets: ["100%", "100lvh", "100svh"], converter: "size" },
+  h: {
+    utils: { "fit-content": "fit" },
+    presets: ["100%", "100lvh", "100svh"],
+    converter: "size"
+  },
   maxW: { style: "maxWidth", presets: ["100%"], converter: "size" },
   maxH: { style: "maxHeight", presets: ["100%"], converter: "size" },
   minW: { style: "minWidth", presets: ["100%"], converter: "size" },
@@ -89,7 +93,6 @@ const e = ["0", "5", "10", "20", "30", "40", "50", "60", "70", "80"], t = { auto
       "divider",
       // 'keycol',
       "mix"
-      // 'cbox',
     ],
     converter: "color"
   },
@@ -121,7 +124,7 @@ const e = ["0", "5", "10", "20", "30", "40", "50", "60", "70", "80"], t = { auto
   // tsh: { style: 'textShadow' },
   // ovw: { style: 'overflowWrap', utils: { anywhere: 'any' } },
   // others
-  bdrs: { presets: ["inner", "0", ...s.bdrs], converter: "bdrs" },
+  bdrs: { presets: ["0", ...s.bdrs], converter: "bdrs" },
   bxsh: { presets: ["0", ...s.bxsh], converter: "bxsh" },
   // shColor: { converter: 'color', style: '--sh-color' },
   // transition
@@ -264,8 +267,8 @@ const e = ["0", "5", "10", "20", "30", "40", "50", "60", "70", "80"], t = { auto
   grid: {
     gd: {},
     gt: { style: "gridTemplate" },
-    gtc: {},
-    gtr: {},
+    gtc: { presets: ["subgrid"] },
+    gtr: { presets: ["subgrid"] },
     gta: {},
     gaf: {
       utils: { row: "r", column: "c" },

package/dist/css/all.css

@@ -0,0 +1 @@
+@layer lism.reset, lism.base, lism.state, lism.layout, lism.dynamic, lism.component, lism.utility;@layer lism.reset{*,:after,:before{box-sizing:border-box}*{margin:0}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}rt{font-size:50%}img{block-size:auto;max-inline-size:100%;vertical-align:middle}audio,iframe,picture,video{display:block;max-inline-size:100%}iframe{border:none}button,input,select,textarea{color:inherit;font:inherit;text-transform:none}textarea{resize:vertical}button,label,select,summary{cursor:pointer}:disabled{cursor:not-allowed}[aria-busy=true]{cursor:progress}}@layer lism.base{@property --overwideSize{syntax:"<length-percentage>";initial-value:100%;inherits:true}@property --herfLeading{syntax:"*";inherits:false;initial-value:calc(.5lh - .5em)}@property --trimHL{syntax:"*";inherits:false;initial-value:calc(-.5lh - -.5em)}:root{--size--xl:1600px;--size--l:1280px;--size--m:960px;--size--s:640px;--size--xs:16rem;--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;--flowM--s:var(--s20);--flowM--m:var(--s40);--flowM--h:1em;--gutter:var(--s40);--ff--base:-apple-system,"BlinkMacSystemFont","Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif,"Segoe UI Emoji";--ff--accent:"Garamond","Baskerville","Times New Roman",serif;--ff--mono:Menlo,Consolas,monaco,monospace;--fz-mol:8;--fz--4xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 5));--fz--3xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 4));--fz--2xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 3));--fz--xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 2));--fz--l:calc(1em*var(--fz-mol)/(var(--fz-mol) - 1));--fz--m:1em;--fz--s:calc(1em*var(--fz-mol)/(var(--fz-mol) + 1));--fz--xs:calc(1em*var(--fz-mol)/(var(--fz-mol) + 2));--fz--2xs:calc(1em*var(--fz-mol)/(var(--fz-mol) + 3));--fw--light:300;--fw--normal:400;--fw--medium:500;--fw--bold:700;--lh--base:1.75;--lh--xs:calc(var(--lh--base) - 0.25);--lh--s:calc(var(--lh--base) - 0.125);--lh--l:calc(var(--lh--base) + 0.125);--lh--xl:calc(var(--lh--base) + 0.25);--lts--base:normal;--lts--s:-0.05em;--lts--l:0.05em;--lts--xl:0.125em;--black:#000;--white:#fff;--gray:#566676;--red:#db3024;--orange:#dc6d18;--yellow:#dcb518;--green:#1abc3a;--blue:#2192de;--purple:#6124db;--pink:#db249e;--c--main:#1e4e6b;--c--accent:#bc3453;--c--base:#fcfcfd;--c--base-2:#eeeff1;--c--text:#141415;--c--text-2:#62646a;--c--divider:#cfd0d3;--c--link:#0c61e4;--op--low:0.25;--op--mid:0.5;--op--high:0.75;--trsdu--default:0.4s;--trsdu--modal:0.5s;--trsdu--acc:0.4s;--bdrs--1:2px;--bdrs--2:4px;--bdrs--3:0.5rem;--bdrs--4:1rem;--bdrs--5:2rem;--bdrs--99:99rem;--sh-hsl:220 4% 8%;--sh-a:5%;--sh-sz--0:1px 2px 3px 0;--sh-sz--1:2px 4px 6px 0;--sh-sz--2:3px 6px 9px 0;--sh-sz--3:5px 10px 15px 0;--sh-sz--4:8px 16px 24px 0;--sh-sz--5:13px 26px 39px 0}html{font-size:var(--root-fz);-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}body{background-color:var(--c--base);color:var(--c--text);font-family:var(--ff--base);font-size:1rem;letter-spacing:var(--lts--base);line-height:var(--lh--base);overflow-x:clip}h1,h2,h3,h4,h5,h6{font-family:var(--heading-ff,inherit);font-size:var(--fz,revert);font-weight:var(--heading-fw,bolder);line-height:var(--lh,inherit)}h1{--fz:var(--fz--3xl);--lh:var(--lh--xs)}h2{--fz:var(--fz--2xl);--lh:var(--lh--xs)}h3{--fz:var(--fz--xl);--lh:var(--lh--s)}h4{--fz:var(--fz--l);--lh:var(--lh--s)}h5{--fz:var(--fz--m)}h6{--fz:var(--fz--s)}ol,ul{list-style:none;padding:0;padding-inline-start:var(--list-pis,0)}:is(ul,ol):not([class]){--list-pis:1.5em;list-style:revert}a{color:var(--c--link);-webkit-text-decoration:var(--link-td,underline);text-decoration:var(--link-td,underline)}td,th{min-inline-size:var(--cell-minIs,unset);padding:var(--cell-p,.5em)}th{background-color:var(--th-bgc,transparent);color:var(--th-c,inherit)}td{background-color:var(--td-bgc,transparent);color:var(--td-c,inherit)}hr{block-size:0;border:none;border-block-start:1px solid}blockquote{border-inline-start:3px solid currentColor;padding:var(--s30)}pre{overflow-x:auto}body:has(:modal[open]){overflow:hidden}dialog:not([open]){pointer-events:none}:root{--root-fz:clamp(0.875rem,0.625rem + 1vw,1rem);--hov-trsdu:0.3s;--overwideSize:100vw}.re--sh,:root{--sh-color:hsl(var(--sh-hsl)/var(--sh-a));--bxsh--1:var(--sh-sz--0) var(--sh-color),var(--sh-sz--1) var(--sh-color);--bxsh--2:var(--sh-sz--1) var(--sh-color),var(--sh-sz--2) var(--sh-color);--bxsh--3:var(--sh-sz--2) var(--sh-color),var(--sh-sz--3) var(--sh-color);--bxsh--4:var(--sh-sz--3) var(--sh-color),var(--sh-sz--4) var(--sh-color);--bxsh--5:var(--sh-sz--4) var(--sh-color),var(--sh-sz--5) var(--sh-color);--bxsh--i1:inset var(--sh-sz--0) var(--sh-color),inset var(--sh-sz--1) var(--sh-color);--bxsh--i2:inset var(--sh-sz--1) var(--sh-color),inset var(--sh-sz--2) var(--sh-color)}.re--style{background:none;border:none;color:inherit;font:inherit;height:auto;margin:0;max-height:unset;max-width:unset;padding:0;width:auto}.re--list{--list-pis:1.5em;list-style:revert}}@layer lism.state{.has--gutter{padding-inline:var(--gutter)}.is--flow{display:flow-root}.is--flow>*{--mbs:var(--flowM,var(--flowM--m));margin-block:var(--mbs) 0}.-flow\:s>*{--mbs:var(--flowM--s)}.-flow\:m>*{--mbs:var(--flowM--m)}.is--flow>:where(h1,h2,h3,h4){margin-block-start:calc(var(--mbs) + var(--flowM--h))}.is--flow>:where(.is--fullwide+.is--fullwide){--mbs:0}.is--flow>:first-child{margin-block-start:0}.is--container{container-type:inline-size;inline-size:100%;margin-inline:auto;--overwideSize:100cqw}.is--container>*{--maxIs:var(--contentSize,100%);margin-inline:auto;max-inline-size:min(100%,var(--maxIs,100%))}.-container\:s{--contentSize:var(--size--s);--wideSize:var(--size--m)}.-container\:m{--contentSize:var(--size--m);--wideSize:var(--size--l)}.-container\:l{--contentSize:var(--size--l);--wideSize:var(--size--xl)}.is--fullwide{max-inline-size:100%}:where(.has--gutter)>.is--fullwide{margin-inline:calc(var(--gutter)*-1);max-inline-size:calc(100% + var(--gutter)*2)}.is--wide{max-inline-size:var(--wideSize,100%)}.is--overwide{margin-inline:calc(50% - var(--overwideSize)/2);max-inline-size:var(--overwideSize,100vw)}.is--linkBox{color:inherit;cursor:pointer;display:block;isolation:isolate;text-decoration:none}.is--linkBox,.is--linkBox>a{pointer-events:auto;position:relative}.is--linkBox>a{z-index:1}.is--layer{inset:0;overflow:hidden;position:absolute}}@layer lism.layout{.l--frame{overflow:hidden}.l--frame>:where(img,video,picture,iframe){display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.l--flex{display:flex}.l--flex--cluster{align-items:center;flex-wrap:wrap}.l--grid{display:grid}.l--grid--repeat{--rows:1;--cols:1;grid-template:repeat(var(--rows),1fr)/repeat(var(--cols),1fr)}.l--stack{display:flex;flex-direction:column}.l--center{display:grid;place-content:center;place-items:center}.l--columns{--cols:2;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr))}.l--columns--liquid{--col-auto:auto-fill;--col-size:var(--size--xs);display:grid;grid-template-columns:repeat(var(--col-auto),minmax(min(var(--col-size),100%),1fr))}.l--withSide{--side-w:auto;--main-w:max(var(--size--xs),50%);display:flex;flex-wrap:wrap}.l--withSide>[data-is-side]{flex-basis:var(--side-w);flex-grow:1}.l--withSide>:not([data-is-side]){flex-basis:min(100%,var(--main-w));flex-grow:9999999}.l--icon{--scale:1;--offset:0;display:inline-flex;flex-shrink:0;scale:var(--scale);translate:var(--offset);vertical-align:middle}.l--icon:where(:not([fill])){fill:currentcolor}.l--icon:where(:not([width])){height:1em;width:1em}.l--divider{--bdc:var(--c--divider)}}@layer lism.dynamic{.d--accordion{--trsdu:var(--trsdu--acc)}.d--accordion._opened{--_notOpened: }.d--accordion:not(._opened){--_isOpened: }.d--accordion__header{gap:.5em;outline-offset:-1px}.d--accordion__header::-webkit-details-marker{display:none}.d--accordion__body{grid-template-rows:1fr;transition-duration:var(--trsdu);transition-property:margin-block,padding-block,opacity,grid-template-rows}:where(.d--accordion:not(._opened))>.d--accordion__body{grid-template-rows:0fr;margin-block:0!important;padding-block:0!important}:where(.d--accordion__icon)>.l--icon{rotate:var(--_isOpened,-180deg);transition-duration:var(--trsdu)}.d--modal{--mbs:0;--offset:0 0;--backdrop:rgba(0,0,0,.6);transition-duration:var(--trsdu--modal)}.d--modal::backdrop{background:var(--backdrop);transition:opacity var(--trsdu--modal)}.d--modal__body{overscroll-behavior:contain}.d--modal:not([data-is-open]){translate:var(--offset)}.d--modal:not([data-is-open]),.d--modal:not([data-is-open])::backdrop{opacity:0}.d--tabs{display:grid;grid:"list" "panel"}.d--tabs__list{grid-area:list;overflow-x:auto}.d--tabs__tab[aria-selected=true]{--_notActive: }.d--tabs__tab[aria-selected=false]{--_isActive: }:where(.d--tabs__tab){color:var(--_notActive,var(--c--text-2))}.d--tabs__panel{grid-area:panel;overflow-x:auto;width:100%}.d--tabs__panel:where([aria-hidden=true]){display:none}}figure,img,table,video{--trimHL:0px}.u--trimHL{margin-block:var(--trimHL)}.u--trimBox>:first-child{margin-block-start:var(--trimHL)}.u--trimBox>:last-child{margin-block-end:var(--trimHL)}.u--colbox{--c:var(--c--text);--bgc:var(--c--base-2);background-color:var(--bgc);color:var(--c)}@supports (color:color-mix(in srgb,#000,#fff)){.u--colbox{--c:color-mix(in srgb,var(--c--text),var(--keycol) var(--colbox-pct--c,20%));--c--link:var(--c);--bgc:color-mix(in srgb,var(--c--base),var(--keycol) var(--colbox-pct--bg,5%));--bdc:var(--keycol)}}.u--hidden{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.u--overlayLink{color:inherit;position:static;text-decoration:none}.u--overlayLink:before{content:"";inset:0;position:absolute;z-index:0}.u--skipFlow+*{--mbs:0}.u--clipText{-webkit-background-clip:text!important;background-clip:text!important;color:transparent}.u--outerR{--inner-bdrs:calc(var(--bdrs, 0px) - var(--p, 0px))}.u--innerR{border-radius:var(--inner-bdrs)}.-c\:mix{--c1:currentColor;--c2:transparent;--c:color-mix(in srgb,var(--c1) var(--c-pct,50%),var(--c2))}.-bgc\:mix{--bgc1:currentColor;--bgc2:transparent;--bgc:color-mix(in srgb,var(--bgc1) var(--bgc-pct,50%),var(--bgc2))}.-bdc\:mix{--bdc1:currentColor;--bdc2:transparent;--bdc:color-mix(in srgb,var(--bdc1) var(--bdc-pct,50%),var(--bdc2))}@layer lism.base{.-bd,[class*="-bd:"]{--bds:solid;--bdw:1px;--bdc:currentColor;--bd:var(--bdw) var(--bds) var(--bdc)}}.-bd{border-color:var(--bdc);border-style:var(--bds);border-width:var(--bdw)}.-bd\:n{border:none}.-bd\:inherit{border:inherit}.-bd\:l{border-left:var(--bd)}.-bd\:r{border-right:var(--bd)}.-bd\:t{border-top:var(--bd)}.-bd\:b{border-bottom:var(--bd)}.-bd\:x{border-inline:var(--bd)}.-bd\:y{border-block:var(--bd)}.-bd\:is{border-inline-start:var(--bd)}.-bd\:ie{border-inline-end:var(--bd)}.-bd\:bs{border-block-start:var(--bd)}.-bd\:be{border-block-end:var(--bd)}@layer lism.base{.-trs{--trsdu:var(--trsdu--default);--trsp:all;--trstf:ease}}.-trs{transition:var(--trsdu) var(--trstf);transition-property:var(--trsp)}.-w{width:var(--w)}.-w\:fit{width:-moz-fit-content;width:fit-content}.-w\:100\%{width:100%}.-h{height:var(--h)}.-h\:fit{height:-moz-fit-content;height:fit-content}.-h\:100\%{height:100%}.-h\:100lvh{height:100lvh}.-h\:100svh{height:100svh}.-maxW{max-width:var(--maxW)}.-maxW\:100\%{max-width:100%}.-minW{min-width:var(--minW)}.-minW\:100\%{min-width:100%}.-maxH{max-height:var(--maxH)}.-maxH\:100\%{max-height:100%}.-minH{min-height:var(--minH)}.-minH\:100\%{min-height:100%}.-minH\:100lvh{min-height:100lvh}.-minH\:100svh{min-height:100svh}.-c,[class*="-c:"]{color:var(--c)}.-c\:main{--c:var(--c--main)}.-c\:accent{--c:var(--c--accent)}.-c\:base{--c:var(--c--base)}.-c\:text{--c:var(--c--text)}.-c\:text-2{--c:var(--c--text-2)}.-c\:inherit{color:inherit}.-bgc,[class*="-bgc:"]{background-color:var(--bgc)}.-bgc\:main{--bgc:var(--c--main)}.-bgc\:accent{--bgc:var(--c--accent)}.-bgc\:base{--bgc:var(--c--base)}.-bgc\:base-2{--bgc:var(--c--base-2)}.-bgc\:text{--bgc:var(--c--text)}.-bgc\:inherit{background-color:inherit}.-bg{background:var(--bg)}.-bg\:n{background:none}.-bgr\:n{background-repeat:no-repeat}.-bgp\:c{background-position:50%}.-bgsz\:cv{background-size:cover}.-bgsz\:ct{background-size:contain}.-bdc\:main{--bdc:var(--c--main)}.-bdc\:accent{--bdc:var(--c--accent)}.-bdc\:divider{--bdc:var(--c--divider)}.-bdc\:inherit{--bdc:inherit}.-bdc\:t{--bdc:transparent}.-f\:inherit{font:inherit}.-fz,[class*="-fz:"]{font-size:var(--fz)}.-fz\:root{--fz:1rem}.-fz\:2xs{--fz:var(--fz--2xs)}.-fz\:xs{--fz:var(--fz--xs)}.-fz\:s{--fz:var(--fz--s)}.-fz\:m{--fz:var(--fz--m)}.-fz\:l{--fz:var(--fz--l)}.-fz\:xl{--fz:var(--fz--xl)}.-fz\:2xl{--fz:var(--fz--2xl)}.-fz\:3xl{--fz:var(--fz--3xl)}.-fz\:4xl{--fz:var(--fz--4xl)}.-ff\:base{font-family:var(--ff--base)}.-ff\:accent{font-family:var(--ff--accent)}.-ff\:mono{font-family:var(--ff--mono)}.-fw\:light{font-weight:var(--fw--light)}.-fw\:normal{font-weight:var(--fw--normal)}.-fw\:medium{font-weight:var(--fw--medium)}.-fw\:bold{font-weight:var(--fw--bold)}.-fs\:i{font-style:italic}.-lh\:base{line-height:var(--lh--base)}.-lh\:xs{line-height:var(--lh--xs)}.-lh\:s{line-height:var(--lh--s)}.-lh\:l{line-height:var(--lh--l)}.-lh\:xl{line-height:var(--lh--xl)}.-lh\:1{line-height:1}.-lts\:base{letter-spacing:var(--lts--base)}.-lts\:s{letter-spacing:var(--lts--s)}.-lts\:l{letter-spacing:var(--lts--l)}.-lts\:xl{letter-spacing:var(--lts--xl)}.-ta\:l{text-align:left}.-ta\:r{text-align:right}.-ta\:c{text-align:center}.-td\:n{text-decoration:none}.-td\:u{text-decoration:underline}.-d{display:var(--d)}.-d\:n{display:none}.-d\:b{display:block}.-d\:f{display:flex}.-d\:g{display:grid}.-d\:i{display:inline}.-d\:ib{display:inline-block}.-d\:if{display:inline-flex}.-d\:ig{display:inline-grid}.-v\:h{visibility:hidden}.-v\:v{visibility:visible}.-ov\:h{overflow:hidden}.-ov\:a{overflow:auto}.-ov\:c{overflow:clip}.-ov\:s{overflow:scroll}.-ovx\:h{overflow-x:hidden}.-ovx\:a{overflow-x:auto}.-ovx\:c{overflow-x:clip}.-ovx\:s{overflow-x:scroll}.-ovy\:h{overflow-y:hidden}.-ovy\:a{overflow-y:auto}.-ovy\:c{overflow-y:clip}.-ovy\:s{overflow-y:scroll}.-ar{aspect-ratio:var(--ar)}.-ar\:16\/9{aspect-ratio:16/9}.-ar\:3\/2{aspect-ratio:3/2}.-ar\:1\/1{aspect-ratio:1/1}.-ar\:ogp{aspect-ratio:1.91/1}.-ar\:gold{aspect-ratio:16.18/10}.-op\:0{opacity:0}.-op\:low{opacity:var(--op--low)}.-op\:mid{opacity:var(--op--mid)}.-op\:high{opacity:var(--op--high)}.-bdrs,[class*="-bdrs:"]{border-radius:var(--bdrs)}.-bdrs\:0{--bdrs:0}.-bdrs\:1{--bdrs:var(--bdrs--1)}.-bdrs\:2{--bdrs:var(--bdrs--2)}.-bdrs\:3{--bdrs:var(--bdrs--3)}.-bdrs\:4{--bdrs:var(--bdrs--4)}.-bdrs\:5{--bdrs:var(--bdrs--5)}.-bdrs\:99{--bdrs:var(--bdrs--99)}.-bxsh\:0{box-shadow:0}.-bxsh\:1{box-shadow:var(--bxsh--1)}.-bxsh\:2{box-shadow:var(--bxsh--2)}.-bxsh\:3{box-shadow:var(--bxsh--3)}.-bxsh\:4{box-shadow:var(--bxsh--4)}.-bxsh\:5{box-shadow:var(--bxsh--5)}.-bxsh\:-1{box-shadow:var(--bxsh--i1)}.-bxsh\:-2{box-shadow:var(--bxsh--i2)}.-p,[class*="-p:"]{padding:var(--p)}.-p\:0{--p:0}.-p\:5{--p:var(--s5)}.-p\:10{--p:var(--s10)}.-p\:15{--p:var(--s15)}.-p\:20{--p:var(--s20)}.-p\:30{--p:var(--s30)}.-p\:40{--p:var(--s40)}.-p\:50{--p:var(--s50)}.-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\:15{--px:var(--s15)}.-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\:15{--py:var(--s15)}.-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)}.-pt{padding-top:var(--pt)}.-pr{padding-right:var(--pr)}.-pb{padding-bottom:var(--pb)}.-pl{padding-left:var(--pl)}.-pis,[class*="-pis:"]{padding-inline-start:var(--pis)}.-pis\:0{--pis:0}.-pis\:5{--pis:var(--s5)}.-pis\:10{--pis:var(--s10)}.-pis\:15{--pis:var(--s15)}.-pis\:20{--pis:var(--s20)}.-pis\:30{--pis:var(--s30)}.-pis\:40{--pis:var(--s40)}.-pis\:50{--pis:var(--s50)}.-pis\:60{--pis:var(--s60)}.-pis\:70{--pis:var(--s70)}.-pis\:80{--pis:var(--s80)}.-pbs,[class*="-pbs:"]{padding-block-start:var(--pbs)}.-pbs\:0{--pbs:0}.-pbs\:5{--pbs:var(--s5)}.-pbs\:10{--pbs:var(--s10)}.-pbs\:15{--pbs:var(--s15)}.-pbs\:20{--pbs:var(--s20)}.-pbs\:30{--pbs:var(--s30)}.-pbs\:40{--pbs:var(--s40)}.-pbs\:50{--pbs:var(--s50)}.-pbs\:60{--pbs:var(--s60)}.-pbs\:70{--pbs:var(--s70)}.-pbs\:80{--pbs:var(--s80)}.-m,[class*="-m:"]{margin:var(--m)}.-m\:a{--m:auto}.-m\:0{--m:0}.-m\:5{--m:var(--s5)}.-m\:10{--m:var(--s10)}.-m\:15{--m:var(--s15)}.-m\:20{--m:var(--s20)}.-m\:30{--m:var(--s30)}.-m\:40{--m:var(--s40)}.-m\:50{--m:var(--s50)}.-m\:60{--m:var(--s60)}.-m\:70{--m:var(--s70)}.-m\:80{--m:var(--s80)}.-mx{margin-inline:var(--mx)}.-mx\:a{margin-inline:auto}.-my{margin-block:var(--my)}.-my\:a{margin-block:auto}.-mt{margin-top:var(--mt)}.-mt\:a{margin-top:auto}.-mr{margin-right:var(--mr)}.-mr\:a{margin-right:auto}.-mb{margin-bottom:var(--mb)}.-mb\:a{margin-bottom:auto}.-ml{margin-left:var(--ml)}.-ml\:a{margin-left:auto}.-mis,[class*="-mis:"]{margin-inline-start:var(--mis)}.-mis\:a{--mis:auto}.-mis\:0{--mis:0}.-mis\:5{--mis:var(--s5)}.-mis\:10{--mis:var(--s10)}.-mis\:15{--mis:var(--s15)}.-mis\:20{--mis:var(--s20)}.-mis\:30{--mis:var(--s30)}.-mis\:40{--mis:var(--s40)}.-mis\:50{--mis:var(--s50)}.-mis\:60{--mis:var(--s60)}.-mis\:70{--mis:var(--s70)}.-mis\:80{--mis:var(--s80)}.-mbs,[class*="-mbs:"]{margin-block-start:var(--mbs)}.-mbs\:a{--mbs:auto}.-mbs\:0{--mbs:0}.-mbs\:5{--mbs:var(--s5)}.-mbs\:10{--mbs:var(--s10)}.-mbs\:15{--mbs:var(--s15)}.-mbs\:20{--mbs:var(--s20)}.-mbs\:30{--mbs:var(--s30)}.-mbs\:40{--mbs:var(--s40)}.-mbs\:50{--mbs:var(--s50)}.-mbs\:60{--mbs:var(--s60)}.-mbs\:70{--mbs:var(--s70)}.-mbs\:80{--mbs:var(--s80)}.-g,[class*="-g:"]{gap:var(--g)}.-g\:0{--g:0}.-g\:5{--g:var(--s5)}.-g\:10{--g:var(--s10)}.-g\:15{--g:var(--s15)}.-g\:20{--g:var(--s20)}.-g\:30{--g:var(--s30)}.-g\:40{--g:var(--s40)}.-g\:50{--g:var(--s50)}.-g\:60{--g:var(--s60)}.-g\:70{--g:var(--s70)}.-g\:80{--g:var(--s80)}.-g\:inherit{gap:inherit}.-colg{-moz-column-gap:var(--colg);column-gap:var(--colg)}.-rowg{row-gap:var(--rowg)}.-pos\:r{position:relative}.-pos\:a{position:absolute}.-pos\:s{position:static}.-pos\:f{position:fixed}.-pos\:sti{position:sticky}.-inset\:0{inset:0}.-l\:0{left:0}.-l\:50\%{left:50%}.-l\:100\%{left:100%}.-t\:0{top:0}.-t\:50\%{top:50%}.-t\:100\%{top:100%}.-r\:0{right:0}.-r\:50\%{right:50%}.-r\:100\%{right:100%}.-b\:0{bottom:0}.-b\:50\%{bottom:50%}.-b\:100\%{bottom:100%}.-z\:99{z-index:99}.-z\:2{z-index:2}.-z\:1{z-index:1}.-z\:0{z-index:0}.-z\:-1{z-index:-1}.-ord\:1{order:1}.-ord\:0{order:0}.-ord\:-1{order:-1}.-fxw{flex-wrap:var(--fxw)}.-fxw\:w{flex-wrap:wrap}.-fxw\:nw{flex-wrap:nowrap}.-fxd{flex-direction:var(--fxd)}.-fxd\:c{flex-direction:column}.-fxd\:cr{flex-direction:column-reverse}.-fxd\:r{flex-direction:row}.-fxd\:rr{flex-direction:row-reverse}.-fx{flex:var(--fx)}.-fx\:1{flex:1}.-fxsh\:0{flex-shrink:0}.-fxg\:1{flex-grow:1}.-fxb{flex-basis:var(--fxb)}.-gd{grid:var(--gd)}.-gta{grid-template-areas:var(--gta)}.-gtc{grid-template-columns:var(--gtc)}.-gtc\:subgrid{grid-template-columns:subgrid}.-gtr{grid-template-rows:var(--gtr)}.-gtr\:subgrid{grid-template-rows:subgrid}.-gaf{grid-auto-flow:var(--gaf)}.-gaf\:r{grid-auto-flow:row}.-gaf\:c{grid-auto-flow:column}.-gac{grid-auto-columns:var(--gac)}.-gar{grid-auto-rows:var(--gar)}.-ga{grid-area:var(--ga)}.-ga\:1{grid-area:1/1}.-gr{grid-row:var(--gr)}.-gc{grid-column:var(--gc)}.-ai{align-items:var(--ai)}.-ai\:c{align-items:center}.-ai\:s{align-items:start}.-ai\:e{align-items:end}.-ai\:fs{align-items:flex-start}.-ai\:fe{align-items:flex-end}.-ai\:str{align-items:stretch}.-ac{align-content:var(--ac)}.-ac\:c{align-content:center}.-ac\:s{align-content:start}.-ac\:e{align-content:end}.-ac\:fs{align-content:flex-start}.-ac\:fe{align-content:flex-end}.-ac\:sb{align-content:space-between}.-ji{justify-items:var(--ji)}.-ji\:c{justify-items:center}.-ji\:s{justify-items:start}.-ji\:e{justify-items:end}.-ji\:fs{justify-items:flex-start}.-ji\:fe{justify-items:flex-end}.-ji\:str{justify-items:stretch}.-jc{justify-content:var(--jc)}.-jc\:c{justify-content:center}.-jc\:s{justify-content:start}.-jc\:e{justify-content:end}.-jc\:fs{justify-content:flex-start}.-jc\:fe{justify-content:flex-end}.-jc\:sb{justify-content:space-between}.-aslf\:c{align-self:center}.-aslf\:s{align-self:start}.-aslf\:e{align-self:end}.-aslf\:str{align-self:stretch}.-jslf\:c{justify-self:center}.-jslf\:s{justify-self:start}.-jslf\:e{justify-self:end}.-jslf\:str{justify-self:stretch}.-trslt\:-50X{translate:-50% 0}.-trslt\:-50Y{translate:0 -50%}.-trslt\:-50XY{translate:-50% -50%}.-scale\:-X{scale:-1 1}.-scale\:-Y{scale:1 -1}.-scale\:-XY{scale:-1 -1}.-rotate\:45{rotate:45deg}.-rotate\:-45{rotate:-45deg}.-rotate\:90{rotate:90deg}.-rotate\:-90{rotate:-90deg}.-whs\:nw{white-space:nowrap}.-ovw\:any{overflow-wrap:anywhere}.-obf\:cn{-o-object-fit:contain;object-fit:contain}.-obf\:cv{-o-object-fit:cover;object-fit:cover}.-wm\:v-rl{writing-mode:vertical-rl}.-bxz\:cb{box-sizing:content-box}@container (min-width: 480px){.-w_sm{width:var(--w_sm)}.-h_sm{height:var(--h_sm)}.-maxW_sm{max-width:var(--maxW_sm)}.-minW_sm{min-width:var(--minW_sm)}.-maxH_sm{max-height:var(--maxH_sm)}.-minH_sm{min-height:var(--minH_sm)}.-bg_sm{background:var(--bg_sm)}.-bdw_sm{--bdw:var(--bdw_sm)!important}.-fz_sm{--fz:var(--fz_sm)!important;font-size:var(--fz_sm)}.-d_sm{display:var(--d_sm)}.-ar_sm{aspect-ratio:var(--ar_sm)}.-bdrs_sm{--bdrs:var(--bdrs_sm)!important;border-radius:var(--bdrs_sm)}.-p_sm{--p:var(--p_sm)!important;padding:var(--p_sm)}.-px_sm{padding-inline:var(--px_sm)}.-py_sm{padding-block:var(--py_sm)}.-pt_sm{padding-top:var(--pt_sm)}.-pr_sm{padding-right:var(--pr_sm)}.-pb_sm{padding-bottom:var(--pb_sm)}.-pl_sm{padding-left:var(--pl_sm)}.-pis_sm{padding-inline-start:var(--pis_sm)}.-pbs_sm{padding-block-start:var(--pbs_sm)}.-m_sm{--m:var(--m_sm)!important;margin:var(--m_sm)}.-mx_sm{margin-inline:var(--mx_sm)}.-my_sm{margin-block:var(--my_sm)}.-mt_sm{margin-top:var(--mt_sm)}.-mr_sm{margin-right:var(--mr_sm)}.-mb_sm{margin-bottom:var(--mb_sm)}.-ml_sm{margin-left:var(--ml_sm)}.-mis_sm{margin-inline-start:var(--mis_sm)}.-mbs_sm{margin-block-start:var(--mbs_sm)}.-g_sm{--g:var(--g_sm)!important;gap:var(--g_sm)}.-colg_sm{-moz-column-gap:var(--colg_sm);column-gap:var(--colg_sm)}.-rowg_sm{row-gap:var(--rowg_sm)}.-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)}.-gd_sm{grid:var(--gd_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)}.-gac_sm{grid-auto-columns:var(--gac_sm)}.-gar_sm{grid-auto-rows:var(--gar_sm)}.-ga_sm{grid-area:var(--ga_sm)}.-gr_sm{grid-row:var(--gr_sm)}.-gc_sm{grid-column:var(--gc_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)}.-cols_sm{--cols:var(--cols_sm)!important}.-rows_sm{--rows:var(--rows_sm)!important}}@container (min-width: 720px){.-w_md{width:var(--w_md)}.-h_md{height:var(--h_md)}.-maxW_md{max-width:var(--maxW_md)}.-minW_md{min-width:var(--minW_md)}.-maxH_md{max-height:var(--maxH_md)}.-minH_md{min-height:var(--minH_md)}.-bg_md{background:var(--bg_md)}.-bdw_md{--bdw:var(--bdw_md)!important}.-fz_md{--fz:var(--fz_md)!important;font-size:var(--fz_md)}.-d_md{display:var(--d_md)}.-ar_md{aspect-ratio:var(--ar_md)}.-bdrs_md{--bdrs:var(--bdrs_md)!important;border-radius:var(--bdrs_md)}.-p_md{--p:var(--p_md)!important;padding:var(--p_md)}.-px_md{padding-inline:var(--px_md)}.-py_md{padding-block:var(--py_md)}.-pt_md{padding-top:var(--pt_md)}.-pr_md{padding-right:var(--pr_md)}.-pb_md{padding-bottom:var(--pb_md)}.-pl_md{padding-left:var(--pl_md)}.-pis_md{padding-inline-start:var(--pis_md)}.-pbs_md{padding-block-start:var(--pbs_md)}.-m_md{--m:var(--m_md)!important;margin:var(--m_md)}.-mx_md{margin-inline:var(--mx_md)}.-my_md{margin-block:var(--my_md)}.-mt_md{margin-top:var(--mt_md)}.-mr_md{margin-right:var(--mr_md)}.-mb_md{margin-bottom:var(--mb_md)}.-ml_md{margin-left:var(--ml_md)}.-mis_md{margin-inline-start:var(--mis_md)}.-mbs_md{margin-block-start:var(--mbs_md)}.-g_md{--g:var(--g_md)!important;gap:var(--g_md)}.-colg_md{-moz-column-gap:var(--colg_md);column-gap:var(--colg_md)}.-rowg_md{row-gap:var(--rowg_md)}.-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)}.-gd_md{grid:var(--gd_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)}.-gac_md{grid-auto-columns:var(--gac_md)}.-gar_md{grid-auto-rows:var(--gar_md)}.-ga_md{grid-area:var(--ga_md)}.-gr_md{grid-row:var(--gr_md)}.-gc_md{grid-column:var(--gc_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)}.-cols_md{--cols:var(--cols_md)!important}.-rows_md{--rows:var(--rows_md)!important}}@media (any-hover:hover){.-hov\:fade:hover{opacity:.65}.-hov\:c:hover{color:var(--hov-c)}.-hov\:bdc:hover{border-color:var(--hov-bdc)}.-hov\:bgc:hover{background-color:var(--hov-bgc)}.-hov\:bxsh:hover{box-shadow:var(--hov-bxsh)}.-hov\:set:hover{--_notHov: }.-hov\:set:not(:hover){--_isHov: }}@media (any-hover:none){.-hov\:set{--_isHov: }}.-hov\:get\:hide{opacity:var(--_isHov,0)}.-hov\:get\:show{opacity:var(--_notHov,0);visibility:var(--_notHov,hidden)}

package/dist/css/all_no_layer.css

@@ -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){block-size:auto;max-inline-size:100%;vertical-align:middle}:where(iframe,audio,picture,video){display:block;max-inline-size:100%}:where(iframe){border:none}:where(input,button,textarea,select){color:inherit;font:inherit;text-transform:none}textarea{resize:vertical}button,label,select,summary{cursor:pointer}:disabled{cursor:not-allowed}[aria-busy=true]{cursor:progress}@property --overwideSize{syntax:"<length-percentage>";initial-value:100%;inherits:true}@property --herfLeading{syntax:"*";inherits:false;initial-value:calc(.5lh - .5em)}@property --trimHL{syntax:"*";inherits:false;initial-value:calc(-.5lh - -.5em)}:root{--size--xl:1600px;--size--l:1280px;--size--m:960px;--size--s:640px;--size--xs:16rem;--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;--flowM--s:var(--s20);--flowM--m:var(--s40);--flowM--h:1em;--gutter:var(--s40);--ff--base:-apple-system,"BlinkMacSystemFont","Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif,"Segoe UI Emoji";--ff--accent:"Garamond","Baskerville","Times New Roman",serif;--ff--mono:Menlo,Consolas,monaco,monospace;--fz-mol:8;--fz--4xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 5));--fz--3xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 4));--fz--2xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 3));--fz--xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 2));--fz--l:calc(1em*var(--fz-mol)/(var(--fz-mol) - 1));--fz--m:1em;--fz--s:calc(1em*var(--fz-mol)/(var(--fz-mol) + 1));--fz--xs:calc(1em*var(--fz-mol)/(var(--fz-mol) + 2));--fz--2xs:calc(1em*var(--fz-mol)/(var(--fz-mol) + 3));--fw--light:300;--fw--normal:400;--fw--medium:500;--fw--bold:700;--lh--base:1.75;--lh--xs:calc(var(--lh--base) - 0.25);--lh--s:calc(var(--lh--base) - 0.125);--lh--l:calc(var(--lh--base) + 0.125);--lh--xl:calc(var(--lh--base) + 0.25);--lts--base:normal;--lts--s:-0.05em;--lts--l:0.05em;--lts--xl:0.125em;--black:#000;--white:#fff;--gray:#566676;--red:#db3024;--orange:#dc6d18;--yellow:#dcb518;--green:#1abc3a;--blue:#2192de;--purple:#6124db;--pink:#db249e;--c--main:#1e4e6b;--c--accent:#bc3453;--c--base:#fcfcfd;--c--base-2:#eeeff1;--c--text:#141415;--c--text-2:#62646a;--c--divider:#cfd0d3;--c--link:#0c61e4;--op--low:0.25;--op--mid:0.5;--op--high:0.75;--trsdu--default:0.4s;--trsdu--modal:0.5s;--trsdu--acc:0.4s;--bdrs--1:2px;--bdrs--2:4px;--bdrs--3:0.5rem;--bdrs--4:1rem;--bdrs--5:2rem;--bdrs--99:99rem;--sh-hsl:220 4% 8%;--sh-a:5%;--sh-sz--0:1px 2px 3px 0;--sh-sz--1:2px 4px 6px 0;--sh-sz--2:3px 6px 9px 0;--sh-sz--3:5px 10px 15px 0;--sh-sz--4:8px 16px 24px 0;--sh-sz--5:13px 26px 39px 0}html{font-size:var(--root-fz);-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}body{background-color:var(--c--base);color:var(--c--text);font-family:var(--ff--base);font-size:1rem;letter-spacing:var(--lts--base);line-height:var(--lh--base);overflow-x:clip}:where(h1,h2,h3,h4,h5,h6){font-family:var(--heading-ff,inherit);font-size:var(--fz,revert);font-weight:var(--heading-fw,bolder);line-height:var(--lh,inherit)}h1{--fz:var(--fz--3xl);--lh:var(--lh--xs)}h2{--fz:var(--fz--2xl);--lh:var(--lh--xs)}h3{--fz:var(--fz--xl);--lh:var(--lh--s)}h4{--fz:var(--fz--l);--lh:var(--lh--s)}h5{--fz:var(--fz--m)}h6{--fz:var(--fz--s)}:where(ul,ol){list-style:none;padding:0;padding-inline-start:var(--list-pis,0)}:where(ul,ol):not([class]){--list-pis:1.5em;list-style:revert}:where(a){color:var(--c--link);-webkit-text-decoration:var(--link-td,underline);text-decoration:var(--link-td,underline)}:where(td,th){min-inline-size:var(--cell-minIs,unset);padding:var(--cell-p,.5em)}:where(th){background-color:var(--th-bgc,transparent);color:var(--th-c,inherit)}:where(td){background-color:var(--td-bgc,transparent);color:var(--td-c,inherit)}:where(hr){block-size:0;border:none;border-block-start:1px solid}:where(blockquote){border-inline-start:3px solid currentColor;padding:var(--s30)}:where(pre){overflow-x:auto}body:where(:has(:modal[open])){overflow:hidden}dialog:where(:not([open])){pointer-events:none}:root{--root-fz:clamp(0.875rem,0.625rem + 1vw,1rem);--hov-trsdu:0.3s;--overwideSize:100vw}.re--sh,:root{--sh-color:hsl(var(--sh-hsl)/var(--sh-a));--bxsh--1:var(--sh-sz--0) var(--sh-color),var(--sh-sz--1) var(--sh-color);--bxsh--2:var(--sh-sz--1) var(--sh-color),var(--sh-sz--2) var(--sh-color);--bxsh--3:var(--sh-sz--2) var(--sh-color),var(--sh-sz--3) var(--sh-color);--bxsh--4:var(--sh-sz--3) var(--sh-color),var(--sh-sz--4) var(--sh-color);--bxsh--5:var(--sh-sz--4) var(--sh-color),var(--sh-sz--5) var(--sh-color);--bxsh--i1:inset var(--sh-sz--0) var(--sh-color),inset var(--sh-sz--1) var(--sh-color);--bxsh--i2:inset var(--sh-sz--1) var(--sh-color),inset var(--sh-sz--2) var(--sh-color)}:where(.re--style){background:none;border:none;color:inherit;font:inherit;height:auto;margin:0;max-height:unset;max-width:unset;padding:0;width:auto}.re--list{--list-pis:1.5em;list-style:revert}.has--gutter{padding-inline:var(--gutter)}.is--flow{display:flow-root}.is--flow>*{--mbs:var(--flowM,var(--flowM--m));margin-block:var(--mbs) 0}.-flow\:s>*{--mbs:var(--flowM--s)}.-flow\:m>*{--mbs:var(--flowM--m)}.is--flow>:where(h1,h2,h3,h4){margin-block-start:calc(var(--mbs) + var(--flowM--h))}.is--flow>:where(.is--fullwide+.is--fullwide){--mbs:0}.is--flow>:first-child{margin-block-start:0}.is--container{container-type:inline-size;inline-size:100%;margin-inline:auto;--overwideSize:100cqw}.is--container>*{--maxIs:var(--contentSize,100%);margin-inline:auto;max-inline-size:min(100%,var(--maxIs,100%))}.-container\:s{--contentSize:var(--size--s);--wideSize:var(--size--m)}.-container\:m{--contentSize:var(--size--m);--wideSize:var(--size--l)}.-container\:l{--contentSize:var(--size--l);--wideSize:var(--size--xl)}.is--fullwide{max-inline-size:100%}:where(.has--gutter)>.is--fullwide{margin-inline:calc(var(--gutter)*-1);max-inline-size:calc(100% + var(--gutter)*2)}.is--wide{max-inline-size:var(--wideSize,100%)}.is--overwide{margin-inline:calc(50% - var(--overwideSize)/2);max-inline-size:var(--overwideSize,100vw)}.is--linkBox{color:inherit;cursor:pointer;display:block;isolation:isolate;pointer-events:auto;position:relative;text-decoration:none}is--linkBox>:where(a){pointer-events:auto;position:relative;z-index:1}.is--layer{inset:0;position:absolute}.is--layer,.l--frame{overflow:hidden}.l--frame>:where(img,video,picture,iframe){display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.l--flex{display:flex}.l--flex--cluster{align-items:center;flex-wrap:wrap}.l--grid{display:grid}.l--grid--repeat{--rows:1;--cols:1;grid-template:repeat(var(--rows),1fr)/repeat(var(--cols),1fr)}.l--stack{display:flex;flex-direction:column}.l--center{display:grid;place-content:center;place-items:center}.l--columns{--cols:2;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr))}.l--columns--liquid{--col-auto:auto-fill;--col-size:var(--size--xs);display:grid;grid-template-columns:repeat(var(--col-auto),minmax(min(var(--col-size),100%),1fr))}.l--withSide{--side-w:auto;--main-w:max(var(--size--xs),50%);display:flex;flex-wrap:wrap}.l--withSide>[data-is-side]{flex-basis:var(--side-w);flex-grow:1}.l--withSide>:not([data-is-side]){flex-basis:min(100%,var(--main-w));flex-grow:9999999}.l--icon{--scale:1;--offset:0;display:inline-flex;flex-shrink:0;scale:var(--scale);translate:var(--offset);vertical-align:middle}.l--icon:where(:not([fill])){fill:currentcolor}.l--icon:where(:not([width])){height:1em;width:1em}.l--divider{--bdc:var(--c--divider)}.d--accordion{--trsdu:var(--trsdu--acc)}.d--accordion._opened{--_notOpened: }.d--accordion:not(._opened){--_isOpened: }.d--accordion__header{gap:.5em;outline-offset:-1px}.d--accordion__header::-webkit-details-marker{display:none}.d--accordion__body{grid-template-rows:1fr;transition-duration:var(--trsdu);transition-property:margin-block,padding-block,opacity,grid-template-rows}:where(.d--accordion:not(._opened))>.d--accordion__body{grid-template-rows:0fr;margin-block:0!important;padding-block:0!important}:where(.d--accordion__icon)>.l--icon{rotate:var(--_isOpened,-180deg);transition-duration:var(--trsdu)}.d--modal{--mbs:0;--offset:0 0;--backdrop:rgba(0,0,0,.6);transition-duration:var(--trsdu--modal)}.d--modal::backdrop{background:var(--backdrop);transition:opacity var(--trsdu--modal)}.d--modal__body{overscroll-behavior:contain}.d--modal:not([data-is-open]){translate:var(--offset)}.d--modal:not([data-is-open]),.d--modal:not([data-is-open])::backdrop{opacity:0}.d--tabs{display:grid;grid:"list" "panel"}.d--tabs__list{grid-area:list;overflow-x:auto}.d--tabs__tab[aria-selected=true]{--_notActive: }.d--tabs__tab[aria-selected=false]{--_isActive: }:where(.d--tabs__tab){color:var(--_notActive,var(--c--text-2))}.d--tabs__panel{grid-area:panel;overflow-x:auto;width:100%}.d--tabs__panel:where([aria-hidden=true]){display:none}figure,img,table,video{--trimHL:0px}.u--trimHL{margin-block:var(--trimHL)}.u--trimBox>:first-child{margin-block-start:var(--trimHL)}.u--trimBox>:last-child{margin-block-end:var(--trimHL)}.u--colbox{--c:var(--c--text);--bgc:var(--c--base-2);background-color:var(--bgc);color:var(--c)}@supports (color:color-mix(in srgb,#000,#fff)){.u--colbox{--c:color-mix(in srgb,var(--c--text),var(--keycol) var(--colbox-pct--c,20%));--c--link:var(--c);--bgc:color-mix(in srgb,var(--c--base),var(--keycol) var(--colbox-pct--bg,5%));--bdc:var(--keycol)}}.u--hidden{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.u--overlayLink{color:inherit;position:static;text-decoration:none}.u--overlayLink:before{content:"";inset:0;position:absolute;z-index:0}.u--skipFlow+*{--mbs:0}.u--clipText{-webkit-background-clip:text!important;background-clip:text!important;color:transparent}.u--outerR{--inner-bdrs:calc(var(--bdrs, 0px) - var(--p, 0px))}.u--innerR{border-radius:var(--inner-bdrs)}.-c\:mix{--c1:currentColor;--c2:transparent;--c:color-mix(in srgb,var(--c1) var(--c-pct,50%),var(--c2))}.-bgc\:mix{--bgc1:currentColor;--bgc2:transparent;--bgc:color-mix(in srgb,var(--bgc1) var(--bgc-pct,50%),var(--bgc2))}.-bdc\:mix{--bdc1:currentColor;--bdc2:transparent;--bdc:color-mix(in srgb,var(--bdc1) var(--bdc-pct,50%),var(--bdc2))}:where(.-bd,[class*="-bd:"]){--bds:solid;--bdw:1px;--bdc:currentColor;--bd:var(--bdw) var(--bds) var(--bdc)}.-bd{border-color:var(--bdc);border-style:var(--bds);border-width:var(--bdw)}.-bd\:n{border:none}.-bd\:inherit{border:inherit}.-bd\:l{border-left:var(--bd)}.-bd\:r{border-right:var(--bd)}.-bd\:t{border-top:var(--bd)}.-bd\:b{border-bottom:var(--bd)}.-bd\:x{border-inline:var(--bd)}.-bd\:y{border-block:var(--bd)}.-bd\:is{border-inline-start:var(--bd)}.-bd\:ie{border-inline-end:var(--bd)}.-bd\:bs{border-block-start:var(--bd)}.-bd\:be{border-block-end:var(--bd)}:where(.-trs){--trsdu:var(--trsdu--default);--trsp:all;--trstf:ease}.-trs{transition:var(--trsdu) var(--trstf);transition-property:var(--trsp)}.-w{width:var(--w)}.-w\:fit{width:-moz-fit-content;width:fit-content}.-w\:100\%{width:100%}.-h{height:var(--h)}.-h\:fit{height:-moz-fit-content;height:fit-content}.-h\:100\%{height:100%}.-h\:100lvh{height:100lvh}.-h\:100svh{height:100svh}.-maxW{max-width:var(--maxW)}.-maxW\:100\%{max-width:100%}.-minW{min-width:var(--minW)}.-minW\:100\%{min-width:100%}.-maxH{max-height:var(--maxH)}.-maxH\:100\%{max-height:100%}.-minH{min-height:var(--minH)}.-minH\:100\%{min-height:100%}.-minH\:100lvh{min-height:100lvh}.-minH\:100svh{min-height:100svh}.-c,[class*="-c:"]{color:var(--c)}.-c\:main{--c:var(--c--main)}.-c\:accent{--c:var(--c--accent)}.-c\:base{--c:var(--c--base)}.-c\:text{--c:var(--c--text)}.-c\:text-2{--c:var(--c--text-2)}.-c\:inherit{color:inherit}.-bgc,[class*="-bgc:"]{background-color:var(--bgc)}.-bgc\:main{--bgc:var(--c--main)}.-bgc\:accent{--bgc:var(--c--accent)}.-bgc\:base{--bgc:var(--c--base)}.-bgc\:base-2{--bgc:var(--c--base-2)}.-bgc\:text{--bgc:var(--c--text)}.-bgc\:inherit{background-color:inherit}.-bg{background:var(--bg)}.-bg\:n{background:none}.-bgr\:n{background-repeat:no-repeat}.-bgp\:c{background-position:50%}.-bgsz\:cv{background-size:cover}.-bgsz\:ct{background-size:contain}.-bdc\:main{--bdc:var(--c--main)}.-bdc\:accent{--bdc:var(--c--accent)}.-bdc\:divider{--bdc:var(--c--divider)}.-bdc\:inherit{--bdc:inherit}.-bdc\:t{--bdc:transparent}.-f\:inherit{font:inherit}.-fz,[class*="-fz:"]{font-size:var(--fz)}.-fz\:root{--fz:1rem}.-fz\:2xs{--fz:var(--fz--2xs)}.-fz\:xs{--fz:var(--fz--xs)}.-fz\:s{--fz:var(--fz--s)}.-fz\:m{--fz:var(--fz--m)}.-fz\:l{--fz:var(--fz--l)}.-fz\:xl{--fz:var(--fz--xl)}.-fz\:2xl{--fz:var(--fz--2xl)}.-fz\:3xl{--fz:var(--fz--3xl)}.-fz\:4xl{--fz:var(--fz--4xl)}.-ff\:base{font-family:var(--ff--base)}.-ff\:accent{font-family:var(--ff--accent)}.-ff\:mono{font-family:var(--ff--mono)}.-fw\:light{font-weight:var(--fw--light)}.-fw\:normal{font-weight:var(--fw--normal)}.-fw\:medium{font-weight:var(--fw--medium)}.-fw\:bold{font-weight:var(--fw--bold)}.-fs\:i{font-style:italic}.-lh\:base{line-height:var(--lh--base)}.-lh\:xs{line-height:var(--lh--xs)}.-lh\:s{line-height:var(--lh--s)}.-lh\:l{line-height:var(--lh--l)}.-lh\:xl{line-height:var(--lh--xl)}.-lh\:1{line-height:1}.-lts\:base{letter-spacing:var(--lts--base)}.-lts\:s{letter-spacing:var(--lts--s)}.-lts\:l{letter-spacing:var(--lts--l)}.-lts\:xl{letter-spacing:var(--lts--xl)}.-ta\:l{text-align:left}.-ta\:r{text-align:right}.-ta\:c{text-align:center}.-td\:n{text-decoration:none}.-td\:u{text-decoration:underline}.-d{display:var(--d)}.-d\:n{display:none}.-d\:b{display:block}.-d\:f{display:flex}.-d\:g{display:grid}.-d\:i{display:inline}.-d\:ib{display:inline-block}.-d\:if{display:inline-flex}.-d\:ig{display:inline-grid}.-v\:h{visibility:hidden}.-v\:v{visibility:visible}.-ov\:h{overflow:hidden}.-ov\:a{overflow:auto}.-ov\:c{overflow:clip}.-ov\:s{overflow:scroll}.-ovx\:h{overflow-x:hidden}.-ovx\:a{overflow-x:auto}.-ovx\:c{overflow-x:clip}.-ovx\:s{overflow-x:scroll}.-ovy\:h{overflow-y:hidden}.-ovy\:a{overflow-y:auto}.-ovy\:c{overflow-y:clip}.-ovy\:s{overflow-y:scroll}.-ar{aspect-ratio:var(--ar)}.-ar\:16\/9{aspect-ratio:16/9}.-ar\:3\/2{aspect-ratio:3/2}.-ar\:1\/1{aspect-ratio:1/1}.-ar\:ogp{aspect-ratio:1.91/1}.-ar\:gold{aspect-ratio:16.18/10}.-op\:0{opacity:0}.-op\:low{opacity:var(--op--low)}.-op\:mid{opacity:var(--op--mid)}.-op\:high{opacity:var(--op--high)}.-bdrs,[class*="-bdrs:"]{border-radius:var(--bdrs)}.-bdrs\:0{--bdrs:0}.-bdrs\:1{--bdrs:var(--bdrs--1)}.-bdrs\:2{--bdrs:var(--bdrs--2)}.-bdrs\:3{--bdrs:var(--bdrs--3)}.-bdrs\:4{--bdrs:var(--bdrs--4)}.-bdrs\:5{--bdrs:var(--bdrs--5)}.-bdrs\:99{--bdrs:var(--bdrs--99)}.-bxsh\:0{box-shadow:0}.-bxsh\:1{box-shadow:var(--bxsh--1)}.-bxsh\:2{box-shadow:var(--bxsh--2)}.-bxsh\:3{box-shadow:var(--bxsh--3)}.-bxsh\:4{box-shadow:var(--bxsh--4)}.-bxsh\:5{box-shadow:var(--bxsh--5)}.-bxsh\:-1{box-shadow:var(--bxsh--i1)}.-bxsh\:-2{box-shadow:var(--bxsh--i2)}.-p,[class*="-p:"]{padding:var(--p)}.-p\:0{--p:0}.-p\:5{--p:var(--s5)}.-p\:10{--p:var(--s10)}.-p\:15{--p:var(--s15)}.-p\:20{--p:var(--s20)}.-p\:30{--p:var(--s30)}.-p\:40{--p:var(--s40)}.-p\:50{--p:var(--s50)}.-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\:15{--px:var(--s15)}.-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\:15{--py:var(--s15)}.-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)}.-pt{padding-top:var(--pt)}.-pr{padding-right:var(--pr)}.-pb{padding-bottom:var(--pb)}.-pl{padding-left:var(--pl)}.-pis,[class*="-pis:"]{padding-inline-start:var(--pis)}.-pis\:0{--pis:0}.-pis\:5{--pis:var(--s5)}.-pis\:10{--pis:var(--s10)}.-pis\:15{--pis:var(--s15)}.-pis\:20{--pis:var(--s20)}.-pis\:30{--pis:var(--s30)}.-pis\:40{--pis:var(--s40)}.-pis\:50{--pis:var(--s50)}.-pis\:60{--pis:var(--s60)}.-pis\:70{--pis:var(--s70)}.-pis\:80{--pis:var(--s80)}.-pbs,[class*="-pbs:"]{padding-block-start:var(--pbs)}.-pbs\:0{--pbs:0}.-pbs\:5{--pbs:var(--s5)}.-pbs\:10{--pbs:var(--s10)}.-pbs\:15{--pbs:var(--s15)}.-pbs\:20{--pbs:var(--s20)}.-pbs\:30{--pbs:var(--s30)}.-pbs\:40{--pbs:var(--s40)}.-pbs\:50{--pbs:var(--s50)}.-pbs\:60{--pbs:var(--s60)}.-pbs\:70{--pbs:var(--s70)}.-pbs\:80{--pbs:var(--s80)}.-m,[class*="-m:"]{margin:var(--m)}.-m\:a{--m:auto}.-m\:0{--m:0}.-m\:5{--m:var(--s5)}.-m\:10{--m:var(--s10)}.-m\:15{--m:var(--s15)}.-m\:20{--m:var(--s20)}.-m\:30{--m:var(--s30)}.-m\:40{--m:var(--s40)}.-m\:50{--m:var(--s50)}.-m\:60{--m:var(--s60)}.-m\:70{--m:var(--s70)}.-m\:80{--m:var(--s80)}.-mx{margin-inline:var(--mx)}.-mx\:a{margin-inline:auto}.-my{margin-block:var(--my)}.-my\:a{margin-block:auto}.-mt{margin-top:var(--mt)}.-mt\:a{margin-top:auto}.-mr{margin-right:var(--mr)}.-mr\:a{margin-right:auto}.-mb{margin-bottom:var(--mb)}.-mb\:a{margin-bottom:auto}.-ml{margin-left:var(--ml)}.-ml\:a{margin-left:auto}.-mis,[class*="-mis:"]{margin-inline-start:var(--mis)}.-mis\:a{--mis:auto}.-mis\:0{--mis:0}.-mis\:5{--mis:var(--s5)}.-mis\:10{--mis:var(--s10)}.-mis\:15{--mis:var(--s15)}.-mis\:20{--mis:var(--s20)}.-mis\:30{--mis:var(--s30)}.-mis\:40{--mis:var(--s40)}.-mis\:50{--mis:var(--s50)}.-mis\:60{--mis:var(--s60)}.-mis\:70{--mis:var(--s70)}.-mis\:80{--mis:var(--s80)}.-mbs,[class*="-mbs:"]{margin-block-start:var(--mbs)}.-mbs\:a{--mbs:auto}.-mbs\:0{--mbs:0}.-mbs\:5{--mbs:var(--s5)}.-mbs\:10{--mbs:var(--s10)}.-mbs\:15{--mbs:var(--s15)}.-mbs\:20{--mbs:var(--s20)}.-mbs\:30{--mbs:var(--s30)}.-mbs\:40{--mbs:var(--s40)}.-mbs\:50{--mbs:var(--s50)}.-mbs\:60{--mbs:var(--s60)}.-mbs\:70{--mbs:var(--s70)}.-mbs\:80{--mbs:var(--s80)}.-g,[class*="-g:"]{gap:var(--g)}.-g\:0{--g:0}.-g\:5{--g:var(--s5)}.-g\:10{--g:var(--s10)}.-g\:15{--g:var(--s15)}.-g\:20{--g:var(--s20)}.-g\:30{--g:var(--s30)}.-g\:40{--g:var(--s40)}.-g\:50{--g:var(--s50)}.-g\:60{--g:var(--s60)}.-g\:70{--g:var(--s70)}.-g\:80{--g:var(--s80)}.-g\:inherit{gap:inherit}.-colg{-moz-column-gap:var(--colg);column-gap:var(--colg)}.-rowg{row-gap:var(--rowg)}.-pos\:r{position:relative}.-pos\:a{position:absolute}.-pos\:s{position:static}.-pos\:f{position:fixed}.-pos\:sti{position:sticky}.-inset\:0{inset:0}.-l\:0{left:0}.-l\:50\%{left:50%}.-l\:100\%{left:100%}.-t\:0{top:0}.-t\:50\%{top:50%}.-t\:100\%{top:100%}.-r\:0{right:0}.-r\:50\%{right:50%}.-r\:100\%{right:100%}.-b\:0{bottom:0}.-b\:50\%{bottom:50%}.-b\:100\%{bottom:100%}.-z\:99{z-index:99}.-z\:2{z-index:2}.-z\:1{z-index:1}.-z\:0{z-index:0}.-z\:-1{z-index:-1}.-ord\:1{order:1}.-ord\:0{order:0}.-ord\:-1{order:-1}.-fxw{flex-wrap:var(--fxw)}.-fxw\:w{flex-wrap:wrap}.-fxw\:nw{flex-wrap:nowrap}.-fxd{flex-direction:var(--fxd)}.-fxd\:c{flex-direction:column}.-fxd\:cr{flex-direction:column-reverse}.-fxd\:r{flex-direction:row}.-fxd\:rr{flex-direction:row-reverse}.-fx{flex:var(--fx)}.-fx\:1{flex:1}.-fxsh\:0{flex-shrink:0}.-fxg\:1{flex-grow:1}.-fxb{flex-basis:var(--fxb)}.-gd{grid:var(--gd)}.-gta{grid-template-areas:var(--gta)}.-gtc{grid-template-columns:var(--gtc)}.-gtc\:subgrid{grid-template-columns:subgrid}.-gtr{grid-template-rows:var(--gtr)}.-gtr\:subgrid{grid-template-rows:subgrid}.-gaf{grid-auto-flow:var(--gaf)}.-gaf\:r{grid-auto-flow:row}.-gaf\:c{grid-auto-flow:column}.-gac{grid-auto-columns:var(--gac)}.-gar{grid-auto-rows:var(--gar)}.-ga{grid-area:var(--ga)}.-ga\:1{grid-area:1/1}.-gr{grid-row:var(--gr)}.-gc{grid-column:var(--gc)}.-ai{align-items:var(--ai)}.-ai\:c{align-items:center}.-ai\:s{align-items:start}.-ai\:e{align-items:end}.-ai\:fs{align-items:flex-start}.-ai\:fe{align-items:flex-end}.-ai\:str{align-items:stretch}.-ac{align-content:var(--ac)}.-ac\:c{align-content:center}.-ac\:s{align-content:start}.-ac\:e{align-content:end}.-ac\:fs{align-content:flex-start}.-ac\:fe{align-content:flex-end}.-ac\:sb{align-content:space-between}.-ji{justify-items:var(--ji)}.-ji\:c{justify-items:center}.-ji\:s{justify-items:start}.-ji\:e{justify-items:end}.-ji\:fs{justify-items:flex-start}.-ji\:fe{justify-items:flex-end}.-ji\:str{justify-items:stretch}.-jc{justify-content:var(--jc)}.-jc\:c{justify-content:center}.-jc\:s{justify-content:start}.-jc\:e{justify-content:end}.-jc\:fs{justify-content:flex-start}.-jc\:fe{justify-content:flex-end}.-jc\:sb{justify-content:space-between}.-aslf\:c{align-self:center}.-aslf\:s{align-self:start}.-aslf\:e{align-self:end}.-aslf\:str{align-self:stretch}.-jslf\:c{justify-self:center}.-jslf\:s{justify-self:start}.-jslf\:e{justify-self:end}.-jslf\:str{justify-self:stretch}.-trslt\:-50X{translate:-50% 0}.-trslt\:-50Y{translate:0 -50%}.-trslt\:-50XY{translate:-50% -50%}.-scale\:-X{scale:-1 1}.-scale\:-Y{scale:1 -1}.-scale\:-XY{scale:-1 -1}.-rotate\:45{rotate:45deg}.-rotate\:-45{rotate:-45deg}.-rotate\:90{rotate:90deg}.-rotate\:-90{rotate:-90deg}.-whs\:nw{white-space:nowrap}.-ovw\:any{overflow-wrap:anywhere}.-obf\:cn{-o-object-fit:contain;object-fit:contain}.-obf\:cv{-o-object-fit:cover;object-fit:cover}.-wm\:v-rl{writing-mode:vertical-rl}.-bxz\:cb{box-sizing:content-box}@container (min-width: 480px){.-w_sm{width:var(--w_sm)}.-h_sm{height:var(--h_sm)}.-maxW_sm{max-width:var(--maxW_sm)}.-minW_sm{min-width:var(--minW_sm)}.-maxH_sm{max-height:var(--maxH_sm)}.-minH_sm{min-height:var(--minH_sm)}.-bg_sm{background:var(--bg_sm)}.-bdw_sm{--bdw:var(--bdw_sm)!important}.-fz_sm{--fz:var(--fz_sm)!important;font-size:var(--fz_sm)}.-d_sm{display:var(--d_sm)}.-ar_sm{aspect-ratio:var(--ar_sm)}.-bdrs_sm{--bdrs:var(--bdrs_sm)!important;border-radius:var(--bdrs_sm)}.-p_sm{--p:var(--p_sm)!important;padding:var(--p_sm)}.-px_sm{padding-inline:var(--px_sm)}.-py_sm{padding-block:var(--py_sm)}.-pt_sm{padding-top:var(--pt_sm)}.-pr_sm{padding-right:var(--pr_sm)}.-pb_sm{padding-bottom:var(--pb_sm)}.-pl_sm{padding-left:var(--pl_sm)}.-pis_sm{padding-inline-start:var(--pis_sm)}.-pbs_sm{padding-block-start:var(--pbs_sm)}.-m_sm{--m:var(--m_sm)!important;margin:var(--m_sm)}.-mx_sm{margin-inline:var(--mx_sm)}.-my_sm{margin-block:var(--my_sm)}.-mt_sm{margin-top:var(--mt_sm)}.-mr_sm{margin-right:var(--mr_sm)}.-mb_sm{margin-bottom:var(--mb_sm)}.-ml_sm{margin-left:var(--ml_sm)}.-mis_sm{margin-inline-start:var(--mis_sm)}.-mbs_sm{margin-block-start:var(--mbs_sm)}.-g_sm{--g:var(--g_sm)!important;gap:var(--g_sm)}.-colg_sm{-moz-column-gap:var(--colg_sm);column-gap:var(--colg_sm)}.-rowg_sm{row-gap:var(--rowg_sm)}.-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)}.-gd_sm{grid:var(--gd_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)}.-gac_sm{grid-auto-columns:var(--gac_sm)}.-gar_sm{grid-auto-rows:var(--gar_sm)}.-ga_sm{grid-area:var(--ga_sm)}.-gr_sm{grid-row:var(--gr_sm)}.-gc_sm{grid-column:var(--gc_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)}.-cols_sm{--cols:var(--cols_sm)!important}.-rows_sm{--rows:var(--rows_sm)!important}}@container (min-width: 720px){.-w_md{width:var(--w_md)}.-h_md{height:var(--h_md)}.-maxW_md{max-width:var(--maxW_md)}.-minW_md{min-width:var(--minW_md)}.-maxH_md{max-height:var(--maxH_md)}.-minH_md{min-height:var(--minH_md)}.-bg_md{background:var(--bg_md)}.-bdw_md{--bdw:var(--bdw_md)!important}.-fz_md{--fz:var(--fz_md)!important;font-size:var(--fz_md)}.-d_md{display:var(--d_md)}.-ar_md{aspect-ratio:var(--ar_md)}.-bdrs_md{--bdrs:var(--bdrs_md)!important;border-radius:var(--bdrs_md)}.-p_md{--p:var(--p_md)!important;padding:var(--p_md)}.-px_md{padding-inline:var(--px_md)}.-py_md{padding-block:var(--py_md)}.-pt_md{padding-top:var(--pt_md)}.-pr_md{padding-right:var(--pr_md)}.-pb_md{padding-bottom:var(--pb_md)}.-pl_md{padding-left:var(--pl_md)}.-pis_md{padding-inline-start:var(--pis_md)}.-pbs_md{padding-block-start:var(--pbs_md)}.-m_md{--m:var(--m_md)!important;margin:var(--m_md)}.-mx_md{margin-inline:var(--mx_md)}.-my_md{margin-block:var(--my_md)}.-mt_md{margin-top:var(--mt_md)}.-mr_md{margin-right:var(--mr_md)}.-mb_md{margin-bottom:var(--mb_md)}.-ml_md{margin-left:var(--ml_md)}.-mis_md{margin-inline-start:var(--mis_md)}.-mbs_md{margin-block-start:var(--mbs_md)}.-g_md{--g:var(--g_md)!important;gap:var(--g_md)}.-colg_md{-moz-column-gap:var(--colg_md);column-gap:var(--colg_md)}.-rowg_md{row-gap:var(--rowg_md)}.-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)}.-gd_md{grid:var(--gd_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)}.-gac_md{grid-auto-columns:var(--gac_md)}.-gar_md{grid-auto-rows:var(--gar_md)}.-ga_md{grid-area:var(--ga_md)}.-gr_md{grid-row:var(--gr_md)}.-gc_md{grid-column:var(--gc_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)}.-cols_md{--cols:var(--cols_md)!important}.-rows_md{--rows:var(--rows_md)!important}}@media (any-hover:hover){.-hov\:fade:hover{opacity:.65}.-hov\:c:hover{color:var(--hov-c)}.-hov\:bdc:hover{border-color:var(--hov-bdc)}.-hov\:bgc:hover{background-color:var(--hov-bgc)}.-hov\:bxsh:hover{box-shadow:var(--hov-bxsh)}.-hov\:set:hover{--_notHov: }.-hov\:set:not(:hover){--_isHov: }}@media (any-hover:none){.-hov\:set{--_isHov: }}.-hov\:get\:hide{opacity:var(--_isHov,0)}.-hov\:get\:show{opacity:var(--_notHov,0);visibility:var(--_notHov,hidden)}

package/dist/css/base.css

@@ -0,0 +1 @@
+@property --overwideSize{syntax:"<length-percentage>";initial-value:100%;inherits:true}@property --herfLeading{syntax:"*";inherits:false;initial-value:calc(.5lh - .5em)}@property --trimHL{syntax:"*";inherits:false;initial-value:calc(-.5lh - -.5em)}:root{--size--xl:1600px;--size--l:1280px;--size--m:960px;--size--s:640px;--size--xs:16rem;--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;--flowM--s:var(--s20);--flowM--m:var(--s40);--flowM--h:1em;--gutter:var(--s40);--ff--base:-apple-system,"BlinkMacSystemFont","Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif,"Segoe UI Emoji";--ff--accent:"Garamond","Baskerville","Times New Roman",serif;--ff--mono:Menlo,Consolas,monaco,monospace;--fz-mol:8;--fz--4xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 5));--fz--3xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 4));--fz--2xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 3));--fz--xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 2));--fz--l:calc(1em*var(--fz-mol)/(var(--fz-mol) - 1));--fz--m:1em;--fz--s:calc(1em*var(--fz-mol)/(var(--fz-mol) + 1));--fz--xs:calc(1em*var(--fz-mol)/(var(--fz-mol) + 2));--fz--2xs:calc(1em*var(--fz-mol)/(var(--fz-mol) + 3));--fw--light:300;--fw--normal:400;--fw--medium:500;--fw--bold:700;--lh--base:1.75;--lh--xs:calc(var(--lh--base) - 0.25);--lh--s:calc(var(--lh--base) - 0.125);--lh--l:calc(var(--lh--base) + 0.125);--lh--xl:calc(var(--lh--base) + 0.25);--lts--base:normal;--lts--s:-0.05em;--lts--l:0.05em;--lts--xl:0.125em;--black:#000;--white:#fff;--gray:#566676;--red:#db3024;--orange:#dc6d18;--yellow:#dcb518;--green:#1abc3a;--blue:#2192de;--purple:#6124db;--pink:#db249e;--c--main:#1e4e6b;--c--accent:#bc3453;--c--base:#fcfcfd;--c--base-2:#eeeff1;--c--text:#141415;--c--text-2:#62646a;--c--divider:#cfd0d3;--c--link:#0c61e4;--op--low:0.25;--op--mid:0.5;--op--high:0.75;--trsdu--default:0.4s;--trsdu--modal:0.5s;--trsdu--acc:0.4s;--bdrs--1:2px;--bdrs--2:4px;--bdrs--3:0.5rem;--bdrs--4:1rem;--bdrs--5:2rem;--bdrs--99:99rem;--sh-hsl:220 4% 8%;--sh-a:5%;--sh-sz--0:1px 2px 3px 0;--sh-sz--1:2px 4px 6px 0;--sh-sz--2:3px 6px 9px 0;--sh-sz--3:5px 10px 15px 0;--sh-sz--4:8px 16px 24px 0;--sh-sz--5:13px 26px 39px 0}html{font-size:var(--root-fz);-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}body{background-color:var(--c--base);color:var(--c--text);font-family:var(--ff--base);font-size:1rem;letter-spacing:var(--lts--base);line-height:var(--lh--base);overflow-x:clip}h1,h2,h3,h4,h5,h6{font-family:var(--heading-ff,inherit);font-size:var(--fz,revert);font-weight:var(--heading-fw,bolder);line-height:var(--lh,inherit)}h1{--fz:var(--fz--3xl);--lh:var(--lh--xs)}h2{--fz:var(--fz--2xl);--lh:var(--lh--xs)}h3{--fz:var(--fz--xl);--lh:var(--lh--s)}h4{--fz:var(--fz--l);--lh:var(--lh--s)}h5{--fz:var(--fz--m)}h6{--fz:var(--fz--s)}ol,ul{list-style:none;padding:0;padding-inline-start:var(--list-pis,0)}:is(ul,ol):not([class]){--list-pis:1.5em;list-style:revert}a{color:var(--c--link);-webkit-text-decoration:var(--link-td,underline);text-decoration:var(--link-td,underline)}td,th{min-inline-size:var(--cell-minIs,unset);padding:var(--cell-p,.5em)}th{background-color:var(--th-bgc,transparent);color:var(--th-c,inherit)}td{background-color:var(--td-bgc,transparent);color:var(--td-c,inherit)}hr{block-size:0;border:none;border-block-start:1px solid}blockquote{border-inline-start:3px solid currentColor;padding:var(--s30)}pre{overflow-x:auto}body:has(:modal[open]){overflow:hidden}dialog:not([open]){pointer-events:none}:root{--root-fz:clamp(0.875rem,0.625rem + 1vw,1rem);--hov-trsdu:0.3s;--overwideSize:100vw}.re--sh,:root{--sh-color:hsl(var(--sh-hsl)/var(--sh-a));--bxsh--1:var(--sh-sz--0) var(--sh-color),var(--sh-sz--1) var(--sh-color);--bxsh--2:var(--sh-sz--1) var(--sh-color),var(--sh-sz--2) var(--sh-color);--bxsh--3:var(--sh-sz--2) var(--sh-color),var(--sh-sz--3) var(--sh-color);--bxsh--4:var(--sh-sz--3) var(--sh-color),var(--sh-sz--4) var(--sh-color);--bxsh--5:var(--sh-sz--4) var(--sh-color),var(--sh-sz--5) var(--sh-color);--bxsh--i1:inset var(--sh-sz--0) var(--sh-color),inset var(--sh-sz--1) var(--sh-color);--bxsh--i2:inset var(--sh-sz--1) var(--sh-color),inset var(--sh-sz--2) var(--sh-color)}.re--style{background:none;border:none;color:inherit;font:inherit;height:auto;margin:0;max-height:unset;max-width:unset;padding:0;width:auto}.re--list{--list-pis:1.5em;list-style:revert}

package/dist/css/dynamic.css

@@ -0,0 +1 @@
+.d--accordion{--trsdu:var(--trsdu--acc)}.d--accordion._opened{--_notOpened: }.d--accordion:not(._opened){--_isOpened: }.d--accordion__header{gap:.5em;outline-offset:-1px}.d--accordion__header::-webkit-details-marker{display:none}.d--accordion__body{grid-template-rows:1fr;transition-duration:var(--trsdu);transition-property:margin-block,padding-block,opacity,grid-template-rows}:where(.d--accordion:not(._opened))>.d--accordion__body{grid-template-rows:0fr;margin-block:0!important;padding-block:0!important}:where(.d--accordion__icon)>.l--icon{rotate:var(--_isOpened,-180deg);transition-duration:var(--trsdu)}.d--modal{--mbs:0;--offset:0 0;--backdrop:rgba(0,0,0,.6);transition-duration:var(--trsdu--modal)}.d--modal::backdrop{background:var(--backdrop);transition:opacity var(--trsdu--modal)}.d--modal__body{overscroll-behavior:contain}.d--modal:not([data-is-open]){translate:var(--offset)}.d--modal:not([data-is-open]),.d--modal:not([data-is-open])::backdrop{opacity:0}.d--tabs{display:grid;grid:"list" "panel"}.d--tabs__list{grid-area:list;overflow-x:auto}.d--tabs__tab[aria-selected=true]{--_notActive: }.d--tabs__tab[aria-selected=false]{--_isActive: }:where(.d--tabs__tab){color:var(--_notActive,var(--c--text-2))}.d--tabs__panel{grid-area:panel;overflow-x:auto;width:100%}.d--tabs__panel:where([aria-hidden=true]){display:none}

package/dist/css/layout.css

@@ -0,0 +1 @@
+.l--frame{overflow:hidden}.l--frame>:where(img,video,picture,iframe){display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.l--flex{display:flex}.l--flex--cluster{align-items:center;flex-wrap:wrap}.l--grid{display:grid}.l--grid--repeat{--rows:1;--cols:1;grid-template:repeat(var(--rows),1fr)/repeat(var(--cols),1fr)}.l--stack{display:flex;flex-direction:column}.l--center{display:grid;place-content:center;place-items:center}.l--columns{--cols:2;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr))}.l--columns--liquid{--col-auto:auto-fill;--col-size:var(--size--xs);display:grid;grid-template-columns:repeat(var(--col-auto),minmax(min(var(--col-size),100%),1fr))}.l--withSide{--side-w:auto;--main-w:max(var(--size--xs),50%);display:flex;flex-wrap:wrap}.l--withSide>[data-is-side]{flex-basis:var(--side-w);flex-grow:1}.l--withSide>:not([data-is-side]){flex-basis:min(100%,var(--main-w));flex-grow:9999999}.l--icon{--scale:1;--offset:0;display:inline-flex;flex-shrink:0;scale:var(--scale);translate:var(--offset);vertical-align:middle}.l--icon:where(:not([fill])){fill:currentcolor}.l--icon:where(:not([width])){height:1em;width:1em}.l--divider{--bdc:var(--c--divider)}

package/dist/css/props.css

@@ -0,0 +1 @@
+.-c\:mix{--c1:currentColor;--c2:transparent;--c:color-mix(in srgb,var(--c1) var(--c-pct,50%),var(--c2))}.-bgc\:mix{--bgc1:currentColor;--bgc2:transparent;--bgc:color-mix(in srgb,var(--bgc1) var(--bgc-pct,50%),var(--bgc2))}.-bdc\:mix{--bdc1:currentColor;--bdc2:transparent;--bdc:color-mix(in srgb,var(--bdc1) var(--bdc-pct,50%),var(--bdc2))}@layer lism.base{.-bd,[class*="-bd:"]{--bds:solid;--bdw:1px;--bdc:currentColor;--bd:var(--bdw) var(--bds) var(--bdc)}}.-bd{border-color:var(--bdc);border-style:var(--bds);border-width:var(--bdw)}.-bd\:n{border:none}.-bd\:inherit{border:inherit}.-bd\:l{border-left:var(--bd)}.-bd\:r{border-right:var(--bd)}.-bd\:t{border-top:var(--bd)}.-bd\:b{border-bottom:var(--bd)}.-bd\:x{border-inline:var(--bd)}.-bd\:y{border-block:var(--bd)}.-bd\:is{border-inline-start:var(--bd)}.-bd\:ie{border-inline-end:var(--bd)}.-bd\:bs{border-block-start:var(--bd)}.-bd\:be{border-block-end:var(--bd)}@layer lism.base{.-trs{--trsdu:var(--trsdu--default);--trsp:all;--trstf:ease}}.-trs{transition:var(--trsdu) var(--trstf);transition-property:var(--trsp)}.-w{width:var(--w)}.-w\:fit{width:-moz-fit-content;width:fit-content}.-w\:100\%{width:100%}.-h{height:var(--h)}.-h\:fit{height:-moz-fit-content;height:fit-content}.-h\:100\%{height:100%}.-h\:100lvh{height:100lvh}.-h\:100svh{height:100svh}.-maxW{max-width:var(--maxW)}.-maxW\:100\%{max-width:100%}.-minW{min-width:var(--minW)}.-minW\:100\%{min-width:100%}.-maxH{max-height:var(--maxH)}.-maxH\:100\%{max-height:100%}.-minH{min-height:var(--minH)}.-minH\:100\%{min-height:100%}.-minH\:100lvh{min-height:100lvh}.-minH\:100svh{min-height:100svh}.-c,[class*="-c:"]{color:var(--c)}.-c\:main{--c:var(--c--main)}.-c\:accent{--c:var(--c--accent)}.-c\:base{--c:var(--c--base)}.-c\:text{--c:var(--c--text)}.-c\:text-2{--c:var(--c--text-2)}.-c\:inherit{color:inherit}.-bgc,[class*="-bgc:"]{background-color:var(--bgc)}.-bgc\:main{--bgc:var(--c--main)}.-bgc\:accent{--bgc:var(--c--accent)}.-bgc\:base{--bgc:var(--c--base)}.-bgc\:base-2{--bgc:var(--c--base-2)}.-bgc\:text{--bgc:var(--c--text)}.-bgc\:inherit{background-color:inherit}.-bg{background:var(--bg)}.-bg\:n{background:none}.-bgr\:n{background-repeat:no-repeat}.-bgp\:c{background-position:50%}.-bgsz\:cv{background-size:cover}.-bgsz\:ct{background-size:contain}.-bdc\:main{--bdc:var(--c--main)}.-bdc\:accent{--bdc:var(--c--accent)}.-bdc\:divider{--bdc:var(--c--divider)}.-bdc\:inherit{--bdc:inherit}.-bdc\:t{--bdc:transparent}.-f\:inherit{font:inherit}.-fz,[class*="-fz:"]{font-size:var(--fz)}.-fz\:root{--fz:1rem}.-fz\:2xs{--fz:var(--fz--2xs)}.-fz\:xs{--fz:var(--fz--xs)}.-fz\:s{--fz:var(--fz--s)}.-fz\:m{--fz:var(--fz--m)}.-fz\:l{--fz:var(--fz--l)}.-fz\:xl{--fz:var(--fz--xl)}.-fz\:2xl{--fz:var(--fz--2xl)}.-fz\:3xl{--fz:var(--fz--3xl)}.-fz\:4xl{--fz:var(--fz--4xl)}.-ff\:base{font-family:var(--ff--base)}.-ff\:accent{font-family:var(--ff--accent)}.-ff\:mono{font-family:var(--ff--mono)}.-fw\:light{font-weight:var(--fw--light)}.-fw\:normal{font-weight:var(--fw--normal)}.-fw\:medium{font-weight:var(--fw--medium)}.-fw\:bold{font-weight:var(--fw--bold)}.-fs\:i{font-style:italic}.-lh\:base{line-height:var(--lh--base)}.-lh\:xs{line-height:var(--lh--xs)}.-lh\:s{line-height:var(--lh--s)}.-lh\:l{line-height:var(--lh--l)}.-lh\:xl{line-height:var(--lh--xl)}.-lh\:1{line-height:1}.-lts\:base{letter-spacing:var(--lts--base)}.-lts\:s{letter-spacing:var(--lts--s)}.-lts\:l{letter-spacing:var(--lts--l)}.-lts\:xl{letter-spacing:var(--lts--xl)}.-ta\:l{text-align:left}.-ta\:r{text-align:right}.-ta\:c{text-align:center}.-td\:n{text-decoration:none}.-td\:u{text-decoration:underline}.-d{display:var(--d)}.-d\:n{display:none}.-d\:b{display:block}.-d\:f{display:flex}.-d\:g{display:grid}.-d\:i{display:inline}.-d\:ib{display:inline-block}.-d\:if{display:inline-flex}.-d\:ig{display:inline-grid}.-v\:h{visibility:hidden}.-v\:v{visibility:visible}.-ov\:h{overflow:hidden}.-ov\:a{overflow:auto}.-ov\:c{overflow:clip}.-ov\:s{overflow:scroll}.-ovx\:h{overflow-x:hidden}.-ovx\:a{overflow-x:auto}.-ovx\:c{overflow-x:clip}.-ovx\:s{overflow-x:scroll}.-ovy\:h{overflow-y:hidden}.-ovy\:a{overflow-y:auto}.-ovy\:c{overflow-y:clip}.-ovy\:s{overflow-y:scroll}.-ar{aspect-ratio:var(--ar)}.-ar\:16\/9{aspect-ratio:16/9}.-ar\:3\/2{aspect-ratio:3/2}.-ar\:1\/1{aspect-ratio:1/1}.-ar\:ogp{aspect-ratio:1.91/1}.-ar\:gold{aspect-ratio:16.18/10}.-op\:0{opacity:0}.-op\:low{opacity:var(--op--low)}.-op\:mid{opacity:var(--op--mid)}.-op\:high{opacity:var(--op--high)}.-bdrs,[class*="-bdrs:"]{border-radius:var(--bdrs)}.-bdrs\:0{--bdrs:0}.-bdrs\:1{--bdrs:var(--bdrs--1)}.-bdrs\:2{--bdrs:var(--bdrs--2)}.-bdrs\:3{--bdrs:var(--bdrs--3)}.-bdrs\:4{--bdrs:var(--bdrs--4)}.-bdrs\:5{--bdrs:var(--bdrs--5)}.-bdrs\:99{--bdrs:var(--bdrs--99)}.-bxsh\:0{box-shadow:0}.-bxsh\:1{box-shadow:var(--bxsh--1)}.-bxsh\:2{box-shadow:var(--bxsh--2)}.-bxsh\:3{box-shadow:var(--bxsh--3)}.-bxsh\:4{box-shadow:var(--bxsh--4)}.-bxsh\:5{box-shadow:var(--bxsh--5)}.-bxsh\:-1{box-shadow:var(--bxsh--i1)}.-bxsh\:-2{box-shadow:var(--bxsh--i2)}.-p,[class*="-p:"]{padding:var(--p)}.-p\:0{--p:0}.-p\:5{--p:var(--s5)}.-p\:10{--p:var(--s10)}.-p\:15{--p:var(--s15)}.-p\:20{--p:var(--s20)}.-p\:30{--p:var(--s30)}.-p\:40{--p:var(--s40)}.-p\:50{--p:var(--s50)}.-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\:15{--px:var(--s15)}.-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\:15{--py:var(--s15)}.-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)}.-pt{padding-top:var(--pt)}.-pr{padding-right:var(--pr)}.-pb{padding-bottom:var(--pb)}.-pl{padding-left:var(--pl)}.-pis,[class*="-pis:"]{padding-inline-start:var(--pis)}.-pis\:0{--pis:0}.-pis\:5{--pis:var(--s5)}.-pis\:10{--pis:var(--s10)}.-pis\:15{--pis:var(--s15)}.-pis\:20{--pis:var(--s20)}.-pis\:30{--pis:var(--s30)}.-pis\:40{--pis:var(--s40)}.-pis\:50{--pis:var(--s50)}.-pis\:60{--pis:var(--s60)}.-pis\:70{--pis:var(--s70)}.-pis\:80{--pis:var(--s80)}.-pbs,[class*="-pbs:"]{padding-block-start:var(--pbs)}.-pbs\:0{--pbs:0}.-pbs\:5{--pbs:var(--s5)}.-pbs\:10{--pbs:var(--s10)}.-pbs\:15{--pbs:var(--s15)}.-pbs\:20{--pbs:var(--s20)}.-pbs\:30{--pbs:var(--s30)}.-pbs\:40{--pbs:var(--s40)}.-pbs\:50{--pbs:var(--s50)}.-pbs\:60{--pbs:var(--s60)}.-pbs\:70{--pbs:var(--s70)}.-pbs\:80{--pbs:var(--s80)}.-m,[class*="-m:"]{margin:var(--m)}.-m\:a{--m:auto}.-m\:0{--m:0}.-m\:5{--m:var(--s5)}.-m\:10{--m:var(--s10)}.-m\:15{--m:var(--s15)}.-m\:20{--m:var(--s20)}.-m\:30{--m:var(--s30)}.-m\:40{--m:var(--s40)}.-m\:50{--m:var(--s50)}.-m\:60{--m:var(--s60)}.-m\:70{--m:var(--s70)}.-m\:80{--m:var(--s80)}.-mx{margin-inline:var(--mx)}.-mx\:a{margin-inline:auto}.-my{margin-block:var(--my)}.-my\:a{margin-block:auto}.-mt{margin-top:var(--mt)}.-mt\:a{margin-top:auto}.-mr{margin-right:var(--mr)}.-mr\:a{margin-right:auto}.-mb{margin-bottom:var(--mb)}.-mb\:a{margin-bottom:auto}.-ml{margin-left:var(--ml)}.-ml\:a{margin-left:auto}.-mis,[class*="-mis:"]{margin-inline-start:var(--mis)}.-mis\:a{--mis:auto}.-mis\:0{--mis:0}.-mis\:5{--mis:var(--s5)}.-mis\:10{--mis:var(--s10)}.-mis\:15{--mis:var(--s15)}.-mis\:20{--mis:var(--s20)}.-mis\:30{--mis:var(--s30)}.-mis\:40{--mis:var(--s40)}.-mis\:50{--mis:var(--s50)}.-mis\:60{--mis:var(--s60)}.-mis\:70{--mis:var(--s70)}.-mis\:80{--mis:var(--s80)}.-mbs,[class*="-mbs:"]{margin-block-start:var(--mbs)}.-mbs\:a{--mbs:auto}.-mbs\:0{--mbs:0}.-mbs\:5{--mbs:var(--s5)}.-mbs\:10{--mbs:var(--s10)}.-mbs\:15{--mbs:var(--s15)}.-mbs\:20{--mbs:var(--s20)}.-mbs\:30{--mbs:var(--s30)}.-mbs\:40{--mbs:var(--s40)}.-mbs\:50{--mbs:var(--s50)}.-mbs\:60{--mbs:var(--s60)}.-mbs\:70{--mbs:var(--s70)}.-mbs\:80{--mbs:var(--s80)}.-g,[class*="-g:"]{gap:var(--g)}.-g\:0{--g:0}.-g\:5{--g:var(--s5)}.-g\:10{--g:var(--s10)}.-g\:15{--g:var(--s15)}.-g\:20{--g:var(--s20)}.-g\:30{--g:var(--s30)}.-g\:40{--g:var(--s40)}.-g\:50{--g:var(--s50)}.-g\:60{--g:var(--s60)}.-g\:70{--g:var(--s70)}.-g\:80{--g:var(--s80)}.-g\:inherit{gap:inherit}.-colg{-moz-column-gap:var(--colg);column-gap:var(--colg)}.-rowg{row-gap:var(--rowg)}.-pos\:r{position:relative}.-pos\:a{position:absolute}.-pos\:s{position:static}.-pos\:f{position:fixed}.-pos\:sti{position:sticky}.-inset\:0{inset:0}.-l\:0{left:0}.-l\:50\%{left:50%}.-l\:100\%{left:100%}.-t\:0{top:0}.-t\:50\%{top:50%}.-t\:100\%{top:100%}.-r\:0{right:0}.-r\:50\%{right:50%}.-r\:100\%{right:100%}.-b\:0{bottom:0}.-b\:50\%{bottom:50%}.-b\:100\%{bottom:100%}.-z\:99{z-index:99}.-z\:2{z-index:2}.-z\:1{z-index:1}.-z\:0{z-index:0}.-z\:-1{z-index:-1}.-ord\:1{order:1}.-ord\:0{order:0}.-ord\:-1{order:-1}.-fxw{flex-wrap:var(--fxw)}.-fxw\:w{flex-wrap:wrap}.-fxw\:nw{flex-wrap:nowrap}.-fxd{flex-direction:var(--fxd)}.-fxd\:c{flex-direction:column}.-fxd\:cr{flex-direction:column-reverse}.-fxd\:r{flex-direction:row}.-fxd\:rr{flex-direction:row-reverse}.-fx{flex:var(--fx)}.-fx\:1{flex:1}.-fxsh\:0{flex-shrink:0}.-fxg\:1{flex-grow:1}.-fxb{flex-basis:var(--fxb)}.-gd{grid:var(--gd)}.-gta{grid-template-areas:var(--gta)}.-gtc{grid-template-columns:var(--gtc)}.-gtc\:subgrid{grid-template-columns:subgrid}.-gtr{grid-template-rows:var(--gtr)}.-gtr\:subgrid{grid-template-rows:subgrid}.-gaf{grid-auto-flow:var(--gaf)}.-gaf\:r{grid-auto-flow:row}.-gaf\:c{grid-auto-flow:column}.-gac{grid-auto-columns:var(--gac)}.-gar{grid-auto-rows:var(--gar)}.-ga{grid-area:var(--ga)}.-ga\:1{grid-area:1/1}.-gr{grid-row:var(--gr)}.-gc{grid-column:var(--gc)}.-ai{align-items:var(--ai)}.-ai\:c{align-items:center}.-ai\:s{align-items:start}.-ai\:e{align-items:end}.-ai\:fs{align-items:flex-start}.-ai\:fe{align-items:flex-end}.-ai\:str{align-items:stretch}.-ac{align-content:var(--ac)}.-ac\:c{align-content:center}.-ac\:s{align-content:start}.-ac\:e{align-content:end}.-ac\:fs{align-content:flex-start}.-ac\:fe{align-content:flex-end}.-ac\:sb{align-content:space-between}.-ji{justify-items:var(--ji)}.-ji\:c{justify-items:center}.-ji\:s{justify-items:start}.-ji\:e{justify-items:end}.-ji\:fs{justify-items:flex-start}.-ji\:fe{justify-items:flex-end}.-ji\:str{justify-items:stretch}.-jc{justify-content:var(--jc)}.-jc\:c{justify-content:center}.-jc\:s{justify-content:start}.-jc\:e{justify-content:end}.-jc\:fs{justify-content:flex-start}.-jc\:fe{justify-content:flex-end}.-jc\:sb{justify-content:space-between}.-aslf\:c{align-self:center}.-aslf\:s{align-self:start}.-aslf\:e{align-self:end}.-aslf\:str{align-self:stretch}.-jslf\:c{justify-self:center}.-jslf\:s{justify-self:start}.-jslf\:e{justify-self:end}.-jslf\:str{justify-self:stretch}.-trslt\:-50X{translate:-50% 0}.-trslt\:-50Y{translate:0 -50%}.-trslt\:-50XY{translate:-50% -50%}.-scale\:-X{scale:-1 1}.-scale\:-Y{scale:1 -1}.-scale\:-XY{scale:-1 -1}.-rotate\:45{rotate:45deg}.-rotate\:-45{rotate:-45deg}.-rotate\:90{rotate:90deg}.-rotate\:-90{rotate:-90deg}.-whs\:nw{white-space:nowrap}.-ovw\:any{overflow-wrap:anywhere}.-obf\:cn{-o-object-fit:contain;object-fit:contain}.-obf\:cv{-o-object-fit:cover;object-fit:cover}.-wm\:v-rl{writing-mode:vertical-rl}.-bxz\:cb{box-sizing:content-box}@container (min-width: 480px){.-w_sm{width:var(--w_sm)}.-h_sm{height:var(--h_sm)}.-maxW_sm{max-width:var(--maxW_sm)}.-minW_sm{min-width:var(--minW_sm)}.-maxH_sm{max-height:var(--maxH_sm)}.-minH_sm{min-height:var(--minH_sm)}.-bg_sm{background:var(--bg_sm)}.-bdw_sm{--bdw:var(--bdw_sm)!important}.-fz_sm{--fz:var(--fz_sm)!important;font-size:var(--fz_sm)}.-d_sm{display:var(--d_sm)}.-ar_sm{aspect-ratio:var(--ar_sm)}.-bdrs_sm{--bdrs:var(--bdrs_sm)!important;border-radius:var(--bdrs_sm)}.-p_sm{--p:var(--p_sm)!important;padding:var(--p_sm)}.-px_sm{padding-inline:var(--px_sm)}.-py_sm{padding-block:var(--py_sm)}.-pt_sm{padding-top:var(--pt_sm)}.-pr_sm{padding-right:var(--pr_sm)}.-pb_sm{padding-bottom:var(--pb_sm)}.-pl_sm{padding-left:var(--pl_sm)}.-pis_sm{padding-inline-start:var(--pis_sm)}.-pbs_sm{padding-block-start:var(--pbs_sm)}.-m_sm{--m:var(--m_sm)!important;margin:var(--m_sm)}.-mx_sm{margin-inline:var(--mx_sm)}.-my_sm{margin-block:var(--my_sm)}.-mt_sm{margin-top:var(--mt_sm)}.-mr_sm{margin-right:var(--mr_sm)}.-mb_sm{margin-bottom:var(--mb_sm)}.-ml_sm{margin-left:var(--ml_sm)}.-mis_sm{margin-inline-start:var(--mis_sm)}.-mbs_sm{margin-block-start:var(--mbs_sm)}.-g_sm{--g:var(--g_sm)!important;gap:var(--g_sm)}.-colg_sm{-moz-column-gap:var(--colg_sm);column-gap:var(--colg_sm)}.-rowg_sm{row-gap:var(--rowg_sm)}.-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)}.-gd_sm{grid:var(--gd_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)}.-gac_sm{grid-auto-columns:var(--gac_sm)}.-gar_sm{grid-auto-rows:var(--gar_sm)}.-ga_sm{grid-area:var(--ga_sm)}.-gr_sm{grid-row:var(--gr_sm)}.-gc_sm{grid-column:var(--gc_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)}.-cols_sm{--cols:var(--cols_sm)!important}.-rows_sm{--rows:var(--rows_sm)!important}}@container (min-width: 720px){.-w_md{width:var(--w_md)}.-h_md{height:var(--h_md)}.-maxW_md{max-width:var(--maxW_md)}.-minW_md{min-width:var(--minW_md)}.-maxH_md{max-height:var(--maxH_md)}.-minH_md{min-height:var(--minH_md)}.-bg_md{background:var(--bg_md)}.-bdw_md{--bdw:var(--bdw_md)!important}.-fz_md{--fz:var(--fz_md)!important;font-size:var(--fz_md)}.-d_md{display:var(--d_md)}.-ar_md{aspect-ratio:var(--ar_md)}.-bdrs_md{--bdrs:var(--bdrs_md)!important;border-radius:var(--bdrs_md)}.-p_md{--p:var(--p_md)!important;padding:var(--p_md)}.-px_md{padding-inline:var(--px_md)}.-py_md{padding-block:var(--py_md)}.-pt_md{padding-top:var(--pt_md)}.-pr_md{padding-right:var(--pr_md)}.-pb_md{padding-bottom:var(--pb_md)}.-pl_md{padding-left:var(--pl_md)}.-pis_md{padding-inline-start:var(--pis_md)}.-pbs_md{padding-block-start:var(--pbs_md)}.-m_md{--m:var(--m_md)!important;margin:var(--m_md)}.-mx_md{margin-inline:var(--mx_md)}.-my_md{margin-block:var(--my_md)}.-mt_md{margin-top:var(--mt_md)}.-mr_md{margin-right:var(--mr_md)}.-mb_md{margin-bottom:var(--mb_md)}.-ml_md{margin-left:var(--ml_md)}.-mis_md{margin-inline-start:var(--mis_md)}.-mbs_md{margin-block-start:var(--mbs_md)}.-g_md{--g:var(--g_md)!important;gap:var(--g_md)}.-colg_md{-moz-column-gap:var(--colg_md);column-gap:var(--colg_md)}.-rowg_md{row-gap:var(--rowg_md)}.-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)}.-gd_md{grid:var(--gd_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)}.-gac_md{grid-auto-columns:var(--gac_md)}.-gar_md{grid-auto-rows:var(--gar_md)}.-ga_md{grid-area:var(--ga_md)}.-gr_md{grid-row:var(--gr_md)}.-gc_md{grid-column:var(--gc_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)}.-cols_md{--cols:var(--cols_md)!important}.-rows_md{--rows:var(--rows_md)!important}}@media (any-hover:hover){.-hov\:fade:hover{opacity:.65}.-hov\:c:hover{color:var(--hov-c)}.-hov\:bdc:hover{border-color:var(--hov-bdc)}.-hov\:bgc:hover{background-color:var(--hov-bgc)}.-hov\:bxsh:hover{box-shadow:var(--hov-bxsh)}.-hov\:set:hover{--_notHov: }.-hov\:set:not(:hover){--_isHov: }}@media (any-hover:none){.-hov\:set{--_isHov: }}.-hov\:get\:hide{opacity:var(--_isHov,0)}.-hov\:get\:show{opacity:var(--_notHov,0);visibility:var(--_notHov,hidden)}

package/dist/css/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{block-size:auto;max-inline-size:100%;vertical-align:middle}audio,iframe,picture,video{display:block;max-inline-size:100%}iframe{border:none}button,input,select,textarea{color:inherit;font:inherit;text-transform:none}textarea{resize:vertical}button,label,select,summary{cursor:pointer}:disabled{cursor:not-allowed}[aria-busy=true]{cursor:progress}

package/dist/css/state.css

@@ -0,0 +1 @@
+.has--gutter{padding-inline:var(--gutter)}.is--flow{display:flow-root}.is--flow>*{--mbs:var(--flowM,var(--flowM--m));margin-block:var(--mbs) 0}.-flow\:s>*{--mbs:var(--flowM--s)}.-flow\:m>*{--mbs:var(--flowM--m)}.is--flow>:where(h1,h2,h3,h4){margin-block-start:calc(var(--mbs) + var(--flowM--h))}.is--flow>:where(.is--fullwide+.is--fullwide){--mbs:0}.is--flow>:first-child{margin-block-start:0}.is--container{container-type:inline-size;inline-size:100%;margin-inline:auto;--overwideSize:100cqw}.is--container>*{--maxIs:var(--contentSize,100%);margin-inline:auto;max-inline-size:min(100%,var(--maxIs,100%))}.-container\:s{--contentSize:var(--size--s);--wideSize:var(--size--m)}.-container\:m{--contentSize:var(--size--m);--wideSize:var(--size--l)}.-container\:l{--contentSize:var(--size--l);--wideSize:var(--size--xl)}.is--fullwide{max-inline-size:100%}:where(.has--gutter)>.is--fullwide{margin-inline:calc(var(--gutter)*-1);max-inline-size:calc(100% + var(--gutter)*2)}.is--wide{max-inline-size:var(--wideSize,100%)}.is--overwide{margin-inline:calc(50% - var(--overwideSize)/2);max-inline-size:var(--overwideSize,100vw)}.is--linkBox{color:inherit;cursor:pointer;display:block;isolation:isolate;text-decoration:none}.is--linkBox,.is--linkBox>a{pointer-events:auto;position:relative}.is--linkBox>a{z-index:1}.is--layer{inset:0;overflow:hidden;position:absolute}

package/dist/css/utility.css

@@ -0,0 +1 @@
+figure,img,table,video{--trimHL:0px}.u--trimHL{margin-block:var(--trimHL)}.u--trimBox>:first-child{margin-block-start:var(--trimHL)}.u--trimBox>:last-child{margin-block-end:var(--trimHL)}.u--colbox{--c:var(--c--text);--bgc:var(--c--base-2);background-color:var(--bgc);color:var(--c)}@supports (color:color-mix(in srgb,#000,#fff)){.u--colbox{--c:color-mix(in srgb,var(--c--text),var(--keycol) var(--colbox-pct--c,20%));--c--link:var(--c);--bgc:color-mix(in srgb,var(--c--base),var(--keycol) var(--colbox-pct--bg,5%));--bdc:var(--keycol)}}.u--hidden{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.u--overlayLink{color:inherit;position:static;text-decoration:none}.u--overlayLink:before{content:"";inset:0;position:absolute;z-index:0}.u--skipFlow+*{--mbs:0}.u--clipText{-webkit-background-clip:text!important;background-clip:text!important;color:transparent}.u--outerR{--inner-bdrs:calc(var(--bdrs, 0px) - var(--p, 0px))}.u--innerR{border-radius:var(--inner-bdrs)}

package/dist/css/with_layer.css

@@ -0,0 +1 @@
+@layer lism.reset, lism.base, lism.state, lism.layout, lism.dynamic, lism.component, lism.utility;@layer lism.reset{*,:after,:before{box-sizing:border-box}*{margin:0}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}rt{font-size:50%}img{block-size:auto;max-inline-size:100%;vertical-align:middle}audio,iframe,picture,video{display:block;max-inline-size:100%}iframe{border:none}button,input,select,textarea{color:inherit;font:inherit;text-transform:none}textarea{resize:vertical}button,label,select,summary{cursor:pointer}:disabled{cursor:not-allowed}[aria-busy=true]{cursor:progress}}@layer lism.base{@property --overwideSize{syntax:"<length-percentage>";initial-value:100%;inherits:true}@property --herfLeading{syntax:"*";inherits:false;initial-value:calc(.5lh - .5em)}@property --trimHL{syntax:"*";inherits:false;initial-value:calc(-.5lh - -.5em)}:root{--size--xl:1600px;--size--l:1280px;--size--m:960px;--size--s:640px;--size--xs:16rem;--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;--flowM--s:var(--s20);--flowM--m:var(--s40);--flowM--h:1em;--gutter:var(--s40);--ff--base:-apple-system,"BlinkMacSystemFont","Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif,"Segoe UI Emoji";--ff--accent:"Garamond","Baskerville","Times New Roman",serif;--ff--mono:Menlo,Consolas,monaco,monospace;--fz-mol:8;--fz--4xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 5));--fz--3xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 4));--fz--2xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 3));--fz--xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 2));--fz--l:calc(1em*var(--fz-mol)/(var(--fz-mol) - 1));--fz--m:1em;--fz--s:calc(1em*var(--fz-mol)/(var(--fz-mol) + 1));--fz--xs:calc(1em*var(--fz-mol)/(var(--fz-mol) + 2));--fz--2xs:calc(1em*var(--fz-mol)/(var(--fz-mol) + 3));--fw--light:300;--fw--normal:400;--fw--medium:500;--fw--bold:700;--lh--base:1.75;--lh--xs:calc(var(--lh--base) - 0.25);--lh--s:calc(var(--lh--base) - 0.125);--lh--l:calc(var(--lh--base) + 0.125);--lh--xl:calc(var(--lh--base) + 0.25);--lts--base:normal;--lts--s:-0.05em;--lts--l:0.05em;--lts--xl:0.125em;--black:#000;--white:#fff;--gray:#566676;--red:#db3024;--orange:#dc6d18;--yellow:#dcb518;--green:#1abc3a;--blue:#2192de;--purple:#6124db;--pink:#db249e;--c--main:#1e4e6b;--c--accent:#bc3453;--c--base:#fcfcfd;--c--base-2:#eeeff1;--c--text:#141415;--c--text-2:#62646a;--c--divider:#cfd0d3;--c--link:#0c61e4;--op--low:0.25;--op--mid:0.5;--op--high:0.75;--trsdu--default:0.4s;--trsdu--modal:0.5s;--trsdu--acc:0.4s;--bdrs--1:2px;--bdrs--2:4px;--bdrs--3:0.5rem;--bdrs--4:1rem;--bdrs--5:2rem;--bdrs--99:99rem;--sh-hsl:220 4% 8%;--sh-a:5%;--sh-sz--0:1px 2px 3px 0;--sh-sz--1:2px 4px 6px 0;--sh-sz--2:3px 6px 9px 0;--sh-sz--3:5px 10px 15px 0;--sh-sz--4:8px 16px 24px 0;--sh-sz--5:13px 26px 39px 0}html{font-size:var(--root-fz);-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}body{background-color:var(--c--base);color:var(--c--text);font-family:var(--ff--base);font-size:1rem;letter-spacing:var(--lts--base);line-height:var(--lh--base);overflow-x:clip}h1,h2,h3,h4,h5,h6{font-family:var(--heading-ff,inherit);font-size:var(--fz,revert);font-weight:var(--heading-fw,bolder);line-height:var(--lh,inherit)}h1{--fz:var(--fz--3xl);--lh:var(--lh--xs)}h2{--fz:var(--fz--2xl);--lh:var(--lh--xs)}h3{--fz:var(--fz--xl);--lh:var(--lh--s)}h4{--fz:var(--fz--l);--lh:var(--lh--s)}h5{--fz:var(--fz--m)}h6{--fz:var(--fz--s)}ol,ul{list-style:none;padding:0;padding-inline-start:var(--list-pis,0)}:is(ul,ol):not([class]){--list-pis:1.5em;list-style:revert}a{color:var(--c--link);-webkit-text-decoration:var(--link-td,underline);text-decoration:var(--link-td,underline)}td,th{min-inline-size:var(--cell-minIs,unset);padding:var(--cell-p,.5em)}th{background-color:var(--th-bgc,transparent);color:var(--th-c,inherit)}td{background-color:var(--td-bgc,transparent);color:var(--td-c,inherit)}hr{block-size:0;border:none;border-block-start:1px solid}blockquote{border-inline-start:3px solid currentColor;padding:var(--s30)}pre{overflow-x:auto}body:has(:modal[open]){overflow:hidden}dialog:not([open]){pointer-events:none}:root{--root-fz:clamp(0.875rem,0.625rem + 1vw,1rem);--hov-trsdu:0.3s;--overwideSize:100vw}.re--sh,:root{--sh-color:hsl(var(--sh-hsl)/var(--sh-a));--bxsh--1:var(--sh-sz--0) var(--sh-color),var(--sh-sz--1) var(--sh-color);--bxsh--2:var(--sh-sz--1) var(--sh-color),var(--sh-sz--2) var(--sh-color);--bxsh--3:var(--sh-sz--2) var(--sh-color),var(--sh-sz--3) var(--sh-color);--bxsh--4:var(--sh-sz--3) var(--sh-color),var(--sh-sz--4) var(--sh-color);--bxsh--5:var(--sh-sz--4) var(--sh-color),var(--sh-sz--5) var(--sh-color);--bxsh--i1:inset var(--sh-sz--0) var(--sh-color),inset var(--sh-sz--1) var(--sh-color);--bxsh--i2:inset var(--sh-sz--1) var(--sh-color),inset var(--sh-sz--2) var(--sh-color)}.re--style{background:none;border:none;color:inherit;font:inherit;height:auto;margin:0;max-height:unset;max-width:unset;padding:0;width:auto}.re--list{--list-pis:1.5em;list-style:revert}}@layer lism.state{.has--gutter{padding-inline:var(--gutter)}.is--flow{display:flow-root}.is--flow>*{--mbs:var(--flowM,var(--flowM--m));margin-block:var(--mbs) 0}.-flow\:s>*{--mbs:var(--flowM--s)}.-flow\:m>*{--mbs:var(--flowM--m)}.is--flow>:where(h1,h2,h3,h4){margin-block-start:calc(var(--mbs) + var(--flowM--h))}.is--flow>:where(.is--fullwide+.is--fullwide){--mbs:0}.is--flow>:first-child{margin-block-start:0}.is--container{container-type:inline-size;inline-size:100%;margin-inline:auto;--overwideSize:100cqw}.is--container>*{--maxIs:var(--contentSize,100%);margin-inline:auto;max-inline-size:min(100%,var(--maxIs,100%))}.-container\:s{--contentSize:var(--size--s);--wideSize:var(--size--m)}.-container\:m{--contentSize:var(--size--m);--wideSize:var(--size--l)}.-container\:l{--contentSize:var(--size--l);--wideSize:var(--size--xl)}.is--fullwide{max-inline-size:100%}:where(.has--gutter)>.is--fullwide{margin-inline:calc(var(--gutter)*-1);max-inline-size:calc(100% + var(--gutter)*2)}.is--wide{max-inline-size:var(--wideSize,100%)}.is--overwide{margin-inline:calc(50% - var(--overwideSize)/2);max-inline-size:var(--overwideSize,100vw)}.is--linkBox{color:inherit;cursor:pointer;display:block;isolation:isolate;text-decoration:none}.is--linkBox,.is--linkBox>a{pointer-events:auto;position:relative}.is--linkBox>a{z-index:1}.is--layer{inset:0;overflow:hidden;position:absolute}}@layer lism.layout{.l--frame{overflow:hidden}.l--frame>:where(img,video,picture,iframe){display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.l--flex{display:flex}.l--flex--cluster{align-items:center;flex-wrap:wrap}.l--grid{display:grid}.l--grid--repeat{--rows:1;--cols:1;grid-template:repeat(var(--rows),1fr)/repeat(var(--cols),1fr)}.l--stack{display:flex;flex-direction:column}.l--center{display:grid;place-content:center;place-items:center}.l--columns{--cols:2;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr))}.l--columns--liquid{--col-auto:auto-fill;--col-size:var(--size--xs);display:grid;grid-template-columns:repeat(var(--col-auto),minmax(min(var(--col-size),100%),1fr))}.l--withSide{--side-w:auto;--main-w:max(var(--size--xs),50%);display:flex;flex-wrap:wrap}.l--withSide>[data-is-side]{flex-basis:var(--side-w);flex-grow:1}.l--withSide>:not([data-is-side]){flex-basis:min(100%,var(--main-w));flex-grow:9999999}.l--icon{--scale:1;--offset:0;display:inline-flex;flex-shrink:0;scale:var(--scale);translate:var(--offset);vertical-align:middle}.l--icon:where(:not([fill])){fill:currentcolor}.l--icon:where(:not([width])){height:1em;width:1em}.l--divider{--bdc:var(--c--divider)}}@layer lism.dynamic{.d--accordion{--trsdu:var(--trsdu--acc)}.d--accordion._opened{--_notOpened: }.d--accordion:not(._opened){--_isOpened: }.d--accordion__header{gap:.5em;outline-offset:-1px}.d--accordion__header::-webkit-details-marker{display:none}.d--accordion__body{grid-template-rows:1fr;transition-duration:var(--trsdu);transition-property:margin-block,padding-block,opacity,grid-template-rows}:where(.d--accordion:not(._opened))>.d--accordion__body{grid-template-rows:0fr;margin-block:0!important;padding-block:0!important}:where(.d--accordion__icon)>.l--icon{rotate:var(--_isOpened,-180deg);transition-duration:var(--trsdu)}.d--modal{--mbs:0;--offset:0 0;--backdrop:rgba(0,0,0,.6);transition-duration:var(--trsdu--modal)}.d--modal::backdrop{background:var(--backdrop);transition:opacity var(--trsdu--modal)}.d--modal__body{overscroll-behavior:contain}.d--modal:not([data-is-open]){translate:var(--offset)}.d--modal:not([data-is-open]),.d--modal:not([data-is-open])::backdrop{opacity:0}.d--tabs{display:grid;grid:"list" "panel"}.d--tabs__list{grid-area:list;overflow-x:auto}.d--tabs__tab[aria-selected=true]{--_notActive: }.d--tabs__tab[aria-selected=false]{--_isActive: }:where(.d--tabs__tab){color:var(--_notActive,var(--c--text-2))}.d--tabs__panel{grid-area:panel;overflow-x:auto;width:100%}.d--tabs__panel:where([aria-hidden=true]){display:none}}

package/dist/lib/getLismProps.js

@@ -1,6 +1,6 @@
 import y, { CONTEXT_PROPS as O } from "../config/prop_list.js";
 import E from "./isPresetValue.js";
-import S from "./isTokenValue.js";
+import P from "./isTokenValue.js";
 import $ from "./getMaybeUtilValue.js";
 import c from "./getMaybeCssVar.js";
 import U from "./getBpData.js";
@@ -29,19 +29,19 @@ class A {
       lismClass: r,
       lismState: l = [],
       variant: o,
-      passVars: f,
+      passVars: n,
       // lismVar,
       style: h = {},
       // hasBd,
-      ...n
+      ...f
     } = t;
     this.lismClass = r, this.lismState = l, this.styles = h;
-    let a = this.getStateProps(n);
+    let a = this.getStateProps(f);
     if (o && r) {
-      const P = r.split(" "), j = P[0], x = o.split(",").map((u) => u.trim()).filter(Boolean).map((u) => `${j}--${u}`);
-      this.lismClass = P.concat(x).join(" ");
+      const S = r.split(" "), j = S[0], x = o.split(",").map((u) => u.trim()).filter(Boolean).map((u) => `${j}--${u}`);
+      this.lismClass = S.concat(x).join(" ");
     }
-    this.className = g(this.lismClass, this.lismState, i, e), w(a) || (this.attrs = a, this.analyzeProps(a)), s && (this.attrs.ref = s), f != null && typeof f == "object" && this.setPassProps(f);
+    this.className = g(this.lismClass, this.lismState, i, e), w(a) || (this.attrs = a, this.analyzeProps(a)), s && (this.attrs.ref = s), n != null && typeof n == "object" && this.setPassProps(n);
   }
   // 特定の条件下で受け取るpropの処理
   setContextProps(t, s) {
@@ -76,12 +76,12 @@ class A {
   // prop解析
   analyzeProp(t, s, i) {
     if (s == null || (i = i || y[t] || null, i === null)) return;
-    const { name: e, objProcessor: r, ...l } = i, { base: o, ...f } = U(s);
+    const { name: e, objProcessor: r, ...l } = i, { base: o, ...n } = U(s);
     s = o, s != null && typeof s == "object" ? r && Object.keys(s).forEach((h) => {
-      const n = r(h);
-      this.analyzeProp(n, s[h]);
-    }) : this.setAttrs(e || t, s, l), Object.keys(f).forEach((h) => {
-      this.setAttrs(e || t, f[h], l, h);
+      const f = r(h);
+      this.analyzeProp(f, s[h]);
+    }) : this.setAttrs(e || t, s, l), Object.keys(n).forEach((h) => {
+      this.setAttrs(e || t, n[h], l, h);
     });
   }
   addUtil(t) {
@@ -116,26 +116,26 @@ class A {
   setAttrs(t, s, i = {}, e) {
     if (s == null) return;
     let r = `--${t}`, l = `-${i.utilKey || t}`;
-    if (e ? (r = `--${e}-${t}`, l += `@${e}`) : l += ":", typeof s == "string" && s.startsWith("u:")) {
+    if (e && (r = `--${t}_${e}`, l += `_${e}`), typeof s == "string" && s.startsWith("u:")) {
       this.addUtil(`${l}${s.replace("u:", "")}`);
       return;
     }
     if (!e) {
-      let { presets: h, utils: n } = i;
+      let { presets: h, utils: f } = i;
       if (h && (h === 1 && (h = t), E(h, s))) {
-        this.addUtil(`${l}${s}`);
+        this.addUtil(`${l}:${s}`);
         return;
       }
-      if (n) {
-        n === 1 && (n = t);
-        const a = $(n, s);
+      if (f) {
+        f === 1 && (f = t);
+        const a = $(f, s);
         if (a) {
-          this.addUtil(`${l}${a}`);
+          this.addUtil(`${l}:${a}`);
           return;
         }
       }
     }
-    let { style: o, converter: f } = i;
+    let { style: o, converter: n } = i;
     if (s === !0 || s === "-") {
       this.addUtil(l);
       return;
@@ -144,7 +144,7 @@ class A {
       this.setMixColor(t, s);
       return;
     }
-    if (f && (s = c(s, f, t)), !e && o) {
+    if (n && (s = c(s, n, t)), !e && o) {
       o === 1 && (o = t), this.addStyle(o, s);
       return;
     }
@@ -177,12 +177,12 @@ class A {
         });
         return;
       }
-      t === "-" || t === !0 ? this.addUtil("-hov:") : typeof t == "string" ? C(t).forEach((s) => {
+      t === "-" || t === !0 ? this.addUtil("-hov") : typeof t == "string" ? C(t).forEach((s) => {
         this.addUtil(`-hov:${s}`);
       }) : typeof t == "object" && Object.keys(t).forEach((s) => {
         let i = t[s];
         const e = m(s);
-        e && (i = c(i, e, s)), this.addUtil(`-hov:${s}:`), this.addStyle(`--hov-${s}`, i);
+        e && (i = c(i, e, s)), this.addUtil(`-hov:${s}`), this.addStyle(`--hov-${s}`, i);
       });
     }
   }
@@ -191,7 +191,7 @@ class A {
       if (typeof t == "string" && t.includes(",") && !t.includes("(")) {
         C(t).forEach((s) => {
           const i = $("bd", s) || s;
-          i === "all" ? i && this.addUtil("-bd:") : i && this.addUtil(`-bd:${i}`);
+          i === "all" ? i && this.addUtil("-bd") : i && this.addUtil(`-bd:${i}`);
         });
         return;
       }
@@ -206,17 +206,17 @@ class A {
     isFlow: r,
     isContainer: l,
     hasGutter: o,
-    isLayer: f,
+    isLayer: n,
     isLinkBox: h,
-    ...n
+    ...f
   }) {
-    return t || (l && this.setContainerData(l), r && this.setFlowData(r), s && this.lismState.push("is--overwide"), i && this.lismState.push("is--fullwide"), e && this.lismState.push("is--wide"), o && this.lismState.push("has--gutter")), f && this.lismState.push("is--layer"), h && this.lismState.push("is--linkBox"), n;
+    return t || (l && this.setContainerData(l), r && this.setFlowData(r), s && this.lismState.push("is--overwide"), i && this.lismState.push("is--fullwide"), e && this.lismState.push("is--wide"), o && this.lismState.push("has--gutter")), n && this.lismState.push("is--layer"), h && this.lismState.push("is--linkBox"), f;
   }
   setContainerData(t) {
-    t === !0 ? this.lismState.push("is--container") : t && (S("contentSize", t) ? this.lismState.push(`is--container -container:${t}`) : (this.lismState.push("is--container"), this.addStyle("--item-size", c(t, "size"))));
+    t === !0 ? this.lismState.push("is--container") : t && (P("contentSize", t) ? this.lismState.push(`is--container -container:${t}`) : (this.lismState.push("is--container"), this.addStyle("--contentSize", c(t, "size"))));
   }
   setFlowData(t) {
-    t === !0 ? this.lismState.push("is--flow") : t && (S("flow", t) ? this.lismState.push(`is--flow -flow:${t}`) : (this.lismState.push("is--flow -flow:"), this.addStyle("--flowGap", c(t, "space"))));
+    t === !0 ? this.lismState.push("is--flow") : t && (P("flow", t) ? this.lismState.push(`is--flow -flow:${t}`) : (this.lismState.push("is--flow"), this.addStyle("--flowM", c(t, "space"))));
   }
 }
 function F(d, t = {}) {

package/package.json

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

package/src/scss/_auto_output.scss

@@ -19,12 +19,13 @@
 }
 
 @mixin echoBaseUtil($key, $prop, $base_type, $important) {
-	@if $base_type == 2 {
+	@if $base_type == 2 or $base_type == 3 {
+		.-#{$key},
 		[class*='-#{$key}:'] {
 			#{$prop}: var(--#{$key}) #{get_important_str($important)};
 		}
 	} @else if $base_type == 1 {
-		.-#{$key}\: {
+		.-#{$key} {
 			#{$prop}: var(--#{$key}) #{get_important_str($important)};
 		}
 	}
@@ -62,7 +63,7 @@
 		// valueが(prop:val)で詳細に明示されている場合
 		@if (meta.type-of($value) == map) {
 			@include echoDetailValues($selector, $value);
-		} @else if $base_type == 2 {
+		} @else if $base_type == 2 or $base_type == 3 {
 			// important は [class*=] についてるので不要
 			#{$selector} {
 				--#{$key}: #{$value};
@@ -186,9 +187,20 @@ $bp_outputs: (
 				$important: 1;
 			}
 
-			.-#{$key}\@#{$bp} {
-				#{$prop_name}: var(--#{$bp}-#{$key}) #{get_important_str($important)};
+			@if $base_type == 2 {
+				.-#{$key}_#{$bp} {
+					--#{$key}: var(--#{$key}_#{$bp}) !important;
+					#{$prop_name}: var(--#{$key}_#{$bp}) #{get_important_str($important)};
+				}
+			} @else {
+				.-#{$key}_#{$bp} {
+					#{$prop_name}: var(--#{$key}_#{$bp}) #{get_important_str($important)};
+				}
 			}
+
+			// .-#{$key}_#{$bp} {
+			// 	#{$prop_name}: var(--#{$key}_#{$bp}) #{get_important_str($important)};
+			// }
 		}
 	}
 }