lism-css 0.0.1 → 0.0.3

package/dist/components/Tabs/setEvent.js

@@ -0,0 +1,29 @@
+function b(t) {
+  t.preventDefault();
+  const r = t.currentTarget;
+  c(r);
+}
+const c = (t) => {
+  if (t.getAttribute("aria-selected") === "true") return;
+  const e = t.getAttribute("aria-controls"), n = document.getElementById(e);
+  if (n === null) return;
+  const s = t.parentNode.parentNode.querySelector('[aria-selected="true"]'), o = s.getAttribute("aria-controls"), a = document.getElementById(o);
+  t.setAttribute("aria-selected", "true"), s.setAttribute("aria-selected", "false"), a.setAttribute("aria-hidden", "true"), n.setAttribute("aria-hidden", "false");
+};
+function f(t) {
+  var i;
+  t.querySelectorAll('button[role="tab"]').forEach((d) => {
+    d.addEventListener("click", function(u) {
+      b(u);
+    });
+  });
+  const e = (i = window == null ? void 0 : window.location) == null ? void 0 : i.href;
+  if (!e || !(e.indexOf("?lism-tab=") !== -1)) return;
+  const o = new URL(e).searchParams.get("lism-tab"), a = t.querySelector(`[aria-controls="${o}"]`);
+  a && (t.dataset.hasTabLink = "1", c(a), setTimeout(() => {
+    delete t.dataset.hasTabLink;
+  }, 10));
+}
+export {
+  f as default
+};

package/dist/components/Tabs/style.css

@@ -0,0 +1 @@
+.d--tabs{display:grid;grid:"list" "panel"}.d--tabs__list{grid-area:list;overflow-x:auto}.d--tabs__tab[aria-selected=true]{--_notActive: }.d--tabs__tab[aria-selected=false]{--_isActive: }:where(.d--tabs__tab){color:var(--_notActive,var(--c--text-2))}.d--tabs__panel{grid-area:panel;overflow-x:auto;width:100%}.d--tabs__panel:where([aria-hidden=true]){display:none}

package/dist/components/WithSide/getProps.js

@@ -0,0 +1,14 @@
+import n from "../../lib/helper/atts.js";
+import { mergeFlexContextProps as l } from "../Flex/getProps.js";
+function f({ lismClass: o, sideW: t, mainW: r, style: i = {}, ...e }) {
+  return t != null && (i["--side-w"] = t), r != null && (i["--main-w"] = r), Object.assign(
+    {
+      lismClass: n(o, "l--withSide"),
+      style: i
+    },
+    l(e)
+  );
+}
+export {
+  f as getWithSideProps
+};

package/dist/components/WithSide/index.js

@@ -0,0 +1,9 @@
+import { j as r } from "../../_virtual/jsx-runtime.js";
+import { getWithSideProps as i } from "./getProps.js";
+import o from "../Lism/index.js";
+function p(t) {
+  return /* @__PURE__ */ r.jsx(o, { ...i(t) });
+}
+export {
+  p as default
+};

package/dist/components/getFilterProps.js

@@ -0,0 +1,23 @@
+const o = [
+  "blur",
+  "contrast",
+  "brightness",
+  "dropShadow",
+  "grayscale",
+  "hueRotate",
+  "invert",
+  "saturate",
+  "sepia"
+];
+function i({ css: a = {}, ...e }, r = "filter") {
+  const n = [];
+  return a[r] == null && (o.forEach((t) => {
+    if (e[t]) {
+      const l = t.replace(/([A-Z])/g, "-$1").toLowerCase();
+      n.push(`${l}(${e[t]})`), delete e[t];
+    }
+  }), n.length > 0 && (a[r] = n.join(" "))), e.css = a, e;
+}
+export {
+  i as default
+};

package/dist/components/getInsetProps.js

@@ -0,0 +1,8 @@
+function n(e) {
+  return e.insets == null && (e.insets = {}), ["is", "ie", "bs", "be"].forEach((t) => {
+    e[t] != null && (e.insets[t] = e[t], delete e[t]);
+  }), e;
+}
+export {
+  n as default
+};

package/dist/components/getMediaProps.js

@@ -0,0 +1,14 @@
+import t from "./getFilterProps.js";
+import e from "../lib/helper/atts.js";
+function d({
+  className: r = "",
+  objectFit: f,
+  objectPosition: o,
+  style: n = {},
+  ...i
+}) {
+  return f && (f === "cover" || f === "cv" ? r = e(r, "-obf:cv") : f === "contain" || f === "cn" ? r = e(r, "-obf:cn") : n.objectFit = f), o && (n.objectPosition = o), i.className = r, i.style = n, t(i);
+}
+export {
+  d as default
+};

package/dist/components/getTransformProps.js

@@ -0,0 +1,8 @@
+function n(t) {
+  return t.css == null && (t.css = {}), ["transform", "transformOrigin", "translate", "rotate", "scale", "clipPath"].forEach((a) => {
+    t[a] != null && (t.css[a] = t[a], delete t[a]);
+  }), t;
+}
+export {
+  n as default
+};

package/dist/config/prop_list.js

