@ilo-org/react 0.24.6 → 0.26.0

package/lib/esm/_store/Video-entry-D22SrG1x.js

@@ -0,0 +1,4 @@
+import { V as r } from "./Video-chunk-q086hHmd.js";
+export {
+  r as Video
+};

package/lib/esm/_store/components-entry-DlfoU4Sn.js

@@ -0,0 +1,101 @@
+import { Accordion as a } from "./Accordion-entry-DxlnNTR2.js";
+import { F as t } from "./Form-chunk-CxN1JB3N.js";
+import { C as p } from "./Collapse-chunk-BNlVKJDP.js";
+import { E as m } from "./Empty-chunk-BtF8fnEd.js";
+import { I as i } from "./Image-chunk-Dls4dbsF.js";
+import { L as n } from "./Loading-chunk-Dv4TiLe1.js";
+import { L } from "./Radio-chunk-DE8dWK4c.js";
+import { T } from "./Tag-chunk-Dl2zXTQ8.js";
+import { B as u } from "./Button-chunk-Ccbxfwbf.js";
+import { C as g } from "./ContextMenu-chunk-CX3zW2yD.js";
+import { F as b } from "./Fieldset-chunk-CQKzjpXe.js";
+import { G as k } from "./GlobalProvider-chunk-CkLnkRcW.js";
+import { G as I } from "./GlobalCtx-chunk-CtSRDnk3.js";
+import { L as D, T as G } from "./TextInput.args-chunk-RWwWDRZ4.js";
+import { N as R } from "./Notification-chunk-B_ca8Swd.js";
+import { R as B } from "./ReadMore-chunk-Cv2A7uzo.js";
+import { L as A } from "./Textarea-chunk-CshU7TIs.js";
+import { C as V } from "./Callout-chunk-lXbe2cTI.js";
+import { L as y } from "./FileUpload-chunk-CcPyoSNs.js";
+import { H as U } from "./Heading-chunk-KETAd3FV.js";
+import { L as q } from "./Link-chunk-DgmjE6xb.js";
+import { L as J } from "./NumberPicker-chunk-DGfBEswe.js";
+import { R as Q } from "./RichText-chunk-DxfEl4aR.js";
+import { T as X } from "./Tooltip-chunk-D5CzbDEd.js";
+import { L as Z } from "./Checkbox-chunk-CICqXNag.js";
+import { L as $ } from "./DatePicker-chunk-BITHTS_i.js";
+import { H as ro } from "./Hero-chunk-8XPHDh4M.js";
+import { H as eo } from "./HeroCard-chunk-DIoKqIvc.js";
+import { L as so } from "./LinkList-chunk-ClC0P1yc.js";
+import { P as xo } from "./Pagination-chunk-B0RsygyT.js";
+import { S as fo } from "./SearchField-chunk-CZ2F5vv2.js";
+import { V as no } from "./Video-chunk-q086hHmd.js";
+import { L as Lo } from "./Dropdown-chunk-_Rqp45VG.js";
+import { I as To } from "./Icon-chunk-B3pcCi1Q.js";
+import { List as uo } from "./List-entry-BX9gaFfD.js";
+import { P as go } from "./Profile-chunk-BTvSWyom.js";
+import { T as bo } from "./TableOfContents-chunk-G6Og9OQI.js";
+import { F as ko } from "./Footer-chunk-Cs4S0fL1.js";
+import { C as Io, b as Mo, D as Do, a as Go, F as No, M as Ro, P as vo, c as Bo, S as ho, T as Ao } from "./CardGroup-chunk-CDiL5eWl.js";
+import { B as Vo } from "./Breadcrumb-chunk-C5nxxjB6.js";
+import { S as yo } from "./Status-chunk-CjagfPq5.js";
+import { T as Uo } from "./Tabs-chunk-CiBKN1wK.js";
+import { L as qo } from "./LanguageToggle-chunk-C51Ysq9D.js";
+import { M as Jo, S as Ko } from "./MainNav-chunk-DrgCIgDB.js";
+export {
+  a as Accordion,
+  Vo as Breadcrumb,
+  u as Button,
+  V as Callout,
+  Io as CardGroup,
+  Z as Checkbox,
+  p as Collapse,
+  g as ContextMenu,
+  Mo as DataCard,
+  $ as DatePicker,
+  Do as DetailCard,
+  Lo as Dropdown,
+  m as Empty,
+  Go as FactListCard,
+  No as FeatureCard,
+  b as Fieldset,
+  y as FileUpload,
+  ko as Footer,
+  t as Form,
+  k as GlobalProvider,
+  I as GlobalProviderContext,
+  U as Heading,
+  ro as Hero,
+  eo as HeroCard,
+  To as Icon,
+  i as Image,
+  qo as LanguageToggle,
+  q as Link,
+  so as LinkList,
+  uo as List,
+  n as Loading,
+  Jo as MainNav,
+  Ro as MultiLinkCard,
+  R as Notification,
+  J as NumberPicker,
+  xo as Pagination,
+  go as Profile,
+  vo as PromoCard,
+  L as Radio,
+  B as ReadMore,
+  Q as RichText,
+  Bo as ScoreCard,
+  fo as SearchField,
+  ho as StatCard,
+  yo as Status,
+  Ko as SubsiteNav,
+  bo as TableOfContents,
+  Uo as Tabs,
+  T as Tag,
+  Ao as TextCard,
+  D as TextInput,
+  G as TextInputArgs,
+  A as Textarea,
+  X as Tooltip,
+  no as Video
+};

package/lib/esm/_store/index.js

@@ -1,8 +1,11 @@
-import { u as r } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
-import { u } from "./usePrevious-chunk-BtJVllKj.js";
-import { u as a } from "./useBreakpoint-chunk-c1_IoC-6.js";
+import { u as o } from "./useGlobalSettings-chunk-BhfWlTcd.js";
+import { u as r } from "./usePrevious-chunk-BtJVllKj.js";
+import { u as t, a as p } from "./useOutsideClick-chunk-CWy5z-7S.js";
+import { u as f } from "./useFocusTrap-chunk-YNgJEwcj.js";
 export {
-  a as useBreakpoint,
-  r as useGlobalSettings,
-  u as usePrevious
+  t as useBreakpoint,
+  f as useFocusTrap,
+  o as useGlobalSettings,
+  p as useOutsideClick,
+  r as usePrevious
 };

package/lib/esm/_store/useFocusTrap-chunk-YNgJEwcj.js

@@ -0,0 +1,65 @@
+import { useRef as v, useCallback as o, useEffect as T } from "react";
+const x = [
+  "a[href]:not([disabled])",
+  "button:not([disabled])",
+  "textarea:not([disabled])",
+  'input[type="text"]:not([disabled])',
+  'input[type="radio"]:not([disabled])',
+  'input[type="checkbox"]:not([disabled])',
+  'input[type="search"]:not([disabled])',
+  'input[type="submit"]:not([disabled])',
+  "select:not([disabled])",
+  '[tabindex]:not([tabindex="-1"]):not([disabled])'
+];
+function C(k) {
+  const {
+    isActive: n,
+    onEscape: b,
+    onReturnFocus: m,
+    autoFocus: F = !0,
+    restoreFocus: s = !0
+  } = k, r = v(null), u = v(null), y = v([]), c = o(() => {
+    if (!r.current) return [];
+    const e = r.current.querySelectorAll(
+      x.join(",")
+    ), a = Array.from(e).filter((t) => t.style.display !== "none" && t.style.visibility !== "hidden" && t.offsetParent !== null);
+    return Array.from(new Set(a));
+  }, []), i = o(
+    (e) => {
+      if (!n || !r.current) return;
+      const { key: a, shiftKey: h } = e;
+      if (a === "Escape") {
+        e.preventDefault(), e.stopPropagation(), b && b();
+        return;
+      }
+      if (a === "Tab") {
+        const t = c();
+        if (t.length === 0) {
+          e.preventDefault();
+          return;
+        }
+        const f = t.at(0), d = t.at(-1), p = document.activeElement;
+        h ? (p === f || !t.includes(p)) && (e.preventDefault(), d == null || d.focus()) : (p === d || !t.includes(p)) && (e.preventDefault(), f == null || f.focus());
+      }
+    },
+    [n, b, c]
+  ), l = o(() => {
+    var e;
+    !n || !r.current || (s && document.activeElement && (u.current = document.activeElement), y.current = c(), F && y.current.length > 0 && ((e = y.current[0]) == null || e.focus()), document.addEventListener("keydown", i, !0));
+  }, [n, F, s, c, i]), E = o(() => {
+    document.removeEventListener("keydown", i, !0), s && u.current && setTimeout(() => {
+      u.current && (u.current.focus(), u.current = null);
+    }, 0), m && m();
+  }, [i, s, m]);
+  return T(() => (n ? l() : E(), () => {
+    E();
+  }), [n, l, E]), o(
+    (e) => {
+      r.current = e, e && n && setTimeout(l, 0);
+    },
+    [n, l]
+  );
+}
+export {
+  C as u
+};

