lism-css 0.0.12 → 0.1.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.
- package/README.md +2 -2
- package/dist/components/Accordion/getProps.js +5 -5
- package/dist/components/Accordion/setAccordion.js +1 -1
- package/dist/components/Accordion/style.css +1 -1
- package/dist/components/Columns/getProps.js +3 -3
- package/dist/components/Layer/getProps.js +3 -3
- package/dist/components/Modal/getProps.js +5 -5
- package/dist/components/Modal/style.css +1 -1
- package/dist/components/Tabs/Tab.js +1 -1
- package/dist/components/Tabs/TabList.js +1 -1
- package/dist/components/Tabs/TabPanel.js +1 -10
- package/dist/components/Tabs/style.css +1 -1
- package/dist/components/WithSide/getProps.js +1 -1
- package/dist/components/getFilterProps.js +7 -7
- package/dist/components/getInsetProps.js +4 -4
- package/dist/components/getMediaProps.js +4 -11
- package/dist/components/getTransformProps.js +4 -4
- package/dist/config/prop_list.js +67 -85
- package/dist/config/tokens.js +8 -7
- package/dist/css/base.css +1 -1
- package/dist/css/dynamic.css +1 -1
- package/dist/css/layout.css +1 -1
- package/dist/css/main.css +1 -0
- package/dist/css/main_legacy.css +1 -0
- package/dist/css/props.css +1 -1
- package/dist/css/state.css +1 -1
- package/dist/css/utility.css +1 -1
- package/dist/lib/getLismProps.js +80 -69
- package/dist/lib/getMaybeCssVar.js +5 -5
- package/package.json +2 -3
- package/packages/astro/Tabs/Tab.astro +1 -1
- package/packages/astro/Tabs/TabList.astro +1 -1
- package/packages/astro/Tabs/TabPanel.astro +1 -7
- package/packages/types/index.d.ts +4 -8
- package/src/scss/__memo/_lh-auto-all.scss +9 -11
- package/src/scss/__memo/_lh-auto-h.scss +4 -4
- package/src/scss/_props.scss +143 -105
- package/src/scss/base/_dom.scss +27 -40
- package/src/scss/base/_property.scss +6 -6
- package/src/scss/base/_tokens.scss +131 -129
- package/src/scss/base/index.scss +17 -47
- package/src/scss/layout/_columns.scss +4 -4
- package/src/scss/layout/_divider.scss +1 -1
- package/src/scss/layout/_flex.scss +1 -4
- package/src/scss/layout/_grid.scss +1 -7
- package/src/scss/layout/_withSide.scss +4 -4
- package/src/scss/{all_no_layer.scss → main_legacy.scss} +3 -2
- package/src/scss/props/_color.scss +7 -16
- package/src/scss/props/_hover.scss +1 -10
- package/src/scss/props/_transition.scss +1 -1
- package/src/scss/props/index.scss +1 -1
- package/src/scss/state/_container.scss +8 -8
- package/src/scss/state/_flow.scss +7 -7
- package/src/scss/utility/_colbox.scss +5 -12
- package/dist/css/all.css +0 -1
- package/dist/css/all_no_layer.css +0 -1
- package/dist/css/with_layer.css +0 -1
- /package/src/scss/{with_layer.scss → _with_layer.scss} +0 -0
- /package/src/scss/{all.scss → main.scss} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer lism.reset, lism.base, lism.state, lism.layout, lism.dynamic, lism.component, lism.utility;@layer lism.reset{*,:after,:before{box-sizing:border-box}*{margin:0}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}rt{font-size:50%}img{block-size:auto;max-inline-size:100%;vertical-align:middle}audio,iframe,picture,video{display:block;max-inline-size:100%}iframe{border:none}button,input,select,textarea{color:inherit;font:inherit;text-transform:none}textarea{resize:vertical}button,label,select,summary{cursor:pointer}:disabled{cursor:not-allowed}[aria-busy=true]{cursor:progress}}@layer lism.base{@property --overwideSize{syntax:"<length-percentage>";initial-value:100%;inherits:true}@property --HL{syntax:"*";inherits:false;initial-value:calc(.5lh - .5em)}@property --trimHL{syntax:"*";inherits:false;initial-value:calc(-.5lh - -.5em)}:root{--s5:0.25rem;--s10:0.375rem;--s20:0.625rem;--s30:1rem;--s40:1.625rem;--s50:2.625rem;--s60:4.25rem;--s70:6.875rem;--s80:11.125rem;--size-xl:1600px;--size-l:1280px;--size-m:960px;--size-s:640px;--size-xs:16rem;--flowM-s:var(--s20);--flowM-m:var(--s40);--flowM-h:1em;--ff-base:-apple-system,"BlinkMacSystemFont","Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif,"Segoe UI Emoji";--ff-accent:"Garamond","Baskerville","Times New Roman",serif;--ff-mono:Menlo,Consolas,monaco,monospace;--_fzmol:8;--fz-4xl:calc(1em*var(--_fzmol)/(var(--_fzmol) - 5));--fz-3xl:calc(1em*var(--_fzmol)/(var(--_fzmol) - 4));--fz-2xl:calc(1em*var(--_fzmol)/(var(--_fzmol) - 3));--fz-xl:calc(1em*var(--_fzmol)/(var(--_fzmol) - 2));--fz-l:calc(1em*var(--_fzmol)/(var(--_fzmol) - 1));--fz-m:1em;--fz-s:calc(1em*var(--_fzmol)/(var(--_fzmol) + 1));--fz-xs:calc(1em*var(--_fzmol)/(var(--_fzmol) + 2));--fz-2xs:calc(1em*var(--_fzmol)/(var(--_fzmol) + 3));--fw-light:300;--fw-normal:400;--fw-bold:700;--lh-base:1.75;--lh-xs:calc(var(--lh-base) - 0.25);--lh-s:calc(var(--lh-base) - 0.125);--lh-l:calc(var(--lh-base) + 0.125);--lh-xl:calc(var(--lh-base) + 0.25);--lts-base:normal;--lts-s:-0.05em;--lts-l:0.05em;--black:#000;--white:#fff;--gray:#566676;--red:#db3024;--orange:#dc6d18;--yellow:#dcb518;--green:#1abc3a;--blue:#2192de;--purple:#6124db;--pink:#db249e;--c-main:#1e4e6b;--c-accent:#bc3453;--c-base:#fcfcfd;--c-base-2:#eeeff1;--c-text:#141415;--c-text-2:#62646a;--c-divider:#cfd0d3;--c-link:#0c61e4;--op-low:0.25;--op-mid:0.5;--op-high:0.75;--bdrs-5:2px;--bdrs-10:0.25rem;--bdrs-20:0.5rem;--bdrs-30:1rem;--bdrs-40:1.5rem;--bdrs-50:2rem;--bdrs-99:99rem;--_shc-hsl:220 4% 8%;--_shc-a:5%;--_shsz-0:1px 2px 3px 0;--_shsz-1:2px 4px 6px 0;--_shsz-2:3px 6px 9px 0;--_shsz-3:5px 10px 15px 0;--_shsz-4:8px 16px 24px 0;--_shsz-5:13px 26px 39px 0;--trsdu-base:0.4s;--root--fz:clamp(0.875rem,0.625rem + 1vw,1rem);--gutter:var(--s40)}html{font-size:var(--root--fz);-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}body{background-color:var(--c-base);color:var(--c-text);font-family:var(--ff-base);font-size:1rem;letter-spacing:var(--lts-base);line-height:var(--lh-base);overflow-x:clip}h1,h2,h3,h4,h5,h6{font-family:var(--h--ff,inherit);font-size:var(--fz,revert);font-weight:var(--h--fw,bolder);line-height:var(--lh,inherit)}h1{--fz:var(--fz-3xl);--lh:var(--lh-xs)}h2{--fz:var(--fz-2xl);--lh:var(--lh-xs)}h3{--fz:var(--fz-xl);--lh:var(--lh-s)}h4{--fz:var(--fz-l);--lh:var(--lh-s)}h5{--fz:var(--fz-m)}h6{--fz:var(--fz-s)}ol,ul{--pis:var(--list--pis,0);list-style:none;padding:0;padding-inline-start:var(--pis)}a{--c:var(--c-link);--td:var(--link--td,underline);color:var(--c);-webkit-text-decoration:var(--td);text-decoration:var(--td)}td,th{padding:.25em .375em}hr{block-size:0;border:none;border-block-start:1px solid}blockquote{border-inline-start:3px solid currentColor;padding:var(--s20) var(--s30)}pre{overflow-x:auto}body:has(:modal[open]){overflow:hidden}dialog:not([open]){pointer-events:none}.re--sh,:root{--_shc:hsl(var(--_shc-hsl)/var(--_shc-a));--bxsh-10:var(--_shsz-0) var(--_shc),var(--_shsz-1) var(--_shc);--bxsh-20:var(--_shsz-1) var(--_shc),var(--_shsz-2) var(--_shc);--bxsh-30:var(--_shsz-2) var(--_shc),var(--_shsz-3) var(--_shc);--bxsh-40:var(--_shsz-3) var(--_shc),var(--_shsz-4) var(--_shc);--bxsh-50:var(--_shsz-4) var(--_shc),var(--_shsz-5) var(--_shc);--bxsh-i10:inset var(--_shsz-0) var(--_shc),inset var(--_shsz-1) var(--_shc);--bxsh-i20:inset var(--_shsz-1) var(--_shc),inset var(--_shsz-2) var(--_shc)}.re--style{background:none;border:none;color:inherit;font:inherit;height:auto;padding:0;width:auto}.re--list,:is(ul,ol):where(:not([class])){--list--pis:1.5em;list-style:revert}}@layer lism.state{.has--gutter{padding-inline:var(--gutter)}.is--flow{display:flow-root}.is--flow>*{--mbs:var(--flowM,var(--flowM-m));margin-block:var(--mbs) 0}.-flow\:s>*{--mbs:var(--flowM-s)}.-flow\:m>*{--mbs:var(--flowM-m)}.is--flow>:where(h1,h2,h3,h4){margin-block-start:calc(var(--mbs) + var(--flowM-h))}.is--flow>:where(.is--fullwide+.is--fullwide){--mbs:0}.is--flow>:first-child{margin-block-start:0}.is--container{container-type:inline-size;inline-size:100%;margin-inline:auto;--overwideSize:100cqw}.is--container>*{--maxIsz:var(--contentSize,100%);margin-inline:auto;max-inline-size:min(100%,var(--maxIsz,100%))}.-container\:s{--contentSize:var(--size-s);--wideSize:var(--size-m)}.-container\:m{--contentSize:var(--size-m);--wideSize:var(--size-l)}.-container\:l{--contentSize:var(--size-l);--wideSize:var(--size-xl)}.is--fullwide{max-inline-size:100%}:where(.has--gutter)>.is--fullwide{margin-inline:calc(var(--gutter)*-1);max-inline-size:calc(100% + var(--gutter)*2)}.is--wide{max-inline-size:var(--wideSize,100%)}.is--overwide{margin-inline:calc(50% - var(--overwideSize)/2);max-inline-size:var(--overwideSize,100vw)}.is--linkBox{color:inherit;cursor:pointer;display:block;isolation:isolate;text-decoration:none}.is--linkBox,.is--linkBox>a{pointer-events:auto;position:relative}.is--linkBox>a{z-index:1}.is--layer{inset:0;overflow:hidden;position:absolute}}@layer lism.layout{.l--frame{overflow:hidden}.l--frame>:where(img,video,picture,iframe){display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.l--flex{display:flex}.l--flex-cluster{align-items:center;flex-wrap:wrap}.l--grid{display:grid}.l--grid-repeat{--rows:1;--cols:1;grid-template:repeat(var(--rows),1fr)/repeat(var(--cols),1fr)}.l--stack{display:flex;flex-direction:column}.l--center{display:grid;place-content:center;place-items:center}.l--columns{--cols:2;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr))}.l--columns-liquid{--autoType:auto-fill;--colSize:var(--size-xs);display:grid;grid-template-columns:repeat(var(--autoType),minmax(min(var(--colSize),100%),1fr))}.l--withSide{--sideW:auto;--mainW:max(var(--size-xs),50%);display:flex;flex-wrap:wrap}.l--withSide>[data-is-side]{flex-basis:var(--sideW);flex-grow:1}.l--withSide>:not([data-is-side]){flex-basis:min(100%,var(--mainW));flex-grow:9999999}.l--icon{--scale:1;--offset:0;display:inline-flex;flex-shrink:0;scale:var(--scale);translate:var(--offset);vertical-align:middle}.l--icon:where(:not([fill])){fill:currentcolor}.l--icon:where(:not([width])){height:1em;width:1em}.l--divider{--bdc:var(--c-divider)}}@layer lism.dynamic{.d--accordion{--trsdu:var(--acc--trsdu,0.4s)}.d--accordion._opened{--_notOpened: }.d--accordion:not(._opened){--_isOpened: }.d--accordion_header{gap:.5em;outline-offset:-1px}.d--accordion_header::-webkit-details-marker{display:none}.d--accordion_body{grid-template-rows:1fr;transition-duration:var(--trsdu);transition-property:margin-block,padding-block,opacity,grid-template-rows}:where(.d--accordion:not(._opened))>.d--accordion_body{grid-template-rows:0fr;margin-block:0!important;padding-block:0!important}:where(.d--accordion_icon)>.l--icon{rotate:var(--_isOpened,-180deg);transition-duration:var(--trsdu)}.d--modal{--maxIsz:100%;--mbs:0;--offset:0 0;--backdrop:rgba(0,0,0,.6);transition-duration:var(--modal--trsdu,.5s)}.d--modal::backdrop{background:var(--backdrop);transition:opacity var(--modal--trsdu,.5s)}.d--modal_body{overscroll-behavior:contain}.d--modal:not([data-is-open]){translate:var(--offset)}.d--modal:not([data-is-open]),.d--modal:not([data-is-open])::backdrop{opacity:0}.d--tabs{display:grid;grid:"list" "panel"}.d--tabs_list{grid-area:list;overflow-x:auto}.d--tabs_tab[aria-selected=true]{--_notActive: }.d--tabs_tab[aria-selected=false]{--_isActive: }:where(.d--tabs_tab){color:var(--_notActive,var(--c-text-2))}.d--tabs_panel{grid-area:panel;overflow-x:auto;width:100%}.d--tabs_panel:where([aria-hidden=true]){display:none}}figure,img,table,video{--trimHL:0px}.u--trimHL{margin-block:var(--trimHL)}.u--trimBox>:first-child{margin-block-start:var(--trimHL)}.u--trimBox>:last-child{margin-block-end:var(--trimHL)}.u--cbox{--c:color-mix(in srgb,var(--c-text),var(--keycolor) var(--colbox--pct-c,20%));--bgc:color-mix(in srgb,var(--c-base),var(--keycolor) var(--colbox--pct-bg,5%));--bdc:var(--keycolor);--c-link:var(--c);background-color:var(--bgc);color:var(--c)}.u--hidden{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.u--overlayLink{color:inherit;position:static;text-decoration:none}.u--overlayLink:before{content:"";inset:0;position:absolute;z-index:0}.u--skipFlow+*{--mbs:0}.u--clipText{-webkit-background-clip:text!important;background-clip:text!important;color:transparent}.u--outerR{--inner-bdrs:calc(var(--bdrs, 0px) - var(--p, 0px))}.u--innerR{border-radius:var(--inner-bdrs)}@layer lism.base{.-bd,[class*="-bd:"]{--bds:solid;--bdw:1px;--bdc:currentColor;--bd:var(--bdw) var(--bds) var(--bdc)}}.-bd{border-color:var(--bdc);border-style:var(--bds);border-width:var(--bdw)}.-bd\:n{border:none}.-bd\:inherit{border:inherit}.-bd\:l{border-left:var(--bd)}.-bd\:r{border-right:var(--bd)}.-bd\:t{border-top:var(--bd)}.-bd\:b{border-bottom:var(--bd)}.-bd\:x{border-inline:var(--bd)}.-bd\:y{border-block:var(--bd)}.-bd\:is{border-inline-start:var(--bd)}.-bd\:ie{border-inline-end:var(--bd)}.-bd\:bs{border-block-start:var(--bd)}.-bd\:be{border-block-end:var(--bd)}@layer lism.base{.-trs{--trsdu:var(--trsdu-base);--trsp:all;--trstf:ease}}.-trs{transition:var(--trsdu) var(--trstf);transition-property:var(--trsp)}.-w{width:var(--w)}.-w\:fit{width:-moz-fit-content;width:fit-content}.-w\:100\%{width:100%}.-h{height:var(--h)}.-h\:fit{height:-moz-fit-content;height:fit-content}.-h\:100\%{height:100%}.-h\:100lvh{height:100lvh}.-h\:100svh{height:100svh}.-maxW{max-width:var(--maxW)}.-maxW\:100\%{max-width:100%}.-minW{min-width:var(--minW)}.-minW\:100\%{min-width:100%}.-maxH{max-height:var(--maxH)}.-maxH\:100\%{max-height:100%}.-minH{min-height:var(--minH)}.-minH\:100\%{min-height:100%}.-minH\:100lvh{min-height:100lvh}.-minH\:100svh{min-height:100svh}.-c,[class*="-c:"]{color:var(--c)}.-c\:main{--c:var(--c-main)}.-c\:accent{--c:var(--c-accent)}.-c\:base{--c:var(--c-base)}.-c\:text{--c:var(--c-text)}.-c\:text-2{--c:var(--c-text-2)}.-c\:inherit{color:inherit}.-c\:mix{--_c1:currentColor;--_c2:transparent;--c:color-mix(in srgb,var(--_c1) var(--_mixpct-c,50%),var(--_c2))}.-bgc,[class*="-bgc:"]{background-color:var(--bgc)}.-bgc\:main{--bgc:var(--c-main)}.-bgc\:accent{--bgc:var(--c-accent)}.-bgc\:base{--bgc:var(--c-base)}.-bgc\:base-2{--bgc:var(--c-base-2)}.-bgc\:text{--bgc:var(--c-text)}.-bgc\:inherit{background-color:inherit}.-bgc\:mix{--_bgc1:currentColor;--_bgc2:transparent;--bgc:color-mix(in srgb,var(--_bgc1) var(--_mixpct-bgc,50%),var(--_bgc2))}.-bdc\:main{--bdc:var(--c-main)}.-bdc\:accent{--bdc:var(--c-accent)}.-bdc\:divider{--bdc:var(--c-divider)}.-bdc\:inherit{--bdc:inherit}.-bdc\:t{--bdc:transparent}.-bdc\:mix{--_bdc1:currentColor;--_bdc2:transparent;--bdc:color-mix(in srgb,var(--_bdc1) var(--_mixpct-bdc,50%),var(--_bdc2))}.-bg{background:var(--bg)}.-bg\:n{background:none}.-bgi{background-image:var(--bgi)}.-bgr\:n{background-repeat:no-repeat}.-bgp\:c{background-position:50%}.-bgsz\:cv{background-size:cover}.-bgsz\:ct{background-size:contain}.-f\:inherit{font:inherit}.-fz,[class*="-fz:"]{font-size:var(--fz)}.-fz\:root{--fz:1rem}.-fz\:2xs{--fz:var(--fz-2xs)}.-fz\:xs{--fz:var(--fz-xs)}.-fz\:s{--fz:var(--fz-s)}.-fz\:m{--fz:var(--fz-m)}.-fz\:l{--fz:var(--fz-l)}.-fz\:xl{--fz:var(--fz-xl)}.-fz\:2xl{--fz:var(--fz-2xl)}.-fz\:3xl{--fz:var(--fz-3xl)}.-fz\:4xl{--fz:var(--fz-4xl)}.-ff\:base{font-family:var(--ff-base)}.-ff\:accent{font-family:var(--ff-accent)}.-ff\:mono{font-family:var(--ff-mono)}.-fw\: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)}.-fs\:i{font-style:italic}.-lh\:base{line-height:var(--lh-base)}.-lh\:xs{line-height:var(--lh-xs)}.-lh\:s{line-height:var(--lh-s)}.-lh\:l{line-height:var(--lh-l)}.-lh\:xl{line-height:var(--lh-xl)}.-lh\:1{line-height:1}.-lts\:base{letter-spacing:var(--lts-base)}.-lts\:s{letter-spacing:var(--lts-s)}.-lts\:l{letter-spacing:var(--lts-l)}.-ta\:l{text-align:left}.-ta\:r{text-align:right}.-ta\:c{text-align:center}.-td\:n{text-decoration:none}.-td\:u{text-decoration:underline}.-d{display:var(--d)}.-d\:n{display:none}.-d\:b{display:block}.-d\:f{display:flex}.-d\:g{display:grid}.-d\:i{display:inline}.-d\:ib{display:inline-block}.-d\:if{display:inline-flex}.-d\:ig{display:inline-grid}.-v\:h{visibility:hidden}.-v\:v{visibility:visible}.-ov\:h{overflow:hidden}.-ov\:a{overflow:auto}.-ov\:c{overflow:clip}.-ov\:s{overflow:scroll}.-ovx\:h{overflow-x:hidden}.-ovx\:a{overflow-x:auto}.-ovx\:c{overflow-x:clip}.-ovx\:s{overflow-x:scroll}.-ovy\:h{overflow-y:hidden}.-ovy\:a{overflow-y:auto}.-ovy\:c{overflow-y:clip}.-ovy\:s{overflow-y:scroll}.-ar{aspect-ratio:var(--ar)}.-ar\:16\/9{aspect-ratio:16/9}.-ar\:3\/2{aspect-ratio:3/2}.-ar\:1\/1{aspect-ratio:1/1}.-ar\:ogp{aspect-ratio:1.91/1}.-ar\:gold{aspect-ratio:16.18/10}.-op\:0{opacity:0}.-op\:low{opacity:var(--op-low)}.-op\:mid{opacity:var(--op-mid)}.-op\:high{opacity:var(--op-high)}.-bdrs,[class*="-bdrs:"]{border-radius:var(--bdrs)}.-bdrs\:0{--bdrs:0}.-bdrs\:5{--bdrs:var(--bdrs-5)}.-bdrs\:10{--bdrs:var(--bdrs-10)}.-bdrs\:20{--bdrs:var(--bdrs-20)}.-bdrs\:30{--bdrs:var(--bdrs-30)}.-bdrs\:40{--bdrs:var(--bdrs-40)}.-bdrs\:50{--bdrs:var(--bdrs-50)}.-bdrs\:99{--bdrs:var(--bdrs-99)}.-bxsh\:0{box-shadow:0}.-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)}.-bxsh\:-10{box-shadow:var(--bxsh-i10)}.-bxsh\:-20{box-shadow:var(--bxsh-i20)}.-p,[class*="-p:"]{padding:var(--p)}.-p\:0{--p:0}.-p\:5{--p:var(--s5)}.-p\:10{--p:var(--s10)}.-p\:15{--p:var(--s15)}.-p\:20{--p:var(--s20)}.-p\:30{--p:var(--s30)}.-p\:40{--p:var(--s40)}.-p\:50{--p:var(--s50)}.-p\:60{--p:var(--s60)}.-p\:70{--p:var(--s70)}.-p\:80{--p:var(--s80)}.-px,[class*="-px:"]{padding-inline:var(--px)}.-px\:0{--px:0}.-px\:5{--px:var(--s5)}.-px\:10{--px:var(--s10)}.-px\:15{--px:var(--s15)}.-px\:20{--px:var(--s20)}.-px\:30{--px:var(--s30)}.-px\:40{--px:var(--s40)}.-px\:50{--px:var(--s50)}.-px\:60{--px:var(--s60)}.-px\:70{--px:var(--s70)}.-px\:80{--px:var(--s80)}.-py,[class*="-py:"]{padding-block:var(--py)}.-py\:0{--py:0}.-py\:5{--py:var(--s5)}.-py\:10{--py:var(--s10)}.-py\:15{--py:var(--s15)}.-py\:20{--py:var(--s20)}.-py\:30{--py:var(--s30)}.-py\:40{--py:var(--s40)}.-py\:50{--py:var(--s50)}.-py\:60{--py:var(--s60)}.-py\:70{--py:var(--s70)}.-py\:80{--py:var(--s80)}.-pt{padding-top:var(--pt)}.-pr{padding-right:var(--pr)}.-pb{padding-bottom:var(--pb)}.-pl{padding-left:var(--pl)}.-pis,[class*="-pis:"]{padding-inline-start:var(--pis)}.-pis\:0{--pis:0}.-pis\:5{--pis:var(--s5)}.-pis\:10{--pis:var(--s10)}.-pis\:15{--pis:var(--s15)}.-pis\:20{--pis:var(--s20)}.-pis\:30{--pis:var(--s30)}.-pis\:40{--pis:var(--s40)}.-pis\:50{--pis:var(--s50)}.-pis\:60{--pis:var(--s60)}.-pis\:70{--pis:var(--s70)}.-pis\:80{--pis:var(--s80)}.-pbs,[class*="-pbs:"]{padding-block-start:var(--pbs)}.-pbs\:0{--pbs:0}.-pbs\:5{--pbs:var(--s5)}.-pbs\:10{--pbs:var(--s10)}.-pbs\:15{--pbs:var(--s15)}.-pbs\:20{--pbs:var(--s20)}.-pbs\:30{--pbs:var(--s30)}.-pbs\:40{--pbs:var(--s40)}.-pbs\:50{--pbs:var(--s50)}.-pbs\:60{--pbs:var(--s60)}.-pbs\:70{--pbs:var(--s70)}.-pbs\:80{--pbs:var(--s80)}.-m,[class*="-m:"]{margin:var(--m)}.-m\:a{--m:auto}.-m\:0{--m:0}.-m\:5{--m:var(--s5)}.-m\:10{--m:var(--s10)}.-m\:15{--m:var(--s15)}.-m\:20{--m:var(--s20)}.-m\:30{--m:var(--s30)}.-m\:40{--m:var(--s40)}.-m\:50{--m:var(--s50)}.-m\:60{--m:var(--s60)}.-m\:70{--m:var(--s70)}.-m\:80{--m:var(--s80)}.-mx{margin-inline:var(--mx)}.-mx\:a{margin-inline:auto}.-my{margin-block:var(--my)}.-my\:a{margin-block:auto}.-mt{margin-top:var(--mt)}.-mt\:a{margin-top:auto}.-mr{margin-right:var(--mr)}.-mr\:a{margin-right:auto}.-mb{margin-bottom:var(--mb)}.-mb\:a{margin-bottom:auto}.-ml{margin-left:var(--ml)}.-ml\:a{margin-left:auto}.-mis,[class*="-mis:"]{margin-inline-start:var(--mis)}.-mis\:a{--mis:auto}.-mis\:0{--mis:0}.-mis\:5{--mis:var(--s5)}.-mis\:10{--mis:var(--s10)}.-mis\:15{--mis:var(--s15)}.-mis\:20{--mis:var(--s20)}.-mis\:30{--mis:var(--s30)}.-mis\:40{--mis:var(--s40)}.-mis\:50{--mis:var(--s50)}.-mis\:60{--mis:var(--s60)}.-mis\:70{--mis:var(--s70)}.-mis\:80{--mis:var(--s80)}.-mbs,[class*="-mbs:"]{margin-block-start:var(--mbs)}.-mbs\:a{--mbs:auto}.-mbs\:0{--mbs:0}.-mbs\:5{--mbs:var(--s5)}.-mbs\:10{--mbs:var(--s10)}.-mbs\:15{--mbs:var(--s15)}.-mbs\:20{--mbs:var(--s20)}.-mbs\:30{--mbs:var(--s30)}.-mbs\:40{--mbs:var(--s40)}.-mbs\:50{--mbs:var(--s50)}.-mbs\:60{--mbs:var(--s60)}.-mbs\:70{--mbs:var(--s70)}.-mbs\:80{--mbs:var(--s80)}.-g,[class*="-g:"]{gap:var(--g)}.-g\:0{--g:0}.-g\:5{--g:var(--s5)}.-g\:10{--g:var(--s10)}.-g\:15{--g:var(--s15)}.-g\:20{--g:var(--s20)}.-g\:30{--g:var(--s30)}.-g\:40{--g:var(--s40)}.-g\:50{--g:var(--s50)}.-g\:60{--g:var(--s60)}.-g\:70{--g:var(--s70)}.-g\:80{--g:var(--s80)}.-g\:inherit{gap:inherit}.-gx{-moz-column-gap:var(--gx);column-gap:var(--gx)}.-gy{row-gap:var(--gy)}.-pos\:r{position:relative}.-pos\:a{position:absolute}.-pos\:s{position:static}.-pos\:f{position:fixed}.-pos\:sti{position:sticky}.-inset\:0{inset:0}.-l\:0{left:0}.-l\:50\%{left:50%}.-l\:100\%{left:100%}.-t\:0{top:0}.-t\:50\%{top:50%}.-t\:100\%{top:100%}.-r\:0{right:0}.-r\:50\%{right:50%}.-r\:100\%{right:100%}.-b\:0{bottom:0}.-b\:50\%{bottom:50%}.-b\:100\%{bottom:100%}.-z\:99{z-index:99}.-z\:2{z-index:2}.-z\:1{z-index:1}.-z\:0{z-index:0}.-z\:-1{z-index:-1}.-ord\:1{order:1}.-ord\:0{order:0}.-ord\:-1{order:-1}.-fxw{flex-wrap:var(--fxw)}.-fxw\:w{flex-wrap:wrap}.-fxw\:n{flex-wrap:nowrap}.-fxd{flex-direction:var(--fxd)}.-fxd\:c{flex-direction:column}.-fxd\:cr{flex-direction:column-reverse}.-fxd\:r{flex-direction:row}.-fxd\:rr{flex-direction:row-reverse}.-fx{flex:var(--fx)}.-fx\:1{flex:1}.-fxsh\:0{flex-shrink:0}.-fxg\:1{flex-grow:1}.-fxb{flex-basis:var(--fxb)}.-gd{grid:var(--gd)}.-gta{grid-template-areas:var(--gta)}.-gtc{grid-template-columns:var(--gtc)}.-gtc\:subgrid{grid-template-columns:subgrid}.-gtr{grid-template-rows:var(--gtr)}.-gtr\:subgrid{grid-template-rows:subgrid}.-gaf{grid-auto-flow:var(--gaf)}.-gaf\:r{grid-auto-flow:row}.-gaf\:c{grid-auto-flow:column}.-gac{grid-auto-columns:var(--gac)}.-gar{grid-auto-rows:var(--gar)}.-ga{grid-area:var(--ga)}.-ga\:1{grid-area:1/1}.-gr{grid-row:var(--gr)}.-gr\:1\/-1{grid-row:1/-1}.-gc{grid-column:var(--gc)}.-gc\:1\/-1{grid-column:1/-1}.-ai{align-items:var(--ai)}.-ai\:c{align-items:center}.-ai\:s{align-items:start}.-ai\:e{align-items:end}.-ai\:fs{align-items:flex-start}.-ai\:fe{align-items:flex-end}.-ai\:str{align-items:stretch}.-ac{align-content:var(--ac)}.-ac\:c{align-content:center}.-ac\:s{align-content:start}.-ac\:e{align-content:end}.-ac\:fs{align-content:flex-start}.-ac\:fe{align-content:flex-end}.-ac\:sb{align-content:space-between}.-ji{justify-items:var(--ji)}.-ji\:c{justify-items:center}.-ji\:s{justify-items:start}.-ji\:e{justify-items:end}.-ji\:fs{justify-items:flex-start}.-ji\:fe{justify-items:flex-end}.-ji\:str{justify-items:stretch}.-jc{justify-content:var(--jc)}.-jc\:c{justify-content:center}.-jc\:s{justify-content:start}.-jc\:e{justify-content:end}.-jc\:fs{justify-content:flex-start}.-jc\:fe{justify-content:flex-end}.-jc\:sb{justify-content:space-between}.-aslf\:c{align-self:center}.-aslf\:s{align-self:start}.-aslf\:e{align-self:end}.-aslf\:str{align-self:stretch}.-jslf\:c{justify-self:center}.-jslf\:s{justify-self:start}.-jslf\:e{justify-self:end}.-jslf\:str{justify-self:stretch}.-trnslt\:-50X{translate:-50% 0}.-trnslt\:-50Y{translate:0 -50%}.-trnslt\:-50XY{translate:-50% -50%}.-scale\:-X{scale:-1 1}.-scale\:-Y{scale:1 -1}.-scale\:-XY{scale:-1 -1}.-rotate\:45{rotate:45deg}.-rotate\:-45{rotate:-45deg}.-rotate\:90{rotate:90deg}.-rotate\:-90{rotate:-90deg}.-whs\:nw{white-space:nowrap}.-ovw\:any{overflow-wrap:anywhere}.-obf\:cn{-o-object-fit:contain;object-fit:contain}.-obf\:cv{-o-object-fit:cover;object-fit:cover}.-wm\:v-rl{writing-mode:vertical-rl}.-bxz\:cb{box-sizing:content-box}.-bxz\:bb{box-sizing:border-box}.-iso\:i{isolation:isolate}.-fl\:l{float:left}.-fl\:r{float:right}.-cl\:b{clear:both}.-cl\:l{clear:left}.-cl\:r{clear:right}@container (min-width: 480px){.-w_sm{width:var(--w_sm)}.-h_sm{height:var(--h_sm)}.-maxW_sm{max-width:var(--maxW_sm)}.-minW_sm{min-width:var(--minW_sm)}.-maxH_sm{max-height:var(--maxH_sm)}.-minH_sm{min-height:var(--minH_sm)}.-bdw_sm{--bdw:var(--bdw_sm)!important}.-bg_sm{background:var(--bg_sm)}.-bgi_sm{background-image:var(--bgi_sm)}.-fz_sm{--fz:var(--fz_sm)!important;font-size:var(--fz_sm)}.-d_sm{display:var(--d_sm)}.-ar_sm{aspect-ratio:var(--ar_sm)}.-bdrs_sm{--bdrs:var(--bdrs_sm)!important;border-radius:var(--bdrs_sm)}.-p_sm{--p:var(--p_sm)!important;padding:var(--p_sm)}.-px_sm{padding-inline:var(--px_sm)}.-py_sm{padding-block:var(--py_sm)}.-pt_sm{padding-top:var(--pt_sm)}.-pr_sm{padding-right:var(--pr_sm)}.-pb_sm{padding-bottom:var(--pb_sm)}.-pl_sm{padding-left:var(--pl_sm)}.-pis_sm{padding-inline-start:var(--pis_sm)}.-pbs_sm{padding-block-start:var(--pbs_sm)}.-m_sm{--m:var(--m_sm)!important;margin:var(--m_sm)}.-mx_sm{margin-inline:var(--mx_sm)}.-my_sm{margin-block:var(--my_sm)}.-mt_sm{margin-top:var(--mt_sm)}.-mr_sm{margin-right:var(--mr_sm)}.-mb_sm{margin-bottom:var(--mb_sm)}.-ml_sm{margin-left:var(--ml_sm)}.-mis_sm{margin-inline-start:var(--mis_sm)}.-mbs_sm{margin-block-start:var(--mbs_sm)}.-g_sm{--g:var(--g_sm)!important;gap:var(--g_sm)}.-gx_sm{-moz-column-gap:var(--gx_sm);column-gap:var(--gx_sm)}.-gy_sm{row-gap:var(--gy_sm)}.-fxw_sm{flex-wrap:var(--fxw_sm)}.-fxd_sm{flex-direction:var(--fxd_sm)}.-fx_sm{flex:var(--fx_sm)}.-fxb_sm{flex-basis:var(--fxb_sm)}.-gd_sm{grid:var(--gd_sm)}.-gta_sm{grid-template-areas:var(--gta_sm)}.-gtc_sm{grid-template-columns:var(--gtc_sm)}.-gtr_sm{grid-template-rows:var(--gtr_sm)}.-gaf_sm{grid-auto-flow:var(--gaf_sm)}.-gac_sm{grid-auto-columns:var(--gac_sm)}.-gar_sm{grid-auto-rows:var(--gar_sm)}.-ga_sm{grid-area:var(--ga_sm)}.-gr_sm{grid-row:var(--gr_sm)}.-gc_sm{grid-column:var(--gc_sm)}.-ai_sm{align-items:var(--ai_sm)}.-ac_sm{align-content:var(--ac_sm)}.-ji_sm{justify-items:var(--ji_sm)}.-jc_sm{justify-content:var(--jc_sm)}.-cols_sm{--cols:var(--cols_sm)!important}.-rows_sm{--rows:var(--rows_sm)!important}}@container (min-width: 720px){.-w_md{width:var(--w_md)}.-h_md{height:var(--h_md)}.-maxW_md{max-width:var(--maxW_md)}.-minW_md{min-width:var(--minW_md)}.-maxH_md{max-height:var(--maxH_md)}.-minH_md{min-height:var(--minH_md)}.-bdw_md{--bdw:var(--bdw_md)!important}.-bg_md{background:var(--bg_md)}.-bgi_md{background-image:var(--bgi_md)}.-fz_md{--fz:var(--fz_md)!important;font-size:var(--fz_md)}.-d_md{display:var(--d_md)}.-ar_md{aspect-ratio:var(--ar_md)}.-bdrs_md{--bdrs:var(--bdrs_md)!important;border-radius:var(--bdrs_md)}.-p_md{--p:var(--p_md)!important;padding:var(--p_md)}.-px_md{padding-inline:var(--px_md)}.-py_md{padding-block:var(--py_md)}.-pt_md{padding-top:var(--pt_md)}.-pr_md{padding-right:var(--pr_md)}.-pb_md{padding-bottom:var(--pb_md)}.-pl_md{padding-left:var(--pl_md)}.-pis_md{padding-inline-start:var(--pis_md)}.-pbs_md{padding-block-start:var(--pbs_md)}.-m_md{--m:var(--m_md)!important;margin:var(--m_md)}.-mx_md{margin-inline:var(--mx_md)}.-my_md{margin-block:var(--my_md)}.-mt_md{margin-top:var(--mt_md)}.-mr_md{margin-right:var(--mr_md)}.-mb_md{margin-bottom:var(--mb_md)}.-ml_md{margin-left:var(--ml_md)}.-mis_md{margin-inline-start:var(--mis_md)}.-mbs_md{margin-block-start:var(--mbs_md)}.-g_md{--g:var(--g_md)!important;gap:var(--g_md)}.-gx_md{-moz-column-gap:var(--gx_md);column-gap:var(--gx_md)}.-gy_md{row-gap:var(--gy_md)}.-fxw_md{flex-wrap:var(--fxw_md)}.-fxd_md{flex-direction:var(--fxd_md)}.-fx_md{flex:var(--fx_md)}.-fxb_md{flex-basis:var(--fxb_md)}.-gd_md{grid:var(--gd_md)}.-gta_md{grid-template-areas:var(--gta_md)}.-gtc_md{grid-template-columns:var(--gtc_md)}.-gtr_md{grid-template-rows:var(--gtr_md)}.-gaf_md{grid-auto-flow:var(--gaf_md)}.-gac_md{grid-auto-columns:var(--gac_md)}.-gar_md{grid-auto-rows:var(--gar_md)}.-ga_md{grid-area:var(--ga_md)}.-gr_md{grid-row:var(--gr_md)}.-gc_md{grid-column:var(--gc_md)}.-ai_md{align-items:var(--ai_md)}.-ac_md{align-content:var(--ac_md)}.-ji_md{justify-items:var(--ji_md)}.-jc_md{justify-content:var(--jc_md)}.-cols_md{--cols:var(--cols_md)!important}.-rows_md{--rows:var(--rows_md)!important}}@media (any-hover:hover){.-hov\:fade:hover{opacity:.65}.-hov\:c:hover{color:var(--hov-c)}.-hov\:bdc:hover{border-color:var(--hov-bdc)}.-hov\:bgc:hover{background-color:var(--hov-bgc)}.-hov\:bxsh:hover{box-shadow:var(--hov-bxsh)}.-hov\:set:hover{--_notHov: }.-hov\:set:not(:hover){--_isHov: }}@media (any-hover:none){.-hov\:set{--_isHov: }}.-hov\:get\:hide{opacity:var(--_isHov,0)}.-hov\:get\:show{opacity:var(--_notHov,0);visibility:var(--_notHov,hidden)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
*,:after,:before{box-sizing:border-box}*{margin:0}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}rt{font-size:50%}:where(img){block-size:auto;max-inline-size:100%;vertical-align:middle}:where(iframe,audio,picture,video){display:block;max-inline-size:100%}:where(iframe){border:none}:where(input,button,textarea,select){color:inherit;font:inherit;text-transform:none}textarea{resize:vertical}button,label,select,summary{cursor:pointer}:disabled{cursor:not-allowed}[aria-busy=true]{cursor:progress}@property --overwideSize{syntax:"<length-percentage>";initial-value:100%;inherits:true}@property --HL{syntax:"*";inherits:false;initial-value:calc(.5lh - .5em)}@property --trimHL{syntax:"*";inherits:false;initial-value:calc(-.5lh - -.5em)}:root{--s5:0.25rem;--s10:0.375rem;--s20:0.625rem;--s30:1rem;--s40:1.625rem;--s50:2.625rem;--s60:4.25rem;--s70:6.875rem;--s80:11.125rem;--size-xl:1600px;--size-l:1280px;--size-m:960px;--size-s:640px;--size-xs:16rem;--flowM-s:var(--s20);--flowM-m:var(--s40);--flowM-h:1em;--ff-base:-apple-system,"BlinkMacSystemFont","Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif,"Segoe UI Emoji";--ff-accent:"Garamond","Baskerville","Times New Roman",serif;--ff-mono:Menlo,Consolas,monaco,monospace;--_fzmol:8;--fz-4xl:calc(1em*var(--_fzmol)/(var(--_fzmol) - 5));--fz-3xl:calc(1em*var(--_fzmol)/(var(--_fzmol) - 4));--fz-2xl:calc(1em*var(--_fzmol)/(var(--_fzmol) - 3));--fz-xl:calc(1em*var(--_fzmol)/(var(--_fzmol) - 2));--fz-l:calc(1em*var(--_fzmol)/(var(--_fzmol) - 1));--fz-m:1em;--fz-s:calc(1em*var(--_fzmol)/(var(--_fzmol) + 1));--fz-xs:calc(1em*var(--_fzmol)/(var(--_fzmol) + 2));--fz-2xs:calc(1em*var(--_fzmol)/(var(--_fzmol) + 3));--fw-light:300;--fw-normal:400;--fw-bold:700;--lh-base:1.75;--lh-xs:calc(var(--lh-base) - 0.25);--lh-s:calc(var(--lh-base) - 0.125);--lh-l:calc(var(--lh-base) + 0.125);--lh-xl:calc(var(--lh-base) + 0.25);--lts-base:normal;--lts-s:-0.05em;--lts-l:0.05em;--black:#000;--white:#fff;--gray:#566676;--red:#db3024;--orange:#dc6d18;--yellow:#dcb518;--green:#1abc3a;--blue:#2192de;--purple:#6124db;--pink:#db249e;--c-main:#1e4e6b;--c-accent:#bc3453;--c-base:#fcfcfd;--c-base-2:#eeeff1;--c-text:#141415;--c-text-2:#62646a;--c-divider:#cfd0d3;--c-link:#0c61e4;--op-low:0.25;--op-mid:0.5;--op-high:0.75;--bdrs-5:2px;--bdrs-10:0.25rem;--bdrs-20:0.5rem;--bdrs-30:1rem;--bdrs-40:1.5rem;--bdrs-50:2rem;--bdrs-99:99rem;--_shc-hsl:220 4% 8%;--_shc-a:5%;--_shsz-0:1px 2px 3px 0;--_shsz-1:2px 4px 6px 0;--_shsz-2:3px 6px 9px 0;--_shsz-3:5px 10px 15px 0;--_shsz-4:8px 16px 24px 0;--_shsz-5:13px 26px 39px 0;--trsdu-base:0.4s;--root--fz:clamp(0.875rem,0.625rem + 1vw,1rem);--gutter:var(--s40)}html{font-size:var(--root--fz);-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}body{background-color:var(--c-base);color:var(--c-text);font-family:var(--ff-base);font-size:1rem;letter-spacing:var(--lts-base);line-height:var(--lh-base);overflow-x:clip}:where(h1,h2,h3,h4,h5,h6){font-family:var(--h--ff,inherit);font-size:var(--fz,revert);font-weight:var(--h--fw,bolder);line-height:var(--lh,inherit)}h1{--fz:var(--fz-3xl);--lh:var(--lh-xs)}h2{--fz:var(--fz-2xl);--lh:var(--lh-xs)}h3{--fz:var(--fz-xl);--lh:var(--lh-s)}h4{--fz:var(--fz-l);--lh:var(--lh-s)}h5{--fz:var(--fz-m)}h6{--fz:var(--fz-s)}:where(ul,ol){--pis:var(--list--pis,0);list-style:none;padding:0;padding-inline-start:var(--pis)}:where(a){--c:var(--c-link);--td:var(--link--td,underline);color:var(--c);-webkit-text-decoration:var(--td);text-decoration:var(--td)}:where(td,th){padding:.25em .375em}:where(hr){block-size:0;border:none;border-block-start:1px solid}:where(blockquote){border-inline-start:3px solid currentColor;padding:var(--s20) var(--s30)}:where(pre){overflow-x:auto}body:where(:has(:modal[open])){overflow:hidden}dialog:where(:not([open])){pointer-events:none}.re--sh,:root{--_shc:hsl(var(--_shc-hsl)/var(--_shc-a));--bxsh-10:var(--_shsz-0) var(--_shc),var(--_shsz-1) var(--_shc);--bxsh-20:var(--_shsz-1) var(--_shc),var(--_shsz-2) var(--_shc);--bxsh-30:var(--_shsz-2) var(--_shc),var(--_shsz-3) var(--_shc);--bxsh-40:var(--_shsz-3) var(--_shc),var(--_shsz-4) var(--_shc);--bxsh-50:var(--_shsz-4) var(--_shc),var(--_shsz-5) var(--_shc);--bxsh-i10:inset var(--_shsz-0) var(--_shc),inset var(--_shsz-1) var(--_shc);--bxsh-i20:inset var(--_shsz-1) var(--_shc),inset var(--_shsz-2) var(--_shc)}:where(.re--style){background:none;border:none;color:inherit;font:inherit;height:auto;padding:0;width:auto}.re--list,:is(ul,ol):where(:not([class])){--list--pis:1.5em;list-style:revert}.has--gutter{padding-inline:var(--gutter)}.is--flow{display:flow-root}.is--flow>*{--mbs:var(--flowM,var(--flowM-m));margin-block:var(--mbs) 0}.-flow\:s>*{--mbs:var(--flowM-s)}.-flow\:m>*{--mbs:var(--flowM-m)}.is--flow>:where(h1,h2,h3,h4){margin-block-start:calc(var(--mbs) + var(--flowM-h))}.is--flow>:where(.is--fullwide+.is--fullwide){--mbs:0}.is--flow>:first-child{margin-block-start:0}.is--container{container-type:inline-size;inline-size:100%;margin-inline:auto;--overwideSize:100cqw}.is--container>*{--maxIsz:var(--contentSize,100%);margin-inline:auto;max-inline-size:min(100%,var(--maxIsz,100%))}.-container\:s{--contentSize:var(--size-s);--wideSize:var(--size-m)}.-container\:m{--contentSize:var(--size-m);--wideSize:var(--size-l)}.-container\:l{--contentSize:var(--size-l);--wideSize:var(--size-xl)}.is--fullwide{max-inline-size:100%}:where(.has--gutter)>.is--fullwide{margin-inline:calc(var(--gutter)*-1);max-inline-size:calc(100% + var(--gutter)*2)}.is--wide{max-inline-size:var(--wideSize,100%)}.is--overwide{margin-inline:calc(50% - var(--overwideSize)/2);max-inline-size:var(--overwideSize,100vw)}.is--linkBox{color:inherit;cursor:pointer;display:block;isolation:isolate;pointer-events:auto;position:relative;text-decoration:none}is--linkBox>:where(a){pointer-events:auto;position:relative;z-index:1}.is--layer{inset:0;position:absolute}.is--layer,.l--frame{overflow:hidden}.l--frame>:where(img,video,picture,iframe){display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.l--flex{display:flex}.l--flex-cluster{align-items:center;flex-wrap:wrap}.l--grid{display:grid}.l--grid-repeat{--rows:1;--cols:1;grid-template:repeat(var(--rows),1fr)/repeat(var(--cols),1fr)}.l--stack{display:flex;flex-direction:column}.l--center{display:grid;place-content:center;place-items:center}.l--columns{--cols:2;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr))}.l--columns-liquid{--autoType:auto-fill;--colSize:var(--size-xs);display:grid;grid-template-columns:repeat(var(--autoType),minmax(min(var(--colSize),100%),1fr))}.l--withSide{--sideW:auto;--mainW:max(var(--size-xs),50%);display:flex;flex-wrap:wrap}.l--withSide>[data-is-side]{flex-basis:var(--sideW);flex-grow:1}.l--withSide>:not([data-is-side]){flex-basis:min(100%,var(--mainW));flex-grow:9999999}.l--icon{--scale:1;--offset:0;display:inline-flex;flex-shrink:0;scale:var(--scale);translate:var(--offset);vertical-align:middle}.l--icon:where(:not([fill])){fill:currentcolor}.l--icon:where(:not([width])){height:1em;width:1em}.l--divider{--bdc:var(--c-divider)}.d--accordion{--trsdu:var(--acc--trsdu,0.4s)}.d--accordion._opened{--_notOpened: }.d--accordion:not(._opened){--_isOpened: }.d--accordion_header{gap:.5em;outline-offset:-1px}.d--accordion_header::-webkit-details-marker{display:none}.d--accordion_body{grid-template-rows:1fr;transition-duration:var(--trsdu);transition-property:margin-block,padding-block,opacity,grid-template-rows}:where(.d--accordion:not(._opened))>.d--accordion_body{grid-template-rows:0fr;margin-block:0!important;padding-block:0!important}:where(.d--accordion_icon)>.l--icon{rotate:var(--_isOpened,-180deg);transition-duration:var(--trsdu)}.d--modal{--maxIsz:100%;--mbs:0;--offset:0 0;--backdrop:rgba(0,0,0,.6);transition-duration:var(--modal--trsdu,.5s)}.d--modal::backdrop{background:var(--backdrop);transition:opacity var(--modal--trsdu,.5s)}.d--modal_body{overscroll-behavior:contain}.d--modal:not([data-is-open]){translate:var(--offset)}.d--modal:not([data-is-open]),.d--modal:not([data-is-open])::backdrop{opacity:0}.d--tabs{display:grid;grid:"list" "panel"}.d--tabs_list{grid-area:list;overflow-x:auto}.d--tabs_tab[aria-selected=true]{--_notActive: }.d--tabs_tab[aria-selected=false]{--_isActive: }:where(.d--tabs_tab){color:var(--_notActive,var(--c-text-2))}.d--tabs_panel{grid-area:panel;overflow-x:auto;width:100%}.d--tabs_panel:where([aria-hidden=true]){display:none}figure,img,table,video{--trimHL:0px}.u--trimHL{margin-block:var(--trimHL)}.u--trimBox>:first-child{margin-block-start:var(--trimHL)}.u--trimBox>:last-child{margin-block-end:var(--trimHL)}.u--cbox{--c:color-mix(in srgb,var(--c-text),var(--keycolor) var(--colbox--pct-c,20%));--bgc:color-mix(in srgb,var(--c-base),var(--keycolor) var(--colbox--pct-bg,5%));--bdc:var(--keycolor);--c-link:var(--c);background-color:var(--bgc);color:var(--c)}.u--hidden{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.u--overlayLink{color:inherit;position:static;text-decoration:none}.u--overlayLink:before{content:"";inset:0;position:absolute;z-index:0}.u--skipFlow+*{--mbs:0}.u--clipText{-webkit-background-clip:text!important;background-clip:text!important;color:transparent}.u--outerR{--inner-bdrs:calc(var(--bdrs, 0px) - var(--p, 0px))}.u--innerR{border-radius:var(--inner-bdrs)}:where(.-bd,[class*="-bd:"]){--bds:solid;--bdw:1px;--bdc:currentColor;--bd:var(--bdw) var(--bds) var(--bdc)}.-bd{border-color:var(--bdc);border-style:var(--bds);border-width:var(--bdw)}.-bd\:n{border:none}.-bd\:inherit{border:inherit}.-bd\:l{border-left:var(--bd)}.-bd\:r{border-right:var(--bd)}.-bd\:t{border-top:var(--bd)}.-bd\:b{border-bottom:var(--bd)}.-bd\:x{border-inline:var(--bd)}.-bd\:y{border-block:var(--bd)}.-bd\:is{border-inline-start:var(--bd)}.-bd\:ie{border-inline-end:var(--bd)}.-bd\:bs{border-block-start:var(--bd)}.-bd\:be{border-block-end:var(--bd)}:where(.-trs){--trsdu:var(--trsdu-base);--trsp:all;--trstf:ease}.-trs{transition:var(--trsdu) var(--trstf);transition-property:var(--trsp)}.-w{width:var(--w)}.-w\:fit{width:-moz-fit-content;width:fit-content}.-w\:100\%{width:100%}.-h{height:var(--h)}.-h\:fit{height:-moz-fit-content;height:fit-content}.-h\:100\%{height:100%}.-h\:100lvh{height:100lvh}.-h\:100svh{height:100svh}.-maxW{max-width:var(--maxW)}.-maxW\:100\%{max-width:100%}.-minW{min-width:var(--minW)}.-minW\:100\%{min-width:100%}.-maxH{max-height:var(--maxH)}.-maxH\:100\%{max-height:100%}.-minH{min-height:var(--minH)}.-minH\:100\%{min-height:100%}.-minH\:100lvh{min-height:100lvh}.-minH\:100svh{min-height:100svh}.-c,[class*="-c:"]{color:var(--c)}.-c\:main{--c:var(--c-main)}.-c\:accent{--c:var(--c-accent)}.-c\:base{--c:var(--c-base)}.-c\:text{--c:var(--c-text)}.-c\:text-2{--c:var(--c-text-2)}.-c\:inherit{color:inherit}.-c\:mix{--_c1:currentColor;--_c2:transparent;--c:color-mix(in srgb,var(--_c1) var(--_mixpct-c,50%),var(--_c2))}.-bgc,[class*="-bgc:"]{background-color:var(--bgc)}.-bgc\:main{--bgc:var(--c-main)}.-bgc\:accent{--bgc:var(--c-accent)}.-bgc\:base{--bgc:var(--c-base)}.-bgc\:base-2{--bgc:var(--c-base-2)}.-bgc\:text{--bgc:var(--c-text)}.-bgc\:inherit{background-color:inherit}.-bgc\:mix{--_bgc1:currentColor;--_bgc2:transparent;--bgc:color-mix(in srgb,var(--_bgc1) var(--_mixpct-bgc,50%),var(--_bgc2))}.-bdc\:main{--bdc:var(--c-main)}.-bdc\:accent{--bdc:var(--c-accent)}.-bdc\:divider{--bdc:var(--c-divider)}.-bdc\:inherit{--bdc:inherit}.-bdc\:t{--bdc:transparent}.-bdc\:mix{--_bdc1:currentColor;--_bdc2:transparent;--bdc:color-mix(in srgb,var(--_bdc1) var(--_mixpct-bdc,50%),var(--_bdc2))}.-bg{background:var(--bg)}.-bg\:n{background:none}.-bgi{background-image:var(--bgi)}.-bgr\:n{background-repeat:no-repeat}.-bgp\:c{background-position:50%}.-bgsz\:cv{background-size:cover}.-bgsz\:ct{background-size:contain}.-f\:inherit{font:inherit}.-fz,[class*="-fz:"]{font-size:var(--fz)}.-fz\:root{--fz:1rem}.-fz\:2xs{--fz:var(--fz-2xs)}.-fz\:xs{--fz:var(--fz-xs)}.-fz\:s{--fz:var(--fz-s)}.-fz\:m{--fz:var(--fz-m)}.-fz\:l{--fz:var(--fz-l)}.-fz\:xl{--fz:var(--fz-xl)}.-fz\:2xl{--fz:var(--fz-2xl)}.-fz\:3xl{--fz:var(--fz-3xl)}.-fz\:4xl{--fz:var(--fz-4xl)}.-ff\:base{font-family:var(--ff-base)}.-ff\:accent{font-family:var(--ff-accent)}.-ff\:mono{font-family:var(--ff-mono)}.-fw\: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)}.-fs\:i{font-style:italic}.-lh\:base{line-height:var(--lh-base)}.-lh\:xs{line-height:var(--lh-xs)}.-lh\:s{line-height:var(--lh-s)}.-lh\:l{line-height:var(--lh-l)}.-lh\:xl{line-height:var(--lh-xl)}.-lh\:1{line-height:1}.-lts\:base{letter-spacing:var(--lts-base)}.-lts\:s{letter-spacing:var(--lts-s)}.-lts\:l{letter-spacing:var(--lts-l)}.-ta\:l{text-align:left}.-ta\:r{text-align:right}.-ta\:c{text-align:center}.-td\:n{text-decoration:none}.-td\:u{text-decoration:underline}.-d{display:var(--d)}.-d\:n{display:none}.-d\:b{display:block}.-d\:f{display:flex}.-d\:g{display:grid}.-d\:i{display:inline}.-d\:ib{display:inline-block}.-d\:if{display:inline-flex}.-d\:ig{display:inline-grid}.-v\:h{visibility:hidden}.-v\:v{visibility:visible}.-ov\:h{overflow:hidden}.-ov\:a{overflow:auto}.-ov\:c{overflow:clip}.-ov\:s{overflow:scroll}.-ovx\:h{overflow-x:hidden}.-ovx\:a{overflow-x:auto}.-ovx\:c{overflow-x:clip}.-ovx\:s{overflow-x:scroll}.-ovy\:h{overflow-y:hidden}.-ovy\:a{overflow-y:auto}.-ovy\:c{overflow-y:clip}.-ovy\:s{overflow-y:scroll}.-ar{aspect-ratio:var(--ar)}.-ar\:16\/9{aspect-ratio:16/9}.-ar\:3\/2{aspect-ratio:3/2}.-ar\:1\/1{aspect-ratio:1/1}.-ar\:ogp{aspect-ratio:1.91/1}.-ar\:gold{aspect-ratio:16.18/10}.-op\:0{opacity:0}.-op\:low{opacity:var(--op-low)}.-op\:mid{opacity:var(--op-mid)}.-op\:high{opacity:var(--op-high)}.-bdrs,[class*="-bdrs:"]{border-radius:var(--bdrs)}.-bdrs\:0{--bdrs:0}.-bdrs\:5{--bdrs:var(--bdrs-5)}.-bdrs\:10{--bdrs:var(--bdrs-10)}.-bdrs\:20{--bdrs:var(--bdrs-20)}.-bdrs\:30{--bdrs:var(--bdrs-30)}.-bdrs\:40{--bdrs:var(--bdrs-40)}.-bdrs\:50{--bdrs:var(--bdrs-50)}.-bdrs\:99{--bdrs:var(--bdrs-99)}.-bxsh\:0{box-shadow:0}.-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)}.-bxsh\:-10{box-shadow:var(--bxsh-i10)}.-bxsh\:-20{box-shadow:var(--bxsh-i20)}.-p,[class*="-p:"]{padding:var(--p)}.-p\:0{--p:0}.-p\:5{--p:var(--s5)}.-p\:10{--p:var(--s10)}.-p\:15{--p:var(--s15)}.-p\:20{--p:var(--s20)}.-p\:30{--p:var(--s30)}.-p\:40{--p:var(--s40)}.-p\:50{--p:var(--s50)}.-p\:60{--p:var(--s60)}.-p\:70{--p:var(--s70)}.-p\:80{--p:var(--s80)}.-px,[class*="-px:"]{padding-inline:var(--px)}.-px\:0{--px:0}.-px\:5{--px:var(--s5)}.-px\:10{--px:var(--s10)}.-px\:15{--px:var(--s15)}.-px\:20{--px:var(--s20)}.-px\:30{--px:var(--s30)}.-px\:40{--px:var(--s40)}.-px\:50{--px:var(--s50)}.-px\:60{--px:var(--s60)}.-px\:70{--px:var(--s70)}.-px\:80{--px:var(--s80)}.-py,[class*="-py:"]{padding-block:var(--py)}.-py\:0{--py:0}.-py\:5{--py:var(--s5)}.-py\:10{--py:var(--s10)}.-py\:15{--py:var(--s15)}.-py\:20{--py:var(--s20)}.-py\:30{--py:var(--s30)}.-py\:40{--py:var(--s40)}.-py\:50{--py:var(--s50)}.-py\:60{--py:var(--s60)}.-py\:70{--py:var(--s70)}.-py\:80{--py:var(--s80)}.-pt{padding-top:var(--pt)}.-pr{padding-right:var(--pr)}.-pb{padding-bottom:var(--pb)}.-pl{padding-left:var(--pl)}.-pis,[class*="-pis:"]{padding-inline-start:var(--pis)}.-pis\:0{--pis:0}.-pis\:5{--pis:var(--s5)}.-pis\:10{--pis:var(--s10)}.-pis\:15{--pis:var(--s15)}.-pis\:20{--pis:var(--s20)}.-pis\:30{--pis:var(--s30)}.-pis\:40{--pis:var(--s40)}.-pis\:50{--pis:var(--s50)}.-pis\:60{--pis:var(--s60)}.-pis\:70{--pis:var(--s70)}.-pis\:80{--pis:var(--s80)}.-pbs,[class*="-pbs:"]{padding-block-start:var(--pbs)}.-pbs\:0{--pbs:0}.-pbs\:5{--pbs:var(--s5)}.-pbs\:10{--pbs:var(--s10)}.-pbs\:15{--pbs:var(--s15)}.-pbs\:20{--pbs:var(--s20)}.-pbs\:30{--pbs:var(--s30)}.-pbs\:40{--pbs:var(--s40)}.-pbs\:50{--pbs:var(--s50)}.-pbs\:60{--pbs:var(--s60)}.-pbs\:70{--pbs:var(--s70)}.-pbs\:80{--pbs:var(--s80)}.-m,[class*="-m:"]{margin:var(--m)}.-m\:a{--m:auto}.-m\:0{--m:0}.-m\:5{--m:var(--s5)}.-m\:10{--m:var(--s10)}.-m\:15{--m:var(--s15)}.-m\:20{--m:var(--s20)}.-m\:30{--m:var(--s30)}.-m\:40{--m:var(--s40)}.-m\:50{--m:var(--s50)}.-m\:60{--m:var(--s60)}.-m\:70{--m:var(--s70)}.-m\:80{--m:var(--s80)}.-mx{margin-inline:var(--mx)}.-mx\:a{margin-inline:auto}.-my{margin-block:var(--my)}.-my\:a{margin-block:auto}.-mt{margin-top:var(--mt)}.-mt\:a{margin-top:auto}.-mr{margin-right:var(--mr)}.-mr\:a{margin-right:auto}.-mb{margin-bottom:var(--mb)}.-mb\:a{margin-bottom:auto}.-ml{margin-left:var(--ml)}.-ml\:a{margin-left:auto}.-mis,[class*="-mis:"]{margin-inline-start:var(--mis)}.-mis\:a{--mis:auto}.-mis\:0{--mis:0}.-mis\:5{--mis:var(--s5)}.-mis\:10{--mis:var(--s10)}.-mis\:15{--mis:var(--s15)}.-mis\:20{--mis:var(--s20)}.-mis\:30{--mis:var(--s30)}.-mis\:40{--mis:var(--s40)}.-mis\:50{--mis:var(--s50)}.-mis\:60{--mis:var(--s60)}.-mis\:70{--mis:var(--s70)}.-mis\:80{--mis:var(--s80)}.-mbs,[class*="-mbs:"]{margin-block-start:var(--mbs)}.-mbs\:a{--mbs:auto}.-mbs\:0{--mbs:0}.-mbs\:5{--mbs:var(--s5)}.-mbs\:10{--mbs:var(--s10)}.-mbs\:15{--mbs:var(--s15)}.-mbs\:20{--mbs:var(--s20)}.-mbs\:30{--mbs:var(--s30)}.-mbs\:40{--mbs:var(--s40)}.-mbs\:50{--mbs:var(--s50)}.-mbs\:60{--mbs:var(--s60)}.-mbs\:70{--mbs:var(--s70)}.-mbs\:80{--mbs:var(--s80)}.-g,[class*="-g:"]{gap:var(--g)}.-g\:0{--g:0}.-g\:5{--g:var(--s5)}.-g\:10{--g:var(--s10)}.-g\:15{--g:var(--s15)}.-g\:20{--g:var(--s20)}.-g\:30{--g:var(--s30)}.-g\:40{--g:var(--s40)}.-g\:50{--g:var(--s50)}.-g\:60{--g:var(--s60)}.-g\:70{--g:var(--s70)}.-g\:80{--g:var(--s80)}.-g\:inherit{gap:inherit}.-gx{-moz-column-gap:var(--gx);column-gap:var(--gx)}.-gy{row-gap:var(--gy)}.-pos\:r{position:relative}.-pos\:a{position:absolute}.-pos\:s{position:static}.-pos\:f{position:fixed}.-pos\:sti{position:sticky}.-inset\:0{inset:0}.-l\:0{left:0}.-l\:50\%{left:50%}.-l\:100\%{left:100%}.-t\:0{top:0}.-t\:50\%{top:50%}.-t\:100\%{top:100%}.-r\:0{right:0}.-r\:50\%{right:50%}.-r\:100\%{right:100%}.-b\:0{bottom:0}.-b\:50\%{bottom:50%}.-b\:100\%{bottom:100%}.-z\:99{z-index:99}.-z\:2{z-index:2}.-z\:1{z-index:1}.-z\:0{z-index:0}.-z\:-1{z-index:-1}.-ord\:1{order:1}.-ord\:0{order:0}.-ord\:-1{order:-1}.-fxw{flex-wrap:var(--fxw)}.-fxw\:w{flex-wrap:wrap}.-fxw\:n{flex-wrap:nowrap}.-fxd{flex-direction:var(--fxd)}.-fxd\:c{flex-direction:column}.-fxd\:cr{flex-direction:column-reverse}.-fxd\:r{flex-direction:row}.-fxd\:rr{flex-direction:row-reverse}.-fx{flex:var(--fx)}.-fx\:1{flex:1}.-fxsh\:0{flex-shrink:0}.-fxg\:1{flex-grow:1}.-fxb{flex-basis:var(--fxb)}.-gd{grid:var(--gd)}.-gta{grid-template-areas:var(--gta)}.-gtc{grid-template-columns:var(--gtc)}.-gtc\:subgrid{grid-template-columns:subgrid}.-gtr{grid-template-rows:var(--gtr)}.-gtr\:subgrid{grid-template-rows:subgrid}.-gaf{grid-auto-flow:var(--gaf)}.-gaf\:r{grid-auto-flow:row}.-gaf\:c{grid-auto-flow:column}.-gac{grid-auto-columns:var(--gac)}.-gar{grid-auto-rows:var(--gar)}.-ga{grid-area:var(--ga)}.-ga\:1{grid-area:1/1}.-gr{grid-row:var(--gr)}.-gr\:1\/-1{grid-row:1/-1}.-gc{grid-column:var(--gc)}.-gc\:1\/-1{grid-column:1/-1}.-ai{align-items:var(--ai)}.-ai\:c{align-items:center}.-ai\:s{align-items:start}.-ai\:e{align-items:end}.-ai\:fs{align-items:flex-start}.-ai\:fe{align-items:flex-end}.-ai\:str{align-items:stretch}.-ac{align-content:var(--ac)}.-ac\:c{align-content:center}.-ac\:s{align-content:start}.-ac\:e{align-content:end}.-ac\:fs{align-content:flex-start}.-ac\:fe{align-content:flex-end}.-ac\:sb{align-content:space-between}.-ji{justify-items:var(--ji)}.-ji\:c{justify-items:center}.-ji\:s{justify-items:start}.-ji\:e{justify-items:end}.-ji\:fs{justify-items:flex-start}.-ji\:fe{justify-items:flex-end}.-ji\:str{justify-items:stretch}.-jc{justify-content:var(--jc)}.-jc\:c{justify-content:center}.-jc\:s{justify-content:start}.-jc\:e{justify-content:end}.-jc\:fs{justify-content:flex-start}.-jc\:fe{justify-content:flex-end}.-jc\:sb{justify-content:space-between}.-aslf\:c{align-self:center}.-aslf\:s{align-self:start}.-aslf\:e{align-self:end}.-aslf\:str{align-self:stretch}.-jslf\:c{justify-self:center}.-jslf\:s{justify-self:start}.-jslf\:e{justify-self:end}.-jslf\:str{justify-self:stretch}.-trnslt\:-50X{translate:-50% 0}.-trnslt\:-50Y{translate:0 -50%}.-trnslt\:-50XY{translate:-50% -50%}.-scale\:-X{scale:-1 1}.-scale\:-Y{scale:1 -1}.-scale\:-XY{scale:-1 -1}.-rotate\:45{rotate:45deg}.-rotate\:-45{rotate:-45deg}.-rotate\:90{rotate:90deg}.-rotate\:-90{rotate:-90deg}.-whs\:nw{white-space:nowrap}.-ovw\:any{overflow-wrap:anywhere}.-obf\:cn{-o-object-fit:contain;object-fit:contain}.-obf\:cv{-o-object-fit:cover;object-fit:cover}.-wm\:v-rl{writing-mode:vertical-rl}.-bxz\:cb{box-sizing:content-box}.-bxz\:bb{box-sizing:border-box}.-iso\:i{isolation:isolate}.-fl\:l{float:left}.-fl\:r{float:right}.-cl\:b{clear:both}.-cl\:l{clear:left}.-cl\:r{clear:right}@media (min-width:480px){.-w_sm{width:var(--w_sm)}.-h_sm{height:var(--h_sm)}.-maxW_sm{max-width:var(--maxW_sm)}.-minW_sm{min-width:var(--minW_sm)}.-maxH_sm{max-height:var(--maxH_sm)}.-minH_sm{min-height:var(--minH_sm)}.-bdw_sm{--bdw:var(--bdw_sm)!important}.-bg_sm{background:var(--bg_sm)}.-bgi_sm{background-image:var(--bgi_sm)}.-fz_sm{--fz:var(--fz_sm)!important;font-size:var(--fz_sm)}.-d_sm{display:var(--d_sm)}.-ar_sm{aspect-ratio:var(--ar_sm)}.-bdrs_sm{--bdrs:var(--bdrs_sm)!important;border-radius:var(--bdrs_sm)}.-p_sm{--p:var(--p_sm)!important;padding:var(--p_sm)}.-px_sm{padding-inline:var(--px_sm)}.-py_sm{padding-block:var(--py_sm)}.-pt_sm{padding-top:var(--pt_sm)}.-pr_sm{padding-right:var(--pr_sm)}.-pb_sm{padding-bottom:var(--pb_sm)}.-pl_sm{padding-left:var(--pl_sm)}.-pis_sm{padding-inline-start:var(--pis_sm)}.-pbs_sm{padding-block-start:var(--pbs_sm)}.-m_sm{--m:var(--m_sm)!important;margin:var(--m_sm)}.-mx_sm{margin-inline:var(--mx_sm)}.-my_sm{margin-block:var(--my_sm)}.-mt_sm{margin-top:var(--mt_sm)}.-mr_sm{margin-right:var(--mr_sm)}.-mb_sm{margin-bottom:var(--mb_sm)}.-ml_sm{margin-left:var(--ml_sm)}.-mis_sm{margin-inline-start:var(--mis_sm)}.-mbs_sm{margin-block-start:var(--mbs_sm)}.-g_sm{--g:var(--g_sm)!important;gap:var(--g_sm)}.-gx_sm{-moz-column-gap:var(--gx_sm);column-gap:var(--gx_sm)}.-gy_sm{row-gap:var(--gy_sm)}.-fxw_sm{flex-wrap:var(--fxw_sm)}.-fxd_sm{flex-direction:var(--fxd_sm)}.-fx_sm{flex:var(--fx_sm)}.-fxb_sm{flex-basis:var(--fxb_sm)}.-gd_sm{grid:var(--gd_sm)}.-gta_sm{grid-template-areas:var(--gta_sm)}.-gtc_sm{grid-template-columns:var(--gtc_sm)}.-gtr_sm{grid-template-rows:var(--gtr_sm)}.-gaf_sm{grid-auto-flow:var(--gaf_sm)}.-gac_sm{grid-auto-columns:var(--gac_sm)}.-gar_sm{grid-auto-rows:var(--gar_sm)}.-ga_sm{grid-area:var(--ga_sm)}.-gr_sm{grid-row:var(--gr_sm)}.-gc_sm{grid-column:var(--gc_sm)}.-ai_sm{align-items:var(--ai_sm)}.-ac_sm{align-content:var(--ac_sm)}.-ji_sm{justify-items:var(--ji_sm)}.-jc_sm{justify-content:var(--jc_sm)}.-cols_sm{--cols:var(--cols_sm)!important}.-rows_sm{--rows:var(--rows_sm)!important}}@media (min-width:720px){.-w_md{width:var(--w_md)}.-h_md{height:var(--h_md)}.-maxW_md{max-width:var(--maxW_md)}.-minW_md{min-width:var(--minW_md)}.-maxH_md{max-height:var(--maxH_md)}.-minH_md{min-height:var(--minH_md)}.-bdw_md{--bdw:var(--bdw_md)!important}.-bg_md{background:var(--bg_md)}.-bgi_md{background-image:var(--bgi_md)}.-fz_md{--fz:var(--fz_md)!important;font-size:var(--fz_md)}.-d_md{display:var(--d_md)}.-ar_md{aspect-ratio:var(--ar_md)}.-bdrs_md{--bdrs:var(--bdrs_md)!important;border-radius:var(--bdrs_md)}.-p_md{--p:var(--p_md)!important;padding:var(--p_md)}.-px_md{padding-inline:var(--px_md)}.-py_md{padding-block:var(--py_md)}.-pt_md{padding-top:var(--pt_md)}.-pr_md{padding-right:var(--pr_md)}.-pb_md{padding-bottom:var(--pb_md)}.-pl_md{padding-left:var(--pl_md)}.-pis_md{padding-inline-start:var(--pis_md)}.-pbs_md{padding-block-start:var(--pbs_md)}.-m_md{--m:var(--m_md)!important;margin:var(--m_md)}.-mx_md{margin-inline:var(--mx_md)}.-my_md{margin-block:var(--my_md)}.-mt_md{margin-top:var(--mt_md)}.-mr_md{margin-right:var(--mr_md)}.-mb_md{margin-bottom:var(--mb_md)}.-ml_md{margin-left:var(--ml_md)}.-mis_md{margin-inline-start:var(--mis_md)}.-mbs_md{margin-block-start:var(--mbs_md)}.-g_md{--g:var(--g_md)!important;gap:var(--g_md)}.-gx_md{-moz-column-gap:var(--gx_md);column-gap:var(--gx_md)}.-gy_md{row-gap:var(--gy_md)}.-fxw_md{flex-wrap:var(--fxw_md)}.-fxd_md{flex-direction:var(--fxd_md)}.-fx_md{flex:var(--fx_md)}.-fxb_md{flex-basis:var(--fxb_md)}.-gd_md{grid:var(--gd_md)}.-gta_md{grid-template-areas:var(--gta_md)}.-gtc_md{grid-template-columns:var(--gtc_md)}.-gtr_md{grid-template-rows:var(--gtr_md)}.-gaf_md{grid-auto-flow:var(--gaf_md)}.-gac_md{grid-auto-columns:var(--gac_md)}.-gar_md{grid-auto-rows:var(--gar_md)}.-ga_md{grid-area:var(--ga_md)}.-gr_md{grid-row:var(--gr_md)}.-gc_md{grid-column:var(--gc_md)}.-ai_md{align-items:var(--ai_md)}.-ac_md{align-content:var(--ac_md)}.-ji_md{justify-items:var(--ji_md)}.-jc_md{justify-content:var(--jc_md)}.-cols_md{--cols:var(--cols_md)!important}.-rows_md{--rows:var(--rows_md)!important}}@media (any-hover:hover){.-hov\:fade:hover{opacity:.65}.-hov\:c:hover{color:var(--hov-c)}.-hov\:bdc:hover{border-color:var(--hov-bdc)}.-hov\:bgc:hover{background-color:var(--hov-bgc)}.-hov\:bxsh:hover{box-shadow:var(--hov-bxsh)}.-hov\:set:hover{--_notHov: }.-hov\:set:not(:hover){--_isHov: }}@media (any-hover:none){.-hov\:set{--_isHov: }}.-hov\:get\:hide{opacity:var(--_isHov,0)}.-hov\:get\:show{opacity:var(--_notHov,0);visibility:var(--_notHov,hidden)}
|
package/dist/css/props.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.-c\:mix{--c1:currentColor;--c2:transparent;--c:color-mix(in srgb,var(--c1) var(--c-pct,50%),var(--c2))}.-bgc\:mix{--bgc1:currentColor;--bgc2:transparent;--bgc:color-mix(in srgb,var(--bgc1) var(--bgc-pct,50%),var(--bgc2))}.-bdc\:mix{--bdc1:currentColor;--bdc2:transparent;--bdc:color-mix(in srgb,var(--bdc1) var(--bdc-pct,50%),var(--bdc2))}@layer lism.base{.-bd,[class*="-bd:"]{--bds:solid;--bdw:1px;--bdc:currentColor;--bd:var(--bdw) var(--bds) var(--bdc)}}.-bd{border-color:var(--bdc);border-style:var(--bds);border-width:var(--bdw)}.-bd\:n{border:none}.-bd\:inherit{border:inherit}.-bd\:l{border-left:var(--bd)}.-bd\:r{border-right:var(--bd)}.-bd\:t{border-top:var(--bd)}.-bd\:b{border-bottom:var(--bd)}.-bd\:x{border-inline:var(--bd)}.-bd\:y{border-block:var(--bd)}.-bd\:is{border-inline-start:var(--bd)}.-bd\:ie{border-inline-end:var(--bd)}.-bd\:bs{border-block-start:var(--bd)}.-bd\:be{border-block-end:var(--bd)}@layer lism.base{.-trs{--trsdu:var(--trsdu--default);--trsp:all;--trstf:ease}}.-trs{transition:var(--trsdu) var(--trstf);transition-property:var(--trsp)}.-w{width:var(--w)}.-w\:fit{width:-moz-fit-content;width:fit-content}.-w\:100\%{width:100%}.-h{height:var(--h)}.-h\:fit{height:-moz-fit-content;height:fit-content}.-h\:100\%{height:100%}.-h\:100lvh{height:100lvh}.-h\:100svh{height:100svh}.-maxW{max-width:var(--maxW)}.-maxW\:100\%{max-width:100%}.-minW{min-width:var(--minW)}.-minW\:100\%{min-width:100%}.-maxH{max-height:var(--maxH)}.-maxH\:100\%{max-height:100%}.-minH{min-height:var(--minH)}.-minH\:100\%{min-height:100%}.-minH\:100lvh{min-height:100lvh}.-minH\:100svh{min-height:100svh}.-c,[class*="-c:"]{color:var(--c)}.-c\:main{--c:var(--c--main)}.-c\:accent{--c:var(--c--accent)}.-c\:base{--c:var(--c--base)}.-c\:text{--c:var(--c--text)}.-c\:text-2{--c:var(--c--text-2)}.-c\:inherit{color:inherit}.-bgc,[class*="-bgc:"]{background-color:var(--bgc)}.-bgc\:main{--bgc:var(--c--main)}.-bgc\:accent{--bgc:var(--c--accent)}.-bgc\:base{--bgc:var(--c--base)}.-bgc\:base-2{--bgc:var(--c--base-2)}.-bgc\:text{--bgc:var(--c--text)}.-bgc\:inherit{background-color:inherit}.-bg{background:var(--bg)}.-bg\:n{background:none}.-bgr\:n{background-repeat:no-repeat}.-bgp\:c{background-position:50%}.-bgsz\:cv{background-size:cover}.-bgsz\:ct{background-size:contain}.-bdc\:main{--bdc:var(--c--main)}.-bdc\:accent{--bdc:var(--c--accent)}.-bdc\:divider{--bdc:var(--c--divider)}.-bdc\:inherit{--bdc:inherit}.-bdc\:t{--bdc:transparent}.-f\:inherit{font:inherit}.-fz,[class*="-fz:"]{font-size:var(--fz)}.-fz\:root{--fz:1rem}.-fz\:2xs{--fz:var(--fz--2xs)}.-fz\:xs{--fz:var(--fz--xs)}.-fz\:s{--fz:var(--fz--s)}.-fz\:m{--fz:var(--fz--m)}.-fz\:l{--fz:var(--fz--l)}.-fz\:xl{--fz:var(--fz--xl)}.-fz\:2xl{--fz:var(--fz--2xl)}.-fz\:3xl{--fz:var(--fz--3xl)}.-fz\:4xl{--fz:var(--fz--4xl)}.-ff\:base{font-family:var(--ff--base)}.-ff\:accent{font-family:var(--ff--accent)}.-ff\:mono{font-family:var(--ff--mono)}.-fw\:light{font-weight:var(--fw--light)}.-fw\:normal{font-weight:var(--fw--normal)}.-fw\:medium{font-weight:var(--fw--medium)}.-fw\:bold{font-weight:var(--fw--bold)}.-fs\:i{font-style:italic}.-lh\:base{line-height:var(--lh--base)}.-lh\:xs{line-height:var(--lh--xs)}.-lh\:s{line-height:var(--lh--s)}.-lh\:l{line-height:var(--lh--l)}.-lh\:xl{line-height:var(--lh--xl)}.-lh\:1{line-height:1}.-lts\:base{letter-spacing:var(--lts--base)}.-lts\:s{letter-spacing:var(--lts--s)}.-lts\:l{letter-spacing:var(--lts--l)}.-lts\:xl{letter-spacing:var(--lts--xl)}.-ta\:l{text-align:left}.-ta\:r{text-align:right}.-ta\:c{text-align:center}.-td\:n{text-decoration:none}.-td\:u{text-decoration:underline}.-d{display:var(--d)}.-d\:n{display:none}.-d\:b{display:block}.-d\:f{display:flex}.-d\:g{display:grid}.-d\:i{display:inline}.-d\:ib{display:inline-block}.-d\:if{display:inline-flex}.-d\:ig{display:inline-grid}.-v\:h{visibility:hidden}.-v\:v{visibility:visible}.-ov\:h{overflow:hidden}.-ov\:a{overflow:auto}.-ov\:c{overflow:clip}.-ov\:s{overflow:scroll}.-ovx\:h{overflow-x:hidden}.-ovx\:a{overflow-x:auto}.-ovx\:c{overflow-x:clip}.-ovx\:s{overflow-x:scroll}.-ovy\:h{overflow-y:hidden}.-ovy\:a{overflow-y:auto}.-ovy\:c{overflow-y:clip}.-ovy\:s{overflow-y:scroll}.-ar{aspect-ratio:var(--ar)}.-ar\:16\/9{aspect-ratio:16/9}.-ar\:3\/2{aspect-ratio:3/2}.-ar\:1\/1{aspect-ratio:1/1}.-ar\:ogp{aspect-ratio:1.91/1}.-ar\:gold{aspect-ratio:16.18/10}.-op\:0{opacity:0}.-op\:low{opacity:var(--op--low)}.-op\:mid{opacity:var(--op--mid)}.-op\:high{opacity:var(--op--high)}.-bdrs,[class*="-bdrs:"]{border-radius:var(--bdrs)}.-bdrs\:0{--bdrs:0}.-bdrs\:1{--bdrs:var(--bdrs--1)}.-bdrs\:2{--bdrs:var(--bdrs--2)}.-bdrs\:3{--bdrs:var(--bdrs--3)}.-bdrs\:4{--bdrs:var(--bdrs--4)}.-bdrs\:5{--bdrs:var(--bdrs--5)}.-bdrs\:99{--bdrs:var(--bdrs--99)}.-bxsh\:0{box-shadow:0}.-bxsh\:1{box-shadow:var(--bxsh--1)}.-bxsh\:2{box-shadow:var(--bxsh--2)}.-bxsh\:3{box-shadow:var(--bxsh--3)}.-bxsh\:4{box-shadow:var(--bxsh--4)}.-bxsh\:5{box-shadow:var(--bxsh--5)}.-bxsh\:-1{box-shadow:var(--bxsh--i1)}.-bxsh\:-2{box-shadow:var(--bxsh--i2)}.-p,[class*="-p:"]{padding:var(--p)}.-p\:0{--p:0}.-p\:5{--p:var(--s5)}.-p\:10{--p:var(--s10)}.-p\:15{--p:var(--s15)}.-p\:20{--p:var(--s20)}.-p\:30{--p:var(--s30)}.-p\:40{--p:var(--s40)}.-p\:50{--p:var(--s50)}.-p\:60{--p:var(--s60)}.-p\:70{--p:var(--s70)}.-p\:80{--p:var(--s80)}.-px,[class*="-px:"]{padding-inline:var(--px)}.-px\:0{--px:0}.-px\:5{--px:var(--s5)}.-px\:10{--px:var(--s10)}.-px\:15{--px:var(--s15)}.-px\:20{--px:var(--s20)}.-px\:30{--px:var(--s30)}.-px\:40{--px:var(--s40)}.-px\:50{--px:var(--s50)}.-px\:60{--px:var(--s60)}.-px\:70{--px:var(--s70)}.-px\:80{--px:var(--s80)}.-py,[class*="-py:"]{padding-block:var(--py)}.-py\:0{--py:0}.-py\:5{--py:var(--s5)}.-py\:10{--py:var(--s10)}.-py\:15{--py:var(--s15)}.-py\:20{--py:var(--s20)}.-py\:30{--py:var(--s30)}.-py\:40{--py:var(--s40)}.-py\:50{--py:var(--s50)}.-py\:60{--py:var(--s60)}.-py\:70{--py:var(--s70)}.-py\:80{--py:var(--s80)}.-pt{padding-top:var(--pt)}.-pr{padding-right:var(--pr)}.-pb{padding-bottom:var(--pb)}.-pl{padding-left:var(--pl)}.-pis,[class*="-pis:"]{padding-inline-start:var(--pis)}.-pis\:0{--pis:0}.-pis\:5{--pis:var(--s5)}.-pis\:10{--pis:var(--s10)}.-pis\:15{--pis:var(--s15)}.-pis\:20{--pis:var(--s20)}.-pis\:30{--pis:var(--s30)}.-pis\:40{--pis:var(--s40)}.-pis\:50{--pis:var(--s50)}.-pis\:60{--pis:var(--s60)}.-pis\:70{--pis:var(--s70)}.-pis\:80{--pis:var(--s80)}.-pbs,[class*="-pbs:"]{padding-block-start:var(--pbs)}.-pbs\:0{--pbs:0}.-pbs\:5{--pbs:var(--s5)}.-pbs\:10{--pbs:var(--s10)}.-pbs\:15{--pbs:var(--s15)}.-pbs\:20{--pbs:var(--s20)}.-pbs\:30{--pbs:var(--s30)}.-pbs\:40{--pbs:var(--s40)}.-pbs\:50{--pbs:var(--s50)}.-pbs\:60{--pbs:var(--s60)}.-pbs\:70{--pbs:var(--s70)}.-pbs\:80{--pbs:var(--s80)}.-m,[class*="-m:"]{margin:var(--m)}.-m\:a{--m:auto}.-m\:0{--m:0}.-m\:5{--m:var(--s5)}.-m\:10{--m:var(--s10)}.-m\:15{--m:var(--s15)}.-m\:20{--m:var(--s20)}.-m\:30{--m:var(--s30)}.-m\:40{--m:var(--s40)}.-m\:50{--m:var(--s50)}.-m\:60{--m:var(--s60)}.-m\:70{--m:var(--s70)}.-m\:80{--m:var(--s80)}.-mx{margin-inline:var(--mx)}.-mx\:a{margin-inline:auto}.-my{margin-block:var(--my)}.-my\:a{margin-block:auto}.-mt{margin-top:var(--mt)}.-mt\:a{margin-top:auto}.-mr{margin-right:var(--mr)}.-mr\:a{margin-right:auto}.-mb{margin-bottom:var(--mb)}.-mb\:a{margin-bottom:auto}.-ml{margin-left:var(--ml)}.-ml\:a{margin-left:auto}.-mis,[class*="-mis:"]{margin-inline-start:var(--mis)}.-mis\:a{--mis:auto}.-mis\:0{--mis:0}.-mis\:5{--mis:var(--s5)}.-mis\:10{--mis:var(--s10)}.-mis\:15{--mis:var(--s15)}.-mis\:20{--mis:var(--s20)}.-mis\:30{--mis:var(--s30)}.-mis\:40{--mis:var(--s40)}.-mis\:50{--mis:var(--s50)}.-mis\:60{--mis:var(--s60)}.-mis\:70{--mis:var(--s70)}.-mis\:80{--mis:var(--s80)}.-mbs,[class*="-mbs:"]{margin-block-start:var(--mbs)}.-mbs\:a{--mbs:auto}.-mbs\:0{--mbs:0}.-mbs\:5{--mbs:var(--s5)}.-mbs\:10{--mbs:var(--s10)}.-mbs\:15{--mbs:var(--s15)}.-mbs\:20{--mbs:var(--s20)}.-mbs\:30{--mbs:var(--s30)}.-mbs\:40{--mbs:var(--s40)}.-mbs\:50{--mbs:var(--s50)}.-mbs\:60{--mbs:var(--s60)}.-mbs\:70{--mbs:var(--s70)}.-mbs\:80{--mbs:var(--s80)}.-g,[class*="-g:"]{gap:var(--g)}.-g\:0{--g:0}.-g\:5{--g:var(--s5)}.-g\:10{--g:var(--s10)}.-g\:15{--g:var(--s15)}.-g\:20{--g:var(--s20)}.-g\:30{--g:var(--s30)}.-g\:40{--g:var(--s40)}.-g\:50{--g:var(--s50)}.-g\:60{--g:var(--s60)}.-g\:70{--g:var(--s70)}.-g\:80{--g:var(--s80)}.-g\:inherit{gap:inherit}.-colg{-moz-column-gap:var(--colg);column-gap:var(--colg)}.-rowg{row-gap:var(--rowg)}.-pos\:r{position:relative}.-pos\:a{position:absolute}.-pos\:s{position:static}.-pos\:f{position:fixed}.-pos\:sti{position:sticky}.-inset\:0{inset:0}.-l\:0{left:0}.-l\:50\%{left:50%}.-l\:100\%{left:100%}.-t\:0{top:0}.-t\:50\%{top:50%}.-t\:100\%{top:100%}.-r\:0{right:0}.-r\:50\%{right:50%}.-r\:100\%{right:100%}.-b\:0{bottom:0}.-b\:50\%{bottom:50%}.-b\:100\%{bottom:100%}.-z\:99{z-index:99}.-z\:2{z-index:2}.-z\:1{z-index:1}.-z\:0{z-index:0}.-z\:-1{z-index:-1}.-ord\:1{order:1}.-ord\:0{order:0}.-ord\:-1{order:-1}.-fxw{flex-wrap:var(--fxw)}.-fxw\:w{flex-wrap:wrap}.-fxw\:nw{flex-wrap:nowrap}.-fxd{flex-direction:var(--fxd)}.-fxd\:c{flex-direction:column}.-fxd\:cr{flex-direction:column-reverse}.-fxd\:r{flex-direction:row}.-fxd\:rr{flex-direction:row-reverse}.-fx{flex:var(--fx)}.-fx\:1{flex:1}.-fxsh\:0{flex-shrink:0}.-fxg\:1{flex-grow:1}.-fxb{flex-basis:var(--fxb)}.-gd{grid:var(--gd)}.-gta{grid-template-areas:var(--gta)}.-gtc{grid-template-columns:var(--gtc)}.-gtc\:subgrid{grid-template-columns:subgrid}.-gtr{grid-template-rows:var(--gtr)}.-gtr\:subgrid{grid-template-rows:subgrid}.-gaf{grid-auto-flow:var(--gaf)}.-gaf\:r{grid-auto-flow:row}.-gaf\:c{grid-auto-flow:column}.-gac{grid-auto-columns:var(--gac)}.-gar{grid-auto-rows:var(--gar)}.-ga{grid-area:var(--ga)}.-ga\:1{grid-area:1/1}.-gr{grid-row:var(--gr)}.-gc{grid-column:var(--gc)}.-ai{align-items:var(--ai)}.-ai\:c{align-items:center}.-ai\:s{align-items:start}.-ai\:e{align-items:end}.-ai\:fs{align-items:flex-start}.-ai\:fe{align-items:flex-end}.-ai\:str{align-items:stretch}.-ac{align-content:var(--ac)}.-ac\:c{align-content:center}.-ac\:s{align-content:start}.-ac\:e{align-content:end}.-ac\:fs{align-content:flex-start}.-ac\:fe{align-content:flex-end}.-ac\:sb{align-content:space-between}.-ji{justify-items:var(--ji)}.-ji\:c{justify-items:center}.-ji\:s{justify-items:start}.-ji\:e{justify-items:end}.-ji\:fs{justify-items:flex-start}.-ji\:fe{justify-items:flex-end}.-ji\:str{justify-items:stretch}.-jc{justify-content:var(--jc)}.-jc\:c{justify-content:center}.-jc\:s{justify-content:start}.-jc\:e{justify-content:end}.-jc\:fs{justify-content:flex-start}.-jc\:fe{justify-content:flex-end}.-jc\:sb{justify-content:space-between}.-aslf\:c{align-self:center}.-aslf\:s{align-self:start}.-aslf\:e{align-self:end}.-aslf\:str{align-self:stretch}.-jslf\:c{justify-self:center}.-jslf\:s{justify-self:start}.-jslf\:e{justify-self:end}.-jslf\:str{justify-self:stretch}.-trslt\:-50X{translate:-50% 0}.-trslt\:-50Y{translate:0 -50%}.-trslt\:-50XY{translate:-50% -50%}.-scale\:-X{scale:-1 1}.-scale\:-Y{scale:1 -1}.-scale\:-XY{scale:-1 -1}.-rotate\:45{rotate:45deg}.-rotate\:-45{rotate:-45deg}.-rotate\:90{rotate:90deg}.-rotate\:-90{rotate:-90deg}.-whs\:nw{white-space:nowrap}.-ovw\:any{overflow-wrap:anywhere}.-obf\:cn{-o-object-fit:contain;object-fit:contain}.-obf\:cv{-o-object-fit:cover;object-fit:cover}.-wm\:v-rl{writing-mode:vertical-rl}.-bxz\:cb{box-sizing:content-box}@container (min-width: 480px){.-w_sm{width:var(--w_sm)}.-h_sm{height:var(--h_sm)}.-maxW_sm{max-width:var(--maxW_sm)}.-minW_sm{min-width:var(--minW_sm)}.-maxH_sm{max-height:var(--maxH_sm)}.-minH_sm{min-height:var(--minH_sm)}.-bg_sm{background:var(--bg_sm)}.-bdw_sm{--bdw:var(--bdw_sm)!important}.-fz_sm{--fz:var(--fz_sm)!important;font-size:var(--fz_sm)}.-d_sm{display:var(--d_sm)}.-ar_sm{aspect-ratio:var(--ar_sm)}.-bdrs_sm{--bdrs:var(--bdrs_sm)!important;border-radius:var(--bdrs_sm)}.-p_sm{--p:var(--p_sm)!important;padding:var(--p_sm)}.-px_sm{padding-inline:var(--px_sm)}.-py_sm{padding-block:var(--py_sm)}.-pt_sm{padding-top:var(--pt_sm)}.-pr_sm{padding-right:var(--pr_sm)}.-pb_sm{padding-bottom:var(--pb_sm)}.-pl_sm{padding-left:var(--pl_sm)}.-pis_sm{padding-inline-start:var(--pis_sm)}.-pbs_sm{padding-block-start:var(--pbs_sm)}.-m_sm{--m:var(--m_sm)!important;margin:var(--m_sm)}.-mx_sm{margin-inline:var(--mx_sm)}.-my_sm{margin-block:var(--my_sm)}.-mt_sm{margin-top:var(--mt_sm)}.-mr_sm{margin-right:var(--mr_sm)}.-mb_sm{margin-bottom:var(--mb_sm)}.-ml_sm{margin-left:var(--ml_sm)}.-mis_sm{margin-inline-start:var(--mis_sm)}.-mbs_sm{margin-block-start:var(--mbs_sm)}.-g_sm{--g:var(--g_sm)!important;gap:var(--g_sm)}.-colg_sm{-moz-column-gap:var(--colg_sm);column-gap:var(--colg_sm)}.-rowg_sm{row-gap:var(--rowg_sm)}.-fxw_sm{flex-wrap:var(--fxw_sm)}.-fxd_sm{flex-direction:var(--fxd_sm)}.-fx_sm{flex:var(--fx_sm)}.-fxb_sm{flex-basis:var(--fxb_sm)}.-gd_sm{grid:var(--gd_sm)}.-gta_sm{grid-template-areas:var(--gta_sm)}.-gtc_sm{grid-template-columns:var(--gtc_sm)}.-gtr_sm{grid-template-rows:var(--gtr_sm)}.-gaf_sm{grid-auto-flow:var(--gaf_sm)}.-gac_sm{grid-auto-columns:var(--gac_sm)}.-gar_sm{grid-auto-rows:var(--gar_sm)}.-ga_sm{grid-area:var(--ga_sm)}.-gr_sm{grid-row:var(--gr_sm)}.-gc_sm{grid-column:var(--gc_sm)}.-ai_sm{align-items:var(--ai_sm)}.-ac_sm{align-content:var(--ac_sm)}.-ji_sm{justify-items:var(--ji_sm)}.-jc_sm{justify-content:var(--jc_sm)}.-cols_sm{--cols:var(--cols_sm)!important}.-rows_sm{--rows:var(--rows_sm)!important}}@container (min-width: 720px){.-w_md{width:var(--w_md)}.-h_md{height:var(--h_md)}.-maxW_md{max-width:var(--maxW_md)}.-minW_md{min-width:var(--minW_md)}.-maxH_md{max-height:var(--maxH_md)}.-minH_md{min-height:var(--minH_md)}.-bg_md{background:var(--bg_md)}.-bdw_md{--bdw:var(--bdw_md)!important}.-fz_md{--fz:var(--fz_md)!important;font-size:var(--fz_md)}.-d_md{display:var(--d_md)}.-ar_md{aspect-ratio:var(--ar_md)}.-bdrs_md{--bdrs:var(--bdrs_md)!important;border-radius:var(--bdrs_md)}.-p_md{--p:var(--p_md)!important;padding:var(--p_md)}.-px_md{padding-inline:var(--px_md)}.-py_md{padding-block:var(--py_md)}.-pt_md{padding-top:var(--pt_md)}.-pr_md{padding-right:var(--pr_md)}.-pb_md{padding-bottom:var(--pb_md)}.-pl_md{padding-left:var(--pl_md)}.-pis_md{padding-inline-start:var(--pis_md)}.-pbs_md{padding-block-start:var(--pbs_md)}.-m_md{--m:var(--m_md)!important;margin:var(--m_md)}.-mx_md{margin-inline:var(--mx_md)}.-my_md{margin-block:var(--my_md)}.-mt_md{margin-top:var(--mt_md)}.-mr_md{margin-right:var(--mr_md)}.-mb_md{margin-bottom:var(--mb_md)}.-ml_md{margin-left:var(--ml_md)}.-mis_md{margin-inline-start:var(--mis_md)}.-mbs_md{margin-block-start:var(--mbs_md)}.-g_md{--g:var(--g_md)!important;gap:var(--g_md)}.-colg_md{-moz-column-gap:var(--colg_md);column-gap:var(--colg_md)}.-rowg_md{row-gap:var(--rowg_md)}.-fxw_md{flex-wrap:var(--fxw_md)}.-fxd_md{flex-direction:var(--fxd_md)}.-fx_md{flex:var(--fx_md)}.-fxb_md{flex-basis:var(--fxb_md)}.-gd_md{grid:var(--gd_md)}.-gta_md{grid-template-areas:var(--gta_md)}.-gtc_md{grid-template-columns:var(--gtc_md)}.-gtr_md{grid-template-rows:var(--gtr_md)}.-gaf_md{grid-auto-flow:var(--gaf_md)}.-gac_md{grid-auto-columns:var(--gac_md)}.-gar_md{grid-auto-rows:var(--gar_md)}.-ga_md{grid-area:var(--ga_md)}.-gr_md{grid-row:var(--gr_md)}.-gc_md{grid-column:var(--gc_md)}.-ai_md{align-items:var(--ai_md)}.-ac_md{align-content:var(--ac_md)}.-ji_md{justify-items:var(--ji_md)}.-jc_md{justify-content:var(--jc_md)}.-cols_md{--cols:var(--cols_md)!important}.-rows_md{--rows:var(--rows_md)!important}}@media (any-hover:hover){.-hov\:fade:hover{opacity:.65}.-hov\:c:hover{color:var(--hov-c)}.-hov\:bdc:hover{border-color:var(--hov-bdc)}.-hov\:bgc:hover{background-color:var(--hov-bgc)}.-hov\:bxsh:hover{box-shadow:var(--hov-bxsh)}.-hov\:set:hover{--_notHov: }.-hov\:set:not(:hover){--_isHov: }}@media (any-hover:none){.-hov\:set{--_isHov: }}.-hov\:get\:hide{opacity:var(--_isHov,0)}.-hov\:get\:show{opacity:var(--_notHov,0);visibility:var(--_notHov,hidden)}
|
|
1
|
+
@layer lism.base{.-bd,[class*="-bd:"]{--bds:solid;--bdw:1px;--bdc:currentColor;--bd:var(--bdw) var(--bds) var(--bdc)}}.-bd{border-color:var(--bdc);border-style:var(--bds);border-width:var(--bdw)}.-bd\:n{border:none}.-bd\:inherit{border:inherit}.-bd\:l{border-left:var(--bd)}.-bd\:r{border-right:var(--bd)}.-bd\:t{border-top:var(--bd)}.-bd\:b{border-bottom:var(--bd)}.-bd\:x{border-inline:var(--bd)}.-bd\:y{border-block:var(--bd)}.-bd\:is{border-inline-start:var(--bd)}.-bd\:ie{border-inline-end:var(--bd)}.-bd\:bs{border-block-start:var(--bd)}.-bd\:be{border-block-end:var(--bd)}@layer lism.base{.-trs{--trsdu:var(--trsdu-base);--trsp:all;--trstf:ease}}.-trs{transition:var(--trsdu) var(--trstf);transition-property:var(--trsp)}.-w{width:var(--w)}.-w\:fit{width:-moz-fit-content;width:fit-content}.-w\:100\%{width:100%}.-h{height:var(--h)}.-h\:fit{height:-moz-fit-content;height:fit-content}.-h\:100\%{height:100%}.-h\:100lvh{height:100lvh}.-h\:100svh{height:100svh}.-maxW{max-width:var(--maxW)}.-maxW\:100\%{max-width:100%}.-minW{min-width:var(--minW)}.-minW\:100\%{min-width:100%}.-maxH{max-height:var(--maxH)}.-maxH\:100\%{max-height:100%}.-minH{min-height:var(--minH)}.-minH\:100\%{min-height:100%}.-minH\:100lvh{min-height:100lvh}.-minH\:100svh{min-height:100svh}.-c,[class*="-c:"]{color:var(--c)}.-c\:main{--c:var(--c-main)}.-c\:accent{--c:var(--c-accent)}.-c\:base{--c:var(--c-base)}.-c\:text{--c:var(--c-text)}.-c\:text-2{--c:var(--c-text-2)}.-c\:inherit{color:inherit}.-c\:mix{--_c1:currentColor;--_c2:transparent;--c:color-mix(in srgb,var(--_c1) var(--_mixpct-c,50%),var(--_c2))}.-bgc,[class*="-bgc:"]{background-color:var(--bgc)}.-bgc\:main{--bgc:var(--c-main)}.-bgc\:accent{--bgc:var(--c-accent)}.-bgc\:base{--bgc:var(--c-base)}.-bgc\:base-2{--bgc:var(--c-base-2)}.-bgc\:text{--bgc:var(--c-text)}.-bgc\:inherit{background-color:inherit}.-bgc\:mix{--_bgc1:currentColor;--_bgc2:transparent;--bgc:color-mix(in srgb,var(--_bgc1) var(--_mixpct-bgc,50%),var(--_bgc2))}.-bdc\:main{--bdc:var(--c-main)}.-bdc\:accent{--bdc:var(--c-accent)}.-bdc\:divider{--bdc:var(--c-divider)}.-bdc\:inherit{--bdc:inherit}.-bdc\:t{--bdc:transparent}.-bdc\:mix{--_bdc1:currentColor;--_bdc2:transparent;--bdc:color-mix(in srgb,var(--_bdc1) var(--_mixpct-bdc,50%),var(--_bdc2))}.-bg{background:var(--bg)}.-bg\:n{background:none}.-bgi{background-image:var(--bgi)}.-bgr\:n{background-repeat:no-repeat}.-bgp\:c{background-position:50%}.-bgsz\:cv{background-size:cover}.-bgsz\:ct{background-size:contain}.-f\:inherit{font:inherit}.-fz,[class*="-fz:"]{font-size:var(--fz)}.-fz\:root{--fz:1rem}.-fz\:2xs{--fz:var(--fz-2xs)}.-fz\:xs{--fz:var(--fz-xs)}.-fz\:s{--fz:var(--fz-s)}.-fz\:m{--fz:var(--fz-m)}.-fz\:l{--fz:var(--fz-l)}.-fz\:xl{--fz:var(--fz-xl)}.-fz\:2xl{--fz:var(--fz-2xl)}.-fz\:3xl{--fz:var(--fz-3xl)}.-fz\:4xl{--fz:var(--fz-4xl)}.-ff\:base{font-family:var(--ff-base)}.-ff\:accent{font-family:var(--ff-accent)}.-ff\:mono{font-family:var(--ff-mono)}.-fw\: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)}.-fs\:i{font-style:italic}.-lh\:base{line-height:var(--lh-base)}.-lh\:xs{line-height:var(--lh-xs)}.-lh\:s{line-height:var(--lh-s)}.-lh\:l{line-height:var(--lh-l)}.-lh\:xl{line-height:var(--lh-xl)}.-lh\:1{line-height:1}.-lts\:base{letter-spacing:var(--lts-base)}.-lts\:s{letter-spacing:var(--lts-s)}.-lts\:l{letter-spacing:var(--lts-l)}.-ta\:l{text-align:left}.-ta\:r{text-align:right}.-ta\:c{text-align:center}.-td\:n{text-decoration:none}.-td\:u{text-decoration:underline}.-d{display:var(--d)}.-d\:n{display:none}.-d\:b{display:block}.-d\:f{display:flex}.-d\:g{display:grid}.-d\:i{display:inline}.-d\:ib{display:inline-block}.-d\:if{display:inline-flex}.-d\:ig{display:inline-grid}.-v\:h{visibility:hidden}.-v\:v{visibility:visible}.-ov\:h{overflow:hidden}.-ov\:a{overflow:auto}.-ov\:c{overflow:clip}.-ov\:s{overflow:scroll}.-ovx\:h{overflow-x:hidden}.-ovx\:a{overflow-x:auto}.-ovx\:c{overflow-x:clip}.-ovx\:s{overflow-x:scroll}.-ovy\:h{overflow-y:hidden}.-ovy\:a{overflow-y:auto}.-ovy\:c{overflow-y:clip}.-ovy\:s{overflow-y:scroll}.-ar{aspect-ratio:var(--ar)}.-ar\:16\/9{aspect-ratio:16/9}.-ar\:3\/2{aspect-ratio:3/2}.-ar\:1\/1{aspect-ratio:1/1}.-ar\:ogp{aspect-ratio:1.91/1}.-ar\:gold{aspect-ratio:16.18/10}.-op\:0{opacity:0}.-op\:low{opacity:var(--op-low)}.-op\:mid{opacity:var(--op-mid)}.-op\:high{opacity:var(--op-high)}.-bdrs,[class*="-bdrs:"]{border-radius:var(--bdrs)}.-bdrs\:0{--bdrs:0}.-bdrs\:5{--bdrs:var(--bdrs-5)}.-bdrs\:10{--bdrs:var(--bdrs-10)}.-bdrs\:20{--bdrs:var(--bdrs-20)}.-bdrs\:30{--bdrs:var(--bdrs-30)}.-bdrs\:40{--bdrs:var(--bdrs-40)}.-bdrs\:50{--bdrs:var(--bdrs-50)}.-bdrs\:99{--bdrs:var(--bdrs-99)}.-bxsh\:0{box-shadow:0}.-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)}.-bxsh\:-10{box-shadow:var(--bxsh-i10)}.-bxsh\:-20{box-shadow:var(--bxsh-i20)}.-p,[class*="-p:"]{padding:var(--p)}.-p\:0{--p:0}.-p\:5{--p:var(--s5)}.-p\:10{--p:var(--s10)}.-p\:15{--p:var(--s15)}.-p\:20{--p:var(--s20)}.-p\:30{--p:var(--s30)}.-p\:40{--p:var(--s40)}.-p\:50{--p:var(--s50)}.-p\:60{--p:var(--s60)}.-p\:70{--p:var(--s70)}.-p\:80{--p:var(--s80)}.-px,[class*="-px:"]{padding-inline:var(--px)}.-px\:0{--px:0}.-px\:5{--px:var(--s5)}.-px\:10{--px:var(--s10)}.-px\:15{--px:var(--s15)}.-px\:20{--px:var(--s20)}.-px\:30{--px:var(--s30)}.-px\:40{--px:var(--s40)}.-px\:50{--px:var(--s50)}.-px\:60{--px:var(--s60)}.-px\:70{--px:var(--s70)}.-px\:80{--px:var(--s80)}.-py,[class*="-py:"]{padding-block:var(--py)}.-py\:0{--py:0}.-py\:5{--py:var(--s5)}.-py\:10{--py:var(--s10)}.-py\:15{--py:var(--s15)}.-py\:20{--py:var(--s20)}.-py\:30{--py:var(--s30)}.-py\:40{--py:var(--s40)}.-py\:50{--py:var(--s50)}.-py\:60{--py:var(--s60)}.-py\:70{--py:var(--s70)}.-py\:80{--py:var(--s80)}.-pt{padding-top:var(--pt)}.-pr{padding-right:var(--pr)}.-pb{padding-bottom:var(--pb)}.-pl{padding-left:var(--pl)}.-pis,[class*="-pis:"]{padding-inline-start:var(--pis)}.-pis\:0{--pis:0}.-pis\:5{--pis:var(--s5)}.-pis\:10{--pis:var(--s10)}.-pis\:15{--pis:var(--s15)}.-pis\:20{--pis:var(--s20)}.-pis\:30{--pis:var(--s30)}.-pis\:40{--pis:var(--s40)}.-pis\:50{--pis:var(--s50)}.-pis\:60{--pis:var(--s60)}.-pis\:70{--pis:var(--s70)}.-pis\:80{--pis:var(--s80)}.-pbs,[class*="-pbs:"]{padding-block-start:var(--pbs)}.-pbs\:0{--pbs:0}.-pbs\:5{--pbs:var(--s5)}.-pbs\:10{--pbs:var(--s10)}.-pbs\:15{--pbs:var(--s15)}.-pbs\:20{--pbs:var(--s20)}.-pbs\:30{--pbs:var(--s30)}.-pbs\:40{--pbs:var(--s40)}.-pbs\:50{--pbs:var(--s50)}.-pbs\:60{--pbs:var(--s60)}.-pbs\:70{--pbs:var(--s70)}.-pbs\:80{--pbs:var(--s80)}.-m,[class*="-m:"]{margin:var(--m)}.-m\:a{--m:auto}.-m\:0{--m:0}.-m\:5{--m:var(--s5)}.-m\:10{--m:var(--s10)}.-m\:15{--m:var(--s15)}.-m\:20{--m:var(--s20)}.-m\:30{--m:var(--s30)}.-m\:40{--m:var(--s40)}.-m\:50{--m:var(--s50)}.-m\:60{--m:var(--s60)}.-m\:70{--m:var(--s70)}.-m\:80{--m:var(--s80)}.-mx{margin-inline:var(--mx)}.-mx\:a{margin-inline:auto}.-my{margin-block:var(--my)}.-my\:a{margin-block:auto}.-mt{margin-top:var(--mt)}.-mt\:a{margin-top:auto}.-mr{margin-right:var(--mr)}.-mr\:a{margin-right:auto}.-mb{margin-bottom:var(--mb)}.-mb\:a{margin-bottom:auto}.-ml{margin-left:var(--ml)}.-ml\:a{margin-left:auto}.-mis,[class*="-mis:"]{margin-inline-start:var(--mis)}.-mis\:a{--mis:auto}.-mis\:0{--mis:0}.-mis\:5{--mis:var(--s5)}.-mis\:10{--mis:var(--s10)}.-mis\:15{--mis:var(--s15)}.-mis\:20{--mis:var(--s20)}.-mis\:30{--mis:var(--s30)}.-mis\:40{--mis:var(--s40)}.-mis\:50{--mis:var(--s50)}.-mis\:60{--mis:var(--s60)}.-mis\:70{--mis:var(--s70)}.-mis\:80{--mis:var(--s80)}.-mbs,[class*="-mbs:"]{margin-block-start:var(--mbs)}.-mbs\:a{--mbs:auto}.-mbs\:0{--mbs:0}.-mbs\:5{--mbs:var(--s5)}.-mbs\:10{--mbs:var(--s10)}.-mbs\:15{--mbs:var(--s15)}.-mbs\:20{--mbs:var(--s20)}.-mbs\:30{--mbs:var(--s30)}.-mbs\:40{--mbs:var(--s40)}.-mbs\:50{--mbs:var(--s50)}.-mbs\:60{--mbs:var(--s60)}.-mbs\:70{--mbs:var(--s70)}.-mbs\:80{--mbs:var(--s80)}.-g,[class*="-g:"]{gap:var(--g)}.-g\:0{--g:0}.-g\:5{--g:var(--s5)}.-g\:10{--g:var(--s10)}.-g\:15{--g:var(--s15)}.-g\:20{--g:var(--s20)}.-g\:30{--g:var(--s30)}.-g\:40{--g:var(--s40)}.-g\:50{--g:var(--s50)}.-g\:60{--g:var(--s60)}.-g\:70{--g:var(--s70)}.-g\:80{--g:var(--s80)}.-g\:inherit{gap:inherit}.-gx{-moz-column-gap:var(--gx);column-gap:var(--gx)}.-gy{row-gap:var(--gy)}.-pos\:r{position:relative}.-pos\:a{position:absolute}.-pos\:s{position:static}.-pos\:f{position:fixed}.-pos\:sti{position:sticky}.-inset\:0{inset:0}.-l\:0{left:0}.-l\:50\%{left:50%}.-l\:100\%{left:100%}.-t\:0{top:0}.-t\:50\%{top:50%}.-t\:100\%{top:100%}.-r\:0{right:0}.-r\:50\%{right:50%}.-r\:100\%{right:100%}.-b\:0{bottom:0}.-b\:50\%{bottom:50%}.-b\:100\%{bottom:100%}.-z\:99{z-index:99}.-z\:2{z-index:2}.-z\:1{z-index:1}.-z\:0{z-index:0}.-z\:-1{z-index:-1}.-ord\:1{order:1}.-ord\:0{order:0}.-ord\:-1{order:-1}.-fxw{flex-wrap:var(--fxw)}.-fxw\:w{flex-wrap:wrap}.-fxw\:n{flex-wrap:nowrap}.-fxd{flex-direction:var(--fxd)}.-fxd\:c{flex-direction:column}.-fxd\:cr{flex-direction:column-reverse}.-fxd\:r{flex-direction:row}.-fxd\:rr{flex-direction:row-reverse}.-fx{flex:var(--fx)}.-fx\:1{flex:1}.-fxsh\:0{flex-shrink:0}.-fxg\:1{flex-grow:1}.-fxb{flex-basis:var(--fxb)}.-gd{grid:var(--gd)}.-gta{grid-template-areas:var(--gta)}.-gtc{grid-template-columns:var(--gtc)}.-gtc\:subgrid{grid-template-columns:subgrid}.-gtr{grid-template-rows:var(--gtr)}.-gtr\:subgrid{grid-template-rows:subgrid}.-gaf{grid-auto-flow:var(--gaf)}.-gaf\:r{grid-auto-flow:row}.-gaf\:c{grid-auto-flow:column}.-gac{grid-auto-columns:var(--gac)}.-gar{grid-auto-rows:var(--gar)}.-ga{grid-area:var(--ga)}.-ga\:1{grid-area:1/1}.-gr{grid-row:var(--gr)}.-gr\:1\/-1{grid-row:1/-1}.-gc{grid-column:var(--gc)}.-gc\:1\/-1{grid-column:1/-1}.-ai{align-items:var(--ai)}.-ai\:c{align-items:center}.-ai\:s{align-items:start}.-ai\:e{align-items:end}.-ai\:fs{align-items:flex-start}.-ai\:fe{align-items:flex-end}.-ai\:str{align-items:stretch}.-ac{align-content:var(--ac)}.-ac\:c{align-content:center}.-ac\:s{align-content:start}.-ac\:e{align-content:end}.-ac\:fs{align-content:flex-start}.-ac\:fe{align-content:flex-end}.-ac\:sb{align-content:space-between}.-ji{justify-items:var(--ji)}.-ji\:c{justify-items:center}.-ji\:s{justify-items:start}.-ji\:e{justify-items:end}.-ji\:fs{justify-items:flex-start}.-ji\:fe{justify-items:flex-end}.-ji\:str{justify-items:stretch}.-jc{justify-content:var(--jc)}.-jc\:c{justify-content:center}.-jc\:s{justify-content:start}.-jc\:e{justify-content:end}.-jc\:fs{justify-content:flex-start}.-jc\:fe{justify-content:flex-end}.-jc\:sb{justify-content:space-between}.-aslf\:c{align-self:center}.-aslf\:s{align-self:start}.-aslf\:e{align-self:end}.-aslf\:str{align-self:stretch}.-jslf\:c{justify-self:center}.-jslf\:s{justify-self:start}.-jslf\:e{justify-self:end}.-jslf\:str{justify-self:stretch}.-trnslt\:-50X{translate:-50% 0}.-trnslt\:-50Y{translate:0 -50%}.-trnslt\:-50XY{translate:-50% -50%}.-scale\:-X{scale:-1 1}.-scale\:-Y{scale:1 -1}.-scale\:-XY{scale:-1 -1}.-rotate\:45{rotate:45deg}.-rotate\:-45{rotate:-45deg}.-rotate\:90{rotate:90deg}.-rotate\:-90{rotate:-90deg}.-whs\:nw{white-space:nowrap}.-ovw\:any{overflow-wrap:anywhere}.-obf\:cn{-o-object-fit:contain;object-fit:contain}.-obf\:cv{-o-object-fit:cover;object-fit:cover}.-wm\:v-rl{writing-mode:vertical-rl}.-bxz\:cb{box-sizing:content-box}.-bxz\:bb{box-sizing:border-box}.-iso\:i{isolation:isolate}.-fl\:l{float:left}.-fl\:r{float:right}.-cl\:b{clear:both}.-cl\:l{clear:left}.-cl\:r{clear:right}@container (min-width: 480px){.-w_sm{width:var(--w_sm)}.-h_sm{height:var(--h_sm)}.-maxW_sm{max-width:var(--maxW_sm)}.-minW_sm{min-width:var(--minW_sm)}.-maxH_sm{max-height:var(--maxH_sm)}.-minH_sm{min-height:var(--minH_sm)}.-bdw_sm{--bdw:var(--bdw_sm)!important}.-bg_sm{background:var(--bg_sm)}.-bgi_sm{background-image:var(--bgi_sm)}.-fz_sm{--fz:var(--fz_sm)!important;font-size:var(--fz_sm)}.-d_sm{display:var(--d_sm)}.-ar_sm{aspect-ratio:var(--ar_sm)}.-bdrs_sm{--bdrs:var(--bdrs_sm)!important;border-radius:var(--bdrs_sm)}.-p_sm{--p:var(--p_sm)!important;padding:var(--p_sm)}.-px_sm{padding-inline:var(--px_sm)}.-py_sm{padding-block:var(--py_sm)}.-pt_sm{padding-top:var(--pt_sm)}.-pr_sm{padding-right:var(--pr_sm)}.-pb_sm{padding-bottom:var(--pb_sm)}.-pl_sm{padding-left:var(--pl_sm)}.-pis_sm{padding-inline-start:var(--pis_sm)}.-pbs_sm{padding-block-start:var(--pbs_sm)}.-m_sm{--m:var(--m_sm)!important;margin:var(--m_sm)}.-mx_sm{margin-inline:var(--mx_sm)}.-my_sm{margin-block:var(--my_sm)}.-mt_sm{margin-top:var(--mt_sm)}.-mr_sm{margin-right:var(--mr_sm)}.-mb_sm{margin-bottom:var(--mb_sm)}.-ml_sm{margin-left:var(--ml_sm)}.-mis_sm{margin-inline-start:var(--mis_sm)}.-mbs_sm{margin-block-start:var(--mbs_sm)}.-g_sm{--g:var(--g_sm)!important;gap:var(--g_sm)}.-gx_sm{-moz-column-gap:var(--gx_sm);column-gap:var(--gx_sm)}.-gy_sm{row-gap:var(--gy_sm)}.-fxw_sm{flex-wrap:var(--fxw_sm)}.-fxd_sm{flex-direction:var(--fxd_sm)}.-fx_sm{flex:var(--fx_sm)}.-fxb_sm{flex-basis:var(--fxb_sm)}.-gd_sm{grid:var(--gd_sm)}.-gta_sm{grid-template-areas:var(--gta_sm)}.-gtc_sm{grid-template-columns:var(--gtc_sm)}.-gtr_sm{grid-template-rows:var(--gtr_sm)}.-gaf_sm{grid-auto-flow:var(--gaf_sm)}.-gac_sm{grid-auto-columns:var(--gac_sm)}.-gar_sm{grid-auto-rows:var(--gar_sm)}.-ga_sm{grid-area:var(--ga_sm)}.-gr_sm{grid-row:var(--gr_sm)}.-gc_sm{grid-column:var(--gc_sm)}.-ai_sm{align-items:var(--ai_sm)}.-ac_sm{align-content:var(--ac_sm)}.-ji_sm{justify-items:var(--ji_sm)}.-jc_sm{justify-content:var(--jc_sm)}.-cols_sm{--cols:var(--cols_sm)!important}.-rows_sm{--rows:var(--rows_sm)!important}}@container (min-width: 720px){.-w_md{width:var(--w_md)}.-h_md{height:var(--h_md)}.-maxW_md{max-width:var(--maxW_md)}.-minW_md{min-width:var(--minW_md)}.-maxH_md{max-height:var(--maxH_md)}.-minH_md{min-height:var(--minH_md)}.-bdw_md{--bdw:var(--bdw_md)!important}.-bg_md{background:var(--bg_md)}.-bgi_md{background-image:var(--bgi_md)}.-fz_md{--fz:var(--fz_md)!important;font-size:var(--fz_md)}.-d_md{display:var(--d_md)}.-ar_md{aspect-ratio:var(--ar_md)}.-bdrs_md{--bdrs:var(--bdrs_md)!important;border-radius:var(--bdrs_md)}.-p_md{--p:var(--p_md)!important;padding:var(--p_md)}.-px_md{padding-inline:var(--px_md)}.-py_md{padding-block:var(--py_md)}.-pt_md{padding-top:var(--pt_md)}.-pr_md{padding-right:var(--pr_md)}.-pb_md{padding-bottom:var(--pb_md)}.-pl_md{padding-left:var(--pl_md)}.-pis_md{padding-inline-start:var(--pis_md)}.-pbs_md{padding-block-start:var(--pbs_md)}.-m_md{--m:var(--m_md)!important;margin:var(--m_md)}.-mx_md{margin-inline:var(--mx_md)}.-my_md{margin-block:var(--my_md)}.-mt_md{margin-top:var(--mt_md)}.-mr_md{margin-right:var(--mr_md)}.-mb_md{margin-bottom:var(--mb_md)}.-ml_md{margin-left:var(--ml_md)}.-mis_md{margin-inline-start:var(--mis_md)}.-mbs_md{margin-block-start:var(--mbs_md)}.-g_md{--g:var(--g_md)!important;gap:var(--g_md)}.-gx_md{-moz-column-gap:var(--gx_md);column-gap:var(--gx_md)}.-gy_md{row-gap:var(--gy_md)}.-fxw_md{flex-wrap:var(--fxw_md)}.-fxd_md{flex-direction:var(--fxd_md)}.-fx_md{flex:var(--fx_md)}.-fxb_md{flex-basis:var(--fxb_md)}.-gd_md{grid:var(--gd_md)}.-gta_md{grid-template-areas:var(--gta_md)}.-gtc_md{grid-template-columns:var(--gtc_md)}.-gtr_md{grid-template-rows:var(--gtr_md)}.-gaf_md{grid-auto-flow:var(--gaf_md)}.-gac_md{grid-auto-columns:var(--gac_md)}.-gar_md{grid-auto-rows:var(--gar_md)}.-ga_md{grid-area:var(--ga_md)}.-gr_md{grid-row:var(--gr_md)}.-gc_md{grid-column:var(--gc_md)}.-ai_md{align-items:var(--ai_md)}.-ac_md{align-content:var(--ac_md)}.-ji_md{justify-items:var(--ji_md)}.-jc_md{justify-content:var(--jc_md)}.-cols_md{--cols:var(--cols_md)!important}.-rows_md{--rows:var(--rows_md)!important}}@media (any-hover:hover){.-hov\:fade:hover{opacity:.65}.-hov\:c:hover{color:var(--hov-c)}.-hov\:bdc:hover{border-color:var(--hov-bdc)}.-hov\:bgc:hover{background-color:var(--hov-bgc)}.-hov\:bxsh:hover{box-shadow:var(--hov-bxsh)}.-hov\:set:hover{--_notHov: }.-hov\:set:not(:hover){--_isHov: }}@media (any-hover:none){.-hov\:set{--_isHov: }}.-hov\:get\:hide{opacity:var(--_isHov,0)}.-hov\:get\:show{opacity:var(--_notHov,0);visibility:var(--_notHov,hidden)}
|
package/dist/css/state.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.has--gutter{padding-inline:var(--gutter)}.is--flow{display:flow-root}.is--flow>*{--mbs:var(--flowM,var(--flowM
|
|
1
|
+
.has--gutter{padding-inline:var(--gutter)}.is--flow{display:flow-root}.is--flow>*{--mbs:var(--flowM,var(--flowM-m));margin-block:var(--mbs) 0}.-flow\:s>*{--mbs:var(--flowM-s)}.-flow\:m>*{--mbs:var(--flowM-m)}.is--flow>:where(h1,h2,h3,h4){margin-block-start:calc(var(--mbs) + var(--flowM-h))}.is--flow>:where(.is--fullwide+.is--fullwide){--mbs:0}.is--flow>:first-child{margin-block-start:0}.is--container{container-type:inline-size;inline-size:100%;margin-inline:auto;--overwideSize:100cqw}.is--container>*{--maxIsz:var(--contentSize,100%);margin-inline:auto;max-inline-size:min(100%,var(--maxIsz,100%))}.-container\:s{--contentSize:var(--size-s);--wideSize:var(--size-m)}.-container\:m{--contentSize:var(--size-m);--wideSize:var(--size-l)}.-container\:l{--contentSize:var(--size-l);--wideSize:var(--size-xl)}.is--fullwide{max-inline-size:100%}:where(.has--gutter)>.is--fullwide{margin-inline:calc(var(--gutter)*-1);max-inline-size:calc(100% + var(--gutter)*2)}.is--wide{max-inline-size:var(--wideSize,100%)}.is--overwide{margin-inline:calc(50% - var(--overwideSize)/2);max-inline-size:var(--overwideSize,100vw)}.is--linkBox{color:inherit;cursor:pointer;display:block;isolation:isolate;text-decoration:none}.is--linkBox,.is--linkBox>a{pointer-events:auto;position:relative}.is--linkBox>a{z-index:1}.is--layer{inset:0;overflow:hidden;position:absolute}
|
package/dist/css/utility.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
figure,img,table,video{--trimHL:0px}.u--trimHL{margin-block:var(--trimHL)}.u--trimBox>:first-child{margin-block-start:var(--trimHL)}.u--trimBox>:last-child{margin-block-end:var(--trimHL)}.u--
|
|
1
|
+
figure,img,table,video{--trimHL:0px}.u--trimHL{margin-block:var(--trimHL)}.u--trimBox>:first-child{margin-block-start:var(--trimHL)}.u--trimBox>:last-child{margin-block-end:var(--trimHL)}.u--cbox{--c:color-mix(in srgb,var(--c-text),var(--keycolor) var(--colbox--pct-c,20%));--bgc:color-mix(in srgb,var(--c-base),var(--keycolor) var(--colbox--pct-bg,5%));--bdc:var(--keycolor);--c-link:var(--c);background-color:var(--bgc);color:var(--c)}.u--hidden{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.u--overlayLink{color:inherit;position:static;text-decoration:none}.u--overlayLink:before{content:"";inset:0;position:absolute;z-index:0}.u--skipFlow+*{--mbs:0}.u--clipText{-webkit-background-clip:text!important;background-clip:text!important;color:transparent}.u--outerR{--inner-bdrs:calc(var(--bdrs, 0px) - var(--p, 0px))}.u--innerR{border-radius:var(--inner-bdrs)}
|
package/dist/lib/getLismProps.js
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
import y, { CONTEXT_PROPS as O } from "../config/prop_list.js";
|
|
2
2
|
import E from "./isPresetValue.js";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
3
|
+
import $ from "./isTokenValue.js";
|
|
4
|
+
import C from "./getMaybeUtilValue.js";
|
|
5
|
+
import d from "./getMaybeCssVar.js";
|
|
6
6
|
import U from "./getBpData.js";
|
|
7
7
|
import g from "./helper/atts.js";
|
|
8
8
|
import w from "./helper/isEmptyObj.js";
|
|
9
9
|
import b from "./helper/filterEmptyObj.js";
|
|
10
|
-
import
|
|
11
|
-
const m = (
|
|
12
|
-
const t = y[
|
|
10
|
+
import x from "./helper/splitWithComma.js";
|
|
11
|
+
const m = (a) => {
|
|
12
|
+
const t = y[a];
|
|
13
13
|
if (!t) return null;
|
|
14
14
|
const { converter: s } = t;
|
|
15
15
|
return s || null;
|
|
16
|
-
},
|
|
17
|
-
class
|
|
16
|
+
}, z = Object.keys(y), A = Object.keys(O);
|
|
17
|
+
class _ {
|
|
18
18
|
// propList = {};
|
|
19
19
|
// styles = {};
|
|
20
20
|
// className = '';
|
|
@@ -26,31 +26,31 @@ class A {
|
|
|
26
26
|
forwardedRef: s,
|
|
27
27
|
class: i,
|
|
28
28
|
className: e,
|
|
29
|
-
lismClass:
|
|
30
|
-
lismState:
|
|
31
|
-
variant:
|
|
29
|
+
lismClass: l,
|
|
30
|
+
lismState: r = [],
|
|
31
|
+
variant: h,
|
|
32
32
|
passVars: n,
|
|
33
33
|
// lismVar,
|
|
34
|
-
style:
|
|
34
|
+
style: o = {},
|
|
35
35
|
// hasBd,
|
|
36
36
|
...f
|
|
37
37
|
} = t;
|
|
38
|
-
this.lismClass =
|
|
39
|
-
let
|
|
40
|
-
if (
|
|
41
|
-
const
|
|
42
|
-
this.lismClass = S.
|
|
38
|
+
this.lismClass = l, this.lismState = r, this.styles = o;
|
|
39
|
+
let c = this.getStateProps(f);
|
|
40
|
+
if (h && l) {
|
|
41
|
+
const P = l.split(" "), S = P[0], j = h.split(",").map((u) => u.trim()).filter(Boolean).map((u) => `${S}-${u}`);
|
|
42
|
+
this.lismClass = [S, ...j, ...P.slice(1)].join(" ");
|
|
43
43
|
}
|
|
44
|
-
this.className = g(this.lismClass, this.lismState, i, e), w(
|
|
44
|
+
this.className = g(this.lismClass, this.lismState, i, e), w(c) || (this.attrs = c, this.analyzeProps(c)), s && (this.attrs.ref = s), n != null && typeof n == "object" && this.setPassProps(n);
|
|
45
45
|
}
|
|
46
46
|
// 特定の条件下で受け取るpropの処理
|
|
47
47
|
setContextProps(t, s) {
|
|
48
48
|
const i = O[t];
|
|
49
49
|
i && Object.keys(s).forEach((e) => {
|
|
50
|
-
const
|
|
51
|
-
if (
|
|
52
|
-
const
|
|
53
|
-
this.analyzeProp(e,
|
|
50
|
+
const l = i[e];
|
|
51
|
+
if (l) {
|
|
52
|
+
const r = s[e];
|
|
53
|
+
this.analyzeProp(e, r, l);
|
|
54
54
|
} else t === "css" && this.addStyle(e, s[e]);
|
|
55
55
|
});
|
|
56
56
|
}
|
|
@@ -58,30 +58,41 @@ class A {
|
|
|
58
58
|
analyzeProps(t) {
|
|
59
59
|
Object.keys(t).forEach((i) => {
|
|
60
60
|
if (i === "hov") {
|
|
61
|
-
const
|
|
62
|
-
this.setHoverProps(
|
|
61
|
+
const r = this.extractProp(i);
|
|
62
|
+
this.setHoverProps(r);
|
|
63
63
|
return;
|
|
64
64
|
}
|
|
65
65
|
if (i === "bd") {
|
|
66
|
-
const
|
|
67
|
-
this.setBdProps(
|
|
66
|
+
const r = this.extractProp(i);
|
|
67
|
+
this.setBdProps(r);
|
|
68
|
+
return;
|
|
69
|
+
}
|
|
70
|
+
if (z.includes(i)) {
|
|
71
|
+
const r = this.attrs[i];
|
|
72
|
+
delete this.attrs[i], this.analyzeProp(i, r);
|
|
73
|
+
return;
|
|
74
|
+
}
|
|
75
|
+
if (A.includes(i)) {
|
|
76
|
+
const r = this.attrs[i];
|
|
77
|
+
delete this.attrs[i], this.setContextProps(i, r);
|
|
68
78
|
return;
|
|
69
79
|
}
|
|
70
|
-
const e = k.includes(i), r = z.includes(i);
|
|
71
|
-
if (!e && !r) return;
|
|
72
|
-
const l = this.attrs[i];
|
|
73
|
-
delete this.attrs[i], r ? this.setContextProps(i, l) : this.analyzeProp(i, l);
|
|
74
80
|
});
|
|
75
81
|
}
|
|
76
82
|
// prop解析
|
|
77
83
|
analyzeProp(t, s, i) {
|
|
78
84
|
if (s == null || (i = i || y[t] || null, i === null)) return;
|
|
79
|
-
const { name: e, objProcessor:
|
|
80
|
-
s =
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
+
const { name: e, objProcessor: l, ...r } = i, { base: h, ...n } = U(s);
|
|
86
|
+
if (s = h, s != null && typeof s == "object") {
|
|
87
|
+
if (!l) return;
|
|
88
|
+
Object.keys(s).forEach((o) => {
|
|
89
|
+
const { prop: f, context: c } = l(o);
|
|
90
|
+
c ? this.setContextProps(t, { [f]: s[o] }) : this.analyzeProp(f, s[o]);
|
|
91
|
+
});
|
|
92
|
+
} else
|
|
93
|
+
this.setAttrs(e || t, s, r);
|
|
94
|
+
Object.keys(n).forEach((o) => {
|
|
95
|
+
this.setAttrs(e || t, n[o], r, o);
|
|
85
96
|
});
|
|
86
97
|
}
|
|
87
98
|
addUtil(t) {
|
|
@@ -115,49 +126,49 @@ class A {
|
|
|
115
126
|
// utilクラスを追加するか、styleにセットするかの分岐処理 @base
|
|
116
127
|
setAttrs(t, s, i = {}, e) {
|
|
117
128
|
if (s == null) return;
|
|
118
|
-
let
|
|
119
|
-
if (e && (
|
|
120
|
-
this.addUtil(`${
|
|
129
|
+
let l = `--${t}`, r = `-${i.utilKey || t}`;
|
|
130
|
+
if (e && (l = `--${t}_${e}`, r += `_${e}`), typeof s == "string" && s.startsWith("u:")) {
|
|
131
|
+
this.addUtil(`${r}:${s.replace("u:", "")}`);
|
|
121
132
|
return;
|
|
122
133
|
}
|
|
123
134
|
if (!e) {
|
|
124
|
-
let { presets:
|
|
125
|
-
if (
|
|
126
|
-
this.addUtil(`${
|
|
135
|
+
let { presets: o, utils: f } = i;
|
|
136
|
+
if (o && (o === 1 && (o = t), E(o, s))) {
|
|
137
|
+
this.addUtil(`${r}:${s}`);
|
|
127
138
|
return;
|
|
128
139
|
}
|
|
129
140
|
if (f) {
|
|
130
141
|
f === 1 && (f = t);
|
|
131
|
-
const
|
|
132
|
-
if (
|
|
133
|
-
this.addUtil(`${
|
|
142
|
+
const c = C(f, s);
|
|
143
|
+
if (c) {
|
|
144
|
+
this.addUtil(`${r}:${c}`);
|
|
134
145
|
return;
|
|
135
146
|
}
|
|
136
147
|
}
|
|
137
148
|
}
|
|
138
|
-
let { style:
|
|
149
|
+
let { style: h, converter: n } = i;
|
|
139
150
|
if (s === !0 || s === "-") {
|
|
140
|
-
this.addUtil(
|
|
151
|
+
this.addUtil(r);
|
|
141
152
|
return;
|
|
142
153
|
}
|
|
143
154
|
if ((t === "bgc" || t === "c" || t === "bdc") && typeof s == "string" && s.endsWith("%")) {
|
|
144
155
|
this.setMixColor(t, s);
|
|
145
156
|
return;
|
|
146
157
|
}
|
|
147
|
-
if (n && (s =
|
|
148
|
-
|
|
158
|
+
if (n && (s = d(s, n, t)), !e && h) {
|
|
159
|
+
h === 1 && (h = t), this.addStyle(h, s);
|
|
149
160
|
return;
|
|
150
161
|
}
|
|
151
|
-
this.addUtil(
|
|
162
|
+
this.addUtil(r), this.addStyle(l, s);
|
|
152
163
|
}
|
|
153
164
|
setMixColor(t, s) {
|
|
154
165
|
const i = s.split(":");
|
|
155
166
|
if (i.length === 3) {
|
|
156
|
-
const [e,
|
|
157
|
-
this.addStyle(
|
|
167
|
+
const [e, l, r] = i;
|
|
168
|
+
this.addStyle(`--_${t}1`, d(e, "color", t)), this.addStyle(`--_${t}2`, d(l, "color", t)), this.addStyle(`--_mixpct-${t}`, r);
|
|
158
169
|
} else if (i.length === 2) {
|
|
159
|
-
const [e,
|
|
160
|
-
this.addStyle(
|
|
170
|
+
const [e, l] = i;
|
|
171
|
+
this.addStyle(`--_${t}1`, d(e, "color", t)), this.addStyle(`--_mixpct-${t}`, l);
|
|
161
172
|
}
|
|
162
173
|
this.addUtil(`-${t}:mix`);
|
|
163
174
|
}
|
|
@@ -166,7 +177,7 @@ class A {
|
|
|
166
177
|
let i = t[s];
|
|
167
178
|
if (i === null) return;
|
|
168
179
|
const e = m(s);
|
|
169
|
-
e && (i =
|
|
180
|
+
e && (i = d(i, e, s)), this.addStyle(`--pass_${s}`, i);
|
|
170
181
|
});
|
|
171
182
|
}
|
|
172
183
|
setHoverProps(t) {
|
|
@@ -177,20 +188,20 @@ class A {
|
|
|
177
188
|
});
|
|
178
189
|
return;
|
|
179
190
|
}
|
|
180
|
-
t === "-" || t === !0 ? this.addUtil("-hov") : typeof t == "string" ?
|
|
191
|
+
t === "-" || t === !0 ? this.addUtil("-hov") : typeof t == "string" ? x(t).forEach((s) => {
|
|
181
192
|
this.addUtil(`-hov:${s}`);
|
|
182
193
|
}) : typeof t == "object" && Object.keys(t).forEach((s) => {
|
|
183
194
|
let i = t[s];
|
|
184
195
|
const e = m(s);
|
|
185
|
-
e && (i =
|
|
196
|
+
e && (i = d(i, e, s)), this.addUtil(`-hov:${s}`), this.addStyle(`--hov-${s}`, i);
|
|
186
197
|
});
|
|
187
198
|
}
|
|
188
199
|
}
|
|
189
200
|
setBdProps(t) {
|
|
190
201
|
if (t) {
|
|
191
202
|
if (typeof t == "string" && t.includes(",") && !t.includes("(")) {
|
|
192
|
-
|
|
193
|
-
const i =
|
|
203
|
+
x(t).forEach((s) => {
|
|
204
|
+
const i = C("bd", s) || s;
|
|
194
205
|
i === "all" ? i && this.addUtil("-bd") : i && this.addUtil(`-bd:${i}`);
|
|
195
206
|
});
|
|
196
207
|
return;
|
|
@@ -203,26 +214,26 @@ class A {
|
|
|
203
214
|
isOverwide: s,
|
|
204
215
|
isFullwide: i,
|
|
205
216
|
isWide: e,
|
|
206
|
-
isFlow:
|
|
207
|
-
isContainer:
|
|
208
|
-
hasGutter:
|
|
217
|
+
isFlow: l,
|
|
218
|
+
isContainer: r,
|
|
219
|
+
hasGutter: h,
|
|
209
220
|
isLayer: n,
|
|
210
|
-
isLinkBox:
|
|
221
|
+
isLinkBox: o,
|
|
211
222
|
...f
|
|
212
223
|
}) {
|
|
213
|
-
return t || (
|
|
224
|
+
return t || (r && this.setContainerData(r), l && this.setFlowData(l), s && this.lismState.push("is--overwide"), i && this.lismState.push("is--fullwide"), e && this.lismState.push("is--wide"), h && this.lismState.push("has--gutter")), n && this.lismState.push("is--layer"), o && this.lismState.push("is--linkBox"), f;
|
|
214
225
|
}
|
|
215
226
|
setContainerData(t) {
|
|
216
|
-
t === !0 ? this.lismState.push("is--container") : t && (
|
|
227
|
+
t === !0 ? this.lismState.push("is--container") : t && ($("contentSize", t) ? this.lismState.push(`is--container -container:${t}`) : (this.lismState.push("is--container"), this.addStyle("--contentSize", d(t, "size"))));
|
|
217
228
|
}
|
|
218
229
|
setFlowData(t) {
|
|
219
|
-
t === !0 ? this.lismState.push("is--flow") : t && (
|
|
230
|
+
t === !0 ? this.lismState.push("is--flow") : t && ($("flow", t) ? this.lismState.push(`is--flow -flow:${t}`) : (this.lismState.push("is--flow"), this.addStyle("--flowM", d(t, "space"))));
|
|
220
231
|
}
|
|
221
232
|
}
|
|
222
|
-
function F(
|
|
223
|
-
if (
|
|
233
|
+
function F(a, t = {}) {
|
|
234
|
+
if (a = Object.assign(t, a), a.length === 0)
|
|
224
235
|
return {};
|
|
225
|
-
const s = new
|
|
236
|
+
const s = new _(a);
|
|
226
237
|
return b({
|
|
227
238
|
className: g(s.className, s.uClasses),
|
|
228
239
|
style: b(s.styles),
|
|
@@ -36,19 +36,19 @@ function f(r, t) {
|
|
|
36
36
|
const [i, s] = r.split(":");
|
|
37
37
|
return `color-mix(in srgb, ${f(i)} ${s}, transparent)`;
|
|
38
38
|
}
|
|
39
|
-
return n("color", r) ? `var(--c
|
|
39
|
+
return n("color", r) ? `var(--c-${r})` : n("palette", r) ? `var(--${r})` : r;
|
|
40
40
|
}
|
|
41
41
|
function c(r) {
|
|
42
|
-
return n("contentSize", r) ? `var(--size
|
|
42
|
+
return n("contentSize", r) ? `var(--size-${r})` : r;
|
|
43
43
|
}
|
|
44
44
|
function p(r) {
|
|
45
|
-
return n("bdrs", r) ? "var(--bdrs
|
|
45
|
+
return n("bdrs", r) ? "var(--bdrs-" + r + ")" : r;
|
|
46
46
|
}
|
|
47
47
|
function b(r) {
|
|
48
|
-
return n("bxsh", r) ? (r = r + "", r = r.replace("-", "i"), r === "0" ? "none" : "var(--bxsh
|
|
48
|
+
return n("bxsh", r) ? (r = r + "", r = r.replace("-", "i"), r === "0" ? "none" : "var(--bxsh-" + r + ")") : r;
|
|
49
49
|
}
|
|
50
50
|
function y(r) {
|
|
51
|
-
return n("fz", r) ? "var(--fz
|
|
51
|
+
return n("fz", r) ? "var(--fz-" + r + ")" : r;
|
|
52
52
|
}
|
|
53
53
|
export {
|
|
54
54
|
m as default,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "lism-css",
|
|
3
|
-
"version": "0.0
|
|
3
|
+
"version": "0.1.0",
|
|
4
4
|
"description": "A layout-first CSS framework for websites.",
|
|
5
5
|
"author": {
|
|
6
6
|
"name": "ddryo",
|
|
@@ -44,8 +44,7 @@
|
|
|
44
44
|
},
|
|
45
45
|
"./astro/*": "./packages/astro/*",
|
|
46
46
|
"./scss/*": "./src/scss/*",
|
|
47
|
-
"
|
|
48
|
-
"./all.css": "./dist/css/all.css"
|
|
47
|
+
"./*.css": "./dist/css/*.css"
|
|
49
48
|
},
|
|
50
49
|
"homepage": "https://www.lism.style",
|
|
51
50
|
"repository": {
|
|
@@ -11,12 +11,6 @@ const { tabId = 'tab', index = 0, isActive = false, ...props } = Astro.props;
|
|
|
11
11
|
const controlId = `${tabId}-${index}`;
|
|
12
12
|
---
|
|
13
13
|
|
|
14
|
-
<GridItem
|
|
15
|
-
id={controlId}
|
|
16
|
-
role='tabpanel'
|
|
17
|
-
aria-hidden={isActive ? 'false' : 'true'}
|
|
18
|
-
lismClass='d--tabs__panel'
|
|
19
|
-
{...props}
|
|
20
|
-
>
|
|
14
|
+
<GridItem id={controlId} role='tabpanel' aria-hidden={isActive ? 'false' : 'true'} lismClass='d--tabs_panel' {...props}>
|
|
21
15
|
<slot />
|
|
22
16
|
</GridItem>
|
|
@@ -45,10 +45,6 @@ export interface LismBaseProps {
|
|
|
45
45
|
minH?: ResponsiveValue<string | number>;
|
|
46
46
|
maxW?: ResponsiveValue<string | number>;
|
|
47
47
|
maxH?: ResponsiveValue<string | number>;
|
|
48
|
-
maxIs?: ResponsiveValue<string | number>;
|
|
49
|
-
maxBs?: ResponsiveValue<string | number>;
|
|
50
|
-
minIs?: ResponsiveValue<string | number>;
|
|
51
|
-
minBs?: ResponsiveValue<string | number>;
|
|
52
48
|
|
|
53
49
|
// Display
|
|
54
50
|
d?: ResponsiveValue<string>;
|
|
@@ -63,8 +59,8 @@ export interface LismBaseProps {
|
|
|
63
59
|
// Flexbox & Grid
|
|
64
60
|
gap?: ResponsiveValue<string | number>;
|
|
65
61
|
g?: ResponsiveValue<string | number>;
|
|
66
|
-
|
|
67
|
-
|
|
62
|
+
gx?: ResponsiveValue<string | number>;
|
|
63
|
+
gy?: ResponsiveValue<string | number>;
|
|
68
64
|
ai?: ResponsiveValue<string>;
|
|
69
65
|
jc?: ResponsiveValue<string>;
|
|
70
66
|
ac?: ResponsiveValue<string>;
|
|
@@ -95,7 +91,7 @@ export interface LismBaseProps {
|
|
|
95
91
|
c?: ResponsiveValue<string>;
|
|
96
92
|
bgc?: ResponsiveValue<string>;
|
|
97
93
|
bdc?: ResponsiveValue<string>;
|
|
98
|
-
|
|
94
|
+
keycolor?: ResponsiveValue<string>;
|
|
99
95
|
|
|
100
96
|
// Border
|
|
101
97
|
bd?: ResponsiveValue<string>;
|
|
@@ -212,7 +208,7 @@ export interface WithSideProps extends LismProps {
|
|
|
212
208
|
export interface CenterProps extends GridProps {}
|
|
213
209
|
export interface ColumnsProps extends GridProps {
|
|
214
210
|
colSize?: ResponsiveValue<string>;
|
|
215
|
-
|
|
211
|
+
autoType?: ResponsiveValue<string>;
|
|
216
212
|
}
|
|
217
213
|
export interface FrameProps extends LismProps {}
|
|
218
214
|
export interface ContainerProps extends LismProps {
|