@ilo-org/react 0.26.0 → 0.27.1

package/lib/esm/_store/{Profile-chunk-BTvSWyom.js → Profile-chunk-S7Qd4zNr.js}

@@ -2,7 +2,7 @@ import { jsxs as s, jsx as r } from "react/jsx-runtime";
 import { forwardRef as p } from "react";
 import { c as $ } from "./index-chunk-CY3PQDr4.js";
 import { u as _ } from "./useGlobalSettings-chunk-BhfWlTcd.js";
-import { I as g } from "./Icon-chunk-B3pcCi1Q.js";
+import { I as g } from "./Icon-chunk-vcBEV-Wk.js";
 const C = p(
   ({
     avatar: t,

package/lib/esm/_store/Profile-entry-BaZd_1MC.js

@@ -0,0 +1,4 @@
+import { P as e } from "./Profile-chunk-S7Qd4zNr.js";
+export {
+  e as Profile
+};

package/lib/esm/_store/{SearchField-chunk-CZ2F5vv2.js → SearchField-chunk-662yU8Z7.js}

@@ -2,7 +2,7 @@ import { jsx as s, jsxs as t } from "react/jsx-runtime";
 import { forwardRef as w, useState as x, useId as F } from "react";
 import { c as g } from "./index-chunk-CY3PQDr4.js";
 import { u as k } from "./useGlobalSettings-chunk-BhfWlTcd.js";
-import { I as i } from "./Icon-chunk-B3pcCi1Q.js";
+import { I as i } from "./Icon-chunk-vcBEV-Wk.js";
 import { F as j } from "./FormControl-chunk-CA1OQzEu.js";
 const P = w(
   ({ action: f, callback: o, className: b, input: e }, C) => {

package/lib/esm/_store/SearchField-entry-Dbp8Z4ak.js

@@ -0,0 +1,4 @@
+import { S as a } from "./SearchField-chunk-662yU8Z7.js";
+export {
+  a as SearchField
+};

package/lib/esm/_store/{Tabs-chunk-CiBKN1wK.js → Tabs-chunk-rSUtyafl.js}

@@ -2,7 +2,7 @@ import { jsxs as c, jsx as n } from "react/jsx-runtime";
 import { useState as d, useEffect as u } from "react";
 import { u as N } from "./useGlobalSettings-chunk-BhfWlTcd.js";
 import { c as C } from "./index-chunk-CY3PQDr4.js";
-import { I } from "./Icon-chunk-B3pcCi1Q.js";
+import { I } from "./Icon-chunk-vcBEV-Wk.js";
 const S = ({
   items: o,
   className: i,

package/lib/esm/_store/Tabs-entry-Dus4wyx1.js

@@ -0,0 +1,4 @@
+import { T as r } from "./Tabs-chunk-rSUtyafl.js";
+export {
+  r as Tabs
+};

package/lib/esm/_store/Tag-chunk-BgilM5Hj.js

@@ -0,0 +1,59 @@
+import { jsx as s, Fragment as h, jsxs as v } from "react/jsx-runtime";
+import { createContext as T, useContext as _ } from "react";
+import { c as j } from "./index-chunk-CY3PQDr4.js";
+import { u as B } from "./useGlobalSettings-chunk-BhfWlTcd.js";
+import { I as S } from "./Icon-chunk-vcBEV-Wk.js";
+const k = T({}), z = ({
+  className: x,
+  children: a,
+  id: t,
+  url: C,
+  type: e,
+  callback: m,
+  ...c
+}) => {
+  const { prefix: u } = B(), { activeItems: n, setActiveItems: b, allowMultipleActive: d } = _(k), i = n.indexOf(t) > -1, r = `${u}--tag`, f = `${u}--tag-set__item`, N = e, l = j(x, {
+    [r]: !0,
+    [`${r}--active`]: i,
+    [`${r}--${e}`]: e,
+    "icon icon__position--right": !0
+  });
+  let p = i;
+  const I = (o) => {
+    const $ = n.includes(t) ? n.filter((A) => A !== t) : d ? [...n, t] : [t];
+    b($), p = !1, m && m(o);
+  };
+  return /* @__PURE__ */ s(h, { children: N === "button" ? /* @__PURE__ */ s(h, { children: (() => {
+    let o;
+    return p && (o = /* @__PURE__ */ s("li", { className: f, children: /* @__PURE__ */ v(
+      "button",
+      {
+        type: "button",
+        className: l,
+        onClick: (g) => I(g),
+        id: t,
+        ...c,
+        children: [
+          a,
+          /* @__PURE__ */ s(S, { name: "close", hidden: !0 })
+        ]
+      }
+    ) })), o;
+  })() }) : /* @__PURE__ */ v("li", { className: f, children: [
+    e === "anchor" && /* @__PURE__ */ s(
+      "a",
+      {
+        className: l,
+        href: i ? C : "",
+        id: t,
+        ...c,
+        children: a
+      }
+    ),
+    e === "display" && /* @__PURE__ */ s("span", { className: l, id: t, ...c, children: a })
+  ] }) });
+};
+export {
+  z as T,
+  k as a
+};

package/lib/esm/_store/{Tag-entry-CnUfb7ow.js → Tag-entry-CzbjOVIK.js}

@@ -1,5 +1,5 @@
-import { a as h } from "./Tag-chunk-Dl2zXTQ8.js";
-import { T as G } from "./Tag-chunk-Dl2zXTQ8.js";
+import { a as h } from "./Tag-chunk-BgilM5Hj.js";
+import { T as G } from "./Tag-chunk-BgilM5Hj.js";
 import { jsx as m } from "react/jsx-runtime";
 import { c as C } from "./index-chunk-CY3PQDr4.js";
 import { useState as d, useEffect as N, Children as O } from "react";

package/lib/esm/_store/{components-entry-DlfoU4Sn.js → components-entry-BtxPnvKg.js}

@@ -5,18 +5,18 @@ 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 { T } from "./Tag-chunk-BgilM5Hj.js";
+import { B as c } from "./Button-chunk-8dLLhQX7.js";
+import { C as P } 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 { N as R } from "./Notification-chunk-ChtPyASj.js";
+import { R as A } from "./ReadMore-chunk-Cv2A7uzo.js";
+import { L as h } from "./Textarea-chunk-CshU7TIs.js";
+import { C as E } from "./Callout-chunk-DwVsxKc9.js";
+import { L as w } 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";
@@ -28,29 +28,31 @@ 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 { S as fo } from "./SearchField-chunk-662yU8Z7.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 { I as To } from "./Icon-chunk-vcBEV-Wk.js";
+import { List as co } from "./List-entry-BX9gaFfD.js";
+import { P as Po } from "./Profile-chunk-S7Qd4zNr.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";
+import { F as ko } from "./Footer-chunk-DIcYIPfY.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 Ao, S as Bo, T as ho } from "./CardGroup-chunk-BtxfvFrZ.js";
+import { B as Eo } from "./Breadcrumb-chunk-C5nxxjB6.js";
+import { S as wo } from "./Status-chunk-CjagfPq5.js";
+import { T as Uo } from "./Tabs-chunk-rSUtyafl.js";
+import { A as qo } from "./AudioPlayer-chunk-C1ILnjha.js";
+import { L as Jo } from "./LanguageToggle-chunk-C51Ysq9D.js";
+import { M as Qo, S as Wo } from "./MainNav-chunk-Be68xvpH.js";
 export {
   a as Accordion,
-  Vo as Breadcrumb,
-  u as Button,
-  V as Callout,
+  qo as AudioPlayer,
+  Eo as Breadcrumb,
+  c as Button,
+  E as Callout,
   Io as CardGroup,
   Z as Checkbox,
   p as Collapse,
-  g as ContextMenu,
+  P as ContextMenu,
   Mo as DataCard,
   $ as DatePicker,
   Do as DetailCard,
@@ -59,7 +61,7 @@ export {
   Go as FactListCard,
   No as FeatureCard,
   b as Fieldset,
-  y as FileUpload,
+  w as FileUpload,
   ko as Footer,
   t as Form,
   k as GlobalProvider,
@@ -69,33 +71,33 @@ export {
   eo as HeroCard,
   To as Icon,
   i as Image,
-  qo as LanguageToggle,
+  Jo as LanguageToggle,
   q as Link,
   so as LinkList,
-  uo as List,
+  co as List,
   n as Loading,
-  Jo as MainNav,
+  Qo as MainNav,
   Ro as MultiLinkCard,
   R as Notification,
   J as NumberPicker,
   xo as Pagination,
-  go as Profile,
+  Po as Profile,
   vo as PromoCard,
   L as Radio,
-  B as ReadMore,
+  A as ReadMore,
   Q as RichText,
-  Bo as ScoreCard,
+  Ao as ScoreCard,
   fo as SearchField,
-  ho as StatCard,
-  yo as Status,
-  Ko as SubsiteNav,
+  Bo as StatCard,
+  wo as Status,
+  Wo as SubsiteNav,
   bo as TableOfContents,
   Uo as Tabs,
   T as Tag,
-  Ao as TextCard,
+  ho as TextCard,
   D as TextInput,
   G as TextInputArgs,
-  A as Textarea,
+  h as Textarea,
   X as Tooltip,
   no as Video
 };

package/lib/esm/index.js

@@ -4,19 +4,19 @@ 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 { L as l } from "./_store/Radio-chunk-DE8dWK4c.js";
+import { T as L } from "./_store/Tag-chunk-BgilM5Hj.js";
+import { B as c } from "./_store/Button-chunk-8dLLhQX7.js";
+import { C as P } 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 M, T as v } from "./_store/TextInput.args-chunk-RWwWDRZ4.js";
-import { N as D } from "./_store/Notification-chunk-B_ca8Swd.js";
+import { N as D } from "./_store/Notification-chunk-ChtPyASj.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 { L as h } from "./_store/Textarea-chunk-CshU7TIs.js";
+import { C as E } from "./_store/Callout-chunk-DwVsxKc9.js";
+import { L as V } 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";
@@ -28,42 +28,44 @@ 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 { S as fo } from "./_store/SearchField-chunk-662yU8Z7.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 { L as lo } from "./_store/Dropdown-chunk-_Rqp45VG.js";
+import { I as Lo } from "./_store/Icon-chunk-vcBEV-Wk.js";
 import { List as co } from "./_store/List-entry-BX9gaFfD.js";
-import { P as go } from "./_store/Profile-chunk-BTvSWyom.js";
+import { P as Po } from "./_store/Profile-chunk-S7Qd4zNr.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";
+import { F as ko } from "./_store/Footer-chunk-DIcYIPfY.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 Ao, T as ho } from "./_store/CardGroup-chunk-BtxfvFrZ.js";
+import { B as Eo } from "./_store/Breadcrumb-chunk-C5nxxjB6.js";
+import { S as Vo } from "./_store/Status-chunk-CjagfPq5.js";
+import { T as Uo } from "./_store/Tabs-chunk-rSUtyafl.js";
+import { A as qo } from "./_store/AudioPlayer-chunk-C1ILnjha.js";
+import { L as Jo } from "./_store/LanguageToggle-chunk-C51Ysq9D.js";
+import { M as Qo, S as Wo } from "./_store/MainNav-chunk-Be68xvpH.js";
+import { u as Yo } from "./_store/useGlobalSettings-chunk-BhfWlTcd.js";
+import { u as _o } from "./_store/usePrevious-chunk-BtJVllKj.js";
+import { u as or, a as rr } from "./_store/useOutsideClick-chunk-CWy5z-7S.js";
+import { u as er } from "./_store/useFocusTrap-chunk-YNgJEwcj.js";
 export {
   a as Accordion,
-  Oo as Breadcrumb,
+  qo as AudioPlayer,
+  Eo as Breadcrumb,
   c as Button,
-  O as Callout,
+  E as Callout,
   Ho as CardGroup,
   Z as Checkbox,
   p as Collapse,
-  g as ContextMenu,
+  P as ContextMenu,
   Io as DataCard,
   $ as DatePicker,
   Mo as DetailCard,
-  Co as Dropdown,
+  lo as Dropdown,
   m as Empty,
   vo as FactListCard,
   Bo as FeatureCard,
   b as Fieldset,
-  w as FileUpload,
+  V as FileUpload,
   ko as Footer,
   t as Form,
   k as GlobalProvider,
@@ -73,38 +75,38 @@ export {
   eo as HeroCard,
   Lo as Icon,
   i as Image,
-  qo as LanguageToggle,
+  Jo as LanguageToggle,
   q as Link,
   so as LinkList,
   co as List,
   u as Loading,
-  Jo as MainNav,
+  Qo as MainNav,
   Do as MultiLinkCard,
   D as Notification,
   J as NumberPicker,
   xo as Pagination,
-  go as Profile,
+  Po as Profile,
   No as PromoCard,
-  C as Radio,
+  l as Radio,
   R as ReadMore,
   Q as RichText,
   Ro as ScoreCard,
   fo as SearchField,
-  ho as StatCard,
-  wo as Status,
-  Ko as SubsiteNav,
+  Ao as StatCard,
+  Vo as Status,
+  Wo as SubsiteNav,
   bo as TableOfContents,
   Uo as Tabs,
   L as Tag,
-  Ao as TextCard,
+  ho as TextCard,
   M as TextInput,
   v as TextInputArgs,
-  A as Textarea,
+  h as Textarea,
   X as Tooltip,
   uo as Video,
-  _o as useBreakpoint,
-  rr as useFocusTrap,
-  Wo as useGlobalSettings,
-  $o as useOutsideClick,
-  Yo as usePrevious
+  or as useBreakpoint,
+  er as useFocusTrap,
+  Yo as useGlobalSettings,
+  rr as useOutsideClick,
+  _o as usePrevious
 };

package/lib/styles/components/accordion.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)}}@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}
+@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}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.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/audioplayer.css

@@ -0,0 +1 @@
+@charset "UTF-8";@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}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--audio-player--progress-bar{background-color:var(--ilo-color-gray-accessible);cursor:pointer;height:.4287245445rem;position:relative}.ilo--audio-player--progress-complete{--progress:0%;background-color:var(--ilo-color-yellow-500);height:100%;left:0;position:absolute;top:0;transition:width .5s;width:var(--progress)}.ilo--audio-player--body{align-items:center;background-color:var(--ilo-color-gray-charcoal);color:var(--ilo-color-white);display:grid;grid-template-areas:"left left" "center right";grid-template-columns:1fr 1fr;grid-template-rows:auto auto;padding:calc(var(--ilo-spacing-base)*3) 0;row-gap:calc(var(--ilo-spacing-base)*3)}.ilo--audio-player--left{border-bottom:1px solid var(--ilo-color-gray-accessible);grid-area:left;padding-block-end:calc(var(--ilo-spacing-base)*3);padding-inline:calc(var(--ilo-spacing-base)*3)}.ilo--audio-player--track-name{font-size:var(--ilo-font-size-sm);font-weight:var(--ilo-font-weight-medium);line-height:var(--ilo-line-height-lg)}.ilo--audio-player--track-details{color:var(--ilo-color-gray-light);display:flex;font-size:var(--ilo-font-size-xsm);line-height:var(--ilo-line-height-xlg)}.ilo--audio-player--track-creator:before{content:"•";margin-right:calc(var(--ilo-spacing-base)*2)}.ilo--audio-player--track-programme{text-wrap:nowrap}.ilo--audio-player--track-creator{margin-left:calc(var(--ilo-spacing-base)*2);text-wrap:nowrap}.ilo--audio-player--center{align-items:center;display:flex;gap:calc(var(--ilo-spacing-base)*1);grid-area:center;padding-inline-start:calc(var(--ilo-spacing-base)*3)}.ilo--audio-player--skip-button{border:none;cursor:pointer;display:flex;padding:calc(var(--ilo-spacing-base)*2)}.ilo--audio-player--skip-button:hover{background-color:var(--ilo-color-brand-100);color:var(--ilo-color-brand-600)}.ilo--audio-player--play-button{align-items:center;background-color:var(--ilo-color-yellow-500);border:none;border-radius:50%;color:var(--ilo-color-brand-800);cursor:pointer;display:flex;padding:calc(var(--ilo-spacing-base)*1)}.ilo--audio-player--play-button:hover{background-color:var(--ilo-color-brand-100)}[aria-label=Play] .ilo--audio-player--play-icon{display:block}[aria-label=Pause] .ilo--audio-player--play-icon,[aria-label=Play] .ilo--audio-player--pause-icon{display:none}[aria-label=Pause] .ilo--audio-player--pause-icon{display:block}.ilo--audio-player--right{align-items:center;display:flex;grid-area:right;justify-content:flex-end;padding-inline-end:calc(var(--ilo-spacing-base)*3)}.ilo--audio-player--duration{align-items:flex-end;display:flex;flex-direction:column}.ilo--audio-player--duration-played{font-size:var(--ilo-font-size-sm);font-weight:var(--ilo-font-weight-bold);line-height:var(--ilo-line-height-lg)}.ilo--audio-player--duration-total{color:var(--ilo-color-gray-light);font-size:var(--ilo-font-size-2xsm);line-height:var(--ilo-line-height-2xlg)}.ilo--audio-player--separator{border-left:1px solid var(--ilo-color-gray-accessible);height:32px;margin:calc(var(--ilo-spacing-base)*1) calc(var(--ilo-spacing-base)*3)}.ilo--audio-player--volume-icon{align-items:center;background:0 0;border:none;cursor:pointer;display:flex}[aria-label=Mute] .ilo--audio-player--sound-on-icon{display:block}[aria-label=Mute] .ilo--audio-player--sound-off-icon,[aria-label=Unmute] .ilo--audio-player--sound-on-icon{display:none}[aria-label=Unmute] .ilo--audio-player--sound-off-icon{display:block}.ilo--audio-player--volume-slider{--progress:100%;background:var(--ilo-color-yellow-500);background:linear-gradient(to right,var(--ilo-color-yellow-500) 0,var(--ilo-color-yellow-500) var(--progress,50%),var(--ilo-color-gray-accessible) var(--progress,50%),var(--ilo-color-gray-accessible) 100%);border-radius:4px;height:4px;margin-left:calc(var(--ilo-spacing-base)*1);width:50%}[dir=rtl] .ilo--audio-player--volume-slider{background:linear-gradient(to left,var(--ilo-color-yellow-500) 0,var(--ilo-color-yellow-500) var(--progress,50%),var(--ilo-color-gray-accessible) var(--progress,50%),var(--ilo-color-gray-accessible) 100%)}.ilo--audio-player--volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ilo-color-gray-light);border:none;border-radius:50%;cursor:pointer;height:16px;margin-top:-2px;width:16px}@media screen and (min-width:610px){.ilo--audio-player--body{grid-template-areas:"left center right";grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto}.ilo--audio-player--left{border-bottom:none;padding-block:0;padding-inline:calc(var(--ilo-spacing-base)*3) 0}.ilo--audio-player--center{justify-content:center;padding:0}.ilo--audio-player--volume-slider{width:40%}}

package/lib/styles/components/blockquote.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)}}@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}}
+@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}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.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)}}@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}
+@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}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.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)}}@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}
+@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}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.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 @@
-@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")}
+@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}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.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")}