package/lib/esm/_store/{useGlobalSettings-chunk-Bu2lRvQa.js → useGlobalSettings-chunk-BhfWlTcd.js}

@@ -1,11 +1,11 @@
 import { useContext as o } from "react";
 import { G as e } from "./GlobalCtx-chunk-CtSRDnk3.js";
-const r = () => {
+const n = () => {
   const t = o(e);
   if (!t)
     throw new Error("useGlobalSettings must be used within a GlobalProvider");
   return t;
-}, i = r;
+};
 export {
-  i as u
+  n as u
 };

package/lib/esm/_store/useOutsideClick-chunk-CWy5z-7S.js

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

package/lib/esm/index.js

@@ -1,110 +1,110 @@
-import { Accordion as a } from "./_store/Accordion-entry-DijeRLbx.js";
-import { F as t } from "./_store/Form-chunk-BUqXdVaD.js";
-import { C as p } from "./_store/Collapse-chunk-CmdtLTLr.js";
-import { E as m } from "./_store/Empty-chunk-Ni2cn_ys.js";
-import { I as i } from "./_store/Image-chunk-DKLea4vg.js";
-import { L as n } from "./_store/Loading-chunk-Cjv2veV9.js";
-import { L as l } from "./_store/Radio-chunk-6JgiY5AT.js";
-import { T as L } from "./_store/Tag-chunk-BfT6mRr3.js";
-import { B as c } from "./_store/Button-chunk-3RMfjmYT.js";
-import { C as F } from "./_store/ContextMenu-chunk-Dk-ifDZI.js";
-import { F as b } from "./_store/Fieldset-chunk-JT4tXIzJ.js";
-import { G as k } from "./_store/GlobalProvider-chunk-nVdEz2_E.js";
+import { Accordion as a } from "./_store/Accordion-entry-DxlnNTR2.js";
+import { F as t } from "./_store/Form-chunk-CxN1JB3N.js";
+import { C as p } from "./_store/Collapse-chunk-BNlVKJDP.js";
+import { E as m } from "./_store/Empty-chunk-BtF8fnEd.js";
+import { I as i } from "./_store/Image-chunk-Dls4dbsF.js";
+import { L as u } from "./_store/Loading-chunk-Dv4TiLe1.js";
+import { L as C } from "./_store/Radio-chunk-DE8dWK4c.js";
+import { T as L } from "./_store/Tag-chunk-Dl2zXTQ8.js";
+import { B as c } from "./_store/Button-chunk-Ccbxfwbf.js";
+import { C as g } from "./_store/ContextMenu-chunk-CX3zW2yD.js";
+import { F as b } from "./_store/Fieldset-chunk-CQKzjpXe.js";
+import { G as k } from "./_store/GlobalProvider-chunk-CkLnkRcW.js";
 import { G as H } from "./_store/GlobalCtx-chunk-CtSRDnk3.js";