@@ -0,0 +1,395 @@
+import s from "./tokens.js";
+const e = ["0", "5", "10", "20", "30", "40", "50"], t = { auto: "a" }, r = {
+  center: "c",
+  start: "s",
+  end: "e",
+  "flex-start": "fs",
+  "flex-end": "fe"
+}, n = {
+  center: "c",
+  start: "s",
+  end: "e",
+  stretch: "str"
+}, l = { "0%": "0", "50%": "50%", "100%": "100%" }, c = {
+  // size
+  w: { utils: { auto: "a", "fit-content": "fit" }, presets: ["100%"], converter: "size" },
+  h: { utils: { auto: "a", "fit-content": "fit" }, presets: ["100%", "full"], converter: "size" },
+  maxW: { style: "maxWidth", presets: ["100%"], converter: "size" },
+  maxH: { style: "maxHeight", presets: ["100%"], converter: "size" },
+  minW: { style: "minWidth", presets: ["100%"], converter: "size" },
+  minH: { style: "minHeight", presets: ["100%"], converter: "size" },
+  is: { style: "inline-size", converter: "size" },
+  bs: { style: "block-size", converter: "size" },
+  maxIs: { style: "maxInlineSize", converter: "size" },
+  maxBs: { style: "maxBlockSize", converter: "size" },
+  minIs: { style: "minInlineSize", converter: "size" },
+  minBs: { style: "minBlockSize", converter: "size" },
+  // is: inline-size, bs: block-size, maxI, maxB, minIs, minBs
+  c: {
+    presets: [
+      "inherit",
+      "base",
+      "text",
+      "text-2",
+      // 'keycol',
+      "mix",
+      "main",
+      "accent"
+      // 'black',
+      // 'white',
+    ],
+    converter: "color"
+  },
+  bgc: {
+    presets: [
+      "inherit",
+      "main",
+      "accent",
+      "base",
+      "base-2",
+      "base-3",
+      "text",
+      // 'keycol',
+      "mix"
+      // 'black',
+      // 'white',
+    ],
+    converter: "color"
+  },
+  keycol: { style: "--keycol", converter: "color" },
+  bd: {
+    style: "border",
+    utils: {
+      none: "n",
+      inherit: "inherit",
+      left: "l",
+      right: "r",
+      top: "t",
+      bottom: "b",
+      inline: "x",
+      block: "y",
+      "inline-start": "is",
+      "inline-end": "ie",
+      "block-start": "bs",
+      "block-end": "be"
+    }
+  },
+  bdw: { style: "--bdw" },
+  // --bdw のみ
+  bds: { style: "--bds" },
+  // --bds のみ
+  bdc: {
+    style: "--bdc",
+    utils: { transparent: "t" },
+    presets: [
+      "inherit",
+      "main",
+      "accent",
+      "mix",
+      "divider",
+      // 'keycol',
+      "mix"
+      // 'cbox',
+    ],
+    converter: "color"
+  },
+  // boxcolor: { _presets: TOKENS.palette, style: '--keycol', converter: 'color' },
+  bg: { utils: { none: "n" } },
+  bgi: { style: "backgroundImage" },
+  bgr: { style: "backgroundRepeat", utils: { n: "no-repeat" } },
+  bgp: { style: "backgroundPosition", utils: { center: "c" } },
+  bgsz: { style: "backgroundSize", utils: { cover: "cv", contain: "ct" } },
+  // bga: { style: 'backgroundAttachment' },
+  // bgo: { style: 'backgroundOrigin' },
+  // bcp: { style: 'backgroundClip' },
+  // bbm: { style: 'backgroundBlendMode' },
+  // mask: { map: 1 },
+  // Typography
+  f: { style: "font", presets: ["inherit"] },
+  fz: { presets: s.fz, converter: "fz" },
+  lh: { presets: ["1", ...s.lh], style: "lineHeight" },
+  fw: {
+    style: "fontWeight",
+    presets: s.fw
+  },
+  ff: { style: "fontFamily", presets: ["base", "accent", "mono"], converter: 1 },
+  fs: { style: "fontStyle", utils: { italic: "i" } },
+  lts: { style: "letterSpacing", presets: s.lts },
+  ta: { style: "textAlign", utils: { center: "c", left: "l", right: "r" } },
+  td: { style: "textDecoration", utils: { underline: "u", none: "n" } },
+  whs: { style: "whiteSpace", utils: { nowrap: "nw" } },
+  // tsh: { style: 'textShadow' },
+  // ovw: { style: 'overflowWrap', utils: { anywhere: 'any' } },
+  // others
+  bdrs: { presets: ["inner", "0", ...s.bdrs], converter: "bdrs" },
+  bxsh: { presets: ["0", ...s.bxsh], converter: "bxsh" },
+  // shColor: { converter: 'color', style: '--sh-color' },
+  // transition
+  trs: { style: "transition" },
+  // trsdu: { style: '--trsdu' },
+  // trsp: { style: '--trsp' },
+  // trspt: {
+  // 	style: '--trspt',
+  // 	// utils: { 'ease-in': 'in', 'ease-out': 'out', 'ease-in-out': 'in-out', linear: 'linear' },
+  // },
+  //display
+  d: {
+    utils: {
+      none: "n",
+      block: "b",
+      flex: "f",
+      grid: "g",
+      inline: "i",
+      "inline-flex": "if",
+      "inline-grid": "ig",
+      "inline-block": "ib"
+    }
+  },
+  op: {
+    style: "opacity",
+    presets: [...s.op, "0"],
+    converter: 1
+  },
+  // op
+  v: { style: "visibility", utils: { hidden: "h", visible: "v" } },
+  ov: { style: "overflow", utils: { scroll: "s", hidden: "h", auto: "a", clip: "c" } },
+  ovx: { style: "overflowX", utils: { scroll: "s", hidden: "h", auto: "a", clip: "c" } },
+  ovy: { style: "overflowY", utils: { scroll: "s", hidden: "h", auto: "a", clip: "c" } },
+  // overflow-clip-margin → safariで使えない
+  ar: {
+    // style:'aspectRatio',
+    presets: [
+      // '21/9',
+      "16/9",
+      // '4/3',
+      "3/2",
+      // '2/1',
+      "1/1",
+      "ogp",
+      "gold"
+      // 'silver',
+      // 'bronze',
+      // 'cinema',
+    ]
+  },
+  pos: {
+    style: "position",
+    utils: {
+      relative: "r",
+      absolute: "a",
+      static: "s",
+      fixed: "f",
+      sticky: "sticky"
+    }
+  },
+  z: { style: "zIndex", presets: ["-1", "0", "1", "2", "99"] },
+  i: { style: "inset", utils: { "0%": "0" }, converter: "space" },
+  t: { style: "top", utils: l, converter: "space" },
+  l: { style: "left", utils: l, converter: "space" },
+  r: { style: "right", utils: l, converter: "space" },
+  b: { style: "bottom", utils: l, converter: "space" },
+  // isolation
+  // flip: {},
+  // Spacing
+  p: {
+    presets: e,
+    //[...SPACE_PRESETS, ...TOKENS.p],
+    converter: "space",
+    // {x, y, t, b, l, r, is, bs } でも指定可能にする
+    objProcessor: (i) => `p${i}`
+  },
+  px: { presets: e, converter: "space" },
+  py: { presets: e, converter: "space" },
+  pl: { presets: [], converter: "space" },
+  pr: { presets: [], converter: "space" },
+  pt: { presets: [], converter: "space" },
+  pb: { presets: [], converter: "space" },
+  // inline,block
+  pis: { presets: e, converter: "space" },
+  pbs: { presets: e, converter: "space" },
+  // pie: { converter: 'space' },
+  // pbe: { converter: 'space' },
+  // pinln, pblck
+  // pse: paddingOption,
+  // pbe: paddingOption,
+  m: {
+    utils: t,
+    presets: e,
+    converter: "space",
+    // {x, y, t, b, l, r, is, bs } でも指定可能にする
+    objProcessor: (i) => `m${i}`
+  },
+  mx: { utils: t, converter: "space" },
+  my: { utils: t, converter: "space" },
+  ml: { utils: t, converter: "space" },
+  mr: { utils: t, converter: "space" },
+  mt: { utils: t, converter: "space" },
+  mb: { utils: t, converter: "space" },
+  mis: { presets: e, utils: t, converter: "space" },
+  mbs: { presets: e, utils: t, converter: "space" },
+  // mib: { converter: 'space' },
+  // mbe: { converter: 'space' },
+  // me: marginOption,
+  // mbe: marginOption,
+  g: {
+    presets: ["inherit", ...e],
+    converter: "space"
+  },
+  rowg: { converter: "space" },
+  colg: { converter: "space" },
+  cols: { style: "--cols" },
+  rows: { style: "--rows" },
+  pi: { style: "placeItems" },
+  pc: { style: "placeContent" },
+  ai: { style: "alignItems", utils: { ...r, stretch: "str" } },
+  ac: { style: "alignContent", utils: { ...r, "space-between": "sb" } },
+  ji: { style: "justifyItems", utils: { ...r, stretch: "str" } },
+  jc: { style: "justifyContent", utils: { ...r, "space-between": "sb" } },
+  aslf: { style: "alignSelf", utilKey: "aslf", utils: n },
+  jslf: { style: "justifySelf", utilKey: "jslf", utils: n },
+  pslf: { style: "placeSelf", utilKey: "pslf", utils: n },
+  ord: { style: "order", utilKey: "ord", presets: ["0", "-1", "1"] },
+  // flex-item
+  fx: { style: "flex", utils: { "1 1 0": "1" } },
+  fxg: { name: "fxg", presets: ["0", "1"] },
+  fxsh: { name: "fxsh", presets: ["0", "1"] },
+  fxb: { name: "fxb" }
+  // mask: { map: 1 },
+  // flex: { map: 1 },
+  // grid: { map: 1 },
+  // flexItem: { map: 1 },
+  // gridItem: { map: 1 },
+  // css: { map: 1 },
+}, a = {
+  grid: {
+    gd: {},
+    gt: { style: "gridTemplate" },
+    gtc: {},
+    gtr: {},
+    gta: {},
+    gaf: {
+      utils: { row: "r", column: "c" },
+      _style: "gridAutoFlow"
+    },
+    gac: { _style: "gridAutoColumns" },
+    gar: { _style: "gridAutoRows" }
+    // autoFlow, autoRows, autoCols
+  },
+  gridItem: {
+    // item
+    ga: { presets: 1 },
+    // grid-area
+    gc: { presets: 1 },
+    // grid-column
+    gcs: { presets: 1, style: "gridColumnStart" },
+    gce: { presets: 1, style: "gridColumnEnd" },
+    gr: { presets: 1 },
+    // grid-row
+    grs: { presets: 1, style: "gridRowStart" },
+    gre: { presets: 1, style: "gridRowEnd" }
+    // ...itemProps,
+  },
+  flex: {
+    fxf: { style: "flex-flow" },
+    // nowrap → Emmet は n だが、nw にしている. (whs と揃えている)
+    fxw: { utils: { wrap: "w", nowrap: "nw" } },
+    fxd: { utils: { column: "c", row: "r", "column-reverse": "cr", "row-reverse": "rr" } }
+  },
+  // fx: {
+  // 	g,sh,b
+  // }
+  // flexItem: {
+  // 	fx: { style: 'flex', utils: { '1 1 0': '1' } },
+  // 	fxg: { name: 'fxg', presets: ['0', '1'] },
+  // 	fxsh: { name: 'fxsh', presets: ['0', '1'] },
+  // 	fxb: { name: 'fxb' },
+  // },
+  // transform: {
+  // 	// transform
+  // 	transformOrigin: { style: 1, utilKey: 'trfo', utils: 'origin' },
+  // 	translate: { style: 1, utils: 1, utilKey: 'trslt' },
+  // 	rotate: { style: 1, utils: 1 },
+  // 	scale: { style: 1 },
+  // },
+  radii: {
+    tl: { style: "borderTopLeftRadius", utilKey: "bdtlrs", converter: "bdrs" },
+    tr: { style: "borderTopRightRadius", utilKey: "bdtrrs", converter: "bdrs" },
+    bl: { style: "borderBottomLeftRadius", utilKey: "bdblrs", converter: "bdrs" },
+    br: { style: "borderBottomRightRadius", utilKey: "bdbrrs", converter: "bdrs" },
+    ss: { style: "borderStartStartRadius", utilKey: "bdssrs", converter: "bdrs" },
+    se: { style: "borderStartEndRadius", utilKey: "bdsers", converter: "bdrs" },
+    es: { style: "borderEndStartRadius", utilKey: "bdesrs", converter: "bdrs" },
+    ee: { style: "borderEndEndRadius", utilKey: "bdeers", converter: "bdrs" }
+  },
+  // borders: {
+  // 	l: { style: 'borderLeft', utilKey: 'bdl' },
+  // 	r: { style: 'borderRight', utilKey: 'bdr' },
+  // 	t: { style: 'borderTop', utilKey: 'bdt' },
+  // 	b: { style: 'borderBottom', utilKey: 'bdb' },
+  // 	is: { style: 'borderInlineStart', utilKey: 'bdis' },
+  // 	bs: { style: 'borderBlockStart', utilKey: 'bdbs' },
+  // 	ie: { style: 'borderInlineEnd', utilKey: 'bdie' },
+  // 	be: { style: 'borderBlockEnd', utilKey: 'bdbe' },
+  // },
+  insets: {
+    is: {
+      style: "insetInlineStart",
+      utilKey: "iis",
+      converter: "space"
+    },
+    ie: {
+      style: "insetInlineEnd",
+      utilKey: "iie",
+      converter: "space"
+    },
+    bs: {
+      style: "insetBlockStart",
+      utilKey: "ibs",
+      converter: "space"
+    },
+    be: {
+      style: "insetBlockEnd",
+      utilKey: "ibe",
+      converter: "space"
+    }
+  },
+  mask: {},
+  css: {
+    // transform系
+    translate: {
+      style: 1,
+      utilKey: "trslt",
+      utils: {
+        "-50% -50%": "-50XY",
+        "-50%": "-50X",
+        "-50% 0": "-50X",
+        "0 -50%": "-50Y"
+      }
+    },
+    rotate: {
+      style: 1,
+      utils: { "45deg": "45", "-45deg": "-45", "90deg": "90", "-90deg": "-90" }
+    },
+    scale: {
+      style: 1,
+      utils: {
+        "-1 1": "-X",
+        "1 -1": "-Y",
+        "-1 -1": "-XY"
+      }
+    }
+    // Memo: その他、コアの処理このcssに入り得るものは以下の通り.(将来的に何か処理を追加するかもしれないもの)
+    // transform,
+    // transformOrigin,
+    // clipPath: { style: 1 }, // cpp ?
+    // objectFit: { style: 1, utilKey: 'obf', utils: { cover: 'cv', contain: 'cn' } },
+    // objectPosition: { style: 1 },
+    // filter: { style: 1 }, // fltr?
+    // backdropFilter: { style: 1, presets:[] },
+  }
+  // hov: { c, bgc, bdc, bxsh },
+};
+export {
+  a as CONTEXT_PROPS,
+  c as default
+};

