@ilo-org/react 0.20.0 → 0.21.0

package/lib/esm/_store/{components-entry-C4N0L4xP.js → components-entry-COAKlxYx.js}

@@ -7,12 +7,12 @@ import { L as C } from "./Loading-chunk-BIJLAqk6.js";
 import { L as n } from "./Radio-chunk-DDMoE7Le.js";
 import { T } from "./Tag-chunk-DRiFjL6-.js";
 import { B as F } from "./Button-chunk-BlSnS8yQ.js";
-import { C as u } from "./ContextMenu-chunk-Zy9igFLz.js";
+import { C as u } from "./ContextMenu-chunk-D-riZIFp.js";
 import { F as b } from "./Fieldset-chunk-udvv8dML.js";
 import { G as H } from "./GlobalProvider-chunk-nVdEz2_E.js";
-import { N } from "./Notification-chunk-BYrbd5f9.js";
-import { R as B } from "./ReadMore-chunk-DoptEIE4.js";
-import { L as M } from "./Textarea-chunk-ClZt7jmS.js";
+import { N as D } from "./Notification-chunk-BYrbd5f9.js";
+import { R } from "./ReadMore-chunk-DoptEIE4.js";
+import { L as I } from "./Textarea-chunk-ClZt7jmS.js";
 import { C as h } from "./Callout-chunk-C7nmBZcD.js";
 import { C as G } from "./Credit-chunk-BjaAFul8.js";
 import { L as V } from "./FileUpload-chunk-Cdl4F5zH.js";
@@ -23,7 +23,7 @@ import { R as z } from "./RichText-chunk-BOMiyuNR.js";
 import { T as K } from "./Tooltip-chunk-EJOnwIYn.js";
 import { L as W } from "./Checkbox-chunk-CdjFGjiG.js";
 import { L as Y } from "./DatePicker-chunk-BoTriI-e.js";
-import { H as _ } from "./Hero-chunk-CZ6kSiY-.js";
+import { H as _ } from "./Hero-chunk-C1gFHcIP.js";
 import { H as oo } from "./HeroCard-chunk-3mxIZYwU.js";
 import { L as ao } from "./LinkList-chunk-BM5BTk9m.js";
 import { P as to } from "./Pagination-chunk-Ci7qN6no.js";
@@ -35,29 +35,29 @@ import { List as lo } from "./List-entry-XHat7PmC.js";
 import { P as co } from "./Profile-chunk-Tpvzafuk.js";
 import { T as go } from "./TableOfContents-chunk-BXnS8D2s.js";
 import { F as Po } from "./Footer-chunk-mcaEIXdt.js";