-import { L as v, T as B } from "./_store/TextInput.args-chunk-DCwrQ9lS.js";
-import { N } from "./_store/Notification-chunk-BHNEwEo8.js";
-import { R as M } from "./_store/ReadMore-chunk-CyCJMFw8.js";
-import { L as A } from "./_store/Textarea-chunk-CEAOC4yE.js";
-import { C as V } from "./_store/Callout-chunk-Com68klk.js";
-import { C as y } from "./_store/Credit-chunk-CvHvubwE.js";
-import { L as U } from "./_store/FileUpload-chunk-Cfr5vOip.js";
-import { H as q } from "./_store/Heading-chunk-B4_4DVFF.js";
-import { L as J } from "./_store/Link-chunk-5QxYwhDk.js";
-import { L as Q } from "./_store/NumberPicker-chunk-j6uKlj6R.js";
-import { R as X } from "./_store/RichText-chunk-BWOoOlCR.js";
-import { T as Z } from "./_store/Tooltip-chunk-CC5huzaB.js";
-import { L as $ } from "./_store/Checkbox-chunk-lwnCSzbU.js";
-import { L as ro } from "./_store/DatePicker-chunk-Dh48mMAP.js";
-import { H as eo } from "./_store/Hero-chunk-rnL21UKu.js";
-import { H as so } from "./_store/HeroCard-chunk-XzP8zeZ0.js";
-import { L as xo } from "./_store/LinkList-chunk-Cimo8RwK.js";
-import { P as fo } from "./_store/Pagination-chunk-CRESCE8P.js";
-import { S as no } from "./_store/SearchField-chunk-C7r7Ectd.js";
-import { V as lo } from "./_store/Video-chunk-C_cWWpiB.js";
-import { L as Lo } from "./_store/Dropdown-chunk-DaOJI8GU.js";
-import { I as co } from "./_store/Icon-chunk-DIxw5wWq.js";
-import { List as Fo } from "./_store/List-entry-B0PAo5Km.js";
-import { P as bo } from "./_store/Profile-chunk-BjuEze8L.js";
-import { T as ko } from "./_store/TableOfContents-chunk-DZGMY0rb.js";
-import { F as Ho } from "./_store/Footer-chunk-DcFDdukr.js";
-import { Navigation as vo } from "./_store/Navigation-entry-BLC2KoMs.js";
-import { C as Do, b as No, D as Ro, a as Mo, F as ho, M as Ao, P as Eo, c as Vo, S as wo, T as yo } from "./_store/CardGroup-chunk-DAuoDC3W.js";
-import { B as Uo } from "./_store/Breadcrumb-chunk-DjN2sOwo.js";
-import { S as qo } from "./_store/Status-chunk-E-pHCJfe.js";
-import { T as Jo } from "./_store/Tabs-chunk-Bugbnb4X.js";
-import { L as Qo } from "./_store/LanguageToggle-chunk-BOqs0wmF.js";
-import { S as Xo } from "./_store/SubsiteNav-chunk-DTA21jDN.js";
-import { u as Zo } from "./_store/useGlobalSettings-chunk-Bu2lRvQa.js";
-import { u as $o } from "./_store/usePrevious-chunk-BtJVllKj.js";
-import { u as rr } from "./_store/useBreakpoint-chunk-c1_IoC-6.js";
+import { L as M, T as v } from "./_store/TextInput.args-chunk-RWwWDRZ4.js";
+import { N as D } from "./_store/Notification-chunk-B_ca8Swd.js";
+import { R } from "./_store/ReadMore-chunk-Cv2A7uzo.js";
+import { L as A } from "./_store/Textarea-chunk-CshU7TIs.js";
+import { C as O } from "./_store/Callout-chunk-lXbe2cTI.js";
+import { L as w } from "./_store/FileUpload-chunk-CcPyoSNs.js";
+import { H as U } from "./_store/Heading-chunk-KETAd3FV.js";
+import { L as q } from "./_store/Link-chunk-DgmjE6xb.js";
+import { L as J } from "./_store/NumberPicker-chunk-DGfBEswe.js";
+import { R as Q } from "./_store/RichText-chunk-DxfEl4aR.js";
+import { T as X } from "./_store/Tooltip-chunk-D5CzbDEd.js";
+import { L as Z } from "./_store/Checkbox-chunk-CICqXNag.js";
+import { L as $ } from "./_store/DatePicker-chunk-BITHTS_i.js";
+import { H as ro } from "./_store/Hero-chunk-8XPHDh4M.js";
+import { H as eo } from "./_store/HeroCard-chunk-DIoKqIvc.js";
+import { L as so } from "./_store/LinkList-chunk-ClC0P1yc.js";
+import { P as xo } from "./_store/Pagination-chunk-B0RsygyT.js";
+import { S as fo } from "./_store/SearchField-chunk-CZ2F5vv2.js";
+import { V as uo } from "./_store/Video-chunk-q086hHmd.js";
+import { L as Co } from "./_store/Dropdown-chunk-_Rqp45VG.js";
+import { I as Lo } from "./_store/Icon-chunk-B3pcCi1Q.js";
+import { List as co } from "./_store/List-entry-BX9gaFfD.js";
+import { P as go } from "./_store/Profile-chunk-BTvSWyom.js";
+import { T as bo } from "./_store/TableOfContents-chunk-G6Og9OQI.js";
+import { F as ko } from "./_store/Footer-chunk-Cs4S0fL1.js";
+import { C as Ho, b as Io, D as Mo, a as vo, F as Bo, M as Do, P as No, c as Ro, S as ho, T as Ao } from "./_store/CardGroup-chunk-CDiL5eWl.js";
+import { B as Oo } from "./_store/Breadcrumb-chunk-C5nxxjB6.js";
+import { S as wo } from "./_store/Status-chunk-CjagfPq5.js";
+import { T as Uo } from "./_store/Tabs-chunk-CiBKN1wK.js";
+import { L as qo } from "./_store/LanguageToggle-chunk-C51Ysq9D.js";
+import { M as Jo, S as Ko } from "./_store/MainNav-chunk-DrgCIgDB.js";
+import { u as Wo } from "./_store/useGlobalSettings-chunk-BhfWlTcd.js";
+import { u as Yo } from "./_store/usePrevious-chunk-BtJVllKj.js";
+import { u as _o, a as $o } from "./_store/useOutsideClick-chunk-CWy5z-7S.js";
+import { u as rr } from "./_store/useFocusTrap-chunk-YNgJEwcj.js";
 export {
   a as Accordion,
-  Uo as Breadcrumb,
+  Oo as Breadcrumb,
   c as Button,
-  V as Callout,
-  Do as CardGroup,
-  $ as Checkbox,
+  O as Callout,
+  Ho as CardGroup,
+  Z as Checkbox,
   p as Collapse,
-  F as ContextMenu,
-  y as Credit,
-  No as DataCard,
-  ro as DatePicker,
-  Ro as DetailCard,
-  Lo as Dropdown,
+  g as ContextMenu,
+  Io as DataCard,
+  $ as DatePicker,
+  Mo as DetailCard,
+  Co as Dropdown,
   m as Empty,
-  Mo as FactListCard,
-  ho as FeatureCard,
+  vo as FactListCard,
+  Bo as FeatureCard,
   b as Fieldset,
-  U as FileUpload,
-  Ho as Footer,
+  w as FileUpload,
+  ko as Footer,
   t as Form,
   k as GlobalProvider,
   H as GlobalProviderContext,
-  q as Heading,
-  eo as Hero,
-  so as HeroCard,
-  co as Icon,
+  U as Heading,
+  ro as Hero,
+  eo as HeroCard,
+  Lo as Icon,
   i as Image,
-  Qo as LanguageToggle,
-  J as Link,
-  xo as LinkList,
-  Fo as List,
-  n as Loading,
-  Ao as MultiLinkCard,
-  vo as Navigation,
-  N as Notification,
-  Q as NumberPicker,
-  fo as Pagination,
-  bo as Profile,
-  Eo as PromoCard,
-  l as Radio,
-  M as ReadMore,
-  X as RichText,
-  Vo as ScoreCard,
-  no as SearchField,
-  wo as StatCard,
-  qo as Status,
-  Xo as SubsiteNav,
-  ko as TableOfContents,
-  Jo as Tabs,
+  qo as LanguageToggle,
+  q as Link,
+  so as LinkList,
+  co as List,
+  u as Loading,
+  Jo as MainNav,
+  Do as MultiLinkCard,
+  D as Notification,
+  J as NumberPicker,
+  xo as Pagination,
+  go as Profile,
+  No as PromoCard,
+  C as Radio,
+  R as ReadMore,
+  Q as RichText,
+  Ro as ScoreCard,
+  fo as SearchField,
+  ho as StatCard,
+  wo as Status,
+  Ko as SubsiteNav,
+  bo as TableOfContents,
+  Uo as Tabs,
   L as Tag,
-  yo as TextCard,
-  v as TextInput,
-  B as TextInputArgs,
+  Ao as TextCard,
+  M as TextInput,
+  v as TextInputArgs,
   A as Textarea,
-  Z as Tooltip,
-  lo as Video,
-  rr as useBreakpoint,
-  Zo as useGlobalSettings,
-  $o as usePrevious
+  X as Tooltip,
+  uo as Video,
+  _o as useBreakpoint,
+  rr as useFocusTrap,
+  Wo as useGlobalSettings,
+  $o as useOutsideClick,
+  Yo as usePrevious
 };

package/lib/styles/components/accordion.css