package/dist/config/tokens.js

@@ -0,0 +1,67 @@
+const e = {
+  // p: ['box', 'box:s', 'box:l'],
+  fz: [
+    "root",
+    "5xl",
+    "4xl",
+    "3xl",
+    "2xl",
+    "xl",
+    "l",
+    "m",
+    "s",
+    "xs",
+    "2xs"
+    // 'fluid',
+    // 'fluid:s',
+    // 'fluid:l',
+  ],
+  // lh: ['10', '20', '30', '40', '50', '60', '70', '80', '90'],
+  lh: ["base", "2xs", "xs", "s", "l", "xl", "2xl"],
+  lts: ["base", "2xs", "xs", "s", "l", "xl", "2xl"],
+  //['-3', '-2', '-1', '0', '1', '2', '3', '4', '5', '6', '7'],
+  ff: ["base", "accent", "mono"],
+  fw: ["thin", "light", "normal", "medium", "bold", "heavy"],
+  op: ["low", "mid", "high"],
+  bdrs: ["1", "2", "3", "4", "5", "6", "99"],
+  bxsh: ["-1", "-2", "-3", "-4", "-5", "1", "2", "3", "4", "5"],
+  // size:['container', 'container:s', 'container:l'],
+  contentSize: ["xs", "s", "m", "l", "xl"],
+  // --size--xxx トークン
+  flow: ["xs", "s", "m", "l", "xl"],
+  // getFlowDataで使う
+  size: [],
+  // --変数化できるキーワード
+  color: [
+    "base",
+    "base-2",
+    "base-3",
+    "text",
+    "text-2",
+    "text-3",
+    "divider",
+    "link",
+    "divider-2",
+    "main",
+    "accent",
+    "accent-2",
+    "accent-3"
+  ],
+  palette: [
+    "red",
+    "blue",
+    "green",
+    "yellow",
+    "purple",
+    "orange",
+    "pink",
+    "gray",
+    "white",
+    "black",
+    "keycol"
+  ]
+  // filter: ['blur', 'blur:s', 'blur:l', 'darken', 'lighten'],
+};
+export {
+  e as default
+};

package/dist/config.js

@@ -0,0 +1,9 @@
+import { default as r } from "./config/tokens.js";
+import { CONTEXT_PROPS as P, default as a } from "./config/prop_list.js";
+const o = ["sm", "md", "lg", "xl"];
+export {
+  o as BREAK_POINTS,
+  P as CONTEXT_PROPS,
+  a as PROPS,
+  r as TOKENS
+};

package/dist/css/all.css

