lism-css 0.0.10 → 0.0.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. package/dist/components/Accordion/style.css +1 -0
  2. package/dist/components/Modal/style.css +1 -0
  3. package/dist/components/Tabs/style.css +1 -0
  4. package/dist/config/prop_list.js +7 -4
  5. package/dist/css/all.css +1 -0
  6. package/dist/css/all_no_layer.css +1 -0
  7. package/dist/css/base.css +1 -0
  8. package/dist/css/dynamic.css +1 -0
  9. package/dist/css/layout.css +1 -0
  10. package/dist/css/props.css +1 -0
  11. package/dist/css/reset.css +1 -0
  12. package/dist/css/state.css +1 -0
  13. package/dist/css/utility.css +1 -0
  14. package/dist/css/with_layer.css +1 -0
  15. package/package.json +1 -1
  16. package/src/scss/_props.scss +12 -0
  17. package/src/scss/base/_tokens.scss +26 -12
  18. package/src/scss/utility/_colbox.scss +19 -0
  19. package/src/scss/utility/_trimHL.scss +18 -0
  20. package/src/scss/utility/index.scss +3 -29
package/dist/components/Accordion/style.css ADDED
@@ -0,0 +1 @@
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 ADDED
@@ -0,0 +1 @@
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 ADDED
@@ -0,0 +1 @@
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 CHANGED
@@ -13,7 +13,11 @@ const e = ["0", "5", "10", "20", "30", "40", "50", "60", "70", "80"], t = { auto
13
13
  }, l = { "0%": "0", "50%": "50%", "100%": "100%" }, c = {
14
14
  // size
15
15
  w: { utils: { "fit-content": "fit" }, presets: ["100%"], converter: "size" },
16
- h: { utils: { "fit-content": "fit" }, presets: ["100%", "100lvh", "100svh"], converter: "size" },
16
+ h: {
17
+ utils: { "fit-content": "fit" },
18
+ presets: ["100%", "100lvh", "100svh"],
19
+ converter: "size"
20
+ },
17
21
  maxW: { style: "maxWidth", presets: ["100%"], converter: "size" },
18
22
  maxH: { style: "maxHeight", presets: ["100%"], converter: "size" },
19
23
  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
89
93
  "divider",
90
94
  // 'keycol',
91
95
  "mix"
92
- // 'cbox',
93
96
  ],
94
97
  converter: "color"
95
98
  },
