lism-css 0.22.1 → 0.23.0-beta.0

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 (67) hide show
  1. package/dist/components/atomic/Icon/presets.js +2 -1
  2. package/dist/config/default-config.d.ts +134 -49
  3. package/dist/config/default-config.js +8 -6
  4. package/dist/config/defaults/breakpoints.d.ts +15 -0
  5. package/dist/config/defaults/breakpoints.js +10 -0
  6. package/dist/config/defaults/props.d.ts +18 -30
  7. package/dist/config/defaults/props.js +30 -29
  8. package/dist/config/defaults/token-scope.d.ts +9 -0
  9. package/dist/config/defaults/token-scope.js +7 -0
  10. package/dist/config/defaults/token-var-prefix.d.ts +11 -0
  11. package/dist/config/defaults/token-var-prefix.js +11 -0
  12. package/dist/config/defaults/tokens.d.ts +118 -21
  13. package/dist/config/defaults/tokens.js +103 -24
  14. package/dist/config/index.d.ts +279 -105
  15. package/dist/config/index.js +18 -15
  16. package/dist/config/presets/props-full.d.ts +20 -0
  17. package/dist/config/presets/props-full.js +28 -0
  18. package/dist/css/base/set.css +1 -1
  19. package/dist/css/base.css +1 -1
  20. package/dist/css/full.css +1 -0
  21. package/dist/css/full_no_layer.css +1 -0
  22. package/dist/css/main.css +1 -1
  23. package/dist/css/main_no_layer.css +1 -1
  24. package/dist/css/props.css +1 -1
  25. package/dist/index.d.ts +4 -0
  26. package/dist/index.js +1 -0
  27. package/dist/lib/getBpData.d.ts +2 -2
  28. package/dist/lib/getBpData.js +7 -7
  29. package/dist/lib/getLismProps.d.ts +5 -3
  30. package/dist/lib/getLismProps.js +59 -54
  31. package/dist/lib/getMaybeTokenValue.d.ts +1 -7
  32. package/dist/lib/getMaybeTokenValue.js +10 -22
  33. package/dist/lib/getTokenVarName.d.ts +13 -0
  34. package/dist/lib/getTokenVarName.js +8 -0
  35. package/dist/lib/getTokenVarName.test.d.ts +1 -0
  36. package/dist/lib/isTokenValue.js +11 -22
  37. package/dist/lib/types/CustomPropRegistry.d.ts +9 -0
  38. package/dist/lib/types/CustomTraitRegistry.d.ts +9 -0
  39. package/dist/lib/types/FullModeRegistry.d.ts +26 -0
  40. package/dist/lib/types/PropValueTypes.d.ts +45 -13
  41. package/dist/lib/types/ResponsiveProps.d.ts +57 -13
  42. package/dist/lib/types/ResponsiveProps.module-augmentation.test.d.ts +1 -0
  43. package/dist/lib/warnUnsupportedBp.js +5 -5
  44. package/dist/scss/auto_output.test.d.ts +1 -0
  45. package/package.json +23 -33
  46. package/src/scss/_auto_output.scss +54 -42
  47. package/src/scss/_prop-config-full.gen.scss +1316 -0
  48. package/src/scss/{_prop-config.scss → _prop-config.gen.scss} +36 -13
  49. package/src/scss/_setting.scss +6 -11
  50. package/src/scss/auto_output.test.ts +91 -0
  51. package/src/scss/base/index.scss +1 -3
  52. package/src/scss/base/set/index.scss +5 -0
  53. package/src/scss/base/tokens/_tokens.gen.scss +69 -0
  54. package/src/scss/base/tokens/_tokens.scss +36 -35
  55. package/src/scss/full.scss +12 -0
  56. package/src/scss/full_no_layer.scss +32 -0
  57. package/src/scss/props/index.scss +0 -1
  58. package/src/scss/trait/is/_wrapper.scss +1 -1
  59. package/bin/__build-css.cjs +0 -92
  60. package/bin/build-config.js +0 -155
  61. package/bin/build-css.js +0 -90
  62. package/bin/cli.mjs +0 -79
  63. package/bin/script-build-css.js +0 -6
  64. package/src/scss/base/tokens/_shadow.scss +0 -23
  65. package/src/scss/base/tokens/_space.scss +0 -30
  66. package/src/scss/base/tokens/_typography.scss +0 -69
  67. package/src/scss/props/_lh.scss +0 -16