@@ -1 +1 @@
-.ilo--accordion{--ilo-accordion-color-icon:var(--ilo-color-blue-dark)}.ilo--accordion--icon{height:24px;width:24px}.ilo--accordion--button{background-color:#fff;border:none;border-top:2px solid #edf0f2;color:#230050;display:flex;flex-direction:row;font-family:var(--ilo-fonts-display);font-size:16px;font-weight:500;justify-content:space-between;letter-spacing:-.02em;line-height:21.6px;margin:0;padding-block:calc(var(--ilo-spacing-base)*4);padding-inline-end:calc(var(--ilo-spacing-base)*1);transition:all .5s ease-in-out;width:100%}.ilo--accordion--button__large{font-size:18.66px;letter-spacing:-.035em;line-height:24.26px;padding-block:calc(var(--ilo-spacing-base)*5)}.ilo--accordion--button[aria-expanded=true]{background-color:#ebf5fd}.ilo--accordion--button[aria-expanded=true] .ilo--accordion--icon{background-color:var(--ilo-color-blue);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='M19 13H5v-2h14z'/%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='M19 13H5v-2h14z'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}.ilo--accordion--button[aria-expanded=false] .ilo--accordion--icon{background-color:var(--ilo-color-blue-dark);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='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z'/%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='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}.ilo--accordion--button:focus,.ilo--accordion--button:hover{--ilo-accordion-color-icon:var(--ilo-color-blue);border-top-color:#1e2dbe;color:#1e2dbe;cursor:pointer}@media screen and (min-width:610px){.ilo--accordion--button{font-size:16px;letter-spacing:-.02em;line-height:21.6px}.ilo--accordion--button__large{font-size:18.66px;letter-spacing:-.035em;line-height:24.26px;padding:calc(var(--ilo-spacing-base)*5) 0}}.ilo--accordion--panel{max-height:0;overflow:hidden;transition:all .5s cubic-bezier(0,1,0,1)}.ilo--accordion--panel .ilo--accordion--innerpanel{padding-bottom:calc(var(--ilo-spacing-base)*9);padding-inline-end:calc(var(--ilo-spacing-base)*8);padding-top:calc(var(--ilo-spacing-base)*2)}.ilo--accordion--panel__open{max-height:100vh;transition:all .5s ease-in-out}.ilo--accordion--panel__open.ilo--accordion--panel__scroll{max-height:300px;overflow-y:auto}
+@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.ilo--accordion{--ilo-accordion-color-icon:var(--ilo-color-blue-dark);--ilo-accordion-transition-timing:500ms;--ilo-accordion-scroll-max-height:300px}.ilo--accordion--icon{height:24px;width:24px}.ilo--accordion--label{flex:1;padding-right:10px}.ilo--accordion--button{background-color:var(--ilo-color-white);border:none;border-top:2px solid var(--ilo-color-gray-light);color:var(--ilo-color-blue-dark);display:flex;flex-direction:row;font-size:var(--ilo-font-size-md);justify-content:space-between;line-height:var(--ilo-line-height-xlg);margin:0;padding-block:calc(var(--ilo-spacing-base)*4);padding-inline-end:calc(var(--ilo-spacing-base)*1);transition:all var(--ilo-accordion-transition-timing) ease-in-out;width:100%}.ilo--accordion--button,.ilo--accordion--button__large{font-family:var(--ilo-fonts-display);font-weight:var(--ilo-font-weight-medium);letter-spacing:var(--ilo-letter-spacing-sm)}.ilo--accordion--button__large{font-size:var(--ilo-font-size-lg);line-height:var(--ilo-line-height-lg);padding-block:calc(var(--ilo-spacing-base)*5)}.ilo--accordion--button[aria-expanded=true]{background-color:var(--ilo-color-blue-lighter)}.ilo--accordion--button[aria-expanded=true] .ilo--accordion--icon{background-color:var(--ilo-color-blue);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='M19 13H5v-2h14z'/%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='M19 13H5v-2h14z'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}.ilo--accordion--button[aria-expanded=false] .ilo--accordion--icon{background-color:var(--ilo-color-blue-dark);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='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z'/%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='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}.ilo--accordion--button:focus,.ilo--accordion--button:hover{--ilo-accordion-color-icon:var(--ilo-color-blue);border-top-color:var(--ilo-color-blue);color:var(--ilo-color-blue);cursor:pointer}@media screen and (min-width:610px){.ilo--accordion--button{font-size:var(--ilo-font-size-md);line-height:var(--ilo-line-height-xlg)}.ilo--accordion--button,.ilo--accordion--button__large{font-family:var(--ilo-fonts-display);font-weight:var(--ilo-font-weight-medium);letter-spacing:var(--ilo-letter-spacing-sm)}.ilo--accordion--button__large{font-size:var(--ilo-font-size-lg);line-height:var(--ilo-line-height-lg);padding:calc(var(--ilo-spacing-base)*5) 0}}.ilo--accordion--panel{max-height:0;overflow:hidden;transition:all var(--ilo-accordion-transition-timing) cubic-bezier(0,1,0,1)}.ilo--accordion--panel .ilo--accordion--innerpanel{padding-bottom:calc(var(--ilo-spacing-base)*9);padding-inline-end:calc(var(--ilo-spacing-base)*8);padding-top:calc(var(--ilo-spacing-base)*2)}.ilo--accordion--panel__open{max-height:100vh;transition:all var(--ilo-accordion-transition-timing) ease-in-out}.ilo--accordion--panel__open.ilo--accordion--panel__scroll{max-height:var(--ilo-accordion-scroll-max-height);overflow-y:auto}

package/lib/styles/components/blockquote.css

@@ -1 +1 @@
-.ilo--blockquote{background-color:var(--ilo-color-blue-lighter);background-position:100% 0;background-repeat:no-repeat;background-size:3.8585209003rem 2.1436227224rem;border-bottom:.1607717042rem solid var(--ilo-color-gray-base);clip-path:polygon(0 0,calc(100% - 72px) 0,100% 40px,100% 100%,0 100%);display:block;font-family:var(--ilo-fonts-display);padding:calc(var(--ilo-spacing-base)*19) 0 calc(var(--ilo-spacing-base)*9) calc(var(--ilo-spacing-base)*8);position:relative;width:fit-content}.ilo--blockquote p{color:var(--ilo-color-purple);font-size:29.16px;font-weight:300;letter-spacing:-.035em;line-height:36.45px;padding:0 calc(var(--ilo-spacing-base)*12) 0 0;position:relative}.ilo--blockquote p:after{background-color:var(--ilo-color-purple);bottom:0;content:"";display:inline-block;height:1.0718113612rem;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65 48'%3E%3Cpath fill='currentColor' d='M38.688 0v18.963c0 14.634 9.574 26.372 23.053 29.037l2.565-5.515c-6.24-2.357-10.252-11.145-10.252-16.821h10.252V0zM0 0v18.963C0 33.597 9.62 45.343 23.107 48l2.557-5.515c-6.254-2.357-10.267-11.152-10.267-16.821h10.22V0z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65 48'%3E%3Cpath fill='currentColor' d='M38.688 0v18.963c0 14.634 9.574 26.372 23.053 29.037l2.565-5.515c-6.24-2.357-10.252-11.145-10.252-16.821h10.252V0zM0 0v18.963C0 33.597 9.62 45.343 23.107 48l2.557-5.515c-6.254-2.357-10.267-11.152-10.267-16.821h10.22V0z'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;position:absolute;right:0;transform:scaleX(-1);width:1.4201500536rem}.ilo--blockquote cite{color:var(--ilo-color-gray-accessible);font-size:var(--ilo-font-size-sm);font-style:normal;font-weight:400;letter-spacing:0;line-height:135%}.ilo--blockquote:before{background-color:var(--ilo-color-purple);content:"";display:inline-block;height:2.1436227224rem;left:0;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65 48'%3E%3Cpath fill='currentColor' d='M38.688 0v18.963c0 14.634 9.574 26.372 23.053 29.037l2.565-5.515c-6.24-2.357-10.252-11.145-10.252-16.821h10.252V0zM0 0v18.963C0 33.597 9.62 45.343 23.107 48l2.557-5.515c-6.254-2.357-10.267-11.152-10.267-16.821h10.22V0z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65 48'%3E%3Cpath fill='currentColor' d='M38.688 0v18.963c0 14.634 9.574 26.372 23.053 29.037l2.565-5.515c-6.24-2.357-10.252-11.145-10.252-16.821h10.252V0zM0 0v18.963C0 33.597 9.62 45.343 23.107 48l2.557-5.515c-6.254-2.357-10.267-11.152-10.267-16.821h10.22V0z'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;position:absolute;top:0;width:2.8403001072rem}@media screen and (min-width:610px){.ilo--blockquote{background-size:4.6087888532rem 2.5723472669rem;clip-path:polygon(0 0,calc(100% - 86px) 0,100% 48px,100% 100%,0 100%);padding:calc(var(--ilo-spacing-base)*16) 0 calc(var(--ilo-spacing-base)*12) calc(var(--ilo-spacing-base)*12)}.ilo--blockquote p{font-size:36.45px;letter-spacing:-.035em;line-height:43.74px;margin-bottom:calc(var(--ilo-spacing-base)*6);padding:0 calc(var(--ilo-spacing-base)*12) 0 0;position:relative}.ilo--blockquote p:after{height:1.2861736334rem;width:1.7148981779rem}.ilo--blockquote:before{height:2.5723472669rem;width:3.4297963558rem}}[dir=rtl] .ilo--blockquote{background-position:-1px -1px;clip-path:polygon(72px 0,100% 0,100% 100%,0 100%,0 40px);padding:calc(var(--ilo-spacing-base)*14) calc(var(--ilo-spacing-base)*8) calc(var(--ilo-spacing-base)*9) 0}[dir=rtl] .ilo--blockquote p{padding:0 0 0 calc(var(--ilo-spacing-base)*12)}[dir=rtl] .ilo--blockquote p:after{left:0;right:auto;transform:scaleX(1)}[dir=rtl] .ilo--blockquote:before{left:auto;right:0;transform:scaleX(-1)}@media screen and (min-width:610px){[dir=rtl] .ilo--blockquote{clip-path:polygon(86px 0,100% 0,100% 100%,0 100%,0 48px);padding:calc(var(--ilo-spacing-base)*15) calc(var(--ilo-spacing-base)*12) calc(var(--ilo-spacing-base)*12) 0}}
+@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.ilo--blockquote{background-color:var(--ilo-color-blue-lighter);background-position:100% 0;background-repeat:no-repeat;background-size:3.8585209003rem 2.1436227224rem;border-bottom:.1607717042rem solid var(--ilo-color-gray-base);clip-path:polygon(0 0,calc(100% - 72px) 0,100% 40px,100% 100%,0 100%);display:block;padding:calc(var(--ilo-spacing-base)*19) 0 calc(var(--ilo-spacing-base)*9) calc(var(--ilo-spacing-base)*8);width:fit-content}.ilo--blockquote,.ilo--blockquote p{font-family:var(--ilo-fonts-display);position:relative}.ilo--blockquote p{color:var(--ilo-color-purple);font-size:var(--ilo-font-size-4xlg);font-size:var(--ilo-font-size-2xlg);font-weight:var(--ilo-font-weight-light);letter-spacing:var(--ilo-letter-spacing-xsm);line-height:var(--ilo-line-height-md);margin-bottom:calc(var(--ilo-spacing-base)*6);padding:0 calc(var(--ilo-spacing-base)*12) 0 0}.ilo--blockquote p:after{background-color:var(--ilo-color-purple);bottom:0;content:"";display:inline-block;height:1.0718113612rem;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65 48'%3E%3Cpath fill='currentColor' d='M38.688 0v18.963c0 14.634 9.574 26.372 23.053 29.037l2.565-5.515c-6.24-2.357-10.252-11.145-10.252-16.821h10.252V0zM0 0v18.963C0 33.597 9.62 45.343 23.107 48l2.557-5.515c-6.254-2.357-10.267-11.152-10.267-16.821h10.22V0z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65 48'%3E%3Cpath fill='currentColor' d='M38.688 0v18.963c0 14.634 9.574 26.372 23.053 29.037l2.565-5.515c-6.24-2.357-10.252-11.145-10.252-16.821h10.252V0zM0 0v18.963C0 33.597 9.62 45.343 23.107 48l2.557-5.515c-6.254-2.357-10.267-11.152-10.267-16.821h10.22V0z'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;position:absolute;right:0;transform:scaleX(-1);width:1.4201500536rem}.ilo--blockquote cite{color:var(--ilo-color-gray-accessible);font-size:var(--ilo-font-size-sm);font-style:normal;font-weight:400;letter-spacing:var(--ilo-letter-spacing-md);line-height:135%}.ilo--blockquote:before{background-color:var(--ilo-color-purple);content:"";display:inline-block;height:2.1436227224rem;left:0;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65 48'%3E%3Cpath fill='currentColor' d='M38.688 0v18.963c0 14.634 9.574 26.372 23.053 29.037l2.565-5.515c-6.24-2.357-10.252-11.145-10.252-16.821h10.252V0zM0 0v18.963C0 33.597 9.62 45.343 23.107 48l2.557-5.515c-6.254-2.357-10.267-11.152-10.267-16.821h10.22V0z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65 48'%3E%3Cpath fill='currentColor' d='M38.688 0v18.963c0 14.634 9.574 26.372 23.053 29.037l2.565-5.515c-6.24-2.357-10.252-11.145-10.252-16.821h10.252V0zM0 0v18.963C0 33.597 9.62 45.343 23.107 48l2.557-5.515c-6.254-2.357-10.267-11.152-10.267-16.821h10.22V0z'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;position:absolute;top:0;width:2.8403001072rem}@media screen and (min-width:610px){.ilo--blockquote{background-size:4.6087888532rem 2.5723472669rem;clip-path:polygon(0 0,calc(100% - 86px) 0,100% 48px,100% 100%,0 100%);padding:calc(var(--ilo-spacing-base)*16) 0 calc(var(--ilo-spacing-base)*12) calc(var(--ilo-spacing-base)*12)}.ilo--blockquote p{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-4xlg);font-weight:var(--ilo-font-weight-light);letter-spacing:var(--ilo-letter-spacing-xsm);line-height:var(--ilo-line-height-md);padding:0 calc(var(--ilo-spacing-base)*12) 0 0;position:relative}.ilo--blockquote p:after{height:1.2861736334rem;width:1.7148981779rem}.ilo--blockquote:before{height:2.5723472669rem;width:3.4297963558rem}}[dir=rtl] .ilo--blockquote{background-position:-1px -1px;clip-path:polygon(72px 0,100% 0,100% 100%,0 100%,0 40px);padding:calc(var(--ilo-spacing-base)*14) calc(var(--ilo-spacing-base)*8) calc(var(--ilo-spacing-base)*9) 0}[dir=rtl] .ilo--blockquote p{padding:0 0 0 calc(var(--ilo-spacing-base)*12)}[dir=rtl] .ilo--blockquote p:after{left:0;right:auto;transform:scaleX(1)}[dir=rtl] .ilo--blockquote:before{left:auto;right:0;transform:scaleX(-1)}@media screen and (min-width:610px){[dir=rtl] .ilo--blockquote{clip-path:polygon(86px 0,100% 0,100% 100%,0 100%,0 48px);padding:calc(var(--ilo-spacing-base)*15) calc(var(--ilo-spacing-base)*12) calc(var(--ilo-spacing-base)*12) 0}}

package/lib/styles/components/breadcrumb.css

@@ -1 +1 @@
-@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--breadcrumb{--ilo-breadcrumb-background-color:var(--ilo-color-white);--ilo-breadcrumb-link-color:var(--ilo-color-blue-dark);--ilo-breadcrumb-link-hover-color:var(--ilo-color-blue);position:relative;z-index:10}.ilo--breadcrumb__theme__dark{--ilo-breadcrumb-background-color:var(--ilo-color-blue-dark);--ilo-breadcrumb-link-color:var(--ilo-color-white);--ilo-breadcrumb-link-hover-color:var(--ilo-color-white)}.ilo--breadcrumb--inner{background-color:var(--ilo-breadcrumb-background-color);clip-path:polygon(0 0,100% 0,calc(100% - var(--ilo-spacing-base)*12) 100%,0 100%);display:inline-flex;padding-block:calc(var(--ilo-spacing-base)*4);padding-inline-end:calc(var(--ilo-spacing-base)*12);padding-inline-start:var(--breadcrumb-padding)}[dir=rtl] .ilo--breadcrumb--inner{clip-path:polygon(0 0,100% 0,100% 100%,calc(var(--ilo-spacing-base)*12) 100%)}.ilo--breadcrumb--context,.ilo--breadcrumb--items{align-items:center;display:inline-flex;justify-content:flex-start;list-style:none}.ilo--breadcrumb--context__collapse,.ilo--breadcrumb--item{padding-inline:calc(var(--ilo-spacing-base)*7) calc(var(--ilo-spacing-base)*1);position:relative}.ilo--breadcrumb--context__collapse:before,.ilo--breadcrumb--item:before{background-color:var(--ilo-breadcrumb-link-color);background-repeat:no-repeat;background-size:1.2861736334rem;content:"";height:1.2861736334rem;left:0;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='M8.884 3.116 17.768 12l-8.884 8.884-1.768-1.768L14.232 12 7.116 4.884z' 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='M8.884 3.116 17.768 12l-8.884 8.884-1.768-1.768L14.232 12 7.116 4.884z' clip-rule='evenodd'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;position:absolute;width:1.2861736334rem}[dir=rtl] .ilo--breadcrumb--context__collapse:before,[dir=rtl] .ilo--breadcrumb--item:before{background-color:var(--ilo-breadcrumb-link-color);left:auto;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='m15.116 3.116 1.768 1.768L9.768 12l7.116 7.116-1.768 1.768L6.232 12z' 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='m15.116 3.116 1.768 1.768L9.768 12l7.116 7.116-1.768 1.768L6.232 12z' clip-rule='evenodd'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;right:0}.ilo--breadcrumb--context{position:relative}.ilo--breadcrumb--context--button{background-color:var(--ilo-breadcrumb-link-color);background-position:50%;background-repeat:no-repeat;background-size:1.2861736334rem;border:none;display:none;height:1.2861736334rem;margin:0;padding:0;position:relative;width:1.2861736334rem}.ilo--breadcrumb--context--button,.ilo--breadcrumb--context--button:hover{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='M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2'/%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='M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}.ilo--breadcrumb--context--button:hover{background-color:var(--ilo-breadcrumb-link-hover-color);cursor:pointer}.ilo--breadcrumb--context--menu{display:none;position:fixed;width:6.4308681672rem;z-index:10}.ilo--breadcrumb--context--menu__visible{display:inline-block}.ilo--breadcrumb--context__collapse{padding-inline:calc(var(--ilo-spacing-base)*6) 0}.ilo--breadcrumb--context__collapse .ilo--breadcrumb--items{display:none}.ilo--breadcrumb--context__collapse .ilo--breadcrumb--context--button{display:inline-block}.ilo--breadcrumb--item,.ilo--breadcrumb--item__first{align-items:center;display:flex}.ilo--breadcrumb--item__first{height:1.2861736334rem;padding-inline-start:2px;position:relative;width:1.2861736334rem}.ilo--breadcrumb--item__first:before{content:none}.ilo--breadcrumb--item__first .ilo--breadcrumb--link{height:24px;position:relative;width:24px}.ilo--breadcrumb--item__first .ilo--breadcrumb--link:focus:after,.ilo--breadcrumb--item__first .ilo--breadcrumb--link:hover:after{background-color:var(--ilo-breadcrumb-link-hover-color)}.ilo--breadcrumb--item__first .ilo--breadcrumb--link:after,.ilo--breadcrumb--item__first .ilo--breadcrumb--link:focus:after,.ilo--breadcrumb--item__first .ilo--breadcrumb--link:hover:after{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='M4.35 20V10L12 4l7.65 6v10h-5.737v-5.5h-3.825V20z'/%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='M4.35 20V10L12 4l7.65 6v10h-5.737v-5.5h-3.825V20z'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}.ilo--breadcrumb--item__first .ilo--breadcrumb--link:after{background-color:var(--ilo-breadcrumb-link-color);content:"";display:block;height:24px;position:relative;width:24px}.ilo--breadcrumb--link{align-items:center;color:var(--ilo-breadcrumb-link-color);display:inline-flex;height:.857449089rem;padding-block:0;text-decoration:none}.ilo--breadcrumb--link--label{font-family:var(--ilo-fonts-copy);font-size:11.94px;font-weight:400;letter-spacing:normal;line-height:16.24px;max-width:30ch;overflow-x:clip;text-overflow:ellipsis;white-space:nowrap}.ilo--breadcrumb--link--label:focus,.ilo--breadcrumb--link--label:hover{color:var(--ilo-breadcrumb-link-hover-color);text-decoration:underline;text-decoration-thickness:.1071811361rem;text-underline-offset:.2143622722rem}
+@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.ilo--breadcrumb{--ilo-breadcrumb-background-color:var(--ilo-color-white);--ilo-breadcrumb-link-color:var(--ilo-color-blue-dark);--ilo-breadcrumb-link-hover-color:var(--ilo-color-blue);position:relative;z-index:10}.ilo--breadcrumb__theme__dark{--ilo-breadcrumb-background-color:var(--ilo-color-blue-dark);--ilo-breadcrumb-link-color:var(--ilo-color-white);--ilo-breadcrumb-link-hover-color:var(--ilo-color-white)}.ilo--breadcrumb--inner{background-color:var(--ilo-breadcrumb-background-color);clip-path:polygon(0 0,100% 0,calc(100% - var(--ilo-spacing-base)*12) 100%,0 100%);display:inline-flex;padding-block:calc(var(--ilo-spacing-base)*4);padding-inline-end:calc(var(--ilo-spacing-base)*12);padding-inline-start:var(--breadcrumb-padding)}[dir=rtl] .ilo--breadcrumb--inner{clip-path:polygon(0 0,100% 0,100% 100%,calc(var(--ilo-spacing-base)*12) 100%)}.ilo--breadcrumb--context,.ilo--breadcrumb--items{align-items:center;display:inline-flex;justify-content:flex-start;list-style:none}.ilo--breadcrumb--context__collapse,.ilo--breadcrumb--item{padding-inline:calc(var(--ilo-spacing-base)*7) calc(var(--ilo-spacing-base)*1);position:relative}.ilo--breadcrumb--context__collapse:before,.ilo--breadcrumb--item:before{background-color:var(--ilo-breadcrumb-link-color);background-repeat:no-repeat;background-size:1.2861736334rem;content:"";height:1.2861736334rem;left:0;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='M8.884 3.116 17.768 12l-8.884 8.884-1.768-1.768L14.232 12 7.116 4.884z' 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='M8.884 3.116 17.768 12l-8.884 8.884-1.768-1.768L14.232 12 7.116 4.884z' clip-rule='evenodd'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;position:absolute;width:1.2861736334rem}[dir=rtl] .ilo--breadcrumb--context__collapse:before,[dir=rtl] .ilo--breadcrumb--item:before{background-color:var(--ilo-breadcrumb-link-color);left:auto;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='m15.116 3.116 1.768 1.768L9.768 12l7.116 7.116-1.768 1.768L6.232 12z' 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='m15.116 3.116 1.768 1.768L9.768 12l7.116 7.116-1.768 1.768L6.232 12z' clip-rule='evenodd'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;right:0}.ilo--breadcrumb--context{position:relative}.ilo--breadcrumb--context--button{background-color:var(--ilo-breadcrumb-link-color);background-position:50%;background-repeat:no-repeat;background-size:1.2861736334rem;border:none;display:none;height:1.2861736334rem;margin:0;padding:0;position:relative;width:1.2861736334rem}.ilo--breadcrumb--context--button,.ilo--breadcrumb--context--button:hover{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='M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2'/%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='M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}.ilo--breadcrumb--context--button:hover{background-color:var(--ilo-breadcrumb-link-hover-color);cursor:pointer}.ilo--breadcrumb--context--menu{display:none;position:fixed;width:6.4308681672rem;z-index:10}.ilo--breadcrumb--context--menu__visible{display:inline-block}.ilo--breadcrumb--context__collapse{padding-inline:calc(var(--ilo-spacing-base)*6) 0}.ilo--breadcrumb--context__collapse .ilo--breadcrumb--items{display:none}.ilo--breadcrumb--context__collapse .ilo--breadcrumb--context--button{display:inline-block}.ilo--breadcrumb--item,.ilo--breadcrumb--item__first{align-items:center;display:flex}.ilo--breadcrumb--item__first{height:1.2861736334rem;padding-inline-start:2px;position:relative;width:1.2861736334rem}.ilo--breadcrumb--item__first:before{content:none}.ilo--breadcrumb--item__first .ilo--breadcrumb--link{height:24px;position:relative;width:24px}.ilo--breadcrumb--item__first .ilo--breadcrumb--link:focus:after,.ilo--breadcrumb--item__first .ilo--breadcrumb--link:hover:after{background-color:var(--ilo-breadcrumb-link-hover-color)}.ilo--breadcrumb--item__first .ilo--breadcrumb--link:after,.ilo--breadcrumb--item__first .ilo--breadcrumb--link:focus:after,.ilo--breadcrumb--item__first .ilo--breadcrumb--link:hover:after{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='M4.35 20V10L12 4l7.65 6v10h-5.737v-5.5h-3.825V20z'/%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='M4.35 20V10L12 4l7.65 6v10h-5.737v-5.5h-3.825V20z'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}.ilo--breadcrumb--item__first .ilo--breadcrumb--link:after{background-color:var(--ilo-breadcrumb-link-color);content:"";display:block;height:24px;position:relative;width:24px}.ilo--breadcrumb--link{align-items:center;color:var(--ilo-breadcrumb-link-color);display:inline-flex;height:.857449089rem;padding-block:0;text-decoration:none}.ilo--breadcrumb--link--label{font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-xsm);font-weight:400;font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg);max-width:30ch;overflow-x:clip;text-overflow:ellipsis;white-space:nowrap}.ilo--breadcrumb--link--label:focus,.ilo--breadcrumb--link--label:hover{color:var(--ilo-breadcrumb-link-hover-color);text-decoration:underline;text-decoration-thickness:.1071811361rem;text-underline-offset:.2143622722rem}

package/lib/styles/components/button.css

@@ -1 +1 @@
-@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--button{--ilo-button-label-weight:700;--ilo-button-labels-actionable-color:var(--ilo-color-blue-dark);--ilo-button-labels-active-color:var(--ilo-color-blue-light);--ilo-button-labels-alert-color:var(--ilo-color-white);--ilo-button-labels-hover-color:var(--ilo-color-blue);align-items:center;border-radius:var(--ilo-border-md);display:inline-flex;font-family:var(--ilo-fonts-display);font-weight:var(--ilo-button-label-weight);gap:calc(var(--ilo-spacing-base)*2);justify-content:center;text-decoration:none}.ilo--button [class*=__label]{white-space:nowrap}.ilo--button--icon{position:relative}.ilo--button--icon .ilo--icon{bottom:.1071811361rem;position:relative}.ilo--button--icon--position__right{flex-direction:row-reverse}.ilo--button--icon--only{padding:unset!important}.ilo--button--icon--only .ilo--icon{bottom:0!important}.ilo--button--icon--only .button__label{border:0;height:1px;margin:-1px;padding:0;position:absolute;width:1px;clip:rect(0 0 0 0);overflow:hidden}.ilo--button__large{font-size:18.66px;height:2.7867095391rem;letter-spacing:-.02em;line-height:120%;padding:calc(var(--ilo-spacing-base)*3) calc(var(--ilo-spacing-base)*6)}.ilo--button__large.ilo--button--icon--only{width:2.7867095391rem}.ilo--button__medium{font-size:16px;height:2.3579849946rem;letter-spacing:-.02em;line-height:120%;padding:calc(var(--ilo-spacing-base)*2) calc(var(--ilo-spacing-base)*5)}.ilo--button__medium.ilo--button--icon--only{width:2.3579849946rem}.ilo--button__small{font-size:14.93px;height:1.7148981779rem;letter-spacing:-.02em;line-height:120%;padding:calc(var(--ilo-spacing-base)*1) calc(var(--ilo-spacing-base)*4)}.ilo--button__small.ilo--button--icon--only{width:1.7148981779rem}.ilo--button__small .ilo--icon{bottom:.0535905681rem}.ilo--button__primary{background-color:var(--ilo-color-yellow);border:var(--ilo-border-md) var(--ilo-color-yellow) solid}.ilo--button__primary,.ilo--button__secondary{color:var(--ilo-button-labels-actionable-color)}.ilo--button__secondary{background-color:var(--ilo-color-background-default);border:var(--ilo-border-md) var(--ilo-color-borders-default) solid}.ilo--button__secondary:hover{background-color:var(--ilo-color-background-hover);border:var(--ilo-border-md) var(--ilo-color-borders-hover) solid}.ilo--button__secondary:active{background-color:var(--ilo-color-background-active);border:var(--ilo-border-md) var(--ilo-color-borders-active) solid;box-shadow:none;color:var(--ilo-button-labels-active-color)}.ilo--button__tertiary{background-color:var(--ilo-color-background-highlight);border:var(--ilo-border-md) var(--ilo-color-background-highlight) solid;color:var(--ilo-button-labels-actionable-color)}.ilo--button__alert{background-color:var(--ilo-color-red-dark);border:var(--ilo-border-md) var(--ilo-color-red-dark) solid;color:var(--ilo-button-labels-alert-color)}.ilo--button__alert:hover{background-color:var(--ilo-color-background-hover);border:var(--ilo-border-md) var(--ilo-color-borders-hover) solid;color:var(--ilo-button-labels-hover-color)}.ilo--button__alert:focus{background-color:var(--ilo-color-background-focus);border:var(--ilo-border-md) var(--ilo-color-borders-focus) solid;color:var(--ilo-button-labels-focus-color);outline:0}.ilo--button__alert:active{background-color:var(--ilo-color-background-active);border:var(--ilo-border-md) var(--ilo-color-borders-active) solid;box-shadow:none;color:var(--ilo-button-labels-active-color)}.ilo--button:focus{background-color:var(--ilo-color-background-focus);border:var(--ilo-border-md) var(--ilo-color-borders-focus) solid;box-shadow:4px 4px 0 1px var(--ilo-color-borders-focus) inset,-4px -4px 0 1px var(--ilo-color-borders-focus) inset;color:var(--ilo-button-labels-focus-color);outline:0;transition-duration:.15s;transition-property:color,background-color,border-color;transition-timing-function:ease-out}.ilo--button:focus.ilo--small{box-shadow:3px 3px 0 1px var(--ilo-color-borders-focus) inset,-3px -3px 0 1px var(--ilo-color-borders-focus) inset}.ilo--button:hover{background-color:var(--ilo-color-background-hover);border:var(--ilo-border-md) var(--ilo-color-borders-hover) solid;color:var(--ilo-button-labels-hover-color);cursor:pointer}.ilo--button:active,.ilo--button:hover{box-shadow:none;transition-duration:.15s;transition-property:color,background-color,border-color;transition-timing-function:ease-out}.ilo--button:active{background-color:var(--ilo-color-background-active);border:var(--ilo-border-md) var(--ilo-color-borders-active) solid;color:var(--ilo-button-labels-active-color)}.ilo--button:disabled{opacity:.45;pointer-events:none}
+@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.ilo--button{--ilo-button-label-weight:700;--ilo-button-labels-actionable-color:var(--ilo-color-blue-dark);--ilo-button-labels-active-color:var(--ilo-color-blue-light);--ilo-button-labels-alert-color:var(--ilo-color-white);--ilo-button-labels-hover-color:var(--ilo-color-blue);align-items:center;border-radius:var(--ilo-border-md);display:inline-flex;font-family:var(--ilo-fonts-display);font-weight:var(--ilo-button-label-weight);gap:calc(var(--ilo-spacing-base)*2);justify-content:center;text-decoration:none}.ilo--button [class*=__label]{white-space:nowrap}.ilo--button--icon{position:relative}.ilo--button--icon .ilo--icon{bottom:.1071811361rem;position:relative}.ilo--button--icon--position__right{flex-direction:row-reverse}.ilo--button--icon--only{padding:unset!important}.ilo--button--icon--only .ilo--icon{bottom:0!important}.ilo--button--icon--only .button__label{border:0;height:1px;margin:-1px;padding:0;position:absolute;width:1px;clip:rect(0 0 0 0);overflow:hidden}.ilo--button__large{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-lg);font-weight:var(--ilo-font-weight-bold);height:2.7867095391rem;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-lg);padding:calc(var(--ilo-spacing-base)*3) calc(var(--ilo-spacing-base)*6)}.ilo--button__large.ilo--button--icon--only{width:2.7867095391rem}.ilo--button__medium{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-bold);height:2.3579849946rem;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg);padding:calc(var(--ilo-spacing-base)*2) calc(var(--ilo-spacing-base)*5)}.ilo--button__medium.ilo--button--icon--only{width:2.3579849946rem}.ilo--button__small{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-sm);font-weight:var(--ilo-font-weight-bold);height:1.7148981779rem;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg);padding:calc(var(--ilo-spacing-base)*1) calc(var(--ilo-spacing-base)*4)}.ilo--button__small.ilo--button--icon--only{width:1.7148981779rem}.ilo--button__small .ilo--icon{bottom:.0535905681rem}.ilo--button__primary{background-color:var(--ilo-color-yellow);border:var(--ilo-border-md) var(--ilo-color-yellow) solid}.ilo--button__primary,.ilo--button__secondary{color:var(--ilo-button-labels-actionable-color)}.ilo--button__secondary{background-color:var(--ilo-color-background-default);border:var(--ilo-border-md) var(--ilo-color-borders-default) solid}.ilo--button__secondary:hover{background-color:var(--ilo-color-background-hover);border:var(--ilo-border-md) var(--ilo-color-borders-hover) solid}.ilo--button__secondary:active{background-color:var(--ilo-color-background-active);border:var(--ilo-border-md) var(--ilo-color-borders-active) solid;box-shadow:none;color:var(--ilo-button-labels-active-color)}.ilo--button__tertiary{background-color:var(--ilo-color-background-highlight);border:var(--ilo-border-md) var(--ilo-color-background-highlight) solid;color:var(--ilo-button-labels-actionable-color)}.ilo--button__alert{background-color:var(--ilo-color-red-dark);border:var(--ilo-border-md) var(--ilo-color-red-dark) solid;color:var(--ilo-button-labels-alert-color)}.ilo--button__alert:hover{background-color:var(--ilo-color-background-hover);border:var(--ilo-border-md) var(--ilo-color-borders-hover) solid;color:var(--ilo-button-labels-hover-color)}.ilo--button__alert:focus{background-color:var(--ilo-color-background-focus);border:var(--ilo-border-md) var(--ilo-color-borders-focus) solid;color:var(--ilo-button-labels-focus-color);outline:0}.ilo--button__alert:active{background-color:var(--ilo-color-background-active);border:var(--ilo-border-md) var(--ilo-color-borders-active) solid;box-shadow:none;color:var(--ilo-button-labels-active-color)}.ilo--button:focus{background-color:var(--ilo-color-background-focus);border:var(--ilo-border-md) var(--ilo-color-borders-focus) solid;box-shadow:4px 4px 0 1px var(--ilo-color-borders-focus) inset,-4px -4px 0 1px var(--ilo-color-borders-focus) inset;color:var(--ilo-button-labels-focus-color);outline:0;transition-duration:.15s;transition-property:color,background-color,border-color;transition-timing-function:ease-out}.ilo--button:focus.ilo--small{box-shadow:3px 3px 0 1px var(--ilo-color-borders-focus) inset,-3px -3px 0 1px var(--ilo-color-borders-focus) inset}.ilo--button:hover{background-color:var(--ilo-color-background-hover);border:var(--ilo-border-md) var(--ilo-color-borders-hover) solid;color:var(--ilo-button-labels-hover-color);cursor:pointer}.ilo--button:active,.ilo--button:hover{box-shadow:none;transition-duration:.15s;transition-property:color,background-color,border-color;transition-timing-function:ease-out}.ilo--button:active{background-color:var(--ilo-color-background-active);border:var(--ilo-border-md) var(--ilo-color-borders-active) solid;color:var(--ilo-button-labels-active-color)}.ilo--button:disabled{opacity:.45;pointer-events:none}