@@ -264,8 +267,8 @@ const e = ["0", "5", "10", "20", "30", "40", "50", "60", "70", "80"], t = { auto
264
267
  grid: {
265
268
  gd: {},
266
269
  gt: { style: "gridTemplate" },
267
- gtc: {},
268
- gtr: {},
270
+ gtc: { presets: ["subgrid"] },
271
+ gtr: { presets: ["subgrid"] },
269
272
  gta: {},
270
273
  gaf: {
271
274
  utils: { row: "r", column: "c" },
package/dist/css/all.css ADDED
@@ -0,0 +1 @@
1
+ @layer lism.reset, lism.base, lism.state, lism.layout, lism.dynamic, lism.component, lism.utility;@layer lism.reset{*,:after,:before{box-sizing:border-box}*{margin:0}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}rt{font-size:50%}img{block-size:auto;max-inline-size:100%;vertical-align:middle}audio,iframe,picture,video{display:block;max-inline-size:100%}iframe{border:none}button,input,select,textarea{color:inherit;font:inherit;text-transform:none}textarea{resize:vertical}button,label,select,summary{cursor:pointer}:disabled{cursor:not-allowed}[aria-busy=true]{cursor:progress}}@layer lism.base{:root{--size--xl:1600px;--size--l:1280px;--size--m:960px;--size--s:640px;--size--xs:16rem;--s5:0.25rem;--s10:0.375rem;--s20:0.625rem;--s30:1rem;--s40:1.625rem;--s50:2.625rem;--s60:4.25rem;--s70:6.875rem;--s80:11.125rem;--flowGap--s:var(--s30);--flowGap--m:var(--s40);--flowGap--l:var(--s50);--flowGap--h:2.5em;--gutter:var(--s40);--ff--base:-apple-system,"BlinkMacSystemFont","Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif,"Segoe UI Emoji";--ff--accent:"Garamond","Baskerville","Times New Roman",serif;--ff--mono:Menlo,Consolas,monaco,monospace;--fz-mol:8;--fz--4xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 5));--fz--3xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 4));--fz--2xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 3));--fz--xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 2));--fz--l:calc(1em*var(--fz-mol)/(var(--fz-mol) - 1));--fz--m:1em;--fz--s:calc(1em*var(--fz-mol)/(var(--fz-mol) + 1));--fz--xs:calc(1em*var(--fz-mol)/(var(--fz-mol) + 2));--fz--2xs:calc(1em*var(--fz-mol)/(var(--fz-mol) + 3));--fw--light:300;--fw--normal:400;--fw--medium:500;--fw--bold:700;--lh--base:1.75;--lh--xs:calc(var(--lh--base) - 0.25);--lh--s:calc(var(--lh--base) - 0.125);--lh--l:calc(var(--lh--base) + 0.125);--lh--xl:calc(var(--lh--base) + 0.25);--lts--base:normal;--lts--s:-0.05em;--lts--l:0.05em;--lts--xl:0.125em;--black:#000;--white:#fff;--gray:#566676;--red:#db3024;--orange:#dc6d18;--yellow:#dcb518;--green:#1abc3a;--blue:#2192de;--purple:#6124db;--pink:#db249e;--c--main:#1e4e6b;--c--accent:#bc3453;--c--base:#fcfcfd;--c--base-2:#eeeff1;--c--text-hsl:224 4% 8%;--c--text:hsl(var(--c--text-hsl));--c--text-2:#62646a;--c--divider:#cfd0d3;--c--link:#0c61e4;--op--low:0.25;--op--mid:0.5;--op--high:0.75;--trsdu--default:0.4s;--trsdu--modal:0.5s;--trsdu--acc:0.4s;--bdrs--1:0.125rem;--bdrs--2:0.25rem;--bdrs--3:0.5rem;--bdrs--4:1rem;--bdrs--5:2rem;--bdrs--99:99rem;--sh-hsl:var(--c--text-hsl);--sh-a: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}@property --herfLeading{syntax:"*";inherits:false;initial-value:calc(.5lh - .5em)}@property --trimHL{syntax:"*";inherits:false;initial-value:calc(-.5lh - -.5em)}html{font-size:var(--root-fz);-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}body{background-color:var(--c--base);color:var(--c--text);font-family:var(--ff--base);font-size:1rem;letter-spacing:var(--lts--base);line-height:var(--lh--base);overflow-x:clip}h1,h2,h3,h4,h5,h6{font-family:var(--heading-ff,inherit);font-size:var(--fz,revert);font-weight:var(--heading-fw,bolder);line-height:var(--lh,inherit)}h1{--fz:var(--fz--3xl);--lh:var(--lh--xs)}h2{--fz:var(--fz--2xl);--lh:var(--lh--xs)}h3{--fz:var(--fz--xl);--lh:var(--lh--s)}h4{--fz:var(--fz--l);--lh:var(--lh--s)}h5{--fz:var(--fz--m)}h6{--fz:var(--fz--s)}ol,ul{list-style:none;padding:0;padding-inline-start:var(--list-pis,0)}:is(ul,ol):not([class]){--list-pis:1.5em;list-style:revert}a{color:var(--c--link);-webkit-text-decoration:var(--link-td,underline);text-decoration:var(--link-td,underline)}td,th{min-inline-size:var(--cell-minIs,unset);padding:var(--cell-p,.5em)}th{background-color:var(--th-bgc,transparent);color:var(--th-c,inherit)}td{background-color:var(--td-bgc,transparent);color:var(--td-c,inherit)}hr{block-size:0;border:none;border-block-start:1px solid}blockquote{border-inline-start:3px solid currentColor;padding:var(--s30)}pre{overflow-x:auto}body:has(:modal[open]){overflow:hidden}dialog:not([open]){pointer-events:none}:root{--root-fz:clamp(0.875rem,0.625rem + 1vw,1rem);--hov-trsdu:0.3s;--overwide-size:100vw}.re--sh,:root{--sh-color:hsl(var(--sh-hsl)/var(--sh-a));--bxsh--1:var(--sh-sz--0) var(--sh-color),var(--sh-sz--1) var(--sh-color);--bxsh--2:var(--sh-sz--1) var(--sh-color),var(--sh-sz--2) var(--sh-color);--bxsh--3:var(--sh-sz--2) var(--sh-color),var(--sh-sz--3) var(--sh-color);--bxsh--4:var(--sh-sz--3) var(--sh-color),var(--sh-sz--4) var(--sh-color);--bxsh--5:var(--sh-sz--4) var(--sh-color),var(--sh-sz--5) var(--sh-color);--bxsh--i1:inset var(--sh-sz--0) var(--sh-color),inset var(--sh-sz--1) var(--sh-color);--bxsh--i2:inset var(--sh-sz--1) var(--sh-color),inset var(--sh-sz--2) var(--sh-color)}.re--style{background:none;border:none;color:inherit;font:inherit;height:auto;margin:0;max-height:unset;max-width:unset;padding:0;width:auto}.re--list{--list-pis:1.5em;list-style:revert}}@layer lism.state{.has--gutter{padding-inline:var(--gutter)}.is--flow>*{--mbs:var(--flowGap,var(--flowGap--m));margin-block:var(--mbs) 0}.-flow\:s>*{--flowGap:var(--flowGap--s)}.-flow\:ms>*{--flowGap:var(--flowGap--m)}.-flow\:l>*{--flowGap:var(--flowGap--l)}.is--flow>:where(h1,h2,h3:not(h2+h3)){--flowGap:var(--flowGap--h)}.is--flow>:first-child{margin-block-start:0}.is--container{container-type:inline-size;inline-size:100%;margin-inline:auto}.is--container>*{--maxIs:var(--item-size,100%);margin-inline:auto;max-inline-size:min(100%,var(--maxIs,100%))}.-container\:s{--item-size:var(--size--s);--wide-size:var(--size--m)}.-container\:m{--item-size:var(--size--m);--wide-size:var(--size--l)}.-container\:l{--item-size:var(--size--l);--wide-size:var(--size--xl)}.is--fullwide{max-inline-size:100%}:where(.has--gutter)>.is--fullwide{margin-inline:calc(var(--gutter)*-1);max-inline-size:calc(100% + var(--gutter)*2)}.is--fullwide+.is--fullwide{--flowGap:0}.is--wide{max-inline-size:var(--wide-size,100%)}.is--overwide{margin-inline:calc(50% - var(--overwide-size)/2);max-inline-size:var(--overwide-size,100vw)}@property --overwide-size{syntax:"<length-percentage>";initial-value:100%;inherits:true}.is--container{--overwide-size:100cqw}.is--linkBox{color:inherit;cursor:pointer;display:block;isolation:isolate;text-decoration:none}.is--linkBox,.is--linkBox>a{pointer-events:auto;position:relative}.is--linkBox>a{z-index:1}.is--layer{inset:0;overflow:hidden;position:absolute}}@layer lism.layout{.l--frame{overflow:hidden}.l--frame>:where(img,video,picture,iframe){display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.l--flex{display:flex}.l--flex--cluster{align-items:center;flex-wrap:wrap}.l--grid{display:grid}.l--grid--repeat{--rows:1;--cols:1;grid-template:repeat(var(--rows),1fr)/repeat(var(--cols),1fr)}.l--stack{display:flex;flex-direction:column}.l--center{display:grid;place-content:center;place-items:center}.l--columns{--cols:2;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr))}.l--columns--liquid{--col-auto:auto-fill;--col-size:var(--size--xs);display:grid;grid-template-columns:repeat(var(--col-auto),minmax(min(var(--col-size),100%),1fr))}.l--withSide{--side-w:auto;--main-w:max(var(--size--xs),50%);display:flex;flex-wrap:wrap}.l--withSide>[data-is-side]{flex-basis:var(--side-w);flex-grow:1}.l--withSide>:not([data-is-side]){flex-basis:min(100%,var(--main-w));flex-grow:9999999}.l--icon{--scale:1;--offset:0;display:inline-flex;flex-shrink:0;scale:var(--scale);translate:var(--offset);vertical-align:middle}.l--icon:where(:not([fill])){fill:currentcolor}.l--icon:where(:not([width])){height:1em;width:1em}.l--divider{--bdc:var(--c--divider)}}@layer lism.dynamic{.d--accordion{--trsdu:var(--trsdu--acc)}.d--accordion.-opened{--_notOpened: }.d--accordion:not(.-opened){--_isOpened: }.d--accordion__header{gap:.5em;outline-offset:-1px}.d--accordion__header::-webkit-details-marker{display:none}.d--accordion__body{grid-template-rows:1fr;transition-duration:var(--trsdu);transition-property:margin-block,padding-block,opacity,grid-template-rows}:where(.d--accordion:not(.-opened))>.d--accordion__body{grid-template-rows:0fr;margin-block:0!important;padding-block:0!important}:where(.d--accordion__icon)>.l--icon{rotate:var(--_isOpened,-180deg);transition-duration:var(--trsdu)}.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}.-c\:mix{--c1:currentColor;--c2:transparent;--c:color-mix(in srgb,var(--c1) var(--c-pct,50%),var(--c2))}.-bgc\:mix{--bgc1:currentColor;--bgc2:transparent;--bgc:color-mix(in srgb,var(--bgc1) var(--bgc-pct,50%),var(--bgc2))}.-bdc\:mix{--bdc1:currentColor;--bdc2:transparent;--bdc:color-mix(in srgb,var(--bdc1) var(--bdc-pct,50%),var(--bdc2))}@layer lism.base{[class*="-bd:"]{--bds:solid;--bdw:1px;--bdc:currentColor;--bd:var(--bdw) var(--bds) var(--bdc)}}.-bd\:{border-color:var(--bdc);border-style:var(--bds);border-width:var(--bdw)}.-bd\:n{border:none}.-bd\:inherit{border:inherit}.-bd\:l{border-left:var(--bd)}.-bd\:r{border-right:var(--bd)}.-bd\:t{border-top:var(--bd)}.-bd\:b{border-bottom:var(--bd)}.-bd\:x{border-inline:var(--bd)}.-bd\:y{border-block:var(--bd)}.-bd\:is{border-inline-start:var(--bd)}.-bd\:ie{border-inline-end:var(--bd)}.-bd\:bs{border-block-start:var(--bd)}.-bd\:be{border-block-end:var(--bd)}@layer lism.base{.-trs\:{--trsdu:var(--trsdu--default);--trsp:all;--trstf:ease}}.-trs\:{transition:var(--trsdu) var(--trstf);transition-property:var(--trsp)}.-w\:{width:var(--w)}.-w\: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}[class*="-c:"]{color:var(--c)}.-c\:main{--c:var(--c--main)}.-c\:accent{--c:var(--c--accent)}.-c\:base{--c:var(--c--base)}.-c\:text{--c:var(--c--text)}.-c\:text-2{--c:var(--c--text-2)}.-c\:inherit{color:inherit}[class*="-bgc:"]{background-color:var(--bgc)}.-bgc\:main{--bgc:var(--c--main)}.-bgc\:accent{--bgc:var(--c--accent)}.-bgc\:base{--bgc:var(--c--base)}.-bgc\:base-2{--bgc:var(--c--base-2)}.-bgc\:text{--bgc:var(--c--text)}.-bgc\:inherit{background-color:inherit}.-bg\:{background:var(--bg)}.-bg\:n{background:none}.-bgr\:n{background-repeat:no-repeat}.-bgp\:c{background-position:50%}.-bgsz\:cv{background-size:cover}.-bgsz\:ct{background-size:contain}.-bdc\:main{--bdc:var(--c--main)}.-bdc\:accent{--bdc:var(--c--accent)}.-bdc\:divider{--bdc:var(--c--divider)}.-bdc\:inherit{--bdc:inherit}.-bdc\:t{--bdc:transparent}.-f\:inherit{font:inherit}[class*="-fz:"]{font-size:var(--fz)}.-fz\:root{--fz:1rem}.-fz\:2xs{--fz:var(--fz--2xs)}.-fz\:xs{--fz:var(--fz--xs)}.-fz\:s{--fz:var(--fz--s)}.-fz\:m{--fz:var(--fz--m)}.-fz\:l{--fz:var(--fz--l)}.-fz\:xl{--fz:var(--fz--xl)}.-fz\:2xl{--fz:var(--fz--2xl)}.-fz\:3xl{--fz:var(--fz--3xl)}.-fz\:4xl{--fz:var(--fz--4xl)}.-ff\:base{font-family:var(--ff--base)}.-ff\:accent{font-family:var(--ff--accent)}.-ff\:mono{font-family:var(--ff--mono)}.-fw\:light{font-weight:var(--fw--light)}.-fw\:normal{font-weight:var(--fw--normal)}.-fw\:medium{font-weight:var(--fw--medium)}.-fw\:bold{font-weight:var(--fw--bold)}.-fs\:i{font-style:italic}.-lh\:base{line-height:var(--lh--base)}.-lh\:xs{line-height:var(--lh--xs)}.-lh\:s{line-height:var(--lh--s)}.-lh\:l{line-height:var(--lh--l)}.-lh\:xl{line-height:var(--lh--xl)}.-lh\:1{line-height:1}.-lts\:base{letter-spacing:var(--lts--base)}.-lts\:s{letter-spacing:var(--lts--s)}.-lts\:l{letter-spacing:var(--lts--l)}.-lts\:xl{letter-spacing:var(--lts--xl)}.-ta\:l{text-align:left}.-ta\:r{text-align:right}.-ta\:c{text-align:center}.-td\:n{text-decoration:none}.-td\:u{text-decoration:underline}.-d\:{display:var(--d)}.-d\:n{display:none}.-d\:b{display:block}.-d\:f{display:flex}.-d\:g{display:grid}.-d\:i{display:inline}.-d\:if{display:inline-flex}.-d\:ig{display:inline-grid}.-d\:ib{display:inline-block}.-v\:h{visibility:hidden}.-v\:v{visibility:visible}.-ov\:h{overflow:hidden}.-ov\:a{overflow:auto}.-ov\:c{overflow:clip}.-ov\:s{overflow:scroll}.-ovx\:h{overflow-x:hidden}.-ovx\:a{overflow-x:auto}.-ovx\:c{overflow-x:clip}.-ovx\:s{overflow-x:scroll}.-ovy\:h{overflow-y:hidden}.-ovy\:a{overflow-y:auto}.-ovy\:c{overflow-y:clip}.-ovy\:s{overflow-y:scroll}.-ar\:{aspect-ratio:var(--ar)}.-ar\:16\/9{aspect-ratio:16/9}.-ar\:3\/2{aspect-ratio:3/2}.-ar\:1\/1{aspect-ratio:1/1}.-ar\:ogp{aspect-ratio:1.91/1}.-ar\:gold{aspect-ratio:16.18/10}.-op\:0{opacity:0}.-op\:low{opacity:var(--op--low)}.-op\:mid{opacity:var(--op--mid)}.-op\:high{opacity:var(--op--high)}[class*="-bdrs:"]{border-radius:var(--bdrs)}.-bdrs\:0{--bdrs:0}.-bdrs\:1{--bdrs:var(--bdrs--1)}.-bdrs\:2{--bdrs:var(--bdrs--2)}.-bdrs\:3{--bdrs:var(--bdrs--3)}.-bdrs\:4{--bdrs:var(--bdrs--4)}.-bdrs\:5{--bdrs:var(--bdrs--5)}.-bdrs\:99{--bdrs:var(--bdrs--99)}.-bdrs\:inner{border-radius:calc(var(--bdrs, 0) - var(--p, 0)*.9)}[class*="-bxsh:"]{box-shadow:var(--bxsh)}.-bxsh\:0{--bxsh:0}.-bxsh\:1{--bxsh:var(--bxsh--1)}.-bxsh\:2{--bxsh:var(--bxsh--2)}.-bxsh\:3{--bxsh:var(--bxsh--3)}.-bxsh\:4{--bxsh:var(--bxsh--4)}.-bxsh\:5{--bxsh:var(--bxsh--5)}.-bxsh\:-1{--bxsh:var(--bxsh--i1)}.-bxsh\:-2{--bxsh:var(--bxsh--i2)}[class*="-p:"]{padding:var(--p)}.-p\:0{--p:0}.-p\:5{--p:var(--s5)}.-p\:10{--p:var(--s10)}.-p\:15{--p:var(--s15)}.-p\:20{--p:var(--s20)}.-p\:30{--p:var(--s30)}.-p\:40{--p:var(--s40)}.-p\:50{--p:var(--s50)}.-p\:60{--p:var(--s60)}.-p\:70{--p:var(--s70)}.-p\:80{--p:var(--s80)}[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)}[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)}[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)}[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)}[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}[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)}[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)}[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}.-rotate\:180{rotate:180deg}.-whs\:nw{white-space:nowrap}.-ovw\:any{overflow-wrap:anywhere}.-obf\:cn{-o-object-fit:contain;object-fit:contain}.-obf\:cv{-o-object-fit:cover;object-fit:cover}.-wm\:v-rl{writing-mode:vertical-rl}.-bxz\:cb{box-sizing:content-box}@container (min-width: 480px){.-w\@sm{width:var(--sm-w)}.-h\@sm{height:var(--sm-h)}.-maxW\@sm{max-width:var(--sm-maxW)}.-minW\@sm{min-width:var(--sm-minW)}.-maxH\@sm{max-height:var(--sm-maxH)}.-minH\@sm{min-height:var(--sm-minH)}.-bg\@sm{background:var(--sm-bg)}.-bdw\@sm{--bdw:var(--sm-bdw)!important}.-fz\@sm{font-size:var(--sm-fz)}.-d\@sm{display:var(--sm-d)}.-ar\@sm{aspect-ratio:var(--sm-ar)}.-bdrs\@sm{border-radius:var(--sm-bdrs)}.-p\@sm{padding:var(--sm-p)}.-px\@sm{padding-inline:var(--sm-px)}.-py\@sm{padding-block:var(--sm-py)}.-pt\@sm{padding-top:var(--sm-pt)}.-pr\@sm{padding-right:var(--sm-pr)}.-pb\@sm{padding-bottom:var(--sm-pb)}.-pl\@sm{padding-left:var(--sm-pl)}.-pis\@sm{padding-inline-start:var(--sm-pis)}.-pbs\@sm{padding-block-start:var(--sm-pbs)}.-m\@sm{margin:var(--sm-m)}.-mx\@sm{margin-inline:var(--sm-mx)}.-my\@sm{margin-block:var(--sm-my)}.-mt\@sm{margin-top:var(--sm-mt)}.-mr\@sm{margin-right:var(--sm-mr)}.-mb\@sm{margin-bottom:var(--sm-mb)}.-ml\@sm{margin-left:var(--sm-ml)}.-mis\@sm{margin-inline-start:var(--sm-mis)}.-mbs\@sm{margin-block-start:var(--sm-mbs)}.-g\@sm{gap:var(--sm-g)}.-colg\@sm{-moz-column-gap:var(--sm-colg);column-gap:var(--sm-colg)}.-rowg\@sm{row-gap:var(--sm-rowg)}.-fxw\@sm{flex-wrap:var(--sm-fxw)}.-fxd\@sm{flex-direction:var(--sm-fxd)}.-fx\@sm{flex:var(--sm-fx)}.-fxb\@sm{flex-basis:var(--sm-fxb)}.-gd\@sm{grid:var(--sm-gd)}.-gta\@sm{grid-template-areas:var(--sm-gta)}.-gtc\@sm{grid-template-columns:var(--sm-gtc)}.-gtr\@sm{grid-template-rows:var(--sm-gtr)}.-gaf\@sm{grid-auto-flow:var(--sm-gaf)}.-gac\@sm{grid-auto-columns:var(--sm-gac)}.-gar\@sm{grid-auto-rows:var(--sm-gar)}.-ga\@sm{grid-area:var(--sm-ga)}.-gr\@sm{grid-row:var(--sm-gr)}.-gc\@sm{grid-column:var(--sm-gc)}.-ai\@sm{align-items:var(--sm-ai)}.-ac\@sm{align-content:var(--sm-ac)}.-ji\@sm{justify-items:var(--sm-ji)}.-jc\@sm{justify-content:var(--sm-jc)}.-cols\@sm{--cols:var(--sm-cols)!important}.-rows\@sm{--rows:var(--sm-rows)!important}}@container (min-width: 720px){.-w\@md{width:var(--md-w)}.-h\@md{height:var(--md-h)}.-maxW\@md{max-width:var(--md-maxW)}.-minW\@md{min-width:var(--md-minW)}.-maxH\@md{max-height:var(--md-maxH)}.-minH\@md{min-height:var(--md-minH)}.-bg\@md{background:var(--md-bg)}.-bdw\@md{--bdw:var(--md-bdw)!important}.-fz\@md{font-size:var(--md-fz)}.-d\@md{display:var(--md-d)}.-ar\@md{aspect-ratio:var(--md-ar)}.-bdrs\@md{border-radius:var(--md-bdrs)}.-p\@md{padding:var(--md-p)}.-px\@md{padding-inline:var(--md-px)}.-py\@md{padding-block:var(--md-py)}.-pt\@md{padding-top:var(--md-pt)}.-pr\@md{padding-right:var(--md-pr)}.-pb\@md{padding-bottom:var(--md-pb)}.-pl\@md{padding-left:var(--md-pl)}.-pis\@md{padding-inline-start:var(--md-pis)}.-pbs\@md{padding-block-start:var(--md-pbs)}.-m\@md{margin:var(--md-m)}.-mx\@md{margin-inline:var(--md-mx)}.-my\@md{margin-block:var(--md-my)}.-mt\@md{margin-top:var(--md-mt)}.-mr\@md{margin-right:var(--md-mr)}.-mb\@md{margin-bottom:var(--md-mb)}.-ml\@md{margin-left:var(--md-ml)}.-mis\@md{margin-inline-start:var(--md-mis)}.-mbs\@md{margin-block-start:var(--md-mbs)}.-g\@md{gap:var(--md-g)}.-colg\@md{-moz-column-gap:var(--md-colg);column-gap:var(--md-colg)}.-rowg\@md{row-gap:var(--md-rowg)}.-fxw\@md{flex-wrap:var(--md-fxw)}.-fxd\@md{flex-direction:var(--md-fxd)}.-fx\@md{flex:var(--md-fx)}.-fxb\@md{flex-basis:var(--md-fxb)}.-gd\@md{grid:var(--md-gd)}.-gta\@md{grid-template-areas:var(--md-gta)}.-gtc\@md{grid-template-columns:var(--md-gtc)}.-gtr\@md{grid-template-rows:var(--md-gtr)}.-gaf\@md{grid-auto-flow:var(--md-gaf)}.-gac\@md{grid-auto-columns:var(--md-gac)}.-gar\@md{grid-auto-rows:var(--md-gar)}.-ga\@md{grid-area:var(--md-ga)}.-gr\@md{grid-row:var(--md-gr)}.-gc\@md{grid-column:var(--md-gc)}.-ai\@md{align-items:var(--md-ai)}.-ac\@md{align-content:var(--md-ac)}.-ji\@md{justify-items:var(--md-ji)}.-jc\@md{justify-content:var(--md-jc)}.-cols\@md{--cols:var(--md-cols)!important}.-rows\@md{--rows:var(--md-rows)!important}}@container (min-width: 960px){.-w\@lg{width:var(--lg-w)}.-h\@lg{height:var(--lg-h)}.-maxW\@lg{max-width:var(--lg-maxW)}.-minW\@lg{min-width:var(--lg-minW)}.-maxH\@lg{max-height:var(--lg-maxH)}.-minH\@lg{min-height:var(--lg-minH)}.-bg\@lg{background:var(--lg-bg)}.-bdw\@lg{--bdw:var(--lg-bdw)!important}.-fz\@lg{font-size:var(--lg-fz)}.-d\@lg{display:var(--lg-d)}.-ar\@lg{aspect-ratio:var(--lg-ar)}.-bdrs\@lg{border-radius:var(--lg-bdrs)}.-p\@lg{padding:var(--lg-p)}.-px\@lg{padding-inline:var(--lg-px)}.-py\@lg{padding-block:var(--lg-py)}.-pt\@lg{padding-top:var(--lg-pt)}.-pr\@lg{padding-right:var(--lg-pr)}.-pb\@lg{padding-bottom:var(--lg-pb)}.-pl\@lg{padding-left:var(--lg-pl)}.-pis\@lg{padding-inline-start:var(--lg-pis)}.-pbs\@lg{padding-block-start:var(--lg-pbs)}.-m\@lg{margin:var(--lg-m)}.-mx\@lg{margin-inline:var(--lg-mx)}.-my\@lg{margin-block:var(--lg-my)}.-mt\@lg{margin-top:var(--lg-mt)}.-mr\@lg{margin-right:var(--lg-mr)}.-mb\@lg{margin-bottom:var(--lg-mb)}.-ml\@lg{margin-left:var(--lg-ml)}.-mis\@lg{margin-inline-start:var(--lg-mis)}.-mbs\@lg{margin-block-start:var(--lg-mbs)}.-g\@lg{gap:var(--lg-g)}.-colg\@lg{-moz-column-gap:var(--lg-colg);column-gap:var(--lg-colg)}.-rowg\@lg{row-gap:var(--lg-rowg)}.-fxw\@lg{flex-wrap:var(--lg-fxw)}.-fxd\@lg{flex-direction:var(--lg-fxd)}.-fx\@lg{flex:var(--lg-fx)}.-fxb\@lg{flex-basis:var(--lg-fxb)}.-gd\@lg{grid:var(--lg-gd)}.-gta\@lg{grid-template-areas:var(--lg-gta)}.-gtc\@lg{grid-template-columns:var(--lg-gtc)}.-gtr\@lg{grid-template-rows:var(--lg-gtr)}.-gaf\@lg{grid-auto-flow:var(--lg-gaf)}.-gac\@lg{grid-auto-columns:var(--lg-gac)}.-gar\@lg{grid-auto-rows:var(--lg-gar)}.-ga\@lg{grid-area:var(--lg-ga)}.-gr\@lg{grid-row:var(--lg-gr)}.-gc\@lg{grid-column:var(--lg-gc)}.-ai\@lg{align-items:var(--lg-ai)}.-ac\@lg{align-content:var(--lg-ac)}.-ji\@lg{justify-items:var(--lg-ji)}.-jc\@lg{justify-content:var(--lg-jc)}.-cols\@lg{--cols:var(--lg-cols)!important}.-rows\@lg{--rows:var(--lg-rows)!important}}@media (any-hover:hover){.-hov\:fade:hover{opacity:.65}.-hov\:c\::hover{color:var(--hov-c)!important}.-hov\:bdc\::hover{border-color:var(--hov-bdc)!important}.-hov\:bgc\::hover{background-color:var(--hov-bgc)!important}.-hov\:bxsh\::hover{box-shadow:var(--hov-bxsh)}.-hov\:set:hover{--_notHov: }.-hov\:set:not(:hover){--_isHov: }}@media (any-hover:none){.-hov\:set{--_isHov: }}.-hov\:get\:hide{opacity:var(--_isHov,0)}.-hov\:get\:show{opacity:var(--_notHov,0);visibility:var(--_notHov,hidden)}
package/dist/css/all_no_layer.css ADDED
@@ -0,0 +1 @@
1
+ *,:after,:before{box-sizing:border-box}*{margin:0}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}rt{font-size:50%}:where(img){block-size:auto;max-inline-size:100%;vertical-align:middle}:where(iframe,audio,picture,video){display:block;max-inline-size:100%}:where(iframe){border:none}:where(input,button,textarea,select){color:inherit;font:inherit;text-transform:none}textarea{resize:vertical}button,label,select,summary{cursor:pointer}:disabled{cursor:not-allowed}[aria-busy=true]{cursor:progress}:root{--size--xl:1600px;--size--l:1280px;--size--m:960px;--size--s:640px;--size--xs:16rem;--s5:0.25rem;--s10:0.375rem;--s20:0.625rem;--s30:1rem;--s40:1.625rem;--s50:2.625rem;--s60:4.25rem;--s70:6.875rem;--s80:11.125rem;--flowGap--s:var(--s30);--flowGap--m:var(--s40);--flowGap--l:var(--s50);--flowGap--h:2.5em;--gutter:var(--s40);--ff--base:-apple-system,"BlinkMacSystemFont","Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif,"Segoe UI Emoji";--ff--accent:"Garamond","Baskerville","Times New Roman",serif;--ff--mono:Menlo,Consolas,monaco,monospace;--fz-mol:8;--fz--4xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 5));--fz--3xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 4));--fz--2xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 3));--fz--xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 2));--fz--l:calc(1em*var(--fz-mol)/(var(--fz-mol) - 1));--fz--m:1em;--fz--s:calc(1em*var(--fz-mol)/(var(--fz-mol) + 1));--fz--xs:calc(1em*var(--fz-mol)/(var(--fz-mol) + 2));--fz--2xs:calc(1em*var(--fz-mol)/(var(--fz-mol) + 3));--fw--light:300;--fw--normal:400;--fw--medium:500;--fw--bold:700;--lh--base:1.75;--lh--xs:calc(var(--lh--base) - 0.25);--lh--s:calc(var(--lh--base) - 0.125);--lh--l:calc(var(--lh--base) + 0.125);--lh--xl:calc(var(--lh--base) + 0.25);--lts--base:normal;--lts--s:-0.05em;--lts--l:0.05em;--lts--xl:0.125em;--black:#000;--white:#fff;--gray:#566676;--red:#db3024;--orange:#dc6d18;--yellow:#dcb518;--green:#1abc3a;--blue:#2192de;--purple:#6124db;--pink:#db249e;--c--main:#1e4e6b;--c--accent:#bc3453;--c--base:#fcfcfd;--c--base-2:#eeeff1;--c--text-hsl:224 4% 8%;--c--text:hsl(var(--c--text-hsl));--c--text-2:#62646a;--c--divider:#cfd0d3;--c--link:#0c61e4;--op--low:0.25;--op--mid:0.5;--op--high:0.75;--trsdu--default:0.4s;--trsdu--modal:0.5s;--trsdu--acc:0.4s;--bdrs--1:0.125rem;--bdrs--2:0.25rem;--bdrs--3:0.5rem;--bdrs--4:1rem;--bdrs--5:2rem;--bdrs--99:99rem;--sh-hsl:var(--c--text-hsl);--sh-a: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}@property --herfLeading{syntax:"*";inherits:false;initial-value:calc(.5lh - .5em)}@property --trimHL{syntax:"*";inherits:false;initial-value:calc(-.5lh - -.5em)}html{font-size:var(--root-fz);-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}body{background-color:var(--c--base);color:var(--c--text);font-family:var(--ff--base);font-size:1rem;letter-spacing:var(--lts--base);line-height:var(--lh--base);overflow-x:clip}:where(h1,h2,h3,h4,h5,h6){font-family:var(--heading-ff,inherit);font-size:var(--fz,revert);font-weight:var(--heading-fw,bolder);line-height:var(--lh,inherit)}h1{--fz:var(--fz--3xl);--lh:var(--lh--xs)}h2{--fz:var(--fz--2xl);--lh:var(--lh--xs)}h3{--fz:var(--fz--xl);--lh:var(--lh--s)}h4{--fz:var(--fz--l);--lh:var(--lh--s)}h5{--fz:var(--fz--m)}h6{--fz:var(--fz--s)}:where(ul,ol){list-style:none;padding:0;padding-inline-start:var(--list-pis,0)}:where(ul,ol):not([class]){--list-pis:1.5em;list-style:revert}:where(a){color:var(--c--link);-webkit-text-decoration:var(--link-td,underline);text-decoration:var(--link-td,underline)}:where(td,th){min-inline-size:var(--cell-minIs,unset);padding:var(--cell-p,.5em)}:where(th){background-color:var(--th-bgc,transparent);color:var(--th-c,inherit)}:where(td){background-color:var(--td-bgc,transparent);color:var(--td-c,inherit)}:where(hr){block-size:0;border:none;border-block-start:1px solid}:where(blockquote){border-inline-start:3px solid currentColor;padding:var(--s30)}:where(pre){overflow-x:auto}body:where(:has(:modal[open])){overflow:hidden}dialog:where(:not([open])){pointer-events:none}:root{--root-fz:clamp(0.875rem,0.625rem + 1vw,1rem);--hov-trsdu:0.3s;--overwide-size:100vw}.re--sh,:root{--sh-color:hsl(var(--sh-hsl)/var(--sh-a));--bxsh--1:var(--sh-sz--0) var(--sh-color),var(--sh-sz--1) var(--sh-color);--bxsh--2:var(--sh-sz--1) var(--sh-color),var(--sh-sz--2) var(--sh-color);--bxsh--3:var(--sh-sz--2) var(--sh-color),var(--sh-sz--3) var(--sh-color);--bxsh--4:var(--sh-sz--3) var(--sh-color),var(--sh-sz--4) var(--sh-color);--bxsh--5:var(--sh-sz--4) var(--sh-color),var(--sh-sz--5) var(--sh-color);--bxsh--i1:inset var(--sh-sz--0) var(--sh-color),inset var(--sh-sz--1) var(--sh-color);--bxsh--i2:inset var(--sh-sz--1) var(--sh-color),inset var(--sh-sz--2) var(--sh-color)}:where(.re--style){background:none;border:none;color:inherit;font:inherit;height:auto;margin:0;max-height:unset;max-width:unset;padding:0;width:auto}.re--list{--list-pis:1.5em;list-style:revert}.has--gutter{padding-inline:var(--gutter)}.is--flow>*{--mbs:var(--flowGap,var(--flowGap--m));margin-block:var(--mbs) 0}.-flow\:s>*{--flowGap:var(--flowGap--s)}.-flow\:ms>*{--flowGap:var(--flowGap--m)}.-flow\:l>*{--flowGap:var(--flowGap--l)}.is--flow>:where(h1,h2,h3:not(h2+h3)){--flowGap:var(--flowGap--h)}.is--flow>:first-child{margin-block-start:0}.is--container{container-type:inline-size;inline-size:100%;margin-inline:auto}.is--container>*{--maxIs:var(--item-size,100%);margin-inline:auto;max-inline-size:min(100%,var(--maxIs,100%))}.-container\:s{--item-size:var(--size--s);--wide-size:var(--size--m)}.-container\:m{--item-size:var(--size--m);--wide-size:var(--size--l)}.-container\:l{--item-size:var(--size--l);--wide-size:var(--size--xl)}.is--fullwide{max-inline-size:100%}:where(.has--gutter)>.is--fullwide{margin-inline:calc(var(--gutter)*-1);max-inline-size:calc(100% + var(--gutter)*2)}.is--fullwide+.is--fullwide{--flowGap:0}.is--wide{max-inline-size:var(--wide-size,100%)}.is--overwide{margin-inline:calc(50% - var(--overwide-size)/2);max-inline-size:var(--overwide-size,100vw)}@property --overwide-size{syntax:"<length-percentage>";initial-value:100%;inherits:true}.is--container{--overwide-size:100cqw}.is--linkBox{color:inherit;cursor:pointer;display:block;isolation:isolate;pointer-events:auto;position:relative;text-decoration:none}is--linkBox>:where(a){pointer-events:auto;position:relative;z-index:1}.is--layer{inset:0;position:absolute}.is--layer,.l--frame{overflow:hidden}.l--frame>:where(img,video,picture,iframe){display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.l--flex{display:flex}.l--flex--cluster{align-items:center;flex-wrap:wrap}.l--grid{display:grid}.l--grid--repeat{--rows:1;--cols:1;grid-template:repeat(var(--rows),1fr)/repeat(var(--cols),1fr)}.l--stack{display:flex;flex-direction:column}.l--center{display:grid;place-content:center;place-items:center}.l--columns{--cols:2;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr))}.l--columns--liquid{--col-auto:auto-fill;--col-size:var(--size--xs);display:grid;grid-template-columns:repeat(var(--col-auto),minmax(min(var(--col-size),100%),1fr))}.l--withSide{--side-w:auto;--main-w:max(var(--size--xs),50%);display:flex;flex-wrap:wrap}.l--withSide>[data-is-side]{flex-basis:var(--side-w);flex-grow:1}.l--withSide>:not([data-is-side]){flex-basis:min(100%,var(--main-w));flex-grow:9999999}.l--icon{--scale:1;--offset:0;display:inline-flex;flex-shrink:0;scale:var(--scale);translate:var(--offset);vertical-align:middle}.l--icon:where(:not([fill])){fill:currentcolor}.l--icon:where(:not([width])){height:1em;width:1em}.l--divider{--bdc:var(--c--divider)}.d--accordion{--trsdu:var(--trsdu--acc)}.d--accordion.-opened{--_notOpened: }.d--accordion:not(.-opened){--_isOpened: }.d--accordion__header{gap:.5em;outline-offset:-1px}.d--accordion__header::-webkit-details-marker{display:none}.d--accordion__body{grid-template-rows:1fr;transition-duration:var(--trsdu);transition-property:margin-block,padding-block,opacity,grid-template-rows}:where(.d--accordion:not(.-opened))>.d--accordion__body{grid-template-rows:0fr;margin-block:0!important;padding-block:0!important}:where(.d--accordion__icon)>.l--icon{rotate:var(--_isOpened,-180deg);transition-duration:var(--trsdu)}.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}.-c\:mix{--c1:currentColor;--c2:transparent;--c:color-mix(in srgb,var(--c1) var(--c-pct,50%),var(--c2))}.-bgc\:mix{--bgc1:currentColor;--bgc2:transparent;--bgc:color-mix(in srgb,var(--bgc1) var(--bgc-pct,50%),var(--bgc2))}.-bdc\:mix{--bdc1:currentColor;--bdc2:transparent;--bdc:color-mix(in srgb,var(--bdc1) var(--bdc-pct,50%),var(--bdc2))}:where([class*="-bd:"]){--bds:solid;--bdw:1px;--bdc:currentColor;--bd:var(--bdw) var(--bds) var(--bdc)}.-bd\:{border-color:var(--bdc);border-style:var(--bds);border-width:var(--bdw)}.-bd\:n{border:none}.-bd\:inherit{border:inherit}.-bd\:l{border-left:var(--bd)}.-bd\:r{border-right:var(--bd)}.-bd\:t{border-top:var(--bd)}.-bd\:b{border-bottom:var(--bd)}.-bd\:x{border-inline:var(--bd)}.-bd\:y{border-block:var(--bd)}.-bd\:is{border-inline-start:var(--bd)}.-bd\:ie{border-inline-end:var(--bd)}.-bd\:bs{border-block-start:var(--bd)}.-bd\:be{border-block-end:var(--bd)}:where(.-trs\:){--trsdu:var(--trsdu--default);--trsp:all;--trstf:ease}.-trs\:{transition:var(--trsdu) var(--trstf);transition-property:var(--trsp)}.-w\:{width:var(--w)}.-w\: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}[class*="-c:"]{color:var(--c)}.-c\:main{--c:var(--c--main)}.-c\:accent{--c:var(--c--accent)}.-c\:base{--c:var(--c--base)}.-c\:text{--c:var(--c--text)}.-c\:text-2{--c:var(--c--text-2)}.-c\:inherit{color:inherit}[class*="-bgc:"]{background-color:var(--bgc)}.-bgc\:main{--bgc:var(--c--main)}.-bgc\:accent{--bgc:var(--c--accent)}.-bgc\:base{--bgc:var(--c--base)}.-bgc\:base-2{--bgc:var(--c--base-2)}.-bgc\:text{--bgc:var(--c--text)}.-bgc\:inherit{background-color:inherit}.-bg\:{background:var(--bg)}.-bg\:n{background:none}.-bgr\:n{background-repeat:no-repeat}.-bgp\:c{background-position:50%}.-bgsz\:cv{background-size:cover}.-bgsz\:ct{background-size:contain}.-bdc\:main{--bdc:var(--c--main)}.-bdc\:accent{--bdc:var(--c--accent)}.-bdc\:divider{--bdc:var(--c--divider)}.-bdc\:inherit{--bdc:inherit}.-bdc\:t{--bdc:transparent}.-f\:inherit{font:inherit}[class*="-fz:"]{font-size:var(--fz)}.-fz\:root{--fz:1rem}.-fz\:2xs{--fz:var(--fz--2xs)}.-fz\:xs{--fz:var(--fz--xs)}.-fz\:s{--fz:var(--fz--s)}.-fz\:m{--fz:var(--fz--m)}.-fz\:l{--fz:var(--fz--l)}.-fz\:xl{--fz:var(--fz--xl)}.-fz\:2xl{--fz:var(--fz--2xl)}.-fz\:3xl{--fz:var(--fz--3xl)}.-fz\:4xl{--fz:var(--fz--4xl)}.-ff\:base{font-family:var(--ff--base)}.-ff\:accent{font-family:var(--ff--accent)}.-ff\:mono{font-family:var(--ff--mono)}.-fw\:light{font-weight:var(--fw--light)}.-fw\:normal{font-weight:var(--fw--normal)}.-fw\:medium{font-weight:var(--fw--medium)}.-fw\:bold{font-weight:var(--fw--bold)}.-fs\:i{font-style:italic}.-lh\:base{line-height:var(--lh--base)}.-lh\:xs{line-height:var(--lh--xs)}.-lh\:s{line-height:var(--lh--s)}.-lh\:l{line-height:var(--lh--l)}.-lh\:xl{line-height:var(--lh--xl)}.-lh\:1{line-height:1}.-lts\:base{letter-spacing:var(--lts--base)}.-lts\:s{letter-spacing:var(--lts--s)}.-lts\:l{letter-spacing:var(--lts--l)}.-lts\:xl{letter-spacing:var(--lts--xl)}.-ta\:l{text-align:left}.-ta\:r{text-align:right}.-ta\:c{text-align:center}.-td\:n{text-decoration:none}.-td\:u{text-decoration:underline}.-d\:{display:var(--d)}.-d\:n{display:none}.-d\:b{display:block}.-d\:f{display:flex}.-d\:g{display:grid}.-d\:i{display:inline}.-d\:if{display:inline-flex}.-d\:ig{display:inline-grid}.-d\:ib{display:inline-block}.-v\:h{visibility:hidden}.-v\:v{visibility:visible}.-ov\:h{overflow:hidden}.-ov\:a{overflow:auto}.-ov\:c{overflow:clip}.-ov\:s{overflow:scroll}.-ovx\:h{overflow-x:hidden}.-ovx\:a{overflow-x:auto}.-ovx\:c{overflow-x:clip}.-ovx\:s{overflow-x:scroll}.-ovy\:h{overflow-y:hidden}.-ovy\:a{overflow-y:auto}.-ovy\:c{overflow-y:clip}.-ovy\:s{overflow-y:scroll}.-ar\:{aspect-ratio:var(--ar)}.-ar\:16\/9{aspect-ratio:16/9}.-ar\:3\/2{aspect-ratio:3/2}.-ar\:1\/1{aspect-ratio:1/1}.-ar\:ogp{aspect-ratio:1.91/1}.-ar\:gold{aspect-ratio:16.18/10}.-op\:0{opacity:0}.-op\:low{opacity:var(--op--low)}.-op\:mid{opacity:var(--op--mid)}.-op\:high{opacity:var(--op--high)}[class*="-bdrs:"]{border-radius:var(--bdrs)}.-bdrs\:0{--bdrs:0}.-bdrs\:1{--bdrs:var(--bdrs--1)}.-bdrs\:2{--bdrs:var(--bdrs--2)}.-bdrs\:3{--bdrs:var(--bdrs--3)}.-bdrs\:4{--bdrs:var(--bdrs--4)}.-bdrs\:5{--bdrs:var(--bdrs--5)}.-bdrs\:99{--bdrs:var(--bdrs--99)}.-bdrs\:inner{border-radius:calc(var(--bdrs, 0) - var(--p, 0)*.9)}[class*="-bxsh:"]{box-shadow:var(--bxsh)}.-bxsh\:0{--bxsh:0}.-bxsh\:1{--bxsh:var(--bxsh--1)}.-bxsh\:2{--bxsh:var(--bxsh--2)}.-bxsh\:3{--bxsh:var(--bxsh--3)}.-bxsh\:4{--bxsh:var(--bxsh--4)}.-bxsh\:5{--bxsh:var(--bxsh--5)}.-bxsh\:-1{--bxsh:var(--bxsh--i1)}.-bxsh\:-2{--bxsh:var(--bxsh--i2)}[class*="-p:"]{padding:var(--p)}.-p\:0{--p:0}.-p\:5{--p:var(--s5)}.-p\:10{--p:var(--s10)}.-p\:15{--p:var(--s15)}.-p\:20{--p:var(--s20)}.-p\:30{--p:var(--s30)}.-p\:40{--p:var(--s40)}.-p\:50{--p:var(--s50)}.-p\:60{--p:var(--s60)}.-p\:70{--p:var(--s70)}.-p\:80{--p:var(--s80)}[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)}[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)}[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)}[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)}[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}[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)}[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)}[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}.-rotate\:180{rotate:180deg}.-whs\:nw{white-space:nowrap}.-ovw\:any{overflow-wrap:anywhere}.-obf\:cn{-o-object-fit:contain;object-fit:contain}.-obf\:cv{-o-object-fit:cover;object-fit:cover}.-wm\:v-rl{writing-mode:vertical-rl}.-bxz\:cb{box-sizing:content-box}@container (min-width: 480px){.-w\@sm{width:var(--sm-w)}.-h\@sm{height:var(--sm-h)}.-maxW\@sm{max-width:var(--sm-maxW)}.-minW\@sm{min-width:var(--sm-minW)}.-maxH\@sm{max-height:var(--sm-maxH)}.-minH\@sm{min-height:var(--sm-minH)}.-bg\@sm{background:var(--sm-bg)}.-bdw\@sm{--bdw:var(--sm-bdw)!important}.-fz\@sm{font-size:var(--sm-fz)}.-d\@sm{display:var(--sm-d)}.-ar\@sm{aspect-ratio:var(--sm-ar)}.-bdrs\@sm{border-radius:var(--sm-bdrs)}.-p\@sm{padding:var(--sm-p)}.-px\@sm{padding-inline:var(--sm-px)}.-py\@sm{padding-block:var(--sm-py)}.-pt\@sm{padding-top:var(--sm-pt)}.-pr\@sm{padding-right:var(--sm-pr)}.-pb\@sm{padding-bottom:var(--sm-pb)}.-pl\@sm{padding-left:var(--sm-pl)}.-pis\@sm{padding-inline-start:var(--sm-pis)}.-pbs\@sm{padding-block-start:var(--sm-pbs)}.-m\@sm{margin:var(--sm-m)}.-mx\@sm{margin-inline:var(--sm-mx)}.-my\@sm{margin-block:var(--sm-my)}.-mt\@sm{margin-top:var(--sm-mt)}.-mr\@sm{margin-right:var(--sm-mr)}.-mb\@sm{margin-bottom:var(--sm-mb)}.-ml\@sm{margin-left:var(--sm-ml)}.-mis\@sm{margin-inline-start:var(--sm-mis)}.-mbs\@sm{margin-block-start:var(--sm-mbs)}.-g\@sm{gap:var(--sm-g)}.-colg\@sm{-moz-column-gap:var(--sm-colg);column-gap:var(--sm-colg)}.-rowg\@sm{row-gap:var(--sm-rowg)}.-fxw\@sm{flex-wrap:var(--sm-fxw)}.-fxd\@sm{flex-direction:var(--sm-fxd)}.-fx\@sm{flex:var(--sm-fx)}.-fxb\@sm{flex-basis:var(--sm-fxb)}.-gd\@sm{grid:var(--sm-gd)}.-gta\@sm{grid-template-areas:var(--sm-gta)}.-gtc\@sm{grid-template-columns:var(--sm-gtc)}.-gtr\@sm{grid-template-rows:var(--sm-gtr)}.-gaf\@sm{grid-auto-flow:var(--sm-gaf)}.-gac\@sm{grid-auto-columns:var(--sm-gac)}.-gar\@sm{grid-auto-rows:var(--sm-gar)}.-ga\@sm{grid-area:var(--sm-ga)}.-gr\@sm{grid-row:var(--sm-gr)}.-gc\@sm{grid-column:var(--sm-gc)}.-ai\@sm{align-items:var(--sm-ai)}.-ac\@sm{align-content:var(--sm-ac)}.-ji\@sm{justify-items:var(--sm-ji)}.-jc\@sm{justify-content:var(--sm-jc)}.-cols\@sm{--cols:var(--sm-cols)!important}.-rows\@sm{--rows:var(--sm-rows)!important}}@container (min-width: 720px){.-w\@md{width:var(--md-w)}.-h\@md{height:var(--md-h)}.-maxW\@md{max-width:var(--md-maxW)}.-minW\@md{min-width:var(--md-minW)}.-maxH\@md{max-height:var(--md-maxH)}.-minH\@md{min-height:var(--md-minH)}.-bg\@md{background:var(--md-bg)}.-bdw\@md{--bdw:var(--md-bdw)!important}.-fz\@md{font-size:var(--md-fz)}.-d\@md{display:var(--md-d)}.-ar\@md{aspect-ratio:var(--md-ar)}.-bdrs\@md{border-radius:var(--md-bdrs)}.-p\@md{padding:var(--md-p)}.-px\@md{padding-inline:var(--md-px)}.-py\@md{padding-block:var(--md-py)}.-pt\@md{padding-top:var(--md-pt)}.-pr\@md{padding-right:var(--md-pr)}.-pb\@md{padding-bottom:var(--md-pb)}.-pl\@md{padding-left:var(--md-pl)}.-pis\@md{padding-inline-start:var(--md-pis)}.-pbs\@md{padding-block-start:var(--md-pbs)}.-m\@md{margin:var(--md-m)}.-mx\@md{margin-inline:var(--md-mx)}.-my\@md{margin-block:var(--md-my)}.-mt\@md{margin-top:var(--md-mt)}.-mr\@md{margin-right:var(--md-mr)}.-mb\@md{margin-bottom:var(--md-mb)}.-ml\@md{margin-left:var(--md-ml)}.-mis\@md{margin-inline-start:var(--md-mis)}.-mbs\@md{margin-block-start:var(--md-mbs)}.-g\@md{gap:var(--md-g)}.-colg\@md{-moz-column-gap:var(--md-colg);column-gap:var(--md-colg)}.-rowg\@md{row-gap:var(--md-rowg)}.-fxw\@md{flex-wrap:var(--md-fxw)}.-fxd\@md{flex-direction:var(--md-fxd)}.-fx\@md{flex:var(--md-fx)}.-fxb\@md{flex-basis:var(--md-fxb)}.-gd\@md{grid:var(--md-gd)}.-gta\@md{grid-template-areas:var(--md-gta)}.-gtc\@md{grid-template-columns:var(--md-gtc)}.-gtr\@md{grid-template-rows:var(--md-gtr)}.-gaf\@md{grid-auto-flow:var(--md-gaf)}.-gac\@md{grid-auto-columns:var(--md-gac)}.-gar\@md{grid-auto-rows:var(--md-gar)}.-ga\@md{grid-area:var(--md-ga)}.-gr\@md{grid-row:var(--md-gr)}.-gc\@md{grid-column:var(--md-gc)}.-ai\@md{align-items:var(--md-ai)}.-ac\@md{align-content:var(--md-ac)}.-ji\@md{justify-items:var(--md-ji)}.-jc\@md{justify-content:var(--md-jc)}.-cols\@md{--cols:var(--md-cols)!important}.-rows\@md{--rows:var(--md-rows)!important}}@container (min-width: 960px){.-w\@lg{width:var(--lg-w)}.-h\@lg{height:var(--lg-h)}.-maxW\@lg{max-width:var(--lg-maxW)}.-minW\@lg{min-width:var(--lg-minW)}.-maxH\@lg{max-height:var(--lg-maxH)}.-minH\@lg{min-height:var(--lg-minH)}.-bg\@lg{background:var(--lg-bg)}.-bdw\@lg{--bdw:var(--lg-bdw)!important}.-fz\@lg{font-size:var(--lg-fz)}.-d\@lg{display:var(--lg-d)}.-ar\@lg{aspect-ratio:var(--lg-ar)}.-bdrs\@lg{border-radius:var(--lg-bdrs)}.-p\@lg{padding:var(--lg-p)}.-px\@lg{padding-inline:var(--lg-px)}.-py\@lg{padding-block:var(--lg-py)}.-pt\@lg{padding-top:var(--lg-pt)}.-pr\@lg{padding-right:var(--lg-pr)}.-pb\@lg{padding-bottom:var(--lg-pb)}.-pl\@lg{padding-left:var(--lg-pl)}.-pis\@lg{padding-inline-start:var(--lg-pis)}.-pbs\@lg{padding-block-start:var(--lg-pbs)}.-m\@lg{margin:var(--lg-m)}.-mx\@lg{margin-inline:var(--lg-mx)}.-my\@lg{margin-block:var(--lg-my)}.-mt\@lg{margin-top:var(--lg-mt)}.-mr\@lg{margin-right:var(--lg-mr)}.-mb\@lg{margin-bottom:var(--lg-mb)}.-ml\@lg{margin-left:var(--lg-ml)}.-mis\@lg{margin-inline-start:var(--lg-mis)}.-mbs\@lg{margin-block-start:var(--lg-mbs)}.-g\@lg{gap:var(--lg-g)}.-colg\@lg{-moz-column-gap:var(--lg-colg);column-gap:var(--lg-colg)}.-rowg\@lg{row-gap:var(--lg-rowg)}.-fxw\@lg{flex-wrap:var(--lg-fxw)}.-fxd\@lg{flex-direction:var(--lg-fxd)}.-fx\@lg{flex:var(--lg-fx)}.-fxb\@lg{flex-basis:var(--lg-fxb)}.-gd\@lg{grid:var(--lg-gd)}.-gta\@lg{grid-template-areas:var(--lg-gta)}.-gtc\@lg{grid-template-columns:var(--lg-gtc)}.-gtr\@lg{grid-template-rows:var(--lg-gtr)}.-gaf\@lg{grid-auto-flow:var(--lg-gaf)}.-gac\@lg{grid-auto-columns:var(--lg-gac)}.-gar\@lg{grid-auto-rows:var(--lg-gar)}.-ga\@lg{grid-area:var(--lg-ga)}.-gr\@lg{grid-row:var(--lg-gr)}.-gc\@lg{grid-column:var(--lg-gc)}.-ai\@lg{align-items:var(--lg-ai)}.-ac\@lg{align-content:var(--lg-ac)}.-ji\@lg{justify-items:var(--lg-ji)}.-jc\@lg{justify-content:var(--lg-jc)}.-cols\@lg{--cols:var(--lg-cols)!important}.-rows\@lg{--rows:var(--lg-rows)!important}}@media (any-hover:hover){.-hov\:fade:hover{opacity:.65}.-hov\:c\::hover{color:var(--hov-c)!important}.-hov\:bdc\::hover{border-color:var(--hov-bdc)!important}.-hov\:bgc\::hover{background-color:var(--hov-bgc)!important}.-hov\:bxsh\::hover{box-shadow:var(--hov-bxsh)}.-hov\:set:hover{--_notHov: }.-hov\:set:not(:hover){--_isHov: }}@media (any-hover:none){.-hov\:set{--_isHov: }}.-hov\:get\:hide{opacity:var(--_isHov,0)}.-hov\:get\:show{opacity:var(--_notHov,0);visibility:var(--_notHov,hidden)}
package/dist/css/base.css ADDED
@@ -0,0 +1 @@
1
+ :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;--flowGap--s:var(--s30);--flowGap--m:var(--s40);--flowGap--l:var(--s50);--flowGap--h:2.5em;--gutter:var(--s40);--ff--base:-apple-system,"BlinkMacSystemFont","Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif,"Segoe UI Emoji";--ff--accent:"Garamond","Baskerville","Times New Roman",serif;--ff--mono:Menlo,Consolas,monaco,monospace;--fz-mol:8;--fz--4xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 5));--fz--3xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 4));--fz--2xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 3));--fz--xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 2));--fz--l:calc(1em*var(--fz-mol)/(var(--fz-mol) - 1));--fz--m:1em;--fz--s:calc(1em*var(--fz-mol)/(var(--fz-mol) + 1));--fz--xs:calc(1em*var(--fz-mol)/(var(--fz-mol) + 2));--fz--2xs:calc(1em*var(--fz-mol)/(var(--fz-mol) + 3));--fw--light:300;--fw--normal:400;--fw--medium:500;--fw--bold:700;--lh--base:1.75;--lh--xs:calc(var(--lh--base) - 0.25);--lh--s:calc(var(--lh--base) - 0.125);--lh--l:calc(var(--lh--base) + 0.125);--lh--xl:calc(var(--lh--base) + 0.25);--lts--base:normal;--lts--s:-0.05em;--lts--l:0.05em;--lts--xl:0.125em;--black:#000;--white:#fff;--gray:#566676;--red:#db3024;--orange:#dc6d18;--yellow:#dcb518;--green:#1abc3a;--blue:#2192de;--purple:#6124db;--pink:#db249e;--c--main:#1e4e6b;--c--accent:#bc3453;--c--base:#fcfcfd;--c--base-2:#eeeff1;--c--text-hsl:224 4% 8%;--c--text:hsl(var(--c--text-hsl));--c--text-2:#62646a;--c--divider:#cfd0d3;--c--link:#0c61e4;--op--low:0.25;--op--mid:0.5;--op--high:0.75;--trsdu--default:0.4s;--trsdu--modal:0.5s;--trsdu--acc:0.4s;--bdrs--1:0.125rem;--bdrs--2:0.25rem;--bdrs--3:0.5rem;--bdrs--4:1rem;--bdrs--5:2rem;--bdrs--99:99rem;--sh-hsl:var(--c--text-hsl);--sh-a: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}@property --herfLeading{syntax:"*";inherits:false;initial-value:calc(.5lh - .5em)}@property --trimHL{syntax:"*";inherits:false;initial-value:calc(-.5lh - -.5em)}html{font-size:var(--root-fz);-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}body{background-color:var(--c--base);color:var(--c--text);font-family:var(--ff--base);font-size:1rem;letter-spacing:var(--lts--base);line-height:var(--lh--base);overflow-x:clip}:where(h1,h2,h3,h4,h5,h6){font-family:var(--heading-ff,inherit);font-size:var(--fz,revert);font-weight:var(--heading-fw,bolder);line-height:var(--lh,inherit)}h1{--fz:var(--fz--3xl);--lh:var(--lh--xs)}h2{--fz:var(--fz--2xl);--lh:var(--lh--xs)}h3{--fz:var(--fz--xl);--lh:var(--lh--s)}h4{--fz:var(--fz--l);--lh:var(--lh--s)}h5{--fz:var(--fz--m)}h6{--fz:var(--fz--s)}:where(ul,ol){list-style:none;padding:0;padding-inline-start:var(--list-pis,0)}:where(ul,ol):not([class]){--list-pis:1.5em;list-style:revert}:where(a){color:var(--c--link);-webkit-text-decoration:var(--link-td,underline);text-decoration:var(--link-td,underline)}:where(td,th){min-inline-size:var(--cell-minIs,unset);padding:var(--cell-p,.5em)}:where(th){background-color:var(--th-bgc,transparent);color:var(--th-c,inherit)}:where(td){background-color:var(--td-bgc,transparent);color:var(--td-c,inherit)}:where(hr){block-size:0;border:none;border-block-start:1px solid}:where(blockquote){border-inline-start:3px solid currentColor;padding:var(--s30)}:where(pre){overflow-x:auto}body:where(:has(:modal[open])){overflow:hidden}dialog:where(:not([open])){pointer-events:none}:root{--root-fz:clamp(0.875rem,0.625rem + 1vw,1rem);--hov-trsdu:0.3s;--overwide-size:100vw}.re--sh,:root{--sh-color:hsl(var(--sh-hsl)/var(--sh-a));--bxsh--1:var(--sh-sz--0) var(--sh-color),var(--sh-sz--1) var(--sh-color);--bxsh--2:var(--sh-sz--1) var(--sh-color),var(--sh-sz--2) var(--sh-color);--bxsh--3:var(--sh-sz--2) var(--sh-color),var(--sh-sz--3) var(--sh-color);--bxsh--4:var(--sh-sz--3) var(--sh-color),var(--sh-sz--4) var(--sh-color);--bxsh--5:var(--sh-sz--4) var(--sh-color),var(--sh-sz--5) var(--sh-color);--bxsh--i1:inset var(--sh-sz--0) var(--sh-color),inset var(--sh-sz--1) var(--sh-color);--bxsh--i2:inset var(--sh-sz--1) var(--sh-color),inset var(--sh-sz--2) var(--sh-color)}:where(.re--style){background:none;border:none;color:inherit;font:inherit;height:auto;margin:0;max-height:unset;max-width:unset;padding:0;width:auto}.re--list{--list-pis:1.5em;list-style:revert}
package/dist/css/dynamic.css ADDED
@@ -0,0 +1 @@
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 ADDED
@@ -0,0 +1 @@
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 ADDED
@@ -0,0 +1 @@
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))}:where([class*="-bd:"]){--bds:solid;--bdw:1px;--bdc:currentColor;--bd:var(--bdw) var(--bds) var(--bdc)}.-bd\:{border-color:var(--bdc);border-style:var(--bds);border-width:var(--bdw)}.-bd\:n{border:none}.-bd\:inherit{border:inherit}.-bd\:l{border-left:var(--bd)}.-bd\:r{border-right:var(--bd)}.-bd\:t{border-top:var(--bd)}.-bd\:b{border-bottom:var(--bd)}.-bd\:x{border-inline:var(--bd)}.-bd\:y{border-block:var(--bd)}.-bd\:is{border-inline-start:var(--bd)}.-bd\:ie{border-inline-end:var(--bd)}.-bd\:bs{border-block-start:var(--bd)}.-bd\:be{border-block-end:var(--bd)}:where(.-trs\:){--trsdu:var(--trsdu--default);--trsp:all;--trstf:ease}.-trs\:{transition:var(--trsdu) var(--trstf);transition-property:var(--trsp)}.-w\:{width:var(--w)}.-w\: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}[class*="-c:"]{color:var(--c)}.-c\:main{--c:var(--c--main)}.-c\:accent{--c:var(--c--accent)}.-c\:base{--c:var(--c--base)}.-c\:text{--c:var(--c--text)}.-c\:text-2{--c:var(--c--text-2)}.-c\:inherit{color:inherit}[class*="-bgc:"]{background-color:var(--bgc)}.-bgc\:main{--bgc:var(--c--main)}.-bgc\:accent{--bgc:var(--c--accent)}.-bgc\:base{--bgc:var(--c--base)}.-bgc\:base-2{--bgc:var(--c--base-2)}.-bgc\:text{--bgc:var(--c--text)}.-bgc\:inherit{background-color:inherit}.-bg\:{background:var(--bg)}.-bg\:n{background:none}.-bgr\:n{background-repeat:no-repeat}.-bgp\:c{background-position:50%}.-bgsz\:cv{background-size:cover}.-bgsz\:ct{background-size:contain}.-bdc\:main{--bdc:var(--c--main)}.-bdc\:accent{--bdc:var(--c--accent)}.-bdc\:divider{--bdc:var(--c--divider)}.-bdc\:inherit{--bdc:inherit}.-bdc\:t{--bdc:transparent}.-f\:inherit{font:inherit}[class*="-fz:"]{font-size:var(--fz)}.-fz\:root{--fz:1rem}.-fz\:2xs{--fz:var(--fz--2xs)}.-fz\:xs{--fz:var(--fz--xs)}.-fz\:s{--fz:var(--fz--s)}.-fz\:m{--fz:var(--fz--m)}.-fz\:l{--fz:var(--fz--l)}.-fz\:xl{--fz:var(--fz--xl)}.-fz\:2xl{--fz:var(--fz--2xl)}.-fz\:3xl{--fz:var(--fz--3xl)}.-fz\:4xl{--fz:var(--fz--4xl)}.-ff\:base{font-family:var(--ff--base)}.-ff\:accent{font-family:var(--ff--accent)}.-ff\:mono{font-family:var(--ff--mono)}.-fw\:light{font-weight:var(--fw--light)}.-fw\:normal{font-weight:var(--fw--normal)}.-fw\:medium{font-weight:var(--fw--medium)}.-fw\:bold{font-weight:var(--fw--bold)}.-fs\:i{font-style:italic}.-lh\:base{line-height:var(--lh--base)}.-lh\:xs{line-height:var(--lh--xs)}.-lh\:s{line-height:var(--lh--s)}.-lh\:l{line-height:var(--lh--l)}.-lh\:xl{line-height:var(--lh--xl)}.-lh\:1{line-height:1}.-lts\:base{letter-spacing:var(--lts--base)}.-lts\:s{letter-spacing:var(--lts--s)}.-lts\:l{letter-spacing:var(--lts--l)}.-lts\:xl{letter-spacing:var(--lts--xl)}.-ta\:l{text-align:left}.-ta\:r{text-align:right}.-ta\:c{text-align:center}.-td\:n{text-decoration:none}.-td\:u{text-decoration:underline}.-d\:{display:var(--d)}.-d\:n{display:none}.-d\:b{display:block}.-d\:f{display:flex}.-d\:g{display:grid}.-d\:i{display:inline}.-d\:if{display:inline-flex}.-d\:ig{display:inline-grid}.-d\:ib{display:inline-block}.-v\:h{visibility:hidden}.-v\:v{visibility:visible}.-ov\:h{overflow:hidden}.-ov\:a{overflow:auto}.-ov\:c{overflow:clip}.-ov\:s{overflow:scroll}.-ovx\:h{overflow-x:hidden}.-ovx\:a{overflow-x:auto}.-ovx\:c{overflow-x:clip}.-ovx\:s{overflow-x:scroll}.-ovy\:h{overflow-y:hidden}.-ovy\:a{overflow-y:auto}.-ovy\:c{overflow-y:clip}.-ovy\:s{overflow-y:scroll}.-ar\:{aspect-ratio:var(--ar)}.-ar\:16\/9{aspect-ratio:16/9}.-ar\:3\/2{aspect-ratio:3/2}.-ar\:1\/1{aspect-ratio:1/1}.-ar\:ogp{aspect-ratio:1.91/1}.-ar\:gold{aspect-ratio:16.18/10}.-op\:0{opacity:0}.-op\:low{opacity:var(--op--low)}.-op\:mid{opacity:var(--op--mid)}.-op\:high{opacity:var(--op--high)}[class*="-bdrs:"]{border-radius:var(--bdrs)}.-bdrs\:0{--bdrs:0}.-bdrs\:1{--bdrs:var(--bdrs--1)}.-bdrs\:2{--bdrs:var(--bdrs--2)}.-bdrs\:3{--bdrs:var(--bdrs--3)}.-bdrs\:4{--bdrs:var(--bdrs--4)}.-bdrs\:5{--bdrs:var(--bdrs--5)}.-bdrs\:99{--bdrs:var(--bdrs--99)}.-bdrs\:inner{border-radius:calc(var(--bdrs, 0) - var(--p, 0)*.9)}[class*="-bxsh:"]{box-shadow:var(--bxsh)}.-bxsh\:0{--bxsh:0}.-bxsh\:1{--bxsh:var(--bxsh--1)}.-bxsh\:2{--bxsh:var(--bxsh--2)}.-bxsh\:3{--bxsh:var(--bxsh--3)}.-bxsh\:4{--bxsh:var(--bxsh--4)}.-bxsh\:5{--bxsh:var(--bxsh--5)}.-bxsh\:-1{--bxsh:var(--bxsh--i1)}.-bxsh\:-2{--bxsh:var(--bxsh--i2)}[class*="-p:"]{padding:var(--p)}.-p\:0{--p:0}.-p\:5{--p:var(--s5)}.-p\:10{--p:var(--s10)}.-p\:15{--p:var(--s15)}.-p\:20{--p:var(--s20)}.-p\:30{--p:var(--s30)}.-p\:40{--p:var(--s40)}.-p\:50{--p:var(--s50)}.-p\:60{--p:var(--s60)}.-p\:70{--p:var(--s70)}.-p\:80{--p:var(--s80)}[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)}[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)}[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)}[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)}[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}[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)}[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)}[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}.-rotate\:180{rotate:180deg}.-whs\:nw{white-space:nowrap}.-ovw\:any{overflow-wrap:anywhere}.-obf\:cn{-o-object-fit:contain;object-fit:contain}.-obf\:cv{-o-object-fit:cover;object-fit:cover}.-wm\:v-rl{writing-mode:vertical-rl}.-bxz\:cb{box-sizing:content-box}@container (min-width: 480px){.-w\@sm{width:var(--sm-w)}.-h\@sm{height:var(--sm-h)}.-maxW\@sm{max-width:var(--sm-maxW)}.-minW\@sm{min-width:var(--sm-minW)}.-maxH\@sm{max-height:var(--sm-maxH)}.-minH\@sm{min-height:var(--sm-minH)}.-bg\@sm{background:var(--sm-bg)}.-bdw\@sm{--bdw:var(--sm-bdw)!important}.-fz\@sm{font-size:var(--sm-fz)}.-d\@sm{display:var(--sm-d)}.-ar\@sm{aspect-ratio:var(--sm-ar)}.-bdrs\@sm{border-radius:var(--sm-bdrs)}.-p\@sm{padding:var(--sm-p)}.-px\@sm{padding-inline:var(--sm-px)}.-py\@sm{padding-block:var(--sm-py)}.-pt\@sm{padding-top:var(--sm-pt)}.-pr\@sm{padding-right:var(--sm-pr)}.-pb\@sm{padding-bottom:var(--sm-pb)}.-pl\@sm{padding-left:var(--sm-pl)}.-pis\@sm{padding-inline-start:var(--sm-pis)}.-pbs\@sm{padding-block-start:var(--sm-pbs)}.-m\@sm{margin:var(--sm-m)}.-mx\@sm{margin-inline:var(--sm-mx)}.-my\@sm{margin-block:var(--sm-my)}.-mt\@sm{margin-top:var(--sm-mt)}.-mr\@sm{margin-right:var(--sm-mr)}.-mb\@sm{margin-bottom:var(--sm-mb)}.-ml\@sm{margin-left:var(--sm-ml)}.-mis\@sm{margin-inline-start:var(--sm-mis)}.-mbs\@sm{margin-block-start:var(--sm-mbs)}.-g\@sm{gap:var(--sm-g)}.-colg\@sm{-moz-column-gap:var(--sm-colg);column-gap:var(--sm-colg)}.-rowg\@sm{row-gap:var(--sm-rowg)}.-fxw\@sm{flex-wrap:var(--sm-fxw)}.-fxd\@sm{flex-direction:var(--sm-fxd)}.-fx\@sm{flex:var(--sm-fx)}.-fxb\@sm{flex-basis:var(--sm-fxb)}.-gd\@sm{grid:var(--sm-gd)}.-gta\@sm{grid-template-areas:var(--sm-gta)}.-gtc\@sm{grid-template-columns:var(--sm-gtc)}.-gtr\@sm{grid-template-rows:var(--sm-gtr)}.-gaf\@sm{grid-auto-flow:var(--sm-gaf)}.-gac\@sm{grid-auto-columns:var(--sm-gac)}.-gar\@sm{grid-auto-rows:var(--sm-gar)}.-ga\@sm{grid-area:var(--sm-ga)}.-gr\@sm{grid-row:var(--sm-gr)}.-gc\@sm{grid-column:var(--sm-gc)}.-ai\@sm{align-items:var(--sm-ai)}.-ac\@sm{align-content:var(--sm-ac)}.-ji\@sm{justify-items:var(--sm-ji)}.-jc\@sm{justify-content:var(--sm-jc)}.-cols\@sm{--cols:var(--sm-cols)!important}.-rows\@sm{--rows:var(--sm-rows)!important}}@container (min-width: 720px){.-w\@md{width:var(--md-w)}.-h\@md{height:var(--md-h)}.-maxW\@md{max-width:var(--md-maxW)}.-minW\@md{min-width:var(--md-minW)}.-maxH\@md{max-height:var(--md-maxH)}.-minH\@md{min-height:var(--md-minH)}.-bg\@md{background:var(--md-bg)}.-bdw\@md{--bdw:var(--md-bdw)!important}.-fz\@md{font-size:var(--md-fz)}.-d\@md{display:var(--md-d)}.-ar\@md{aspect-ratio:var(--md-ar)}.-bdrs\@md{border-radius:var(--md-bdrs)}.-p\@md{padding:var(--md-p)}.-px\@md{padding-inline:var(--md-px)}.-py\@md{padding-block:var(--md-py)}.-pt\@md{padding-top:var(--md-pt)}.-pr\@md{padding-right:var(--md-pr)}.-pb\@md{padding-bottom:var(--md-pb)}.-pl\@md{padding-left:var(--md-pl)}.-pis\@md{padding-inline-start:var(--md-pis)}.-pbs\@md{padding-block-start:var(--md-pbs)}.-m\@md{margin:var(--md-m)}.-mx\@md{margin-inline:var(--md-mx)}.-my\@md{margin-block:var(--md-my)}.-mt\@md{margin-top:var(--md-mt)}.-mr\@md{margin-right:var(--md-mr)}.-mb\@md{margin-bottom:var(--md-mb)}.-ml\@md{margin-left:var(--md-ml)}.-mis\@md{margin-inline-start:var(--md-mis)}.-mbs\@md{margin-block-start:var(--md-mbs)}.-g\@md{gap:var(--md-g)}.-colg\@md{-moz-column-gap:var(--md-colg);column-gap:var(--md-colg)}.-rowg\@md{row-gap:var(--md-rowg)}.-fxw\@md{flex-wrap:var(--md-fxw)}.-fxd\@md{flex-direction:var(--md-fxd)}.-fx\@md{flex:var(--md-fx)}.-fxb\@md{flex-basis:var(--md-fxb)}.-gd\@md{grid:var(--md-gd)}.-gta\@md{grid-template-areas:var(--md-gta)}.-gtc\@md{grid-template-columns:var(--md-gtc)}.-gtr\@md{grid-template-rows:var(--md-gtr)}.-gaf\@md{grid-auto-flow:var(--md-gaf)}.-gac\@md{grid-auto-columns:var(--md-gac)}.-gar\@md{grid-auto-rows:var(--md-gar)}.-ga\@md{grid-area:var(--md-ga)}.-gr\@md{grid-row:var(--md-gr)}.-gc\@md{grid-column:var(--md-gc)}.-ai\@md{align-items:var(--md-ai)}.-ac\@md{align-content:var(--md-ac)}.-ji\@md{justify-items:var(--md-ji)}.-jc\@md{justify-content:var(--md-jc)}.-cols\@md{--cols:var(--md-cols)!important}.-rows\@md{--rows:var(--md-rows)!important}}@container (min-width: 960px){.-w\@lg{width:var(--lg-w)}.-h\@lg{height:var(--lg-h)}.-maxW\@lg{max-width:var(--lg-maxW)}.-minW\@lg{min-width:var(--lg-minW)}.-maxH\@lg{max-height:var(--lg-maxH)}.-minH\@lg{min-height:var(--lg-minH)}.-bg\@lg{background:var(--lg-bg)}.-bdw\@lg{--bdw:var(--lg-bdw)!important}.-fz\@lg{font-size:var(--lg-fz)}.-d\@lg{display:var(--lg-d)}.-ar\@lg{aspect-ratio:var(--lg-ar)}.-bdrs\@lg{border-radius:var(--lg-bdrs)}.-p\@lg{padding:var(--lg-p)}.-px\@lg{padding-inline:var(--lg-px)}.-py\@lg{padding-block:var(--lg-py)}.-pt\@lg{padding-top:var(--lg-pt)}.-pr\@lg{padding-right:var(--lg-pr)}.-pb\@lg{padding-bottom:var(--lg-pb)}.-pl\@lg{padding-left:var(--lg-pl)}.-pis\@lg{padding-inline-start:var(--lg-pis)}.-pbs\@lg{padding-block-start:var(--lg-pbs)}.-m\@lg{margin:var(--lg-m)}.-mx\@lg{margin-inline:var(--lg-mx)}.-my\@lg{margin-block:var(--lg-my)}.-mt\@lg{margin-top:var(--lg-mt)}.-mr\@lg{margin-right:var(--lg-mr)}.-mb\@lg{margin-bottom:var(--lg-mb)}.-ml\@lg{margin-left:var(--lg-ml)}.-mis\@lg{margin-inline-start:var(--lg-mis)}.-mbs\@lg{margin-block-start:var(--lg-mbs)}.-g\@lg{gap:var(--lg-g)}.-colg\@lg{-moz-column-gap:var(--lg-colg);column-gap:var(--lg-colg)}.-rowg\@lg{row-gap:var(--lg-rowg)}.-fxw\@lg{flex-wrap:var(--lg-fxw)}.-fxd\@lg{flex-direction:var(--lg-fxd)}.-fx\@lg{flex:var(--lg-fx)}.-fxb\@lg{flex-basis:var(--lg-fxb)}.-gd\@lg{grid:var(--lg-gd)}.-gta\@lg{grid-template-areas:var(--lg-gta)}.-gtc\@lg{grid-template-columns:var(--lg-gtc)}.-gtr\@lg{grid-template-rows:var(--lg-gtr)}.-gaf\@lg{grid-auto-flow:var(--lg-gaf)}.-gac\@lg{grid-auto-columns:var(--lg-gac)}.-gar\@lg{grid-auto-rows:var(--lg-gar)}.-ga\@lg{grid-area:var(--lg-ga)}.-gr\@lg{grid-row:var(--lg-gr)}.-gc\@lg{grid-column:var(--lg-gc)}.-ai\@lg{align-items:var(--lg-ai)}.-ac\@lg{align-content:var(--lg-ac)}.-ji\@lg{justify-items:var(--lg-ji)}.-jc\@lg{justify-content:var(--lg-jc)}.-cols\@lg{--cols:var(--lg-cols)!important}.-rows\@lg{--rows:var(--lg-rows)!important}}@media (any-hover:hover){.-hov\:fade:hover{opacity:.65}.-hov\:c\::hover{color:var(--hov-c)!important}.-hov\:bdc\::hover{border-color:var(--hov-bdc)!important}.-hov\:bgc\::hover{background-color:var(--hov-bgc)!important}.-hov\:bxsh\::hover{box-shadow:var(--hov-bxsh)}.-hov\:set:hover{--_notHov: }.-hov\:set:not(:hover){--_isHov: }}@media (any-hover:none){.-hov\:set{--_isHov: }}.-hov\:get\:hide{opacity:var(--_isHov,0)}.-hov\:get\:show{opacity:var(--_notHov,0);visibility:var(--_notHov,hidden)}
package/dist/css/reset.css ADDED
@@ -0,0 +1 @@
1
+ *,:after,:before{box-sizing:border-box}*{margin:0}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}rt{font-size:50%}:where(img){block-size:auto;max-inline-size:100%;vertical-align:middle}:where(iframe,audio,picture,video){display:block;max-inline-size:100%}:where(iframe){border:none}:where(input,button,textarea,select){color:inherit;font:inherit;text-transform:none}textarea{resize:vertical}button,label,select,summary{cursor:pointer}:disabled{cursor:not-allowed}[aria-busy=true]{cursor:progress}
package/dist/css/state.css ADDED
@@ -0,0 +1 @@
1
+ .has--gutter{padding-inline:var(--gutter)}.is--flow>*{--mbs:var(--flowGap,var(--flowGap--m));margin-block:var(--mbs) 0}.-flow\:s>*{--flowGap:var(--flowGap--s)}.-flow\:ms>*{--flowGap:var(--flowGap--m)}.-flow\:l>*{--flowGap:var(--flowGap--l)}.is--flow>:where(h1,h2,h3:not(h2+h3)){--flowGap:var(--flowGap--h)}.is--flow>:first-child{margin-block-start:0}.is--container{container-type:inline-size;inline-size:100%;margin-inline:auto}.is--container>*{--maxIs:var(--item-size,100%);margin-inline:auto;max-inline-size:min(100%,var(--maxIs,100%))}.-container\:s{--item-size:var(--size--s);--wide-size:var(--size--m)}.-container\:m{--item-size:var(--size--m);--wide-size:var(--size--l)}.-container\:l{--item-size:var(--size--l);--wide-size:var(--size--xl)}.is--fullwide{max-inline-size:100%}:where(.has--gutter)>.is--fullwide{margin-inline:calc(var(--gutter)*-1);max-inline-size:calc(100% + var(--gutter)*2)}.is--fullwide+.is--fullwide{--flowGap:0}.is--wide{max-inline-size:var(--wide-size,100%)}.is--overwide{margin-inline:calc(50% - var(--overwide-size)/2);max-inline-size:var(--overwide-size,100vw)}@property --overwide-size{syntax:"<length-percentage>";initial-value:100%;inherits:true}.is--container{--overwide-size:100cqw}.is--linkBox{color:inherit;cursor:pointer;display:block;isolation:isolate;pointer-events:auto;position:relative;text-decoration:none}is--linkBox>:where(a){pointer-events:auto;position:relative;z-index:1}.is--layer{inset:0;overflow:hidden;position:absolute}
package/dist/css/utility.css ADDED
@@ -0,0 +1 @@
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}
package/dist/css/with_layer.css ADDED
@@ -0,0 +1 @@
1
+ @layer lism.reset, lism.base, lism.state, lism.layout, lism.dynamic, lism.component, lism.utility;@layer lism.reset{*,:after,:before{box-sizing:border-box}*{margin:0}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}rt{font-size:50%}:where(img){block-size:auto;max-inline-size:100%;vertical-align:middle}:where(iframe,audio,picture,video){display:block;max-inline-size:100%}:where(iframe){border:none}:where(input,button,textarea,select){color:inherit;font:inherit;text-transform:none}textarea{resize:vertical}button,label,select,summary{cursor:pointer}:disabled{cursor:not-allowed}[aria-busy=true]{cursor:progress}}@layer lism.base{:root{--size--xl:1600px;--size--l:1280px;--size--m:960px;--size--s:640px;--size--xs:16rem;--s5:0.25rem;--s10:0.375rem;--s20:0.625rem;--s30:1rem;--s40:1.625rem;--s50:2.625rem;--s60:4.25rem;--s70:6.875rem;--s80:11.125rem;--flowGap--s:var(--s30);--flowGap--m:var(--s40);--flowGap--l:var(--s50);--flowGap--h:2.5em;--gutter:var(--s40);--ff--base:-apple-system,"BlinkMacSystemFont","Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif,"Segoe UI Emoji";--ff--accent:"Garamond","Baskerville","Times New Roman",serif;--ff--mono:Menlo,Consolas,monaco,monospace;--fz-mol:8;--fz--4xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 5));--fz--3xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 4));--fz--2xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 3));--fz--xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 2));--fz--l:calc(1em*var(--fz-mol)/(var(--fz-mol) - 1));--fz--m:1em;--fz--s:calc(1em*var(--fz-mol)/(var(--fz-mol) + 1));--fz--xs:calc(1em*var(--fz-mol)/(var(--fz-mol) + 2));--fz--2xs:calc(1em*var(--fz-mol)/(var(--fz-mol) + 3));--fw--light:300;--fw--normal:400;--fw--medium:500;--fw--bold:700;--lh--base:1.75;--lh--xs:calc(var(--lh--base) - 0.25);--lh--s:calc(var(--lh--base) - 0.125);--lh--l:calc(var(--lh--base) + 0.125);--lh--xl:calc(var(--lh--base) + 0.25);--lts--base:normal;--lts--s:-0.05em;--lts--l:0.05em;--lts--xl:0.125em;--black:#000;--white:#fff;--gray:#566676;--red:#db3024;--orange:#dc6d18;--yellow:#dcb518;--green:#1abc3a;--blue:#2192de;--purple:#6124db;--pink:#db249e;--c--main:#1e4e6b;--c--accent:#bc3453;--c--base:#fcfcfd;--c--base-2:#eeeff1;--c--text-hsl:224 4% 8%;--c--text:hsl(var(--c--text-hsl));--c--text-2:#62646a;--c--divider:#cfd0d3;--c--link:#0c61e4;--op--low:0.25;--op--mid:0.5;--op--high:0.75;--trsdu--default:0.4s;--trsdu--modal:0.5s;--trsdu--acc:0.4s;--bdrs--1:0.125rem;--bdrs--2:0.25rem;--bdrs--3:0.5rem;--bdrs--4:1rem;--bdrs--5:2rem;--bdrs--99:99rem;--sh-hsl:var(--c--text-hsl);--sh-a: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}@property --herfLeading{syntax:"*";inherits:false;initial-value:calc(.5lh - .5em)}@property --trimHL{syntax:"*";inherits:false;initial-value:calc(-.5lh - -.5em)}html{font-size:var(--root-fz);-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}body{background-color:var(--c--base);color:var(--c--text);font-family:var(--ff--base);font-size:1rem;letter-spacing:var(--lts--base);line-height:var(--lh--base);overflow-x:clip}:where(h1,h2,h3,h4,h5,h6){font-family:var(--heading-ff,inherit);font-size:var(--fz,revert);font-weight:var(--heading-fw,bolder);line-height:var(--lh,inherit)}h1{--fz:var(--fz--3xl);--lh:var(--lh--xs)}h2{--fz:var(--fz--2xl);--lh:var(--lh--xs)}h3{--fz:var(--fz--xl);--lh:var(--lh--s)}h4{--fz:var(--fz--l);--lh:var(--lh--s)}h5{--fz:var(--fz--m)}h6{--fz:var(--fz--s)}:where(ul,ol){list-style:none;padding:0;padding-inline-start:var(--list-pis,0)}:where(ul,ol):not([class]){--list-pis:1.5em;list-style:revert}:where(a){color:var(--c--link);-webkit-text-decoration:var(--link-td,underline);text-decoration:var(--link-td,underline)}:where(td,th){min-inline-size:var(--cell-minIs,unset);padding:var(--cell-p,.5em)}:where(th){background-color:var(--th-bgc,transparent);color:var(--th-c,inherit)}:where(td){background-color:var(--td-bgc,transparent);color:var(--td-c,inherit)}:where(hr){block-size:0;border:none;border-block-start:1px solid}:where(blockquote){border-inline-start:3px solid currentColor;padding:var(--s30)}:where(pre){overflow-x:auto}body:where(:has(:modal[open])){overflow:hidden}dialog:where(:not([open])){pointer-events:none}:root{--root-fz:clamp(0.875rem,0.625rem + 1vw,1rem);--hov-trsdu:0.3s;--overwide-size:100vw}.re--sh,:root{--sh-color:hsl(var(--sh-hsl)/var(--sh-a));--bxsh--1:var(--sh-sz--0) var(--sh-color),var(--sh-sz--1) var(--sh-color);--bxsh--2:var(--sh-sz--1) var(--sh-color),var(--sh-sz--2) var(--sh-color);--bxsh--3:var(--sh-sz--2) var(--sh-color),var(--sh-sz--3) var(--sh-color);--bxsh--4:var(--sh-sz--3) var(--sh-color),var(--sh-sz--4) var(--sh-color);--bxsh--5:var(--sh-sz--4) var(--sh-color),var(--sh-sz--5) var(--sh-color);--bxsh--i1:inset var(--sh-sz--0) var(--sh-color),inset var(--sh-sz--1) var(--sh-color);--bxsh--i2:inset var(--sh-sz--1) var(--sh-color),inset var(--sh-sz--2) var(--sh-color)}:where(.re--style){background:none;border:none;color:inherit;font:inherit;height:auto;margin:0;max-height:unset;max-width:unset;padding:0;width:auto}.re--list{--list-pis:1.5em;list-style:revert}}@layer lism.state{.has--gutter{padding-inline:var(--gutter)}.is--flow>*{--mbs:var(--flowGap,var(--flowGap--m));margin-block:var(--mbs) 0}.-flow\:s>*{--flowGap:var(--flowGap--s)}.-flow\:ms>*{--flowGap:var(--flowGap--m)}.-flow\:l>*{--flowGap:var(--flowGap--l)}.is--flow>:where(h1,h2,h3:not(h2+h3)){--flowGap:var(--flowGap--h)}.is--flow>:first-child{margin-block-start:0}.is--container{container-type:inline-size;inline-size:100%;margin-inline:auto}.is--container>*{--maxIs:var(--item-size,100%);margin-inline:auto;max-inline-size:min(100%,var(--maxIs,100%))}.-container\:s{--item-size:var(--size--s);--wide-size:var(--size--m)}.-container\:m{--item-size:var(--size--m);--wide-size:var(--size--l)}.-container\:l{--item-size:var(--size--l);--wide-size:var(--size--xl)}.is--fullwide{max-inline-size:100%}:where(.has--gutter)>.is--fullwide{margin-inline:calc(var(--gutter)*-1);max-inline-size:calc(100% + var(--gutter)*2)}.is--fullwide+.is--fullwide{--flowGap:0}.is--wide{max-inline-size:var(--wide-size,100%)}.is--overwide{margin-inline:calc(50% - var(--overwide-size)/2);max-inline-size:var(--overwide-size,100vw)}@property --overwide-size{syntax:"<length-percentage>";initial-value:100%;inherits:true}.is--container{--overwide-size:100cqw}.is--linkBox{color:inherit;cursor:pointer;display:block;isolation:isolate;pointer-events:auto;position:relative;text-decoration:none}is--linkBox>:where(a){pointer-events:auto;position:relative;z-index:1}.is--layer{inset:0;overflow:hidden;position:absolute}}@layer lism.layout{.l--frame{overflow:hidden}.l--frame>:where(img,video,picture,iframe){display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.l--flex{display:flex}.l--flex--cluster{align-items:center;flex-wrap:wrap}.l--grid{display:grid}.l--grid--repeat{--rows:1;--cols:1;grid-template:repeat(var(--rows),1fr)/repeat(var(--cols),1fr)}.l--stack{display:flex;flex-direction:column}.l--center{display:grid;place-content:center;place-items:center}.l--columns{--cols:2;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr))}.l--columns--liquid{--col-auto:auto-fill;--col-size:var(--size--xs);display:grid;grid-template-columns:repeat(var(--col-auto),minmax(min(var(--col-size),100%),1fr))}.l--withSide{--side-w:auto;--main-w:max(var(--size--xs),50%);display:flex;flex-wrap:wrap}.l--withSide>[data-is-side]{flex-basis:var(--side-w);flex-grow:1}.l--withSide>:not([data-is-side]){flex-basis:min(100%,var(--main-w));flex-grow:9999999}.l--icon{--scale:1;--offset:0;display:inline-flex;flex-shrink:0;scale:var(--scale);translate:var(--offset);vertical-align:middle}.l--icon:where(:not([fill])){fill:currentcolor}.l--icon:where(:not([width])){height:1em;width:1em}.l--divider{--bdc:var(--c--divider)}}@layer lism.dynamic{.d--accordion{--trsdu:var(--trsdu--acc)}.d--accordion.-opened{--_notOpened: }.d--accordion:not(.-opened){--_isOpened: }.d--accordion__header{gap:.5em;outline-offset:-1px}.d--accordion__header::-webkit-details-marker{display:none}.d--accordion__body{grid-template-rows:1fr;transition-duration:var(--trsdu);transition-property:margin-block,padding-block,opacity,grid-template-rows}:where(.d--accordion:not(.-opened))>.d--accordion__body{grid-template-rows:0fr;margin-block:0!important;padding-block:0!important}:where(.d--accordion__icon)>.l--icon{rotate:var(--_isOpened,-180deg);transition-duration:var(--trsdu)}.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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "lism-css",
3
- "version": "0.0.10",
3
+ "version": "0.0.11",
4
4
  "description": "A layout-first CSS framework for websites.",
5
5
  "author": {
6
6
  "name": "ddryo",
package/src/scss/_props.scss CHANGED
@@ -592,10 +592,16 @@ $props: (
592
592
  'gtc': (
593
593
  prop: 'grid-template-columns',
594
594
  bp: 1,
595
+ utilities: (
596
+ 'subgrid': 'subgrid',
597
+ ),
595
598
  ),
596
599
  'gtr': (
597
600
  prop: 'grid-template-rows',
598
601
  bp: 1,
602
+ utilities: (
603
+ 'subgrid': 'subgrid',
604
+ ),
599
605
  ),
600
606
  'gaf': (
601
607
  prop: 'grid-auto-flow',
@@ -626,10 +632,16 @@ $props: (
626
632
  'gr': (
627
633
  prop: 'grid-row',
628
634
  bp: 1,
635
+ // utilities: (
636
+ // 'full': '1/-1',
637
+ // ),
629
638
  ),
630
639
  'gc': (
631
640
  prop: 'grid-column',
632
641
  bp: 1,
642
+ // utilities: (
643
+ // 'full': '1/-1',
644
+ // ),
633
645
  ),
634
646
  'ai': (
635
647
  prop: 'align-items',
package/src/scss/base/_tokens.scss CHANGED
@@ -15,7 +15,6 @@
15
15
  /* ------------------------------------------------------------
16
16
  Spacing
17
17
  ------------------------------------------------------------ */
18
- --herfLeading: calc((1lh - 1em) / 2);
19
18
 
20
19
  // フィボナッチ数列 0, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89,
21
20
  // 0 .25rem, .5rem, .75rem, 1.25rem, M:(8):2rem, 3.25rem, 5.25rem, 8.5rem
@@ -34,13 +33,7 @@
34
33
  --s80: 11.125rem;
35
34
  // --s90: 18rem;
36
35
 
37
- // テキストのline-height分を考慮した上下左右の余白
38
- // --p--box--s: 0.75em; //calc(0.75em - var(--herfLeading)) 0.75em; //0.625em 0.75em;
39
- // --p--box: calc(1.25em - var(--herfLeading)) 1.25em;
40
- // --p--box--l: calc(1.75em - var(--herfLeading)) 1.75em; //1.375em 1.5em;
41
-
42
36
  // .is--flow の余白
43
- // --flowGap-offset: calc(var(--herfLeading) * 2);
44
37
  --flowGap--s: var(--s30);
45
38
  --flowGap--m: var(--s40);
46
39
  --flowGap--l: var(--s50);
@@ -296,12 +289,33 @@
296
289
  // --filter--darken: brightness(0.85);
297
290
  }
298
291
 
292
+ /* ------------------------------------------------------------
293
+ ハーフレディング
294
+
295
+ Memo: --herfLeadingとは別に--negativeHLを定義しているのは、トリミングをしないために 0px に上書きした要素でも --herfLeading 自体の値は無効にしないようにするため。
296
+ これにより、imgに対してmargin-block-start:var(--herfLeading) を適用して余白を揃えたりできる。
297
+ */
298
+ @property --herfLeading {
299
+ syntax: '*';
300
+ inherits: false;
301
+ initial-value: calc((1lh - 1em) / 2);
302
+ }
303
+
304
+ // トリミングするネガティブマージン
305
+ // Memo: initial-valueでvar(--herfLeading)は使えなかった
306
+ @property --trimHL {
307
+ syntax: '*';
308
+ inherits: false;
309
+ initial-value: calc((1lh - 1em) / 2 * -1);
310
+ }
311
+
299
312
  // :lang(en) {
300
313
  // --herfLeading: calc((1lh - 1cap) / 2);
301
314
  // }
315
+
302
316
  // lh非サポートブラウザ用のフォールバック
303
- @supports not (gap: 1lh) {
304
- :root {
305
- --herfLeading: 0.125em;
306
- }
307
- }
317
+ // @supports not (gap: 1lh) {
318
+ // :root {
319
+ // --herfLeading: 0px;
320
+ // }
321
+ // }
package/src/scss/utility/_colbox.scss ADDED
@@ -0,0 +1,19 @@
1
+ /*
2
+ Note: c,bgc,bdc Prop Class より前で読み込む(優先度を下げる）こと。
3
+ */
4
+ // 優先度的なことを考慮をすると state系列にするより u-- の方がいい
5
+ .u--colbox {
6
+ --c: var(--c--text);
7
+ --bgc: var(--c--base-2);
8
+ color: var(--c);
9
+ background-color: var(--bgc);
10
+ }
11
+ @supports (color: color-mix(in srgb, #000, #fff)) {
12
+ // --keycol は 必須. 親から引き継ぎたいこともあるかもしれないので、初期セットはしない
13
+ .u--colbox {
14
+ --c: color-mix(in srgb, var(--c--text), var(--keycol) var(--colbox-pct--c, 20%));
15
+ --c--link: var(--c);
16
+ --bgc: color-mix(in srgb, var(--c--base), var(--keycol) var(--colbox-pct--bg, 5%));
17
+ --bdc: var(--keycol);
18
+ }
19
+ }
package/src/scss/utility/_trimHL.scss ADDED
@@ -0,0 +1,18 @@
1
+ table,
2
+ figure,
3
+ img,
4
+ video {
5
+ --trimHL: 0px;
6
+ }
7
+
8
+ .u--trimHL {
9
+ margin-block: var(--trimHL);
10
+ }
11
+ .u--trimBox {
12
+ > :first-child {
13
+ margin-block-start: var(--trimHL);
14
+ }
15
+ > :last-child {
16
+ margin-block-end: var(--trimHL);
17
+ }
18
+ }
package/src/scss/utility/index.scss CHANGED
@@ -1,3 +1,6 @@
1
+ @forward './trimHL';
2
+ @forward './colbox';
3
+
1
4
  // for screen reader
2
5
  .u--hidden {
3
6
  position: absolute;
@@ -11,35 +14,6 @@
11
14
  border-width: 0;
12
15
  }
13
16
 
14
- .u--trimHL {
15
- > :where(p, h1, h2, h3, h4, h5, h6):first-child {
16
- margin-block-start: calc(var(--herfLeading) * -1);
17
- }
18
- > :where(p, h1, h2, h3, h4, h5, h6):last-child {
19
- margin-block-end: calc(var(--herfLeading) * -1);
20
- }
21
- }
22
-
23
- /*
24
- Note: c,bgc,bdc Prop Class より前で読み込むこと。
25
- */
26
- // 優先度的なことを考慮をすると state系列にするより u-- の方がいい
27
- .u--colbox {
28
- --c: var(--c--text);
29
- --bgc: var(--c--base-2);
30
- color: var(--c);
31
- background-color: var(--bgc);
32
- }
33
- @supports (color: color-mix(in srgb, #000, #fff)) {
34
- // --keycol は 必須. 親から引き継ぎたいこともあるかもしれないので、初期セットはしない
35
- .u--colbox {
36
- --c: color-mix(in srgb, var(--c--text), var(--keycol) var(--colbox-pct--c, 40%));
37
- --bgc: color-mix(in srgb, var(--c--base), var(--keycol) var(--colbox-pct--bg, 5%));
38
- --bdc: color-mix(in srgb, var(--c--base), var(--keycol) var(--colbox-pct--bdc, 25%));
39
- --c--link: var(--c);
40
- }
41
- }
42
-
43
17
  .u--overlayLink {
44
18
  text-decoration: none;
45
19
  position: static;