package/lib/styles/components/card.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)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.ilo--card{background-color:var(--ilo-color-white);box-sizing:border-box;flex:1 1 var(--max-width);max-width:var(--max-width);position:relative;transition-property:border-bottom,filter;transition-timing-function:ease-out}.ilo--card,.ilo--card *{transition-duration:.15s}.ilo--card *{transition-property:color,background-color,border-color,opacity,fill,filter;transition-timing-function:ease-out}.ilo--card:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within){filter:drop-shadow(0 -4px 16px rgba(30,45,190,.05)) drop-shadow(0 10px 20px rgba(30,45,190,.08)) drop-shadow(0 4px 8px rgba(30,45,190,.05)) drop-shadow(0 .8px 1.6px rgba(30,45,190,.04))}.ilo--card:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--image--wrapper:before{opacity:.4}.ilo--card:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--picture{filter:saturate(0)}.ilo--card--wrap{height:100%}.ilo--card--wrapper{max-width:var(--max-width);transition-duration:.15s;transition-property:color,background-color,border-color,opacity,fill,filter;transition-timing-function:ease-out}.ilo--card--wrapper:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within){filter:drop-shadow(0 -4px 16px rgba(30,45,190,.05)) drop-shadow(0 10px 20px rgba(30,45,190,.08)) drop-shadow(0 4px 8px rgba(30,45,190,.05)) drop-shadow(0 .8px 1.6px rgba(30,45,190,.04))}.ilo--card--image--wrapper{position:relative}.ilo--card--image--wrapper:before{background-color:var(--ilo-color-blue);content:"";opacity:0;transition-duration:.15s;transition-property:opacity;transition-timing-function:ease-out;z-index:1}.ilo--card--image--wrapper:before,.ilo--card--link{height:100%;left:0;position:absolute;top:0;width:100%}.ilo--card--link{background:0 0;color:transparent;text-decoration:none;z-index:2}.ilo--card--link--text{border:0;height:1px;margin:-1px;padding:0;position:absolute;width:1px;clip:rect(0 0 0 0);overflow:hidden}.ilo--card--eyebrow{color:var(--ilo-color-purple);font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-sm);font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg);margin-bottom:calc(var(--ilo-spacing-base)*4)}.ilo--card--title{color:var(--ilo-color-blue-dark);font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-lg);font-weight:var(--ilo-font-weight-bold);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-lg);margin-bottom:calc(var(--ilo-spacing-base)*6)}.ilo--card--intro{color:var(--ilo-color-gray-charcoal);font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-2xlg)}.ilo--card--date{color:var(--ilo-gray-accessible);margin-bottom:calc(var(--ilo-spacing-base)*6)}.ilo--card--content--item,.ilo--card--date,.ilo--card--event-date{font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-sm);font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg)}.ilo--card--cta{position:relative;z-index:2}.ilo--card__theme__light{background:var(--ilo-color-white);border-bottom:.1607717042rem solid var(--ilo-color-gray-base);--ilo-skeleton-element-background-color:var(--ilo-color-gray-light)}.ilo--card__theme__soft{background:var(--ilo-color-blue-lighter)}.ilo--card__theme__light .ilo--card--date-extra,.ilo--card__theme__soft .ilo--card--date-extra{color:var(--ilo-color-gray-charcoal)}.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within),.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within){border-bottom:.1607717042rem solid var(--ilo-color-blue)}.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--content--item,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--date,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--date-extra,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--eyebrow,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--intro,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--title,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--profile,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--content--item,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--date,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--date-extra,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--eyebrow,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--intro,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--title,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--profile{color:var(--ilo-color-blue)}.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--content--item .ilo--icon,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--date .ilo--icon,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--date-extra .ilo--icon,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--eyebrow .ilo--icon,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--intro .ilo--icon,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--title .ilo--icon,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--profile .ilo--icon,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--content--item .ilo--icon,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--date .ilo--icon,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--date-extra .ilo--icon,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--eyebrow .ilo--icon,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--intro .ilo--icon,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--title .ilo--icon,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--profile .ilo--icon{fill:var(--ilo-color-blue)}.ilo--card__theme__dark{background:var(--ilo-color-blue-dark);border-bottom:.1607717042rem solid var(--ilo-color-red)}.ilo--card__theme__dark:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within){border-bottom:.1607717042rem solid var(--ilo-color-white)}.ilo--card__theme__dark .ilo--card--title{color:var(--ilo-color-white)}.ilo--card__theme__dark .ilo--card--content--item,.ilo--card__theme__dark .ilo--card--date,.ilo--card__theme__dark .ilo--card--date-extra,.ilo--card__theme__dark .ilo--card--eyebrow,.ilo--card__theme__dark .ilo--card--intro{color:var(--ilo-color-gray-light)}.ilo--card__theme__dark .ilo--card--content--item .ilo--icon{fill:var(--ilo-color-gray-light)}.ilo--card__size__fluid{--max-width:100%!important}.ilo--card__isvideo .ilo--card--image--wrapper{position:relative}.ilo--card__isvideo .ilo--card--image--wrapper:after,.ilo--card__isvideo .ilo--card--image--wrapper:before{background-position:50%;background-repeat:no-repeat;background-size:18px 20px;content:"";display:block;height:40px;left:0;position:absolute;top:0;width:40px;z-index:1}.ilo--card__isvideo .ilo--card--image--wrapper:before{background-color:var(--ilo-color-gray-charcoal)}.ilo--card__isvideo .ilo--card--image--wrapper:after{background-color:var(--ilo-color-gray-light);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='M17 12 9 6v12z'/%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='M17 12 9 6v12z'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}
+@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}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--card{background-color:var(--ilo-color-white);box-sizing:border-box;flex:1 1 var(--max-width);max-width:var(--max-width);position:relative;transition-property:border-bottom,filter;transition-timing-function:ease-out}.ilo--card,.ilo--card *{transition-duration:.15s}.ilo--card *{transition-property:color,background-color,border-color,opacity,fill,filter;transition-timing-function:ease-out}.ilo--card:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within){filter:drop-shadow(0 -4px 16px rgba(30,45,190,.05)) drop-shadow(0 10px 20px rgba(30,45,190,.08)) drop-shadow(0 4px 8px rgba(30,45,190,.05)) drop-shadow(0 .8px 1.6px rgba(30,45,190,.04))}.ilo--card:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--image--wrapper:before{opacity:.4}.ilo--card:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--picture{filter:saturate(0)}.ilo--card--wrap{height:100%}.ilo--card--wrapper{max-width:var(--max-width);transition-duration:.15s;transition-property:color,background-color,border-color,opacity,fill,filter;transition-timing-function:ease-out}.ilo--card--wrapper:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within){filter:drop-shadow(0 -4px 16px rgba(30,45,190,.05)) drop-shadow(0 10px 20px rgba(30,45,190,.08)) drop-shadow(0 4px 8px rgba(30,45,190,.05)) drop-shadow(0 .8px 1.6px rgba(30,45,190,.04))}.ilo--card--image--wrapper{position:relative}.ilo--card--image--wrapper:before{background-color:var(--ilo-color-blue);content:"";opacity:0;transition-duration:.15s;transition-property:opacity;transition-timing-function:ease-out;z-index:1}.ilo--card--image--wrapper:before,.ilo--card--link{height:100%;left:0;position:absolute;top:0;width:100%}.ilo--card--link{background:0 0;color:transparent;text-decoration:none;z-index:2}.ilo--card--link--text{border:0;height:1px;margin:-1px;padding:0;position:absolute;width:1px;clip:rect(0 0 0 0);overflow:hidden}.ilo--card--eyebrow{color:var(--ilo-color-purple);font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-sm);font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg);margin-bottom:calc(var(--ilo-spacing-base)*4)}.ilo--card--title{color:var(--ilo-color-blue-dark);font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-lg);font-weight:var(--ilo-font-weight-bold);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-lg);margin-bottom:calc(var(--ilo-spacing-base)*6)}.ilo--card--intro{color:var(--ilo-color-gray-charcoal);font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-2xlg)}.ilo--card--date{color:var(--ilo-gray-accessible);margin-bottom:calc(var(--ilo-spacing-base)*6)}.ilo--card--content--item,.ilo--card--date,.ilo--card--event-date{font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-sm);font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg)}.ilo--card--cta{position:relative;z-index:2}.ilo--card__theme__light{background:var(--ilo-color-white);border-bottom:.1607717042rem solid var(--ilo-color-gray-base);--ilo-skeleton-element-background-color:var(--ilo-color-gray-light)}.ilo--card__theme__soft{background:var(--ilo-color-blue-lighter)}.ilo--card__theme__light .ilo--card--date-extra,.ilo--card__theme__soft .ilo--card--date-extra{color:var(--ilo-color-gray-charcoal)}.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within),.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within){border-bottom:.1607717042rem solid var(--ilo-color-blue)}.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--content--item,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--date,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--date-extra,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--eyebrow,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--intro,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--title,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--profile,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--content--item,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--date,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--date-extra,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--eyebrow,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--intro,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--title,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--profile{color:var(--ilo-color-blue)}.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--content--item .ilo--icon,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--date .ilo--icon,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--date-extra .ilo--icon,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--eyebrow .ilo--icon,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--intro .ilo--icon,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--title .ilo--icon,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--profile .ilo--icon,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--content--item .ilo--icon,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--date .ilo--icon,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--date-extra .ilo--icon,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--eyebrow .ilo--icon,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--intro .ilo--icon,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--title .ilo--icon,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--profile .ilo--icon{fill:var(--ilo-color-blue)}.ilo--card__theme__dark{background:var(--ilo-color-blue-dark);border-bottom:.1607717042rem solid var(--ilo-color-red)}.ilo--card__theme__dark:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within){border-bottom:.1607717042rem solid var(--ilo-color-white)}.ilo--card__theme__dark .ilo--card--title{color:var(--ilo-color-white)}.ilo--card__theme__dark .ilo--card--content--item,.ilo--card__theme__dark .ilo--card--date,.ilo--card__theme__dark .ilo--card--date-extra,.ilo--card__theme__dark .ilo--card--eyebrow,.ilo--card__theme__dark .ilo--card--intro{color:var(--ilo-color-gray-light)}.ilo--card__theme__dark .ilo--card--content--item .ilo--icon{fill:var(--ilo-color-gray-light)}.ilo--card__size__fluid{--max-width:100%!important}.ilo--card__isvideo .ilo--card--image--wrapper{position:relative}.ilo--card__isvideo .ilo--card--image--wrapper:after,.ilo--card__isvideo .ilo--card--image--wrapper:before{background-position:50%;background-repeat:no-repeat;background-size:18px 20px;content:"";display:block;height:40px;left:0;position:absolute;top:0;width:40px;z-index:1}.ilo--card__isvideo .ilo--card--image--wrapper:before{background-color:var(--ilo-color-gray-charcoal)}.ilo--card__isvideo .ilo--card--image--wrapper:after{background-color:var(--ilo-color-gray-light);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='M17 12 9 6v12z'/%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='M17 12 9 6v12z'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}

