lism-css 0.16.1 → 0.18.0

package/README.ja.md

@@ -20,7 +20,7 @@ React / Astro 向けのコンポーネントも提供しており、propsを通
 - **ゼロビルドフレームワーク** — CSS ファイルを読み込むだけで、プレーン HTML でも動作します。ビルドツール、プリプロセッサ、設定は不要。CDN または npm で利用可能。
 - **レイアウト優先のプリミティブアーキテクチャ** — レイアウトプリミティブ（`l--flex`、`l--stack`、`l--grid`、`l--columns`、`l--center`、`l--withSide` など）で、カスタム CSS を書かずに一般的なレイアウトパターンを組み立てられます。
 - **CSS レイヤー構造** — `@layer`（lism-base → lism-trait → lism-primitive → lism-component → lism-custom → lism-utility）を使用した明確な詳細度管理。`lism-trait` は `is--` / `has--` の Trait クラス用レイヤー、`lism-primitive` の内部は `layout` / `atomic` のサブレイヤーに分かれています。`lism-component` は BEM 構造の `c--` コンポーネント用レイヤー、`lism-custom` はユーザー独自プレフィックスのクラス用レイヤーです。詳細度の衝突を最小限に抑えます。
-- **デザイントークン** — カラー、スペーシング、フォントサイズ、シャドウ、ボーダー半径を CSS カスタムプロパティで管理。変数を上書きするだけで簡単にカスタマイズできます。
+- **デザイントークン** — カラー、余白、フォントサイズ、シャドウ、ボーダー半径を CSS カスタムプロパティで管理。変数を上書きするだけで簡単にカスタマイズできます。
 - **柔軟なプロップクラス** — `-{prop}:{value}` の命名規則（例: `-p:20`、`-bgc:base-2`、`-fz:l`）で CSS プロパティをユーティリティクラスにマッピングし、素早く読みやすいスタイリングを実現します。
 - **レスポンシブシステム** — ブレークポイント固有のクラスと CSS 変数（例: `-p_sm`、`-p_md`）にデフォルトでコンテナクエリを採用し、親要素ベースのレスポンシブデザインを実現。メディアクエリへの切り替えも可能。
 - **React & Astro コンポーネント** — React と Astro の両方に対応した専用コンポーネントが、props を Lism CSS のクラスと変数に自動変換します。`class="l--stack -g:20"` の代わりに `<Stack g="20">` と書けます。
@@ -180,11 +180,11 @@ Lism CSS は構造化された命名規則を CSS クラスに使用していま
 Lism CSS は一貫したデザインのための CSS カスタムプロパティを提供します:
 
 - **カラー:** `--base`、`--base-2`、`--text`、`--text-2`、`--link`、`--divider`、`--brand`、`--accent`、パレットカラー（`--red`、`--blue`、`--green` など）
-- **スペーシング:** `--s5`, `--s10`, `--s15`, `--s20`, `--s30`, `--s40` … `--s80`（rem 値にマッピング）
+- **余白:** `--s5`, `--s10`, `--s15`, `--s20`, `--s25`, `--s30`, `--s35`, `--s40` … `--s80`（rem 値にマッピング）
 - **フォントサイズ:** `--fz--2xs` 〜 `--fz--5xl`
 - **ボーダー半径:** `--bdrs--10`（0.25rem）〜 `--bdrs--99`（99rem）
 - **シャドウ:** `--bxsh--10` 〜 `--bxsh--50`（シャドウカラー設定可能）
-- **コンテナサイズ:** `--sz--xs`（32rem）〜 `--sz--xl`（1600px）
+- **コンテナサイズ:** `--sz--xs`（400px）、`--sz--s`（640px）、`--sz--m`（880px）、`--sz--l`（1200px）、`--sz--xl`（1600px）
 
 ## UI コンポーネント
 

package/README.md