package/lib/styles/components/callout.css

@@ -1 +1 @@
-.ilo--callout{display:flex;transition:max-height 225ms ease-out}.ilo--callout__collapse{max-height:3.4297963558rem;overflow:hidden}.ilo--callout__open{max-height:16.077170418rem;overflow:hidden}.ilo--callout__open .ilo--callout--toggle--icon{transform:translateY(-50%) rotate(180deg)}.ilo--callout__error{background:var(--ilo-color-red-ramp)}.ilo--callout__error .ilo--callout--sidebar{background:var(--ilo-color-red)}.ilo--callout__info{background:var(--ilo-color-blue-light)}.ilo--callout__info .ilo--callout--sidebar{background:var(--ilo-color-blue)}.ilo--callout__success{background:var(--ilo-color-green-ramp)}.ilo--callout__success .ilo--callout--sidebar{background:var(--ilo-color-green)}.ilo--callout__warning{background:var(--ilo-color-yellow-ramp)}.ilo--callout__warning .ilo--callout--sidebar{background:var(--ilo-color-yellow)}.ilo--callout--sidebar{align-items:center;display:flex;flex-direction:column;padding:calc(var(--ilo-spacing-base)*5) calc(var(--ilo-spacing-base)*2);width:2.1436227224rem}.ilo--callout--sidebar .ilo--callout__icon{margin:calc(var(--ilo-spacing-base)*1)}.ilo--callout--content{color:var(--ilo-color-gray-charcoal);font-size:.7502679528rem;padding:calc(var(--ilo-spacing-base)*6);width:100%}.ilo--callout--header{display:flex;justify-content:space-between;padding-block-end:calc(var(--ilo-spacing-base)*3)}.ilo--callout--title{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-medium);font-weight:700;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg)}.ilo--callout--description{font-weight:400}.ilo--callout--toggle{background:0 0;border:none;color:var(--ilo-color-blue-dark);cursor:pointer;font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-bold);font-weight:500;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg);padding-inline-end:calc(var(--ilo-spacing-base)*8);position:relative}.ilo--callout--toggle--icon{background-color:var(--ilo-color-blue-dark);background-position:100%;background-repeat:no-repeat;display:inline-block;height:24px;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");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;position:absolute;right:0;top:11px;transform:translateY(-50%) rotate(0);transition:transform 225ms ease-out;width:24px}.ilo--callout--footer{padding-block-start:calc(var(--ilo-spacing-base)*5)}.ilo--callout--icon{background-repeat:no-repeat;background-size:contain;display:block;height:1.2861736334rem;width:1.2861736334rem}.ilo--callout--icon__alert__error{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='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-2h2zm0-4h-2V7h2z'/%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='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-2h2zm0-4h-2V7h2z'/%3E%3C/svg%3E")}.ilo--callout--icon__alert__error,.ilo--callout--icon__alert__info{background-color:var(--ilo-color-white);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}.ilo--callout--icon__alert__info{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='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 15c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1m1-8h-2V7h2z'/%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='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 15c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1m1-8h-2V7h2z'/%3E%3C/svg%3E")}.ilo--callout--icon__alert__success{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='M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10m-5.5-9.437 1.65-1.688 2.2 2.25 5.5-5.625 1.65 1.688-7.15 7.312z' 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='M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10m-5.5-9.437 1.65-1.688 2.2 2.25 5.5-5.625 1.65 1.688-7.15 7.312z' clip-rule='evenodd'/%3E%3C/svg%3E")}.ilo--callout--icon__alert__success,.ilo--callout--icon__alert__warning{background-color:var(--ilo-color-white);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}.ilo--callout--icon__alert__warning{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='M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z'/%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='M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z'/%3E%3C/svg%3E")}
+@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.ilo--callout{display:flex;transition:max-height 225ms ease-out}.ilo--callout__collapse{max-height:3.4297963558rem;overflow:hidden}.ilo--callout__open{max-height:16.077170418rem;overflow:hidden}.ilo--callout__open .ilo--callout--toggle--icon{transform:translateY(-50%) rotate(180deg)}.ilo--callout__error{background:var(--ilo-color-red-ramp)}.ilo--callout__error .ilo--callout--sidebar{background:var(--ilo-color-red)}.ilo--callout__info{background:var(--ilo-color-blue-light)}.ilo--callout__info .ilo--callout--sidebar{background:var(--ilo-color-blue)}.ilo--callout__success{background:var(--ilo-color-green-ramp)}.ilo--callout__success .ilo--callout--sidebar{background:var(--ilo-color-green)}.ilo--callout__warning{background:var(--ilo-color-yellow-ramp)}.ilo--callout__warning .ilo--callout--sidebar{background:var(--ilo-color-yellow)}.ilo--callout--sidebar{align-items:center;display:flex;flex-direction:column;padding:calc(var(--ilo-spacing-base)*5) calc(var(--ilo-spacing-base)*2);width:2.1436227224rem}.ilo--callout--sidebar .ilo--callout__icon{margin:calc(var(--ilo-spacing-base)*1)}.ilo--callout--content{color:var(--ilo-color-gray-charcoal);font-size:.7502679528rem;padding:calc(var(--ilo-spacing-base)*6);width:100%}.ilo--callout--header{display:flex;justify-content:space-between;padding-block-end:calc(var(--ilo-spacing-base)*3)}.ilo--callout--title{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-medium);font-weight:700;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg)}.ilo--callout--description{font-weight:400}.ilo--callout--toggle{background:0 0;border:none;color:var(--ilo-color-blue-dark);cursor:pointer;font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-bold);font-weight:500;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg);padding-inline-end:calc(var(--ilo-spacing-base)*8);position:relative}.ilo--callout--toggle--icon{background-color:var(--ilo-color-blue-dark);background-position:100%;background-repeat:no-repeat;display:inline-block;height:24px;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");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;position:absolute;right:0;top:11px;transform:translateY(-50%) rotate(0);transition:transform 225ms ease-out;width:24px}.ilo--callout--footer{padding-block-start:calc(var(--ilo-spacing-base)*5)}.ilo--callout--icon{background-repeat:no-repeat;background-size:contain;display:block;height:1.2861736334rem;width:1.2861736334rem}.ilo--callout--icon__alert__error{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='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-2h2zm0-4h-2V7h2z'/%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='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-2h2zm0-4h-2V7h2z'/%3E%3C/svg%3E")}.ilo--callout--icon__alert__error,.ilo--callout--icon__alert__info{background-color:var(--ilo-color-white);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}.ilo--callout--icon__alert__info{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='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 15c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1m1-8h-2V7h2z'/%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='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 15c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1m1-8h-2V7h2z'/%3E%3C/svg%3E")}.ilo--callout--icon__alert__success{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='M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10m-5.5-9.437 1.65-1.688 2.2 2.25 5.5-5.625 1.65 1.688-7.15 7.312z' 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='M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10m-5.5-9.437 1.65-1.688 2.2 2.25 5.5-5.625 1.65 1.688-7.15 7.312z' clip-rule='evenodd'/%3E%3C/svg%3E")}.ilo--callout--icon__alert__success,.ilo--callout--icon__alert__warning{background-color:var(--ilo-color-white);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}.ilo--callout--icon__alert__warning{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='M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z'/%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='M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z'/%3E%3C/svg%3E")}