package/lib/styles/components/cardgroup.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)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.ilo--cardgroup__collapsed .ilo--cardgroup--inner{gap:0!important}@media screen and (min-width:1024px){.ilo--cardgroup__count__one .ilo--cardgroup--inner{grid-template-columns:1fr}.ilo--cardgroup__count__two .ilo--cardgroup--inner{grid-template-columns:repeat(2,1fr)}.ilo--cardgroup__count__three .ilo--cardgroup--inner{grid-template-columns:repeat(3,1fr)}.ilo--cardgroup__count__four .ilo--cardgroup--inner{grid-template-columns:repeat(4,1fr)}}.ilo--cardgroup--inner{column-gap:1.7148981779rem;display:grid;grid-template-columns:1fr;grid-template-rows:auto;margin:auto;row-gap:1.7148981779rem;width:100%}.ilo--cardgroup .ilo--card,.ilo--cardgroup .ilo--card--wrapper{height:100%;max-width:100%;width:100%}.ilo--cardgroup--button-wrap{display:flex;justify-content:center;margin-top:calc(var(--ilo-spacing-base)*16);width:100%}
+@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}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--cardgroup__collapsed .ilo--cardgroup--inner{gap:0!important}@media screen and (min-width:1024px){.ilo--cardgroup__count__one .ilo--cardgroup--inner{grid-template-columns:1fr}.ilo--cardgroup__count__two .ilo--cardgroup--inner{grid-template-columns:repeat(2,1fr)}.ilo--cardgroup__count__three .ilo--cardgroup--inner{grid-template-columns:repeat(3,1fr)}.ilo--cardgroup__count__four .ilo--cardgroup--inner{grid-template-columns:repeat(4,1fr)}}.ilo--cardgroup--inner{column-gap:1.7148981779rem;display:grid;grid-template-columns:1fr;grid-template-rows:auto;margin:auto;row-gap:1.7148981779rem;width:100%}.ilo--cardgroup .ilo--card,.ilo--cardgroup .ilo--card--wrapper{height:100%;max-width:100%;width:100%}.ilo--cardgroup--button-wrap{display:flex;justify-content:center;margin-top:calc(var(--ilo-spacing-base)*16);width:100%}