@@ -0,0 +1 @@
+@layer lism.reset, lism.base, lism.state, lism.layout, lism.dynamic, lism.component, lism.utility;@layer lism.reset{*,:after,:before{box-sizing:border-box}*{margin:0}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}rt{font-size:50%}img{block-size:auto;max-inline-size:100%;vertical-align:middle}audio,iframe,picture,video{display:block;max-inline-size:100%}iframe{border:none}button,input,select,textarea{color:inherit;font:inherit;text-transform:none}textarea{resize:vertical}button,label,select,summary{cursor:pointer}:disabled{cursor:not-allowed}[aria-busy=true]{cursor:progress}}@layer lism.base{:root{--size--xl:1600px;--size--l:1280px;--size--m:960px;--size--s:640px;--size--xs:16rem;--herfLeading:calc(0.5lh - 0.5em);--s5:0.25rem;--s10:0.375rem;--s20:0.625rem;--s30:1rem;--s40:1.625rem;--s50:2.625rem;--s60:4.25rem;--s70:6.875rem;--s80:11.125rem;--flowGap--s:var(--s30);--flowGap--m:var(--s40);--flowGap--l:var(--s50);--flowGap--h:2.5em;--gutter:var(--s40);--ff--base:-apple-system,"BlinkMacSystemFont","Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif,"Segoe UI Emoji";--ff--accent:"Garamond","Baskerville","Times New Roman",serif;--ff--mono:Menlo,Consolas,monaco,monospace;--fz-mol:8;--fz--4xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 5));--fz--3xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 4));--fz--2xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 3));--fz--xl:calc(1em*var(--fz-mol)/(var(--fz-mol) - 2));--fz--l:calc(1em*var(--fz-mol)/(var(--fz-mol) - 1));--fz--m:1em;--fz--s:calc(1em*var(--fz-mol)/(var(--fz-mol) + 1));--fz--xs:calc(1em*var(--fz-mol)/(var(--fz-mol) + 2));--fz--2xs:calc(1em*var(--fz-mol)/(var(--fz-mol) + 3));--fw--light:300;--fw--normal:400;--fw--medium:500;--fw--bold:700;--lh--base:1.75;--lh--xs:calc(var(--lh--base) - 0.25);--lh--s:calc(var(--lh--base) - 0.125);--lh--l:calc(var(--lh--base) + 0.125);--lh--xl:calc(var(--lh--base) + 0.25);--lts--base:normal;--lts--s:-0.05em;--lts--l:0.05em;--lts--xl:0.125em;--black:#000;--white:#fff;--gray:#566676;--red:#db3024;--orange:#dc6d18;--yellow:#dcb518;--green:#1abc3a;--blue:#2192de;--purple:#6124db;--pink:#db249e;--c--main:#1e4e6b;--c--accent:#bc3453;--c--base:#fcfcfd;--c--base-2:#eeeff1;--c--text-hsl:224 4% 8%;--c--text:hsl(var(--c--text-hsl));--c--text-2:#62646a;--c--divider:#cfd0d3;--c--link:#0c61e4;--op--low:0.25;--op--mid:0.5;--op--high:0.75;--trsdu--default:0.4s;--trsdu--modal:0.5s;--trsdu--acc:0.4s;--bdrs--1:0.125rem;--bdrs--2:0.25rem;--bdrs--3:0.5rem;--bdrs--4:1rem;--bdrs--5:2rem;--bdrs--99:99rem;--sh-hsl:var(--c--text-hsl);--sh-a:6%;--sh-sz--0:1px 2px 4px 0;--sh-sz--1:2px 4px 8px 0;--sh-sz--2:3px 6px 12px 0;--sh-sz--3:5px 10px 20px 0;--sh-sz--4:8px 16px 32px 0;--sh-sz--5:13px 26px 52px 0}@supports not (gap:1lh){:root{--herfLeading:0.125em}}html{font-size:var(--root-fz);-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}body{background-color:var(--c--base);color:var(--c--text);font-family:var(--ff--base);font-size:1rem;letter-spacing:var(--lts--base);line-height:var(--lh--base);overflow-x:clip}h1,h2,h3,h4,h5,h6{font-family:var(--heading-ff,inherit);font-size:var(--fz,revert);font-weight:var(--heading-fw,bolder);line-height:var(--lh,inherit)}h1{--fz:var(--fz--3xl);--lh:var(--lh--xs)}h2{--fz:var(--fz--2xl);--lh:var(--lh--xs)}h3{--fz:var(--fz--xl);--lh:var(--lh--s)}h4{--fz:var(--fz--l);--lh:var(--lh--s)}h5{--fz:var(--fz--m)}h6{--fz:var(--fz--s)}ol,ul{list-style:none;padding:0;padding-inline-start:var(--list-pis,0)}:is(ul,ol):not([class]){--list-pis:1.5em;list-style:revert}a{color:var(--c--link);-webkit-text-decoration:var(--link-td,underline);text-decoration:var(--link-td,underline)}td,th{min-inline-size:var(--cell-minIs,unset);padding:var(--cell-p,.5em)}th{background-color:var(--th-bgc,transparent);color:var(--th-c,inherit)}td{background-color:var(--td-bgc,transparent);color:var(--td-c,inherit)}hr{block-size:0;border:none;border-block-start:1px solid}blockquote{border-inline-start:3px solid currentColor;padding:var(--s30)}pre{overflow-x:auto}body:has(:modal[open]){overflow:hidden}dialog:not([open]){pointer-events:none}:root{--root-fz:clamp(0.875rem,0.625rem + 1vw,1rem);--hov-trsdu:0.3s;--overwide-size:100vw}.re--sh,:root{--sh-color:hsl(var(--sh-hsl)/var(--sh-a));--bxsh--1:var(--sh-sz--0) var(--sh-color),var(--sh-sz--1) var(--sh-color);--bxsh--2:var(--sh-sz--1) var(--sh-color),var(--sh-sz--2) var(--sh-color);--bxsh--3:var(--sh-sz--2) var(--sh-color),var(--sh-sz--3) var(--sh-color);--bxsh--4:var(--sh-sz--3) var(--sh-color),var(--sh-sz--4) var(--sh-color);--bxsh--5:var(--sh-sz--4) var(--sh-color),var(--sh-sz--5) var(--sh-color);--bxsh--i1:inset var(--sh-sz--0) var(--sh-color),inset var(--sh-sz--1) var(--sh-color);--bxsh--i2:inset var(--sh-sz--1) var(--sh-color),inset var(--sh-sz--2) var(--sh-color)}.re--style{background:none;border:none;color:inherit;font:inherit;height:auto;margin:0;max-height:unset;max-width:unset;padding:0;width:auto}.re--list{--list-pis:1.5em;list-style:revert}}@layer lism.state{.has--gutter{padding-inline:var(--gutter)}.has--divider{--bdc:var(--c--divider);--bds:solid;--bdw:1px;--_isRow:0}.has--divider:where(.l--flex,.-fxd\:r,.-fxd\:rr){--_isRow:1}.has--divider>:where(:not(:last-child)){--_bdw:calc(var(--_isRow, 0)*var(--bdw));border-block-end:var(--bds) calc(var(--bdw) - var(--_bdw)) var(--bdc);border-inline-end:var(--bds) var(--_bdw) var(--bdc)}.is--flow>*{--mbs:var(--flowGap,var(--flowGap--m));margin-block:var(--mbs) 0}.-flow\:s>*{--flowGap:var(--flowGap--s)}.-flow\:ms>*{--flowGap:var(--flowGap--m)}.-flow\:l>*{--flowGap:var(--flowGap--l)}.is--flow>:where(h1,h2,h3:not(h2+h3)){--flowGap:var(--flowGap--h)}.is--flow>:first-child{--flowGap:0}.is--container{container-type:inline-size;inline-size:100%;margin-inline:auto}.is--container>*{--maxIs:var(--item-size,100%);margin-inline:auto;max-inline-size:min(100%,var(--maxIs,100%))}.-container\:s{--item-size:var(--size--s);--wide-size:var(--size--m)}.-container\:m{--item-size:var(--size--m);--wide-size:var(--size--l)}.-container\:l{--item-size:var(--size--l);--wide-size:var(--size--xl)}.is--fullwide{max-inline-size:100%}:where(.has--gutter)>.is--fullwide{margin-inline:calc(var(--gutter)*-1);max-inline-size:calc(100% + var(--gutter)*2)}.is--fullwide+.is--fullwide{--flowGap:0}.is--wide{max-inline-size:var(--wide-size,100%)}.is--overwide{margin-inline:calc(50% - var(--overwide-size)/2);max-inline-size:var(--overwide-size,100vw)}@supports (content-visibility:auto) or (top:0lh){@property --overwide-size{syntax:"<length-percentage>";initial-value:100%;inherits:true}.is--container{--overwide-size:100cqw}}.is--linkBox{color:inherit;cursor:pointer;display:block;isolation:isolate;text-decoration:none}.is--linkBox,.is--linkBox>a{pointer-events:auto;position:relative}.is--linkBox>a{z-index:1}.is--layer{inset:0;overflow:hidden;position:absolute}}@layer lism.layout{.l--frame{overflow:hidden}.l--frame>:where(img,video,picture,iframe){display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.l--flex{display:flex}.l--flex--cluster{align-items:center;flex-wrap:wrap}.l--grid{display:grid}.l--grid--repeat{--rows:1;--cols:1;grid-template:repeat(var(--rows),1fr)/repeat(var(--cols),1fr)}.l--stack{display:flex;flex-direction:column}.l--center{display:grid;place-content:center;place-items:center}.l--columns{--cols:2;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr))}.l--columns--liquid{--col-auto:auto-fill;--col-size:var(--size--xs);display:grid;grid-template-columns:repeat(var(--col-auto),minmax(min(var(--col-size),100%),1fr))}.l--withSide{--side-w:auto;--main-w:max(var(--size--xs),50%);display:flex;flex-wrap:wrap}.l--withSide>[data-is-side]{flex-basis:var(--side-w);flex-grow:1}.l--withSide>:not([data-is-side]){flex-basis:min(100%,var(--main-w));flex-grow:9999999}.l--icon{--scale:1;--offset:0;display:inline-flex;flex-shrink:0;scale:var(--scale);translate:var(--offset);vertical-align:middle}.l--icon:where(:not([fill])){fill:currentcolor}.l--icon:where(:not([width])){height:1em;width:1em}.l--divider{--bdc:var(--c--divider)}}@layer lism.dynamic{.d--accordion{--trsdu:var(--trsdu--acc)}.d--accordion.-opened{--_notOpened: }.d--accordion:not(.-opened){--_isOpened: }.d--accordion__header{gap:.5em;outline-offset:-1px}.d--accordion__header::-webkit-details-marker{display:none}.d--accordion__body{grid-template-rows:1fr;transition-duration:var(--trsdu);transition-property:margin-block,padding-block,opacity,grid-template-rows}:where(.d--accordion:not(.-opened))>.d--accordion__body{grid-template-rows:0fr;margin-block:0!important;padding-block:0!important}:where(.d--accordion__icon)>.l--icon{rotate:var(--_isOpened,-180deg);transition-duration:var(--trsdu)}:where(.d--modal){--mbs:0;--offset:0 0;--backdrop:rgba(0,0,0,.6);transition-duration:var(--trsdu--modal)}:where(.d--modal)::backdrop{background:var(--backdrop);transition:opacity var(--trsdu--modal)}.d--modal__body{overscroll-behavior:contain}.d--modal:not([data-is-open]){translate:var(--offset)}.d--modal:not([data-is-open]),.d--modal:not([data-is-open])::backdrop{opacity:0}.d--tabs{display:grid;grid:"list" "panel"}.d--tabs__list{grid-area:list;overflow-x:auto}.d--tabs__tab[aria-selected=true]{--_notActive: }.d--tabs__tab[aria-selected=false]{--_isActive: }:where(.d--tabs__tab){color:var(--_notActive,var(--c--text-2))}.d--tabs__panel{grid-area:panel;overflow-x:auto;width:100%}.d--tabs__panel:where([aria-hidden=true]){display:none}}.u--hidden{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.u--trimHL>:where(p,h1,h2,h3,h4,h5,h6):first-child{margin-block-start:calc(var(--herfLeading)*-1)}.u--trimHL>:where(p,h1,h2,h3,h4,h5,h6):last-child{margin-block-end:calc(var(--herfLeading)*-1)}.u--colbox{--c:var(--c--text);--bgc:var(--c--base-2);background-color:var(--bgc);color:var(--c)}@supports (color:color-mix(in srgb,#000,#fff)){.u--colbox{--c:color-mix(in srgb,var(--c--text),var(--keycol) var(--colbox-pct--c,16%));--bgc:color-mix(in srgb,var(--c--base),var(--keycol) var(--colbox-pct--bg,5%));--bdc:color-mix(in srgb,var(--c--base),var(--keycol) var(--colbox-pct--bdc,25%));--c--link:var(--keycol)}}.u--overlayLink{color:inherit;position:static;text-decoration:none}.u--overlayLink:before{content:"";inset:0;position:absolute;z-index:0}.u--skipFlow+*{--mbs:0}.u--clipText{-webkit-background-clip:text!important;background-clip:text!important;color:transparent}.-c\:mix{--c1:currentColor;--c2:transparent;--c:color-mix(in srgb,var(--c1) var(--c-pct,50%),var(--c2))}.-bgc\:mix{--bgc1:currentColor;--bgc2:transparent;--bgc:color-mix(in srgb,var(--bgc1) var(--bgc-pct,50%),var(--bgc2))}.-bdc\:mix{--bdc1:currentColor;--bdc2:transparent;--bdc:color-mix(in srgb,var(--bdc1) var(--bdc-pct,50%),var(--bdc2))}@layer lism.base{[class*="-bd:"]{--bds:solid;--bdw:1px;--bdc:currentColor;--bd:var(--bdw) var(--bds) var(--bdc)}}.-bd\:{border-color:var(--bdc);border-style:var(--bds);border-width:var(--bdw)}.-bd\:n{border:none}.-bd\:inherit{border:inherit}.-bd\:l{border-left:var(--bd)}.-bd\:r{border-right:var(--bd)}.-bd\:t{border-top:var(--bd)}.-bd\:b{border-bottom:var(--bd)}.-bd\:x{border-inline:var(--bd)}.-bd\:y{border-block:var(--bd)}.-bd\:is{border-inline-start:var(--bd)}.-bd\:ie{border-inline-end:var(--bd)}.-bd\:bs{border-block-start:var(--bd)}.-bd\:be{border-block-end:var(--bd)}@layer lism.base{.-trs\:{--trsdu:var(--trsdu--default);--trsp:all;--trstf:ease}}.-trs\:{transition:var(--trsdu) var(--trstf);transition-property:var(--trsp)}.-w\:{width:var(--w)}.-w\:a{width:auto}.-w\:fit{width:-moz-fit-content;width:fit-content}.-w\:100\%{width:100%}.-h\:{height:var(--h)}.-h\:a{height:auto}.-h\:fit{height:-moz-fit-content;height:fit-content}.-h\:100\%{height:100%}.-maxW\:{max-width:var(--maxW)}.-maxW\:100\%{max-width:100%}.-minW\:{min-width:var(--minW)}.-minW\:100\%{min-width:100%}.-maxH\:{max-height:var(--maxH)}.-maxH\:100\%{max-height:100%}.-minH\:{min-height:var(--minH)}.-minH\:100\%{min-height:100%}[class*="-c:"]{color:var(--c)}.-c\:main{--c:var(--c--main)}.-c\:accent{--c:var(--c--accent)}.-c\:base{--c:var(--c--base)}.-c\:text{--c:var(--c--text)}.-c\:text-2{--c:var(--c--text-2)}.-c\:inherit{color:inherit}[class*="-bgc:"]{background-color:var(--bgc)}.-bgc\:main{--bgc:var(--c--main)}.-bgc\:accent{--bgc:var(--c--accent)}.-bgc\:base{--bgc:var(--c--base)}.-bgc\:base-2{--bgc:var(--c--base-2)}.-bgc\:text{--bgc:var(--c--text)}.-bgc\:inherit{background-color:inherit}.-bg\:{background:var(--bg)}.-bg\:n{background:none}.-bgr\:n{background-repeat:no-repeat}.-bgp\:c{background-position:50%}.-bgsz\:cv{background-size:cover}.-bgsz\:ct{background-size:contain}.-bdc\:main{--bdc:var(--c--main)}.-bdc\:accent{--bdc:var(--c--accent)}.-bdc\:divider{--bdc:var(--c--divider)}.-bdc\:inherit{--bdc:inherit}.-bdc\:t{--bdc:transparent}.-f\:inherit{font:inherit}[class*="-fz:"]{font-size:var(--fz)}.-fz\:root{--fz:1rem}.-fz\:2xs{--fz:var(--fz--2xs)}.-fz\:xs{--fz:var(--fz--xs)}.-fz\:s{--fz:var(--fz--s)}.-fz\:m{--fz:var(--fz--m)}.-fz\:l{--fz:var(--fz--l)}.-fz\:xl{--fz:var(--fz--xl)}.-fz\:2xl{--fz:var(--fz--2xl)}.-fz\:3xl{--fz:var(--fz--3xl)}.-fz\:4xl{--fz:var(--fz--4xl)}.-ff\:base{font-family:var(--ff--base)}.-ff\:accent{font-family:var(--ff--accent)}.-ff\:mono{font-family:var(--ff--mono)}.-fw\:light{font-weight:var(--fw--light)}.-fw\:normal{font-weight:var(--fw--normal)}.-fw\:medium{font-weight:var(--fw--medium)}.-fw\:bold{font-weight:var(--fw--bold)}.-fs\:i{font-style:italic}.-lh\:base{line-height:var(--lh--base)}.-lh\:xs{line-height:var(--lh--xs)}.-lh\:s{line-height:var(--lh--s)}.-lh\:l{line-height:var(--lh--l)}.-lh\:xl{line-height:var(--lh--xl)}.-lh\:1{line-height:1}.-lts\:base{letter-spacing:var(--lts--base)}.-lts\:s{letter-spacing:var(--lts--s)}.-lts\:l{letter-spacing:var(--lts--l)}.-lts\:xl{letter-spacing:var(--lts--xl)}.-ta\:l{text-align:left}.-ta\:r{text-align:right}.-ta\:c{text-align:center}.-td\:n{text-decoration:none}.-td\:u{text-decoration:underline}.-d\:{display:var(--d)}.-d\:n{display:none}.-d\:b{display:block}.-d\:f{display:flex}.-d\:g{display:grid}.-d\:i{display:inline}.-d\:if{display:inline-flex}.-d\:ig{display:inline-grid}.-d\:ib{display:inline-block}.-v\:h{visibility:hidden}.-v\:v{visibility:visible}.-ov\:h{overflow:hidden}.-ov\:a{overflow:auto}.-ov\:c{overflow:clip}.-ov\:s{overflow:scroll}.-ovx\:h{overflow-x:hidden}.-ovx\:a{overflow-x:auto}.-ovx\:c{overflow-x:clip}.-ovx\:s{overflow-x:scroll}.-ovy\:h{overflow-y:hidden}.-ovy\:a{overflow-y:auto}.-ovy\:c{overflow-y:clip}.-ovy\:s{overflow-y:scroll}.-ar\:{aspect-ratio:var(--ar)}.-ar\:16\/9{aspect-ratio:16/9}.-ar\:3\/2{aspect-ratio:3/2}.-ar\:1\/1{aspect-ratio:1/1}.-ar\:ogp{aspect-ratio:1.91/1}.-ar\:gold{aspect-ratio:16.18/10}.-op\:0{opacity:0}.-op\:low{opacity:var(--op--low)}.-op\:mid{opacity:var(--op--mid)}.-op\:high{opacity:var(--op--high)}[class*="-bdrs:"]{border-radius:var(--bdrs)}.-bdrs\:0{--bdrs:0}.-bdrs\:1{--bdrs:var(--bdrs--1)}.-bdrs\:2{--bdrs:var(--bdrs--2)}.-bdrs\:3{--bdrs:var(--bdrs--3)}.-bdrs\:4{--bdrs:var(--bdrs--4)}.-bdrs\:5{--bdrs:var(--bdrs--5)}.-bdrs\:99{--bdrs:var(--bdrs--99)}.-bdrs\:inner{border-radius:calc(var(--bdrs, 0) - var(--p, 0)*.9)}[class*="-bxsh:"]{box-shadow:var(--bxsh)}.-bxsh\:0{--bxsh:0}.-bxsh\:1{--bxsh:var(--bxsh--1)}.-bxsh\:2{--bxsh:var(--bxsh--2)}.-bxsh\:3{--bxsh:var(--bxsh--3)}.-bxsh\:4{--bxsh:var(--bxsh--4)}.-bxsh\:5{--bxsh:var(--bxsh--5)}.-bxsh\:-1{--bxsh:var(--bxsh--i1)}.-bxsh\:-2{--bxsh:var(--bxsh--i2)}[class*="-p:"]{padding:var(--p)}.-p\:0{--p:0}.-p\:5{--p:var(--s5)}.-p\:10{--p:var(--s10)}.-p\:15{--p:var(--s15)}.-p\:20{--p:var(--s20)}.-p\:30{--p:var(--s30)}.-p\:40{--p:var(--s40)}.-p\:50{--p:var(--s50)}[class*="-px:"]{padding-inline:var(--px)}.-px\:0{--px:0}.-px\:5{--px:var(--s5)}.-px\:10{--px:var(--s10)}.-px\:15{--px:var(--s15)}.-px\:20{--px:var(--s20)}.-px\:30{--px:var(--s30)}.-px\:40{--px:var(--s40)}.-px\:50{--px:var(--s50)}[class*="-py:"]{padding-block:var(--py)}.-py\:0{--py:0}.-py\:5{--py:var(--s5)}.-py\:10{--py:var(--s10)}.-py\:15{--py:var(--s15)}.-py\:20{--py:var(--s20)}.-py\:30{--py:var(--s30)}.-py\:40{--py:var(--s40)}.-py\:50{--py:var(--s50)}.-pt\:{padding-top:var(--pt)}.-pr\:{padding-right:var(--pr)}.-pb\:{padding-bottom:var(--pb)}.-pl\:{padding-left:var(--pl)}[class*="-pis:"]{padding-inline-start:var(--pis)}.-pis\:0{--pis:0}.-pis\:5{--pis:var(--s5)}.-pis\:10{--pis:var(--s10)}.-pis\:15{--pis:var(--s15)}.-pis\:20{--pis:var(--s20)}.-pis\:30{--pis:var(--s30)}.-pis\:40{--pis:var(--s40)}.-pis\:50{--pis:var(--s50)}[class*="-pbs:"]{padding-block-start:var(--pbs)}.-pbs\:0{--pbs:0}.-pbs\:5{--pbs:var(--s5)}.-pbs\:10{--pbs:var(--s10)}.-pbs\:15{--pbs:var(--s15)}.-pbs\:20{--pbs:var(--s20)}.-pbs\:30{--pbs:var(--s30)}.-pbs\:40{--pbs:var(--s40)}.-pbs\:50{--pbs:var(--s50)}[class*="-m:"]{margin:var(--m)}.-m\:a{--m:auto}.-m\:0{--m:0}.-m\:5{--m:var(--s5)}.-m\:10{--m:var(--s10)}.-m\:15{--m:var(--s15)}.-m\:20{--m:var(--s20)}.-m\:30{--m:var(--s30)}.-m\:40{--m:var(--s40)}.-m\:50{--m:var(--s50)}.-mx\:{margin-inline:var(--mx)}.-mx\:a{margin-inline:auto}.-my\:{margin-block:var(--my)}.-my\:a{margin-block:auto}.-mt\:{margin-top:var(--mt)}.-mt\:a{margin-top:auto}.-mr\:{margin-right:var(--mr)}.-mr\:a{margin-right:auto}.-mb\:{margin-bottom:var(--mb)}.-mb\:a{margin-bottom:auto}.-ml\:{margin-left:var(--ml)}.-ml\:a{margin-left:auto}[class*="-mis:"]{margin-inline-start:var(--mis)}.-mis\:a{--mis:auto}.-mis\:0{--mis:0}.-mis\:5{--mis:var(--s5)}.-mis\:10{--mis:var(--s10)}.-mis\:15{--mis:var(--s15)}.-mis\:20{--mis:var(--s20)}.-mis\:30{--mis:var(--s30)}.-mis\:40{--mis:var(--s40)}.-mis\:50{--mis:var(--s50)}[class*="-mbs:"]{margin-block-start:var(--mbs)}.-mbs\:a{--mbs:auto}.-mbs\:0{--mbs:0}.-mbs\:5{--mbs:var(--s5)}.-mbs\:10{--mbs:var(--s10)}.-mbs\:15{--mbs:var(--s15)}.-mbs\:20{--mbs:var(--s20)}.-mbs\:30{--mbs:var(--s30)}.-mbs\:40{--mbs:var(--s40)}.-mbs\:50{--mbs:var(--s50)}[class*="-g:"]{gap:var(--g)}.-g\:0{--g:0}.-g\:5{--g:var(--s5)}.-g\:10{--g:var(--s10)}.-g\:15{--g:var(--s15)}.-g\:20{--g:var(--s20)}.-g\:30{--g:var(--s30)}.-g\:40{--g:var(--s40)}.-g\:50{--g:var(--s50)}.-g\:inherit{gap:inherit}.-colg\:{-moz-column-gap:var(--colg);column-gap:var(--colg)}.-rowg\:{row-gap:var(--rowg)}.-pos\:r{position:relative}.-pos\:a{position:absolute}.-pos\:s{position:static}.-pos\:f{position:fixed}.-pos\:sti{position:sticky}.-inset\:0{inset:0}.-l\:0{left:0}.-l\:50\%{left:50%}.-l\:100\%{left:100%}.-t\:0{top:0}.-t\:50\%{top:50%}.-t\:100\%{top:100%}.-r\:0{right:0}.-r\:50\%{right:50%}.-r\:100\%{right:100%}.-b\:0{bottom:0}.-b\:50\%{bottom:50%}.-b\:100\%{bottom:100%}.-z\:99{z-index:99}.-z\:2{z-index:2}.-z\:1{z-index:1}.-z\:0{z-index:0}.-z\:-1{z-index:-1}.-ord\:1{order:1}.-ord\:0{order:0}.-ord\:-1{order:-1}.-fxw\:{flex-wrap:var(--fxw)}.-fxw\:w{flex-wrap:wrap}.-fxw\:nw{flex-wrap:nowrap}.-fxd\:{flex-direction:var(--fxd)}.-fxd\:c{flex-direction:column}.-fxd\:cr{flex-direction:column-reverse}.-fxd\:r{flex-direction:row}.-fxd\:rr{flex-direction:row-reverse}.-fx\:{flex:var(--fx)}.-fx\:1{flex:1}.-fxsh\:0{flex-shrink:0}.-fxg\:1{flex-grow:1}.-fxb\:{flex-basis:var(--fxb)}.-gd\:{grid:var(--gd)}.-gta\:{grid-template-areas:var(--gta)}.-gtc\:{grid-template-columns:var(--gtc)}.-gtr\:{grid-template-rows:var(--gtr)}.-gaf\:{grid-auto-flow:var(--gaf)}.-gaf\:r{grid-auto-flow:row}.-gaf\:c{grid-auto-flow:column}.-gac\:{grid-auto-columns:var(--gac)}.-gar\:{grid-auto-rows:var(--gar)}.-ga\:{grid-area:var(--ga)}.-gr\:{grid-row:var(--gr)}.-gc\:{grid-column:var(--gc)}.-ai\:{align-items:var(--ai)}.-ai\:c{align-items:center}.-ai\:s{align-items:start}.-ai\:e{align-items:end}.-ai\:fs{align-items:flex-start}.-ai\:fe{align-items:flex-end}.-ai\:str{align-items:stretch}.-ac\:{align-content:var(--ac)}.-ac\:c{align-content:center}.-ac\:s{align-content:start}.-ac\:e{align-content:end}.-ac\:fs{align-content:flex-start}.-ac\:fe{align-content:flex-end}.-ac\:sb{align-content:space-between}.-ji\:{justify-items:var(--ji)}.-ji\:c{justify-items:center}.-ji\:s{justify-items:start}.-ji\:e{justify-items:end}.-ji\:fs{justify-items:flex-start}.-ji\:fe{justify-items:flex-end}.-ji\:str{justify-items:stretch}.-jc\:{justify-content:var(--jc)}.-jc\:c{justify-content:center}.-jc\:s{justify-content:start}.-jc\:e{justify-content:end}.-jc\:fs{justify-content:flex-start}.-jc\:fe{justify-content:flex-end}.-jc\:sb{justify-content:space-between}.-aslf\:c{align-self:center}.-aslf\:s{align-self:start}.-aslf\:e{align-self:end}.-aslf\:str{align-self:stretch}.-jslf\:c{justify-self:center}.-jslf\:s{justify-self:start}.-jslf\:e{justify-self:end}.-jslf\:str{justify-self:stretch}.-trslt\:-50X{translate:-50% 0}.-trslt\:-50Y{translate:0 -50%}.-trslt\:-50XY{translate:-50% -50%}.-scale\:-X{scale:-1 1}.-scale\:-Y{scale:1 -1}.-scale\:-XY{scale:-1 -1}.-rotate\:45{rotate:45deg}.-rotate\:-45{rotate:-45deg}.-rotate\:90{rotate:90deg}.-rotate\:-90{rotate:-90deg}.-rotate\:180{rotate:180deg}.-whs\:nw{white-space:nowrap}.-ovw\:any{overflow-wrap:anywhere}.-obf\:cn{-o-object-fit:contain;object-fit:contain}.-obf\:cv{-o-object-fit:cover;object-fit:cover}.-wm\:v-rl{writing-mode:vertical-rl}.-bxz\:cb{box-sizing:content-box}@container (min-width: 480px){.-w\@sm{width:var(--sm-w)}.-h\@sm{height:var(--sm-h)}.-maxW\@sm{max-width:var(--sm-maxW)}.-minW\@sm{min-width:var(--sm-minW)}.-maxH\@sm{max-height:var(--sm-maxH)}.-minH\@sm{min-height:var(--sm-minH)}.-bg\@sm{background:var(--sm-bg)}.-bdw\@sm{--bdw:var(--sm-bdw)!important}.-fz\@sm{font-size:var(--sm-fz)}.-d\@sm{display:var(--sm-d)}.-ar\@sm{aspect-ratio:var(--sm-ar)}.-bdrs\@sm{border-radius:var(--sm-bdrs)}.-p\@sm{padding:var(--sm-p)}.-px\@sm{padding-inline:var(--sm-px)}.-py\@sm{padding-block:var(--sm-py)}.-pt\@sm{padding-top:var(--sm-pt)}.-pr\@sm{padding-right:var(--sm-pr)}.-pb\@sm{padding-bottom:var(--sm-pb)}.-pl\@sm{padding-left:var(--sm-pl)}.-pis\@sm{padding-inline-start:var(--sm-pis)}.-pbs\@sm{padding-block-start:var(--sm-pbs)}.-m\@sm{margin:var(--sm-m)}.-mx\@sm{margin-inline:var(--sm-mx)}.-my\@sm{margin-block:var(--sm-my)}.-mt\@sm{margin-top:var(--sm-mt)}.-mr\@sm{margin-right:var(--sm-mr)}.-mb\@sm{margin-bottom:var(--sm-mb)}.-ml\@sm{margin-left:var(--sm-ml)}.-mis\@sm{margin-inline-start:var(--sm-mis)}.-mbs\@sm{margin-block-start:var(--sm-mbs)}.-g\@sm{gap:var(--sm-g)}.-colg\@sm{-moz-column-gap:var(--sm-colg);column-gap:var(--sm-colg)}.-rowg\@sm{row-gap:var(--sm-rowg)}.-fxw\@sm{flex-wrap:var(--sm-fxw)}.-fxd\@sm{flex-direction:var(--sm-fxd)}.-fx\@sm{flex:var(--sm-fx)}.-fxb\@sm{flex-basis:var(--sm-fxb)}.-gd\@sm{grid:var(--sm-gd)}.-gta\@sm{grid-template-areas:var(--sm-gta)}.-gtc\@sm{grid-template-columns:var(--sm-gtc)}.-gtr\@sm{grid-template-rows:var(--sm-gtr)}.-gaf\@sm{grid-auto-flow:var(--sm-gaf)}.-gac\@sm{grid-auto-columns:var(--sm-gac)}.-gar\@sm{grid-auto-rows:var(--sm-gar)}.-ga\@sm{grid-area:var(--sm-ga)}.-gr\@sm{grid-row:var(--sm-gr)}.-gc\@sm{grid-column:var(--sm-gc)}.-ai\@sm{align-items:var(--sm-ai)}.-ac\@sm{align-content:var(--sm-ac)}.-ji\@sm{justify-items:var(--sm-ji)}.-jc\@sm{justify-content:var(--sm-jc)}.-cols\@sm{--cols:var(--sm-cols)!important}.-rows\@sm{--rows:var(--sm-rows)!important}}@container (min-width: 720px){.-w\@md{width:var(--md-w)}.-h\@md{height:var(--md-h)}.-maxW\@md{max-width:var(--md-maxW)}.-minW\@md{min-width:var(--md-minW)}.-maxH\@md{max-height:var(--md-maxH)}.-minH\@md{min-height:var(--md-minH)}.-bg\@md{background:var(--md-bg)}.-bdw\@md{--bdw:var(--md-bdw)!important}.-fz\@md{font-size:var(--md-fz)}.-d\@md{display:var(--md-d)}.-ar\@md{aspect-ratio:var(--md-ar)}.-bdrs\@md{border-radius:var(--md-bdrs)}.-p\@md{padding:var(--md-p)}.-px\@md{padding-inline:var(--md-px)}.-py\@md{padding-block:var(--md-py)}.-pt\@md{padding-top:var(--md-pt)}.-pr\@md{padding-right:var(--md-pr)}.-pb\@md{padding-bottom:var(--md-pb)}.-pl\@md{padding-left:var(--md-pl)}.-pis\@md{padding-inline-start:var(--md-pis)}.-pbs\@md{padding-block-start:var(--md-pbs)}.-m\@md{margin:var(--md-m)}.-mx\@md{margin-inline:var(--md-mx)}.-my\@md{margin-block:var(--md-my)}.-mt\@md{margin-top:var(--md-mt)}.-mr\@md{margin-right:var(--md-mr)}.-mb\@md{margin-bottom:var(--md-mb)}.-ml\@md{margin-left:var(--md-ml)}.-mis\@md{margin-inline-start:var(--md-mis)}.-mbs\@md{margin-block-start:var(--md-mbs)}.-g\@md{gap:var(--md-g)}.-colg\@md{-moz-column-gap:var(--md-colg);column-gap:var(--md-colg)}.-rowg\@md{row-gap:var(--md-rowg)}.-fxw\@md{flex-wrap:var(--md-fxw)}.-fxd\@md{flex-direction:var(--md-fxd)}.-fx\@md{flex:var(--md-fx)}.-fxb\@md{flex-basis:var(--md-fxb)}.-gd\@md{grid:var(--md-gd)}.-gta\@md{grid-template-areas:var(--md-gta)}.-gtc\@md{grid-template-columns:var(--md-gtc)}.-gtr\@md{grid-template-rows:var(--md-gtr)}.-gaf\@md{grid-auto-flow:var(--md-gaf)}.-gac\@md{grid-auto-columns:var(--md-gac)}.-gar\@md{grid-auto-rows:var(--md-gar)}.-ga\@md{grid-area:var(--md-ga)}.-gr\@md{grid-row:var(--md-gr)}.-gc\@md{grid-column:var(--md-gc)}.-ai\@md{align-items:var(--md-ai)}.-ac\@md{align-content:var(--md-ac)}.-ji\@md{justify-items:var(--md-ji)}.-jc\@md{justify-content:var(--md-jc)}.-cols\@md{--cols:var(--md-cols)!important}.-rows\@md{--rows:var(--md-rows)!important}}@container (min-width: 960px){.-w\@lg{width:var(--lg-w)}.-h\@lg{height:var(--lg-h)}.-maxW\@lg{max-width:var(--lg-maxW)}.-minW\@lg{min-width:var(--lg-minW)}.-maxH\@lg{max-height:var(--lg-maxH)}.-minH\@lg{min-height:var(--lg-minH)}.-bg\@lg{background:var(--lg-bg)}.-bdw\@lg{--bdw:var(--lg-bdw)!important}.-fz\@lg{font-size:var(--lg-fz)}.-d\@lg{display:var(--lg-d)}.-ar\@lg{aspect-ratio:var(--lg-ar)}.-bdrs\@lg{border-radius:var(--lg-bdrs)}.-p\@lg{padding:var(--lg-p)}.-px\@lg{padding-inline:var(--lg-px)}.-py\@lg{padding-block:var(--lg-py)}.-pt\@lg{padding-top:var(--lg-pt)}.-pr\@lg{padding-right:var(--lg-pr)}.-pb\@lg{padding-bottom:var(--lg-pb)}.-pl\@lg{padding-left:var(--lg-pl)}.-pis\@lg{padding-inline-start:var(--lg-pis)}.-pbs\@lg{padding-block-start:var(--lg-pbs)}.-m\@lg{margin:var(--lg-m)}.-mx\@lg{margin-inline:var(--lg-mx)}.-my\@lg{margin-block:var(--lg-my)}.-mt\@lg{margin-top:var(--lg-mt)}.-mr\@lg{margin-right:var(--lg-mr)}.-mb\@lg{margin-bottom:var(--lg-mb)}.-ml\@lg{margin-left:var(--lg-ml)}.-mis\@lg{margin-inline-start:var(--lg-mis)}.-mbs\@lg{margin-block-start:var(--lg-mbs)}.-g\@lg{gap:var(--lg-g)}.-colg\@lg{-moz-column-gap:var(--lg-colg);column-gap:var(--lg-colg)}.-rowg\@lg{row-gap:var(--lg-rowg)}.-fxw\@lg{flex-wrap:var(--lg-fxw)}.-fxd\@lg{flex-direction:var(--lg-fxd)}.-fx\@lg{flex:var(--lg-fx)}.-fxb\@lg{flex-basis:var(--lg-fxb)}.-gd\@lg{grid:var(--lg-gd)}.-gta\@lg{grid-template-areas:var(--lg-gta)}.-gtc\@lg{grid-template-columns:var(--lg-gtc)}.-gtr\@lg{grid-template-rows:var(--lg-gtr)}.-gaf\@lg{grid-auto-flow:var(--lg-gaf)}.-gac\@lg{grid-auto-columns:var(--lg-gac)}.-gar\@lg{grid-auto-rows:var(--lg-gar)}.-ga\@lg{grid-area:var(--lg-ga)}.-gr\@lg{grid-row:var(--lg-gr)}.-gc\@lg{grid-column:var(--lg-gc)}.-ai\@lg{align-items:var(--lg-ai)}.-ac\@lg{align-content:var(--lg-ac)}.-ji\@lg{justify-items:var(--lg-ji)}.-jc\@lg{justify-content:var(--lg-jc)}.-cols\@lg{--cols:var(--lg-cols)!important}.-rows\@lg{--rows:var(--lg-rows)!important}}@media (any-hover:hover){.-hov\:fade:hover{opacity:.65}.-hov\:c\::hover{color:var(--hov-c)!important}.-hov\:bdc\::hover{border-color:var(--hov-bdc)!important}.-hov\:bgc\::hover{background-color:var(--hov-bgc)!important}.-hov\:bxsh\::hover{box-shadow:var(--hov-bxsh)}.-hov\:set:hover{--_notHov: }.-hov\:set:not(:hover){--_isHov: }}@media (any-hover:none){.-hov\:set{--_isHov: }}.-hov\:get\:hide{opacity:var(--_isHov,0)}.-hov\:get\:show{opacity:var(--_notHov,0);visibility:var(--_notHov,hidden)}