@@ -180,11 +180,11 @@ Default breakpoints: `sm` = 480px, `md` = 800px, `lg` = 1120px (container querie
 Lism CSS provides CSS custom properties for consistent design:
 
 - **Colors:** `--base`, `--base-2`, `--text`, `--text-2`, `--link`, `--divider`, `--brand`, `--accent`, plus palette colors (`--red`, `--blue`, `--green`, etc.)
-- **Spacing:** `--s5`, `--s10`, `--s15`, `--s20`, `--s30`, `--s40` … `--s80` (mapped to rem values)
+- **Spacing:** `--s5`, `--s10`, `--s15`, `--s20`, `--s25`, `--s30`, `--s35`, `--s40` … `--s80` (mapped to rem values)
 - **Font Sizes:** `--fz--2xs` through `--fz--5xl`
 - **Border Radius:** `--bdrs--10` (0.25rem) through `--bdrs--99` (99rem)
 - **Shadows:** `--bxsh--10` through `--bxsh--50` with configurable shadow colors
-- **Container Sizes:** `--sz--xs` (32rem) through `--sz--xl` (1600px)
+- **Container Sizes:** `--sz--xs` (400px), `--sz--s` (640px), `--sz--m` (880px), `--sz--l` (1200px), `--sz--xl` (1600px)
 
 ## UI Components
 

package/config/defaults/props.ts

@@ -85,10 +85,10 @@ export default {
     prop: 'maxInlineSize',
     token: 'sz',
     tokenClass: 1,
-    presets: ['full'],
+    presets: ['full', 'bleed'],
     exUtility: {
       full: '',
-      container: '',
+      bleed: '',
     },
   },
   bsz: { prop: 'blockSize', token: 'sz' },

package/config/defaults/tokens.ts

@@ -2,17 +2,17 @@ export default {
   fz: ['root', 'base', '5xl', '4xl', '3xl', '2xl', 'xl', 'l', 'm', 's', 'xs', '2xs'],
   lh: ['base', 'xs', 's', 'l'],
   hl: ['base', 'xs', 's', 'l'],
-  lts: ['base', 's', 'l'],
+  lts: ['base', 's', 'l', 'xl'],
   ff: ['base', 'accent', 'mono'],
   fw: ['light', 'normal', 'bold'],
   o: ['mp', 'p', 'pp', 'ppp'],
   bdrs: ['10', '20', '30', '40', '99', 'inner'],
   bxsh: ['10', '20', '30', '40', '50'],
-  sz: ['xs', 's', 'm', 'l', 'xl', 'container'],
+  sz: ['xs', 's', 'm', 'l', 'xl'],
   ar: ['og'],
   space: {
     pre: '--s',
-    values: ['5', '10', '15', '20', '30', '40', '50', '60', '70', '80'],
+    values: ['5', '10', '15', '20', '25', '30', '35', '40', '50', '60', '70', '80'],
   },
   c: {
     pre: '--',

package/dist/config/default-config.d.ts

@@ -3,17 +3,17 @@ declare const _default: {
         readonly fz: readonly ["root", "base", "5xl", "4xl", "3xl", "2xl", "xl", "l", "m", "s", "xs", "2xs"];
         readonly lh: readonly ["base", "xs", "s", "l"];
         readonly hl: readonly ["base", "xs", "s", "l"];
-        readonly lts: readonly ["base", "s", "l"];
+        readonly lts: readonly ["base", "s", "l", "xl"];
         readonly ff: readonly ["base", "accent", "mono"];
         readonly fw: readonly ["light", "normal", "bold"];
         readonly o: readonly ["mp", "p", "pp", "ppp"];
         readonly bdrs: readonly ["10", "20", "30", "40", "99", "inner"];
         readonly bxsh: readonly ["10", "20", "30", "40", "50"];
-        readonly sz: readonly ["xs", "s", "m", "l", "xl", "container"];
+        readonly sz: readonly ["xs", "s", "m", "l", "xl"];
         readonly ar: readonly ["og"];
         readonly space: {
             readonly pre: "--s";
-            readonly values: readonly ["5", "10", "15", "20", "30", "40", "50", "60", "70", "80"];
+            readonly values: readonly ["5", "10", "15", "20", "25", "30", "35", "40", "50", "60", "70", "80"];
         };
         readonly c: {
             readonly pre: "--";
@@ -180,10 +180,10 @@ declare const _default: {
             readonly prop: "maxInlineSize";
             readonly token: "sz";
             readonly tokenClass: 1;
-            readonly presets: readonly ["full"];
+            readonly presets: readonly ["full", "bleed"];
             readonly exUtility: {
                 readonly full: "";
-                readonly container: "";
+                readonly bleed: "";
             };
         };
         readonly bsz: {

package/dist/config/defaults/props.d.ts

@@ -170,10 +170,10 @@ declare const _default: {
         readonly prop: "maxInlineSize";
         readonly token: "sz";
         readonly tokenClass: 1;
-        readonly presets: readonly ["full"];
+        readonly presets: readonly ["full", "bleed"];
         readonly exUtility: {
             readonly full: "";
-            readonly container: "";
+            readonly bleed: "";
         };
     };
     readonly bsz: {

package/dist/config/defaults/props.js

@@ -60,10 +60,10 @@ const e = ["start", "center", "end"], r = ["flex-start", "flex-end"], p = { s: "
     prop: "maxInlineSize",
     token: "sz",
     tokenClass: 1,
-    presets: ["full"],
+    presets: ["full", "bleed"],
     exUtility: {
       full: "",
-      container: ""
+      bleed: ""
     }
   },
   bsz: { prop: "blockSize", token: "sz" },

package/dist/config/defaults/tokens.d.ts

@@ -2,17 +2,17 @@ declare const _default: {
     readonly fz: readonly ["root", "base", "5xl", "4xl", "3xl", "2xl", "xl", "l", "m", "s", "xs", "2xs"];
     readonly lh: readonly ["base", "xs", "s", "l"];
     readonly hl: readonly ["base", "xs", "s", "l"];
-    readonly lts: readonly ["base", "s", "l"];
+    readonly lts: readonly ["base", "s", "l", "xl"];
     readonly ff: readonly ["base", "accent", "mono"];
     readonly fw: readonly ["light", "normal", "bold"];
     readonly o: readonly ["mp", "p", "pp", "ppp"];
     readonly bdrs: readonly ["10", "20", "30", "40", "99", "inner"];
     readonly bxsh: readonly ["10", "20", "30", "40", "50"];
-    readonly sz: readonly ["xs", "s", "m", "l", "xl", "container"];
+    readonly sz: readonly ["xs", "s", "m", "l", "xl"];
     readonly ar: readonly ["og"];
     readonly space: {
         readonly pre: "--s";
-        readonly values: readonly ["5", "10", "15", "20", "30", "40", "50", "60", "70", "80"];
+        readonly values: readonly ["5", "10", "15", "20", "25", "30", "35", "40", "50", "60", "70", "80"];
     };
     readonly c: {
         readonly pre: "--";

package/dist/config/defaults/tokens.js

@@ -2,17 +2,17 @@ const e = {
   fz: ["root", "base", "5xl", "4xl", "3xl", "2xl", "xl", "l", "m", "s", "xs", "2xs"],
   lh: ["base", "xs", "s", "l"],
   hl: ["base", "xs", "s", "l"],
-  lts: ["base", "s", "l"],
+  lts: ["base", "s", "l", "xl"],
   ff: ["base", "accent", "mono"],
   fw: ["light", "normal", "bold"],
   o: ["mp", "p", "pp", "ppp"],
   bdrs: ["10", "20", "30", "40", "99", "inner"],
   bxsh: ["10", "20", "30", "40", "50"],
-  sz: ["xs", "s", "m", "l", "xl", "container"],
+  sz: ["xs", "s", "m", "l", "xl"],
   ar: ["og"],
   space: {
     pre: "--s",
-    values: ["5", "10", "15", "20", "30", "40", "50", "60", "70", "80"]
+    values: ["5", "10", "15", "20", "25", "30", "35", "40", "50", "60", "70", "80"]
   },
   c: {
     pre: "--",

package/dist/config/index.d.ts

@@ -3,17 +3,17 @@ export declare const CONFIG: {
         readonly fz: readonly ["root", "base", "5xl", "4xl", "3xl", "2xl", "xl", "l", "m", "s", "xs", "2xs"];
         readonly lh: readonly ["base", "xs", "s", "l"];
         readonly hl: readonly ["base", "xs", "s", "l"];
-        readonly lts: readonly ["base", "s", "l"];
+        readonly lts: readonly ["base", "s", "l", "xl"];
         readonly ff: readonly ["base", "accent", "mono"];
         readonly fw: readonly ["light", "normal", "bold"];
         readonly o: readonly ["mp", "p", "pp", "ppp"];
         readonly bdrs: readonly ["10", "20", "30", "40", "99", "inner"];
         readonly bxsh: readonly ["10", "20", "30", "40", "50"];
-        readonly sz: readonly ["xs", "s", "m", "l", "xl", "container"];
+        readonly sz: readonly ["xs", "s", "m", "l", "xl"];
         readonly ar: readonly ["og"];
         readonly space: {
             readonly pre: "--s";
-            readonly values: readonly ["5", "10", "15", "20", "30", "40", "50", "60", "70", "80"];
+            readonly values: readonly ["5", "10", "15", "20", "25", "30", "35", "40", "50", "60", "70", "80"];
         };
         readonly c: {
             readonly pre: "--";
@@ -180,10 +180,10 @@ export declare const CONFIG: {
             readonly prop: "maxInlineSize";
             readonly token: "sz";
             readonly tokenClass: 1;
-            readonly presets: readonly ["full"];
+            readonly presets: readonly ["full", "bleed"];
             readonly exUtility: {
                 readonly full: "";
-                readonly container: "";
+                readonly bleed: "";
             };
         };
         readonly bsz: {
@@ -806,17 +806,17 @@ export declare const TOKENS: {
     readonly fz: readonly ["root", "base", "5xl", "4xl", "3xl", "2xl", "xl", "l", "m", "s", "xs", "2xs"];
     readonly lh: readonly ["base", "xs", "s", "l"];
     readonly hl: readonly ["base", "xs", "s", "l"];
-    readonly lts: readonly ["base", "s", "l"];
+    readonly lts: readonly ["base", "s", "l", "xl"];
     readonly ff: readonly ["base", "accent", "mono"];
     readonly fw: readonly ["light", "normal", "bold"];
     readonly o: readonly ["mp", "p", "pp", "ppp"];
     readonly bdrs: readonly ["10", "20", "30", "40", "99", "inner"];
     readonly bxsh: readonly ["10", "20", "30", "40", "50"];
-    readonly sz: readonly ["xs", "s", "m", "l", "xl", "container"];
+    readonly sz: readonly ["xs", "s", "m", "l", "xl"];
     readonly ar: readonly ["og"];
     readonly space: {
         readonly pre: "--s";
-        readonly values: readonly ["5", "10", "15", "20", "30", "40", "50", "60", "70", "80"];
+        readonly values: readonly ["5", "10", "15", "20", "25", "30", "35", "40", "50", "60", "70", "80"];
     };
     readonly c: {
         readonly pre: "--";
@@ -984,10 +984,10 @@ export declare const PROPS: {
         readonly prop: "maxInlineSize";
         readonly token: "sz";
         readonly tokenClass: 1;
-        readonly presets: readonly ["full"];
+        readonly presets: readonly ["full", "bleed"];
         readonly exUtility: {
             readonly full: "";
-            readonly container: "";
+            readonly bleed: "";
         };
     };
     readonly bsz: {

package/dist/css/base.css

@@ -1 +1 @@
-@property --sz--container{syntax:"<length-percentage>";initial-value:100cqi;inherits:true}:root{--sz--xl:1600px;--sz--l:1280px;--sz--m:56rem;--sz--s:42rem;--sz--xs:32rem;--black:#000;--white:#fff;--L:60%;--C:0.22;--red:oklch(var(--L) var(--C) 20);--orange:oklch(calc(var(--L) + 4%) calc(var(--C) - 0.01) 52);--yellow:oklch(calc(var(--L) + 12%) calc(var(--C) - 0.025) 84);--green:oklch(calc(var(--L) + 4%) calc(var(--C) - 0.02) 152);--blue:oklch(calc(var(--L) - 2%) calc(var(--C) + 0.01) 260);--purple:oklch(calc(var(--L) - 4%) calc(var(--C) + 0.02) 292);--pink:oklch(calc(var(--L) + 2%) calc(var(--C) + 0.02) 348);--gray:oklch(calc(var(--L) - 4%) 0.04 256);--brand:#1e5f8c;--accent:#d94a6a;--base:#fcfcfd;--base-2:#f1f2f3;--text:#141415;--text-2:#4d4f56;--link:oklch(50% 0.3 240);--divider:#dedfe3;--o--mp:0.9;--o--p:0.75;--o--pp:0.5;--o--ppp:0.25;--bdrs--10:0.25rem;--bdrs--20:0.5rem;--bdrs--30:1rem;--bdrs--40:1.5rem;--bdrs--99:99rem;--ar--og:1.91/1;--gutter-size:var(--s30);--REM:clamp(0.95rem,0.915rem + 0.15vw,1.05rem);--fz--base:var(--REM);--fz-mol:8;--fz--5xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 6));--fz--4xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 5));--fz--3xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 4));--fz--2xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 3));--fz--xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 2));--fz--l:calc(1em*var(--fz-mol)/(var(--fz-mol) - 1));--fz--m:1em;--fz--s:calc(1em*var(--fz-mol)/(var(--fz-mol) + 1));--fz--xs:calc(1em*var(--fz-mol)/(var(--fz-mol) + 2));--fz--2xs:calc(1em*var(--fz-mol)/(var(--fz-mol) + 3));--ff--base:-apple-system,"BlinkMacSystemFont","Hiragino Sans",sans-serif,"Segoe UI Emoji";--ff--mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;--ff--accent:"Garamond","Baskerville","Times New Roman",serif;--fw--light:300;--fw--normal:400;--fw--bold:600;--lts--base:normal;--lts--s:-0.05em;--lts--l:0.05em;--hl-unit:calc(var(--REM)*0.125);--hl--xs:var(--hl-unit);--hl--s:calc(var(--hl-unit)*2);--hl--base:calc(var(--hl-unit)*3);--hl--l:calc(var(--hl-unit)*4);--s-unit:calc(var(--REM)*0.5);--s5:calc(var(--s-unit)*0.5);--s10:var(--s-unit);--s15:calc(var(--s-unit)*1.5);--s20:calc(var(--s-unit)*2);--s30:calc(var(--s-unit)*3);--s40:calc(var(--s-unit)*5);--s50:calc(var(--s-unit)*8);--s60:calc(var(--s-unit)*13);--s70:calc(var(--s-unit)*21);--s80:calc(var(--s-unit)*34);--shc:rgba(20,20,21,.15);--shsz--10:0px 1px 3px;--shsz--20:0px 2px 6px;--shsz--30:0px 4px 12px;--shsz--40:0px 8px 24px;--shsz--50:0px 16px 48px}@property --hl{syntax:"<length>";inherits:true;initial-value:.25rem}.set--var\:bxsh,:root{--bxsh--10:var(--shsz--10) var(--shc);--bxsh--20:var(--shsz--20) var(--shc);--bxsh--30:var(--shsz--30) var(--shc);--bxsh--40:var(--shsz--40) var(--shc);--bxsh--50:var(--shsz--50) var(--shc)}body{--hl:var(--hl--base);background-color:var(--base);color:var(--text);font-family:var(--ff--base);font-size:var(--fz--base);letter-spacing:var(--lts--base);text-underline-offset:var(--under-offset,.125em)}*{line-height:calc(1em + var(--hl)*2)}:is(h1,h2,h3,h4,h5,h6){font-family:var(--headings-ff,inherit);font-weight:var(--headings-fw,var(--fw--bold))}h1{font-size:var(--fz--3xl)}h2{font-size:var(--fz--2xl)}h3{font-size:var(--fz--xl)}h4{font-size:var(--fz--l)}h5,h6{font-size:var(--fz--m)}a{color:var(--link-c,var(--link));-webkit-text-decoration:var(--link-td,underline);text-decoration:var(--link-td,underline);text-decoration-color:var(--link-td-color,currentColor);text-decoration-thickness:var(--link-td-thickness,auto)}small{--hl:var(--hl--s);font-size:var(--fz--xs)}b,strong{font-weight:var(--fw--bold)}sub,sup{--hl:var(--hl--xs);font-size:80%}code,kbd,samp,var{font-family:var(--ff--mono)}blockquote{background-color:var(--base-2);padding:var(--s30)}caption,figcaption,legend{font-size:var(--fz--s)}hr{block-size:0;border:none;border-block-start:1px solid var(--divider)}:is(ul,ol):where(:not([class])){list-style:revert;padding-inline-start:var(--list-px-s,1.75em)}dt{font-weight:var(--fw--bold)}dd+dt{margin-block-start:var(--s20)}table{--td-c:inherit;--td-bgc:transparent;--td-p:var(--s10);--td-min-sz:initial}td{background-color:var(--td-bgc);color:var(--td-c);min-inline-size:var(--td-min-sz);padding:var(--td-p)}th{background-color:var(--th-bgc,var(--td-bgc));color:var(--th-c,var(--td-c));min-inline-size:var(--th-min-sz,var(--td-min-sz));padding:var(--th-p,var(--td-p))}::file-selector-button,button,input,select,textarea{background-color:var(--controls-bgc,var(--base-2));border:1px solid var(--controls-bdc,var(--divider));border-radius:var(--controls-bdrs,var(--bdrs--10));padding:var(--controls-p,var(--s5) var(--s10))}:disabled{opacity:var(--o--pp)}:focus-visible{outline-offset:var(--focus-offset,0)}@media (any-hover:hover){.set--var\:hov:hover{--_notHov: }.set--var\:hov:not(:is(:hover,:focus-within)){--_isHov: }}@media (any-hover:none){.set--var\:hov{--_isHov: }}.set--var\:hov:is(:focus-visible,:focus-within){--_notHov: }.set--var\:bdrsInner{--bdrs--inner:calc(var(--bdrs, 0px) - var(--p, 0px))}.set--plain{background:none;border:none;border-radius:0;color:inherit;font:inherit;height:auto;line-height:calc(1em + var(--hl)*2);margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;text-decoration:none;width:auto}:is(ul,ol).set--revert{list-style:revert;padding-inline-start:var(--list-px-s,1.75em)}
+@property --sz--bleed{syntax:"<length-percentage>";initial-value:100svi;inherits:true}:root{--sz--xl:1600px;--sz--l:1200px;--sz--m:880px;--sz--s:640px;--sz--xs:400px;--black:#000;--white:#fff;--L:60%;--C:0.2;--red:oklch(var(--L) var(--C) 20);--orange:oklch(calc(var(--L) + 6%) calc(var(--C) - 0.01) 48);--yellow:oklch(calc(var(--L) + 12%) calc(var(--C) - 0.02) 80);--green:oklch(calc(var(--L) + 4%) calc(var(--C) - 0.01) 152);--blue:oklch(calc(var(--L) - 4%) calc(var(--C) + 0.01) 264);--purple:oklch(calc(var(--L) - 4%) calc(var(--C) + 0.01) 288);--pink:oklch(calc(var(--L) + 2%) calc(var(--C) + 0.01) 352);--gray:oklch(calc(var(--L) - 4%) 0.04 256);--brand:#1e5f8c;--accent:#d94a6a;--base:#fcfcfc;--base-2:#f2f2f3;--text:#141414;--text-2:#4e5155;--link:oklch(50% 0.3 240);--divider:#dfe0e2;--shadow:rgba(20,20,21,.12);--o--mp:0.9;--o--p:0.75;--o--pp:0.5;--o--ppp:0.25;--bdrs--10:0.25rem;--bdrs--20:0.5rem;--bdrs--30:1rem;--bdrs--40:1.5rem;--bdrs--99:99rem;--ar--og:1.91/1;--gutter-size:var(--s30);--fz--base:1rem;--fz-mol:8;--fz--5xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 6));--fz--4xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 5));--fz--3xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 4));--fz--2xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 3));--fz--xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 2));--fz--l:calc(1em*var(--fz-mol)/(var(--fz-mol) - 1));--fz--m:1em;--fz--s:calc(1em*var(--fz-mol)/(var(--fz-mol) + 1));--fz--xs:calc(1em*var(--fz-mol)/(var(--fz-mol) + 2));--fz--2xs:calc(1em*var(--fz-mol)/(var(--fz-mol) + 3));--ff--base:-apple-system,"BlinkMacSystemFont","Hiragino Sans",sans-serif,"Segoe UI Emoji";--ff--mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;--ff--accent:"Garamond","Baskerville","Times New Roman",serif;--fw--light:300;--fw--normal:400;--fw--bold:600;--lts--base:normal;--lts--s:-0.025em;--lts--l:0.05em;--lts--xl:0.1em;--hl-unit:calc(var(--fz--base)*0.125);--hl--xs:var(--hl-unit);--hl--s:calc(var(--hl-unit)*2);--hl--base:calc(var(--hl-unit)*3);--hl--l:calc(var(--hl-unit)*4)}@property --hl{syntax:"<length>";inherits:true;initial-value:.25rem}.set--var\:s,:root{--s-unit:calc(var(--fz--base)*0.5);--s10:var(--s-unit);--s20:calc(var(--s-unit)*2);--s30:calc(var(--s-unit)*3);--s40:calc(var(--s-unit)*5);--s50:calc(var(--s-unit)*8);--s60:calc(var(--s-unit)*13);--s70:calc(var(--s-unit)*21);--s80:calc(var(--s-unit)*34);--s5:calc(var(--s-unit)*0.5);--s15:calc(var(--s-unit)*1.5);--s25:calc(var(--s-unit)*2.5);--s35:calc(var(--s-unit)*4)}.set--var\:s{--s-unit:0.5em}:root{--shc:var(--shadow);--shsz--10:0px 1px 3px;--shsz--20:0px 2px 6px;--shsz--30:0px 4px 12px;--shsz--40:0px 8px 24px;--shsz--50:0px 16px 48px}.set--var\:bxsh,:root{--bxsh--10:var(--shsz--10) var(--shc);--bxsh--20:var(--shsz--20) var(--shc);--bxsh--30:var(--shsz--30) var(--shc);--bxsh--40:var(--shsz--40) var(--shc);--bxsh--50:var(--shsz--50) var(--shc)}body{--hl:var(--hl--base);background-color:var(--base);color:var(--text);font-family:var(--ff--base);font-size:var(--fz--base);letter-spacing:var(--lts--base);text-underline-offset:var(--under-offset,.125em)}*{line-height:calc(1em + var(--hl)*2)}:is(h1,h2,h3,h4,h5,h6){font-family:var(--headings-ff,inherit);font-weight:var(--headings-fw,var(--fw--bold))}h1{font-size:var(--fz--3xl)}h2{font-size:var(--fz--2xl)}h3{font-size:var(--fz--xl)}h4{font-size:var(--fz--l)}h5,h6{font-size:var(--fz--m)}a{color:var(--link-c,var(--link));-webkit-text-decoration:var(--link-td,underline);text-decoration:var(--link-td,underline)}small{--hl:var(--hl--s);font-size:var(--fz--xs)}b,strong{font-weight:var(--fw--bold)}sub,sup{--hl:var(--hl--xs);font-size:80%}code,kbd,samp,var{font-family:var(--ff--mono)}blockquote,q{font-style:italic}blockquote,pre{background-color:var(--base-2);padding:var(--s20)}caption,figcaption{font-size:var(--fz--s)}hr{block-size:0;border:none;border-block-start:1px solid var(--divider)}:is(ul,ol):where(:not([class])){list-style:revert;padding-inline-start:var(--list-px-s,1.75em)}dt{font-weight:var(--fw--bold)}dd+dt{margin-block-start:var(--s20)}table{--td-c:inherit;--td-bgc:transparent;--td-p:var(--s10) var(--s15);--td-min-sz:initial}td{background-color:var(--td-bgc);color:var(--td-c);min-inline-size:var(--td-min-sz);padding:var(--td-p)}th{background-color:var(--th-bgc,var(--td-bgc));color:var(--th-c,var(--td-c));min-inline-size:var(--th-min-sz,var(--td-min-sz));padding:var(--th-p,var(--td-p))}::file-selector-button,button,input:not([type=range]),select,textarea{background-color:var(--controls-bgc,var(--base-2));border:1px solid var(--controls-bdc,var(--divider));border-radius:var(--controls-bdrs,var(--bdrs--10));padding:var(--controls-p,var(--s5) var(--s10))}:disabled{opacity:var(--o--pp)}:focus-visible{outline-offset:var(--focus-offset,0)}@media (any-hover:hover){.set--var\:hov:hover{--_notHov: }.set--var\:hov:not(:is(:hover,:focus-within)){--_isHov: }}@media (any-hover:none){.set--var\:hov{--_isHov: }}.set--var\:hov:is(:focus-visible,:focus-within){--_notHov: }.set--var\:bdrsInner{--bdrs--inner:calc(var(--bdrs, 0px) - var(--p, 0px))}.set--plain{background:none;border:none;border-radius:0;color:inherit;font:inherit;height:auto;line-height:calc(1em + var(--hl)*2);margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;text-decoration:none;width:auto}:is(ul,ol).set--revert{list-style:revert;padding-inline-start:var(--list-px-s,1.75em)}

package/dist/css/main.css

@@ -1 +1 @@
-@layer lism-base, lism-trait, lism-primitive, lism-component, lism-custom, lism-utility;@layer lism-base{@layer reset{*,:after,:before{box-sizing:border-box}:not(dialog){margin:0}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;line-break:strict;overflow-wrap:anywhere;overflow-x:clip;-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-break:normal}html:has(:modal[open]){overflow:clip}body{min-height:100dvh;overflow:inherit}abbr[title]{text-decoration:underline;text-decoration-style:dotted}pre{overflow-x:auto}:is(ul,ol)[class],menu{list-style:none;padding:0}audio,canvas,iframe,img,object,svg,video{max-inline-size:100%;vertical-align:middle}img,video{block-size:auto}iframe{border:none}::file-selector-button,button,input,select,textarea{color:inherit;font:inherit;font-size:max(16px,1em)}fieldset{min-inline-size:0}textarea{max-inline-size:100%;resize:block}[type=checkbox],[type=radio],label[for],select,summary{cursor:pointer}::file-selector-button,[role=button],[role=option],[role=tab],[type=button],[type=reset],[type=submit],button{cursor:pointer;touch-action:manipulation}:disabled{cursor:not-allowed}[hidden=until-found]{z-index:-1}}@property --sz--container{syntax:"<length-percentage>";initial-value:100cqi;inherits:true}:root{--sz--xl:1600px;--sz--l:1280px;--sz--m:56rem;--sz--s:42rem;--sz--xs:32rem;--black:#000;--white:#fff;--L:60%;--C:0.22;--red:oklch(var(--L) var(--C) 20);--orange:oklch(calc(var(--L) + 4%) calc(var(--C) - 0.01) 52);--yellow:oklch(calc(var(--L) + 12%) calc(var(--C) - 0.025) 84);--green:oklch(calc(var(--L) + 4%) calc(var(--C) - 0.02) 152);--blue:oklch(calc(var(--L) - 2%) calc(var(--C) + 0.01) 260);--purple:oklch(calc(var(--L) - 4%) calc(var(--C) + 0.02) 292);--pink:oklch(calc(var(--L) + 2%) calc(var(--C) + 0.02) 348);--gray:oklch(calc(var(--L) - 4%) 0.04 256);--brand:#1e5f8c;--accent:#d94a6a;--base:#fcfcfd;--base-2:#f1f2f3;--text:#141415;--text-2:#4d4f56;--link:oklch(50% 0.3 240);--divider:#dedfe3;--o--mp:0.9;--o--p:0.75;--o--pp:0.5;--o--ppp:0.25;--bdrs--10:0.25rem;--bdrs--20:0.5rem;--bdrs--30:1rem;--bdrs--40:1.5rem;--bdrs--99:99rem;--ar--og:1.91/1;--gutter-size:var(--s30);--REM:clamp(0.95rem,0.915rem + 0.15vw,1.05rem);--fz--base:var(--REM);--fz-mol:8;--fz--5xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 6));--fz--4xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 5));--fz--3xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 4));--fz--2xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 3));--fz--xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 2));--fz--l:calc(1em*var(--fz-mol)/(var(--fz-mol) - 1));--fz--m:1em;--fz--s:calc(1em*var(--fz-mol)/(var(--fz-mol) + 1));--fz--xs:calc(1em*var(--fz-mol)/(var(--fz-mol) + 2));--fz--2xs:calc(1em*var(--fz-mol)/(var(--fz-mol) + 3));--ff--base:-apple-system,"BlinkMacSystemFont","Hiragino Sans",sans-serif,"Segoe UI Emoji";--ff--mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;--ff--accent:"Garamond","Baskerville","Times New Roman",serif;--fw--light:300;--fw--normal:400;--fw--bold:600;--lts--base:normal;--lts--s:-0.05em;--lts--l:0.05em;--hl-unit:calc(var(--REM)*0.125);--hl--xs:var(--hl-unit);--hl--s:calc(var(--hl-unit)*2);--hl--base:calc(var(--hl-unit)*3);--hl--l:calc(var(--hl-unit)*4);--s-unit:calc(var(--REM)*0.5);--s5:calc(var(--s-unit)*0.5);--s10:var(--s-unit);--s15:calc(var(--s-unit)*1.5);--s20:calc(var(--s-unit)*2);--s30:calc(var(--s-unit)*3);--s40:calc(var(--s-unit)*5);--s50:calc(var(--s-unit)*8);--s60:calc(var(--s-unit)*13);--s70:calc(var(--s-unit)*21);--s80:calc(var(--s-unit)*34);--shc:rgba(20,20,21,.15);--shsz--10:0px 1px 3px;--shsz--20:0px 2px 6px;--shsz--30:0px 4px 12px;--shsz--40:0px 8px 24px;--shsz--50:0px 16px 48px}@property --hl{syntax:"<length>";inherits:true;initial-value:.25rem}.set--var\:bxsh,:root{--bxsh--10:var(--shsz--10) var(--shc);--bxsh--20:var(--shsz--20) var(--shc);--bxsh--30:var(--shsz--30) var(--shc);--bxsh--40:var(--shsz--40) var(--shc);--bxsh--50:var(--shsz--50) var(--shc)}body{--hl:var(--hl--base);background-color:var(--base);color:var(--text);font-family:var(--ff--base);font-size:var(--fz--base);letter-spacing:var(--lts--base);text-underline-offset:var(--under-offset,.125em)}*{line-height:calc(1em + var(--hl)*2)}:is(h1,h2,h3,h4,h5,h6){font-family:var(--headings-ff,inherit);font-weight:var(--headings-fw,var(--fw--bold))}h1{font-size:var(--fz--3xl)}h2{font-size:var(--fz--2xl)}h3{font-size:var(--fz--xl)}h4{font-size:var(--fz--l)}h5,h6{font-size:var(--fz--m)}a{color:var(--link-c,var(--link));-webkit-text-decoration:var(--link-td,underline);text-decoration:var(--link-td,underline);text-decoration-color:var(--link-td-color,currentColor);text-decoration-thickness:var(--link-td-thickness,auto)}small{--hl:var(--hl--s);font-size:var(--fz--xs)}b,strong{font-weight:var(--fw--bold)}sub,sup{--hl:var(--hl--xs);font-size:80%}code,kbd,samp,var{font-family:var(--ff--mono)}blockquote{background-color:var(--base-2);padding:var(--s30)}caption,figcaption,legend{font-size:var(--fz--s)}hr{block-size:0;border:none;border-block-start:1px solid var(--divider)}:is(ul,ol):where(:not([class])){list-style:revert;padding-inline-start:var(--list-px-s,1.75em)}dt{font-weight:var(--fw--bold)}dd+dt{margin-block-start:var(--s20)}table{--td-c:inherit;--td-bgc:transparent;--td-p:var(--s10);--td-min-sz:initial}td{background-color:var(--td-bgc);color:var(--td-c);min-inline-size:var(--td-min-sz);padding:var(--td-p)}th{background-color:var(--th-bgc,var(--td-bgc));color:var(--th-c,var(--td-c));min-inline-size:var(--th-min-sz,var(--td-min-sz));padding:var(--th-p,var(--td-p))}::file-selector-button,button,input,select,textarea{background-color:var(--controls-bgc,var(--base-2));border:1px solid var(--controls-bdc,var(--divider));border-radius:var(--controls-bdrs,var(--bdrs--10));padding:var(--controls-p,var(--s5) var(--s10))}:disabled{opacity:var(--o--pp)}:focus-visible{outline-offset:var(--focus-offset,0)}@media (any-hover:hover){.set--var\:hov:hover{--_notHov: }.set--var\:hov:not(:is(:hover,:focus-within)){--_isHov: }}@media (any-hover:none){.set--var\:hov{--_isHov: }}.set--var\:hov:is(:focus-visible,:focus-within){--_notHov: }.set--var\:bdrsInner{--bdrs--inner:calc(var(--bdrs, 0px) - var(--p, 0px))}.set--plain{background:none;border:none;border-radius:0;color:inherit;font:inherit;height:auto;line-height:calc(1em + var(--hl)*2);margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;text-decoration:none;width:auto}:is(ul,ol).set--revert{list-style:revert;padding-inline-start:var(--list-px-s,1.75em)}}@layer lism-trait{.is--container{container-type:inline-size}.is--container>*{--sz--container:100cqi}.is--container.has--gutter>*{--sz--container:calc(100cqi + var(--gutter-size)*2)}.is--wrapper{--contentSize:var(--sz--m,100%)}.is--wrapper>*{margin-inline:auto;max-inline-size:min(100%,var(--contentSize))}.-contentSize\:s{--contentSize:var(--sz--s)}.-contentSize\:l{--contentSize:var(--sz--l)}.is--boxLink{color:inherit;cursor:pointer;display:block;isolation:isolate;pointer-events:auto;position:relative;text-decoration:none}.is--boxLink a{position:relative;z-index:2}.is--coverLink{color:inherit;position:static;text-decoration:none}.is--coverLink:before{content:"";inset:0;position:absolute;z-index:1}.is--layer{inset:0;overflow:hidden;position:absolute}.has--transition{--duration:var(--transition-duration,0.25s);--ease:ease;--delay:0s;--transitionProps:all;transition:var(--duration) var(--ease) var(--delay);transition-property:var(--transitionProps)}.has--gutter{padding-inline:var(--gutter-size)}.has--snap{--snapType:both mandatory;--snapAlign:start;--snapStop:normal;scroll-snap-type:var(--snapType)}.has--snap>*{scroll-snap-align:var(--snapAlign);scroll-snap-stop:var(--snapStop)}.has--mask{--maskPos:50%;--maskSize:contain;--maskRepeat:no-repeat;-webkit-mask:var(--maskImg) var(--maskRepeat) var(--maskPos)/var(--maskSize);mask:var(--maskImg) var(--maskRepeat) var(--maskPos)/var(--maskSize)}}@layer lism-primitive{@layer layout{.l--flow{--flow--base:var(--s30);--flow--s:var(--s20);display:flow-root}.l--flow>*+*{--flow:var(--flow--base);margin-block-start:var(--flow)}.l--flow>:where(img,video,iframe){display:block}.-flow\:s>*{--flow:var(--flow--s)}.-flow\:>*{--flow:inherit}.l--flow>:where(h1,h2,h3,h4,h5,h6){margin-block-start:calc(var(--flow)*2 + .5em)}.is--skipFlow+*,.l--flow>:first-child{--flow:0px}.l--flex{display:flex}.l--flex>*{min-width:0}.l--cluster{align-items:center;display:flex;flex-wrap:wrap}.l--stack{display:flex;flex-direction:column}.l--grid{display:grid}.l--grid>*{min-width:0}.l--center{display:grid;place-content:center;place-items:center}.l--autoColumns{--cols:20rem;--autoMode:auto-fit;display:grid;grid-template-columns:repeat(var(--autoMode),minmax(min(var(--cols),100%),1fr))}.l--columns{--cols:2;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr))}.l--withSide{--sideW:auto;--mainW:max(20rem,50%);display:flex;flex-wrap:wrap}.l--withSide>.is--side{flex-basis:var(--sideW);flex-grow:1;min-width:0}.l--withSide>:not(.is--side){flex-basis:min(100%,var(--mainW));flex-grow:9999999;min-width:0}.l--switchColumns{--breakSize:var(--sz--xs);display:flex;flex-wrap:wrap}.l--switchColumns>*{flex-basis:calc((var(--breakSize) - 100%)*9999);flex-grow:1}.l--tileGrid{display:grid;grid-template:repeat(var(--rows,1),minmax(0,1fr))/repeat(var(--cols,1),minmax(0,1fr))}.l--frame{overflow:hidden}.l--frame>:where(img,video,iframe){display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}}@layer atomic{.a--divider{--bdc:var(--divider);--bds:solid;--bdw:1px;border-block-start:var(--bdw) var(--bds) var(--bdc)}.a--icon{flex-shrink:0}.a--icon:where(:not([fill])){fill:currentcolor}.a--icon:where(:not([width])){height:1em;width:1em}.a--spacer{min-height:1px;min-width:1px}}}@layer lism-component{}@layer lism-custom{}@layer lism-utility{.u--trim,.u--trimAll>:not(:empty,figure,picture,video,button,textarea,table){margin-block:calc(var(--hl)*-1)}.u--cbox{--c:color-mix(in srgb,var(--text),var(--keycolor) var(--cbox-cPct,32%));--bgc:color-mix(in srgb,var(--base),var(--keycolor) var(--cbox-bgPct,4%));--bdc:color-mix(in srgb,transparent,var(--keycolor) var(--cbox-bdPct,64%));--link-c:var(--keycolor);background-color:var(--bgc);color:var(--c)}@supports (color:oklch(from red l c h)){.u--cbox{--shc:oklch(from var(--keycolor) calc(l / 1.5) calc(c / 1.5) h/0.1)}}.u--cells,.u--divide{--bdw:1px;--bdc:var(--divider);gap:var(--bdw)}.u--cells>*,.u--divide>*{box-shadow:0 0 0 var(--bdw) var(--bdc)}.u--divide{overflow:clip}.u--cells{padding:var(--bdw)}.u--srOnly:not(#_){border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.u--clipText{-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}}.-lh\:1{--hl:0px}.-lh\:base{--hl:var(--hl--base)}.-lh\:xs{--hl:var(--hl--xs)}.-lh\:s{--hl:var(--hl--s)}.-lh\:l{--hl:var(--hl--l)}@layer lism-base{.-bd,[class*=" -bd-"],[class^=-bd-]{--bds:solid;--bdw:1px;--bdc:var(--divider);border-color:var(--bdc);border-width:var(--bdw)}}.-bd{border-style:var(--bds)}.-bd-x{border-inline-style:var(--bds)}.-bd-y{border-block-style:var(--bds)}.-bd-x-s{border-inline-start-style:var(--bds)}.-bd-x-e{border-inline-end-style:var(--bds)}.-bd-t{border-top-style:var(--bds)}.-bd-b{border-bottom-style:var(--bds)}.-bd-l{border-left-style:var(--bds)}.-bd-r{border-right-style:var(--bds)}.-bd-y-s{border-block-start-style:var(--bds)}.-bd-y-e{border-block-end-style:var(--bds)}.-max-sz\:full{max-inline-size:100%}:where(.has--gutter)>.-max-sz\:full{margin-inline:calc(var(--gutter-size)*-1);max-inline-size:calc(100% + var(--gutter-size)*2)}.-max-sz\:container{margin-inline:calc(50% - var(--sz--container)/2);max-inline-size:var(--sz--container,100cqi)}.-f\:inherit{font:inherit}.-fz{font-size:var(--fz)}.-fz\:root{font-size:var(--fz--root)}.-fz\:base{font-size:var(--fz--base)}.-fz\:5xl{font-size:var(--fz--5xl)}.-fz\:4xl{font-size:var(--fz--4xl)}.-fz\:3xl{font-size:var(--fz--3xl)}.-fz\:2xl{font-size:var(--fz--2xl)}.-fz\:xl{font-size:var(--fz--xl)}.-fz\:l{font-size:var(--fz--l)}.-fz\:m{font-size:var(--fz--m)}.-fz\:s{font-size:var(--fz--s)}.-fz\:xs{font-size:var(--fz--xs)}.-fz\:2xs{font-size:var(--fz--2xs)}.-fw\:100{font-weight:100}.-fw\:200{font-weight:200}.-fw\:300{font-weight:300}.-fw\:400{font-weight:400}.-fw\:500{font-weight:500}.-fw\:600{font-weight:600}.-fw\:700{font-weight:700}.-fw\:800{font-weight:800}.-fw\:900{font-weight:900}.-fw\:light{font-weight:var(--fw--light)}.-fw\:normal{font-weight:var(--fw--normal)}.-fw\:bold{font-weight:var(--fw--bold)}.-ff\:base{font-family:var(--ff--base)}.-ff\:accent{font-family:var(--ff--accent)}.-ff\:mono{font-family:var(--ff--mono)}.-fs\:italic{font-style:italic}.-lts\:base{letter-spacing:var(--lts--base)}.-lts\:s{letter-spacing:var(--lts--s)}.-lts\:l{letter-spacing:var(--lts--l)}.-ta\:center{text-align:center}.-ta\:left{text-align:left}.-ta\:right{text-align:right}.-td\:none{text-decoration:none}.-tt\:upper{text-transform:uppercase}.-tt\:lower{text-transform:lowercase}.-d{display:var(--d)}.-d\:none{display:none}.-d\:block{display:block}.-d\:flex{display:flex}.-d\:inline-flex{display:inline-flex}.-d\:grid{display:grid}.-d\:inline-grid{display:inline-grid}.-d\:inline{display:inline}.-d\:inline-block{display:inline-block}.-o\:0{opacity:0}.-o\:mp{opacity:var(--o--mp)}.-o\:p{opacity:var(--o--p)}.-o\:pp{opacity:var(--o--pp)}.-o\:ppp{opacity:var(--o--ppp)}.-v\:hidden{visibility:hidden}.-ov\:hidden{overflow:hidden}.-ov\:auto{overflow:auto}.-ov\:clip{overflow:clip}.-ov-x\:clip{overflow-x:clip}.-ov-x\:auto{overflow-x:auto}.-ov-x\:scroll{overflow-x:scroll}.-ov-y\:clip{overflow-y:clip}.-ov-y\:auto{overflow-y:auto}.-ov-y\:scroll{overflow-y:scroll}.-ar{aspect-ratio:var(--ar)}.-ar\:21\/9{aspect-ratio:21/9}.-ar\:16\/9{aspect-ratio:16/9}.-ar\:3\/2{aspect-ratio:3/2}.-ar\:1\/1{aspect-ratio:1/1}.-ar\:og{aspect-ratio:var(--ar--og)}.-w{width:var(--w)}.-w\:100\%{width:100%}.-w\:fit{width:-moz-fit-content;width:fit-content}.-h{height:var(--h)}.-h\:100\%{height:100%}.-h\:fit{height:-moz-fit-content;height:fit-content}.-min-w{min-width:var(--min-w)}.-min-w\:100\%{min-width:100%}.-max-w{max-width:var(--max-w)}.-max-w\:100\%{max-width:100%}.-min-h{min-height:var(--min-h)}.-min-h\:100\%{min-height:100%}.-max-h{max-height:var(--max-h)}.-max-h\:100\%{max-height:100%}.-max-sz\:xs{max-inline-size:var(--sz--xs)}.-max-sz\:s{max-inline-size:var(--sz--s)}.-max-sz\:m{max-inline-size:var(--sz--m)}.-max-sz\:l{max-inline-size:var(--sz--l)}.-max-sz\:xl{max-inline-size:var(--sz--xl)}.-bg{background:var(--bg)}.-bgr\:no-repeat{background-repeat:no-repeat}.-bgp\:center{background-position:50%}.-bgsz\:cover{background-size:cover}.-bgsz\:contain{background-size:contain}.-bgc,[class*="-bgc:"]{background-color:var(--bgc)}.-bgc\:base{--bgc:var(--base)}.-bgc\:base-2{--bgc:var(--base-2)}.-bgc\:text{--bgc:var(--text)}.-bgc\:brand{--bgc:var(--brand)}.-bgc\:accent{--bgc:var(--accent)}.-bgc\:transparent{--bgc:transparent}.-bgc\:inherit{background-color:inherit}.-c,[class*="-c:"]{color:var(--c)}.-c\:base{--c:var(--base)}.-c\:text{--c:var(--text)}.-c\:text-2{--c:var(--text-2)}.-c\:brand{--c:var(--brand)}.-c\:accent{--c:var(--accent)}.-c\:inherit{color:inherit}.-bd\:none{border:none}.-bds\:dashed{--bds:dashed}.-bds\:dotted{--bds:dotted}.-bds\:double{--bds:double}.-bdc\:brand{--bdc:var(--brand)}.-bdc\:accent{--bdc:var(--accent)}.-bdc\:divider{--bdc:var(--divider)}.-bdc\:inherit{--bdc:inherit}.-bdc\:transparent{--bdc:transparent}.-bdc\:current{--bdc:currentColor}.-bdrs,[class*="-bdrs:"]{border-radius:var(--bdrs)}.-bdrs\:0{--bdrs:0}.-bdrs\:10{--bdrs:var(--bdrs--10)}.-bdrs\:20{--bdrs:var(--bdrs--20)}.-bdrs\:30{--bdrs:var(--bdrs--30)}.-bdrs\:40{--bdrs:var(--bdrs--40)}.-bdrs\:99{--bdrs:var(--bdrs--99)}.-bdrs\:inner{--bdrs:var(--bdrs--inner)}.-bxsh{box-shadow:var(--bxsh)}.-bxsh\:0{box-shadow:none}.-bxsh\:10{box-shadow:var(--bxsh--10)}.-bxsh\:20{box-shadow:var(--bxsh--20)}.-bxsh\:30{box-shadow:var(--bxsh--30)}.-bxsh\:40{box-shadow:var(--bxsh--40)}.-bxsh\:50{box-shadow:var(--bxsh--50)}.-pos\:static{position:static}.-pos\:fixed{position:fixed}.-pos\:sticky{position:sticky}.-pos\:relative{position:relative}.-pos\:absolute{position:absolute}.-z\:0{z-index:0}.-z\:1{z-index:1}.-z\:99{z-index:99}.-z\:-1{z-index:-1}.-t\:0{top:0}.-t\:50\%{top:50%}.-t\:100\%{top:100%}.-l\:0{left:0}.-l\:50\%{left:50%}.-l\:100\%{left:100%}.-r\:0{right:0}.-r\:50\%{right:50%}.-r\:100\%{right:100%}.-b\:0{bottom:0}.-b\:50\%{bottom:50%}.-b\:100\%{bottom:100%}.-i\:0{inset:0}.-p,[class*="-p:"]{padding:var(--p)}.-p\:0{--p:0}.-p\:5{--p:var(--s5)}.-p\:10{--p:var(--s10)}.-p\:15{--p:var(--s15)}.-p\:20{--p:var(--s20)}.-p\:30{--p:var(--s30)}.-p\:40{--p:var(--s40)}.-p\:50{--p:var(--s50)}.-p\:60{--p:var(--s60)}.-p\:70{--p:var(--s70)}.-p\:80{--p:var(--s80)}.-px{padding-inline:var(--px)}.-px\:0{padding-inline:0}.-px\:5{padding-inline:var(--s5)}.-px\:10{padding-inline:var(--s10)}.-px\:15{padding-inline:var(--s15)}.-px\:20{padding-inline:var(--s20)}.-px\:30{padding-inline:var(--s30)}.-px\:40{padding-inline:var(--s40)}.-px\:50{padding-inline:var(--s50)}.-px\:60{padding-inline:var(--s60)}.-px\:70{padding-inline:var(--s70)}.-px\:80{padding-inline:var(--s80)}.-py{padding-block:var(--py)}.-py\:0{padding-block:0}.-py\:5{padding-block:var(--s5)}.-py\:10{padding-block:var(--s10)}.-py\:15{padding-block:var(--s15)}.-py\:20{padding-block:var(--s20)}.-py\:30{padding-block:var(--s30)}.-py\:40{padding-block:var(--s40)}.-py\:50{padding-block:var(--s50)}.-py\:60{padding-block:var(--s60)}.-py\:70{padding-block:var(--s70)}.-py\:80{padding-block:var(--s80)}.-px-s{padding-inline-start:var(--px-s)}.-px-e{padding-inline-end:var(--px-e)}.-py-s{padding-block-start:var(--py-s)}.-py-e{padding-block-end:var(--py-e)}.-pl{padding-left:var(--pl)}.-pr{padding-right:var(--pr)}.-pt{padding-top:var(--pt)}.-pb{padding-bottom:var(--pb)}.-m,[class*="-m:"]{margin:var(--m)}.-m\:0{--m:0}.-m\:5{--m:var(--s5)}.-m\:10{--m:var(--s10)}.-m\:15{--m:var(--s15)}.-m\:20{--m:var(--s20)}.-m\:30{--m:var(--s30)}.-m\:40{--m:var(--s40)}.-m\:50{--m:var(--s50)}.-m\:60{--m:var(--s60)}.-m\:70{--m:var(--s70)}.-m\:80{--m:var(--s80)}.-m\:auto{--m:auto}.-mx{margin-inline:var(--mx)}.-mx\:0{margin-inline:0}.-mx\:5{margin-inline:var(--s5)}.-mx\:10{margin-inline:var(--s10)}.-mx\:15{margin-inline:var(--s15)}.-mx\:20{margin-inline:var(--s20)}.-mx\:30{margin-inline:var(--s30)}.-mx\:40{margin-inline:var(--s40)}.-mx\:50{margin-inline:var(--s50)}.-mx\:60{margin-inline:var(--s60)}.-mx\:70{margin-inline:var(--s70)}.-mx\:80{margin-inline:var(--s80)}.-mx\:auto{margin-inline:auto}.-my{margin-block:var(--my)}.-my\:0{margin-block:0}.-my\:5{margin-block:var(--s5)}.-my\:10{margin-block:var(--s10)}.-my\:15{margin-block:var(--s15)}.-my\:20{margin-block:var(--s20)}.-my\:30{margin-block:var(--s30)}.-my\:40{margin-block:var(--s40)}.-my\:50{margin-block:var(--s50)}.-my\:60{margin-block:var(--s60)}.-my\:70{margin-block:var(--s70)}.-my\:80{margin-block:var(--s80)}.-my\:auto{margin-block:auto}.-mx-s{margin-inline-start:var(--mx-s)}.-mx-s\:auto{margin-inline-start:auto}.-mx-e{margin-inline-end:var(--mx-e)}.-mx-e\:auto{margin-inline-end:auto}.-my-s{margin-block-start:var(--my-s)}.-my-s\:0{margin-block-start:0}.-my-s\:5{margin-block-start:var(--s5)}.-my-s\:10{margin-block-start:var(--s10)}.-my-s\:15{margin-block-start:var(--s15)}.-my-s\:20{margin-block-start:var(--s20)}.-my-s\:30{margin-block-start:var(--s30)}.-my-s\:40{margin-block-start:var(--s40)}.-my-s\:50{margin-block-start:var(--s50)}.-my-s\:60{margin-block-start:var(--s60)}.-my-s\:70{margin-block-start:var(--s70)}.-my-s\:80{margin-block-start:var(--s80)}.-my-s\:auto{margin-block-start:auto}.-my-e{margin-block-end:var(--my-e)}.-my-e\:auto{margin-block-end:auto}.-ml{margin-left:var(--ml)}.-mr{margin-right:var(--mr)}.-mt{margin-top:var(--mt)}.-mb{margin-bottom:var(--mb)}.-g{gap:var(--g)}.-g\:0{gap:0}.-g\:5{gap:var(--s5)}.-g\:10{gap:var(--s10)}.-g\:15{gap:var(--s15)}.-g\:20{gap:var(--s20)}.-g\:30{gap:var(--s30)}.-g\:40{gap:var(--s40)}.-g\:50{gap:var(--s50)}.-g\:60{gap:var(--s60)}.-g\:70{gap:var(--s70)}.-g\:80{gap:var(--s80)}.-g\:inherit{gap:inherit}.-cg{-moz-column-gap:var(--cg);column-gap:var(--cg)}.-rg{row-gap:var(--rg)}.-fxw{flex-wrap:var(--fxw)}.-fxw\:wrap{flex-wrap:wrap}.-fxd{flex-direction:var(--fxd)}.-fxd\:column{flex-direction:column}.-fxd\:column-reverse{flex-direction:column-reverse}.-fxd\:row-reverse{flex-direction:row-reverse}.-fx{flex:var(--fx)}.-fx\:1{flex:1}.-fxg\:1{flex-grow:1}.-fxsh\:0{flex-shrink:0}.-fxb{flex-basis:var(--fxb)}.-gt{grid-template:var(--gt)}.-gta{grid-template-areas:var(--gta)}.-gtc{grid-template-columns:var(--gtc)}.-gtc\:subgrid{grid-template-columns:subgrid}.-gtr{grid-template-rows:var(--gtr)}.-gtr\:subgrid{grid-template-rows:subgrid}.-gaf{grid-auto-flow:var(--gaf)}.-gaf\:row{grid-auto-flow:row}.-gaf\:column{grid-auto-flow:column}.-ga{grid-area:var(--ga)}.-ga\:1\/1{grid-area:1/1}.-gc{grid-column:var(--gc)}.-gc\:1\/-1{grid-column:1/-1}.-gr{grid-row:var(--gr)}.-gr\:1\/-1{grid-row:1/-1}.-ai{align-items:var(--ai)}.-ai\:start{align-items:start}.-ai\:center{align-items:center}.-ai\:end{align-items:end}.-ai\:stretch{align-items:stretch}.-ai\:flex-start{align-items:flex-start}.-ai\:flex-end{align-items:flex-end}.-ac{align-content:var(--ac)}.-ac\:start{align-content:start}.-ac\:center{align-content:center}.-ac\:end{align-content:end}.-ac\:flex-start{align-content:flex-start}.-ac\:flex-end{align-content:flex-end}.-ac\:between{align-content:space-between}.-ji{justify-items:var(--ji)}.-ji\:start{justify-items:start}.-ji\:center{justify-items:center}.-ji\:end{justify-items:end}.-ji\:stretch{justify-items:stretch}.-ji\:flex-start{justify-items:flex-start}.-ji\:flex-end{justify-items:flex-end}.-jc{justify-content:var(--jc)}.-jc\:start{justify-content:start}.-jc\:center{justify-content:center}.-jc\:end{justify-content:end}.-jc\:flex-start{justify-content:flex-start}.-jc\:flex-end{justify-content:flex-end}.-jc\:between{justify-content:space-between}.-pi\:start{place-items:start}.-pi\:center{place-items:center}.-pi\:end{place-items:end}.-pc\:start{place-content:start}.-pc\:center{place-content:center}.-pc\:end{place-content:end}.-aslf\:start{align-self:start}.-aslf\:center{align-self:center}.-aslf\:end{align-self:end}.-aslf\:stretch{align-self:stretch}.-jslf\:start{justify-self:start}.-jslf\:center{justify-self:center}.-jslf\:end{justify-self:end}.-jslf\:stretch{justify-self:stretch}.-pslf\:start{place-self:start}.-pslf\:center{place-self:center}.-pslf\:end{place-self:end}.-order\:0{order:0}.-order\:1{order:1}.-order\:-1{order:-1}.-ovw\:anywhere{overflow-wrap:anywhere}.-whs\:nowrap{white-space:nowrap}.-float\:left{float:left}.-float\:right{float:right}.-clear\:both{clear:both}.-iso\:isolate{isolation:isolate}.-wm{writing-mode:var(--wm)}.-wm\:vertical-rl{writing-mode:vertical-rl}@container (min-width: 480px){.-fz_sm{font-size:var(--fz_sm)}.-hl_sm{--hl:var(--hl_sm)!important}.-d_sm{display:var(--d_sm)}.-ar_sm{aspect-ratio:var(--ar_sm)}.-w_sm{width:var(--w_sm)}.-h_sm{height:var(--h_sm)}.-min-w_sm{min-width:var(--min-w_sm)}.-max-w_sm{max-width:var(--max-w_sm)}.-min-h_sm{min-height:var(--min-h_sm)}.-max-h_sm{max-height:var(--max-h_sm)}.-bg_sm{background:var(--bg_sm)}.-bdw_sm{--bdw:var(--bdw_sm)!important}.-bdrs_sm{border-radius:var(--bdrs);--bdrs:var(--bdrs_sm)!important}.-bxsh_sm{box-shadow:var(--bxsh_sm)}.-p_sm{padding:var(--p);--p:var(--p_sm)!important}.-px_sm{padding-inline:var(--px_sm)}.-py_sm{padding-block:var(--py_sm)}.-px-s_sm{padding-inline-start:var(--px-s_sm)}.-px-e_sm{padding-inline-end:var(--px-e_sm)}.-py-s_sm{padding-block-start:var(--py-s_sm)}.-py-e_sm{padding-block-end:var(--py-e_sm)}.-pl_sm{padding-left:var(--pl_sm)}.-pr_sm{padding-right:var(--pr_sm)}.-pt_sm{padding-top:var(--pt_sm)}.-pb_sm{padding-bottom:var(--pb_sm)}.-m_sm{margin:var(--m);--m:var(--m_sm)!important}.-mx_sm{margin-inline:var(--mx_sm)}.-my_sm{margin-block:var(--my_sm)}.-mx-s_sm{margin-inline-start:var(--mx-s_sm)}.-mx-e_sm{margin-inline-end:var(--mx-e_sm)}.-my-s_sm{margin-block-start:var(--my-s_sm)}.-my-e_sm{margin-block-end:var(--my-e_sm)}.-ml_sm{margin-left:var(--ml_sm)}.-mr_sm{margin-right:var(--mr_sm)}.-mt_sm{margin-top:var(--mt_sm)}.-mb_sm{margin-bottom:var(--mb_sm)}.-g_sm{gap:var(--g_sm)}.-cg_sm{-moz-column-gap:var(--cg_sm);column-gap:var(--cg_sm)}.-rg_sm{row-gap:var(--rg_sm)}.-cols_sm{--cols:var(--cols_sm)!important}.-rows_sm{--rows:var(--rows_sm)!important}.-fxw_sm{flex-wrap:var(--fxw_sm)}.-fxd_sm{flex-direction:var(--fxd_sm)}.-fx_sm{flex:var(--fx_sm)}.-fxb_sm{flex-basis:var(--fxb_sm)}.-gt_sm{grid-template:var(--gt_sm)}.-gta_sm{grid-template-areas:var(--gta_sm)}.-gtc_sm{grid-template-columns:var(--gtc_sm)}.-gtr_sm{grid-template-rows:var(--gtr_sm)}.-gaf_sm{grid-auto-flow:var(--gaf_sm)}.-ga_sm{grid-area:var(--ga_sm)}.-gc_sm{grid-column:var(--gc_sm)}.-gr_sm{grid-row:var(--gr_sm)}.-ai_sm{align-items:var(--ai_sm)}.-ac_sm{align-content:var(--ac_sm)}.-ji_sm{justify-items:var(--ji_sm)}.-jc_sm{justify-content:var(--jc_sm)}.-wm_sm{writing-mode:var(--wm_sm)}}@container (min-width: 800px){.-fz_md{font-size:var(--fz_md)}.-hl_md{--hl:var(--hl_md)!important}.-d_md{display:var(--d_md)}.-ar_md{aspect-ratio:var(--ar_md)}.-w_md{width:var(--w_md)}.-h_md{height:var(--h_md)}.-min-w_md{min-width:var(--min-w_md)}.-max-w_md{max-width:var(--max-w_md)}.-min-h_md{min-height:var(--min-h_md)}.-max-h_md{max-height:var(--max-h_md)}.-bg_md{background:var(--bg_md)}.-bdw_md{--bdw:var(--bdw_md)!important}.-bdrs_md{border-radius:var(--bdrs);--bdrs:var(--bdrs_md)!important}.-bxsh_md{box-shadow:var(--bxsh_md)}.-p_md{padding:var(--p);--p:var(--p_md)!important}.-px_md{padding-inline:var(--px_md)}.-py_md{padding-block:var(--py_md)}.-px-s_md{padding-inline-start:var(--px-s_md)}.-px-e_md{padding-inline-end:var(--px-e_md)}.-py-s_md{padding-block-start:var(--py-s_md)}.-py-e_md{padding-block-end:var(--py-e_md)}.-pl_md{padding-left:var(--pl_md)}.-pr_md{padding-right:var(--pr_md)}.-pt_md{padding-top:var(--pt_md)}.-pb_md{padding-bottom:var(--pb_md)}.-m_md{margin:var(--m);--m:var(--m_md)!important}.-mx_md{margin-inline:var(--mx_md)}.-my_md{margin-block:var(--my_md)}.-mx-s_md{margin-inline-start:var(--mx-s_md)}.-mx-e_md{margin-inline-end:var(--mx-e_md)}.-my-s_md{margin-block-start:var(--my-s_md)}.-my-e_md{margin-block-end:var(--my-e_md)}.-ml_md{margin-left:var(--ml_md)}.-mr_md{margin-right:var(--mr_md)}.-mt_md{margin-top:var(--mt_md)}.-mb_md{margin-bottom:var(--mb_md)}.-g_md{gap:var(--g_md)}.-cg_md{-moz-column-gap:var(--cg_md);column-gap:var(--cg_md)}.-rg_md{row-gap:var(--rg_md)}.-cols_md{--cols:var(--cols_md)!important}.-rows_md{--rows:var(--rows_md)!important}.-fxw_md{flex-wrap:var(--fxw_md)}.-fxd_md{flex-direction:var(--fxd_md)}.-fx_md{flex:var(--fx_md)}.-fxb_md{flex-basis:var(--fxb_md)}.-gt_md{grid-template:var(--gt_md)}.-gta_md{grid-template-areas:var(--gta_md)}.-gtc_md{grid-template-columns:var(--gtc_md)}.-gtr_md{grid-template-rows:var(--gtr_md)}.-gaf_md{grid-auto-flow:var(--gaf_md)}.-ga_md{grid-area:var(--ga_md)}.-gc_md{grid-column:var(--gc_md)}.-gr_md{grid-row:var(--gr_md)}.-ai_md{align-items:var(--ai_md)}.-ac_md{align-content:var(--ac_md)}.-ji_md{justify-items:var(--ji_md)}.-jc_md{justify-content:var(--jc_md)}.-wm_md{writing-mode:var(--wm_md)}}@media (any-hover:hover){.-hov\:-c:hover{color:var(--hov-c,var(--link))}.-hov\:-bdc:hover{border-color:var(--hov-bdc,currentColor)}.-hov\:-bgc:hover{background-color:var(--hov-bgc,var(--base-2))}.-hov\:-o:hover{opacity:var(--hov-o,var(--o--p))}.-hov\:-bxsh:hover{box-shadow:var(--hov-bxsh,var(--bxsh--50))}.-hov\:underline:hover{text-decoration:underline}.-hov\:neutral:hover{background-color:color-mix(in srgb,var(--bgc,var(--base)),#bcbec2 25%)}}.-hov\:in\:hide{--transitionProps:opacity;opacity:var(--_isHov,0)}.-hov\:in\:show{--transitionProps:opacity,visibility;opacity:var(--_notHov,0);visibility:var(--_notHov,hidden)}.-hov\:in\:zoom{--transitionProps:scale;scale:var(--_isHov,1.1)}
+@layer lism-base, lism-trait, lism-primitive, lism-component, lism-custom, lism-utility;@layer lism-base{@layer reset{*,:after,:before{box-sizing:border-box}:not(dialog){margin:0}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;line-break:strict;overflow-wrap:anywhere;overflow-x:clip;-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-break:normal}html:has(:modal[open]){overflow:clip}body{min-height:100dvh;overflow:inherit}abbr[title]{text-decoration:underline;text-decoration-style:dotted}pre{overflow-x:auto}:is(ul,ol)[class],menu{list-style:none;padding:0}audio,canvas,iframe,img,object,svg,video{max-inline-size:100%;vertical-align:middle}img,video{block-size:auto}iframe{border:none}::file-selector-button,button,input,select,textarea{color:inherit;font:inherit;font-size:max(16px,1em)}fieldset{min-inline-size:0}textarea{max-inline-size:100%;resize:block}[type=checkbox],[type=radio],label[for],select,summary{cursor:pointer}::file-selector-button,[role=button],[role=option],[role=tab],[type=button],[type=reset],[type=submit],button{cursor:pointer;touch-action:manipulation}:disabled{cursor:not-allowed}[hidden=until-found]{z-index:-1}}@property --sz--bleed{syntax:"<length-percentage>";initial-value:100svi;inherits:true}:root{--sz--xl:1600px;--sz--l:1200px;--sz--m:880px;--sz--s:640px;--sz--xs:400px;--black:#000;--white:#fff;--L:60%;--C:0.2;--red:oklch(var(--L) var(--C) 20);--orange:oklch(calc(var(--L) + 6%) calc(var(--C) - 0.01) 48);--yellow:oklch(calc(var(--L) + 12%) calc(var(--C) - 0.02) 80);--green:oklch(calc(var(--L) + 4%) calc(var(--C) - 0.01) 152);--blue:oklch(calc(var(--L) - 4%) calc(var(--C) + 0.01) 264);--purple:oklch(calc(var(--L) - 4%) calc(var(--C) + 0.01) 288);--pink:oklch(calc(var(--L) + 2%) calc(var(--C) + 0.01) 352);--gray:oklch(calc(var(--L) - 4%) 0.04 256);--brand:#1e5f8c;--accent:#d94a6a;--base:#fcfcfc;--base-2:#f2f2f3;--text:#141414;--text-2:#4e5155;--link:oklch(50% 0.3 240);--divider:#dfe0e2;--shadow:rgba(20,20,21,.12);--o--mp:0.9;--o--p:0.75;--o--pp:0.5;--o--ppp:0.25;--bdrs--10:0.25rem;--bdrs--20:0.5rem;--bdrs--30:1rem;--bdrs--40:1.5rem;--bdrs--99:99rem;--ar--og:1.91/1;--gutter-size:var(--s30);--fz--base:1rem;--fz-mol:8;--fz--5xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 6));--fz--4xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 5));--fz--3xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 4));--fz--2xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 3));--fz--xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 2));--fz--l:calc(1em*var(--fz-mol)/(var(--fz-mol) - 1));--fz--m:1em;--fz--s:calc(1em*var(--fz-mol)/(var(--fz-mol) + 1));--fz--xs:calc(1em*var(--fz-mol)/(var(--fz-mol) + 2));--fz--2xs:calc(1em*var(--fz-mol)/(var(--fz-mol) + 3));--ff--base:-apple-system,"BlinkMacSystemFont","Hiragino Sans",sans-serif,"Segoe UI Emoji";--ff--mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;--ff--accent:"Garamond","Baskerville","Times New Roman",serif;--fw--light:300;--fw--normal:400;--fw--bold:600;--lts--base:normal;--lts--s:-0.025em;--lts--l:0.05em;--lts--xl:0.1em;--hl-unit:calc(var(--fz--base)*0.125);--hl--xs:var(--hl-unit);--hl--s:calc(var(--hl-unit)*2);--hl--base:calc(var(--hl-unit)*3);--hl--l:calc(var(--hl-unit)*4)}@property --hl{syntax:"<length>";inherits:true;initial-value:.25rem}.set--var\:s,:root{--s-unit:calc(var(--fz--base)*0.5);--s10:var(--s-unit);--s20:calc(var(--s-unit)*2);--s30:calc(var(--s-unit)*3);--s40:calc(var(--s-unit)*5);--s50:calc(var(--s-unit)*8);--s60:calc(var(--s-unit)*13);--s70:calc(var(--s-unit)*21);--s80:calc(var(--s-unit)*34);--s5:calc(var(--s-unit)*0.5);--s15:calc(var(--s-unit)*1.5);--s25:calc(var(--s-unit)*2.5);--s35:calc(var(--s-unit)*4)}.set--var\:s{--s-unit:0.5em}:root{--shc:var(--shadow);--shsz--10:0px 1px 3px;--shsz--20:0px 2px 6px;--shsz--30:0px 4px 12px;--shsz--40:0px 8px 24px;--shsz--50:0px 16px 48px}.set--var\:bxsh,:root{--bxsh--10:var(--shsz--10) var(--shc);--bxsh--20:var(--shsz--20) var(--shc);--bxsh--30:var(--shsz--30) var(--shc);--bxsh--40:var(--shsz--40) var(--shc);--bxsh--50:var(--shsz--50) var(--shc)}body{--hl:var(--hl--base);background-color:var(--base);color:var(--text);font-family:var(--ff--base);font-size:var(--fz--base);letter-spacing:var(--lts--base);text-underline-offset:var(--under-offset,.125em)}*{line-height:calc(1em + var(--hl)*2)}:is(h1,h2,h3,h4,h5,h6){font-family:var(--headings-ff,inherit);font-weight:var(--headings-fw,var(--fw--bold))}h1{font-size:var(--fz--3xl)}h2{font-size:var(--fz--2xl)}h3{font-size:var(--fz--xl)}h4{font-size:var(--fz--l)}h5,h6{font-size:var(--fz--m)}a{color:var(--link-c,var(--link));-webkit-text-decoration:var(--link-td,underline);text-decoration:var(--link-td,underline)}small{--hl:var(--hl--s);font-size:var(--fz--xs)}b,strong{font-weight:var(--fw--bold)}sub,sup{--hl:var(--hl--xs);font-size:80%}code,kbd,samp,var{font-family:var(--ff--mono)}blockquote,q{font-style:italic}blockquote,pre{background-color:var(--base-2);padding:var(--s20)}caption,figcaption{font-size:var(--fz--s)}hr{block-size:0;border:none;border-block-start:1px solid var(--divider)}:is(ul,ol):where(:not([class])){list-style:revert;padding-inline-start:var(--list-px-s,1.75em)}dt{font-weight:var(--fw--bold)}dd+dt{margin-block-start:var(--s20)}table{--td-c:inherit;--td-bgc:transparent;--td-p:var(--s10) var(--s15);--td-min-sz:initial}td{background-color:var(--td-bgc);color:var(--td-c);min-inline-size:var(--td-min-sz);padding:var(--td-p)}th{background-color:var(--th-bgc,var(--td-bgc));color:var(--th-c,var(--td-c));min-inline-size:var(--th-min-sz,var(--td-min-sz));padding:var(--th-p,var(--td-p))}::file-selector-button,button,input:not([type=range]),select,textarea{background-color:var(--controls-bgc,var(--base-2));border:1px solid var(--controls-bdc,var(--divider));border-radius:var(--controls-bdrs,var(--bdrs--10));padding:var(--controls-p,var(--s5) var(--s10))}:disabled{opacity:var(--o--pp)}:focus-visible{outline-offset:var(--focus-offset,0)}@media (any-hover:hover){.set--var\:hov:hover{--_notHov: }.set--var\:hov:not(:is(:hover,:focus-within)){--_isHov: }}@media (any-hover:none){.set--var\:hov{--_isHov: }}.set--var\:hov:is(:focus-visible,:focus-within){--_notHov: }.set--var\:bdrsInner{--bdrs--inner:calc(var(--bdrs, 0px) - var(--p, 0px))}.set--plain{background:none;border:none;border-radius:0;color:inherit;font:inherit;height:auto;line-height:calc(1em + var(--hl)*2);margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;text-decoration:none;width:auto}:is(ul,ol).set--revert{list-style:revert;padding-inline-start:var(--list-px-s,1.75em)}}@layer lism-trait{.is--container{container-type:inline-size}.is--container>*{--sz--bleed:100cqi}.is--container.has--gutter>*{--sz--bleed:calc(100cqi + var(--gutter-size)*2)}.is--container .is--container>*{--sz--bleed:inherit}.is--wrapper{--contentSize:var(--sz--m,100%)}.is--wrapper>*{inline-size:100%;margin-inline:auto;max-inline-size:min(100%,var(--contentSize))}.-contentSize\:s{--contentSize:var(--sz--s)}.-contentSize\:l{--contentSize:var(--sz--l)}.is--boxLink{color:inherit;cursor:pointer;display:block;isolation:isolate;pointer-events:auto;position:relative;text-decoration:none}.is--boxLink a{position:relative;z-index:2}.is--coverLink{color:inherit;position:static;text-decoration:none}.is--coverLink:before{content:"";inset:0;position:absolute;z-index:1}.is--layer{inset:0;overflow:hidden;position:absolute}.has--transition{--duration:var(--transition-duration,0.25s);--ease:ease;--delay:0s;--transitionProps:all;transition:var(--duration) var(--ease) var(--delay);transition-property:var(--transitionProps)}.has--gutter{padding-inline:var(--gutter-size)}.has--snap{--snapType:both mandatory;--snapAlign:start;--snapStop:normal;scroll-snap-type:var(--snapType)}.has--snap>*{scroll-snap-align:var(--snapAlign);scroll-snap-stop:var(--snapStop)}.has--mask{--maskPos:50%;--maskSize:contain;--maskRepeat:no-repeat;-webkit-mask:var(--maskImg) var(--maskRepeat) var(--maskPos)/var(--maskSize);mask:var(--maskImg) var(--maskRepeat) var(--maskPos)/var(--maskSize)}}@layer lism-primitive{@layer layout{.l--flow{--flow--base:var(--s30);--flow--s:var(--s20);display:flow-root}.l--flow>*+*{--flow:var(--flow--base);margin-block-start:var(--flow)}.l--flow>:where(img,video,iframe){display:block}.-flow\:s>*{--flow:var(--flow--s)}.-flow\:>*{--flow:inherit}.l--flow>:where(h1,h2,h3,h4,h5,h6){margin-block-start:calc(var(--flow)*2 + .5em)}.is--skipFlow+*,.l--flow>:first-child{--flow:0px}.l--flex{display:flex}.l--flex>*{min-width:0}.l--cluster{align-items:center;display:flex;flex-wrap:wrap}.l--stack{display:flex;flex-direction:column}.l--grid{display:grid}.l--grid>*{min-width:0}.l--center{display:grid;place-content:center;place-items:center}.l--autoColumns{--cols:20rem;--autoMode:auto-fit;display:grid;grid-template-columns:repeat(var(--autoMode),minmax(min(var(--cols),100%),1fr))}.l--columns{--cols:2;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr))}.l--withSide{--sideW:auto;--mainW:max(20rem,50%);display:flex;flex-wrap:wrap}.l--withSide>.is--side{flex-basis:var(--sideW);flex-grow:1;min-width:0}.l--withSide>:not(.is--side){flex-basis:min(100%,var(--mainW));flex-grow:9999999;min-width:0}.l--switchColumns{--breakSize:var(--sz--xs);display:flex;flex-wrap:wrap}.l--switchColumns>*{flex-basis:calc((var(--breakSize) - 100%)*9999);flex-grow:1}.l--tileGrid{display:grid;grid-template:repeat(var(--rows,1),minmax(0,1fr))/repeat(var(--cols,1),minmax(0,1fr))}.l--frame{overflow:hidden}.l--frame>:where(img,video,iframe){display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}}@layer atomic{.a--divider{--bdc:var(--divider);--bds:solid;--bdw:1px;border-block-start:var(--bdw) var(--bds) var(--bdc)}.a--icon{flex-shrink:0}.a--icon:where(:not([fill])){fill:currentcolor}.a--icon:where(:not([width])){height:1em;width:1em}.a--spacer{min-height:1px;min-width:1px}}}@layer lism-component{}@layer lism-custom{}@layer lism-utility{.u--trim,.u--trimAll>:not(:empty,figure,picture,video,button,textarea,table){margin-block:calc(var(--hl)*-1)}.u--cbox{--mutedKeycolor:var(--keycolor);--c:color-mix(in srgb,var(--text),var(--keycolor) var(--cbox-cPct,25%));--bgc:color-mix(in srgb,var(--base),var(--mutedKeycolor) var(--cbox-bgPct,4%));--bdc:color-mix(in srgb,var(--divider),var(--keycolor) var(--cbox-bdPct,50%));--link-c:var(--keycolor);background-color:var(--bgc);color:var(--c)}@supports (color:oklch(from red l c h)){.u--cbox{--mutedKeycolor:oklch(from var(--keycolor) l calc(c * 0.75) h)}}.u--cells,.u--divide{--bdw:1px;--bdc:var(--divider);gap:var(--bdw)}.u--cells>*,.u--divide>*{box-shadow:0 0 0 var(--bdw) var(--bdc)}.u--divide{overflow:clip}.u--cells{padding:var(--bdw)}.u--srOnly:not(#_){border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.u--clipText{-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}}.-lh\:1{--hl:0px}.-lh\:base{--hl:var(--hl--base)}.-lh\:xs{--hl:var(--hl--xs)}.-lh\:s{--hl:var(--hl--s)}.-lh\:l{--hl:var(--hl--l)}@layer lism-base{.-bd,[class*=" -bd-"],[class^=-bd-]{--bds:solid;--bdw:1px;--bdc:var(--divider);border-color:var(--bdc);border-width:var(--bdw)}}.-bd{border-style:var(--bds)}.-bd-x{border-inline-style:var(--bds)}.-bd-y{border-block-style:var(--bds)}.-bd-x-s{border-inline-start-style:var(--bds)}.-bd-x-e{border-inline-end-style:var(--bds)}.-bd-t{border-top-style:var(--bds)}.-bd-b{border-bottom-style:var(--bds)}.-bd-l{border-left-style:var(--bds)}.-bd-r{border-right-style:var(--bds)}.-bd-y-s{border-block-start-style:var(--bds)}.-bd-y-e{border-block-end-style:var(--bds)}.-max-sz\:full{max-inline-size:100%}:where(.has--gutter)>.-max-sz\:full{inline-size:auto;margin-inline:calc(var(--gutter-size)*-1);max-inline-size:calc(100% + var(--gutter-size)*2)}.-max-sz\:bleed{inline-size:auto;margin-inline:calc(50% - var(--sz--bleed, 100svi)/2);max-inline-size:var(--sz--bleed,100svi)}.-f\:inherit{font:inherit}.-fz{font-size:var(--fz)}.-fz\:root{font-size:var(--fz--root)}.-fz\:base{font-size:var(--fz--base)}.-fz\:5xl{font-size:var(--fz--5xl)}.-fz\:4xl{font-size:var(--fz--4xl)}.-fz\:3xl{font-size:var(--fz--3xl)}.-fz\:2xl{font-size:var(--fz--2xl)}.-fz\:xl{font-size:var(--fz--xl)}.-fz\:l{font-size:var(--fz--l)}.-fz\:m{font-size:var(--fz--m)}.-fz\:s{font-size:var(--fz--s)}.-fz\:xs{font-size:var(--fz--xs)}.-fz\:2xs{font-size:var(--fz--2xs)}.-fw\:100{font-weight:100}.-fw\:200{font-weight:200}.-fw\:300{font-weight:300}.-fw\:400{font-weight:400}.-fw\:500{font-weight:500}.-fw\:600{font-weight:600}.-fw\:700{font-weight:700}.-fw\:800{font-weight:800}.-fw\:900{font-weight:900}.-fw\:light{font-weight:var(--fw--light)}.-fw\:normal{font-weight:var(--fw--normal)}.-fw\:bold{font-weight:var(--fw--bold)}.-ff\:base{font-family:var(--ff--base)}.-ff\:accent{font-family:var(--ff--accent)}.-ff\:mono{font-family:var(--ff--mono)}.-fs\:italic{font-style:italic}.-lts\:base{letter-spacing:var(--lts--base)}.-lts\:s{letter-spacing:var(--lts--s)}.-lts\:l{letter-spacing:var(--lts--l)}.-lts\:xl{letter-spacing:var(--lts--xl)}.-ta\:center{text-align:center}.-ta\:left{text-align:left}.-ta\:right{text-align:right}.-td\:none{text-decoration:none}.-tt\:upper{text-transform:uppercase}.-tt\:lower{text-transform:lowercase}.-d{display:var(--d)}.-d\:none{display:none}.-d\:block{display:block}.-d\:flex{display:flex}.-d\:inline-flex{display:inline-flex}.-d\:grid{display:grid}.-d\:inline-grid{display:inline-grid}.-d\:inline{display:inline}.-d\:inline-block{display:inline-block}.-o\:0{opacity:0}.-o\:mp{opacity:var(--o--mp)}.-o\:p{opacity:var(--o--p)}.-o\:pp{opacity:var(--o--pp)}.-o\:ppp{opacity:var(--o--ppp)}.-v\:hidden{visibility:hidden}.-ov\:hidden{overflow:hidden}.-ov\:auto{overflow:auto}.-ov\:clip{overflow:clip}.-ov-x\:clip{overflow-x:clip}.-ov-x\:auto{overflow-x:auto}.-ov-x\:scroll{overflow-x:scroll}.-ov-y\:clip{overflow-y:clip}.-ov-y\:auto{overflow-y:auto}.-ov-y\:scroll{overflow-y:scroll}.-ar{aspect-ratio:var(--ar)}.-ar\:21\/9{aspect-ratio:21/9}.-ar\:16\/9{aspect-ratio:16/9}.-ar\:3\/2{aspect-ratio:3/2}.-ar\:1\/1{aspect-ratio:1/1}.-ar\:og{aspect-ratio:var(--ar--og)}.-w{width:var(--w)}.-w\:100\%{width:100%}.-w\:fit{width:-moz-fit-content;width:fit-content}.-h{height:var(--h)}.-h\:100\%{height:100%}.-h\:fit{height:-moz-fit-content;height:fit-content}.-min-w{min-width:var(--min-w)}.-min-w\:100\%{min-width:100%}.-max-w{max-width:var(--max-w)}.-max-w\:100\%{max-width:100%}.-min-h{min-height:var(--min-h)}.-min-h\:100\%{min-height:100%}.-max-h{max-height:var(--max-h)}.-max-h\:100\%{max-height:100%}.-max-sz\:xs{max-inline-size:var(--sz--xs)}.-max-sz\:s{max-inline-size:var(--sz--s)}.-max-sz\:m{max-inline-size:var(--sz--m)}.-max-sz\:l{max-inline-size:var(--sz--l)}.-max-sz\:xl{max-inline-size:var(--sz--xl)}.-bg{background:var(--bg)}.-bgr\:no-repeat{background-repeat:no-repeat}.-bgp\:center{background-position:50%}.-bgsz\:cover{background-size:cover}.-bgsz\:contain{background-size:contain}.-bgc,[class*="-bgc:"]{background-color:var(--bgc)}.-bgc\:base{--bgc:var(--base)}.-bgc\:base-2{--bgc:var(--base-2)}.-bgc\:text{--bgc:var(--text)}.-bgc\:brand{--bgc:var(--brand)}.-bgc\:accent{--bgc:var(--accent)}.-bgc\:transparent{--bgc:transparent}.-bgc\:inherit{background-color:inherit}.-c,[class*="-c:"]{color:var(--c)}.-c\:base{--c:var(--base)}.-c\:text{--c:var(--text)}.-c\:text-2{--c:var(--text-2)}.-c\:brand{--c:var(--brand)}.-c\:accent{--c:var(--accent)}.-c\:inherit{color:inherit}.-bd\:none{border:none}.-bds\:dashed{--bds:dashed}.-bds\:dotted{--bds:dotted}.-bds\:double{--bds:double}.-bdc\:brand{--bdc:var(--brand)}.-bdc\:accent{--bdc:var(--accent)}.-bdc\:divider{--bdc:var(--divider)}.-bdc\:inherit{--bdc:inherit}.-bdc\:transparent{--bdc:transparent}.-bdc\:current{--bdc:currentColor}.-bdrs,[class*="-bdrs:"]{border-radius:var(--bdrs)}.-bdrs\:0{--bdrs:0}.-bdrs\:10{--bdrs:var(--bdrs--10)}.-bdrs\:20{--bdrs:var(--bdrs--20)}.-bdrs\:30{--bdrs:var(--bdrs--30)}.-bdrs\:40{--bdrs:var(--bdrs--40)}.-bdrs\:99{--bdrs:var(--bdrs--99)}.-bdrs\:inner{--bdrs:var(--bdrs--inner)}.-bxsh{box-shadow:var(--bxsh)}.-bxsh\:0{box-shadow:none}.-bxsh\:10{box-shadow:var(--bxsh--10)}.-bxsh\:20{box-shadow:var(--bxsh--20)}.-bxsh\:30{box-shadow:var(--bxsh--30)}.-bxsh\:40{box-shadow:var(--bxsh--40)}.-bxsh\:50{box-shadow:var(--bxsh--50)}.-pos\:static{position:static}.-pos\:fixed{position:fixed}.-pos\:sticky{position:sticky}.-pos\:relative{position:relative}.-pos\:absolute{position:absolute}.-z\:0{z-index:0}.-z\:1{z-index:1}.-z\:99{z-index:99}.-z\:-1{z-index:-1}.-t\:0{top:0}.-t\:50\%{top:50%}.-t\:100\%{top:100%}.-l\:0{left:0}.-l\:50\%{left:50%}.-l\:100\%{left:100%}.-r\:0{right:0}.-r\:50\%{right:50%}.-r\:100\%{right:100%}.-b\:0{bottom:0}.-b\:50\%{bottom:50%}.-b\:100\%{bottom:100%}.-i\:0{inset:0}.-p,[class*="-p:"]{padding:var(--p)}.-p\:0{--p:0}.-p\:5{--p:var(--s5)}.-p\:10{--p:var(--s10)}.-p\:15{--p:var(--s15)}.-p\:20{--p:var(--s20)}.-p\:25{--p:var(--s25)}.-p\:30{--p:var(--s30)}.-p\:35{--p:var(--s35)}.-p\:40{--p:var(--s40)}.-p\:50{--p:var(--s50)}.-p\:60{--p:var(--s60)}.-p\:70{--p:var(--s70)}.-p\:80{--p:var(--s80)}.-px{padding-inline:var(--px)}.-px\:0{padding-inline:0}.-px\:5{padding-inline:var(--s5)}.-px\:10{padding-inline:var(--s10)}.-px\:15{padding-inline:var(--s15)}.-px\:20{padding-inline:var(--s20)}.-px\:25{padding-inline:var(--s25)}.-px\:30{padding-inline:var(--s30)}.-px\:35{padding-inline:var(--s35)}.-px\:40{padding-inline:var(--s40)}.-px\:50{padding-inline:var(--s50)}.-px\:60{padding-inline:var(--s60)}.-px\:70{padding-inline:var(--s70)}.-px\:80{padding-inline:var(--s80)}.-py{padding-block:var(--py)}.-py\:0{padding-block:0}.-py\:5{padding-block:var(--s5)}.-py\:10{padding-block:var(--s10)}.-py\:15{padding-block:var(--s15)}.-py\:20{padding-block:var(--s20)}.-py\:25{padding-block:var(--s25)}.-py\:30{padding-block:var(--s30)}.-py\:35{padding-block:var(--s35)}.-py\:40{padding-block:var(--s40)}.-py\:50{padding-block:var(--s50)}.-py\:60{padding-block:var(--s60)}.-py\:70{padding-block:var(--s70)}.-py\:80{padding-block:var(--s80)}.-px-s{padding-inline-start:var(--px-s)}.-px-e{padding-inline-end:var(--px-e)}.-py-s{padding-block-start:var(--py-s)}.-py-e{padding-block-end:var(--py-e)}.-pl{padding-left:var(--pl)}.-pr{padding-right:var(--pr)}.-pt{padding-top:var(--pt)}.-pb{padding-bottom:var(--pb)}.-m,[class*="-m:"]{margin:var(--m)}.-m\:0{--m:0}.-m\:5{--m:var(--s5)}.-m\:10{--m:var(--s10)}.-m\:15{--m:var(--s15)}.-m\:20{--m:var(--s20)}.-m\:25{--m:var(--s25)}.-m\:30{--m:var(--s30)}.-m\:35{--m:var(--s35)}.-m\:40{--m:var(--s40)}.-m\:50{--m:var(--s50)}.-m\:60{--m:var(--s60)}.-m\:70{--m:var(--s70)}.-m\:80{--m:var(--s80)}.-m\:auto{--m:auto}.-mx{margin-inline:var(--mx)}.-mx\:0{margin-inline:0}.-mx\:5{margin-inline:var(--s5)}.-mx\:10{margin-inline:var(--s10)}.-mx\:15{margin-inline:var(--s15)}.-mx\:20{margin-inline:var(--s20)}.-mx\:25{margin-inline:var(--s25)}.-mx\:30{margin-inline:var(--s30)}.-mx\:35{margin-inline:var(--s35)}.-mx\:40{margin-inline:var(--s40)}.-mx\:50{margin-inline:var(--s50)}.-mx\:60{margin-inline:var(--s60)}.-mx\:70{margin-inline:var(--s70)}.-mx\:80{margin-inline:var(--s80)}.-mx\:auto{margin-inline:auto}.-my{margin-block:var(--my)}.-my\:0{margin-block:0}.-my\:5{margin-block:var(--s5)}.-my\:10{margin-block:var(--s10)}.-my\:15{margin-block:var(--s15)}.-my\:20{margin-block:var(--s20)}.-my\:25{margin-block:var(--s25)}.-my\:30{margin-block:var(--s30)}.-my\:35{margin-block:var(--s35)}.-my\:40{margin-block:var(--s40)}.-my\:50{margin-block:var(--s50)}.-my\:60{margin-block:var(--s60)}.-my\:70{margin-block:var(--s70)}.-my\:80{margin-block:var(--s80)}.-my\:auto{margin-block:auto}.-mx-s{margin-inline-start:var(--mx-s)}.-mx-s\:auto{margin-inline-start:auto}.-mx-e{margin-inline-end:var(--mx-e)}.-mx-e\:auto{margin-inline-end:auto}.-my-s{margin-block-start:var(--my-s)}.-my-s\:0{margin-block-start:0}.-my-s\:5{margin-block-start:var(--s5)}.-my-s\:10{margin-block-start:var(--s10)}.-my-s\:15{margin-block-start:var(--s15)}.-my-s\:20{margin-block-start:var(--s20)}.-my-s\:25{margin-block-start:var(--s25)}.-my-s\:30{margin-block-start:var(--s30)}.-my-s\:35{margin-block-start:var(--s35)}.-my-s\:40{margin-block-start:var(--s40)}.-my-s\:50{margin-block-start:var(--s50)}.-my-s\:60{margin-block-start:var(--s60)}.-my-s\:70{margin-block-start:var(--s70)}.-my-s\:80{margin-block-start:var(--s80)}.-my-s\:auto{margin-block-start:auto}.-my-e{margin-block-end:var(--my-e)}.-my-e\:auto{margin-block-end:auto}.-ml{margin-left:var(--ml)}.-mr{margin-right:var(--mr)}.-mt{margin-top:var(--mt)}.-mb{margin-bottom:var(--mb)}.-g{gap:var(--g)}.-g\:0{gap:0}.-g\:5{gap:var(--s5)}.-g\:10{gap:var(--s10)}.-g\:15{gap:var(--s15)}.-g\:20{gap:var(--s20)}.-g\:25{gap:var(--s25)}.-g\:30{gap:var(--s30)}.-g\:35{gap:var(--s35)}.-g\:40{gap:var(--s40)}.-g\:50{gap:var(--s50)}.-g\:60{gap:var(--s60)}.-g\:70{gap:var(--s70)}.-g\:80{gap:var(--s80)}.-g\:inherit{gap:inherit}.-cg{-moz-column-gap:var(--cg);column-gap:var(--cg)}.-rg{row-gap:var(--rg)}.-fxw{flex-wrap:var(--fxw)}.-fxw\:wrap{flex-wrap:wrap}.-fxd{flex-direction:var(--fxd)}.-fxd\:column{flex-direction:column}.-fxd\:column-reverse{flex-direction:column-reverse}.-fxd\:row-reverse{flex-direction:row-reverse}.-fx{flex:var(--fx)}.-fx\:1{flex:1}.-fxg\:1{flex-grow:1}.-fxsh\:0{flex-shrink:0}.-fxb{flex-basis:var(--fxb)}.-gt{grid-template:var(--gt)}.-gta{grid-template-areas:var(--gta)}.-gtc{grid-template-columns:var(--gtc)}.-gtc\:subgrid{grid-template-columns:subgrid}.-gtr{grid-template-rows:var(--gtr)}.-gtr\:subgrid{grid-template-rows:subgrid}.-gaf{grid-auto-flow:var(--gaf)}.-gaf\:row{grid-auto-flow:row}.-gaf\:column{grid-auto-flow:column}.-ga{grid-area:var(--ga)}.-ga\:1\/1{grid-area:1/1}.-gc{grid-column:var(--gc)}.-gc\:1\/-1{grid-column:1/-1}.-gr{grid-row:var(--gr)}.-gr\:1\/-1{grid-row:1/-1}.-ai{align-items:var(--ai)}.-ai\:start{align-items:start}.-ai\:center{align-items:center}.-ai\:end{align-items:end}.-ai\:stretch{align-items:stretch}.-ai\:flex-start{align-items:flex-start}.-ai\:flex-end{align-items:flex-end}.-ac{align-content:var(--ac)}.-ac\:start{align-content:start}.-ac\:center{align-content:center}.-ac\:end{align-content:end}.-ac\:flex-start{align-content:flex-start}.-ac\:flex-end{align-content:flex-end}.-ac\:between{align-content:space-between}.-ji{justify-items:var(--ji)}.-ji\:start{justify-items:start}.-ji\:center{justify-items:center}.-ji\:end{justify-items:end}.-ji\:stretch{justify-items:stretch}.-ji\:flex-start{justify-items:flex-start}.-ji\:flex-end{justify-items:flex-end}.-jc{justify-content:var(--jc)}.-jc\:start{justify-content:start}.-jc\:center{justify-content:center}.-jc\:end{justify-content:end}.-jc\:flex-start{justify-content:flex-start}.-jc\:flex-end{justify-content:flex-end}.-jc\:between{justify-content:space-between}.-pi\:start{place-items:start}.-pi\:center{place-items:center}.-pi\:end{place-items:end}.-pc\:start{place-content:start}.-pc\:center{place-content:center}.-pc\:end{place-content:end}.-aslf\:start{align-self:start}.-aslf\:center{align-self:center}.-aslf\:end{align-self:end}.-aslf\:stretch{align-self:stretch}.-jslf\:start{justify-self:start}.-jslf\:center{justify-self:center}.-jslf\:end{justify-self:end}.-jslf\:stretch{justify-self:stretch}.-pslf\:start{place-self:start}.-pslf\:center{place-self:center}.-pslf\:end{place-self:end}.-order\:0{order:0}.-order\:1{order:1}.-order\:-1{order:-1}.-ovw\:anywhere{overflow-wrap:anywhere}.-whs\:nowrap{white-space:nowrap}.-float\:left{float:left}.-float\:right{float:right}.-clear\:both{clear:both}.-iso\:isolate{isolation:isolate}.-wm{writing-mode:var(--wm)}.-wm\:vertical-rl{writing-mode:vertical-rl}@container (min-width: 480px){.-fz_sm{font-size:var(--fz_sm)}.-hl_sm{--hl:var(--hl_sm)!important}.-d_sm{display:var(--d_sm)}.-ar_sm{aspect-ratio:var(--ar_sm)}.-w_sm{width:var(--w_sm)}.-h_sm{height:var(--h_sm)}.-min-w_sm{min-width:var(--min-w_sm)}.-max-w_sm{max-width:var(--max-w_sm)}.-min-h_sm{min-height:var(--min-h_sm)}.-max-h_sm{max-height:var(--max-h_sm)}.-bg_sm{background:var(--bg_sm)}.-bdw_sm{--bdw:var(--bdw_sm)!important}.-bdrs_sm{border-radius:var(--bdrs);--bdrs:var(--bdrs_sm)!important}.-bxsh_sm{box-shadow:var(--bxsh_sm)}.-p_sm{padding:var(--p);--p:var(--p_sm)!important}.-px_sm{padding-inline:var(--px_sm)}.-py_sm{padding-block:var(--py_sm)}.-px-s_sm{padding-inline-start:var(--px-s_sm)}.-px-e_sm{padding-inline-end:var(--px-e_sm)}.-py-s_sm{padding-block-start:var(--py-s_sm)}.-py-e_sm{padding-block-end:var(--py-e_sm)}.-pl_sm{padding-left:var(--pl_sm)}.-pr_sm{padding-right:var(--pr_sm)}.-pt_sm{padding-top:var(--pt_sm)}.-pb_sm{padding-bottom:var(--pb_sm)}.-m_sm{margin:var(--m);--m:var(--m_sm)!important}.-mx_sm{margin-inline:var(--mx_sm)}.-my_sm{margin-block:var(--my_sm)}.-mx-s_sm{margin-inline-start:var(--mx-s_sm)}.-mx-e_sm{margin-inline-end:var(--mx-e_sm)}.-my-s_sm{margin-block-start:var(--my-s_sm)}.-my-e_sm{margin-block-end:var(--my-e_sm)}.-ml_sm{margin-left:var(--ml_sm)}.-mr_sm{margin-right:var(--mr_sm)}.-mt_sm{margin-top:var(--mt_sm)}.-mb_sm{margin-bottom:var(--mb_sm)}.-g_sm{gap:var(--g_sm)}.-cg_sm{-moz-column-gap:var(--cg_sm);column-gap:var(--cg_sm)}.-rg_sm{row-gap:var(--rg_sm)}.-cols_sm{--cols:var(--cols_sm)!important}.-rows_sm{--rows:var(--rows_sm)!important}.-fxw_sm{flex-wrap:var(--fxw_sm)}.-fxd_sm{flex-direction:var(--fxd_sm)}.-fx_sm{flex:var(--fx_sm)}.-fxb_sm{flex-basis:var(--fxb_sm)}.-gt_sm{grid-template:var(--gt_sm)}.-gta_sm{grid-template-areas:var(--gta_sm)}.-gtc_sm{grid-template-columns:var(--gtc_sm)}.-gtr_sm{grid-template-rows:var(--gtr_sm)}.-gaf_sm{grid-auto-flow:var(--gaf_sm)}.-ga_sm{grid-area:var(--ga_sm)}.-gc_sm{grid-column:var(--gc_sm)}.-gr_sm{grid-row:var(--gr_sm)}.-ai_sm{align-items:var(--ai_sm)}.-ac_sm{align-content:var(--ac_sm)}.-ji_sm{justify-items:var(--ji_sm)}.-jc_sm{justify-content:var(--jc_sm)}.-wm_sm{writing-mode:var(--wm_sm)}}@container (min-width: 800px){.-fz_md{font-size:var(--fz_md)}.-hl_md{--hl:var(--hl_md)!important}.-d_md{display:var(--d_md)}.-ar_md{aspect-ratio:var(--ar_md)}.-w_md{width:var(--w_md)}.-h_md{height:var(--h_md)}.-min-w_md{min-width:var(--min-w_md)}.-max-w_md{max-width:var(--max-w_md)}.-min-h_md{min-height:var(--min-h_md)}.-max-h_md{max-height:var(--max-h_md)}.-bg_md{background:var(--bg_md)}.-bdw_md{--bdw:var(--bdw_md)!important}.-bdrs_md{border-radius:var(--bdrs);--bdrs:var(--bdrs_md)!important}.-bxsh_md{box-shadow:var(--bxsh_md)}.-p_md{padding:var(--p);--p:var(--p_md)!important}.-px_md{padding-inline:var(--px_md)}.-py_md{padding-block:var(--py_md)}.-px-s_md{padding-inline-start:var(--px-s_md)}.-px-e_md{padding-inline-end:var(--px-e_md)}.-py-s_md{padding-block-start:var(--py-s_md)}.-py-e_md{padding-block-end:var(--py-e_md)}.-pl_md{padding-left:var(--pl_md)}.-pr_md{padding-right:var(--pr_md)}.-pt_md{padding-top:var(--pt_md)}.-pb_md{padding-bottom:var(--pb_md)}.-m_md{margin:var(--m);--m:var(--m_md)!important}.-mx_md{margin-inline:var(--mx_md)}.-my_md{margin-block:var(--my_md)}.-mx-s_md{margin-inline-start:var(--mx-s_md)}.-mx-e_md{margin-inline-end:var(--mx-e_md)}.-my-s_md{margin-block-start:var(--my-s_md)}.-my-e_md{margin-block-end:var(--my-e_md)}.-ml_md{margin-left:var(--ml_md)}.-mr_md{margin-right:var(--mr_md)}.-mt_md{margin-top:var(--mt_md)}.-mb_md{margin-bottom:var(--mb_md)}.-g_md{gap:var(--g_md)}.-cg_md{-moz-column-gap:var(--cg_md);column-gap:var(--cg_md)}.-rg_md{row-gap:var(--rg_md)}.-cols_md{--cols:var(--cols_md)!important}.-rows_md{--rows:var(--rows_md)!important}.-fxw_md{flex-wrap:var(--fxw_md)}.-fxd_md{flex-direction:var(--fxd_md)}.-fx_md{flex:var(--fx_md)}.-fxb_md{flex-basis:var(--fxb_md)}.-gt_md{grid-template:var(--gt_md)}.-gta_md{grid-template-areas:var(--gta_md)}.-gtc_md{grid-template-columns:var(--gtc_md)}.-gtr_md{grid-template-rows:var(--gtr_md)}.-gaf_md{grid-auto-flow:var(--gaf_md)}.-ga_md{grid-area:var(--ga_md)}.-gc_md{grid-column:var(--gc_md)}.-gr_md{grid-row:var(--gr_md)}.-ai_md{align-items:var(--ai_md)}.-ac_md{align-content:var(--ac_md)}.-ji_md{justify-items:var(--ji_md)}.-jc_md{justify-content:var(--jc_md)}.-wm_md{writing-mode:var(--wm_md)}}@media (any-hover:hover){.-hov\:-c:hover{color:var(--hov-c,var(--link))}.-hov\:-bdc:hover{border-color:var(--hov-bdc,currentColor)}.-hov\:-bgc:hover{background-color:var(--hov-bgc,var(--base-2))}.-hov\:-o:hover{opacity:var(--hov-o,var(--o--p))}.-hov\:-bxsh:hover{box-shadow:var(--hov-bxsh,var(--bxsh--50))}.-hov\:underline:hover{text-decoration:underline}.-hov\:neutral:hover{background-color:color-mix(in srgb,var(--bgc,var(--base)),#bcbec2 25%)}}.-hov\:in\:hide{--transitionProps:opacity;opacity:var(--_isHov,0)}.-hov\:in\:show{--transitionProps:opacity,visibility;opacity:var(--_notHov,0);visibility:var(--_notHov,hidden)}.-hov\:in\:zoom{--transitionProps:scale;scale:var(--_isHov,1.1)}

package/dist/css/main_no_layer.css

@@ -1 +1 @@
-@layer reset{*,:after,:before{box-sizing:border-box}:not(dialog){margin:0}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;line-break:strict;overflow-wrap:anywhere;overflow-x:clip;-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-break:normal}html:has(:modal[open]){overflow:clip}body{min-height:100dvh;overflow:inherit}abbr[title]{text-decoration:underline;text-decoration-style:dotted}pre{overflow-x:auto}:is(ul,ol)[class],menu{list-style:none;padding:0}audio,canvas,iframe,img,object,svg,video{max-inline-size:100%;vertical-align:middle}img,video{block-size:auto}iframe{border:none}::file-selector-button,button,input,select,textarea{color:inherit;font:inherit;font-size:max(16px,1em)}fieldset{min-inline-size:0}textarea{max-inline-size:100%;resize:block}[type=checkbox],[type=radio],label[for],select,summary{cursor:pointer}::file-selector-button,[role=button],[role=option],[role=tab],[type=button],[type=reset],[type=submit],button{cursor:pointer;touch-action:manipulation}:disabled{cursor:not-allowed}[hidden=until-found]{z-index:-1}}@property --sz--container{syntax:"<length-percentage>";initial-value:100cqi;inherits:true}:root{--sz--xl:1600px;--sz--l:1280px;--sz--m:56rem;--sz--s:42rem;--sz--xs:32rem;--black:#000;--white:#fff;--L:60%;--C:0.22;--red:oklch(var(--L) var(--C) 20);--orange:oklch(calc(var(--L) + 4%) calc(var(--C) - 0.01) 52);--yellow:oklch(calc(var(--L) + 12%) calc(var(--C) - 0.025) 84);--green:oklch(calc(var(--L) + 4%) calc(var(--C) - 0.02) 152);--blue:oklch(calc(var(--L) - 2%) calc(var(--C) + 0.01) 260);--purple:oklch(calc(var(--L) - 4%) calc(var(--C) + 0.02) 292);--pink:oklch(calc(var(--L) + 2%) calc(var(--C) + 0.02) 348);--gray:oklch(calc(var(--L) - 4%) 0.04 256);--brand:#1e5f8c;--accent:#d94a6a;--base:#fcfcfd;--base-2:#f1f2f3;--text:#141415;--text-2:#4d4f56;--link:oklch(50% 0.3 240);--divider:#dedfe3;--o--mp:0.9;--o--p:0.75;--o--pp:0.5;--o--ppp:0.25;--bdrs--10:0.25rem;--bdrs--20:0.5rem;--bdrs--30:1rem;--bdrs--40:1.5rem;--bdrs--99:99rem;--ar--og:1.91/1;--gutter-size:var(--s30);--REM:clamp(0.95rem,0.915rem + 0.15vw,1.05rem);--fz--base:var(--REM);--fz-mol:8;--fz--5xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 6));--fz--4xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 5));--fz--3xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 4));--fz--2xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 3));--fz--xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 2));--fz--l:calc(1em*var(--fz-mol)/(var(--fz-mol) - 1));--fz--m:1em;--fz--s:calc(1em*var(--fz-mol)/(var(--fz-mol) + 1));--fz--xs:calc(1em*var(--fz-mol)/(var(--fz-mol) + 2));--fz--2xs:calc(1em*var(--fz-mol)/(var(--fz-mol) + 3));--ff--base:-apple-system,"BlinkMacSystemFont","Hiragino Sans",sans-serif,"Segoe UI Emoji";--ff--mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;--ff--accent:"Garamond","Baskerville","Times New Roman",serif;--fw--light:300;--fw--normal:400;--fw--bold:600;--lts--base:normal;--lts--s:-0.05em;--lts--l:0.05em;--hl-unit:calc(var(--REM)*0.125);--hl--xs:var(--hl-unit);--hl--s:calc(var(--hl-unit)*2);--hl--base:calc(var(--hl-unit)*3);--hl--l:calc(var(--hl-unit)*4);--s-unit:calc(var(--REM)*0.5);--s5:calc(var(--s-unit)*0.5);--s10:var(--s-unit);--s15:calc(var(--s-unit)*1.5);--s20:calc(var(--s-unit)*2);--s30:calc(var(--s-unit)*3);--s40:calc(var(--s-unit)*5);--s50:calc(var(--s-unit)*8);--s60:calc(var(--s-unit)*13);--s70:calc(var(--s-unit)*21);--s80:calc(var(--s-unit)*34);--shc:rgba(20,20,21,.15);--shsz--10:0px 1px 3px;--shsz--20:0px 2px 6px;--shsz--30:0px 4px 12px;--shsz--40:0px 8px 24px;--shsz--50:0px 16px 48px}@property --hl{syntax:"<length>";inherits:true;initial-value:.25rem}.set--var\:bxsh,:root{--bxsh--10:var(--shsz--10) var(--shc);--bxsh--20:var(--shsz--20) var(--shc);--bxsh--30:var(--shsz--30) var(--shc);--bxsh--40:var(--shsz--40) var(--shc);--bxsh--50:var(--shsz--50) var(--shc)}body{--hl:var(--hl--base);background-color:var(--base);color:var(--text);font-family:var(--ff--base);font-size:var(--fz--base);letter-spacing:var(--lts--base);text-underline-offset:var(--under-offset,.125em)}*{line-height:calc(1em + var(--hl)*2)}:is(h1,h2,h3,h4,h5,h6){font-family:var(--headings-ff,inherit);font-weight:var(--headings-fw,var(--fw--bold))}h1{font-size:var(--fz--3xl)}h2{font-size:var(--fz--2xl)}h3{font-size:var(--fz--xl)}h4{font-size:var(--fz--l)}h5,h6{font-size:var(--fz--m)}a{color:var(--link-c,var(--link));-webkit-text-decoration:var(--link-td,underline);text-decoration:var(--link-td,underline);text-decoration-color:var(--link-td-color,currentColor);text-decoration-thickness:var(--link-td-thickness,auto)}small{--hl:var(--hl--s);font-size:var(--fz--xs)}b,strong{font-weight:var(--fw--bold)}sub,sup{--hl:var(--hl--xs);font-size:80%}code,kbd,samp,var{font-family:var(--ff--mono)}blockquote{background-color:var(--base-2);padding:var(--s30)}caption,figcaption,legend{font-size:var(--fz--s)}hr{block-size:0;border:none;border-block-start:1px solid var(--divider)}:is(ul,ol):where(:not([class])){list-style:revert;padding-inline-start:var(--list-px-s,1.75em)}dt{font-weight:var(--fw--bold)}dd+dt{margin-block-start:var(--s20)}table{--td-c:inherit;--td-bgc:transparent;--td-p:var(--s10);--td-min-sz:initial}td{background-color:var(--td-bgc);color:var(--td-c);min-inline-size:var(--td-min-sz);padding:var(--td-p)}th{background-color:var(--th-bgc,var(--td-bgc));color:var(--th-c,var(--td-c));min-inline-size:var(--th-min-sz,var(--td-min-sz));padding:var(--th-p,var(--td-p))}::file-selector-button,button,input,select,textarea{background-color:var(--controls-bgc,var(--base-2));border:1px solid var(--controls-bdc,var(--divider));border-radius:var(--controls-bdrs,var(--bdrs--10));padding:var(--controls-p,var(--s5) var(--s10))}:disabled{opacity:var(--o--pp)}:focus-visible{outline-offset:var(--focus-offset,0)}@media (any-hover:hover){.set--var\:hov:hover{--_notHov: }.set--var\:hov:not(:is(:hover,:focus-within)){--_isHov: }}@media (any-hover:none){.set--var\:hov{--_isHov: }}.set--var\:hov:is(:focus-visible,:focus-within){--_notHov: }.set--var\:bdrsInner{--bdrs--inner:calc(var(--bdrs, 0px) - var(--p, 0px))}.set--plain{background:none;border:none;border-radius:0;color:inherit;font:inherit;height:auto;line-height:calc(1em + var(--hl)*2);margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;text-decoration:none;width:auto}:is(ul,ol).set--revert{list-style:revert;padding-inline-start:var(--list-px-s,1.75em)}.is--container{container-type:inline-size}.is--container>*{--sz--container:100cqi}.is--container.has--gutter>*{--sz--container:calc(100cqi + var(--gutter-size)*2)}.is--wrapper{--contentSize:var(--sz--m,100%)}.is--wrapper>*{margin-inline:auto;max-inline-size:min(100%,var(--contentSize))}.-contentSize\:s{--contentSize:var(--sz--s)}.-contentSize\:l{--contentSize:var(--sz--l)}.is--boxLink{color:inherit;cursor:pointer;display:block;isolation:isolate;pointer-events:auto;position:relative;text-decoration:none}.is--boxLink a{position:relative;z-index:2}.is--coverLink{color:inherit;position:static;text-decoration:none}.is--coverLink:before{content:"";inset:0;position:absolute;z-index:1}.is--layer{inset:0;overflow:hidden;position:absolute}.has--transition{--duration:var(--transition-duration,0.25s);--ease:ease;--delay:0s;--transitionProps:all;transition:var(--duration) var(--ease) var(--delay);transition-property:var(--transitionProps)}.has--gutter{padding-inline:var(--gutter-size)}.has--snap{--snapType:both mandatory;--snapAlign:start;--snapStop:normal;scroll-snap-type:var(--snapType)}.has--snap>*{scroll-snap-align:var(--snapAlign);scroll-snap-stop:var(--snapStop)}.has--mask{--maskPos:50%;--maskSize:contain;--maskRepeat:no-repeat;-webkit-mask:var(--maskImg) var(--maskRepeat) var(--maskPos)/var(--maskSize);mask:var(--maskImg) var(--maskRepeat) var(--maskPos)/var(--maskSize)}.l--flow{--flow--base:var(--s30);--flow--s:var(--s20);display:flow-root}.l--flow>*+*{--flow:var(--flow--base);margin-block-start:var(--flow)}.l--flow>:where(img,video,iframe){display:block}.-flow\:s>*{--flow:var(--flow--s)}.-flow\:>*{--flow:inherit}.l--flow>:where(h1,h2,h3,h4,h5,h6){margin-block-start:calc(var(--flow)*2 + .5em)}.is--skipFlow+*,.l--flow>:first-child{--flow:0px}.l--flex{display:flex}.l--flex>*{min-width:0}.l--cluster{align-items:center;display:flex;flex-wrap:wrap}.l--stack{display:flex;flex-direction:column}.l--grid{display:grid}.l--grid>*{min-width:0}.l--center{display:grid;place-content:center;place-items:center}.l--autoColumns{--cols:20rem;--autoMode:auto-fit;display:grid;grid-template-columns:repeat(var(--autoMode),minmax(min(var(--cols),100%),1fr))}.l--columns{--cols:2;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr))}.l--withSide{--sideW:auto;--mainW:max(20rem,50%);display:flex;flex-wrap:wrap}.l--withSide>.is--side{flex-basis:var(--sideW);flex-grow:1;min-width:0}.l--withSide>:not(.is--side){flex-basis:min(100%,var(--mainW));flex-grow:9999999;min-width:0}.l--switchColumns{--breakSize:var(--sz--xs);display:flex;flex-wrap:wrap}.l--switchColumns>*{flex-basis:calc((var(--breakSize) - 100%)*9999);flex-grow:1}.l--tileGrid{display:grid;grid-template:repeat(var(--rows,1),minmax(0,1fr))/repeat(var(--cols,1),minmax(0,1fr))}.l--frame{overflow:hidden}.l--frame>:where(img,video,iframe){display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.a--divider{--bdc:var(--divider);--bds:solid;--bdw:1px;border-block-start:var(--bdw) var(--bds) var(--bdc)}.a--icon{flex-shrink:0}.a--icon:where(:not([fill])){fill:currentcolor}.a--icon:where(:not([width])){height:1em;width:1em}.a--spacer{min-height:1px;min-width:1px}.u--trim,.u--trimAll>:not(:empty,figure,picture,video,button,textarea,table){margin-block:calc(var(--hl)*-1)}.u--cbox{--c:color-mix(in srgb,var(--text),var(--keycolor) var(--cbox-cPct,32%));--bgc:color-mix(in srgb,var(--base),var(--keycolor) var(--cbox-bgPct,4%));--bdc:color-mix(in srgb,transparent,var(--keycolor) var(--cbox-bdPct,64%));--link-c:var(--keycolor);background-color:var(--bgc);color:var(--c)}@supports (color:oklch(from red l c h)){.u--cbox{--shc:oklch(from var(--keycolor) calc(l / 1.5) calc(c / 1.5) h/0.1)}}.u--cells,.u--divide{--bdw:1px;--bdc:var(--divider);gap:var(--bdw)}.u--cells>*,.u--divide>*{box-shadow:0 0 0 var(--bdw) var(--bdc)}.u--divide{overflow:clip}.u--cells{padding:var(--bdw)}.u--srOnly:not(#_){border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.u--clipText{-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}.-lh\:1{--hl:0px}.-lh\:base{--hl:var(--hl--base)}.-lh\:xs{--hl:var(--hl--xs)}.-lh\:s{--hl:var(--hl--s)}.-lh\:l{--hl:var(--hl--l)}:where(.-bd,[class*=" -bd-"],[class^=-bd-]){--bds:solid;--bdw:1px;--bdc:var(--divider);border-color:var(--bdc);border-width:var(--bdw)}.-bd{border-style:var(--bds)}.-bd-x{border-inline-style:var(--bds)}.-bd-y{border-block-style:var(--bds)}.-bd-x-s{border-inline-start-style:var(--bds)}.-bd-x-e{border-inline-end-style:var(--bds)}.-bd-t{border-top-style:var(--bds)}.-bd-b{border-bottom-style:var(--bds)}.-bd-l{border-left-style:var(--bds)}.-bd-r{border-right-style:var(--bds)}.-bd-y-s{border-block-start-style:var(--bds)}.-bd-y-e{border-block-end-style:var(--bds)}.-max-sz\:full{max-inline-size:100%}:where(.has--gutter)>.-max-sz\:full{margin-inline:calc(var(--gutter-size)*-1);max-inline-size:calc(100% + var(--gutter-size)*2)}.-max-sz\:container{margin-inline:calc(50% - var(--sz--container)/2);max-inline-size:var(--sz--container,100cqi)}.-f\:inherit{font:inherit}.-fz{font-size:var(--fz)}.-fz\:root{font-size:var(--fz--root)}.-fz\:base{font-size:var(--fz--base)}.-fz\:5xl{font-size:var(--fz--5xl)}.-fz\:4xl{font-size:var(--fz--4xl)}.-fz\:3xl{font-size:var(--fz--3xl)}.-fz\:2xl{font-size:var(--fz--2xl)}.-fz\:xl{font-size:var(--fz--xl)}.-fz\:l{font-size:var(--fz--l)}.-fz\:m{font-size:var(--fz--m)}.-fz\:s{font-size:var(--fz--s)}.-fz\:xs{font-size:var(--fz--xs)}.-fz\:2xs{font-size:var(--fz--2xs)}.-fw\:100{font-weight:100}.-fw\:200{font-weight:200}.-fw\:300{font-weight:300}.-fw\:400{font-weight:400}.-fw\:500{font-weight:500}.-fw\:600{font-weight:600}.-fw\:700{font-weight:700}.-fw\:800{font-weight:800}.-fw\:900{font-weight:900}.-fw\:light{font-weight:var(--fw--light)}.-fw\:normal{font-weight:var(--fw--normal)}.-fw\:bold{font-weight:var(--fw--bold)}.-ff\:base{font-family:var(--ff--base)}.-ff\:accent{font-family:var(--ff--accent)}.-ff\:mono{font-family:var(--ff--mono)}.-fs\:italic{font-style:italic}.-lts\:base{letter-spacing:var(--lts--base)}.-lts\:s{letter-spacing:var(--lts--s)}.-lts\:l{letter-spacing:var(--lts--l)}.-ta\:center{text-align:center}.-ta\:left{text-align:left}.-ta\:right{text-align:right}.-td\:none{text-decoration:none}.-tt\:upper{text-transform:uppercase}.-tt\:lower{text-transform:lowercase}.-d{display:var(--d)}.-d\:none{display:none}.-d\:block{display:block}.-d\:flex{display:flex}.-d\:inline-flex{display:inline-flex}.-d\:grid{display:grid}.-d\:inline-grid{display:inline-grid}.-d\:inline{display:inline}.-d\:inline-block{display:inline-block}.-o\:0{opacity:0}.-o\:mp{opacity:var(--o--mp)}.-o\:p{opacity:var(--o--p)}.-o\:pp{opacity:var(--o--pp)}.-o\:ppp{opacity:var(--o--ppp)}.-v\:hidden{visibility:hidden}.-ov\:hidden{overflow:hidden}.-ov\:auto{overflow:auto}.-ov\:clip{overflow:clip}.-ov-x\:clip{overflow-x:clip}.-ov-x\:auto{overflow-x:auto}.-ov-x\:scroll{overflow-x:scroll}.-ov-y\:clip{overflow-y:clip}.-ov-y\:auto{overflow-y:auto}.-ov-y\:scroll{overflow-y:scroll}.-ar{aspect-ratio:var(--ar)}.-ar\:21\/9{aspect-ratio:21/9}.-ar\:16\/9{aspect-ratio:16/9}.-ar\:3\/2{aspect-ratio:3/2}.-ar\:1\/1{aspect-ratio:1/1}.-ar\:og{aspect-ratio:var(--ar--og)}.-w{width:var(--w)}.-w\:100\%{width:100%}.-w\:fit{width:-moz-fit-content;width:fit-content}.-h{height:var(--h)}.-h\:100\%{height:100%}.-h\:fit{height:-moz-fit-content;height:fit-content}.-min-w{min-width:var(--min-w)}.-min-w\:100\%{min-width:100%}.-max-w{max-width:var(--max-w)}.-max-w\:100\%{max-width:100%}.-min-h{min-height:var(--min-h)}.-min-h\:100\%{min-height:100%}.-max-h{max-height:var(--max-h)}.-max-h\:100\%{max-height:100%}.-max-sz\:xs{max-inline-size:var(--sz--xs)}.-max-sz\:s{max-inline-size:var(--sz--s)}.-max-sz\:m{max-inline-size:var(--sz--m)}.-max-sz\:l{max-inline-size:var(--sz--l)}.-max-sz\:xl{max-inline-size:var(--sz--xl)}.-bg{background:var(--bg)}.-bgr\:no-repeat{background-repeat:no-repeat}.-bgp\:center{background-position:50%}.-bgsz\:cover{background-size:cover}.-bgsz\:contain{background-size:contain}.-bgc,[class*="-bgc:"]{background-color:var(--bgc)}.-bgc\:base{--bgc:var(--base)}.-bgc\:base-2{--bgc:var(--base-2)}.-bgc\:text{--bgc:var(--text)}.-bgc\:brand{--bgc:var(--brand)}.-bgc\:accent{--bgc:var(--accent)}.-bgc\:transparent{--bgc:transparent}.-bgc\:inherit{background-color:inherit}.-c,[class*="-c:"]{color:var(--c)}.-c\:base{--c:var(--base)}.-c\:text{--c:var(--text)}.-c\:text-2{--c:var(--text-2)}.-c\:brand{--c:var(--brand)}.-c\:accent{--c:var(--accent)}.-c\:inherit{color:inherit}.-bd\:none{border:none}.-bds\:dashed{--bds:dashed}.-bds\:dotted{--bds:dotted}.-bds\:double{--bds:double}.-bdc\:brand{--bdc:var(--brand)}.-bdc\:accent{--bdc:var(--accent)}.-bdc\:divider{--bdc:var(--divider)}.-bdc\:inherit{--bdc:inherit}.-bdc\:transparent{--bdc:transparent}.-bdc\:current{--bdc:currentColor}.-bdrs,[class*="-bdrs:"]{border-radius:var(--bdrs)}.-bdrs\:0{--bdrs:0}.-bdrs\:10{--bdrs:var(--bdrs--10)}.-bdrs\:20{--bdrs:var(--bdrs--20)}.-bdrs\:30{--bdrs:var(--bdrs--30)}.-bdrs\:40{--bdrs:var(--bdrs--40)}.-bdrs\:99{--bdrs:var(--bdrs--99)}.-bdrs\:inner{--bdrs:var(--bdrs--inner)}.-bxsh{box-shadow:var(--bxsh)}.-bxsh\:0{box-shadow:none}.-bxsh\:10{box-shadow:var(--bxsh--10)}.-bxsh\:20{box-shadow:var(--bxsh--20)}.-bxsh\:30{box-shadow:var(--bxsh--30)}.-bxsh\:40{box-shadow:var(--bxsh--40)}.-bxsh\:50{box-shadow:var(--bxsh--50)}.-pos\:static{position:static}.-pos\:fixed{position:fixed}.-pos\:sticky{position:sticky}.-pos\:relative{position:relative}.-pos\:absolute{position:absolute}.-z\:0{z-index:0}.-z\:1{z-index:1}.-z\:99{z-index:99}.-z\:-1{z-index:-1}.-t\:0{top:0}.-t\:50\%{top:50%}.-t\:100\%{top:100%}.-l\:0{left:0}.-l\:50\%{left:50%}.-l\:100\%{left:100%}.-r\:0{right:0}.-r\:50\%{right:50%}.-r\:100\%{right:100%}.-b\:0{bottom:0}.-b\:50\%{bottom:50%}.-b\:100\%{bottom:100%}.-i\:0{inset:0}.-p,[class*="-p:"]{padding:var(--p)}.-p\:0{--p:0}.-p\:5{--p:var(--s5)}.-p\:10{--p:var(--s10)}.-p\:15{--p:var(--s15)}.-p\:20{--p:var(--s20)}.-p\:30{--p:var(--s30)}.-p\:40{--p:var(--s40)}.-p\:50{--p:var(--s50)}.-p\:60{--p:var(--s60)}.-p\:70{--p:var(--s70)}.-p\:80{--p:var(--s80)}.-px{padding-inline:var(--px)}.-px\:0{padding-inline:0}.-px\:5{padding-inline:var(--s5)}.-px\:10{padding-inline:var(--s10)}.-px\:15{padding-inline:var(--s15)}.-px\:20{padding-inline:var(--s20)}.-px\:30{padding-inline:var(--s30)}.-px\:40{padding-inline:var(--s40)}.-px\:50{padding-inline:var(--s50)}.-px\:60{padding-inline:var(--s60)}.-px\:70{padding-inline:var(--s70)}.-px\:80{padding-inline:var(--s80)}.-py{padding-block:var(--py)}.-py\:0{padding-block:0}.-py\:5{padding-block:var(--s5)}.-py\:10{padding-block:var(--s10)}.-py\:15{padding-block:var(--s15)}.-py\:20{padding-block:var(--s20)}.-py\:30{padding-block:var(--s30)}.-py\:40{padding-block:var(--s40)}.-py\:50{padding-block:var(--s50)}.-py\:60{padding-block:var(--s60)}.-py\:70{padding-block:var(--s70)}.-py\:80{padding-block:var(--s80)}.-px-s{padding-inline-start:var(--px-s)}.-px-e{padding-inline-end:var(--px-e)}.-py-s{padding-block-start:var(--py-s)}.-py-e{padding-block-end:var(--py-e)}.-pl{padding-left:var(--pl)}.-pr{padding-right:var(--pr)}.-pt{padding-top:var(--pt)}.-pb{padding-bottom:var(--pb)}.-m,[class*="-m:"]{margin:var(--m)}.-m\:0{--m:0}.-m\:5{--m:var(--s5)}.-m\:10{--m:var(--s10)}.-m\:15{--m:var(--s15)}.-m\:20{--m:var(--s20)}.-m\:30{--m:var(--s30)}.-m\:40{--m:var(--s40)}.-m\:50{--m:var(--s50)}.-m\:60{--m:var(--s60)}.-m\:70{--m:var(--s70)}.-m\:80{--m:var(--s80)}.-m\:auto{--m:auto}.-mx{margin-inline:var(--mx)}.-mx\:0{margin-inline:0}.-mx\:5{margin-inline:var(--s5)}.-mx\:10{margin-inline:var(--s10)}.-mx\:15{margin-inline:var(--s15)}.-mx\:20{margin-inline:var(--s20)}.-mx\:30{margin-inline:var(--s30)}.-mx\:40{margin-inline:var(--s40)}.-mx\:50{margin-inline:var(--s50)}.-mx\:60{margin-inline:var(--s60)}.-mx\:70{margin-inline:var(--s70)}.-mx\:80{margin-inline:var(--s80)}.-mx\:auto{margin-inline:auto}.-my{margin-block:var(--my)}.-my\:0{margin-block:0}.-my\:5{margin-block:var(--s5)}.-my\:10{margin-block:var(--s10)}.-my\:15{margin-block:var(--s15)}.-my\:20{margin-block:var(--s20)}.-my\:30{margin-block:var(--s30)}.-my\:40{margin-block:var(--s40)}.-my\:50{margin-block:var(--s50)}.-my\:60{margin-block:var(--s60)}.-my\:70{margin-block:var(--s70)}.-my\:80{margin-block:var(--s80)}.-my\:auto{margin-block:auto}.-mx-s{margin-inline-start:var(--mx-s)}.-mx-s\:auto{margin-inline-start:auto}.-mx-e{margin-inline-end:var(--mx-e)}.-mx-e\:auto{margin-inline-end:auto}.-my-s{margin-block-start:var(--my-s)}.-my-s\:0{margin-block-start:0}.-my-s\:5{margin-block-start:var(--s5)}.-my-s\:10{margin-block-start:var(--s10)}.-my-s\:15{margin-block-start:var(--s15)}.-my-s\:20{margin-block-start:var(--s20)}.-my-s\:30{margin-block-start:var(--s30)}.-my-s\:40{margin-block-start:var(--s40)}.-my-s\:50{margin-block-start:var(--s50)}.-my-s\:60{margin-block-start:var(--s60)}.-my-s\:70{margin-block-start:var(--s70)}.-my-s\:80{margin-block-start:var(--s80)}.-my-s\:auto{margin-block-start:auto}.-my-e{margin-block-end:var(--my-e)}.-my-e\:auto{margin-block-end:auto}.-ml{margin-left:var(--ml)}.-mr{margin-right:var(--mr)}.-mt{margin-top:var(--mt)}.-mb{margin-bottom:var(--mb)}.-g{gap:var(--g)}.-g\:0{gap:0}.-g\:5{gap:var(--s5)}.-g\:10{gap:var(--s10)}.-g\:15{gap:var(--s15)}.-g\:20{gap:var(--s20)}.-g\:30{gap:var(--s30)}.-g\:40{gap:var(--s40)}.-g\:50{gap:var(--s50)}.-g\:60{gap:var(--s60)}.-g\:70{gap:var(--s70)}.-g\:80{gap:var(--s80)}.-g\:inherit{gap:inherit}.-cg{-moz-column-gap:var(--cg);column-gap:var(--cg)}.-rg{row-gap:var(--rg)}.-fxw{flex-wrap:var(--fxw)}.-fxw\:wrap{flex-wrap:wrap}.-fxd{flex-direction:var(--fxd)}.-fxd\:column{flex-direction:column}.-fxd\:column-reverse{flex-direction:column-reverse}.-fxd\:row-reverse{flex-direction:row-reverse}.-fx{flex:var(--fx)}.-fx\:1{flex:1}.-fxg\:1{flex-grow:1}.-fxsh\:0{flex-shrink:0}.-fxb{flex-basis:var(--fxb)}.-gt{grid-template:var(--gt)}.-gta{grid-template-areas:var(--gta)}.-gtc{grid-template-columns:var(--gtc)}.-gtc\:subgrid{grid-template-columns:subgrid}.-gtr{grid-template-rows:var(--gtr)}.-gtr\:subgrid{grid-template-rows:subgrid}.-gaf{grid-auto-flow:var(--gaf)}.-gaf\:row{grid-auto-flow:row}.-gaf\:column{grid-auto-flow:column}.-ga{grid-area:var(--ga)}.-ga\:1\/1{grid-area:1/1}.-gc{grid-column:var(--gc)}.-gc\:1\/-1{grid-column:1/-1}.-gr{grid-row:var(--gr)}.-gr\:1\/-1{grid-row:1/-1}.-ai{align-items:var(--ai)}.-ai\:start{align-items:start}.-ai\:center{align-items:center}.-ai\:end{align-items:end}.-ai\:stretch{align-items:stretch}.-ai\:flex-start{align-items:flex-start}.-ai\:flex-end{align-items:flex-end}.-ac{align-content:var(--ac)}.-ac\:start{align-content:start}.-ac\:center{align-content:center}.-ac\:end{align-content:end}.-ac\:flex-start{align-content:flex-start}.-ac\:flex-end{align-content:flex-end}.-ac\:between{align-content:space-between}.-ji{justify-items:var(--ji)}.-ji\:start{justify-items:start}.-ji\:center{justify-items:center}.-ji\:end{justify-items:end}.-ji\:stretch{justify-items:stretch}.-ji\:flex-start{justify-items:flex-start}.-ji\:flex-end{justify-items:flex-end}.-jc{justify-content:var(--jc)}.-jc\:start{justify-content:start}.-jc\:center{justify-content:center}.-jc\:end{justify-content:end}.-jc\:flex-start{justify-content:flex-start}.-jc\:flex-end{justify-content:flex-end}.-jc\:between{justify-content:space-between}.-pi\:start{place-items:start}.-pi\:center{place-items:center}.-pi\:end{place-items:end}.-pc\:start{place-content:start}.-pc\:center{place-content:center}.-pc\:end{place-content:end}.-aslf\:start{align-self:start}.-aslf\:center{align-self:center}.-aslf\:end{align-self:end}.-aslf\:stretch{align-self:stretch}.-jslf\:start{justify-self:start}.-jslf\:center{justify-self:center}.-jslf\:end{justify-self:end}.-jslf\:stretch{justify-self:stretch}.-pslf\:start{place-self:start}.-pslf\:center{place-self:center}.-pslf\:end{place-self:end}.-order\:0{order:0}.-order\:1{order:1}.-order\:-1{order:-1}.-ovw\:anywhere{overflow-wrap:anywhere}.-whs\:nowrap{white-space:nowrap}.-float\:left{float:left}.-float\:right{float:right}.-clear\:both{clear:both}.-iso\:isolate{isolation:isolate}.-wm{writing-mode:var(--wm)}.-wm\:vertical-rl{writing-mode:vertical-rl}@container (min-width: 480px){.-fz_sm{font-size:var(--fz_sm)}.-hl_sm{--hl:var(--hl_sm)!important}.-d_sm{display:var(--d_sm)}.-ar_sm{aspect-ratio:var(--ar_sm)}.-w_sm{width:var(--w_sm)}.-h_sm{height:var(--h_sm)}.-min-w_sm{min-width:var(--min-w_sm)}.-max-w_sm{max-width:var(--max-w_sm)}.-min-h_sm{min-height:var(--min-h_sm)}.-max-h_sm{max-height:var(--max-h_sm)}.-bg_sm{background:var(--bg_sm)}.-bdw_sm{--bdw:var(--bdw_sm)!important}.-bdrs_sm{border-radius:var(--bdrs);--bdrs:var(--bdrs_sm)!important}.-bxsh_sm{box-shadow:var(--bxsh_sm)}.-p_sm{padding:var(--p);--p:var(--p_sm)!important}.-px_sm{padding-inline:var(--px_sm)}.-py_sm{padding-block:var(--py_sm)}.-px-s_sm{padding-inline-start:var(--px-s_sm)}.-px-e_sm{padding-inline-end:var(--px-e_sm)}.-py-s_sm{padding-block-start:var(--py-s_sm)}.-py-e_sm{padding-block-end:var(--py-e_sm)}.-pl_sm{padding-left:var(--pl_sm)}.-pr_sm{padding-right:var(--pr_sm)}.-pt_sm{padding-top:var(--pt_sm)}.-pb_sm{padding-bottom:var(--pb_sm)}.-m_sm{margin:var(--m);--m:var(--m_sm)!important}.-mx_sm{margin-inline:var(--mx_sm)}.-my_sm{margin-block:var(--my_sm)}.-mx-s_sm{margin-inline-start:var(--mx-s_sm)}.-mx-e_sm{margin-inline-end:var(--mx-e_sm)}.-my-s_sm{margin-block-start:var(--my-s_sm)}.-my-e_sm{margin-block-end:var(--my-e_sm)}.-ml_sm{margin-left:var(--ml_sm)}.-mr_sm{margin-right:var(--mr_sm)}.-mt_sm{margin-top:var(--mt_sm)}.-mb_sm{margin-bottom:var(--mb_sm)}.-g_sm{gap:var(--g_sm)}.-cg_sm{-moz-column-gap:var(--cg_sm);column-gap:var(--cg_sm)}.-rg_sm{row-gap:var(--rg_sm)}.-cols_sm{--cols:var(--cols_sm)!important}.-rows_sm{--rows:var(--rows_sm)!important}.-fxw_sm{flex-wrap:var(--fxw_sm)}.-fxd_sm{flex-direction:var(--fxd_sm)}.-fx_sm{flex:var(--fx_sm)}.-fxb_sm{flex-basis:var(--fxb_sm)}.-gt_sm{grid-template:var(--gt_sm)}.-gta_sm{grid-template-areas:var(--gta_sm)}.-gtc_sm{grid-template-columns:var(--gtc_sm)}.-gtr_sm{grid-template-rows:var(--gtr_sm)}.-gaf_sm{grid-auto-flow:var(--gaf_sm)}.-ga_sm{grid-area:var(--ga_sm)}.-gc_sm{grid-column:var(--gc_sm)}.-gr_sm{grid-row:var(--gr_sm)}.-ai_sm{align-items:var(--ai_sm)}.-ac_sm{align-content:var(--ac_sm)}.-ji_sm{justify-items:var(--ji_sm)}.-jc_sm{justify-content:var(--jc_sm)}.-wm_sm{writing-mode:var(--wm_sm)}}@container (min-width: 800px){.-fz_md{font-size:var(--fz_md)}.-hl_md{--hl:var(--hl_md)!important}.-d_md{display:var(--d_md)}.-ar_md{aspect-ratio:var(--ar_md)}.-w_md{width:var(--w_md)}.-h_md{height:var(--h_md)}.-min-w_md{min-width:var(--min-w_md)}.-max-w_md{max-width:var(--max-w_md)}.-min-h_md{min-height:var(--min-h_md)}.-max-h_md{max-height:var(--max-h_md)}.-bg_md{background:var(--bg_md)}.-bdw_md{--bdw:var(--bdw_md)!important}.-bdrs_md{border-radius:var(--bdrs);--bdrs:var(--bdrs_md)!important}.-bxsh_md{box-shadow:var(--bxsh_md)}.-p_md{padding:var(--p);--p:var(--p_md)!important}.-px_md{padding-inline:var(--px_md)}.-py_md{padding-block:var(--py_md)}.-px-s_md{padding-inline-start:var(--px-s_md)}.-px-e_md{padding-inline-end:var(--px-e_md)}.-py-s_md{padding-block-start:var(--py-s_md)}.-py-e_md{padding-block-end:var(--py-e_md)}.-pl_md{padding-left:var(--pl_md)}.-pr_md{padding-right:var(--pr_md)}.-pt_md{padding-top:var(--pt_md)}.-pb_md{padding-bottom:var(--pb_md)}.-m_md{margin:var(--m);--m:var(--m_md)!important}.-mx_md{margin-inline:var(--mx_md)}.-my_md{margin-block:var(--my_md)}.-mx-s_md{margin-inline-start:var(--mx-s_md)}.-mx-e_md{margin-inline-end:var(--mx-e_md)}.-my-s_md{margin-block-start:var(--my-s_md)}.-my-e_md{margin-block-end:var(--my-e_md)}.-ml_md{margin-left:var(--ml_md)}.-mr_md{margin-right:var(--mr_md)}.-mt_md{margin-top:var(--mt_md)}.-mb_md{margin-bottom:var(--mb_md)}.-g_md{gap:var(--g_md)}.-cg_md{-moz-column-gap:var(--cg_md);column-gap:var(--cg_md)}.-rg_md{row-gap:var(--rg_md)}.-cols_md{--cols:var(--cols_md)!important}.-rows_md{--rows:var(--rows_md)!important}.-fxw_md{flex-wrap:var(--fxw_md)}.-fxd_md{flex-direction:var(--fxd_md)}.-fx_md{flex:var(--fx_md)}.-fxb_md{flex-basis:var(--fxb_md)}.-gt_md{grid-template:var(--gt_md)}.-gta_md{grid-template-areas:var(--gta_md)}.-gtc_md{grid-template-columns:var(--gtc_md)}.-gtr_md{grid-template-rows:var(--gtr_md)}.-gaf_md{grid-auto-flow:var(--gaf_md)}.-ga_md{grid-area:var(--ga_md)}.-gc_md{grid-column:var(--gc_md)}.-gr_md{grid-row:var(--gr_md)}.-ai_md{align-items:var(--ai_md)}.-ac_md{align-content:var(--ac_md)}.-ji_md{justify-items:var(--ji_md)}.-jc_md{justify-content:var(--jc_md)}.-wm_md{writing-mode:var(--wm_md)}}@media (any-hover:hover){.-hov\:-c:hover{color:var(--hov-c,var(--link))}.-hov\:-bdc:hover{border-color:var(--hov-bdc,currentColor)}.-hov\:-bgc:hover{background-color:var(--hov-bgc,var(--base-2))}.-hov\:-o:hover{opacity:var(--hov-o,var(--o--p))}.-hov\:-bxsh:hover{box-shadow:var(--hov-bxsh,var(--bxsh--50))}.-hov\:underline:hover{text-decoration:underline}.-hov\:neutral:hover{background-color:color-mix(in srgb,var(--bgc,var(--base)),#bcbec2 25%)}}.-hov\:in\:hide{--transitionProps:opacity;opacity:var(--_isHov,0)}.-hov\:in\:show{--transitionProps:opacity,visibility;opacity:var(--_notHov,0);visibility:var(--_notHov,hidden)}.-hov\:in\:zoom{--transitionProps:scale;scale:var(--_isHov,1.1)}
+@layer reset{*,:after,:before{box-sizing:border-box}:not(dialog){margin:0}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;line-break:strict;overflow-wrap:anywhere;overflow-x:clip;-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-break:normal}html:has(:modal[open]){overflow:clip}body{min-height:100dvh;overflow:inherit}abbr[title]{text-decoration:underline;text-decoration-style:dotted}pre{overflow-x:auto}:is(ul,ol)[class],menu{list-style:none;padding:0}audio,canvas,iframe,img,object,svg,video{max-inline-size:100%;vertical-align:middle}img,video{block-size:auto}iframe{border:none}::file-selector-button,button,input,select,textarea{color:inherit;font:inherit;font-size:max(16px,1em)}fieldset{min-inline-size:0}textarea{max-inline-size:100%;resize:block}[type=checkbox],[type=radio],label[for],select,summary{cursor:pointer}::file-selector-button,[role=button],[role=option],[role=tab],[type=button],[type=reset],[type=submit],button{cursor:pointer;touch-action:manipulation}:disabled{cursor:not-allowed}[hidden=until-found]{z-index:-1}}@property --sz--bleed{syntax:"<length-percentage>";initial-value:100svi;inherits:true}:root{--sz--xl:1600px;--sz--l:1200px;--sz--m:880px;--sz--s:640px;--sz--xs:400px;--black:#000;--white:#fff;--L:60%;--C:0.2;--red:oklch(var(--L) var(--C) 20);--orange:oklch(calc(var(--L) + 6%) calc(var(--C) - 0.01) 48);--yellow:oklch(calc(var(--L) + 12%) calc(var(--C) - 0.02) 80);--green:oklch(calc(var(--L) + 4%) calc(var(--C) - 0.01) 152);--blue:oklch(calc(var(--L) - 4%) calc(var(--C) + 0.01) 264);--purple:oklch(calc(var(--L) - 4%) calc(var(--C) + 0.01) 288);--pink:oklch(calc(var(--L) + 2%) calc(var(--C) + 0.01) 352);--gray:oklch(calc(var(--L) - 4%) 0.04 256);--brand:#1e5f8c;--accent:#d94a6a;--base:#fcfcfc;--base-2:#f2f2f3;--text:#141414;--text-2:#4e5155;--link:oklch(50% 0.3 240);--divider:#dfe0e2;--shadow:rgba(20,20,21,.12);--o--mp:0.9;--o--p:0.75;--o--pp:0.5;--o--ppp:0.25;--bdrs--10:0.25rem;--bdrs--20:0.5rem;--bdrs--30:1rem;--bdrs--40:1.5rem;--bdrs--99:99rem;--ar--og:1.91/1;--gutter-size:var(--s30);--fz--base:1rem;--fz-mol:8;--fz--5xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 6));--fz--4xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 5));--fz--3xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 4));--fz--2xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 3));--fz--xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 2));--fz--l:calc(1em*var(--fz-mol)/(var(--fz-mol) - 1));--fz--m:1em;--fz--s:calc(1em*var(--fz-mol)/(var(--fz-mol) + 1));--fz--xs:calc(1em*var(--fz-mol)/(var(--fz-mol) + 2));--fz--2xs:calc(1em*var(--fz-mol)/(var(--fz-mol) + 3));--ff--base:-apple-system,"BlinkMacSystemFont","Hiragino Sans",sans-serif,"Segoe UI Emoji";--ff--mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;--ff--accent:"Garamond","Baskerville","Times New Roman",serif;--fw--light:300;--fw--normal:400;--fw--bold:600;--lts--base:normal;--lts--s:-0.025em;--lts--l:0.05em;--lts--xl:0.1em;--hl-unit:calc(var(--fz--base)*0.125);--hl--xs:var(--hl-unit);--hl--s:calc(var(--hl-unit)*2);--hl--base:calc(var(--hl-unit)*3);--hl--l:calc(var(--hl-unit)*4)}@property --hl{syntax:"<length>";inherits:true;initial-value:.25rem}.set--var\:s,:root{--s-unit:calc(var(--fz--base)*0.5);--s10:var(--s-unit);--s20:calc(var(--s-unit)*2);--s30:calc(var(--s-unit)*3);--s40:calc(var(--s-unit)*5);--s50:calc(var(--s-unit)*8);--s60:calc(var(--s-unit)*13);--s70:calc(var(--s-unit)*21);--s80:calc(var(--s-unit)*34);--s5:calc(var(--s-unit)*0.5);--s15:calc(var(--s-unit)*1.5);--s25:calc(var(--s-unit)*2.5);--s35:calc(var(--s-unit)*4)}.set--var\:s{--s-unit:0.5em}:root{--shc:var(--shadow);--shsz--10:0px 1px 3px;--shsz--20:0px 2px 6px;--shsz--30:0px 4px 12px;--shsz--40:0px 8px 24px;--shsz--50:0px 16px 48px}.set--var\:bxsh,:root{--bxsh--10:var(--shsz--10) var(--shc);--bxsh--20:var(--shsz--20) var(--shc);--bxsh--30:var(--shsz--30) var(--shc);--bxsh--40:var(--shsz--40) var(--shc);--bxsh--50:var(--shsz--50) var(--shc)}body{--hl:var(--hl--base);background-color:var(--base);color:var(--text);font-family:var(--ff--base);font-size:var(--fz--base);letter-spacing:var(--lts--base);text-underline-offset:var(--under-offset,.125em)}*{line-height:calc(1em + var(--hl)*2)}:is(h1,h2,h3,h4,h5,h6){font-family:var(--headings-ff,inherit);font-weight:var(--headings-fw,var(--fw--bold))}h1{font-size:var(--fz--3xl)}h2{font-size:var(--fz--2xl)}h3{font-size:var(--fz--xl)}h4{font-size:var(--fz--l)}h5,h6{font-size:var(--fz--m)}a{color:var(--link-c,var(--link));-webkit-text-decoration:var(--link-td,underline);text-decoration:var(--link-td,underline)}small{--hl:var(--hl--s);font-size:var(--fz--xs)}b,strong{font-weight:var(--fw--bold)}sub,sup{--hl:var(--hl--xs);font-size:80%}code,kbd,samp,var{font-family:var(--ff--mono)}blockquote,q{font-style:italic}blockquote,pre{background-color:var(--base-2);padding:var(--s20)}caption,figcaption{font-size:var(--fz--s)}hr{block-size:0;border:none;border-block-start:1px solid var(--divider)}:is(ul,ol):where(:not([class])){list-style:revert;padding-inline-start:var(--list-px-s,1.75em)}dt{font-weight:var(--fw--bold)}dd+dt{margin-block-start:var(--s20)}table{--td-c:inherit;--td-bgc:transparent;--td-p:var(--s10) var(--s15);--td-min-sz:initial}td{background-color:var(--td-bgc);color:var(--td-c);min-inline-size:var(--td-min-sz);padding:var(--td-p)}th{background-color:var(--th-bgc,var(--td-bgc));color:var(--th-c,var(--td-c));min-inline-size:var(--th-min-sz,var(--td-min-sz));padding:var(--th-p,var(--td-p))}::file-selector-button,button,input:not([type=range]),select,textarea{background-color:var(--controls-bgc,var(--base-2));border:1px solid var(--controls-bdc,var(--divider));border-radius:var(--controls-bdrs,var(--bdrs--10));padding:var(--controls-p,var(--s5) var(--s10))}:disabled{opacity:var(--o--pp)}:focus-visible{outline-offset:var(--focus-offset,0)}@media (any-hover:hover){.set--var\:hov:hover{--_notHov: }.set--var\:hov:not(:is(:hover,:focus-within)){--_isHov: }}@media (any-hover:none){.set--var\:hov{--_isHov: }}.set--var\:hov:is(:focus-visible,:focus-within){--_notHov: }.set--var\:bdrsInner{--bdrs--inner:calc(var(--bdrs, 0px) - var(--p, 0px))}.set--plain{background:none;border:none;border-radius:0;color:inherit;font:inherit;height:auto;line-height:calc(1em + var(--hl)*2);margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;text-decoration:none;width:auto}:is(ul,ol).set--revert{list-style:revert;padding-inline-start:var(--list-px-s,1.75em)}.is--container{container-type:inline-size}.is--container>*{--sz--bleed:100cqi}.is--container.has--gutter>*{--sz--bleed:calc(100cqi + var(--gutter-size)*2)}.is--container .is--container>*{--sz--bleed:inherit}.is--wrapper{--contentSize:var(--sz--m,100%)}.is--wrapper>*{inline-size:100%;margin-inline:auto;max-inline-size:min(100%,var(--contentSize))}.-contentSize\:s{--contentSize:var(--sz--s)}.-contentSize\:l{--contentSize:var(--sz--l)}.is--boxLink{color:inherit;cursor:pointer;display:block;isolation:isolate;pointer-events:auto;position:relative;text-decoration:none}.is--boxLink a{position:relative;z-index:2}.is--coverLink{color:inherit;position:static;text-decoration:none}.is--coverLink:before{content:"";inset:0;position:absolute;z-index:1}.is--layer{inset:0;overflow:hidden;position:absolute}.has--transition{--duration:var(--transition-duration,0.25s);--ease:ease;--delay:0s;--transitionProps:all;transition:var(--duration) var(--ease) var(--delay);transition-property:var(--transitionProps)}.has--gutter{padding-inline:var(--gutter-size)}.has--snap{--snapType:both mandatory;--snapAlign:start;--snapStop:normal;scroll-snap-type:var(--snapType)}.has--snap>*{scroll-snap-align:var(--snapAlign);scroll-snap-stop:var(--snapStop)}.has--mask{--maskPos:50%;--maskSize:contain;--maskRepeat:no-repeat;-webkit-mask:var(--maskImg) var(--maskRepeat) var(--maskPos)/var(--maskSize);mask:var(--maskImg) var(--maskRepeat) var(--maskPos)/var(--maskSize)}.l--flow{--flow--base:var(--s30);--flow--s:var(--s20);display:flow-root}.l--flow>*+*{--flow:var(--flow--base);margin-block-start:var(--flow)}.l--flow>:where(img,video,iframe){display:block}.-flow\:s>*{--flow:var(--flow--s)}.-flow\:>*{--flow:inherit}.l--flow>:where(h1,h2,h3,h4,h5,h6){margin-block-start:calc(var(--flow)*2 + .5em)}.is--skipFlow+*,.l--flow>:first-child{--flow:0px}.l--flex{display:flex}.l--flex>*{min-width:0}.l--cluster{align-items:center;display:flex;flex-wrap:wrap}.l--stack{display:flex;flex-direction:column}.l--grid{display:grid}.l--grid>*{min-width:0}.l--center{display:grid;place-content:center;place-items:center}.l--autoColumns{--cols:20rem;--autoMode:auto-fit;display:grid;grid-template-columns:repeat(var(--autoMode),minmax(min(var(--cols),100%),1fr))}.l--columns{--cols:2;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr))}.l--withSide{--sideW:auto;--mainW:max(20rem,50%);display:flex;flex-wrap:wrap}.l--withSide>.is--side{flex-basis:var(--sideW);flex-grow:1;min-width:0}.l--withSide>:not(.is--side){flex-basis:min(100%,var(--mainW));flex-grow:9999999;min-width:0}.l--switchColumns{--breakSize:var(--sz--xs);display:flex;flex-wrap:wrap}.l--switchColumns>*{flex-basis:calc((var(--breakSize) - 100%)*9999);flex-grow:1}.l--tileGrid{display:grid;grid-template:repeat(var(--rows,1),minmax(0,1fr))/repeat(var(--cols,1),minmax(0,1fr))}.l--frame{overflow:hidden}.l--frame>:where(img,video,iframe){display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.a--divider{--bdc:var(--divider);--bds:solid;--bdw:1px;border-block-start:var(--bdw) var(--bds) var(--bdc)}.a--icon{flex-shrink:0}.a--icon:where(:not([fill])){fill:currentcolor}.a--icon:where(:not([width])){height:1em;width:1em}.a--spacer{min-height:1px;min-width:1px}.u--trim,.u--trimAll>:not(:empty,figure,picture,video,button,textarea,table){margin-block:calc(var(--hl)*-1)}.u--cbox{--mutedKeycolor:var(--keycolor);--c:color-mix(in srgb,var(--text),var(--keycolor) var(--cbox-cPct,25%));--bgc:color-mix(in srgb,var(--base),var(--mutedKeycolor) var(--cbox-bgPct,4%));--bdc:color-mix(in srgb,var(--divider),var(--keycolor) var(--cbox-bdPct,50%));--link-c:var(--keycolor);background-color:var(--bgc);color:var(--c)}@supports (color:oklch(from red l c h)){.u--cbox{--mutedKeycolor:oklch(from var(--keycolor) l calc(c * 0.75) h)}}.u--cells,.u--divide{--bdw:1px;--bdc:var(--divider);gap:var(--bdw)}.u--cells>*,.u--divide>*{box-shadow:0 0 0 var(--bdw) var(--bdc)}.u--divide{overflow:clip}.u--cells{padding:var(--bdw)}.u--srOnly:not(#_){border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.u--clipText{-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}.-lh\:1{--hl:0px}.-lh\:base{--hl:var(--hl--base)}.-lh\:xs{--hl:var(--hl--xs)}.-lh\:s{--hl:var(--hl--s)}.-lh\:l{--hl:var(--hl--l)}:where(.-bd,[class*=" -bd-"],[class^=-bd-]){--bds:solid;--bdw:1px;--bdc:var(--divider);border-color:var(--bdc);border-width:var(--bdw)}.-bd{border-style:var(--bds)}.-bd-x{border-inline-style:var(--bds)}.-bd-y{border-block-style:var(--bds)}.-bd-x-s{border-inline-start-style:var(--bds)}.-bd-x-e{border-inline-end-style:var(--bds)}.-bd-t{border-top-style:var(--bds)}.-bd-b{border-bottom-style:var(--bds)}.-bd-l{border-left-style:var(--bds)}.-bd-r{border-right-style:var(--bds)}.-bd-y-s{border-block-start-style:var(--bds)}.-bd-y-e{border-block-end-style:var(--bds)}.-max-sz\:full{max-inline-size:100%}:where(.has--gutter)>.-max-sz\:full{inline-size:auto;margin-inline:calc(var(--gutter-size)*-1);max-inline-size:calc(100% + var(--gutter-size)*2)}.-max-sz\:bleed{inline-size:auto;margin-inline:calc(50% - var(--sz--bleed, 100svi)/2);max-inline-size:var(--sz--bleed,100svi)}.-f\:inherit{font:inherit}.-fz{font-size:var(--fz)}.-fz\:root{font-size:var(--fz--root)}.-fz\:base{font-size:var(--fz--base)}.-fz\:5xl{font-size:var(--fz--5xl)}.-fz\:4xl{font-size:var(--fz--4xl)}.-fz\:3xl{font-size:var(--fz--3xl)}.-fz\:2xl{font-size:var(--fz--2xl)}.-fz\:xl{font-size:var(--fz--xl)}.-fz\:l{font-size:var(--fz--l)}.-fz\:m{font-size:var(--fz--m)}.-fz\:s{font-size:var(--fz--s)}.-fz\:xs{font-size:var(--fz--xs)}.-fz\:2xs{font-size:var(--fz--2xs)}.-fw\:100{font-weight:100}.-fw\:200{font-weight:200}.-fw\:300{font-weight:300}.-fw\:400{font-weight:400}.-fw\:500{font-weight:500}.-fw\:600{font-weight:600}.-fw\:700{font-weight:700}.-fw\:800{font-weight:800}.-fw\:900{font-weight:900}.-fw\:light{font-weight:var(--fw--light)}.-fw\:normal{font-weight:var(--fw--normal)}.-fw\:bold{font-weight:var(--fw--bold)}.-ff\:base{font-family:var(--ff--base)}.-ff\:accent{font-family:var(--ff--accent)}.-ff\:mono{font-family:var(--ff--mono)}.-fs\:italic{font-style:italic}.-lts\:base{letter-spacing:var(--lts--base)}.-lts\:s{letter-spacing:var(--lts--s)}.-lts\:l{letter-spacing:var(--lts--l)}.-lts\:xl{letter-spacing:var(--lts--xl)}.-ta\:center{text-align:center}.-ta\:left{text-align:left}.-ta\:right{text-align:right}.-td\:none{text-decoration:none}.-tt\:upper{text-transform:uppercase}.-tt\:lower{text-transform:lowercase}.-d{display:var(--d)}.-d\:none{display:none}.-d\:block{display:block}.-d\:flex{display:flex}.-d\:inline-flex{display:inline-flex}.-d\:grid{display:grid}.-d\:inline-grid{display:inline-grid}.-d\:inline{display:inline}.-d\:inline-block{display:inline-block}.-o\:0{opacity:0}.-o\:mp{opacity:var(--o--mp)}.-o\:p{opacity:var(--o--p)}.-o\:pp{opacity:var(--o--pp)}.-o\:ppp{opacity:var(--o--ppp)}.-v\:hidden{visibility:hidden}.-ov\:hidden{overflow:hidden}.-ov\:auto{overflow:auto}.-ov\:clip{overflow:clip}.-ov-x\:clip{overflow-x:clip}.-ov-x\:auto{overflow-x:auto}.-ov-x\:scroll{overflow-x:scroll}.-ov-y\:clip{overflow-y:clip}.-ov-y\:auto{overflow-y:auto}.-ov-y\:scroll{overflow-y:scroll}.-ar{aspect-ratio:var(--ar)}.-ar\:21\/9{aspect-ratio:21/9}.-ar\:16\/9{aspect-ratio:16/9}.-ar\:3\/2{aspect-ratio:3/2}.-ar\:1\/1{aspect-ratio:1/1}.-ar\:og{aspect-ratio:var(--ar--og)}.-w{width:var(--w)}.-w\:100\%{width:100%}.-w\:fit{width:-moz-fit-content;width:fit-content}.-h{height:var(--h)}.-h\:100\%{height:100%}.-h\:fit{height:-moz-fit-content;height:fit-content}.-min-w{min-width:var(--min-w)}.-min-w\:100\%{min-width:100%}.-max-w{max-width:var(--max-w)}.-max-w\:100\%{max-width:100%}.-min-h{min-height:var(--min-h)}.-min-h\:100\%{min-height:100%}.-max-h{max-height:var(--max-h)}.-max-h\:100\%{max-height:100%}.-max-sz\:xs{max-inline-size:var(--sz--xs)}.-max-sz\:s{max-inline-size:var(--sz--s)}.-max-sz\:m{max-inline-size:var(--sz--m)}.-max-sz\:l{max-inline-size:var(--sz--l)}.-max-sz\:xl{max-inline-size:var(--sz--xl)}.-bg{background:var(--bg)}.-bgr\:no-repeat{background-repeat:no-repeat}.-bgp\:center{background-position:50%}.-bgsz\:cover{background-size:cover}.-bgsz\:contain{background-size:contain}.-bgc,[class*="-bgc:"]{background-color:var(--bgc)}.-bgc\:base{--bgc:var(--base)}.-bgc\:base-2{--bgc:var(--base-2)}.-bgc\:text{--bgc:var(--text)}.-bgc\:brand{--bgc:var(--brand)}.-bgc\:accent{--bgc:var(--accent)}.-bgc\:transparent{--bgc:transparent}.-bgc\:inherit{background-color:inherit}.-c,[class*="-c:"]{color:var(--c)}.-c\:base{--c:var(--base)}.-c\:text{--c:var(--text)}.-c\:text-2{--c:var(--text-2)}.-c\:brand{--c:var(--brand)}.-c\:accent{--c:var(--accent)}.-c\:inherit{color:inherit}.-bd\:none{border:none}.-bds\:dashed{--bds:dashed}.-bds\:dotted{--bds:dotted}.-bds\:double{--bds:double}.-bdc\:brand{--bdc:var(--brand)}.-bdc\:accent{--bdc:var(--accent)}.-bdc\:divider{--bdc:var(--divider)}.-bdc\:inherit{--bdc:inherit}.-bdc\:transparent{--bdc:transparent}.-bdc\:current{--bdc:currentColor}.-bdrs,[class*="-bdrs:"]{border-radius:var(--bdrs)}.-bdrs\:0{--bdrs:0}.-bdrs\:10{--bdrs:var(--bdrs--10)}.-bdrs\:20{--bdrs:var(--bdrs--20)}.-bdrs\:30{--bdrs:var(--bdrs--30)}.-bdrs\:40{--bdrs:var(--bdrs--40)}.-bdrs\:99{--bdrs:var(--bdrs--99)}.-bdrs\:inner{--bdrs:var(--bdrs--inner)}.-bxsh{box-shadow:var(--bxsh)}.-bxsh\:0{box-shadow:none}.-bxsh\:10{box-shadow:var(--bxsh--10)}.-bxsh\:20{box-shadow:var(--bxsh--20)}.-bxsh\:30{box-shadow:var(--bxsh--30)}.-bxsh\:40{box-shadow:var(--bxsh--40)}.-bxsh\:50{box-shadow:var(--bxsh--50)}.-pos\:static{position:static}.-pos\:fixed{position:fixed}.-pos\:sticky{position:sticky}.-pos\:relative{position:relative}.-pos\:absolute{position:absolute}.-z\:0{z-index:0}.-z\:1{z-index:1}.-z\:99{z-index:99}.-z\:-1{z-index:-1}.-t\:0{top:0}.-t\:50\%{top:50%}.-t\:100\%{top:100%}.-l\:0{left:0}.-l\:50\%{left:50%}.-l\:100\%{left:100%}.-r\:0{right:0}.-r\:50\%{right:50%}.-r\:100\%{right:100%}.-b\:0{bottom:0}.-b\:50\%{bottom:50%}.-b\:100\%{bottom:100%}.-i\:0{inset:0}.-p,[class*="-p:"]{padding:var(--p)}.-p\:0{--p:0}.-p\:5{--p:var(--s5)}.-p\:10{--p:var(--s10)}.-p\:15{--p:var(--s15)}.-p\:20{--p:var(--s20)}.-p\:25{--p:var(--s25)}.-p\:30{--p:var(--s30)}.-p\:35{--p:var(--s35)}.-p\:40{--p:var(--s40)}.-p\:50{--p:var(--s50)}.-p\:60{--p:var(--s60)}.-p\:70{--p:var(--s70)}.-p\:80{--p:var(--s80)}.-px{padding-inline:var(--px)}.-px\:0{padding-inline:0}.-px\:5{padding-inline:var(--s5)}.-px\:10{padding-inline:var(--s10)}.-px\:15{padding-inline:var(--s15)}.-px\:20{padding-inline:var(--s20)}.-px\:25{padding-inline:var(--s25)}.-px\:30{padding-inline:var(--s30)}.-px\:35{padding-inline:var(--s35)}.-px\:40{padding-inline:var(--s40)}.-px\:50{padding-inline:var(--s50)}.-px\:60{padding-inline:var(--s60)}.-px\:70{padding-inline:var(--s70)}.-px\:80{padding-inline:var(--s80)}.-py{padding-block:var(--py)}.-py\:0{padding-block:0}.-py\:5{padding-block:var(--s5)}.-py\:10{padding-block:var(--s10)}.-py\:15{padding-block:var(--s15)}.-py\:20{padding-block:var(--s20)}.-py\:25{padding-block:var(--s25)}.-py\:30{padding-block:var(--s30)}.-py\:35{padding-block:var(--s35)}.-py\:40{padding-block:var(--s40)}.-py\:50{padding-block:var(--s50)}.-py\:60{padding-block:var(--s60)}.-py\:70{padding-block:var(--s70)}.-py\:80{padding-block:var(--s80)}.-px-s{padding-inline-start:var(--px-s)}.-px-e{padding-inline-end:var(--px-e)}.-py-s{padding-block-start:var(--py-s)}.-py-e{padding-block-end:var(--py-e)}.-pl{padding-left:var(--pl)}.-pr{padding-right:var(--pr)}.-pt{padding-top:var(--pt)}.-pb{padding-bottom:var(--pb)}.-m,[class*="-m:"]{margin:var(--m)}.-m\:0{--m:0}.-m\:5{--m:var(--s5)}.-m\:10{--m:var(--s10)}.-m\:15{--m:var(--s15)}.-m\:20{--m:var(--s20)}.-m\:25{--m:var(--s25)}.-m\:30{--m:var(--s30)}.-m\:35{--m:var(--s35)}.-m\:40{--m:var(--s40)}.-m\:50{--m:var(--s50)}.-m\:60{--m:var(--s60)}.-m\:70{--m:var(--s70)}.-m\:80{--m:var(--s80)}.-m\:auto{--m:auto}.-mx{margin-inline:var(--mx)}.-mx\:0{margin-inline:0}.-mx\:5{margin-inline:var(--s5)}.-mx\:10{margin-inline:var(--s10)}.-mx\:15{margin-inline:var(--s15)}.-mx\:20{margin-inline:var(--s20)}.-mx\:25{margin-inline:var(--s25)}.-mx\:30{margin-inline:var(--s30)}.-mx\:35{margin-inline:var(--s35)}.-mx\:40{margin-inline:var(--s40)}.-mx\:50{margin-inline:var(--s50)}.-mx\:60{margin-inline:var(--s60)}.-mx\:70{margin-inline:var(--s70)}.-mx\:80{margin-inline:var(--s80)}.-mx\:auto{margin-inline:auto}.-my{margin-block:var(--my)}.-my\:0{margin-block:0}.-my\:5{margin-block:var(--s5)}.-my\:10{margin-block:var(--s10)}.-my\:15{margin-block:var(--s15)}.-my\:20{margin-block:var(--s20)}.-my\:25{margin-block:var(--s25)}.-my\:30{margin-block:var(--s30)}.-my\:35{margin-block:var(--s35)}.-my\:40{margin-block:var(--s40)}.-my\:50{margin-block:var(--s50)}.-my\:60{margin-block:var(--s60)}.-my\:70{margin-block:var(--s70)}.-my\:80{margin-block:var(--s80)}.-my\:auto{margin-block:auto}.-mx-s{margin-inline-start:var(--mx-s)}.-mx-s\:auto{margin-inline-start:auto}.-mx-e{margin-inline-end:var(--mx-e)}.-mx-e\:auto{margin-inline-end:auto}.-my-s{margin-block-start:var(--my-s)}.-my-s\:0{margin-block-start:0}.-my-s\:5{margin-block-start:var(--s5)}.-my-s\:10{margin-block-start:var(--s10)}.-my-s\:15{margin-block-start:var(--s15)}.-my-s\:20{margin-block-start:var(--s20)}.-my-s\:25{margin-block-start:var(--s25)}.-my-s\:30{margin-block-start:var(--s30)}.-my-s\:35{margin-block-start:var(--s35)}.-my-s\:40{margin-block-start:var(--s40)}.-my-s\:50{margin-block-start:var(--s50)}.-my-s\:60{margin-block-start:var(--s60)}.-my-s\:70{margin-block-start:var(--s70)}.-my-s\:80{margin-block-start:var(--s80)}.-my-s\:auto{margin-block-start:auto}.-my-e{margin-block-end:var(--my-e)}.-my-e\:auto{margin-block-end:auto}.-ml{margin-left:var(--ml)}.-mr{margin-right:var(--mr)}.-mt{margin-top:var(--mt)}.-mb{margin-bottom:var(--mb)}.-g{gap:var(--g)}.-g\:0{gap:0}.-g\:5{gap:var(--s5)}.-g\:10{gap:var(--s10)}.-g\:15{gap:var(--s15)}.-g\:20{gap:var(--s20)}.-g\:25{gap:var(--s25)}.-g\:30{gap:var(--s30)}.-g\:35{gap:var(--s35)}.-g\:40{gap:var(--s40)}.-g\:50{gap:var(--s50)}.-g\:60{gap:var(--s60)}.-g\:70{gap:var(--s70)}.-g\:80{gap:var(--s80)}.-g\:inherit{gap:inherit}.-cg{-moz-column-gap:var(--cg);column-gap:var(--cg)}.-rg{row-gap:var(--rg)}.-fxw{flex-wrap:var(--fxw)}.-fxw\:wrap{flex-wrap:wrap}.-fxd{flex-direction:var(--fxd)}.-fxd\:column{flex-direction:column}.-fxd\:column-reverse{flex-direction:column-reverse}.-fxd\:row-reverse{flex-direction:row-reverse}.-fx{flex:var(--fx)}.-fx\:1{flex:1}.-fxg\:1{flex-grow:1}.-fxsh\:0{flex-shrink:0}.-fxb{flex-basis:var(--fxb)}.-gt{grid-template:var(--gt)}.-gta{grid-template-areas:var(--gta)}.-gtc{grid-template-columns:var(--gtc)}.-gtc\:subgrid{grid-template-columns:subgrid}.-gtr{grid-template-rows:var(--gtr)}.-gtr\:subgrid{grid-template-rows:subgrid}.-gaf{grid-auto-flow:var(--gaf)}.-gaf\:row{grid-auto-flow:row}.-gaf\:column{grid-auto-flow:column}.-ga{grid-area:var(--ga)}.-ga\:1\/1{grid-area:1/1}.-gc{grid-column:var(--gc)}.-gc\:1\/-1{grid-column:1/-1}.-gr{grid-row:var(--gr)}.-gr\:1\/-1{grid-row:1/-1}.-ai{align-items:var(--ai)}.-ai\:start{align-items:start}.-ai\:center{align-items:center}.-ai\:end{align-items:end}.-ai\:stretch{align-items:stretch}.-ai\:flex-start{align-items:flex-start}.-ai\:flex-end{align-items:flex-end}.-ac{align-content:var(--ac)}.-ac\:start{align-content:start}.-ac\:center{align-content:center}.-ac\:end{align-content:end}.-ac\:flex-start{align-content:flex-start}.-ac\:flex-end{align-content:flex-end}.-ac\:between{align-content:space-between}.-ji{justify-items:var(--ji)}.-ji\:start{justify-items:start}.-ji\:center{justify-items:center}.-ji\:end{justify-items:end}.-ji\:stretch{justify-items:stretch}.-ji\:flex-start{justify-items:flex-start}.-ji\:flex-end{justify-items:flex-end}.-jc{justify-content:var(--jc)}.-jc\:start{justify-content:start}.-jc\:center{justify-content:center}.-jc\:end{justify-content:end}.-jc\:flex-start{justify-content:flex-start}.-jc\:flex-end{justify-content:flex-end}.-jc\:between{justify-content:space-between}.-pi\:start{place-items:start}.-pi\:center{place-items:center}.-pi\:end{place-items:end}.-pc\:start{place-content:start}.-pc\:center{place-content:center}.-pc\:end{place-content:end}.-aslf\:start{align-self:start}.-aslf\:center{align-self:center}.-aslf\:end{align-self:end}.-aslf\:stretch{align-self:stretch}.-jslf\:start{justify-self:start}.-jslf\:center{justify-self:center}.-jslf\:end{justify-self:end}.-jslf\:stretch{justify-self:stretch}.-pslf\:start{place-self:start}.-pslf\:center{place-self:center}.-pslf\:end{place-self:end}.-order\:0{order:0}.-order\:1{order:1}.-order\:-1{order:-1}.-ovw\:anywhere{overflow-wrap:anywhere}.-whs\:nowrap{white-space:nowrap}.-float\:left{float:left}.-float\:right{float:right}.-clear\:both{clear:both}.-iso\:isolate{isolation:isolate}.-wm{writing-mode:var(--wm)}.-wm\:vertical-rl{writing-mode:vertical-rl}@container (min-width: 480px){.-fz_sm{font-size:var(--fz_sm)}.-hl_sm{--hl:var(--hl_sm)!important}.-d_sm{display:var(--d_sm)}.-ar_sm{aspect-ratio:var(--ar_sm)}.-w_sm{width:var(--w_sm)}.-h_sm{height:var(--h_sm)}.-min-w_sm{min-width:var(--min-w_sm)}.-max-w_sm{max-width:var(--max-w_sm)}.-min-h_sm{min-height:var(--min-h_sm)}.-max-h_sm{max-height:var(--max-h_sm)}.-bg_sm{background:var(--bg_sm)}.-bdw_sm{--bdw:var(--bdw_sm)!important}.-bdrs_sm{border-radius:var(--bdrs);--bdrs:var(--bdrs_sm)!important}.-bxsh_sm{box-shadow:var(--bxsh_sm)}.-p_sm{padding:var(--p);--p:var(--p_sm)!important}.-px_sm{padding-inline:var(--px_sm)}.-py_sm{padding-block:var(--py_sm)}.-px-s_sm{padding-inline-start:var(--px-s_sm)}.-px-e_sm{padding-inline-end:var(--px-e_sm)}.-py-s_sm{padding-block-start:var(--py-s_sm)}.-py-e_sm{padding-block-end:var(--py-e_sm)}.-pl_sm{padding-left:var(--pl_sm)}.-pr_sm{padding-right:var(--pr_sm)}.-pt_sm{padding-top:var(--pt_sm)}.-pb_sm{padding-bottom:var(--pb_sm)}.-m_sm{margin:var(--m);--m:var(--m_sm)!important}.-mx_sm{margin-inline:var(--mx_sm)}.-my_sm{margin-block:var(--my_sm)}.-mx-s_sm{margin-inline-start:var(--mx-s_sm)}.-mx-e_sm{margin-inline-end:var(--mx-e_sm)}.-my-s_sm{margin-block-start:var(--my-s_sm)}.-my-e_sm{margin-block-end:var(--my-e_sm)}.-ml_sm{margin-left:var(--ml_sm)}.-mr_sm{margin-right:var(--mr_sm)}.-mt_sm{margin-top:var(--mt_sm)}.-mb_sm{margin-bottom:var(--mb_sm)}.-g_sm{gap:var(--g_sm)}.-cg_sm{-moz-column-gap:var(--cg_sm);column-gap:var(--cg_sm)}.-rg_sm{row-gap:var(--rg_sm)}.-cols_sm{--cols:var(--cols_sm)!important}.-rows_sm{--rows:var(--rows_sm)!important}.-fxw_sm{flex-wrap:var(--fxw_sm)}.-fxd_sm{flex-direction:var(--fxd_sm)}.-fx_sm{flex:var(--fx_sm)}.-fxb_sm{flex-basis:var(--fxb_sm)}.-gt_sm{grid-template:var(--gt_sm)}.-gta_sm{grid-template-areas:var(--gta_sm)}.-gtc_sm{grid-template-columns:var(--gtc_sm)}.-gtr_sm{grid-template-rows:var(--gtr_sm)}.-gaf_sm{grid-auto-flow:var(--gaf_sm)}.-ga_sm{grid-area:var(--ga_sm)}.-gc_sm{grid-column:var(--gc_sm)}.-gr_sm{grid-row:var(--gr_sm)}.-ai_sm{align-items:var(--ai_sm)}.-ac_sm{align-content:var(--ac_sm)}.-ji_sm{justify-items:var(--ji_sm)}.-jc_sm{justify-content:var(--jc_sm)}.-wm_sm{writing-mode:var(--wm_sm)}}@container (min-width: 800px){.-fz_md{font-size:var(--fz_md)}.-hl_md{--hl:var(--hl_md)!important}.-d_md{display:var(--d_md)}.-ar_md{aspect-ratio:var(--ar_md)}.-w_md{width:var(--w_md)}.-h_md{height:var(--h_md)}.-min-w_md{min-width:var(--min-w_md)}.-max-w_md{max-width:var(--max-w_md)}.-min-h_md{min-height:var(--min-h_md)}.-max-h_md{max-height:var(--max-h_md)}.-bg_md{background:var(--bg_md)}.-bdw_md{--bdw:var(--bdw_md)!important}.-bdrs_md{border-radius:var(--bdrs);--bdrs:var(--bdrs_md)!important}.-bxsh_md{box-shadow:var(--bxsh_md)}.-p_md{padding:var(--p);--p:var(--p_md)!important}.-px_md{padding-inline:var(--px_md)}.-py_md{padding-block:var(--py_md)}.-px-s_md{padding-inline-start:var(--px-s_md)}.-px-e_md{padding-inline-end:var(--px-e_md)}.-py-s_md{padding-block-start:var(--py-s_md)}.-py-e_md{padding-block-end:var(--py-e_md)}.-pl_md{padding-left:var(--pl_md)}.-pr_md{padding-right:var(--pr_md)}.-pt_md{padding-top:var(--pt_md)}.-pb_md{padding-bottom:var(--pb_md)}.-m_md{margin:var(--m);--m:var(--m_md)!important}.-mx_md{margin-inline:var(--mx_md)}.-my_md{margin-block:var(--my_md)}.-mx-s_md{margin-inline-start:var(--mx-s_md)}.-mx-e_md{margin-inline-end:var(--mx-e_md)}.-my-s_md{margin-block-start:var(--my-s_md)}.-my-e_md{margin-block-end:var(--my-e_md)}.-ml_md{margin-left:var(--ml_md)}.-mr_md{margin-right:var(--mr_md)}.-mt_md{margin-top:var(--mt_md)}.-mb_md{margin-bottom:var(--mb_md)}.-g_md{gap:var(--g_md)}.-cg_md{-moz-column-gap:var(--cg_md);column-gap:var(--cg_md)}.-rg_md{row-gap:var(--rg_md)}.-cols_md{--cols:var(--cols_md)!important}.-rows_md{--rows:var(--rows_md)!important}.-fxw_md{flex-wrap:var(--fxw_md)}.-fxd_md{flex-direction:var(--fxd_md)}.-fx_md{flex:var(--fx_md)}.-fxb_md{flex-basis:var(--fxb_md)}.-gt_md{grid-template:var(--gt_md)}.-gta_md{grid-template-areas:var(--gta_md)}.-gtc_md{grid-template-columns:var(--gtc_md)}.-gtr_md{grid-template-rows:var(--gtr_md)}.-gaf_md{grid-auto-flow:var(--gaf_md)}.-ga_md{grid-area:var(--ga_md)}.-gc_md{grid-column:var(--gc_md)}.-gr_md{grid-row:var(--gr_md)}.-ai_md{align-items:var(--ai_md)}.-ac_md{align-content:var(--ac_md)}.-ji_md{justify-items:var(--ji_md)}.-jc_md{justify-content:var(--jc_md)}.-wm_md{writing-mode:var(--wm_md)}}@media (any-hover:hover){.-hov\:-c:hover{color:var(--hov-c,var(--link))}.-hov\:-bdc:hover{border-color:var(--hov-bdc,currentColor)}.-hov\:-bgc:hover{background-color:var(--hov-bgc,var(--base-2))}.-hov\:-o:hover{opacity:var(--hov-o,var(--o--p))}.-hov\:-bxsh:hover{box-shadow:var(--hov-bxsh,var(--bxsh--50))}.-hov\:underline:hover{text-decoration:underline}.-hov\:neutral:hover{background-color:color-mix(in srgb,var(--bgc,var(--base)),#bcbec2 25%)}}.-hov\:in\:hide{--transitionProps:opacity;opacity:var(--_isHov,0)}.-hov\:in\:show{--transitionProps:opacity,visibility;opacity:var(--_notHov,0);visibility:var(--_notHov,hidden)}.-hov\:in\:zoom{--transitionProps:scale;scale:var(--_isHov,1.1)}

package/dist/css/props.css

@@ -1 +1 @@
-.-lh\:1{--hl:0px}.-lh\:base{--hl:var(--hl--base)}.-lh\:xs{--hl:var(--hl--xs)}.-lh\:s{--hl:var(--hl--s)}.-lh\:l{--hl:var(--hl--l)}@layer lism-base{.-bd,[class*=" -bd-"],[class^=-bd-]{--bds:solid;--bdw:1px;--bdc:var(--divider);border-color:var(--bdc);border-width:var(--bdw)}}.-bd{border-style:var(--bds)}.-bd-x{border-inline-style:var(--bds)}.-bd-y{border-block-style:var(--bds)}.-bd-x-s{border-inline-start-style:var(--bds)}.-bd-x-e{border-inline-end-style:var(--bds)}.-bd-t{border-top-style:var(--bds)}.-bd-b{border-bottom-style:var(--bds)}.-bd-l{border-left-style:var(--bds)}.-bd-r{border-right-style:var(--bds)}.-bd-y-s{border-block-start-style:var(--bds)}.-bd-y-e{border-block-end-style:var(--bds)}.-max-sz\:full{max-inline-size:100%}:where(.has--gutter)>.-max-sz\:full{margin-inline:calc(var(--gutter-size)*-1);max-inline-size:calc(100% + var(--gutter-size)*2)}.-max-sz\:container{margin-inline:calc(50% - var(--sz--container)/2);max-inline-size:var(--sz--container,100cqi)}.-f\:inherit{font:inherit}.-fz{font-size:var(--fz)}.-fz\:root{font-size:var(--fz--root)}.-fz\:base{font-size:var(--fz--base)}.-fz\:5xl{font-size:var(--fz--5xl)}.-fz\:4xl{font-size:var(--fz--4xl)}.-fz\:3xl{font-size:var(--fz--3xl)}.-fz\:2xl{font-size:var(--fz--2xl)}.-fz\:xl{font-size:var(--fz--xl)}.-fz\:l{font-size:var(--fz--l)}.-fz\:m{font-size:var(--fz--m)}.-fz\:s{font-size:var(--fz--s)}.-fz\:xs{font-size:var(--fz--xs)}.-fz\:2xs{font-size:var(--fz--2xs)}.-fw\:100{font-weight:100}.-fw\:200{font-weight:200}.-fw\:300{font-weight:300}.-fw\:400{font-weight:400}.-fw\:500{font-weight:500}.-fw\:600{font-weight:600}.-fw\:700{font-weight:700}.-fw\:800{font-weight:800}.-fw\:900{font-weight:900}.-fw\:light{font-weight:var(--fw--light)}.-fw\:normal{font-weight:var(--fw--normal)}.-fw\:bold{font-weight:var(--fw--bold)}.-ff\:base{font-family:var(--ff--base)}.-ff\:accent{font-family:var(--ff--accent)}.-ff\:mono{font-family:var(--ff--mono)}.-fs\:italic{font-style:italic}.-lts\:base{letter-spacing:var(--lts--base)}.-lts\:s{letter-spacing:var(--lts--s)}.-lts\:l{letter-spacing:var(--lts--l)}.-ta\:center{text-align:center}.-ta\:left{text-align:left}.-ta\:right{text-align:right}.-td\:none{text-decoration:none}.-tt\:upper{text-transform:uppercase}.-tt\:lower{text-transform:lowercase}.-d{display:var(--d)}.-d\:none{display:none}.-d\:block{display:block}.-d\:flex{display:flex}.-d\:inline-flex{display:inline-flex}.-d\:grid{display:grid}.-d\:inline-grid{display:inline-grid}.-d\:inline{display:inline}.-d\:inline-block{display:inline-block}.-o\:0{opacity:0}.-o\:mp{opacity:var(--o--mp)}.-o\:p{opacity:var(--o--p)}.-o\:pp{opacity:var(--o--pp)}.-o\:ppp{opacity:var(--o--ppp)}.-v\:hidden{visibility:hidden}.-ov\:hidden{overflow:hidden}.-ov\:auto{overflow:auto}.-ov\:clip{overflow:clip}.-ov-x\:clip{overflow-x:clip}.-ov-x\:auto{overflow-x:auto}.-ov-x\:scroll{overflow-x:scroll}.-ov-y\:clip{overflow-y:clip}.-ov-y\:auto{overflow-y:auto}.-ov-y\:scroll{overflow-y:scroll}.-ar{aspect-ratio:var(--ar)}.-ar\:21\/9{aspect-ratio:21/9}.-ar\:16\/9{aspect-ratio:16/9}.-ar\:3\/2{aspect-ratio:3/2}.-ar\:1\/1{aspect-ratio:1/1}.-ar\:og{aspect-ratio:var(--ar--og)}.-w{width:var(--w)}.-w\:100\%{width:100%}.-w\:fit{width:-moz-fit-content;width:fit-content}.-h{height:var(--h)}.-h\:100\%{height:100%}.-h\:fit{height:-moz-fit-content;height:fit-content}.-min-w{min-width:var(--min-w)}.-min-w\:100\%{min-width:100%}.-max-w{max-width:var(--max-w)}.-max-w\:100\%{max-width:100%}.-min-h{min-height:var(--min-h)}.-min-h\:100\%{min-height:100%}.-max-h{max-height:var(--max-h)}.-max-h\:100\%{max-height:100%}.-max-sz\:xs{max-inline-size:var(--sz--xs)}.-max-sz\:s{max-inline-size:var(--sz--s)}.-max-sz\:m{max-inline-size:var(--sz--m)}.-max-sz\:l{max-inline-size:var(--sz--l)}.-max-sz\:xl{max-inline-size:var(--sz--xl)}.-bg{background:var(--bg)}.-bgr\:no-repeat{background-repeat:no-repeat}.-bgp\:center{background-position:50%}.-bgsz\:cover{background-size:cover}.-bgsz\:contain{background-size:contain}.-bgc,[class*="-bgc:"]{background-color:var(--bgc)}.-bgc\:base{--bgc:var(--base)}.-bgc\:base-2{--bgc:var(--base-2)}.-bgc\:text{--bgc:var(--text)}.-bgc\:brand{--bgc:var(--brand)}.-bgc\:accent{--bgc:var(--accent)}.-bgc\:transparent{--bgc:transparent}.-bgc\:inherit{background-color:inherit}.-c,[class*="-c:"]{color:var(--c)}.-c\:base{--c:var(--base)}.-c\:text{--c:var(--text)}.-c\:text-2{--c:var(--text-2)}.-c\:brand{--c:var(--brand)}.-c\:accent{--c:var(--accent)}.-c\:inherit{color:inherit}.-bd\:none{border:none}.-bds\:dashed{--bds:dashed}.-bds\:dotted{--bds:dotted}.-bds\:double{--bds:double}.-bdc\:brand{--bdc:var(--brand)}.-bdc\:accent{--bdc:var(--accent)}.-bdc\:divider{--bdc:var(--divider)}.-bdc\:inherit{--bdc:inherit}.-bdc\:transparent{--bdc:transparent}.-bdc\:current{--bdc:currentColor}.-bdrs,[class*="-bdrs:"]{border-radius:var(--bdrs)}.-bdrs\:0{--bdrs:0}.-bdrs\:10{--bdrs:var(--bdrs--10)}.-bdrs\:20{--bdrs:var(--bdrs--20)}.-bdrs\:30{--bdrs:var(--bdrs--30)}.-bdrs\:40{--bdrs:var(--bdrs--40)}.-bdrs\:99{--bdrs:var(--bdrs--99)}.-bdrs\:inner{--bdrs:var(--bdrs--inner)}.-bxsh{box-shadow:var(--bxsh)}.-bxsh\:0{box-shadow:none}.-bxsh\:10{box-shadow:var(--bxsh--10)}.-bxsh\:20{box-shadow:var(--bxsh--20)}.-bxsh\:30{box-shadow:var(--bxsh--30)}.-bxsh\:40{box-shadow:var(--bxsh--40)}.-bxsh\:50{box-shadow:var(--bxsh--50)}.-pos\:static{position:static}.-pos\:fixed{position:fixed}.-pos\:sticky{position:sticky}.-pos\:relative{position:relative}.-pos\:absolute{position:absolute}.-z\:0{z-index:0}.-z\:1{z-index:1}.-z\:99{z-index:99}.-z\:-1{z-index:-1}.-t\:0{top:0}.-t\:50\%{top:50%}.-t\:100\%{top:100%}.-l\:0{left:0}.-l\:50\%{left:50%}.-l\:100\%{left:100%}.-r\:0{right:0}.-r\:50\%{right:50%}.-r\:100\%{right:100%}.-b\:0{bottom:0}.-b\:50\%{bottom:50%}.-b\:100\%{bottom:100%}.-i\:0{inset:0}.-p,[class*="-p:"]{padding:var(--p)}.-p\:0{--p:0}.-p\:5{--p:var(--s5)}.-p\:10{--p:var(--s10)}.-p\:15{--p:var(--s15)}.-p\:20{--p:var(--s20)}.-p\:30{--p:var(--s30)}.-p\:40{--p:var(--s40)}.-p\:50{--p:var(--s50)}.-p\:60{--p:var(--s60)}.-p\:70{--p:var(--s70)}.-p\:80{--p:var(--s80)}.-px{padding-inline:var(--px)}.-px\:0{padding-inline:0}.-px\:5{padding-inline:var(--s5)}.-px\:10{padding-inline:var(--s10)}.-px\:15{padding-inline:var(--s15)}.-px\:20{padding-inline:var(--s20)}.-px\:30{padding-inline:var(--s30)}.-px\:40{padding-inline:var(--s40)}.-px\:50{padding-inline:var(--s50)}.-px\:60{padding-inline:var(--s60)}.-px\:70{padding-inline:var(--s70)}.-px\:80{padding-inline:var(--s80)}.-py{padding-block:var(--py)}.-py\:0{padding-block:0}.-py\:5{padding-block:var(--s5)}.-py\:10{padding-block:var(--s10)}.-py\:15{padding-block:var(--s15)}.-py\:20{padding-block:var(--s20)}.-py\:30{padding-block:var(--s30)}.-py\:40{padding-block:var(--s40)}.-py\:50{padding-block:var(--s50)}.-py\:60{padding-block:var(--s60)}.-py\:70{padding-block:var(--s70)}.-py\:80{padding-block:var(--s80)}.-px-s{padding-inline-start:var(--px-s)}.-px-e{padding-inline-end:var(--px-e)}.-py-s{padding-block-start:var(--py-s)}.-py-e{padding-block-end:var(--py-e)}.-pl{padding-left:var(--pl)}.-pr{padding-right:var(--pr)}.-pt{padding-top:var(--pt)}.-pb{padding-bottom:var(--pb)}.-m,[class*="-m:"]{margin:var(--m)}.-m\:0{--m:0}.-m\:5{--m:var(--s5)}.-m\:10{--m:var(--s10)}.-m\:15{--m:var(--s15)}.-m\:20{--m:var(--s20)}.-m\:30{--m:var(--s30)}.-m\:40{--m:var(--s40)}.-m\:50{--m:var(--s50)}.-m\:60{--m:var(--s60)}.-m\:70{--m:var(--s70)}.-m\:80{--m:var(--s80)}.-m\:auto{--m:auto}.-mx{margin-inline:var(--mx)}.-mx\:0{margin-inline:0}.-mx\:5{margin-inline:var(--s5)}.-mx\:10{margin-inline:var(--s10)}.-mx\:15{margin-inline:var(--s15)}.-mx\:20{margin-inline:var(--s20)}.-mx\:30{margin-inline:var(--s30)}.-mx\:40{margin-inline:var(--s40)}.-mx\:50{margin-inline:var(--s50)}.-mx\:60{margin-inline:var(--s60)}.-mx\:70{margin-inline:var(--s70)}.-mx\:80{margin-inline:var(--s80)}.-mx\:auto{margin-inline:auto}.-my{margin-block:var(--my)}.-my\:0{margin-block:0}.-my\:5{margin-block:var(--s5)}.-my\:10{margin-block:var(--s10)}.-my\:15{margin-block:var(--s15)}.-my\:20{margin-block:var(--s20)}.-my\:30{margin-block:var(--s30)}.-my\:40{margin-block:var(--s40)}.-my\:50{margin-block:var(--s50)}.-my\:60{margin-block:var(--s60)}.-my\:70{margin-block:var(--s70)}.-my\:80{margin-block:var(--s80)}.-my\:auto{margin-block:auto}.-mx-s{margin-inline-start:var(--mx-s)}.-mx-s\:auto{margin-inline-start:auto}.-mx-e{margin-inline-end:var(--mx-e)}.-mx-e\:auto{margin-inline-end:auto}.-my-s{margin-block-start:var(--my-s)}.-my-s\:0{margin-block-start:0}.-my-s\:5{margin-block-start:var(--s5)}.-my-s\:10{margin-block-start:var(--s10)}.-my-s\:15{margin-block-start:var(--s15)}.-my-s\:20{margin-block-start:var(--s20)}.-my-s\:30{margin-block-start:var(--s30)}.-my-s\:40{margin-block-start:var(--s40)}.-my-s\:50{margin-block-start:var(--s50)}.-my-s\:60{margin-block-start:var(--s60)}.-my-s\:70{margin-block-start:var(--s70)}.-my-s\:80{margin-block-start:var(--s80)}.-my-s\:auto{margin-block-start:auto}.-my-e{margin-block-end:var(--my-e)}.-my-e\:auto{margin-block-end:auto}.-ml{margin-left:var(--ml)}.-mr{margin-right:var(--mr)}.-mt{margin-top:var(--mt)}.-mb{margin-bottom:var(--mb)}.-g{gap:var(--g)}.-g\:0{gap:0}.-g\:5{gap:var(--s5)}.-g\:10{gap:var(--s10)}.-g\:15{gap:var(--s15)}.-g\:20{gap:var(--s20)}.-g\:30{gap:var(--s30)}.-g\:40{gap:var(--s40)}.-g\:50{gap:var(--s50)}.-g\:60{gap:var(--s60)}.-g\:70{gap:var(--s70)}.-g\:80{gap:var(--s80)}.-g\:inherit{gap:inherit}.-cg{-moz-column-gap:var(--cg);column-gap:var(--cg)}.-rg{row-gap:var(--rg)}.-fxw{flex-wrap:var(--fxw)}.-fxw\:wrap{flex-wrap:wrap}.-fxd{flex-direction:var(--fxd)}.-fxd\:column{flex-direction:column}.-fxd\:column-reverse{flex-direction:column-reverse}.-fxd\:row-reverse{flex-direction:row-reverse}.-fx{flex:var(--fx)}.-fx\:1{flex:1}.-fxg\:1{flex-grow:1}.-fxsh\:0{flex-shrink:0}.-fxb{flex-basis:var(--fxb)}.-gt{grid-template:var(--gt)}.-gta{grid-template-areas:var(--gta)}.-gtc{grid-template-columns:var(--gtc)}.-gtc\:subgrid{grid-template-columns:subgrid}.-gtr{grid-template-rows:var(--gtr)}.-gtr\:subgrid{grid-template-rows:subgrid}.-gaf{grid-auto-flow:var(--gaf)}.-gaf\:row{grid-auto-flow:row}.-gaf\:column{grid-auto-flow:column}.-ga{grid-area:var(--ga)}.-ga\:1\/1{grid-area:1/1}.-gc{grid-column:var(--gc)}.-gc\:1\/-1{grid-column:1/-1}.-gr{grid-row:var(--gr)}.-gr\:1\/-1{grid-row:1/-1}.-ai{align-items:var(--ai)}.-ai\:start{align-items:start}.-ai\:center{align-items:center}.-ai\:end{align-items:end}.-ai\:stretch{align-items:stretch}.-ai\:flex-start{align-items:flex-start}.-ai\:flex-end{align-items:flex-end}.-ac{align-content:var(--ac)}.-ac\:start{align-content:start}.-ac\:center{align-content:center}.-ac\:end{align-content:end}.-ac\:flex-start{align-content:flex-start}.-ac\:flex-end{align-content:flex-end}.-ac\:between{align-content:space-between}.-ji{justify-items:var(--ji)}.-ji\:start{justify-items:start}.-ji\:center{justify-items:center}.-ji\:end{justify-items:end}.-ji\:stretch{justify-items:stretch}.-ji\:flex-start{justify-items:flex-start}.-ji\:flex-end{justify-items:flex-end}.-jc{justify-content:var(--jc)}.-jc\:start{justify-content:start}.-jc\:center{justify-content:center}.-jc\:end{justify-content:end}.-jc\:flex-start{justify-content:flex-start}.-jc\:flex-end{justify-content:flex-end}.-jc\:between{justify-content:space-between}.-pi\:start{place-items:start}.-pi\:center{place-items:center}.-pi\:end{place-items:end}.-pc\:start{place-content:start}.-pc\:center{place-content:center}.-pc\:end{place-content:end}.-aslf\:start{align-self:start}.-aslf\:center{align-self:center}.-aslf\:end{align-self:end}.-aslf\:stretch{align-self:stretch}.-jslf\:start{justify-self:start}.-jslf\:center{justify-self:center}.-jslf\:end{justify-self:end}.-jslf\:stretch{justify-self:stretch}.-pslf\:start{place-self:start}.-pslf\:center{place-self:center}.-pslf\:end{place-self:end}.-order\:0{order:0}.-order\:1{order:1}.-order\:-1{order:-1}.-ovw\:anywhere{overflow-wrap:anywhere}.-whs\:nowrap{white-space:nowrap}.-float\:left{float:left}.-float\:right{float:right}.-clear\:both{clear:both}.-iso\:isolate{isolation:isolate}.-wm{writing-mode:var(--wm)}.-wm\:vertical-rl{writing-mode:vertical-rl}@container (min-width: 480px){.-fz_sm{font-size:var(--fz_sm)}.-hl_sm{--hl:var(--hl_sm)!important}.-d_sm{display:var(--d_sm)}.-ar_sm{aspect-ratio:var(--ar_sm)}.-w_sm{width:var(--w_sm)}.-h_sm{height:var(--h_sm)}.-min-w_sm{min-width:var(--min-w_sm)}.-max-w_sm{max-width:var(--max-w_sm)}.-min-h_sm{min-height:var(--min-h_sm)}.-max-h_sm{max-height:var(--max-h_sm)}.-bg_sm{background:var(--bg_sm)}.-bdw_sm{--bdw:var(--bdw_sm)!important}.-bdrs_sm{border-radius:var(--bdrs);--bdrs:var(--bdrs_sm)!important}.-bxsh_sm{box-shadow:var(--bxsh_sm)}.-p_sm{padding:var(--p);--p:var(--p_sm)!important}.-px_sm{padding-inline:var(--px_sm)}.-py_sm{padding-block:var(--py_sm)}.-px-s_sm{padding-inline-start:var(--px-s_sm)}.-px-e_sm{padding-inline-end:var(--px-e_sm)}.-py-s_sm{padding-block-start:var(--py-s_sm)}.-py-e_sm{padding-block-end:var(--py-e_sm)}.-pl_sm{padding-left:var(--pl_sm)}.-pr_sm{padding-right:var(--pr_sm)}.-pt_sm{padding-top:var(--pt_sm)}.-pb_sm{padding-bottom:var(--pb_sm)}.-m_sm{margin:var(--m);--m:var(--m_sm)!important}.-mx_sm{margin-inline:var(--mx_sm)}.-my_sm{margin-block:var(--my_sm)}.-mx-s_sm{margin-inline-start:var(--mx-s_sm)}.-mx-e_sm{margin-inline-end:var(--mx-e_sm)}.-my-s_sm{margin-block-start:var(--my-s_sm)}.-my-e_sm{margin-block-end:var(--my-e_sm)}.-ml_sm{margin-left:var(--ml_sm)}.-mr_sm{margin-right:var(--mr_sm)}.-mt_sm{margin-top:var(--mt_sm)}.-mb_sm{margin-bottom:var(--mb_sm)}.-g_sm{gap:var(--g_sm)}.-cg_sm{-moz-column-gap:var(--cg_sm);column-gap:var(--cg_sm)}.-rg_sm{row-gap:var(--rg_sm)}.-cols_sm{--cols:var(--cols_sm)!important}.-rows_sm{--rows:var(--rows_sm)!important}.-fxw_sm{flex-wrap:var(--fxw_sm)}.-fxd_sm{flex-direction:var(--fxd_sm)}.-fx_sm{flex:var(--fx_sm)}.-fxb_sm{flex-basis:var(--fxb_sm)}.-gt_sm{grid-template:var(--gt_sm)}.-gta_sm{grid-template-areas:var(--gta_sm)}.-gtc_sm{grid-template-columns:var(--gtc_sm)}.-gtr_sm{grid-template-rows:var(--gtr_sm)}.-gaf_sm{grid-auto-flow:var(--gaf_sm)}.-ga_sm{grid-area:var(--ga_sm)}.-gc_sm{grid-column:var(--gc_sm)}.-gr_sm{grid-row:var(--gr_sm)}.-ai_sm{align-items:var(--ai_sm)}.-ac_sm{align-content:var(--ac_sm)}.-ji_sm{justify-items:var(--ji_sm)}.-jc_sm{justify-content:var(--jc_sm)}.-wm_sm{writing-mode:var(--wm_sm)}}@container (min-width: 800px){.-fz_md{font-size:var(--fz_md)}.-hl_md{--hl:var(--hl_md)!important}.-d_md{display:var(--d_md)}.-ar_md{aspect-ratio:var(--ar_md)}.-w_md{width:var(--w_md)}.-h_md{height:var(--h_md)}.-min-w_md{min-width:var(--min-w_md)}.-max-w_md{max-width:var(--max-w_md)}.-min-h_md{min-height:var(--min-h_md)}.-max-h_md{max-height:var(--max-h_md)}.-bg_md{background:var(--bg_md)}.-bdw_md{--bdw:var(--bdw_md)!important}.-bdrs_md{border-radius:var(--bdrs);--bdrs:var(--bdrs_md)!important}.-bxsh_md{box-shadow:var(--bxsh_md)}.-p_md{padding:var(--p);--p:var(--p_md)!important}.-px_md{padding-inline:var(--px_md)}.-py_md{padding-block:var(--py_md)}.-px-s_md{padding-inline-start:var(--px-s_md)}.-px-e_md{padding-inline-end:var(--px-e_md)}.-py-s_md{padding-block-start:var(--py-s_md)}.-py-e_md{padding-block-end:var(--py-e_md)}.-pl_md{padding-left:var(--pl_md)}.-pr_md{padding-right:var(--pr_md)}.-pt_md{padding-top:var(--pt_md)}.-pb_md{padding-bottom:var(--pb_md)}.-m_md{margin:var(--m);--m:var(--m_md)!important}.-mx_md{margin-inline:var(--mx_md)}.-my_md{margin-block:var(--my_md)}.-mx-s_md{margin-inline-start:var(--mx-s_md)}.-mx-e_md{margin-inline-end:var(--mx-e_md)}.-my-s_md{margin-block-start:var(--my-s_md)}.-my-e_md{margin-block-end:var(--my-e_md)}.-ml_md{margin-left:var(--ml_md)}.-mr_md{margin-right:var(--mr_md)}.-mt_md{margin-top:var(--mt_md)}.-mb_md{margin-bottom:var(--mb_md)}.-g_md{gap:var(--g_md)}.-cg_md{-moz-column-gap:var(--cg_md);column-gap:var(--cg_md)}.-rg_md{row-gap:var(--rg_md)}.-cols_md{--cols:var(--cols_md)!important}.-rows_md{--rows:var(--rows_md)!important}.-fxw_md{flex-wrap:var(--fxw_md)}.-fxd_md{flex-direction:var(--fxd_md)}.-fx_md{flex:var(--fx_md)}.-fxb_md{flex-basis:var(--fxb_md)}.-gt_md{grid-template:var(--gt_md)}.-gta_md{grid-template-areas:var(--gta_md)}.-gtc_md{grid-template-columns:var(--gtc_md)}.-gtr_md{grid-template-rows:var(--gtr_md)}.-gaf_md{grid-auto-flow:var(--gaf_md)}.-ga_md{grid-area:var(--ga_md)}.-gc_md{grid-column:var(--gc_md)}.-gr_md{grid-row:var(--gr_md)}.-ai_md{align-items:var(--ai_md)}.-ac_md{align-content:var(--ac_md)}.-ji_md{justify-items:var(--ji_md)}.-jc_md{justify-content:var(--jc_md)}.-wm_md{writing-mode:var(--wm_md)}}@media (any-hover:hover){.-hov\:-c:hover{color:var(--hov-c,var(--link))}.-hov\:-bdc:hover{border-color:var(--hov-bdc,currentColor)}.-hov\:-bgc:hover{background-color:var(--hov-bgc,var(--base-2))}.-hov\:-o:hover{opacity:var(--hov-o,var(--o--p))}.-hov\:-bxsh:hover{box-shadow:var(--hov-bxsh,var(--bxsh--50))}.-hov\:underline:hover{text-decoration:underline}.-hov\:neutral:hover{background-color:color-mix(in srgb,var(--bgc,var(--base)),#bcbec2 25%)}}.-hov\:in\:hide{--transitionProps:opacity;opacity:var(--_isHov,0)}.-hov\:in\:show{--transitionProps:opacity,visibility;opacity:var(--_notHov,0);visibility:var(--_notHov,hidden)}.-hov\:in\:zoom{--transitionProps:scale;scale:var(--_isHov,1.1)}
+.-lh\:1{--hl:0px}.-lh\:base{--hl:var(--hl--base)}.-lh\:xs{--hl:var(--hl--xs)}.-lh\:s{--hl:var(--hl--s)}.-lh\:l{--hl:var(--hl--l)}@layer lism-base{.-bd,[class*=" -bd-"],[class^=-bd-]{--bds:solid;--bdw:1px;--bdc:var(--divider);border-color:var(--bdc);border-width:var(--bdw)}}.-bd{border-style:var(--bds)}.-bd-x{border-inline-style:var(--bds)}.-bd-y{border-block-style:var(--bds)}.-bd-x-s{border-inline-start-style:var(--bds)}.-bd-x-e{border-inline-end-style:var(--bds)}.-bd-t{border-top-style:var(--bds)}.-bd-b{border-bottom-style:var(--bds)}.-bd-l{border-left-style:var(--bds)}.-bd-r{border-right-style:var(--bds)}.-bd-y-s{border-block-start-style:var(--bds)}.-bd-y-e{border-block-end-style:var(--bds)}.-max-sz\:full{max-inline-size:100%}:where(.has--gutter)>.-max-sz\:full{inline-size:auto;margin-inline:calc(var(--gutter-size)*-1);max-inline-size:calc(100% + var(--gutter-size)*2)}.-max-sz\:bleed{inline-size:auto;margin-inline:calc(50% - var(--sz--bleed, 100svi)/2);max-inline-size:var(--sz--bleed,100svi)}.-f\:inherit{font:inherit}.-fz{font-size:var(--fz)}.-fz\:root{font-size:var(--fz--root)}.-fz\:base{font-size:var(--fz--base)}.-fz\:5xl{font-size:var(--fz--5xl)}.-fz\:4xl{font-size:var(--fz--4xl)}.-fz\:3xl{font-size:var(--fz--3xl)}.-fz\:2xl{font-size:var(--fz--2xl)}.-fz\:xl{font-size:var(--fz--xl)}.-fz\:l{font-size:var(--fz--l)}.-fz\:m{font-size:var(--fz--m)}.-fz\:s{font-size:var(--fz--s)}.-fz\:xs{font-size:var(--fz--xs)}.-fz\:2xs{font-size:var(--fz--2xs)}.-fw\:100{font-weight:100}.-fw\:200{font-weight:200}.-fw\:300{font-weight:300}.-fw\:400{font-weight:400}.-fw\:500{font-weight:500}.-fw\:600{font-weight:600}.-fw\:700{font-weight:700}.-fw\:800{font-weight:800}.-fw\:900{font-weight:900}.-fw\:light{font-weight:var(--fw--light)}.-fw\:normal{font-weight:var(--fw--normal)}.-fw\:bold{font-weight:var(--fw--bold)}.-ff\:base{font-family:var(--ff--base)}.-ff\:accent{font-family:var(--ff--accent)}.-ff\:mono{font-family:var(--ff--mono)}.-fs\:italic{font-style:italic}.-lts\:base{letter-spacing:var(--lts--base)}.-lts\:s{letter-spacing:var(--lts--s)}.-lts\:l{letter-spacing:var(--lts--l)}.-lts\:xl{letter-spacing:var(--lts--xl)}.-ta\:center{text-align:center}.-ta\:left{text-align:left}.-ta\:right{text-align:right}.-td\:none{text-decoration:none}.-tt\:upper{text-transform:uppercase}.-tt\:lower{text-transform:lowercase}.-d{display:var(--d)}.-d\:none{display:none}.-d\:block{display:block}.-d\:flex{display:flex}.-d\:inline-flex{display:inline-flex}.-d\:grid{display:grid}.-d\:inline-grid{display:inline-grid}.-d\:inline{display:inline}.-d\:inline-block{display:inline-block}.-o\:0{opacity:0}.-o\:mp{opacity:var(--o--mp)}.-o\:p{opacity:var(--o--p)}.-o\:pp{opacity:var(--o--pp)}.-o\:ppp{opacity:var(--o--ppp)}.-v\:hidden{visibility:hidden}.-ov\:hidden{overflow:hidden}.-ov\:auto{overflow:auto}.-ov\:clip{overflow:clip}.-ov-x\:clip{overflow-x:clip}.-ov-x\:auto{overflow-x:auto}.-ov-x\:scroll{overflow-x:scroll}.-ov-y\:clip{overflow-y:clip}.-ov-y\:auto{overflow-y:auto}.-ov-y\:scroll{overflow-y:scroll}.-ar{aspect-ratio:var(--ar)}.-ar\:21\/9{aspect-ratio:21/9}.-ar\:16\/9{aspect-ratio:16/9}.-ar\:3\/2{aspect-ratio:3/2}.-ar\:1\/1{aspect-ratio:1/1}.-ar\:og{aspect-ratio:var(--ar--og)}.-w{width:var(--w)}.-w\:100\%{width:100%}.-w\:fit{width:-moz-fit-content;width:fit-content}.-h{height:var(--h)}.-h\:100\%{height:100%}.-h\:fit{height:-moz-fit-content;height:fit-content}.-min-w{min-width:var(--min-w)}.-min-w\:100\%{min-width:100%}.-max-w{max-width:var(--max-w)}.-max-w\:100\%{max-width:100%}.-min-h{min-height:var(--min-h)}.-min-h\:100\%{min-height:100%}.-max-h{max-height:var(--max-h)}.-max-h\:100\%{max-height:100%}.-max-sz\:xs{max-inline-size:var(--sz--xs)}.-max-sz\:s{max-inline-size:var(--sz--s)}.-max-sz\:m{max-inline-size:var(--sz--m)}.-max-sz\:l{max-inline-size:var(--sz--l)}.-max-sz\:xl{max-inline-size:var(--sz--xl)}.-bg{background:var(--bg)}.-bgr\:no-repeat{background-repeat:no-repeat}.-bgp\:center{background-position:50%}.-bgsz\:cover{background-size:cover}.-bgsz\:contain{background-size:contain}.-bgc,[class*="-bgc:"]{background-color:var(--bgc)}.-bgc\:base{--bgc:var(--base)}.-bgc\:base-2{--bgc:var(--base-2)}.-bgc\:text{--bgc:var(--text)}.-bgc\:brand{--bgc:var(--brand)}.-bgc\:accent{--bgc:var(--accent)}.-bgc\:transparent{--bgc:transparent}.-bgc\:inherit{background-color:inherit}.-c,[class*="-c:"]{color:var(--c)}.-c\:base{--c:var(--base)}.-c\:text{--c:var(--text)}.-c\:text-2{--c:var(--text-2)}.-c\:brand{--c:var(--brand)}.-c\:accent{--c:var(--accent)}.-c\:inherit{color:inherit}.-bd\:none{border:none}.-bds\:dashed{--bds:dashed}.-bds\:dotted{--bds:dotted}.-bds\:double{--bds:double}.-bdc\:brand{--bdc:var(--brand)}.-bdc\:accent{--bdc:var(--accent)}.-bdc\:divider{--bdc:var(--divider)}.-bdc\:inherit{--bdc:inherit}.-bdc\:transparent{--bdc:transparent}.-bdc\:current{--bdc:currentColor}.-bdrs,[class*="-bdrs:"]{border-radius:var(--bdrs)}.-bdrs\:0{--bdrs:0}.-bdrs\:10{--bdrs:var(--bdrs--10)}.-bdrs\:20{--bdrs:var(--bdrs--20)}.-bdrs\:30{--bdrs:var(--bdrs--30)}.-bdrs\:40{--bdrs:var(--bdrs--40)}.-bdrs\:99{--bdrs:var(--bdrs--99)}.-bdrs\:inner{--bdrs:var(--bdrs--inner)}.-bxsh{box-shadow:var(--bxsh)}.-bxsh\:0{box-shadow:none}.-bxsh\:10{box-shadow:var(--bxsh--10)}.-bxsh\:20{box-shadow:var(--bxsh--20)}.-bxsh\:30{box-shadow:var(--bxsh--30)}.-bxsh\:40{box-shadow:var(--bxsh--40)}.-bxsh\:50{box-shadow:var(--bxsh--50)}.-pos\:static{position:static}.-pos\:fixed{position:fixed}.-pos\:sticky{position:sticky}.-pos\:relative{position:relative}.-pos\:absolute{position:absolute}.-z\:0{z-index:0}.-z\:1{z-index:1}.-z\:99{z-index:99}.-z\:-1{z-index:-1}.-t\:0{top:0}.-t\:50\%{top:50%}.-t\:100\%{top:100%}.-l\:0{left:0}.-l\:50\%{left:50%}.-l\:100\%{left:100%}.-r\:0{right:0}.-r\:50\%{right:50%}.-r\:100\%{right:100%}.-b\:0{bottom:0}.-b\:50\%{bottom:50%}.-b\:100\%{bottom:100%}.-i\:0{inset:0}.-p,[class*="-p:"]{padding:var(--p)}.-p\:0{--p:0}.-p\:5{--p:var(--s5)}.-p\:10{--p:var(--s10)}.-p\:15{--p:var(--s15)}.-p\:20{--p:var(--s20)}.-p\:25{--p:var(--s25)}.-p\:30{--p:var(--s30)}.-p\:35{--p:var(--s35)}.-p\:40{--p:var(--s40)}.-p\:50{--p:var(--s50)}.-p\:60{--p:var(--s60)}.-p\:70{--p:var(--s70)}.-p\:80{--p:var(--s80)}.-px{padding-inline:var(--px)}.-px\:0{padding-inline:0}.-px\:5{padding-inline:var(--s5)}.-px\:10{padding-inline:var(--s10)}.-px\:15{padding-inline:var(--s15)}.-px\:20{padding-inline:var(--s20)}.-px\:25{padding-inline:var(--s25)}.-px\:30{padding-inline:var(--s30)}.-px\:35{padding-inline:var(--s35)}.-px\:40{padding-inline:var(--s40)}.-px\:50{padding-inline:var(--s50)}.-px\:60{padding-inline:var(--s60)}.-px\:70{padding-inline:var(--s70)}.-px\:80{padding-inline:var(--s80)}.-py{padding-block:var(--py)}.-py\:0{padding-block:0}.-py\:5{padding-block:var(--s5)}.-py\:10{padding-block:var(--s10)}.-py\:15{padding-block:var(--s15)}.-py\:20{padding-block:var(--s20)}.-py\:25{padding-block:var(--s25)}.-py\:30{padding-block:var(--s30)}.-py\:35{padding-block:var(--s35)}.-py\:40{padding-block:var(--s40)}.-py\:50{padding-block:var(--s50)}.-py\:60{padding-block:var(--s60)}.-py\:70{padding-block:var(--s70)}.-py\:80{padding-block:var(--s80)}.-px-s{padding-inline-start:var(--px-s)}.-px-e{padding-inline-end:var(--px-e)}.-py-s{padding-block-start:var(--py-s)}.-py-e{padding-block-end:var(--py-e)}.-pl{padding-left:var(--pl)}.-pr{padding-right:var(--pr)}.-pt{padding-top:var(--pt)}.-pb{padding-bottom:var(--pb)}.-m,[class*="-m:"]{margin:var(--m)}.-m\:0{--m:0}.-m\:5{--m:var(--s5)}.-m\:10{--m:var(--s10)}.-m\:15{--m:var(--s15)}.-m\:20{--m:var(--s20)}.-m\:25{--m:var(--s25)}.-m\:30{--m:var(--s30)}.-m\:35{--m:var(--s35)}.-m\:40{--m:var(--s40)}.-m\:50{--m:var(--s50)}.-m\:60{--m:var(--s60)}.-m\:70{--m:var(--s70)}.-m\:80{--m:var(--s80)}.-m\:auto{--m:auto}.-mx{margin-inline:var(--mx)}.-mx\:0{margin-inline:0}.-mx\:5{margin-inline:var(--s5)}.-mx\:10{margin-inline:var(--s10)}.-mx\:15{margin-inline:var(--s15)}.-mx\:20{margin-inline:var(--s20)}.-mx\:25{margin-inline:var(--s25)}.-mx\:30{margin-inline:var(--s30)}.-mx\:35{margin-inline:var(--s35)}.-mx\:40{margin-inline:var(--s40)}.-mx\:50{margin-inline:var(--s50)}.-mx\:60{margin-inline:var(--s60)}.-mx\:70{margin-inline:var(--s70)}.-mx\:80{margin-inline:var(--s80)}.-mx\:auto{margin-inline:auto}.-my{margin-block:var(--my)}.-my\:0{margin-block:0}.-my\:5{margin-block:var(--s5)}.-my\:10{margin-block:var(--s10)}.-my\:15{margin-block:var(--s15)}.-my\:20{margin-block:var(--s20)}.-my\:25{margin-block:var(--s25)}.-my\:30{margin-block:var(--s30)}.-my\:35{margin-block:var(--s35)}.-my\:40{margin-block:var(--s40)}.-my\:50{margin-block:var(--s50)}.-my\:60{margin-block:var(--s60)}.-my\:70{margin-block:var(--s70)}.-my\:80{margin-block:var(--s80)}.-my\:auto{margin-block:auto}.-mx-s{margin-inline-start:var(--mx-s)}.-mx-s\:auto{margin-inline-start:auto}.-mx-e{margin-inline-end:var(--mx-e)}.-mx-e\:auto{margin-inline-end:auto}.-my-s{margin-block-start:var(--my-s)}.-my-s\:0{margin-block-start:0}.-my-s\:5{margin-block-start:var(--s5)}.-my-s\:10{margin-block-start:var(--s10)}.-my-s\:15{margin-block-start:var(--s15)}.-my-s\:20{margin-block-start:var(--s20)}.-my-s\:25{margin-block-start:var(--s25)}.-my-s\:30{margin-block-start:var(--s30)}.-my-s\:35{margin-block-start:var(--s35)}.-my-s\:40{margin-block-start:var(--s40)}.-my-s\:50{margin-block-start:var(--s50)}.-my-s\:60{margin-block-start:var(--s60)}.-my-s\:70{margin-block-start:var(--s70)}.-my-s\:80{margin-block-start:var(--s80)}.-my-s\:auto{margin-block-start:auto}.-my-e{margin-block-end:var(--my-e)}.-my-e\:auto{margin-block-end:auto}.-ml{margin-left:var(--ml)}.-mr{margin-right:var(--mr)}.-mt{margin-top:var(--mt)}.-mb{margin-bottom:var(--mb)}.-g{gap:var(--g)}.-g\:0{gap:0}.-g\:5{gap:var(--s5)}.-g\:10{gap:var(--s10)}.-g\:15{gap:var(--s15)}.-g\:20{gap:var(--s20)}.-g\:25{gap:var(--s25)}.-g\:30{gap:var(--s30)}.-g\:35{gap:var(--s35)}.-g\:40{gap:var(--s40)}.-g\:50{gap:var(--s50)}.-g\:60{gap:var(--s60)}.-g\:70{gap:var(--s70)}.-g\:80{gap:var(--s80)}.-g\:inherit{gap:inherit}.-cg{-moz-column-gap:var(--cg);column-gap:var(--cg)}.-rg{row-gap:var(--rg)}.-fxw{flex-wrap:var(--fxw)}.-fxw\:wrap{flex-wrap:wrap}.-fxd{flex-direction:var(--fxd)}.-fxd\:column{flex-direction:column}.-fxd\:column-reverse{flex-direction:column-reverse}.-fxd\:row-reverse{flex-direction:row-reverse}.-fx{flex:var(--fx)}.-fx\:1{flex:1}.-fxg\:1{flex-grow:1}.-fxsh\:0{flex-shrink:0}.-fxb{flex-basis:var(--fxb)}.-gt{grid-template:var(--gt)}.-gta{grid-template-areas:var(--gta)}.-gtc{grid-template-columns:var(--gtc)}.-gtc\:subgrid{grid-template-columns:subgrid}.-gtr{grid-template-rows:var(--gtr)}.-gtr\:subgrid{grid-template-rows:subgrid}.-gaf{grid-auto-flow:var(--gaf)}.-gaf\:row{grid-auto-flow:row}.-gaf\:column{grid-auto-flow:column}.-ga{grid-area:var(--ga)}.-ga\:1\/1{grid-area:1/1}.-gc{grid-column:var(--gc)}.-gc\:1\/-1{grid-column:1/-1}.-gr{grid-row:var(--gr)}.-gr\:1\/-1{grid-row:1/-1}.-ai{align-items:var(--ai)}.-ai\:start{align-items:start}.-ai\:center{align-items:center}.-ai\:end{align-items:end}.-ai\:stretch{align-items:stretch}.-ai\:flex-start{align-items:flex-start}.-ai\:flex-end{align-items:flex-end}.-ac{align-content:var(--ac)}.-ac\:start{align-content:start}.-ac\:center{align-content:center}.-ac\:end{align-content:end}.-ac\:flex-start{align-content:flex-start}.-ac\:flex-end{align-content:flex-end}.-ac\:between{align-content:space-between}.-ji{justify-items:var(--ji)}.-ji\:start{justify-items:start}.-ji\:center{justify-items:center}.-ji\:end{justify-items:end}.-ji\:stretch{justify-items:stretch}.-ji\:flex-start{justify-items:flex-start}.-ji\:flex-end{justify-items:flex-end}.-jc{justify-content:var(--jc)}.-jc\:start{justify-content:start}.-jc\:center{justify-content:center}.-jc\:end{justify-content:end}.-jc\:flex-start{justify-content:flex-start}.-jc\:flex-end{justify-content:flex-end}.-jc\:between{justify-content:space-between}.-pi\:start{place-items:start}.-pi\:center{place-items:center}.-pi\:end{place-items:end}.-pc\:start{place-content:start}.-pc\:center{place-content:center}.-pc\:end{place-content:end}.-aslf\:start{align-self:start}.-aslf\:center{align-self:center}.-aslf\:end{align-self:end}.-aslf\:stretch{align-self:stretch}.-jslf\:start{justify-self:start}.-jslf\:center{justify-self:center}.-jslf\:end{justify-self:end}.-jslf\:stretch{justify-self:stretch}.-pslf\:start{place-self:start}.-pslf\:center{place-self:center}.-pslf\:end{place-self:end}.-order\:0{order:0}.-order\:1{order:1}.-order\:-1{order:-1}.-ovw\:anywhere{overflow-wrap:anywhere}.-whs\:nowrap{white-space:nowrap}.-float\:left{float:left}.-float\:right{float:right}.-clear\:both{clear:both}.-iso\:isolate{isolation:isolate}.-wm{writing-mode:var(--wm)}.-wm\:vertical-rl{writing-mode:vertical-rl}@container (min-width: 480px){.-fz_sm{font-size:var(--fz_sm)}.-hl_sm{--hl:var(--hl_sm)!important}.-d_sm{display:var(--d_sm)}.-ar_sm{aspect-ratio:var(--ar_sm)}.-w_sm{width:var(--w_sm)}.-h_sm{height:var(--h_sm)}.-min-w_sm{min-width:var(--min-w_sm)}.-max-w_sm{max-width:var(--max-w_sm)}.-min-h_sm{min-height:var(--min-h_sm)}.-max-h_sm{max-height:var(--max-h_sm)}.-bg_sm{background:var(--bg_sm)}.-bdw_sm{--bdw:var(--bdw_sm)!important}.-bdrs_sm{border-radius:var(--bdrs);--bdrs:var(--bdrs_sm)!important}.-bxsh_sm{box-shadow:var(--bxsh_sm)}.-p_sm{padding:var(--p);--p:var(--p_sm)!important}.-px_sm{padding-inline:var(--px_sm)}.-py_sm{padding-block:var(--py_sm)}.-px-s_sm{padding-inline-start:var(--px-s_sm)}.-px-e_sm{padding-inline-end:var(--px-e_sm)}.-py-s_sm{padding-block-start:var(--py-s_sm)}.-py-e_sm{padding-block-end:var(--py-e_sm)}.-pl_sm{padding-left:var(--pl_sm)}.-pr_sm{padding-right:var(--pr_sm)}.-pt_sm{padding-top:var(--pt_sm)}.-pb_sm{padding-bottom:var(--pb_sm)}.-m_sm{margin:var(--m);--m:var(--m_sm)!important}.-mx_sm{margin-inline:var(--mx_sm)}.-my_sm{margin-block:var(--my_sm)}.-mx-s_sm{margin-inline-start:var(--mx-s_sm)}.-mx-e_sm{margin-inline-end:var(--mx-e_sm)}.-my-s_sm{margin-block-start:var(--my-s_sm)}.-my-e_sm{margin-block-end:var(--my-e_sm)}.-ml_sm{margin-left:var(--ml_sm)}.-mr_sm{margin-right:var(--mr_sm)}.-mt_sm{margin-top:var(--mt_sm)}.-mb_sm{margin-bottom:var(--mb_sm)}.-g_sm{gap:var(--g_sm)}.-cg_sm{-moz-column-gap:var(--cg_sm);column-gap:var(--cg_sm)}.-rg_sm{row-gap:var(--rg_sm)}.-cols_sm{--cols:var(--cols_sm)!important}.-rows_sm{--rows:var(--rows_sm)!important}.-fxw_sm{flex-wrap:var(--fxw_sm)}.-fxd_sm{flex-direction:var(--fxd_sm)}.-fx_sm{flex:var(--fx_sm)}.-fxb_sm{flex-basis:var(--fxb_sm)}.-gt_sm{grid-template:var(--gt_sm)}.-gta_sm{grid-template-areas:var(--gta_sm)}.-gtc_sm{grid-template-columns:var(--gtc_sm)}.-gtr_sm{grid-template-rows:var(--gtr_sm)}.-gaf_sm{grid-auto-flow:var(--gaf_sm)}.-ga_sm{grid-area:var(--ga_sm)}.-gc_sm{grid-column:var(--gc_sm)}.-gr_sm{grid-row:var(--gr_sm)}.-ai_sm{align-items:var(--ai_sm)}.-ac_sm{align-content:var(--ac_sm)}.-ji_sm{justify-items:var(--ji_sm)}.-jc_sm{justify-content:var(--jc_sm)}.-wm_sm{writing-mode:var(--wm_sm)}}@container (min-width: 800px){.-fz_md{font-size:var(--fz_md)}.-hl_md{--hl:var(--hl_md)!important}.-d_md{display:var(--d_md)}.-ar_md{aspect-ratio:var(--ar_md)}.-w_md{width:var(--w_md)}.-h_md{height:var(--h_md)}.-min-w_md{min-width:var(--min-w_md)}.-max-w_md{max-width:var(--max-w_md)}.-min-h_md{min-height:var(--min-h_md)}.-max-h_md{max-height:var(--max-h_md)}.-bg_md{background:var(--bg_md)}.-bdw_md{--bdw:var(--bdw_md)!important}.-bdrs_md{border-radius:var(--bdrs);--bdrs:var(--bdrs_md)!important}.-bxsh_md{box-shadow:var(--bxsh_md)}.-p_md{padding:var(--p);--p:var(--p_md)!important}.-px_md{padding-inline:var(--px_md)}.-py_md{padding-block:var(--py_md)}.-px-s_md{padding-inline-start:var(--px-s_md)}.-px-e_md{padding-inline-end:var(--px-e_md)}.-py-s_md{padding-block-start:var(--py-s_md)}.-py-e_md{padding-block-end:var(--py-e_md)}.-pl_md{padding-left:var(--pl_md)}.-pr_md{padding-right:var(--pr_md)}.-pt_md{padding-top:var(--pt_md)}.-pb_md{padding-bottom:var(--pb_md)}.-m_md{margin:var(--m);--m:var(--m_md)!important}.-mx_md{margin-inline:var(--mx_md)}.-my_md{margin-block:var(--my_md)}.-mx-s_md{margin-inline-start:var(--mx-s_md)}.-mx-e_md{margin-inline-end:var(--mx-e_md)}.-my-s_md{margin-block-start:var(--my-s_md)}.-my-e_md{margin-block-end:var(--my-e_md)}.-ml_md{margin-left:var(--ml_md)}.-mr_md{margin-right:var(--mr_md)}.-mt_md{margin-top:var(--mt_md)}.-mb_md{margin-bottom:var(--mb_md)}.-g_md{gap:var(--g_md)}.-cg_md{-moz-column-gap:var(--cg_md);column-gap:var(--cg_md)}.-rg_md{row-gap:var(--rg_md)}.-cols_md{--cols:var(--cols_md)!important}.-rows_md{--rows:var(--rows_md)!important}.-fxw_md{flex-wrap:var(--fxw_md)}.-fxd_md{flex-direction:var(--fxd_md)}.-fx_md{flex:var(--fx_md)}.-fxb_md{flex-basis:var(--fxb_md)}.-gt_md{grid-template:var(--gt_md)}.-gta_md{grid-template-areas:var(--gta_md)}.-gtc_md{grid-template-columns:var(--gtc_md)}.-gtr_md{grid-template-rows:var(--gtr_md)}.-gaf_md{grid-auto-flow:var(--gaf_md)}.-ga_md{grid-area:var(--ga_md)}.-gc_md{grid-column:var(--gc_md)}.-gr_md{grid-row:var(--gr_md)}.-ai_md{align-items:var(--ai_md)}.-ac_md{align-content:var(--ac_md)}.-ji_md{justify-items:var(--ji_md)}.-jc_md{justify-content:var(--jc_md)}.-wm_md{writing-mode:var(--wm_md)}}@media (any-hover:hover){.-hov\:-c:hover{color:var(--hov-c,var(--link))}.-hov\:-bdc:hover{border-color:var(--hov-bdc,currentColor)}.-hov\:-bgc:hover{background-color:var(--hov-bgc,var(--base-2))}.-hov\:-o:hover{opacity:var(--hov-o,var(--o--p))}.-hov\:-bxsh:hover{box-shadow:var(--hov-bxsh,var(--bxsh--50))}.-hov\:underline:hover{text-decoration:underline}.-hov\:neutral:hover{background-color:color-mix(in srgb,var(--bgc,var(--base)),#bcbec2 25%)}}.-hov\:in\:hide{--transitionProps:opacity;opacity:var(--_isHov,0)}.-hov\:in\:show{--transitionProps:opacity,visibility;opacity:var(--_notHov,0);visibility:var(--_notHov,hidden)}.-hov\:in\:zoom{--transitionProps:scale;scale:var(--_isHov,1.1)}

package/dist/css/trait.css

@@ -1 +1 @@
-.is--container{container-type:inline-size}.is--container>*{--sz--container:100cqi}.is--container.has--gutter>*{--sz--container:calc(100cqi + var(--gutter-size)*2)}.is--wrapper{--contentSize:var(--sz--m,100%)}.is--wrapper>*{margin-inline:auto;max-inline-size:min(100%,var(--contentSize))}.-contentSize\:s{--contentSize:var(--sz--s)}.-contentSize\:l{--contentSize:var(--sz--l)}.is--boxLink{color:inherit;cursor:pointer;display:block;isolation:isolate;pointer-events:auto;position:relative;text-decoration:none}.is--boxLink a{position:relative;z-index:2}.is--coverLink{color:inherit;position:static;text-decoration:none}.is--coverLink:before{content:"";inset:0;position:absolute;z-index:1}.is--layer{inset:0;overflow:hidden;position:absolute}.has--transition{--duration:var(--transition-duration,0.25s);--ease:ease;--delay:0s;--transitionProps:all;transition:var(--duration) var(--ease) var(--delay);transition-property:var(--transitionProps)}.has--gutter{padding-inline:var(--gutter-size)}.has--snap{--snapType:both mandatory;--snapAlign:start;--snapStop:normal;scroll-snap-type:var(--snapType)}.has--snap>*{scroll-snap-align:var(--snapAlign);scroll-snap-stop:var(--snapStop)}.has--mask{--maskPos:50%;--maskSize:contain;--maskRepeat:no-repeat;-webkit-mask:var(--maskImg) var(--maskRepeat) var(--maskPos)/var(--maskSize);mask:var(--maskImg) var(--maskRepeat) var(--maskPos)/var(--maskSize)}
+.is--container{container-type:inline-size}.is--container>*{--sz--bleed:100cqi}.is--container.has--gutter>*{--sz--bleed:calc(100cqi + var(--gutter-size)*2)}.is--container .is--container>*{--sz--bleed:inherit}.is--wrapper{--contentSize:var(--sz--m,100%)}.is--wrapper>*{inline-size:100%;margin-inline:auto;max-inline-size:min(100%,var(--contentSize))}.-contentSize\:s{--contentSize:var(--sz--s)}.-contentSize\:l{--contentSize:var(--sz--l)}.is--boxLink{color:inherit;cursor:pointer;display:block;isolation:isolate;pointer-events:auto;position:relative;text-decoration:none}.is--boxLink a{position:relative;z-index:2}.is--coverLink{color:inherit;position:static;text-decoration:none}.is--coverLink:before{content:"";inset:0;position:absolute;z-index:1}.is--layer{inset:0;overflow:hidden;position:absolute}.has--transition{--duration:var(--transition-duration,0.25s);--ease:ease;--delay:0s;--transitionProps:all;transition:var(--duration) var(--ease) var(--delay);transition-property:var(--transitionProps)}.has--gutter{padding-inline:var(--gutter-size)}.has--snap{--snapType:both mandatory;--snapAlign:start;--snapStop:normal;scroll-snap-type:var(--snapType)}.has--snap>*{scroll-snap-align:var(--snapAlign);scroll-snap-stop:var(--snapStop)}.has--mask{--maskPos:50%;--maskSize:contain;--maskRepeat:no-repeat;-webkit-mask:var(--maskImg) var(--maskRepeat) var(--maskPos)/var(--maskSize);mask:var(--maskImg) var(--maskRepeat) var(--maskPos)/var(--maskSize)}

package/dist/css/utility.css

@@ -1 +1 @@
-.u--trim,.u--trimAll>:not(:empty,figure,picture,video,button,textarea,table){margin-block:calc(var(--hl)*-1)}.u--cbox{--c:color-mix(in srgb,var(--text),var(--keycolor) var(--cbox-cPct,32%));--bgc:color-mix(in srgb,var(--base),var(--keycolor) var(--cbox-bgPct,4%));--bdc:color-mix(in srgb,transparent,var(--keycolor) var(--cbox-bdPct,64%));--link-c:var(--keycolor);background-color:var(--bgc);color:var(--c)}@supports (color:oklch(from red l c h)){.u--cbox{--shc:oklch(from var(--keycolor) calc(l / 1.5) calc(c / 1.5) h/0.1)}}.u--cells,.u--divide{--bdw:1px;--bdc:var(--divider);gap:var(--bdw)}.u--cells>*,.u--divide>*{box-shadow:0 0 0 var(--bdw) var(--bdc)}.u--divide{overflow:clip}.u--cells{padding:var(--bdw)}.u--srOnly:not(#_){border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.u--clipText{-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
+.u--trim,.u--trimAll>:not(:empty,figure,picture,video,button,textarea,table){margin-block:calc(var(--hl)*-1)}.u--cbox{--mutedKeycolor:var(--keycolor);--c:color-mix(in srgb,var(--text),var(--keycolor) var(--cbox-cPct,25%));--bgc:color-mix(in srgb,var(--base),var(--mutedKeycolor) var(--cbox-bgPct,4%));--bdc:color-mix(in srgb,var(--divider),var(--keycolor) var(--cbox-bdPct,50%));--link-c:var(--keycolor);background-color:var(--bgc);color:var(--c)}@supports (color:oklch(from red l c h)){.u--cbox{--mutedKeycolor:oklch(from var(--keycolor) l calc(c * 0.75) h)}}.u--cells,.u--divide{--bdw:1px;--bdc:var(--divider);gap:var(--bdw)}.u--cells>*,.u--divide>*{box-shadow:0 0 0 var(--bdw) var(--bdc)}.u--divide{overflow:clip}.u--cells{padding:var(--bdw)}.u--srOnly:not(#_){border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.u--clipText{-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}

package/dist/lib/types/TraitProps.d.ts

@@ -23,7 +23,7 @@ export type TraitProps = {
     [K in keyof TraitsConfig]?: ExtractTraitValue<TraitsConfig[K]>;
 };
 /** set prop で使われるプリセット値（エディタ補完用） */
-type SetPreset = 'plain' | 'revert' | 'var:hov' | 'var:bxsh' | 'var:bdrsInner';
+type SetPreset = 'plain' | 'revert' | 'var:hov' | 'var:bxsh' | 'var:bdrsInner' | 'var:s';
 /**
  * set prop の値の型。プリセット値がサジェストされつつ、任意の文字列も受け付ける。
  *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lism-css",
-  "version": "0.16.1",
+  "version": "0.18.0",
   "description": "Lism CSS is a layout-first CSS framework for websites.",
   "author": {
     "name": "ddryo",

package/src/scss/_prop-config.scss

@@ -72,6 +72,7 @@ $props: (
       'base': 'var(--lts--base)',
       's': 'var(--lts--s)',
       'l': 'var(--lts--l)',
+      'xl': 'var(--lts--xl)',
     ),
   ),
   'ta': (
@@ -395,7 +396,9 @@ $props: (
       '10': 'var(--s10)',
       '15': 'var(--s15)',
       '20': 'var(--s20)',
+      '25': 'var(--s25)',
       '30': 'var(--s30)',
+      '35': 'var(--s35)',
       '40': 'var(--s40)',
       '50': 'var(--s50)',
       '60': 'var(--s60)',
@@ -413,7 +416,9 @@ $props: (
       '10': 'var(--s10)',
       '15': 'var(--s15)',
       '20': 'var(--s20)',
+      '25': 'var(--s25)',
       '30': 'var(--s30)',
+      '35': 'var(--s35)',
       '40': 'var(--s40)',
       '50': 'var(--s50)',
       '60': 'var(--s60)',
@@ -430,7 +435,9 @@ $props: (
       '10': 'var(--s10)',
       '15': 'var(--s15)',
       '20': 'var(--s20)',
+      '25': 'var(--s25)',
       '30': 'var(--s30)',
+      '35': 'var(--s35)',
       '40': 'var(--s40)',
       '50': 'var(--s50)',
       '60': 'var(--s60)',
@@ -479,7 +486,9 @@ $props: (
       '10': 'var(--s10)',
       '15': 'var(--s15)',
       '20': 'var(--s20)',
+      '25': 'var(--s25)',
       '30': 'var(--s30)',
+      '35': 'var(--s35)',
       '40': 'var(--s40)',
       '50': 'var(--s50)',
       '60': 'var(--s60)',
@@ -498,7 +507,9 @@ $props: (
       '10': 'var(--s10)',
       '15': 'var(--s15)',
       '20': 'var(--s20)',
+      '25': 'var(--s25)',
       '30': 'var(--s30)',
+      '35': 'var(--s35)',
       '40': 'var(--s40)',
       '50': 'var(--s50)',
       '60': 'var(--s60)',
@@ -516,7 +527,9 @@ $props: (
       '10': 'var(--s10)',
       '15': 'var(--s15)',
       '20': 'var(--s20)',
+      '25': 'var(--s25)',
       '30': 'var(--s30)',
+      '35': 'var(--s35)',
       '40': 'var(--s40)',
       '50': 'var(--s50)',
       '60': 'var(--s60)',
@@ -548,7 +561,9 @@ $props: (
       '10': 'var(--s10)',
       '15': 'var(--s15)',
       '20': 'var(--s20)',
+      '25': 'var(--s25)',
       '30': 'var(--s30)',
+      '35': 'var(--s35)',
       '40': 'var(--s40)',
       '50': 'var(--s50)',
       '60': 'var(--s60)',
@@ -589,7 +604,9 @@ $props: (
       '10': 'var(--s10)',
       '15': 'var(--s15)',
       '20': 'var(--s20)',
+      '25': 'var(--s25)',
       '30': 'var(--s30)',
+      '35': 'var(--s35)',
       '40': 'var(--s40)',
       '50': 'var(--s50)',
       '60': 'var(--s60)',

package/src/scss/base/_html.scss

@@ -48,8 +48,6 @@ h6 {
 a {
   color: var(--link-c, var(--link));
   text-decoration: var(--link-td, underline);
-  text-decoration-thickness: var(--link-td-thickness, auto);
-  text-decoration-color: var(--link-td-color, currentColor);
 }
 
 small {
@@ -75,12 +73,17 @@ samp {
   font-family: var(--ff--mono);
 }
 
+q,
 blockquote {
+  font-style: italic;
+}
+
+blockquote,
+pre {
   background-color: var(--base-2);
-  padding: var(--s30);
+  padding: var(--s20);
 }
 
-legend,
 caption,
 figcaption {
   font-size: var(--fz--s);
@@ -115,7 +118,7 @@ dd + dt {
 table {
   --td-c: inherit;
   --td-bgc: transparent;
-  --td-p: var(--s10);
+  --td-p: var(--s10) var(--s15);
   --td-min-sz: initial;
 }
 td {
@@ -135,7 +138,7 @@ th {
 /* --------------------------------------------------
   Form fields
 -------------------------------------------------- */
-input,
+input:not([type='range']),
 button,
 textarea,
 select,

package/src/scss/base/index.scss

@@ -1,5 +1,6 @@
 @forward './tokens/tokens';
 @forward './tokens/typography';
+@forward './tokens/space';
 @forward './tokens/shadow';
 
 // 各html要素のベーススタイル

package/src/scss/base/tokens/_shadow.scss

@@ -4,7 +4,7 @@
     要素ごとに --shc を上書きできるよう、再セット用の set--var:bxsh クラスを併用する。
 -------------------------------------------------- */
 :root {
-  --shc: hsl(220 4% 8% / 15%);
+  --shc: var(--shadow);
 
   --shsz--10: 0px 1px 3px;
   --shsz--20: 0px 2px 6px;

package/src/scss/base/tokens/_space.scss

@@ -0,0 +1,30 @@
+/* --------------------------------------------------
+  SPACEトークンの定義
+    Memo: set--var:s で、SPACEトークンを再定義できる。
+-------------------------------------------------- */
+:root,
+.set--var\:s {
+  /**
+   * 余白: フィボナッチ数列をベースに設計する
+   */
+  --s-unit: calc(var(--fz--base) * 0.5); // 計算単位 ≒ 8px
+
+  --s10: var(--s-unit); // ≒ 8px
+  --s20: calc(var(--s-unit) * 2); // ≒ 16px
+  --s30: calc(var(--s-unit) * 3); // ≒ 24px
+  --s40: calc(var(--s-unit) * 5); // ≒ 40px
+  --s50: calc(var(--s-unit) * 8); // ≒ 64px
+  --s60: calc(var(--s-unit) * 13); // ≒ 104px
+  --s70: calc(var(--s-unit) * 21); // ≒ 168px
+  --s80: calc(var(--s-unit) * 34); // ≒ 272px
+
+  // ~40までの前半部分は間を埋める
+  --s5: calc(var(--s-unit) * 0.5); // ≒ 4px
+  --s15: calc(var(--s-unit) * 1.5); // ≒ 12px
+  --s25: calc(var(--s-unit) * 2.5); // ≒ 20px
+  --s35: calc(var(--s-unit) * 4); // ≒ 32px
+}
+.set--var\:s {
+  // 何も指定しなければ em 単位に変換する
+  --s-unit: 0.5em;
+}

package/src/scss/base/tokens/_tokens.scss

@@ -1,11 +1,13 @@
 /* --------------------------------------------------
-  containerサイズ保持変数
-  Memo: @property が使える環境であればコンテナのさらに親要素の幅を参照できるので、containerを1段階飛び出せる。
-        cqi を算出値で保持するために登録済みカスタムプロパティとして定義
+  bleedサイズ保持変数
+  Memo: 最外側の is--container 直下の子で 100cqi に上書きされ、それ以降は inherit で
+        子孫まで伝搬する。is--container が祖先に存在しない場合の fallback として
+        初期値に 100svi（small viewport inline size）を設定する。
+        cqi を算出値で保持するために登録済みカスタムプロパティとして定義する。
 -------------------------------------------------- */
-@property --sz--container {
+@property --sz--bleed {
   syntax: '<length-percentage>';
-  initial-value: 100cqi;
+  initial-value: 100svi;
   inherits: true;
 }
 
@@ -14,10 +16,10 @@
    * Content size
    */
   --sz--xl: 1600px; // 80*20
-  --sz--l: 1280px; // 80*16
-  --sz--m: 56rem; // 読みやすいのが50文字程度。
-  --sz--s: 42rem;
-  --sz--xs: 32rem;
+  --sz--l: 1200px; // 80*15
+  --sz--m: 880px; // 80*11
+  --sz--s: 640px; // 80*8
+  --sz--xs: 400px; // 80*5
 
   /** 
    * カラーパレット
@@ -29,16 +31,16 @@
 
   // 基準の明度と彩度（red)
   --L: 60%;
-  --C: 0.22;
+  --C: 0.2;
 
   // パレットトークン
   --red: oklch(var(--L) var(--C) 20);
-  --orange: oklch(calc(var(--L) + 4%) calc(var(--C) - 0.01) 52);
-  --yellow: oklch(calc(var(--L) + 12%) calc(var(--C) - 0.025) 84);
-  --green: oklch(calc(var(--L) + 4%) calc(var(--C) - 0.02) 152);
-  --blue: oklch(calc(var(--L) - 2%) calc(var(--C) + 0.01) 260);
-  --purple: oklch(calc(var(--L) - 4%) calc(var(--C) + 0.02) 292);
-  --pink: oklch(calc(var(--L) + 2%) calc(var(--C) + 0.02) 348);
+  --orange: oklch(calc(var(--L) + 6%) calc(var(--C) - 0.01) 48);
+  --yellow: oklch(calc(var(--L) + 12%) calc(var(--C) - 0.02) 80);
+  --green: oklch(calc(var(--L) + 4%) calc(var(--C) - 0.01) 152);
+  --blue: oklch(calc(var(--L) - 4%) calc(var(--C) + 0.01) 264);
+  --purple: oklch(calc(var(--L) - 4%) calc(var(--C) + 0.01) 288);
+  --pink: oklch(calc(var(--L) + 2%) calc(var(--C) + 0.01) 352);
   --gray: oklch(calc(var(--L) - 4%) 0.04 256);
 
   /** 
@@ -48,18 +50,21 @@
   --accent: #d94a6a;
 
   // base (background)
-  --base: hsl(224 4% 99%);
-  --base-2: hsl(224 8% 95%);
+  --base: hsl(220 0% 99%);
+  --base-2: hsl(220 4% 95%);
 
   // text (contents)
-  --text: hsl(224 4% 8%);
-  --text-2: hsl(224 6% 32%);
+  --text: hsl(220 0% 8%);
+  --text-2: hsl(220 4% 32%);
 
-  // link
-  --link: oklch(50% 0.3 240); //hsl(224, 90%, 48%);
+  // link color
+  --link: oklch(50% 0.3 240); //hsl(220, 90%, 48%);
 
-  // divider (border)
-  --divider: hsl(224 8% 88%);
+  // divider(border) color
+  --divider: hsl(220 4% 88%);
+
+  // shadow color
+  --shadow: hsl(220 4% 8% / 12%);
 
   /**
    * opacity

package/src/scss/base/tokens/_typography.scss

@@ -8,16 +8,14 @@
 }
 
 /* --------------------------------------------------
-  typography・spacing トークンの定義
+  typography トークンの定義
 -------------------------------------------------- */
 :root {
-  /** 
+  /**
    * font-size
    */
-  --REM: clamp(0.95rem, 0.915rem + 0.15vw, 1.05rem); /* 変動幅: 360px ~ 1400px */
-
   // font-size: 倍音列でのスケーリング。単位は em
-  --fz--base: var(--REM);
+  --fz--base: 1rem;
   --fz-mol: 8; // 倍音列の分母（7~ に対応）
   --fz--5xl: calc(1em * var(--fz-mol) / (var(--fz-mol) - 6));
   --fz--4xl: calc(1em * var(--fz-mol) / (var(--fz-mol) - 5));
@@ -54,34 +52,18 @@
    * letter-spacing
    */
   --lts--base: normal;
-  --lts--s: -0.05em;
+  --lts--s: -0.025em;
   --lts--l: 0.05em;
-  // --lts--xl: 0.125em;
+  --lts--xl: 0.1em;
 
   /** 
    * ハーフレディング: unit の倍数で構成する
    */
-  --hl-unit: calc(var(--REM) * 0.125); /* 計算単位 ≒ 2px */
+  --hl-unit: calc(var(--fz--base) * 0.125); /* 計算単位 ≒ 2px */
 
   --hl--xs: var(--hl-unit);
   --hl--s: calc(var(--hl-unit) * 2);
   --hl--base: calc(var(--hl-unit) * 3);
   --hl--l: calc(var(--hl-unit) * 4);
   // --hl--xl: calc(var(--hl-unit) * 5);
-
-  /** 
-   * スペーシング: フィボナッチ数列をベースにする
-   */
-  --s-unit: calc(var(--REM) * 0.5); // ≒ 8px
-
-  --s5: calc(0.5 * var(--s-unit)); // 例外
-  --s10: var(--s-unit);
-  --s15: calc(1.5 * var(--s-unit)); // 例外
-  --s20: calc(2 * var(--s-unit));
-  --s30: calc(3 * var(--s-unit));
-  --s40: calc(5 * var(--s-unit));
-  --s50: calc(8 * var(--s-unit));
-  --s60: calc(13 * var(--s-unit));
-  --s70: calc(21 * var(--s-unit));
-  --s80: calc(34 * var(--s-unit));
 }

package/src/scss/props/_size.scss

@@ -2,14 +2,16 @@
   max-inline-size: 100%;
 
   :where(.has--gutter) > & {
+    inline-size: auto; // is--wrapper > * の inline-size: 100% を打ち消し、負 margin による hang を効かせる
     max-inline-size: calc(100% + var(--gutter-size) * 2);
     margin-inline: calc(var(--gutter-size) * -1);
   }
 }
 
-.-max-sz\:container {
-  max-inline-size: var(--sz--container, 100cqi);
-  margin-inline: calc(50% - var(--sz--container) / 2);
+.-max-sz\:bleed {
+  inline-size: auto; // is--wrapper > * の inline-size: 100% を打ち消し、bleed 幅まで広げて中央配置する
+  max-inline-size: var(--sz--bleed, 100svi);
+  margin-inline: calc(50% - var(--sz--bleed, 100svi) / 2);
 }
 
 // .-max-sz\:wide {

package/src/scss/trait/is/_container.scss

@@ -1,12 +1,18 @@
 // コンテナ定義 + 併用クラスで内部のコンテンツ幅を制御する。
 .is--container {
   container-type: inline-size;
-  // container-name: lismContainer;
 }
+
+// 最外側の is--container 直下の子要素にだけ --sz--bleed を 100cqi で上書きする。
+//   Memo: .is--container:not(:where(.is--container .is--container)) を使ってもいいがわかりにくいので、以下のようにしている
 .is--container > * {
-  --sz--container: 100cqi;
+  --sz--bleed: 100cqi;
 }
-// has--gutterがある場合はその分を加算
 .is--container.has--gutter > * {
-  --sz--container: calc(100cqi + var(--gutter-size) * 2);
+  // has--gutterがある場合はその分を加算
+  --sz--bleed: calc(100cqi + var(--gutter-size) * 2);
+}
+.is--container .is--container > * {
+  // --sz--bleed は一番先祖(最外側) の is--container で値をセットしたらあとは引き継ぐだけ
+  --sz--bleed: inherit;
 }

package/src/scss/trait/is/_wrapper.scss

@@ -2,6 +2,7 @@
   // 子要素の制御
   --contentSize: var(--sz--m, 100%);
   > * {
+    inline-size: 100%; // l--stack 等の縦並び配下で自然幅要素のガタつきを防ぐ
     max-inline-size: min(100%, var(--contentSize)); // min ないとimg要素等がはみ出す
     margin-inline: auto;
   }

package/src/scss/utility/_cbox.scss

@@ -3,15 +3,18 @@
   Memo: bgcの mix は transparent ではなく --base と混ぜている → 背景メディアがあるときも可読性が落ちないように + chat のように同じ背景色の装飾が一部重なっていても大丈夫なように。
 */
 .u--cbox {
-  --c: color-mix(in srgb, var(--text), var(--keycolor) var(--cbox-cPct, 32%));
-  --bgc: color-mix(in srgb, var(--base), var(--keycolor) var(--cbox-bgPct, 4%));
-  --bdc: color-mix(in srgb, transparent, var(--keycolor) var(--cbox-bdPct, 64%));
+  --mutedKeycolor: var(--keycolor);
+  --c: color-mix(in srgb, var(--text), var(--keycolor) var(--cbox-cPct, 25%));
+  --bgc: color-mix(in srgb, var(--base), var(--mutedKeycolor) var(--cbox-bgPct, 4%));
+  --bdc: color-mix(in srgb, var(--divider), var(--keycolor) var(--cbox-bdPct, 50%));
   --link-c: var(--keycolor); // --link を上書きすると、keycolorに --link が使えなくなる
+
   color: var(--c);
   background-color: var(--bgc);
 
   // 相対カラー構文をサポートしているブラウザでは、 shadowのカラーもキーカラーに寄せる
   @supports (color: oklch(from red l c h)) {
-    --shc: oklch(from var(--keycolor) calc(l / 1.5) calc(c / 1.5) h / 0.1);
+    --mutedKeycolor: oklch(from var(--keycolor) l calc(c * 0.75) h);
+    // --shc: color-mix(in srgb, var(--shadow), oklch(from var(--keycolor) l c h / 0.25) var(--cbox-shPct, 50%));
   }
 }