-import { LocalNav as ko } from "./LocalNav-entry-DydB3k67.js";
-import { Navigation as Do } from "./Navigation-entry-BLC2KoMs.js";
-import { C as Ro, b as Bo, D as Io, a as Mo, F as So, M as ho, P as vo, S as Go, T as Eo } from "./CardGroup-chunk-DCTJOxvx.js";
-import { B as wo } from "./Breadcrumb-chunk-DcsXzPvT.js";
-import { T as Ao } from "./Tabs-chunk-C6iAood1.js";
-import { L as Uo } from "./LanguageToggle-chunk-BxzhPBjU.js";
+import { Navigation as ko } from "./Navigation-entry-BLC2KoMs.js";
+import { C as So, b as Do, D as No, a as Ro, F as Bo, M as Io, P as Mo, S as ho, T as vo } from "./CardGroup-chunk-BykGdrCT.js";
+import { B as Eo } from "./Breadcrumb-chunk-DcupgWDR.js";
+import { T as wo } from "./Tabs-chunk-C6iAood1.js";
+import { L as Ao } from "./LanguageToggle-chunk-CsayoJqR.js";
+import { S as Uo } from "./SubsiteNav-chunk-C97AqH9F.js";
 export {
   a as Accordion,
-  wo as Breadcrumb,
+  Eo as Breadcrumb,
   F as Button,
   h as Callout,
-  Ro as CardGroup,
+  So as CardGroup,
   W as Checkbox,
   m as Collapse,
   u as ContextMenu,
   G as Credit,
-  Bo as DataCard,
+  Do as DataCard,
   Y as DatePicker,
-  Io as DetailCard,
+  No as DetailCard,
   io as Dropdown,
   x as Empty,
-  Mo as FactListCard,
-  So as FeatureCard,
+  Ro as FactListCard,
+  Bo as FeatureCard,
   b as Fieldset,
   V as FileUpload,
   Po as Footer,
@@ -68,29 +68,29 @@ export {
   oo as HeroCard,
   Lo as Icon,
   i as Image,
-  Uo as LanguageToggle,
+  Ao as LanguageToggle,
   O as Link,
   ao as LinkList,
   lo as List,
   C as Loading,
-  ko as LocalNav,
-  ho as MultiLinkCard,
-  Do as Navigation,
-  N as Notification,
+  Io as MultiLinkCard,
+  ko as Navigation,
+  D as Notification,
   j as NumberPicker,
   to as Pagination,
   co as Profile,
-  vo as PromoCard,
+  Mo as PromoCard,
   n as Radio,
-  B as ReadMore,
+  R as ReadMore,
   z as RichText,
   mo as SearchField,
-  Go as StatCard,
+  ho as StatCard,
+  Uo as SubsiteNav,
   go as TableOfContents,
-  Ao as Tabs,
+  wo as Tabs,
   T as Tag,
-  Eo as TextCard,
-  M as Textarea,
+  vo as TextCard,
+  I as Textarea,
   K as Tooltip,
   xo as Video
 };

package/lib/esm/_store/index.js

@@ -1,6 +1,8 @@
-import { u as s } from "./useGlobalSettings-chunk-gkijV3S1.js";
+import { u as r } from "./useGlobalSettings-chunk-gkijV3S1.js";
 import { u } from "./usePrevious-chunk-BtJVllKj.js";
+import { u as a } from "./useBreakpoint-chunk-DBZTYUx9.js";
 export {
-  s as useGlobalSettings,
+  a as useBreakpoint,
+  r as useGlobalSettings,
   u as usePrevious
 };

package/lib/esm/_store/useBreakpoint-chunk-DBZTYUx9.js

@@ -0,0 +1,54 @@
+import { useMemo as x, useCallback as m, useSyncExternalStore as p, useDebugValue as f } from "react";
+const y = (n) => {
+  const s = Object.keys(n).sort((t, u) => n[u] - n[t]);
+  return s.map((t, u) => {
+    let i = "";
+    const d = n[t], a = s[u - 1], e = a ? n[a] : null;
+    return d >= 0 && (i = `(min-width: ${d}px)`), e !== null && (i && (i += " and "), i += `(max-width: ${e - 1}px)`), {
+      breakpoint: t,
+      maxWidth: e ? e - 1 : null,
+      minWidth: d,
+      query: i
+    };
+  });
+}, h = {
+  breakpoint: null,
+  minWidth: null,
+  maxWidth: null,
+  query: null
+}, g = (n, s) => {
+  const t = x(() => y(n), [n]), u = m((e) => {
+    const r = [];
+    return t.forEach(({ query: c }) => {
+      const o = window.matchMedia(c), l = "addEventListener" in o && "removeEventListener" in o;
+      l ? o.addEventListener("change", e) : o.addListener(e), r.push(l ? () => o.removeEventListener("change", e) : () => o.removeListener(e));
+    }), () => r.forEach((c) => c());
+  }, [t]), i = m(() => {
+    const e = t.find((r) => window.matchMedia(r.query).matches);
+    if (e)
+      return e;
+    if (s) {
+      const r = t.find((c) => c.breakpoint === s);
+      if (r)
+        return r;
+    }
+    return h;
+  }, [s, t]), d = m(() => t.find((r) => r.breakpoint === s) ?? h, [s, t]), a = p(u, i, d);
+  return f(a, (e) => typeof e.breakpoint == "string" ? `${e.breakpoint} (${e.minWidth} ≤ x${e.maxWidth ? ` < ${e.maxWidth + 1}` : ""})` : ""), a;
+}, E = window.getComputedStyle(document.body), v = ["xs", "sm", "md", "lg", "xl", "xxl"], w = v.reduce(
+  (n, s) => {
+    const t = parseInt(E.getPropertyValue(`--ilo-breakpoint-${s}`));
+    return t && (n[s] = t), n;
+  },
+  {
+    xs: 320,
+    sm: 414,
+    md: 610,
+    lg: 1024,
+    xl: 1140,
+    xxl: 1440
+  }
+), M = g.bind(null, w), W = M;
+export {
+  W as u
+};

package/lib/esm/index.js

@@ -1,18 +1,18 @@
 import { Accordion as a } from "./_store/Accordion-entry-B-0bgUhR.js";
 import { F as t } from "./_store/Form-chunk-1a4awKWi.js";
-import { C as m } from "./_store/Collapse-chunk-CyOyOA2s.js";
+import { C as p } from "./_store/Collapse-chunk-CyOyOA2s.js";
 import { E as x } from "./_store/Empty-chunk-UEm5zVbe.js";
 import { I as i } from "./_store/Image-chunk-DGh-6cxv.js";
 import { L as C } from "./_store/Loading-chunk-BIJLAqk6.js";
-import { L as l } from "./_store/Radio-chunk-DDMoE7Le.js";
+import { L } from "./_store/Radio-chunk-DDMoE7Le.js";
 import { T as u } from "./_store/Tag-chunk-DRiFjL6-.js";
 import { B as c } from "./_store/Button-chunk-BlSnS8yQ.js";
-import { C as F } from "./_store/ContextMenu-chunk-Zy9igFLz.js";
+import { C as F } from "./_store/ContextMenu-chunk-D-riZIFp.js";
 import { F as b } from "./_store/Fieldset-chunk-udvv8dML.js";
-import { G as H } from "./_store/GlobalProvider-chunk-nVdEz2_E.js";
-import { N } from "./_store/Notification-chunk-BYrbd5f9.js";
-import { R as S } from "./_store/ReadMore-chunk-DoptEIE4.js";
-import { L as B } from "./_store/Textarea-chunk-ClZt7jmS.js";
+import { G as S } from "./_store/GlobalProvider-chunk-nVdEz2_E.js";
+import { N as B } from "./_store/Notification-chunk-BYrbd5f9.js";
+import { R as N } from "./_store/ReadMore-chunk-DoptEIE4.js";
+import { L as v } from "./_store/Textarea-chunk-ClZt7jmS.js";
 import { C as I } from "./_store/Callout-chunk-C7nmBZcD.js";
 import { C as h } from "./_store/Credit-chunk-BjaAFul8.js";
 import { L as V } from "./_store/FileUpload-chunk-Cdl4F5zH.js";
@@ -23,78 +23,80 @@ import { R as z } from "./_store/RichText-chunk-BOMiyuNR.js";
 import { T as K } from "./_store/Tooltip-chunk-EJOnwIYn.js";
 import { L as W } from "./_store/Checkbox-chunk-CdjFGjiG.js";
 import { L as Y } from "./_store/DatePicker-chunk-BoTriI-e.js";
-import { H as _ } from "./_store/Hero-chunk-CZ6kSiY-.js";
+import { H as _ } from "./_store/Hero-chunk-C1gFHcIP.js";
 import { H as oo } from "./_store/HeroCard-chunk-3mxIZYwU.js";
 import { L as ao } from "./_store/LinkList-chunk-BM5BTk9m.js";
 import { P as to } from "./_store/Pagination-chunk-Ci7qN6no.js";
-import { S as mo } from "./_store/SearchField-chunk-D-S-SV-o.js";
+import { S as po } from "./_store/SearchField-chunk-D-S-SV-o.js";
 import { V as xo } from "./_store/Video-chunk-DAqwWSGg.js";
 import { L as io } from "./_store/Dropdown-chunk-DxXjnNBq.js";
-import { I as Lo } from "./_store/Icon-chunk-BE5t6PqR.js";
-import { List as no } from "./_store/List-entry-XHat7PmC.js";
+import { I as no } from "./_store/Icon-chunk-BE5t6PqR.js";
+import { List as lo } from "./_store/List-entry-XHat7PmC.js";
 import { P as To } from "./_store/Profile-chunk-Tpvzafuk.js";
 import { T as go } from "./_store/TableOfContents-chunk-BXnS8D2s.js";
 import { F as Po } from "./_store/Footer-chunk-mcaEIXdt.js";
-import { LocalNav as ko } from "./_store/LocalNav-entry-DydB3k67.js";
-import { Navigation as Do } from "./_store/Navigation-entry-BLC2KoMs.js";
-import { C as Ro, b as So, D as vo, a as Bo, F as Go, M as Io, P as Mo, S as ho, T as Eo } from "./_store/CardGroup-chunk-DCTJOxvx.js";
-import { B as wo } from "./_store/Breadcrumb-chunk-DcsXzPvT.js";
-import { T as Ao } from "./_store/Tabs-chunk-C6iAood1.js";
-import { L as Uo } from "./_store/LanguageToggle-chunk-BxzhPBjU.js";
+import { Navigation as ko } from "./_store/Navigation-entry-BLC2KoMs.js";
+import { C as Ho, b as Bo, D as Do, a as No, F as Ro, M as vo, P as Go, S as Io, T as Mo } from "./_store/CardGroup-chunk-BykGdrCT.js";
+import { B as Eo } from "./_store/Breadcrumb-chunk-DcupgWDR.js";
+import { T as wo } from "./_store/Tabs-chunk-C6iAood1.js";
+import { L as Ao } from "./_store/LanguageToggle-chunk-CsayoJqR.js";
+import { S as Uo } from "./_store/SubsiteNav-chunk-C97AqH9F.js";
 import { u as qo } from "./_store/useGlobalSettings-chunk-gkijV3S1.js";
 import { u as Jo } from "./_store/usePrevious-chunk-BtJVllKj.js";
+import { u as Qo } from "./_store/useBreakpoint-chunk-DBZTYUx9.js";
 export {
   a as Accordion,
-  wo as Breadcrumb,
+  Eo as Breadcrumb,
   c as Button,
   I as Callout,
-  Ro as CardGroup,
+  Ho as CardGroup,
   W as Checkbox,
-  m as Collapse,
+  p as Collapse,
   F as ContextMenu,
   h as Credit,
-  So as DataCard,
+  Bo as DataCard,
   Y as DatePicker,
-  vo as DetailCard,
+  Do as DetailCard,
   io as Dropdown,
   x as Empty,
-  Bo as FactListCard,
-  Go as FeatureCard,
+  No as FactListCard,
+  Ro as FeatureCard,
   b as Fieldset,
   V as FileUpload,
   Po as Footer,
   t as Form,
-  H as GlobalProvider,
+  S as GlobalProvider,
   y as Heading,
   _ as Hero,
   oo as HeroCard,
-  Lo as Icon,
+  no as Icon,
   i as Image,
-  Uo as LanguageToggle,
+  Ao as LanguageToggle,
   O as Link,
   ao as LinkList,
-  no as List,
+  lo as List,
   C as Loading,
-  ko as LocalNav,
-  Io as MultiLinkCard,
-  Do as Navigation,
-  N as Notification,
+  vo as MultiLinkCard,
+  ko as Navigation,
+  B as Notification,
   j as NumberPicker,
   to as Pagination,
   To as Profile,
-  Mo as PromoCard,
-  l as Radio,
-  S as ReadMore,
+  Go as PromoCard,
+  L as Radio,
+  N as ReadMore,
   z as RichText,
-  mo as SearchField,
-  ho as StatCard,
+  po as SearchField,
+  Io as StatCard,
+  Uo as SubsiteNav,
   go as TableOfContents,
-  Ao as Tabs,
+  wo as Tabs,
   u as Tag,
-  Eo as TextCard,
-  B as Textarea,
+  Mo as TextCard,
+  v as Textarea,
   K as Tooltip,
   xo as Video,
+  Qo as useBreakpoint,
   qo as useGlobalSettings,
   Jo as usePrevious
 };

package/lib/styles/components/languagetoggle.css

@@ -1 +1 @@
-.ilo--language-toggle{--ilo--language-toggle-color:var(--ilo-color-white);--ilo--language-toggle-color-hover:var(--ilo-color-blue);--ilo--language-toggle-bg:transparent;--ilo--language-toggle-bg-hover:transparent}.ilo--language-toggle--dark{--ilo--language-toggle-color:var(--ilo-color-blue-dark);--ilo--language-toggle-color-hover:var(--ilo-color-white)}.ilo--language-toggle--open,.ilo--language-toggle:hover{--ilo--language-toggle-color:var(--ilo--language-toggle-color-hover);--ilo--language-toggle-bg:var(--ilo--language-toggle-bg-hover)}.ilo--language-toggle--container{all:unset;align-items:center;background-color:var(--ilo--language-toggle-bg);cursor:pointer;display:flex;gap:.2143622722rem;width:fit-content}.ilo--language-toggle--container:hover{background-color:var(--ilo--language-toggle-bg-hover)}.ilo--language-toggle--icon{mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M11.991 3C7.023 3 3 7.032 3 12s4.023 9 8.991 9C16.968 21 21 16.968 21 12s-4.032-9-9.009-9m6.237 5.4h-2.655a14 14 0 0 0-1.242-3.204A7.23 7.23 0 0 1 18.228 8.4M12 4.836A12.7 12.7 0 0 1 13.719 8.4h-3.438A12.7 12.7 0 0 1 12 4.836M5.034 13.8A7.4 7.4 0 0 1 4.8 12c0-.621.09-1.224.234-1.8h3.042A15 15 0 0 0 7.95 12c0 .612.054 1.206.126 1.8zm.738 1.8h2.655a14 14 0 0 0 1.242 3.204A7.2 7.2 0 0 1 5.772 15.6m2.655-7.2H5.772a7.2 7.2 0 0 1 3.897-3.204c-.54.999-.954 2.079-1.242 3.204M12 19.164a12.7 12.7 0 0 1-1.719-3.564h3.438A12.7 12.7 0 0 1 12 19.164m2.106-5.364H9.894A13 13 0 0 1 9.75 12c0-.612.063-1.215.144-1.8h4.212c.081.585.144 1.188.144 1.8s-.063 1.206-.144 1.8m.225 5.004c.54-.999.954-2.079 1.242-3.204h2.655a7.23 7.23 0 0 1-3.897 3.204m1.593-5.004c.072-.594.126-1.188.126-1.8s-.054-1.206-.126-1.8h3.042c.144.576.234 1.179.234 1.8s-.09 1.224-.234 1.8z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M11.991 3C7.023 3 3 7.032 3 12s4.023 9 8.991 9C16.968 21 21 16.968 21 12s-4.032-9-9.009-9m6.237 5.4h-2.655a14 14 0 0 0-1.242-3.204A7.23 7.23 0 0 1 18.228 8.4M12 4.836A12.7 12.7 0 0 1 13.719 8.4h-3.438A12.7 12.7 0 0 1 12 4.836M5.034 13.8A7.4 7.4 0 0 1 4.8 12c0-.621.09-1.224.234-1.8h3.042A15 15 0 0 0 7.95 12c0 .612.054 1.206.126 1.8zm.738 1.8h2.655a14 14 0 0 0 1.242 3.204A7.2 7.2 0 0 1 5.772 15.6m2.655-7.2H5.772a7.2 7.2 0 0 1 3.897-3.204c-.54.999-.954 2.079-1.242 3.204M12 19.164a12.7 12.7 0 0 1-1.719-3.564h3.438A12.7 12.7 0 0 1 12 19.164m2.106-5.364H9.894A13 13 0 0 1 9.75 12c0-.612.063-1.215.144-1.8h4.212c.081.585.144 1.188.144 1.8s-.063 1.206-.144 1.8m.225 5.004c.54-.999.954-2.079 1.242-3.204h2.655a7.23 7.23 0 0 1-3.897 3.204m1.593-5.004c.072-.594.126-1.188.126-1.8s-.054-1.206-.126-1.8h3.042c.144.576.234 1.179.234 1.8s-.09 1.224-.234 1.8z'/%3E%3C/svg%3E")}.ilo--language-toggle--arrow,.ilo--language-toggle--icon{background-color:var(--ilo--language-toggle-color);display:block;height:1.2861736334rem;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;width:1.2861736334rem}.ilo--language-toggle--arrow{mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M20.884 8.884 12 17.768 3.116 8.884l1.768-1.768L12 14.232l7.116-7.116z' clip-rule='evenodd'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M20.884 8.884 12 17.768 3.116 8.884l1.768-1.768L12 14.232l7.116-7.116z' clip-rule='evenodd'/%3E%3C/svg%3E")}.ilo--language-toggle--action{color:var(--ilo--language-toggle-color);font-size:.7502679528rem;font-weight:700;letter-spacing:-2%;line-height:135%}.ilo--language-toggle--context-menu{margin-top:calc(var(--ilo-spacing-base)*2);opacity:0;position:absolute;transform:translateY(-10px);transition:opacity .3s ease,visibility .3s ease,transform .3s ease;visibility:hidden}.ilo--language-toggle--context-menu__open{opacity:1;transform:translateY(0);visibility:visible}
+.ilo--language-toggle{--ilo--language-toggle-color:var(--ilo-color-white);--ilo--language-toggle-color-hover:var(--ilo-color-blue);--ilo--language-toggle-bg:transparent;--ilo--language-toggle-bg-hover:transparent;display:inline-block}.ilo--language-toggle__theme__dark{--ilo--language-toggle-color:var(--ilo-color-blue-dark);--ilo--language-toggle-color-hover:var(--ilo-color-white)}.ilo--language-toggle:hover,.ilo--language-toggle__open{--ilo--language-toggle-color:var(--ilo--language-toggle-color-hover);--ilo--language-toggle-bg:var(--ilo--language-toggle-bg-hover)}.ilo--language-toggle--container{align-items:center;appearance:none;background:0 0;background-color:var(--ilo--language-toggle-bg);border:none;box-shadow:none;color:inherit;cursor:pointer;display:flex;font:inherit;gap:.2143622722rem;margin:0;outline:0;padding:0;width:fit-content}.ilo--language-toggle--container:hover{background-color:var(--ilo--language-toggle-bg-hover)}.ilo--language-toggle--icon{mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M11.991 3C7.023 3 3 7.032 3 12s4.023 9 8.991 9C16.968 21 21 16.968 21 12s-4.032-9-9.009-9m6.237 5.4h-2.655a14 14 0 0 0-1.242-3.204A7.23 7.23 0 0 1 18.228 8.4M12 4.836A12.7 12.7 0 0 1 13.719 8.4h-3.438A12.7 12.7 0 0 1 12 4.836M5.034 13.8A7.4 7.4 0 0 1 4.8 12c0-.621.09-1.224.234-1.8h3.042A15 15 0 0 0 7.95 12c0 .612.054 1.206.126 1.8zm.738 1.8h2.655a14 14 0 0 0 1.242 3.204A7.2 7.2 0 0 1 5.772 15.6m2.655-7.2H5.772a7.2 7.2 0 0 1 3.897-3.204c-.54.999-.954 2.079-1.242 3.204M12 19.164a12.7 12.7 0 0 1-1.719-3.564h3.438A12.7 12.7 0 0 1 12 19.164m2.106-5.364H9.894A13 13 0 0 1 9.75 12c0-.612.063-1.215.144-1.8h4.212c.081.585.144 1.188.144 1.8s-.063 1.206-.144 1.8m.225 5.004c.54-.999.954-2.079 1.242-3.204h2.655a7.23 7.23 0 0 1-3.897 3.204m1.593-5.004c.072-.594.126-1.188.126-1.8s-.054-1.206-.126-1.8h3.042c.144.576.234 1.179.234 1.8s-.09 1.224-.234 1.8z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M11.991 3C7.023 3 3 7.032 3 12s4.023 9 8.991 9C16.968 21 21 16.968 21 12s-4.032-9-9.009-9m6.237 5.4h-2.655a14 14 0 0 0-1.242-3.204A7.23 7.23 0 0 1 18.228 8.4M12 4.836A12.7 12.7 0 0 1 13.719 8.4h-3.438A12.7 12.7 0 0 1 12 4.836M5.034 13.8A7.4 7.4 0 0 1 4.8 12c0-.621.09-1.224.234-1.8h3.042A15 15 0 0 0 7.95 12c0 .612.054 1.206.126 1.8zm.738 1.8h2.655a14 14 0 0 0 1.242 3.204A7.2 7.2 0 0 1 5.772 15.6m2.655-7.2H5.772a7.2 7.2 0 0 1 3.897-3.204c-.54.999-.954 2.079-1.242 3.204M12 19.164a12.7 12.7 0 0 1-1.719-3.564h3.438A12.7 12.7 0 0 1 12 19.164m2.106-5.364H9.894A13 13 0 0 1 9.75 12c0-.612.063-1.215.144-1.8h4.212c.081.585.144 1.188.144 1.8s-.063 1.206-.144 1.8m.225 5.004c.54-.999.954-2.079 1.242-3.204h2.655a7.23 7.23 0 0 1-3.897 3.204m1.593-5.004c.072-.594.126-1.188.126-1.8s-.054-1.206-.126-1.8h3.042c.144.576.234 1.179.234 1.8s-.09 1.224-.234 1.8z'/%3E%3C/svg%3E")}.ilo--language-toggle--arrow,.ilo--language-toggle--icon{background-color:var(--ilo--language-toggle-color);display:block;height:1.2861736334rem;margin-top:-3px;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;width:1.2861736334rem}.ilo--language-toggle--arrow{mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M20.884 8.884 12 17.768 3.116 8.884l1.768-1.768L12 14.232l7.116-7.116z' clip-rule='evenodd'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M20.884 8.884 12 17.768 3.116 8.884l1.768-1.768L12 14.232l7.116-7.116z' clip-rule='evenodd'/%3E%3C/svg%3E")}.ilo--language-toggle--action{color:var(--ilo--language-toggle-color);font-family:var(--ilo-fonts-display);font-size:.7502679528rem;font-weight:700;letter-spacing:-2%;line-height:135%}.ilo--language-toggle--context-menu{margin-top:calc(var(--ilo-spacing-base)*2);opacity:0;position:absolute;transform:translateY(-10px);transition:opacity .3s ease,visibility .3s ease,transform .3s ease;visibility:hidden;z-index:5}.ilo--language-toggle--context-menu__open{opacity:1;transform:translateY(0);visibility:visible}

package/lib/styles/components/video.css

@@ -1 +1 @@
-.ilo--video{width:100%}.ilo--video .video-js{height:auto}.ilo--video .vjs-loading-spinner{display:none}.ilo--video .vjs-tech{width:100%}.ilo--video--caption{border-left:.1607717042rem solid #b8c4cc;color:#6d6d6d;font-size:14.93px;font-weight:400;letter-spacing:-.02em;line-height:20.16px;margin-top:calc(var(--ilo-spacing-base)*4);padding-left:calc(var(--ilo-spacing-base)*2)}.ilo--video--element{height:auto;object-fit:cover;width:inherit}.ilo--video--wrapper{line-height:0;overflow:hidden;position:relative}.ilo--video button{padding:0}.ilo--video .vjs-control-text,.ilo--video .vjs-current-time,.ilo--video .vjs-custom-control-spacer,.ilo--video .vjs-remaining-time,.ilo--video .vjs-time-divider{display:none}.ilo--video:focus .vjs-control-bar,.ilo--video:focus-within .vjs-control-bar,.ilo--video:hover .vjs-control-bar{opacity:1;transition:opacity .15s ease-out}.ilo--video .vjs-youtube{padding-bottom:56.25%}.ilo--video--element:not(.vjs-has-started) .vjs-poster{background-size:cover;height:100%;left:0;object-fit:cover;overflow:hidden;position:absolute;top:0;width:100%}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar{bottom:auto;opacity:1;top:0;width:6.6452304394rem}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:focus .vjs-duration,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:focus .vjs-play-control,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:hover .vjs-duration,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:hover .vjs-play-control{background-color:#ebf5fd;color:#1e2dbe}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:focus .vjs-play-control,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:hover .vjs-play-control{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231E2DBE' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control{background-color:#2d2d2d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23EDF0F2' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:32px 32px;border:none;cursor:pointer;height:40px;width:40px}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control:focus,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control:hover{background-color:#ebf5fd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231E2DBE' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-duration{align-items:center;background-color:#2d2d2d;color:#edf0f2;display:flex;font-size:.7502679528rem;font-weight:700;height:2.1436227224rem;justify-content:center;width:4.2872454448rem}@media screen and (min-width:1024px){.ilo--video--element:not(.vjs-has-started) .vjs-control-bar{flex-direction:column;gap:.2143622722rem;height:6.6452304394rem;width:4.2872454448rem}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control{background-color:#2d2d2d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23EDF0F2' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:72px 72px;border:none;cursor:pointer;height:80px;width:80px}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control:focus,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control:hover{background-color:#ebf5fd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231E2DBE' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-repeat:no-repeat}}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-fullscreen-control,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-progress-control,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-volume-panel{display:none}.ilo--video .vjs-control-bar{bottom:0;display:flex;height:2.1436227224rem;opacity:0;order:1;position:absolute;transition:opacity .15s ease-out;width:100%}.ilo--video .vjs-control-bar .vjs-duration,.ilo--video .vjs-control-bar .vjs-poster{display:none}.ilo--video .vjs-control-bar .vjs-play-control{background-color:#2d2d2d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23EDF0F2' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:32px 32px;border:none;cursor:pointer;height:40px;margin-right:.1071811361rem;width:40px}.ilo--video .vjs-control-bar .vjs-play-control:focus,.ilo--video .vjs-control-bar .vjs-play-control:hover{background-color:#ebf5fd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231E2DBE' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video .vjs-control-bar .vjs-play-control.vjs-ended,.ilo--video .vjs-control-bar .vjs-play-control.vjs-paused{background-color:#2d2d2d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23EDF0F2' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:32px 32px;border:none;cursor:pointer;height:40px;width:40px}.ilo--video .vjs-control-bar .vjs-play-control.vjs-ended:focus,.ilo--video .vjs-control-bar .vjs-play-control.vjs-ended:hover,.ilo--video .vjs-control-bar .vjs-play-control.vjs-paused:focus,.ilo--video .vjs-control-bar .vjs-play-control.vjs-paused:hover{background-color:#ebf5fd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231E2DBE' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video .vjs-control-bar .vjs-play-control.vjs-playing{background-color:#2d2d2d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23EDF0F2' viewBox='0 0 24 24'%3E%3Cpath d='M6 19h4V5H6zm8-14v14h4V5z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:32px 32px;border:none;cursor:pointer;height:40px;width:40px}.ilo--video .vjs-control-bar .vjs-play-control.vjs-playing:focus,.ilo--video .vjs-control-bar .vjs-play-control.vjs-playing:hover{background-color:#ebf5fd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231E2DBE' viewBox='0 0 24 24'%3E%3Cpath d='M6 19h4V5H6zm8-14v14h4V5z'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video .vjs-control-bar .vjs-fullscreen-control{background-color:#2d2d2d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23EDF0F2' viewBox='0 0 24 24'%3E%3Cpath d='m15 3 2.3 2.3-2.89 2.87 1.42 1.42L18.7 6.7 21 9V3zM3 9l2.3-2.3 2.87 2.89 1.42-1.42L6.7 5.3 9 3H3zm6 12-2.3-2.3 2.89-2.87-1.42-1.42L5.3 17.3 3 15v6zm12-6-2.3 2.3-2.87-2.89-1.42 1.42 2.89 2.87L15 21h6z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:32px 32px;border:none;cursor:pointer;height:40px;order:5;width:40px}.ilo--video .vjs-control-bar .vjs-fullscreen-control:focus,.ilo--video .vjs-control-bar .vjs-fullscreen-control:hover{background-color:#ebf5fd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231E2DBE' viewBox='0 0 24 24'%3E%3Cpath d='m15 3 2.3 2.3-2.89 2.87 1.42 1.42L18.7 6.7 21 9V3zM3 9l2.3-2.3 2.87 2.89 1.42-1.42L6.7 5.3 9 3H3zm6 12-2.3-2.3 2.89-2.87-1.42-1.42L5.3 17.3 3 15v6zm12-6-2.3 2.3-2.87-2.89-1.42 1.42 2.89 2.87L15 21h6z'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video .vjs-control-bar .vjs-progress-control{background-color:#2d2d2d;flex-grow:1;margin-right:.1071811361rem;order:2}.ilo--video .vjs-control-bar .vjs-progress-control .vjs-mouse-display{display:none}.ilo--video .vjs-control-bar .vjs-progress-control .vjs-progress-holder{position:relative;width:96%}.ilo--video .vjs-control-bar .vjs-progress-control .vjs-load-progress,.ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress{height:.4287245445rem;left:2%;position:absolute;top:.857449089rem;z-index:10}.ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress{background-color:#ebf5fd;z-index:15}.ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress .vjs-time-tooltip{display:none}.ilo--video .vjs-control-bar .vjs-progress-control .vjs-load-progress{background-color:#b8c4cc;z-index:15}.ilo--video .vjs-control-bar .vjs-progress-control:focus .vjs-play-progress,.ilo--video .vjs-control-bar .vjs-progress-control:hover .vjs-play-progress{position:relative}.ilo--video .vjs-control-bar .vjs-progress-control:focus .vjs-play-progress .vjs-time-tooltip,.ilo--video .vjs-control-bar .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip{align-items:center;background-color:#2d2d2d;bottom:calc(300% + 12px);color:#edf0f2;display:flex;font-size:.7502679528rem;font-size:11.94px;height:1.7148981779rem;justify-content:center;letter-spacing:-.02em;line-height:16.24px;position:absolute;right:0;width:70px}.ilo--video .vjs-control-bar .vjs-progress-control:focus .vjs-play-progress .vjs-time-tooltip:after,.ilo--video .vjs-control-bar .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%232D2D2D' viewBox='0 0 24 24'%3E%3Cpath d='m12 17 6-8H6z'/%3E%3C/svg%3E");background-position:0 0;background-repeat:no-repeat;background-size:contain;bottom:-.6430868167rem;content:"";height:.6430868167rem;left:calc(50% - 6px);position:absolute;width:.6430868167rem}.ilo--video .vjs-control-bar .vjs-volume-panel{border-bottom:1px solid;bottom:0;flex-direction:column;margin-right:.1071811361rem;order:3;position:relative;width:40px}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control{background-color:#2d2d2d;background-image:url();background-position:50%;background-repeat:no-repeat;background-size:32px 32px;border:none;cursor:pointer;height:40px;height:2.1436227224rem;width:40px}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control:focus,.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control:hover{background-color:#ebf5fd;background-image:url();background-repeat:no-repeat}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control[title=Unmute]{background-color:#2d2d2d;background-image:url();background-position:50%;background-repeat:no-repeat;background-size:32px 32px;border:none;cursor:pointer;height:40px;width:40px}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control[title=Unmute]:focus,.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control[title=Unmute]:hover{background-color:#ebf5fd;background-image:url();background-repeat:no-repeat}.ilo--video .vjs-control-bar .vjs-volume-panel.vjs-hover .vjs-volume-control{align-items:center;cursor:pointer;display:flex;justify-content:center}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control{background:#ebf5fd;border-left:.1607717042rem solid #b8c4cc;display:none;height:2.1436227224rem;position:absolute;top:.4823151125rem;transform:rotate(270deg);transform-origin:-4px -4px;width:7.3954983923rem}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-bar{height:.2143622722rem;position:relative;width:calc(100% - 26px)}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-tooltip{display:none}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-mouse-display{background-color:#b8c4cc;height:.2143622722rem;position:absolute;width:100%}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-level{background-color:#1e2dbe;height:.2143622722rem;left:0;position:absolute;top:0}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-level:before{background:#1e2dbe;border-radius:50%;content:"";height:.857449089rem;position:absolute;right:-.857449089rem;top:50%;transform:translate(-50%,-50%);width:.857449089rem}[dir=rtl] .ilo--video--caption{border-left:none;border-right:3px solid #b8c4cc;padding-left:0;padding-right:calc(var(--ilo-spacing-base)*2)}
+.ilo--video{width:100%}.ilo--video .video-js{height:auto}.ilo--video .vjs-loading-spinner{display:none}.ilo--video .vjs-tech{width:100%}.ilo--video--caption{border-left:.1607717042rem solid #b8c4cc;color:#6d6d6d;font-size:14.93px;font-weight:400;letter-spacing:-.02em;line-height:20.16px;margin-top:calc(var(--ilo-spacing-base)*4);padding-left:calc(var(--ilo-spacing-base)*2)}.ilo--video--element{height:auto;object-fit:cover;width:inherit}.ilo--video--wrapper{line-height:0;overflow:hidden;position:relative}.ilo--video button{padding:0}.ilo--video .vjs-control-text,.ilo--video .vjs-current-time,.ilo--video .vjs-custom-control-spacer,.ilo--video .vjs-remaining-time,.ilo--video .vjs-time-divider{display:none}.ilo--video:focus .vjs-control-bar,.ilo--video:focus-within .vjs-control-bar,.ilo--video:hover .vjs-control-bar{opacity:1;transition:opacity .15s ease-out}.ilo--video .vjs-youtube{padding-bottom:56.25%}.ilo--video--element:not(.vjs-has-started) .vjs-poster{background-size:cover;height:100%;left:0;object-fit:cover;overflow:hidden;position:absolute;top:0;width:100%}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar{bottom:auto;opacity:1;top:0;width:6.6452304394rem}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:focus .vjs-duration,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:focus .vjs-play-control,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:hover .vjs-duration,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:hover .vjs-play-control{background-color:#ebf5fd;color:#1e2dbe}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:focus .vjs-play-control,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:hover .vjs-play-control{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231E2DBE' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control{background-color:#2d2d2d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23EDF0F2' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:32px 32px;border:none;cursor:pointer;height:40px;width:40px}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control:focus,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control:hover{background-color:#ebf5fd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231E2DBE' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-duration{align-items:center;background-color:#2d2d2d;color:#edf0f2;display:flex;font-size:.7502679528rem;font-weight:700;height:2.1436227224rem;justify-content:center;width:4.2872454448rem}@media screen and (min-width:1024px){.ilo--video--element:not(.vjs-has-started) .vjs-control-bar{flex-direction:column;gap:.2143622722rem;height:6.6452304394rem;width:4.2872454448rem}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control{background-color:#2d2d2d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23EDF0F2' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:72px 72px;border:none;cursor:pointer;height:80px;width:80px}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control:focus,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control:hover{background-color:#ebf5fd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231E2DBE' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-repeat:no-repeat}}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-fullscreen-control,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-progress-control,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-volume-panel{display:none}.ilo--video .vjs-control-bar{bottom:0;display:flex;height:2.1436227224rem;opacity:0;order:1;position:absolute;transition:opacity .15s ease-out;width:100%}.ilo--video .vjs-control-bar .vjs-duration,.ilo--video .vjs-control-bar .vjs-poster{display:none}.ilo--video .vjs-control-bar .vjs-play-control{background-color:#2d2d2d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23EDF0F2' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:32px 32px;border:none;cursor:pointer;height:40px;margin-right:.1071811361rem;width:40px}.ilo--video .vjs-control-bar .vjs-play-control:focus,.ilo--video .vjs-control-bar .vjs-play-control:hover{background-color:#ebf5fd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231E2DBE' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video .vjs-control-bar .vjs-play-control.vjs-ended,.ilo--video .vjs-control-bar .vjs-play-control.vjs-paused{background-color:#2d2d2d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23EDF0F2' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:32px 32px;border:none;cursor:pointer;height:40px;width:40px}.ilo--video .vjs-control-bar .vjs-play-control.vjs-ended:focus,.ilo--video .vjs-control-bar .vjs-play-control.vjs-ended:hover,.ilo--video .vjs-control-bar .vjs-play-control.vjs-paused:focus,.ilo--video .vjs-control-bar .vjs-play-control.vjs-paused:hover{background-color:#ebf5fd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231E2DBE' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video .vjs-control-bar .vjs-play-control.vjs-playing{background-color:#2d2d2d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23EDF0F2' viewBox='0 0 24 24'%3E%3Cpath d='M6 19h4V5H6zm8-14v14h4V5z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:32px 32px;border:none;cursor:pointer;height:40px;width:40px}.ilo--video .vjs-control-bar .vjs-play-control.vjs-playing:focus,.ilo--video .vjs-control-bar .vjs-play-control.vjs-playing:hover{background-color:#ebf5fd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231E2DBE' viewBox='0 0 24 24'%3E%3Cpath d='M6 19h4V5H6zm8-14v14h4V5z'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video .vjs-control-bar .vjs-fullscreen-control{background-color:#2d2d2d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23EDF0F2' viewBox='0 0 24 24'%3E%3Cpath d='m15 3 2.3 2.3-2.89 2.87 1.42 1.42L18.7 6.7 21 9V3zM3 9l2.3-2.3 2.87 2.89 1.42-1.42L6.7 5.3 9 3H3zm6 12-2.3-2.3 2.89-2.87-1.42-1.42L5.3 17.3 3 15v6zm12-6-2.3 2.3-2.87-2.89-1.42 1.42 2.89 2.87L15 21h6z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:32px 32px;border:none;cursor:pointer;height:40px;order:5;width:40px}.ilo--video .vjs-control-bar .vjs-fullscreen-control:focus,.ilo--video .vjs-control-bar .vjs-fullscreen-control:hover{background-color:#ebf5fd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231E2DBE' viewBox='0 0 24 24'%3E%3Cpath d='m15 3 2.3 2.3-2.89 2.87 1.42 1.42L18.7 6.7 21 9V3zM3 9l2.3-2.3 2.87 2.89 1.42-1.42L6.7 5.3 9 3H3zm6 12-2.3-2.3 2.89-2.87-1.42-1.42L5.3 17.3 3 15v6zm12-6-2.3 2.3-2.87-2.89-1.42 1.42 2.89 2.87L15 21h6z'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video .vjs-control-bar .vjs-progress-control{background-color:#2d2d2d;flex-grow:1;margin-right:.1071811361rem;order:2}.ilo--video .vjs-control-bar .vjs-progress-control .vjs-mouse-display{display:none}.ilo--video .vjs-control-bar .vjs-progress-control .vjs-progress-holder{position:relative;width:96%}.ilo--video .vjs-control-bar .vjs-progress-control .vjs-load-progress,.ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress{height:.4287245445rem;left:2%;position:absolute;top:.857449089rem;z-index:10}.ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress{background-color:#ebf5fd;z-index:15}.ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress .vjs-time-tooltip{display:none}.ilo--video .vjs-control-bar .vjs-progress-control .vjs-load-progress{background-color:#b8c4cc;z-index:15}.ilo--video .vjs-control-bar .vjs-progress-control:focus .vjs-play-progress,.ilo--video .vjs-control-bar .vjs-progress-control:hover .vjs-play-progress{position:relative}.ilo--video .vjs-control-bar .vjs-progress-control:focus .vjs-play-progress .vjs-time-tooltip,.ilo--video .vjs-control-bar .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip{align-items:center;background-color:#2d2d2d;bottom:calc(300% + 12px);color:#edf0f2;display:flex;font-size:.7502679528rem;font-size:11.94px;height:1.7148981779rem;justify-content:center;letter-spacing:-.02em;line-height:16.24px;position:absolute;right:0;width:70px}.ilo--video .vjs-control-bar .vjs-progress-control:focus .vjs-play-progress .vjs-time-tooltip:after,.ilo--video .vjs-control-bar .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%232D2D2D' viewBox='0 0 24 24'%3E%3Cpath d='m12 17 6-8H6z'/%3E%3C/svg%3E");background-position:0 0;background-repeat:no-repeat;background-size:contain;bottom:-.6430868167rem;content:"";height:.6430868167rem;left:calc(50% - 6px);position:absolute;width:.6430868167rem}.ilo--video .vjs-control-bar .vjs-volume-panel{border-bottom:1px solid;bottom:0;flex-direction:column;margin-right:.1071811361rem;order:3;position:relative;width:40px}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control{background-color:#2d2d2d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23EDF0F2' viewBox='0 0 24 24'%3E%3Cpath d='M3.34 8.77v6h4l5 5v-16l-5 5zm13.5 3a4.5 4.5 0 0 0-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02M14.34 3v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:32px 32px;border:none;cursor:pointer;height:40px;height:2.1436227224rem;width:40px}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control:focus,.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control:hover{background-color:#ebf5fd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231E2DBE' viewBox='0 0 24 24'%3E%3Cpath d='M3.34 8.77v6h4l5 5v-16l-5 5zm13.5 3a4.5 4.5 0 0 0-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02M14.34 3v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control[title=Unmute]{background-color:#2d2d2d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23EDF0F2' viewBox='0 0 24 24'%3E%3Cpath d='M4.61 3 3.2 4.41l4.36 4.36-.29.3h-4v6h4l5 5v-6.59l4.18 4.18c-.65.49-1.38.88-2.18 1.11v2.06a8.94 8.94 0 0 0 3.61-1.75l2.05 2.05 1.41-1.41zm14.66 9.07c0 .82-.15 1.61-.41 2.34l1.53 1.53c.56-1.17.88-2.48.88-3.87 0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71m-7-8-1.88 1.88 1.88 1.88zm4.5 8a4.5 4.5 0 0 0-2.5-4.03v1.79l2.48 2.48c.01-.08.02-.16.02-.24'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:32px 32px;border:none;cursor:pointer;height:40px;width:40px}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control[title=Unmute]:focus,.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control[title=Unmute]:hover{background-color:#ebf5fd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231E2DBE' viewBox='0 0 24 24'%3E%3Cpath d='M4.61 3 3.2 4.41l4.36 4.36-.29.3h-4v6h4l5 5v-6.59l4.18 4.18c-.65.49-1.38.88-2.18 1.11v2.06a8.94 8.94 0 0 0 3.61-1.75l2.05 2.05 1.41-1.41zm14.66 9.07c0 .82-.15 1.61-.41 2.34l1.53 1.53c.56-1.17.88-2.48.88-3.87 0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71m-7-8-1.88 1.88 1.88 1.88zm4.5 8a4.5 4.5 0 0 0-2.5-4.03v1.79l2.48 2.48c.01-.08.02-.16.02-.24'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video .vjs-control-bar .vjs-volume-panel.vjs-hover .vjs-volume-control{align-items:center;cursor:pointer;display:flex;justify-content:center}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control{background:#ebf5fd;border-left:.1607717042rem solid #b8c4cc;display:none;height:2.1436227224rem;position:absolute;top:.4823151125rem;transform:rotate(270deg);transform-origin:-4px -4px;width:7.3954983923rem}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-bar{height:.2143622722rem;position:relative;width:calc(100% - 26px)}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-tooltip{display:none}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-mouse-display{background-color:#b8c4cc;height:.2143622722rem;position:absolute;width:100%}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-level{background-color:#1e2dbe;height:.2143622722rem;left:0;position:absolute;top:0}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-level:before{background:#1e2dbe;border-radius:50%;content:"";height:.857449089rem;position:absolute;right:-.857449089rem;top:50%;transform:translate(-50%,-50%);width:.857449089rem}[dir=rtl] .ilo--video--caption{border-left:none;border-right:3px solid #b8c4cc;padding-left:0;padding-right:calc(var(--ilo-spacing-base)*2)}

package/lib/styles/global.css

@@ -1,2 +1,2 @@
-@charset "UTF-8";*,::after,::before{box-sizing:border-box}address,blockquote,body,dl,fieldset,figure,form,iframe,legend,ol,option,p,pre,table,ul{margin:0;padding:0;border:0}h1,h2,h3,h4,h5,h6{margin:0;font-size:inherit;font-weight:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ul{list-style:none}table{border-color:inherit;border-collapse:collapse;border-spacing:0}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:700}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:0 0;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}textarea{overflow:auto}select{-webkit-appearance:none;-moz-appearance:none}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}:root{--ilo-scale:1;--ilo-fonts-display:Overpass,Noto Sans,sans-serif;--ilo-fonts-display-zh:PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;--ilo-fonts-display-jp:Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,sans-serif;--ilo-fonts-copy:Noto Sans,sans-serif;--ilo-fonts-copy-zh:PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;--ilo-fonts-copy-jp:Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,sans-serif;--ilo-fonts-monospace:monospace;--ilo-line-height:1.46;--ilo-color-white:rgba(255, 255, 255, 1);--ilo-color-blue:rgba(30, 45, 190, 1);--ilo-color-blue-lighter:rgba(235, 245, 253, 1);--ilo-color-blue-light:rgba(190, 220, 250, 1);--ilo-color-blue-dark:rgba(35, 0, 80, 1);--ilo-color-blue-medium:rgba(210, 213, 242, 1);--ilo-color-blue-ramp:rgba(30, 45, 190, 0.4);--ilo-color-blue-dark-ramp:rgba(35, 0, 80, 0.5);--ilo-color-gray-charcoal:rgba(45, 45, 45, 1);--ilo-color-gray-accessible:rgba(109, 109, 109, 1);--ilo-color-gray-light:rgba(237, 240, 242, 1);--ilo-color-gray-light-semi-transparent:rgba(237, 240, 242, 0.25);--ilo-color-gray-base:rgba(184, 196, 204, 1);--ilo-color-red:rgba(250, 60, 75, 1);--ilo-color-red-light:rgba(254, 216, 219, 1);--ilo-color-red-dark:rgba(200, 48, 60, 1);--ilo-color-red-ramp:rgba(250, 60, 75, 0.2);--ilo-color-yellow:rgba(255, 205, 45, 1);--ilo-color-yellow-light:rgba(255, 245, 200, 1);--ilo-color-yellow-ramp:rgba(255, 205, 45, 0.2);--ilo-color-green:rgba(140, 225, 100, 1);--ilo-color-green-light:rgba(232, 249, 224, 1);--ilo-color-green-ramp:rgba(140, 225, 100, 0.2);--ilo-color-turquoise:rgba(5, 210, 210, 1);--ilo-color-purple:rgba(150, 10, 85, 1);--ilo-color-notification-type-error:var(--ilo-color-red);--ilo-color-notification-type-info:var(--ilo-color-blue);--ilo-color-notification-type-success:var(--ilo-color-green);--ilo-color-notification-type-warning:var(--ilo-color-yellow);--ilo-color-background-default:var(--ilo-color-white);--ilo-color-background-active:var(--ilo-color-blue);--ilo-color-background-highlight:var(--ilo-color-gray-light);--ilo-color-background-hover:var(--ilo-color-blue-lighter);--ilo-color-background-focus:var(--ilo-color-white);--ilo-color-borders-default:var(--ilo-color-gray-base);--ilo-color-borders-hover:var(--ilo-color-blue);--ilo-color-borders-active:var(--ilo-color-blue);--ilo-color-borders-focus:var(--ilo-color-yellow);--ilo-breakpoint-xs:320px;--ilo-breakpoint-sm:414px;--ilo-breakpoint-md:610px;--ilo-breakpoint-lg:1024px;--ilo-breakpoint-xl:1168px;--ilo-breakpoint-xxl:1140px;--ilo-border-radius:calc(0.1071811361rem * var(--ilo-scale));--ilo-font-size-2xsm:calc(0.5359056806rem * var(--ilo-scale));--ilo-font-size-xsm:calc(0.6430868167rem * var(--ilo-scale));--ilo-font-size-sm:calc(0.7502679528rem * var(--ilo-scale));--ilo-font-size-md:calc(0.857449089rem * var(--ilo-scale));--ilo-font-size-lg:calc(0.9646302251rem * var(--ilo-scale));--ilo-font-size-xlg:calc(1.2861736334rem * var(--ilo-scale));--ilo-font-size-2xlg:calc(1.5005359057rem * var(--ilo-scale));--ilo-font-size-3xlg:calc(1.7148981779rem * var(--ilo-scale));--ilo-font-size-4xlg:calc(1.9292604502rem * var(--ilo-scale));--ilo-font-size-5xlg:calc(2.3579849946rem * var(--ilo-scale));--ilo-font-weight-regular:400;--ilo-font-weight-bold:700;--ilo-line-height-xsm:115%;--ilo-line-height-sm:120%;--ilo-line-height-md:125%;--ilo-line-height-lg:130%;--ilo-line-height-xlg:135%;--ilo-line-height-2xlg:145%;--ilo-line-height-3xlg:150%;--ilo-letter-spacing-xsm:-3.5%;--ilo-letter-spacing-sm:-2%;--ilo-letter-spacing-md:0;--ilo-letter-spacing-lg:2%;--ilo-spacing-base:calc(0.2143622722rem * var(--ilo-scale));--ilo-transition-duration:150ms;--ilo-transition-timing-function:ease-out;--ilo-border-xs:calc(0.0535905681rem * var(--ilo-scale));--ilo-border-sm:calc(0.0803858521rem * var(--ilo-scale));--ilo-border-md:calc(0.1071811361rem * var(--ilo-scale));--ilo-border-lg:calc(0.2143622722rem * var(--ilo-scale))}body,html{color:#2d2d2d;font-family:var(--ilo-fonts-copy);font-size:18.66px;line-height:27.24px;letter-spacing:normal;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5{font-family:var(--ilo-fonts-display)}html[lang*=zh]{--ilo-fonts-display:var(--ilo-fonts-display-zh);--ilo-fonts-copy:var(--ilo-fonts-copy-zh)}html[lang*=ja]{--ilo-fonts-display:var(--ilo-fonts-display-jp);--ilo-fonts-copy:var(--ilo-fonts-copy-jp)}
+@charset "UTF-8";*,::after,::before{box-sizing:border-box}address,blockquote,body,dl,fieldset,figure,form,iframe,legend,ol,option,p,pre,table,ul{margin:0;padding:0;border:0}h1,h2,h3,h4,h5,h6{margin:0;font-size:inherit;font-weight:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ul{list-style:none}table{border-color:inherit;border-collapse:collapse;border-spacing:0}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:700}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:0 0;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}textarea{overflow:auto}select{-webkit-appearance:none;-moz-appearance:none}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}:root{--ilo-fonts-display:Overpass,Noto Sans,sans-serif;--ilo-fonts-display-zh:PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;--ilo-fonts-display-jp:Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,sans-serif;--ilo-fonts-copy:Noto Sans,sans-serif;--ilo-fonts-copy-zh:PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;--ilo-fonts-copy-jp:Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,sans-serif;--ilo-fonts-monospace:monospace;--ilo-line-height:1.46;--ilo-font-size-2xsm:px-to-rem(10px);--ilo-font-size-xsm:px-to-rem(12px);--ilo-font-size-sm:px-to-rem(14px);--ilo-font-size-md:px-to-rem(16px);--ilo-font-size-lg:px-to-rem(18px);--ilo-font-size-xlg:px-to-rem(24px);--ilo-font-size-2xlg:px-to-rem(28px);--ilo-font-size-3xlg:px-to-rem(32px);--ilo-font-size-4xlg:px-to-rem(36px);--ilo-font-size-5xlg:px-to-rem(44px);--ilo-font-weight-light:300;--ilo-font-weight-regular:400;--ilo-font-weight-medium:500;--ilo-font-weight-bold:700;--ilo-line-height-xsm:1.15;--ilo-line-height-sm:1.2;--ilo-line-height-md:1.25;--ilo-line-height-lg:1.3;--ilo-line-height-xlg:1.35;--ilo-line-height-2xlg:1.45;--ilo-line-height-3xlg:1.5;--ilo-letter-spacing-xsm:-3.5%;--ilo-letter-spacing-sm:-2%;--ilo-letter-spacing-md:0;--ilo-letter-spacing-lg:2%}:root{--ilo-scale:1;--ilo-color-white:rgba(255, 255, 255, 1);--ilo-color-blue:rgba(30, 45, 190, 1);--ilo-color-blue-lighter:rgba(235, 245, 253, 1);--ilo-color-blue-light:rgba(190, 220, 250, 1);--ilo-color-blue-dark:rgba(35, 0, 80, 1);--ilo-color-blue-medium:rgba(210, 213, 242, 1);--ilo-color-blue-ramp:rgba(30, 45, 190, 0.4);--ilo-color-blue-dark-ramp:rgba(35, 0, 80, 0.5);--ilo-color-gray-charcoal:rgba(45, 45, 45, 1);--ilo-color-gray-accessible:rgba(109, 109, 109, 1);--ilo-color-gray-light:rgba(237, 240, 242, 1);--ilo-color-gray-light-semi-transparent:rgba(237, 240, 242, 0.25);--ilo-color-gray-base:rgba(184, 196, 204, 1);--ilo-color-red:rgba(250, 60, 75, 1);--ilo-color-red-light:rgba(254, 216, 219, 1);--ilo-color-red-dark:rgba(200, 48, 60, 1);--ilo-color-red-ramp:rgba(250, 60, 75, 0.2);--ilo-color-yellow:rgba(255, 205, 45, 1);--ilo-color-yellow-light:rgba(255, 245, 200, 1);--ilo-color-yellow-ramp:rgba(255, 205, 45, 0.2);--ilo-color-green:rgba(140, 225, 100, 1);--ilo-color-green-light:rgba(232, 249, 224, 1);--ilo-color-green-ramp:rgba(140, 225, 100, 0.2);--ilo-color-turquoise:rgba(5, 210, 210, 1);--ilo-color-purple:rgba(150, 10, 85, 1);--ilo-color-notification-type-error:var(--ilo-color-red);--ilo-color-notification-type-info:var(--ilo-color-blue);--ilo-color-notification-type-success:var(--ilo-color-green);--ilo-color-notification-type-warning:var(--ilo-color-yellow);--ilo-color-background-default:var(--ilo-color-white);--ilo-color-background-active:var(--ilo-color-blue);--ilo-color-background-highlight:var(--ilo-color-gray-light);--ilo-color-background-hover:var(--ilo-color-blue-lighter);--ilo-color-background-focus:var(--ilo-color-white);--ilo-color-borders-default:var(--ilo-color-gray-base);--ilo-color-borders-hover:var(--ilo-color-blue);--ilo-color-borders-active:var(--ilo-color-blue);--ilo-color-borders-focus:var(--ilo-color-yellow);--ilo-breakpoint-xs:320px;--ilo-breakpoint-sm:414px;--ilo-breakpoint-md:610px;--ilo-breakpoint-lg:1024px;--ilo-breakpoint-xl:1140px;--ilo-breakpoint-xxl:1168px;--ilo-border-radius:calc(0.1071811361rem * var(--ilo-scale));--ilo-font-size-2xsm:calc(0.5359056806rem * var(--ilo-scale));--ilo-font-size-xsm:calc(0.6430868167rem * var(--ilo-scale));--ilo-font-size-sm:calc(0.7502679528rem * var(--ilo-scale));--ilo-font-size-md:calc(0.857449089rem * var(--ilo-scale));--ilo-font-size-lg:calc(0.9646302251rem * var(--ilo-scale));--ilo-font-size-xlg:calc(1.2861736334rem * var(--ilo-scale));--ilo-font-size-2xlg:calc(1.5005359057rem * var(--ilo-scale));--ilo-font-size-3xlg:calc(1.7148981779rem * var(--ilo-scale));--ilo-font-size-4xlg:calc(1.9292604502rem * var(--ilo-scale));--ilo-font-size-5xlg:calc(2.3579849946rem * var(--ilo-scale));--ilo-font-weight-regular:400;--ilo-font-weight-bold:700;--ilo-line-height-xsm:115%;--ilo-line-height-sm:120%;--ilo-line-height-md:125%;--ilo-line-height-lg:130%;--ilo-line-height-xlg:135%;--ilo-line-height-2xlg:145%;--ilo-line-height-3xlg:150%;--ilo-letter-spacing-xsm:-3.5%;--ilo-letter-spacing-sm:-2%;--ilo-letter-spacing-md:0;--ilo-letter-spacing-lg:2%;--ilo-spacing-base:calc(0.2143622722rem * var(--ilo-scale));--ilo-transition-duration:150ms;--ilo-transition-timing-function:ease-out;--ilo-border-xs:calc(0.0535905681rem * var(--ilo-scale));--ilo-border-sm:calc(0.0803858521rem * var(--ilo-scale));--ilo-border-md:calc(0.1071811361rem * var(--ilo-scale));--ilo-border-lg:calc(0.2143622722rem * var(--ilo-scale))}body,html{color:#2d2d2d;font-family:var(--ilo-fonts-copy);font-size:18.66px;line-height:27.24px;letter-spacing:normal;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5{font-family:var(--ilo-fonts-display)}html[lang*=zh]{--ilo-fonts-display:var(--ilo-fonts-display-zh);--ilo-fonts-copy:var(--ilo-fonts-copy-zh)}html[lang*=ja]{--ilo-fonts-display:var(--ilo-fonts-display-jp);--ilo-fonts-copy:var(--ilo-fonts-copy-jp)}
 /*# sourceMappingURL=global.css.map */