package/dist/css/main_no_layer.css CHANGED
@@ -1 +1 @@
1
- @layer reset{*,:after,:before{box-sizing:border-box}:not(dialog){margin:0}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;line-break:strict;overflow-wrap:anywhere;overflow-x:clip;word-break:normal}html:has(:modal[open]){overflow:clip}body{min-height:100dvh;overflow:inherit}abbr[title]{text-decoration:underline;text-decoration-style:dotted}pre{overflow-x:auto}:is(ul,ol)[class],menu{list-style:none;padding:0}audio,canvas,iframe,img,object,svg,video{max-inline-size:100%;vertical-align:middle}img,video{block-size:auto}iframe{border:none}::file-selector-button,button,input,select,textarea{color:inherit;font:inherit;font-size:max(16px,1em)}fieldset{min-inline-size:0}textarea{max-inline-size:100%;resize:block}[type=checkbox],[type=radio],label[for],select,summary{cursor:pointer}::file-selector-button,[role=button],[role=option],[role=tab],[type=button],[type=reset],[type=submit],button{cursor:pointer;touch-action:manipulation}:disabled{cursor:not-allowed}[hidden=until-found]{z-index:-1}}@property --sz--bleed{syntax:"<length-percentage>";initial-value:100svi;inherits:true}:root{--sz--xl:1600px;--sz--l:1200px;--sz--m:880px;--sz--s:640px;--sz--xs:400px;--black:#000;--white:#fff;--L:60%;--C:0.2;--red:oklch(var(--L) var(--C) 20);--orange:oklch(calc(var(--L) + 6%) calc(var(--C) - 0.01) 48);--yellow:oklch(calc(var(--L) + 12%) calc(var(--C) - 0.02) 80);--green:oklch(calc(var(--L) + 4%) calc(var(--C) - 0.01) 152);--blue:oklch(calc(var(--L) - 4%) calc(var(--C) + 0.01) 264);--purple:oklch(calc(var(--L) - 4%) calc(var(--C) + 0.01) 288);--pink:oklch(calc(var(--L) + 2%) calc(var(--C) + 0.01) 352);--gray:oklch(calc(var(--L) - 4%) calc(var(--C)/10) 240);--brand:#1e5f8c;--accent:#d94a6a;--base:#fcfcfc;--base-2:#f2f2f3;--text:#141414;--text-2:#4e5155;--link:oklch(50% 0.3 240);--divider:#dfe0e2;--shadow:rgba(20,20,21,.12);--neutral:#cbcccd;--o--mp:0.9;--o--p:0.75;--o--pp:0.5;--o--ppp:0.25;--bdrs--10:0.25rem;--bdrs--20:0.5rem;--bdrs--30:1rem;--bdrs--40:1.5rem;--bdrs--99:99rem;--ar--og:1.91/1;--gutter--base:var(--s30);--flow--base:var(--s30);--flow--s:var(--s20)}:root:where([lang=ja]){--flow--base:var(--s35)}@property --hl{syntax:"<length>";inherits:true;initial-value:.25rem}:root{--fz--base:1rem;--fz-mol:8;--fz--5xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 6));--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));--ff--base:-apple-system,"BlinkMacSystemFont","Hiragino Sans",sans-serif,"Segoe UI Emoji";--ff--mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;--ff--accent:"Garamond","Baskerville","Times New Roman",serif;--fw--light:300;--fw--normal:400;--fw--bold:600;--lts--base:normal;--lts--s:-0.025em;--lts--l:0.05em;--lts--xl:0.1em;--hl-unit:calc(var(--fz--base)*0.125);--hl--xs:var(--hl-unit);--hl--s:calc(var(--hl-unit)*2);--hl--base:calc(var(--hl-unit)*3);--hl--l:calc(var(--hl-unit)*4)}.set--s,:root{--s-unit:calc(var(--fz--base)*0.5);--s10:var(--s-unit);--s20:calc(var(--s-unit)*2);--s30:calc(var(--s-unit)*3);--s40:calc(var(--s-unit)*5);--s50:calc(var(--s-unit)*8);--s60:calc(var(--s-unit)*13);--s70:calc(var(--s-unit)*21);--s80:calc(var(--s-unit)*34);--s5:calc(var(--s-unit)*0.5);--s15:calc(var(--s-unit)*1.5);--s25:calc(var(--s-unit)*2.5);--s35:calc(var(--s-unit)*4)}.set--s{--s-unit:0.5em}:root{--shc:var(--shadow);--shsz--10:0px 1px 3px;--shsz--20:0px 2px 6px;--shsz--30:0px 4px 12px;--shsz--40:0px 8px 24px;--shsz--50:0px 16px 48px}.set--bxsh,:root{--bxsh--10:var(--shsz--10) var(--shc);--bxsh--20:var(--shsz--20) var(--shc);--bxsh--30:var(--shsz--30) var(--shc);--bxsh--40:var(--shsz--40) var(--shc);--bxsh--50:var(--shsz--50) var(--shc)}body{--hl:var(--hl--base);background-color:var(--base);color:var(--text);font-family:var(--ff--base);font-size:var(--fz--base);letter-spacing:var(--lts--base);-moz-tab-size:4;-o-tab-size:4;tab-size:4;text-underline-offset:.125em}*{line-height:calc(1em + var(--hl)*2)}:is(h1,h2,h3,h4,h5,h6){font-family:var(--headings-ff,inherit);font-weight:var(--headings-fw,var(--fw--bold))}h1{font-size:var(--fz--3xl)}h2{font-size:var(--fz--2xl)}h3{font-size:var(--fz--xl)}h4{font-size:var(--fz--l)}h5,h6{font-size:var(--fz--m)}a{color:var(--link-c,var(--link));-webkit-text-decoration:var(--link-td,underline);text-decoration:var(--link-td,underline)}small{--hl:var(--hl--s);font-size:var(--fz--xs)}b,strong{font-weight:var(--fw--bold)}sub,sup{--hl:var(--hl--xs);font-size:80%}code,kbd,samp,var{font-family:var(--ff--mono);letter-spacing:normal}:where(blockquote>p)+p{margin-block-start:var(--s10)}blockquote,q{font-style:italic}blockquote,pre{background-color:var(--base-2);padding:var(--s20)}caption,figcaption{font-size:var(--fz--s)}hr{block-size:0;border:none;border-block-start:1px solid var(--divider)}:is(ul,ol):where(:not([class])){list-style:revert;padding-inline-start:var(--list-ps,1.75em)}dt{font-weight:var(--fw--bold)}dd+dt{margin-block-start:var(--s20)}td,th{padding:var(--cells-p,.625em .875em)}::file-selector-button,button,input:not([type=range]),select,textarea{background-color:var(--controls-bgc,var(--base-2));border:1px solid var(--controls-bdc,var(--divider));padding:var(--controls-p,.25em .5em)}:disabled{opacity:var(--o--pp)}:focus-visible{outline-offset:var(--focus-offset,0)}@media (any-hover:hover){.set--hov:hover{--_notHov: }.set--hov:not(:is(:hover,:focus-within)){--_isHov: }}@media (any-hover:none){.set--hov{--_isHov: }}.set--hov:is(:focus-visible,:focus-within){--_notHov: }.set--bdrsInner{--bdrs--inner:calc(var(--bdrs, 0px) - var(--p, 0px))}.set--bleed{--bleed:max(var(--gutter,var(--gutter--base)),calc((100cqi - min(100cqi, var(--contentSize, var(--sz--m)))) / 2))}.set--plain{background:none;border:none;border-radius:0;color:inherit;font:inherit;height:auto;line-height:calc(1em + var(--hl)*2);margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;text-decoration:none;width:auto}:is(ul,ol).set--revert{list-style:revert;padding-inline-start:var(--list-ps,1.75em)}.is--container{container-type:inline-size}.is--container>*{--sz--bleed:100cqi}.is--container.has--gutter>*{--sz--bleed:calc(100cqi + var(--gutter)*2)}.is--container .is--container>*{--sz--bleed:inherit}.is--wrapper{--contentSize:var(--sz--m,100%)}.is--wrapper>*{inline-size:100%;margin-inline:auto;max-inline-size:min(100%,var(--contentSize))}.is--boxLink{color:inherit;cursor:pointer;display:block;isolation:isolate;pointer-events:auto;position:relative;text-decoration:none}.is--boxLink a{position:relative;z-index:2}.is--coverLink{color:inherit;position:static;text-decoration:none}.is--coverLink:before{content:"";inset:0;position:absolute;z-index:1}.is--layer{inset:0;overflow:hidden;position:absolute}.has--transition{--duration:var(--transition-duration,0.25s);--ease:ease;--delay:0s;--transitionProps:all;transition:var(--duration) var(--ease) var(--delay);transition-property:var(--transitionProps)}.has--gutter{--gutter:var(--gutter--base);padding-inline:var(--gutter)}.has--snap{--snapType:both mandatory;--snapAlign:start;--snapStop:normal;scroll-snap-type:var(--snapType)}.has--snap>*{scroll-snap-align:var(--snapAlign);scroll-snap-stop:var(--snapStop)}.has--mask{--maskPos:50%;--maskSize:contain;--maskRepeat:no-repeat;-webkit-mask:var(--maskImg) var(--maskRepeat) var(--maskPos)/var(--maskSize);mask:var(--maskImg) var(--maskRepeat) var(--maskPos)/var(--maskSize)}.l--flow{display:flow-root}.l--flow>*+*{--flow:var(--flow--base);margin-block-start:var(--flow)}.l--flow>:where(img,video,iframe){display:block}.-flow\:s>*{--flow:var(--flow--s)}.-flow\:>*{--flow:inherit}.l--flow>:where(h1,h2,h3,h4,h5,h6){margin-block-start:calc(var(--flow)*2 + .5em)}.is--skipFlow+*,.l--flow>:first-child{--flow:0px}.l--flex{display:flex}.l--flex>*{min-width:0}.l--cluster{align-items:center;display:flex;flex-wrap:wrap}.l--stack{display:flex;flex-direction:column}.l--grid{display:grid}.l--grid>*{min-width:0}.l--center{display:grid;place-content:center;place-items:center}.l--autoColumns{--cols:20rem;--autoMode:auto-fill;display:grid;grid-template-columns:repeat(var(--autoMode),minmax(min(var(--cols),100%),1fr))}.l--columns{--cols:2;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr))}.l--withSide{--sideW:auto;--mainW:max(20rem,50%);display:flex;flex-wrap:wrap}.l--withSide>.is--side{flex-basis:var(--sideW);flex-grow:1;min-width:0}.l--withSide>:not(.is--side){flex-basis:min(100%,var(--mainW));flex-grow:9999999;min-width:0}.l--switchColumns{--breakSize:var(--sz--xs);display:flex;flex-wrap:wrap}.l--switchColumns>*{flex-basis:calc((var(--breakSize) - 100%)*9999);flex-grow:1}.l--tileGrid{display:grid;grid-template:repeat(var(--rows,1),minmax(0,1fr))/repeat(var(--cols,1),minmax(0,1fr))}.l--frame{overflow:hidden}.l--frame>:where(img,video,iframe){display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.a--divider{--bdc:var(--divider);--bds:solid;--bdw:1px;border-block-start:var(--bdw) var(--bds) var(--bdc)}.a--icon{flex-shrink:0}.a--icon:where(:not([fill])){fill:currentcolor}.a--icon:where(:not([width])){height:1em;width:1em}.a--spacer{min-height:1px;min-width:1px}.u--trim,.u--trimAll>:not(:empty,figure,picture,video,button,textarea,table){margin-block:calc(var(--hl)*-1)}.u--cbox{--mutedKeycolor:var(--keycolor);--c:color-mix(in srgb,var(--text),var(--keycolor) var(--cbox-cPct,25%));--bgc:color-mix(in srgb,var(--base),var(--mutedKeycolor) var(--cbox-bgPct,4%));--bdc:color-mix(in srgb,var(--divider),var(--keycolor) var(--cbox-bdPct,50%));--link-c:var(--keycolor);background-color:var(--bgc);color:var(--c)}@supports (color:oklch(from red l c h)){.u--cbox{--mutedKeycolor:oklch(from var(--keycolor) l calc(c * 0.75) h)}}.u--divide,.u--enclose{--bdw:1px;--bdc:var(--divider);gap:var(--bdw)}.u--divide>*,.u--enclose>*{box-shadow:0 0 0 var(--bdw) var(--bdc)}.u--divide{overflow:clip}.u--enclose{padding:var(--bdw)}.u--srOnly:not(#_){border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.u--clipText{-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}.-lh\:1{--hl:0px}.-lh\:base{--hl:var(--hl--base)}.-lh\:xs{--hl:var(--hl--xs)}.-lh\:s{--hl:var(--hl--s)}.-lh\:l{--hl:var(--hl--l)}:where(.-bd,[class*=" -bd-"],[class^=-bd-]){--bds:solid;--bdw:1px;--bdc:var(--divider);border-color:var(--bdc);border-width:var(--bdw)}.-bd{border-style:var(--bds)}.-bd-x{border-inline-style:var(--bds)}.-bd-y{border-block-style:var(--bds)}.-bd-s{border-inline-start-style:var(--bds)}.-bd-e{border-inline-end-style:var(--bds)}.-bd-t{border-top-style:var(--bds)}.-bd-b{border-bottom-style:var(--bds)}.-bd-l{border-left-style:var(--bds)}.-bd-r{border-right-style:var(--bds)}.-bd-bs{border-block-start-style:var(--bds)}.-bd-be{border-block-end-style:var(--bds)}.-max-sz\:full{max-inline-size:100%}:where(.has--gutter)>.-max-sz\:full{inline-size:auto;margin-inline:calc(var(--gutter)*-1);max-inline-size:calc(100% + var(--gutter)*2)}.-max-sz\:bleed{inline-size:auto;margin-inline:calc(50% - var(--sz--bleed, 100svi)/2);max-inline-size:var(--sz--bleed,100svi)}.-f\:inherit{font:inherit}.-fz{font-size:var(--fz)}.-fz\:root{font-size:var(--fz--root)}.-fz\:base{font-size:var(--fz--base)}.-fz\:5xl{font-size:var(--fz--5xl)}.-fz\:4xl{font-size:var(--fz--4xl)}.-fz\:3xl{font-size:var(--fz--3xl)}.-fz\:2xl{font-size:var(--fz--2xl)}.-fz\:xl{font-size:var(--fz--xl)}.-fz\:l{font-size:var(--fz--l)}.-fz\:m{font-size:var(--fz--m)}.-fz\:s{font-size:var(--fz--s)}.-fz\:xs{font-size:var(--fz--xs)}.-fz\:2xs{font-size:var(--fz--2xs)}.-fw\:100{font-weight:100}.-fw\:200{font-weight:200}.-fw\:300{font-weight:300}.-fw\:400{font-weight:400}.-fw\:500{font-weight:500}.-fw\:600{font-weight:600}.-fw\:700{font-weight:700}.-fw\:800{font-weight:800}.-fw\:900{font-weight:900}.-fw\:light{font-weight:var(--fw--light)}.-fw\:normal{font-weight:var(--fw--normal)}.-fw\:bold{font-weight:var(--fw--bold)}.-ff\:base{font-family:var(--ff--base)}.-ff\:accent{font-family:var(--ff--accent)}.-ff\:mono{font-family:var(--ff--mono)}.-fs\:italic{font-style:italic}.-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\:center{text-align:center}.-ta\:left{text-align:left}.-ta\:right{text-align:right}.-td\:none{text-decoration:none}.-tt\:upper{text-transform:uppercase}.-tt\:lower{text-transform:lowercase}.-d{display:var(--d)}.-d\:none{display:none}.-d\:block{display:block}.-d\:flex{display:flex}.-d\:inline-flex{display:inline-flex}.-d\:grid{display:grid}.-d\:inline-grid{display:inline-grid}.-d\:inline{display:inline}.-d\:inline-block{display:inline-block}.-o\:0{opacity:0}.-o\:mp{opacity:var(--o--mp)}.-o\:p{opacity:var(--o--p)}.-o\:pp{opacity:var(--o--pp)}.-o\:ppp{opacity:var(--o--ppp)}.-v\:hidden{visibility:hidden}.-ov\:hidden{overflow:hidden}.-ov\:auto{overflow:auto}.-ov\:clip{overflow:clip}.-ov-x\:clip{overflow-x:clip}.-ov-x\:auto{overflow-x:auto}.-ov-x\:scroll{overflow-x:scroll}.-ov-y\:clip{overflow-y:clip}.-ov-y\:auto{overflow-y:auto}.-ov-y\:scroll{overflow-y:scroll}.-ar{aspect-ratio:var(--ar)}.-ar\:21\/9{aspect-ratio:21/9}.-ar\:16\/9{aspect-ratio:16/9}.-ar\:3\/2{aspect-ratio:3/2}.-ar\:1\/1{aspect-ratio:1/1}.-ar\:og{aspect-ratio:var(--ar--og)}.-w{width:var(--w)}.-w\:100\%{width:100%}.-w\:fit{width:-moz-fit-content;width:fit-content}.-h{height:var(--h)}.-h\:100\%{height:100%}.-h\:fit{height:-moz-fit-content;height:fit-content}.-min-w{min-width:var(--min-w)}.-min-w\:100\%{min-width:100%}.-max-w{max-width:var(--max-w)}.-max-w\:100\%{max-width:100%}.-min-h{min-height:var(--min-h)}.-min-h\:100\%{min-height:100%}.-max-h{max-height:var(--max-h)}.-max-h\:100\%{max-height:100%}.-contentSize\:s{--contentSize:var(--sz--s)}.-contentSize\:m{--contentSize:var(--sz--m)}.-contentSize\:l{--contentSize:var(--sz--l)}.-contentSize\:xl{--contentSize:var(--sz--xl)}.-max-sz\:xs{max-inline-size:var(--sz--xs)}.-max-sz\:s{max-inline-size:var(--sz--s)}.-max-sz\:m{max-inline-size:var(--sz--m)}.-max-sz\:l{max-inline-size:var(--sz--l)}.-max-sz\:xl{max-inline-size:var(--sz--xl)}.-bgr\:no-repeat{background-repeat:no-repeat}.-bgp\:center{background-position:50%}.-bgsz\:cover{background-size:cover}.-bgsz\:contain{background-size:contain}.-bgc,[class*="-bgc:"]{background-color:var(--bgc)}.-bgc\:base{--bgc:var(--base)}.-bgc\:base-2{--bgc:var(--base-2)}.-bgc\:text{--bgc:var(--text)}.-bgc\:brand{--bgc:var(--brand)}.-bgc\:accent{--bgc:var(--accent)}.-bgc\:transparent{--bgc:transparent}.-bgc\:inherit{background-color:inherit}.-c,[class*="-c:"]{color:var(--c)}.-c\:base{--c:var(--base)}.-c\:text{--c:var(--text)}.-c\:text-2{--c:var(--text-2)}.-c\:brand{--c:var(--brand)}.-c\:accent{--c:var(--accent)}.-c\:inherit{color:inherit}.-bd\:none{border:none}.-bds\:dashed{--bds:dashed}.-bds\:dotted{--bds:dotted}.-bds\:double{--bds:double}.-bdc\:brand{--bdc:var(--brand)}.-bdc\:accent{--bdc:var(--accent)}.-bdc\:divider{--bdc:var(--divider)}.-bdc\:inherit{--bdc:inherit}.-bdc\:transparent{--bdc:transparent}.-bdc\:current{--bdc:currentColor}.-bdrs,[class*="-bdrs:"]{border-radius:var(--bdrs)}.-bdrs\:0{--bdrs:0}.-bdrs\:10{--bdrs:var(--bdrs--10)}.-bdrs\:20{--bdrs:var(--bdrs--20)}.-bdrs\:30{--bdrs:var(--bdrs--30)}.-bdrs\:40{--bdrs:var(--bdrs--40)}.-bdrs\:99{--bdrs:var(--bdrs--99)}.-bdrs\:inner{--bdrs:var(--bdrs--inner)}.-bxsh{box-shadow:var(--bxsh)}.-bxsh\:0{box-shadow:none}.-bxsh\:10{box-shadow:var(--bxsh--10)}.-bxsh\:20{box-shadow:var(--bxsh--20)}.-bxsh\:30{box-shadow:var(--bxsh--30)}.-bxsh\:40{box-shadow:var(--bxsh--40)}.-bxsh\:50{box-shadow:var(--bxsh--50)}.-pos{position:var(--pos)}.-pos\:static{position:static}.-pos\:fixed{position:fixed}.-pos\:sticky{position:sticky}.-pos\:relative{position:relative}.-pos\:absolute{position:absolute}.-z\:0{z-index:0}.-z\:1{z-index:1}.-z\:99{z-index:99}.-z\:-1{z-index:-1}.-t\:0{top:0}.-t\:50\%{top:50%}.-t\:100\%{top:100%}.-l\:0{left:0}.-l\:50\%{left:50%}.-l\:100\%{left:100%}.-r\:0{right:0}.-r\:50\%{right:50%}.-r\:100\%{right:100%}.-b\:0{bottom:0}.-b\:50\%{bottom:50%}.-b\:100\%{bottom:100%}.-i\:0{inset:0}.-p,[class*="-p:"]{padding:var(--p)}.-p\:0{--p:0}.-p\:5{--p:var(--s5)}.-p\:10{--p:var(--s10)}.-p\:15{--p:var(--s15)}.-p\:20{--p:var(--s20)}.-p\:25{--p:var(--s25)}.-p\:30{--p:var(--s30)}.-p\:35{--p:var(--s35)}.-p\:40{--p:var(--s40)}.-p\:50{--p:var(--s50)}.-p\:60{--p:var(--s60)}.-p\:70{--p:var(--s70)}.-p\:80{--p:var(--s80)}.-px{padding-inline:var(--px)}.-px\:0{padding-inline:0}.-px\:5{padding-inline:var(--s5)}.-px\:10{padding-inline:var(--s10)}.-px\:15{padding-inline:var(--s15)}.-px\:20{padding-inline:var(--s20)}.-px\:25{padding-inline:var(--s25)}.-px\:30{padding-inline:var(--s30)}.-px\:35{padding-inline:var(--s35)}.-px\:40{padding-inline:var(--s40)}.-px\:50{padding-inline:var(--s50)}.-px\:60{padding-inline:var(--s60)}.-px\:70{padding-inline:var(--s70)}.-px\:80{padding-inline:var(--s80)}.-py{padding-block:var(--py)}.-py\:0{padding-block:0}.-py\:5{padding-block:var(--s5)}.-py\:10{padding-block:var(--s10)}.-py\:15{padding-block:var(--s15)}.-py\:20{padding-block:var(--s20)}.-py\:25{padding-block:var(--s25)}.-py\:30{padding-block:var(--s30)}.-py\:35{padding-block:var(--s35)}.-py\:40{padding-block:var(--s40)}.-py\:50{padding-block:var(--s50)}.-py\:60{padding-block:var(--s60)}.-py\:70{padding-block:var(--s70)}.-py\:80{padding-block:var(--s80)}.-ps{padding-inline-start:var(--ps)}.-pe{padding-inline-end:var(--pe)}.-pbs{padding-block-start:var(--pbs)}.-pbe{padding-block-end:var(--pbe)}.-m,[class*="-m:"]{margin:var(--m)}.-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\:25{--m:var(--s25)}.-m\:30{--m:var(--s30)}.-m\:35{--m:var(--s35)}.-m\:40{--m:var(--s40)}.-m\:50{--m:var(--s50)}.-m\:60{--m:var(--s60)}.-m\:70{--m:var(--s70)}.-m\:80{--m:var(--s80)}.-m\:auto{--m:auto}.-mx{margin-inline:var(--mx)}.-mx\:0{margin-inline:0}.-mx\:5{margin-inline:var(--s5)}.-mx\:10{margin-inline:var(--s10)}.-mx\:15{margin-inline:var(--s15)}.-mx\:20{margin-inline:var(--s20)}.-mx\:25{margin-inline:var(--s25)}.-mx\:30{margin-inline:var(--s30)}.-mx\:35{margin-inline:var(--s35)}.-mx\:40{margin-inline:var(--s40)}.-mx\:50{margin-inline:var(--s50)}.-mx\:60{margin-inline:var(--s60)}.-mx\:70{margin-inline:var(--s70)}.-mx\:80{margin-inline:var(--s80)}.-mx\:auto{margin-inline:auto}.-my{margin-block:var(--my)}.-my\:0{margin-block:0}.-my\:5{margin-block:var(--s5)}.-my\:10{margin-block:var(--s10)}.-my\:15{margin-block:var(--s15)}.-my\:20{margin-block:var(--s20)}.-my\:25{margin-block:var(--s25)}.-my\:30{margin-block:var(--s30)}.-my\:35{margin-block:var(--s35)}.-my\:40{margin-block:var(--s40)}.-my\:50{margin-block:var(--s50)}.-my\:60{margin-block:var(--s60)}.-my\:70{margin-block:var(--s70)}.-my\:80{margin-block:var(--s80)}.-my\:auto{margin-block:auto}.-ms{margin-inline-start:var(--ms)}.-ms\:auto{margin-inline-start:auto}.-me{margin-inline-end:var(--me)}.-me\:auto{margin-inline-end:auto}.-mbs{margin-block-start:var(--mbs)}.-mbs\:0{margin-block-start:0}.-mbs\:5{margin-block-start:var(--s5)}.-mbs\:10{margin-block-start:var(--s10)}.-mbs\:15{margin-block-start:var(--s15)}.-mbs\:20{margin-block-start:var(--s20)}.-mbs\:25{margin-block-start:var(--s25)}.-mbs\:30{margin-block-start:var(--s30)}.-mbs\:35{margin-block-start:var(--s35)}.-mbs\:40{margin-block-start:var(--s40)}.-mbs\:50{margin-block-start:var(--s50)}.-mbs\:60{margin-block-start:var(--s60)}.-mbs\:70{margin-block-start:var(--s70)}.-mbs\:80{margin-block-start:var(--s80)}.-mbs\:auto{margin-block-start:auto}.-mbe{margin-block-end:var(--mbe)}.-mbe\:auto{margin-block-end:auto}.-g{gap:var(--g)}.-g\:0{gap:0}.-g\:5{gap:var(--s5)}.-g\:10{gap:var(--s10)}.-g\:15{gap:var(--s15)}.-g\:20{gap:var(--s20)}.-g\:25{gap:var(--s25)}.-g\:30{gap:var(--s30)}.-g\:35{gap:var(--s35)}.-g\:40{gap:var(--s40)}.-g\:50{gap:var(--s50)}.-g\:60{gap:var(--s60)}.-g\:70{gap:var(--s70)}.-g\:80{gap:var(--s80)}.-g\:inherit{gap:inherit}.-fxw{flex-wrap:var(--fxw)}.-fxw\:wrap{flex-wrap:wrap}.-fxd{flex-direction:var(--fxd)}.-fxd\:column{flex-direction:column}.-fxd\:column-reverse{flex-direction:column-reverse}.-fxd\:row-reverse{flex-direction:row-reverse}.-fx{flex:var(--fx)}.-fx\:1{flex:1}.-fxg\:1{flex-grow:1}.-fxsh\:0{flex-shrink:0}.-fxb{flex-basis:var(--fxb)}.-gt{grid-template:var(--gt)}.-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\:row{grid-auto-flow:row}.-gaf\:column{grid-auto-flow:column}.-ga{grid-area:var(--ga)}.-ga\:1\/1{grid-area:1/1}.-gc{grid-column:var(--gc)}.-gc\:1\/-1{grid-column:1/-1}.-gr{grid-row:var(--gr)}.-gr\:1\/-1{grid-row:1/-1}.-ai{align-items:var(--ai)}.-ai\:start{align-items:start}.-ai\:center{align-items:center}.-ai\:end{align-items:end}.-ai\:stretch{align-items:stretch}.-ai\:flex-start{align-items:flex-start}.-ai\:flex-end{align-items:flex-end}.-ac{align-content:var(--ac)}.-ac\:start{align-content:start}.-ac\:center{align-content:center}.-ac\:end{align-content:end}.-ac\:flex-start{align-content:flex-start}.-ac\:flex-end{align-content:flex-end}.-ac\:between{align-content:space-between}.-ji{justify-items:var(--ji)}.-ji\:start{justify-items:start}.-ji\:center{justify-items:center}.-ji\:end{justify-items:end}.-ji\:stretch{justify-items:stretch}.-ji\:flex-start{justify-items:flex-start}.-ji\:flex-end{justify-items:flex-end}.-jc{justify-content:var(--jc)}.-jc\:start{justify-content:start}.-jc\:center{justify-content:center}.-jc\:end{justify-content:end}.-jc\:flex-start{justify-content:flex-start}.-jc\:flex-end{justify-content:flex-end}.-jc\:between{justify-content:space-between}.-pi\:start{place-items:start}.-pi\:center{place-items:center}.-pi\:end{place-items:end}.-pc\:start{place-content:start}.-pc\:center{place-content:center}.-pc\:end{place-content:end}.-aslf\:start{align-self:start}.-aslf\:center{align-self:center}.-aslf\:end{align-self:end}.-aslf\:stretch{align-self:stretch}.-jslf\:start{justify-self:start}.-jslf\:center{justify-self:center}.-jslf\:end{justify-self:end}.-jslf\:stretch{justify-self:stretch}.-pslf\:start{place-self:start}.-pslf\:center{place-self:center}.-pslf\:end{place-self:end}.-order{order:var(--order)}.-order\:0{order:0}.-order\:1{order:1}.-order\:-1{order:-1}.-ovw\:anywhere{overflow-wrap:anywhere}.-whs\:nowrap{white-space:nowrap}.-float\:left{float:left}.-float\:right{float:right}.-clear\:both{clear:both}.-iso\:isolate{isolation:isolate}.-wm{writing-mode:var(--wm)}.-wm\:vertical-rl{writing-mode:vertical-rl}@container (min-width: 480px){.-fz_sm{font-size:var(--fz_sm)}.-d_sm{display:var(--d_sm)}.-ar_sm{aspect-ratio:var(--ar_sm)}.-w_sm{width:var(--w_sm)}.-h_sm{height:var(--h_sm)}.-min-w_sm{min-width:var(--min-w_sm)}.-max-w_sm{max-width:var(--max-w_sm)}.-min-h_sm{min-height:var(--min-h_sm)}.-max-h_sm{max-height:var(--max-h_sm)}.-bdw_sm{--bdw:var(--bdw_sm)!important}.-bdrs_sm{border-radius:var(--bdrs);--bdrs:var(--bdrs_sm)!important}.-bxsh_sm{box-shadow:var(--bxsh_sm)}.-pos_sm{position:var(--pos_sm)}.-p_sm{padding:var(--p);--p:var(--p_sm)!important}.-px_sm{padding-inline:var(--px_sm)}.-py_sm{padding-block:var(--py_sm)}.-ps_sm{padding-inline-start:var(--ps_sm)}.-pe_sm{padding-inline-end:var(--pe_sm)}.-pbs_sm{padding-block-start:var(--pbs_sm)}.-pbe_sm{padding-block-end:var(--pbe_sm)}.-m_sm{margin:var(--m);--m:var(--m_sm)!important}.-mx_sm{margin-inline:var(--mx_sm)}.-my_sm{margin-block:var(--my_sm)}.-ms_sm{margin-inline-start:var(--ms_sm)}.-me_sm{margin-inline-end:var(--me_sm)}.-mbs_sm{margin-block-start:var(--mbs_sm)}.-mbe_sm{margin-block-end:var(--mbe_sm)}.-g_sm{gap:var(--g_sm)}.-cols_sm{--cols:var(--cols_sm)!important}.-rows_sm{--rows:var(--rows_sm)!important}.-fxw_sm{flex-wrap:var(--fxw_sm)}.-fxd_sm{flex-direction:var(--fxd_sm)}.-fx_sm{flex:var(--fx_sm)}.-fxb_sm{flex-basis:var(--fxb_sm)}.-gt_sm{grid-template:var(--gt_sm)}.-gta_sm{grid-template-areas:var(--gta_sm)}.-gtc_sm{grid-template-columns:var(--gtc_sm)}.-gtr_sm{grid-template-rows:var(--gtr_sm)}.-gaf_sm{grid-auto-flow:var(--gaf_sm)}.-ga_sm{grid-area:var(--ga_sm)}.-gc_sm{grid-column:var(--gc_sm)}.-gr_sm{grid-row:var(--gr_sm)}.-ai_sm{align-items:var(--ai_sm)}.-ac_sm{align-content:var(--ac_sm)}.-ji_sm{justify-items:var(--ji_sm)}.-jc_sm{justify-content:var(--jc_sm)}.-order_sm{order:var(--order_sm)}.-wm_sm{writing-mode:var(--wm_sm)}}@container (min-width: 800px){.-fz_md{font-size:var(--fz_md)}.-d_md{display:var(--d_md)}.-ar_md{aspect-ratio:var(--ar_md)}.-w_md{width:var(--w_md)}.-h_md{height:var(--h_md)}.-min-w_md{min-width:var(--min-w_md)}.-max-w_md{max-width:var(--max-w_md)}.-min-h_md{min-height:var(--min-h_md)}.-max-h_md{max-height:var(--max-h_md)}.-bdw_md{--bdw:var(--bdw_md)!important}.-bdrs_md{border-radius:var(--bdrs);--bdrs:var(--bdrs_md)!important}.-bxsh_md{box-shadow:var(--bxsh_md)}.-pos_md{position:var(--pos_md)}.-p_md{padding:var(--p);--p:var(--p_md)!important}.-px_md{padding-inline:var(--px_md)}.-py_md{padding-block:var(--py_md)}.-ps_md{padding-inline-start:var(--ps_md)}.-pe_md{padding-inline-end:var(--pe_md)}.-pbs_md{padding-block-start:var(--pbs_md)}.-pbe_md{padding-block-end:var(--pbe_md)}.-m_md{margin:var(--m);--m:var(--m_md)!important}.-mx_md{margin-inline:var(--mx_md)}.-my_md{margin-block:var(--my_md)}.-ms_md{margin-inline-start:var(--ms_md)}.-me_md{margin-inline-end:var(--me_md)}.-mbs_md{margin-block-start:var(--mbs_md)}.-mbe_md{margin-block-end:var(--mbe_md)}.-g_md{gap:var(--g_md)}.-cols_md{--cols:var(--cols_md)!important}.-rows_md{--rows:var(--rows_md)!important}.-fxw_md{flex-wrap:var(--fxw_md)}.-fxd_md{flex-direction:var(--fxd_md)}.-fx_md{flex:var(--fx_md)}.-fxb_md{flex-basis:var(--fxb_md)}.-gt_md{grid-template:var(--gt_md)}.-gta_md{grid-template-areas:var(--gta_md)}.-gtc_md{grid-template-columns:var(--gtc_md)}.-gtr_md{grid-template-rows:var(--gtr_md)}.-gaf_md{grid-auto-flow:var(--gaf_md)}.-ga_md{grid-area:var(--ga_md)}.-gc_md{grid-column:var(--gc_md)}.-gr_md{grid-row:var(--gr_md)}.-ai_md{align-items:var(--ai_md)}.-ac_md{align-content:var(--ac_md)}.-ji_md{justify-items:var(--ji_md)}.-jc_md{justify-content:var(--jc_md)}.-order_md{order:var(--order_md)}.-wm_md{writing-mode:var(--wm_md)}}@container (min-width: 1120px){.-d_lg{display:var(--d_lg)}.-g_lg{gap:var(--g_lg)}.-cols_lg{--cols:var(--cols_lg)!important}.-gta_lg{grid-template-areas:var(--gta_lg)}.-gtc_lg{grid-template-columns:var(--gtc_lg)}.-gtr_lg{grid-template-rows:var(--gtr_lg)}.-ga_lg{grid-area:var(--ga_lg)}.-gc_lg{grid-column:var(--gc_lg)}.-gr_lg{grid-row:var(--gr_lg)}}@media (any-hover:hover){.-hov\:-c:hover{color:var(--hov-c,var(--link))}.-hov\:-bdc:hover{border-color:var(--hov-bdc,currentColor)}.-hov\:-bgc:hover{background-color:var(--hov-bgc,var(--hov-bgc--default,color-mix(in srgb,var(--bgc,var(--base)),var(--neutral) 25%)))}.-hov\:-o:hover{opacity:var(--hov-o,var(--o--p))}.-hov\:-bxsh:hover{box-shadow:var(--hov-bxsh,var(--bxsh--50))}.-hov\:underline:hover{text-decoration:underline}}.-hov\:in\:hide{--transitionProps:opacity;opacity:var(--_isHov,0)}.-hov\:in\:show{--transitionProps:opacity,visibility;opacity:var(--_notHov,0);visibility:var(--_notHov,hidden)}.-hov\:in\:zoom{--transitionProps:scale;scale:var(--_isHov,1.1)}
1
+ @layer reset{*,:after,:before{box-sizing:border-box}:not(dialog){margin:0}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;line-break:strict;overflow-wrap:anywhere;overflow-x:clip;word-break:normal}html:has(:modal[open]){overflow:clip}body{min-height:100dvh;overflow:inherit}abbr[title]{text-decoration:underline;text-decoration-style:dotted}pre{overflow-x:auto}:is(ul,ol)[class],menu{list-style:none;padding:0}audio,canvas,iframe,img,object,svg,video{max-inline-size:100%;vertical-align:middle}img,video{block-size:auto}iframe{border:none}::file-selector-button,button,input,select,textarea{color:inherit;font:inherit;font-size:max(16px,1em)}fieldset{min-inline-size:0}textarea{max-inline-size:100%;resize:block}[type=checkbox],[type=radio],label[for],select,summary{cursor:pointer}::file-selector-button,[role=button],[role=option],[role=tab],[type=button],[type=reset],[type=submit],button{cursor:pointer;touch-action:manipulation}:disabled{cursor:not-allowed}[hidden=until-found]{z-index:-1}}@property --hl{syntax:"<length>";inherits:true;initial-value:.25rem}@property --sz--bleed{syntax:"<length-percentage>";initial-value:100svi;inherits:true}:root{--L:60%;--C:0.2;--red:oklch(var(--L) var(--C) 20);--orange:oklch(calc(var(--L) + 6%) calc(var(--C) - 0.01) 48);--yellow:oklch(calc(var(--L) + 12%) calc(var(--C) - 0.02) 80);--green:oklch(calc(var(--L) + 4%) calc(var(--C) - 0.02) 152);--blue:oklch(calc(var(--L) - 4%) calc(var(--C) + 0.01) 264);--purple:oklch(calc(var(--L) - 4%) calc(var(--C) + 0.01) 288);--pink:oklch(calc(var(--L) + 2%) calc(var(--C) + 0.01) 352);--gray:oklch(calc(var(--L) - 4%) calc(var(--C)/10) 240);--brand:#1e5f8c;--accent:#d94a6a;--base:#fcfcfc;--base-2:#f2f2f3;--text:#141414;--text-2:#4e5155;--link:oklch(50% 0.3 240);--divider:#dfe0e2;--shadow:rgba(20,20,21,.12);--neutral:#cbcccd;--shc:var(--shadow);--shsz--10:0px 1px 3px;--shsz--20:0px 2px 6px;--shsz--30:0px 4px 12px;--shsz--40:0px 8px 24px;--shsz--50:0px 16px 48px;--fz-mol:8;--hl-unit:calc(var(--fz--base)*0.125);--s-unit:calc(var(--fz--base)*0.5);--gutter--base:var(--s30);--flow--base:var(--s30);--flow--s:var(--s20)}:root:where([lang=ja]){--flow--base:var(--s35)}:root{--white:#fff;--black:#000;--fz--base:1rem;--fz--5xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 6));--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));--hl--base:calc(var(--hl-unit)*3);--hl--xs:var(--hl-unit);--hl--s:calc(var(--hl-unit)*2);--hl--l:calc(var(--hl-unit)*4);--lts--base:normal;--lts--s:-0.025em;--lts--l:0.05em;--lts--xl:0.1em;--ff--base:-apple-system,"BlinkMacSystemFont","Hiragino Sans",sans-serif,"Segoe UI Emoji";--ff--accent:"Garamond","Baskerville","Times New Roman",serif;--ff--mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;--fw--light:300;--fw--normal:400;--fw--bold:600;--o--mp:0.9;--o--p:0.75;--o--pp:0.5;--o--ppp:0.25;--bdrs--10:0.25rem;--bdrs--20:0.5rem;--bdrs--30:1rem;--bdrs--40:1.5rem;--bdrs--99:99rem;--sz--xs:400px;--sz--s:640px;--sz--m:880px;--sz--l:1200px;--sz--xl:1600px;--ar--og:1.91/1}.set--bxsh,:root{--bxsh--10:var(--shsz--10) var(--shc);--bxsh--20:var(--shsz--20) var(--shc);--bxsh--30:var(--shsz--30) var(--shc);--bxsh--40:var(--shsz--40) var(--shc);--bxsh--50:var(--shsz--50) var(--shc)}.set--s,:root{--s5:calc(var(--s-unit)*0.5);--s10:var(--s-unit);--s15:calc(var(--s-unit)*1.5);--s20:calc(var(--s-unit)*2);--s25:calc(var(--s-unit)*2.5);--s30:calc(var(--s-unit)*3);--s35:calc(var(--s-unit)*4);--s40:calc(var(--s-unit)*5);--s50:calc(var(--s-unit)*8);--s60:calc(var(--s-unit)*13);--s70:calc(var(--s-unit)*21);--s80:calc(var(--s-unit)*34)}body{--hl:var(--hl--base);background-color:var(--base);color:var(--text);font-family:var(--ff--base);font-size:var(--fz--base);letter-spacing:var(--lts--base);-moz-tab-size:4;-o-tab-size:4;tab-size:4;text-underline-offset:.125em}*{line-height:calc(1em + var(--hl)*2)}:is(h1,h2,h3,h4,h5,h6){font-family:var(--headings-ff,inherit);font-weight:var(--headings-fw,var(--fw--bold))}h1{font-size:var(--fz--3xl)}h2{font-size:var(--fz--2xl)}h3{font-size:var(--fz--xl)}h4{font-size:var(--fz--l)}h5,h6{font-size:var(--fz--m)}a{color:var(--link-c,var(--link));-webkit-text-decoration:var(--link-td,underline);text-decoration:var(--link-td,underline)}small{--hl:var(--hl--s);font-size:var(--fz--xs)}b,strong{font-weight:var(--fw--bold)}sub,sup{--hl:var(--hl--xs);font-size:80%}code,kbd,samp,var{font-family:var(--ff--mono);letter-spacing:normal}:where(blockquote>p)+p{margin-block-start:var(--s10)}blockquote,q{font-style:italic}blockquote,pre{background-color:var(--base-2);padding:var(--s20)}caption,figcaption{font-size:var(--fz--s)}hr{block-size:0;border:none;border-block-start:1px solid var(--divider)}:is(ul,ol):where(:not([class])){list-style:revert;padding-inline-start:var(--list-ps,1.75em)}dt{font-weight:var(--fw--bold)}dd+dt{margin-block-start:var(--s20)}td,th{padding:var(--cells-p,.625em .875em)}::file-selector-button,button,input:not([type=range]),select,textarea{background-color:var(--controls-bgc,var(--base-2));border:1px solid var(--controls-bdc,var(--divider));padding:var(--controls-p,.25em .5em)}:disabled{opacity:var(--o--pp)}:focus-visible{outline-offset:var(--focus-offset,0)}@media (any-hover:hover){.set--hov:hover{--_notHov: }.set--hov:not(:is(:hover,:focus-within)){--_isHov: }}@media (any-hover:none){.set--hov{--_isHov: }}.set--hov:is(:focus-visible,:focus-within){--_notHov: }.set--bdrsInner{--bdrs--inner:calc(var(--bdrs, 0px) - var(--p, 0px))}.set--bleed{--bleed:max(var(--gutter,var(--gutter--base)),calc((100cqi - min(100cqi, var(--contentSize, var(--sz--m)))) / 2))}.set--plain{background:none;border:none;border-radius:0;color:inherit;font:inherit;height:auto;line-height:calc(1em + var(--hl)*2);margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;text-decoration:none;width:auto}:is(ul,ol).set--revert{list-style:revert;padding-inline-start:var(--list-ps,1.75em)}.set--s{--s-unit:0.5em}.is--container{container-type:inline-size}.is--container>*{--sz--bleed:100cqi}.is--container.has--gutter>*{--sz--bleed:calc(100cqi + var(--gutter)*2)}.is--container .is--container>*{--sz--bleed:inherit}.is--wrapper{--contentSize:var(--sz--m,100%)}.is--wrapper>*{inline-size:100%;margin-inline:auto;max-inline-size:min(100%,var(--contentSize))}.is--boxLink{color:inherit;cursor:pointer;display:block;isolation:isolate;pointer-events:auto;position:relative;text-decoration:none}.is--boxLink a{position:relative;z-index:2}.is--coverLink{color:inherit;position:static;text-decoration:none}.is--coverLink:before{content:"";inset:0;position:absolute;z-index:1}.is--layer{inset:0;overflow:hidden;position:absolute}.has--transition{--duration:var(--transition-duration,0.25s);--ease:ease;--delay:0s;--transitionProps:all;transition:var(--duration) var(--ease) var(--delay);transition-property:var(--transitionProps)}.has--gutter{--gutter:var(--gutter--base);padding-inline:var(--gutter)}.has--snap{--snapType:both mandatory;--snapAlign:start;--snapStop:normal;scroll-snap-type:var(--snapType)}.has--snap>*{scroll-snap-align:var(--snapAlign);scroll-snap-stop:var(--snapStop)}.has--mask{--maskPos:50%;--maskSize:contain;--maskRepeat:no-repeat;-webkit-mask:var(--maskImg) var(--maskRepeat) var(--maskPos)/var(--maskSize);mask:var(--maskImg) var(--maskRepeat) var(--maskPos)/var(--maskSize)}.l--flow{display:flow-root}.l--flow>*+*{--flow:var(--flow--base);margin-block-start:var(--flow)}.l--flow>:where(img,video,iframe){display:block}.-flow\:s>*{--flow:var(--flow--s)}.-flow\:>*{--flow:inherit}.l--flow>:where(h1,h2,h3,h4,h5,h6){margin-block-start:calc(var(--flow)*2 + .5em)}.is--skipFlow+*,.l--flow>:first-child{--flow:0px}.l--flex{display:flex}.l--flex>*{min-width:0}.l--cluster{align-items:center;display:flex;flex-wrap:wrap}.l--stack{display:flex;flex-direction:column}.l--grid{display:grid}.l--grid>*{min-width:0}.l--center{display:grid;place-content:center;place-items:center}.l--autoColumns{--cols:20rem;--autoMode:auto-fill;display:grid;grid-template-columns:repeat(var(--autoMode),minmax(min(var(--cols),100%),1fr))}.l--columns{--cols:2;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr))}.l--withSide{--sideW:auto;--mainW:max(20rem,50%);display:flex;flex-wrap:wrap}.l--withSide>.is--side{flex-basis:var(--sideW);flex-grow:1;min-width:0}.l--withSide>:not(.is--side){flex-basis:min(100%,var(--mainW));flex-grow:9999999;min-width:0}.l--switchColumns{--breakSize:var(--sz--xs);display:flex;flex-wrap:wrap}.l--switchColumns>*{flex-basis:calc((var(--breakSize) - 100%)*9999);flex-grow:1}.l--tileGrid{display:grid;grid-template:repeat(var(--rows,1),minmax(0,1fr))/repeat(var(--cols,1),minmax(0,1fr))}.l--frame{overflow:hidden}.l--frame>:where(img,video,iframe){display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.a--divider{--bdc:var(--divider);--bds:solid;--bdw:1px;border-block-start:var(--bdw) var(--bds) var(--bdc)}.a--icon{flex-shrink:0}.a--icon:where(:not([fill])){fill:currentcolor}.a--icon:where(:not([width])){height:1em;width:1em}.a--spacer{min-height:1px;min-width:1px}.u--trim,.u--trimAll>:not(:empty,figure,picture,video,button,textarea,table){margin-block:calc(var(--hl)*-1)}.u--cbox{--mutedKeycolor:var(--keycolor);--c:color-mix(in srgb,var(--text),var(--keycolor) var(--cbox-cPct,25%));--bgc:color-mix(in srgb,var(--base),var(--mutedKeycolor) var(--cbox-bgPct,4%));--bdc:color-mix(in srgb,var(--divider),var(--keycolor) var(--cbox-bdPct,50%));--link-c:var(--keycolor);background-color:var(--bgc);color:var(--c)}@supports (color:oklch(from red l c h)){.u--cbox{--mutedKeycolor:oklch(from var(--keycolor) l calc(c * 0.75) h)}}.u--divide,.u--enclose{--bdw:1px;--bdc:var(--divider);gap:var(--bdw)}.u--divide>*,.u--enclose>*{box-shadow:0 0 0 var(--bdw) var(--bdc)}.u--divide{overflow:clip}.u--enclose{padding:var(--bdw)}.u--srOnly:not(#_){border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.u--clipText{-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}:where(.-bd,[class*=" -bd-"],[class^=-bd-]){--bds:solid;--bdw:1px;--bdc:var(--divider);border-color:var(--bdc);border-width:var(--bdw)}.-bd{border-style:var(--bds)}.-bd-x{border-inline-style:var(--bds)}.-bd-y{border-block-style:var(--bds)}.-bd-s{border-inline-start-style:var(--bds)}.-bd-e{border-inline-end-style:var(--bds)}.-bd-t{border-top-style:var(--bds)}.-bd-b{border-bottom-style:var(--bds)}.-bd-l{border-left-style:var(--bds)}.-bd-r{border-right-style:var(--bds)}.-bd-bs{border-block-start-style:var(--bds)}.-bd-be{border-block-end-style:var(--bds)}.-max-sz\:full{max-inline-size:100%}:where(.has--gutter)>.-max-sz\:full{inline-size:auto;margin-inline:calc(var(--gutter)*-1);max-inline-size:calc(100% + var(--gutter)*2)}.-max-sz\:bleed{inline-size:auto;margin-inline:calc(50% - var(--sz--bleed, 100svi)/2);max-inline-size:var(--sz--bleed,100svi)}.-f\:inherit{font:inherit}.-fz{font-size:var(--fz)}.-fz\:base{font-size:var(--fz--base)}.-fz\:5xl{font-size:var(--fz--5xl)}.-fz\:4xl{font-size:var(--fz--4xl)}.-fz\:3xl{font-size:var(--fz--3xl)}.-fz\:2xl{font-size:var(--fz--2xl)}.-fz\:xl{font-size:var(--fz--xl)}.-fz\:l{font-size:var(--fz--l)}.-fz\:m{font-size:var(--fz--m)}.-fz\:s{font-size:var(--fz--s)}.-fz\:xs{font-size:var(--fz--xs)}.-fz\:2xs{font-size:var(--fz--2xs)}.-fw\:100{font-weight:100}.-fw\:200{font-weight:200}.-fw\:300{font-weight:300}.-fw\:400{font-weight:400}.-fw\:500{font-weight:500}.-fw\:600{font-weight:600}.-fw\:700{font-weight:700}.-fw\:800{font-weight:800}.-fw\:900{font-weight:900}.-fw\:light{font-weight:var(--fw--light)}.-fw\:normal{font-weight:var(--fw--normal)}.-fw\:bold{font-weight:var(--fw--bold)}.-ff\:base{font-family:var(--ff--base)}.-ff\:accent{font-family:var(--ff--accent)}.-ff\:mono{font-family:var(--ff--mono)}.-fs\:italic{font-style:italic}.-lh\:1{--hl:0px}.-lh\:base{--hl:var(--hl--base)}.-lh\:xs{--hl:var(--hl--xs)}.-lh\:s{--hl:var(--hl--s)}.-lh\:l{--hl:var(--hl--l)}.-hl\:base{--hl:var(--hl--base)}.-hl\:xs{--hl:var(--hl--xs)}.-hl\:s{--hl:var(--hl--s)}.-hl\:l{--hl:var(--hl--l)}.-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\:center{text-align:center}.-ta\:left{text-align:left}.-ta\:right{text-align:right}.-td\:none{text-decoration:none}.-tt\:upper{text-transform:uppercase}.-tt\:lower{text-transform:lowercase}.-d{display:var(--d)}.-d\:none{display:none}.-d\:block{display:block}.-d\:flex{display:flex}.-d\:inline-flex{display:inline-flex}.-d\:grid{display:grid}.-d\:inline-grid{display:inline-grid}.-d\:inline{display:inline}.-d\:inline-block{display:inline-block}.-o\:0{opacity:0}.-o\:mp{opacity:var(--o--mp)}.-o\:p{opacity:var(--o--p)}.-o\:pp{opacity:var(--o--pp)}.-o\:ppp{opacity:var(--o--ppp)}.-v\:hidden{visibility:hidden}.-ov\:hidden{overflow:hidden}.-ov\:auto{overflow:auto}.-ov\:clip{overflow:clip}.-ov-x\:clip{overflow-x:clip}.-ov-x\:auto{overflow-x:auto}.-ov-x\:scroll{overflow-x:scroll}.-ov-y\:clip{overflow-y:clip}.-ov-y\:auto{overflow-y:auto}.-ov-y\:scroll{overflow-y:scroll}.-ar{aspect-ratio:var(--ar)}.-ar\:21\/9{aspect-ratio:21/9}.-ar\:16\/9{aspect-ratio:16/9}.-ar\:3\/2{aspect-ratio:3/2}.-ar\:1\/1{aspect-ratio:1/1}.-ar\:og{aspect-ratio:var(--ar--og)}.-w{width:var(--w)}.-w\:100\%{width:100%}.-w\:fit{width:-moz-fit-content;width:fit-content}.-h{height:var(--h)}.-h\:100\%{height:100%}.-h\:fit{height:-moz-fit-content;height:fit-content}.-min-w{min-width:var(--min-w)}.-min-w\:100\%{min-width:100%}.-max-w{max-width:var(--max-w)}.-max-w\:100\%{max-width:100%}.-min-h{min-height:var(--min-h)}.-min-h\:100\%{min-height:100%}.-max-h{max-height:var(--max-h)}.-max-h\:100\%{max-height:100%}.-contentSize\:s{--contentSize:var(--sz--s)}.-contentSize\:m{--contentSize:var(--sz--m)}.-contentSize\:l{--contentSize:var(--sz--l)}.-contentSize\:xl{--contentSize:var(--sz--xl)}.-max-sz\:xs{max-inline-size:var(--sz--xs)}.-max-sz\:s{max-inline-size:var(--sz--s)}.-max-sz\:m{max-inline-size:var(--sz--m)}.-max-sz\:l{max-inline-size:var(--sz--l)}.-max-sz\:xl{max-inline-size:var(--sz--xl)}.-bgr\:no-repeat{background-repeat:no-repeat}.-bgp\:center{background-position:50%}.-bgsz\:cover{background-size:cover}.-bgsz\:contain{background-size:contain}.-bgc,[class*="-bgc:"]{background-color:var(--bgc)}.-bgc\:base{--bgc:var(--base)}.-bgc\:base-2{--bgc:var(--base-2)}.-bgc\:text{--bgc:var(--text)}.-bgc\:brand{--bgc:var(--brand)}.-bgc\:accent{--bgc:var(--accent)}.-bgc\:transparent{--bgc:transparent}.-bgc\:inherit{background-color:inherit}.-c,[class*="-c:"]{color:var(--c)}.-c\:base{--c:var(--base)}.-c\:text{--c:var(--text)}.-c\:text-2{--c:var(--text-2)}.-c\:brand{--c:var(--brand)}.-c\:accent{--c:var(--accent)}.-c\:inherit{color:inherit}.-bd\:none{border:none}.-bds\:dashed{--bds:dashed}.-bds\:dotted{--bds:dotted}.-bds\:double{--bds:double}.-bdc\:brand{--bdc:var(--brand)}.-bdc\:accent{--bdc:var(--accent)}.-bdc\:divider{--bdc:var(--divider)}.-bdc\:inherit{--bdc:inherit}.-bdc\:transparent{--bdc:transparent}.-bdc\:current{--bdc:currentColor}.-bdrs,[class*="-bdrs:"]{border-radius:var(--bdrs)}.-bdrs\:0{--bdrs:0}.-bdrs\:10{--bdrs:var(--bdrs--10)}.-bdrs\:20{--bdrs:var(--bdrs--20)}.-bdrs\:30{--bdrs:var(--bdrs--30)}.-bdrs\:40{--bdrs:var(--bdrs--40)}.-bdrs\:99{--bdrs:var(--bdrs--99)}.-bdrs\:inner{--bdrs:var(--bdrs--inner)}.-bxsh{box-shadow:var(--bxsh)}.-bxsh\:0{box-shadow:none}.-bxsh\:10{box-shadow:var(--bxsh--10)}.-bxsh\:20{box-shadow:var(--bxsh--20)}.-bxsh\:30{box-shadow:var(--bxsh--30)}.-bxsh\:40{box-shadow:var(--bxsh--40)}.-bxsh\:50{box-shadow:var(--bxsh--50)}.-pos{position:var(--pos)}.-pos\:static{position:static}.-pos\:fixed{position:fixed}.-pos\:sticky{position:sticky}.-pos\:relative{position:relative}.-pos\:absolute{position:absolute}.-z\:0{z-index:0}.-z\:1{z-index:1}.-z\:99{z-index:99}.-z\:-1{z-index:-1}.-t\:0{top:0}.-t\:50\%{top:50%}.-t\:100\%{top:100%}.-l\:0{left:0}.-l\:50\%{left:50%}.-l\:100\%{left:100%}.-r\:0{right:0}.-r\:50\%{right:50%}.-r\:100\%{right:100%}.-b\:0{bottom:0}.-b\:50\%{bottom:50%}.-b\:100\%{bottom:100%}.-i\:0{inset:0}.-p,[class*="-p:"]{padding:var(--p)}.-p\:0{--p:0}.-p\:5{--p:var(--s5)}.-p\:10{--p:var(--s10)}.-p\:15{--p:var(--s15)}.-p\:20{--p:var(--s20)}.-p\:25{--p:var(--s25)}.-p\:30{--p:var(--s30)}.-p\:35{--p:var(--s35)}.-p\:40{--p:var(--s40)}.-p\:50{--p:var(--s50)}.-p\:60{--p:var(--s60)}.-p\:70{--p:var(--s70)}.-p\:80{--p:var(--s80)}.-px{padding-inline:var(--px)}.-px\:0{padding-inline:0}.-px\:5{padding-inline:var(--s5)}.-px\:10{padding-inline:var(--s10)}.-px\:15{padding-inline:var(--s15)}.-px\:20{padding-inline:var(--s20)}.-px\:25{padding-inline:var(--s25)}.-px\:30{padding-inline:var(--s30)}.-px\:35{padding-inline:var(--s35)}.-px\:40{padding-inline:var(--s40)}.-px\:50{padding-inline:var(--s50)}.-px\:60{padding-inline:var(--s60)}.-px\:70{padding-inline:var(--s70)}.-px\:80{padding-inline:var(--s80)}.-py{padding-block:var(--py)}.-py\:0{padding-block:0}.-py\:5{padding-block:var(--s5)}.-py\:10{padding-block:var(--s10)}.-py\:15{padding-block:var(--s15)}.-py\:20{padding-block:var(--s20)}.-py\:25{padding-block:var(--s25)}.-py\:30{padding-block:var(--s30)}.-py\:35{padding-block:var(--s35)}.-py\:40{padding-block:var(--s40)}.-py\:50{padding-block:var(--s50)}.-py\:60{padding-block:var(--s60)}.-py\:70{padding-block:var(--s70)}.-py\:80{padding-block:var(--s80)}.-ps{padding-inline-start:var(--ps)}.-pe{padding-inline-end:var(--pe)}.-pbs{padding-block-start:var(--pbs)}.-pbe{padding-block-end:var(--pbe)}.-m,[class*="-m:"]{margin:var(--m)}.-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\:25{--m:var(--s25)}.-m\:30{--m:var(--s30)}.-m\:35{--m:var(--s35)}.-m\:40{--m:var(--s40)}.-m\:50{--m:var(--s50)}.-m\:60{--m:var(--s60)}.-m\:70{--m:var(--s70)}.-m\:80{--m:var(--s80)}.-m\:auto{--m:auto}.-mx{margin-inline:var(--mx)}.-mx\:0{margin-inline:0}.-mx\:5{margin-inline:var(--s5)}.-mx\:10{margin-inline:var(--s10)}.-mx\:15{margin-inline:var(--s15)}.-mx\:20{margin-inline:var(--s20)}.-mx\:25{margin-inline:var(--s25)}.-mx\:30{margin-inline:var(--s30)}.-mx\:35{margin-inline:var(--s35)}.-mx\:40{margin-inline:var(--s40)}.-mx\:50{margin-inline:var(--s50)}.-mx\:60{margin-inline:var(--s60)}.-mx\:70{margin-inline:var(--s70)}.-mx\:80{margin-inline:var(--s80)}.-mx\:auto{margin-inline:auto}.-my{margin-block:var(--my)}.-my\:0{margin-block:0}.-my\:5{margin-block:var(--s5)}.-my\:10{margin-block:var(--s10)}.-my\:15{margin-block:var(--s15)}.-my\:20{margin-block:var(--s20)}.-my\:25{margin-block:var(--s25)}.-my\:30{margin-block:var(--s30)}.-my\:35{margin-block:var(--s35)}.-my\:40{margin-block:var(--s40)}.-my\:50{margin-block:var(--s50)}.-my\:60{margin-block:var(--s60)}.-my\:70{margin-block:var(--s70)}.-my\:80{margin-block:var(--s80)}.-my\:auto{margin-block:auto}.-ms{margin-inline-start:var(--ms)}.-ms\:auto{margin-inline-start:auto}.-me{margin-inline-end:var(--me)}.-me\:auto{margin-inline-end:auto}.-mbs{margin-block-start:var(--mbs)}.-mbs\:0{margin-block-start:0}.-mbs\:5{margin-block-start:var(--s5)}.-mbs\:10{margin-block-start:var(--s10)}.-mbs\:15{margin-block-start:var(--s15)}.-mbs\:20{margin-block-start:var(--s20)}.-mbs\:25{margin-block-start:var(--s25)}.-mbs\:30{margin-block-start:var(--s30)}.-mbs\:35{margin-block-start:var(--s35)}.-mbs\:40{margin-block-start:var(--s40)}.-mbs\:50{margin-block-start:var(--s50)}.-mbs\:60{margin-block-start:var(--s60)}.-mbs\:70{margin-block-start:var(--s70)}.-mbs\:80{margin-block-start:var(--s80)}.-mbs\:auto{margin-block-start:auto}.-mbe{margin-block-end:var(--mbe)}.-mbe\:auto{margin-block-end:auto}.-g{gap:var(--g)}.-g\:0{gap:0}.-g\:5{gap:var(--s5)}.-g\:10{gap:var(--s10)}.-g\:15{gap:var(--s15)}.-g\:20{gap:var(--s20)}.-g\:25{gap:var(--s25)}.-g\:30{gap:var(--s30)}.-g\:35{gap:var(--s35)}.-g\:40{gap:var(--s40)}.-g\:50{gap:var(--s50)}.-g\:60{gap:var(--s60)}.-g\:70{gap:var(--s70)}.-g\:80{gap:var(--s80)}.-g\:inherit{gap:inherit}.-fxw{flex-wrap:var(--fxw)}.-fxw\:wrap{flex-wrap:wrap}.-fxd{flex-direction:var(--fxd)}.-fxd\:column{flex-direction:column}.-fxd\:column-reverse{flex-direction:column-reverse}.-fxd\:row-reverse{flex-direction:row-reverse}.-fx{flex:var(--fx)}.-fx\:1{flex:1}.-fxg\:1{flex-grow:1}.-fxsh\:0{flex-shrink:0}.-fxb{flex-basis:var(--fxb)}.-gt{grid-template:var(--gt)}.-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\:row{grid-auto-flow:row}.-gaf\:column{grid-auto-flow:column}.-ga{grid-area:var(--ga)}.-ga\:1\/1{grid-area:1/1}.-gc{grid-column:var(--gc)}.-gc\:1\/-1{grid-column:1/-1}.-gr{grid-row:var(--gr)}.-gr\:1\/-1{grid-row:1/-1}.-ai{align-items:var(--ai)}.-ai\:start{align-items:start}.-ai\:center{align-items:center}.-ai\:end{align-items:end}.-ai\:stretch{align-items:stretch}.-ai\:flex-start{align-items:flex-start}.-ai\:flex-end{align-items:flex-end}.-ac{align-content:var(--ac)}.-ac\:start{align-content:start}.-ac\:center{align-content:center}.-ac\:end{align-content:end}.-ac\:flex-start{align-content:flex-start}.-ac\:flex-end{align-content:flex-end}.-ac\:between{align-content:space-between}.-ji{justify-items:var(--ji)}.-ji\:start{justify-items:start}.-ji\:center{justify-items:center}.-ji\:end{justify-items:end}.-ji\:stretch{justify-items:stretch}.-ji\:flex-start{justify-items:flex-start}.-ji\:flex-end{justify-items:flex-end}.-jc{justify-content:var(--jc)}.-jc\:start{justify-content:start}.-jc\:center{justify-content:center}.-jc\:end{justify-content:end}.-jc\:flex-start{justify-content:flex-start}.-jc\:flex-end{justify-content:flex-end}.-jc\:between{justify-content:space-between}.-pi\:start{place-items:start}.-pi\:center{place-items:center}.-pi\:end{place-items:end}.-pc\:start{place-content:start}.-pc\:center{place-content:center}.-pc\:end{place-content:end}.-aslf\:start{align-self:start}.-aslf\:center{align-self:center}.-aslf\:end{align-self:end}.-aslf\:stretch{align-self:stretch}.-jslf\:start{justify-self:start}.-jslf\:center{justify-self:center}.-jslf\:end{justify-self:end}.-jslf\:stretch{justify-self:stretch}.-pslf\:start{place-self:start}.-pslf\:center{place-self:center}.-pslf\:end{place-self:end}.-order{order:var(--order)}.-order\:0{order:0}.-order\:1{order:1}.-order\:-1{order:-1}.-ovw\:anywhere{overflow-wrap:anywhere}.-whs\:nowrap{white-space:nowrap}.-float\:left{float:left}.-float\:right{float:right}.-clear\:both{clear:both}.-iso\:isolate{isolation:isolate}.-wm{writing-mode:var(--wm)}.-wm\:vertical-rl{writing-mode:vertical-rl}@container (min-width: 480px){.-fz_sm{font-size:var(--fz_sm)}.-hl_sm{--hl:var(--hl_sm)!important}.-d_sm{display:var(--d_sm)}.-ar_sm{aspect-ratio:var(--ar_sm)}.-w_sm{width:var(--w_sm)}.-h_sm{height:var(--h_sm)}.-min-w_sm{min-width:var(--min-w_sm)}.-max-w_sm{max-width:var(--max-w_sm)}.-min-h_sm{min-height:var(--min-h_sm)}.-max-h_sm{max-height:var(--max-h_sm)}.-bdw_sm{--bdw:var(--bdw_sm)!important}.-bdrs_sm{border-radius:var(--bdrs);--bdrs:var(--bdrs_sm)!important}.-bxsh_sm{box-shadow:var(--bxsh_sm)}.-pos_sm{position:var(--pos_sm)}.-p_sm{padding:var(--p);--p:var(--p_sm)!important}.-px_sm{padding-inline:var(--px_sm)}.-py_sm{padding-block:var(--py_sm)}.-ps_sm{padding-inline-start:var(--ps_sm)}.-pe_sm{padding-inline-end:var(--pe_sm)}.-pbs_sm{padding-block-start:var(--pbs_sm)}.-pbe_sm{padding-block-end:var(--pbe_sm)}.-m_sm{margin:var(--m);--m:var(--m_sm)!important}.-mx_sm{margin-inline:var(--mx_sm)}.-my_sm{margin-block:var(--my_sm)}.-ms_sm{margin-inline-start:var(--ms_sm)}.-me_sm{margin-inline-end:var(--me_sm)}.-mbs_sm{margin-block-start:var(--mbs_sm)}.-mbe_sm{margin-block-end:var(--mbe_sm)}.-g_sm{gap:var(--g_sm)}.-cols_sm{--cols:var(--cols_sm)!important}.-rows_sm{--rows:var(--rows_sm)!important}.-fxw_sm{flex-wrap:var(--fxw_sm)}.-fxd_sm{flex-direction:var(--fxd_sm)}.-fx_sm{flex:var(--fx_sm)}.-fxb_sm{flex-basis:var(--fxb_sm)}.-gt_sm{grid-template:var(--gt_sm)}.-gta_sm{grid-template-areas:var(--gta_sm)}.-gtc_sm{grid-template-columns:var(--gtc_sm)}.-gtr_sm{grid-template-rows:var(--gtr_sm)}.-gaf_sm{grid-auto-flow:var(--gaf_sm)}.-ga_sm{grid-area:var(--ga_sm)}.-gc_sm{grid-column:var(--gc_sm)}.-gr_sm{grid-row:var(--gr_sm)}.-ai_sm{align-items:var(--ai_sm)}.-ac_sm{align-content:var(--ac_sm)}.-ji_sm{justify-items:var(--ji_sm)}.-jc_sm{justify-content:var(--jc_sm)}.-order_sm{order:var(--order_sm)}.-wm_sm{writing-mode:var(--wm_sm)}}@container (min-width: 800px){.-fz_md{font-size:var(--fz_md)}.-hl_md{--hl:var(--hl_md)!important}.-d_md{display:var(--d_md)}.-ar_md{aspect-ratio:var(--ar_md)}.-w_md{width:var(--w_md)}.-h_md{height:var(--h_md)}.-min-w_md{min-width:var(--min-w_md)}.-max-w_md{max-width:var(--max-w_md)}.-min-h_md{min-height:var(--min-h_md)}.-max-h_md{max-height:var(--max-h_md)}.-bdw_md{--bdw:var(--bdw_md)!important}.-bdrs_md{border-radius:var(--bdrs);--bdrs:var(--bdrs_md)!important}.-bxsh_md{box-shadow:var(--bxsh_md)}.-pos_md{position:var(--pos_md)}.-p_md{padding:var(--p);--p:var(--p_md)!important}.-px_md{padding-inline:var(--px_md)}.-py_md{padding-block:var(--py_md)}.-ps_md{padding-inline-start:var(--ps_md)}.-pe_md{padding-inline-end:var(--pe_md)}.-pbs_md{padding-block-start:var(--pbs_md)}.-pbe_md{padding-block-end:var(--pbe_md)}.-m_md{margin:var(--m);--m:var(--m_md)!important}.-mx_md{margin-inline:var(--mx_md)}.-my_md{margin-block:var(--my_md)}.-ms_md{margin-inline-start:var(--ms_md)}.-me_md{margin-inline-end:var(--me_md)}.-mbs_md{margin-block-start:var(--mbs_md)}.-mbe_md{margin-block-end:var(--mbe_md)}.-g_md{gap:var(--g_md)}.-cols_md{--cols:var(--cols_md)!important}.-rows_md{--rows:var(--rows_md)!important}.-fxw_md{flex-wrap:var(--fxw_md)}.-fxd_md{flex-direction:var(--fxd_md)}.-fx_md{flex:var(--fx_md)}.-fxb_md{flex-basis:var(--fxb_md)}.-gt_md{grid-template:var(--gt_md)}.-gta_md{grid-template-areas:var(--gta_md)}.-gtc_md{grid-template-columns:var(--gtc_md)}.-gtr_md{grid-template-rows:var(--gtr_md)}.-gaf_md{grid-auto-flow:var(--gaf_md)}.-ga_md{grid-area:var(--ga_md)}.-gc_md{grid-column:var(--gc_md)}.-gr_md{grid-row:var(--gr_md)}.-ai_md{align-items:var(--ai_md)}.-ac_md{align-content:var(--ac_md)}.-ji_md{justify-items:var(--ji_md)}.-jc_md{justify-content:var(--jc_md)}.-order_md{order:var(--order_md)}.-wm_md{writing-mode:var(--wm_md)}}@container (min-width: 1120px){.-fz_lg{font-size:var(--fz_lg)}.-hl_lg{--hl:var(--hl_lg)!important}.-d_lg{display:var(--d_lg)}.-ar_lg{aspect-ratio:var(--ar_lg)}.-w_lg{width:var(--w_lg)}.-h_lg{height:var(--h_lg)}.-min-w_lg{min-width:var(--min-w_lg)}.-max-w_lg{max-width:var(--max-w_lg)}.-min-h_lg{min-height:var(--min-h_lg)}.-max-h_lg{max-height:var(--max-h_lg)}.-bdw_lg{--bdw:var(--bdw_lg)!important}.-bdrs_lg{border-radius:var(--bdrs);--bdrs:var(--bdrs_lg)!important}.-bxsh_lg{box-shadow:var(--bxsh_lg)}.-pos_lg{position:var(--pos_lg)}.-p_lg{padding:var(--p);--p:var(--p_lg)!important}.-px_lg{padding-inline:var(--px_lg)}.-py_lg{padding-block:var(--py_lg)}.-ps_lg{padding-inline-start:var(--ps_lg)}.-pe_lg{padding-inline-end:var(--pe_lg)}.-pbs_lg{padding-block-start:var(--pbs_lg)}.-pbe_lg{padding-block-end:var(--pbe_lg)}.-m_lg{margin:var(--m);--m:var(--m_lg)!important}.-mx_lg{margin-inline:var(--mx_lg)}.-my_lg{margin-block:var(--my_lg)}.-ms_lg{margin-inline-start:var(--ms_lg)}.-me_lg{margin-inline-end:var(--me_lg)}.-mbs_lg{margin-block-start:var(--mbs_lg)}.-mbe_lg{margin-block-end:var(--mbe_lg)}.-g_lg{gap:var(--g_lg)}.-cols_lg{--cols:var(--cols_lg)!important}.-rows_lg{--rows:var(--rows_lg)!important}.-fxw_lg{flex-wrap:var(--fxw_lg)}.-fxd_lg{flex-direction:var(--fxd_lg)}.-fx_lg{flex:var(--fx_lg)}.-fxb_lg{flex-basis:var(--fxb_lg)}.-gt_lg{grid-template:var(--gt_lg)}.-gta_lg{grid-template-areas:var(--gta_lg)}.-gtc_lg{grid-template-columns:var(--gtc_lg)}.-gtr_lg{grid-template-rows:var(--gtr_lg)}.-gaf_lg{grid-auto-flow:var(--gaf_lg)}.-ga_lg{grid-area:var(--ga_lg)}.-gc_lg{grid-column:var(--gc_lg)}.-gr_lg{grid-row:var(--gr_lg)}.-ai_lg{align-items:var(--ai_lg)}.-ac_lg{align-content:var(--ac_lg)}.-ji_lg{justify-items:var(--ji_lg)}.-jc_lg{justify-content:var(--jc_lg)}.-order_lg{order:var(--order_lg)}.-wm_lg{writing-mode:var(--wm_lg)}}@media (any-hover:hover){.-hov\:-c:hover{color:var(--hov-c,var(--link))}.-hov\:-bdc:hover{border-color:var(--hov-bdc,currentColor)}.-hov\:-bgc:hover{background-color:var(--hov-bgc,var(--hov-bgc--default,color-mix(in srgb,var(--bgc,var(--base)),var(--neutral) 25%)))}.-hov\:-o:hover{opacity:var(--hov-o,var(--o--p))}.-hov\:-bxsh:hover{box-shadow:var(--hov-bxsh,var(--bxsh--50))}.-hov\:underline:hover{text-decoration:underline}}.-hov\:in\:hide{--transitionProps:opacity;opacity:var(--_isHov,0)}.-hov\:in\:show{--transitionProps:opacity,visibility;opacity:var(--_notHov,0);visibility:var(--_notHov,hidden)}.-hov\:in\:zoom{--transitionProps:scale;scale:var(--_isHov,1.1)}
package/dist/css/props.css CHANGED
@@ -1 +1 @@
1
- .-lh\:1{--hl:0px}.-lh\:base{--hl:var(--hl--base)}.-lh\:xs{--hl:var(--hl--xs)}.-lh\:s{--hl:var(--hl--s)}.-lh\:l{--hl:var(--hl--l)}@layer lism-base{.-bd,[class*=" -bd-"],[class^=-bd-]{--bds:solid;--bdw:1px;--bdc:var(--divider);border-color:var(--bdc);border-width:var(--bdw)}}.-bd{border-style:var(--bds)}.-bd-x{border-inline-style:var(--bds)}.-bd-y{border-block-style:var(--bds)}.-bd-s{border-inline-start-style:var(--bds)}.-bd-e{border-inline-end-style:var(--bds)}.-bd-t{border-top-style:var(--bds)}.-bd-b{border-bottom-style:var(--bds)}.-bd-l{border-left-style:var(--bds)}.-bd-r{border-right-style:var(--bds)}.-bd-bs{border-block-start-style:var(--bds)}.-bd-be{border-block-end-style:var(--bds)}.-max-sz\:full{max-inline-size:100%}:where(.has--gutter)>.-max-sz\:full{inline-size:auto;margin-inline:calc(var(--gutter)*-1);max-inline-size:calc(100% + var(--gutter)*2)}.-max-sz\:bleed{inline-size:auto;margin-inline:calc(50% - var(--sz--bleed, 100svi)/2);max-inline-size:var(--sz--bleed,100svi)}.-f\:inherit{font:inherit}.-fz{font-size:var(--fz)}.-fz\:root{font-size:var(--fz--root)}.-fz\:base{font-size:var(--fz--base)}.-fz\:5xl{font-size:var(--fz--5xl)}.-fz\:4xl{font-size:var(--fz--4xl)}.-fz\:3xl{font-size:var(--fz--3xl)}.-fz\:2xl{font-size:var(--fz--2xl)}.-fz\:xl{font-size:var(--fz--xl)}.-fz\:l{font-size:var(--fz--l)}.-fz\:m{font-size:var(--fz--m)}.-fz\:s{font-size:var(--fz--s)}.-fz\:xs{font-size:var(--fz--xs)}.-fz\:2xs{font-size:var(--fz--2xs)}.-fw\:100{font-weight:100}.-fw\:200{font-weight:200}.-fw\:300{font-weight:300}.-fw\:400{font-weight:400}.-fw\:500{font-weight:500}.-fw\:600{font-weight:600}.-fw\:700{font-weight:700}.-fw\:800{font-weight:800}.-fw\:900{font-weight:900}.-fw\:light{font-weight:var(--fw--light)}.-fw\:normal{font-weight:var(--fw--normal)}.-fw\:bold{font-weight:var(--fw--bold)}.-ff\:base{font-family:var(--ff--base)}.-ff\:accent{font-family:var(--ff--accent)}.-ff\:mono{font-family:var(--ff--mono)}.-fs\:italic{font-style:italic}.-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\:center{text-align:center}.-ta\:left{text-align:left}.-ta\:right{text-align:right}.-td\:none{text-decoration:none}.-tt\:upper{text-transform:uppercase}.-tt\:lower{text-transform:lowercase}.-d{display:var(--d)}.-d\:none{display:none}.-d\:block{display:block}.-d\:flex{display:flex}.-d\:inline-flex{display:inline-flex}.-d\:grid{display:grid}.-d\:inline-grid{display:inline-grid}.-d\:inline{display:inline}.-d\:inline-block{display:inline-block}.-o\:0{opacity:0}.-o\:mp{opacity:var(--o--mp)}.-o\:p{opacity:var(--o--p)}.-o\:pp{opacity:var(--o--pp)}.-o\:ppp{opacity:var(--o--ppp)}.-v\:hidden{visibility:hidden}.-ov\:hidden{overflow:hidden}.-ov\:auto{overflow:auto}.-ov\:clip{overflow:clip}.-ov-x\:clip{overflow-x:clip}.-ov-x\:auto{overflow-x:auto}.-ov-x\:scroll{overflow-x:scroll}.-ov-y\:clip{overflow-y:clip}.-ov-y\:auto{overflow-y:auto}.-ov-y\:scroll{overflow-y:scroll}.-ar{aspect-ratio:var(--ar)}.-ar\:21\/9{aspect-ratio:21/9}.-ar\:16\/9{aspect-ratio:16/9}.-ar\:3\/2{aspect-ratio:3/2}.-ar\:1\/1{aspect-ratio:1/1}.-ar\:og{aspect-ratio:var(--ar--og)}.-w{width:var(--w)}.-w\:100\%{width:100%}.-w\:fit{width:-moz-fit-content;width:fit-content}.-h{height:var(--h)}.-h\:100\%{height:100%}.-h\:fit{height:-moz-fit-content;height:fit-content}.-min-w{min-width:var(--min-w)}.-min-w\:100\%{min-width:100%}.-max-w{max-width:var(--max-w)}.-max-w\:100\%{max-width:100%}.-min-h{min-height:var(--min-h)}.-min-h\:100\%{min-height:100%}.-max-h{max-height:var(--max-h)}.-max-h\:100\%{max-height:100%}.-contentSize\:s{--contentSize:var(--sz--s)}.-contentSize\:m{--contentSize:var(--sz--m)}.-contentSize\:l{--contentSize:var(--sz--l)}.-contentSize\:xl{--contentSize:var(--sz--xl)}.-max-sz\:xs{max-inline-size:var(--sz--xs)}.-max-sz\:s{max-inline-size:var(--sz--s)}.-max-sz\:m{max-inline-size:var(--sz--m)}.-max-sz\:l{max-inline-size:var(--sz--l)}.-max-sz\:xl{max-inline-size:var(--sz--xl)}.-bgr\:no-repeat{background-repeat:no-repeat}.-bgp\:center{background-position:50%}.-bgsz\:cover{background-size:cover}.-bgsz\:contain{background-size:contain}.-bgc,[class*="-bgc:"]{background-color:var(--bgc)}.-bgc\:base{--bgc:var(--base)}.-bgc\:base-2{--bgc:var(--base-2)}.-bgc\:text{--bgc:var(--text)}.-bgc\:brand{--bgc:var(--brand)}.-bgc\:accent{--bgc:var(--accent)}.-bgc\:transparent{--bgc:transparent}.-bgc\:inherit{background-color:inherit}.-c,[class*="-c:"]{color:var(--c)}.-c\:base{--c:var(--base)}.-c\:text{--c:var(--text)}.-c\:text-2{--c:var(--text-2)}.-c\:brand{--c:var(--brand)}.-c\:accent{--c:var(--accent)}.-c\:inherit{color:inherit}.-bd\:none{border:none}.-bds\:dashed{--bds:dashed}.-bds\:dotted{--bds:dotted}.-bds\:double{--bds:double}.-bdc\:brand{--bdc:var(--brand)}.-bdc\:accent{--bdc:var(--accent)}.-bdc\:divider{--bdc:var(--divider)}.-bdc\:inherit{--bdc:inherit}.-bdc\:transparent{--bdc:transparent}.-bdc\:current{--bdc:currentColor}.-bdrs,[class*="-bdrs:"]{border-radius:var(--bdrs)}.-bdrs\:0{--bdrs:0}.-bdrs\:10{--bdrs:var(--bdrs--10)}.-bdrs\:20{--bdrs:var(--bdrs--20)}.-bdrs\:30{--bdrs:var(--bdrs--30)}.-bdrs\:40{--bdrs:var(--bdrs--40)}.-bdrs\:99{--bdrs:var(--bdrs--99)}.-bdrs\:inner{--bdrs:var(--bdrs--inner)}.-bxsh{box-shadow:var(--bxsh)}.-bxsh\:0{box-shadow:none}.-bxsh\:10{box-shadow:var(--bxsh--10)}.-bxsh\:20{box-shadow:var(--bxsh--20)}.-bxsh\:30{box-shadow:var(--bxsh--30)}.-bxsh\:40{box-shadow:var(--bxsh--40)}.-bxsh\:50{box-shadow:var(--bxsh--50)}.-pos{position:var(--pos)}.-pos\:static{position:static}.-pos\:fixed{position:fixed}.-pos\:sticky{position:sticky}.-pos\:relative{position:relative}.-pos\:absolute{position:absolute}.-z\:0{z-index:0}.-z\:1{z-index:1}.-z\:99{z-index:99}.-z\:-1{z-index:-1}.-t\:0{top:0}.-t\:50\%{top:50%}.-t\:100\%{top:100%}.-l\:0{left:0}.-l\:50\%{left:50%}.-l\:100\%{left:100%}.-r\:0{right:0}.-r\:50\%{right:50%}.-r\:100\%{right:100%}.-b\:0{bottom:0}.-b\:50\%{bottom:50%}.-b\:100\%{bottom:100%}.-i\:0{inset:0}.-p,[class*="-p:"]{padding:var(--p)}.-p\:0{--p:0}.-p\:5{--p:var(--s5)}.-p\:10{--p:var(--s10)}.-p\:15{--p:var(--s15)}.-p\:20{--p:var(--s20)}.-p\:25{--p:var(--s25)}.-p\:30{--p:var(--s30)}.-p\:35{--p:var(--s35)}.-p\:40{--p:var(--s40)}.-p\:50{--p:var(--s50)}.-p\:60{--p:var(--s60)}.-p\:70{--p:var(--s70)}.-p\:80{--p:var(--s80)}.-px{padding-inline:var(--px)}.-px\:0{padding-inline:0}.-px\:5{padding-inline:var(--s5)}.-px\:10{padding-inline:var(--s10)}.-px\:15{padding-inline:var(--s15)}.-px\:20{padding-inline:var(--s20)}.-px\:25{padding-inline:var(--s25)}.-px\:30{padding-inline:var(--s30)}.-px\:35{padding-inline:var(--s35)}.-px\:40{padding-inline:var(--s40)}.-px\:50{padding-inline:var(--s50)}.-px\:60{padding-inline:var(--s60)}.-px\:70{padding-inline:var(--s70)}.-px\:80{padding-inline:var(--s80)}.-py{padding-block:var(--py)}.-py\:0{padding-block:0}.-py\:5{padding-block:var(--s5)}.-py\:10{padding-block:var(--s10)}.-py\:15{padding-block:var(--s15)}.-py\:20{padding-block:var(--s20)}.-py\:25{padding-block:var(--s25)}.-py\:30{padding-block:var(--s30)}.-py\:35{padding-block:var(--s35)}.-py\:40{padding-block:var(--s40)}.-py\:50{padding-block:var(--s50)}.-py\:60{padding-block:var(--s60)}.-py\:70{padding-block:var(--s70)}.-py\:80{padding-block:var(--s80)}.-ps{padding-inline-start:var(--ps)}.-pe{padding-inline-end:var(--pe)}.-pbs{padding-block-start:var(--pbs)}.-pbe{padding-block-end:var(--pbe)}.-m,[class*="-m:"]{margin:var(--m)}.-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\:25{--m:var(--s25)}.-m\:30{--m:var(--s30)}.-m\:35{--m:var(--s35)}.-m\:40{--m:var(--s40)}.-m\:50{--m:var(--s50)}.-m\:60{--m:var(--s60)}.-m\:70{--m:var(--s70)}.-m\:80{--m:var(--s80)}.-m\:auto{--m:auto}.-mx{margin-inline:var(--mx)}.-mx\:0{margin-inline:0}.-mx\:5{margin-inline:var(--s5)}.-mx\:10{margin-inline:var(--s10)}.-mx\:15{margin-inline:var(--s15)}.-mx\:20{margin-inline:var(--s20)}.-mx\:25{margin-inline:var(--s25)}.-mx\:30{margin-inline:var(--s30)}.-mx\:35{margin-inline:var(--s35)}.-mx\:40{margin-inline:var(--s40)}.-mx\:50{margin-inline:var(--s50)}.-mx\:60{margin-inline:var(--s60)}.-mx\:70{margin-inline:var(--s70)}.-mx\:80{margin-inline:var(--s80)}.-mx\:auto{margin-inline:auto}.-my{margin-block:var(--my)}.-my\:0{margin-block:0}.-my\:5{margin-block:var(--s5)}.-my\:10{margin-block:var(--s10)}.-my\:15{margin-block:var(--s15)}.-my\:20{margin-block:var(--s20)}.-my\:25{margin-block:var(--s25)}.-my\:30{margin-block:var(--s30)}.-my\:35{margin-block:var(--s35)}.-my\:40{margin-block:var(--s40)}.-my\:50{margin-block:var(--s50)}.-my\:60{margin-block:var(--s60)}.-my\:70{margin-block:var(--s70)}.-my\:80{margin-block:var(--s80)}.-my\:auto{margin-block:auto}.-ms{margin-inline-start:var(--ms)}.-ms\:auto{margin-inline-start:auto}.-me{margin-inline-end:var(--me)}.-me\:auto{margin-inline-end:auto}.-mbs{margin-block-start:var(--mbs)}.-mbs\:0{margin-block-start:0}.-mbs\:5{margin-block-start:var(--s5)}.-mbs\:10{margin-block-start:var(--s10)}.-mbs\:15{margin-block-start:var(--s15)}.-mbs\:20{margin-block-start:var(--s20)}.-mbs\:25{margin-block-start:var(--s25)}.-mbs\:30{margin-block-start:var(--s30)}.-mbs\:35{margin-block-start:var(--s35)}.-mbs\:40{margin-block-start:var(--s40)}.-mbs\:50{margin-block-start:var(--s50)}.-mbs\:60{margin-block-start:var(--s60)}.-mbs\:70{margin-block-start:var(--s70)}.-mbs\:80{margin-block-start:var(--s80)}.-mbs\:auto{margin-block-start:auto}.-mbe{margin-block-end:var(--mbe)}.-mbe\:auto{margin-block-end:auto}.-g{gap:var(--g)}.-g\:0{gap:0}.-g\:5{gap:var(--s5)}.-g\:10{gap:var(--s10)}.-g\:15{gap:var(--s15)}.-g\:20{gap:var(--s20)}.-g\:25{gap:var(--s25)}.-g\:30{gap:var(--s30)}.-g\:35{gap:var(--s35)}.-g\:40{gap:var(--s40)}.-g\:50{gap:var(--s50)}.-g\:60{gap:var(--s60)}.-g\:70{gap:var(--s70)}.-g\:80{gap:var(--s80)}.-g\:inherit{gap:inherit}.-fxw{flex-wrap:var(--fxw)}.-fxw\:wrap{flex-wrap:wrap}.-fxd{flex-direction:var(--fxd)}.-fxd\:column{flex-direction:column}.-fxd\:column-reverse{flex-direction:column-reverse}.-fxd\:row-reverse{flex-direction:row-reverse}.-fx{flex:var(--fx)}.-fx\:1{flex:1}.-fxg\:1{flex-grow:1}.-fxsh\:0{flex-shrink:0}.-fxb{flex-basis:var(--fxb)}.-gt{grid-template:var(--gt)}.-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\:row{grid-auto-flow:row}.-gaf\:column{grid-auto-flow:column}.-ga{grid-area:var(--ga)}.-ga\:1\/1{grid-area:1/1}.-gc{grid-column:var(--gc)}.-gc\:1\/-1{grid-column:1/-1}.-gr{grid-row:var(--gr)}.-gr\:1\/-1{grid-row:1/-1}.-ai{align-items:var(--ai)}.-ai\:start{align-items:start}.-ai\:center{align-items:center}.-ai\:end{align-items:end}.-ai\:stretch{align-items:stretch}.-ai\:flex-start{align-items:flex-start}.-ai\:flex-end{align-items:flex-end}.-ac{align-content:var(--ac)}.-ac\:start{align-content:start}.-ac\:center{align-content:center}.-ac\:end{align-content:end}.-ac\:flex-start{align-content:flex-start}.-ac\:flex-end{align-content:flex-end}.-ac\:between{align-content:space-between}.-ji{justify-items:var(--ji)}.-ji\:start{justify-items:start}.-ji\:center{justify-items:center}.-ji\:end{justify-items:end}.-ji\:stretch{justify-items:stretch}.-ji\:flex-start{justify-items:flex-start}.-ji\:flex-end{justify-items:flex-end}.-jc{justify-content:var(--jc)}.-jc\:start{justify-content:start}.-jc\:center{justify-content:center}.-jc\:end{justify-content:end}.-jc\:flex-start{justify-content:flex-start}.-jc\:flex-end{justify-content:flex-end}.-jc\:between{justify-content:space-between}.-pi\:start{place-items:start}.-pi\:center{place-items:center}.-pi\:end{place-items:end}.-pc\:start{place-content:start}.-pc\:center{place-content:center}.-pc\:end{place-content:end}.-aslf\:start{align-self:start}.-aslf\:center{align-self:center}.-aslf\:end{align-self:end}.-aslf\:stretch{align-self:stretch}.-jslf\:start{justify-self:start}.-jslf\:center{justify-self:center}.-jslf\:end{justify-self:end}.-jslf\:stretch{justify-self:stretch}.-pslf\:start{place-self:start}.-pslf\:center{place-self:center}.-pslf\:end{place-self:end}.-order{order:var(--order)}.-order\:0{order:0}.-order\:1{order:1}.-order\:-1{order:-1}.-ovw\:anywhere{overflow-wrap:anywhere}.-whs\:nowrap{white-space:nowrap}.-float\:left{float:left}.-float\:right{float:right}.-clear\:both{clear:both}.-iso\:isolate{isolation:isolate}.-wm{writing-mode:var(--wm)}.-wm\:vertical-rl{writing-mode:vertical-rl}@container (min-width: 480px){.-fz_sm{font-size:var(--fz_sm)}.-d_sm{display:var(--d_sm)}.-ar_sm{aspect-ratio:var(--ar_sm)}.-w_sm{width:var(--w_sm)}.-h_sm{height:var(--h_sm)}.-min-w_sm{min-width:var(--min-w_sm)}.-max-w_sm{max-width:var(--max-w_sm)}.-min-h_sm{min-height:var(--min-h_sm)}.-max-h_sm{max-height:var(--max-h_sm)}.-bdw_sm{--bdw:var(--bdw_sm)!important}.-bdrs_sm{border-radius:var(--bdrs);--bdrs:var(--bdrs_sm)!important}.-bxsh_sm{box-shadow:var(--bxsh_sm)}.-pos_sm{position:var(--pos_sm)}.-p_sm{padding:var(--p);--p:var(--p_sm)!important}.-px_sm{padding-inline:var(--px_sm)}.-py_sm{padding-block:var(--py_sm)}.-ps_sm{padding-inline-start:var(--ps_sm)}.-pe_sm{padding-inline-end:var(--pe_sm)}.-pbs_sm{padding-block-start:var(--pbs_sm)}.-pbe_sm{padding-block-end:var(--pbe_sm)}.-m_sm{margin:var(--m);--m:var(--m_sm)!important}.-mx_sm{margin-inline:var(--mx_sm)}.-my_sm{margin-block:var(--my_sm)}.-ms_sm{margin-inline-start:var(--ms_sm)}.-me_sm{margin-inline-end:var(--me_sm)}.-mbs_sm{margin-block-start:var(--mbs_sm)}.-mbe_sm{margin-block-end:var(--mbe_sm)}.-g_sm{gap:var(--g_sm)}.-cols_sm{--cols:var(--cols_sm)!important}.-rows_sm{--rows:var(--rows_sm)!important}.-fxw_sm{flex-wrap:var(--fxw_sm)}.-fxd_sm{flex-direction:var(--fxd_sm)}.-fx_sm{flex:var(--fx_sm)}.-fxb_sm{flex-basis:var(--fxb_sm)}.-gt_sm{grid-template:var(--gt_sm)}.-gta_sm{grid-template-areas:var(--gta_sm)}.-gtc_sm{grid-template-columns:var(--gtc_sm)}.-gtr_sm{grid-template-rows:var(--gtr_sm)}.-gaf_sm{grid-auto-flow:var(--gaf_sm)}.-ga_sm{grid-area:var(--ga_sm)}.-gc_sm{grid-column:var(--gc_sm)}.-gr_sm{grid-row:var(--gr_sm)}.-ai_sm{align-items:var(--ai_sm)}.-ac_sm{align-content:var(--ac_sm)}.-ji_sm{justify-items:var(--ji_sm)}.-jc_sm{justify-content:var(--jc_sm)}.-order_sm{order:var(--order_sm)}.-wm_sm{writing-mode:var(--wm_sm)}}@container (min-width: 800px){.-fz_md{font-size:var(--fz_md)}.-d_md{display:var(--d_md)}.-ar_md{aspect-ratio:var(--ar_md)}.-w_md{width:var(--w_md)}.-h_md{height:var(--h_md)}.-min-w_md{min-width:var(--min-w_md)}.-max-w_md{max-width:var(--max-w_md)}.-min-h_md{min-height:var(--min-h_md)}.-max-h_md{max-height:var(--max-h_md)}.-bdw_md{--bdw:var(--bdw_md)!important}.-bdrs_md{border-radius:var(--bdrs);--bdrs:var(--bdrs_md)!important}.-bxsh_md{box-shadow:var(--bxsh_md)}.-pos_md{position:var(--pos_md)}.-p_md{padding:var(--p);--p:var(--p_md)!important}.-px_md{padding-inline:var(--px_md)}.-py_md{padding-block:var(--py_md)}.-ps_md{padding-inline-start:var(--ps_md)}.-pe_md{padding-inline-end:var(--pe_md)}.-pbs_md{padding-block-start:var(--pbs_md)}.-pbe_md{padding-block-end:var(--pbe_md)}.-m_md{margin:var(--m);--m:var(--m_md)!important}.-mx_md{margin-inline:var(--mx_md)}.-my_md{margin-block:var(--my_md)}.-ms_md{margin-inline-start:var(--ms_md)}.-me_md{margin-inline-end:var(--me_md)}.-mbs_md{margin-block-start:var(--mbs_md)}.-mbe_md{margin-block-end:var(--mbe_md)}.-g_md{gap:var(--g_md)}.-cols_md{--cols:var(--cols_md)!important}.-rows_md{--rows:var(--rows_md)!important}.-fxw_md{flex-wrap:var(--fxw_md)}.-fxd_md{flex-direction:var(--fxd_md)}.-fx_md{flex:var(--fx_md)}.-fxb_md{flex-basis:var(--fxb_md)}.-gt_md{grid-template:var(--gt_md)}.-gta_md{grid-template-areas:var(--gta_md)}.-gtc_md{grid-template-columns:var(--gtc_md)}.-gtr_md{grid-template-rows:var(--gtr_md)}.-gaf_md{grid-auto-flow:var(--gaf_md)}.-ga_md{grid-area:var(--ga_md)}.-gc_md{grid-column:var(--gc_md)}.-gr_md{grid-row:var(--gr_md)}.-ai_md{align-items:var(--ai_md)}.-ac_md{align-content:var(--ac_md)}.-ji_md{justify-items:var(--ji_md)}.-jc_md{justify-content:var(--jc_md)}.-order_md{order:var(--order_md)}.-wm_md{writing-mode:var(--wm_md)}}@container (min-width: 1120px){.-d_lg{display:var(--d_lg)}.-g_lg{gap:var(--g_lg)}.-cols_lg{--cols:var(--cols_lg)!important}.-gta_lg{grid-template-areas:var(--gta_lg)}.-gtc_lg{grid-template-columns:var(--gtc_lg)}.-gtr_lg{grid-template-rows:var(--gtr_lg)}.-ga_lg{grid-area:var(--ga_lg)}.-gc_lg{grid-column:var(--gc_lg)}.-gr_lg{grid-row:var(--gr_lg)}}@media (any-hover:hover){.-hov\:-c:hover{color:var(--hov-c,var(--link))}.-hov\:-bdc:hover{border-color:var(--hov-bdc,currentColor)}.-hov\:-bgc:hover{background-color:var(--hov-bgc,var(--hov-bgc--default,color-mix(in srgb,var(--bgc,var(--base)),var(--neutral) 25%)))}.-hov\:-o:hover{opacity:var(--hov-o,var(--o--p))}.-hov\:-bxsh:hover{box-shadow:var(--hov-bxsh,var(--bxsh--50))}.-hov\:underline:hover{text-decoration:underline}}.-hov\:in\:hide{--transitionProps:opacity;opacity:var(--_isHov,0)}.-hov\:in\:show{--transitionProps:opacity,visibility;opacity:var(--_notHov,0);visibility:var(--_notHov,hidden)}.-hov\:in\:zoom{--transitionProps:scale;scale:var(--_isHov,1.1)}
1
+ @layer lism-base{.-bd,[class*=" -bd-"],[class^=-bd-]{--bds:solid;--bdw:1px;--bdc:var(--divider);border-color:var(--bdc);border-width:var(--bdw)}}.-bd{border-style:var(--bds)}.-bd-x{border-inline-style:var(--bds)}.-bd-y{border-block-style:var(--bds)}.-bd-s{border-inline-start-style:var(--bds)}.-bd-e{border-inline-end-style:var(--bds)}.-bd-t{border-top-style:var(--bds)}.-bd-b{border-bottom-style:var(--bds)}.-bd-l{border-left-style:var(--bds)}.-bd-r{border-right-style:var(--bds)}.-bd-bs{border-block-start-style:var(--bds)}.-bd-be{border-block-end-style:var(--bds)}.-max-sz\:full{max-inline-size:100%}:where(.has--gutter)>.-max-sz\:full{inline-size:auto;margin-inline:calc(var(--gutter)*-1);max-inline-size:calc(100% + var(--gutter)*2)}.-max-sz\:bleed{inline-size:auto;margin-inline:calc(50% - var(--sz--bleed, 100svi)/2);max-inline-size:var(--sz--bleed,100svi)}.-f\:inherit{font:inherit}.-fz{font-size:var(--fz)}.-fz\:base{font-size:var(--fz--base)}.-fz\:5xl{font-size:var(--fz--5xl)}.-fz\:4xl{font-size:var(--fz--4xl)}.-fz\:3xl{font-size:var(--fz--3xl)}.-fz\:2xl{font-size:var(--fz--2xl)}.-fz\:xl{font-size:var(--fz--xl)}.-fz\:l{font-size:var(--fz--l)}.-fz\:m{font-size:var(--fz--m)}.-fz\:s{font-size:var(--fz--s)}.-fz\:xs{font-size:var(--fz--xs)}.-fz\:2xs{font-size:var(--fz--2xs)}.-fw\:100{font-weight:100}.-fw\:200{font-weight:200}.-fw\:300{font-weight:300}.-fw\:400{font-weight:400}.-fw\:500{font-weight:500}.-fw\:600{font-weight:600}.-fw\:700{font-weight:700}.-fw\:800{font-weight:800}.-fw\:900{font-weight:900}.-fw\:light{font-weight:var(--fw--light)}.-fw\:normal{font-weight:var(--fw--normal)}.-fw\:bold{font-weight:var(--fw--bold)}.-ff\:base{font-family:var(--ff--base)}.-ff\:accent{font-family:var(--ff--accent)}.-ff\:mono{font-family:var(--ff--mono)}.-fs\:italic{font-style:italic}.-lh\:1{--hl:0px}.-lh\:base{--hl:var(--hl--base)}.-lh\:xs{--hl:var(--hl--xs)}.-lh\:s{--hl:var(--hl--s)}.-lh\:l{--hl:var(--hl--l)}.-hl\:base{--hl:var(--hl--base)}.-hl\:xs{--hl:var(--hl--xs)}.-hl\:s{--hl:var(--hl--s)}.-hl\:l{--hl:var(--hl--l)}.-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\:center{text-align:center}.-ta\:left{text-align:left}.-ta\:right{text-align:right}.-td\:none{text-decoration:none}.-tt\:upper{text-transform:uppercase}.-tt\:lower{text-transform:lowercase}.-d{display:var(--d)}.-d\:none{display:none}.-d\:block{display:block}.-d\:flex{display:flex}.-d\:inline-flex{display:inline-flex}.-d\:grid{display:grid}.-d\:inline-grid{display:inline-grid}.-d\:inline{display:inline}.-d\:inline-block{display:inline-block}.-o\:0{opacity:0}.-o\:mp{opacity:var(--o--mp)}.-o\:p{opacity:var(--o--p)}.-o\:pp{opacity:var(--o--pp)}.-o\:ppp{opacity:var(--o--ppp)}.-v\:hidden{visibility:hidden}.-ov\:hidden{overflow:hidden}.-ov\:auto{overflow:auto}.-ov\:clip{overflow:clip}.-ov-x\:clip{overflow-x:clip}.-ov-x\:auto{overflow-x:auto}.-ov-x\:scroll{overflow-x:scroll}.-ov-y\:clip{overflow-y:clip}.-ov-y\:auto{overflow-y:auto}.-ov-y\:scroll{overflow-y:scroll}.-ar{aspect-ratio:var(--ar)}.-ar\:21\/9{aspect-ratio:21/9}.-ar\:16\/9{aspect-ratio:16/9}.-ar\:3\/2{aspect-ratio:3/2}.-ar\:1\/1{aspect-ratio:1/1}.-ar\:og{aspect-ratio:var(--ar--og)}.-w{width:var(--w)}.-w\:100\%{width:100%}.-w\:fit{width:-moz-fit-content;width:fit-content}.-h{height:var(--h)}.-h\:100\%{height:100%}.-h\:fit{height:-moz-fit-content;height:fit-content}.-min-w{min-width:var(--min-w)}.-min-w\:100\%{min-width:100%}.-max-w{max-width:var(--max-w)}.-max-w\:100\%{max-width:100%}.-min-h{min-height:var(--min-h)}.-min-h\:100\%{min-height:100%}.-max-h{max-height:var(--max-h)}.-max-h\:100\%{max-height:100%}.-contentSize\:s{--contentSize:var(--sz--s)}.-contentSize\:m{--contentSize:var(--sz--m)}.-contentSize\:l{--contentSize:var(--sz--l)}.-contentSize\:xl{--contentSize:var(--sz--xl)}.-max-sz\:xs{max-inline-size:var(--sz--xs)}.-max-sz\:s{max-inline-size:var(--sz--s)}.-max-sz\:m{max-inline-size:var(--sz--m)}.-max-sz\:l{max-inline-size:var(--sz--l)}.-max-sz\:xl{max-inline-size:var(--sz--xl)}.-bgr\:no-repeat{background-repeat:no-repeat}.-bgp\:center{background-position:50%}.-bgsz\:cover{background-size:cover}.-bgsz\:contain{background-size:contain}.-bgc,[class*="-bgc:"]{background-color:var(--bgc)}.-bgc\:base{--bgc:var(--base)}.-bgc\:base-2{--bgc:var(--base-2)}.-bgc\:text{--bgc:var(--text)}.-bgc\:brand{--bgc:var(--brand)}.-bgc\:accent{--bgc:var(--accent)}.-bgc\:transparent{--bgc:transparent}.-bgc\:inherit{background-color:inherit}.-c,[class*="-c:"]{color:var(--c)}.-c\:base{--c:var(--base)}.-c\:text{--c:var(--text)}.-c\:text-2{--c:var(--text-2)}.-c\:brand{--c:var(--brand)}.-c\:accent{--c:var(--accent)}.-c\:inherit{color:inherit}.-bd\:none{border:none}.-bds\:dashed{--bds:dashed}.-bds\:dotted{--bds:dotted}.-bds\:double{--bds:double}.-bdc\:brand{--bdc:var(--brand)}.-bdc\:accent{--bdc:var(--accent)}.-bdc\:divider{--bdc:var(--divider)}.-bdc\:inherit{--bdc:inherit}.-bdc\:transparent{--bdc:transparent}.-bdc\:current{--bdc:currentColor}.-bdrs,[class*="-bdrs:"]{border-radius:var(--bdrs)}.-bdrs\:0{--bdrs:0}.-bdrs\:10{--bdrs:var(--bdrs--10)}.-bdrs\:20{--bdrs:var(--bdrs--20)}.-bdrs\:30{--bdrs:var(--bdrs--30)}.-bdrs\:40{--bdrs:var(--bdrs--40)}.-bdrs\:99{--bdrs:var(--bdrs--99)}.-bdrs\:inner{--bdrs:var(--bdrs--inner)}.-bxsh{box-shadow:var(--bxsh)}.-bxsh\:0{box-shadow:none}.-bxsh\:10{box-shadow:var(--bxsh--10)}.-bxsh\:20{box-shadow:var(--bxsh--20)}.-bxsh\:30{box-shadow:var(--bxsh--30)}.-bxsh\:40{box-shadow:var(--bxsh--40)}.-bxsh\:50{box-shadow:var(--bxsh--50)}.-pos{position:var(--pos)}.-pos\:static{position:static}.-pos\:fixed{position:fixed}.-pos\:sticky{position:sticky}.-pos\:relative{position:relative}.-pos\:absolute{position:absolute}.-z\:0{z-index:0}.-z\:1{z-index:1}.-z\:99{z-index:99}.-z\:-1{z-index:-1}.-t\:0{top:0}.-t\:50\%{top:50%}.-t\:100\%{top:100%}.-l\:0{left:0}.-l\:50\%{left:50%}.-l\:100\%{left:100%}.-r\:0{right:0}.-r\:50\%{right:50%}.-r\:100\%{right:100%}.-b\:0{bottom:0}.-b\:50\%{bottom:50%}.-b\:100\%{bottom:100%}.-i\:0{inset:0}.-p,[class*="-p:"]{padding:var(--p)}.-p\:0{--p:0}.-p\:5{--p:var(--s5)}.-p\:10{--p:var(--s10)}.-p\:15{--p:var(--s15)}.-p\:20{--p:var(--s20)}.-p\:25{--p:var(--s25)}.-p\:30{--p:var(--s30)}.-p\:35{--p:var(--s35)}.-p\:40{--p:var(--s40)}.-p\:50{--p:var(--s50)}.-p\:60{--p:var(--s60)}.-p\:70{--p:var(--s70)}.-p\:80{--p:var(--s80)}.-px{padding-inline:var(--px)}.-px\:0{padding-inline:0}.-px\:5{padding-inline:var(--s5)}.-px\:10{padding-inline:var(--s10)}.-px\:15{padding-inline:var(--s15)}.-px\:20{padding-inline:var(--s20)}.-px\:25{padding-inline:var(--s25)}.-px\:30{padding-inline:var(--s30)}.-px\:35{padding-inline:var(--s35)}.-px\:40{padding-inline:var(--s40)}.-px\:50{padding-inline:var(--s50)}.-px\:60{padding-inline:var(--s60)}.-px\:70{padding-inline:var(--s70)}.-px\:80{padding-inline:var(--s80)}.-py{padding-block:var(--py)}.-py\:0{padding-block:0}.-py\:5{padding-block:var(--s5)}.-py\:10{padding-block:var(--s10)}.-py\:15{padding-block:var(--s15)}.-py\:20{padding-block:var(--s20)}.-py\:25{padding-block:var(--s25)}.-py\:30{padding-block:var(--s30)}.-py\:35{padding-block:var(--s35)}.-py\:40{padding-block:var(--s40)}.-py\:50{padding-block:var(--s50)}.-py\:60{padding-block:var(--s60)}.-py\:70{padding-block:var(--s70)}.-py\:80{padding-block:var(--s80)}.-ps{padding-inline-start:var(--ps)}.-pe{padding-inline-end:var(--pe)}.-pbs{padding-block-start:var(--pbs)}.-pbe{padding-block-end:var(--pbe)}.-m,[class*="-m:"]{margin:var(--m)}.-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\:25{--m:var(--s25)}.-m\:30{--m:var(--s30)}.-m\:35{--m:var(--s35)}.-m\:40{--m:var(--s40)}.-m\:50{--m:var(--s50)}.-m\:60{--m:var(--s60)}.-m\:70{--m:var(--s70)}.-m\:80{--m:var(--s80)}.-m\:auto{--m:auto}.-mx{margin-inline:var(--mx)}.-mx\:0{margin-inline:0}.-mx\:5{margin-inline:var(--s5)}.-mx\:10{margin-inline:var(--s10)}.-mx\:15{margin-inline:var(--s15)}.-mx\:20{margin-inline:var(--s20)}.-mx\:25{margin-inline:var(--s25)}.-mx\:30{margin-inline:var(--s30)}.-mx\:35{margin-inline:var(--s35)}.-mx\:40{margin-inline:var(--s40)}.-mx\:50{margin-inline:var(--s50)}.-mx\:60{margin-inline:var(--s60)}.-mx\:70{margin-inline:var(--s70)}.-mx\:80{margin-inline:var(--s80)}.-mx\:auto{margin-inline:auto}.-my{margin-block:var(--my)}.-my\:0{margin-block:0}.-my\:5{margin-block:var(--s5)}.-my\:10{margin-block:var(--s10)}.-my\:15{margin-block:var(--s15)}.-my\:20{margin-block:var(--s20)}.-my\:25{margin-block:var(--s25)}.-my\:30{margin-block:var(--s30)}.-my\:35{margin-block:var(--s35)}.-my\:40{margin-block:var(--s40)}.-my\:50{margin-block:var(--s50)}.-my\:60{margin-block:var(--s60)}.-my\:70{margin-block:var(--s70)}.-my\:80{margin-block:var(--s80)}.-my\:auto{margin-block:auto}.-ms{margin-inline-start:var(--ms)}.-ms\:auto{margin-inline-start:auto}.-me{margin-inline-end:var(--me)}.-me\:auto{margin-inline-end:auto}.-mbs{margin-block-start:var(--mbs)}.-mbs\:0{margin-block-start:0}.-mbs\:5{margin-block-start:var(--s5)}.-mbs\:10{margin-block-start:var(--s10)}.-mbs\:15{margin-block-start:var(--s15)}.-mbs\:20{margin-block-start:var(--s20)}.-mbs\:25{margin-block-start:var(--s25)}.-mbs\:30{margin-block-start:var(--s30)}.-mbs\:35{margin-block-start:var(--s35)}.-mbs\:40{margin-block-start:var(--s40)}.-mbs\:50{margin-block-start:var(--s50)}.-mbs\:60{margin-block-start:var(--s60)}.-mbs\:70{margin-block-start:var(--s70)}.-mbs\:80{margin-block-start:var(--s80)}.-mbs\:auto{margin-block-start:auto}.-mbe{margin-block-end:var(--mbe)}.-mbe\:auto{margin-block-end:auto}.-g{gap:var(--g)}.-g\:0{gap:0}.-g\:5{gap:var(--s5)}.-g\:10{gap:var(--s10)}.-g\:15{gap:var(--s15)}.-g\:20{gap:var(--s20)}.-g\:25{gap:var(--s25)}.-g\:30{gap:var(--s30)}.-g\:35{gap:var(--s35)}.-g\:40{gap:var(--s40)}.-g\:50{gap:var(--s50)}.-g\:60{gap:var(--s60)}.-g\:70{gap:var(--s70)}.-g\:80{gap:var(--s80)}.-g\:inherit{gap:inherit}.-fxw{flex-wrap:var(--fxw)}.-fxw\:wrap{flex-wrap:wrap}.-fxd{flex-direction:var(--fxd)}.-fxd\:column{flex-direction:column}.-fxd\:column-reverse{flex-direction:column-reverse}.-fxd\:row-reverse{flex-direction:row-reverse}.-fx{flex:var(--fx)}.-fx\:1{flex:1}.-fxg\:1{flex-grow:1}.-fxsh\:0{flex-shrink:0}.-fxb{flex-basis:var(--fxb)}.-gt{grid-template:var(--gt)}.-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\:row{grid-auto-flow:row}.-gaf\:column{grid-auto-flow:column}.-ga{grid-area:var(--ga)}.-ga\:1\/1{grid-area:1/1}.-gc{grid-column:var(--gc)}.-gc\:1\/-1{grid-column:1/-1}.-gr{grid-row:var(--gr)}.-gr\:1\/-1{grid-row:1/-1}.-ai{align-items:var(--ai)}.-ai\:start{align-items:start}.-ai\:center{align-items:center}.-ai\:end{align-items:end}.-ai\:stretch{align-items:stretch}.-ai\:flex-start{align-items:flex-start}.-ai\:flex-end{align-items:flex-end}.-ac{align-content:var(--ac)}.-ac\:start{align-content:start}.-ac\:center{align-content:center}.-ac\:end{align-content:end}.-ac\:flex-start{align-content:flex-start}.-ac\:flex-end{align-content:flex-end}.-ac\:between{align-content:space-between}.-ji{justify-items:var(--ji)}.-ji\:start{justify-items:start}.-ji\:center{justify-items:center}.-ji\:end{justify-items:end}.-ji\:stretch{justify-items:stretch}.-ji\:flex-start{justify-items:flex-start}.-ji\:flex-end{justify-items:flex-end}.-jc{justify-content:var(--jc)}.-jc\:start{justify-content:start}.-jc\:center{justify-content:center}.-jc\:end{justify-content:end}.-jc\:flex-start{justify-content:flex-start}.-jc\:flex-end{justify-content:flex-end}.-jc\:between{justify-content:space-between}.-pi\:start{place-items:start}.-pi\:center{place-items:center}.-pi\:end{place-items:end}.-pc\:start{place-content:start}.-pc\:center{place-content:center}.-pc\:end{place-content:end}.-aslf\:start{align-self:start}.-aslf\:center{align-self:center}.-aslf\:end{align-self:end}.-aslf\:stretch{align-self:stretch}.-jslf\:start{justify-self:start}.-jslf\:center{justify-self:center}.-jslf\:end{justify-self:end}.-jslf\:stretch{justify-self:stretch}.-pslf\:start{place-self:start}.-pslf\:center{place-self:center}.-pslf\:end{place-self:end}.-order{order:var(--order)}.-order\:0{order:0}.-order\:1{order:1}.-order\:-1{order:-1}.-ovw\:anywhere{overflow-wrap:anywhere}.-whs\:nowrap{white-space:nowrap}.-float\:left{float:left}.-float\:right{float:right}.-clear\:both{clear:both}.-iso\:isolate{isolation:isolate}.-wm{writing-mode:var(--wm)}.-wm\:vertical-rl{writing-mode:vertical-rl}@container (min-width: 480px){.-fz_sm{font-size:var(--fz_sm)}.-hl_sm{--hl:var(--hl_sm)!important}.-d_sm{display:var(--d_sm)}.-ar_sm{aspect-ratio:var(--ar_sm)}.-w_sm{width:var(--w_sm)}.-h_sm{height:var(--h_sm)}.-min-w_sm{min-width:var(--min-w_sm)}.-max-w_sm{max-width:var(--max-w_sm)}.-min-h_sm{min-height:var(--min-h_sm)}.-max-h_sm{max-height:var(--max-h_sm)}.-bdw_sm{--bdw:var(--bdw_sm)!important}.-bdrs_sm{border-radius:var(--bdrs);--bdrs:var(--bdrs_sm)!important}.-bxsh_sm{box-shadow:var(--bxsh_sm)}.-pos_sm{position:var(--pos_sm)}.-p_sm{padding:var(--p);--p:var(--p_sm)!important}.-px_sm{padding-inline:var(--px_sm)}.-py_sm{padding-block:var(--py_sm)}.-ps_sm{padding-inline-start:var(--ps_sm)}.-pe_sm{padding-inline-end:var(--pe_sm)}.-pbs_sm{padding-block-start:var(--pbs_sm)}.-pbe_sm{padding-block-end:var(--pbe_sm)}.-m_sm{margin:var(--m);--m:var(--m_sm)!important}.-mx_sm{margin-inline:var(--mx_sm)}.-my_sm{margin-block:var(--my_sm)}.-ms_sm{margin-inline-start:var(--ms_sm)}.-me_sm{margin-inline-end:var(--me_sm)}.-mbs_sm{margin-block-start:var(--mbs_sm)}.-mbe_sm{margin-block-end:var(--mbe_sm)}.-g_sm{gap:var(--g_sm)}.-cols_sm{--cols:var(--cols_sm)!important}.-rows_sm{--rows:var(--rows_sm)!important}.-fxw_sm{flex-wrap:var(--fxw_sm)}.-fxd_sm{flex-direction:var(--fxd_sm)}.-fx_sm{flex:var(--fx_sm)}.-fxb_sm{flex-basis:var(--fxb_sm)}.-gt_sm{grid-template:var(--gt_sm)}.-gta_sm{grid-template-areas:var(--gta_sm)}.-gtc_sm{grid-template-columns:var(--gtc_sm)}.-gtr_sm{grid-template-rows:var(--gtr_sm)}.-gaf_sm{grid-auto-flow:var(--gaf_sm)}.-ga_sm{grid-area:var(--ga_sm)}.-gc_sm{grid-column:var(--gc_sm)}.-gr_sm{grid-row:var(--gr_sm)}.-ai_sm{align-items:var(--ai_sm)}.-ac_sm{align-content:var(--ac_sm)}.-ji_sm{justify-items:var(--ji_sm)}.-jc_sm{justify-content:var(--jc_sm)}.-order_sm{order:var(--order_sm)}.-wm_sm{writing-mode:var(--wm_sm)}}@container (min-width: 800px){.-fz_md{font-size:var(--fz_md)}.-hl_md{--hl:var(--hl_md)!important}.-d_md{display:var(--d_md)}.-ar_md{aspect-ratio:var(--ar_md)}.-w_md{width:var(--w_md)}.-h_md{height:var(--h_md)}.-min-w_md{min-width:var(--min-w_md)}.-max-w_md{max-width:var(--max-w_md)}.-min-h_md{min-height:var(--min-h_md)}.-max-h_md{max-height:var(--max-h_md)}.-bdw_md{--bdw:var(--bdw_md)!important}.-bdrs_md{border-radius:var(--bdrs);--bdrs:var(--bdrs_md)!important}.-bxsh_md{box-shadow:var(--bxsh_md)}.-pos_md{position:var(--pos_md)}.-p_md{padding:var(--p);--p:var(--p_md)!important}.-px_md{padding-inline:var(--px_md)}.-py_md{padding-block:var(--py_md)}.-ps_md{padding-inline-start:var(--ps_md)}.-pe_md{padding-inline-end:var(--pe_md)}.-pbs_md{padding-block-start:var(--pbs_md)}.-pbe_md{padding-block-end:var(--pbe_md)}.-m_md{margin:var(--m);--m:var(--m_md)!important}.-mx_md{margin-inline:var(--mx_md)}.-my_md{margin-block:var(--my_md)}.-ms_md{margin-inline-start:var(--ms_md)}.-me_md{margin-inline-end:var(--me_md)}.-mbs_md{margin-block-start:var(--mbs_md)}.-mbe_md{margin-block-end:var(--mbe_md)}.-g_md{gap:var(--g_md)}.-cols_md{--cols:var(--cols_md)!important}.-rows_md{--rows:var(--rows_md)!important}.-fxw_md{flex-wrap:var(--fxw_md)}.-fxd_md{flex-direction:var(--fxd_md)}.-fx_md{flex:var(--fx_md)}.-fxb_md{flex-basis:var(--fxb_md)}.-gt_md{grid-template:var(--gt_md)}.-gta_md{grid-template-areas:var(--gta_md)}.-gtc_md{grid-template-columns:var(--gtc_md)}.-gtr_md{grid-template-rows:var(--gtr_md)}.-gaf_md{grid-auto-flow:var(--gaf_md)}.-ga_md{grid-area:var(--ga_md)}.-gc_md{grid-column:var(--gc_md)}.-gr_md{grid-row:var(--gr_md)}.-ai_md{align-items:var(--ai_md)}.-ac_md{align-content:var(--ac_md)}.-ji_md{justify-items:var(--ji_md)}.-jc_md{justify-content:var(--jc_md)}.-order_md{order:var(--order_md)}.-wm_md{writing-mode:var(--wm_md)}}@container (min-width: 1120px){.-fz_lg{font-size:var(--fz_lg)}.-hl_lg{--hl:var(--hl_lg)!important}.-d_lg{display:var(--d_lg)}.-ar_lg{aspect-ratio:var(--ar_lg)}.-w_lg{width:var(--w_lg)}.-h_lg{height:var(--h_lg)}.-min-w_lg{min-width:var(--min-w_lg)}.-max-w_lg{max-width:var(--max-w_lg)}.-min-h_lg{min-height:var(--min-h_lg)}.-max-h_lg{max-height:var(--max-h_lg)}.-bdw_lg{--bdw:var(--bdw_lg)!important}.-bdrs_lg{border-radius:var(--bdrs);--bdrs:var(--bdrs_lg)!important}.-bxsh_lg{box-shadow:var(--bxsh_lg)}.-pos_lg{position:var(--pos_lg)}.-p_lg{padding:var(--p);--p:var(--p_lg)!important}.-px_lg{padding-inline:var(--px_lg)}.-py_lg{padding-block:var(--py_lg)}.-ps_lg{padding-inline-start:var(--ps_lg)}.-pe_lg{padding-inline-end:var(--pe_lg)}.-pbs_lg{padding-block-start:var(--pbs_lg)}.-pbe_lg{padding-block-end:var(--pbe_lg)}.-m_lg{margin:var(--m);--m:var(--m_lg)!important}.-mx_lg{margin-inline:var(--mx_lg)}.-my_lg{margin-block:var(--my_lg)}.-ms_lg{margin-inline-start:var(--ms_lg)}.-me_lg{margin-inline-end:var(--me_lg)}.-mbs_lg{margin-block-start:var(--mbs_lg)}.-mbe_lg{margin-block-end:var(--mbe_lg)}.-g_lg{gap:var(--g_lg)}.-cols_lg{--cols:var(--cols_lg)!important}.-rows_lg{--rows:var(--rows_lg)!important}.-fxw_lg{flex-wrap:var(--fxw_lg)}.-fxd_lg{flex-direction:var(--fxd_lg)}.-fx_lg{flex:var(--fx_lg)}.-fxb_lg{flex-basis:var(--fxb_lg)}.-gt_lg{grid-template:var(--gt_lg)}.-gta_lg{grid-template-areas:var(--gta_lg)}.-gtc_lg{grid-template-columns:var(--gtc_lg)}.-gtr_lg{grid-template-rows:var(--gtr_lg)}.-gaf_lg{grid-auto-flow:var(--gaf_lg)}.-ga_lg{grid-area:var(--ga_lg)}.-gc_lg{grid-column:var(--gc_lg)}.-gr_lg{grid-row:var(--gr_lg)}.-ai_lg{align-items:var(--ai_lg)}.-ac_lg{align-content:var(--ac_lg)}.-ji_lg{justify-items:var(--ji_lg)}.-jc_lg{justify-content:var(--jc_lg)}.-order_lg{order:var(--order_lg)}.-wm_lg{writing-mode:var(--wm_lg)}}@media (any-hover:hover){.-hov\:-c:hover{color:var(--hov-c,var(--link))}.-hov\:-bdc:hover{border-color:var(--hov-bdc,currentColor)}.-hov\:-bgc:hover{background-color:var(--hov-bgc,var(--hov-bgc--default,color-mix(in srgb,var(--bgc,var(--base)),var(--neutral) 25%)))}.-hov\:-o:hover{opacity:var(--hov-o,var(--o--p))}.-hov\:-bxsh:hover{box-shadow:var(--hov-bxsh,var(--bxsh--50))}.-hov\:underline:hover{text-decoration:underline}}.-hov\:in\:hide{--transitionProps:opacity;opacity:var(--_isHov,0)}.-hov\:in\:show{--transitionProps:opacity,visibility;opacity:var(--_notHov,0);visibility:var(--_notHov,hidden)}.-hov\:in\:zoom{--transitionProps:scale;scale:var(--_isHov,1.1)}
package/dist/index.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ export type { BreakpointRegistry, MakeResponsive, Responsive, ResponsiveFor } from './lib/types/ResponsiveProps';
2
+ export type { CustomPropRegistry, CustomPropValue } from './lib/types/CustomPropRegistry';
3
+ export type { CustomTraitRegistry, CustomTraitValue } from './lib/types/CustomTraitRegistry';
4
+ export type { FullModeRegistry } from './lib/types/FullModeRegistry';
package/dist/index.js ADDED
@@ -0,0 +1 @@
1
+
package/dist/lib/getBpData.d.ts CHANGED
@@ -1,6 +1,6 @@
1
- import { BREAK_POINTS_ALL } from '../../config/index';
1
+ import { BREAK_POINTS_OBJ } from '../../config/index';
2
2
  type BpValue = string | number | boolean | object | null | undefined;
3
- type BpKey = (typeof BREAK_POINTS_ALL)[number];
3
+ type BpKey = (typeof BREAK_POINTS_OBJ)[number];
4
4
  export type BpData = {
5
5
  base?: BpValue;
6
6
  } & Partial<Record<BpKey, BpValue>>;
package/dist/lib/getBpData.js CHANGED
@@ -1,19 +1,19 @@
1
1
  import e from "./helper/filterEmptyObj.js";
2
- import n from "./helper/hasSomeKeys.js";
3
- import { BREAK_POINTS_ALL as f } from "../config/index.js";
4
- function b(t) {
2
+ import u from "./helper/hasSomeKeys.js";
3
+ import { BREAK_POINTS_OBJ as n, BREAK_POINTS_ALL as s } from "../config/index.js";
4
+ function A(t) {
5
5
  if (t === !0) return { base: !0 };
6
6
  if (t !== 0 && !t) return {};
7
7
  if (typeof t == "string" || typeof t == "number")
8
8
  return { base: t };
9
9
  if (Array.isArray(t)) {
10
10
  const r = {};
11
- return t.forEach((i, u) => {
12
- r[`${f[u]}`] = i;
11
+ return t.forEach((f, i) => {
12
+ r[`${s[i]}`] = f;
13
13
  }), e(r);
14
14
  }
15
- return n(t, f) ? e(t) : e({ base: t });
15
+ return u(t, n) ? e(t) : e({ base: t });
16
16
  }
17
17
  export {
18
- b as default
18
+ A as default
19
19
  };
package/dist/lib/getLismProps.d.ts CHANGED
@@ -1,19 +1,21 @@
1
1
  import { StyleWithCustomProps } from './types';
2
2
  import { TraitProps, SetPropValue, UtilPropValue } from './types/TraitProps';
3
3
  import { PropValueTypes } from './types/PropValueTypes';
4
+ import { CustomPropRegistry } from './types/CustomPropRegistry';
5
+ import { CustomTraitRegistry } from './types/CustomTraitRegistry';
4
6
  import { LayoutType, LayoutProps } from './types/LayoutProps';
5
7
  import { AtomicType, AtomicProps } from './types/AtomicProps';
6
8
  export { type LayoutType, type AtomicType };
7
9
  interface PropConfig {
8
10
  prop?: string;
9
11
  token?: string | null | undefined | false;
10
- tokenClass?: 0 | 1 | 2;
12
+ tokenClass?: 0 | 1;
11
13
  presets?: Set<string> | string[] | readonly string[];
12
14
  presetClass?: string;
13
15
  utils?: Record<string, string>;
14
16
  shorthands?: Record<string, string>;
15
17
  isVar?: number;
16
- bp?: 0 | 1 | 'sm' | 'md' | 'lg' | 'xl';
18
+ bp?: 0 | 1 | readonly ('xs' | 'sm' | 'md' | 'lg' | 'xl')[];
17
19
  alwaysVar?: number;
18
20
  important?: number;
19
21
  exUtility?: Record<string, unknown>;
@@ -23,7 +25,7 @@ interface PropConfig {
23
25
  utilKey?: string;
24
26
  [key: string]: unknown;
25
27
  }
26
- export interface LismPropsBase extends TraitProps, PropValueTypes {
28
+ export interface LismPropsBase extends TraitProps, PropValueTypes, CustomPropRegistry, CustomTraitRegistry {
27
29
  forwardedRef?: React.Ref<any>;
28
30
  class?: string | null;
29
31
  className?: string;
package/dist/lib/getLismProps.js CHANGED
@@ -1,22 +1,22 @@
1
- import { TRAITS as P, PROPS as d } from "../config/index.js";
2
- import j from "./getLayoutProps.js";
3
- import k from "./getAtomicProps.js";
4
- import E from "./isPresetValue.js";
5
- import x from "./isTokenValue.js";
1
+ import { TRAITS as P, PROPS as c } from "../config/index.js";
2
+ import k from "./getLayoutProps.js";
3
+ import E from "./getAtomicProps.js";
4
+ import x from "./isPresetValue.js";
5
+ import w from "./isTokenValue.js";
6
6
  import g from "./getUtilKey.js";
7
- import C from "./getMaybeCssVar.js";
8
- import w from "./getBpData.js";
9
- import z from "./warnUnsupportedBp.js";
7
+ import S from "./getMaybeCssVar.js";
8
+ import z from "./getBpData.js";
9
+ import W from "./warnUnsupportedBp.js";
10
10
  import _ from "./helper/atts.js";
11
11
  import A from "./helper/isEmptyObj.js";
12
- import S from "./helper/filterEmptyObj.js";
12
+ import C from "./helper/filterEmptyObj.js";
13
13
  import b from "./helper/mergeSet.js";
14
14
  import U from "./helper/splitWithComma.js";
15
- const W = (n) => {
16
- const t = d[n];
15
+ const L = (l) => {
16
+ const t = c[l];
17
17
  return t && t?.token || "";
18
18
  };
19
- class L {
19
+ class H {
20
20
  // 最終出力 className
21
21
  className = "";
22
22
  primitiveClass = [];
@@ -28,8 +28,8 @@ class L {
28
28
  attrs = {};
29
29
  _propConfig;
30
30
  constructor(t) {
31
- const { forwardedRef: s, class: i, className: e, primitiveClass: o, style: r = {}, _propConfig: c = {}, ...u } = t;
32
- this.styles = { ...r }, this._propConfig = { ...c }, o && o.length && (this.primitiveClass = [...o]), A(u) || (this.attrs = { ...u }, this.analyzeProps()), s && (this.attrs.ref = s), this.className = this.buildClassName(e, i);
31
+ const { forwardedRef: s, class: i, className: e, primitiveClass: r, style: o = {}, _propConfig: a = {}, ...d } = t;
32
+ this.styles = { ...o }, this._propConfig = { ...a }, r && r.length && (this.primitiveClass = [...r]), A(d) || (this.attrs = { ...d }, this.analyzeProps()), s && (this.attrs.ref = s), this.className = this.buildClassName(e, i);
33
33
  }
34
34
  // 最終クラス文字列の組み立て（出力順の唯一の確定地点）
35
35
  // 出力順: [className&class] [primitiveClass] [setClasses] [traitClasses] [uClasses] [propClasses]
@@ -43,9 +43,9 @@ class L {
43
43
  const t = this.extractProp("set"), s = this.extractProp("util");
44
44
  b(void 0, t).forEach((i) => this.addSet(i)), b(void 0, s).forEach((i) => this.addUtil(`u--${i}`)), Object.keys(this.attrs).forEach((i) => {
45
45
  if (Object.hasOwn(P, i)) {
46
- const e = this.extractProp(i), o = P[i];
47
- e && this.traitClasses.push(o);
48
- } else if (Object.hasOwn(d, i)) {
46
+ const e = this.extractProp(i), r = P[i];
47
+ e && this.traitClasses.push(r);
48
+ } else if (Object.hasOwn(c, i)) {
49
49
  const e = this.attrs[i];
50
50
  delete this.attrs[i], this.analyzeLismProp(i, e);
51
51
  } else if (i === "hov") {
@@ -65,12 +65,12 @@ class L {
65
65
  // Lism Prop 解析
66
66
  analyzeLismProp(t, s) {
67
67
  if (s == null) return;
68
- let i = d[t] || null;
68
+ let i = c[t] || null;
69
69
  if (i === null) return;
70
70
  this._propConfig?.[t] && (i = Object.assign({}, i, this._propConfig[t]));
71
- const { base: e, ...o } = w(s);
72
- process.env.NODE_ENV !== "production" && !i.bp && Object.keys(o).length > 0 && z(t), this.setAttrs(t, e, i), Object.keys(o).forEach((r) => {
73
- i && this.setAttrs(t, o[r], i, r);
71
+ const { base: e, ...r } = z(s);
72
+ process.env.NODE_ENV !== "production" && !i.bp && Object.keys(r).length > 0 && W(t), this.setAttrs(t, e, i), Object.keys(r).forEach((o) => {
73
+ i && this.setAttrs(t, r[o], i, o);
74
74
  });
75
75
  }
76
76
  addSet(t) {
@@ -108,46 +108,51 @@ class L {
108
108
  // 値が null, undefined, '', false の時はスキップ
109
109
  setAttrs(t, s, i = {}, e = "") {
110
110
  if (s == null || s === "" || s === !1) return;
111
- let o = `--${t}`, r = `-${String(i.utilKey || t)}`;
112
- if (e && (o = `--${t}_${e}`, r += `_${e}`), typeof s == "string" && s.startsWith(":")) {
113
- const l = s.slice(1);
114
- this.addProp(l ? `${r}:${l}` : r);
111
+ const r = i.isVar && typeof i.prop == "string" && i.prop.startsWith("--") ? i.prop : `--${t}`;
112
+ let o = r, a = `-${String(i.utilKey || t)}`;
113
+ if (e && (o = `${r}_${e}`, a += `_${e}`), typeof s == "string" && s.startsWith(":")) {
114
+ const f = s.slice(1);
115
+ this.addProp(f ? `${a}:${f}` : a);
115
116
  return;
116
117
  }
117
118
  if (!e) {
118
- const { presets: l, tokenClass: V, utils: y, shorthands: m } = i;
119
- if (l && E(l, s)) {
120
- const h = typeof s == "string" || typeof s == "number" ? String(s) : "";
121
- h && this.addProp(`${r}:${h}`);
119
+ const { presets: f, tokenClass: j, utils: y, shorthands: m } = i;
120
+ if (f && x(f, s)) {
121
+ const u = typeof s == "string" || typeof s == "number" ? String(s) : "";
122
+ u && this.addProp(`${a}:${u}`);
122
123
  return;
123
124
  }
124
- if (V && i.token && x(i.token, s)) {
125
- const h = typeof s == "string" || typeof s == "number" ? String(s) : "";
126
- h && this.addProp(`${r}:${h}`);
125
+ if (j && i.token && w(i.token, s)) {
126
+ const u = typeof s == "string" || typeof s == "number" ? String(s) : "";
127
+ u && this.addProp(`${a}:${u}`);
127
128
  return;
128
129
  }
129
- let f = "";
130
- if (y && typeof s == "string" && (f = g(y, s)), !f && m && typeof s == "string" && (f = g(m, s, !0)), f) {
131
- this.addProp(`${r}:${f}`);
130
+ let h = "";
131
+ if (y && typeof s == "string" && (h = g(y, s)), !h && m && typeof s == "string" && (h = g(m, s, !0)), h) {
132
+ this.addProp(`${a}:${h}`);
132
133
  return;
133
134
  }
134
135
  }
136
+ if (t === "lh" && !e && (typeof s == "string" || typeof s == "number")) {
137
+ this.addStyle("lineHeight", s);
138
+ return;
139
+ }
135
140
  if (s === !0) {
136
- this.addProp(r);
141
+ this.addProp(a);
137
142
  return;
138
143
  }
139
- const { prop: c, isVar: u, alwaysVar: $, token: p, bp: O } = i;
140
- let a;
141
- if (p && (typeof s == "string" || typeof s == "number") ? a = C(s, p) : typeof s == "string" || typeof s == "number" ? a = s : a = JSON.stringify(s), !e) {
142
- if (u) {
143
- this.addStyle(`--${t}`, a);
144
+ const { prop: d, isVar: $, alwaysVar: O, token: p, bp: V } = i;
145
+ let n;
146
+ if (p && (typeof s == "string" || typeof s == "number") ? n = S(s, p) : typeof s == "string" || typeof s == "number" ? n = s : n = JSON.stringify(s), !e) {
147
+ if ($) {
148
+ this.addStyle(r, n);
144
149
  return;
145
- } else if (!O && !$) {
146
- this.addStyle(c, a);
150
+ } else if (!V && !O) {
151
+ this.addStyle(d, n);
147
152
  return;
148
153
  }
149
154
  }
150
- this.addProp(r), this.addStyle(o, a);
155
+ this.addProp(a), this.addStyle(o, n);
151
156
  }
152
157
  // setPassProps(passVars) {
153
158
  // let dataList = [];
@@ -171,27 +176,27 @@ class L {
171
176
  if (i === !0)
172
177
  this.addProp(`-hov:${s}`);
173
178
  else if (typeof i == "string" || typeof i == "number") {
174
- const e = C(i, W(s));
179
+ const e = S(i, L(s));
175
180
  this.addProp(`-hov:-${s}`), this.addStyle(`--hov-${s}`, e);
176
181
  }
177
182
  }
178
183
  }));
179
184
  }
180
185
  }
181
- function D(n) {
182
- if (Object.keys(n).length === 0)
186
+ function K(l) {
187
+ if (Object.keys(l).length === 0)
183
188
  return {};
184
- const { atomic: t, layout: s, ...i } = n, e = k(t, i), o = j(s, e), r = new L(o);
189
+ const { atomic: t, layout: s, ...i } = l, e = E(t, i), r = k(s, e), o = new H(r);
185
190
  return {
186
- ...S({
187
- className: r.className,
188
- style: S(r.styles)
191
+ ...C({
192
+ className: o.className,
193
+ style: C(o.styles)
189
194
  }),
190
- ...r.attrs
195
+ ...o.attrs
191
196
  // data-* などHTMLの標準属性はそのまま渡す
192
197
  };
193
198
  }
194
199
  export {
195
- L as LismPropsData,
196
- D as default
200
+ H as LismPropsData,
201
+ K as default
197
202
  };
package/dist/lib/getMaybeTokenValue.d.ts CHANGED
@@ -1,11 +1,5 @@
1
+ import { TokensConfig } from './getTokenVarName';
1
2
  type TokenValue = string | number;
2
- type TokenConfigValues = Set<string> | string[] | readonly string[];
3
- interface TokenConfigValuesObj {
4
- pre?: string;
5
- values?: TokenConfigValues;
6
- }
7
- type TokenConfigProp = TokenConfigValues | TokenConfigValuesObj;
8
- type TokensConfig = Record<string, TokenConfigProp>;
9
3
  /**
10
4
  * Note: コンポーネント使用時だけでなく、CSSビルド時にも呼び出される。そのため、TOKENSを引数で受け取る必要がある。
11
5
  */
package/dist/lib/getMaybeTokenValue.js CHANGED
@@ -1,25 +1,13 @@
1
- function a(i, r, f) {
2
- if (i === "color") {
3
- let n = a("c", r, f);
4
- return n === String(r) && (n = a("palette", r, f)), n;
5
- }
6
- const e = f[i];
7
- if (!e) return String(r);
8
- const t = typeof r == "number" ? `${r}` : r;
9
- if (e instanceof Set) {
10
- if (e.has(t))
11
- return `var(--${i}--${t})`;
12
- } else if (Array.isArray(e)) {
13
- if (e.includes(t))
14
- return `var(--${i}--${t})`;
15
- } else if ("pre" in e || "values" in e) {
16
- const { pre: n = "", values: s = [] } = e;
17
- if (s instanceof Set && s.has(t))
18
- return `var(${n}${t})`;
19
- if (Array.isArray(s) && s.includes(t))
20
- return `var(${n}${t})`;
21
- }
22
- return String(r);
1
+ import i from "./getTokenVarName.js";
2
+ function f(t, r, n) {
3
+ const e = n[t];
4
+ if (!e) return null;
5
+ let o = !1;
6
+ return e instanceof Set ? o = e.has(r) : Array.isArray(e) ? o = e.includes(r) : typeof e == "object" && (o = Object.hasOwn(e, r)), o ? `var(${i(t, r)})` : null;
7
+ }
8
+ function a(t, r, n) {
9
+ const e = typeof r == "number" ? `${r}` : r;
10
+ return t === "color" ? f("color", e, n) ?? f("palette", e, n) ?? String(r) : f(t, e, n) ?? String(r);
23
11
  }
24
12
  export {
25
13
  a as default
package/dist/lib/getTokenVarName.d.ts ADDED
@@ -0,0 +1,13 @@
1
+ /**
2
+ * トークンのカタログ表現。membership 判定用に以下のいずれかを受け付ける:
3
+ * - Set / 配列（キーの集合）
4
+ * - 値付きフラットマップ（{ key: value }。実ランタイム / ビルドの tokens 形式）
5
+ */
6
+ export type TokensConfig = Record<string, Set<string> | readonly string[] | string[] | Record<string, unknown>>;
7
+ /**
8
+ * トークンキー + 値キーから CSS カスタムプロパティ名を導出する。
9
+ *
10
+ * 変数名の導出を1か所に集約し、getMaybeTokenValue（値の解決）と serialize（値の出力）が共有することで、
11
+ * `lts="2xl"` の解決名と `:root` に出力する変数名を必ず一致させる。命名規則は [[token-var-prefix]]。
12
+ */
13
+ export default function getTokenVarName(tokenKey: string, key: string): string;
package/dist/lib/getTokenVarName.js ADDED
@@ -0,0 +1,8 @@
1
+ import { TOKEN_VAR_PREFIX as a } from "../config/defaults/token-var-prefix.js";
2
+ function f(r, o) {
3
+ const t = a[r];
4
+ return t !== void 0 ? `${t}${o}` : `--${r}--${o}`;
5
+ }
6
+ export {
7
+ f as default
8
+ };
package/dist/lib/getTokenVarName.test.d.ts ADDED
@@ -0,0 +1 @@
1
+ export {};
package/dist/lib/isTokenValue.js CHANGED
@@ -1,27 +1,16 @@
1
- import { TOKENS as i } from "../config/index.js";
2
- function a(t, s) {
3
- let e;
4
- if (typeof s == "number")
5
- e = `${s}`;
6
- else if (typeof s == "string")
7
- e = s;
1
+ import { TOKENS as s } from "../config/index.js";
2
+ function i(n, t) {
3
+ let r;
4
+ if (typeof t == "number")
5
+ r = `${t}`;
6
+ else if (typeof t == "string")
7
+ r = t;
8
8
  else
9
9
  return !1;
10
- if (!(t in i)) return !1;
11
- const r = i[t];
12
- if (r instanceof Set)
13
- return r.has(e);
14
- if (Array.isArray(r))
15
- return r.includes(e);
16
- if ("values" in r) {
17
- const n = r.values;
18
- if (n instanceof Set)
19
- return n.has(e);
20
- if (Array.isArray(n))
21
- return n.includes(e);
22
- }
23
- return !1;
10
+ if (!(n in s)) return !1;
11
+ const e = s[n];
12
+ return e instanceof Set ? e.has(r) : Array.isArray(e) ? e.includes(r) : typeof e == "object" && e !== null ? Object.hasOwn(e, r) : !1;
24
13
  }
25
14
  export {
26
- a as default
15
+ i as default
27
16
  };
package/dist/lib/types/CustomPropRegistry.d.ts ADDED
@@ -0,0 +1,9 @@
1
+ import { Responsive } from './ResponsiveProps';
2
+ export type CustomPropValue = Responsive<(string & {}) | number | boolean | null | undefined>;
3
+ /**
4
+ * lism.config.js で追加した prop キーを型側へ解禁するための拡張ポイント。
5
+ *
6
+ * プロジェクト直下の lism-env.d.ts から `declare module 'lism-css'` で拡張される。
7
+ */
8
+ export interface CustomPropRegistry {
9
+ }