diff --git a/helpers.css b/helpers.css index d13d15d..37e917f 100644 --- a/helpers.css +++ b/helpers.css @@ -1,3 +1,3 @@ -/*! style-forge.helpers 2025.1.18 | MIT License | https://github.com/Style-Forge/helpers */ +/*! style-forge.helpers 2025.1.22 | MIT License | https://github.com/Style-Forge/helpers */ -.cols{--cols:12}.rows{--rows:12}.cols\:12{--cols:12}.rows\:12{--rows:12}.cols\:11{--cols:11}.rows\:11{--rows:11}.cols\:10{--cols:10}.rows\:10{--rows:10}.cols\:9{--cols:9}.rows\:9{--rows:9}.cols\:8{--cols:8}.rows\:8{--rows:8}.cols\:7{--cols:7}.rows\:7{--rows:7}.cols\:6{--cols:6}.rows\:6{--rows:6}.cols\:5{--cols:5}.rows\:5{--rows:5}.cols\:4{--cols:4}.rows\:4{--rows:4}.cols\:3{--cols:3}.rows\:3{--rows:3}.cols\:2{--cols:2}.rows\:2{--rows:2}.cols\:1{--cols:1}.rows\:1{--rows:1}.col,.col\:1{--col:1}.col\:start\:1{--cs:1}.col\:end\:1{--ce:1}.col\:2{--col:2}.col\:start\:2{--cs:2}.col\:end\:2{--ce:2}.col\:3{--col:3}.col\:start\:3{--cs:3}.col\:end\:3{--ce:3}.col\:4{--col:4}.col\:start\:4{--cs:4}.col\:end\:4{--ce:4}.col\:5{--col:5}.col\:start\:5{--cs:5}.col\:end\:5{--ce:5}.col\:6{--col:6}.col\:start\:6{--cs:6}.col\:end\:6{--ce:6}.col\:7{--col:7}.col\:start\:7{--cs:7}.col\:end\:7{--ce:7}.col\:8{--col:8}.col\:start\:8{--cs:8}.col\:end\:8{--ce:8}.col\:9{--col:9}.col\:start\:9{--cs:9}.col\:end\:9{--ce:9}.col\:10{--col:10}.col\:start\:10{--cs:10}.col\:end\:10{--ce:10}.col\:11{--col:11}.col\:start\:11{--cs:11}.col\:end\:11{--ce:11}.col\:12{--col:12}.col\:start\:12{--cs:12}.col\:end\:12{--ce:12}.row,.row\:1{--row:1}.row\:start\:1{--rs:1}.row\:end\:1{--re:1}.row\:2{--row:2}.row\:start\:2{--rs:2}.row\:end\:2{--re:2}.row\:3{--row:3}.row\:start\:3{--rs:3}.row\:end\:3{--re:3}.row\:4{--row:4}.row\:start\:4{--rs:4}.row\:end\:4{--re:4}.row\:5{--row:5}.row\:start\:5{--rs:5}.row\:end\:5{--re:5}.row\:6{--row:6}.row\:start\:6{--rs:6}.row\:end\:6{--re:6}.row\:7{--row:7}.row\:start\:7{--rs:7}.row\:end\:7{--re:7}.row\:8{--row:8}.row\:start\:8{--rs:8}.row\:end\:8{--re:8}.row\:9{--row:9}.row\:start\:9{--rs:9}.row\:end\:9{--re:9}.row\:10{--row:10}.row\:start\:10{--rs:10}.row\:end\:10{--re:10}.row\:11{--row:11}.row\:start\:11{--rs:11}.row\:end\:11{--re:11}.row\:12{--row:12}.row\:start\:12{--rs:12}.row\:end\:12{--re:12}[class*='cols']{display:block;letter-spacing:-1em !important;grid-template-columns:repeat(var(--cols,12),minmax(0,1fr))}[class*='cols']>*{display:inline-block;letter-spacing:normal}[class*='cols']:not([class*='va:'])>[class*='col']:not([class*='va:']){vertical-align:top}.cols>.col,.cols>.col\:1{width:8.3333%}.cols>.col\:2{width:16.6666%}.cols>.col\:3{width:25%}.cols>.col\:4{width:33.3333%}.cols>.col\:5{width:41.6666%}.cols>.col\:6{width:50%}.cols>.col\:7{width:58.3333%}.cols>.col\:8{width:66.6666%}.cols>.col\:9{width:75%}.cols>.col\:10{width:83.3333%}.cols>.col\:11{width:91.6666%}.cols>.col\:12{width:100%}.cols\:1>.col\:1,.cols\:1>.col{width:100%}.cols\:2>.col\:1,.cols\:2>.col{width:50%}.cols\:2>.col\:2{width:100%}.cols\:3>.col\:1,.cols\:3>.col{width:33.3333%}.cols\:3>.col\:2{width:66.6666%}.cols\:3>.col\:3{width:100%}.cols\:4>.col\:1,.cols\:4>.col{width:25%}.cols\:4>.col\:2{width:50%}.cols\:4>.col\:3{width:75%}.cols\:4>.col\:4{width:100%}.cols\:5>.col\:1,.cols\:5>.col{width:20%}.cols\:5>.col\:2{width:40%}.cols\:5>.col\:3{width:60%}.cols\:5>.col\:4{width:80%}.cols\:5>.col\:5{width:100%}.cols\:6>.col\:1,.cols\:6>.col{width:16.6666%}.cols\:6>.col\:2{width:33.3333%}.cols\:6>.col\:3{width:50%}.cols\:6>.col\:4{width:66.6666%}.cols\:6>.col\:5{width:83.3333%}.cols\:6>.col\:6{width:100%}.cols\:7>.col\:1,.cols\:7>.col{width:14.2857%}.cols\:7>.col\:2{width:28.5714%}.cols\:7>.col\:3{width:42.8571%}.cols\:7>.col\:4{width:57.1428%}.cols\:7>.col\:5{width:71.4285%}.cols\:7>.col\:6{width:85.7142%}.cols\:7>.col\:7{width:100%}.cols\:8>.col\:1,.cols\:8>.col{width:12.5%}.cols\:8>.col\:2{width:25%}.cols\:8>.col\:3{width:37.5%}.cols\:8>.col\:4{width:50%}.cols\:8>.col\:5{width:62.5%}.cols\:8>.col\:6{width:75%}.cols\:8>.col\:7{width:87.5%}.cols\:8>.col\:8{width:100%}.cols\:9>.col\:1,.cols\:9>.col{width:11.1111%}.cols\:9>.col\:2{width:22.2222%}.cols\:9>.col\:3{width:33.3333%}.cols\:9>.col\:4{width:44.4444%}.cols\:9>.col\:5{width:55.5555%}.cols\:9>.col\:6{width:66.6666%}.cols\:9>.col\:7{width:77.7777%}.cols\:9>.col\:8{width:88.8888%}.cols\:9>.col\:9{width:100%}.cols\:10>.col\:1,.cols\:10>.col{width:10%}.cols\:10>.col\:2{width:20%}.cols\:10>.col\:3{width:30%}.cols\:10>.col\:4{width:40%}.cols\:10>.col\:5{width:50%}.cols\:10>.col\:6{width:60%}.cols\:10>.col\:7{width:70%}.cols\:10>.col\:8{width:80%}.cols\:10>.col\:9{width:90%}.cols\:10>.col\:10{width:100%}.cols\:11>.col\:1,.cols\:11>.col{width:9.0909%}.cols\:11>.col\:2{width:18.1818%}.cols\:11>.col\:3{width:27.2727%}.cols\:11>.col\:4{width:36.3636%}.cols\:11>.col\:5{width:45.4545%}.cols\:11>.col\:6{width:54.5454%}.cols\:11>.col\:7{width:63.6363%}.cols\:11>.col\:8{width:72.7272%}.cols\:11>.col\:9{width:81.8181%}.cols\:11>.col\:10{width:90.9090%}.cols\:11>.col\:11{width:100%}.cols .col\:start\:2{margin-left:8.3333%}.cols .col\:start\:3{margin-left:16.6666%}.cols .col\:start\:4{margin-left:25%}.cols .col\:start\:5{margin-left:33.3333%}.cols .col\:start\:6{margin-left:41.6666%}.cols .col\:start\:7{margin-left:50%}.cols .col\:start\:8{margin-left:58.3333%}.cols .col\:start\:9{margin-left:66.6666%}.cols .col\:start\:10{margin-left:75%}.cols .col\:start\:11{margin-left:83.3333%}.cols .col\:start\:12{margin-left:91.6666%}.cols\:2>.col\:start\:2{margin-left:50%}.cols\:3>.col\:start\:2{margin-left:33.3333%}.cols\:3>.col\:start\:3{margin-left:66.6666%}.cols\:4>.col\:start\:2{margin-left:25%}.cols\:4>.col\:start\:3{margin-left:50%}.cols\:4>.col\:start\:4{margin-left:75%}.cols\:5>.col\:start\:2{margin-left:20%}.cols\:5>.col\:start\:3{margin-left:40%}.cols\:5>.col\:start\:4{margin-left:60%}.cols\:5>.col\:start\:5{margin-left:80%}.cols\:6>.col\:start\:2{margin-left:16.6666%}.cols\:6>.col\:start\:3{margin-left:33.3333%}.cols\:6>.col\:start\:4{margin-left:50%}.cols\:6>.col\:start\:5{margin-left:66.6666%}.cols\:6>.col\:start\:6{margin-left:83.3333%}.cols\:7>.col\:start\:2{margin-left:14.2857%}.cols\:7>.col\:start\:3{margin-left:28.5714%}.cols\:7>.col\:start\:4{margin-left:42.8571%}.cols\:7>.col\:start\:5{margin-left:57.1428%}.cols\:7>.col\:start\:6{margin-left:71.4285%}.cols\:7>.col\:start\:7{margin-left:85.7142%}.cols\:8>.col\:start\:2{margin-left:12.5%}.cols\:8>.col\:start\:3{margin-left:25%}.cols\:8>.col\:start\:4{margin-left:37.5%}.cols\:8>.col\:start\:5{margin-left:50%}.cols\:8>.col\:start\:6{margin-left:62.5%}.cols\:8>.col\:start\:7{margin-left:75%}.cols\:8>.col\:start\:8{margin-left:87.5%}.cols\:9>.col\:start\:2{margin-left:11.1111%}.cols\:9>.col\:start\:3{margin-left:22.2222%}.cols\:9>.col\:start\:4{margin-left:33.3333%}.cols\:9>.col\:start\:5{margin-left:44.4444%}.cols\:9>.col\:start\:6{margin-left:55.5555%}.cols\:9>.col\:start\:7{margin-left:66.6666%}.cols\:9>.col\:start\:8{margin-left:77.7777%}.cols\:9>.col\:start\:9{margin-left:88.8888%}.cols\:10>.col\:start\:2{margin-left:10%}.cols\:10>.col\:start\:3{margin-left:20%}.cols\:10>.col\:start\:4{margin-left:30%}.cols\:10>.col\:start\:5{margin-left:40%}.cols\:10>.col\:start\:6{margin-left:50%}.cols\:10>.col\:start\:7{margin-left:60%}.cols\:10>.col\:start\:8{margin-left:70%}.cols\:10>.col\:start\:9{margin-left:80%}.cols\:10>.col\:start\:10{margin-left:90%}.cols\:11>.col\:start\:2{margin-left:9.0909%}.cols\:11>.col\:start\:3{margin-left:18.1818%}.cols\:11>.col\:start\:4{margin-left:27.2727%}.cols\:11>.col\:start\:5{margin-left:36.3636%}.cols\:11>.col\:start\:6{margin-left:45.4545%}.cols\:11>.col\:start\:7{margin-left:54.5454%}.cols\:11>.col\:start\:8{margin-left:63.6363%}.cols\:11>.col\:start\:9{margin-left:72.7272%}.cols\:11>.col\:start\:10{margin-left:81.8181%}.cols\:11>.col\:start\:11{margin-left:90.9090%}.cols>.col\:end\:2{margin-right:8.3333%}.cols>.col\:end\:3{margin-right:16.6666%}.cols>.col\:end\:4{margin-right:25%}.cols>.col\:end\:5{margin-right:33.3333%}.cols>.col\:end\:6{margin-right:41.6666%}.cols>.col\:end\:7{margin-right:50%}.cols>.col\:end\:8{margin-right:58.3333%}.cols>.col\:end\:9{margin-right:66.6666%}.cols>.col\:end\:10{margin-right:75%}.cols>.col\:end\:11{margin-right:83.3333%}.cols>.col\:end\:12{margin-right:91.6666%}.cols\:2>.col\:end\:2{margin-right:50%}.cols\:3>.col\:end\:2{margin-right:33.3333%}.cols\:3>.col\:end\:3{margin-right:66.6666%}.cols\:4>.col\:end\:2{margin-right:25%}.cols\:4>.col\:end\:3{margin-right:50%}.cols\:4>.col\:end\:4{margin-right:75%}.cols\:5>.col\:end\:2{margin-right:20%}.cols\:5>.col\:end\:3{margin-right:40%}.cols\:5>.col\:end\:4{margin-right:60%}.cols\:5>.col\:end\:5{margin-right:80%}.cols\:6>.col\:end\:2{margin-right:16.6666%}.cols\:6>.col\:end\:3{margin-right:33.3333%}.cols\:6>.col\:end\:4{margin-right:50%}.cols\:6>.col\:end\:5{margin-right:66.6666%}.cols\:6>.col\:end\:6{margin-right:83.3333%}.cols\:7>.col\:end\:2{margin-right:14.2857%}.cols\:7>.col\:end\:3{margin-right:28.5714%}.cols\:7>.col\:end\:4{margin-right:42.8571%}.cols\:7>.col\:end\:5{margin-right:57.1428%}.cols\:7>.col\:end\:6{margin-right:71.4285%}.cols\:7>.col\:end\:7{margin-right:85.7142%}.cols\:8>.col\:end\:2{margin-right:12.5%}.cols\:8>.col\:end\:3{margin-right:25%}.cols\:8>.col\:end\:4{margin-right:37.5%}.cols\:8>.col\:end\:5{margin-right:50%}.cols\:8>.col\:end\:6{margin-right:62.5%}.cols\:8>.col\:end\:7{margin-right:75%}.cols\:8>.col\:end\:8{margin-right:87.5%}.cols\:9>.col\:end\:2{margin-right:11.1111%}.cols\:9>.col\:end\:3{margin-right:22.2222%}.cols\:9>.col\:end\:4{margin-right:33.3333%}.cols\:9>.col\:end\:5{margin-right:44.4444%}.cols\:9>.col\:end\:6{margin-right:55.5555%}.cols\:9>.col\:end\:7{margin-right:66.6666%}.cols\:9>.col\:end\:8{margin-right:77.7777%}.cols\:9>.col\:end\:9{margin-right:88.8888%}.cols\:10>.col\:end\:2{margin-right:10%}.cols\:10>.col\:end\:3{margin-right:20%}.cols\:10>.col\:end\:4{margin-right:30%}.cols\:10>.col\:end\:5{margin-right:40%}.cols\:10>.col\:end\:6{margin-right:50%}.cols\:10>.col\:end\:7{margin-right:60%}.cols\:10>.col\:end\:8{margin-right:70%}.cols\:10>.col\:end\:9{margin-right:80%}.cols\:10>.col\:end\:10{margin-right:90%}.cols\:11>.col\:end\:2{margin-right:9.0909%}.cols\:11>.col\:end\:3{margin-right:18.1818%}.cols\:11>.col\:end\:4{margin-right:27.2727%}.cols\:11>.col\:end\:5{margin-right:36.3636%}.cols\:11>.col\:end\:6{margin-right:45.4545%}.cols\:11>.col\:end\:7{margin-right:54.5454%}.cols\:11>.col\:end\:8{margin-right:63.6363%}.cols\:11>.col\:end\:9{margin-right:72.7272%}.cols\:11>.col\:end\:10{margin-right:81.8181%}.cols\:11>.col\:end\:11{margin-right:90.9090%}[class*='cols'].reverse:not(.ltr),[class*='cols'].reverse\:wrap:not(.ltr){direction:rtl}[class*='cols'].reverse>*:not(.rtl),[class*='cols'].reverse\:wrap>*:not(.rtl){direction:ltr}.d\:f[class*='cols'],.d\:f\:x[class*='cols'],.d\:f\:y[class*='cols']{margin:0}.d\:f[class*="cols"]>[class*="col"],.d\:f\:x[class*="cols"]>[class*="col"],.d\:f\:y[class*="cols"]>[class*="col"]{width:calc(var(--col,1) / var(--cols,12) * 100% - var(--sf-gap-x) / var(--cols,12) * (var(--cols,12) - var(--col,1)));padding-top:calc(var(--sf-gap-y) * 0);padding-left:calc(var(--sf-gap-x) * 0)}.d\:f[class*="cols"]>[class*="col:start"],.d\:f\:x[class*="cols"]>[class*="col:start"],.d\:f\:y[class*="cols"]>[class*="col:start"]{margin-left:calc((var(--cs,1) - 1) / var(--cols,12) * 100% + var(--sf-gap-x) * (var(--cs,1) - 1) / var(--cols,12))}.d\:f[class*="cols"]>[class*="col:end"],.d\:f\:x[class*="cols"]>[class*="col:end"],.d\:f\:y[class*="cols"]>[class*="col:end"]{margin-right:calc((var(--ce,1) - 1) / var(--cols,12) * 100% + var(--sf-gap-x) * (var(--ce,1) - 1) / var(--cols,12))}[class*='cols'].reverse.d\:f:not(.rtl),[class*='cols'].reverse\:wrap.d\:f:not(.rtl),[class*='cols'].reverse.d\:f\:x:not(.rtl),[class*='cols'].reverse\:wrap.d\:f\:x:not(.rtl),[class*='cols'].reverse.d\:f\:y:not(.rtl),[class*='cols'].reverse\:wrap.d\:f\:y:not(.rtl){direction:ltr}.d\:g[class*='cols'],.d\:g\:x[class*='cols'],.d\:g\:y[class*='cols']{margin:0}[class*='rows']{grid-template-rows:repeat(var(--rows,12),minmax(0,1fr))}[class*="cols"]>[class*="col"]{grid-column:span var(--col,1) /span var(--col,1)}[class*="cols"]>[class*="col:start"]{grid-column-start:var(--cs,1)}[class*="cols"]>[class*="col:end"]{grid-column-end:calc(var(--ce,1) + 1)}[class*="rows"]>[class*="row"]{grid-row:span var(--row,1) /span var(--row,1)}[class*="rows"]>[class*="row:start"]{grid-row-start:var(--rs,1)}[class*="rows"]>[class*="row:end"]{grid-row-end:calc(var(--re,1) + 1)}.d\:g[class*='cols']>*,.d\:g\:x[class*='cols']>*,.d\:g\:y[class*='cols']>*,.d\:g[class*='rows']>*,.d\:g\:x[class*='rows']>*,.d\:g\:y[class*='rows']>*{--sf-grid-width:auto;width:var(--sf-grid-width);margin-top:calc(var(--sf-gap-y) * 0);margin-left:calc(var(--sf-gap-x) * 0);margin-right:calc(var(--sf-gap-x) * 0);padding-top:calc(var(--sf-gap-y) * 0);padding-left:calc(var(--sf-gap-x) * 0)}html.var [class*='cols'].reverse.d\:f\:y:not(.ltr),html.var [class*='cols'].reverse\:wrap.d\:f\:y:not(.ltr),html.flex [class*='cols'].reverse.d\:f:not(.ltr),html.flex [class*='cols'].reverse\:wrap.d\:f:not(.ltr),html.flex [class*='cols'].reverse.d\:f\:x:not(.ltr),html.flex [class*='cols'].reverse\:wrap.d\:f\:x:not(.ltr),html.flex [class*='cols'].reverse.d\:f\:y:not(.ltr),html.flex [class*='cols'].reverse\:wrap.d\:f\:y:not(.ltr){direction:rtl}html.grid [class*='cols'].reverse.d\:g:not(.rtl),html.grid [class*='cols'].reverse\:wrap.d\:g:not(.rtl),html.grid [class*='cols'].reverse.d\:g\:x:not(.rtl),html.grid [class*='cols'].reverse\:wrap.d\:g\:x:not(.rtl),html.grid [class*='cols'].reverse.d\:g\:y:not(.rtl),html.grid [class*='cols'].reverse\:wrap.d\:g\:y:not(.rtl){direction:ltr}html.flex [class*='cols'].reverse.d\:g:not(.ltr),html.flex [class*='cols'].reverse\:wrap.d\:g:not(.ltr),html.flex [class*='cols'].reverse.d\:g\:x:not(.ltr),html.flex [class*='cols'].reverse\:wrap.d\:g\:x:not(.ltr),html.flex [class*='cols'].reverse.d\:g\:y:not(.ltr),html.flex [class*='cols'].reverse\:wrap.d\:g\:y:not(.ltr){direction:rtl}[hidden],datalist,dialog,source,template,track{display:none !important}.\$d\:i{display:block;letter-spacing:-1em !important;margin-top:calc(var(--sf-gap-y) * -1);margin-left:calc(var(--sf-gap-x) * -1)}.\$d\:i>*{letter-spacing:normal;margin-top:var(--sf-gap-y);margin-left:var(--sf-gap-x)}.\$d\:i>*:not([class*='cols']):not(.d\:f):not(.d\:f\:x):not(.d\:f\:y):not(.d\:g):not(.d\:g\:x):not(.d\:g\:y){display:inline-block}.\$d\:i:not([class*='va:'])>*:not([class*='va:']){vertical-align:top}html.grid .\$d\:i{display:block}html.grid .\$d\:i>*:not([class*='cols']):not(.d\:f):not(.d\:f\:x):not(.d\:f\:y):not(.d\:g):not(.d\:g\:x):not(.d\:g\:y){display:inline-block}.d\:f,.d\:f\:x,.d\:f\:y{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;row-gap:var(--sf-gap-y);-moz-column-gap:var(--sf-gap-x);column-gap:var(--sf-gap-x)}.d\:f\:x,.d\:f\:y{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.d\:f\:x{-ms-flex-direction:row;flex-direction:row}.d\:f\:y{-ms-flex-direction:column;flex-direction:column}.reverse,.reverse.d\:f\:x,.reverse.d\:f\:y{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.reverse\:x,.reverse.d\:f\:x{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.reverse\:y,.reverse.d\:f\:y{-ms-flex-direction:column-reverse;flex-direction:column-reverse}.reverse\:wrap{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.grow\:i,.\$grow\:i>*{-ms-flex-positive:initial;flex-grow:initial}.grow\:0,.\$grow\:0>*{-ms-flex-positive:0;flex-grow:0}.grow\:1,.\$grow\:1>*{-ms-flex-positive:1;flex-grow:1}.grow\:2,.\$grow\:2>*{-ms-flex-positive:2;flex-grow:2}.grow\:3,.\$grow\:3>*{-ms-flex-positive:3;flex-grow:3}.grow\:4,.\$grow\:4>*{-ms-flex-positive:4;flex-grow:4}.grow\:5,.\$grow\:5>*{-ms-flex-positive:5;flex-grow:5}.shrink\:i,.\$shrink\:i>*{-ms-flex-negative:initial;flex-shrink:initial}.shrink\:0,.\$shrink\:0>*{-ms-flex-negative:0;flex-shrink:0}.shrink\:1,.\$shrink\:1>*{-ms-flex-negative:1;flex-shrink:1}.shrink\:2,.\$shrink\:2>*{-ms-flex-negative:2;flex-shrink:2}.shrink\:3,.\$shrink\:3>*{-ms-flex-negative:3;flex-shrink:3}.shrink\:4,.\$shrink\:4>*{-ms-flex-negative:4;flex-shrink:4}.shrink\:5,.\$shrink\:5>*{-ms-flex-negative:5;flex-shrink:5}.basis\:i,.\$basis\:i>*{-ms-flex-preferred-size:initial;flex-basis:initial}.basis\:0,.\$basis\:0>*{-ms-flex-preferred-size:0;flex-basis:0}.basis\:25,.\$basis\:25>*{-ms-flex-preferred-size:25%;flex-basis:25%}.basis\:33,.\$basis\:33>*{-ms-flex-preferred-size:33.3333%;flex-basis:33.3333%}.basis\:50,.\$basis\:50>*{-ms-flex-preferred-size:50%;flex-basis:50%}.basis\:75,.\$basis\:75>*{-ms-flex-preferred-size:75%;flex-basis:75%}.basis\:100,.\$basis\:100>*{-ms-flex-preferred-size:100%;flex-basis:100%}.basis\:auto,.\$basis\:auto>*{-ms-flex-preferred-size:auto;flex-basis:auto}.basis\:available,.\$basis\:available>*{-ms-flex-preferred-size:available;flex-basis:available}.basis\:bb,.\$basis\:bb>*{-ms-flex-preferred-size:border-box;flex-basis:border-box}.basis\:cb,.\$basis\:cb>*{-ms-flex-preferred-size:content-box;flex-basis:content-box}.basis\:c,.\$basis\:c>*{-ms-flex-preferred-size:content;flex-basis:content}.basis\:fc,.\$basis\:fc>*{-ms-flex-preferred-size:fit-content;flex-basis:fit-content}.basis\:max,.\$basis\:max>*{-ms-flex-preferred-size:max-content;flex-basis:max-content}.basis\:min,.\$basis\:min>*{-ms-flex-preferred-size:min-content;flex-basis:min-content}html.grid .d\:f,html.grid .d\:f\:x,html.grid .d\:f\:y{display:-ms-flexbox;display:flex}html.flex .d\:f,html.flex .d\:f\:x,html.flex .d\:f\:y{display:block;letter-spacing:-1em !important}html.flex .d\:f>*,html.flex .d\:f\:x>*,html.flex .d\:f\:y>*{letter-spacing:normal}html.flex .d\:f>*,html.flex .d\:f\:x>*{display:inline-block}html.flex .d\:f\:y>*{display:block}html.flex .d\:f>.d\:f,html.flex .d\:f>.d\:f\:x,html.flex .d\:f>.d\:f\:y,html.flex .d\:g>.d\:f,html.flex .d\:g>.d\:f\:x,html.flex .d\:g>.d\:f\:y,html.flex .d\:f\:x>.d\:f,html.flex .d\:f\:x>.d\:f\:x,html.flex .d\:f\:x>.d\:f\:y,html.flex .d\:g\:x>.d\:f,html.flex .d\:g\:x>.d\:f\:x,html.flex .d\:g\:x>.d\:f\:y{display:inline-block}html.flex .d\:f:not([class*='va:'])>*:not([class*='va:']),html.flex .d\:f\:x:not([class*='va:'])>*:not([class*='va:']),html.flex .d\:f\:y:not([class*='va:'])>*:not([class*='va:']){vertical-align:top}.d\:g,.d\:g\:x,.d\:g\:y{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-rows:minmax(0,1fr);row-gap:var(--sf-gap-y);-moz-column-gap:var(--sf-gap-x);column-gap:var(--sf-gap-x)}.d\:g{grid-auto-flow:dense}.d\:g\:x{grid-auto-flow:dense column}.d\:g\:y{grid-auto-flow:dense row}.d\:g\:x.nowrap,.d\:g.nowrap{grid-auto-flow:column}.d\:g\:y.nowrap{grid-auto-flow:row}html.grid .d\:g,html.grid .d\:g\:x,html.grid .d\:g\:y{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}html.grid .d\:g\:x,html.grid .d\:g\:y{-ms-flex-wrap:nowrap;flex-wrap:nowrap}html.grid .d\:g\:x{-ms-flex-direction:row;flex-direction:row}html.grid .d\:g\:y{-ms-flex-direction:column;flex-direction:column}html.flex .d\:g,html.flex .d\:g\:x,html.flex .d\:g\:y{display:block;letter-spacing:-1em !important}html.flex .d\:g>*,html.flex .d\:g\:x>*,html.flex .d\:g\:y>*{letter-spacing:normal}html.flex .d\:g>*,html.flex .d\:g\:x>*{display:inline-block}html.flex .d\:g\:y>*{display:block}html.flex .d\:f>.d\:g,html.flex .d\:f>.d\:g\:x,html.flex .d\:f>.d\:g\:y,html.flex .d\:g>.d\:g,html.flex .d\:g>.d\:g\:x,html.flex .d\:g>.d\:g\:y,html.flex .d\:f\:x>.d\:g,html.flex .d\:f\:x>.d\:g\:x,html.flex .d\:f\:x>.d\:g\:y,html.flex .d\:g\:x>.d\:g,html.flex .d\:g\:x>.d\:g\:x,html.flex .d\:g\:x>.d\:g\:y{display:inline-block}html.flex .d\:g:not([class*='va:'])>*:not([class*='va:']),html.flex .d\:g\:x:not([class*='va:'])>*:not([class*='va:']),html.flex .d\:g\:y:not([class*='va:'])>*:not([class*='va:']){vertical-align:top}:root{--sf-gap-x:0.5em;--sf-gap-y:0.5em;--sf-bdw:1px;--sf-margin:1em;--sf-margin-1:calc(var(--sf-margin) * 0.25);--sf-margin-2:calc(var(--sf-margin) * 0.5);--sf-margin-3:calc(var(--sf-margin) * 0.75);--sf-margin-4:calc(var(--sf-margin) * 1.25);--sf-margin-5:calc(var(--sf-margin) * 1.5);--sf-margin-6:calc(var(--sf-margin) * 2);--sf-padding:1em;--sf-padding-1:calc(var(--sf-padding) * 0.25);--sf-padding-2:calc(var(--sf-padding) * 0.5);--sf-padding-3:calc(var(--sf-padding) * 0.75);--sf-padding-4:calc(var(--sf-padding) * 1.25);--sf-padding-5:calc(var(--sf-padding) * 1.5);--sf-padding-6:calc(var(--sf-padding) * 2);--sf-radius:0.5em;--sf-radius-1:1em;--sf-radius-2:1.25em;--sf-radius-3:1.5em;--sf-radius-4:2em;--sf-radius-5:2.5em;--sf-radius-6:3em;--sf-lh:0.8;--sf-lh-normal:1.1875;--sf-ff-sans:'Inter',ui-sans-serif,system-ui,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';--sf-ff-serif:Times,'Times New Roman',Georgia,serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';--sf-ff-monospace:'Lucida Console',Courier,monospace,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';--sf-ff-cursive:cursive;--sf-ff-fantasy:fantasy;--sf-ff-emoji:'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji',emoji;--sf-ff-math:math;--sf-ff-fangsong:fangsong;--sf-fz:1rem;--sf-fz-0:0;--sf-fz-bold:1rem;--sf-fz-h1:3rem;--sf-fz-h2:2.5rem;--sf-fz-h3:2rem;--sf-fz-h4:1.5rem;--sf-fz-h5:1.25rem;--sf-fz-h6:1rem;--sf-fz-small:0.75rem;--sf-fz-small-1:0.9375rem;--sf-fz-small-2:0.875rem;--sf-fz-small-3:0.8125rem;--sf-fz-small-4:0.75rem;--sf-fz-small-5:0.6875rem;--sf-fz-small-6:0.625rem;--sf-fw:400;--sf-fw-bold:600;--sf-fw-small:300;--sf-fw-h1:700;--sf-fw-h2:700;--sf-fw-h3:700;--sf-fw-h4:600;--sf-fw-h5:600;--sf-fw-h6:600}.d\:f>*,.d\:f\:x>*,.d\:f\:y>*{margin-top:calc(var(--sf-gap-y) * 0);margin-left:calc(var(--sf-gap-x) * 0)}.d\:g>*,.d\:g\:x>*,.d\:g\:y>*{margin-top:calc(var(--sf-gap-y) * 0);margin-left:calc(var(--sf-gap-x) * 0)}.\$d\:i>.\$d\:i,.\$d\:i>[class*='cols']{margin-top:calc(var(--sf-gap-y) * 0);margin-left:calc(var(--sf-gap-x) * 0)}.cols,.cols\:1,.cols\:2,.cols\:3,.cols\:4,.cols\:5,.cols\:6,.cols\:7,.cols\:8,.cols\:9,.cols\:10,.cols\:11,.cols\:12{margin-top:calc(var(--sf-gap-y) * -1);margin-left:calc(var(--sf-gap-x) * -1)}.col,.col\:1,.col\:2,.col\:3,.col\:4,.col\:5,.col\:6,.col\:7,.col\:8,.col\:9,.col\:10,.col\:11,.col\:12{margin-top:calc(var(--sf-gap-y) * 0);margin-left:calc(var(--sf-gap-x) * 0);padding-top:var(--sf-gap-y);padding-left:var(--sf-gap-x)}.gap:not(html){--sf-gap-x:0.5em;--sf-gap-y:0.5em;margin-top:calc(var(--sf-gap-y) * -1);margin-left:calc(var(--sf-gap-x) * -1)}.gap\:x{--sf-gap-x:0.5em;margin-left:calc(var(--sf-gap-x) * -1)}.gap\:y{--sf-gap-y:0.5em;margin-top:calc(var(--sf-gap-y) * -1)}.gap\:0{--sf-gap-x:0em;--sf-gap-y:0em;margin-top:0;margin-left:0}.gap\:x\:0{--sf-gap-x:0em;margin-left:0}.gap\:y\:0{--sf-gap-y:0em;margin-top:0}.gap:not(html)>*{margin-top:var(--sf-gap-y);margin-left:var(--sf-gap-x);padding-top:calc(var(--sf-gap-y) * 0);padding-left:calc(var(--sf-gap-x) * 0)}.gap\:x>*{margin-left:var(--sf-gap-x);padding-left:calc(var(--sf-gap-x) * 0)}.gap\:y>*{margin-top:var(--sf-gap-y);padding-top:calc(var(--sf-gap-y) * 0)}.gap\:0>*{margin-top:0;margin-left:0;padding-top:0;padding-left:0}.gap\:x\:0>*{margin-left:0;padding-left:0}.gap\:y\:0>*{margin-top:0;padding-top:0}html.var .\$d\:i{margin-top:-0.5em;margin-left:-0.5em}html.var .\$d\:i>*{margin-top:0.5em;margin-left:0.5em;padding-top:0;padding-left:0}html.var .\$d\:i>.\$d\:i,html.var .\$d\:i>.d\:f,html.var .\$d\:i>.d\:f\:x,html.var .\$d\:i>.d\:f\:y,html.var .\$d\:i>.d\:g,html.var .\$d\:i>.d\:g\:x,html.var .\$d\:i>.d\:g\:y,html.var .\$d\:i>[class*='cols']{margin-top:0;margin-left:0}html.var .d\:f\:x{margin-left:-0.5em}html.var .d\:f\:y{margin-top:-0.5em}html.var .d\:f{margin-top:-0.5em;margin-left:-0.5em}html.var .d\:f\:x>*:not([class*='col:start']){margin-left:0.5em;padding-left:0}html.var .d\:f\:y>*{margin-top:0.5em;padding-top:0}html.var .d\:f>*{margin-top:0.5em;padding-top:0}html.var .d\:f>*:not([class*='col:start']){margin-left:0.5em;padding-left:0}html.var .d\:f\:x>.\$d\:i,html.var .d\:f\:x>.d\:f,html.var .d\:f\:x>.d\:f\:x,html.var .d\:f\:x>.d\:f\:y,html.var .d\:f\:x>.d\:g,html.var .d\:f\:x>.d\:g\:x,html.var .d\:f\:x>.d\:g\:y,html.var .d\:f\:x>[class*='cols']{margin-left:0}html.var .d\:f\:y>.\$d\:i,html.var .d\:f\:y>.d\:f,html.var .d\:f\:y>.d\:f\:x,html.var .d\:f\:y>.d\:f\:y,html.var .d\:f\:y>.d\:g,html.var .d\:f\:y>.d\:g\:x,html.var .d\:f\:y>.d\:g\:y,html.var .d\:f\:y>[class*='cols']{margin-top:0}html.var .d\:f>.\$d\:i,html.var .d\:f>.d\:f,html.var .d\:f>.d\:f\:x,html.var .d\:f>.d\:f\:y,html.var .d\:f>.d\:g,html.var .d\:f>.d\:g\:x,html.var .d\:f>.d\:g\:y,html.var .d\:f>[class*='cols']{margin-top:0;margin-left:0}html.var .d\:g\:x{margin-left:-0.5em}html.var .d\:g\:y{margin-top:-0.5em}html.var .d\:g{margin-top:-0.5em;margin-left:-0.5em}html.var .d\:g\:x>*:not([class*='col:start']){margin-left:0.5em;padding-left:0}html.var .d\:g\:y>*{margin-top:0.5em;padding-top:0}html.var .d\:g>*{margin-top:0.5em;padding-top:0}html.var .d\:g>*:not([class*='col:start']){margin-left:0.5em;padding-left:0}html.var .d\:g\:x>.\$d\:i,html.var .d\:g\:x>.d\:f,html.var .d\:g\:x>.d\:f\:x,html.var .d\:g\:x>.d\:f\:y,html.var .d\:g\:x>.d\:g,html.var .d\:g\:x>.d\:g\:x,html.var .d\:g\:x>.d\:g\:y,html.var .d\:g\:x>[class*='cols']{margin-left:0}html.var .d\:g\:y>.\$d\:i,html.var .d\:g\:y>.d\:f,html.var .d\:g\:y>.d\:f\:x,html.var .d\:g\:y>.d\:f\:y,html.var .d\:g\:y>.d\:g,html.var .d\:g\:y>.d\:g\:x,html.var .d\:g\:y>.d\:g\:y,html.var .d\:g\:y>[class*='cols']{margin-top:0}html.var .d\:g>.\$d\:i,html.var .d\:g>.d\:f,html.var .d\:g>.d\:f\:x,html.var .d\:g>.d\:f\:y,html.var .d\:g>.d\:g,html.var .d\:g>.d\:g\:x,html.var .d\:g>.d\:g\:y,html.var .d\:g>[class*='cols']{margin-top:0;margin-left:0}html.var [class*='cols']{margin-top:-0.5em;margin-left:-0.5em}html.var [class*='cols']>[class*='col']{margin-top:0;padding-top:0.5em;padding-left:0.5em}html.var [class*='cols']>[class*='col']:not([class*='col:start']){margin-left:0}html.var .gap\:0[class*='cols']{margin-top:0;margin-left:0}html.var .gap\:x\:0[class*='cols']{margin-left:0}html.var .gap\:y\:0[class*='cols']{margin-top:0}html.var .gap\:0[class*='cols']>[class*='col']{padding-top:0;padding-left:0}html.var .gap\:x\:0[class*='cols']>[class*='col']{padding-left:0}html.var .gap\:y\:0[class*='cols']>[class*='col']{padding-top:0}html.var .gap:not(html){margin-top:-0.5em;margin-left:-0.5em}html.var .gap\:x{margin-left:-0.5em}html.var .gap\:y{margin-top:-0.5em}html.var .gap>*{margin-top:0.5em;margin-left:0.5em;padding-top:0;padding-left:0}html.var .gap\:x>*{margin-left:0.5em;padding-left:0}html.var .gap\:y>*{margin-top:0.5em;padding-top:0}html.var .gap\:0.d\:f,html.var .gap\:0.d\:f\:x,html.var .gap\:0.d\:f\:y,html.var .gap\:0.d\:g,html.var .gap\:0.d\:g\:x,html.var .gap\:0.d\:g\:y,html.var .gap\:0{margin-top:0;margin-left:0}html.var .gap\:x\:0.d\:f,html.var .gap\:x\:0.d\:f\:x,html.var .gap\:x\:0.d\:f\:y,html.var .gap\:x\:0.d\:g,html.var .gap\:x\:0.d\:g\:x,html.var .gap\:x\:0.d\:g\:y,html.var .gap\:x\:0{margin-left:0}html.var .gap\:y\:0.d\:f,html.var .gap\:y\:0.d\:f\:x,html.var .gap\:y\:0.d\:f\:y,html.var .gap\:y\:0.d\:g,html.var .gap\:y\:0.d\:g\:x,html.var .gap\:y\:0.d\:g\:y,html.var .gap\:y\:0{margin-top:0}html.var .gap\:0.d\:f>*,html.var .gap\:0.d\:f\:x>*,html.var .gap\:0.d\:f\:y>*,html.var .gap\:0.d\:g>*,html.var .gap\:0.d\:g\:x>*,html.var .gap\:0.d\:g\:y>*,html.var .gap\:0>*[class*='col:start'],html.var .gap\:0>*{margin-top:0;margin-left:0;padding-top:0;padding-left:0}html.var .gap\:x\:0.d\:f>*,html.var .gap\:x\:0.d\:f\:x>*,html.var .gap\:x\:0.d\:f\:y>*,html.var .gap\:x\:0.d\:g>*,html.var .gap\:x\:0.d\:g\:x>*,html.var .gap\:x\:0.d\:g\:y>*,html.var .gap\:x\:0>*[class*='col:start'],html.var .gap\:x\:0>*{margin-left:0;padding-left:0}html.var .gap\:y\:0.d\:f>*,html.var .gap\:y\:0.d\:f\:x>*,html.var .gap\:y\:0.d\:f\:y>*,html.var .gap\:y\:0.d\:g>*,html.var .gap\:y\:0.d\:g\:x>*,html.var .gap\:y\:0.d\:g\:y>*,html.var .gap\:y\:0>*[class*='col:start'],html.var .gap\:y\:0>*{margin-top:0;padding-top:0}.bg\:n{background:none}.bgi\:n{background-image:none}.bga\:f{background-attachment:fixed}.bga\:s{background-attachment:scroll}.bgc\:t{background-color:transparent}.bgb\:c{background-blend-mode:color}.bgb\:cb{background-blend-mode:color-burn}.bgb\:cd{background-blend-mode:color-dodge}.bgb\:d{background-blend-mode:darken}.bgb\:diff{background-blend-mode:difference}.bgb\:e{background-blend-mode:exclusion}.bgb\:hl{background-blend-mode:hard-light}.bgb\:h{background-blend-mode:hue}.bgb\:l{background-blend-mode:lighten}.bgb\:lum{background-blend-mode:luminosity}.bgb\:m{background-blend-mode:multiply}.bgb\:n{background-blend-mode:normal}.bgb\:o{background-blend-mode:overlay}.bgb\:s{background-blend-mode:saturation}.bgb\:sc{background-blend-mode:screen}.bgb\:sl{background-blend-mode:soft-light}.bgbk\:bb{background-break:bounding-box}.bgbk\:c{background-break:continuous}.bgbk\:eb{background-break:each-box}.bgsz\:a{background-size:auto}.bgsz\:ct{background-size:contain}.bgsz\:cv{background-size:cover}.bgp\:tl{background-position:top left}.bgp\:tc{background-position:top center}.bgp\:tr{background-position:top right}.bgp\:cl{background-position:center left}.bgp\:cc{background-position:center center}.bgp\:cr{background-position:center right}.bgp\:bl{background-position:bottom left}.bgp\:bc{background-position:bottom center}.bgp\:br{background-position:bottom right}.bgp\:x50y50{background-position:50% 50%}.bgr\:n{background-repeat:no-repeat}.bgr\:x{background-repeat:repeat-x}.bgr\:y{background-repeat:repeat-y}.bgr\:r{background-repeat:round}.bgr\:s{background-repeat:space}.bgcp\:b{background-clip:border-box}.bgcp\:p{background-clip:padding-box}.bgcp\:c{background-clip:content-box}.bgcp\:t{-webkit-background-clip:text;background-clip:text}.bgo\:b{background-origin:border-box}.bgo\:p{background-origin:padding-box}.bgo\:c{background-origin:content-box}.bgsz\:f{background-size:100% 100%}.bgsz\:h{background-size:100% auto}.bgsz\:w{background-size:auto 100%}.bd\:0{border:0}.bd,.bd\:1{border:var(--sf-bdw) solid}.bd\:2{border:calc(var(--sf-bdw) * 2) solid}.bdc\:i{border-color:initial}.bds{border-style:solid}.bds\:n{border-style:none}.bds\:r{border-style:ridge}.bds\:da{border-style:dashed}.bds\:do{border-style:dotted}.bds\:dbl{border-style:double}.bds\:g{border-style:groove}.bds\:h{border-style:hidden}.bds\:i{border-style:inset}.bds\:o{border-style:outset}.bdw\:0{border-width:0}.bdw,.bdw\:1{border-width:var(--sf-bdw)}.bdw\:2{border-width:calc(var(--sf-bdw) * 2)}.bdyw{border-block-width:var(--sf-bdw)}.bdxw{border-inline-width:var(--sf-bdw)}.bdtw{border-block-start-width:var(--sf-bdw)}.bdlw{border-inline-start-width:var(--sf-bdw)}.bdrw{border-inline-end-width:var(--sf-bdw)}.bdbw{border-block-end-width:var(--sf-bdw)}html.var .bdyw{border-block-width:1px}html.var .bdxw{border-inline-width:1px}html.var .bdtw{border-block-start-width:1px}html.var .bdlw{border-inline-start-width:1px}html.var .bdrw{border-inline-end-width:1px}html.var .bdbw{border-block-end-width:1px}html.mpb .bdtw{border-top-width:1px}html.mpb .bdlw{border-left-width:1px}html.mpb .bdrw{border-right-width:1px}html.mpb .bdbw{border-bottom-width:1px}html.mpb .bdyw{border-top-width:1px;border-bottom-width:1px}html.mpb .bdxw{border-left-width:1px;border-right-width:1px}html.mpb .bdtw\:2{border-top-width:2px}html.mpb .bdlw\:2{border-left-width:2px}html.mpb .bdrw\:2{border-right-width:2px}html.mpb .bdbw\:2{border-bottom-width:2px}html.mpb .bdyw\:2{border-top-width:2px;border-bottom-width:2px}html.mpb .bdxw\:2{border-left-width:2px;border-right-width:2px}html.mpb .bdw\:2{border-width:2px}html.var .bdw,html.var .bdw\:1{border-width:1px}html.var .bd,html.var .bd\:1{border:1px solid}html.var .bd\:2{border:2px solid}.cl{clear:none}.cl\:b{clear:both}.cl\:l{clear:inline-start}.cl\:r{clear:inline-end}.clearfix::after{content:"";display:table;clear:both}html.clear .cl\:l{clear:left}html.clear .cl\:r{clear:right}.c\:t{color:transparent}.y\:c{-ms-flex-line-pack:stretch;align-content:stretch}.y\:c\:b{-ms-flex-line-pack:baseline;align-content:baseline}.y\:c\:n{-ms-flex-line-pack:normal;align-content:normal}.y\:c\:c{-ms-flex-line-pack:center;align-content:center}.y\:c\:e{-ms-flex-line-pack:end;align-content:end}.y\:c\:s{-ms-flex-line-pack:start;align-content:start}.y\:c\:fe{-ms-flex-line-pack:end;align-content:flex-end}.y\:c\:fs{-ms-flex-line-pack:start;align-content:flex-start}.y\:c\:sa{-ms-flex-line-pack:distribute;align-content:space-around}.y\:c\:sb{-ms-flex-line-pack:justify;align-content:space-between}.y\:c\:se{-ms-flex-line-pack:space-evenly;align-content:space-evenly}.y\:i{-ms-flex-align:stretch;align-items:stretch}.y\:i\:b{-ms-flex-align:baseline;align-items:baseline}.y\:i\:c{-ms-flex-align:center;align-items:center}.y\:i\:e{-ms-flex-align:end;align-items:end}.y\:i\:s{-ms-flex-align:start;align-items:start}.y\:i\:fe{-ms-flex-align:end;align-items:flex-end}.y\:i\:fs{-ms-flex-align:start;align-items:flex-start}.y\:s{-ms-flex-item-align:stretch;align-self:stretch}.y\:s\:a{-ms-flex-item-align:auto;align-self:auto}.y\:s\:n{-ms-flex-item-align:normal;align-self:normal}.y\:s\:b{-ms-flex-item-align:baseline;align-self:baseline}.y\:s\:c{-ms-flex-item-align:center;align-self:center}.y\:s\:e{-ms-flex-item-align:end;align-self:end}.y\:s\:s{-ms-flex-item-align:start;align-self:start}.y\:s\:fe{-ms-flex-item-align:end;align-self:flex-end}.y\:s\:fs{-ms-flex-item-align:start;align-self:flex-start}.x\:c{-ms-flex-pack:stretch;justify-content:stretch}.x\:c\:n{-ms-flex-pack:normal;justify-content:normal}.x\:c\:c{-ms-flex-pack:center;justify-content:center}.x\:c\:e{-ms-flex-pack:end;justify-content:end}.x\:c\:s{-ms-flex-pack:start;justify-content:start}.x\:c\:fe{-ms-flex-pack:end;justify-content:flex-end}.x\:c\:fs{-ms-flex-pack:start;justify-content:flex-start}.x\:c\:sa{-ms-flex-pack:distribute;justify-content:space-around}.x\:c\:sb{-ms-flex-pack:justify;justify-content:space-between}.x\:c\:se{-ms-flex-pack:space-evenly;justify-content:space-evenly}.x\:i{justify-items:stretch}.x\:i\:b{justify-items:baseline}.x\:i\:c{justify-items:center}.x\:i\:e{justify-items:end}.x\:i\:s{justify-items:start}.x\:i\:fe{justify-items:flex-end}.x\:i\:fs{justify-items:flex-start}.x\:s{justify-self:stretch}.x\:s\:a{justify-self:auto}.x\:s\:n{justify-self:normal}.x\:s\:b{justify-self:baseline}.x\:s\:c{justify-self:center}.x\:s\:e{justify-self:end}.x\:s\:s{justify-self:start}.x\:s\:fe{justify-self:flex-end}.x\:s\:fs{justify-self:flex-start}.cur\:auto{cursor:auto}.cur\:default{cursor:default}.cur\:none{cursor:none}.cur\:context-menu{cursor:context-menu}.cur\:help{cursor:help}.cur\:pointer{cursor:pointer}.cur\:progress{cursor:progress}.cur\:wait{cursor:wait}.cur\:cell{cursor:cell}.cur\:crosshair{cursor:crosshair}.cur\:text{cursor:text}.cur\:vertical-text{cursor:vertical-text}.cur\:alias{cursor:alias}.cur\:copy{cursor:copy}.cur\:move{cursor:move}.cur\:no-drop{cursor:no-drop}.cur\:not-allowed{cursor:not-allowed}.cur\:grab{cursor:grab}.cur\:grabbing{cursor:grabbing}.cur\:all-scroll{cursor:all-scroll}.cur\:col-resize{cursor:col-resize}.cur\:row-resize{cursor:row-resize}.cur\:n-resize{cursor:n-resize}.cur\:e-resize{cursor:e-resize}.cur\:s-resize{cursor:s-resize}.cur\:w-resize{cursor:w-resize}.cur\:ne-resize{cursor:ne-resize}.cur\:nw-resize{cursor:nw-resize}.cur\:se-resize{cursor:se-resize}.cur\:sw-resize{cursor:sw-resize}.cur\:ew-resize{cursor:ew-resize}.cur\:ns-resize{cursor:ns-resize}.cur\:nesw-resize{cursor:nesw-resize}.cur\:nwse-resize{cursor:nwse-resize}.cur\:zoom-in{cursor:zoom-in}.cur\:zoom-out{cursor:zoom-out}.d\:b{display:block}.d\:n,.hide{display:none}.d\:i{display:inline}.d\:ib{display:inline-block}.d\:if{display:-ms-inline-flexbox;display:inline-flex}.d\:ig{display:inline-grid}.d\:li{display:list-item}.d\:ili{display:inline-list-item}.d\:t{display:table}.d\:it{display:inline-table}.d\:tc{display:table-cell}.d\:tr{display:table-row}.d\:tcl{display:table-column}.d\:trg{display:table-row-group}.d\:tcg{display:table-column-group}.d\:tfg{display:table-footer-group}.d\:thg{display:table-header-group}.d\:tcp{display:table-caption}.fl{float:none}.fl\:l{float:inline-start}.fl\:r{float:inline-end}html.float .fl\:l{float:left}html.float .fl\:r{float:right}.obj-fit\:none{-o-object-fit:none;object-fit:none}.obj-fit\:contain{-o-object-fit:contain;object-fit:contain}.obj-fit\:cover{-o-object-fit:cover;object-fit:cover}.obj-fit\:fill{-o-object-fit:fill;object-fit:fill}.obj-fit\:scale{-o-object-fit:scale-down;object-fit:scale-down}.obj-pos\:b{-o-object-position:bottom;object-position:bottom}.obj-pos\:c{-o-object-position:center;object-position:center}.obj-pos\:l{-o-object-position:left;object-position:left}.obj-pos\:r{-o-object-position:right;object-position:right}.obj-pos\:t{-o-object-position:top;object-position:top}.iso{isolation:isolate}.iso\:auto{isolation:auto}.m,.\$m>*{margin:var(--sf-margin)}.m\:a,.\$m\:a>*{margin:auto}.m\:0,.\$m\:0>*{margin:0}.m\:1,.\$m\:1>*{margin:var(--sf-margin-1)}.m\:2,.\$m\:2>*{margin:var(--sf-margin-2)}.m\:3,.\$m\:3>*{margin:var(--sf-margin-3)}.m\:4,.\$m\:4>*{margin:var(--sf-margin-4)}.m\:5,.\$m\:5>*{margin:var(--sf-margin-5)}.m\:6,.\$m\:6>*{margin:var(--sf-margin-6)}.mt,.\$mt>*{-webkit-margin-before:var(--sf-margin);margin-block-start:var(--sf-margin)}.mt\:a,.\$mt\:a>*{-webkit-margin-before:auto;margin-block-start:auto}.mt\:0,.\$mt\:0>*{-webkit-margin-before:0;margin-block-start:0}.mt\:1,.\$mt\:1>*{-webkit-margin-before:var(--sf-margin-1);margin-block-start:var(--sf-margin-1)}.mt\:2,.\$mt\:2>*{-webkit-margin-before:var(--sf-margin-2);margin-block-start:var(--sf-margin-2)}.mt\:3,.\$mt\:3>*{-webkit-margin-before:var(--sf-margin-3);margin-block-start:var(--sf-margin-3)}.mt\:4,.\$mt\:4>*{-webkit-margin-before:var(--sf-margin-4);margin-block-start:var(--sf-margin-4)}.mt\:5,.\$mt\:5>*{-webkit-margin-before:var(--sf-margin-5);margin-block-start:var(--sf-margin-5)}.mt\:6,.\$mt\:6>*{-webkit-margin-before:var(--sf-margin-6);margin-block-start:var(--sf-margin-6)}.mr,.\$mr>*{-webkit-margin-end:var(--sf-margin);margin-inline-end:var(--sf-margin)}.mr\:a,.\$mr\:a>*{-webkit-margin-end:auto;margin-inline-end:auto}.mr\:0,.\$mr\:0>*{-webkit-margin-end:0;margin-inline-end:0}.mr\:1,.\$mr\:1>*{-webkit-margin-end:var(--sf-margin-1);margin-inline-end:var(--sf-margin-1)}.mr\:2,.\$mr\:2>*{-webkit-margin-end:var(--sf-margin-2);margin-inline-end:var(--sf-margin-2)}.mr\:3,.\$mr\:3>*{-webkit-margin-end:var(--sf-margin-3);margin-inline-end:var(--sf-margin-3)}.mr\:4,.\$mr\:4>*{-webkit-margin-end:var(--sf-margin-4);margin-inline-end:var(--sf-margin-4)}.mr\:5,.\$mr\:5>*{-webkit-margin-end:var(--sf-margin-5);margin-inline-end:var(--sf-margin-5)}.mr\:6,.\$mr\:6>*{-webkit-margin-end:var(--sf-margin-6);margin-inline-end:var(--sf-margin-6)}.mb,.\$mb>*{-webkit-margin-after:var(--sf-margin);margin-block-end:var(--sf-margin)}.mb\:a,.\$mb\:a>*{-webkit-margin-after:auto;margin-block-end:auto}.mb\:0,.\$mb\:0>*{-webkit-margin-after:0;margin-block-end:0}.mb\:1,.\$mb\:1>*{-webkit-margin-after:var(--sf-margin-1);margin-block-end:var(--sf-margin-1)}.mb\:2,.\$mb\:2>*{-webkit-margin-after:var(--sf-margin-2);margin-block-end:var(--sf-margin-2)}.mb\:3,.\$mb\:3>*{-webkit-margin-after:var(--sf-margin-3);margin-block-end:var(--sf-margin-3)}.mb\:4,.\$mb\:4>*{-webkit-margin-after:var(--sf-margin-4);margin-block-end:var(--sf-margin-4)}.mb\:5,.\$mb\:5>*{-webkit-margin-after:var(--sf-margin-5);margin-block-end:var(--sf-margin-5)}.mb\:6,.\$mb\:6>*{-webkit-margin-after:var(--sf-margin-6);margin-block-end:var(--sf-margin-6)}.ml,.\$ml>*{-webkit-margin-start:var(--sf-margin);margin-inline-start:var(--sf-margin)}.ml\:a,.\$ml\:a>*{-webkit-margin-start:auto;margin-inline-start:auto}.ml\:0,.\$ml\:0>*{-webkit-margin-start:0;margin-inline-start:0}.ml\:1,.\$ml\:1>*{-webkit-margin-start:var(--sf-margin-1);margin-inline-start:var(--sf-margin-1)}.ml\:2,.\$ml\:2>*{-webkit-margin-start:var(--sf-margin-2);margin-inline-start:var(--sf-margin-2)}.ml\:3,.\$ml\:3>*{-webkit-margin-start:var(--sf-margin-3);margin-inline-start:var(--sf-margin-3)}.ml\:4,.\$ml\:4>*{-webkit-margin-start:var(--sf-margin-4);margin-inline-start:var(--sf-margin-4)}.ml\:5,.\$ml\:5>*{-webkit-margin-start:var(--sf-margin-5);margin-inline-start:var(--sf-margin-5)}.ml\:6,.\$ml\:6>*{-webkit-margin-start:var(--sf-margin-6);margin-inline-start:var(--sf-margin-6)}.mx,.\$mx>*{margin-inline:var(--sf-margin)}.mx\:a,.\$mx\:a>*{margin-inline:auto}.mx\:0,.\$mx\:0>*{margin-inline:0}.mx\:1,.\$mx\:1>*{margin-inline:var(--sf-margin-1)}.mx\:2,.\$mx\:2>*{margin-inline:var(--sf-margin-2)}.mx\:3,.\$mx\:3>*{margin-inline:var(--sf-margin-3)}.mx\:4,.\$mx\:4>*{margin-inline:var(--sf-margin-4)}.mx\:5,.\$mx\:5>*{margin-inline:var(--sf-margin-5)}.mx\:6,.\$mx\:6>*{margin-inline:var(--sf-margin-6)}.my,.\$my>*{margin-block:var(--sf-margin)}.my\:a,.\$my\:a>*{margin-block:auto}.my\:0,.\$my\:0>*{margin-block:0}.my\:1,.\$my\:1>*{margin-block:var(--sf-margin-1)}.my\:2,.\$my\:2>*{margin-block:var(--sf-margin-2)}.my\:3,.\$my\:3>*{margin-block:var(--sf-margin-3)}.my\:4,.\$my\:4>*{margin-block:var(--sf-margin-4)}.my\:5,.\$my\:5>*{margin-block:var(--sf-margin-5)}.my\:6,.\$my\:6>*{margin-block:var(--sf-margin-6)}.negative.m,.negative.\$m>*{margin:calc(var(--sf-margin) * -1)}.negative.m\:a,.negative.\$m\:a>*{margin:auto}.negative.m\:0,.negative.\$m\:0>*{margin:0}.negative.m\:1,.negative.\$m\:1>*{margin:calc(var(--sf-margin-1) * -1)}.negative.m\:2,.negative.\$m\:2>*{margin:calc(var(--sf-margin-2) * -1)}.negative.m\:3,.negative.\$m\:3>*{margin:calc(var(--sf-margin-3) * -1)}.negative.m\:4,.negative.\$m\:4>*{margin:calc(var(--sf-margin-4) * -1)}.negative.m\:5,.negative.\$m\:5>*{margin:calc(var(--sf-margin-5) * -1)}.negative.m\:6,.negative.\$m\:6>*{margin:calc(var(--sf-margin-6) * -1)}.negative.mt,.negative.\$mt>*{-webkit-margin-before:calc(var(--sf-margin) * -1);margin-block-start:calc(var(--sf-margin) * -1)}.negative.mt\:a,.negative.\$mt\:a>*{-webkit-margin-before:auto;margin-block-start:auto}.negative.mt\:0,.negative.\$mt\:0>*{-webkit-margin-before:0;margin-block-start:0}.negative.mt\:1,.negative.\$mt\:1>*{-webkit-margin-before:calc(var(--sf-margin-1) * -1);margin-block-start:calc(var(--sf-margin-1) * -1)}.negative.mt\:2,.negative.\$mt\:2>*{-webkit-margin-before:calc(var(--sf-margin-2) * -1);margin-block-start:calc(var(--sf-margin-2) * -1)}.negative.mt\:3,.negative.\$mt\:3>*{-webkit-margin-before:calc(var(--sf-margin-3) * -1);margin-block-start:calc(var(--sf-margin-3) * -1)}.negative.mt\:4,.negative.\$mt\:4>*{-webkit-margin-before:calc(var(--sf-margin-4) * -1);margin-block-start:calc(var(--sf-margin-4) * -1)}.negative.mt\:5,.negative.\$mt\:5>*{-webkit-margin-before:calc(var(--sf-margin-5) * -1);margin-block-start:calc(var(--sf-margin-5) * -1)}.negative.mt\:6,.negative.\$mt\:6>*{-webkit-margin-before:calc(var(--sf-margin-6) * -1);margin-block-start:calc(var(--sf-margin-6) * -1)}.negative.mr,.negative.\$mr>*{-webkit-margin-end:calc(var(--sf-margin) * -1);margin-inline-end:calc(var(--sf-margin) * -1)}.negative.mr\:a,.negative.\$mr\:a>*{-webkit-margin-end:auto;margin-inline-end:auto}.negative.mr\:0,.negative.\$mr\:0>*{-webkit-margin-end:0;margin-inline-end:0}.negative.mr\:1,.negative.\$mr\:1>*{-webkit-margin-end:calc(var(--sf-margin-1) * -1);margin-inline-end:calc(var(--sf-margin-1) * -1)}.negative.mr\:2,.negative.\$mr\:2>*{-webkit-margin-end:calc(var(--sf-margin-2) * -1);margin-inline-end:calc(var(--sf-margin-2) * -1)}.negative.mr\:3,.negative.\$mr\:3>*{-webkit-margin-end:calc(var(--sf-margin-3) * -1);margin-inline-end:calc(var(--sf-margin-3) * -1)}.negative.mr\:4,.negative.\$mr\:4>*{-webkit-margin-end:calc(var(--sf-margin-4) * -1);margin-inline-end:calc(var(--sf-margin-4) * -1)}.negative.mr\:5,.negative.\$mr\:5>*{-webkit-margin-end:calc(var(--sf-margin-5) * -1);margin-inline-end:calc(var(--sf-margin-5) * -1)}.negative.mr\:6,.negative.\$mr\:6>*{-webkit-margin-end:calc(var(--sf-margin-6) * -1);margin-inline-end:calc(var(--sf-margin-6) * -1)}.negative.mb,.negative.\$mb>*{-webkit-margin-after:calc(var(--sf-margin) * -1);margin-block-end:calc(var(--sf-margin) * -1)}.negative.mb\:a,.negative.\$mb\:a>*{-webkit-margin-after:auto;margin-block-end:auto}.negative.mb\:0,.negative.\$mb\:0>*{-webkit-margin-after:0;margin-block-end:0}.negative.mb\:1,.negative.\$mb\:1>*{-webkit-margin-after:calc(var(--sf-margin-1) * -1);margin-block-end:calc(var(--sf-margin-1) * -1)}.negative.mb\:2,.negative.\$mb\:2>*{-webkit-margin-after:calc(var(--sf-margin-2) * -1);margin-block-end:calc(var(--sf-margin-2) * -1)}.negative.mb\:3,.negative.\$mb\:3>*{-webkit-margin-after:calc(var(--sf-margin-3) * -1);margin-block-end:calc(var(--sf-margin-3) * -1)}.negative.mb\:4,.negative.\$mb\:4>*{-webkit-margin-after:calc(var(--sf-margin-4) * -1);margin-block-end:calc(var(--sf-margin-4) * -1)}.negative.mb\:5,.negative.\$mb\:5>*{-webkit-margin-after:calc(var(--sf-margin-5) * -1);margin-block-end:calc(var(--sf-margin-5) * -1)}.negative.mb\:6,.negative.\$mb\:6>*{-webkit-margin-after:calc(var(--sf-margin-6) * -1);margin-block-end:calc(var(--sf-margin-6) * -1)}.negative.ml,.negative.\$ml>*{-webkit-margin-start:calc(var(--sf-margin) * -1);margin-inline-start:calc(var(--sf-margin) * -1)}.negative.ml\:a,.negative.\$ml\:a>*{-webkit-margin-start:auto;margin-inline-start:auto}.negative.ml\:0,.negative.\$ml\:0>*{-webkit-margin-start:0;margin-inline-start:0}.negative.ml\:1,.negative.\$ml\:1>*{-webkit-margin-start:calc(var(--sf-margin-1) * -1);margin-inline-start:calc(var(--sf-margin-1) * -1)}.negative.ml\:2,.negative.\$ml\:2>*{-webkit-margin-start:calc(var(--sf-margin-2) * -1);margin-inline-start:calc(var(--sf-margin-2) * -1)}.negative.ml\:3,.negative.\$ml\:3>*{-webkit-margin-start:calc(var(--sf-margin-3) * -1);margin-inline-start:calc(var(--sf-margin-3) * -1)}.negative.ml\:4,.negative.\$ml\:4>*{-webkit-margin-start:calc(var(--sf-margin-4) * -1);margin-inline-start:calc(var(--sf-margin-4) * -1)}.negative.ml\:5,.negative.\$ml\:5>*{-webkit-margin-start:calc(var(--sf-margin-5) * -1);margin-inline-start:calc(var(--sf-margin-5) * -1)}.negative.ml\:6,.negative.\$ml\:6>*{-webkit-margin-start:calc(var(--sf-margin-6) * -1);margin-inline-start:calc(var(--sf-margin-6) * -1)}.negative.mx,.negative.\$mx>*{margin-inline:calc(var(--sf-margin) * -1)}.negative.mx\:a,.negative.\$mx\:a>*{margin-inline:auto}.negative.mx\:0,.negative.\$mx\:0>*{margin-inline:0}.negative.mx\:1,.negative.\$mx\:1>*{margin-inline:calc(var(--sf-margin-1) * -1)}.negative.mx\:2,.negative.\$mx\:2>*{margin-inline:calc(var(--sf-margin-2) * -1)}.negative.mx\:3,.negative.\$mx\:3>*{margin-inline:calc(var(--sf-margin-3) * -1)}.negative.mx\:4,.negative.\$mx\:4>*{margin-inline:calc(var(--sf-margin-4) * -1)}.negative.mx\:5,.negative.\$mx\:5>*{margin-inline:calc(var(--sf-margin-5) * -1)}.negative.mx\:6,.negative.\$mx\:6>*{margin-inline:calc(var(--sf-margin-6) * -1)}.negative.my,.negative.\$my>*{margin-block:calc(var(--sf-margin) * -1)}.negative.my\:a,.negative.\$my\:a>*{margin-block:auto}.negative.my\:0,.negative.\$my\:0>*{margin-block:0}.negative.my\:1,.negative.\$my\:1>*{margin-block:calc(var(--sf-margin-1) * -1)}.negative.my\:2,.negative.\$my\:2>*{margin-block:calc(var(--sf-margin-2) * -1)}.negative.my\:3,.negative.\$my\:3>*{margin-block:calc(var(--sf-margin-3) * -1)}.negative.my\:4,.negative.\$my\:4>*{margin-block:calc(var(--sf-margin-4) * -1)}.negative.my\:5,.negative.\$my\:5>*{margin-block:calc(var(--sf-margin-5) * -1)}.negative.my\:6,.negative.\$my\:6>*{margin-block:calc(var(--sf-margin-6) * -1)}html.var .m,html.var .\$m>*{margin:1em}html.var .m\:a,html.var .\$m\:a>*{margin:auto}html.var .m\:0,html.var .\$m\:0>*{margin:0}html.var .m\:1,html.var .\$m\:1>*{margin:0.25em}html.var .m\:2,html.var .\$m\:2>*{margin:0.5em}html.var .m\:3,html.var .\$m\:3>*{margin:0.75em}html.var .m\:4,html.var .\$m\:4>*{margin:1.25em}html.var .m\:5,html.var .\$m\:5>*{margin:1.5em}html.var .m\:6,html.var .\$m\:6>*{margin:2em}html.var .mt,html.var .\$mt>*{-webkit-margin-before:1em;margin-block-start:1em}html.var .mt\:a,html.var .\$mt\:a>*{-webkit-margin-before:auto;margin-block-start:auto}html.var .mt\:0,html.var .\$mt\:0>*{-webkit-margin-before:0;margin-block-start:0}html.var .mt\:1,html.var .\$mt\:1>*{-webkit-margin-before:0.25em;margin-block-start:0.25em}html.var .mt\:2,html.var .\$mt\:2>*{-webkit-margin-before:0.5em;margin-block-start:0.5em}html.var .mt\:3,html.var .\$mt\:3>*{-webkit-margin-before:0.75em;margin-block-start:0.75em}html.var .mt\:4,html.var .\$mt\:4>*{-webkit-margin-before:1.25em;margin-block-start:1.25em}html.var .mt\:5,html.var .\$mt\:5>*{-webkit-margin-before:1.5em;margin-block-start:1.5em}html.var .mt\:6,html.var .\$mt\:6>*{-webkit-margin-before:2em;margin-block-start:2em}html.var .mr,html.var .\$mr>*{-webkit-margin-end:1em;margin-inline-end:1em}html.var .mr\:a,html.var .\$mr\:a>*{-webkit-margin-end:auto;margin-inline-end:auto}html.var .mr\:0,html.var .\$mr\:0>*{-webkit-margin-end:0;margin-inline-end:0}html.var .mr\:1,html.var .\$mr\:1>*{-webkit-margin-end:0.25em;margin-inline-end:0.25em}html.var .mr\:2,html.var .\$mr\:2>*{-webkit-margin-end:0.5em;margin-inline-end:0.5em}html.var .mr\:3,html.var .\$mr\:3>*{-webkit-margin-end:0.75em;margin-inline-end:0.75em}html.var .mr\:4,html.var .\$mr\:4>*{-webkit-margin-end:1.25em;margin-inline-end:1.25em}html.var .mr\:5,html.var .\$mr\:5>*{-webkit-margin-end:1.5em;margin-inline-end:1.5em}html.var .mr\:6,html.var .\$mr\:6>*{-webkit-margin-end:2em;margin-inline-end:2em}html.var .mb,html.var .\$mb>*{-webkit-margin-after:1em;margin-block-end:1em}html.var .mb\:a,html.var .\$mb\:a>*{-webkit-margin-after:auto;margin-block-end:auto}html.var .mb\:0,html.var .\$mb\:0>*{-webkit-margin-after:0;margin-block-end:0}html.var .mb\:1,html.var .\$mb\:1>*{-webkit-margin-after:0.25em;margin-block-end:0.25em}html.var .mb\:2,html.var .\$mb\:2>*{-webkit-margin-after:0.5em;margin-block-end:0.5em}html.var .mb\:3,html.var .\$mb\:3>*{-webkit-margin-after:0.75em;margin-block-end:0.75em}html.var .mb\:4,html.var .\$mb\:4>*{-webkit-margin-after:1.25em;margin-block-end:1.25em}html.var .mb\:5,html.var .\$mb\:5>*{-webkit-margin-after:1.5em;margin-block-end:1.5em}html.var .mb\:6,html.var .\$mb\:6>*{-webkit-margin-after:2em;margin-block-end:2em}html.var .ml,html.var .\$ml>*{-webkit-margin-start:1em;margin-inline-start:1em}html.var .ml\:a,html.var .\$ml\:a>*{-webkit-margin-start:auto;margin-inline-start:auto}html.var .ml\:0,html.var .\$ml\:0>*{-webkit-margin-start:0;margin-inline-start:0}html.var .ml\:1,html.var .\$ml\:1>*{-webkit-margin-start:0.25em;margin-inline-start:0.25em}html.var .ml\:2,html.var .\$ml\:2>*{-webkit-margin-start:0.5em;margin-inline-start:0.5em}html.var .ml\:3,html.var .\$ml\:3>*{-webkit-margin-start:0.75em;margin-inline-start:0.75em}html.var .ml\:4,html.var .\$ml\:4>*{-webkit-margin-start:1.25em;margin-inline-start:1.25em}html.var .ml\:5,html.var .\$ml\:5>*{-webkit-margin-start:1.5em;margin-inline-start:1.5em}html.var .ml\:6,html.var .\$ml\:6>*{-webkit-margin-start:2em;margin-inline-start:2em}html.var .mx,html.var .\$mx>*{margin-inline:1em}html.var .mx\:a,html.var .\$mx\:a>*{margin-inline:auto}html.var .mx\:0,html.var .\$mx\:0>*{margin-inline:0}html.var .mx\:1,html.var .\$mx\:1>*{margin-inline:0.25em}html.var .mx\:2,html.var .\$mx\:2>*{margin-inline:0.5em}html.var .mx\:3,html.var .\$mx\:3>*{margin-inline:0.75em}html.var .mx\:4,html.var .\$mx\:4>*{margin-inline:1.25em}html.var .mx\:5,html.var .\$mx\:5>*{margin-inline:1.5em}html.var .mx\:6,html.var .\$mx\:6>*{margin-inline:2em}html.var .my,html.var .\$my>*{margin-block:1em}html.var .my\:a,html.var .\$my\:a>*{margin-block:auto}html.var .my\:0,html.var .\$my\:0>*{margin-block:0}html.var .my\:1,html.var .\$my\:1>*{margin-block:0.25em}html.var .my\:2,html.var .\$my\:2>*{margin-block:0.5em}html.var .my\:3,html.var .\$my\:3>*{margin-block:0.75em}html.var .my\:4,html.var .\$my\:4>*{margin-block:1.25em}html.var .my\:5,html.var .\$my\:5>*{margin-block:1.5em}html.var .my\:6,html.var .\$my\:6>*{margin-block:2em}html.var .negative.m,html.var .negative.\$m>*{margin:-1em}html.var .negative.m\:1,html.var .negative.\$m\:1>*{margin:-0.25em}html.var .negative.m\:2,html.var .negative.\$m\:2>*{margin:-0.5em}html.var .negative.m\:3,html.var .negative.\$m\:3>*{margin:-0.75em}html.var .negative.m\:4,html.var .negative.\$m\:4>*{margin:-1.25em}html.var .negative.m\:5,html.var .negative.\$m\:5>*{margin:-1.5em}html.var .negative.m\:6,html.var .negative.\$m\:6>*{margin:-2em}html.var .negative.mt,html.var .negative.\$mt>*{-webkit-margin-before:-1em;margin-block-start:-1em}html.var .negative.mt\:a,html.var .negative.\$mt\:a>*{-webkit-margin-before:auto;margin-block-start:auto}html.var .negative.mt\:0,html.var .negative.\$mt\:0>*{-webkit-margin-before:0;margin-block-start:0}html.var .negative.mt\:1,html.var .negative.\$mt\:1>*{-webkit-margin-before:-0.25em;margin-block-start:-0.25em}html.var .negative.mt\:2,html.var .negative.\$mt\:2>*{-webkit-margin-before:-0.5em;margin-block-start:-0.5em}html.var .negative.mt\:3,html.var .negative.\$mt\:3>*{-webkit-margin-before:-0.75em;margin-block-start:-0.75em}html.var .negative.mt\:4,html.var .negative.\$mt\:4>*{-webkit-margin-before:-1.25em;margin-block-start:-1.25em}html.var .negative.mt\:5,html.var .negative.\$mt\:5>*{-webkit-margin-before:-1.5em;margin-block-start:-1.5em}html.var .negative.mt\:6,html.var .negative.\$mt\:6>*{-webkit-margin-before:-2em;margin-block-start:-2em}html.var .negative.mr,html.var .negative.\$mr>*{-webkit-margin-end:-1em;margin-inline-end:-1em}html.var .negative.mr\:a,html.var .negative.\$mr\:a>*{-webkit-margin-end:auto;margin-inline-end:auto}html.var .negative.mr\:0,html.var .negative.\$mr\:0>*{-webkit-margin-end:0;margin-inline-end:0}html.var .negative.mr\:1,html.var .negative.\$mr\:1>*{-webkit-margin-end:-0.25em;margin-inline-end:-0.25em}html.var .negative.mr\:2,html.var .negative.\$mr\:2>*{-webkit-margin-end:-0.5em;margin-inline-end:-0.5em}html.var .negative.mr\:3,html.var .negative.\$mr\:3>*{-webkit-margin-end:-0.75em;margin-inline-end:-0.75em}html.var .negative.mr\:4,html.var .negative.\$mr\:4>*{-webkit-margin-end:-1.25em;margin-inline-end:-1.25em}html.var .negative.mr\:5,html.var .negative.\$mr\:5>*{-webkit-margin-end:-1.5em;margin-inline-end:-1.5em}html.var .negative.mr\:6,html.var .negative.\$mr\:6>*{-webkit-margin-end:-2em;margin-inline-end:-2em}html.var .negative.mb,html.var .negative.\$mb>*{-webkit-margin-after:-1em;margin-block-end:-1em}html.var .negative.mb\:a,html.var .negative.\$mb\:a>*{-webkit-margin-after:auto;margin-block-end:auto}html.var .negative.mb\:0,html.var .negative.\$mb\:0>*{-webkit-margin-after:0;margin-block-end:0}html.var .negative.mb\:1,html.var .negative.\$mb\:1>*{-webkit-margin-after:-0.25em;margin-block-end:-0.25em}html.var .negative.mb\:2,html.var .negative.\$mb\:2>*{-webkit-margin-after:-0.5em;margin-block-end:-0.5em}html.var .negative.mb\:3,html.var .negative.\$mb\:3>*{-webkit-margin-after:-0.75em;margin-block-end:-0.75em}html.var .negative.mb\:4,html.var .negative.\$mb\:4>*{-webkit-margin-after:-1.25em;margin-block-end:-1.25em}html.var .negative.mb\:5,html.var .negative.\$mb\:5>*{-webkit-margin-after:-1.5em;margin-block-end:-1.5em}html.var .negative.mb\:6,html.var .negative.\$mb\:6>*{-webkit-margin-after:-2em;margin-block-end:-2em}html.var .negative.ml,html.var .negative.\$ml>*{-webkit-margin-start:-1em;margin-inline-start:-1em}html.var .negative.ml\:a,html.var .negative.\$ml\:a>*{-webkit-margin-start:auto;margin-inline-start:auto}html.var .negative.ml\:0,html.var .negative.\$ml\:0>*{-webkit-margin-start:0;margin-inline-start:0}html.var .negative.ml\:1,html.var .negative.\$ml\:1>*{-webkit-margin-start:-0.25em;margin-inline-start:-0.25em}html.var .negative.ml\:2,html.var .negative.\$ml\:2>*{-webkit-margin-start:-0.5em;margin-inline-start:-0.5em}html.var .negative.ml\:3,html.var .negative.\$ml\:3>*{-webkit-margin-start:-0.75em;margin-inline-start:-0.75em}html.var .negative.ml\:4,html.var .negative.\$ml\:4>*{-webkit-margin-start:-1.25em;margin-inline-start:-1.25em}html.var .negative.ml\:5,html.var .negative.\$ml\:5>*{-webkit-margin-start:-1.5em;margin-inline-start:-1.5em}html.var .negative.ml\:6,html.var .negative.\$ml\:6>*{-webkit-margin-start:-2em;margin-inline-start:-2em}html.var .negative.mx,html.var .negative.\$mx>*{margin-inline:-1em}html.var .negative.mx\:a,html.var .negative.\$mx\:a>*{margin-inline:auto}html.var .negative.mx\:0,html.var .negative.\$mx\:0>*{margin-inline:0}html.var .negative.mx\:1,html.var .negative.\$mx\:1>*{margin-inline:-0.25em}html.var .negative.mx\:2,html.var .negative.\$mx\:2>*{margin-inline:-0.5em}html.var .negative.mx\:3,html.var .negative.\$mx\:3>*{margin-inline:-0.75em}html.var .negative.mx\:4,html.var .negative.\$mx\:4>*{margin-inline:-1.25em}html.var .negative.mx\:5,html.var .negative.\$mx\:5>*{margin-inline:-1.5em}html.var .negative.mx\:6,html.var .negative.\$mx\:6>*{margin-inline:-2em}html.var .negative.my,html.var .negative.\$my>*{margin-block:-1em}html.var .negative.my\:a,html.var .negative.\$my\:a>*{margin-block:auto}html.var .negative.my\:0,html.var .negative.\$my\:0>*{margin-block:0}html.var .negative.my\:1,html.var .negative.\$my\:1>*{margin-block:-0.25em}html.var .negative.my\:2,html.var .negative.\$my\:2>*{margin-block:-0.5em}html.var .negative.my\:3,html.var .negative.\$my\:3>*{margin-block:-0.75em}html.var .negative.my\:4,html.var .negative.\$my\:4>*{margin-block:-1.25em}html.var .negative.my\:5,html.var .negative.\$my\:5>*{margin-block:-1.5em}html.var .negative.my\:6,html.var .negative.\$my\:6>*{margin-block:-2em}html.mpb .mt,html.mpb .\$mt>*{margin-top:1em}html.mpb .mt\:a,html.mpb .\$mt\:a>*{margin-top:auto}html.mpb .mt\:0,html.mpb .\$mt\:0>*{margin-top:0}html.mpb .mt\:1,html.mpb .\$mt\:1>*{margin-top:0.25em}html.mpb .mt\:2,html.mpb .\$mt\:2>*{margin-top:0.5em}html.mpb .mt\:3,html.mpb .\$mt\:3>*{margin-top:0.75em}html.mpb .mt\:4,html.mpb .\$mt\:4>*{margin-top:1.25em}html.mpb .mt\:5,html.mpb .\$mt\:5>*{margin-top:1.5em}html.mpb .mt\:6,html.mpb .\$mt\:6>*{margin-top:2em}html.mpb .mr,html.mpb .\$mr>*{margin-right:1em}html.mpb .mr\:a,html.mpb .\$mr\:a>*{margin-right:auto}html.mpb .mr\:0,html.mpb .\$mr\:0>*{margin-right:0}html.mpb .mr\:1,html.mpb .\$mr\:1>*{margin-right:0.25em}html.mpb .mr\:2,html.mpb .\$mr\:2>*{margin-right:0.5em}html.mpb .mr\:3,html.mpb .\$mr\:3>*{margin-right:0.75em}html.mpb .mr\:4,html.mpb .\$mr\:4>*{margin-right:1.25em}html.mpb .mr\:5,html.mpb .\$mr\:5>*{margin-right:1.5em}html.mpb .mr\:6,html.mpb .\$mr\:6>*{margin-right:2em}html.mpb .mb,html.mpb .\$mb>*{margin-bottom:1em}html.mpb .mb\:a,html.mpb .\$mb\:a>*{margin-bottom:auto}html.mpb .mb\:0,html.mpb .\$mb\:0>*{margin-bottom:0}html.mpb .mb\:1,html.mpb .\$mb\:1>*{margin-bottom:0.25em}html.mpb .mb\:2,html.mpb .\$mb\:2>*{margin-bottom:0.5em}html.mpb .mb\:3,html.mpb .\$mb\:3>*{margin-bottom:0.75em}html.mpb .mb\:4,html.mpb .\$mb\:4>*{margin-bottom:1.25em}html.mpb .mb\:5,html.mpb .\$mb\:5>*{margin-bottom:1.5em}html.mpb .mb\:6,html.mpb .\$mb\:6>*{margin-bottom:2em}html.mpb .ml,html.mpb .\$ml>*{margin-left:1em}html.mpb .ml\:a,html.mpb .\$ml\:a>*{margin-left:auto}html.mpb .ml\:0,html.mpb .\$ml\:0>*{margin-left:0}html.mpb .ml\:1,html.mpb .\$ml\:1>*{margin-left:0.25em}html.mpb .ml\:2,html.mpb .\$ml\:2>*{margin-left:0.5em}html.mpb .ml\:3,html.mpb .\$ml\:3>*{margin-left:0.75em}html.mpb .ml\:4,html.mpb .\$ml\:4>*{margin-left:1.25em}html.mpb .ml\:5,html.mpb .\$ml\:5>*{margin-left:1.5em}html.mpb .ml\:6,html.mpb .\$ml\:6>*{margin-left:2em}html.mpb .mx,html.mpb .\$mx>*{margin-left:1em;margin-right:1em}html.mpb .mx\:a,html.mpb .\$mx\:a>*{margin-left:auto;margin-right:auto}html.mpb .mx\:0,html.mpb .\$mx\:0>*{margin-left:0;margin-right:0}html.mpb .mx\:1,html.mpb .\$mx\:1>*{margin-left:0.25em;margin-right:0.25em}html.mpb .mx\:2,html.mpb .\$mx\:2>*{margin-left:0.5em;margin-right:0.5em}html.mpb .mx\:3,html.mpb .\$mx\:3>*{margin-left:0.75em;margin-right:0.75em}html.mpb .mx\:4,html.mpb .\$mx\:4>*{margin-left:1.25em;margin-right:1.25em}html.mpb .mx\:5,html.mpb .\$mx\:5>*{margin-left:1.5em;margin-right:1.5em}html.mpb .mx\:6,html.mpb .\$mx\:6>*{margin-left:2em;margin-right:2em}html.mpb .my,html.mpb .\$my>*{margin-top:1em;margin-bottom:1em}html.mpb .my\:a,html.mpb .\$my\:a>*{margin-top:auto;margin-bottom:auto}html.mpb .my\:0,html.mpb .\$my\:0>*{margin-top:0;margin-bottom:0}html.mpb .my\:1,html.mpb .\$my\:1>*{margin-top:0.25em;margin-bottom:0.25em}html.mpb .my\:2,html.mpb .\$my\:2>*{margin-top:0.5em;margin-bottom:0.5em}html.mpb .my\:3,html.mpb .\$my\:3>*{margin-top:0.75em;margin-bottom:0.75em}html.mpb .my\:4,html.mpb .\$my\:4>*{margin-top:1.25em;margin-bottom:1.25em}html.mpb .my\:5,html.mpb .\$my\:5>*{margin-top:1.5em;margin-bottom:1.5em}html.mpb .my\:6,html.mpb .\$my\:6>*{margin-top:2em;margin-bottom:2em}html.mpb .negative.mt,html.mpb .negative.\$mt>*{margin-left:-1em}html.mpb .negative.mt\:a,html.mpb .negative.\$mt\:a>*{margin-top:auto}html.mpb .negative.mt\:0,html.mpb .negative.\$mt\:0>*{margin-top:0}html.mpb .negative.mt\:1,html.mpb .negative.\$mt\:1>*{margin-top:-0.25em}html.mpb .negative.mt\:2,html.mpb .negative.\$mt\:2>*{margin-top:-0.5em}html.mpb .negative.mt\:3,html.mpb .negative.\$mt\:3>*{margin-top:-0.75em}html.mpb .negative.mt\:4,html.mpb .negative.\$mt\:4>*{margin-top:-1.25em}html.mpb .negative.mt\:5,html.mpb .negative.\$mt\:5>*{margin-top:-1.5em}html.mpb .negative.mt\:6,html.mpb .negative.\$mt\:6>*{margin-top:-2em}html.mpb .negative.mr,html.mpb .negative.\$mr>*{margin-left:-1em}html.mpb .negative.mr\:a,html.mpb .negative.\$mr\:a>*{margin-right:auto}html.mpb .negative.mr\:0,html.mpb .negative.\$mr\:0>*{margin-right:0}html.mpb .negative.mr\:1,html.mpb .negative.\$mr\:1>*{margin-right:-0.25em}html.mpb .negative.mr\:2,html.mpb .negative.\$mr\:2>*{margin-right:-0.5em}html.mpb .negative.mr\:3,html.mpb .negative.\$mr\:3>*{margin-right:-0.75em}html.mpb .negative.mr\:4,html.mpb .negative.\$mr\:4>*{margin-right:-1.25em}html.mpb .negative.mr\:5,html.mpb .negative.\$mr\:5>*{margin-right:-1.5em}html.mpb .negative.mr\:6,html.mpb .negative.\$mr\:6>*{margin-right:-2em}html.mpb .negative.mb,html.mpb .negative.\$mb>*{margin-left:-1em}html.mpb .negative.mb\:a,html.mpb .negative.\$mb\:a>*{margin-bottom:auto}html.mpb .negative.mb\:0,html.mpb .negative.\$mb\:0>*{margin-bottom:0}html.mpb .negative.mb\:1,html.mpb .negative.\$mb\:1>*{margin-bottom:-0.25em}html.mpb .negative.mb\:2,html.mpb .negative.\$mb\:2>*{margin-bottom:-0.5em}html.mpb .negative.mb\:3,html.mpb .negative.\$mb\:3>*{margin-bottom:-0.75em}html.mpb .negative.mb\:4,html.mpb .negative.\$mb\:4>*{margin-bottom:-1.25em}html.mpb .negative.mb\:5,html.mpb .negative.\$mb\:5>*{margin-bottom:-1.5em}html.mpb .negative.mb\:6,html.mpb .negative.\$mb\:6>*{margin-bottom:-2em}html.mpb .negative.ml,html.mpb .negative.\$ml>*{margin-left:-1em}html.mpb .negative.ml\:a,html.mpb .negative.\$ml\:a>*{margin-left:auto}html.mpb .negative.ml\:0,html.mpb .negative.\$ml\:0>*{margin-left:0}html.mpb .negative.ml\:1,html.mpb .negative.\$ml\:1>*{margin-left:-0.25em}html.mpb .negative.ml\:2,html.mpb .negative.\$ml\:2>*{margin-left:-0.5em}html.mpb .negative.ml\:3,html.mpb .negative.\$ml\:3>*{margin-left:-0.75em}html.mpb .negative.ml\:4,html.mpb .negative.\$ml\:4>*{margin-left:-1.25em}html.mpb .negative.ml\:5,html.mpb .negative.\$ml\:5>*{margin-left:-1.5em}html.mpb .negative.ml\:6,html.mpb .negative.\$ml\:6>*{margin-left:-2em}html.mpb .negative.mx,html.mpb .negative.\$mx>*{margin-left:-1em;margin-right:-1em}html.mpb .negative.mx\:a,html.mpb .negative.\$mx\:a>*{margin-left:auto;margin-right:auto}html.mpb .negative.mx\:0,html.mpb .negative.\$mx\:0>*{margin-left:0;margin-right:0}html.mpb .negative.mx\:1,html.mpb .negative.\$mx\:1>*{margin-left:-0.25em;margin-right:-0.25em}html.mpb .negative.mx\:2,html.mpb .negative.\$mx\:2>*{margin-left:-0.5em;margin-right:-0.5em}html.mpb .negative.mx\:3,html.mpb .negative.\$mx\:3>*{margin-left:-0.75em;margin-right:-0.75em}html.mpb .negative.mx\:4,html.mpb .negative.\$mx\:4>*{margin-left:-1.25em;margin-right:-1.25em}html.mpb .negative.mx\:5,html.mpb .negative.\$mx\:5>*{margin-left:-1.5em;margin-right:-1.5em}html.mpb .negative.mx\:6,html.mpb .negative.\$mx\:6>*{margin-left:-2em;margin-right:-2em}html.mpb .negative.my,html.mpb .negative.\$my>*{margin-top:-1em;margin-bottom:-1em}html.mpb .negative.my\:a,html.mpb .negative.\$my\:a>*{margin-top:auto;margin-bottom:auto}html.mpb .negative.my\:0,html.mpb .negative.\$my\:0>*{margin-top:0;margin-bottom:0}html.mpb .negative.my\:1,html.mpb .negative.\$my\:1>*{margin-top:-0.25em;margin-bottom:-0.25em}html.mpb .negative.my\:2,html.mpb .negative.\$my\:2>*{margin-top:-0.5em;margin-bottom:-0.5em}html.mpb .negative.my\:3,html.mpb .negative.\$my\:3>*{margin-top:-0.75em;margin-bottom:-0.75em}html.mpb .negative.my\:4,html.mpb .negative.\$my\:4>*{margin-top:-1.25em;margin-bottom:-1.25em}html.mpb .negative.my\:5,html.mpb .negative.\$my\:5>*{margin-top:-1.5em;margin-bottom:-1.5em}html.mpb .negative.my\:6,html.mpb .negative.\$my\:6>*{margin-top:-2em;margin-bottom:-2em}.op{opacity:0}.op\:0{opacity:0}.op\:1{opacity:0.01}.op\:2{opacity:0.02}.op\:3{opacity:0.03}.op\:4{opacity:0.04}.op\:5{opacity:0.05}.op\:6{opacity:0.06}.op\:7{opacity:0.07}.op\:8{opacity:0.08}.op\:9{opacity:0.09}.op\:10{opacity:0.1}.op\:11{opacity:0.11}.op\:12{opacity:0.12}.op\:13{opacity:0.13}.op\:14{opacity:0.14}.op\:15{opacity:0.15}.op\:16{opacity:0.16}.op\:17{opacity:0.17}.op\:18{opacity:0.18}.op\:19{opacity:0.19}.op\:20{opacity:0.2}.op\:21{opacity:0.21}.op\:22{opacity:0.22}.op\:23{opacity:0.23}.op\:24{opacity:0.24}.op\:25{opacity:0.25}.op\:26{opacity:0.26}.op\:27{opacity:0.27}.op\:28{opacity:0.28}.op\:29{opacity:0.29}.op\:30{opacity:0.3}.op\:31{opacity:0.31}.op\:32{opacity:0.32}.op\:33{opacity:0.33}.op\:34{opacity:0.34}.op\:35{opacity:0.35}.op\:36{opacity:0.36}.op\:37{opacity:0.37}.op\:38{opacity:0.38}.op\:39{opacity:0.39}.op\:40{opacity:0.4}.op\:41{opacity:0.41}.op\:42{opacity:0.42}.op\:43{opacity:0.43}.op\:44{opacity:0.44}.op\:45{opacity:0.45}.op\:46{opacity:0.46}.op\:47{opacity:0.47}.op\:48{opacity:0.48}.op\:49{opacity:0.49}.op\:50{opacity:0.5}.op\:51{opacity:0.51}.op\:52{opacity:0.52}.op\:53{opacity:0.53}.op\:54{opacity:0.54}.op\:55{opacity:0.55}.op\:56{opacity:0.56}.op\:57{opacity:0.57}.op\:58{opacity:0.58}.op\:59{opacity:0.59}.op\:60{opacity:0.6}.op\:61{opacity:0.61}.op\:62{opacity:0.62}.op\:63{opacity:0.63}.op\:64{opacity:0.64}.op\:65{opacity:0.65}.op\:66{opacity:0.66}.op\:67{opacity:0.67}.op\:68{opacity:0.68}.op\:69{opacity:0.69}.op\:70{opacity:0.7}.op\:71{opacity:0.71}.op\:72{opacity:0.72}.op\:73{opacity:0.73}.op\:74{opacity:0.74}.op\:75{opacity:0.75}.op\:76{opacity:0.76}.op\:77{opacity:0.77}.op\:78{opacity:0.78}.op\:79{opacity:0.79}.op\:80{opacity:0.8}.op\:81{opacity:0.81}.op\:82{opacity:0.82}.op\:83{opacity:0.83}.op\:84{opacity:0.84}.op\:85{opacity:0.85}.op\:86{opacity:0.86}.op\:87{opacity:0.87}.op\:88{opacity:0.88}.op\:89{opacity:0.89}.op\:90{opacity:0.9}.op\:91{opacity:0.91}.op\:92{opacity:0.92}.op\:93{opacity:0.93}.op\:94{opacity:0.94}.op\:95{opacity:0.95}.op\:96{opacity:0.96}.op\:97{opacity:0.97}.op\:98{opacity:0.98}.op\:99{opacity:0.99}.op\:100{opacity:1}.order\:-5{-ms-flex-order:-5;order:-5}.order\:-4{-ms-flex-order:-4;order:-4}.order\:-3{-ms-flex-order:-3;order:-3}.order\:-2{-ms-flex-order:-2;order:-2}.order\:-1{-ms-flex-order:-1;order:-1}.order\:0{-ms-flex-order:0;order:0}.order\:1{-ms-flex-order:1;order:1}.order\:2{-ms-flex-order:2;order:2}.order\:3{-ms-flex-order:3;order:3}.order\:4{-ms-flex-order:4;order:4}.order\:5{-ms-flex-order:5;order:5}.ov{overflow:auto}.ov\:h{overflow:hidden}.ov\:s{overflow:scroll}.ov\:v{overflow:visible}.ov\:x{overflow-x:auto}.ov\:x\:h,.ov\:h\:x{overflow-x:hidden}.ov\:x\:s,.ov\:s\:x{overflow-x:scroll}.ov\:x\:v,.ov\:v\:x{overflow-x:visible}.ov\:y{overflow-y:auto}.ov\:y\:h,.ov\:h\:y{overflow-y:hidden}.ov\:y\:s,.ov\:s\:y{overflow-y:scroll}.ov\:y\:v,.ov\:v\:y{overflow-y:visible}.p,.\$p>*{padding:var(--sf-padding)}.p\:0,.\$p\:0>*{padding:0}.p\:1,.\$p\:1>*{padding:var(--sf-padding-1)}.p\:2,.\$p\:2>*{padding:var(--sf-padding-2)}.p\:3,.\$p\:3>*{padding:var(--sf-padding-3)}.p\:4,.\$p\:4>*{padding:var(--sf-padding-4)}.p\:5,.\$p\:5>*{padding:var(--sf-padding-5)}.p\:6,.\$p\:6>*{padding:var(--sf-padding-6)}.pt,.\$pt>*{-webkit-padding-before:var(--sf-padding);padding-block-start:var(--sf-padding)}.pt\:0,.\$pt\:0>*{-webkit-padding-before:0;padding-block-start:0}.pt\:1,.\$pt\:1>*{-webkit-padding-before:var(--sf-padding-1);padding-block-start:var(--sf-padding-1)}.pt\:2,.\$pt\:2>*{-webkit-padding-before:var(--sf-padding-2);padding-block-start:var(--sf-padding-2)}.pt\:3,.\$pt\:3>*{-webkit-padding-before:var(--sf-padding-3);padding-block-start:var(--sf-padding-3)}.pt\:4,.\$pt\:4>*{-webkit-padding-before:var(--sf-padding-4);padding-block-start:var(--sf-padding-4)}.pt\:5,.\$pt\:5>*{-webkit-padding-before:var(--sf-padding-5);padding-block-start:var(--sf-padding-5)}.pt\:6,.\$pt\:6>*{-webkit-padding-before:var(--sf-padding-6);padding-block-start:var(--sf-padding-6)}.pr,.\$pr>*{-webkit-padding-end:var(--sf-padding);padding-inline-end:var(--sf-padding)}.pr\:0,.\$pr\:0>*{-webkit-padding-end:0;padding-inline-end:0}.pr\:1,.\$pr\:1>*{-webkit-padding-end:var(--sf-padding-1);padding-inline-end:var(--sf-padding-1)}.pr\:2,.\$pr\:2>*{-webkit-padding-end:var(--sf-padding-2);padding-inline-end:var(--sf-padding-2)}.pr\:3,.\$pr\:3>*{-webkit-padding-end:var(--sf-padding-3);padding-inline-end:var(--sf-padding-3)}.pr\:4,.\$pr\:4>*{-webkit-padding-end:var(--sf-padding-4);padding-inline-end:var(--sf-padding-4)}.pr\:5,.\$pr\:5>*{-webkit-padding-end:var(--sf-padding-5);padding-inline-end:var(--sf-padding-5)}.pr\:6,.\$pr\:6>*{-webkit-padding-end:var(--sf-padding-6);padding-inline-end:var(--sf-padding-6)}.pb,.\$pb>*{-webkit-padding-after:var(--sf-padding);padding-block-end:var(--sf-padding)}.pb\:0,.\$pb\:0>*{-webkit-padding-after:0;padding-block-end:0}.pb\:1,.\$pb\:1>*{-webkit-padding-after:var(--sf-padding-1);padding-block-end:var(--sf-padding-1)}.pb\:2,.\$pb\:2>*{-webkit-padding-after:var(--sf-padding-2);padding-block-end:var(--sf-padding-2)}.pb\:3,.\$pb\:3>*{-webkit-padding-after:var(--sf-padding-3);padding-block-end:var(--sf-padding-3)}.pb\:4,.\$pb\:4>*{-webkit-padding-after:var(--sf-padding-4);padding-block-end:var(--sf-padding-4)}.pb\:5,.\$pb\:5>*{-webkit-padding-after:var(--sf-padding-5);padding-block-end:var(--sf-padding-5)}.pb\:6,.\$pb\:6>*{-webkit-padding-after:var(--sf-padding-6);padding-block-end:var(--sf-padding-6)}.pl,.\$pl>*{-webkit-padding-start:var(--sf-padding);padding-inline-start:var(--sf-padding)}.pl\:0,.\$pl\:0>*{-webkit-padding-start:0;padding-inline-start:0}.pl\:1,.\$pl\:1>*{-webkit-padding-start:var(--sf-padding-1);padding-inline-start:var(--sf-padding-1)}.pl\:2,.\$pl\:2>*{-webkit-padding-start:var(--sf-padding-2);padding-inline-start:var(--sf-padding-2)}.pl\:3,.\$pl\:3>*{-webkit-padding-start:var(--sf-padding-3);padding-inline-start:var(--sf-padding-3)}.pl\:4,.\$pl\:4>*{-webkit-padding-start:var(--sf-padding-4);padding-inline-start:var(--sf-padding-4)}.pl\:5,.\$pl\:5>*{-webkit-padding-start:var(--sf-padding-5);padding-inline-start:var(--sf-padding-5)}.pl\:6,.\$pl\:6>*{-webkit-padding-start:var(--sf-padding-6);padding-inline-start:var(--sf-padding-6)}.px,.\$px>*{padding-inline:var(--sf-padding)}.px\:0,.\$px\:0>*{padding-inline:0}.px\:1,.\$px\:1>*{padding-inline:var(--sf-padding-1)}.px\:2,.\$px\:2>*{padding-inline:var(--sf-padding-2)}.px\:3,.\$px\:3>*{padding-inline:var(--sf-padding-3)}.px\:4,.\$px\:4>*{padding-inline:var(--sf-padding-4)}.px\:5,.\$px\:5>*{padding-inline:var(--sf-padding-5)}.px\:6,.\$px\:6>*{padding-inline:var(--sf-padding-6)}.py,.\$py>*{padding-block:var(--sf-padding)}.py\:0,.\$py\:0>*{padding-block:0}.py\:1,.\$py\:1>*{padding-block:var(--sf-padding-1)}.py\:2,.\$py\:2>*{padding-block:var(--sf-padding-2)}.py\:3,.\$py\:3>*{padding-block:var(--sf-padding-3)}.py\:4,.\$py\:4>*{padding-block:var(--sf-padding-4)}.py\:5,.\$py\:5>*{padding-block:var(--sf-padding-5)}.py\:6,.\$py\:6>*{padding-block:var(--sf-padding-6)}.negative.p,.negative.\$p>*{padding:var(--sf-padding)}.negative.p\:0,.negative.\$p\:0>*{padding:0}.negative.p\:1,.negative.\$p\:1>*{padding:calc(var(--sf-padding-1) * -1)}.negative.p\:2,.negative.\$p\:2>*{padding:calc(var(--sf-padding-2) * -1)}.negative.p\:3,.negative.\$p\:3>*{padding:calc(var(--sf-padding-3) * -1)}.negative.p\:4,.negative.\$p\:4>*{padding:calc(var(--sf-padding-4) * -1)}.negative.p\:5,.negative.\$p\:5>*{padding:calc(var(--sf-padding-5) * -1)}.negative.p\:6,.negative.\$p\:6>*{padding:calc(var(--sf-padding-6) * -1)}.negative.pt,.negative.\$pt>*{-webkit-padding-before:var(--sf-padding);padding-block-start:var(--sf-padding)}.negative.pt\:0,.negative.\$pt\:0>*{-webkit-padding-before:0;padding-block-start:0}.negative.pt\:1,.negative.\$pt\:1>*{-webkit-padding-before:calc(var(--sf-padding-1) * -1);padding-block-start:calc(var(--sf-padding-1) * -1)}.negative.pt\:2,.negative.\$pt\:2>*{-webkit-padding-before:calc(var(--sf-padding-2) * -1);padding-block-start:calc(var(--sf-padding-2) * -1)}.negative.pt\:3,.negative.\$pt\:3>*{-webkit-padding-before:calc(var(--sf-padding-3) * -1);padding-block-start:calc(var(--sf-padding-3) * -1)}.negative.pt\:4,.negative.\$pt\:4>*{-webkit-padding-before:calc(var(--sf-padding-4) * -1);padding-block-start:calc(var(--sf-padding-4) * -1)}.negative.pt\:5,.negative.\$pt\:5>*{-webkit-padding-before:calc(var(--sf-padding-5) * -1);padding-block-start:calc(var(--sf-padding-5) * -1)}.negative.pt\:6,.negative.\$pt\:6>*{-webkit-padding-before:calc(var(--sf-padding-6) * -1);padding-block-start:calc(var(--sf-padding-6) * -1)}.negative.pr,.negative.\$pr>*{-webkit-padding-end:var(--sf-padding);padding-inline-end:var(--sf-padding)}.negative.pr\:0,.negative.\$pr\:0>*{-webkit-padding-end:0;padding-inline-end:0}.negative.pr\:1,.negative.\$pr\:1>*{-webkit-padding-end:calc(var(--sf-padding-1) * -1);padding-inline-end:calc(var(--sf-padding-1) * -1)}.negative.pr\:2,.negative.\$pr\:2>*{-webkit-padding-end:calc(var(--sf-padding-2) * -1);padding-inline-end:calc(var(--sf-padding-2) * -1)}.negative.pr\:3,.negative.\$pr\:3>*{-webkit-padding-end:calc(var(--sf-padding-3) * -1);padding-inline-end:calc(var(--sf-padding-3) * -1)}.negative.pr\:4,.negative.\$pr\:4>*{-webkit-padding-end:calc(var(--sf-padding-4) * -1);padding-inline-end:calc(var(--sf-padding-4) * -1)}.negative.pr\:5,.negative.\$pr\:5>*{-webkit-padding-end:calc(var(--sf-padding-5) * -1);padding-inline-end:calc(var(--sf-padding-5) * -1)}.negative.pr\:6,.negative.\$pr\:6>*{-webkit-padding-end:calc(var(--sf-padding-6) * -1);padding-inline-end:calc(var(--sf-padding-6) * -1)}.negative.pb,.negative.\$pb>*{-webkit-padding-after:var(--sf-padding);padding-block-end:var(--sf-padding)}.negative.pb\:0,.negative.\$pb\:0>*{-webkit-padding-after:0;padding-block-end:0}.negative.pb\:1,.negative.\$pb\:1>*{-webkit-padding-after:calc(var(--sf-padding-1) * -1);padding-block-end:calc(var(--sf-padding-1) * -1)}.negative.pb\:2,.negative.\$pb\:2>*{-webkit-padding-after:calc(var(--sf-padding-2) * -1);padding-block-end:calc(var(--sf-padding-2) * -1)}.negative.pb\:3,.negative.\$pb\:3>*{-webkit-padding-after:calc(var(--sf-padding-3) * -1);padding-block-end:calc(var(--sf-padding-3) * -1)}.negative.pb\:4,.negative.\$pb\:4>*{-webkit-padding-after:calc(var(--sf-padding-4) * -1);padding-block-end:calc(var(--sf-padding-4) * -1)}.negative.pb\:5,.negative.\$pb\:5>*{-webkit-padding-after:calc(var(--sf-padding-5) * -1);padding-block-end:calc(var(--sf-padding-5) * -1)}.negative.pb\:6,.negative.\$pb\:6>*{-webkit-padding-after:calc(var(--sf-padding-6) * -1);padding-block-end:calc(var(--sf-padding-6) * -1)}.negative.pl,.negative.\$pl>*{-webkit-padding-start:var(--sf-padding);padding-inline-start:var(--sf-padding)}.negative.pl\:0,.negative.\$pl\:0>*{-webkit-padding-start:0;padding-inline-start:0}.negative.pl\:1,.negative.\$pl\:1>*{-webkit-padding-start:calc(var(--sf-padding-1) * -1);padding-inline-start:calc(var(--sf-padding-1) * -1)}.negative.pl\:2,.negative.\$pl\:2>*{-webkit-padding-start:calc(var(--sf-padding-2) * -1);padding-inline-start:calc(var(--sf-padding-2) * -1)}.negative.pl\:3,.negative.\$pl\:3>*{-webkit-padding-start:calc(var(--sf-padding-3) * -1);padding-inline-start:calc(var(--sf-padding-3) * -1)}.negative.pl\:4,.negative.\$pl\:4>*{-webkit-padding-start:calc(var(--sf-padding-4) * -1);padding-inline-start:calc(var(--sf-padding-4) * -1)}.negative.pl\:5,.negative.\$pl\:5>*{-webkit-padding-start:calc(var(--sf-padding-5) * -1);padding-inline-start:calc(var(--sf-padding-5) * -1)}.negative.pl\:6,.negative.\$pl\:6>*{-webkit-padding-start:calc(var(--sf-padding-6) * -1);padding-inline-start:calc(var(--sf-padding-6) * -1)}.negative.px,.negative.\$px>*{padding-inline:var(--sf-padding)}.negative.px\:0,.negative.\$px\:0>*{padding-inline:0}.negative.px\:1,.negative.\$px\:1>*{padding-inline:calc(var(--sf-padding-1) * -1)}.negative.px\:2,.negative.\$px\:2>*{padding-inline:calc(var(--sf-padding-2) * -1)}.negative.px\:3,.negative.\$px\:3>*{padding-inline:calc(var(--sf-padding-3) * -1)}.negative.px\:4,.negative.\$px\:4>*{padding-inline:calc(var(--sf-padding-4) * -1)}.negative.px\:5,.negative.\$px\:5>*{padding-inline:calc(var(--sf-padding-5) * -1)}.negative.px\:6,.negative.\$px\:6>*{padding-inline:calc(var(--sf-padding-6) * -1)}.negative.py,.negative.\$py>*{padding-block:var(--sf-padding)}.negative.py\:0,.negative.\$py\:0>*{padding-block:0}.negative.py\:1,.negative.\$py\:1>*{padding-block:calc(var(--sf-padding-1) * -1)}.negative.py\:2,.negative.\$py\:2>*{padding-block:calc(var(--sf-padding-2) * -1)}.negative.py\:3,.negative.\$py\:3>*{padding-block:calc(var(--sf-padding-3) * -1)}.negative.py\:4,.negative.\$py\:4>*{padding-block:calc(var(--sf-padding-4) * -1)}.negative.py\:5,.negative.\$py\:5>*{padding-block:calc(var(--sf-padding-5) * -1)}.negative.py\:6,.negative.\$py\:6>*{padding-block:calc(var(--sf-padding-6) * -1)}html.var .p,html.var .\$p>*{padding:1em}html.var .p\:0,html.var .\$p\:0>*{padding:0}html.var .p\:1,html.var .\$p\:1>*{padding:0.25em}html.var .p\:2,html.var .\$p\:2>*{padding:0.5em}html.var .p\:3,html.var .\$p\:3>*{padding:0.75em}html.var .p\:4,html.var .\$p\:4>*{padding:1.25em}html.var .p\:5,html.var .\$p\:5>*{padding:1.5em}html.var .p\:6,html.var .\$p\:6>*{padding:2em}html.var .pt,html.var .\$pt>*{-webkit-padding-before:1em;padding-block-start:1em}html.var .pt\:0,html.var .\$pt\:0>*{-webkit-padding-before:0;padding-block-start:0}html.var .pt\:1,html.var .\$pt\:1>*{-webkit-padding-before:0.25em;padding-block-start:0.25em}html.var .pt\:2,html.var .\$pt\:2>*{-webkit-padding-before:0.5em;padding-block-start:0.5em}html.var .pt\:3,html.var .\$pt\:3>*{-webkit-padding-before:0.75em;padding-block-start:0.75em}html.var .pt\:4,html.var .\$pt\:4>*{-webkit-padding-before:1.25em;padding-block-start:1.25em}html.var .pt\:5,html.var .\$pt\:5>*{-webkit-padding-before:1.5em;padding-block-start:1.5em}html.var .pt\:6,html.var .\$pt\:6>*{-webkit-padding-before:2em;padding-block-start:2em}html.var .pr,html.var .\$pr>*{-webkit-padding-end:1em;padding-inline-end:1em}html.var .pr\:0,html.var .\$pr\:0>*{-webkit-padding-end:0;padding-inline-end:0}html.var .pr\:1,html.var .\$pr\:1>*{-webkit-padding-end:0.25em;padding-inline-end:0.25em}html.var .pr\:2,html.var .\$pr\:2>*{-webkit-padding-end:0.5em;padding-inline-end:0.5em}html.var .pr\:3,html.var .\$pr\:3>*{-webkit-padding-end:0.75em;padding-inline-end:0.75em}html.var .pr\:4,html.var .\$pr\:4>*{-webkit-padding-end:1.25em;padding-inline-end:1.25em}html.var .pr\:5,html.var .\$pr\:5>*{-webkit-padding-end:1.5em;padding-inline-end:1.5em}html.var .pr\:6,html.var .\$pr\:6>*{-webkit-padding-end:2em;padding-inline-end:2em}html.var .pb,html.var .\$pb>*{-webkit-padding-after:1em;padding-block-end:1em}html.var .pb\:0,html.var .\$pb\:0>*{-webkit-padding-after:0;padding-block-end:0}html.var .pb\:1,html.var .\$pb\:1>*{-webkit-padding-after:0.25em;padding-block-end:0.25em}html.var .pb\:2,html.var .\$pb\:2>*{-webkit-padding-after:0.5em;padding-block-end:0.5em}html.var .pb\:3,html.var .\$pb\:3>*{-webkit-padding-after:0.75em;padding-block-end:0.75em}html.var .pb\:4,html.var .\$pb\:4>*{-webkit-padding-after:1.25em;padding-block-end:1.25em}html.var .pb\:5,html.var .\$pb\:5>*{-webkit-padding-after:1.5em;padding-block-end:1.5em}html.var .pb\:6,html.var .\$pb\:6>*{-webkit-padding-after:2em;padding-block-end:2em}html.var .pl,html.var .\$pl>*{-webkit-padding-start:1em;padding-inline-start:1em}html.var .pl\:0,html.var .\$pl\:0>*{-webkit-padding-start:0;padding-inline-start:0}html.var .pl\:1,html.var .\$pl\:1>*{-webkit-padding-start:0.25em;padding-inline-start:0.25em}html.var .pl\:2,html.var .\$pl\:2>*{-webkit-padding-start:0.5em;padding-inline-start:0.5em}html.var .pl\:3,html.var .\$pl\:3>*{-webkit-padding-start:0.75em;padding-inline-start:0.75em}html.var .pl\:4,html.var .\$pl\:4>*{-webkit-padding-start:1.25em;padding-inline-start:1.25em}html.var .pl\:5,html.var .\$pl\:5>*{-webkit-padding-start:1.5em;padding-inline-start:1.5em}html.var .pl\:6,html.var .\$pl\:6>*{-webkit-padding-start:2em;padding-inline-start:2em}html.var .px,html.var .\$px>*{padding-inline:1em}html.var .px\:0,html.var .\$px\:0>*{padding-inline:0}html.var .px\:1,html.var .\$px\:1>*{padding-inline:0.25em}html.var .px\:2,html.var .\$px\:2>*{padding-inline:0.5em}html.var .px\:3,html.var .\$px\:3>*{padding-inline:0.75em}html.var .px\:4,html.var .\$px\:4>*{padding-inline:1.25em}html.var .px\:5,html.var .\$px\:5>*{padding-inline:1.5em}html.var .px\:6,html.var .\$px\:6>*{padding-inline:2em}html.var .py,html.var .\$py>*{padding-block:1em}html.var .py\:0,html.var .\$py\:0>*{padding-block:0}html.var .py\:1,html.var .\$py\:1>*{padding-block:0.25em}html.var .py\:2,html.var .\$py\:2>*{padding-block:0.5em}html.var .py\:3,html.var .\$py\:3>*{padding-block:0.75em}html.var .py\:4,html.var .\$py\:4>*{padding-block:1.25em}html.var .py\:5,html.var .\$py\:5>*{padding-block:1.5em}html.var .py\:6,html.var .\$py\:6>*{padding-block:2em}html.mpb .pt,html.mpb .\$pt>*{padding-top:1em}html.mpb .pt\:0,html.mpb .\$pt\:0>*{padding-top:0}html.mpb .pt\:1,html.mpb .\$pt\:1>*{padding-top:0.25em}html.mpb .pt\:2,html.mpb .\$pt\:2>*{padding-top:0.5em}html.mpb .pt\:3,html.mpb .\$pt\:3>*{padding-top:0.75em}html.mpb .pt\:4,html.mpb .\$pt\:4>*{padding-top:1.25em}html.mpb .pt\:5,html.mpb .\$pt\:5>*{padding-top:1.5em}html.mpb .pt\:6,html.mpb .\$pt\:6>*{padding-top:2em}html.mpb .pr,html.mpb .\$pr>*{padding-right:1em}html.mpb .pr\:0,html.mpb .\$pr\:0{padding-right:0}html.mpb .pr\:1,html.mpb .\$pr\:1{padding-right:0.25em}html.mpb .pr\:2,html.mpb .\$pr\:2{padding-right:0.5em}html.mpb .pr\:3,html.mpb .\$pr\:3{padding-right:0.75em}html.mpb .pr\:4,html.mpb .\$pr\:4{padding-right:1.25em}html.mpb .pr\:5,html.mpb .\$pr\:5{padding-right:1.5em}html.mpb .pr\:6,html.mpb .\$pr\:6{padding-right:2em}html.mpb .pb,html.mpb .\$pb>*{padding-bottom:1em}html.mpb .pb\:0,html.mpb .\$pb\:0>*{padding-bottom:0}html.mpb .pb\:1,html.mpb .\$pb\:1>*{padding-bottom:0.25em}html.mpb .pb\:2,html.mpb .\$pb\:2>*{padding-bottom:0.5em}html.mpb .pb\:3,html.mpb .\$pb\:3>*{padding-bottom:0.75em}html.mpb .pb\:4,html.mpb .\$pb\:4>*{padding-bottom:1.25em}html.mpb .pb\:5,html.mpb .\$pb\:5>*{padding-bottom:1.5em}html.mpb .pb\:6,html.mpb .\$pb\:6>*{padding-bottom:2em}html.mpb .pl,html.mpb .\$pl>*{padding-left:1em}html.mpb .pl\:0,html.mpb .\$pl\:0>*{padding-left:0}html.mpb .pl\:1,html.mpb .\$pl\:1>*{padding-left:0.25em}html.mpb .pl\:2,html.mpb .\$pl\:2>*{padding-left:0.5em}html.mpb .pl\:3,html.mpb .\$pl\:3>*{padding-left:0.75em}html.mpb .pl\:4,html.mpb .\$pl\:4>*{padding-left:1.25em}html.mpb .pl\:5,html.mpb .\$pl\:5>*{padding-left:1.5em}html.mpb .pl\:6,html.mpb .\$pl\:6>*{padding-left:2em}html.mpb .px,html.mpb .\$px>*{padding-left:1em;padding-right:1em}html.mpb .px\:0,html.mpb .\$px\:0>*{padding-left:0;padding-right:0}html.mpb .px\:1,html.mpb .\$px\:1>*{padding-left:0.25em;padding-right:0.25em}html.mpb .px\:2,html.mpb .\$px\:2>*{padding-left:0.5em;padding-right:0.5em}html.mpb .px\:3,html.mpb .\$px\:3>*{padding-left:0.75em;padding-right:0.75em}html.mpb .px\:4,html.mpb .\$px\:4>*{padding-left:1.25em;padding-right:1.25em}html.mpb .px\:5,html.mpb .\$px\:5>*{padding-left:1.5em;padding-right:1.5em}html.mpb .px\:6,html.mpb .\$px\:6>*{padding-left:2em;padding-right:2em}html.mpb .py,html.mpb .\$py>*{padding-top:1em;padding-bottom:1em}html.mpb .py\:0,html.mpb .\$py\:0>*{padding-top:0;padding-bottom:0}html.mpb .py\:1,html.mpb .\$py\:1>*{padding-top:0.25em;padding-bottom:0.25em}html.mpb .py\:2,html.mpb .\$py\:2>*{padding-top:0.5em;padding-bottom:0.5em}html.mpb .py\:3,html.mpb .\$py\:3>*{padding-top:0.75em;padding-bottom:0.75em}html.mpb .py\:4,html.mpb .\$py\:4>*{padding-top:1.25em;padding-bottom:1.25em}html.mpb .py\:5,html.mpb .\$py\:5>*{padding-top:1.5em;padding-bottom:1.5em}html.mpb .py\:6,html.mpb .\$py\:6>*{padding-top:2em;padding-bottom:2em}.pos\:a{position:absolute}.pos\:f{position:fixed}.pos\:r{position:relative}.pos\:st{position:static}.pos\:s{position:-webkit-sticky;position:sticky}.t{top:0}.l{left:0}.r{right:0}.b{bottom:0}.t\:a{top:auto}.l\:a{left:auto}.r\:a{right:auto}.b\:a{bottom:auto}.w.pos\:a,.w.pos\:f,.w.pos\:r,.w.pos\:s{left:0;right:0;width:auto}.h.pos\:a,.h.pos\:f,.h.pos\:r,.h.pos\:s{top:0;bottom:0;height:auto}.full.pos\:a,.full.pos\:f{top:0;left:0;right:0;bottom:0}.radius\:1,.radius\:tl\:1,.radius\:lt\:1,.radius\:tr\:1,.radius\:rt\:1,.radius\:bl\:1,.radius\:lb\:1,.radius\:br\:1,.radius\:rb\:1{--sf-radius:var(--sf-radius-1)}.radius\:2,.radius\:tl\:2,.radius\:lt\:2,.radius\:tr\:2,.radius\:rt\:2,.radius\:bl\:2,.radius\:lb\:2,.radius\:br\:2,.radius\:rb\:2{--sf-radius:var(--sf-radius-2)}.radius\:3,.radius\:tl\:3,.radius\:lt\:3,.radius\:tr\:3,.radius\:rt\:3,.radius\:bl\:3,.radius\:lb\:3,.radius\:br\:3,.radius\:rb\:3{--sf-radius:var(--sf-radius-3)}.radius\:4,.radius\:tl\:4,.radius\:lt\:4,.radius\:tr\:4,.radius\:rt\:4,.radius\:bl\:4,.radius\:lb\:4,.radius\:br\:4,.radius\:rb\:4{--sf-radius:var(--sf-radius-4)}.radius\:5,.radius\:tl\:5,.radius\:lt\:5,.radius\:tr\:5,.radius\:rt\:5,.radius\:bl\:5,.radius\:lb\:5,.radius\:br\:5,.radius\:rb\:5{--sf-radius:var(--sf-radius-5)}.radius\:6,.radius\:tl\:6,.radius\:lt\:6,.radius\:tr\:6,.radius\:rt\:6,.radius\:bl\:6,.radius\:lb\:6,.radius\:br\:6,.radius\:rb\:6{--sf-radius:var(--sf-radius-6)}.radius\:0,.radius\:tl\:0,.radius\:lt\:0,.radius\:tr\:0,.radius\:rt\:0,.radius\:bl\:0,.radius\:lb\:0,.radius\:br\:0,.radius\:rb\:0{--sf-radius:0}.radius\:25,.radius\:tl\:25,.radius\:lt\:25,.radius\:tr\:25,.radius\:rt\:25,.radius\:bl\:25,.radius\:lb\:25,.radius\:br\:25,.radius\:rb\:25{--sf-radius:25%}.radius\:50,.radius\:tl\:50,.radius\:lt\:50,.radius\:tr\:50,.radius\:rt\:50,.radius\:bl\:50,.radius\:lb\:50,.radius\:br\:50,.radius\:rb\:50{--sf-radius:50%}.radius\:75,.radius\:tl\:75,.radius\:lt\:75,.radius\:tr\:75,.radius\:rt\:75,.radius\:bl\:75,.radius\:lb\:75,.radius\:br\:75,.radius\:rb\:75{--sf-radius:75%}.radius\:100,.radius\:tl\:100,.radius\:lt\:100,.radius\:tr\:100,.radius\:rt\:100,.radius\:bl\:100,.radius\:lb\:100,.radius\:br\:100,.radius\:rb\:100{--sf-radius:100%}.radius:not(html),.radius\:0,.radius\:25,.radius\:50,.radius\:75,.radius\:100{border-radius:var(--sf-radius)}[class*='radius:tl'],[class*='radius:lt']{border-start-start-radius:var(--sf-radius)}[class*='radius:tr'],[class*='radius:rt']{border-start-end-radius:var(--sf-radius)}[class*='radius:bl'],[class*='radius:lb']{border-end-start-radius:var(--sf-radius)}[class*='radius:br'],[class*='radius:rb']{border-end-end-radius:var(--sf-radius)}[class*='radius:top']{border-start-start-radius:var(--sf-radius);border-start-end-radius:var(--sf-radius)}[class*='radius:bottom']{border-end-start-radius:var(--sf-radius);border-end-end-radius:var(--sf-radius)}[class*='radius:left']{border-start-start-radius:var(--sf-radius);border-end-start-radius:var(--sf-radius)}[class*='radius:right']{border-start-end-radius:var(--sf-radius);border-end-end-radius:var(--sf-radius)}html.var .radius{border-radius:0.5em}html.var .radius\:1{border-radius:1em}html.var .radius\:2{border-radius:1.25em}html.var .radius\:3{border-radius:1.5em}html.var .radius\:4{border-radius:2em}html.var .radius\:5{border-radius:2.5em}html.var .radius\:6{border-radius:3em}html.var .radius\:0{border-radius:0}html.var .radius\:25{border-radius:25%}html.var .radius\:50{border-radius:50%}html.var .radius\:75{border-radius:75%}html.var .radius\:100{border-radius:100%}html.var .radius\:tl,html.var .radius\:lt{border-start-start-radius:0.5em}html.var .radius\:tl\:1,html.var .radius\:lt\:1{border-start-start-radius:1em}html.var .radius\:tl\:2,html.var .radius\:lt\:2{border-start-start-radius:1.25em}html.var .radius\:tl\:3,html.var .radius\:lt\:3{border-start-start-radius:1.5em}html.var .radius\:tl\:4,html.var .radius\:lt\:4{border-start-start-radius:2em}html.var .radius\:tl\:5,html.var .radius\:lt\:5{border-start-start-radius:2.5em}html.var .radius\:tl\:6,html.var .radius\:lt\:6{border-start-start-radius:3em}html.var .radius\:tl\:0,html.var .radius\:lt\:0{border-start-start-radius:0}html.var .radius\:tl\:25,html.var .radius\:lt\:25{border-start-start-radius:25%}html.var .radius\:tl\:50,html.var .radius\:lt\:50{border-start-start-radius:50%}html.var .radius\:tl\:75,html.var .radius\:lt\:75{border-start-start-radius:75%}html.var .radius\:tl\:100,html.var .radius\:lt\:100{border-start-start-radius:100%}html.var .radius\:tr,html.var .radius\:rt{border-start-end-radius:0.5em}html.var .radius\:tr\:1,html.var .radius\:rt\:1{border-start-end-radius:1em}html.var .radius\:tr\:2,html.var .radius\:rt\:2{border-start-end-radius:1.25em}html.var .radius\:tr\:3,html.var .radius\:rt\:3{border-start-end-radius:1.5em}html.var .radius\:tr\:4,html.var .radius\:rt\:4{border-start-end-radius:2em}html.var .radius\:tr\:5,html.var .radius\:rt\:5{border-start-end-radius:2.5em}html.var .radius\:tr\:6,html.var .radius\:rt\:6{border-start-end-radius:3em}html.var .radius\:tr\:0,html.var .radius\:rt\:0{border-start-end-radius:0}html.var .radius\:tr\:25,html.var .radius\:rt\:25{border-start-end-radius:25%}html.var .radius\:tr\:50,html.var .radius\:rt\:50{border-start-end-radius:50%}html.var .radius\:tr\:75,html.var .radius\:rt\:75{border-start-end-radius:75%}html.var .radius\:tr\:100,html.var .radius\:rt\:100{border-start-end-radius:100%}html.var .radius\:bl,html.var .radius\:lb{border-end-start-radius:0.5em}html.var .radius\:bl\:1,html.var .radius\:lb\:1{border-end-start-radius:1em}html.var .radius\:bl\:2,html.var .radius\:lb\:2{border-end-start-radius:1.25em}html.var .radius\:bl\:3,html.var .radius\:lb\:3{border-end-start-radius:1.5em}html.var .radius\:bl\:4,html.var .radius\:lb\:4{border-end-start-radius:2em}html.var .radius\:bl\:5,html.var .radius\:lb\:5{border-end-start-radius:2.5em}html.var .radius\:bl\:6,html.var .radius\:lb\:6{border-end-start-radius:3em}html.var .radius\:bl\:0,html.var .radius\:lb\:0{border-end-start-radius:0}html.var .radius\:bl\:25,html.var .radius\:lb\:25{border-end-start-radius:25%}html.var .radius\:bl\:50,html.var .radius\:lb\:50{border-end-start-radius:50%}html.var .radius\:bl\:75,html.var .radius\:lb\:75{border-end-start-radius:75%}html.var .radius\:bl\:100,html.var .radius\:lb\:100{border-end-start-radius:100%}html.var .radius\:br,html.var .radius\:rb{border-end-end-radius:0.5em}html.var .radius\:br\:1,html.var .radius\:rb\:1{border-end-end-radius:1em}html.var .radius\:br\:2,html.var .radius\:rb\:2{border-end-end-radius:1.25em}html.var .radius\:br\:3,html.var .radius\:rb\:3{border-end-end-radius:1.5em}html.var .radius\:br\:4,html.var .radius\:rb\:4{border-end-end-radius:2em}html.var .radius\:br\:5,html.var .radius\:rb\:5{border-end-end-radius:2.5em}html.var .radius\:br\:6,html.var .radius\:rb\:6{border-end-end-radius:3em}html.var .radius\:br\:0,html.var .radius\:rb\:0{border-end-end-radius:0}html.var .radius\:br\:25,html.var .radius\:rb\:25{border-end-end-radius:25%}html.var .radius\:br\:50,html.var .radius\:rb\:50{border-end-end-radius:50%}html.var .radius\:br\:75,html.var .radius\:rb\:75{border-end-end-radius:75%}html.var .radius\:br\:100,html.var .radius\:rb\:100{border-end-end-radius:100%}html.var .radius\:top{border-start-start-radius:0.5em;border-start-end-radius:0.5em}html.var .radius\:top\:1{border-start-start-radius:1em;border-start-end-radius:1em}html.var .radius\:top\:2{border-start-start-radius:1.25em;border-start-end-radius:1.25em}html.var .radius\:top\:3{border-start-start-radius:1.5em;border-start-end-radius:1.5em}html.var .radius\:top\:4{border-start-start-radius:2em;border-start-end-radius:2em}html.var .radius\:top\:5{border-start-start-radius:2.5em;border-start-end-radius:2.5em}html.var .radius\:top\:6{border-start-start-radius:3em;border-start-end-radius:3em}html.var .radius\:top\:0{border-start-start-radius:0;border-start-end-radius:0}html.var .radius\:top\:25{border-start-start-radius:25%;border-start-end-radius:25%}html.var .radius\:top\:50{border-start-start-radius:50%;border-start-end-radius:50%}html.var .radius\:top\:75{border-start-start-radius:75%;border-start-end-radius:75%}html.var .radius\:top\:100{border-start-start-radius:100%;border-start-end-radius:100%}html.var .radius\:bottom{border-end-start-radius:0.5em;border-end-end-radius:0.5em}html.var .radius\:bottom\:1{border-end-start-radius:1em;border-end-end-radius:1em}html.var .radius\:bottom\:2{border-end-start-radius:1.25em;border-end-end-radius:1.25em}html.var .radius\:bottom\:3{border-end-start-radius:1.5em;border-end-end-radius:1.5em}html.var .radius\:bottom\:4{border-end-start-radius:2em;border-end-end-radius:2em}html.var .radius\:bottom\:5{border-end-start-radius:2.5em;border-end-end-radius:2.5em}html.var .radius\:bottom\:6{border-end-start-radius:3em;border-end-end-radius:3em}html.var .radius\:bottom\:0{border-end-start-radius:0;border-end-end-radius:0}html.var .radius\:bottom\:25{border-end-start-radius:25%;border-end-end-radius:25%}html.var .radius\:bottom\:50{border-end-start-radius:50%;border-end-end-radius:50%}html.var .radius\:bottom\:75{border-end-start-radius:75%;border-end-end-radius:75%}html.var .radius\:bottom\:100{border-end-start-radius:100%;border-end-end-radius:100%}html.var .radius\:left{border-start-start-radius:0.5em;border-end-start-radius:0.5em}html.var .radius\:left\:1{border-start-start-radius:1em;border-end-start-radius:1em}html.var .radius\:left\:2{border-start-start-radius:1.25em;border-end-start-radius:1.25em}html.var .radius\:left\:3{border-start-start-radius:1.5em;border-end-start-radius:1.5em}html.var .radius\:left\:4{border-start-start-radius:2em;border-end-start-radius:2em}html.var .radius\:left\:5{border-start-start-radius:2.5em;border-end-start-radius:2.5em}html.var .radius\:left\:6{border-start-start-radius:3em;border-end-start-radius:3em}html.var .radius\:left\:0{border-start-start-radius:0;border-end-start-radius:0}html.var .radius\:left\:25{border-start-start-radius:25%;border-end-start-radius:25%}html.var .radius\:left\:50{border-start-start-radius:50%;border-end-start-radius:50%}html.var .radius\:left\:75{border-start-start-radius:75%;border-end-start-radius:75%}html.var .radius\:left\:100{border-start-start-radius:100%;border-end-start-radius:100%}html.var .radius\:right{border-start-end-radius:0.5em;border-end-end-radius:0.5em}html.var .radius\:right\:1{border-end-start-radius:1em;border-end-end-radius:1em}html.var .radius\:right\:2{border-end-start-radius:1.25em;border-end-end-radius:1.25em}html.var .radius\:right\:3{border-end-start-radius:1.5em;border-end-end-radius:1.5em}html.var .radius\:right\:4{border-end-start-radius:2em;border-end-end-radius:2em}html.var .radius\:right\:5{border-end-start-radius:2.5em;border-end-end-radius:2.5em}html.var .radius\:right\:6{border-end-start-radius:3em;border-end-end-radius:3em}html.var .radius\:right\:0{border-end-start-radius:0;border-end-end-radius:0}html.var .radius\:right\:25{border-end-start-radius:25%;border-end-end-radius:25%}html.var .radius\:right\:50{border-end-start-radius:50%;border-end-end-radius:50%}html.var .radius\:right\:75{border-end-start-radius:75%;border-end-end-radius:75%}html.var .radius\:right\:100{border-end-start-radius:100%;border-end-end-radius:100%}html.radius .radius\:tl,html.radius .radius\:lt{border-top-left-radius:0.5em}html.radius .radius\:tl\:1,html.radius .radius\:lt\:1{border-top-left-radius:1em}html.radius .radius\:tl\:2,html.radius .radius\:lt\:2{border-top-left-radius:1.25em}html.radius .radius\:tl\:3,html.radius .radius\:lt\:3{border-top-left-radius:1.5em}html.radius .radius\:tl\:4,html.radius .radius\:lt\:4{border-top-left-radius:2em}html.radius .radius\:tl\:5,html.radius .radius\:lt\:5{border-top-left-radius:2.5em}html.radius .radius\:tl\:6,html.radius .radius\:lt\:6{border-top-left-radius:3em}html.radius .radius\:tl\:0,html.radius .radius\:lt\:0{border-top-left-radius:0}html.radius .radius\:tl\:25,html.radius .radius\:lt\:25{border-top-left-radius:25%}html.radius .radius\:tl\:50,html.radius .radius\:lt\:50{border-top-left-radius:50%}html.radius .radius\:tl\:75,html.radius .radius\:lt\:75{border-top-left-radius:75%}html.radius .radius\:tl\:100,html.radius .radius\:lt\:100{border-top-left-radius:100%}html.radius .radius\:tr,html.radius .radius\:rt{border-top-right-radius:0.5em}html.radius .radius\:tr\:1,html.radius .radius\:rt\:1{border-top-right-radius:1em}html.radius .radius\:tr\:2,html.radius .radius\:rt\:2{border-top-right-radius:1.25em}html.radius .radius\:tr\:3,html.radius .radius\:rt\:3{border-top-right-radius:1.5em}html.radius .radius\:tr\:4,html.radius .radius\:rt\:4{border-top-right-radius:2em}html.radius .radius\:tr\:5,html.radius .radius\:rt\:5{border-top-right-radius:2.5em}html.radius .radius\:tr\:6,html.radius .radius\:rt\:6{border-top-right-radius:3em}html.radius .radius\:tr\:0,html.radius .radius\:rt\:0{border-top-right-radius:0}html.radius .radius\:tr\:25,html.radius .radius\:rt\:25{border-top-right-radius:25%}html.radius .radius\:tr\:50,html.radius .radius\:rt\:50{border-top-right-radius:50%}html.radius .radius\:tr\:75,html.radius .radius\:rt\:75{border-top-right-radius:75%}html.radius .radius\:tr\:100,html.radius .radius\:rt\:100{border-top-right-radius:100%}html.radius .radius\:bl,html.radius .radius\:lb{border-bottom-left-radius:0.5em}html.radius .radius\:bl\:1,html.radius .radius\:lb\:1{border-bottom-left-radius:1em}html.radius .radius\:bl\:2,html.radius .radius\:lb\:2{border-bottom-left-radius:1.25em}html.radius .radius\:bl\:3,html.radius .radius\:lb\:3{border-bottom-left-radius:1.5em}html.radius .radius\:bl\:4,html.radius .radius\:lb\:4{border-bottom-left-radius:2em}html.radius .radius\:bl\:5,html.radius .radius\:lb\:5{border-bottom-left-radius:2.5em}html.radius .radius\:bl\:6,html.radius .radius\:lb\:6{border-bottom-left-radius:3em}html.radius .radius\:bl\:0,html.radius .radius\:lb\:0{border-bottom-left-radius:0}html.radius .radius\:bl\:25,html.radius .radius\:lb\:25{border-bottom-left-radius:25%}html.radius .radius\:bl\:50,html.radius .radius\:lb\:50{border-bottom-left-radius:50%}html.radius .radius\:bl\:75,html.radius .radius\:lb\:75{border-bottom-left-radius:75%}html.radius .radius\:bl\:100,html.radius .radius\:lb\:100{border-bottom-left-radius:100%}html.radius .radius\:br,html.radius .radius\:rb{border-bottom-right-radius:0.5em}html.radius .radius\:br\:1,html.radius .radius\:rb\:1{border-bottom-right-radius:1em}html.radius .radius\:br\:2,html.radius .radius\:rb\:2{border-bottom-right-radius:1.25em}html.radius .radius\:br\:3,html.radius .radius\:rb\:3{border-bottom-right-radius:1.5em}html.radius .radius\:br\:4,html.radius .radius\:rb\:4{border-bottom-right-radius:2em}html.radius .radius\:br\:5,html.radius .radius\:rb\:5{border-bottom-right-radius:2.5em}html.radius .radius\:br\:6,html.radius .radius\:rb\:6{border-bottom-right-radius:3em}html.radius .radius\:br\:0,html.radius .radius\:rb\:0{border-bottom-right-radius:0}html.radius .radius\:br\:25,html.radius .radius\:rb\:25{border-bottom-right-radius:25%}html.radius .radius\:br\:50,html.radius .radius\:rb\:50{border-bottom-right-radius:50%}html.radius .radius\:br\:75,html.radius .radius\:rb\:75{border-bottom-right-radius:75%}html.radius .radius\:br\:100,html.radius .radius\:rb\:100{border-bottom-right-radius:100%}html.radius .radius\:top{border-top-left-radius:0.5em;border-top-right-radius:0.5em}html.radius .radius\:top\:1{border-top-left-radius:1em;border-top-right-radius:1em}html.radius .radius\:top\:2{border-top-left-radius:1.25em;border-top-right-radius:1.25em}html.radius .radius\:top\:3{border-top-left-radius:1.5em;border-top-right-radius:1.5em}html.radius .radius\:top\:4{border-top-left-radius:2em;border-top-right-radius:2em}html.radius .radius\:top\:5{border-top-left-radius:2.5em;border-top-right-radius:2.5em}html.radius .radius\:top\:6{border-top-left-radius:3em;border-top-right-radius:3em}html.radius .radius\:top\:0{border-top-left-radius:0;border-top-right-radius:0}html.radius .radius\:top\:25{border-top-left-radius:25%;border-top-right-radius:25%}html.radius .radius\:top\:50{border-top-left-radius:50%;border-top-right-radius:50%}html.radius .radius\:top\:75{border-top-left-radius:75%;border-top-right-radius:75%}html.radius .radius\:top\:100{border-top-left-radius:100%;border-top-right-radius:100%}html.radius .radius\:bottom{border-bottom-left-radius:0.5em;border-bottom-right-radius:0.5em}html.radius .radius\:bottom\:1{border-bottom-left-radius:1em;border-bottom-right-radius:1em}html.radius .radius\:bottom\:2{border-bottom-left-radius:1.25em;border-bottom-right-radius:1.25em}html.radius .radius\:bottom\:3{border-bottom-left-radius:1.5em;border-bottom-right-radius:1.5em}html.radius .radius\:bottom\:4{border-bottom-left-radius:2em;border-bottom-right-radius:2em}html.radius .radius\:bottom\:5{border-bottom-left-radius:2.5em;border-bottom-right-radius:2.5em}html.radius .radius\:bottom\:6{border-bottom-left-radius:3em;border-bottom-right-radius:3em}html.radius .radius\:bottom\:0{border-bottom-left-radius:0;border-bottom-right-radius:0}html.radius .radius\:bottom\:25{border-bottom-left-radius:25%;border-bottom-right-radius:25%}html.radius .radius\:bottom\:50{border-bottom-left-radius:50%;border-bottom-right-radius:50%}html.radius .radius\:bottom\:75{border-bottom-left-radius:75%;border-bottom-right-radius:75%}html.radius .radius\:bottom\:100{border-bottom-left-radius:100%;border-bottom-right-radius:100%}html.radius .radius\:left{border-top-left-radius:0.5em;border-bottom-left-radius:0.5em}html.radius .radius\:left\:1{border-top-left-radius:1em;border-bottom-left-radius:1em}html.radius .radius\:left\:2{border-top-left-radius:1.25em;border-bottom-left-radius:1.25em}html.radius .radius\:left\:3{border-top-left-radius:1.5em;border-bottom-left-radius:1.5em}html.radius .radius\:left\:4{border-top-left-radius:2em;border-bottom-left-radius:2em}html.radius .radius\:left\:5{border-top-left-radius:2.5em;border-bottom-left-radius:2.5em}html.radius .radius\:left\:6{border-top-left-radius:3em;border-bottom-left-radius:3em}html.radius .radius\:left\:0{border-top-left-radius:0;border-bottom-left-radius:0}html.radius .radius\:left\:25{border-top-left-radius:25%;border-bottom-left-radius:25%}html.radius .radius\:left\:50{border-top-left-radius:50%;border-bottom-left-radius:50%}html.radius .radius\:left\:75{border-top-left-radius:75%;border-bottom-left-radius:75%}html.radius .radius\:left\:100{border-top-left-radius:100%;border-bottom-left-radius:100%}html.radius .radius\:right{border-top-right-radius:0.5em;border-bottom-right-radius:0.5em}html.radius .radius\:right\:1{border-top-right-radius:1em;border-bottom-right-radius:1em}html.radius .radius\:right\:2{border-top-right-radius:1.25em;border-bottom-right-radius:1.25em}html.radius .radius\:right\:3{border-top-right-radius:1.5em;border-bottom-right-radius:1.5em}html.radius .radius\:right\:4{border-top-right-radius:2em;border-bottom-right-radius:2em}html.radius .radius\:right\:5{border-top-right-radius:2.5em;border-bottom-right-radius:2.5em}html.radius .radius\:right\:6{border-top-right-radius:3em;border-bottom-right-radius:3em}html.radius .radius\:right\:0{border-top-right-radius:0;border-bottom-right-radius:0}html.radius .radius\:right\:25{border-top-right-radius:25%;border-bottom-right-radius:25%}html.radius .radius\:right\:50{border-top-right-radius:50%;border-bottom-right-radius:50%}html.radius .radius\:right\:75{border-top-right-radius:75%;border-bottom-right-radius:75%}html.radius .radius\:right\:100{border-top-right-radius:100%;border-bottom-right-radius:100%}.w{width:100%}.w\:0{width:0}.w\:a{width:auto}.w\:min{min-width:0}.w\:min\:100{min-width:100%}.w\:max{max-width:none}.w\:max\:0{max-width:0}.w\:max\:100{max-width:100%}.vw{width:100vw}.vw\:min{min-width:100vw}.vw\:max{max-width:100vw}.h{height:100%}.h\:0{height:0}.h\:a{height:auto}.h\:min{min-height:0}.h\:min\:100{min-height:100%}.h\:max{max-height:none}.h\:max\:0{max-height:0}.h\:max\:100{max-height:100%}.vh{height:100vh}.vh\:min{min-height:100vh}.vh\:max{max-height:100vh}.ff\:sans{font-family:var(--sf-ff-sans)}.ff\:serif{font-family:var(--sf-ff-serif)}.ff\:monospace{font-family:var(--sf-ff-monospace)}.ff\:cursive{font-family:var(--sf-ff-cursive)}.ff\:fantasy{font-family:var(--sf-ff-fantasy)}.ff\:emoji{font-family:var(--sf-ff-emoji)}.ff\:math{font-family:var(--sf-ff-math)}.ff\:fangsong{font-family:var(--sf-ff-fangsong)}.fw{font-weight:var(--sf-fw)}.fw\:i{font-weight:inherit}.fw\:bold{font-weight:700}.fw\:small{font-weight:var(--sf-fw-small)}.fw\:h1{font-weight:var(--sf-fw-h1)}.fw\:h2{font-weight:var(--sf-fw-h2)}.fw\:h3{font-weight:var(--sf-fw-h3)}.fw\:h4{font-weight:var(--sf-fw-h4)}.fw\:h5{font-weight:var(--sf-fw-h5)}.fw\:h6{font-weight:var(--sf-fw-h6)}.fw\:1{font-weight:100}.fw\:2{font-weight:200}.fw\:3{font-weight:300}.fw\:4{font-weight:400}.fw\:5{font-weight:500}.fw\:6{font-weight:600}.fw\:7{font-weight:700}.fw\:8{font-weight:800}.fw\:9{font-weight:900}.fw\:thin{font-weight:100}.fw\:light{font-weight:300}.fw,.fw\:normal{font-weight:400}.fw\:medium{font-weight:500}.fw\:extra-light,.fw\:ultra-light{font-weight:200}.fw\:semi-bold,.fw\:demi-bold{font-weight:600}.fw\:extra-bold,.fw\:ultra-bold{font-weight:800}.fw\:black,.fw\:heavy{font-weight:900}.fz\:h1{font-size:var(--sf-fz-h1)}.fz\:h2{font-size:var(--sf-fz-h2)}.fz\:h3{font-size:var(--sf-fz-h3)}.fz\:h4{font-size:var(--sf-fz-h4)}.fz\:h5{font-size:var(--sf-fz-h5)}.fz\:h6{font-size:var(--sf-fz-h6)}.fz{font-size:var(--sf-fz)}.fz\:0{font-size:var(--sf-fz-0)}.fz\:i{font-size:inherit}.fz\:bold{font-size:var(--sf-fz-bold)}.fz\:small{font-size:var(--sf-fz-small)}.fz\:small\:1{font-size:var(--sf-fz-small-1)}.fz\:small\:2{font-size:var(--sf-fz-small-2)}.fz\:small\:3{font-size:var(--sf-fz-small-3)}.fz\:small\:4{font-size:var(--sf-fz-small-4)}.fz\:small\:5{font-size:var(--sf-fz-small-5)}.fz\:small\:6{font-size:var(--sf-fz-small-6)}.ta\:l,.\$ta\:l>*{text-align:start}.ta\:c,.\$ta\:c>*{text-align:center}.ta\:r,.\$ta\:r>*{text-align:end}.ta\:j,.\$ta\:j>*{text-align:justify}.whs{white-space:normal}.whs\:i{white-space:inherit}.whs\:nowrap,.\$whs\:nowrap>*{white-space:nowrap}.whs\:p{white-space:pre}.whs\:pl{white-space:pre-line}.whs\:pw{white-space:pre-wrap}.lh{line-height:var(--sf-lh-normal)}.lh\:base{line-height:var(--sf-lh)}.lh\:i{line-height:inherit}.lh\:n{line-height:normal}.lh\:1{line-height:1}.lh\:0{line-height:0}.va\:i,.\$va\:i>*{vertical-align:inherit}.va\:bl,.\$va\:bl>*{vertical-align:baseline}.va\:a,.\$va\:a>*{vertical-align:auto}.va\:m,.\$va\:m>*{vertical-align:middle}.va\:t,.\$va\:t>*{vertical-align:top}.va\:b,.\$va\:b>*{vertical-align:bottom}.va\:tt,.\$va\:tt>*{vertical-align:text-top}.va\:tb,.\$va\:tb>*{vertical-align:text-bottom}.va\:sub,.\$va\:sub>*{vertical-align:sub}.va\:sup,.\$va\:sup>*{vertical-align:super}.rtl{direction:rtl}.ltr{direction:ltr}.wm\:lr{-ms-writing-mode:lr;writing-mode:lr}.wm\:rl{-ms-writing-mode:rl;writing-mode:rl}.wm\:tb{-ms-writing-mode:tb;writing-mode:tb}.wm\:btl{-ms-writing-mode:bt-lr;writing-mode:bt-lr}.wm\:btr{-ms-writing-mode:bt-rl;writing-mode:bt-rl}.wm\:lrb{-ms-writing-mode:lr-bt;writing-mode:lr-bt}.wm\:lrt{-ms-writing-mode:lr-tb;writing-mode:lr-tb}.wm\:rlb{-ms-writing-mode:rl-bt;writing-mode:rl-bt}.wm\:rlt{-ms-writing-mode:rl-tb;writing-mode:rl-tb}.wm\:tbl{-ms-writing-mode:tb-lr;writing-mode:tb-lr}.wm\:tbr{-ms-writing-mode:tb-rl;writing-mode:tb-rl}.wm\:inherit{-ms-writing-mode:inherit;writing-mode:inherit}.wm\:horizontal-tb{-ms-writing-mode:lr-tb;writing-mode:horizontal-tb}.wm\:sideways-lr{-ms-writing-mode:sideways-lr;writing-mode:sideways-lr}.wm\:sideways-rl{-ms-writing-mode:sideways-rl;writing-mode:sideways-rl}.wm\:vertical-lr{-ms-writing-mode:tb-lr;writing-mode:vertical-lr}.wm\:vertical-rl{-ms-writing-mode:tb-rl;writing-mode:vertical-rl}html.var .ff\:sans{font-family:'Inter',ui-sans-serif,system-ui,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'}html.var .ff\:serif{font-family:Times,'Times New Roman',Georgia,serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'}html.var .ff\:monospace{font-family:'Lucida Console',Courier,monospace,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'}html.var .ff\:cursive{font-family:cursive}html.var .ff\:fantasy{font-family:fantasy}html.var .ff\:emoji{font-family:'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji',emoji}html.var .ff\:math{font-family:math}html.var .ff\:fangsong{font-family:fangsong}html.var .fw{font-weight:400}html.var .fw\:i{font-weight:inherit}html.var .fw\:bold{font-weight:600}html.var .fw\:small{font-weight:300}html.var .fw\:h1{font-weight:700}html.var .fw\:h2{font-weight:700}html.var .fw\:h3{font-weight:700}html.var .fw\:h4{font-weight:600}html.var .fw\:h5{font-weight:600}html.var .fw\:h6{font-weight:600}html.var .fz\:h1{font-size:48px}html.var .fz\:h2{font-size:40px}html.var .fz\:h3{font-size:32px}html.var .fz\:h4{font-size:24px}html.var .fz\:h5{font-size:20px}html.var .fz\:h6{font-size:16px}html.var .fz{font-size:16px}html.var .fz\:0{font-size:0}html.var .fz\:i{font-size:inherit}html.var .fz\:bold{font-size:16px}html.var .fz\:small{font-size:12px}html.var .fz\:small\:1{font-size:15px}html.var .fz\:small\:2{font-size:14px}html.var .fz\:small\:3{font-size:13px}html.var .fz\:small\:4{font-size:12px}html.var .fz\:small\:5{font-size:11px}html.var .fz\:small\:6{font-size:10px}html.var .lh{line-height:1.1875}html.var .lh\:base{line-height:0.8}html.ta .ta\:l,html.ta .\$ta\:l>*{text-align:left}html.ta .ta\:c,html.ta .\$ta\:c>*{text-align:center}html.ta .ta\:r,html.ta .\$ta\:r>*{text-align:right}html.ta .ta\:j,html.ta .\$ta\:j>*{text-align:justify}.z{z-index:auto}.z\:-1{z-index:-10}.z\:0{z-index:0}.z\:1{z-index:10}.z\:2{z-index:20}.z\:3{z-index:30}.z\:4{z-index:40}.z\:5{z-index:50}.z\:6{z-index:60}.z\:7{z-index:70}.z\:8{z-index:80}.z\:9{z-index:90}.z\:10{z-index:100} +:root{--sf-unit-xxxs:0.0625;--sf-unit-xxs:0.125;--sf-unit-xs:0.25;--sf-unit-sm:0.5;--sf-unit-s:0.625;--sf-unit-ms:0.75;--sf-unit-ls:0.85;--sf-unit-md:1;--sf-unit-lg:1.5;--sf-unit-xl:2;--sf-unit-em:1em;--sf-em-xxxs:calc(var(--sf-unit-xxxs) * var(--sf-unit-em));--sf-em-xxs:calc(var(--sf-unit-xxs) * var(--sf-unit-em));--sf-em-xxs1:calc(3 / 16 * var(--sf-unit-em));--sf-em-xs:calc(var(--sf-unit-xs) * var(--sf-unit-em));--sf-em-xs1:calc(5 / 16 * var(--sf-unit-em));--sf-em-xs2:calc(6 / 16 * var(--sf-unit-em));--sf-em-xs3:calc(7 / 16 * var(--sf-unit-em));--sf-em-sm:calc(var(--sf-unit-sm) * var(--sf-unit-em));--sf-em-sm1:calc(9 / 16 * var(--sf-unit-em));--sf-em-s:calc(var(--sf-unit-s) * var(--sf-unit-em));--sf-em-sm3:calc(11 / 16 * var(--sf-unit-em));--sf-em-ms:calc(var(--sf-unit-ms) * var(--sf-unit-em));--sf-em-ms1:calc(13 / 16 * var(--sf-unit-em));--sf-em-ls:calc(var(--sf-unit-ls) * var(--sf-unit-em));--sf-em-ls1:calc(15 / 16 * var(--sf-unit-em));--sf-em-md:var(--sf-unit-em);--sf-em-md1:calc(17 / 16 * var(--sf-unit-em));--sf-em-md2:calc(18 / 16 * var(--sf-unit-em));--sf-em-md3:calc(19 / 16 * var(--sf-unit-em));--sf-em-md4:calc(20 / 16 * var(--sf-unit-em));--sf-em-lg:calc(var(--sf-unit-lg) * var(--sf-unit-em));--sf-em-xl:calc(var(--sf-unit-xl) * var(--sf-unit-em));--sf-em-2xl:calc(2 * var(--sf-unit-xl) * var(--sf-unit-em));--sf-em-3xl:calc(3 * var(--sf-unit-xl) * var(--sf-unit-em));--sf-em-4xl:calc(4 * var(--sf-unit-xl) * var(--sf-unit-em));--sf-em-5xl:calc(5 * var(--sf-unit-xl) * var(--sf-unit-em));--sf-em-6xl:calc(6 * var(--sf-unit-xl) * var(--sf-unit-em));--sf-em-7xl:calc(7 * var(--sf-unit-xl) * var(--sf-unit-em));--sf-em-8xl:calc(8 * var(--sf-unit-xl) * var(--sf-unit-em));--sf-em-9xl:calc(9 * var(--sf-unit-xl) * var(--sf-unit-em));--sf-em-10xl:calc(10 * var(--sf-unit-xl) * var(--sf-unit-em));--sf-em-11xl:calc(11 * var(--sf-unit-xl) * var(--sf-unit-em));--sf-em-12xl:calc(12 * var(--sf-unit-xl) * var(--sf-unit-em));--sf-em-13xl:calc(13 * var(--sf-unit-xl) * var(--sf-unit-em));--sf-em-14xl:calc(14 * var(--sf-unit-xl) * var(--sf-unit-em));--sf-em-15xl:calc(15 * var(--sf-unit-xl) * var(--sf-unit-em));--sf-em-16xl:calc(16 * var(--sf-unit-xl) * var(--sf-unit-em));--sf-gap-x:var(--sf-em-sm);--sf-gap-y:var(--sf-em-sm);--sf-bd-w:1px;--sf-margin:var(--sf-em-sm);--sf-margin-xs:var(--sf-em-xs);--sf-margin-md:var(--sf-em-md);--sf-margin-lg:var(--sf-em-lg);--sf-margin-xl:var(--sf-em-xl);--sf-ol-w:1px;--sf-padding:var(--sf-em-sm);--sf-padding-xs:var(--sf-em-xs);--sf-padding-md:var(--sf-em-md);--sf-padding-lg:var(--sf-em-lg);--sf-padding-xl:var(--sf-em-xl);--sf-radius:var(--sf-em-sm);--sf-radius-xxs:var(--sf-em-xxs1);--sf-radius-xs:var(--sf-em-xs);--sf-radius-md:var(--sf-em-md);--sf-radius-lg:var(--sf-em-lg);--sf-radius-xl:var(--sf-em-xl);--sf-scroll:var(--sf-em-md);--sf-scroll-xs:var(--sf-em-xs);--sf-scroll-sm:var(--sf-em-sm);--sf-scroll-lg:var(--sf-em-lg);--sf-scroll-xl:var(--sf-em-xl);--sf-lh:0.8;--sf-lh-normal:1.1875;--sf-ff-sans:'Inter',ui-sans-serif,system-ui,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';--sf-ff-serif:Times,'Times New Roman',Georgia,serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';--sf-ff-monospace:'Lucida Console',Courier,monospace,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';--sf-ff-cursive:cursive;--sf-ff-fantasy:fantasy;--sf-ff-emoji:'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji',emoji;--sf-ff-math:math;--sf-ff-fangsong:fangsong;--sf-fz:1rem;--sf-fz-0:0;--sf-fz-bold:1rem;--sf-fz-h1:3rem;--sf-fz-h2:2.5rem;--sf-fz-h3:2rem;--sf-fz-h4:1.5rem;--sf-fz-h5:1.25rem;--sf-fz-h6:1rem;--sf-fz-small:0.75rem;--sf-fz-small-1:0.9375rem;--sf-fz-small-2:0.875rem;--sf-fz-small-3:0.8125rem;--sf-fz-small-4:0.75rem;--sf-fz-small-5:0.6875rem;--sf-fz-small-6:0.625rem;--sf-fw:400;--sf-fw-bold:600;--sf-fw-small:300;--sf-fw-h1:700;--sf-fw-h2:700;--sf-fw-h3:700;--sf-fw-h4:600;--sf-fw-h5:600;--sf-fw-h6:600}.cols{--cols:12}.rows{--rows:12}.cols\:12{--cols:12}.rows\:12{--rows:12}.cols\:11{--cols:11}.rows\:11{--rows:11}.cols\:10{--cols:10}.rows\:10{--rows:10}.cols\:9{--cols:9}.rows\:9{--rows:9}.cols\:8{--cols:8}.rows\:8{--rows:8}.cols\:7{--cols:7}.rows\:7{--rows:7}.cols\:6{--cols:6}.rows\:6{--rows:6}.cols\:5{--cols:5}.rows\:5{--rows:5}.cols\:4{--cols:4}.rows\:4{--rows:4}.cols\:3{--cols:3}.rows\:3{--rows:3}.cols\:2{--cols:2}.rows\:2{--rows:2}.cols\:1{--cols:1}.rows\:1{--rows:1}.col,.col\:1{--col:1}.col\:start\:1{--cs:1}.col\:end\:1{--ce:1}.col\:2{--col:2}.col\:start\:2{--cs:2}.col\:end\:2{--ce:2}.col\:3{--col:3}.col\:start\:3{--cs:3}.col\:end\:3{--ce:3}.col\:4{--col:4}.col\:start\:4{--cs:4}.col\:end\:4{--ce:4}.col\:5{--col:5}.col\:start\:5{--cs:5}.col\:end\:5{--ce:5}.col\:6{--col:6}.col\:start\:6{--cs:6}.col\:end\:6{--ce:6}.col\:7{--col:7}.col\:start\:7{--cs:7}.col\:end\:7{--ce:7}.col\:8{--col:8}.col\:start\:8{--cs:8}.col\:end\:8{--ce:8}.col\:9{--col:9}.col\:start\:9{--cs:9}.col\:end\:9{--ce:9}.col\:10{--col:10}.col\:start\:10{--cs:10}.col\:end\:10{--ce:10}.col\:11{--col:11}.col\:start\:11{--cs:11}.col\:end\:11{--ce:11}.col\:12{--col:12}.col\:start\:12{--cs:12}.col\:end\:12{--ce:12}.row,.row\:1{--row:1}.row\:start\:1{--rs:1}.row\:end\:1{--re:1}.row\:2{--row:2}.row\:start\:2{--rs:2}.row\:end\:2{--re:2}.row\:3{--row:3}.row\:start\:3{--rs:3}.row\:end\:3{--re:3}.row\:4{--row:4}.row\:start\:4{--rs:4}.row\:end\:4{--re:4}.row\:5{--row:5}.row\:start\:5{--rs:5}.row\:end\:5{--re:5}.row\:6{--row:6}.row\:start\:6{--rs:6}.row\:end\:6{--re:6}.row\:7{--row:7}.row\:start\:7{--rs:7}.row\:end\:7{--re:7}.row\:8{--row:8}.row\:start\:8{--rs:8}.row\:end\:8{--re:8}.row\:9{--row:9}.row\:start\:9{--rs:9}.row\:end\:9{--re:9}.row\:10{--row:10}.row\:start\:10{--rs:10}.row\:end\:10{--re:10}.row\:11{--row:11}.row\:start\:11{--rs:11}.row\:end\:11{--re:11}.row\:12{--row:12}.row\:start\:12{--rs:12}.row\:end\:12{--re:12}[class*='cols']{display:block;letter-spacing:-1em !important;grid-template-columns:repeat(var(--cols,12),minmax(0,1fr))}[class*='cols']>*{display:inline-block;letter-spacing:normal;vertical-align:top}.cols>.col,.cols>.col\:1{width:8.3333%}.cols>.col\:2{width:16.6666%}.cols>.col\:3{width:25%}.cols>.col\:4{width:33.3333%}.cols>.col\:5{width:41.6666%}.cols>.col\:6{width:50%}.cols>.col\:7{width:58.3333%}.cols>.col\:8{width:66.6666%}.cols>.col\:9{width:75%}.cols>.col\:10{width:83.3333%}.cols>.col\:11{width:91.6666%}.cols>.col\:12{width:100%}.cols\:1>.col\:1,.cols\:1>.col{width:100%}.cols\:2>.col\:1,.cols\:2>.col{width:50%}.cols\:2>.col\:2{width:100%}.cols\:3>.col\:1,.cols\:3>.col{width:33.3333%}.cols\:3>.col\:2{width:66.6666%}.cols\:3>.col\:3{width:100%}.cols\:4>.col\:1,.cols\:4>.col{width:25%}.cols\:4>.col\:2{width:50%}.cols\:4>.col\:3{width:75%}.cols\:4>.col\:4{width:100%}.cols\:5>.col\:1,.cols\:5>.col{width:20%}.cols\:5>.col\:2{width:40%}.cols\:5>.col\:3{width:60%}.cols\:5>.col\:4{width:80%}.cols\:5>.col\:5{width:100%}.cols\:6>.col\:1,.cols\:6>.col{width:16.6666%}.cols\:6>.col\:2{width:33.3333%}.cols\:6>.col\:3{width:50%}.cols\:6>.col\:4{width:66.6666%}.cols\:6>.col\:5{width:83.3333%}.cols\:6>.col\:6{width:100%}.cols\:7>.col\:1,.cols\:7>.col{width:14.2857%}.cols\:7>.col\:2{width:28.5714%}.cols\:7>.col\:3{width:42.8571%}.cols\:7>.col\:4{width:57.1428%}.cols\:7>.col\:5{width:71.4285%}.cols\:7>.col\:6{width:85.7142%}.cols\:7>.col\:7{width:100%}.cols\:8>.col\:1,.cols\:8>.col{width:12.5%}.cols\:8>.col\:2{width:25%}.cols\:8>.col\:3{width:37.5%}.cols\:8>.col\:4{width:50%}.cols\:8>.col\:5{width:62.5%}.cols\:8>.col\:6{width:75%}.cols\:8>.col\:7{width:87.5%}.cols\:8>.col\:8{width:100%}.cols\:9>.col\:1,.cols\:9>.col{width:11.1111%}.cols\:9>.col\:2{width:22.2222%}.cols\:9>.col\:3{width:33.3333%}.cols\:9>.col\:4{width:44.4444%}.cols\:9>.col\:5{width:55.5555%}.cols\:9>.col\:6{width:66.6666%}.cols\:9>.col\:7{width:77.7777%}.cols\:9>.col\:8{width:88.8888%}.cols\:9>.col\:9{width:100%}.cols\:10>.col\:1,.cols\:10>.col{width:10%}.cols\:10>.col\:2{width:20%}.cols\:10>.col\:3{width:30%}.cols\:10>.col\:4{width:40%}.cols\:10>.col\:5{width:50%}.cols\:10>.col\:6{width:60%}.cols\:10>.col\:7{width:70%}.cols\:10>.col\:8{width:80%}.cols\:10>.col\:9{width:90%}.cols\:10>.col\:10{width:100%}.cols\:11>.col\:1,.cols\:11>.col{width:9.0909%}.cols\:11>.col\:2{width:18.1818%}.cols\:11>.col\:3{width:27.2727%}.cols\:11>.col\:4{width:36.3636%}.cols\:11>.col\:5{width:45.4545%}.cols\:11>.col\:6{width:54.5454%}.cols\:11>.col\:7{width:63.6363%}.cols\:11>.col\:8{width:72.7272%}.cols\:11>.col\:9{width:81.8181%}.cols\:11>.col\:10{width:90.9090%}.cols\:11>.col\:11{width:100%}.cols .col\:start\:2{margin-left:8.3333%}.cols .col\:start\:3{margin-left:16.6666%}.cols .col\:start\:4{margin-left:25%}.cols .col\:start\:5{margin-left:33.3333%}.cols .col\:start\:6{margin-left:41.6666%}.cols .col\:start\:7{margin-left:50%}.cols .col\:start\:8{margin-left:58.3333%}.cols .col\:start\:9{margin-left:66.6666%}.cols .col\:start\:10{margin-left:75%}.cols .col\:start\:11{margin-left:83.3333%}.cols .col\:start\:12{margin-left:91.6666%}.cols\:2>.col\:start\:2{margin-left:50%}.cols\:3>.col\:start\:2{margin-left:33.3333%}.cols\:3>.col\:start\:3{margin-left:66.6666%}.cols\:4>.col\:start\:2{margin-left:25%}.cols\:4>.col\:start\:3{margin-left:50%}.cols\:4>.col\:start\:4{margin-left:75%}.cols\:5>.col\:start\:2{margin-left:20%}.cols\:5>.col\:start\:3{margin-left:40%}.cols\:5>.col\:start\:4{margin-left:60%}.cols\:5>.col\:start\:5{margin-left:80%}.cols\:6>.col\:start\:2{margin-left:16.6666%}.cols\:6>.col\:start\:3{margin-left:33.3333%}.cols\:6>.col\:start\:4{margin-left:50%}.cols\:6>.col\:start\:5{margin-left:66.6666%}.cols\:6>.col\:start\:6{margin-left:83.3333%}.cols\:7>.col\:start\:2{margin-left:14.2857%}.cols\:7>.col\:start\:3{margin-left:28.5714%}.cols\:7>.col\:start\:4{margin-left:42.8571%}.cols\:7>.col\:start\:5{margin-left:57.1428%}.cols\:7>.col\:start\:6{margin-left:71.4285%}.cols\:7>.col\:start\:7{margin-left:85.7142%}.cols\:8>.col\:start\:2{margin-left:12.5%}.cols\:8>.col\:start\:3{margin-left:25%}.cols\:8>.col\:start\:4{margin-left:37.5%}.cols\:8>.col\:start\:5{margin-left:50%}.cols\:8>.col\:start\:6{margin-left:62.5%}.cols\:8>.col\:start\:7{margin-left:75%}.cols\:8>.col\:start\:8{margin-left:87.5%}.cols\:9>.col\:start\:2{margin-left:11.1111%}.cols\:9>.col\:start\:3{margin-left:22.2222%}.cols\:9>.col\:start\:4{margin-left:33.3333%}.cols\:9>.col\:start\:5{margin-left:44.4444%}.cols\:9>.col\:start\:6{margin-left:55.5555%}.cols\:9>.col\:start\:7{margin-left:66.6666%}.cols\:9>.col\:start\:8{margin-left:77.7777%}.cols\:9>.col\:start\:9{margin-left:88.8888%}.cols\:10>.col\:start\:2{margin-left:10%}.cols\:10>.col\:start\:3{margin-left:20%}.cols\:10>.col\:start\:4{margin-left:30%}.cols\:10>.col\:start\:5{margin-left:40%}.cols\:10>.col\:start\:6{margin-left:50%}.cols\:10>.col\:start\:7{margin-left:60%}.cols\:10>.col\:start\:8{margin-left:70%}.cols\:10>.col\:start\:9{margin-left:80%}.cols\:10>.col\:start\:10{margin-left:90%}.cols\:11>.col\:start\:2{margin-left:9.0909%}.cols\:11>.col\:start\:3{margin-left:18.1818%}.cols\:11>.col\:start\:4{margin-left:27.2727%}.cols\:11>.col\:start\:5{margin-left:36.3636%}.cols\:11>.col\:start\:6{margin-left:45.4545%}.cols\:11>.col\:start\:7{margin-left:54.5454%}.cols\:11>.col\:start\:8{margin-left:63.6363%}.cols\:11>.col\:start\:9{margin-left:72.7272%}.cols\:11>.col\:start\:10{margin-left:81.8181%}.cols\:11>.col\:start\:11{margin-left:90.9090%}.cols>.col\:end\:2{margin-right:8.3333%}.cols>.col\:end\:3{margin-right:16.6666%}.cols>.col\:end\:4{margin-right:25%}.cols>.col\:end\:5{margin-right:33.3333%}.cols>.col\:end\:6{margin-right:41.6666%}.cols>.col\:end\:7{margin-right:50%}.cols>.col\:end\:8{margin-right:58.3333%}.cols>.col\:end\:9{margin-right:66.6666%}.cols>.col\:end\:10{margin-right:75%}.cols>.col\:end\:11{margin-right:83.3333%}.cols>.col\:end\:12{margin-right:91.6666%}.cols\:2>.col\:end\:2{margin-right:50%}.cols\:3>.col\:end\:2{margin-right:33.3333%}.cols\:3>.col\:end\:3{margin-right:66.6666%}.cols\:4>.col\:end\:2{margin-right:25%}.cols\:4>.col\:end\:3{margin-right:50%}.cols\:4>.col\:end\:4{margin-right:75%}.cols\:5>.col\:end\:2{margin-right:20%}.cols\:5>.col\:end\:3{margin-right:40%}.cols\:5>.col\:end\:4{margin-right:60%}.cols\:5>.col\:end\:5{margin-right:80%}.cols\:6>.col\:end\:2{margin-right:16.6666%}.cols\:6>.col\:end\:3{margin-right:33.3333%}.cols\:6>.col\:end\:4{margin-right:50%}.cols\:6>.col\:end\:5{margin-right:66.6666%}.cols\:6>.col\:end\:6{margin-right:83.3333%}.cols\:7>.col\:end\:2{margin-right:14.2857%}.cols\:7>.col\:end\:3{margin-right:28.5714%}.cols\:7>.col\:end\:4{margin-right:42.8571%}.cols\:7>.col\:end\:5{margin-right:57.1428%}.cols\:7>.col\:end\:6{margin-right:71.4285%}.cols\:7>.col\:end\:7{margin-right:85.7142%}.cols\:8>.col\:end\:2{margin-right:12.5%}.cols\:8>.col\:end\:3{margin-right:25%}.cols\:8>.col\:end\:4{margin-right:37.5%}.cols\:8>.col\:end\:5{margin-right:50%}.cols\:8>.col\:end\:6{margin-right:62.5%}.cols\:8>.col\:end\:7{margin-right:75%}.cols\:8>.col\:end\:8{margin-right:87.5%}.cols\:9>.col\:end\:2{margin-right:11.1111%}.cols\:9>.col\:end\:3{margin-right:22.2222%}.cols\:9>.col\:end\:4{margin-right:33.3333%}.cols\:9>.col\:end\:5{margin-right:44.4444%}.cols\:9>.col\:end\:6{margin-right:55.5555%}.cols\:9>.col\:end\:7{margin-right:66.6666%}.cols\:9>.col\:end\:8{margin-right:77.7777%}.cols\:9>.col\:end\:9{margin-right:88.8888%}.cols\:10>.col\:end\:2{margin-right:10%}.cols\:10>.col\:end\:3{margin-right:20%}.cols\:10>.col\:end\:4{margin-right:30%}.cols\:10>.col\:end\:5{margin-right:40%}.cols\:10>.col\:end\:6{margin-right:50%}.cols\:10>.col\:end\:7{margin-right:60%}.cols\:10>.col\:end\:8{margin-right:70%}.cols\:10>.col\:end\:9{margin-right:80%}.cols\:10>.col\:end\:10{margin-right:90%}.cols\:11>.col\:end\:2{margin-right:9.0909%}.cols\:11>.col\:end\:3{margin-right:18.1818%}.cols\:11>.col\:end\:4{margin-right:27.2727%}.cols\:11>.col\:end\:5{margin-right:36.3636%}.cols\:11>.col\:end\:6{margin-right:45.4545%}.cols\:11>.col\:end\:7{margin-right:54.5454%}.cols\:11>.col\:end\:8{margin-right:63.6363%}.cols\:11>.col\:end\:9{margin-right:72.7272%}.cols\:11>.col\:end\:10{margin-right:81.8181%}.cols\:11>.col\:end\:11{margin-right:90.9090%}[class*='cols'].reverse:not(.ltr),[class*='cols'].reverse\:wrap:not(.ltr){direction:rtl}[class*='cols'].reverse>*:not(.rtl),[class*='cols'].reverse\:wrap>*:not(.rtl){direction:ltr}.d\:f[class*='cols'],.d\:f\:x[class*='cols'],.d\:f\:y[class*='cols']{margin:0}.d\:f[class*="cols"]>[class*="col"],.d\:f\:x[class*="cols"]>[class*="col"],.d\:f\:y[class*="cols"]>[class*="col"]{width:calc(var(--col,1) / var(--cols,12) * 100% - var(--sf-gap-x) / var(--cols,12) * (var(--cols,12) - var(--col,1)));padding-top:calc(var(--sf-gap-y) * 0);padding-left:calc(var(--sf-gap-x) * 0)}.d\:f[class*="cols"]>[class*="col:start"],.d\:f\:x[class*="cols"]>[class*="col:start"],.d\:f\:y[class*="cols"]>[class*="col:start"]{margin-left:calc((var(--cs,1) - 1) / var(--cols,12) * 100% + var(--sf-gap-x) * (var(--cs,1) - 1) / var(--cols,12))}.d\:f[class*="cols"]>[class*="col:end"],.d\:f\:x[class*="cols"]>[class*="col:end"],.d\:f\:y[class*="cols"]>[class*="col:end"]{margin-right:calc((var(--ce,1) - 1) / var(--cols,12) * 100% + var(--sf-gap-x) * (var(--ce,1) - 1) / var(--cols,12))}[class*='cols'].reverse.d\:f:not(.rtl),[class*='cols'].reverse\:wrap.d\:f:not(.rtl),[class*='cols'].reverse.d\:f\:x:not(.rtl),[class*='cols'].reverse\:wrap.d\:f\:x:not(.rtl),[class*='cols'].reverse.d\:f\:y:not(.rtl),[class*='cols'].reverse\:wrap.d\:f\:y:not(.rtl){direction:ltr}.d\:g[class*='cols'],.d\:g\:x[class*='cols'],.d\:g\:y[class*='cols']{margin:0}[class*='rows']{grid-template-rows:repeat(var(--rows,12),minmax(0,1fr))}[class*="cols"]>[class*="col"]{grid-column:span var(--col,1) /span var(--col,1)}[class*="cols"]>[class*="col:start"]{grid-column-start:var(--cs,1)}[class*="cols"]>[class*="col:end"]{grid-column-end:calc(var(--ce,1) + 1)}[class*="rows"]>[class*="row"]{grid-row:span var(--row,1) /span var(--row,1)}[class*="rows"]>[class*="row:start"]{grid-row-start:var(--rs,1)}[class*="rows"]>[class*="row:end"]{grid-row-end:calc(var(--re,1) + 1)}.d\:g[class*='cols']>*,.d\:g\:x[class*='cols']>*,.d\:g\:y[class*='cols']>*,.d\:g[class*='rows']>*,.d\:g\:x[class*='rows']>*,.d\:g\:y[class*='rows']>*{--sf-grid-width:auto;width:var(--sf-grid-width);margin-top:calc(var(--sf-gap-y) * 0);margin-left:calc(var(--sf-gap-x) * 0);margin-right:calc(var(--sf-gap-x) * 0);padding-top:calc(var(--sf-gap-y) * 0);padding-left:calc(var(--sf-gap-x) * 0)}html.var [class*='cols'].reverse.d\:f\:y:not(.ltr),html.var [class*='cols'].reverse\:wrap.d\:f\:y:not(.ltr),html.flex [class*='cols'].reverse.d\:f:not(.ltr),html.flex [class*='cols'].reverse\:wrap.d\:f:not(.ltr),html.flex [class*='cols'].reverse.d\:f\:x:not(.ltr),html.flex [class*='cols'].reverse\:wrap.d\:f\:x:not(.ltr),html.flex [class*='cols'].reverse.d\:f\:y:not(.ltr),html.flex [class*='cols'].reverse\:wrap.d\:f\:y:not(.ltr){direction:rtl}html.grid [class*='cols'].reverse.d\:g:not(.rtl),html.grid [class*='cols'].reverse\:wrap.d\:g:not(.rtl),html.grid [class*='cols'].reverse.d\:g\:x:not(.rtl),html.grid [class*='cols'].reverse\:wrap.d\:g\:x:not(.rtl),html.grid [class*='cols'].reverse.d\:g\:y:not(.rtl),html.grid [class*='cols'].reverse\:wrap.d\:g\:y:not(.rtl){direction:ltr}html.flex [class*='cols'].reverse.d\:g:not(.ltr),html.flex [class*='cols'].reverse\:wrap.d\:g:not(.ltr),html.flex [class*='cols'].reverse.d\:g\:x:not(.ltr),html.flex [class*='cols'].reverse\:wrap.d\:g\:x:not(.ltr),html.flex [class*='cols'].reverse.d\:g\:y:not(.ltr),html.flex [class*='cols'].reverse\:wrap.d\:g\:y:not(.ltr){direction:rtl}[hidden],datalist,dialog:not([open]),source,template,track{display:none !important}.\$d\:i{display:block;letter-spacing:-1em !important;margin-top:calc(var(--sf-gap-y) * -1);margin-left:calc(var(--sf-gap-x) * -1)}.\$d\:i>*{letter-spacing:normal;vertical-align:top;margin-top:var(--sf-gap-y);margin-left:var(--sf-gap-x)}.\$d\:i>*:not([class*='cols']):not(.d\:f):not(.d\:f\:x):not(.d\:f\:y):not(.d\:g):not(.d\:g\:x):not(.d\:g\:y):not(.sf-description):not(.sf-invalid):not(.sf-valid){display:inline-block}html.grid .\$d\:i{display:block}html.grid .\$d\:i>*:not([class*='cols']):not(.d\:f):not(.d\:f\:x):not(.d\:f\:y):not(.d\:g):not(.d\:g\:x):not(.d\:g\:y):not(.sf-description):not(.sf-invalid):not(.sf-valid){display:inline-block}.d\:f,.d\:f\:x,.d\:f\:y{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;row-gap:var(--sf-gap-y);-moz-column-gap:var(--sf-gap-x);column-gap:var(--sf-gap-x)}.d\:f\:x{-ms-flex-direction:row;flex-direction:row}.d\:f\:y{-ms-flex-direction:column;flex-direction:column}.reverse,.reverse.d\:f\:x,.reverse.d\:f\:y{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.reverse\:x,.reverse.d\:f\:x{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.reverse\:y,.reverse.d\:f\:y{-ms-flex-direction:column-reverse;flex-direction:column-reverse}.reverse\:wrap{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.nowrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.grow\:i,.\$grow\:i>*{-ms-flex-positive:inherit;flex-grow:inherit}.grow\:ii,.\$grow\:ii>*{-ms-flex-positive:initial;flex-grow:initial}.grow\:0,.\$grow\:0>*{-ms-flex-positive:0;flex-grow:0}.grow\:1,.\$grow\:1>*{-ms-flex-positive:1;flex-grow:1}.grow\:2,.\$grow\:2>*{-ms-flex-positive:2;flex-grow:2}.grow\:3,.\$grow\:3>*{-ms-flex-positive:3;flex-grow:3}.grow\:4,.\$grow\:4>*{-ms-flex-positive:4;flex-grow:4}.grow\:5,.\$grow\:5>*{-ms-flex-positive:5;flex-grow:5}.shrink\:i,.\$shrink\:i>*{-ms-flex-negative:inherit;flex-shrink:inherit}.shrink\:ii,.\$shrink\:ii>*{-ms-flex-negative:initial;flex-shrink:initial}.shrink\:0,.\$shrink\:0>*{-ms-flex-negative:0;flex-shrink:0}.shrink\:1,.\$shrink\:1>*{-ms-flex-negative:1;flex-shrink:1}.shrink\:2,.\$shrink\:2>*{-ms-flex-negative:2;flex-shrink:2}.shrink\:3,.\$shrink\:3>*{-ms-flex-negative:3;flex-shrink:3}.shrink\:4,.\$shrink\:4>*{-ms-flex-negative:4;flex-shrink:4}.shrink\:5,.\$shrink\:5>*{-ms-flex-negative:5;flex-shrink:5}.basis\:i,.\$basis\:i>*{-ms-flex-preferred-size:inherit;flex-basis:inherit}.basis\:ii,.\$basis\:ii>*{-ms-flex-preferred-size:initial;flex-basis:initial}.basis\:0,.\$basis\:0>*{-ms-flex-preferred-size:0;flex-basis:0}.basis\:10,.\$basis\:10>*{-ms-flex-preferred-size:10%;flex-basis:10%}.basis\:20,.\$basis\:20>*{-ms-flex-preferred-size:20%;flex-basis:20%}.basis\:25,.\$basis\:25>*{-ms-flex-preferred-size:25%;flex-basis:25%}.basis\:33,.\$basis\:33>*{-ms-flex-preferred-size:33.3333%;flex-basis:33.3333%}.basis\:50,.\$basis\:50>*{-ms-flex-preferred-size:50%;flex-basis:50%}.basis\:100,.\$basis\:100>*{-ms-flex-preferred-size:100%;flex-basis:100%}.basis\:auto,.\$basis\:auto>*{-ms-flex-preferred-size:auto;flex-basis:auto}.basis\:available,.\$basis\:available>*{-ms-flex-preferred-size:available;flex-basis:available}.basis\:bb,.\$basis\:bb>*{-ms-flex-preferred-size:border-box;flex-basis:border-box}.basis\:cb,.\$basis\:cb>*{-ms-flex-preferred-size:content-box;flex-basis:content-box}.basis\:c,.\$basis\:c>*{-ms-flex-preferred-size:content;flex-basis:content}.basis\:fc,.\$basis\:fc>*{-ms-flex-preferred-size:fit-content;flex-basis:fit-content}.basis\:max,.\$basis\:max>*{-ms-flex-preferred-size:max-content;flex-basis:max-content}.basis\:min,.\$basis\:min>*{-ms-flex-preferred-size:min-content;flex-basis:min-content}html.grid .d\:f,html.grid .d\:f\:x,html.grid .d\:f\:y{display:-ms-flexbox;display:flex}html.flex .d\:f,html.flex .d\:f\:x,html.flex .d\:f\:y{display:block;letter-spacing:-1em !important}html.flex .d\:f>*,html.flex .d\:f\:x>*,html.flex .d\:f\:y>*{letter-spacing:normal;vertical-align:top}html.flex .d\:f>*,html.flex .d\:f\:x>*{display:inline-block}html.flex .d\:f\:y>*{display:block}html.flex .d\:f>.d\:f,html.flex .d\:f>.d\:f\:x,html.flex .d\:f>.d\:f\:y,html.flex .d\:g>.d\:f,html.flex .d\:g>.d\:f\:x,html.flex .d\:g>.d\:f\:y,html.flex .d\:f\:x>.d\:f,html.flex .d\:f\:x>.d\:f\:x,html.flex .d\:f\:x>.d\:f\:y,html.flex .d\:g\:x>.d\:f,html.flex .d\:g\:x>.d\:f\:x,html.flex .d\:g\:x>.d\:f\:y{display:inline-block}.d\:g,.d\:g\:x,.d\:g\:y{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-rows:minmax(0,1fr);row-gap:var(--sf-gap-y);-moz-column-gap:var(--sf-gap-x);column-gap:var(--sf-gap-x)}.d\:g,.wrap.d\:g{grid-auto-flow:dense}.d\:g\:x,.wrap.d\:g\:x{grid-auto-flow:dense column}.d\:g\:y,.wrap.d\:g\:y{grid-auto-flow:dense row}.nowrap.d\:g\:x,.nowrap.d\:g{grid-auto-flow:column}.nowrap.d\:g\:y{grid-auto-flow:row}html.grid .d\:g,html.grid .d\:g\:x,html.grid .d\:g\:y{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}html.grid .d\:g\:x,html.grid .d\:g\:y{-ms-flex-wrap:nowrap;flex-wrap:nowrap}html.grid .d\:g\:x{-ms-flex-direction:row;flex-direction:row}html.grid .d\:g\:y{-ms-flex-direction:column;flex-direction:column}html.grid .wrap.d\:g,html.grid .wrap.d\:g\:x,html.grid .wrap.d\:g\:y{-ms-flex-wrap:wrap;flex-wrap:wrap}html.grid .nowrap.d\:g,html.grid .nowrap.d\:g\:x,html.grid .nowrap.d\:g\:y{-ms-flex-wrap:nowrap;flex-wrap:nowrap}html.flex .d\:g,html.flex .d\:g\:x,html.flex .d\:g\:y{display:block;letter-spacing:-1em !important}html.flex .d\:g>*,html.flex .d\:g\:x>*,html.flex .d\:g\:y>*{letter-spacing:normal;vertical-align:top}html.flex .d\:g>*,html.flex .d\:g\:x>*{display:inline-block}html.flex .d\:g\:y>*{display:block}html.flex .d\:f>.d\:g,html.flex .d\:f>.d\:g\:x,html.flex .d\:f>.d\:g\:y,html.flex .d\:g>.d\:g,html.flex .d\:g>.d\:g\:x,html.flex .d\:g>.d\:g\:y,html.flex .d\:f\:x>.d\:g,html.flex .d\:f\:x>.d\:g\:x,html.flex .d\:f\:x>.d\:g\:y,html.flex .d\:g\:x>.d\:g,html.flex .d\:g\:x>.d\:g\:x,html.flex .d\:g\:x>.d\:g\:y{display:inline-block}.d\:f>*,.d\:f\:x>*,.d\:f\:y>*{margin-top:calc(var(--sf-gap-y) * 0);margin-left:calc(var(--sf-gap-x) * 0)}.d\:g>*,.d\:g\:x>*,.d\:g\:y>*{margin-top:calc(var(--sf-gap-y) * 0);margin-left:calc(var(--sf-gap-x) * 0)}.\$d\:i>.\$d\:i,.\$d\:i>[class*='cols']{margin-top:calc(var(--sf-gap-y) * 0);margin-left:calc(var(--sf-gap-x) * 0)}.cols,.cols\:1,.cols\:2,.cols\:3,.cols\:4,.cols\:5,.cols\:6,.cols\:7,.cols\:8,.cols\:9,.cols\:10,.cols\:11,.cols\:12{margin-top:calc(var(--sf-gap-y) * -1);margin-left:calc(var(--sf-gap-x) * -1)}.col,.col\:1,.col\:2,.col\:3,.col\:4,.col\:5,.col\:6,.col\:7,.col\:8,.col\:9,.col\:10,.col\:11,.col\:12{margin-top:calc(var(--sf-gap-y) * 0);margin-left:calc(var(--sf-gap-x) * 0);padding-top:var(--sf-gap-y);padding-left:var(--sf-gap-x)}.gap>.col,.gap>.col\:1,.gap>.col\:2,.gap>.col\:3,.gap>.col\:4,.gap>.col\:5,.gap>.col\:6,.gap>.col\:7,.gap>.col\:8,.gap>.col\:9,.gap>.col\:10,.gap>.col\:11,.gap>.col\:12{padding-top:var(--sf-gap-y);padding-left:var(--sf-gap-x)}.gap\:x>.col,.gap\:x>.col\:1,.gap\:x>.col\:2,.gap\:x>.col\:3,.gap\:x>.col\:4,.gap\:x>.col\:5,.gap\:x>.col\:6,.gap\:x>.col\:7,.gap\:x>.col\:8,.gap\:x>.col\:9,.gap\:x>.col\:10,.gap\:x>.col\:11,.gap\:x>.col\:12{padding-left:var(--sf-gap-x)}.gap\:y>.col,.gap\:y>.col\:1,.gap\:y>.col\:2,.gap\:y>.col\:3,.gap\:y>.col\:4,.gap\:y>.col\:5,.gap\:y>.col\:6,.gap\:y>.col\:7,.gap\:y>.col\:8,.gap\:y>.col\:9,.gap\:y>.col\:10,.gap\:y>.col\:11,.gap\:y>.col\:12{padding-top:var(--sf-gap-y)}.gap:not(html){--sf-gap-x:var(--sf-em-sm);--sf-gap-y:var(--sf-em-sm)}.gap\:x{--sf-gap-x:var(--sf-em-sm)}.gap\:y{--sf-gap-y:var(--sf-em-sm)}.gap\:0{--sf-gap-x:0em;--sf-gap-y:0em;margin-top:0;margin-left:0}.gap\:x\:0{--sf-gap-x:0em;margin-left:0}.gap\:y\:0{--sf-gap-y:0em;margin-top:0}.gap:not(html):not(.d\:f):not(.d\:f\:x):not(.d\:f\:y):not(.d\:g):not(.d\:g\:x):not(.d\:g\:y){margin-top:calc(var(--sf-gap-y) * -1);margin-left:calc(var(--sf-gap-x) * -1)}.gap\:x:not(.d\:f):not(.d\:f\:x):not(.d\:f\:y):not(.d\:g):not(.d\:g\:x):not(.d\:g\:y){margin-left:calc(var(--sf-gap-x) * -1)}.gap\:y:not(.d\:f):not(.d\:f\:x):not(.d\:f\:y):not(.d\:g):not(.d\:g\:x):not(.d\:g\:y){margin-top:calc(var(--sf-gap-y) * -1)}.gap:not(html):not([class*='cols']):not(.d\:f):not(.d\:f\:x):not(.d\:f\:y):not(.d\:g):not(.d\:g\:x):not(.d\:g\:y)>*{margin-top:var(--sf-gap-y);margin-left:var(--sf-gap-x)}.gap\:x:not([class*='cols']):not(.d\:f):not(.d\:f\:x):not(.d\:f\:y):not(.d\:g):not(.d\:g\:x):not(.d\:g\:y)>*{margin-left:var(--sf-gap-x)}.gap\:y:not([class*='cols']):not(.d\:f):not(.d\:f\:x):not(.d\:f\:y):not(.d\:g):not(.d\:g\:x):not(.d\:g\:y)>*{margin-top:var(--sf-gap-y)}.gap\:0>*{margin-top:0;margin-left:0}.gap\:x\:0>*{margin-left:0}.gap\:y\:0>*{margin-top:0}html.var .\$d\:i{margin-top:-0.5em;margin-left:-0.5em}html.var .\$d\:i>*{margin-top:0.5em;margin-left:0.5em}html.var .\$d\:i>.\$d\:i,html.var .\$d\:i>.d\:f,html.var .\$d\:i>.d\:f\:x,html.var .\$d\:i>.d\:f\:y,html.var .\$d\:i>.d\:g,html.var .\$d\:i>.d\:g\:x,html.var .\$d\:i>.d\:g\:y,html.var .\$d\:i>[class*='cols']{margin-top:0;margin-left:0}html.var .d\:f\:x{margin-left:-0.5em}html.var .d\:f\:y{margin-top:-0.5em}html.var .d\:f{margin-top:-0.5em;margin-left:-0.5em}html.var .d\:f\:x>*:not([class*='col:start']){margin-left:0.5em}html.var .d\:f\:y>*{margin-top:0.5em}html.var .d\:f>*{margin-top:0.5em}html.var .d\:f>*:not([class*='col:start']){margin-left:0.5em}html.var .d\:f\:x>.\$d\:i,html.var .d\:f\:x>.d\:f,html.var .d\:f\:x>.d\:f\:x,html.var .d\:f\:x>.d\:f\:y,html.var .d\:f\:x>.d\:g,html.var .d\:f\:x>.d\:g\:x,html.var .d\:f\:x>.d\:g\:y,html.var .d\:f\:x>[class*='cols']{margin-left:0}html.var .d\:f\:y>.\$d\:i,html.var .d\:f\:y>.d\:f,html.var .d\:f\:y>.d\:f\:x,html.var .d\:f\:y>.d\:f\:y,html.var .d\:f\:y>.d\:g,html.var .d\:f\:y>.d\:g\:x,html.var .d\:f\:y>.d\:g\:y,html.var .d\:f\:y>[class*='cols']{margin-top:0}html.var .d\:f>.\$d\:i,html.var .d\:f>.d\:f,html.var .d\:f>.d\:f\:x,html.var .d\:f>.d\:f\:y,html.var .d\:f>.d\:g,html.var .d\:f>.d\:g\:x,html.var .d\:f>.d\:g\:y,html.var .d\:f>[class*='cols']{margin-top:0;margin-left:0}html.var .d\:g\:x{margin-left:-0.5em}html.var .d\:g\:y{margin-top:-0.5em}html.var .d\:g{margin-top:-0.5em;margin-left:-0.5em}html.var .d\:g\:x>*:not([class*='col:start']){margin-left:0.5em}html.var .d\:g\:y>*{margin-top:0.5em}html.var .d\:g>*{margin-top:0.5em}html.var .d\:g>*:not([class*='col:start']){margin-left:0.5em}html.var .d\:g\:x>.\$d\:i,html.var .d\:g\:x>.d\:f,html.var .d\:g\:x>.d\:f\:x,html.var .d\:g\:x>.d\:f\:y,html.var .d\:g\:x>.d\:g,html.var .d\:g\:x>.d\:g\:x,html.var .d\:g\:x>.d\:g\:y,html.var .d\:g\:x>[class*='cols']{margin-left:0}html.var .d\:g\:y>.\$d\:i,html.var .d\:g\:y>.d\:f,html.var .d\:g\:y>.d\:f\:x,html.var .d\:g\:y>.d\:f\:y,html.var .d\:g\:y>.d\:g,html.var .d\:g\:y>.d\:g\:x,html.var .d\:g\:y>.d\:g\:y,html.var .d\:g\:y>[class*='cols']{margin-top:0}html.var .d\:g>.\$d\:i,html.var .d\:g>.d\:f,html.var .d\:g>.d\:f\:x,html.var .d\:g>.d\:f\:y,html.var .d\:g>.d\:g,html.var .d\:g>.d\:g\:x,html.var .d\:g>.d\:g\:y,html.var .d\:g>[class*='cols']{margin-top:0;margin-left:0}html.var [class*='cols']{margin-top:-0.5em;margin-left:-0.5em}html.var [class*='cols']>[class*='col']{margin-top:0;padding-top:0.5em;padding-left:0.5em}html.var [class*='cols']>[class*='col']:not([class*='col:start']){margin-left:0}html.var .gap[class*='cols']>[class*='col']{padding-top:0.5em;padding-left:0.5em}html.var .gap\:x[class*='cols']>[class*='col']{padding-left:0.5em}html.var .gap\:y[class*='cols']>[class*='col']{padding-top:0.5em}html.var .gap\:0[class*='cols']>[class*='col']{padding-top:0;padding-left:0}html.var .gap\:x\:0[class*='cols']>[class*='col']{padding-left:0}html.var .gap\:y\:0[class*='cols']>[class*='col']{padding-top:0}html.var .gap{margin-top:-0.5em;margin-left:-0.5em}html.var .gap\:x{margin-left:-0.5em}html.var .gap\:y{margin-top:-0.5em}html.var .gap>*{margin-top:0.5em;margin-left:0.5em}html.var .gap\:x>*{margin-left:0.5em}html.var .gap\:y>*{margin-top:0.5em}html.var .gap\:0.d\:f,html.var .gap\:0.d\:f\:x,html.var .gap\:0.d\:f\:y,html.var .gap\:0.d\:g,html.var .gap\:0.d\:g\:x,html.var .gap\:0.d\:g\:y,html.var .gap\:0{margin-top:0;margin-left:0}html.var .gap\:x\:0.d\:f,html.var .gap\:x\:0.d\:f\:x,html.var .gap\:x\:0.d\:f\:y,html.var .gap\:x\:0.d\:g,html.var .gap\:x\:0.d\:g\:x,html.var .gap\:x\:0.d\:g\:y,html.var .gap\:x\:0{margin-left:0}html.var .gap\:y\:0.d\:f,html.var .gap\:y\:0.d\:f\:x,html.var .gap\:y\:0.d\:f\:y,html.var .gap\:y\:0.d\:g,html.var .gap\:y\:0.d\:g\:x,html.var .gap\:y\:0.d\:g\:y,html.var .gap\:y\:0{margin-top:0}html.var .gap\:0.d\:f>*,html.var .gap\:0.d\:f\:x>*,html.var .gap\:0.d\:f\:y>*,html.var .gap\:0.d\:g>*,html.var .gap\:0.d\:g\:x>*,html.var .gap\:0.d\:g\:y>*,html.var .gap\:0>*[class*='col:start'],html.var .gap\:0>*{margin-top:0;margin-left:0}html.var .gap\:x\:0.d\:f>*,html.var .gap\:x\:0.d\:f\:x>*,html.var .gap\:x\:0.d\:f\:y>*,html.var .gap\:x\:0.d\:g>*,html.var .gap\:x\:0.d\:g\:x>*,html.var .gap\:x\:0.d\:g\:y>*,html.var .gap\:x\:0>*[class*='col:start'],html.var .gap\:x\:0>*{margin-left:0}html.var .gap\:y\:0.d\:f>*,html.var .gap\:y\:0.d\:f\:x>*,html.var .gap\:y\:0.d\:f\:y>*,html.var .gap\:y\:0.d\:g>*,html.var .gap\:y\:0.d\:g\:x>*,html.var .gap\:y\:0.d\:g\:y>*,html.var .gap\:y\:0>*[class*='col:start'],html.var .gap\:y\:0>*{margin-top:0}.ap\:n{-webkit-appearance:none;-moz-appearance:none;appearance:none}.ap\:a{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.ap\:m{-webkit-appearance:menulist-button;-moz-appearance:menulist-button;appearance:menulist-button}.ap\:tf{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.bg\:n{background:none}.bg\:i\:n{background-image:none}.bg\:a\:f{background-attachment:fixed}.bg\:a\:s{background-attachment:scroll}.bg\:c\:t{background-color:transparent}.bg\:b\:c{background-blend-mode:color}.bg\:b\:cb{background-blend-mode:color-burn}.bg\:b\:cd{background-blend-mode:color-dodge}.bg\:b\:d{background-blend-mode:darken}.bg\:b\:diff{background-blend-mode:difference}.bg\:b\:e{background-blend-mode:exclusion}.bg\:b\:hl{background-blend-mode:hard-light}.bg\:b\:h{background-blend-mode:hue}.bg\:b\:l{background-blend-mode:lighten}.bg\:b\:lum{background-blend-mode:luminosity}.bg\:b\:m{background-blend-mode:multiply}.bg\:b\:n{background-blend-mode:normal}.bg\:b\:o{background-blend-mode:overlay}.bg\:b\:s{background-blend-mode:saturation}.bg\:b\:sc{background-blend-mode:screen}.bg\:b\:sl{background-blend-mode:soft-light}.bg\:bk\:bb{background-break:bounding-box}.bg\:bk\:c{background-break:continuous}.bg\:bk\:eb{background-break:each-box}.bg\:sz\:a{background-size:auto}.bg\:sz\:ct{background-size:contain}.bg\:sz\:cv{background-size:cover}.bg\:p\:tl{background-position:top left}.bg\:p\:tc{background-position:top center}.bg\:p\:tr{background-position:top right}.bg\:p\:cl{background-position:center left}.bg\:p\:cc{background-position:center center}.bg\:p\:cr{background-position:center right}.bg\:p\:bl{background-position:bottom left}.bg\:p\:bc{background-position:bottom center}.bg\:p\:br{background-position:bottom right}.bg\:p\:x50y50{background-position:50% 50%}.bg\:r\:n{background-repeat:no-repeat}.bg\:r\:x{background-repeat:repeat-x}.bg\:r\:y{background-repeat:repeat-y}.bg\:r\:r{background-repeat:round}.bg\:r\:s{background-repeat:space}.bg\:cp\:b{background-clip:border-box}.bg\:cp\:p{background-clip:padding-box}.bg\:cp\:c{background-clip:content-box}.bg\:cp\:t{-webkit-background-clip:text;background-clip:text}.bg\:o\:b{background-origin:border-box}.bg\:o\:p{background-origin:padding-box}.bg\:o\:c{background-origin:content-box}.bg\:sz\:f{background-size:100% 100%}.bg\:sz\:h{background-size:100% auto}.bg\:sz\:w{background-size:auto 100%}.bd\:c\:i{border-color:inherit}.bd\:c\:ii{border-color:initial}.bd\:st{border-style:solid}.bd\:st\:n{border-style:none}.bd\:st\:r{border-style:ridge}.bd\:st\:da{border-style:dashed}.bd\:st\:do{border-style:dotted}.bd\:st\:dbl{border-style:double}.bd\:st\:g{border-style:groove}.bd\:st\:h{border-style:hidden}.bd\:st\:in{border-style:inset}.bd\:st\:out{border-style:outset}.bd\:0{border:0}.bd\:w\:0{border-width:0}.bd,.bd\:1{border:var(--sf-bd-w) solid}.bd\:2{border:calc(var(--sf-bd-w) * 2) solid}.bd\:w,.bd\:w\:1{border-width:var(--sf-bd-w)}.bd\:t\:w{border-block-start-width:var(--sf-bd-w)}.bd\:r\:w{border-inline-end-width:var(--sf-bd-w)}.bd\:b\:w{border-block-end-width:var(--sf-bd-w)}.bd\:l\:w{border-inline-start-width:var(--sf-bd-w)}.bd\:x\:w{border-inline-width:var(--sf-bd-w)}.bd\:y\:w{border-block-width:var(--sf-bd-w)}.bd\:t\:w\:0{border-block-start-width:0}.bd\:r\:w\:0{border-inline-end-width:0}.bd\:b\:w\:0{border-block-end-width:0}.bd\:l\:w\:0{border-inline-start-width:0}.bd\:x\:w\:0{border-inline-width:0}.bd\:y\:w\:0{border-block-width:0}.bd\:w\:2{border-width:calc(var(--sf-bd-w) * 2)}.bd\:t\:w\:2{border-block-start-width:calc(var(--sf-bd-w) * 2)}.bd\:r\:w\:2{border-inline-end-width:calc(var(--sf-bd-w) * 2)}.bd\:b\:w\:2{border-block-end-width:calc(var(--sf-bd-w) * 2)}.bd\:l\:w\:2{border-inline-start-width:calc(var(--sf-bd-w) * 2)}.bd\:x\:w\:2{border-inline-width:calc(var(--sf-bd-w) * 2)}.bd\:y\:w\:2{border-block-width:calc(var(--sf-bd-w) * 2)}html.var .bd,html.var .bd\:1{border:1px solid}html.var .bd\:2{border:2px solid}html.var .bd\:w,html.var .bd\:w\:1{border-width:1px}html.var .bd\:t\:w{border-block-start-width:1px}html.var .bd\:r\:w{border-inline-end-width:1px}html.var .bd\:b\:w{border-block-end-width:1px}html.var .bd\:l\:w{border-inline-start-width:1px}html.var .bd\:x\:w{border-inline-width:1px}html.var .bd\:y\:w{border-block-width:1px}html.var .bd\:t\:w\:0{border-block-start-width:0}html.var .bd\:r\:w\:0{border-inline-end-width:0}html.var .bd\:b\:w\:0{border-block-end-width:0}html.var .bd\:l\:w\:0{border-inline-start-width:0}html.var .bd\:x\:w\:0{border-inline-width:0}html.var .bd\:y\:w\:0{border-block-width:0}html.var .bd\:w\:2{border-width:2px}html.var .bd\:t\:w\:2{border-block-start-width:2px}html.var .bd\:r\:w\:2{border-inline-end-width:2px}html.var .bd\:b\:w\:2{border-block-end-width:2px}html.var .bd\:l\:w\:2{border-inline-start-width:2px}html.var .bd\:x\:w\:2{border-inline-width:2px}html.var .bd\:y\:w\:2{border-block-width:2px}html.mpb .bd\:t\:w{border-top-width:1px}html.mpb .bd\:r\:w{border-right-width:1px}html.mpb .bd\:b\:w{border-bottom-width:1px}html.mpb .bd\:l\:w{border-left-width:1px}html.mpb .bd\:x\:w{border-left-width:1px;border-right-width:1px}html.mpb .bd\:y\:w{border-top-width:1px;border-bottom-width:1px}html.mpb .bd\:t\:w\:0{border-top-width:0}html.mpb .bd\:r\:w\:0{border-right-width:0}html.mpb .bd\:b\:w\:0{border-bottom-width:0}html.mpb .bd\:l\:w\:0{border-left-width:0}html.mpb .bd\:x\:w\:0{border-left-width:0;border-right-width:0}html.mpb .bd\:y\:w\:0{border-top-width:0;border-bottom-width:0}html.mpb .bd\:t\:w\:2{border-top-width:2px}html.mpb .bd\:r\:w\:2{border-right-width:2px}html.mpb .bd\:b\:w\:2{border-bottom-width:2px}html.mpb .bd\:l\:w\:2{border-left-width:2px}html.mpb .bd\:x\:w\:2{border-left-width:2px;border-right-width:2px}html.mpb .bd\:y\:w\:2{border-top-width:2px;border-bottom-width:2px}.cl{clear:none}.cl\:b{clear:both}.cl\:l{clear:inline-start}.cl\:r{clear:inline-end}.clearfix::after{content:"";display:table;clear:both}html.clear .cl\:l{clear:left}html.clear .cl\:r{clear:right}.c\:t{color:transparent}.c\:i{color:inherit}.c\:ii{color:initial}.y\:c,.d\:f\:y.x\:c{-ms-flex-line-pack:center;align-content:center}.y\:c\:b,.d\:f\:y.x\:c\:b{-ms-flex-line-pack:baseline;align-content:baseline}.y\:c\:n,.d\:f\:y.x\:c\:n{-ms-flex-line-pack:normal;align-content:normal}.y\:c\:e,.d\:f\:y.x\:c\:e{-ms-flex-line-pack:end;align-content:end}.y\:c\:s,.d\:f\:y.x\:c\:s{-ms-flex-line-pack:start;align-content:start}.y\:c\:sa,.d\:f\:y.x\:c\:sa{-ms-flex-line-pack:distribute;align-content:space-around}.y\:c\:sb,.d\:f\:y.x\:c\:sb{-ms-flex-line-pack:justify;align-content:space-between}.y\:c\:se,.d\:f\:y.x\:c\:se{-ms-flex-line-pack:space-evenly;align-content:space-evenly}.y\:i,.d\:f\:y.x\:i{-ms-flex-align:center;align-items:center}.y\:i\:b,.d\:f\:y.x\:i\:b{-ms-flex-align:baseline;align-items:baseline}.y\:i\:e,.d\:f\:y.x\:i\:e{-ms-flex-align:end;align-items:end}.y\:i\:s,.d\:f\:y.x\:i\:s{-ms-flex-align:start;align-items:start}.y\:i\:st,.d\:f\:y.x\:i\:st{-ms-flex-align:stretch;align-items:stretch}.y\:s,.d\:f\:y.x\:s{-ms-flex-item-align:center;align-self:center}.y\:s\:a,.d\:f\:y.x\:s\:a{-ms-flex-item-align:auto;align-self:auto}.y\:s\:n,.d\:f\:y.x\:s\:n{-ms-flex-item-align:normal;align-self:normal}.y\:s\:b,.d\:f\:y.x\:s\:b{-ms-flex-item-align:baseline;align-self:baseline}.y\:s\:e,.d\:f\:y.x\:s\:e{-ms-flex-item-align:end;align-self:end}.y\:s\:s,.d\:f\:y.x\:s\:s{-ms-flex-item-align:start;align-self:start}.y\:s\:st,.d\:f\:y.x\:s\:st{-ms-flex-item-align:stretch;align-self:stretch}.x\:c,.d\:f\:y.y\:c{-ms-flex-pack:center;justify-content:center}.x\:c\:n,.d\:f\:y.y\:c\:n{-ms-flex-pack:normal;justify-content:normal}.x\:c\:e,.d\:f\:y.y\:c\:e{-ms-flex-pack:end;justify-content:end}.x\:c\:s,.d\:f\:y.y\:c\:s{-ms-flex-pack:start;justify-content:start}.x\:c\:sa,.d\:f\:y.y\:c\:sa{-ms-flex-pack:distribute;justify-content:space-around}.x\:c\:sb,.d\:f\:y.y\:c\:sb{-ms-flex-pack:justify;justify-content:space-between}.x\:c\:se,.d\:f\:y.y\:c\:se{-ms-flex-pack:space-evenly;justify-content:space-evenly}.x\:i,.d\:f\:y.y\:i{justify-items:center}.x\:i\:b,.d\:f\:y.y\:i\:b{justify-items:baseline}.x\:i\:e,.d\:f\:y.y\:i\:e{justify-items:end}.x\:i\:s,.d\:f\:y.y\:i\:s{justify-items:start}.x\:i\:st,.d\:f\:y.y\:i\:st{justify-items:stretch}.x\:s,.d\:f\:y.y\:s{justify-self:center}.x\:s\:a,.d\:f\:y.y\:s\:a{justify-self:auto}.x\:s\:n,.d\:f\:y.y\:s\:n{justify-self:normal}.x\:s\:b,.d\:f\:y.y\:s\:b{justify-self:baseline}.x\:s\:e,.d\:f\:y.y\:s\:e{justify-self:end}.x\:s\:s,.d\:f\:y.y\:s\:s{justify-self:start}.x\:s\:st,.d\:f\:y.y\:s\:st{justify-self:stretch}html.xy .y\:c\:e,html.xy .d\:f\:y.x\:c\:e{-ms-flex-line-pack:end;align-content:flex-end}html.xy .y\:c\:s,html.xy .d\:f\:y.x\:c\:s{-ms-flex-line-pack:start;align-content:flex-start}html.xy .y\:i\:e,html.xy .d\:f\:y.x\:i\:e{-ms-flex-align:end;align-items:flex-end}html.xy .y\:i\:s,html.xy .d\:f\:y.x\:i\:s{-ms-flex-align:start;align-items:flex-start}html.xy .y\:s\:e,html.xy .d\:f\:y.x\:s\:e{-ms-flex-item-align:end;align-self:flex-end}html.xy .y\:s\:s,html.xy .d\:f\:y.x\:s\:s{-ms-flex-item-align:start;align-self:flex-start}html.xy .x\:c\:e,html.xy .d\:f\:y.y\:c\:e{-ms-flex-pack:end;justify-content:flex-end}html.xy .x\:c\:s,html.xy .d\:f\:y.y\:c\:s{-ms-flex-pack:start;justify-content:flex-start}html.xy .x\:i\:e,html.xy .d\:f\:y.y\:i\:e{justify-items:flex-end}html.xy .x\:i\:s,html.xy .d\:f\:y.y\:i\:s{justify-items:flex-start}html.xy .x\:s\:e,html.xy .d\:f\:y.y\:s\:e{justify-self:flex-end}html.xy .x\:s\:s,html.xy .d\:f\:y.y\:s\:s{justify-self:flex-start}html.flex .y\:c>*,html.flex .d\:f\:y.x\:c>*,html.flex .y\:i>*,html.flex .d\:f\:y.x\:i>*,html.flex .y\:s>*,html.flex .d\:f\:y.x\:s>*{vertical-align:middle}html.flex .y\:c\:s>*,html.flex .d\:f\:y.x\:c\:s>*,html.flex .y\:i\:s>*,html.flex .d\:f\:y.x\:i\:s>*,html.flex .y\:s\:s>*,html.flex .d\:f\:y.x\:s\:s>*{vertical-align:top}html.flex .y\:c\:e>*,html.flex .d\:f\:y.x\:c\:e>*,html.flex .y\:i\:e>*,html.flex .d\:f\:y.x\:i\:e>*,html.flex .y\:s\:e>*,html.flex .d\:f\:y.x\:s\:e>*{vertical-align:bottom}html.flex .x\:c,html.flex .d\:f\:y.y\:c,html.flex .x\:i,html.flex .d\:f\:y.y\:i,html.flex .x\:s,html.flex .d\:f\:y.y\:s{text-align:center}html.flex .x\:c\:s,html.flex .d\:f\:y.y\:c\:s,html.flex .x\:i\:s,html.flex .d\:f\:y.y\:i\:s,html.flex .x\:s\:s,html.flex .d\:f\:y.y\:s\:s{text-align:left}html.flex .x\:c\:e,html.flex .d\:f\:y.y\:c\:e,html.flex .x\:i\:e,html.flex .d\:f\:y.y\:i\:e,html.flex .x\:s\:e,html.flex .d\:f\:y.y\:s\:e{text-align:right}html.flex .x\:c>*,html.flex .d\:f\:y.y\:c>*,html.flex .x\:i>*,html.flex .d\:f\:y.y\:i>*,html.flex .x\:s>*,html.flex .d\:f\:y.y\:s>*,html.flex .x\:c\:e>*,html.flex .d\:f\:y.y\:c\:e>*,html.flex .x\:i\:e>*,html.flex .d\:f\:y.y\:i\:e>*,html.flex .x\:s\:e>*,html.flex .d\:f\:y.y\:s\:e>*{text-align:left}.cur\:a{cursor:auto}.cur\:d{cursor:default}.cur\:n{cursor:none}.cur\:cm{cursor:context-menu}.cur\:h{cursor:help}.cur\:p{cursor:pointer}.cur\:pr{cursor:progress}.cur\:w{cursor:wait}.cur\:ce{cursor:cell}.cur\:ch{cursor:crosshair}.cur\:t{cursor:text}.cur\:vt{cursor:vertical-text}.cur\:al{cursor:alias}.cur\:cp{cursor:copy}.cur\:m{cursor:move}.cur\:nd{cursor:no-drop}.cur\:na{cursor:not-allowed}.cur\:gr{cursor:grab}.cur\:gg{cursor:grabbing}.cur\:as{cursor:all-scroll}.cur\:cr{cursor:col-resize}.cur\:rr{cursor:row-resize}.cur\:nr{cursor:n-resize}.cur\:er{cursor:e-resize}.cur\:sr{cursor:s-resize}.cur\:wr{cursor:w-resize}.cur\:ner{cursor:ne-resize}.cur\:nwr{cursor:nw-resize}.cur\:ser{cursor:se-resize}.cur\:swr{cursor:sw-resize}.cur\:ewr{cursor:ew-resize}.cur\:nsr{cursor:ns-resize}.cur\:nesw{cursor:nesw-resize}.cur\:nwse{cursor:nwse-resize}.cur\:zi{cursor:zoom-in}.cur\:zo{cursor:zoom-out}.d\:b{display:block}.d\:n,.hide{display:none}.d\:i{display:inline}.d\:ib{display:inline-block}.d\:if{display:-ms-inline-flexbox;display:inline-flex}.d\:ig{display:inline-grid}.d\:li{display:list-item}.d\:ili{display:inline-list-item}.d\:t{display:table}.d\:it{display:inline-table}.d\:tc{display:table-cell}.d\:tr{display:table-row}.d\:tcl{display:table-column}.d\:trg{display:table-row-group}.d\:tcg{display:table-column-group}.d\:tfg{display:table-footer-group}.d\:thg{display:table-header-group}.d\:tcp{display:table-caption}.fl{float:none}.fl\:l{float:inline-start}.fl\:r{float:inline-end}html.float .fl\:l{float:left}html.float .fl\:r{float:right}.obj-fit\:none{-o-object-fit:none;object-fit:none}.obj-fit\:contain{-o-object-fit:contain;object-fit:contain}.obj-fit\:cover{-o-object-fit:cover;object-fit:cover}.obj-fit\:fill{-o-object-fit:fill;object-fit:fill}.obj-fit\:scale{-o-object-fit:scale-down;object-fit:scale-down}.obj-pos\:b{-o-object-position:bottom;object-position:bottom}.obj-pos\:c{-o-object-position:center;object-position:center}.obj-pos\:l{-o-object-position:left;object-position:left}.obj-pos\:r{-o-object-position:right;object-position:right}.obj-pos\:t{-o-object-position:top;object-position:top}.iso{isolation:isolate}.iso\:auto{isolation:auto}.m,.\$m>*{margin:var(--sf-margin)}.m\:a,.\$m\:a>*{margin:auto}.m\:0,.\$m\:0>*{margin:0}.m\:xs,.\$m\:xs>*{margin:var(--sf-margin-xs)}.m\:md,.\$m\:md>*{margin:var(--sf-margin-md)}.m\:lg,.\$m\:lg>*{margin:var(--sf-margin-lg)}.m\:xl,.\$m\:xl>*{margin:var(--sf-margin-xl)}.mt,.\$mt>*{-webkit-margin-before:var(--sf-margin);margin-block-start:var(--sf-margin)}.mt\:a,.\$mt\:a>*{-webkit-margin-before:auto;margin-block-start:auto}.mt\:0,.\$mt\:0>*{-webkit-margin-before:0;margin-block-start:0}.mt\:xs,.\$mt\:xs>*{-webkit-margin-before:var(--sf-margin-xs);margin-block-start:var(--sf-margin-xs)}.mt\:md,.\$mt\:md>*{-webkit-margin-before:var(--sf-margin-md);margin-block-start:var(--sf-margin-md)}.mt\:lg,.\$mt\:lg>*{-webkit-margin-before:var(--sf-margin-lg);margin-block-start:var(--sf-margin-lg)}.mt\:xl,.\$mt\:xl>*{-webkit-margin-before:var(--sf-margin-xl);margin-block-start:var(--sf-margin-xl)}.mr,.\$mr>*{-webkit-margin-end:var(--sf-margin);margin-inline-end:var(--sf-margin)}.mr\:a,.\$mr\:a>*{-webkit-margin-end:auto;margin-inline-end:auto}.mr\:0,.\$mr\:0>*{-webkit-margin-end:0;margin-inline-end:0}.mr\:xs,.\$mr\:xs>*{-webkit-margin-end:var(--sf-margin-xs);margin-inline-end:var(--sf-margin-xs)}.mr\:md,.\$mr\:md>*{-webkit-margin-end:var(--sf-margin-md);margin-inline-end:var(--sf-margin-md)}.mr\:lg,.\$mr\:lg>*{-webkit-margin-end:var(--sf-margin-lg);margin-inline-end:var(--sf-margin-lg)}.mr\:xl,.\$mr\:xl>*{-webkit-margin-end:var(--sf-margin-xl);margin-inline-end:var(--sf-margin-xl)}.mb,.\$mb>*{-webkit-margin-after:var(--sf-margin);margin-block-end:var(--sf-margin)}.mb\:a,.\$mb\:a>*{-webkit-margin-after:auto;margin-block-end:auto}.mb\:0,.\$mb\:0>*{-webkit-margin-after:0;margin-block-end:0}.mb\:xs,.\$mb\:xs>*{-webkit-margin-after:var(--sf-margin-xs);margin-block-end:var(--sf-margin-xs)}.mb\:md,.\$mb\:md>*{-webkit-margin-after:var(--sf-margin-md);margin-block-end:var(--sf-margin-md)}.mb\:lg,.\$mb\:lg>*{-webkit-margin-after:var(--sf-margin-lg);margin-block-end:var(--sf-margin-lg)}.mb\:xl,.\$mb\:xl>*{-webkit-margin-after:var(--sf-margin-xl);margin-block-end:var(--sf-margin-xl)}.ml,.\$ml>*{-webkit-margin-start:var(--sf-margin);margin-inline-start:var(--sf-margin)}.ml\:a,.\$ml\:a>*{-webkit-margin-start:auto;margin-inline-start:auto}.ml\:0,.\$ml\:0>*{-webkit-margin-start:0;margin-inline-start:0}.ml\:xs,.\$ml\:xs>*{-webkit-margin-start:var(--sf-margin-xs);margin-inline-start:var(--sf-margin-xs)}.ml\:md,.\$ml\:md>*{-webkit-margin-start:var(--sf-margin-md);margin-inline-start:var(--sf-margin-md)}.ml\:lg,.\$ml\:lg>*{-webkit-margin-start:var(--sf-margin-lg);margin-inline-start:var(--sf-margin-lg)}.ml\:xl,.\$ml\:xl>*{-webkit-margin-start:var(--sf-margin-xl);margin-inline-start:var(--sf-margin-xl)}.mx,.\$mx>*{margin-inline:var(--sf-margin)}.mx\:a,.\$mx\:a>*{margin-inline:auto}.mx\:0,.\$mx\:0>*{margin-inline:0}.mx\:xs,.\$mx\:xs>*{margin-inline:var(--sf-margin-xs)}.mx\:md,.\$mx\:md>*{margin-inline:var(--sf-margin-md)}.mx\:lg,.\$mx\:lg>*{margin-inline:var(--sf-margin-lg)}.mx\:xl,.\$mx\:xl>*{margin-inline:var(--sf-margin-xl)}.my,.\$my>*{margin-block:var(--sf-margin)}.my\:a,.\$my\:a>*{margin-block:auto}.my\:0,.\$my\:0>*{margin-block:0}.my\:xs,.\$my\:xs>*{margin-block:var(--sf-margin-xs)}.my\:md,.\$my\:md>*{margin-block:var(--sf-margin-md)}.my\:lg,.\$my\:lg>*{margin-block:var(--sf-margin-lg)}.my\:xl,.\$my\:xl>*{margin-block:var(--sf-margin-xl)}.m\:n,.\$m\:n>*{margin:calc(var(--sf-margin) * -1)}.m\:n\:xs,.\$m\:n\:xs>*{margin:calc(var(--sf-margin-xs) * -1)}.m\:n\:md,.\$m\:n\:md>*{margin:calc(var(--sf-margin-md) * -1)}.m\:n\:lg,.\$m\:n\:lg>*{margin:calc(var(--sf-margin-lg) * -1)}.m\:n\:xl,.\$m\:n\:xl>*{margin:calc(var(--sf-margin-xl) * -1)}.mt\:n,.\$mt\:n>*{-webkit-margin-before:calc(var(--sf-margin) * -1);margin-block-start:calc(var(--sf-margin) * -1)}.mt\:n\:xs,.\$mt\:n\:xs>*{-webkit-margin-before:calc(var(--sf-margin-xs) * -1);margin-block-start:calc(var(--sf-margin-xs) * -1)}.mt\:n\:md,.\$mt\:n\:md>*{-webkit-margin-before:calc(var(--sf-margin-md) * -1);margin-block-start:calc(var(--sf-margin-md) * -1)}.mt\:n\:lg,.\$mt\:n\:lg>*{-webkit-margin-before:calc(var(--sf-margin-lg) * -1);margin-block-start:calc(var(--sf-margin-lg) * -1)}.mt\:n\:xl,.\$mt\:n\:xl>*{-webkit-margin-before:calc(var(--sf-margin-xl) * -1);margin-block-start:calc(var(--sf-margin-xl) * -1)}.mr\:n,.\$mr\:n>*{-webkit-margin-end:calc(var(--sf-margin) * -1);margin-inline-end:calc(var(--sf-margin) * -1)}.mr\:n\:xs,.\$mr\:n\:xs>*{-webkit-margin-end:calc(var(--sf-margin-xs) * -1);margin-inline-end:calc(var(--sf-margin-xs) * -1)}.mr\:n\:md,.\$mr\:n\:md>*{-webkit-margin-end:calc(var(--sf-margin-md) * -1);margin-inline-end:calc(var(--sf-margin-md) * -1)}.mr\:n\:lg,.\$mr\:n\:lg>*{-webkit-margin-end:calc(var(--sf-margin-lg) * -1);margin-inline-end:calc(var(--sf-margin-lg) * -1)}.mr\:n\:xl,.\$mr\:n\:xl>*{-webkit-margin-end:calc(var(--sf-margin-xl) * -1);margin-inline-end:calc(var(--sf-margin-xl) * -1)}.mb\:n,.\$mb\:n>*{-webkit-margin-after:calc(var(--sf-margin) * -1);margin-block-end:calc(var(--sf-margin) * -1)}.mb\:n\:xs,.\$mb\:n\:xs>*{-webkit-margin-after:calc(var(--sf-margin-xs) * -1);margin-block-end:calc(var(--sf-margin-xs) * -1)}.mb\:n\:md,.\$mb\:n\:md>*{-webkit-margin-after:calc(var(--sf-margin-md) * -1);margin-block-end:calc(var(--sf-margin-md) * -1)}.mb\:n\:lg,.\$mb\:n\:lg>*{-webkit-margin-after:calc(var(--sf-margin-lg) * -1);margin-block-end:calc(var(--sf-margin-lg) * -1)}.mb\:n\:xl,.\$mb\:n\:xl>*{-webkit-margin-after:calc(var(--sf-margin-xl) * -1);margin-block-end:calc(var(--sf-margin-xl) * -1)}.ml\:n,.\$ml\:n>*{-webkit-margin-start:calc(var(--sf-margin) * -1);margin-inline-start:calc(var(--sf-margin) * -1)}.ml\:n\:xs,.\$ml\:n\:xs>*{-webkit-margin-start:calc(var(--sf-margin-xs) * -1);margin-inline-start:calc(var(--sf-margin-xs) * -1)}.ml\:n\:md,.\$ml\:n\:md>*{-webkit-margin-start:calc(var(--sf-margin-md) * -1);margin-inline-start:calc(var(--sf-margin-md) * -1)}.ml\:n\:lg,.\$ml\:n\:lg>*{-webkit-margin-start:calc(var(--sf-margin-lg) * -1);margin-inline-start:calc(var(--sf-margin-lg) * -1)}.ml\:n\:xl,.\$ml\:n\:xl>*{-webkit-margin-start:calc(var(--sf-margin-xl) * -1);margin-inline-start:calc(var(--sf-margin-xl) * -1)}.mx\:n,.\$mx\:n>*{margin-inline:calc(var(--sf-margin) * -1)}.mx\:n\:xs,.\$mx\:n\:xs>*{margin-inline:calc(var(--sf-margin-xs) * -1)}.mx\:n\:md,.\$mx\:n\:md>*{margin-inline:calc(var(--sf-margin-md) * -1)}.mx\:n\:lg,.\$mx\:n\:lg>*{margin-inline:calc(var(--sf-margin-lg) * -1)}.mx\:n\:xl,.\$mx\:n\:xl>*{margin-inline:calc(var(--sf-margin-xl) * -1)}.my\:n,.\$my\:n>*{margin-block:calc(var(--sf-margin) * -1)}.my\:n\:xs,.\$my\:n\:xs>*{margin-block:calc(var(--sf-margin-xs) * -1)}.my\:n\:md,.\$my\:n\:md>*{margin-block:calc(var(--sf-margin-md) * -1)}.my\:n\:lg,.\$my\:n\:lg>*{margin-block:calc(var(--sf-margin-lg) * -1)}.my\:n\:xl,.\$my\:n\:xl>*{margin-block:calc(var(--sf-margin-xl) * -1)}html.var .m,html.var .\$m>*{margin:0.5em}html.var .m\:a,html.var .\$m\:a>*{margin:auto}html.var .m\:0,html.var .\$m\:0>*{margin:0}html.var .m\:xs,html.var .\$m\:xs>*{margin:0.25em}html.var .m\:md,html.var .\$m\:md>*{margin:1em}html.var .m\:lg,html.var .\$m\:lg>*{margin:1.5em}html.var .m\:xl,html.var .\$m\:xl>*{margin:2em}html.var .mt,html.var .\$mt>*{-webkit-margin-before:0.5em;margin-block-start:0.5em}html.var .mt\:a,html.var .\$mt\:a>*{-webkit-margin-before:auto;margin-block-start:auto}html.var .mt\:0,html.var .\$mt\:0>*{-webkit-margin-before:0;margin-block-start:0}html.var .mt\:xs,html.var .\$mt\:xs>*{-webkit-margin-before:0.25em;margin-block-start:0.25em}html.var .mt\:md,html.var .\$mt\:md>*{-webkit-margin-before:1em;margin-block-start:1em}html.var .mt\:lg,html.var .\$mt\:lg>*{-webkit-margin-before:1.5em;margin-block-start:1.5em}html.var .mt\:xl,html.var .\$mt\:xl>*{-webkit-margin-before:2em;margin-block-start:2em}html.var .mr,html.var .\$mr>*{-webkit-margin-end:0.5em;margin-inline-end:0.5em}html.var .mr\:a,html.var .\$mr\:a>*{-webkit-margin-end:auto;margin-inline-end:auto}html.var .mr\:0,html.var .\$mr\:0>*{-webkit-margin-end:0;margin-inline-end:0}html.var .mr\:xs,html.var .\$mr\:xs>*{-webkit-margin-end:0.25em;margin-inline-end:0.25em}html.var .mr\:md,html.var .\$mr\:md>*{-webkit-margin-end:1em;margin-inline-end:1em}html.var .mr\:lg,html.var .\$mr\:lg>*{-webkit-margin-end:1.5em;margin-inline-end:1.5em}html.var .mr\:xl,html.var .\$mr\:xl>*{-webkit-margin-end:2em;margin-inline-end:2em}html.var .mb,html.var .\$mb>*{-webkit-margin-after:0.5em;margin-block-end:0.5em}html.var .mb\:a,html.var .\$mb\:a>*{-webkit-margin-after:auto;margin-block-end:auto}html.var .mb\:0,html.var .\$mb\:0>*{-webkit-margin-after:0;margin-block-end:0}html.var .mb\:xs,html.var .\$mb\:xs>*{-webkit-margin-after:0.25em;margin-block-end:0.25em}html.var .mb\:md,html.var .\$mb\:md>*{-webkit-margin-after:1em;margin-block-end:1em}html.var .mb\:lg,html.var .\$mb\:lg>*{-webkit-margin-after:1.5em;margin-block-end:1.5em}html.var .mb\:xl,html.var .\$mb\:xl>*{-webkit-margin-after:2em;margin-block-end:2em}html.var .ml,html.var .\$ml>*{-webkit-margin-start:0.5em;margin-inline-start:0.5em}html.var .ml\:a,html.var .\$ml\:a>*{-webkit-margin-start:auto;margin-inline-start:auto}html.var .ml\:0,html.var .\$ml\:0>*{-webkit-margin-start:0;margin-inline-start:0}html.var .ml\:xs,html.var .\$ml\:xs>*{-webkit-margin-start:0.25em;margin-inline-start:0.25em}html.var .ml\:md,html.var .\$ml\:md>*{-webkit-margin-start:1em;margin-inline-start:1em}html.var .ml\:lg,html.var .\$ml\:lg>*{-webkit-margin-start:1.5em;margin-inline-start:1.5em}html.var .ml\:xl,html.var .\$ml\:xl>*{-webkit-margin-start:2em;margin-inline-start:2em}html.var .mx,html.var .\$mx>*{margin-inline:0.5em}html.var .mx\:a,html.var .\$mx\:a>*{margin-inline:auto}html.var .mx\:0,html.var .\$mx\:0>*{margin-inline:0}html.var .mx\:xs,html.var .\$mx\:xs>*{margin-inline:0.25em}html.var .mx\:md,html.var .\$mx\:md>*{margin-inline:1em}html.var .mx\:lg,html.var .\$mx\:lg>*{margin-inline:1.5em}html.var .mx\:xl,html.var .\$mx\:xl>*{margin-inline:2em}html.var .my,html.var .\$my>*{margin-block:0.5em}html.var .my\:a,html.var .\$my\:a>*{margin-block:auto}html.var .my\:0,html.var .\$my\:0>*{margin-block:0}html.var .my\:xs,html.var .\$my\:xs>*{margin-block:0.25em}html.var .my\:md,html.var .\$my\:md>*{margin-block:1em}html.var .my\:lg,html.var .\$my\:lg>*{margin-block:1.5em}html.var .my\:xl,html.var .\$my\:xl>*{margin-block:2em}html.var .m\:n,html.var .\$m\:n>*{margin:-0.5em}html.var .m\:n\:xs,html.var .\$m\:n\:xs>*{margin:-0.25em}html.var .m\:n\:md,html.var .\$m\:n\:md>*{margin:-1em}html.var .m\:n\:lg,html.var .\$m\:n\:lg>*{margin:-1.5em}html.var .m\:n\:xl,html.var .\$m\:n\:xl>*{margin:-2em}html.var .mt\:n,html.var .\$mt\:n>*{-webkit-margin-before:-0.5em;margin-block-start:-0.5em}html.var .mt\:n\:xs,html.var .\$mt\:n\:xs>*{-webkit-margin-before:-0.25em;margin-block-start:-0.25em}html.var .mt\:n\:md,html.var .\$mt\:n\:md>*{-webkit-margin-before:-1em;margin-block-start:-1em}html.var .mt\:n\:lg,html.var .\$mt\:n\:lg>*{-webkit-margin-before:-1.5em;margin-block-start:-1.5em}html.var .mt\:n\:xl,html.var .\$mt\:n\:xl>*{-webkit-margin-before:-2em;margin-block-start:-2em}html.var .mr\:n,html.var .\$mr\:n>*{-webkit-margin-end:-0.5em;margin-inline-end:-0.5em}html.var .mr\:n\:xs,html.var .\$mr\:n\:xs>*{-webkit-margin-end:-0.25em;margin-inline-end:-0.25em}html.var .mr\:n\:md,html.var .\$mr\:n\:md>*{-webkit-margin-end:-1em;margin-inline-end:-1em}html.var .mr\:n\:lg,html.var .\$mr\:n\:lg>*{-webkit-margin-end:-1.5em;margin-inline-end:-1.5em}html.var .mr\:n\:xl,html.var .\$mr\:n\:xl>*{-webkit-margin-end:-2em;margin-inline-end:-2em}html.var .mb\:n,html.var .\$mb\:n>*{-webkit-margin-after:-0.5em;margin-block-end:-0.5em}html.var .mb\:n\:xs,html.var .\$mb\:n\:xs>*{-webkit-margin-after:-0.25em;margin-block-end:-0.25em}html.var .mb\:n\:md,html.var .\$mb\:n\:md>*{-webkit-margin-after:-1em;margin-block-end:-1em}html.var .mb\:n\:lg,html.var .\$mb\:n\:lg>*{-webkit-margin-after:-1.5em;margin-block-end:-1.5em}html.var .mb\:n\:xl,html.var .\$mb\:n\:xl>*{-webkit-margin-after:-2em;margin-block-end:-2em}html.var .ml\:n,html.var .\$ml\:n>*{-webkit-margin-start:-0.5em;margin-inline-start:-0.5em}html.var .ml\:n\:xs,html.var .\$ml\:n\:xs>*{-webkit-margin-start:-0.25em;margin-inline-start:-0.25em}html.var .ml\:n\:md,html.var .\$ml\:n\:md>*{-webkit-margin-start:-1em;margin-inline-start:-1em}html.var .ml\:n\:lg,html.var .\$ml\:n\:lg>*{-webkit-margin-start:-1.5em;margin-inline-start:-1.5em}html.var .ml\:n\:xl,html.var .\$ml\:n\:xl>*{-webkit-margin-start:-2em;margin-inline-start:-2em}html.var .mx\:n,html.var .\$mx\:n>*{margin-inline:-0.5em}html.var .mx\:n\:xs,html.var .\$mx\:n\:xs>*{margin-inline:-0.25em}html.var .mx\:n\:md,html.var .\$mx\:n\:md>*{margin-inline:-1em}html.var .mx\:n\:lg,html.var .\$mx\:n\:lg>*{margin-inline:-1.5em}html.var .mx\:n\:xl,html.var .\$mx\:n\:xl>*{margin-inline:-2em}html.var .my\:n,html.var .\$my\:n>*{margin-block:-0.5em}html.var .my\:n\:xs,html.var .\$my\:n\:xs>*{margin-block:-0.25em}html.var .my\:n\:md,html.var .\$my\:n\:md>*{margin-block:-1em}html.var .my\:n\:lg,html.var .\$my\:n\:lg>*{margin-block:-1.5em}html.var .my\:n\:xl,html.var .\$my\:n\:xl>*{margin-block:-2em}html.mpb .mt,html.mpb .\$mt>*{margin-top:0.5em}html.mpb .mt\:0,html.mpb .\$mt\:0>*{margin-top:0}html.mpb .mt\:a,html.mpb .\$mt\:a>*{margin-top:auto}html.mpb .mt\:xs,html.mpb .\$mt\:xs>*{margin-top:0.25em}html.mpb .mt\:md,html.mpb .\$mt\:md>*{margin-top:1em}html.mpb .mt\:lg,html.mpb .\$mt\:lg>*{margin-top:1.5em}html.mpb .mt\:xl,html.mpb .\$mt\:xl>*{margin-top:2em}html.mpb .mr,html.mpb .\$mr>*{margin-right:0.5em}html.mpb .mr\:0,html.mpb .\$mr\:0>*{margin-right:0}html.mpb .mr\:a,html.mpb .\$mr\:a>*{margin-right:auto}html.mpb .mr\:xs,html.mpb .\$mr\:xs>*{margin-right:0.25em}html.mpb .mr\:md,html.mpb .\$mr\:md>*{margin-right:1em}html.mpb .mr\:lg,html.mpb .\$mr\:lg>*{margin-right:1.5em}html.mpb .mr\:xl,html.mpb .\$mr\:xl>*{margin-right:2em}html.mpb .mb,html.mpb .\$mb>*{margin-bottom:0.5em}html.mpb .mb\:0,html.mpb .\$mb\:0>*{margin-bottom:0}html.mpb .mb\:a,html.mpb .\$mb\:a>*{margin-bottom:auto}html.mpb .mb\:xs,html.mpb .\$mb\:xs>*{margin-bottom:0.25em}html.mpb .mb\:md,html.mpb .\$mb\:md>*{margin-bottom:1em}html.mpb .mb\:lg,html.mpb .\$mb\:lg>*{margin-bottom:1.5em}html.mpb .mb\:xl,html.mpb .\$mb\:xl>*{margin-bottom:2em}html.mpb .ml,html.mpb .\$ml>*{margin-left:0.5em}html.mpb .ml\:0,html.mpb .\$ml\:0>*{margin-left:0}html.mpb .ml\:a,html.mpb .\$ml\:a>*{margin-left:auto}html.mpb .ml\:xs,html.mpb .\$ml\:xs>*{margin-left:0.25em}html.mpb .ml\:md,html.mpb .\$ml\:md>*{margin-left:1em}html.mpb .ml\:lg,html.mpb .\$ml\:lg>*{margin-left:1.5em}html.mpb .ml\:xl,html.mpb .\$ml\:xl>*{margin-left:2em}html.mpb .mx,html.mpb .\$mx>*{margin-left:0.5em;margin-right:0.5em}html.mpb .mx\:0,html.mpb .\$mx\:0>*{margin-left:0;margin-right:0}html.mpb .mx\:a,html.mpb .\$mx\:a>*{margin-left:auto;margin-right:auto}html.mpb .mx\:xs,html.mpb .\$mx\:xs>*{margin-left:0.25em;margin-right:0.25em}html.mpb .mx\:md,html.mpb .\$mx\:md>*{margin-left:1em;margin-right:1em}html.mpb .mx\:lg,html.mpb .\$mx\:lg>*{margin-left:1.5em;margin-right:1.5em}html.mpb .mx\:xl,html.mpb .\$mx\:xl>*{margin-left:2em;margin-right:2em}html.mpb .my,html.mpb .\$my>*{margin-top:1em;margin-bottom:1em}html.mpb .my\:0,html.mpb .\$my\:0>*{margin-top:0;margin-bottom:0}html.mpb .my\:a,html.mpb .\$my\:a>*{margin-top:auto;margin-bottom:auto}html.mpb .my\:xs,html.mpb .\$my\:xs>*{margin-top:0.25em;margin-bottom:0.25em}html.mpb .my\:md,html.mpb .\$my\:md>*{margin-top:1em;margin-bottom:1em}html.mpb .my\:lg,html.mpb .\$my\:lg>*{margin-top:1.5em;margin-bottom:1.5em}html.mpb .my\:xl,html.mpb .\$my\:xl>*{margin-top:2em;margin-bottom:2em}html.mpb .mt\:n,html.mpb .\$mt\:n>*{margin-left:-0.5em}html.mpb .mt\:n\:xs,html.mpb .\$mt\:n\:xs>*{margin-top:-0.25em}html.mpb .mt\:n\:md,html.mpb .\$mt\:n\:md>*{margin-top:-1em}html.mpb .mt\:n\:lg,html.mpb .\$mt\:n\:lg>*{margin-top:-1.5em}html.mpb .mt\:n\:xl,html.mpb .\$mt\:n\:xl>*{margin-top:-2em}html.mpb .mr\:n,html.mpb .\$mr\:n>*{margin-left:-0.5em}html.mpb .mr\:n\:xs,html.mpb .\$mr\:n\:xs>*{margin-right:-0.25em}html.mpb .mr\:n\:md,html.mpb .\$mr\:n\:md>*{margin-right:-1em}html.mpb .mr\:n\:lg,html.mpb .\$mr\:n\:lg>*{margin-right:-1.5em}html.mpb .mr\:n\:xl,html.mpb .\$mr\:n\:xl>*{margin-right:-2em}html.mpb .mb\:n,html.mpb .\$mb\:n>*{margin-left:-0.5em}html.mpb .mb\:n\:xs,html.mpb .\$mb\:n\:xs>*{margin-bottom:-0.25em}html.mpb .mb\:n\:md,html.mpb .\$mb\:n\:md>*{margin-bottom:-1em}html.mpb .mb\:n\:lg,html.mpb .\$mb\:n\:lg>*{margin-bottom:-1.5em}html.mpb .mb\:n\:xl,html.mpb .\$mb\:n\:xl>*{margin-bottom:-2em}html.mpb .ml\:n,html.mpb .\$ml\:n>*{margin-left:-0.5em}html.mpb .ml\:n\:xs,html.mpb .\$ml\:n\:xs>*{margin-left:-0.25em}html.mpb .ml\:n\:md,html.mpb .\$ml\:n\:md>*{margin-left:-1em}html.mpb .ml\:n\:lg,html.mpb .\$ml\:n\:lg>*{margin-left:-1.5em}html.mpb .ml\:n\:xl,html.mpb .\$ml\:n\:xl>*{margin-left:-2em}html.mpb .mx\:n,html.mpb .\$mx\:n>*{margin-left:-0.5em;margin-right:-0.5em}html.mpb .mx\:n\:xs,html.mpb .\$mx\:n\:xs>*{margin-left:-0.25em;margin-right:-0.25em}html.mpb .mx\:n\:md,html.mpb .\$mx\:n\:md>*{margin-left:-1em;margin-right:-1em}html.mpb .mx\:n\:lg,html.mpb .\$mx\:n\:lg>*{margin-left:-1.5em;margin-right:-1.5em}html.mpb .mx\:n\:xl,html.mpb .\$mx\:n\:xl>*{margin-left:-2em;margin-right:-2em}html.mpb .my\:n,html.mpb .\$my\:n>*{margin-top:-0.5em;margin-bottom:-0.5em}html.mpb .my\:n\:xs,html.mpb .\$my\:n\:xs>*{margin-top:-0.25em;margin-bottom:-0.25em}html.mpb .my\:n\:md,html.mpb .\$my\:n\:md>*{margin-top:-1em;margin-bottom:-1em}html.mpb .my\:n\:lg,html.mpb .\$my\:n\:lg>*{margin-top:-1.5em;margin-bottom:-1.5em}html.mpb .my\:n\:xl,html.mpb .\$my\:n\:xl>*{margin-top:-2em;margin-bottom:-2em}.mbm\:c{mix-blend-mode:color}.mbm\:cb{mix-blend-mode:color-burn}.mbm\:cd{mix-blend-mode:color-dodge}.mbm\:dk{mix-blend-mode:darken}.mbm\:df{mix-blend-mode:difference}.mbm\:ex{mix-blend-mode:exclusion}.mbm\:hl{mix-blend-mode:hard-light}.mbm\:h{mix-blend-mode:hue}.mbm\:lt{mix-blend-mode:lighten}.mbm\:lm{mix-blend-mode:luminosity}.mbm\:m{mix-blend-mode:multiply}.mbm\:n{mix-blend-mode:normal}.mbm\:o{mix-blend-mode:overlay}.mbm\:s{mix-blend-mode:saturation}.mbm\:sc{mix-blend-mode:screen}.mbm\:sl{mix-blend-mode:soft-light}.op,.op\:0{opacity:0}.op\:1{opacity:0.01}.op\:2{opacity:0.02}.op\:3{opacity:0.03}.op\:4{opacity:0.04}.op\:5{opacity:0.05}.op\:6{opacity:0.06}.op\:7{opacity:0.07}.op\:8{opacity:0.08}.op\:9{opacity:0.09}.op\:10{opacity:0.1}.op\:11{opacity:0.11}.op\:12{opacity:0.12}.op\:13{opacity:0.13}.op\:14{opacity:0.14}.op\:15{opacity:0.15}.op\:16{opacity:0.16}.op\:17{opacity:0.17}.op\:18{opacity:0.18}.op\:19{opacity:0.19}.op\:20{opacity:0.2}.op\:21{opacity:0.21}.op\:22{opacity:0.22}.op\:23{opacity:0.23}.op\:24{opacity:0.24}.op\:25{opacity:0.25}.op\:26{opacity:0.26}.op\:27{opacity:0.27}.op\:28{opacity:0.28}.op\:29{opacity:0.29}.op\:30{opacity:0.3}.op\:31{opacity:0.31}.op\:32{opacity:0.32}.op\:33{opacity:0.33}.op\:34{opacity:0.34}.op\:35{opacity:0.35}.op\:36{opacity:0.36}.op\:37{opacity:0.37}.op\:38{opacity:0.38}.op\:39{opacity:0.39}.op\:40{opacity:0.4}.op\:41{opacity:0.41}.op\:42{opacity:0.42}.op\:43{opacity:0.43}.op\:44{opacity:0.44}.op\:45{opacity:0.45}.op\:46{opacity:0.46}.op\:47{opacity:0.47}.op\:48{opacity:0.48}.op\:49{opacity:0.49}.op\:50{opacity:0.5}.op\:51{opacity:0.51}.op\:52{opacity:0.52}.op\:53{opacity:0.53}.op\:54{opacity:0.54}.op\:55{opacity:0.55}.op\:56{opacity:0.56}.op\:57{opacity:0.57}.op\:58{opacity:0.58}.op\:59{opacity:0.59}.op\:60{opacity:0.6}.op\:61{opacity:0.61}.op\:62{opacity:0.62}.op\:63{opacity:0.63}.op\:64{opacity:0.64}.op\:65{opacity:0.65}.op\:66{opacity:0.66}.op\:67{opacity:0.67}.op\:68{opacity:0.68}.op\:69{opacity:0.69}.op\:70{opacity:0.7}.op\:71{opacity:0.71}.op\:72{opacity:0.72}.op\:73{opacity:0.73}.op\:74{opacity:0.74}.op\:75{opacity:0.75}.op\:76{opacity:0.76}.op\:77{opacity:0.77}.op\:78{opacity:0.78}.op\:79{opacity:0.79}.op\:80{opacity:0.8}.op\:81{opacity:0.81}.op\:82{opacity:0.82}.op\:83{opacity:0.83}.op\:84{opacity:0.84}.op\:85{opacity:0.85}.op\:86{opacity:0.86}.op\:87{opacity:0.87}.op\:88{opacity:0.88}.op\:89{opacity:0.89}.op\:90{opacity:0.9}.op\:91{opacity:0.91}.op\:92{opacity:0.92}.op\:93{opacity:0.93}.op\:94{opacity:0.94}.op\:95{opacity:0.95}.op\:96{opacity:0.96}.op\:97{opacity:0.97}.op\:98{opacity:0.98}.op\:99{opacity:0.99}.op\:100{opacity:1}.order\:-5{-ms-flex-order:-5;order:-5}.order\:-4{-ms-flex-order:-4;order:-4}.order\:-3{-ms-flex-order:-3;order:-3}.order\:-2{-ms-flex-order:-2;order:-2}.order\:-1{-ms-flex-order:-1;order:-1}.order\:0{-ms-flex-order:0;order:0}.order\:1{-ms-flex-order:1;order:1}.order\:2{-ms-flex-order:2;order:2}.order\:3{-ms-flex-order:3;order:3}.order\:4{-ms-flex-order:4;order:4}.order\:5{-ms-flex-order:5;order:5}.ol\:c\:i{outline-color:inherit}.ol\:c\:ii{outline-color:initial}.ol\:st{outline-style:solid}.ol\:st\:a{outline-style:auto}.ol\:st\:n{outline-style:none}.ol\:st\:do{outline-style:dotted}.ol\:st\:da{outline-style:dashed}.ol\:st\:dbl{outline-style:double}.ol\:st\:g{outline-style:groove}.ol\:st\:r{outline-style:ridge}.ol\:st\:in{outline-style:inset}.ol\:st\:out{outline-style:outset}.ol\:0{outline:0}.ol\:w\:0{outline-width:0}.ol\:off\:0{outline-offset:0}.ol,.ol\:1{outline:var(--sf-ol-w) solid}.ol\:2{outline:calc(var(--sf-ol-w) * 2) solid}.ol\:off,.ol\:off\:1{outline-offset:var(--sf-ol-w)}.ol\:off\:2{outline-offset:calc(var(--sf-ol-w) * 2)}.ol\:w,.ol\:w\:1{outline-width:var(--sf-ol-w)}.ol\:w\:2{outline-width:calc(var(--sf-ol-w) * 2)}html.var .ol,html.var .ol\:1{outline:1px solid}html.var .ol\:2{outline:2px solid}html.var .ol\:off,html.var .ol\:off\:1{outline-width:1px}html.var .ol\:off\:2{outline-width:2px}html.var .ol\:w,html.var .ol\:w\:1{outline-width:1px}html.var .ol\:w\:2{outline-width:2px}.p,.\$p>*{padding:var(--sf-padding)}.p\:0,.\$p\:0>*{padding:0}.p\:xs,.\$p\:xs>*{padding:var(--sf-padding-xs)}.p\:md,.\$p\:md>*{padding:var(--sf-padding-md)}.p\:lg,.\$p\:lg>*{padding:var(--sf-padding-lg)}.p\:xl,.\$p\:xl>*{padding:var(--sf-padding-xl)}.pt,.\$pt>*{-webkit-padding-before:var(--sf-padding);padding-block-start:var(--sf-padding)}.pt\:0,.\$pt\:0>*{-webkit-padding-before:0;padding-block-start:0}.pt\:xs,.\$pt\:xs>*{-webkit-padding-before:var(--sf-padding-xs);padding-block-start:var(--sf-padding-xs)}.pt\:md,.\$pt\:md>*{-webkit-padding-before:var(--sf-padding-md);padding-block-start:var(--sf-padding-md)}.pt\:lg,.\$pt\:lg>*{-webkit-padding-before:var(--sf-padding-lg);padding-block-start:var(--sf-padding-lg)}.pt\:xl,.\$pt\:xl>*{-webkit-padding-before:var(--sf-padding-xl);padding-block-start:var(--sf-padding-xl)}.pr,.\$pr>*{-webkit-padding-end:var(--sf-padding);padding-inline-end:var(--sf-padding)}.pr\:0,.\$pr\:0>*{-webkit-padding-end:0;padding-inline-end:0}.pr\:xs,.\$pr\:xs>*{-webkit-padding-end:var(--sf-padding-xs);padding-inline-end:var(--sf-padding-xs)}.pr\:md,.\$pr\:md>*{-webkit-padding-end:var(--sf-padding-md);padding-inline-end:var(--sf-padding-md)}.pr\:lg,.\$pr\:lg>*{-webkit-padding-end:var(--sf-padding-lg);padding-inline-end:var(--sf-padding-lg)}.pr\:xl,.\$pr\:xl>*{-webkit-padding-end:var(--sf-padding-xl);padding-inline-end:var(--sf-padding-xl)}.pb,.\$pb>*{-webkit-padding-after:var(--sf-padding);padding-block-end:var(--sf-padding)}.pb\:0,.\$pb\:0>*{-webkit-padding-after:0;padding-block-end:0}.pb\:xs,.\$pb\:xs>*{-webkit-padding-after:var(--sf-padding-xs);padding-block-end:var(--sf-padding-xs)}.pb\:md,.\$pb\:md>*{-webkit-padding-after:var(--sf-padding-md);padding-block-end:var(--sf-padding-md)}.pb\:lg,.\$pb\:lg>*{-webkit-padding-after:var(--sf-padding-lg);padding-block-end:var(--sf-padding-lg)}.pb\:xl,.\$pb\:xl>*{-webkit-padding-after:var(--sf-padding-xl);padding-block-end:var(--sf-padding-xl)}.pl,.\$pl>*{-webkit-padding-start:var(--sf-padding);padding-inline-start:var(--sf-padding)}.pl\:0,.\$pl\:0>*{-webkit-padding-start:0;padding-inline-start:0}.pl\:xs,.\$pl\:xs>*{-webkit-padding-start:var(--sf-padding-xs);padding-inline-start:var(--sf-padding-xs)}.pl\:md,.\$pl\:md>*{-webkit-padding-start:var(--sf-padding-md);padding-inline-start:var(--sf-padding-md)}.pl\:lg,.\$pl\:lg>*{-webkit-padding-start:var(--sf-padding-lg);padding-inline-start:var(--sf-padding-lg)}.pl\:xl,.\$pl\:xl>*{-webkit-padding-start:var(--sf-padding-xl);padding-inline-start:var(--sf-padding-xl)}.px,.\$px>*{padding-inline:var(--sf-padding)}.px\:0,.\$px\:0>*{padding-inline:0}.px\:xs,.\$px\:xs>*{padding-inline:var(--sf-padding-xs)}.px\:md,.\$px\:md>*{padding-inline:var(--sf-padding-md)}.px\:lg,.\$px\:lg>*{padding-inline:var(--sf-padding-lg)}.px\:xl,.\$px\:xl>*{padding-inline:var(--sf-padding-xl)}.py,.\$py>*{padding-block:var(--sf-padding)}.py\:0,.\$py\:0>*{padding-block:0}.py\:xs,.\$py\:xs>*{padding-block:var(--sf-padding-xs)}.py\:md,.\$py\:md>*{padding-block:var(--sf-padding-md)}.py\:lg,.\$py\:lg>*{padding-block:var(--sf-padding-lg)}.py\:xl,.\$py\:xl>*{padding-block:var(--sf-padding-xl)}html.var .p,html.var .\$p>*{padding:0.5em}html.var .p\:0,html.var .\$p\:0>*{padding:0}html.var .p\:xs,html.var .\$p\:xs>*{padding:0.25em}html.var .p\:md,html.var .\$p\:md>*{padding:1em}html.var .p\:lg,html.var .\$p\:lg>*{padding:1.5em}html.var .p\:xl,html.var .\$p\:xl>*{padding:2em}html.var .pt,html.var .\$pt>*{-webkit-padding-before:0.5em;padding-block-start:0.5em}html.var .pt\:0,html.var .\$pt\:0>*{-webkit-padding-before:0;padding-block-start:0}html.var .pt\:xs,html.var .\$pt\:xs>*{-webkit-padding-before:0.25em;padding-block-start:0.25em}html.var .pt\:md,html.var .\$pt\:md>*{-webkit-padding-before:1em;padding-block-start:1em}html.var .pt\:lg,html.var .\$pt\:lg>*{-webkit-padding-before:1.5em;padding-block-start:1.5em}html.var .pt\:xl,html.var .\$pt\:xl>*{-webkit-padding-before:2em;padding-block-start:2em}html.var .pr,html.var .\$pr>*{-webkit-padding-end:0.5em;padding-inline-end:0.5em}html.var .pr\:0,html.var .\$pr\:0>*{-webkit-padding-end:0;padding-inline-end:0}html.var .pr\:xs,html.var .\$pr\:xs>*{-webkit-padding-end:0.25em;padding-inline-end:0.25em}html.var .pr\:md,html.var .\$pr\:md>*{-webkit-padding-end:1em;padding-inline-end:1em}html.var .pr\:lg,html.var .\$pr\:lg>*{-webkit-padding-end:1.5em;padding-inline-end:1.5em}html.var .pr\:xl,html.var .\$pr\:xl>*{-webkit-padding-end:2em;padding-inline-end:2em}html.var .pb,html.var .\$pb>*{-webkit-padding-after:0.5em;padding-block-end:0.5em}html.var .pb\:0,html.var .\$pb\:0>*{-webkit-padding-after:0;padding-block-end:0}html.var .pb\:xs,html.var .\$pb\:xs>*{-webkit-padding-after:0.25em;padding-block-end:0.25em}html.var .pb\:md,html.var .\$pb\:md>*{-webkit-padding-after:1em;padding-block-end:1em}html.var .pb\:lg,html.var .\$pb\:lg>*{-webkit-padding-after:1.5em;padding-block-end:1.5em}html.var .pb\:xl,html.var .\$pb\:xl>*{-webkit-padding-after:2em;padding-block-end:2em}html.var .pl,html.var .\$pl>*{-webkit-padding-start:0.5em;padding-inline-start:0.5em}html.var .pl\:0,html.var .\$pl\:0>*{-webkit-padding-start:0;padding-inline-start:0}html.var .pl\:xs,html.var .\$pl\:xs>*{-webkit-padding-start:0.25em;padding-inline-start:0.25em}html.var .pl\:md,html.var .\$pl\:md>*{-webkit-padding-start:1em;padding-inline-start:1em}html.var .pl\:lg,html.var .\$pl\:lg>*{-webkit-padding-start:1.5em;padding-inline-start:1.5em}html.var .pl\:xl,html.var .\$pl\:xl>*{-webkit-padding-start:2em;padding-inline-start:2em}html.var .px,html.var .\$px>*{padding-inline:0.5em}html.var .px\:0,html.var .\$px\:0>*{padding-inline:0}html.var .px\:xs,html.var .\$px\:xs>*{padding-inline:0.25em}html.var .px\:md,html.var .\$px\:md>*{padding-inline:1em}html.var .px\:lg,html.var .\$px\:lg>*{padding-inline:1.5em}html.var .px\:xl,html.var .\$px\:xl>*{padding-inline:2em}html.var .py,html.var .\$py>*{padding-block:0.5em}html.var .py\:0,html.var .\$py\:0>*{padding-block:0}html.var .py\:xs,html.var .\$py\:xs>*{padding-block:0.25em}html.var .py\:md,html.var .\$py\:md>*{padding-block:1em}html.var .py\:lg,html.var .\$py\:lg>*{padding-block:1.5em}html.var .py\:xl,html.var .\$py\:xl>*{padding-block:2em}html.mpb .pt,html.mpb .\$pt>*{padding-top:0.5em}html.mpb .pt\:0,html.mpb .\$pt\:0>*{padding-top:0}html.mpb .pt\:xs,html.mpb .\$pt\:xs>*{padding-top:0.25em}html.mpb .pt\:md,html.mpb .\$pt\:md>*{padding-top:1em}html.mpb .pt\:lg,html.mpb .\$pt\:lg>*{padding-top:1.5em}html.mpb .pt\:xl,html.mpb .\$pt\:xl>*{padding-top:2em}html.mpb .pr,html.mpb .\$pr>*{padding-right:0.5em}html.mpb .pr\:0,html.mpb .\$pr\:0{padding-right:0}html.mpb .pr\:xs,html.mpb .\$pr\:xs{padding-right:0.25em}html.mpb .pr\:md,html.mpb .\$pr\:md{padding-right:1em}html.mpb .pr\:lg,html.mpb .\$pr\:lg{padding-right:1.5em}html.mpb .pr\:xl,html.mpb .\$pr\:xl{padding-right:2em}html.mpb .pb,html.mpb .\$pb>*{padding-bottom:0.5em}html.mpb .pb\:0,html.mpb .\$pb\:0>*{padding-bottom:0}html.mpb .pb\:xs,html.mpb .\$pb\:xs>*{padding-bottom:0.25em}html.mpb .pb\:md,html.mpb .\$pb\:md>*{padding-bottom:1em}html.mpb .pb\:lg,html.mpb .\$pb\:lg>*{padding-bottom:1.5em}html.mpb .pb\:xl,html.mpb .\$pb\:xl>*{padding-bottom:2em}html.mpb .pl,html.mpb .\$pl>*{padding-left:0.5em}html.mpb .pl\:0,html.mpb .\$pl\:0>*{padding-left:0}html.mpb .pl\:xs,html.mpb .\$pl\:xs>*{padding-left:0.25em}html.mpb .pl\:md,html.mpb .\$pl\:md>*{padding-left:1em}html.mpb .pl\:lg,html.mpb .\$pl\:lg>*{padding-left:1.5em}html.mpb .pl\:xl,html.mpb .\$pl\:xl>*{padding-left:2em}html.mpb .px,html.mpb .\$px>*{padding-left:0.5em;padding-right:0.5em}html.mpb .px\:0,html.mpb .\$px\:0>*{padding-left:0;padding-right:0}html.mpb .px\:xs,html.mpb .\$px\:xs>*{padding-left:0.25em;padding-right:0.25em}html.mpb .px\:md,html.mpb .\$px\:md>*{padding-left:1em;padding-right:1em}html.mpb .px\:lg,html.mpb .\$px\:lg>*{padding-left:1.5em;padding-right:1.5em}html.mpb .px\:xl,html.mpb .\$px\:xl>*{padding-left:2em;padding-right:2em}html.mpb .py,html.mpb .\$py>*{padding-top:0.5em;padding-bottom:0.5em}html.mpb .py\:0,html.mpb .\$py\:0>*{padding-top:0;padding-bottom:0}html.mpb .py\:xs,html.mpb .\$py\:xs>*{padding-top:0.25em;padding-bottom:0.25em}html.mpb .py\:md,html.mpb .\$py\:md>*{padding-top:1em;padding-bottom:1em}html.mpb .py\:lg,html.mpb .\$py\:lg>*{padding-top:1.5em;padding-bottom:1.5em}html.mpb .py\:xl,html.mpb .\$py\:xl>*{padding-top:2em;padding-bottom:2em}.pe\:a{pointer-events:auto}.pe\:n{pointer-events:none}.pe\:v{pointer-events:visible}.pe\:vf{pointer-events:visibleFill}.pe\:vs{pointer-events:visibleStroke}.pe\:vps{pointer-events:visiblePainted}.pos\:a{position:absolute}.pos\:f{position:fixed}.pos\:r{position:relative}.pos\:st{position:static}.pos\:s{position:-webkit-sticky;position:sticky}.t{top:0}.l{left:0}.r{right:0}.b{bottom:0}.t\:a{top:auto}.l\:a{left:auto}.r\:a{right:auto}.b\:a{bottom:auto}.w.pos\:a,.w.pos\:f,.w.pos\:r,.w.pos\:s{left:0;right:0;width:auto}.h.pos\:a,.h.pos\:f,.h.pos\:r,.h.pos\:s{top:0;bottom:0;height:auto}.full.pos\:a,.full.pos\:f{top:0;left:0;right:0;bottom:0}.radius:not(html){border-radius:var(--sf-radius)}.radius\:xxs{border-radius:var(--sf-radius-xxs)}.radius\:xs{border-radius:var(--sf-radius-xs)}.radius\:md{border-radius:var(--sf-radius-md)}.radius\:lg{border-radius:var(--sf-radius-lg)}.radius\:xl{border-radius:var(--sf-radius-xl)}.radius\:0{border-radius:0}.radius\:25{border-radius:25%}.radius\:50{border-radius:50%}.radius\:75{border-radius:75%}.radius\:100{border-radius:100%}.radius\:tl,.radius\:lt{border-start-start-radius:var(--sf-radius)}.radius\:tl\:xxs,.radius\:lt\:xxs{border-start-start-radius:var(--sf-radius-xxs)}.radius\:tl\:xs,.radius\:lt\:xs{border-start-start-radius:var(--sf-radius-xs)}.radius\:tl\:md,.radius\:lt\:md{border-start-start-radius:var(--sf-radius-md)}.radius\:tl\:lg,.radius\:lt\:lg{border-start-start-radius:var(--sf-radius-lg)}.radius\:tl\:xl,.radius\:lt\:xl{border-start-start-radius:var(--sf-radius-xl)}.radius\:tl\:0,.radius\:lt\:0{border-start-start-radius:0}.radius\:tl\:25,.radius\:lt\:25{border-start-start-radius:25%}.radius\:tl\:50,.radius\:lt\:50{border-start-start-radius:50%}.radius\:tl\:75,.radius\:lt\:75{border-start-start-radius:75%}.radius\:tl\:100,.radius\:lt\:100{border-start-start-radius:100%}.radius\:tr,.radius\:rt{border-start-end-radius:var(--sf-radius)}.radius\:tr\:xxs,.radius\:rt\:xxs{border-start-end-radius:var(--sf-radius-xxs)}.radius\:tr\:xs,.radius\:rt\:xs{border-start-end-radius:var(--sf-radius-xs)}.radius\:tr\:md,.radius\:rt\:md{border-start-end-radius:var(--sf-radius-md)}.radius\:tr\:lg,.radius\:rt\:lg{border-start-end-radius:var(--sf-radius-lg)}.radius\:tr\:xl,.radius\:rt\:xl{border-start-end-radius:var(--sf-radius-xl)}.radius\:tr\:0,.radius\:rt\:0{border-start-end-radius:0}.radius\:tr\:25,.radius\:rt\:25{border-start-end-radius:25%}.radius\:tr\:50,.radius\:rt\:50{border-start-end-radius:50%}.radius\:tr\:75,.radius\:rt\:75{border-start-end-radius:75%}.radius\:tr\:100,.radius\:rt\:100{border-start-end-radius:100%}.radius\:bl,.radius\:lb{border-end-start-radius:var(--sf-radius)}.radius\:bl\:xxs,.radius\:lb\:xxs{border-end-start-radius:var(--sf-radius-xxs)}.radius\:bl\:xs,.radius\:lb\:xs{border-end-start-radius:var(--sf-radius-xs)}.radius\:bl\:md,.radius\:lb\:md{border-end-start-radius:var(--sf-radius-md)}.radius\:bl\:lg,.radius\:lb\:lg{border-end-start-radius:var(--sf-radius-lg)}.radius\:bl\:xl,.radius\:lb\:xl{border-end-start-radius:var(--sf-radius-xl)}.radius\:bl\:0,.radius\:lb\:0{border-end-start-radius:0}.radius\:bl\:25,.radius\:lb\:25{border-end-start-radius:25%}.radius\:bl\:50,.radius\:lb\:50{border-end-start-radius:50%}.radius\:bl\:75,.radius\:lb\:75{border-end-start-radius:75%}.radius\:bl\:100,.radius\:lb\:100{border-end-start-radius:100%}.radius\:br,.radius\:rb{border-end-end-radius:var(--sf-radius)}.radius\:br\:xxs,.radius\:rb\:xxs{border-end-end-radius:var(--sf-radius-xxs)}.radius\:br\:xs,.radius\:rb\:xs{border-end-end-radius:var(--sf-radius-xs)}.radius\:br\:md,.radius\:rb\:md{border-end-end-radius:var(--sf-radius-md)}.radius\:br\:lg,.radius\:rb\:lg{border-end-end-radius:var(--sf-radius-lg)}.radius\:br\:xl,.radius\:rb\:xl{border-end-end-radius:var(--sf-radius-xl)}.radius\:br\:0,.radius\:rb\:0{border-end-end-radius:0}.radius\:br\:25,.radius\:rb\:25{border-end-end-radius:25%}.radius\:br\:50,.radius\:rb\:50{border-end-end-radius:50%}.radius\:br\:75,.radius\:rb\:75{border-end-end-radius:75%}.radius\:br\:100,.radius\:rb\:100{border-end-end-radius:100%}.radius\:top{border-start-start-radius:var(--sf-radius);border-start-end-radius:var(--sf-radius)}.radius\:top\:xxs{border-start-start-radius:var(--sf-radius-xxs);border-start-end-radius:var(--sf-radius-xxs)}.radius\:top\:xs{border-start-start-radius:var(--sf-radius-xs);border-start-end-radius:var(--sf-radius-xs)}.radius\:top\:md{border-start-start-radius:var(--sf-radius-md);border-start-end-radius:var(--sf-radius-md)}.radius\:top\:lg{border-start-start-radius:var(--sf-radius-lg);border-start-end-radius:var(--sf-radius-lg)}.radius\:top\:xl{border-start-start-radius:var(--sf-radius-xl);border-start-end-radius:var(--sf-radius-xl)}.radius\:top\:0{border-start-start-radius:0;border-start-end-radius:0}.radius\:top\:25{border-start-start-radius:25%;border-start-end-radius:25%}.radius\:top\:50{border-start-start-radius:50%;border-start-end-radius:50%}.radius\:top\:75{border-start-start-radius:75%;border-start-end-radius:75%}.radius\:top\:100{border-start-start-radius:100%;border-start-end-radius:100%}.radius\:bottom{border-end-start-radius:var(--sf-radius);border-end-end-radius:var(--sf-radius)}.radius\:bottom\:xxs{border-end-start-radius:var(--sf-radius-xxs);border-end-end-radius:var(--sf-radius-xxs)}.radius\:bottom\:xs{border-end-start-radius:var(--sf-radius-xs);border-end-end-radius:var(--sf-radius-xs)}.radius\:bottom\:md{border-end-start-radius:var(--sf-radius-md);border-end-end-radius:var(--sf-radius-md)}.radius\:bottom\:lg{border-end-start-radius:var(--sf-radius-lg);border-end-end-radius:var(--sf-radius-lg)}.radius\:bottom\:xl{border-end-start-radius:var(--sf-radius-xl);border-end-end-radius:var(--sf-radius-xl)}.radius\:bottom\:0{border-end-start-radius:0;border-end-end-radius:0}.radius\:bottom\:25{border-end-start-radius:25%;border-end-end-radius:25%}.radius\:bottom\:50{border-end-start-radius:50%;border-end-end-radius:50%}.radius\:bottom\:75{border-end-start-radius:75%;border-end-end-radius:75%}.radius\:bottom\:100{border-end-start-radius:100%;border-end-end-radius:100%}.radius\:left{border-start-start-radius:var(--sf-radius);border-end-start-radius:var(--sf-radius)}.radius\:left\:xxs{border-start-start-radius:var(--sf-radius-xxs);border-end-start-radius:var(--sf-radius-xxs)}.radius\:left\:xs{border-start-start-radius:var(--sf-radius-xs);border-end-start-radius:var(--sf-radius-xs)}.radius\:left\:md{border-start-start-radius:var(--sf-radius-md);border-end-start-radius:var(--sf-radius-md)}.radius\:left\:lg{border-start-start-radius:var(--sf-radius-lg);border-end-start-radius:var(--sf-radius-lg)}.radius\:left\:xl{border-start-start-radius:var(--sf-radius-xl);border-end-start-radius:var(--sf-radius-xl)}.radius\:left\:0{border-start-start-radius:0;border-end-start-radius:0}.radius\:left\:25{border-start-start-radius:25%;border-end-start-radius:25%}.radius\:left\:50{border-start-start-radius:50%;border-end-start-radius:50%}.radius\:left\:75{border-start-start-radius:75%;border-end-start-radius:75%}.radius\:left\:100{border-start-start-radius:100%;border-end-start-radius:100%}.radius\:right{border-start-end-radius:var(--sf-radius);border-end-end-radius:var(--sf-radius)}.radius\:right\:xxs{border-end-start-radius:var(--sf-radius-xxs);border-end-end-radius:var(--sf-radius-xxs)}.radius\:right\:xs{border-end-start-radius:var(--sf-radius-xs);border-end-end-radius:var(--sf-radius-xs)}.radius\:right\:md{border-end-start-radius:var(--sf-radius-md);border-end-end-radius:var(--sf-radius-md)}.radius\:right\:lg{border-end-start-radius:var(--sf-radius-lg);border-end-end-radius:var(--sf-radius-lg)}.radius\:right\:xl{border-end-start-radius:var(--sf-radius-xl);border-end-end-radius:var(--sf-radius-xl)}.radius\:right\:0{border-end-start-radius:0;border-end-end-radius:0}.radius\:right\:25{border-end-start-radius:25%;border-end-end-radius:25%}.radius\:right\:50{border-end-start-radius:50%;border-end-end-radius:50%}.radius\:right\:75{border-end-start-radius:75%;border-end-end-radius:75%}.radius\:right\:100{border-end-start-radius:100%;border-end-end-radius:100%}html.var .radius{border-radius:0.5em}html.var .radius\:xxs1{border-radius:0.1875em}html.var .radius\:xs{border-radius:0.25em}html.var .radius\:md{border-radius:1em}html.var .radius\:lg{border-radius:1.5em}html.var .radius\:xl{border-radius:2em}html.var .radius\:tl,html.var .radius\:lt{border-start-start-radius:0.5em}html.var .radius\:tl\:xxs1,html.var .radius\:lt\:xxs1{border-start-start-radius:0.1875em}html.var .radius\:tl\:xs,html.var .radius\:lt\:xs{border-start-start-radius:0.25em}html.var .radius\:tl\:md,html.var .radius\:lt\:md{border-start-start-radius:1em}html.var .radius\:tl\:lg,html.var .radius\:lt\:lg{border-start-start-radius:1.5em}html.var .radius\:tl\:xl,html.var .radius\:lt\:xl{border-start-start-radius:2em}html.var .radius\:tr,html.var .radius\:rt{border-start-end-radius:0.5em}html.var .radius\:tr\:xxs1,html.var .radius\:rt\:xxs1{border-start-end-radius:0.1875em}html.var .radius\:tr\:xs,html.var .radius\:rt\:xs{border-start-end-radius:0.25em}html.var .radius\:tr\:md,html.var .radius\:rt\:md{border-start-end-radius:1em}html.var .radius\:tr\:lg,html.var .radius\:rt\:lg{border-start-end-radius:1.5em}html.var .radius\:tr\:xl,html.var .radius\:rt\:xl{border-start-end-radius:2em}html.var .radius\:bl,html.var .radius\:lb{border-end-start-radius:0.5em}html.var .radius\:bl\:xxs1,html.var .radius\:lb\:xxs1{border-end-start-radius:0.1875em}html.var .radius\:bl\:xs,html.var .radius\:lb\:xs{border-end-start-radius:0.25em}html.var .radius\:bl\:md,html.var .radius\:lb\:md{border-end-start-radius:1em}html.var .radius\:bl\:lg,html.var .radius\:lb\:lg{border-end-start-radius:1.5em}html.var .radius\:bl\:xl,html.var .radius\:lb\:xl{border-end-start-radius:2em}html.var .radius\:br,html.var .radius\:rb{border-end-end-radius:0.5em}html.var .radius\:br\:xxs1,html.var .radius\:rb\:xxs1{border-end-end-radius:0.1875em}html.var .radius\:br\:xs,html.var .radius\:rb\:xs{border-end-end-radius:0.25em}html.var .radius\:br\:md,html.var .radius\:rb\:md{border-end-end-radius:1em}html.var .radius\:br\:lg,html.var .radius\:rb\:lg{border-end-end-radius:1.5em}html.var .radius\:br\:xl,html.var .radius\:rb\:xl{border-end-end-radius:2em}html.var .radius\:top{border-start-start-radius:0.5em;border-start-end-radius:0.5em}html.var .radius\:top\:xxs1{border-start-start-radius:0.1875em;border-start-end-radius:0.1875em}html.var .radius\:top\:xs{border-start-start-radius:0.25em;border-start-end-radius:0.25em}html.var .radius\:top\:md{border-start-start-radius:1em;border-start-end-radius:1em}html.var .radius\:top\:lg{border-start-start-radius:1.5em;border-start-end-radius:1.5em}html.var .radius\:top\:xl{border-start-start-radius:2em;border-start-end-radius:2em}html.var .radius\:bottom{border-end-start-radius:0.5em;border-end-end-radius:0.5em}html.var .radius\:bottom\:xxs1{border-end-start-radius:0.1875em;border-end-end-radius:0.1875em}html.var .radius\:bottom\:xs{border-end-start-radius:0.25em;border-end-end-radius:0.25em}html.var .radius\:bottom\:md{border-end-start-radius:1em;border-end-end-radius:1em}html.var .radius\:bottom\:lg{border-end-start-radius:1.5em;border-end-end-radius:1.5em}html.var .radius\:bottom\:xl{border-end-start-radius:2em;border-end-end-radius:2em}html.var .radius\:left{border-start-start-radius:0.5em;border-end-start-radius:0.5em}html.var .radius\:left\:xxs1{border-start-start-radius:0.1875em;border-end-start-radius:0.1875em}html.var .radius\:left\:xs{border-start-start-radius:0.25em;border-end-start-radius:0.25em}html.var .radius\:left\:md{border-start-start-radius:1em;border-end-start-radius:1em}html.var .radius\:left\:lg{border-start-start-radius:1.5em;border-end-start-radius:1.5em}html.var .radius\:left\:xl{border-start-start-radius:2em;border-end-start-radius:2em}html.var .radius\:right{border-start-end-radius:0.5em;border-end-end-radius:0.5em}html.var .radius\:right\:xxs1{border-end-start-radius:0.1875em;border-end-end-radius:0.1875em}html.var .radius\:right\:xs{border-end-start-radius:0.25em;border-end-end-radius:0.25em}html.var .radius\:right\:md{border-end-start-radius:1em;border-end-end-radius:1em}html.var .radius\:right\:lg{border-end-start-radius:1.5em;border-end-end-radius:1.5em}html.var .radius\:right\:xl{border-end-start-radius:2em;border-end-end-radius:2em}html.radius .radius\:tl,html.radius .radius\:lt{border-top-left-radius:0.5em}html.radius .radius\:tl\:xxs1,html.radius .radius\:lt\:xxs1{border-top-left-radius:0.1875em}html.radius .radius\:tl\:xs,html.radius .radius\:lt\:xs{border-top-left-radius:0.25em}html.radius .radius\:tl\:md,html.radius .radius\:lt\:md{border-top-left-radius:1em}html.radius .radius\:tl\:lg,html.radius .radius\:lt\:lg{border-top-left-radius:1.5em}html.radius .radius\:tl\:xl,html.radius .radius\:lt\:xl{border-top-left-radius:2em}html.radius .radius\:tr,html.radius .radius\:rt{border-top-right-radius:0.5em}html.radius .radius\:tr\:xxs1,html.radius .radius\:rt\:xxs1{border-top-right-radius:0.1875em}html.radius .radius\:tr\:xs,html.radius .radius\:rt\:xs{border-top-right-radius:0.25em}html.radius .radius\:tr\:md,html.radius .radius\:rt\:md{border-top-right-radius:1em}html.radius .radius\:tr\:lg,html.radius .radius\:rt\:lg{border-top-right-radius:1.5em}html.radius .radius\:tr\:xl,html.radius .radius\:rt\:xl{border-top-right-radius:2em}html.radius .radius\:bl,html.radius .radius\:lb{border-bottom-left-radius:0.5em}html.radius .radius\:bl\:xxs1,html.radius .radius\:lb\:xxs1{border-bottom-left-radius:0.1875em}html.radius .radius\:bl\:xs,html.radius .radius\:lb\:xs{border-bottom-left-radius:0.25em}html.radius .radius\:bl\:md,html.radius .radius\:lb\:md{border-bottom-left-radius:1em}html.radius .radius\:bl\:lg,html.radius .radius\:lb\:lg{border-bottom-left-radius:1.5em}html.radius .radius\:bl\:xl,html.radius .radius\:lb\:xl{border-bottom-left-radius:2em}html.radius .radius\:br,html.radius .radius\:rb{border-bottom-right-radius:0.5em}html.radius .radius\:br\:xxs1,html.radius .radius\:rb\:xxs1{border-bottom-right-radius:0.1875em}html.radius .radius\:br\:xs,html.radius .radius\:rb\:xs{border-bottom-right-radius:0.25em}html.radius .radius\:br\:md,html.radius .radius\:rb\:md{border-bottom-right-radius:1em}html.radius .radius\:br\:lg,html.radius .radius\:rb\:lg{border-bottom-right-radius:1.5em}html.radius .radius\:br\:xl,html.radius .radius\:rb\:xl{border-bottom-right-radius:2em}html.radius .radius\:top{border-top-left-radius:0.5em;border-top-right-radius:0.5em}html.radius .radius\:top\:xxs1{border-top-left-radius:0.1875em;border-top-right-radius:0.1875em}html.radius .radius\:top\:xs{border-top-left-radius:0.25em;border-top-right-radius:0.25em}html.radius .radius\:top\:md{border-top-left-radius:1em;border-top-right-radius:1em}html.radius .radius\:top\:lg{border-top-left-radius:1.5em;border-top-right-radius:1.5em}html.radius .radius\:top\:xl{border-top-left-radius:2em;border-top-right-radius:2em}html.radius .radius\:bottom{border-bottom-left-radius:0.5em;border-bottom-right-radius:0.5em}html.radius .radius\:bottom\:xxs1{border-bottom-left-radius:0.1875em;border-bottom-right-radius:0.1875em}html.radius .radius\:bottom\:xs{border-bottom-left-radius:0.25em;border-bottom-right-radius:0.25em}html.radius .radius\:bottom\:md{border-bottom-left-radius:1em;border-bottom-right-radius:1em}html.radius .radius\:bottom\:lg{border-bottom-left-radius:1.5em;border-bottom-right-radius:1.5em}html.radius .radius\:bottom\:xl{border-bottom-left-radius:2em;border-bottom-right-radius:2em}html.radius .radius\:left{border-top-left-radius:0.5em;border-bottom-left-radius:0.5em}html.radius .radius\:left\:xxs1{border-top-left-radius:0.1875em;border-bottom-left-radius:0.1875em}html.radius .radius\:left\:xs{border-top-left-radius:0.25em;border-bottom-left-radius:0.25em}html.radius .radius\:left\:md{border-top-left-radius:1em;border-bottom-left-radius:1em}html.radius .radius\:left\:lg{border-top-left-radius:1.5em;border-bottom-left-radius:1.5em}html.radius .radius\:left\:xl{border-top-left-radius:2em;border-bottom-left-radius:2em}html.radius .radius\:right{border-top-right-radius:0.5em;border-bottom-right-radius:0.5em}html.radius .radius\:right\:xxs1{border-top-right-radius:0.1875em;border-bottom-right-radius:0.1875em}html.radius .radius\:right\:xs{border-top-right-radius:0.25em;border-bottom-right-radius:0.25em}html.radius .radius\:right\:md{border-top-right-radius:1em;border-bottom-right-radius:1em}html.radius .radius\:right\:lg{border-top-right-radius:1.5em;border-bottom-right-radius:1.5em}html.radius .radius\:right\:xl{border-top-right-radius:2em;border-bottom-right-radius:2em}.rs\:n{resize:none}.rs\:b{resize:both}.rs\:h{resize:horizontal}.rs\:v{resize:vertical}.rs\:i{resize:inline}.sb\:a{scroll-behavior:auto}.sb\:s{scroll-behavior:smooth}.sst\:n{-ms-scroll-snap-type:none;scroll-snap-type:none}.sst\:x{-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.sst\:y{-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.sst\:b{-ms-scroll-snap-type:block mandatory;scroll-snap-type:block mandatory}.sst\:in{-ms-scroll-snap-type:inline mandatory;scroll-snap-type:inline mandatory}.sst\:x\:p{-ms-scroll-snap-type:x proximity;scroll-snap-type:x proximity}.sst\:y\:p{-ms-scroll-snap-type:y proximity;scroll-snap-type:y proximity}.sst\:b\:p{-ms-scroll-snap-type:block proximity;scroll-snap-type:block proximity}.sst\:in\:p{-ms-scroll-snap-type:inline proximity;scroll-snap-type:inline proximity}.ssa\:s{scroll-snap-align:start}.ssa\:e{scroll-snap-align:end}.ssa\:c{scroll-snap-align:center}.ssa\:none{scroll-snap-align:none}.sp{scroll-padding:var(--sf-scroll)}.sp\:0{scroll-padding:0}.sp\:xs{scroll-padding:var(--sf-scroll-xs)}.sp\:sm{scroll-padding:var(--sf-scroll-sm)}.sp\:lg{scroll-padding:var(--sf-scroll-lg)}.sp\:xl{scroll-padding:var(--sf-scroll-xl)}.sp\:t{scroll-padding-top:var(--sf-scroll)}.sp\:r{scroll-padding-right:var(--sf-scroll)}.sp\:b{scroll-padding-bottom:var(--sf-scroll)}.sp\:l{scroll-padding-left:var(--sf-scroll)}.sm{scroll-margin:var(--sf-scroll)}.sm\:0{scroll-margin:0}.sm\:xs{scroll-margin:var(--sf-em-xs)}.sm\:sm{scroll-margin:var(--sf-em-sm)}.sm\:lg{scroll-margin:var(--sf-em-lg)}.sm\:xl{scroll-margin:var(--sf-em-xl)}.sm\:t{scroll-margin-top:var(--sf-scroll)}.sm\:r{scroll-margin-right:var(--sf-scroll)}.sm\:b{scroll-margin-bottom:var(--sf-scroll)}.sm\:l{scroll-margin-left:var(--sf-scroll)}.ov{overflow:auto}.ov\:h{overflow:hidden}.ov\:s{overflow:scroll}.ov\:v{overflow:visible}.ov\:x{overflow-x:auto}.ov\:x\:h,.ov\:h\:x{overflow-x:hidden}.ov\:x\:s,.ov\:s\:x{overflow-x:scroll}.ov\:x\:v,.ov\:v\:x{overflow-x:visible}.ov\:y{overflow-y:auto}.ov\:y\:h,.ov\:h\:y{overflow-y:hidden}.ov\:y\:s,.ov\:s\:y{overflow-y:scroll}.ov\:y\:v,.ov\:v\:y{overflow-y:visible}.osb\:a{-ms-scroll-chaining:chained;overscroll-behavior:auto}.osb\:c{-ms-scroll-chaining:none;overscroll-behavior:contain}.osb\:n{-ms-scroll-chaining:none;overscroll-behavior:none}.osb\:x\:a{overscroll-behavior-x:auto}.osb\:x\:c{overscroll-behavior-x:contain}.osb\:x\:n{overscroll-behavior-x:none}.osb\:y\:a{overscroll-behavior-y:auto}.osb\:y\:c{overscroll-behavior-y:contain}.osb\:y\:n{overscroll-behavior-y:none}.sb\:w\:sm{scrollbar-width:thin}.sb\:w\:md{scrollbar-width:auto}.sb\:w\:none{scrollbar-width:none}.sb\:c\:t{scrollbar-color:transparent}.sb\:c\:d{scrollbar-color:dark}.sb\:c\:l{scrollbar-color:light}html.var .sp{scroll-padding:1rem}html.var .sp\:0{scroll-padding:0}html.var .sp\:xs{scroll-padding:0.25rem}html.var .sp\:sm{scroll-padding:0.5rem}html.var .sp\:lg{scroll-padding:1.5rem}html.var .sp\:xl{scroll-padding:2rem}html.var .sp\:t{scroll-padding-top:1rem}html.var .sp\:r{scroll-padding-right:1rem}html.var .sp\:b{scroll-padding-bottom:1rem}html.var .sp\:l{scroll-padding-left:1rem}html.var .sm{scroll-margin:1rem}html.var .sm\:0{scroll-margin:0}html.var .sm\:xs{scroll-margin:0.25rem}html.var .sm\:sm{scroll-margin:0.5rem}html.var .sm\:lg{scroll-margin:1.5rem}html.var .sm\:xl{scroll-margin:2rem}html.var .sm\:t{scroll-margin-top:1rem}html.var .sm\:r{scroll-margin-right:1rem}html.var .sm\:b{scroll-margin-bottom:1rem}html.var .sm\:l{scroll-margin-left:1rem}.w{width:100%}.w\:0{width:0}.w\:a{width:auto}.w\:min{min-width:0}.w\:min\:100{min-width:100%}.w\:max{max-width:none}.w\:max\:0{max-width:0}.w\:max\:100{max-width:100%}.vw{width:100vw}.vw\:min{min-width:100vw}.vw\:max{max-width:100vw}.h{height:100%}.h\:0{height:0}.h\:a{height:auto}.h\:min{min-height:0}.h\:min\:100{min-height:100%}.h\:max{max-height:none}.h\:max\:0{max-height:0}.h\:max\:100{max-height:100%}.vh{height:100vh}.vh\:min{min-height:100vh}.vh\:max{max-height:100vh}.ff\:sans{font-family:var(--sf-ff-sans)}.ff\:serif{font-family:var(--sf-ff-serif)}.ff\:monospace{font-family:var(--sf-ff-monospace)}.ff\:cursive{font-family:var(--sf-ff-cursive)}.ff\:fantasy{font-family:var(--sf-ff-fantasy)}.ff\:emoji{font-family:var(--sf-ff-emoji)}.ff\:math{font-family:var(--sf-ff-math)}.ff\:fangsong{font-family:var(--sf-ff-fangsong)}.fw{font-weight:var(--sf-fw)}.fw\:i{font-weight:inherit}.fw\:ii{font-weight:initial}.fw\:bold{font-weight:700}.fw\:small{font-weight:var(--sf-fw-small)}.fw\:h1{font-weight:var(--sf-fw-h1)}.fw\:h2{font-weight:var(--sf-fw-h2)}.fw\:h3{font-weight:var(--sf-fw-h3)}.fw\:h4{font-weight:var(--sf-fw-h4)}.fw\:h5{font-weight:var(--sf-fw-h5)}.fw\:h6{font-weight:var(--sf-fw-h6)}.fw\:1{font-weight:100}.fw\:2{font-weight:200}.fw\:3{font-weight:300}.fw\:4{font-weight:400}.fw\:5{font-weight:500}.fw\:6{font-weight:600}.fw\:7{font-weight:700}.fw\:8{font-weight:800}.fw\:9{font-weight:900}.fw\:thin{font-weight:100}.fw\:light{font-weight:300}.fw,.fw\:normal{font-weight:400}.fw\:medium{font-weight:500}.fw\:extra-light,.fw\:ultra-light{font-weight:200}.fw\:semi-bold,.fw\:demi-bold{font-weight:600}.fw\:extra-bold,.fw\:ultra-bold{font-weight:800}.fw\:black,.fw\:heavy{font-weight:900}.fz\:h1{font-size:var(--sf-fz-h1)}.fz\:h2{font-size:var(--sf-fz-h2)}.fz\:h3{font-size:var(--sf-fz-h3)}.fz\:h4{font-size:var(--sf-fz-h4)}.fz\:h5{font-size:var(--sf-fz-h5)}.fz\:h6{font-size:var(--sf-fz-h6)}.fz{font-size:var(--sf-fz)}.fz\:0{font-size:var(--sf-fz-0)}.fz\:i{font-size:inherit}.fz\:ii{font-size:initial}.fz\:bold{font-size:var(--sf-fz-bold)}.fz\:small{font-size:var(--sf-fz-small)}.fz\:small\:1{font-size:var(--sf-fz-small-1)}.fz\:small\:2{font-size:var(--sf-fz-small-2)}.fz\:small\:3{font-size:var(--sf-fz-small-3)}.fz\:small\:4{font-size:var(--sf-fz-small-4)}.fz\:small\:5{font-size:var(--sf-fz-small-5)}.fz\:small\:6{font-size:var(--sf-fz-small-6)}.ta\:l,.\$ta\:l>*{text-align:start}.ta\:c,.\$ta\:c>*{text-align:center}.ta\:r,.\$ta\:r>*{text-align:end}.ta\:j,.\$ta\:j>*{text-align:justify}.whs{white-space:normal}.whs\:i{white-space:inherit}.whs\:ii{white-space:initial}.whs\:nowrap,.\$whs\:nowrap>*{white-space:nowrap}.whs\:p{white-space:pre}.whs\:pl{white-space:pre-line}.whs\:pw{white-space:pre-wrap}.lh{line-height:var(--sf-lh-normal)}.lh\:base{line-height:var(--sf-lh)}.lh\:i{line-height:inherit}.lh\:ii{line-height:initial}.lh\:n{line-height:normal}.lh\:1{line-height:1}.lh\:0{line-height:0}.va\:i,.\$va\:i>*{vertical-align:inherit}.va\:ii,.\$va\:ii>*{vertical-align:initial}.va\:bl,.\$va\:bl>*{vertical-align:baseline}.va\:a,.\$va\:a>*{vertical-align:auto}.va\:m,.\$va\:m>*{vertical-align:middle}.va\:t,.\$va\:t>*{vertical-align:top}.va\:b,.\$va\:b>*{vertical-align:bottom}.va\:tt,.\$va\:tt>*{vertical-align:text-top}.va\:tb,.\$va\:tb>*{vertical-align:text-bottom}.va\:sub,.\$va\:sub>*{vertical-align:sub}.va\:sup,.\$va\:sup>*{vertical-align:super}.rtl{direction:rtl}.ltr{direction:ltr}.wm\:lr{-ms-writing-mode:lr;writing-mode:lr}.wm\:rl{-ms-writing-mode:rl;writing-mode:rl}.wm\:tb{-ms-writing-mode:tb;writing-mode:tb}.wm\:btl{-ms-writing-mode:bt-lr;writing-mode:bt-lr}.wm\:btr{-ms-writing-mode:bt-rl;writing-mode:bt-rl}.wm\:lrb{-ms-writing-mode:lr-bt;writing-mode:lr-bt}.wm\:lrt{-ms-writing-mode:lr-tb;writing-mode:lr-tb}.wm\:rlb{-ms-writing-mode:rl-bt;writing-mode:rl-bt}.wm\:rlt{-ms-writing-mode:rl-tb;writing-mode:rl-tb}.wm\:tbl{-ms-writing-mode:tb-lr;writing-mode:tb-lr}.wm\:tbr{-ms-writing-mode:tb-rl;writing-mode:tb-rl}.wm\:i{-ms-writing-mode:inherit;writing-mode:inherit}.wm\:ii{-ms-writing-mode:initial;writing-mode:initial}.wm\:horizontal-tb{-ms-writing-mode:lr-tb;writing-mode:horizontal-tb}.wm\:sideways-lr{-ms-writing-mode:sideways-lr;writing-mode:sideways-lr}.wm\:sideways-rl{-ms-writing-mode:sideways-rl;writing-mode:sideways-rl}.wm\:vertical-lr{-ms-writing-mode:tb-lr;writing-mode:vertical-lr}.wm\:vertical-rl{-ms-writing-mode:tb-rl;writing-mode:vertical-rl}html.var .ff\:sans{font-family:'Inter',ui-sans-serif,system-ui,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'}html.var .ff\:serif{font-family:Times,'Times New Roman',Georgia,serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'}html.var .ff\:monospace{font-family:'Lucida Console',Courier,monospace,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'}html.var .ff\:cursive{font-family:cursive}html.var .ff\:fantasy{font-family:fantasy}html.var .ff\:emoji{font-family:'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji',emoji}html.var .ff\:math{font-family:math}html.var .ff\:fangsong{font-family:fangsong}html.var .fw{font-weight:400}html.var .fw\:i{font-weight:inherit}html.var .fw\:ii{font-weight:initial}html.var .fw\:bold{font-weight:600}html.var .fw\:small{font-weight:300}html.var .fw\:h1{font-weight:700}html.var .fw\:h2{font-weight:700}html.var .fw\:h3{font-weight:700}html.var .fw\:h4{font-weight:600}html.var .fw\:h5{font-weight:600}html.var .fw\:h6{font-weight:600}html.var .fz\:h1{font-size:48px}html.var .fz\:h2{font-size:40px}html.var .fz\:h3{font-size:32px}html.var .fz\:h4{font-size:24px}html.var .fz\:h5{font-size:20px}html.var .fz\:h6{font-size:16px}html.var .fz{font-size:16px}html.var .fz\:0{font-size:0}html.var .fz\:i{font-size:inherit}html.var .fz\:ii{font-size:initial}html.var .fz\:bold{font-size:16px}html.var .fz\:small{font-size:12px}html.var .fz\:small\:1{font-size:15px}html.var .fz\:small\:2{font-size:14px}html.var .fz\:small\:3{font-size:13px}html.var .fz\:small\:4{font-size:12px}html.var .fz\:small\:5{font-size:11px}html.var .fz\:small\:6{font-size:10px}html.var .lh{line-height:1.1875}html.var .lh\:base{line-height:0.8}html.ta .ta\:l,html.ta .\$ta\:l>*{text-align:left}html.ta .ta\:c,html.ta .\$ta\:c>*{text-align:center}html.ta .ta\:r,html.ta .\$ta\:r>*{text-align:right}html.ta .ta\:j,html.ta .\$ta\:j>*{text-align:justify}html.flex .va\:bl,html.flex .\$va\:bl>*{vertical-align:baseline}html.flex .va\:a,html.flex .\$va\:a>*{vertical-align:auto}html.flex .va\:m,html.flex .\$va\:m>*{vertical-align:middle}html.flex .va\:t,html.flex .\$va\:t>*{vertical-align:top}html.flex .va\:b,html.flex .\$va\:b>*{vertical-align:bottom}html.flex .va\:tt,html.flex .\$va\:tt>*{vertical-align:text-top}html.flex .va\:tb,html.flex .\$va\:tb>*{vertical-align:text-bottom}html.flex .va\:sub,html.flex .\$va\:sub>*{vertical-align:sub}html.flex .va\:sup,html.flex .\$va\:sup>*{vertical-align:super}.tac\:a{-ms-touch-action:auto;touch-action:auto}.tac\:n{-ms-touch-action:none;touch-action:none}.tac\:m{-ms-touch-action:manipulation;touch-action:manipulation}.tac\:px{-ms-touch-action:pan-x;touch-action:pan-x}.tac\:py{-ms-touch-action:pan-y;touch-action:pan-y}.tac\:pxy{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.tac\:pz{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom}.tac\:px\:pz{-ms-touch-action:pan-x pinch-zoom;touch-action:pan-x pinch-zoom}.tac\:py\:pz{-ms-touch-action:pan-y pinch-zoom;touch-action:pan-y pinch-zoom}.tac\:pxy\:pz{-ms-touch-action:pan-x pan-y pinch-zoom;touch-action:pan-x pan-y pinch-zoom}.tr\:p\:a{transition-property:all}.tr\:p\:n{transition-property:none}.tr\:p\:op{transition-property:opacity}.tr\:p\:bg{transition-property:background-color}.tr\:p\:c{transition-property:color}.tr\:p\:t{transition-property:transform}.tr\:p\:h{transition-property:height}.tr\:p\:w{transition-property:width}.tr\:p\:m{transition-property:margin}.tr\:p\:p{transition-property:padding}.tr\:f\:e{transition-timing-function:ease}.tr\:f\:ei{transition-timing-function:ease-in}.tr\:f\:eo{transition-timing-function:ease-out}.tr\:f\:eio{transition-timing-function:ease-in-out}.tr\:f\:l{transition-timing-function:linear}.tr\:f\:st{transition-timing-function:step-start}.tr\:f\:se{transition-timing-function:step-end}.tr\:d\:0{transition-duration:0s}.tr\:d\:100{transition-duration:.1s}.tr\:d\:200{transition-duration:.2s}.tr\:d\:300{transition-duration:.3s}.tr\:d\:400{transition-duration:.4s}.tr\:d\:500{transition-duration:.5s}.tr\:d\:600{transition-duration:.6s}.tr\:d\:700{transition-duration:.7s}.tr\:d\:800{transition-duration:.8s}.tr\:d\:900{transition-duration:.9s}.tr\:d\:1{transition-duration:1s}.tr\:d\:2{transition-duration:2s}.tr\:d\:3{transition-duration:3s}.tr\:dl\:0{transition-delay:0s}.tr\:dl\:100{transition-delay:.1s}.tr\:dl\:200{transition-delay:.2s}.tr\:dl\:300{transition-delay:.3s}.tr\:dl\:400{transition-delay:.4s}.tr\:dl\:500{transition-delay:.5s}.tr\:dl\:600{transition-delay:.6s}.tr\:dl\:700{transition-delay:.7s}.tr\:dl\:800{transition-delay:.8s}.tr\:dl\:900{transition-delay:.9s}.tr\:dl\:1{transition-delay:1s}.tr\:dl\:2{transition-delay:2s}.tr\:dl\:3{transition-delay:3s}.us\:a{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.us\:n{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.us\:t{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.us\:c{-ms-user-select:element;user-select:contain}.us\:a\:e{-webkit-user-select:all;-moz-user-select:all;user-select:all}.wc\:a{will-change:auto}.wc\:s{will-change:scroll-position}.wc\:t{will-change:transform}.wc\:o{will-change:opacity}.wc\:c{will-change:contents}.wc\:t\:o{will-change:transform,opacity}.z{z-index:auto}.z\:-1{z-index:-10}.z\:0{z-index:0}.z\:1{z-index:10}.z\:2{z-index:20}.z\:3{z-index:30}.z\:4{z-index:40}.z\:5{z-index:50}.z\:6{z-index:60}.z\:7{z-index:70}.z\:8{z-index:80}.z\:9{z-index:90}.z\:10{z-index:100} diff --git a/package.json b/package.json index 6129062..3dfb750 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "style-forge.helpers", - "version": "2025.1.18", + "version": "2025.1.22", "description": "Style-Forge.Helpers: essential CSS helper classes for spacing, alignment, visibility, and more in web development.", "type": "module", "main": "helpers.css", diff --git a/src/all.css b/src/all.css index 9e0fb89..5a75309 100644 --- a/src/all.css +++ b/src/all.css @@ -1,3 +1,5 @@ +@import './units/all.css'; + @import './columns/all.css'; @import './inline.css'; @@ -5,6 +7,7 @@ @import './grid.css'; @import './gap.css'; +@import './appearance.css'; @import './background.css'; @import './border.css'; @import './clear.css'; @@ -15,12 +18,20 @@ @import './float.css'; @import './image.css'; @import './margin.css'; +@import './mix-blend-mode.css'; @import './op.css'; @import './order.css'; -@import './ov.css'; +@import './outline.css'; @import './padding.css'; +@import './pointer-events.css'; @import './position.css'; @import './radius.css'; +@import './resize.css'; +@import './scroll.css'; @import './size.css'; @import './text.css'; +@import './touch-action.css'; +@import './transition.css'; +@import './user-select.css'; +@import './will-change.css'; @import './z.css'; diff --git a/src/appearance.css b/src/appearance.css new file mode 100644 index 0000000..43adbd9 --- /dev/null +++ b/src/appearance.css @@ -0,0 +1,4 @@ +.ap\:n { appearance: none } +.ap\:a { appearance: auto } +.ap\:m { appearance: menulist-button } +.ap\:tf { appearance: textfield } diff --git a/src/background.css b/src/background.css index 42750aa..6a4b819 100644 --- a/src/background.css +++ b/src/background.css @@ -1,64 +1,64 @@ .bg\:n { background: none } -.bgi\:n { background-image: none } +.bg\:i\:n { background-image: none } -.bga\:f { background-attachment: fixed } -.bga\:s { background-attachment: scroll } +.bg\:a\:f { background-attachment: fixed } +.bg\:a\:s { background-attachment: scroll } -.bgc\:t { background-color: transparent } +.bg\:c\:t { background-color: transparent } -.bgb\:c { background-blend-mode: color } -.bgb\:cb { background-blend-mode: color-burn } -.bgb\:cd { background-blend-mode: color-dodge } -.bgb\:d { background-blend-mode: darken } -.bgb\:diff { background-blend-mode: difference } -.bgb\:e { background-blend-mode: exclusion } -.bgb\:hl { background-blend-mode: hard-light } -.bgb\:h { background-blend-mode: hue } -.bgb\:l { background-blend-mode: lighten } -.bgb\:lum { background-blend-mode: luminosity } -.bgb\:m { background-blend-mode: multiply } -.bgb\:n { background-blend-mode: normal } -.bgb\:o { background-blend-mode: overlay } -.bgb\:s { background-blend-mode: saturation } -.bgb\:sc { background-blend-mode: screen } -.bgb\:sl { background-blend-mode: soft-light } +.bg\:b\:c { background-blend-mode: color } +.bg\:b\:cb { background-blend-mode: color-burn } +.bg\:b\:cd { background-blend-mode: color-dodge } +.bg\:b\:d { background-blend-mode: darken } +.bg\:b\:diff { background-blend-mode: difference } +.bg\:b\:e { background-blend-mode: exclusion } +.bg\:b\:hl { background-blend-mode: hard-light } +.bg\:b\:h { background-blend-mode: hue } +.bg\:b\:l { background-blend-mode: lighten } +.bg\:b\:lum { background-blend-mode: luminosity } +.bg\:b\:m { background-blend-mode: multiply } +.bg\:b\:n { background-blend-mode: normal } +.bg\:b\:o { background-blend-mode: overlay } +.bg\:b\:s { background-blend-mode: saturation } +.bg\:b\:sc { background-blend-mode: screen } +.bg\:b\:sl { background-blend-mode: soft-light } -.bgbk\:bb { background-break: bounding-box } -.bgbk\:c { background-break: continuous } -.bgbk\:eb { background-break: each-box } +.bg\:bk\:bb { background-break: bounding-box } +.bg\:bk\:c { background-break: continuous } +.bg\:bk\:eb { background-break: each-box } -.bgsz\:a { background-size: auto } -.bgsz\:ct { background-size: contain } -.bgsz\:cv { background-size: cover } +.bg\:sz\:a { background-size: auto } +.bg\:sz\:ct { background-size: contain } +.bg\:sz\:cv { background-size: cover } -.bgp\:tl { background-position: top left } -.bgp\:tc { background-position: top center } -.bgp\:tr { background-position: top right } -.bgp\:cl { background-position: center left } -.bgp\:cc { background-position: center center } -.bgp\:cr { background-position: center right } -.bgp\:bl { background-position: bottom left } -.bgp\:bc { background-position: bottom center } -.bgp\:br { background-position: bottom right } -.bgp\:x50y50 { background-position: 50% 50% } +.bg\:p\:tl { background-position: top left } +.bg\:p\:tc { background-position: top center } +.bg\:p\:tr { background-position: top right } +.bg\:p\:cl { background-position: center left } +.bg\:p\:cc { background-position: center center } +.bg\:p\:cr { background-position: center right } +.bg\:p\:bl { background-position: bottom left } +.bg\:p\:bc { background-position: bottom center } +.bg\:p\:br { background-position: bottom right } +.bg\:p\:x50y50 { background-position: 50% 50% } -.bgr\:n { background-repeat: no-repeat } -.bgr\:x { background-repeat: repeat-x } -.bgr\:y { background-repeat: repeat-y } -.bgr\:r { background-repeat: repeat } -.bgr\:s { background-repeat: space } -.bgr\:r { background-repeat: round } +.bg\:r\:n { background-repeat: no-repeat } +.bg\:r\:x { background-repeat: repeat-x } +.bg\:r\:y { background-repeat: repeat-y } +.bg\:r\:r { background-repeat: repeat } +.bg\:r\:s { background-repeat: space } +.bg\:r\:r { background-repeat: round } -.bgcp\:b { background-clip: border-box } -.bgcp\:p { background-clip: padding-box } -.bgcp\:c { background-clip: content-box } -.bgcp\:t { background-clip: text } +.bg\:cp\:b { background-clip: border-box } +.bg\:cp\:p { background-clip: padding-box } +.bg\:cp\:c { background-clip: content-box } +.bg\:cp\:t { background-clip: text } -.bgo\:b { background-origin: border-box } -.bgo\:p { background-origin: padding-box } -.bgo\:c { background-origin: content-box } +.bg\:o\:b { background-origin: border-box } +.bg\:o\:p { background-origin: padding-box } +.bg\:o\:c { background-origin: content-box } -.bgsz\:f { background-size: 100% 100% } -.bgsz\:h { background-size: 100% auto } -.bgsz\:w { background-size: auto 100% } +.bg\:sz\:f { background-size: 100% 100% } +.bg\:sz\:h { background-size: 100% auto } +.bg\:sz\:w { background-size: auto 100% } diff --git a/src/border.css b/src/border.css index 2532d2b..cf2d5c7 100644 --- a/src/border.css +++ b/src/border.css @@ -1,60 +1,97 @@ :root { - --sf-bdw: 1px; + --sf-bd-w: 1px; } +.bd\:c\:i { border-color: inherit } +.bd\:c\:ii { border-color: initial } + +.bd\:st { border-style: solid } +.bd\:st\:n { border-style: none } +.bd\:st\:r { border-style: ridge } +.bd\:st\:da { border-style: dashed } +.bd\:st\:do { border-style: dotted } +.bd\:st\:dbl { border-style: double } +.bd\:st\:g { border-style: groove } +.bd\:st\:h { border-style: hidden } +.bd\:st\:in { border-style: inset } +.bd\:st\:out { border-style: outset } + .bd\:0 { border: 0 } -.bd, .bd\:1 { border: var(--sf-bdw) solid } -.bd\:2 { border: calc(var(--sf-bdw) * 2) solid } - -.bdc\:i { border-color: initial } - -.bds { border-style: solid } -.bds\:n { border-style: none } -.bds\:r { border-style: ridge } -.bds\:da { border-style: dashed } -.bds\:do { border-style: dotted } -.bds\:dbl { border-style: double } -.bds\:g { border-style: groove } -.bds\:h { border-style: hidden } -.bds\:i { border-style: inset } -.bds\:o { border-style: outset } - -.bdw\:0 { border-width: 0 } -.bdw, .bdw\:1 { border-width: var(--sf-bdw) } -.bdw\:2 { border-width: calc(var(--sf-bdw) * 2) } - -.bdyw { border-block-width: var(--sf-bdw) } -.bdxw { border-inline-width: var(--sf-bdw) } -.bdtw { border-block-start-width: var(--sf-bdw) } -.bdlw { border-inline-start-width: var(--sf-bdw) } -.bdrw { border-inline-end-width: var(--sf-bdw) } -.bdbw { border-block-end-width: var(--sf-bdw) } +.bd\:w\:0 { border-width: 0 } -/* /// */ +.bd, +.bd\:1 { border: var(--sf-bd-w) solid } +.bd\:2 { border: calc(var(--sf-bd-w) * 2) solid } + +.bd\:w, +.bd\:w\:1 { border-width: var(--sf-bd-w) } +.bd\:t\:w { border-block-start-width: var(--sf-bd-w) } +.bd\:r\:w { border-inline-end-width: var(--sf-bd-w) } +.bd\:b\:w { border-block-end-width: var(--sf-bd-w) } +.bd\:l\:w { border-inline-start-width: var(--sf-bd-w) } +.bd\:x\:w { border-inline-width: var(--sf-bd-w) } +.bd\:y\:w { border-block-width: var(--sf-bd-w) } -html.var .bdyw { border-block-width: 1px } -html.var .bdxw { border-inline-width: 1px } -html.var .bdtw { border-block-start-width: 1px } -html.var .bdlw { border-inline-start-width: 1px } -html.var .bdrw { border-inline-end-width: 1px } -html.var .bdbw { border-block-end-width: 1px } - -html.mpb .bdtw { border-top-width: 1px } -html.mpb .bdlw { border-left-width: 1px } -html.mpb .bdrw { border-right-width: 1px } -html.mpb .bdbw { border-bottom-width: 1px } -html.mpb .bdyw { border-top-width: 1px; border-bottom-width: 1px } -html.mpb .bdxw { border-left-width: 1px; border-right-width: 1px } - -html.mpb .bdtw\:2 { border-top-width: 2px } -html.mpb .bdlw\:2 { border-left-width: 2px } -html.mpb .bdrw\:2 { border-right-width: 2px } -html.mpb .bdbw\:2 { border-bottom-width: 2px } -html.mpb .bdyw\:2 { border-top-width: 2px; border-bottom-width: 2px } -html.mpb .bdxw\:2 { border-left-width: 2px; border-right-width: 2px } -html.mpb .bdw\:2 { border-width: 2px } - -html.var .bdw, html.var .bdw\:1 { border-width: 1px } +.bd\:t\:w\:0 { border-block-start-width: 0 } +.bd\:r\:w\:0 { border-inline-end-width: 0 } +.bd\:b\:w\:0 { border-block-end-width: 0 } +.bd\:l\:w\:0 { border-inline-start-width: 0 } +.bd\:x\:w\:0 { border-inline-width: 0 } +.bd\:y\:w\:0 { border-block-width: 0 } + +.bd\:w\:2 { border-width: calc(var(--sf-bd-w) * 2) } +.bd\:t\:w\:2 { border-block-start-width: calc(var(--sf-bd-w) * 2) } +.bd\:r\:w\:2 { border-inline-end-width: calc(var(--sf-bd-w) * 2) } +.bd\:b\:w\:2 { border-block-end-width: calc(var(--sf-bd-w) * 2) } +.bd\:l\:w\:2 { border-inline-start-width: calc(var(--sf-bd-w) * 2) } +.bd\:x\:w\:2 { border-inline-width: calc(var(--sf-bd-w) * 2) } +.bd\:y\:w\:2 { border-block-width: calc(var(--sf-bd-w) * 2) } + +/* /// */ html.var .bd, html.var .bd\:1 { border: 1px solid } html.var .bd\:2 { border: 2px solid } + +html.var .bd\:w, html.var .bd\:w\:1 { border-width: 1px } +html.var .bd\:t\:w { border-block-start-width: 1px } +html.var .bd\:r\:w { border-inline-end-width: 1px } +html.var .bd\:b\:w { border-block-end-width: 1px } +html.var .bd\:l\:w { border-inline-start-width: 1px } +html.var .bd\:x\:w { border-inline-width: 1px } +html.var .bd\:y\:w { border-block-width: 1px } + +html.var .bd\:t\:w\:0 { border-block-start-width: 0 } +html.var .bd\:r\:w\:0 { border-inline-end-width: 0 } +html.var .bd\:b\:w\:0 { border-block-end-width: 0 } +html.var .bd\:l\:w\:0 { border-inline-start-width: 0 } +html.var .bd\:x\:w\:0 { border-inline-width: 0 } +html.var .bd\:y\:w\:0 { border-block-width: 0 } + +html.var .bd\:w\:2 { border-width: 2px } +html.var .bd\:t\:w\:2 { border-block-start-width: 2px } +html.var .bd\:r\:w\:2 { border-inline-end-width: 2px } +html.var .bd\:b\:w\:2 { border-block-end-width: 2px } +html.var .bd\:l\:w\:2 { border-inline-start-width: 2px } +html.var .bd\:x\:w\:2 { border-inline-width: 2px } +html.var .bd\:y\:w\:2 { border-block-width: 2px } + +html.mpb .bd\:t\:w { border-top-width: 1px } +html.mpb .bd\:r\:w { border-right-width: 1px } +html.mpb .bd\:b\:w { border-bottom-width: 1px } +html.mpb .bd\:l\:w { border-left-width: 1px } +html.mpb .bd\:x\:w { border-left-width: 1px; border-right-width: 1px } +html.mpb .bd\:y\:w { border-top-width: 1px; border-bottom-width: 1px } + +html.mpb .bd\:t\:w\:0 { border-top-width: 0 } +html.mpb .bd\:r\:w\:0 { border-right-width: 0 } +html.mpb .bd\:b\:w\:0 { border-bottom-width: 0 } +html.mpb .bd\:l\:w\:0 { border-left-width: 0 } +html.mpb .bd\:x\:w\:0 { border-left-width: 0; border-right-width: 0 } +html.mpb .bd\:y\:w\:0 { border-top-width: 0; border-bottom-width: 0 } + +html.mpb .bd\:t\:w\:2 { border-top-width: 2px } +html.mpb .bd\:r\:w\:2 { border-right-width: 2px } +html.mpb .bd\:b\:w\:2 { border-bottom-width: 2px } +html.mpb .bd\:l\:w\:2 { border-left-width: 2px } +html.mpb .bd\:x\:w\:2 { border-left-width: 2px; border-right-width: 2px } +html.mpb .bd\:y\:w\:2 { border-top-width: 2px; border-bottom-width: 2px } diff --git a/src/color.css b/src/color.css index 553e87d..8517a83 100644 --- a/src/color.css +++ b/src/color.css @@ -1 +1,3 @@ .c\:t { color: transparent } +.c\:i { color: inherit } +.c\:ii { color: initial } diff --git a/src/columns/inline.css b/src/columns/inline.css index 20ff6f4..53cf355 100644 --- a/src/columns/inline.css +++ b/src/columns/inline.css @@ -1,6 +1,5 @@ [class*='cols'] { display: block; letter-spacing: -1em !important } -[class*='cols'] > * { display: inline-block; letter-spacing: normal } -[class*='cols']:not([class*='va:']) > [class*='col']:not([class*='va:']) { vertical-align: top } +[class*='cols'] > * { display: inline-block; letter-spacing: normal; vertical-align: top } .cols > .col, .cols > .col\:1 { width: 8.3333% } diff --git a/src/content-position.css b/src/content-position.css index fe212cc..3ed6f28 100644 --- a/src/content-position.css +++ b/src/content-position.css @@ -1,58 +1,97 @@ -.y\:c { align-content: stretch } -.y\:c\:b { align-content: baseline } -.y\:c\:n { align-content: normal } -.y\:c\:c { align-content: center } -.y\:c\:e { align-content: end } -.y\:c\:s { align-content: start } -.y\:c\:fe { align-content: flex-end } -.y\:c\:fs { align-content: flex-start } -.y\:c\:sa { align-content: space-around } -.y\:c\:sb { align-content: space-between } -.y\:c\:se { align-content: space-evenly } - -.y\:i { align-items: stretch } -.y\:i\:b { align-items: baseline } -.y\:i\:c { align-items: center } -.y\:i\:e { align-items: end } -.y\:i\:s { align-items: start } -.y\:i\:fe { align-items: flex-end } -.y\:i\:fs { align-items: flex-start } - -.y\:s { align-self: stretch } -.y\:s\:a { align-self: auto } -.y\:s\:n { align-self: normal } -.y\:s\:b { align-self: baseline } -.y\:s\:c { align-self: center } -.y\:s\:e { align-self: end } -.y\:s\:s { align-self: start } -.y\:s\:fe { align-self: flex-end } -.y\:s\:fs { align-self: flex-start } - -.x\:c { justify-content: stretch } -.x\:c\:n { justify-content: normal } -.x\:c\:c { justify-content: center } -.x\:c\:e { justify-content: end } -.x\:c\:s { justify-content: start } -.x\:c\:fe { justify-content: flex-end } -.x\:c\:fs { justify-content: flex-start } -.x\:c\:sa { justify-content: space-around } -.x\:c\:sb { justify-content: space-between } -.x\:c\:se { justify-content: space-evenly } - -.x\:i { justify-items: stretch } -.x\:i\:b { justify-items: baseline } -.x\:i\:c { justify-items: center } -.x\:i\:e { justify-items: end } -.x\:i\:s { justify-items: start } -.x\:i\:fe { justify-items: flex-end } -.x\:i\:fs { justify-items: flex-start } - -.x\:s { justify-self: stretch } -.x\:s\:a { justify-self: auto } -.x\:s\:n { justify-self: normal } -.x\:s\:b { justify-self: baseline } -.x\:s\:c { justify-self: center } -.x\:s\:e { justify-self: end } -.x\:s\:s { justify-self: start } -.x\:s\:fe { justify-self: flex-end } -.x\:s\:fs { justify-self: flex-start } +.y\:c, .d\:f\:y.x\:c { align-content: center } +.y\:c\:b, .d\:f\:y.x\:c\:b { align-content: baseline } +.y\:c\:n, .d\:f\:y.x\:c\:n { align-content: normal } +.y\:c\:e, .d\:f\:y.x\:c\:e { align-content: end } +.y\:c\:s, .d\:f\:y.x\:c\:s { align-content: start } +.y\:c\:sa, .d\:f\:y.x\:c\:sa { align-content: space-around } +.y\:c\:sb, .d\:f\:y.x\:c\:sb { align-content: space-between } +.y\:c\:se, .d\:f\:y.x\:c\:se { align-content: space-evenly } + +.y\:i, .d\:f\:y.x\:i { align-items: center } +.y\:i\:b, .d\:f\:y.x\:i\:b { align-items: baseline } +.y\:i\:e, .d\:f\:y.x\:i\:e { align-items: end } +.y\:i\:s, .d\:f\:y.x\:i\:s { align-items: start } +.y\:i\:st, .d\:f\:y.x\:i\:st { align-items: stretch } + +.y\:s, .d\:f\:y.x\:s { align-self: center } +.y\:s\:a, .d\:f\:y.x\:s\:a { align-self: auto } +.y\:s\:n, .d\:f\:y.x\:s\:n { align-self: normal } +.y\:s\:b, .d\:f\:y.x\:s\:b { align-self: baseline } +.y\:s\:e, .d\:f\:y.x\:s\:e { align-self: end } +.y\:s\:s, .d\:f\:y.x\:s\:s { align-self: start } +.y\:s\:st, .d\:f\:y.x\:s\:st { align-self: stretch } + +.x\:c, .d\:f\:y.y\:c { justify-content: center } +.x\:c\:n, .d\:f\:y.y\:c\:n { justify-content: normal } +.x\:c\:e, .d\:f\:y.y\:c\:e { justify-content: end } +.x\:c\:s, .d\:f\:y.y\:c\:s { justify-content: start } +.x\:c\:sa, .d\:f\:y.y\:c\:sa { justify-content: space-around } +.x\:c\:sb, .d\:f\:y.y\:c\:sb { justify-content: space-between } +.x\:c\:se, .d\:f\:y.y\:c\:se { justify-content: space-evenly } + +.x\:i, .d\:f\:y.y\:i { justify-items: center } +.x\:i\:b, .d\:f\:y.y\:i\:b { justify-items: baseline } +.x\:i\:e, .d\:f\:y.y\:i\:e { justify-items: end } +.x\:i\:s, .d\:f\:y.y\:i\:s { justify-items: start } +.x\:i\:st, .d\:f\:y.y\:i\:st { justify-items: stretch } + +.x\:s, .d\:f\:y.y\:s { justify-self: center } +.x\:s\:a, .d\:f\:y.y\:s\:a { justify-self: auto } +.x\:s\:n, .d\:f\:y.y\:s\:n { justify-self: normal } +.x\:s\:b, .d\:f\:y.y\:s\:b { justify-self: baseline } +.x\:s\:e, .d\:f\:y.y\:s\:e { justify-self: end } +.x\:s\:s, .d\:f\:y.y\:s\:s { justify-self: start } +.x\:s\:st, .d\:f\:y.y\:s\:st { justify-self: stretch } + +/* /// */ + +html.xy .y\:c\:e, html.xy .d\:f\:y.x\:c\:e { align-content: flex-end } +html.xy .y\:c\:s, html.xy .d\:f\:y.x\:c\:s { align-content: flex-start } +html.xy .y\:i\:e, html.xy .d\:f\:y.x\:i\:e { align-items: flex-end } +html.xy .y\:i\:s, html.xy .d\:f\:y.x\:i\:s { align-items: flex-start } +html.xy .y\:s\:e, html.xy .d\:f\:y.x\:s\:e { align-self: flex-end } +html.xy .y\:s\:s, html.xy .d\:f\:y.x\:s\:s { align-self: flex-start } +html.xy .x\:c\:e, html.xy .d\:f\:y.y\:c\:e { justify-content: flex-end } +html.xy .x\:c\:s, html.xy .d\:f\:y.y\:c\:s { justify-content: flex-start } +html.xy .x\:i\:e, html.xy .d\:f\:y.y\:i\:e { justify-items: flex-end } +html.xy .x\:i\:s, html.xy .d\:f\:y.y\:i\:s { justify-items: flex-start } +html.xy .x\:s\:e, html.xy .d\:f\:y.y\:s\:e { justify-self: flex-end } +html.xy .x\:s\:s, html.xy .d\:f\:y.y\:s\:s { justify-self: flex-start } + +html.flex .y\:c > *, html.flex .d\:f\:y.x\:c > *, +html.flex .y\:i > *, html.flex .d\:f\:y.x\:i > *, +html.flex .y\:s > *, html.flex .d\:f\:y.x\:s > * +{ vertical-align: middle } + +html.flex .y\:c\:s > *, html.flex .d\:f\:y.x\:c\:s > *, +html.flex .y\:i\:s > *, html.flex .d\:f\:y.x\:i\:s > *, +html.flex .y\:s\:s > *, html.flex .d\:f\:y.x\:s\:s > * +{ vertical-align: top } + +html.flex .y\:c\:e > *, html.flex .d\:f\:y.x\:c\:e > *, +html.flex .y\:i\:e > *, html.flex .d\:f\:y.x\:i\:e > *, +html.flex .y\:s\:e > *, html.flex .d\:f\:y.x\:s\:e > * +{ vertical-align: bottom } + +html.flex .x\:c, html.flex .d\:f\:y.y\:c, +html.flex .x\:i, html.flex .d\:f\:y.y\:i, +html.flex .x\:s, html.flex .d\:f\:y.y\:s +{ text-align: center } + +html.flex .x\:c\:s, html.flex .d\:f\:y.y\:c\:s, +html.flex .x\:i\:s, html.flex .d\:f\:y.y\:i\:s, +html.flex .x\:s\:s, html.flex .d\:f\:y.y\:s\:s +{ text-align: left } + +html.flex .x\:c\:e, html.flex .d\:f\:y.y\:c\:e, +html.flex .x\:i\:e, html.flex .d\:f\:y.y\:i\:e, +html.flex .x\:s\:e, html.flex .d\:f\:y.y\:s\:e +{ text-align: right } + +html.flex .x\:c > *, html.flex .d\:f\:y.y\:c > *, +html.flex .x\:i > *, html.flex .d\:f\:y.y\:i > *, +html.flex .x\:s > *, html.flex .d\:f\:y.y\:s > *, +html.flex .x\:c\:e > *, html.flex .d\:f\:y.y\:c\:e > *, +html.flex .x\:i\:e > *, html.flex .d\:f\:y.y\:i\:e > *, +html.flex .x\:s\:e > *, html.flex .d\:f\:y.y\:s\:e > * +{ text-align: left } diff --git a/src/cursor.css b/src/cursor.css index d71dfe5..cf7d3c8 100644 --- a/src/cursor.css +++ b/src/cursor.css @@ -1,49 +1,49 @@ /* https://developer.mozilla.org/en-US/docs/Web/CSS/cursor */ /* General */ -.cur\:auto { cursor: auto } -.cur\:default { cursor: default } -.cur\:none { cursor: none } +.cur\:a { cursor: auto } +.cur\:d { cursor: default } +.cur\:n { cursor: none } /* Links & status */ -.cur\:context-menu { cursor: context-menu } -.cur\:help { cursor: help } -.cur\:pointer { cursor: pointer } -.cur\:progress { cursor: progress } -.cur\:wait { cursor: wait } +.cur\:cm { cursor: context-menu } +.cur\:h { cursor: help } +.cur\:p { cursor: pointer } +.cur\:pr { cursor: progress } +.cur\:w { cursor: wait } /* Selection */ -.cur\:cell { cursor: cell } -.cur\:crosshair { cursor: crosshair } -.cur\:text { cursor: text } -.cur\:vertical-text { cursor: vertical-text } +.cur\:ce { cursor: cell } +.cur\:ch { cursor: crosshair } +.cur\:t { cursor: text } +.cur\:vt { cursor: vertical-text } /* Drag & drop */ -.cur\:alias { cursor: alias } -.cur\:copy { cursor: copy } -.cur\:move { cursor: move } -.cur\:no-drop { cursor: no-drop } -.cur\:not-allowed { cursor: not-allowed } -.cur\:grab { cursor: grab } -.cur\:grabbing { cursor: grabbing } +.cur\:al { cursor: alias } +.cur\:cp { cursor: copy } +.cur\:m { cursor: move } +.cur\:nd { cursor: no-drop } +.cur\:na { cursor: not-allowed } +.cur\:gr { cursor: grab } +.cur\:gg { cursor: grabbing } /* Resizing & scrolling */ -.cur\:all-scroll { cursor: all-scroll } -.cur\:col-resize { cursor: col-resize } -.cur\:row-resize { cursor: row-resize } -.cur\:n-resize { cursor: n-resize } -.cur\:e-resize { cursor: e-resize } -.cur\:s-resize { cursor: s-resize } -.cur\:w-resize { cursor: w-resize } -.cur\:ne-resize { cursor: ne-resize } -.cur\:nw-resize { cursor: nw-resize } -.cur\:se-resize { cursor: se-resize } -.cur\:sw-resize { cursor: sw-resize } -.cur\:ew-resize { cursor: ew-resize } -.cur\:ns-resize { cursor: ns-resize } -.cur\:nesw-resize { cursor: nesw-resize } -.cur\:nwse-resize { cursor: nwse-resize } +.cur\:as { cursor: all-scroll } +.cur\:cr { cursor: col-resize } +.cur\:rr { cursor: row-resize } +.cur\:nr { cursor: n-resize } +.cur\:er { cursor: e-resize } +.cur\:sr { cursor: s-resize } +.cur\:wr { cursor: w-resize } +.cur\:ner { cursor: ne-resize } +.cur\:nwr { cursor: nw-resize } +.cur\:ser { cursor: se-resize } +.cur\:swr { cursor: sw-resize } +.cur\:ewr { cursor: ew-resize } +.cur\:nsr { cursor: ns-resize } +.cur\:nesw { cursor: nesw-resize } +.cur\:nwse { cursor: nwse-resize } /* Zooming */ -.cur\:zoom-in { cursor: zoom-in } -.cur\:zoom-out { cursor: zoom-out } +.cur\:zi { cursor: zoom-in } +.cur\:zo { cursor: zoom-out } diff --git a/src/display.css b/src/display.css index 83ba7f7..bcdece7 100644 --- a/src/display.css +++ b/src/display.css @@ -1,4 +1,4 @@ -[hidden], datalist, dialog, source, template, track { display: none !important } +[hidden], datalist, dialog:not([open]), source, template, track { display: none !important } .d\:b { display: block } .d\:n, .hide { display: none } diff --git a/src/flex.css b/src/flex.css index d61b236..e4311c1 100644 --- a/src/flex.css +++ b/src/flex.css @@ -1,9 +1,7 @@ -[hidden], datalist, dialog, source, template, track { display: none !important } +[hidden], datalist, dialog:not([open]), source, template, track { display: none !important } .d\:f, .d\:f\:x, .d\:f\:y { display: flex; flex-wrap: wrap } -.d\:f\:x, .d\:f\:y { flex-wrap: nowrap } - .d\:f\:x { flex-direction: row } .d\:f\:y { flex-direction: column } @@ -13,7 +11,11 @@ .reverse\:y, .reverse.d\:f\:y { flex-direction: column-reverse } .reverse\:wrap { flex-wrap: wrap-reverse } -.grow\:i, .\$grow\:i > * { flex-grow: initial } +.wrap { flex-wrap: wrap } +.nowrap { flex-wrap: nowrap } + +.grow\:i, .\$grow\:i > * { flex-grow: inherit } +.grow\:ii, .\$grow\:ii > * { flex-grow: initial } .grow\:0, .\$grow\:0 > * { flex-grow: 0 } .grow\:1, .\$grow\:1 > * { flex-grow: 1 } .grow\:2, .\$grow\:2 > * { flex-grow: 2 } @@ -21,7 +23,8 @@ .grow\:4, .\$grow\:4 > * { flex-grow: 4 } .grow\:5, .\$grow\:5 > * { flex-grow: 5 } -.shrink\:i, .\$shrink\:i > * { flex-shrink: initial } +.shrink\:i, .\$shrink\:i > * { flex-shrink: inherit } +.shrink\:ii, .\$shrink\:ii > * { flex-shrink: initial } .shrink\:0, .\$shrink\:0 > * { flex-shrink: 0 } .shrink\:1, .\$shrink\:1 > * { flex-shrink: 1 } .shrink\:2, .\$shrink\:2 > * { flex-shrink: 2 } @@ -29,12 +32,14 @@ .shrink\:4, .\$shrink\:4 > * { flex-shrink: 4 } .shrink\:5, .\$shrink\:5 > * { flex-shrink: 5 } -.basis\:i, .\$basis\:i > * { flex-basis: initial } +.basis\:i, .\$basis\:i > * { flex-basis: inherit } +.basis\:ii, .\$basis\:ii > * { flex-basis: initial } .basis\:0, .\$basis\:0 > * { flex-basis: 0 } +.basis\:10, .\$basis\:10 > * { flex-basis: 10% } +.basis\:20, .\$basis\:20 > * { flex-basis: 20% } .basis\:25, .\$basis\:25 > * { flex-basis: 25% } .basis\:33, .\$basis\:33 > * { flex-basis: 33.3333% } .basis\:50, .\$basis\:50 > * { flex-basis: 50% } -.basis\:75, .\$basis\:75 > * { flex-basis: 75% } .basis\:100, .\$basis\:100 > * { flex-basis: 100% } .basis\:auto, .\$basis\:auto > * { flex-basis: auto } .basis\:available, .\$basis\:available > * { flex-basis: available } @@ -50,7 +55,7 @@ html.grid .d\:f, html.grid .d\:f\:x, html.grid .d\:f\:y { display: flex } html.flex .d\:f, html.flex .d\:f\:x, html.flex .d\:f\:y { display: block; letter-spacing: -1em !important } -html.flex .d\:f > *, html.flex .d\:f\:x > *, html.flex .d\:f\:y > * { letter-spacing: normal } +html.flex .d\:f > *, html.flex .d\:f\:x > *, html.flex .d\:f\:y > * { letter-spacing: normal; vertical-align: top } html.flex .d\:f > *, html.flex .d\:f\:x > * { display: inline-block } html.flex .d\:f\:y > * { display: block } @@ -59,8 +64,3 @@ html.flex .d\:g > .d\:f, html.flex .d\:g > .d\:f\:x, html.flex .d\:g > .d\:f\:y, html.flex .d\:f\:x > .d\:f, html.flex .d\:f\:x > .d\:f\:x, html.flex .d\:f\:x > .d\:f\:y, html.flex .d\:g\:x > .d\:f, html.flex .d\:g\:x > .d\:f\:x, html.flex .d\:g\:x > .d\:f\:y { display: inline-block } - -html.flex .d\:f:not([class*='va:']) > *:not([class*='va:']), -html.flex .d\:f\:x:not([class*='va:']) > *:not([class*='va:']), -html.flex .d\:f\:y:not([class*='va:']) > *:not([class*='va:']) -{ vertical-align: top } diff --git a/src/gap.css b/src/gap.css index eaa94f5..38b1a3a 100644 --- a/src/gap.css +++ b/src/gap.css @@ -1,6 +1,6 @@ :root { - --sf-gap-x: 0.5em; - --sf-gap-y: 0.5em; + --sf-gap-x: var(--sf-em-sm); + --sf-gap-y: var(--sf-em-sm); } /* flex */ @@ -66,7 +66,8 @@ .cols\:9, .cols\:10, .cols\:11, -.cols\:12 { +.cols\:12 +{ margin-top: calc(var(--sf-gap-y) * -1); margin-left: calc(var(--sf-gap-x) * -1); } @@ -83,43 +84,89 @@ .col\:9, .col\:10, .col\:11, -.col\:12 { +.col\:12 +{ margin-top: calc(var(--sf-gap-y) * 0); margin-left: calc(var(--sf-gap-x) * 0); padding-top: var(--sf-gap-y); padding-left: var(--sf-gap-x); } +.gap > .col, +.gap > .col\:1, +.gap > .col\:2, +.gap > .col\:3, +.gap > .col\:4, +.gap > .col\:5, +.gap > .col\:6, +.gap > .col\:7, +.gap > .col\:8, +.gap > .col\:9, +.gap > .col\:10, +.gap > .col\:11, +.gap > .col\:12 +{ padding-top: var(--sf-gap-y); padding-left: var(--sf-gap-x) } + +.gap\:x > .col, +.gap\:x > .col\:1, +.gap\:x > .col\:2, +.gap\:x > .col\:3, +.gap\:x > .col\:4, +.gap\:x > .col\:5, +.gap\:x > .col\:6, +.gap\:x > .col\:7, +.gap\:x > .col\:8, +.gap\:x > .col\:9, +.gap\:x > .col\:10, +.gap\:x > .col\:11, +.gap\:x > .col\:12 +{ padding-left: var(--sf-gap-x) } + +.gap\:y > .col, +.gap\:y > .col\:1, +.gap\:y > .col\:2, +.gap\:y > .col\:3, +.gap\:y > .col\:4, +.gap\:y > .col\:5, +.gap\:y > .col\:6, +.gap\:y > .col\:7, +.gap\:y > .col\:8, +.gap\:y > .col\:9, +.gap\:y > .col\:10, +.gap\:y > .col\:11, +.gap\:y > .col\:12 +{ padding-top: var(--sf-gap-y) } + /* gap */ -.gap:not(html) { --sf-gap-x: 0.5em; --sf-gap-y: 0.5em } -.gap\:x { --sf-gap-x: 0.5em } -.gap\:y { --sf-gap-y: 0.5em } +.gap:not(html) { --sf-gap-x: var(--sf-em-sm); --sf-gap-y: var(--sf-em-sm) } +.gap\:x { --sf-gap-x: var(--sf-em-sm) } +.gap\:y { --sf-gap-y: var(--sf-em-sm) } .gap\:0 { --sf-gap-x: 0em; --sf-gap-y: 0em } .gap\:x\:0 { --sf-gap-x: 0em } .gap\:y\:0 { --sf-gap-y: 0em } -.gap:not(html) { margin-top: calc(var(--sf-gap-y) * -1); margin-left: calc(var(--sf-gap-x) * -1) } -.gap\:x { margin-left: calc(var(--sf-gap-x) * -1) } -.gap\:y { margin-top: calc(var(--sf-gap-y) * -1) } +.gap:not(html):not(.d\:f):not(.d\:f\:x):not(.d\:f\:y):not(.d\:g):not(.d\:g\:x):not(.d\:g\:y) { margin-top: calc(var(--sf-gap-y) * -1); margin-left: calc(var(--sf-gap-x) * -1) } +.gap\:x:not(.d\:f):not(.d\:f\:x):not(.d\:f\:y):not(.d\:g):not(.d\:g\:x):not(.d\:g\:y) { margin-left: calc(var(--sf-gap-x) * -1) } +.gap\:y:not(.d\:f):not(.d\:f\:x):not(.d\:f\:y):not(.d\:g):not(.d\:g\:x):not(.d\:g\:y) { margin-top: calc(var(--sf-gap-y) * -1) } -.gap:not(html) > * { margin-top: var(--sf-gap-y); margin-left: var(--sf-gap-x); padding-top: calc(var(--sf-gap-y) * 0); padding-left: calc(var(--sf-gap-x) * 0) } -.gap\:x > * { margin-left: var(--sf-gap-x); padding-left: calc(var(--sf-gap-x) * 0) } -.gap\:y > * { margin-top: var(--sf-gap-y); padding-top: calc(var(--sf-gap-y) * 0) } +.gap:not(html):not([class*='cols']):not(.d\:f):not(.d\:f\:x):not(.d\:f\:y):not(.d\:g):not(.d\:g\:x):not(.d\:g\:y) > * { margin-top: var(--sf-gap-y); margin-left: var(--sf-gap-x) } +.gap\:x:not([class*='cols']):not(.d\:f):not(.d\:f\:x):not(.d\:f\:y):not(.d\:g):not(.d\:g\:x):not(.d\:g\:y) > * { margin-left: var(--sf-gap-x) } +.gap\:y:not([class*='cols']):not(.d\:f):not(.d\:f\:x):not(.d\:f\:y):not(.d\:g):not(.d\:g\:x):not(.d\:g\:y) > * { margin-top: var(--sf-gap-y) } .gap\:0 { margin-top: 0; margin-left: 0 } .gap\:x\:0 { margin-left: 0 } .gap\:y\:0 { margin-top: 0 } -.gap\:0 > * { margin-top: 0; margin-left: 0; padding-top: 0; padding-left: 0 } -.gap\:x\:0 > * { margin-left: 0; padding-left: 0 } -.gap\:y\:0 > * { margin-top: 0; padding-top: 0 } +.gap\:0 > * { margin-top: 0; margin-left: 0 } +.gap\:x\:0 > * { margin-left: 0 } +.gap\:y\:0 > * { margin-top: 0 } /* /// */ /* inline */ html.var .\$d\:i { margin-top: -0.5em; margin-left: -0.5em } -html.var .\$d\:i > * { margin-top: 0.5em; margin-left: 0.5em; padding-top: 0; padding-left: 0 } +html.var .\$d\:i > * { margin-top: 0.5em; margin-left: 0.5em } html.var .\$d\:i > .\$d\:i, @@ -139,10 +186,10 @@ html.var .d\:f\:x { margin-left: -0.5em } html.var .d\:f\:y { margin-top: -0.5em } html.var .d\:f { margin-top: -0.5em; margin-left: -0.5em } -html.var .d\:f\:x > *:not([class*='col:start']) { margin-left: 0.5em; padding-left: 0 } -html.var .d\:f\:y > * { margin-top: 0.5em; padding-top: 0 } -html.var .d\:f > * { margin-top: 0.5em; padding-top: 0 } -html.var .d\:f > *:not([class*='col:start']) { margin-left: 0.5em; padding-left: 0 } +html.var .d\:f\:x > *:not([class*='col:start']) { margin-left: 0.5em } +html.var .d\:f\:y > * { margin-top: 0.5em } +html.var .d\:f > * { margin-top: 0.5em } +html.var .d\:f > *:not([class*='col:start']) { margin-left: 0.5em } html.var .d\:f\:x > .\$d\:i, @@ -188,10 +235,10 @@ html.var .d\:g\:x { margin-left: -0.5em } html.var .d\:g\:y { margin-top: -0.5em } html.var .d\:g { margin-top: -0.5em; margin-left: -0.5em } -html.var .d\:g\:x > *:not([class*='col:start']) { margin-left: 0.5em; padding-left: 0 } -html.var .d\:g\:y > * { margin-top: 0.5em; padding-top: 0 } -html.var .d\:g > * { margin-top: 0.5em; padding-top: 0 } -html.var .d\:g > *:not([class*='col:start']) { margin-left: 0.5em; padding-left: 0 } +html.var .d\:g\:x > *:not([class*='col:start']) { margin-left: 0.5em } +html.var .d\:g\:y > * { margin-top: 0.5em } +html.var .d\:g > * { margin-top: 0.5em } +html.var .d\:g > *:not([class*='col:start']) { margin-left: 0.5em } html.var .d\:g\:x > .\$d\:i, @@ -237,22 +284,22 @@ html.var [class*='cols'] { margin-top: -0.5em; margin-left: -0.5em } html.var [class*='cols'] > [class*='col'] { margin-top: 0; padding-top: 0.5em; padding-left: 0.5em } html.var [class*='cols'] > [class*='col']:not([class*='col:start']) { margin-left: 0 } -html.var .gap\:0[class*='cols'] { margin-top: 0; margin-left: 0 } -html.var .gap\:x\:0[class*='cols'] { margin-left: 0 } -html.var .gap\:y\:0[class*='cols'] { margin-top: 0 } +html.var .gap[class*='cols'] > [class*='col'] { padding-top: 0.5em; padding-left: 0.5em } +html.var .gap\:x[class*='cols'] > [class*='col'] { padding-left: 0.5em } +html.var .gap\:y[class*='cols'] > [class*='col'] { padding-top: 0.5em } html.var .gap\:0[class*='cols'] > [class*='col'] { padding-top: 0; padding-left: 0 } html.var .gap\:x\:0[class*='cols'] > [class*='col'] { padding-left: 0 } html.var .gap\:y\:0[class*='cols'] > [class*='col'] { padding-top: 0 } /* gap */ -html.var .gap:not(html) { margin-top: -0.5em; margin-left: -0.5em } +html.var .gap { margin-top: -0.5em; margin-left: -0.5em } html.var .gap\:x { margin-left: -0.5em } html.var .gap\:y { margin-top: -0.5em } -html.var .gap > * { margin-top: 0.5em; margin-left: 0.5em; padding-top: 0; padding-left: 0 } -html.var .gap\:x > * { margin-left: 0.5em; padding-left: 0 } -html.var .gap\:y > * { margin-top: 0.5em; padding-top: 0 } +html.var .gap > * { margin-top: 0.5em; margin-left: 0.5em } +html.var .gap\:x > * { margin-left: 0.5em } +html.var .gap\:y > * { margin-top: 0.5em } html.var .gap\:0.d\:f, html.var .gap\:0.d\:f\:x, @@ -289,7 +336,7 @@ html.var .gap\:0.d\:g\:x > *, html.var .gap\:0.d\:g\:y > *, html.var .gap\:0 > *[class*='col:start'], html.var .gap\:0 > * -{ margin-top: 0; margin-left: 0; padding-top: 0; padding-left: 0 } +{ margin-top: 0; margin-left: 0 } html.var .gap\:x\:0.d\:f > *, html.var .gap\:x\:0.d\:f\:x > *, @@ -299,7 +346,7 @@ html.var .gap\:x\:0.d\:g\:x > *, html.var .gap\:x\:0.d\:g\:y > *, html.var .gap\:x\:0 > *[class*='col:start'], html.var .gap\:x\:0 > * -{ margin-left: 0; padding-left: 0 } +{ margin-left: 0 } html.var .gap\:y\:0.d\:f > *, html.var .gap\:y\:0.d\:f\:x > *, @@ -309,4 +356,4 @@ html.var .gap\:y\:0.d\:g\:x > *, html.var .gap\:y\:0.d\:g\:y > *, html.var .gap\:y\:0 > *[class*='col:start'], html.var .gap\:y\:0 > * -{ margin-top: 0; padding-top: 0 } +{ margin-top: 0 } diff --git a/src/grid.css b/src/grid.css index bb4a9cf..a7bd45d 100644 --- a/src/grid.css +++ b/src/grid.css @@ -1,4 +1,4 @@ -[hidden], datalist, dialog, source, template, track { display: none !important } +[hidden], datalist, dialog:not([open]), source, template, track { display: none !important } .d\:g, .d\:g\:x, .d\:g\:y { display: grid; @@ -7,12 +7,12 @@ grid-auto-rows: minmax(0, 1fr); } -.d\:g { grid-auto-flow: dense } -.d\:g\:x { grid-auto-flow: dense column } -.d\:g\:y { grid-auto-flow: dense row } +.d\:g, .wrap.d\:g { grid-auto-flow: dense } +.d\:g\:x, .wrap.d\:g\:x { grid-auto-flow: dense column } +.d\:g\:y, .wrap.d\:g\:y { grid-auto-flow: dense row } -.d\:g\:x.nowrap, .d\:g.nowrap { grid-auto-flow: column } -.d\:g\:y.nowrap { grid-auto-flow: row } +.nowrap.d\:g\:x, .nowrap.d\:g { grid-auto-flow: column } +.nowrap.d\:g\:y { grid-auto-flow: row } /* /// */ @@ -22,8 +22,11 @@ html.grid .d\:g\:x, html.grid .d\:g\:y { flex-wrap: nowrap } html.grid .d\:g\:x { flex-direction: row } html.grid .d\:g\:y { flex-direction: column } +html.grid .wrap.d\:g, html.grid .wrap.d\:g\:x, html.grid .wrap.d\:g\:y { flex-wrap: wrap } +html.grid .nowrap.d\:g, html.grid .nowrap.d\:g\:x, html.grid .nowrap.d\:g\:y { flex-wrap: nowrap } + html.flex .d\:g, html.flex .d\:g\:x, html.flex .d\:g\:y { display: block; letter-spacing: -1em !important } -html.flex .d\:g > *, html.flex .d\:g\:x > *, html.flex .d\:g\:y > * { letter-spacing: normal } +html.flex .d\:g > *, html.flex .d\:g\:x > *, html.flex .d\:g\:y > * { letter-spacing: normal; vertical-align: top } html.flex .d\:g > *, html.flex .d\:g\:x > * { display: inline-block } html.flex .d\:g\:y > * { display: block } @@ -33,8 +36,3 @@ html.flex .d\:f\:x > .d\:g, html.flex .d\:f\:x > .d\:g\:x, html.flex .d\:f\:x > html.flex .d\:g\:x > .d\:g, html.flex .d\:g\:x > .d\:g\:x, html.flex .d\:g\:x > .d\:g\:y { display: inline-block } -html.flex .d\:g:not([class*='va:']) > *:not([class*='va:']), -html.flex .d\:g\:x:not([class*='va:']) > *:not([class*='va:']), -html.flex .d\:g\:y:not([class*='va:']) > *:not([class*='va:']) -{ vertical-align: top } - diff --git a/src/inline.css b/src/inline.css index bf95f02..ce70bc4 100644 --- a/src/inline.css +++ b/src/inline.css @@ -1,11 +1,10 @@ -[hidden], datalist, dialog, source, template, track { display: none !important } +[hidden], datalist, dialog:not([open]), source, template, track { display: none !important } .\$d\:i { display: block; letter-spacing: -1em !important } -.\$d\:i > * { letter-spacing: normal } -.\$d\:i > *:not([class*='cols']):not(.d\:f):not(.d\:f\:x):not(.d\:f\:y):not(.d\:g):not(.d\:g\:x):not(.d\:g\:y) { display: inline-block } -.\$d\:i:not([class*='va:']) > *:not([class*='va:']) { vertical-align: top } +.\$d\:i > * { letter-spacing: normal; vertical-align: top } +.\$d\:i > *:not([class*='cols']):not(.d\:f):not(.d\:f\:x):not(.d\:f\:y):not(.d\:g):not(.d\:g\:x):not(.d\:g\:y):not(.sf-description):not(.sf-invalid):not(.sf-valid) { display: inline-block } /* /// */ html.grid .\$d\:i { display: block } -html.grid .\$d\:i > *:not([class*='cols']):not(.d\:f):not(.d\:f\:x):not(.d\:f\:y):not(.d\:g):not(.d\:g\:x):not(.d\:g\:y) { display: inline-block } +html.grid .\$d\:i > *:not([class*='cols']):not(.d\:f):not(.d\:f\:x):not(.d\:f\:y):not(.d\:g):not(.d\:g\:x):not(.d\:g\:y):not(.sf-description):not(.sf-invalid):not(.sf-valid) { display: inline-block } diff --git a/src/margin.css b/src/margin.css index 1bbc37e..b22b13e 100644 --- a/src/margin.css +++ b/src/margin.css @@ -1,411 +1,290 @@ :root { - --sf-margin: 1em; - - --sf-margin-1: calc(var(--sf-margin) * 0.25); - --sf-margin-2: calc(var(--sf-margin) * 0.5); - --sf-margin-3: calc(var(--sf-margin) * 0.75); - --sf-margin-4: calc(var(--sf-margin) * 1.25); - --sf-margin-5: calc(var(--sf-margin) * 1.5); - --sf-margin-6: calc(var(--sf-margin) * 2); + --sf-margin: var(--sf-em-sm); + + --sf-margin-xs: var(--sf-em-xs); + --sf-margin-md: var(--sf-em-md); + --sf-margin-lg: var(--sf-em-lg); + --sf-margin-xl: var(--sf-em-xl); } .m, .\$m > * { margin: var(--sf-margin) } .m\:a, .\$m\:a > * { margin: auto } .m\:0, .\$m\:0 > * { margin: 0 } -.m\:1, .\$m\:1 > * { margin: var(--sf-margin-1) } -.m\:2, .\$m\:2 > * { margin: var(--sf-margin-2) } -.m\:3, .\$m\:3 > * { margin: var(--sf-margin-3) } -.m\:4, .\$m\:4 > * { margin: var(--sf-margin-4) } -.m\:5, .\$m\:5 > * { margin: var(--sf-margin-5) } -.m\:6, .\$m\:6 > * { margin: var(--sf-margin-6) } +.m\:xs, .\$m\:xs > * { margin: var(--sf-margin-xs) } +.m\:md, .\$m\:md > * { margin: var(--sf-margin-md) } +.m\:lg, .\$m\:lg > * { margin: var(--sf-margin-lg) } +.m\:xl, .\$m\:xl > * { margin: var(--sf-margin-xl) } .mt, .\$mt > * { margin-block-start: var(--sf-margin) } .mt\:a, .\$mt\:a > * { margin-block-start: auto } .mt\:0, .\$mt\:0 > * { margin-block-start: 0 } -.mt\:1, .\$mt\:1 > * { margin-block-start: var(--sf-margin-1) } -.mt\:2, .\$mt\:2 > * { margin-block-start: var(--sf-margin-2) } -.mt\:3, .\$mt\:3 > * { margin-block-start: var(--sf-margin-3) } -.mt\:4, .\$mt\:4 > * { margin-block-start: var(--sf-margin-4) } -.mt\:5, .\$mt\:5 > * { margin-block-start: var(--sf-margin-5) } -.mt\:6, .\$mt\:6 > * { margin-block-start: var(--sf-margin-6) } +.mt\:xs, .\$mt\:xs > * { margin-block-start: var(--sf-margin-xs) } +.mt\:md, .\$mt\:md > * { margin-block-start: var(--sf-margin-md) } +.mt\:lg, .\$mt\:lg > * { margin-block-start: var(--sf-margin-lg) } +.mt\:xl, .\$mt\:xl > * { margin-block-start: var(--sf-margin-xl) } .mr, .\$mr > * { margin-inline-end: var(--sf-margin) } .mr\:a, .\$mr\:a > * { margin-inline-end: auto } .mr\:0, .\$mr\:0 > * { margin-inline-end: 0 } -.mr\:1, .\$mr\:1 > * { margin-inline-end: var(--sf-margin-1) } -.mr\:2, .\$mr\:2 > * { margin-inline-end: var(--sf-margin-2) } -.mr\:3, .\$mr\:3 > * { margin-inline-end: var(--sf-margin-3) } -.mr\:4, .\$mr\:4 > * { margin-inline-end: var(--sf-margin-4) } -.mr\:5, .\$mr\:5 > * { margin-inline-end: var(--sf-margin-5) } -.mr\:6, .\$mr\:6 > * { margin-inline-end: var(--sf-margin-6) } +.mr\:xs, .\$mr\:xs > * { margin-inline-end: var(--sf-margin-xs) } +.mr\:md, .\$mr\:md > * { margin-inline-end: var(--sf-margin-md) } +.mr\:lg, .\$mr\:lg > * { margin-inline-end: var(--sf-margin-lg) } +.mr\:xl, .\$mr\:xl > * { margin-inline-end: var(--sf-margin-xl) } .mb, .\$mb > * { margin-block-end: var(--sf-margin) } .mb\:a, .\$mb\:a > * { margin-block-end: auto } .mb\:0, .\$mb\:0 > * { margin-block-end: 0 } -.mb\:1, .\$mb\:1 > * { margin-block-end: var(--sf-margin-1) } -.mb\:2, .\$mb\:2 > * { margin-block-end: var(--sf-margin-2) } -.mb\:3, .\$mb\:3 > * { margin-block-end: var(--sf-margin-3) } -.mb\:4, .\$mb\:4 > * { margin-block-end: var(--sf-margin-4) } -.mb\:5, .\$mb\:5 > * { margin-block-end: var(--sf-margin-5) } -.mb\:6, .\$mb\:6 > * { margin-block-end: var(--sf-margin-6) } +.mb\:xs, .\$mb\:xs > * { margin-block-end: var(--sf-margin-xs) } +.mb\:md, .\$mb\:md > * { margin-block-end: var(--sf-margin-md) } +.mb\:lg, .\$mb\:lg > * { margin-block-end: var(--sf-margin-lg) } +.mb\:xl, .\$mb\:xl > * { margin-block-end: var(--sf-margin-xl) } .ml, .\$ml > * { margin-inline-start: var(--sf-margin) } .ml\:a, .\$ml\:a > * { margin-inline-start: auto } .ml\:0, .\$ml\:0 > * { margin-inline-start: 0 } -.ml\:1, .\$ml\:1 > * { margin-inline-start: var(--sf-margin-1) } -.ml\:2, .\$ml\:2 > * { margin-inline-start: var(--sf-margin-2) } -.ml\:3, .\$ml\:3 > * { margin-inline-start: var(--sf-margin-3) } -.ml\:4, .\$ml\:4 > * { margin-inline-start: var(--sf-margin-4) } -.ml\:5, .\$ml\:5 > * { margin-inline-start: var(--sf-margin-5) } -.ml\:6, .\$ml\:6 > * { margin-inline-start: var(--sf-margin-6) } +.ml\:xs, .\$ml\:xs > * { margin-inline-start: var(--sf-margin-xs) } +.ml\:md, .\$ml\:md > * { margin-inline-start: var(--sf-margin-md) } +.ml\:lg, .\$ml\:lg > * { margin-inline-start: var(--sf-margin-lg) } +.ml\:xl, .\$ml\:xl > * { margin-inline-start: var(--sf-margin-xl) } .mx, .\$mx > * { margin-inline: var(--sf-margin) } .mx\:a, .\$mx\:a > * { margin-inline: auto } .mx\:0, .\$mx\:0 > * { margin-inline: 0 } -.mx\:1, .\$mx\:1 > * { margin-inline: var(--sf-margin-1) } -.mx\:2, .\$mx\:2 > * { margin-inline: var(--sf-margin-2) } -.mx\:3, .\$mx\:3 > * { margin-inline: var(--sf-margin-3) } -.mx\:4, .\$mx\:4 > * { margin-inline: var(--sf-margin-4) } -.mx\:5, .\$mx\:5 > * { margin-inline: var(--sf-margin-5) } -.mx\:6, .\$mx\:6 > * { margin-inline: var(--sf-margin-6) } +.mx\:xs, .\$mx\:xs > * { margin-inline: var(--sf-margin-xs) } +.mx\:md, .\$mx\:md > * { margin-inline: var(--sf-margin-md) } +.mx\:lg, .\$mx\:lg > * { margin-inline: var(--sf-margin-lg) } +.mx\:xl, .\$mx\:xl > * { margin-inline: var(--sf-margin-xl) } .my, .\$my > * { margin-block: var(--sf-margin) } .my\:a, .\$my\:a > * { margin-block: auto } .my\:0, .\$my\:0 > * { margin-block: 0 } -.my\:1, .\$my\:1 > * { margin-block: var(--sf-margin-1) } -.my\:2, .\$my\:2 > * { margin-block: var(--sf-margin-2) } -.my\:3, .\$my\:3 > * { margin-block: var(--sf-margin-3) } -.my\:4, .\$my\:4 > * { margin-block: var(--sf-margin-4) } -.my\:5, .\$my\:5 > * { margin-block: var(--sf-margin-5) } -.my\:6, .\$my\:6 > * { margin-block: var(--sf-margin-6) } - -.negative.m, .negative.\$m > * { margin: calc(var(--sf-margin) * -1) } -.negative.m\:a, .negative.\$m\:a > * { margin: auto } -.negative.m\:0, .negative.\$m\:0 > * { margin: 0 } -.negative.m\:1, .negative.\$m\:1 > * { margin: calc(var(--sf-margin-1) * -1) } -.negative.m\:2, .negative.\$m\:2 > * { margin: calc(var(--sf-margin-2) * -1) } -.negative.m\:3, .negative.\$m\:3 > * { margin: calc(var(--sf-margin-3) * -1) } -.negative.m\:4, .negative.\$m\:4 > * { margin: calc(var(--sf-margin-4) * -1) } -.negative.m\:5, .negative.\$m\:5 > * { margin: calc(var(--sf-margin-5) * -1) } -.negative.m\:6, .negative.\$m\:6 > * { margin: calc(var(--sf-margin-6) * -1) } - -.negative.mt, .negative.\$mt > * { margin-block-start: calc(var(--sf-margin) * -1) } -.negative.mt\:a, .negative.\$mt\:a > * { margin-block-start: auto } -.negative.mt\:0, .negative.\$mt\:0 > * { margin-block-start: 0 } -.negative.mt\:1, .negative.\$mt\:1 > * { margin-block-start: calc(var(--sf-margin-1) * -1) } -.negative.mt\:2, .negative.\$mt\:2 > * { margin-block-start: calc(var(--sf-margin-2) * -1) } -.negative.mt\:3, .negative.\$mt\:3 > * { margin-block-start: calc(var(--sf-margin-3) * -1) } -.negative.mt\:4, .negative.\$mt\:4 > * { margin-block-start: calc(var(--sf-margin-4) * -1) } -.negative.mt\:5, .negative.\$mt\:5 > * { margin-block-start: calc(var(--sf-margin-5) * -1) } -.negative.mt\:6, .negative.\$mt\:6 > * { margin-block-start: calc(var(--sf-margin-6) * -1) } - -.negative.mr, .negative.\$mr > * { margin-inline-end: calc(var(--sf-margin) * -1) } -.negative.mr\:a, .negative.\$mr\:a > * { margin-inline-end: auto } -.negative.mr\:0, .negative.\$mr\:0 > * { margin-inline-end: 0 } -.negative.mr\:1, .negative.\$mr\:1 > * { margin-inline-end: calc(var(--sf-margin-1) * -1) } -.negative.mr\:2, .negative.\$mr\:2 > * { margin-inline-end: calc(var(--sf-margin-2) * -1) } -.negative.mr\:3, .negative.\$mr\:3 > * { margin-inline-end: calc(var(--sf-margin-3) * -1) } -.negative.mr\:4, .negative.\$mr\:4 > * { margin-inline-end: calc(var(--sf-margin-4) * -1) } -.negative.mr\:5, .negative.\$mr\:5 > * { margin-inline-end: calc(var(--sf-margin-5) * -1) } -.negative.mr\:6, .negative.\$mr\:6 > * { margin-inline-end: calc(var(--sf-margin-6) * -1) } - -.negative.mb, .negative.\$mb > * { margin-block-end: calc(var(--sf-margin) * -1) } -.negative.mb\:a, .negative.\$mb\:a > * { margin-block-end: auto } -.negative.mb\:0, .negative.\$mb\:0 > * { margin-block-end: 0 } -.negative.mb\:1, .negative.\$mb\:1 > * { margin-block-end: calc(var(--sf-margin-1) * -1) } -.negative.mb\:2, .negative.\$mb\:2 > * { margin-block-end: calc(var(--sf-margin-2) * -1) } -.negative.mb\:3, .negative.\$mb\:3 > * { margin-block-end: calc(var(--sf-margin-3) * -1) } -.negative.mb\:4, .negative.\$mb\:4 > * { margin-block-end: calc(var(--sf-margin-4) * -1) } -.negative.mb\:5, .negative.\$mb\:5 > * { margin-block-end: calc(var(--sf-margin-5) * -1) } -.negative.mb\:6, .negative.\$mb\:6 > * { margin-block-end: calc(var(--sf-margin-6) * -1) } - -.negative.ml, .negative.\$ml > * { margin-inline-start: calc(var(--sf-margin) * -1) } -.negative.ml\:a, .negative.\$ml\:a > * { margin-inline-start: auto } -.negative.ml\:0, .negative.\$ml\:0 > * { margin-inline-start: 0 } -.negative.ml\:1, .negative.\$ml\:1 > * { margin-inline-start: calc(var(--sf-margin-1) * -1) } -.negative.ml\:2, .negative.\$ml\:2 > * { margin-inline-start: calc(var(--sf-margin-2) * -1) } -.negative.ml\:3, .negative.\$ml\:3 > * { margin-inline-start: calc(var(--sf-margin-3) * -1) } -.negative.ml\:4, .negative.\$ml\:4 > * { margin-inline-start: calc(var(--sf-margin-4) * -1) } -.negative.ml\:5, .negative.\$ml\:5 > * { margin-inline-start: calc(var(--sf-margin-5) * -1) } -.negative.ml\:6, .negative.\$ml\:6 > * { margin-inline-start: calc(var(--sf-margin-6) * -1) } - -.negative.mx, .negative.\$mx > * { margin-inline: calc(var(--sf-margin) * -1) } -.negative.mx\:a, .negative.\$mx\:a > * { margin-inline: auto } -.negative.mx\:0, .negative.\$mx\:0 > * { margin-inline: 0 } -.negative.mx\:1, .negative.\$mx\:1 > * { margin-inline: calc(var(--sf-margin-1) * -1) } -.negative.mx\:2, .negative.\$mx\:2 > * { margin-inline: calc(var(--sf-margin-2) * -1) } -.negative.mx\:3, .negative.\$mx\:3 > * { margin-inline: calc(var(--sf-margin-3) * -1) } -.negative.mx\:4, .negative.\$mx\:4 > * { margin-inline: calc(var(--sf-margin-4) * -1) } -.negative.mx\:5, .negative.\$mx\:5 > * { margin-inline: calc(var(--sf-margin-5) * -1) } -.negative.mx\:6, .negative.\$mx\:6 > * { margin-inline: calc(var(--sf-margin-6) * -1) } - -.negative.my, .negative.\$my > * { margin-block: calc(var(--sf-margin) * -1) } -.negative.my\:a, .negative.\$my\:a > * { margin-block: auto } -.negative.my\:0, .negative.\$my\:0 > * { margin-block: 0 } -.negative.my\:1, .negative.\$my\:1 > * { margin-block: calc(var(--sf-margin-1) * -1) } -.negative.my\:2, .negative.\$my\:2 > * { margin-block: calc(var(--sf-margin-2) * -1) } -.negative.my\:3, .negative.\$my\:3 > * { margin-block: calc(var(--sf-margin-3) * -1) } -.negative.my\:4, .negative.\$my\:4 > * { margin-block: calc(var(--sf-margin-4) * -1) } -.negative.my\:5, .negative.\$my\:5 > * { margin-block: calc(var(--sf-margin-5) * -1) } -.negative.my\:6, .negative.\$my\:6 > * { margin-block: calc(var(--sf-margin-6) * -1) } +.my\:xs, .\$my\:xs > * { margin-block: var(--sf-margin-xs) } +.my\:md, .\$my\:md > * { margin-block: var(--sf-margin-md) } +.my\:lg, .\$my\:lg > * { margin-block: var(--sf-margin-lg) } +.my\:xl, .\$my\:xl > * { margin-block: var(--sf-margin-xl) } + +.m\:n, .\$m\:n > * { margin: calc(var(--sf-margin) * -1) } +.m\:n\:xs, .\$m\:n\:xs > * { margin: calc(var(--sf-margin-xs) * -1) } +.m\:n\:md, .\$m\:n\:md > * { margin: calc(var(--sf-margin-md) * -1) } +.m\:n\:lg, .\$m\:n\:lg > * { margin: calc(var(--sf-margin-lg) * -1) } +.m\:n\:xl, .\$m\:n\:xl > * { margin: calc(var(--sf-margin-xl) * -1) } + +.mt\:n, .\$mt\:n > * { margin-block-start: calc(var(--sf-margin) * -1) } +.mt\:n\:xs, .\$mt\:n\:xs > * { margin-block-start: calc(var(--sf-margin-xs) * -1) } +.mt\:n\:md, .\$mt\:n\:md > * { margin-block-start: calc(var(--sf-margin-md) * -1) } +.mt\:n\:lg, .\$mt\:n\:lg > * { margin-block-start: calc(var(--sf-margin-lg) * -1) } +.mt\:n\:xl, .\$mt\:n\:xl > * { margin-block-start: calc(var(--sf-margin-xl) * -1) } + +.mr\:n, .\$mr\:n > * { margin-inline-end: calc(var(--sf-margin) * -1) } +.mr\:n\:xs, .\$mr\:n\:xs > * { margin-inline-end: calc(var(--sf-margin-xs) * -1) } +.mr\:n\:md, .\$mr\:n\:md > * { margin-inline-end: calc(var(--sf-margin-md) * -1) } +.mr\:n\:lg, .\$mr\:n\:lg > * { margin-inline-end: calc(var(--sf-margin-lg) * -1) } +.mr\:n\:xl, .\$mr\:n\:xl > * { margin-inline-end: calc(var(--sf-margin-xl) * -1) } + +.mb\:n, .\$mb\:n > * { margin-block-end: calc(var(--sf-margin) * -1) } +.mb\:n\:xs, .\$mb\:n\:xs > * { margin-block-end: calc(var(--sf-margin-xs) * -1) } +.mb\:n\:md, .\$mb\:n\:md > * { margin-block-end: calc(var(--sf-margin-md) * -1) } +.mb\:n\:lg, .\$mb\:n\:lg > * { margin-block-end: calc(var(--sf-margin-lg) * -1) } +.mb\:n\:xl, .\$mb\:n\:xl > * { margin-block-end: calc(var(--sf-margin-xl) * -1) } + +.ml\:n, .\$ml\:n > * { margin-inline-start: calc(var(--sf-margin) * -1) } +.ml\:n\:xs, .\$ml\:n\:xs > * { margin-inline-start: calc(var(--sf-margin-xs) * -1) } +.ml\:n\:md, .\$ml\:n\:md > * { margin-inline-start: calc(var(--sf-margin-md) * -1) } +.ml\:n\:lg, .\$ml\:n\:lg > * { margin-inline-start: calc(var(--sf-margin-lg) * -1) } +.ml\:n\:xl, .\$ml\:n\:xl > * { margin-inline-start: calc(var(--sf-margin-xl) * -1) } + +.mx\:n, .\$mx\:n > * { margin-inline: calc(var(--sf-margin) * -1) } +.mx\:n\:xs, .\$mx\:n\:xs > * { margin-inline: calc(var(--sf-margin-xs) * -1) } +.mx\:n\:md, .\$mx\:n\:md > * { margin-inline: calc(var(--sf-margin-md) * -1) } +.mx\:n\:lg, .\$mx\:n\:lg > * { margin-inline: calc(var(--sf-margin-lg) * -1) } +.mx\:n\:xl, .\$mx\:n\:xl > * { margin-inline: calc(var(--sf-margin-xl) * -1) } + +.my\:n, .\$my\:n > * { margin-block: calc(var(--sf-margin) * -1) } +.my\:n\:xs, .\$my\:n\:xs > * { margin-block: calc(var(--sf-margin-xs) * -1) } +.my\:n\:md, .\$my\:n\:md > * { margin-block: calc(var(--sf-margin-md) * -1) } +.my\:n\:lg, .\$my\:n\:lg > * { margin-block: calc(var(--sf-margin-lg) * -1) } +.my\:n\:xl, .\$my\:n\:xl > * { margin-block: calc(var(--sf-margin-xl) * -1) } /* /// */ -html.var .m, html.var .\$m > * { margin: 1em } - +html.var .m, html.var .\$m > * { margin: 0.5em } html.var .m\:a, html.var .\$m\:a > * { margin: auto } html.var .m\:0, html.var .\$m\:0 > * { margin: 0 } -html.var .m\:1, html.var .\$m\:1 > * { margin: 0.25em } -html.var .m\:2, html.var .\$m\:2 > * { margin: 0.5em } -html.var .m\:3, html.var .\$m\:3 > * { margin: 0.75em } -html.var .m\:4, html.var .\$m\:4 > * { margin: 1.25em } -html.var .m\:5, html.var .\$m\:5 > * { margin: 1.5em } -html.var .m\:6, html.var .\$m\:6 > * { margin: 2em } - -html.var .mt, html.var .\$mt > * { margin-block-start: 1em } +html.var .m\:xs, html.var .\$m\:xs > * { margin: 0.25em } +html.var .m\:md, html.var .\$m\:md > * { margin: 1em } +html.var .m\:lg, html.var .\$m\:lg > * { margin: 1.5em } +html.var .m\:xl, html.var .\$m\:xl > * { margin: 2em } + +html.var .mt, html.var .\$mt > * { margin-block-start: 0.5em } html.var .mt\:a, html.var .\$mt\:a > * { margin-block-start: auto } html.var .mt\:0, html.var .\$mt\:0 > * { margin-block-start: 0 } -html.var .mt\:1, html.var .\$mt\:1 > * { margin-block-start: 0.25em } -html.var .mt\:2, html.var .\$mt\:2 > * { margin-block-start: 0.5em } -html.var .mt\:3, html.var .\$mt\:3 > * { margin-block-start: 0.75em } -html.var .mt\:4, html.var .\$mt\:4 > * { margin-block-start: 1.25em } -html.var .mt\:5, html.var .\$mt\:5 > * { margin-block-start: 1.5em } -html.var .mt\:6, html.var .\$mt\:6 > * { margin-block-start: 2em } - -html.var .mr, html.var .\$mr > * { margin-inline-end: 1em } +html.var .mt\:xs, html.var .\$mt\:xs > * { margin-block-start: 0.25em } +html.var .mt\:md, html.var .\$mt\:md > * { margin-block-start: 1em } +html.var .mt\:lg, html.var .\$mt\:lg > * { margin-block-start: 1.5em } +html.var .mt\:xl, html.var .\$mt\:xl > * { margin-block-start: 2em } + +html.var .mr, html.var .\$mr > * { margin-inline-end: 0.5em } html.var .mr\:a, html.var .\$mr\:a > * { margin-inline-end: auto } html.var .mr\:0, html.var .\$mr\:0 > * { margin-inline-end: 0 } -html.var .mr\:1, html.var .\$mr\:1 > * { margin-inline-end: 0.25em } -html.var .mr\:2, html.var .\$mr\:2 > * { margin-inline-end: 0.5em } -html.var .mr\:3, html.var .\$mr\:3 > * { margin-inline-end: 0.75em } -html.var .mr\:4, html.var .\$mr\:4 > * { margin-inline-end: 1.25em } -html.var .mr\:5, html.var .\$mr\:5 > * { margin-inline-end: 1.5em } -html.var .mr\:6, html.var .\$mr\:6 > * { margin-inline-end: 2em } - -html.var .mb, html.var .\$mb > * { margin-block-end: 1em } +html.var .mr\:xs, html.var .\$mr\:xs > * { margin-inline-end: 0.25em } +html.var .mr\:md, html.var .\$mr\:md > * { margin-inline-end: 1em } +html.var .mr\:lg, html.var .\$mr\:lg > * { margin-inline-end: 1.5em } +html.var .mr\:xl, html.var .\$mr\:xl > * { margin-inline-end: 2em } + +html.var .mb, html.var .\$mb > * { margin-block-end: 0.5em } html.var .mb\:a, html.var .\$mb\:a > * { margin-block-end: auto } html.var .mb\:0, html.var .\$mb\:0 > * { margin-block-end: 0 } -html.var .mb\:1, html.var .\$mb\:1 > * { margin-block-end: 0.25em } -html.var .mb\:2, html.var .\$mb\:2 > * { margin-block-end: 0.5em } -html.var .mb\:3, html.var .\$mb\:3 > * { margin-block-end: 0.75em } -html.var .mb\:4, html.var .\$mb\:4 > * { margin-block-end: 1.25em } -html.var .mb\:5, html.var .\$mb\:5 > * { margin-block-end: 1.5em } -html.var .mb\:6, html.var .\$mb\:6 > * { margin-block-end: 2em } - -html.var .ml, html.var .\$ml > * { margin-inline-start: 1em } +html.var .mb\:xs, html.var .\$mb\:xs > * { margin-block-end: 0.25em } +html.var .mb\:md, html.var .\$mb\:md > * { margin-block-end: 1em } +html.var .mb\:lg, html.var .\$mb\:lg > * { margin-block-end: 1.5em } +html.var .mb\:xl, html.var .\$mb\:xl > * { margin-block-end: 2em } + +html.var .ml, html.var .\$ml > * { margin-inline-start: 0.5em } html.var .ml\:a, html.var .\$ml\:a > * { margin-inline-start: auto } html.var .ml\:0, html.var .\$ml\:0 > * { margin-inline-start: 0 } -html.var .ml\:1, html.var .\$ml\:1 > * { margin-inline-start: 0.25em } -html.var .ml\:2, html.var .\$ml\:2 > * { margin-inline-start: 0.5em } -html.var .ml\:3, html.var .\$ml\:3 > * { margin-inline-start: 0.75em } -html.var .ml\:4, html.var .\$ml\:4 > * { margin-inline-start: 1.25em } -html.var .ml\:5, html.var .\$ml\:5 > * { margin-inline-start: 1.5em } -html.var .ml\:6, html.var .\$ml\:6 > * { margin-inline-start: 2em } - -html.var .mx, html.var .\$mx > * { margin-inline: 1em } +html.var .ml\:xs, html.var .\$ml\:xs > * { margin-inline-start: 0.25em } +html.var .ml\:md, html.var .\$ml\:md > * { margin-inline-start: 1em } +html.var .ml\:lg, html.var .\$ml\:lg > * { margin-inline-start: 1.5em } +html.var .ml\:xl, html.var .\$ml\:xl > * { margin-inline-start: 2em } + +html.var .mx, html.var .\$mx > * { margin-inline: 0.5em } html.var .mx\:a, html.var .\$mx\:a > * { margin-inline: auto } html.var .mx\:0, html.var .\$mx\:0 > * { margin-inline: 0 } -html.var .mx\:1, html.var .\$mx\:1 > * { margin-inline: 0.25em } -html.var .mx\:2, html.var .\$mx\:2 > * { margin-inline: 0.5em } -html.var .mx\:3, html.var .\$mx\:3 > * { margin-inline: 0.75em } -html.var .mx\:4, html.var .\$mx\:4 > * { margin-inline: 1.25em } -html.var .mx\:5, html.var .\$mx\:5 > * { margin-inline: 1.5em } -html.var .mx\:6, html.var .\$mx\:6 > * { margin-inline: 2em } - -html.var .my, html.var .\$my > * { margin-block: 1em } +html.var .mx\:xs, html.var .\$mx\:xs > * { margin-inline: 0.25em } +html.var .mx\:md, html.var .\$mx\:md > * { margin-inline: 1em } +html.var .mx\:lg, html.var .\$mx\:lg > * { margin-inline: 1.5em } +html.var .mx\:xl, html.var .\$mx\:xl > * { margin-inline: 2em } + +html.var .my, html.var .\$my > * { margin-block: 0.5em } html.var .my\:a, html.var .\$my\:a > * { margin-block: auto } html.var .my\:0, html.var .\$my\:0 > * { margin-block: 0 } -html.var .my\:1, html.var .\$my\:1 > * { margin-block: 0.25em } -html.var .my\:2, html.var .\$my\:2 > * { margin-block: 0.5em } -html.var .my\:3, html.var .\$my\:3 > * { margin-block: 0.75em } -html.var .my\:4, html.var .\$my\:4 > * { margin-block: 1.25em } -html.var .my\:5, html.var .\$my\:5 > * { margin-block: 1.5em } -html.var .my\:6, html.var .\$my\:6 > * { margin-block: 2em } - -html.var .negative.m, html.var .negative.\$m > * { margin: -1em } -html.var .negative.m\:1, html.var .negative.\$m\:1 > * { margin: -0.25em } -html.var .negative.m\:2, html.var .negative.\$m\:2 > * { margin: -0.5em } -html.var .negative.m\:3, html.var .negative.\$m\:3 > * { margin: -0.75em } -html.var .negative.m\:4, html.var .negative.\$m\:4 > * { margin: -1.25em } -html.var .negative.m\:5, html.var .negative.\$m\:5 > * { margin: -1.5em } -html.var .negative.m\:6, html.var .negative.\$m\:6 > * { margin: -2em } - -html.var .negative.mt, html.var .negative.\$mt > * { margin-block-start: -1em } -html.var .negative.mt\:a, html.var .negative.\$mt\:a > * { margin-block-start: auto } -html.var .negative.mt\:0, html.var .negative.\$mt\:0 > * { margin-block-start: 0 } -html.var .negative.mt\:1, html.var .negative.\$mt\:1 > * { margin-block-start: -0.25em } -html.var .negative.mt\:2, html.var .negative.\$mt\:2 > * { margin-block-start: -0.5em } -html.var .negative.mt\:3, html.var .negative.\$mt\:3 > * { margin-block-start: -0.75em } -html.var .negative.mt\:4, html.var .negative.\$mt\:4 > * { margin-block-start: -1.25em } -html.var .negative.mt\:5, html.var .negative.\$mt\:5 > * { margin-block-start: -1.5em } -html.var .negative.mt\:6, html.var .negative.\$mt\:6 > * { margin-block-start: -2em } - -html.var .negative.mr, html.var .negative.\$mr > * { margin-inline-end: -1em } -html.var .negative.mr\:a, html.var .negative.\$mr\:a > * { margin-inline-end: auto } -html.var .negative.mr\:0, html.var .negative.\$mr\:0 > * { margin-inline-end: 0 } -html.var .negative.mr\:1, html.var .negative.\$mr\:1 > * { margin-inline-end: -0.25em } -html.var .negative.mr\:2, html.var .negative.\$mr\:2 > * { margin-inline-end: -0.5em } -html.var .negative.mr\:3, html.var .negative.\$mr\:3 > * { margin-inline-end: -0.75em } -html.var .negative.mr\:4, html.var .negative.\$mr\:4 > * { margin-inline-end: -1.25em } -html.var .negative.mr\:5, html.var .negative.\$mr\:5 > * { margin-inline-end: -1.5em } -html.var .negative.mr\:6, html.var .negative.\$mr\:6 > * { margin-inline-end: -2em } - -html.var .negative.mb, html.var .negative.\$mb > * { margin-block-end: -1em } -html.var .negative.mb\:a, html.var .negative.\$mb\:a > * { margin-block-end: auto } -html.var .negative.mb\:0, html.var .negative.\$mb\:0 > * { margin-block-end: 0 } -html.var .negative.mb\:1, html.var .negative.\$mb\:1 > * { margin-block-end: -0.25em } -html.var .negative.mb\:2, html.var .negative.\$mb\:2 > * { margin-block-end: -0.5em } -html.var .negative.mb\:3, html.var .negative.\$mb\:3 > * { margin-block-end: -0.75em } -html.var .negative.mb\:4, html.var .negative.\$mb\:4 > * { margin-block-end: -1.25em } -html.var .negative.mb\:5, html.var .negative.\$mb\:5 > * { margin-block-end: -1.5em } -html.var .negative.mb\:6, html.var .negative.\$mb\:6 > * { margin-block-end: -2em } - -html.var .negative.ml, html.var .negative.\$ml > * { margin-inline-start: -1em } -html.var .negative.ml\:a, html.var .negative.\$ml\:a > * { margin-inline-start: auto } -html.var .negative.ml\:0, html.var .negative.\$ml\:0 > * { margin-inline-start: 0 } -html.var .negative.ml\:1, html.var .negative.\$ml\:1 > * { margin-inline-start: -0.25em } -html.var .negative.ml\:2, html.var .negative.\$ml\:2 > * { margin-inline-start: -0.5em } -html.var .negative.ml\:3, html.var .negative.\$ml\:3 > * { margin-inline-start: -0.75em } -html.var .negative.ml\:4, html.var .negative.\$ml\:4 > * { margin-inline-start: -1.25em } -html.var .negative.ml\:5, html.var .negative.\$ml\:5 > * { margin-inline-start: -1.5em } -html.var .negative.ml\:6, html.var .negative.\$ml\:6 > * { margin-inline-start: -2em } - -html.var .negative.mx, html.var .negative.\$mx > * { margin-inline: -1em } -html.var .negative.mx\:a, html.var .negative.\$mx\:a > * { margin-inline: auto } -html.var .negative.mx\:0, html.var .negative.\$mx\:0 > * { margin-inline: 0 } -html.var .negative.mx\:1, html.var .negative.\$mx\:1 > * { margin-inline: -0.25em } -html.var .negative.mx\:2, html.var .negative.\$mx\:2 > * { margin-inline: -0.5em } -html.var .negative.mx\:3, html.var .negative.\$mx\:3 > * { margin-inline: -0.75em } -html.var .negative.mx\:4, html.var .negative.\$mx\:4 > * { margin-inline: -1.25em } -html.var .negative.mx\:5, html.var .negative.\$mx\:5 > * { margin-inline: -1.5em } -html.var .negative.mx\:6, html.var .negative.\$mx\:6 > * { margin-inline: -2em } - -html.var .negative.my, html.var .negative.\$my > * { margin-block: -1em } -html.var .negative.my\:a, html.var .negative.\$my\:a > * { margin-block: auto } -html.var .negative.my\:0, html.var .negative.\$my\:0 > * { margin-block: 0 } -html.var .negative.my\:1, html.var .negative.\$my\:1 > * { margin-block: -0.25em } -html.var .negative.my\:2, html.var .negative.\$my\:2 > * { margin-block: -0.5em } -html.var .negative.my\:3, html.var .negative.\$my\:3 > * { margin-block: -0.75em } -html.var .negative.my\:4, html.var .negative.\$my\:4 > * { margin-block: -1.25em } -html.var .negative.my\:5, html.var .negative.\$my\:5 > * { margin-block: -1.5em } -html.var .negative.my\:6, html.var .negative.\$my\:6 > * { margin-block: -2em } - -html.mpb .mt, html.mpb .\$mt > * { margin-top: 1em } -html.mpb .mt\:a, html.mpb .\$mt\:a > * { margin-top: auto } +html.var .my\:xs, html.var .\$my\:xs > * { margin-block: 0.25em } +html.var .my\:md, html.var .\$my\:md > * { margin-block: 1em } +html.var .my\:lg, html.var .\$my\:lg > * { margin-block: 1.5em } +html.var .my\:xl, html.var .\$my\:xl > * { margin-block: 2em } + +html.var .m\:n, html.var .\$m\:n > * { margin: -0.5em } +html.var .m\:n\:xs, html.var .\$m\:n\:xs > * { margin: -0.25em } +html.var .m\:n\:md, html.var .\$m\:n\:md > * { margin: -1em } +html.var .m\:n\:lg, html.var .\$m\:n\:lg > * { margin: -1.5em } +html.var .m\:n\:xl, html.var .\$m\:n\:xl > * { margin: -2em } + +html.var .mt\:n, html.var .\$mt\:n > * { margin-block-start: -0.5em } +html.var .mt\:n\:xs, html.var .\$mt\:n\:xs > * { margin-block-start: -0.25em } +html.var .mt\:n\:md, html.var .\$mt\:n\:md > * { margin-block-start: -1em } +html.var .mt\:n\:lg, html.var .\$mt\:n\:lg > * { margin-block-start: -1.5em } +html.var .mt\:n\:xl, html.var .\$mt\:n\:xl > * { margin-block-start: -2em } + +html.var .mr\:n, html.var .\$mr\:n > * { margin-inline-end: -0.5em } +html.var .mr\:n\:xs, html.var .\$mr\:n\:xs > * { margin-inline-end: -0.25em } +html.var .mr\:n\:md, html.var .\$mr\:n\:md > * { margin-inline-end: -1em } +html.var .mr\:n\:lg, html.var .\$mr\:n\:lg > * { margin-inline-end: -1.5em } +html.var .mr\:n\:xl, html.var .\$mr\:n\:xl > * { margin-inline-end: -2em } + +html.var .mb\:n, html.var .\$mb\:n > * { margin-block-end: -0.5em } +html.var .mb\:n\:xs, html.var .\$mb\:n\:xs > * { margin-block-end: -0.25em } +html.var .mb\:n\:md, html.var .\$mb\:n\:md > * { margin-block-end: -1em } +html.var .mb\:n\:lg, html.var .\$mb\:n\:lg > * { margin-block-end: -1.5em } +html.var .mb\:n\:xl, html.var .\$mb\:n\:xl > * { margin-block-end: -2em } + +html.var .ml\:n, html.var .\$ml\:n > * { margin-inline-start: -0.5em } +html.var .ml\:n\:xs, html.var .\$ml\:n\:xs > * { margin-inline-start: -0.25em } +html.var .ml\:n\:md, html.var .\$ml\:n\:md > * { margin-inline-start: -1em } +html.var .ml\:n\:lg, html.var .\$ml\:n\:lg > * { margin-inline-start: -1.5em } +html.var .ml\:n\:xl, html.var .\$ml\:n\:xl > * { margin-inline-start: -2em } + +html.var .mx\:n, html.var .\$mx\:n > * { margin-inline: -0.5em } +html.var .mx\:n\:xs, html.var .\$mx\:n\:xs > * { margin-inline: -0.25em } +html.var .mx\:n\:md, html.var .\$mx\:n\:md > * { margin-inline: -1em } +html.var .mx\:n\:lg, html.var .\$mx\:n\:lg > * { margin-inline: -1.5em } +html.var .mx\:n\:xl, html.var .\$mx\:n\:xl > * { margin-inline: -2em } + +html.var .my\:n, html.var .\$my\:n > * { margin-block: -0.5em } +html.var .my\:n\:xs, html.var .\$my\:n\:xs > * { margin-block: -0.25em } +html.var .my\:n\:md, html.var .\$my\:n\:md > * { margin-block: -1em } +html.var .my\:n\:lg, html.var .\$my\:n\:lg > * { margin-block: -1.5em } +html.var .my\:n\:xl, html.var .\$my\:n\:xl > * { margin-block: -2em } + +html.mpb .mt, html.mpb .\$mt > * { margin-top: 0.5em } html.mpb .mt\:0, html.mpb .\$mt\:0 > * { margin-top: 0 } -html.mpb .mt\:1, html.mpb .\$mt\:1 > * { margin-top: 0.25em } -html.mpb .mt\:2, html.mpb .\$mt\:2 > * { margin-top: 0.5em } -html.mpb .mt\:3, html.mpb .\$mt\:3 > * { margin-top: 0.75em } -html.mpb .mt\:4, html.mpb .\$mt\:4 > * { margin-top: 1.25em } -html.mpb .mt\:5, html.mpb .\$mt\:5 > * { margin-top: 1.5em } -html.mpb .mt\:6, html.mpb .\$mt\:6 > * { margin-top: 2em } - -html.mpb .mr, html.mpb .\$mr > * { margin-right: 1em } -html.mpb .mr\:a, html.mpb .\$mr\:a > * { margin-right: auto } +html.mpb .mt\:a, html.mpb .\$mt\:a > * { margin-top: auto } +html.mpb .mt\:xs, html.mpb .\$mt\:xs > * { margin-top: 0.25em } +html.mpb .mt\:md, html.mpb .\$mt\:md > * { margin-top: 1em } +html.mpb .mt\:lg, html.mpb .\$mt\:lg > * { margin-top: 1.5em } +html.mpb .mt\:xl, html.mpb .\$mt\:xl > * { margin-top: 2em } + +html.mpb .mr, html.mpb .\$mr > * { margin-right: 0.5em } html.mpb .mr\:0, html.mpb .\$mr\:0 > * { margin-right: 0 } -html.mpb .mr\:1, html.mpb .\$mr\:1 > * { margin-right: 0.25em } -html.mpb .mr\:2, html.mpb .\$mr\:2 > * { margin-right: 0.5em } -html.mpb .mr\:3, html.mpb .\$mr\:3 > * { margin-right: 0.75em } -html.mpb .mr\:4, html.mpb .\$mr\:4 > * { margin-right: 1.25em } -html.mpb .mr\:5, html.mpb .\$mr\:5 > * { margin-right: 1.5em } -html.mpb .mr\:6, html.mpb .\$mr\:6 > * { margin-right: 2em } - -html.mpb .mb, html.mpb .\$mb > * { margin-bottom: 1em } -html.mpb .mb\:a, html.mpb .\$mb\:a > * { margin-bottom: auto } +html.mpb .mr\:a, html.mpb .\$mr\:a > * { margin-right: auto } +html.mpb .mr\:xs, html.mpb .\$mr\:xs > * { margin-right: 0.25em } +html.mpb .mr\:md, html.mpb .\$mr\:md > * { margin-right: 1em } +html.mpb .mr\:lg, html.mpb .\$mr\:lg > * { margin-right: 1.5em } +html.mpb .mr\:xl, html.mpb .\$mr\:xl > * { margin-right: 2em } + +html.mpb .mb, html.mpb .\$mb > * { margin-bottom: 0.5em } html.mpb .mb\:0, html.mpb .\$mb\:0 > * { margin-bottom: 0 } -html.mpb .mb\:1, html.mpb .\$mb\:1 > * { margin-bottom: 0.25em } -html.mpb .mb\:2, html.mpb .\$mb\:2 > * { margin-bottom: 0.5em } -html.mpb .mb\:3, html.mpb .\$mb\:3 > * { margin-bottom: 0.75em } -html.mpb .mb\:4, html.mpb .\$mb\:4 > * { margin-bottom: 1.25em } -html.mpb .mb\:5, html.mpb .\$mb\:5 > * { margin-bottom: 1.5em } -html.mpb .mb\:6, html.mpb .\$mb\:6 > * { margin-bottom: 2em } - -html.mpb .ml, html.mpb .\$ml > * { margin-left: 1em } -html.mpb .ml\:a, html.mpb .\$ml\:a > * { margin-left: auto } +html.mpb .mb\:a, html.mpb .\$mb\:a > * { margin-bottom: auto } +html.mpb .mb\:xs, html.mpb .\$mb\:xs > * { margin-bottom: 0.25em } +html.mpb .mb\:md, html.mpb .\$mb\:md > * { margin-bottom: 1em } +html.mpb .mb\:lg, html.mpb .\$mb\:lg > * { margin-bottom: 1.5em } +html.mpb .mb\:xl, html.mpb .\$mb\:xl > * { margin-bottom: 2em } + +html.mpb .ml, html.mpb .\$ml > * { margin-left: 0.5em } html.mpb .ml\:0, html.mpb .\$ml\:0 > * { margin-left: 0 } -html.mpb .ml\:1, html.mpb .\$ml\:1 > * { margin-left: 0.25em } -html.mpb .ml\:2, html.mpb .\$ml\:2 > * { margin-left: 0.5em } -html.mpb .ml\:3, html.mpb .\$ml\:3 > * { margin-left: 0.75em } -html.mpb .ml\:4, html.mpb .\$ml\:4 > * { margin-left: 1.25em } -html.mpb .ml\:5, html.mpb .\$ml\:5 > * { margin-left: 1.5em } -html.mpb .ml\:6, html.mpb .\$ml\:6 > * { margin-left: 2em } - -html.mpb .mx, html.mpb .\$mx > * { margin-left: 1em; margin-right: 1em } -html.mpb .mx\:a, html.mpb .\$mx\:a > * { margin-left: auto; margin-right: auto } +html.mpb .ml\:a, html.mpb .\$ml\:a > * { margin-left: auto } +html.mpb .ml\:xs, html.mpb .\$ml\:xs > * { margin-left: 0.25em } +html.mpb .ml\:md, html.mpb .\$ml\:md > * { margin-left: 1em } +html.mpb .ml\:lg, html.mpb .\$ml\:lg > * { margin-left: 1.5em } +html.mpb .ml\:xl, html.mpb .\$ml\:xl > * { margin-left: 2em } + +html.mpb .mx, html.mpb .\$mx > * { margin-left: 0.5em; margin-right: 0.5em } html.mpb .mx\:0, html.mpb .\$mx\:0 > * { margin-left: 0; margin-right: 0 } -html.mpb .mx\:1, html.mpb .\$mx\:1 > * { margin-left: 0.25em; margin-right: 0.25em } -html.mpb .mx\:2, html.mpb .\$mx\:2 > * { margin-left: 0.5em; margin-right: 0.5em } -html.mpb .mx\:3, html.mpb .\$mx\:3 > * { margin-left: 0.75em; margin-right: 0.75em } -html.mpb .mx\:4, html.mpb .\$mx\:4 > * { margin-left: 1.25em; margin-right: 1.25em } -html.mpb .mx\:5, html.mpb .\$mx\:5 > * { margin-left: 1.5em; margin-right: 1.5em } -html.mpb .mx\:6, html.mpb .\$mx\:6 > * { margin-left: 2em; margin-right: 2em } +html.mpb .mx\:a, html.mpb .\$mx\:a > * { margin-left: auto; margin-right: auto } +html.mpb .mx\:xs, html.mpb .\$mx\:xs > * { margin-left: 0.25em; margin-right: 0.25em } +html.mpb .mx\:md, html.mpb .\$mx\:md > * { margin-left: 1em; margin-right: 1em } +html.mpb .mx\:lg, html.mpb .\$mx\:lg > * { margin-left: 1.5em; margin-right: 1.5em } +html.mpb .mx\:xl, html.mpb .\$mx\:xl > * { margin-left: 2em; margin-right: 2em } html.mpb .my, html.mpb .\$my > * { margin-top: 1em; margin-bottom: 1em } -html.mpb .my\:a, html.mpb .\$my\:a > * { margin-top: auto; margin-bottom: auto } html.mpb .my\:0, html.mpb .\$my\:0 > * { margin-top: 0; margin-bottom: 0 } -html.mpb .my\:1, html.mpb .\$my\:1 > * { margin-top: 0.25em; margin-bottom: 0.25em } -html.mpb .my\:2, html.mpb .\$my\:2 > * { margin-top: 0.5em; margin-bottom: 0.5em } -html.mpb .my\:3, html.mpb .\$my\:3 > * { margin-top: 0.75em; margin-bottom: 0.75em } -html.mpb .my\:4, html.mpb .\$my\:4 > * { margin-top: 1.25em; margin-bottom: 1.25em } -html.mpb .my\:5, html.mpb .\$my\:5 > * { margin-top: 1.5em; margin-bottom: 1.5em } -html.mpb .my\:6, html.mpb .\$my\:6 > * { margin-top: 2em; margin-bottom: 2em } - -html.mpb .negative.mt, html.mpb .negative.\$mt > * { margin-left: -1em } -html.mpb .negative.mt\:a, html.mpb .negative.\$mt\:a > * { margin-top: auto } -html.mpb .negative.mt\:0, html.mpb .negative.\$mt\:0 > * { margin-top: 0 } -html.mpb .negative.mt\:1, html.mpb .negative.\$mt\:1 > * { margin-top: -0.25em } -html.mpb .negative.mt\:2, html.mpb .negative.\$mt\:2 > * { margin-top: -0.5em } -html.mpb .negative.mt\:3, html.mpb .negative.\$mt\:3 > * { margin-top: -0.75em } -html.mpb .negative.mt\:4, html.mpb .negative.\$mt\:4 > * { margin-top: -1.25em } -html.mpb .negative.mt\:5, html.mpb .negative.\$mt\:5 > * { margin-top: -1.5em } -html.mpb .negative.mt\:6, html.mpb .negative.\$mt\:6 > * { margin-top: -2em } - -html.mpb .negative.mr, html.mpb .negative.\$mr > * { margin-left: -1em } -html.mpb .negative.mr\:a, html.mpb .negative.\$mr\:a > * { margin-right: auto } -html.mpb .negative.mr\:0, html.mpb .negative.\$mr\:0 > * { margin-right: 0 } -html.mpb .negative.mr\:1, html.mpb .negative.\$mr\:1 > * { margin-right: -0.25em } -html.mpb .negative.mr\:2, html.mpb .negative.\$mr\:2 > * { margin-right: -0.5em } -html.mpb .negative.mr\:3, html.mpb .negative.\$mr\:3 > * { margin-right: -0.75em } -html.mpb .negative.mr\:4, html.mpb .negative.\$mr\:4 > * { margin-right: -1.25em } -html.mpb .negative.mr\:5, html.mpb .negative.\$mr\:5 > * { margin-right: -1.5em } -html.mpb .negative.mr\:6, html.mpb .negative.\$mr\:6 > * { margin-right: -2em } - -html.mpb .negative.mb, html.mpb .negative.\$mb > * { margin-left: -1em } -html.mpb .negative.mb\:a, html.mpb .negative.\$mb\:a > * { margin-bottom: auto } -html.mpb .negative.mb\:0, html.mpb .negative.\$mb\:0 > * { margin-bottom: 0 } -html.mpb .negative.mb\:1, html.mpb .negative.\$mb\:1 > * { margin-bottom: -0.25em } -html.mpb .negative.mb\:2, html.mpb .negative.\$mb\:2 > * { margin-bottom: -0.5em } -html.mpb .negative.mb\:3, html.mpb .negative.\$mb\:3 > * { margin-bottom: -0.75em } -html.mpb .negative.mb\:4, html.mpb .negative.\$mb\:4 > * { margin-bottom: -1.25em } -html.mpb .negative.mb\:5, html.mpb .negative.\$mb\:5 > * { margin-bottom: -1.5em } -html.mpb .negative.mb\:6, html.mpb .negative.\$mb\:6 > * { margin-bottom: -2em } - -html.mpb .negative.ml, html.mpb .negative.\$ml > * { margin-left: -1em } -html.mpb .negative.ml\:a, html.mpb .negative.\$ml\:a > * { margin-left: auto } -html.mpb .negative.ml\:0, html.mpb .negative.\$ml\:0 > * { margin-left: 0 } -html.mpb .negative.ml\:1, html.mpb .negative.\$ml\:1 > * { margin-left: -0.25em } -html.mpb .negative.ml\:2, html.mpb .negative.\$ml\:2 > * { margin-left: -0.5em } -html.mpb .negative.ml\:3, html.mpb .negative.\$ml\:3 > * { margin-left: -0.75em } -html.mpb .negative.ml\:4, html.mpb .negative.\$ml\:4 > * { margin-left: -1.25em } -html.mpb .negative.ml\:5, html.mpb .negative.\$ml\:5 > * { margin-left: -1.5em } -html.mpb .negative.ml\:6, html.mpb .negative.\$ml\:6 > * { margin-left: -2em } - -html.mpb .negative.mx, html.mpb .negative.\$mx > * { margin-left: -1em; margin-right: -1em } -html.mpb .negative.mx\:a, html.mpb .negative.\$mx\:a > * { margin-left: auto; margin-right: auto } -html.mpb .negative.mx\:0, html.mpb .negative.\$mx\:0 > * { margin-left: 0; margin-right: 0 } -html.mpb .negative.mx\:1, html.mpb .negative.\$mx\:1 > * { margin-left: -0.25em; margin-right: -0.25em } -html.mpb .negative.mx\:2, html.mpb .negative.\$mx\:2 > * { margin-left: -0.5em; margin-right: -0.5em } -html.mpb .negative.mx\:3, html.mpb .negative.\$mx\:3 > * { margin-left: -0.75em; margin-right: -0.75em } -html.mpb .negative.mx\:4, html.mpb .negative.\$mx\:4 > * { margin-left: -1.25em; margin-right: -1.25em } -html.mpb .negative.mx\:5, html.mpb .negative.\$mx\:5 > * { margin-left: -1.5em; margin-right: -1.5em } -html.mpb .negative.mx\:6, html.mpb .negative.\$mx\:6 > * { margin-left: -2em; margin-right: -2em } - -html.mpb .negative.my, html.mpb .negative.\$my > * { margin-top: -1em; margin-bottom: -1em } -html.mpb .negative.my\:a, html.mpb .negative.\$my\:a > * { margin-top: auto; margin-bottom: auto } -html.mpb .negative.my\:0, html.mpb .negative.\$my\:0 > * { margin-top: 0; margin-bottom: 0 } -html.mpb .negative.my\:1, html.mpb .negative.\$my\:1 > * { margin-top: -0.25em; margin-bottom: -0.25em } -html.mpb .negative.my\:2, html.mpb .negative.\$my\:2 > * { margin-top: -0.5em; margin-bottom: -0.5em } -html.mpb .negative.my\:3, html.mpb .negative.\$my\:3 > * { margin-top: -0.75em; margin-bottom: -0.75em } -html.mpb .negative.my\:4, html.mpb .negative.\$my\:4 > * { margin-top: -1.25em; margin-bottom: -1.25em } -html.mpb .negative.my\:5, html.mpb .negative.\$my\:5 > * { margin-top: -1.5em; margin-bottom: -1.5em } -html.mpb .negative.my\:6, html.mpb .negative.\$my\:6 > * { margin-top: -2em; margin-bottom: -2em } +html.mpb .my\:a, html.mpb .\$my\:a > * { margin-top: auto; margin-bottom: auto } +html.mpb .my\:xs, html.mpb .\$my\:xs > * { margin-top: 0.25em; margin-bottom: 0.25em } +html.mpb .my\:md, html.mpb .\$my\:md > * { margin-top: 1em; margin-bottom: 1em } +html.mpb .my\:lg, html.mpb .\$my\:lg > * { margin-top: 1.5em; margin-bottom: 1.5em } +html.mpb .my\:xl, html.mpb .\$my\:xl > * { margin-top: 2em; margin-bottom: 2em } + +html.mpb .mt\:n, html.mpb .\$mt\:n > * { margin-left: -0.5em } +html.mpb .mt\:n\:xs, html.mpb .\$mt\:n\:xs > * { margin-top: -0.25em } +html.mpb .mt\:n\:md, html.mpb .\$mt\:n\:md > * { margin-top: -1em } +html.mpb .mt\:n\:lg, html.mpb .\$mt\:n\:lg > * { margin-top: -1.5em } +html.mpb .mt\:n\:xl, html.mpb .\$mt\:n\:xl > * { margin-top: -2em } + +html.mpb .mr\:n, html.mpb .\$mr\:n > * { margin-left: -0.5em } +html.mpb .mr\:n\:xs, html.mpb .\$mr\:n\:xs > * { margin-right: -0.25em } +html.mpb .mr\:n\:md, html.mpb .\$mr\:n\:md > * { margin-right: -1em } +html.mpb .mr\:n\:lg, html.mpb .\$mr\:n\:lg > * { margin-right: -1.5em } +html.mpb .mr\:n\:xl, html.mpb .\$mr\:n\:xl > * { margin-right: -2em } + +html.mpb .mb\:n, html.mpb .\$mb\:n > * { margin-left: -0.5em } +html.mpb .mb\:n\:xs, html.mpb .\$mb\:n\:xs > * { margin-bottom: -0.25em } +html.mpb .mb\:n\:md, html.mpb .\$mb\:n\:md > * { margin-bottom: -1em } +html.mpb .mb\:n\:lg, html.mpb .\$mb\:n\:lg > * { margin-bottom: -1.5em } +html.mpb .mb\:n\:xl, html.mpb .\$mb\:n\:xl > * { margin-bottom: -2em } + +html.mpb .ml\:n, html.mpb .\$ml\:n > * { margin-left: -0.5em } +html.mpb .ml\:n\:xs, html.mpb .\$ml\:n\:xs > * { margin-left: -0.25em } +html.mpb .ml\:n\:md, html.mpb .\$ml\:n\:md > * { margin-left: -1em } +html.mpb .ml\:n\:lg, html.mpb .\$ml\:n\:lg > * { margin-left: -1.5em } +html.mpb .ml\:n\:xl, html.mpb .\$ml\:n\:xl > * { margin-left: -2em } + +html.mpb .mx\:n, html.mpb .\$mx\:n > * { margin-left: -0.5em; margin-right: -0.5em } +html.mpb .mx\:n\:xs, html.mpb .\$mx\:n\:xs > * { margin-left: -0.25em; margin-right: -0.25em } +html.mpb .mx\:n\:md, html.mpb .\$mx\:n\:md > * { margin-left: -1em; margin-right: -1em } +html.mpb .mx\:n\:lg, html.mpb .\$mx\:n\:lg > * { margin-left: -1.5em; margin-right: -1.5em } +html.mpb .mx\:n\:xl, html.mpb .\$mx\:n\:xl > * { margin-left: -2em; margin-right: -2em } + +html.mpb .my\:n, html.mpb .\$my\:n > * { margin-top: -0.5em; margin-bottom: -0.5em } +html.mpb .my\:n\:xs, html.mpb .\$my\:n\:xs > * { margin-top: -0.25em; margin-bottom: -0.25em } +html.mpb .my\:n\:md, html.mpb .\$my\:n\:md > * { margin-top: -1em; margin-bottom: -1em } +html.mpb .my\:n\:lg, html.mpb .\$my\:n\:lg > * { margin-top: -1.5em; margin-bottom: -1.5em } +html.mpb .my\:n\:xl, html.mpb .\$my\:n\:xl > * { margin-top: -2em; margin-bottom: -2em } diff --git a/src/mix-blend-mode.css b/src/mix-blend-mode.css new file mode 100644 index 0000000..431dec5 --- /dev/null +++ b/src/mix-blend-mode.css @@ -0,0 +1,16 @@ +.mbm\:c { mix-blend-mode: color } +.mbm\:cb { mix-blend-mode: color-burn } +.mbm\:cd { mix-blend-mode: color-dodge } +.mbm\:dk { mix-blend-mode: darken } +.mbm\:df { mix-blend-mode: difference } +.mbm\:ex { mix-blend-mode: exclusion } +.mbm\:hl { mix-blend-mode: hard-light } +.mbm\:h { mix-blend-mode: hue } +.mbm\:lt { mix-blend-mode: lighten } +.mbm\:lm { mix-blend-mode: luminosity } +.mbm\:m { mix-blend-mode: multiply } +.mbm\:n { mix-blend-mode: normal } +.mbm\:o { mix-blend-mode: overlay } +.mbm\:s { mix-blend-mode: saturation } +.mbm\:sc { mix-blend-mode: screen } +.mbm\:sl { mix-blend-mode: soft-light } diff --git a/src/op.css b/src/op.css index 3d7d6e5..1e2cf93 100644 --- a/src/op.css +++ b/src/op.css @@ -1,6 +1,6 @@ -.op { opacity: 0 } - +.op, .op\:0 { opacity: 0 } + .op\:1 { opacity: 0.01 } .op\:2 { opacity: 0.02 } .op\:3 { opacity: 0.03 } diff --git a/src/outline.css b/src/outline.css new file mode 100644 index 0000000..9298de0 --- /dev/null +++ b/src/outline.css @@ -0,0 +1,41 @@ +:root { + --sf-ol-w: 1px; +} + +.ol\:c\:i { outline-color: inherit } +.ol\:c\:ii { outline-color: initial } + +.ol\:st { outline-style: solid } +.ol\:st\:a { outline-style: auto } +.ol\:st\:n { outline-style: none } +.ol\:st\:do { outline-style: dotted } +.ol\:st\:da { outline-style: dashed } +.ol\:st\:dbl { outline-style: double } +.ol\:st\:g { outline-style: groove } +.ol\:st\:r { outline-style: ridge } +.ol\:st\:in { outline-style: inset } +.ol\:st\:out { outline-style: outset } + +.ol\:0 { outline: 0 } +.ol\:w\:0 { outline-width: 0 } +.ol\:off\:0 { outline-offset: 0 } + +.ol, .ol\:1 { outline: var(--sf-ol-w) solid } +.ol\:2 { outline: calc(var(--sf-ol-w) * 2) solid } + +.ol\:off, .ol\:off\:1 { outline-offset: var(--sf-ol-w) } +.ol\:off\:2 { outline-offset: calc(var(--sf-ol-w) * 2) } + +.ol\:w, .ol\:w\:1 { outline-width: var(--sf-ol-w) } +.ol\:w\:2 { outline-width: calc(var(--sf-ol-w) * 2) } + +/* /// */ + +html.var .ol, html.var .ol\:1 { outline: 1px solid } +html.var .ol\:2 { outline: 2px solid } + +html.var .ol\:off, html.var .ol\:off\:1 { outline-width: 1px } +html.var .ol\:off\:2 { outline-width: 2px } + +html.var .ol\:w, html.var .ol\:w\:1 { outline-width: 1px } +html.var .ol\:w\:2 { outline-width: 2px } diff --git a/src/ov.css b/src/ov.css deleted file mode 100644 index 540f165..0000000 --- a/src/ov.css +++ /dev/null @@ -1,14 +0,0 @@ -.ov { overflow: auto } -.ov\:h { overflow: hidden } -.ov\:s { overflow: scroll } -.ov\:v { overflow: visible } - -.ov\:x { overflow-x: auto } -.ov\:x\:h, .ov\:h\:x { overflow-x: hidden } -.ov\:x\:s, .ov\:s\:x { overflow-x: scroll } -.ov\:x\:v, .ov\:v\:x { overflow-x: visible } - -.ov\:y { overflow-y: auto } -.ov\:y\:h, .ov\:h\:y { overflow-y: hidden } -.ov\:y\:s, .ov\:s\:y { overflow-y: scroll } -.ov\:y\:v, .ov\:v\:y { overflow-y: visible } diff --git a/src/padding.css b/src/padding.css index cd8039b..36a92ab 100644 --- a/src/padding.css +++ b/src/padding.css @@ -1,256 +1,150 @@ :root { - --sf-padding: 1em; + --sf-padding: var(--sf-em-sm); - --sf-padding-1: calc(var(--sf-padding) * 0.25); - --sf-padding-2: calc(var(--sf-padding) * 0.5); - --sf-padding-3: calc(var(--sf-padding) * 0.75); - --sf-padding-4: calc(var(--sf-padding) * 1.25); - --sf-padding-5: calc(var(--sf-padding) * 1.5); - --sf-padding-6: calc(var(--sf-padding) * 2); + --sf-padding-xs: var(--sf-em-xs); + --sf-padding-md: var(--sf-em-md); + --sf-padding-lg: var(--sf-em-lg); + --sf-padding-xl: var(--sf-em-xl); } .p, .\$p > * { padding: var(--sf-padding) } .p\:0, .\$p\:0 > * { padding: 0 } -.p\:1, .\$p\:1 > * { padding: var(--sf-padding-1) } -.p\:2, .\$p\:2 > * { padding: var(--sf-padding-2) } -.p\:3, .\$p\:3 > * { padding: var(--sf-padding-3) } -.p\:4, .\$p\:4 > * { padding: var(--sf-padding-4) } -.p\:5, .\$p\:5 > * { padding: var(--sf-padding-5) } -.p\:6, .\$p\:6 > * { padding: var(--sf-padding-6) } +.p\:xs, .\$p\:xs > * { padding: var(--sf-padding-xs) } +.p\:md, .\$p\:md > * { padding: var(--sf-padding-md) } +.p\:lg, .\$p\:lg > * { padding: var(--sf-padding-lg) } +.p\:xl, .\$p\:xl > * { padding: var(--sf-padding-xl) } .pt, .\$pt > * { padding-block-start: var(--sf-padding) } .pt\:0, .\$pt\:0 > * { padding-block-start: 0 } -.pt\:1, .\$pt\:1 > * { padding-block-start: var(--sf-padding-1) } -.pt\:2, .\$pt\:2 > * { padding-block-start: var(--sf-padding-2) } -.pt\:3, .\$pt\:3 > * { padding-block-start: var(--sf-padding-3) } -.pt\:4, .\$pt\:4 > * { padding-block-start: var(--sf-padding-4) } -.pt\:5, .\$pt\:5 > * { padding-block-start: var(--sf-padding-5) } -.pt\:6, .\$pt\:6 > * { padding-block-start: var(--sf-padding-6) } +.pt\:xs, .\$pt\:xs > * { padding-block-start: var(--sf-padding-xs) } +.pt\:md, .\$pt\:md > * { padding-block-start: var(--sf-padding-md) } +.pt\:lg, .\$pt\:lg > * { padding-block-start: var(--sf-padding-lg) } +.pt\:xl, .\$pt\:xl > * { padding-block-start: var(--sf-padding-xl) } .pr, .\$pr > * { padding-inline-end: var(--sf-padding) } .pr\:0, .\$pr\:0 > * { padding-inline-end: 0 } -.pr\:1, .\$pr\:1 > * { padding-inline-end: var(--sf-padding-1) } -.pr\:2, .\$pr\:2 > * { padding-inline-end: var(--sf-padding-2) } -.pr\:3, .\$pr\:3 > * { padding-inline-end: var(--sf-padding-3) } -.pr\:4, .\$pr\:4 > * { padding-inline-end: var(--sf-padding-4) } -.pr\:5, .\$pr\:5 > * { padding-inline-end: var(--sf-padding-5) } -.pr\:6, .\$pr\:6 > * { padding-inline-end: var(--sf-padding-6) } +.pr\:xs, .\$pr\:xs > * { padding-inline-end: var(--sf-padding-xs) } +.pr\:md, .\$pr\:md > * { padding-inline-end: var(--sf-padding-md) } +.pr\:lg, .\$pr\:lg > * { padding-inline-end: var(--sf-padding-lg) } +.pr\:xl, .\$pr\:xl > * { padding-inline-end: var(--sf-padding-xl) } .pb, .\$pb > * { padding-block-end: var(--sf-padding) } .pb\:0, .\$pb\:0 > * { padding-block-end: 0 } -.pb\:1, .\$pb\:1 > * { padding-block-end: var(--sf-padding-1) } -.pb\:2, .\$pb\:2 > * { padding-block-end: var(--sf-padding-2) } -.pb\:3, .\$pb\:3 > * { padding-block-end: var(--sf-padding-3) } -.pb\:4, .\$pb\:4 > * { padding-block-end: var(--sf-padding-4) } -.pb\:5, .\$pb\:5 > * { padding-block-end: var(--sf-padding-5) } -.pb\:6, .\$pb\:6 > * { padding-block-end: var(--sf-padding-6) } +.pb\:xs, .\$pb\:xs > * { padding-block-end: var(--sf-padding-xs) } +.pb\:md, .\$pb\:md > * { padding-block-end: var(--sf-padding-md) } +.pb\:lg, .\$pb\:lg > * { padding-block-end: var(--sf-padding-lg) } +.pb\:xl, .\$pb\:xl > * { padding-block-end: var(--sf-padding-xl) } .pl, .\$pl > * { padding-inline-start: var(--sf-padding) } .pl\:0, .\$pl\:0 > * { padding-inline-start: 0 } -.pl\:1, .\$pl\:1 > * { padding-inline-start: var(--sf-padding-1) } -.pl\:2, .\$pl\:2 > * { padding-inline-start: var(--sf-padding-2) } -.pl\:3, .\$pl\:3 > * { padding-inline-start: var(--sf-padding-3) } -.pl\:4, .\$pl\:4 > * { padding-inline-start: var(--sf-padding-4) } -.pl\:5, .\$pl\:5 > * { padding-inline-start: var(--sf-padding-5) } -.pl\:6, .\$pl\:6 > * { padding-inline-start: var(--sf-padding-6) } +.pl\:xs, .\$pl\:xs > * { padding-inline-start: var(--sf-padding-xs) } +.pl\:md, .\$pl\:md > * { padding-inline-start: var(--sf-padding-md) } +.pl\:lg, .\$pl\:lg > * { padding-inline-start: var(--sf-padding-lg) } +.pl\:xl, .\$pl\:xl > * { padding-inline-start: var(--sf-padding-xl) } .px, .\$px > * { padding-inline: var(--sf-padding) } .px\:0, .\$px\:0 > * { padding-inline: 0 } -.px\:1, .\$px\:1 > * { padding-inline: var(--sf-padding-1) } -.px\:2, .\$px\:2 > * { padding-inline: var(--sf-padding-2) } -.px\:3, .\$px\:3 > * { padding-inline: var(--sf-padding-3) } -.px\:4, .\$px\:4 > * { padding-inline: var(--sf-padding-4) } -.px\:5, .\$px\:5 > * { padding-inline: var(--sf-padding-5) } -.px\:6, .\$px\:6 > * { padding-inline: var(--sf-padding-6) } +.px\:xs, .\$px\:xs > * { padding-inline: var(--sf-padding-xs) } +.px\:md, .\$px\:md > * { padding-inline: var(--sf-padding-md) } +.px\:lg, .\$px\:lg > * { padding-inline: var(--sf-padding-lg) } +.px\:xl, .\$px\:xl > * { padding-inline: var(--sf-padding-xl) } .py, .\$py > * { padding-block: var(--sf-padding) } .py\:0, .\$py\:0 > * { padding-block: 0 } -.py\:1, .\$py\:1 > * { padding-block: var(--sf-padding-1) } -.py\:2, .\$py\:2 > * { padding-block: var(--sf-padding-2) } -.py\:3, .\$py\:3 > * { padding-block: var(--sf-padding-3) } -.py\:4, .\$py\:4 > * { padding-block: var(--sf-padding-4) } -.py\:5, .\$py\:5 > * { padding-block: var(--sf-padding-5) } -.py\:6, .\$py\:6 > * { padding-block: var(--sf-padding-6) } - -.negative.p, .negative.\$p > * { padding: var(--sf-padding) } -.negative.p\:0, .negative.\$p\:0 > * { padding: 0 } -.negative.p\:1, .negative.\$p\:1 > * { padding: calc(var(--sf-padding-1) * -1) } -.negative.p\:2, .negative.\$p\:2 > * { padding: calc(var(--sf-padding-2) * -1) } -.negative.p\:3, .negative.\$p\:3 > * { padding: calc(var(--sf-padding-3) * -1) } -.negative.p\:4, .negative.\$p\:4 > * { padding: calc(var(--sf-padding-4) * -1) } -.negative.p\:5, .negative.\$p\:5 > * { padding: calc(var(--sf-padding-5) * -1) } -.negative.p\:6, .negative.\$p\:6 > * { padding: calc(var(--sf-padding-6) * -1) } - -.negative.pt, .negative.\$pt > * { padding-block-start: var(--sf-padding) } -.negative.pt\:0, .negative.\$pt\:0 > * { padding-block-start: 0 } -.negative.pt\:1, .negative.\$pt\:1 > * { padding-block-start: calc(var(--sf-padding-1) * -1) } -.negative.pt\:2, .negative.\$pt\:2 > * { padding-block-start: calc(var(--sf-padding-2) * -1) } -.negative.pt\:3, .negative.\$pt\:3 > * { padding-block-start: calc(var(--sf-padding-3) * -1) } -.negative.pt\:4, .negative.\$pt\:4 > * { padding-block-start: calc(var(--sf-padding-4) * -1) } -.negative.pt\:5, .negative.\$pt\:5 > * { padding-block-start: calc(var(--sf-padding-5) * -1) } -.negative.pt\:6, .negative.\$pt\:6 > * { padding-block-start: calc(var(--sf-padding-6) * -1) } - -.negative.pr, .negative.\$pr > * { padding-inline-end: var(--sf-padding) } -.negative.pr\:0, .negative.\$pr\:0 > * { padding-inline-end: 0 } -.negative.pr\:1, .negative.\$pr\:1 > * { padding-inline-end: calc(var(--sf-padding-1) * -1) } -.negative.pr\:2, .negative.\$pr\:2 > * { padding-inline-end: calc(var(--sf-padding-2) * -1) } -.negative.pr\:3, .negative.\$pr\:3 > * { padding-inline-end: calc(var(--sf-padding-3) * -1) } -.negative.pr\:4, .negative.\$pr\:4 > * { padding-inline-end: calc(var(--sf-padding-4) * -1) } -.negative.pr\:5, .negative.\$pr\:5 > * { padding-inline-end: calc(var(--sf-padding-5) * -1) } -.negative.pr\:6, .negative.\$pr\:6 > * { padding-inline-end: calc(var(--sf-padding-6) * -1) } - -.negative.pb, .negative.\$pb > * { padding-block-end: var(--sf-padding) } -.negative.pb\:0, .negative.\$pb\:0 > * { padding-block-end: 0 } -.negative.pb\:1, .negative.\$pb\:1 > * { padding-block-end: calc(var(--sf-padding-1) * -1) } -.negative.pb\:2, .negative.\$pb\:2 > * { padding-block-end: calc(var(--sf-padding-2) * -1) } -.negative.pb\:3, .negative.\$pb\:3 > * { padding-block-end: calc(var(--sf-padding-3) * -1) } -.negative.pb\:4, .negative.\$pb\:4 > * { padding-block-end: calc(var(--sf-padding-4) * -1) } -.negative.pb\:5, .negative.\$pb\:5 > * { padding-block-end: calc(var(--sf-padding-5) * -1) } -.negative.pb\:6, .negative.\$pb\:6 > * { padding-block-end: calc(var(--sf-padding-6) * -1) } - -.negative.pl, .negative.\$pl > * { padding-inline-start: var(--sf-padding) } -.negative.pl\:0, .negative.\$pl\:0 > * { padding-inline-start: 0 } -.negative.pl\:1, .negative.\$pl\:1 > * { padding-inline-start: calc(var(--sf-padding-1) * -1) } -.negative.pl\:2, .negative.\$pl\:2 > * { padding-inline-start: calc(var(--sf-padding-2) * -1) } -.negative.pl\:3, .negative.\$pl\:3 > * { padding-inline-start: calc(var(--sf-padding-3) * -1) } -.negative.pl\:4, .negative.\$pl\:4 > * { padding-inline-start: calc(var(--sf-padding-4) * -1) } -.negative.pl\:5, .negative.\$pl\:5 > * { padding-inline-start: calc(var(--sf-padding-5) * -1) } -.negative.pl\:6, .negative.\$pl\:6 > * { padding-inline-start: calc(var(--sf-padding-6) * -1) } - -.negative.px, .negative.\$px > * { padding-inline: var(--sf-padding) } -.negative.px\:0, .negative.\$px\:0 > * { padding-inline: 0 } -.negative.px\:1, .negative.\$px\:1 > * { padding-inline: calc(var(--sf-padding-1) * -1) } -.negative.px\:2, .negative.\$px\:2 > * { padding-inline: calc(var(--sf-padding-2) * -1) } -.negative.px\:3, .negative.\$px\:3 > * { padding-inline: calc(var(--sf-padding-3) * -1) } -.negative.px\:4, .negative.\$px\:4 > * { padding-inline: calc(var(--sf-padding-4) * -1) } -.negative.px\:5, .negative.\$px\:5 > * { padding-inline: calc(var(--sf-padding-5) * -1) } -.negative.px\:6, .negative.\$px\:6 > * { padding-inline: calc(var(--sf-padding-6) * -1) } - -.negative.py, .negative.\$py > * { padding-block: var(--sf-padding) } -.negative.py\:0, .negative.\$py\:0 > * { padding-block: 0 } -.negative.py\:1, .negative.\$py\:1 > * { padding-block: calc(var(--sf-padding-1) * -1) } -.negative.py\:2, .negative.\$py\:2 > * { padding-block: calc(var(--sf-padding-2) * -1) } -.negative.py\:3, .negative.\$py\:3 > * { padding-block: calc(var(--sf-padding-3) * -1) } -.negative.py\:4, .negative.\$py\:4 > * { padding-block: calc(var(--sf-padding-4) * -1) } -.negative.py\:5, .negative.\$py\:5 > * { padding-block: calc(var(--sf-padding-5) * -1) } -.negative.py\:6, .negative.\$py\:6 > * { padding-block: calc(var(--sf-padding-6) * -1) } +.py\:xs, .\$py\:xs > * { padding-block: var(--sf-padding-xs) } +.py\:md, .\$py\:md > * { padding-block: var(--sf-padding-md) } +.py\:lg, .\$py\:lg > * { padding-block: var(--sf-padding-lg) } +.py\:xl, .\$py\:xl > * { padding-block: var(--sf-padding-xl) } /* /// */ -html.var .p, html.var .\$p > * { padding: 1em } - +html.var .p, html.var .\$p > * { padding: 0.5em } html.var .p\:0, html.var .\$p\:0 > * { padding: 0 } -html.var .p\:1, html.var .\$p\:1 > * { padding: 0.25em } -html.var .p\:2, html.var .\$p\:2 > * { padding: 0.5em } -html.var .p\:3, html.var .\$p\:3 > * { padding: 0.75em } -html.var .p\:4, html.var .\$p\:4 > * { padding: 1.25em } -html.var .p\:5, html.var .\$p\:5 > * { padding: 1.5em } -html.var .p\:6, html.var .\$p\:6 > * { padding: 2em } +html.var .p\:xs, html.var .\$p\:xs > * { padding: 0.25em } +html.var .p\:md, html.var .\$p\:md > * { padding: 1em } +html.var .p\:lg, html.var .\$p\:lg > * { padding: 1.5em } +html.var .p\:xl, html.var .\$p\:xl > * { padding: 2em } -html.var .pt, html.var .\$pt > * { padding-block-start: 1em } +html.var .pt, html.var .\$pt > * { padding-block-start: 0.5em } html.var .pt\:0, html.var .\$pt\:0 > * { padding-block-start: 0 } -html.var .pt\:1, html.var .\$pt\:1 > * { padding-block-start: 0.25em } -html.var .pt\:2, html.var .\$pt\:2 > * { padding-block-start: 0.5em } -html.var .pt\:3, html.var .\$pt\:3 > * { padding-block-start: 0.75em } -html.var .pt\:4, html.var .\$pt\:4 > * { padding-block-start: 1.25em } -html.var .pt\:5, html.var .\$pt\:5 > * { padding-block-start: 1.5em } -html.var .pt\:6, html.var .\$pt\:6 > * { padding-block-start: 2em } +html.var .pt\:xs, html.var .\$pt\:xs > * { padding-block-start: 0.25em } +html.var .pt\:md, html.var .\$pt\:md > * { padding-block-start: 1em } +html.var .pt\:lg, html.var .\$pt\:lg > * { padding-block-start: 1.5em } +html.var .pt\:xl, html.var .\$pt\:xl > * { padding-block-start: 2em } -html.var .pr, html.var .\$pr > * { padding-inline-end: 1em } +html.var .pr, html.var .\$pr > * { padding-inline-end: 0.5em } html.var .pr\:0, html.var .\$pr\:0 > * { padding-inline-end: 0 } -html.var .pr\:1, html.var .\$pr\:1 > * { padding-inline-end: 0.25em } -html.var .pr\:2, html.var .\$pr\:2 > * { padding-inline-end: 0.5em } -html.var .pr\:3, html.var .\$pr\:3 > * { padding-inline-end: 0.75em } -html.var .pr\:4, html.var .\$pr\:4 > * { padding-inline-end: 1.25em } -html.var .pr\:5, html.var .\$pr\:5 > * { padding-inline-end: 1.5em } -html.var .pr\:6, html.var .\$pr\:6 > * { padding-inline-end: 2em } +html.var .pr\:xs, html.var .\$pr\:xs > * { padding-inline-end: 0.25em } +html.var .pr\:md, html.var .\$pr\:md > * { padding-inline-end: 1em } +html.var .pr\:lg, html.var .\$pr\:lg > * { padding-inline-end: 1.5em } +html.var .pr\:xl, html.var .\$pr\:xl > * { padding-inline-end: 2em } -html.var .pb, html.var .\$pb > * { padding-block-end: 1em } +html.var .pb, html.var .\$pb > * { padding-block-end: 0.5em } html.var .pb\:0, html.var .\$pb\:0 > * { padding-block-end: 0 } -html.var .pb\:1, html.var .\$pb\:1 > * { padding-block-end: 0.25em } -html.var .pb\:2, html.var .\$pb\:2 > * { padding-block-end: 0.5em } -html.var .pb\:3, html.var .\$pb\:3 > * { padding-block-end: 0.75em } -html.var .pb\:4, html.var .\$pb\:4 > * { padding-block-end: 1.25em } -html.var .pb\:5, html.var .\$pb\:5 > * { padding-block-end: 1.5em } -html.var .pb\:6, html.var .\$pb\:6 > * { padding-block-end: 2em } +html.var .pb\:xs, html.var .\$pb\:xs > * { padding-block-end: 0.25em } +html.var .pb\:md, html.var .\$pb\:md > * { padding-block-end: 1em } +html.var .pb\:lg, html.var .\$pb\:lg > * { padding-block-end: 1.5em } +html.var .pb\:xl, html.var .\$pb\:xl > * { padding-block-end: 2em } -html.var .pl, html.var .\$pl > * { padding-inline-start: 1em } +html.var .pl, html.var .\$pl > * { padding-inline-start: 0.5em } html.var .pl\:0, html.var .\$pl\:0 > * { padding-inline-start: 0 } -html.var .pl\:1, html.var .\$pl\:1 > * { padding-inline-start: 0.25em } -html.var .pl\:2, html.var .\$pl\:2 > * { padding-inline-start: 0.5em } -html.var .pl\:3, html.var .\$pl\:3 > * { padding-inline-start: 0.75em } -html.var .pl\:4, html.var .\$pl\:4 > * { padding-inline-start: 1.25em } -html.var .pl\:5, html.var .\$pl\:5 > * { padding-inline-start: 1.5em } -html.var .pl\:6, html.var .\$pl\:6 > * { padding-inline-start: 2em } +html.var .pl\:xs, html.var .\$pl\:xs > * { padding-inline-start: 0.25em } +html.var .pl\:md, html.var .\$pl\:md > * { padding-inline-start: 1em } +html.var .pl\:lg, html.var .\$pl\:lg > * { padding-inline-start: 1.5em } +html.var .pl\:xl, html.var .\$pl\:xl > * { padding-inline-start: 2em } -html.var .px, html.var .\$px > * { padding-inline: 1em } +html.var .px, html.var .\$px > * { padding-inline: 0.5em } html.var .px\:0, html.var .\$px\:0 > * { padding-inline: 0 } -html.var .px\:1, html.var .\$px\:1 > * { padding-inline: 0.25em } -html.var .px\:2, html.var .\$px\:2 > * { padding-inline: 0.5em } -html.var .px\:3, html.var .\$px\:3 > * { padding-inline: 0.75em } -html.var .px\:4, html.var .\$px\:4 > * { padding-inline: 1.25em } -html.var .px\:5, html.var .\$px\:5 > * { padding-inline: 1.5em } -html.var .px\:6, html.var .\$px\:6 > * { padding-inline: 2em } +html.var .px\:xs, html.var .\$px\:xs > * { padding-inline: 0.25em } +html.var .px\:md, html.var .\$px\:md > * { padding-inline: 1em } +html.var .px\:lg, html.var .\$px\:lg > * { padding-inline: 1.5em } +html.var .px\:xl, html.var .\$px\:xl > * { padding-inline: 2em } -html.var .py, html.var .\$py > * { padding-block: 1em } +html.var .py, html.var .\$py > * { padding-block: 0.5em } html.var .py\:0, html.var .\$py\:0 > * { padding-block: 0 } -html.var .py\:1, html.var .\$py\:1 > * { padding-block: 0.25em } -html.var .py\:2, html.var .\$py\:2 > * { padding-block: 0.5em } -html.var .py\:3, html.var .\$py\:3 > * { padding-block: 0.75em } -html.var .py\:4, html.var .\$py\:4 > * { padding-block: 1.25em } -html.var .py\:5, html.var .\$py\:5 > * { padding-block: 1.5em } -html.var .py\:6, html.var .\$py\:6 > * { padding-block: 2em } +html.var .py\:xs, html.var .\$py\:xs > * { padding-block: 0.25em } +html.var .py\:md, html.var .\$py\:md > * { padding-block: 1em } +html.var .py\:lg, html.var .\$py\:lg > * { padding-block: 1.5em } +html.var .py\:xl, html.var .\$py\:xl > * { padding-block: 2em } -html.mpb .pt, html.mpb .\$pt > * { padding-top: 1em } +html.mpb .pt, html.mpb .\$pt > * { padding-top: 0.5em } html.mpb .pt\:0, html.mpb .\$pt\:0 > * { padding-top: 0 } -html.mpb .pt\:1, html.mpb .\$pt\:1 > * { padding-top: 0.25em } -html.mpb .pt\:2, html.mpb .\$pt\:2 > * { padding-top: 0.5em } -html.mpb .pt\:3, html.mpb .\$pt\:3 > * { padding-top: 0.75em } -html.mpb .pt\:4, html.mpb .\$pt\:4 > * { padding-top: 1.25em } -html.mpb .pt\:5, html.mpb .\$pt\:5 > * { padding-top: 1.5em } -html.mpb .pt\:6, html.mpb .\$pt\:6 > * { padding-top: 2em } +html.mpb .pt\:xs, html.mpb .\$pt\:xs > * { padding-top: 0.25em } +html.mpb .pt\:md, html.mpb .\$pt\:md > * { padding-top: 1em } +html.mpb .pt\:lg, html.mpb .\$pt\:lg > * { padding-top: 1.5em } +html.mpb .pt\:xl, html.mpb .\$pt\:xl > * { padding-top: 2em } -html.mpb .pr, html.mpb .\$pr > * { padding-right: 1em } +html.mpb .pr, html.mpb .\$pr > * { padding-right: 0.5em } html.mpb .pr\:0, html.mpb .\$pr\:0 { padding-right: 0 } -html.mpb .pr\:1, html.mpb .\$pr\:1 { padding-right: 0.25em } -html.mpb .pr\:2, html.mpb .\$pr\:2 { padding-right: 0.5em } -html.mpb .pr\:3, html.mpb .\$pr\:3 { padding-right: 0.75em } -html.mpb .pr\:4, html.mpb .\$pr\:4 { padding-right: 1.25em } -html.mpb .pr\:5, html.mpb .\$pr\:5 { padding-right: 1.5em } -html.mpb .pr\:6, html.mpb .\$pr\:6 { padding-right: 2em } +html.mpb .pr\:xs, html.mpb .\$pr\:xs { padding-right: 0.25em } +html.mpb .pr\:md, html.mpb .\$pr\:md { padding-right: 1em } +html.mpb .pr\:lg, html.mpb .\$pr\:lg { padding-right: 1.5em } +html.mpb .pr\:xl, html.mpb .\$pr\:xl { padding-right: 2em } -html.mpb .pb, html.mpb .\$pb > * { padding-bottom: 1em } +html.mpb .pb, html.mpb .\$pb > * { padding-bottom: 0.5em } html.mpb .pb\:0, html.mpb .\$pb\:0 > * { padding-bottom: 0 } -html.mpb .pb\:1, html.mpb .\$pb\:1 > * { padding-bottom: 0.25em } -html.mpb .pb\:2, html.mpb .\$pb\:2 > * { padding-bottom: 0.5em } -html.mpb .pb\:3, html.mpb .\$pb\:3 > * { padding-bottom: 0.75em } -html.mpb .pb\:4, html.mpb .\$pb\:4 > * { padding-bottom: 1.25em } -html.mpb .pb\:5, html.mpb .\$pb\:5 > * { padding-bottom: 1.5em } -html.mpb .pb\:6, html.mpb .\$pb\:6 > * { padding-bottom: 2em } +html.mpb .pb\:xs, html.mpb .\$pb\:xs > * { padding-bottom: 0.25em } +html.mpb .pb\:md, html.mpb .\$pb\:md > * { padding-bottom: 1em } +html.mpb .pb\:lg, html.mpb .\$pb\:lg > * { padding-bottom: 1.5em } +html.mpb .pb\:xl, html.mpb .\$pb\:xl > * { padding-bottom: 2em } -html.mpb .pl, html.mpb .\$pl > * { padding-left: 1em } +html.mpb .pl, html.mpb .\$pl > * { padding-left: 0.5em } html.mpb .pl\:0, html.mpb .\$pl\:0 > * { padding-left: 0 } -html.mpb .pl\:1, html.mpb .\$pl\:1 > * { padding-left: 0.25em } -html.mpb .pl\:2, html.mpb .\$pl\:2 > * { padding-left: 0.5em } -html.mpb .pl\:3, html.mpb .\$pl\:3 > * { padding-left: 0.75em } -html.mpb .pl\:4, html.mpb .\$pl\:4 > * { padding-left: 1.25em } -html.mpb .pl\:5, html.mpb .\$pl\:5 > * { padding-left: 1.5em } -html.mpb .pl\:6, html.mpb .\$pl\:6 > * { padding-left: 2em } +html.mpb .pl\:xs, html.mpb .\$pl\:xs > * { padding-left: 0.25em } +html.mpb .pl\:md, html.mpb .\$pl\:md > * { padding-left: 1em } +html.mpb .pl\:lg, html.mpb .\$pl\:lg > * { padding-left: 1.5em } +html.mpb .pl\:xl, html.mpb .\$pl\:xl > * { padding-left: 2em } -html.mpb .px, html.mpb .\$px > * { padding-left: 1em; padding-right: 1em } +html.mpb .px, html.mpb .\$px > * { padding-left: 0.5em; padding-right: 0.5em } html.mpb .px\:0, html.mpb .\$px\:0 > * { padding-left: 0; padding-right: 0 } -html.mpb .px\:1, html.mpb .\$px\:1 > * { padding-left: 0.25em; padding-right: 0.25em } -html.mpb .px\:2, html.mpb .\$px\:2 > * { padding-left: 0.5em; padding-right: 0.5em } -html.mpb .px\:3, html.mpb .\$px\:3 > * { padding-left: 0.75em; padding-right: 0.75em } -html.mpb .px\:4, html.mpb .\$px\:4 > * { padding-left: 1.25em; padding-right: 1.25em } -html.mpb .px\:5, html.mpb .\$px\:5 > * { padding-left: 1.5em; padding-right: 1.5em } -html.mpb .px\:6, html.mpb .\$px\:6 > * { padding-left: 2em; padding-right: 2em } +html.mpb .px\:xs, html.mpb .\$px\:xs > * { padding-left: 0.25em; padding-right: 0.25em } +html.mpb .px\:md, html.mpb .\$px\:md > * { padding-left: 1em; padding-right: 1em } +html.mpb .px\:lg, html.mpb .\$px\:lg > * { padding-left: 1.5em; padding-right: 1.5em } +html.mpb .px\:xl, html.mpb .\$px\:xl > * { padding-left: 2em; padding-right: 2em } -html.mpb .py, html.mpb .\$py > * { padding-top: 1em; padding-bottom: 1em } +html.mpb .py, html.mpb .\$py > * { padding-top: 0.5em; padding-bottom: 0.5em } html.mpb .py\:0, html.mpb .\$py\:0 > * { padding-top: 0; padding-bottom: 0 } -html.mpb .py\:1, html.mpb .\$py\:1 > * { padding-top: 0.25em; padding-bottom: 0.25em } -html.mpb .py\:2, html.mpb .\$py\:2 > * { padding-top: 0.5em; padding-bottom: 0.5em } -html.mpb .py\:3, html.mpb .\$py\:3 > * { padding-top: 0.75em; padding-bottom: 0.75em } -html.mpb .py\:4, html.mpb .\$py\:4 > * { padding-top: 1.25em; padding-bottom: 1.25em } -html.mpb .py\:5, html.mpb .\$py\:5 > * { padding-top: 1.5em; padding-bottom: 1.5em } -html.mpb .py\:6, html.mpb .\$py\:6 > * { padding-top: 2em; padding-bottom: 2em } +html.mpb .py\:xs, html.mpb .\$py\:xs > * { padding-top: 0.25em; padding-bottom: 0.25em } +html.mpb .py\:md, html.mpb .\$py\:md > * { padding-top: 1em; padding-bottom: 1em } +html.mpb .py\:lg, html.mpb .\$py\:lg > * { padding-top: 1.5em; padding-bottom: 1.5em } +html.mpb .py\:xl, html.mpb .\$py\:xl > * { padding-top: 2em; padding-bottom: 2em } diff --git a/src/pointer-events.css b/src/pointer-events.css new file mode 100644 index 0000000..a2f6ec6 --- /dev/null +++ b/src/pointer-events.css @@ -0,0 +1,6 @@ +.pe\:a { pointer-events: auto } +.pe\:n { pointer-events: none } +.pe\:v { pointer-events: visible } +.pe\:vf { pointer-events: visibleFill } +.pe\:vs { pointer-events: visibleStroke } +.pe\:vps { pointer-events: visiblePainted } diff --git a/src/radius.css b/src/radius.css index 72a99d2..5eed08e 100644 --- a/src/radius.css +++ b/src/radius.css @@ -1,276 +1,249 @@ :root { - --sf-radius: 0.5em; - - --sf-radius-1: 1em; - --sf-radius-2: 1.25em; - --sf-radius-3: 1.5em; - --sf-radius-4: 2em; - --sf-radius-5: 2.5em; - --sf-radius-6: 3em; -} - -.radius\:1, .radius\:tl\:1, .radius\:lt\:1, .radius\:tr\:1, .radius\:rt\:1, .radius\:bl\:1, .radius\:lb\:1, .radius\:br\:1, .radius\:rb\:1 { --sf-radius: var(--sf-radius-1) } -.radius\:2, .radius\:tl\:2, .radius\:lt\:2, .radius\:tr\:2, .radius\:rt\:2, .radius\:bl\:2, .radius\:lb\:2, .radius\:br\:2, .radius\:rb\:2 { --sf-radius: var(--sf-radius-2) } -.radius\:3, .radius\:tl\:3, .radius\:lt\:3, .radius\:tr\:3, .radius\:rt\:3, .radius\:bl\:3, .radius\:lb\:3, .radius\:br\:3, .radius\:rb\:3 { --sf-radius: var(--sf-radius-3) } -.radius\:4, .radius\:tl\:4, .radius\:lt\:4, .radius\:tr\:4, .radius\:rt\:4, .radius\:bl\:4, .radius\:lb\:4, .radius\:br\:4, .radius\:rb\:4 { --sf-radius: var(--sf-radius-4) } -.radius\:5, .radius\:tl\:5, .radius\:lt\:5, .radius\:tr\:5, .radius\:rt\:5, .radius\:bl\:5, .radius\:lb\:5, .radius\:br\:5, .radius\:rb\:5 { --sf-radius: var(--sf-radius-5) } -.radius\:6, .radius\:tl\:6, .radius\:lt\:6, .radius\:tr\:6, .radius\:rt\:6, .radius\:bl\:6, .radius\:lb\:6, .radius\:br\:6, .radius\:rb\:6 { --sf-radius: var(--sf-radius-6) } - -.radius\:0, .radius\:tl\:0, .radius\:lt\:0, .radius\:tr\:0, .radius\:rt\:0, .radius\:bl\:0, .radius\:lb\:0, .radius\:br\:0, .radius\:rb\:0 { --sf-radius: 0 } -.radius\:25, .radius\:tl\:25, .radius\:lt\:25, .radius\:tr\:25, .radius\:rt\:25, .radius\:bl\:25, .radius\:lb\:25, .radius\:br\:25, .radius\:rb\:25 { --sf-radius: 25% } -.radius\:50, .radius\:tl\:50, .radius\:lt\:50, .radius\:tr\:50, .radius\:rt\:50, .radius\:bl\:50, .radius\:lb\:50, .radius\:br\:50, .radius\:rb\:50 { --sf-radius: 50% } -.radius\:75, .radius\:tl\:75, .radius\:lt\:75, .radius\:tr\:75, .radius\:rt\:75, .radius\:bl\:75, .radius\:lb\:75, .radius\:br\:75, .radius\:rb\:75 { --sf-radius: 75% } -.radius\:100, .radius\:tl\:100, .radius\:lt\:100, .radius\:tr\:100, .radius\:rt\:100, .radius\:bl\:100, .radius\:lb\:100, .radius\:br\:100, .radius\:rb\:100 { --sf-radius: 100% } + --sf-radius: var(--sf-em-sm); -.radius:not(html), .radius\:0, .radius\:25, .radius\:50, .radius\:75, .radius\:100 { border-radius: var(--sf-radius) } - -[class*='radius:tl'], [class*='radius:lt'] { border-start-start-radius: var(--sf-radius) } -[class*='radius:tr'], [class*='radius:rt'] { border-start-end-radius: var(--sf-radius) } -[class*='radius:bl'], [class*='radius:lb'] { border-end-start-radius: var(--sf-radius) } -[class*='radius:br'], [class*='radius:rb'] { border-end-end-radius: var(--sf-radius) } + --sf-radius-xxs: var(--sf-em-xxs1); + --sf-radius-xs: var(--sf-em-xs); + --sf-radius-md: var(--sf-em-md); + --sf-radius-lg: var(--sf-em-lg); + --sf-radius-xl: var(--sf-em-xl); +} -[class*='radius:top'] { border-start-start-radius: var(--sf-radius); border-start-end-radius: var(--sf-radius) } -[class*='radius:bottom'] { border-end-start-radius: var(--sf-radius); border-end-end-radius: var(--sf-radius) } -[class*='radius:left'] { border-start-start-radius: var(--sf-radius); border-end-start-radius: var(--sf-radius) } -[class*='radius:right'] { border-start-end-radius: var(--sf-radius); border-end-end-radius: var(--sf-radius) } +.radius:not(html) { border-radius: var(--sf-radius) } +.radius\:xxs { border-radius: var(--sf-radius-xxs) } +.radius\:xs { border-radius: var(--sf-radius-xs) } +.radius\:md { border-radius: var(--sf-radius-md) } +.radius\:lg { border-radius: var(--sf-radius-lg) } +.radius\:xl { border-radius: var(--sf-radius-xl) } + +.radius\:0 { border-radius: 0 } +.radius\:25 { border-radius: 25% } +.radius\:50 { border-radius: 50% } +.radius\:75 { border-radius: 75% } +.radius\:100 { border-radius: 100% } + +.radius\:tl, .radius\:lt { border-start-start-radius: var(--sf-radius) } +.radius\:tl\:xxs, .radius\:lt\:xxs { border-start-start-radius: var(--sf-radius-xxs) } +.radius\:tl\:xs, .radius\:lt\:xs { border-start-start-radius: var(--sf-radius-xs) } +.radius\:tl\:md, .radius\:lt\:md { border-start-start-radius: var(--sf-radius-md) } +.radius\:tl\:lg, .radius\:lt\:lg { border-start-start-radius: var(--sf-radius-lg) } +.radius\:tl\:xl, .radius\:lt\:xl { border-start-start-radius: var(--sf-radius-xl) } + +.radius\:tl\:0, .radius\:lt\:0 { border-start-start-radius: 0 } +.radius\:tl\:25, .radius\:lt\:25 { border-start-start-radius: 25% } +.radius\:tl\:50, .radius\:lt\:50 { border-start-start-radius: 50% } +.radius\:tl\:75, .radius\:lt\:75 { border-start-start-radius: 75% } +.radius\:tl\:100, .radius\:lt\:100 { border-start-start-radius: 100% } + +.radius\:tr, .radius\:rt { border-start-end-radius: var(--sf-radius) } +.radius\:tr\:xxs, .radius\:rt\:xxs { border-start-end-radius: var(--sf-radius-xxs) } +.radius\:tr\:xs, .radius\:rt\:xs { border-start-end-radius: var(--sf-radius-xs) } +.radius\:tr\:md, .radius\:rt\:md { border-start-end-radius: var(--sf-radius-md) } +.radius\:tr\:lg, .radius\:rt\:lg { border-start-end-radius: var(--sf-radius-lg) } +.radius\:tr\:xl, .radius\:rt\:xl { border-start-end-radius: var(--sf-radius-xl) } + +.radius\:tr\:0, .radius\:rt\:0 { border-start-end-radius: 0 } +.radius\:tr\:25, .radius\:rt\:25 { border-start-end-radius: 25% } +.radius\:tr\:50, .radius\:rt\:50 { border-start-end-radius: 50% } +.radius\:tr\:75, .radius\:rt\:75 { border-start-end-radius: 75% } +.radius\:tr\:100, .radius\:rt\:100 { border-start-end-radius: 100% } + +.radius\:bl, .radius\:lb { border-end-start-radius: var(--sf-radius) } +.radius\:bl\:xxs, .radius\:lb\:xxs { border-end-start-radius: var(--sf-radius-xxs) } +.radius\:bl\:xs, .radius\:lb\:xs { border-end-start-radius: var(--sf-radius-xs) } +.radius\:bl\:md, .radius\:lb\:md { border-end-start-radius: var(--sf-radius-md) } +.radius\:bl\:lg, .radius\:lb\:lg { border-end-start-radius: var(--sf-radius-lg) } +.radius\:bl\:xl, .radius\:lb\:xl { border-end-start-radius: var(--sf-radius-xl) } + +.radius\:bl\:0, .radius\:lb\:0 { border-end-start-radius: 0 } +.radius\:bl\:25, .radius\:lb\:25 { border-end-start-radius: 25% } +.radius\:bl\:50, .radius\:lb\:50 { border-end-start-radius: 50% } +.radius\:bl\:75, .radius\:lb\:75 { border-end-start-radius: 75% } +.radius\:bl\:100, .radius\:lb\:100 { border-end-start-radius: 100% } + +.radius\:br, .radius\:rb { border-end-end-radius: var(--sf-radius) } +.radius\:br\:xxs, .radius\:rb\:xxs { border-end-end-radius: var(--sf-radius-xxs) } +.radius\:br\:xs, .radius\:rb\:xs { border-end-end-radius: var(--sf-radius-xs) } +.radius\:br\:md, .radius\:rb\:md { border-end-end-radius: var(--sf-radius-md) } +.radius\:br\:lg, .radius\:rb\:lg { border-end-end-radius: var(--sf-radius-lg) } +.radius\:br\:xl, .radius\:rb\:xl { border-end-end-radius: var(--sf-radius-xl) } + +.radius\:br\:0, .radius\:rb\:0 { border-end-end-radius: 0 } +.radius\:br\:25, .radius\:rb\:25 { border-end-end-radius: 25% } +.radius\:br\:50, .radius\:rb\:50 { border-end-end-radius: 50% } +.radius\:br\:75, .radius\:rb\:75 { border-end-end-radius: 75% } +.radius\:br\:100, .radius\:rb\:100 { border-end-end-radius: 100% } + +.radius\:top { border-start-start-radius: var(--sf-radius); border-start-end-radius: var(--sf-radius) } +.radius\:top\:xxs { border-start-start-radius: var(--sf-radius-xxs); border-start-end-radius: var(--sf-radius-xxs) } +.radius\:top\:xs { border-start-start-radius: var(--sf-radius-xs); border-start-end-radius: var(--sf-radius-xs) } +.radius\:top\:md { border-start-start-radius: var(--sf-radius-md); border-start-end-radius: var(--sf-radius-md) } +.radius\:top\:lg { border-start-start-radius: var(--sf-radius-lg); border-start-end-radius: var(--sf-radius-lg) } +.radius\:top\:xl { border-start-start-radius: var(--sf-radius-xl); border-start-end-radius: var(--sf-radius-xl) } + +.radius\:top\:0 { border-start-start-radius: 0; border-start-end-radius: 0 } +.radius\:top\:25 { border-start-start-radius: 25%; border-start-end-radius: 25% } +.radius\:top\:50 { border-start-start-radius: 50%; border-start-end-radius: 50% } +.radius\:top\:75 { border-start-start-radius: 75%; border-start-end-radius: 75% } +.radius\:top\:100 { border-start-start-radius: 100%; border-start-end-radius: 100% } + +.radius\:bottom { border-end-start-radius: var(--sf-radius); border-end-end-radius: var(--sf-radius) } +.radius\:bottom\:xxs { border-end-start-radius: var(--sf-radius-xxs); border-end-end-radius: var(--sf-radius-xxs) } +.radius\:bottom\:xs { border-end-start-radius: var(--sf-radius-xs); border-end-end-radius: var(--sf-radius-xs) } +.radius\:bottom\:md { border-end-start-radius: var(--sf-radius-md); border-end-end-radius: var(--sf-radius-md) } +.radius\:bottom\:lg { border-end-start-radius: var(--sf-radius-lg); border-end-end-radius: var(--sf-radius-lg) } +.radius\:bottom\:xl { border-end-start-radius: var(--sf-radius-xl); border-end-end-radius: var(--sf-radius-xl) } + +.radius\:bottom\:0 { border-end-start-radius: 0; border-end-end-radius: 0 } +.radius\:bottom\:25 { border-end-start-radius: 25%; border-end-end-radius: 25% } +.radius\:bottom\:50 { border-end-start-radius: 50%; border-end-end-radius: 50% } +.radius\:bottom\:75 { border-end-start-radius: 75%; border-end-end-radius: 75% } +.radius\:bottom\:100 { border-end-start-radius: 100%; border-end-end-radius: 100% } + +.radius\:left { border-start-start-radius: var(--sf-radius); border-end-start-radius: var(--sf-radius) } +.radius\:left\:xxs { border-start-start-radius: var(--sf-radius-xxs); border-end-start-radius: var(--sf-radius-xxs) } +.radius\:left\:xs { border-start-start-radius: var(--sf-radius-xs); border-end-start-radius: var(--sf-radius-xs) } +.radius\:left\:md { border-start-start-radius: var(--sf-radius-md); border-end-start-radius: var(--sf-radius-md) } +.radius\:left\:lg { border-start-start-radius: var(--sf-radius-lg); border-end-start-radius: var(--sf-radius-lg) } +.radius\:left\:xl { border-start-start-radius: var(--sf-radius-xl); border-end-start-radius: var(--sf-radius-xl) } + +.radius\:left\:0 { border-start-start-radius: 0; border-end-start-radius: 0 } +.radius\:left\:25 { border-start-start-radius: 25%; border-end-start-radius: 25% } +.radius\:left\:50 { border-start-start-radius: 50%; border-end-start-radius: 50% } +.radius\:left\:75 { border-start-start-radius: 75%; border-end-start-radius: 75% } +.radius\:left\:100 { border-start-start-radius: 100%; border-end-start-radius: 100% } + +.radius\:right { border-start-end-radius: var(--sf-radius); border-end-end-radius: var(--sf-radius) } +.radius\:right\:xxs { border-end-start-radius: var(--sf-radius-xxs); border-end-end-radius: var(--sf-radius-xxs) } +.radius\:right\:xs { border-end-start-radius: var(--sf-radius-xs); border-end-end-radius: var(--sf-radius-xs) } +.radius\:right\:md { border-end-start-radius: var(--sf-radius-md); border-end-end-radius: var(--sf-radius-md) } +.radius\:right\:lg { border-end-start-radius: var(--sf-radius-lg); border-end-end-radius: var(--sf-radius-lg) } +.radius\:right\:xl { border-end-start-radius: var(--sf-radius-xl); border-end-end-radius: var(--sf-radius-xl) } + +.radius\:right\:0 { border-end-start-radius: 0; border-end-end-radius: 0 } +.radius\:right\:25 { border-end-start-radius: 25%; border-end-end-radius: 25% } +.radius\:right\:50 { border-end-start-radius: 50%; border-end-end-radius: 50% } +.radius\:right\:75 { border-end-start-radius: 75%; border-end-end-radius: 75% } +.radius\:right\:100 { border-end-start-radius: 100%; border-end-end-radius: 100% } /* /// */ html.var .radius { border-radius: 0.5em } -html.var .radius\:1 { border-radius: 1em } -html.var .radius\:2 { border-radius: 1.25em } -html.var .radius\:3 { border-radius: 1.5em } -html.var .radius\:4 { border-radius: 2em } -html.var .radius\:5 { border-radius: 2.5em } -html.var .radius\:6 { border-radius: 3em } -html.var .radius\:0 { border-radius: 0 } -html.var .radius\:25 { border-radius: 25% } -html.var .radius\:50 { border-radius: 50% } -html.var .radius\:75 { border-radius: 75% } -html.var .radius\:100 { border-radius: 100% } +html.var .radius\:xxs1 { border-radius: 0.1875em } +html.var .radius\:xs { border-radius: 0.25em } +html.var .radius\:md { border-radius: 1em } +html.var .radius\:lg { border-radius: 1.5em } +html.var .radius\:xl { border-radius: 2em } html.var .radius\:tl, html.var .radius\:lt { border-start-start-radius: 0.5em } -html.var .radius\:tl\:1, html.var .radius\:lt\:1 { border-start-start-radius: 1em } -html.var .radius\:tl\:2, html.var .radius\:lt\:2 { border-start-start-radius: 1.25em } -html.var .radius\:tl\:3, html.var .radius\:lt\:3 { border-start-start-radius: 1.5em } -html.var .radius\:tl\:4, html.var .radius\:lt\:4 { border-start-start-radius: 2em } -html.var .radius\:tl\:5, html.var .radius\:lt\:5 { border-start-start-radius: 2.5em } -html.var .radius\:tl\:6, html.var .radius\:lt\:6 { border-start-start-radius: 3em } - -html.var .radius\:tl\:0, html.var .radius\:lt\:0 { border-start-start-radius: 0 } -html.var .radius\:tl\:25, html.var .radius\:lt\:25 { border-start-start-radius: 25% } -html.var .radius\:tl\:50, html.var .radius\:lt\:50 { border-start-start-radius: 50% } -html.var .radius\:tl\:75, html.var .radius\:lt\:75 { border-start-start-radius: 75% } -html.var .radius\:tl\:100, html.var .radius\:lt\:100 { border-start-start-radius: 100% } +html.var .radius\:tl\:xxs1, html.var .radius\:lt\:xxs1 { border-start-start-radius: 0.1875em } +html.var .radius\:tl\:xs, html.var .radius\:lt\:xs { border-start-start-radius: 0.25em } +html.var .radius\:tl\:md, html.var .radius\:lt\:md { border-start-start-radius: 1em } +html.var .radius\:tl\:lg, html.var .radius\:lt\:lg { border-start-start-radius: 1.5em } +html.var .radius\:tl\:xl, html.var .radius\:lt\:xl { border-start-start-radius: 2em } html.var .radius\:tr, html.var .radius\:rt { border-start-end-radius: 0.5em } -html.var .radius\:tr\:1, html.var .radius\:rt\:1 { border-start-end-radius: 1em } -html.var .radius\:tr\:2, html.var .radius\:rt\:2 { border-start-end-radius: 1.25em } -html.var .radius\:tr\:3, html.var .radius\:rt\:3 { border-start-end-radius: 1.5em } -html.var .radius\:tr\:4, html.var .radius\:rt\:4 { border-start-end-radius: 2em } -html.var .radius\:tr\:5, html.var .radius\:rt\:5 { border-start-end-radius: 2.5em } -html.var .radius\:tr\:6, html.var .radius\:rt\:6 { border-start-end-radius: 3em } - -html.var .radius\:tr\:0, html.var .radius\:rt\:0 { border-start-end-radius: 0 } -html.var .radius\:tr\:25, html.var .radius\:rt\:25 { border-start-end-radius: 25% } -html.var .radius\:tr\:50, html.var .radius\:rt\:50 { border-start-end-radius: 50% } -html.var .radius\:tr\:75, html.var .radius\:rt\:75 { border-start-end-radius: 75% } -html.var .radius\:tr\:100, html.var .radius\:rt\:100 { border-start-end-radius: 100% } +html.var .radius\:tr\:xxs1, html.var .radius\:rt\:xxs1 { border-start-end-radius: 0.1875em } +html.var .radius\:tr\:xs, html.var .radius\:rt\:xs { border-start-end-radius: 0.25em } +html.var .radius\:tr\:md, html.var .radius\:rt\:md { border-start-end-radius: 1em } +html.var .radius\:tr\:lg, html.var .radius\:rt\:lg { border-start-end-radius: 1.5em } +html.var .radius\:tr\:xl, html.var .radius\:rt\:xl { border-start-end-radius: 2em } html.var .radius\:bl, html.var .radius\:lb { border-end-start-radius: 0.5em } -html.var .radius\:bl\:1, html.var .radius\:lb\:1 { border-end-start-radius: 1em } -html.var .radius\:bl\:2, html.var .radius\:lb\:2 { border-end-start-radius: 1.25em } -html.var .radius\:bl\:3, html.var .radius\:lb\:3 { border-end-start-radius: 1.5em } -html.var .radius\:bl\:4, html.var .radius\:lb\:4 { border-end-start-radius: 2em } -html.var .radius\:bl\:5, html.var .radius\:lb\:5 { border-end-start-radius: 2.5em } -html.var .radius\:bl\:6, html.var .radius\:lb\:6 { border-end-start-radius: 3em } - -html.var .radius\:bl\:0, html.var .radius\:lb\:0 { border-end-start-radius: 0 } -html.var .radius\:bl\:25, html.var .radius\:lb\:25 { border-end-start-radius: 25% } -html.var .radius\:bl\:50, html.var .radius\:lb\:50 { border-end-start-radius: 50% } -html.var .radius\:bl\:75, html.var .radius\:lb\:75 { border-end-start-radius: 75% } -html.var .radius\:bl\:100, html.var .radius\:lb\:100 { border-end-start-radius: 100% } +html.var .radius\:bl\:xxs1, html.var .radius\:lb\:xxs1 { border-end-start-radius: 0.1875em } +html.var .radius\:bl\:xs, html.var .radius\:lb\:xs { border-end-start-radius: 0.25em } +html.var .radius\:bl\:md, html.var .radius\:lb\:md { border-end-start-radius: 1em } +html.var .radius\:bl\:lg, html.var .radius\:lb\:lg { border-end-start-radius: 1.5em } +html.var .radius\:bl\:xl, html.var .radius\:lb\:xl { border-end-start-radius: 2em } html.var .radius\:br, html.var .radius\:rb { border-end-end-radius: 0.5em } -html.var .radius\:br\:1, html.var .radius\:rb\:1 { border-end-end-radius: 1em } -html.var .radius\:br\:2, html.var .radius\:rb\:2 { border-end-end-radius: 1.25em } -html.var .radius\:br\:3, html.var .radius\:rb\:3 { border-end-end-radius: 1.5em } -html.var .radius\:br\:4, html.var .radius\:rb\:4 { border-end-end-radius: 2em } -html.var .radius\:br\:5, html.var .radius\:rb\:5 { border-end-end-radius: 2.5em } -html.var .radius\:br\:6, html.var .radius\:rb\:6 { border-end-end-radius: 3em } - -html.var .radius\:br\:0, html.var .radius\:rb\:0 { border-end-end-radius: 0 } -html.var .radius\:br\:25, html.var .radius\:rb\:25 { border-end-end-radius: 25% } -html.var .radius\:br\:50, html.var .radius\:rb\:50 { border-end-end-radius: 50% } -html.var .radius\:br\:75, html.var .radius\:rb\:75 { border-end-end-radius: 75% } -html.var .radius\:br\:100, html.var .radius\:rb\:100 { border-end-end-radius: 100% } +html.var .radius\:br\:xxs1, html.var .radius\:rb\:xxs1 { border-end-end-radius: 0.1875em } +html.var .radius\:br\:xs, html.var .radius\:rb\:xs { border-end-end-radius: 0.25em } +html.var .radius\:br\:md, html.var .radius\:rb\:md { border-end-end-radius: 1em } +html.var .radius\:br\:lg, html.var .radius\:rb\:lg { border-end-end-radius: 1.5em } +html.var .radius\:br\:xl, html.var .radius\:rb\:xl { border-end-end-radius: 2em } html.var .radius\:top { border-start-start-radius: 0.5em; border-start-end-radius: 0.5em } -html.var .radius\:top\:1 { border-start-start-radius: 1em; border-start-end-radius: 1em } -html.var .radius\:top\:2 { border-start-start-radius: 1.25em; border-start-end-radius: 1.25em } -html.var .radius\:top\:3 { border-start-start-radius: 1.5em; border-start-end-radius: 1.5em } -html.var .radius\:top\:4 { border-start-start-radius: 2em; border-start-end-radius: 2em } -html.var .radius\:top\:5 { border-start-start-radius: 2.5em; border-start-end-radius: 2.5em } -html.var .radius\:top\:6 { border-start-start-radius: 3em; border-start-end-radius: 3em } - -html.var .radius\:top\:0 { border-start-start-radius: 0; border-start-end-radius: 0 } -html.var .radius\:top\:25 { border-start-start-radius: 25%; border-start-end-radius: 25% } -html.var .radius\:top\:50 { border-start-start-radius: 50%; border-start-end-radius: 50% } -html.var .radius\:top\:75 { border-start-start-radius: 75%; border-start-end-radius: 75% } -html.var .radius\:top\:100 { border-start-start-radius: 100%; border-start-end-radius: 100% } +html.var .radius\:top\:xxs1 { border-start-start-radius: 0.1875em; border-start-end-radius: 0.1875em } +html.var .radius\:top\:xs { border-start-start-radius: 0.25em; border-start-end-radius: 0.25em } +html.var .radius\:top\:md { border-start-start-radius: 1em; border-start-end-radius: 1em } +html.var .radius\:top\:lg { border-start-start-radius: 1.5em; border-start-end-radius: 1.5em } +html.var .radius\:top\:xl { border-start-start-radius: 2em; border-start-end-radius: 2em } html.var .radius\:bottom { border-end-start-radius: 0.5em; border-end-end-radius: 0.5em } -html.var .radius\:bottom\:1 { border-end-start-radius: 1em; border-end-end-radius: 1em } -html.var .radius\:bottom\:2 { border-end-start-radius: 1.25em; border-end-end-radius: 1.25em } -html.var .radius\:bottom\:3 { border-end-start-radius: 1.5em; border-end-end-radius: 1.5em } -html.var .radius\:bottom\:4 { border-end-start-radius: 2em; border-end-end-radius: 2em } -html.var .radius\:bottom\:5 { border-end-start-radius: 2.5em; border-end-end-radius: 2.5em } -html.var .radius\:bottom\:6 { border-end-start-radius: 3em; border-end-end-radius: 3em } - -html.var .radius\:bottom\:0 { border-end-start-radius: 0; border-end-end-radius: 0 } -html.var .radius\:bottom\:25 { border-end-start-radius: 25%; border-end-end-radius: 25% } -html.var .radius\:bottom\:50 { border-end-start-radius: 50%; border-end-end-radius: 50% } -html.var .radius\:bottom\:75 { border-end-start-radius: 75%; border-end-end-radius: 75% } -html.var .radius\:bottom\:100 { border-end-start-radius: 100%; border-end-end-radius: 100% } +html.var .radius\:bottom\:xxs1 { border-end-start-radius: 0.1875em; border-end-end-radius: 0.1875em } +html.var .radius\:bottom\:xs { border-end-start-radius: 0.25em; border-end-end-radius: 0.25em } +html.var .radius\:bottom\:md { border-end-start-radius: 1em; border-end-end-radius: 1em } +html.var .radius\:bottom\:lg { border-end-start-radius: 1.5em; border-end-end-radius: 1.5em } +html.var .radius\:bottom\:xl { border-end-start-radius: 2em; border-end-end-radius: 2em } html.var .radius\:left { border-start-start-radius: 0.5em; border-end-start-radius: 0.5em } -html.var .radius\:left\:1 { border-start-start-radius: 1em; border-end-start-radius: 1em } -html.var .radius\:left\:2 { border-start-start-radius: 1.25em; border-end-start-radius: 1.25em } -html.var .radius\:left\:3 { border-start-start-radius: 1.5em; border-end-start-radius: 1.5em } -html.var .radius\:left\:4 { border-start-start-radius: 2em; border-end-start-radius: 2em } -html.var .radius\:left\:5 { border-start-start-radius: 2.5em; border-end-start-radius: 2.5em } -html.var .radius\:left\:6 { border-start-start-radius: 3em; border-end-start-radius: 3em } - -html.var .radius\:left\:0 { border-start-start-radius: 0; border-end-start-radius: 0 } -html.var .radius\:left\:25 { border-start-start-radius: 25%; border-end-start-radius: 25% } -html.var .radius\:left\:50 { border-start-start-radius: 50%; border-end-start-radius: 50% } -html.var .radius\:left\:75 { border-start-start-radius: 75%; border-end-start-radius: 75% } -html.var .radius\:left\:100 { border-start-start-radius: 100%; border-end-start-radius: 100% } +html.var .radius\:left\:xxs1 { border-start-start-radius: 0.1875em; border-end-start-radius: 0.1875em } +html.var .radius\:left\:xs { border-start-start-radius: 0.25em; border-end-start-radius: 0.25em } +html.var .radius\:left\:md { border-start-start-radius: 1em; border-end-start-radius: 1em } +html.var .radius\:left\:lg { border-start-start-radius: 1.5em; border-end-start-radius: 1.5em } +html.var .radius\:left\:xl { border-start-start-radius: 2em; border-end-start-radius: 2em } html.var .radius\:right { border-start-end-radius: 0.5em; border-end-end-radius: 0.5em } -html.var .radius\:right\:1 { border-end-start-radius: 1em; border-end-end-radius: 1em } -html.var .radius\:right\:2 { border-end-start-radius: 1.25em; border-end-end-radius: 1.25em } -html.var .radius\:right\:3 { border-end-start-radius: 1.5em; border-end-end-radius: 1.5em } -html.var .radius\:right\:4 { border-end-start-radius: 2em; border-end-end-radius: 2em } -html.var .radius\:right\:5 { border-end-start-radius: 2.5em; border-end-end-radius: 2.5em } -html.var .radius\:right\:6 { border-end-start-radius: 3em; border-end-end-radius: 3em } - -html.var .radius\:right\:0 { border-end-start-radius: 0; border-end-end-radius: 0 } -html.var .radius\:right\:25 { border-end-start-radius: 25%; border-end-end-radius: 25% } -html.var .radius\:right\:50 { border-end-start-radius: 50%; border-end-end-radius: 50% } -html.var .radius\:right\:75 { border-end-start-radius: 75%; border-end-end-radius: 75% } -html.var .radius\:right\:100 { border-end-start-radius: 100%; border-end-end-radius: 100% } +html.var .radius\:right\:xxs1 { border-end-start-radius: 0.1875em; border-end-end-radius: 0.1875em } +html.var .radius\:right\:xs { border-end-start-radius: 0.25em; border-end-end-radius: 0.25em } +html.var .radius\:right\:md { border-end-start-radius: 1em; border-end-end-radius: 1em } +html.var .radius\:right\:lg { border-end-start-radius: 1.5em; border-end-end-radius: 1.5em } +html.var .radius\:right\:xl { border-end-start-radius: 2em; border-end-end-radius: 2em } /* /// */ html.radius .radius\:tl, html.radius .radius\:lt { border-top-left-radius: 0.5em } -html.radius .radius\:tl\:1, html.radius .radius\:lt\:1 { border-top-left-radius: 1em } -html.radius .radius\:tl\:2, html.radius .radius\:lt\:2 { border-top-left-radius: 1.25em } -html.radius .radius\:tl\:3, html.radius .radius\:lt\:3 { border-top-left-radius: 1.5em } -html.radius .radius\:tl\:4, html.radius .radius\:lt\:4 { border-top-left-radius: 2em } -html.radius .radius\:tl\:5, html.radius .radius\:lt\:5 { border-top-left-radius: 2.5em } -html.radius .radius\:tl\:6, html.radius .radius\:lt\:6 { border-top-left-radius: 3em } - -html.radius .radius\:tl\:0, html.radius .radius\:lt\:0 { border-top-left-radius: 0 } -html.radius .radius\:tl\:25, html.radius .radius\:lt\:25 { border-top-left-radius: 25% } -html.radius .radius\:tl\:50, html.radius .radius\:lt\:50 { border-top-left-radius: 50% } -html.radius .radius\:tl\:75, html.radius .radius\:lt\:75 { border-top-left-radius: 75% } -html.radius .radius\:tl\:100, html.radius .radius\:lt\:100 { border-top-left-radius: 100% } +html.radius .radius\:tl\:xxs1, html.radius .radius\:lt\:xxs1 { border-top-left-radius: 0.1875em } +html.radius .radius\:tl\:xs, html.radius .radius\:lt\:xs { border-top-left-radius: 0.25em } +html.radius .radius\:tl\:md, html.radius .radius\:lt\:md { border-top-left-radius: 1em } +html.radius .radius\:tl\:lg, html.radius .radius\:lt\:lg { border-top-left-radius: 1.5em } +html.radius .radius\:tl\:xl, html.radius .radius\:lt\:xl { border-top-left-radius: 2em } html.radius .radius\:tr, html.radius .radius\:rt { border-top-right-radius: 0.5em } -html.radius .radius\:tr\:1, html.radius .radius\:rt\:1 { border-top-right-radius: 1em } -html.radius .radius\:tr\:2, html.radius .radius\:rt\:2 { border-top-right-radius: 1.25em } -html.radius .radius\:tr\:3, html.radius .radius\:rt\:3 { border-top-right-radius: 1.5em } -html.radius .radius\:tr\:4, html.radius .radius\:rt\:4 { border-top-right-radius: 2em } -html.radius .radius\:tr\:5, html.radius .radius\:rt\:5 { border-top-right-radius: 2.5em } -html.radius .radius\:tr\:6, html.radius .radius\:rt\:6 { border-top-right-radius: 3em } - -html.radius .radius\:tr\:0, html.radius .radius\:rt\:0 { border-top-right-radius: 0 } -html.radius .radius\:tr\:25, html.radius .radius\:rt\:25 { border-top-right-radius: 25% } -html.radius .radius\:tr\:50, html.radius .radius\:rt\:50 { border-top-right-radius: 50% } -html.radius .radius\:tr\:75, html.radius .radius\:rt\:75 { border-top-right-radius: 75% } -html.radius .radius\:tr\:100, html.radius .radius\:rt\:100 { border-top-right-radius: 100% } +html.radius .radius\:tr\:xxs1, html.radius .radius\:rt\:xxs1 { border-top-right-radius: 0.1875em } +html.radius .radius\:tr\:xs, html.radius .radius\:rt\:xs { border-top-right-radius: 0.25em } +html.radius .radius\:tr\:md, html.radius .radius\:rt\:md { border-top-right-radius: 1em } +html.radius .radius\:tr\:lg, html.radius .radius\:rt\:lg { border-top-right-radius: 1.5em } +html.radius .radius\:tr\:xl, html.radius .radius\:rt\:xl { border-top-right-radius: 2em } html.radius .radius\:bl, html.radius .radius\:lb { border-bottom-left-radius: 0.5em } -html.radius .radius\:bl\:1, html.radius .radius\:lb\:1 { border-bottom-left-radius: 1em } -html.radius .radius\:bl\:2, html.radius .radius\:lb\:2 { border-bottom-left-radius: 1.25em } -html.radius .radius\:bl\:3, html.radius .radius\:lb\:3 { border-bottom-left-radius: 1.5em } -html.radius .radius\:bl\:4, html.radius .radius\:lb\:4 { border-bottom-left-radius: 2em } -html.radius .radius\:bl\:5, html.radius .radius\:lb\:5 { border-bottom-left-radius: 2.5em } -html.radius .radius\:bl\:6, html.radius .radius\:lb\:6 { border-bottom-left-radius: 3em } - -html.radius .radius\:bl\:0, html.radius .radius\:lb\:0 { border-bottom-left-radius: 0 } -html.radius .radius\:bl\:25, html.radius .radius\:lb\:25 { border-bottom-left-radius: 25% } -html.radius .radius\:bl\:50, html.radius .radius\:lb\:50 { border-bottom-left-radius: 50% } -html.radius .radius\:bl\:75, html.radius .radius\:lb\:75 { border-bottom-left-radius: 75% } -html.radius .radius\:bl\:100, html.radius .radius\:lb\:100 { border-bottom-left-radius: 100% } +html.radius .radius\:bl\:xxs1, html.radius .radius\:lb\:xxs1 { border-bottom-left-radius: 0.1875em } +html.radius .radius\:bl\:xs, html.radius .radius\:lb\:xs { border-bottom-left-radius: 0.25em } +html.radius .radius\:bl\:md, html.radius .radius\:lb\:md { border-bottom-left-radius: 1em } +html.radius .radius\:bl\:lg, html.radius .radius\:lb\:lg { border-bottom-left-radius: 1.5em } +html.radius .radius\:bl\:xl, html.radius .radius\:lb\:xl { border-bottom-left-radius: 2em } html.radius .radius\:br, html.radius .radius\:rb { border-bottom-right-radius: 0.5em } -html.radius .radius\:br\:1, html.radius .radius\:rb\:1 { border-bottom-right-radius: 1em } -html.radius .radius\:br\:2, html.radius .radius\:rb\:2 { border-bottom-right-radius: 1.25em } -html.radius .radius\:br\:3, html.radius .radius\:rb\:3 { border-bottom-right-radius: 1.5em } -html.radius .radius\:br\:4, html.radius .radius\:rb\:4 { border-bottom-right-radius: 2em } -html.radius .radius\:br\:5, html.radius .radius\:rb\:5 { border-bottom-right-radius: 2.5em } -html.radius .radius\:br\:6, html.radius .radius\:rb\:6 { border-bottom-right-radius: 3em } - -html.radius .radius\:br\:0, html.radius .radius\:rb\:0 { border-bottom-right-radius: 0 } -html.radius .radius\:br\:25, html.radius .radius\:rb\:25 { border-bottom-right-radius: 25% } -html.radius .radius\:br\:50, html.radius .radius\:rb\:50 { border-bottom-right-radius: 50% } -html.radius .radius\:br\:75, html.radius .radius\:rb\:75 { border-bottom-right-radius: 75% } -html.radius .radius\:br\:100, html.radius .radius\:rb\:100 { border-bottom-right-radius: 100% } +html.radius .radius\:br\:xxs1, html.radius .radius\:rb\:xxs1 { border-bottom-right-radius: 0.1875em } +html.radius .radius\:br\:xs, html.radius .radius\:rb\:xs { border-bottom-right-radius: 0.25em } +html.radius .radius\:br\:md, html.radius .radius\:rb\:md { border-bottom-right-radius: 1em } +html.radius .radius\:br\:lg, html.radius .radius\:rb\:lg { border-bottom-right-radius: 1.5em } +html.radius .radius\:br\:xl, html.radius .radius\:rb\:xl { border-bottom-right-radius: 2em } html.radius .radius\:top { border-top-left-radius: 0.5em; border-top-right-radius: 0.5em } -html.radius .radius\:top\:1 { border-top-left-radius: 1em; border-top-right-radius: 1em } -html.radius .radius\:top\:2 { border-top-left-radius: 1.25em; border-top-right-radius: 1.25em } -html.radius .radius\:top\:3 { border-top-left-radius: 1.5em; border-top-right-radius: 1.5em } -html.radius .radius\:top\:4 { border-top-left-radius: 2em; border-top-right-radius: 2em } -html.radius .radius\:top\:5 { border-top-left-radius: 2.5em; border-top-right-radius: 2.5em } -html.radius .radius\:top\:6 { border-top-left-radius: 3em; border-top-right-radius: 3em } - -html.radius .radius\:top\:0 { border-top-left-radius: 0; border-top-right-radius: 0 } -html.radius .radius\:top\:25 { border-top-left-radius: 25%; border-top-right-radius: 25% } -html.radius .radius\:top\:50 { border-top-left-radius: 50%; border-top-right-radius: 50% } -html.radius .radius\:top\:75 { border-top-left-radius: 75%; border-top-right-radius: 75% } -html.radius .radius\:top\:100 { border-top-left-radius: 100%; border-top-right-radius: 100% } +html.radius .radius\:top\:xxs1 { border-top-left-radius: 0.1875em; border-top-right-radius: 0.1875em } +html.radius .radius\:top\:xs { border-top-left-radius: 0.25em; border-top-right-radius: 0.25em } +html.radius .radius\:top\:md { border-top-left-radius: 1em; border-top-right-radius: 1em } +html.radius .radius\:top\:lg { border-top-left-radius: 1.5em; border-top-right-radius: 1.5em } +html.radius .radius\:top\:xl { border-top-left-radius: 2em; border-top-right-radius: 2em } html.radius .radius\:bottom { border-bottom-left-radius: 0.5em; border-bottom-right-radius: 0.5em } -html.radius .radius\:bottom\:1 { border-bottom-left-radius: 1em; border-bottom-right-radius: 1em } -html.radius .radius\:bottom\:2 { border-bottom-left-radius: 1.25em; border-bottom-right-radius: 1.25em } -html.radius .radius\:bottom\:3 { border-bottom-left-radius: 1.5em; border-bottom-right-radius: 1.5em } -html.radius .radius\:bottom\:4 { border-bottom-left-radius: 2em; border-bottom-right-radius: 2em } -html.radius .radius\:bottom\:5 { border-bottom-left-radius: 2.5em; border-bottom-right-radius: 2.5em } -html.radius .radius\:bottom\:6 { border-bottom-left-radius: 3em; border-bottom-right-radius: 3em } - -html.radius .radius\:bottom\:0 { border-bottom-left-radius: 0; border-bottom-right-radius: 0 } -html.radius .radius\:bottom\:25 { border-bottom-left-radius: 25%; border-bottom-right-radius: 25% } -html.radius .radius\:bottom\:50 { border-bottom-left-radius: 50%; border-bottom-right-radius: 50% } -html.radius .radius\:bottom\:75 { border-bottom-left-radius: 75%; border-bottom-right-radius: 75% } -html.radius .radius\:bottom\:100 { border-bottom-left-radius: 100%; border-bottom-right-radius: 100% } +html.radius .radius\:bottom\:xxs1 { border-bottom-left-radius: 0.1875em; border-bottom-right-radius: 0.1875em } +html.radius .radius\:bottom\:xs { border-bottom-left-radius: 0.25em; border-bottom-right-radius: 0.25em } +html.radius .radius\:bottom\:md { border-bottom-left-radius: 1em; border-bottom-right-radius: 1em } +html.radius .radius\:bottom\:lg { border-bottom-left-radius: 1.5em; border-bottom-right-radius: 1.5em } +html.radius .radius\:bottom\:xl { border-bottom-left-radius: 2em; border-bottom-right-radius: 2em } html.radius .radius\:left { border-top-left-radius: 0.5em; border-bottom-left-radius: 0.5em } -html.radius .radius\:left\:1 { border-top-left-radius: 1em; border-bottom-left-radius: 1em } -html.radius .radius\:left\:2 { border-top-left-radius: 1.25em; border-bottom-left-radius: 1.25em } -html.radius .radius\:left\:3 { border-top-left-radius: 1.5em; border-bottom-left-radius: 1.5em } -html.radius .radius\:left\:4 { border-top-left-radius: 2em; border-bottom-left-radius: 2em } -html.radius .radius\:left\:5 { border-top-left-radius: 2.5em; border-bottom-left-radius: 2.5em } -html.radius .radius\:left\:6 { border-top-left-radius: 3em; border-bottom-left-radius: 3em } - -html.radius .radius\:left\:0 { border-top-left-radius: 0; border-bottom-left-radius: 0 } -html.radius .radius\:left\:25 { border-top-left-radius: 25%; border-bottom-left-radius: 25% } -html.radius .radius\:left\:50 { border-top-left-radius: 50%; border-bottom-left-radius: 50% } -html.radius .radius\:left\:75 { border-top-left-radius: 75%; border-bottom-left-radius: 75% } -html.radius .radius\:left\:100 { border-top-left-radius: 100%; border-bottom-left-radius: 100% } +html.radius .radius\:left\:xxs1 { border-top-left-radius: 0.1875em; border-bottom-left-radius: 0.1875em } +html.radius .radius\:left\:xs { border-top-left-radius: 0.25em; border-bottom-left-radius: 0.25em } +html.radius .radius\:left\:md { border-top-left-radius: 1em; border-bottom-left-radius: 1em } +html.radius .radius\:left\:lg { border-top-left-radius: 1.5em; border-bottom-left-radius: 1.5em } +html.radius .radius\:left\:xl { border-top-left-radius: 2em; border-bottom-left-radius: 2em } html.radius .radius\:right { border-top-right-radius: 0.5em; border-bottom-right-radius: 0.5em } -html.radius .radius\:right\:1 { border-top-right-radius: 1em; border-bottom-right-radius: 1em } -html.radius .radius\:right\:2 { border-top-right-radius: 1.25em; border-bottom-right-radius: 1.25em } -html.radius .radius\:right\:3 { border-top-right-radius: 1.5em; border-bottom-right-radius: 1.5em } -html.radius .radius\:right\:4 { border-top-right-radius: 2em; border-bottom-right-radius: 2em } -html.radius .radius\:right\:5 { border-top-right-radius: 2.5em; border-bottom-right-radius: 2.5em } -html.radius .radius\:right\:6 { border-top-right-radius: 3em; border-bottom-right-radius: 3em } - -html.radius .radius\:right\:0 { border-top-right-radius: 0; border-bottom-right-radius: 0 } -html.radius .radius\:right\:25 { border-top-right-radius: 25%; border-bottom-right-radius: 25% } -html.radius .radius\:right\:50 { border-top-right-radius: 50%; border-bottom-right-radius: 50% } -html.radius .radius\:right\:75 { border-top-right-radius: 75%; border-bottom-right-radius: 75% } -html.radius .radius\:right\:100 { border-top-right-radius: 100%; border-bottom-right-radius: 100% } +html.radius .radius\:right\:xxs1 { border-top-right-radius: 0.1875em; border-bottom-right-radius: 0.1875em } +html.radius .radius\:right\:xs { border-top-right-radius: 0.25em; border-bottom-right-radius: 0.25em } +html.radius .radius\:right\:md { border-top-right-radius: 1em; border-bottom-right-radius: 1em } +html.radius .radius\:right\:lg { border-top-right-radius: 1.5em; border-bottom-right-radius: 1.5em } +html.radius .radius\:right\:xl { border-top-right-radius: 2em; border-bottom-right-radius: 2em } diff --git a/src/resize.css b/src/resize.css new file mode 100644 index 0000000..5aa6ad7 --- /dev/null +++ b/src/resize.css @@ -0,0 +1,5 @@ +.rs\:n { resize: none } +.rs\:b { resize: both } +.rs\:h { resize: horizontal } +.rs\:v { resize: vertical } +.rs\:i { resize: inline } diff --git a/src/scroll.css b/src/scroll.css new file mode 100644 index 0000000..0b98335 --- /dev/null +++ b/src/scroll.css @@ -0,0 +1,111 @@ +:root { + --sf-scroll: var(--sf-em-md); + + --sf-scroll-xs: var(--sf-em-xs); + --sf-scroll-sm: var(--sf-em-sm); + --sf-scroll-lg: var(--sf-em-lg); + --sf-scroll-xl: var(--sf-em-xl); +} + +.sb\:a { scroll-behavior: auto } +.sb\:s { scroll-behavior: smooth } + +.sst\:n { scroll-snap-type: none } +.sst\:x { scroll-snap-type: x mandatory } +.sst\:y { scroll-snap-type: y mandatory } +.sst\:b { scroll-snap-type: block mandatory } +.sst\:in { scroll-snap-type: inline mandatory } +.sst\:x\:p { scroll-snap-type: x proximity } +.sst\:y\:p { scroll-snap-type: y proximity } +.sst\:b\:p { scroll-snap-type: block proximity } +.sst\:in\:p { scroll-snap-type: inline proximity } + +.ssa\:s { scroll-snap-align: start } +.ssa\:e { scroll-snap-align: end } +.ssa\:c { scroll-snap-align: center } +.ssa\:none { scroll-snap-align: none } + +.sp { scroll-padding: var(--sf-scroll) } +.sp\:0 { scroll-padding: 0 } +.sp\:xs { scroll-padding: var(--sf-scroll-xs) } +.sp\:sm { scroll-padding: var(--sf-scroll-sm) } +.sp\:lg { scroll-padding: var(--sf-scroll-lg) } +.sp\:xl { scroll-padding: var(--sf-scroll-xl) } + +.sp\:t { scroll-padding-top: var(--sf-scroll) } +.sp\:r { scroll-padding-right: var(--sf-scroll) } +.sp\:b { scroll-padding-bottom: var(--sf-scroll) } +.sp\:l { scroll-padding-left: var(--sf-scroll) } + +.sm { scroll-margin: var(--sf-scroll) } +.sm\:0 { scroll-margin: 0 } +.sm\:xs { scroll-margin: var(--sf-em-xs) } +.sm\:sm { scroll-margin: var(--sf-em-sm) } +.sm\:lg { scroll-margin: var(--sf-em-lg) } +.sm\:xl { scroll-margin: var(--sf-em-xl) } + +.sm\:t { scroll-margin-top: var(--sf-scroll) } +.sm\:r { scroll-margin-right: var(--sf-scroll) } +.sm\:b { scroll-margin-bottom: var(--sf-scroll) } +.sm\:l { scroll-margin-left: var(--sf-scroll) } + +.ov { overflow: auto } +.ov\:h { overflow: hidden } +.ov\:s { overflow: scroll } +.ov\:v { overflow: visible } + +.ov\:x { overflow-x: auto } +.ov\:x\:h, .ov\:h\:x { overflow-x: hidden } +.ov\:x\:s, .ov\:s\:x { overflow-x: scroll } +.ov\:x\:v, .ov\:v\:x { overflow-x: visible } + +.ov\:y { overflow-y: auto } +.ov\:y\:h, .ov\:h\:y { overflow-y: hidden } +.ov\:y\:s, .ov\:s\:y { overflow-y: scroll } +.ov\:y\:v, .ov\:v\:y { overflow-y: visible } + +.osb\:a { overscroll-behavior: auto } +.osb\:c { overscroll-behavior: contain } +.osb\:n { overscroll-behavior: none } + +.osb\:x\:a { overscroll-behavior-x: auto } +.osb\:x\:c { overscroll-behavior-x: contain } +.osb\:x\:n { overscroll-behavior-x: none } + +.osb\:y\:a { overscroll-behavior-y: auto } +.osb\:y\:c { overscroll-behavior-y: contain } +.osb\:y\:n { overscroll-behavior-y: none } + +.sb\:w\:sm { scrollbar-width: thin } +.sb\:w\:md { scrollbar-width: auto } +.sb\:w\:none { scrollbar-width: none } + +.sb\:c\:t { scrollbar-color: transparent } +.sb\:c\:d { scrollbar-color: dark } +.sb\:c\:l { scrollbar-color: light } + +/* /// */ + +html.var .sp { scroll-padding: 1rem } +html.var .sp\:0 { scroll-padding: 0 } +html.var .sp\:xs { scroll-padding: 0.25rem } +html.var .sp\:sm { scroll-padding: 0.5rem } +html.var .sp\:lg { scroll-padding: 1.5rem } +html.var .sp\:xl { scroll-padding: 2rem } + +html.var .sp\:t { scroll-padding-top: 1rem } +html.var .sp\:r { scroll-padding-right: 1rem } +html.var .sp\:b { scroll-padding-bottom: 1rem } +html.var .sp\:l { scroll-padding-left: 1rem } + +html.var .sm { scroll-margin: 1rem } +html.var .sm\:0 { scroll-margin: 0 } +html.var .sm\:xs { scroll-margin: 0.25rem } +html.var .sm\:sm { scroll-margin: 0.5rem } +html.var .sm\:lg { scroll-margin: 1.5rem } +html.var .sm\:xl { scroll-margin: 2rem } + +html.var .sm\:t { scroll-margin-top: 1rem } +html.var .sm\:r { scroll-margin-right: 1rem } +html.var .sm\:b { scroll-margin-bottom: 1rem } +html.var .sm\:l { scroll-margin-left: 1rem } diff --git a/src/text.css b/src/text.css index 88c2b30..ccea147 100644 --- a/src/text.css +++ b/src/text.css @@ -53,6 +53,7 @@ .fw { font-weight: var(--sf-fw) } .fw\:i { font-weight: inherit } +.fw\:ii { font-weight: initial } .fw\:bold { font-weight: var(--sf-fw-bold) } .fw\:small { font-weight: var(--sf-fw-small) } @@ -105,6 +106,7 @@ .fz { font-size: var(--sf-fz) } .fz\:0 { font-size: var(--sf-fz-0) } .fz\:i { font-size: inherit } +.fz\:ii { font-size: initial } .fz\:bold { font-size: var(--sf-fz-bold) } .fz\:small { font-size: var(--sf-fz-small) } @@ -122,6 +124,7 @@ .whs { white-space: normal } .whs\:i { white-space: inherit } +.whs\:ii { white-space: initial } .whs\:nowrap, .\$whs\:nowrap > * { white-space: nowrap } .whs\:p { white-space: pre } .whs\:pl { white-space: pre-line } @@ -130,12 +133,14 @@ .lh { line-height: var(--sf-lh-normal) } .lh\:base { line-height: var(--sf-lh) } .lh\:i { line-height: inherit } +.lh\:ii { line-height: initial } .lh\:n { line-height: normal } .lh\:1 { line-height: 1 } .lh\:0 { line-height: 0 } /* https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align */ .va\:i, .\$va\:i > * { vertical-align: inherit } +.va\:ii, .\$va\:ii > * { vertical-align: initial } .va\:bl, .\$va\:bl > * { vertical-align: baseline } .va\:a, .\$va\:a > * { vertical-align: auto } .va\:m, .\$va\:m > * { vertical-align: middle } @@ -163,7 +168,8 @@ .wm\:tbl { writing-mode: tb-lr } .wm\:tbr { writing-mode: tb-rl } -.wm\:inherit { writing-mode: inherit } +.wm\:i { writing-mode: inherit } +.wm\:ii { writing-mode: initial } .wm\:horizontal-tb { writing-mode: horizontal-tb } .wm\:sideways-lr { writing-mode: sideways-lr } @@ -184,6 +190,7 @@ html.var .ff\:fangsong { font-family: fangsong } html.var .fw { font-weight: 400 } html.var .fw\:i { font-weight: inherit } +html.var .fw\:ii { font-weight: initial } html.var .fw\:bold { font-weight: 600 } html.var .fw\:small { font-weight: 300 } @@ -204,6 +211,7 @@ html.var .fz\:h6 { font-size: 16px } html.var .fz { font-size: 16px } html.var .fz\:0 { font-size: 0 } html.var .fz\:i { font-size: inherit } +html.var .fz\:ii { font-size: initial } html.var .fz\:bold { font-size: 16px } html.var .fz\:small { font-size: 12px } @@ -221,3 +229,14 @@ html.ta .ta\:l, html.ta .\$ta\:l > * { text-align: left } html.ta .ta\:c, html.ta .\$ta\:c > * { text-align: center } html.ta .ta\:r, html.ta .\$ta\:r > * { text-align: right } html.ta .ta\:j, html.ta .\$ta\:j > * { text-align: justify } + +html.flex .va\:bl, html.flex .\$va\:bl > * { vertical-align: baseline } +html.flex .va\:a, html.flex .\$va\:a > * { vertical-align: auto } +html.flex .va\:m, html.flex .\$va\:m > * { vertical-align: middle } +html.flex .va\:t, html.flex .\$va\:t > * { vertical-align: top } +html.flex .va\:b, html.flex .\$va\:b > * { vertical-align: bottom } +html.flex .va\:tt, html.flex .\$va\:tt > * { vertical-align: text-top } +html.flex .va\:tb, html.flex .\$va\:tb > * { vertical-align: text-bottom } +html.flex .va\:sub, html.flex .\$va\:sub > * { vertical-align: sub } +html.flex .va\:sup, html.flex .\$va\:sup > * { vertical-align: super } + diff --git a/src/touch-action.css b/src/touch-action.css new file mode 100644 index 0000000..8488b9d --- /dev/null +++ b/src/touch-action.css @@ -0,0 +1,13 @@ +.tac\:a { touch-action: auto } +.tac\:n { touch-action: none } +.tac\:m { touch-action: manipulation } + +.tac\:px { touch-action: pan-x } +.tac\:py { touch-action: pan-y } +.tac\:pxy { touch-action: pan-x pan-y } + +.tac\:pz { touch-action: pinch-zoom } + +.tac\:px\:pz { touch-action: pan-x pinch-zoom } +.tac\:py\:pz { touch-action: pan-y pinch-zoom } +.tac\:pxy\:pz { touch-action: pan-x pan-y pinch-zoom } diff --git a/src/transition.css b/src/transition.css new file mode 100644 index 0000000..37178ce --- /dev/null +++ b/src/transition.css @@ -0,0 +1,46 @@ +.tr\:p\:a { transition-property: all } +.tr\:p\:n { transition-property: none } +.tr\:p\:op { transition-property: opacity } +.tr\:p\:bg { transition-property: background-color } +.tr\:p\:c { transition-property: color } +.tr\:p\:t { transition-property: transform } +.tr\:p\:h { transition-property: height } +.tr\:p\:w { transition-property: width } +.tr\:p\:m { transition-property: margin } +.tr\:p\:p { transition-property: padding } + +.tr\:f\:e { transition-timing-function: ease } +.tr\:f\:ei { transition-timing-function: ease-in } +.tr\:f\:eo { transition-timing-function: ease-out } +.tr\:f\:eio { transition-timing-function: ease-in-out } +.tr\:f\:l { transition-timing-function: linear } +.tr\:f\:st { transition-timing-function: step-start } +.tr\:f\:se { transition-timing-function: step-end } + +.tr\:d\:0 { transition-duration: 0s } +.tr\:d\:100 { transition-duration: .1s } +.tr\:d\:200 { transition-duration: .2s } +.tr\:d\:300 { transition-duration: .3s } +.tr\:d\:400 { transition-duration: .4s } +.tr\:d\:500 { transition-duration: .5s } +.tr\:d\:600 { transition-duration: .6s } +.tr\:d\:700 { transition-duration: .7s } +.tr\:d\:800 { transition-duration: .8s } +.tr\:d\:900 { transition-duration: .9s } +.tr\:d\:1 { transition-duration: 1s } +.tr\:d\:2 { transition-duration: 2s } +.tr\:d\:3 { transition-duration: 3s } + +.tr\:dl\:0 { transition-delay: 0s } +.tr\:dl\:100 { transition-delay: .1s } +.tr\:dl\:200 { transition-delay: .2s } +.tr\:dl\:300 { transition-delay: .3s } +.tr\:dl\:400 { transition-delay: .4s } +.tr\:dl\:500 { transition-delay: .5s } +.tr\:dl\:600 { transition-delay: .6s } +.tr\:dl\:700 { transition-delay: .7s } +.tr\:dl\:800 { transition-delay: .8s } +.tr\:dl\:900 { transition-delay: .9s } +.tr\:dl\:1 { transition-delay: 1s } +.tr\:dl\:2 { transition-delay: 2s } +.tr\:dl\:3 { transition-delay: 3s } diff --git a/src/units/all.css b/src/units/all.css new file mode 100644 index 0000000..e91ff62 --- /dev/null +++ b/src/units/all.css @@ -0,0 +1,2 @@ +@import './unit.css'; +@import './em.css'; diff --git a/src/units/em.css b/src/units/em.css new file mode 100644 index 0000000..e642ad9 --- /dev/null +++ b/src/units/em.css @@ -0,0 +1,54 @@ +:root { + --sf-unit-em: 1em; + + /* Tiny sizes */ + --sf-em-xxxs: calc(var(--sf-unit-xxxs) * var(--sf-unit-em)); /* 1px */ + + --sf-em-xxs: calc(var(--sf-unit-xxs) * var(--sf-unit-em)); /* 2px */ + --sf-em-xxs1: calc(3 / 16 * var(--sf-unit-em)); /* 3px */ + + --sf-em-xs: calc(var(--sf-unit-xs) * var(--sf-unit-em)); /* 4px */ + --sf-em-xs1: calc(5 / 16 * var(--sf-unit-em)); /* 5px */ + --sf-em-xs2: calc(6 / 16 * var(--sf-unit-em)); /* 6px */ + --sf-em-xs3: calc(7 / 16 * var(--sf-unit-em)); /* 7px */ + + /* Small sizes */ + --sf-em-sm: calc(var(--sf-unit-sm) * var(--sf-unit-em)); /* 8px */ + --sf-em-sm1: calc(9 / 16 * var(--sf-unit-em)); /* 9px */ + --sf-em-s: calc(var(--sf-unit-s) * var(--sf-unit-em)); /* 10px */ + --sf-em-sm3: calc(11 / 16 * var(--sf-unit-em)); /* 11px */ + + --sf-em-ms: calc(var(--sf-unit-ms) * var(--sf-unit-em)); /* 12px */ + --sf-em-ms1: calc(13 / 16 * var(--sf-unit-em)); /* 13px */ + + --sf-em-ls: calc(var(--sf-unit-ls) * var(--sf-unit-em)); /* 14px */ + --sf-em-ls1: calc(15 / 16 * var(--sf-unit-em)); /* 15px */ + + /* Medium sizes */ + --sf-em-md: var(--sf-unit-em); /* 16px */ + --sf-em-md1: calc(17 / 16 * var(--sf-unit-em)); /* 17px */ + --sf-em-md2: calc(18 / 16 * var(--sf-unit-em)); /* 18px */ + --sf-em-md3: calc(19 / 16 * var(--sf-unit-em)); /* 19px */ + --sf-em-md4: calc(20 / 16 * var(--sf-unit-em)); /* 20px */ + + /* Large sizes */ + --sf-em-lg: calc(var(--sf-unit-lg) * var(--sf-unit-em)); /* 24px */ + --sf-em-xl: calc(var(--sf-unit-xl) * var(--sf-unit-em)); /* 32px */ + + /* Extra Large Sizes */ + --sf-em-2xl: calc(2 * var(--sf-unit-xl) * var(--sf-unit-em)); /* 48px */ + --sf-em-3xl: calc(3 * var(--sf-unit-xl) * var(--sf-unit-em)); /* 64px */ + --sf-em-4xl: calc(4 * var(--sf-unit-xl) * var(--sf-unit-em)); /* 96px */ + --sf-em-5xl: calc(5 * var(--sf-unit-xl) * var(--sf-unit-em)); /* 128px */ + --sf-em-6xl: calc(6 * var(--sf-unit-xl) * var(--sf-unit-em)); /* 160px */ + --sf-em-7xl: calc(7 * var(--sf-unit-xl) * var(--sf-unit-em)); /* 192px */ + --sf-em-8xl: calc(8 * var(--sf-unit-xl) * var(--sf-unit-em)); /* 256px */ + --sf-em-9xl: calc(9 * var(--sf-unit-xl) * var(--sf-unit-em)); /* 320px */ + --sf-em-10xl: calc(10 * var(--sf-unit-xl) * var(--sf-unit-em)); /* 384px */ + --sf-em-11xl: calc(11 * var(--sf-unit-xl) * var(--sf-unit-em)); /* 512px */ + --sf-em-12xl: calc(12 * var(--sf-unit-xl) * var(--sf-unit-em)); /* 640px */ + --sf-em-13xl: calc(13 * var(--sf-unit-xl) * var(--sf-unit-em)); /* 768px */ + --sf-em-14xl: calc(14 * var(--sf-unit-xl) * var(--sf-unit-em)); /* 1024px */ + --sf-em-15xl: calc(15 * var(--sf-unit-xl) * var(--sf-unit-em)); /* 1280px */ + --sf-em-16xl: calc(16 * var(--sf-unit-xl) * var(--sf-unit-em)); /* 1600px */ +} diff --git a/src/units/unit.css b/src/units/unit.css new file mode 100644 index 0000000..1f6b868 --- /dev/null +++ b/src/units/unit.css @@ -0,0 +1,12 @@ +:root { + --sf-unit-xxxs: 0.0625; /* 1px */ + --sf-unit-xxs: 0.125; /* 2px */ + --sf-unit-xs: 0.25; /* 4px */ + --sf-unit-sm: 0.5; /* 8px */ + --sf-unit-s: 0.625; /* 10px */ + --sf-unit-ms: 0.75; /* 12px */ + --sf-unit-ls: 0.85; /* 14px */ + --sf-unit-md: 1; /* 16px */ + --sf-unit-lg: 1.5; /* 24px */ + --sf-unit-xl: 2; /* 32px */ +} diff --git a/src/user-select.css b/src/user-select.css new file mode 100644 index 0000000..0ff9b42 --- /dev/null +++ b/src/user-select.css @@ -0,0 +1,5 @@ +.us\:a { user-select: auto } +.us\:n { user-select: none } +.us\:t { user-select: text } +.us\:c { user-select: contain } +.us\:a\:e { user-select: all } diff --git a/src/will-change.css b/src/will-change.css new file mode 100644 index 0000000..7deb5d1 --- /dev/null +++ b/src/will-change.css @@ -0,0 +1,6 @@ +.wc\:a { will-change: auto } +.wc\:s { will-change: scroll-position } +.wc\:t { will-change: transform } +.wc\:o { will-change: opacity } +.wc\:c { will-change: contents } +.wc\:t\:o { will-change: transform, opacity }