welcome-ui 10.0.0-alpha.7 → 10.0.0-alpha.9

package/dist/Breadcrumb.js

@@ -1,19 +1,20 @@
 "use client";
 import './Breadcrumb.css';
-import { jsxs as A, jsx as w } from "react/jsx-runtime";
-import { forwardRef as re, Children as me, cloneElement as ze, useRef as M, useState as X, useCallback as q, useMemo as xe, useEffect as $ } from "react";
-import { Icon as ne } from "./Icon.js";
-import { c as ie } from "./index-PAaZGbyz.js";
+import { jsxs as I, jsx as w } from "react/jsx-runtime";
+import { forwardRef as ge, Children as me, cloneElement as ze, useRef as M, useState as X, useCallback as q, useMemo as xe, useEffect as $ } from "react";
+import { Icon as re } from "./Icon.js";
+import { c as ne } from "./index-PAaZGbyz.js";
 import { t as we } from "./throttle-BDBzFeFj.js";
-var g = [], Oe = function() {
+import { f as Oe } from "./forwardRefWithAs-8eP3ZN15.js";
+var g = [], Re = function() {
   return g.some(function(e) {
     return e.activeTargets.length > 0;
   });
-}, Re = function() {
+}, ye = function() {
   return g.some(function(e) {
     return e.skippedTargets.length > 0;
   });
-}, J = "ResizeObserver loop completed with undelivered notifications.", ye = function() {
+}, J = "ResizeObserver loop completed with undelivered notifications.", Ee = function() {
   var e;
   typeof ErrorEvent == "function" ? e = new ErrorEvent("error", {
     message: J
@@ -24,37 +25,37 @@ var g = [], Oe = function() {
 })(y || (y = {}));
 var m = function(e) {
   return Object.freeze(e);
-}, Ee = /* @__PURE__ */ function() {
+}, Be = /* @__PURE__ */ function() {
   function e(t, r) {
     this.inlineSize = t, this.blockSize = r, m(this);
   }
   return e;
-}(), oe = function() {
+}(), ie = function() {
   function e(t, r, n, i) {
     return this.x = t, this.y = r, this.width = n, this.height = i, this.top = this.y, this.left = this.x, this.bottom = this.top + this.height, this.right = this.left + this.width, m(this);
   }
   return e.prototype.toJSON = function() {
-    var t = this, r = t.x, n = t.y, i = t.top, s = t.right, o = t.bottom, u = t.left, l = t.width, c = t.height;
-    return { x: r, y: n, top: i, right: s, bottom: o, left: u, width: l, height: c };
+    var t = this, r = t.x, n = t.y, i = t.top, o = t.right, s = t.bottom, a = t.left, l = t.width, u = t.height;
+    return { x: r, y: n, top: i, right: o, bottom: s, left: a, width: l, height: u };
   }, e.fromRect = function(t) {
     return new e(t.x, t.y, t.width, t.height);
   }, e;
 }(), G = function(e) {
   return e instanceof SVGElement && "getBBox" in e;
-}, se = function(e) {
+}, oe = function(e) {
   if (G(e)) {
     var t = e.getBBox(), r = t.width, n = t.height;
     return !r && !n;
   }
-  var i = e, s = i.offsetWidth, o = i.offsetHeight;
-  return !(s || o || e.getClientRects().length);
+  var i = e, o = i.offsetWidth, s = i.offsetHeight;
+  return !(o || s || e.getClientRects().length);
 }, U = function(e) {
   var t;
   if (e instanceof Element)
     return !0;
   var r = (t = e == null ? void 0 : e.ownerDocument) === null || t === void 0 ? void 0 : t.defaultView;
   return !!(r && e instanceof r.Element);
-}, Be = function(e) {
+}, Te = function(e) {
   switch (e.tagName) {
     case "INPUT":
       if (e.type !== "image")
@@ -69,60 +70,60 @@ var m = function(e) {
       return !0;
   }
   return !1;
-}, R = typeof window < "u" ? window : {}, S = /* @__PURE__ */ new WeakMap(), Y = /auto|scroll/, Te = /^tb|vertical/, Se = /msie|trident/i.test(R.navigator && R.navigator.userAgent), f = function(e) {
+}, R = typeof window < "u" ? window : {}, S = /* @__PURE__ */ new WeakMap(), Y = /auto|scroll/, Se = /^tb|vertical/, _e = /msie|trident/i.test(R.navigator && R.navigator.userAgent), h = function(e) {
   return parseFloat(e || "0");
 }, x = function(e, t, r) {
-  return e === void 0 && (e = 0), t === void 0 && (t = 0), r === void 0 && (r = !1), new Ee((r ? t : e) || 0, (r ? e : t) || 0);
+  return e === void 0 && (e = 0), t === void 0 && (t = 0), r === void 0 && (r = !1), new Be((r ? t : e) || 0, (r ? e : t) || 0);
 }, j = m({
   devicePixelContentBoxSize: x(),
   borderBoxSize: x(),
   contentBoxSize: x(),
-  contentRect: new oe(0, 0, 0, 0)
-}), ae = function(e, t) {
+  contentRect: new ie(0, 0, 0, 0)
+}), se = function(e, t) {
   if (t === void 0 && (t = !1), S.has(e) && !t)
     return S.get(e);
-  if (se(e))
+  if (oe(e))
     return S.set(e, j), j;
-  var r = getComputedStyle(e), n = G(e) && e.ownerSVGElement && e.getBBox(), i = !Se && r.boxSizing === "border-box", s = Te.test(r.writingMode || ""), o = !n && Y.test(r.overflowY || ""), u = !n && Y.test(r.overflowX || ""), l = n ? 0 : f(r.paddingTop), c = n ? 0 : f(r.paddingRight), v = n ? 0 : f(r.paddingBottom), h = n ? 0 : f(r.paddingLeft), E = n ? 0 : f(r.borderTopWidth), a = n ? 0 : f(r.borderRightWidth), d = n ? 0 : f(r.borderBottomWidth), p = n ? 0 : f(r.borderLeftWidth), b = h + c, z = l + v, O = p + a, D = E + d, F = u ? e.offsetHeight - D - e.clientHeight : 0, H = o ? e.offsetWidth - O - e.clientWidth : 0, he = i ? b + O : 0, pe = i ? z + D : 0, B = n ? n.width : f(r.width) - he - H, T = n ? n.height : f(r.height) - pe - F, be = B + b + H + O, ge = T + z + F + D, V = m({
-    devicePixelContentBoxSize: x(Math.round(B * devicePixelRatio), Math.round(T * devicePixelRatio), s),
-    borderBoxSize: x(be, ge, s),
-    contentBoxSize: x(B, T, s),
-    contentRect: new oe(h, l, B, T)
+  var r = getComputedStyle(e), n = G(e) && e.ownerSVGElement && e.getBBox(), i = !_e && r.boxSizing === "border-box", o = Se.test(r.writingMode || ""), s = !n && Y.test(r.overflowY || ""), a = !n && Y.test(r.overflowX || ""), l = n ? 0 : h(r.paddingTop), u = n ? 0 : h(r.paddingRight), f = n ? 0 : h(r.paddingBottom), v = n ? 0 : h(r.paddingLeft), E = n ? 0 : h(r.borderTopWidth), c = n ? 0 : h(r.borderRightWidth), d = n ? 0 : h(r.borderBottomWidth), p = n ? 0 : h(r.borderLeftWidth), b = v + u, z = l + f, O = p + c, D = E + d, F = a ? e.offsetHeight - D - e.clientHeight : 0, H = s ? e.offsetWidth - O - e.clientWidth : 0, fe = i ? b + O : 0, he = i ? z + D : 0, B = n ? n.width : h(r.width) - fe - H, T = n ? n.height : h(r.height) - he - F, pe = B + b + H + O, be = T + z + F + D, V = m({
+    devicePixelContentBoxSize: x(Math.round(B * devicePixelRatio), Math.round(T * devicePixelRatio), o),
+    borderBoxSize: x(pe, be, o),
+    contentBoxSize: x(B, T, o),
+    contentRect: new ie(v, l, B, T)
   });
   return S.set(e, V), V;
-}, ce = function(e, t, r) {
-  var n = ae(e, r), i = n.borderBoxSize, s = n.contentBoxSize, o = n.devicePixelContentBoxSize;
+}, ae = function(e, t, r) {
+  var n = se(e, r), i = n.borderBoxSize, o = n.contentBoxSize, s = n.devicePixelContentBoxSize;
   switch (t) {
     case y.DEVICE_PIXEL_CONTENT_BOX:
-      return o;
+      return s;
     case y.BORDER_BOX:
       return i;
     default:
-      return s;
+      return o;
   }
-}, _e = /* @__PURE__ */ function() {
+}, Ce = /* @__PURE__ */ function() {
   function e(t) {
-    var r = ae(t);
+    var r = se(t);
     this.target = t, this.contentRect = r.contentRect, this.borderBoxSize = m([r.borderBoxSize]), this.contentBoxSize = m([r.contentBoxSize]), this.devicePixelContentBoxSize = m([r.devicePixelContentBoxSize]);
   }
   return e;
-}(), le = function(e) {
-  if (se(e))
+}(), ce = function(e) {
+  if (oe(e))
     return 1 / 0;
   for (var t = 0, r = e.parentNode; r; )
     t += 1, r = r.parentNode;
   return t;
-}, Ce = function() {
+}, Ne = function() {
   var e = 1 / 0, t = [];
-  g.forEach(function(o) {
-    if (o.activeTargets.length !== 0) {
-      var u = [];
-      o.activeTargets.forEach(function(c) {
-        var v = new _e(c.target), h = le(c.target);
-        u.push(v), c.lastReportedSize = ce(c.target, c.observedBox), h < e && (e = h);
+  g.forEach(function(s) {
+    if (s.activeTargets.length !== 0) {
+      var a = [];
+      s.activeTargets.forEach(function(u) {
+        var f = new Ce(u.target), v = ce(u.target);
+        a.push(f), u.lastReportedSize = ae(u.target, u.observedBox), v < e && (e = v);
       }), t.push(function() {
-        o.callback.call(o.observer, u, o.observer);
-      }), o.activeTargets.splice(0, o.activeTargets.length);
+        s.callback.call(s.observer, a, s.observer);
+      }), s.activeTargets.splice(0, s.activeTargets.length);
     }
   });
   for (var r = 0, n = t; r < n.length; r++) {
@@ -133,35 +134,35 @@ var m = function(e) {
 }, K = function(e) {
   g.forEach(function(r) {
     r.activeTargets.splice(0, r.activeTargets.length), r.skippedTargets.splice(0, r.skippedTargets.length), r.observationTargets.forEach(function(i) {
-      i.isActive() && (le(i.target) > e ? r.activeTargets.push(i) : r.skippedTargets.push(i));
+      i.isActive() && (ce(i.target) > e ? r.activeTargets.push(i) : r.skippedTargets.push(i));
     });
   });
-}, Ne = function() {
+}, ke = function() {
   var e = 0;
-  for (K(e); Oe(); )
-    e = Ce(), K(e);
-  return Re() && ye(), e > 0;
-}, L, ue = [], ke = function() {
-  return ue.splice(0).forEach(function(e) {
+  for (K(e); Re(); )
+    e = Ne(), K(e);
+  return ye() && Ee(), e > 0;
+}, L, le = [], De = function() {
+  return le.splice(0).forEach(function(e) {
     return e();
   });
-}, De = function(e) {
+}, Me = function(e) {
   if (!L) {
     var t = 0, r = document.createTextNode(""), n = { characterData: !0 };
     new MutationObserver(function() {
-      return ke();
+      return De();
     }).observe(r, n), L = function() {
       r.textContent = "".concat(t ? t-- : t++);
     };
   }
-  ue.push(e), L();
-}, Me = function(e) {
-  De(function() {
+  le.push(e), L();
+}, Le = function(e) {
+  Me(function() {
     requestAnimationFrame(e);
   });
-}, N = 0, Le = function() {
+}, N = 0, We = function() {
   return !!N;
-}, Ie = 250, We = { attributes: !0, characterData: !0, childList: !0, subtree: !0 }, Q = [
+}, Ae = 250, Ie = { attributes: !0, characterData: !0, childList: !0, subtree: !0 }, Q = [
   "resize",
   "load",
   "transitionend",
@@ -178,7 +179,7 @@ var m = function(e) {
   "focus"
 ], Z = function(e) {
   return e === void 0 && (e = 0), Date.now() + e;
-}, I = !1, Ae = function() {
+}, W = !1, Pe = function() {
   function e() {
     var t = this;
     this.stopped = !0, this.listener = function() {
@@ -187,15 +188,15 @@ var m = function(e) {
   }
   return e.prototype.run = function(t) {
     var r = this;
-    if (t === void 0 && (t = Ie), !I) {
-      I = !0;
+    if (t === void 0 && (t = Ae), !W) {
+      W = !0;
       var n = Z(t);
-      Me(function() {
+      Le(function() {
         var i = !1;
         try {
-          i = Ne();
+          i = ke();
         } finally {
-          if (I = !1, t = n - Z(), !Le())
+          if (W = !1, t = n - Z(), !We())
             return;
           i ? r.run(1e3) : t > 0 ? r.run(t) : r.start();
         }
@@ -205,7 +206,7 @@ var m = function(e) {
     this.stop(), this.run();
   }, e.prototype.observe = function() {
     var t = this, r = function() {
-      return t.observer && t.observer.observe(document.body, We);
+      return t.observer && t.observer.observe(document.body, Ie);
     };
     document.body ? r() : R.addEventListener("DOMContentLoaded", r);
   }, e.prototype.start = function() {
@@ -219,11 +220,11 @@ var m = function(e) {
       return R.removeEventListener(r, t.listener, !0);
     }), this.stopped = !0);
   }, e;
-}(), P = new Ae(), ee = function(e) {
+}(), P = new Pe(), ee = function(e) {
   !N && e > 0 && P.start(), N += e, !N && P.stop();
-}, Pe = function(e) {
-  return !G(e) && !Be(e) && getComputedStyle(e).display === "inline";
-}, Ge = function() {
+}, Ge = function(e) {
+  return !G(e) && !Te(e) && getComputedStyle(e).display === "inline";
+}, Fe = function() {
   function e(t, r) {
     this.target = t, this.observedBox = r || y.CONTENT_BOX, this.lastReportedSize = {
       inlineSize: 0,
@@ -231,10 +232,10 @@ var m = function(e) {
     };
   }
   return e.prototype.isActive = function() {
-    var t = ce(this.target, this.observedBox, !0);
-    return Pe(this.target) && (this.lastReportedSize = t), this.lastReportedSize.inlineSize !== t.inlineSize || this.lastReportedSize.blockSize !== t.blockSize;
+    var t = ae(this.target, this.observedBox, !0);
+    return Ge(this.target) && (this.lastReportedSize = t), this.lastReportedSize.inlineSize !== t.inlineSize || this.lastReportedSize.blockSize !== t.blockSize;
   }, e;
-}(), Fe = /* @__PURE__ */ function() {
+}(), He = /* @__PURE__ */ function() {
   function e(t, r) {
     this.activeTargets = [], this.skippedTargets = [], this.observationTargets = [], this.observer = t, this.callback = r;
   }
@@ -248,21 +249,21 @@ var m = function(e) {
   function e() {
   }
   return e.connect = function(t, r) {
-    var n = new Fe(t, r);
+    var n = new He(t, r);
     _.set(t, n);
   }, e.observe = function(t, r, n) {
-    var i = _.get(t), s = i.observationTargets.length === 0;
-    te(i.observationTargets, r) < 0 && (s && g.push(i), i.observationTargets.push(new Ge(r, n && n.box)), ee(1), P.schedule());
+    var i = _.get(t), o = i.observationTargets.length === 0;
+    te(i.observationTargets, r) < 0 && (o && g.push(i), i.observationTargets.push(new Fe(r, n && n.box)), ee(1), P.schedule());
   }, e.unobserve = function(t, r) {
-    var n = _.get(t), i = te(n.observationTargets, r), s = n.observationTargets.length === 1;
-    i >= 0 && (s && g.splice(g.indexOf(n), 1), n.observationTargets.splice(i, 1), ee(-1));
+    var n = _.get(t), i = te(n.observationTargets, r), o = n.observationTargets.length === 1;
+    i >= 0 && (o && g.splice(g.indexOf(n), 1), n.observationTargets.splice(i, 1), ee(-1));
   }, e.disconnect = function(t) {
     var r = this, n = _.get(t);
     n.observationTargets.slice().forEach(function(i) {
       return r.unobserve(t, i.target);
     }), n.activeTargets.splice(0, n.activeTargets.length);
   }, e;
-}(), He = function() {
+}(), Ve = function() {
   function e(t) {
     if (arguments.length === 0)
       throw new TypeError("Failed to construct 'ResizeObserver': 1 argument required, but only 0 present.");
@@ -288,88 +289,89 @@ var m = function(e) {
     return "function ResizeObserver () { [polyfill code] }";
   }, e;
 }();
-const Ve = (e, t, r) => Math.min(Math.max(e, t), r), Xe = "_root_1oz46_2", qe = "_list_1oz46_14", ve = {
-  root: Xe,
-  list: qe,
+const Xe = (e, t, r) => Math.min(Math.max(e, t), r), qe = "_root_1oz46_2", $e = "_list_1oz46_14", ue = {
+  root: qe,
+  list: $e,
   "start-gradient": "_start-gradient_1oz46_25",
   "end-gradient": "_end-gradient_1oz46_29",
   "item-wrapper": "_item-wrapper_1oz46_40",
   "item-content": "_item-content_1oz46_45",
   "item-separator": "_item-separator_1oz46_65"
-}, W = ie(ve), de = re(
+}, A = ne(ue), ve = Oe(
   ({
-    children: e,
-    collapsed: t,
-    "data-testid": r,
-    icon: n,
-    isActive: i,
+    as: e = "a",
+    children: t,
+    collapsed: r,
+    "data-testid": n,
+    icon: i,
+    isActive: o,
     separator: s,
-    ...o
-  }, u) => {
-    const l = o.href || o.to, c = !!(t && !i);
+    ...a
+  }, l) => {
+    const u = a.href || a.to, f = !!(r && !o);
     let v;
-    return c ? v = "ellipsis-h" : n === !0 ? v = i ? "folder-open" : "folder" : n && (v = n), /* @__PURE__ */ A("li", { "aria-label": "breadcrumb", className: W("item-wrapper"), "data-testid": r, children: [
-      s ? /* @__PURE__ */ w("span", { className: W("item-separator"), role: "presentation", children: s }) : null,
-      /* @__PURE__ */ A(
-        "a",
+    return f ? v = "ellipsis-h" : i === !0 ? v = o ? "folder-open" : "folder" : i && (v = i), /* @__PURE__ */ I("li", { "aria-label": "breadcrumb", className: A("item-wrapper"), "data-testid": n, children: [
+      s ? /* @__PURE__ */ w("span", { className: A("item-separator"), role: "presentation", children: s }) : null,
+      /* @__PURE__ */ I(
+        e,
         {
-          "aria-current": i ? "page" : void 0,
-          "aria-disabled": !l,
-          ...o,
-          className: W("item-content", o.className),
-          ref: u,
+          "aria-current": o ? "page" : void 0,
+          "aria-disabled": !u,
+          ...a,
+          className: A("item-content", a.className),
+          ref: l,
           children: [
-            v ? /* @__PURE__ */ w(ne, { name: v, size: "md" }) : null,
-            c ? null : e
+            v ? /* @__PURE__ */ w(re, { name: v, size: "md" }) : null,
+            f ? null : t
           ]
         }
       )
     ] });
   }
 );
-de.displayName = "Breadcrumb.Item";
-const k = ie(ve), fe = re(
+ve.displayName = "Breadcrumb.Item";
+const k = ne(ue), de = ge(
   ({
     children: e,
     icon: t,
     lastChildNotClickable: r = !0,
-    separator: n = /* @__PURE__ */ w(ne, { name: "angle-right-b", size: "md" }),
+    separator: n = /* @__PURE__ */ w(re, { name: "angle-right-b", size: "md" }),
     ...i
-  }, s) => {
-    const o = me.toArray(e).filter(Boolean), u = o.length, l = o.map((a, d) => {
-      const p = u === 1 || u === d + 1;
-      return ze(a, {
+  }, o) => {
+    const s = me.toArray(e).filter(Boolean), a = s.length, l = s.map((c, d) => {
+      const p = a === 1 || a === d + 1;
+      return ze(c, {
         icon: t,
         isActive: p && r,
         key: `breadcrumb-${d}`,
         separator: p ? void 0 : n,
-        ...a.props
+        ...c.props
       });
-    }), { endGradient: c, listRef: v, onListScroll: h, startGradient: E } = $e();
-    return /* @__PURE__ */ A("nav", { ref: s, ...i, className: k("root", i.className), children: [
+    }), { endGradient: u, listRef: f, onListScroll: v, startGradient: E } = Je();
+    return /* @__PURE__ */ I("nav", { ref: o, ...i, className: k("root", i.className), children: [
       E,
-      /* @__PURE__ */ w("ol", { className: k("list"), dir: "rtl", onScroll: h, ref: v, children: l.reverse() }),
-      c
+      /* @__PURE__ */ w("ol", { className: k("list"), dir: "rtl", onScroll: v, ref: f, children: l.reverse() }),
+      u
     ] });
   }
 );
-fe.displayName = "Breadcrumb";
-const Qe = Object.assign(fe, {
-  Item: de
-}), $e = () => {
-  const e = M(null), t = M(), r = M(), [n, i] = X(!1), [s, o] = X(0), u = (a, d) => {
-    a && (a.style.transform = `scale3d(${d}, 1, 1)`);
-  }, l = q((a) => {
-    const d = 1 - a;
-    u(t.current, d), u(r.current, a);
-  }, []), c = q(() => {
+de.displayName = "Breadcrumb";
+const et = Object.assign(de, {
+  Item: ve
+}), Je = () => {
+  const e = M(null), t = M(), r = M(), [n, i] = X(!1), [o, s] = X(0), a = (c, d) => {
+    c && (c.style.transform = `scale3d(${d}, 1, 1)`);
+  }, l = q((c) => {
+    const d = 1 - c;
+    a(t.current, d), a(r.current, c);
+  }, []), u = q(() => {
     const {
-      current: { offsetWidth: a, scrollLeft: d, scrollWidth: p }
-    } = e, b = p - a, O = Ve(Math.abs(d - s), 0, b) / b;
+      current: { offsetWidth: c, scrollLeft: d, scrollWidth: p }
+    } = e, b = p - c, O = Xe(Math.abs(d - o), 0, b) / b;
     l(O);
-  }, [s, l]), v = xe(
+  }, [o, l]), f = xe(
     () => we(
-      (a) => {
+      (c) => {
         const [
           {
             // Is offsetWidth really needed ?
@@ -377,21 +379,21 @@ const Qe = Object.assign(fe, {
             // @ts-ignore
             target: { offsetWidth: d, scrollLeft: p, scrollWidth: b }
           }
-        ] = a, z = b - d;
-        s || o(p === 0 ? 0 : z), i(z > 0);
+        ] = c, z = b - d;
+        o || s(p === 0 ? 0 : z), i(z > 0);
       },
       300,
       !1
     ),
-    [s]
+    [o]
   );
   $(() => {
-    const a = new He(v);
-    return a.observe(e.current), () => a.disconnect();
+    const c = new Ve(f);
+    return c.observe(e.current), () => c.disconnect();
   }, []), $(() => {
     t.current && r.current && l(0);
   }, [n, l]);
-  const h = n ? /* @__PURE__ */ w(
+  const v = n ? /* @__PURE__ */ w(
     "span",
     {
       className: k("start-gradient", "bg-linear-to-r  from-neutral-10 to-transparent"),
@@ -404,9 +406,9 @@ const Qe = Object.assign(fe, {
       className: k("end-gradient", "bg-linear-to-l from-neutral-10 to-transparent"),
       ref: r
     }
-  ) : null, listRef: e, onListScroll: c, startGradient: h };
+  ) : null, listRef: e, onListScroll: u, startGradient: v };
 };
 export {
-  Qe as Breadcrumb,
-  fe as BreadcrumbComponent
+  et as Breadcrumb,
+  de as BreadcrumbComponent
 };

package/dist/Radio.css

@@ -1 +1 @@
-@layer components{._root_b4f3u_2{display:flex;align-items:flex-start;gap:var(--components-dimensions-radio-indicator-size);flex-direction:row}._input-wrapper_b4f3u_8{flex-shrink:0;position:relative;align-items:center;display:flex;align-self:flex-start}._input_b4f3u_8{border-radius:var(--components-dimensions-radio-indicator-border-radius);order:-1;position:relative;outline:none;padding:0;transition:var(--duration-medium) var(--timing-primary);border-style:solid;border-width:var(--components-dimensions-radio-border-width-unchecked);border-color:var(--borderColor, var(--components-colors-radio-color-border-unchecked-default));color:var(--components-colors-radio-color-background-unchecked-default);height:var(--components-dimensions-radio-size);width:var(--components-dimensions-radio-size);margin-top:var(--border-radius-sm);cursor:var(--inputCursor, pointer)}._input_b4f3u_8:hover{--borderColor: var(--components-colors-radio-color-border-unchecked-hover)}._input_b4f3u_8._disabled_b4f3u_34{background-color:var(--components-colors-radio-indicator-color-background-disabled);--inputCursor: not-allowed}._input_b4f3u_8._variant-danger_b4f3u_38{--borderColor: var(--color-background-danger-strongest)}._input_b4f3u_8._variant-warning_b4f3u_41{--borderColor: var(--color-background-warning-stronger)}._input_b4f3u_8:after{content:"";position:absolute;width:var(--components-dimensions-radio-indicator-size);height:var(--components-dimensions-radio-indicator-size);border-radius:var(--components-dimensions-radio-indicator-border-radius);top:calc((var(--components-dimensions-radio-size) - var(--components-dimensions-radio-indicator-size)) / 2 - var(--components-dimensions-radio-border-width-unchecked));left:calc((var(--components-dimensions-radio-size) - var(--components-dimensions-radio-indicator-size)) / 2 - var(--components-dimensions-radio-border-width-unchecked));transition:var(--duration-medium);background-color:var(--backgroundColor, transparent)}._input_b4f3u_8[aria-checked=true]:not([disabled]){--borderColor: var(--components-colors-radio-indicator-color-background-default);color:var(--color-background-neutral-primary-fixed)}._input_b4f3u_8[aria-checked=true][disabled]:after{--backgroundColor: var(--components-colors-radio-indicator-color-background-hover)}._input_b4f3u_8[aria-checked=true]:after{--backgroundColor: var(--components-colors-radio-indicator-color-background-default)}._label-with-hint_b4f3u_67{display:flex;flex-direction:column}._hint_b4f3u_71{margin-top:0}}
+@layer components{._root_yfym3_2{display:flex;align-items:flex-start;flex-direction:row;gap:var(--components-dimensions-radio-indicator-size)}._input-wrapper_yfym3_8{display:flex;position:relative;align-items:center;align-self:flex-start;flex-shrink:0}._input_yfym3_8{position:relative;order:-1;padding:0;margin-top:var(--border-radius-sm);width:var(--components-dimensions-radio-size);height:var(--components-dimensions-radio-size);border-style:solid;border-radius:var(--components-dimensions-radio-indicator-border-radius);border-width:var(--borderWidth, var(--components-dimensions-radio-border-width-unchecked));border-color:var(--borderColor, var(--components-colors-radio-color-border-unchecked-default));color:var(--components-colors-radio-color-background-unchecked-default);cursor:var(--inputCursor, pointer);outline:none;box-shadow:var(--inputBoxShadow, var(--inset-5)) inset}._input_yfym3_8:focus-visible:not([disabled]){outline-style:solid;outline-width:var(--components-dimensions-radio-border-width-focused);outline-color:var(--components-colors-radio-color-border-focused);outline-offset:0px}._input_yfym3_8:hover{--borderColor: var(--components-colors-radio-color-border-unchecked-hover);--inputBoxShadow: var(--inset-10)}._input_yfym3_8:disabled{background-color:var(--components-colors-radio-color-background-unchecked-disabled);border-color:var(--components-colors-radio-color-border-unchecked-disabled);--inputCursor: not-allowed;--inputBoxShadow: none}._input_yfym3_8._variant-danger_yfym3_47{--borderColor: var(--color-background-danger-strongest)}._input_yfym3_8:after{content:"";position:absolute;width:var(--components-dimensions-radio-indicator-size);height:var(--components-dimensions-radio-indicator-size);border-radius:var(--components-dimensions-radio-indicator-border-radius);top:calc((var(--components-dimensions-radio-size) - var(--components-dimensions-radio-indicator-size)) / 2 - var(--components-dimensions-radio-border-width-checked));left:calc((var(--components-dimensions-radio-size) - var(--components-dimensions-radio-indicator-size)) / 2 - var(--components-dimensions-radio-border-width-checked));background-color:var(--backgroundColor, transparent)}._input_yfym3_8[aria-checked=true]{--backgroundColor: var(--components-colors-radio-indicator-color-background-default);--borderWidth: var(--components-dimensions-radio-border-width-checked)}._input_yfym3_8[aria-checked=true]:not([disabled]){--borderColor: var(--components-colors-radio-indicator-color-background-default);color:var(--color-background-neutral-primary-fixed)}._input_yfym3_8[aria-checked=true]:not([disabled]):hover{--backgroundColor: var(--components-colors-radio-indicator-color-background-hover);--borderColor: var(--components-colors-radio-indicator-color-background-hover)}._input_yfym3_8[aria-checked=true][disabled]{--backgroundColor: var(--components-colors-radio-indicator-color-background-disabled)}._label-with-hint_yfym3_77{display:flex;flex-direction:column}._hint_yfym3_81{margin-top:0}}

package/dist/Radio.js

@@ -1,64 +1,62 @@
 "use client";
 import './Radio.css';
-import { jsxs as d, jsx as t } from "react/jsx-runtime";
-import { R as b } from "./SQZLCNLX-Dg4KKdNJ.js";
-import { forwardRef as h } from "react";
+import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import { R as y } from "./SQZLCNLX-Dg4KKdNJ.js";
+import { forwardRef as u } from "react";
 import { Hint as w } from "./Hint.js";
-import { Label as v } from "./Label.js";
-import { c as N } from "./index-PAaZGbyz.js";
-const R = "_root_b4f3u_2", g = "_input_b4f3u_8", x = "_disabled_b4f3u_34", $ = "_hint_b4f3u_71", j = {
+import { Label as N } from "./Label.js";
+import { c as v } from "./index-PAaZGbyz.js";
+const R = "_root_yfym3_2", b = "_input_yfym3_8", x = "_hint_yfym3_81", $ = {
   root: R,
-  "input-wrapper": "_input-wrapper_b4f3u_8",
-  input: g,
-  disabled: x,
-  "variant-danger": "_variant-danger_b4f3u_38",
-  "variant-warning": "_variant-warning_b4f3u_41",
-  "label-with-hint": "_label-with-hint_b4f3u_67",
-  hint: $
-}, a = N(j), y = h(
+  "input-wrapper": "_input-wrapper_yfym3_8",
+  input: b,
+  "variant-danger": "_variant-danger_yfym3_47",
+  "label-with-hint": "_label-with-hint_yfym3_77",
+  hint: x
+}, t = v($), g = u(
   ({
-    className: _,
+    className: e,
     dataTestId: i,
-    disabled: o,
-    hint: s,
-    label: r,
+    disabled: p,
+    hint: n,
+    label: a,
     onChange: l,
-    onClick: e,
+    onClick: s,
     value: c,
-    variant: p = "default",
-    ...u
+    variant: d = "default",
+    ..._
   }, f) => {
-    const m = (n) => {
-      n.stopPropagation(), e && e(n), l && l(n);
+    const h = (o) => {
+      o.stopPropagation(), s && s(o), l && l(o);
     };
-    return /* @__PURE__ */ d(v, { className: a("root", _), onClick: m, children: [
-      /* @__PURE__ */ t("div", { className: a("input-wrapper"), children: /* @__PURE__ */ t(
-        b,
+    return /* @__PURE__ */ m(N, { className: t("root", e), onClick: h, children: [
+      /* @__PURE__ */ r("div", { className: t("input-wrapper"), children: /* @__PURE__ */ r(
+        y,
         {
-          "aria-label": r,
-          className: a("input", `variant-${p}`, o && "disabled"),
+          "aria-label": a,
+          className: t("input", `variant-${d}`),
           "data-testid": i,
-          disabled: o,
+          disabled: p,
           ref: f,
           value: c,
-          ...u
+          ..._
         }
       ) }),
-      r ? /* @__PURE__ */ d("div", { className: a("label-with-hint"), children: [
-        /* @__PURE__ */ t("div", { "data-testid": i ? `${i}-label` : void 0, children: r }),
-        s ? /* @__PURE__ */ t(
+      a ? /* @__PURE__ */ m("div", { className: t("label-with-hint"), children: [
+        /* @__PURE__ */ r("div", { "data-testid": i ? `${i}-label` : void 0, children: a }),
+        n ? /* @__PURE__ */ r(
           w,
           {
-            className: a("hint"),
+            className: t("hint"),
             "data-testid": i ? `${i}-hint` : void 0,
-            children: s
+            children: n
           }
         ) : null
       ] }) : null
     ] });
   }
 );
-y.displayName = "Radio";
+g.displayName = "Radio";
 export {
-  y as Radio
+  g as Radio
 };

package/dist/theme.css

@@ -1 +1 @@
-@font-face{font-family:Work Sans;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:welcome-font;font-weight:500;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-medium.woff2) format("woff2")}@font-face{font-family:welcome-font;font-weight:700;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-bold.woff2) format("woff2")}@font-face{font-family:welcome-font;font-weight:900;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-black.woff2) format("woff2")}@font-face{font-family:welcome-font;font-style:italic;font-weight:500;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-medium-italic.woff2) format("woff2")}@font-face{font-family:welcome-font;font-style:italic;font-weight:700;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-bold-italic.woff2) format("woff2")}@font-face{font-family:welcome-font;font-style:italic;font-weight:900;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-black-italic.woff2) format("woff2")}@theme static{--*: initial; --spacing: .0625rem; --spacing-0: 0; --duration-fast: .1s; --duration-medium: .3s; --duration-slow: .5s; --timing-primary: ease; --timing-secondary: linear; --timing-tertiary: cubic-bezier(.41,.094,.54,.07); --components-colors-button-color-background-primary-main-default: #ffcd00; --components-colors-button-color-background-primary-main-hover: #e5b800; --components-colors-button-color-background-primary-main-pressed: #ffe166; --components-colors-button-color-background-primary-main-disabled: #f3f3f3; --components-colors-button-color-background-primary-main-focused: #ffcd00; --components-colors-button-color-background-primary-neutral-default: #000000; --components-colors-button-color-background-primary-neutral-hover: #212121; --components-colors-button-color-background-primary-neutral-pressed: #444444; --components-colors-button-color-background-primary-neutral-disabled: #f3f3f3; --components-colors-button-color-background-primary-neutral-focused: #000000; --components-colors-button-color-background-primary-danger-default: #a80029; --components-colors-button-color-background-primary-danger-hover: #e1003a; --components-colors-button-color-background-primary-danger-pressed: #ff6165; --components-colors-button-color-background-primary-danger-disabled: #f3f3f3; --components-colors-button-color-background-primary-danger-focused: #a80029; --components-colors-button-color-background-primary-ai-default: #ffffff; --components-colors-button-color-background-primary-ai-hover: #ffffff; --components-colors-button-color-background-primary-ai-pressed: #f3f3f3; --components-colors-button-color-background-primary-ai-disabled: #f3f3f3; --components-colors-button-color-background-primary-ai-focused: #ffffff; --components-colors-button-color-background-secondary-main-default: #ffffff; --components-colors-button-color-background-secondary-main-hover: #ffffff; --components-colors-button-color-background-secondary-main-pressed: #f3f3f3; --components-colors-button-color-background-secondary-main-disabled: #f3f3f3; --components-colors-button-color-background-secondary-main-focused: #ffffff; --components-colors-button-color-background-secondary-danger-default: #ffffff; --components-colors-button-color-background-secondary-danger-hover: #ffffff; --components-colors-button-color-background-secondary-danger-pressed: #fbdedc; --components-colors-button-color-background-secondary-danger-disabled: #f3f3f3; --components-colors-button-color-background-secondary-danger-focused: #ffffff; --components-colors-button-color-background-tertiary-main-default: #00000000; --components-colors-button-color-background-tertiary-main-hover: #0000000d; --components-colors-button-color-background-tertiary-main-pressed: #00000021; --components-colors-button-color-background-tertiary-main-disabled: #00000000; --components-colors-button-color-background-tertiary-main-focused: #00000000; --components-colors-button-color-background-tertiary-danger-default: #00000000; --components-colors-button-color-background-tertiary-danger-hover: #fbdedc; --components-colors-button-color-background-tertiary-danger-pressed: #fcc7c3; --components-colors-button-color-background-tertiary-danger-disabled: #00000000; --components-colors-button-color-background-tertiary-danger-focused: #00000000; --components-colors-button-color-text-primary-main-default: #000000; --components-colors-button-color-text-primary-main-hover: #000000; --components-colors-button-color-text-primary-main-pressed: #423500; --components-colors-button-color-text-primary-main-disabled: #989898; --components-colors-button-color-text-primary-main-focused: #000000; --components-colors-button-color-text-primary-neutral-default: #ffffff; --components-colors-button-color-text-primary-neutral-hover: #ffffff; --components-colors-button-color-text-primary-neutral-pressed: #ffffff; --components-colors-button-color-text-primary-neutral-disabled: #989898; --components-colors-button-color-text-primary-neutral-focused: #ffffff; --components-colors-button-color-text-primary-danger-default: #ffffff; --components-colors-button-color-text-primary-danger-hover: #ffffff; --components-colors-button-color-text-primary-danger-pressed: #ffffff; --components-colors-button-color-text-primary-danger-disabled: #989898; --components-colors-button-color-text-primary-danger-focused: #ffffff; --components-colors-button-color-text-primary-ai-default: #000000; --components-colors-button-color-text-primary-ai-hover: #212121; --components-colors-button-color-text-primary-ai-pressed: #000000; --components-colors-button-color-text-primary-ai-disabled: #989898; --components-colors-button-color-text-primary-ai-focused: #000000; --components-colors-button-color-text-secondary-main-default: #000000; --components-colors-button-color-text-secondary-main-hover: #212121; --components-colors-button-color-text-secondary-main-pressed: #000000; --components-colors-button-color-text-secondary-main-disabled: #989898; --components-colors-button-color-text-secondary-main-focused: #000000; --components-colors-button-color-text-secondary-danger-default: #75001a; --components-colors-button-color-text-secondary-danger-hover: #a80029; --components-colors-button-color-text-secondary-danger-pressed: #75001a; --components-colors-button-color-text-secondary-danger-disabled: #989898; --components-colors-button-color-text-secondary-danger-focused: #75001a; --components-colors-button-color-text-tertiary-main-default: #000000; --components-colors-button-color-text-tertiary-main-hover: #212121; --components-colors-button-color-text-tertiary-main-pressed: #000000; --components-colors-button-color-text-tertiary-main-disabled: #989898; --components-colors-button-color-text-tertiary-main-focused: #000000; --components-colors-button-color-text-tertiary-danger-default: #a80029; --components-colors-button-color-text-tertiary-danger-hover: #e1003a; --components-colors-button-color-text-tertiary-danger-pressed: #450101; --components-colors-button-color-text-tertiary-danger-disabled: #989898; --components-colors-button-color-text-tertiary-danger-focused: #a80029; --components-colors-button-color-border-focused: #ffe166; --components-colors-button-color-border-secondary-main-default: #dedede; --components-colors-button-color-border-secondary-main-hover: #bdbdbd; --components-colors-button-color-border-secondary-main-pressed: #dedede; --components-colors-button-color-border-secondary-main-focused: #dedede; --components-colors-button-color-border-secondary-danger-default: #a80029; --components-colors-button-color-border-secondary-danger-hover: #e1003a; --components-colors-button-color-border-secondary-danger-pressed: #fdb3ae; --components-colors-button-color-border-secondary-danger-focused: #a80029; --components-colors-button-color-icon-primary-main-default: #000000; --components-colors-button-color-icon-primary-main-hover: #000000; --components-colors-button-color-icon-primary-main-pressed: #423500; --components-colors-button-color-icon-primary-main-disabled: #989898; --components-colors-button-color-icon-primary-main-focused: #000000; --components-colors-button-color-icon-primary-neutral-default: #ffffff; --components-colors-button-color-icon-primary-neutral-hover: #ffffff; --components-colors-button-color-icon-primary-neutral-pressed: #ffffff; --components-colors-button-color-icon-primary-neutral-disabled: #989898; --components-colors-button-color-icon-primary-neutral-focused: #ffffff; --components-colors-button-color-icon-primary-danger-default: #ffffff; --components-colors-button-color-icon-primary-danger-hover: #ffffff; --components-colors-button-color-icon-primary-danger-pressed: #ffffff; --components-colors-button-color-icon-primary-danger-disabled: #989898; --components-colors-button-color-icon-primary-danger-focused: #ffffff; --components-colors-button-color-icon-primary-ai-default: #000000; --components-colors-button-color-icon-primary-ai-hover: #212121; --components-colors-button-color-icon-primary-ai-pressed: #000000; --components-colors-button-color-icon-primary-ai-disabled: #989898; --components-colors-button-color-icon-primary-ai-focused: #000000; --components-colors-button-color-icon-secondary-main-default: #000000; --components-colors-button-color-icon-secondary-main-hover: #212121; --components-colors-button-color-icon-secondary-main-pressed: #000000; --components-colors-button-color-icon-secondary-main-disabled: #989898; --components-colors-button-color-icon-secondary-main-focused: #000000; --components-colors-button-color-icon-secondary-danger-default: #75001a; --components-colors-button-color-icon-secondary-danger-hover: #a80029; --components-colors-button-color-icon-secondary-danger-pressed: #75001a; --components-colors-button-color-icon-secondary-danger-disabled: #989898; --components-colors-button-color-icon-secondary-danger-focused: #75001a; --components-colors-button-color-icon-tertiary-main-default: #000000; --components-colors-button-color-icon-tertiary-main-hover: #212121; --components-colors-button-color-icon-tertiary-main-pressed: #000000; --components-colors-button-color-icon-tertiary-main-disabled: #989898; --components-colors-button-color-icon-tertiary-main-focused: #000000; --components-colors-button-color-icon-tertiary-danger-default: #a80029; --components-colors-button-color-icon-tertiary-danger-hover: #e1003a; --components-colors-button-color-icon-tertiary-danger-pressed: #450101; --components-colors-button-color-icon-tertiary-danger-disabled: #989898; --components-colors-button-color-icon-tertiary-danger-focused: #a80029; --components-colors-link-color-background-primary-hover: #ffcd00; --components-colors-link-color-background-primary-visited-default: #fff8d9; --components-colors-link-color-background-primary-visited-hover: #ffcd00; --components-colors-link-color-background-secondary-hover: #000000; --components-colors-link-color-background-secondary-visited-default: #dedede; --components-colors-link-color-background-secondary-visited-hover: #000000; --components-colors-link-color-text-primary-default: #000000; --components-colors-link-color-text-primary-hover: #000000; --components-colors-link-color-text-primary-visited-default: #604d00; --components-colors-link-color-text-primary-visited-hover: #000000; --components-colors-link-color-text-primary-disabled: #605b55; --components-colors-link-color-text-secondary-default: #000000; --components-colors-link-color-text-secondary-hover: #ffffff; --components-colors-link-color-text-secondary-visited-default: #444444; --components-colors-link-color-text-secondary-visited-hover: #ffffff; --components-colors-link-color-text-secondary-disabled: #585858; --components-colors-link-color-icon-primary-default: #000000; --components-colors-link-color-icon-primary-hover: #000000; --components-colors-link-color-icon-primary-visited-default: #604d00; --components-colors-link-color-icon-primary-visited-hover: #000000; --components-colors-link-color-icon-primary-disabled: #a7a096; --components-colors-link-color-icon-secondary-default: #000000; --components-colors-link-color-icon-secondary-hover: #ffffff; --components-colors-link-color-icon-secondary-visited-default: #444444; --components-colors-link-color-icon-secondary-visited-hover: #ffffff; --components-colors-link-color-icon-secondary-disabled: #989898; --components-colors-link-color-underline-primary-default: #ffcd00; --components-colors-link-color-underline-primary-visited-default: #ffcd00; --components-colors-link-color-underline-primary-visited-hover: #ffcd00; --components-colors-link-color-underline-primary-disabled: #eae4de; --components-colors-link-color-underline-secondary-default: #000000; --components-colors-link-color-underline-secondary-visited-default: #000000; --components-colors-link-color-underline-secondary-visited-hover: #000000; --components-colors-link-color-underline-secondary-disabled: #dedede; --components-colors-avatar-color-background-placeholder: #f6f3ef; --components-colors-avatar-color-background-initials-green: #bade94; --components-colors-avatar-color-background-initials-teal: #00c7ae; --components-colors-avatar-color-background-initials-blue: #55c3e9; --components-colors-avatar-color-background-initials-violet: #acacff; --components-colors-avatar-color-background-initials-pink: #f696c8; --components-colors-avatar-color-background-initials-orange: #ff9868; --components-colors-avatar-color-text-initials-green: #2a4210; --components-colors-avatar-color-text-initials-teal: #053731; --components-colors-avatar-color-text-initials-blue: #013c50; --components-colors-avatar-color-text-initials-violet: #3c2e63; --components-colors-avatar-color-text-initials-pink: #5c2944; --components-colors-avatar-color-text-initials-orange: #6d2605; --components-colors-avatar-color-icon-placeholder: #a7a096; --components-colors-badge-color-background-brand: #ffcd00; --components-colors-badge-color-background-warm: #eae4de; --components-colors-badge-color-background-neutral: #000000; --components-colors-badge-color-background-blue: #27a5d0; --components-colors-badge-color-text-brand: #000000; --components-colors-badge-color-text-warm: #1e1c1a; --components-colors-badge-color-text-neutral: #ffffff; --components-colors-badge-color-text-blue: #ffffff; --components-colors-card-action-dismiss-icon-default: #bdbdbd; --components-colors-card-action-dismiss-icon-hover: #000000; --components-colors-card-header-color-text-default: #000000; --components-colors-card-header-color-icon-default: #000000; --components-colors-card-body-meta-color-text-default: #585858; --components-colors-card-body-color-text-default: #212121; --components-colors-card-color-background-default: #ffffff; --components-colors-card-color-border-default: #f6f3ef; --components-colors-card-color-border-hover: #eae4de; --components-colors-card-color-icon-default: #585858; --components-colors-card-color-icon-hover: #000000; --components-colors-drawer-body-color-background-default: #ffffff; --components-colors-drawer-color-text-title: #000000; --components-colors-drawer-color-text-description: #212121; --components-colors-drawer-color-border-default: #f6f3ef; --components-colors-drawer-color-border-hover: #eae4de; --components-colors-drawer-color-icon-default: #000000; --components-colors-tag-color-background-brand-default: #ffe166; --components-colors-tag-color-background-brand-hover: #ffcd00; --components-colors-tag-color-background-brand-disabled: #fff8d9; --components-colors-tag-color-background-brand-ai-default: #fff1b2; --components-colors-tag-color-background-brand-ai-hover: #ffe166; --components-colors-tag-color-background-brand-ai-disabled: #fff8d9; --components-colors-tag-color-background-warm-default: #f6f3ef; --components-colors-tag-color-background-warm-hover: #eae4de; --components-colors-tag-color-background-warm-disabled: #f6f3ef; --components-colors-tag-color-background-warm-ai-default: #fbf9f7; --components-colors-tag-color-background-warm-ai-hover: #f6f3ef; --components-colors-tag-color-background-warm-ai-disabled: #f6f3ef; --components-colors-tag-color-background-green-default: #cfebb0; --components-colors-tag-color-background-green-hover: #bade94; --components-colors-tag-color-background-green-disabled: #e7fbd3; --components-colors-tag-color-background-green-ai-default: #e7fbd3; --components-colors-tag-color-background-green-ai-hover: #cfebb0; --components-colors-tag-color-background-green-ai-disabled: #e7fbd3; --components-colors-tag-color-background-teal-default: #6fdbcd; --components-colors-tag-color-background-teal-hover: #00c7ae; --components-colors-tag-color-background-teal-disabled: #dbfaf6; --components-colors-tag-color-background-teal-ai-default: #a5ece4; --components-colors-tag-color-background-teal-ai-hover: #6fdbcd; --components-colors-tag-color-background-teal-ai-disabled: #dbfaf6; --components-colors-tag-color-background-blue-default: #9bdef7; --components-colors-tag-color-background-blue-hover: #55c3e9; --components-colors-tag-color-background-blue-disabled: #e0f5ff; --components-colors-tag-color-background-blue-ai-default: #bbeaff; --components-colors-tag-color-background-blue-ai-hover: #9bdef7; --components-colors-tag-color-background-blue-ai-disabled: #e0f5ff; --components-colors-tag-color-background-violet-default: #c9c9ff; --components-colors-tag-color-background-violet-hover: #acacff; --components-colors-tag-color-background-violet-disabled: #efefff; --components-colors-tag-color-background-violet-ai-default: #e0e0ff; --components-colors-tag-color-background-violet-ai-hover: #c9c9ff; --components-colors-tag-color-background-violet-ai-disabled: #efefff; --components-colors-tag-color-background-pink-default: #feb7dc; --components-colors-tag-color-background-pink-hover: #f696c8; --components-colors-tag-color-background-pink-disabled: #ffeaf5; --components-colors-tag-color-background-pink-ai-default: #ffd5eb; --components-colors-tag-color-background-pink-ai-hover: #feb7dc; --components-colors-tag-color-background-pink-ai-disabled: #ffeaf5; --components-colors-tag-color-background-orange-default: #ffb595; --components-colors-tag-color-background-orange-hover: #ff9868; --components-colors-tag-color-background-orange-disabled: #ffded0; --components-colors-tag-color-background-orange-ai-default: #ffc9b2; --components-colors-tag-color-background-orange-ai-hover: #ffb595; --components-colors-tag-color-background-orange-ai-disabled: #ffded0; --components-colors-tag-color-background-red-default: #fdb3ae; --components-colors-tag-color-background-red-hover: #ff9490; --components-colors-tag-color-background-red-disabled: #fbdedc; --components-colors-tag-color-background-red-ai-default: #fcc7c3; --components-colors-tag-color-background-red-ai-hover: #fdb3ae; --components-colors-tag-color-background-red-ai-disabled: #fbdedc; --components-colors-tag-color-background-dash-default: #ffffff; --components-colors-tag-color-background-dash-hover: #ffffff; --components-colors-tag-color-background-dash-disabled: #f3f3f3; --components-colors-tag-color-text-brand-default: #423500; --components-colors-tag-color-text-brand-hover: #423500; --components-colors-tag-color-text-brand-disabled: #846a01; --components-colors-tag-color-text-warm-default: #1e1c1a; --components-colors-tag-color-text-warm-hover: #1e1c1a; --components-colors-tag-color-text-warm-disabled: #605b55; --components-colors-tag-color-text-green-default: #142603; --components-colors-tag-color-text-green-hover: #142603; --components-colors-tag-color-text-green-disabled: #5a8034; --components-colors-tag-color-text-teal-default: #001b18; --components-colors-tag-color-text-teal-hover: #001b18; --components-colors-tag-color-text-teal-disabled: #0a7b6d; --components-colors-tag-color-text-blue-default: #00202b; --components-colors-tag-color-text-blue-hover: #00202b; --components-colors-tag-color-text-blue-disabled: #057aa3; --components-colors-tag-color-text-violet-default: #26194d; --components-colors-tag-color-text-violet-hover: #26194d; --components-colors-tag-color-text-violet-disabled: #8068c6; --components-colors-tag-color-text-pink-default: #3b142a; --components-colors-tag-color-text-pink-hover: #3b142a; --components-colors-tag-color-text-pink-disabled: #b06089; --components-colors-tag-color-text-orange-default: #451701; --components-colors-tag-color-text-orange-hover: #451701; --components-colors-tag-color-text-orange-disabled: #c45927; --components-colors-tag-color-text-red-default: #450101; --components-colors-tag-color-text-red-hover: #450101; --components-colors-tag-color-text-red-disabled: #a80029; --components-colors-tag-color-text-dash-default: #000000; --components-colors-tag-color-text-dash-hover: #000000; --components-colors-tag-color-text-dash-disabled: #585858; --components-colors-tag-color-icon-brand-default: #423500; --components-colors-tag-color-icon-brand-hover: #423500; --components-colors-tag-color-icon-brand-disabled: #846a01; --components-colors-tag-color-icon-brand-ai-default: #b69200; --components-colors-tag-color-icon-brand-ai-hover: #846a01; --components-colors-tag-color-icon-brand-ai-disabled: #b69200; --components-colors-tag-color-icon-warm-default: #1e1c1a; --components-colors-tag-color-icon-warm-hover: #1e1c1a; --components-colors-tag-color-icon-warm-disabled: #605b55; --components-colors-tag-color-icon-warm-ai-default: #a7a096; --components-colors-tag-color-icon-warm-ai-hover: #605b55; --components-colors-tag-color-icon-warm-ai-disabled: #605b55; --components-colors-tag-color-icon-green-default: #142603; --components-colors-tag-color-icon-green-hover: #142603; --components-colors-tag-color-icon-green-disabled: #5a8034; --components-colors-tag-color-icon-green-ai-default: #5a8034; --components-colors-tag-color-icon-green-ai-hover: #40611f; --components-colors-tag-color-icon-green-ai-disabled: #5a8034; --components-colors-tag-color-icon-teal-default: #001b18; --components-colors-tag-color-icon-teal-hover: #001b18; --components-colors-tag-color-icon-teal-disabled: #0a7b6d; --components-colors-tag-color-icon-teal-ai-default: #0a7b6d; --components-colors-tag-color-icon-teal-ai-hover: #00544a; --components-colors-tag-color-icon-teal-ai-disabled: #0a7b6d; --components-colors-tag-color-icon-blue-default: #00202b; --components-colors-tag-color-icon-blue-hover: #00202b; --components-colors-tag-color-icon-blue-disabled: #057aa3; --components-colors-tag-color-icon-blue-ai-default: #057aa3; --components-colors-tag-color-icon-blue-ai-hover: #025a79; --components-colors-tag-color-icon-blue-ai-disabled: #057aa3; --components-colors-tag-color-icon-violet-default: #26194d; --components-colors-tag-color-icon-violet-hover: #26194d; --components-colors-tag-color-icon-violet-disabled: #8068c6; --components-colors-tag-color-icon-violet-ai-default: #8068c6; --components-colors-tag-color-icon-violet-ai-hover: #5a4890; --components-colors-tag-color-icon-violet-ai-disabled: #8068c6; --components-colors-tag-color-icon-pink-default: #3b142a; --components-colors-tag-color-icon-pink-hover: #3b142a; --components-colors-tag-color-icon-pink-disabled: #b06089; --components-colors-tag-color-icon-pink-ai-default: #b06089; --components-colors-tag-color-icon-pink-ai-hover: #803c5f; --components-colors-tag-color-icon-pink-ai-disabled: #b06089; --components-colors-tag-color-icon-orange-default: #451701; --components-colors-tag-color-icon-orange-hover: #451701; --components-colors-tag-color-icon-orange-disabled: #c45927; --components-colors-tag-color-icon-orange-ai-default: #c45927; --components-colors-tag-color-icon-orange-ai-hover: #9f4217; --components-colors-tag-color-icon-orange-ai-disabled: #c45927; --components-colors-tag-color-icon-red-default: #450101; --components-colors-tag-color-icon-red-hover: #450101; --components-colors-tag-color-icon-red-disabled: #a80029; --components-colors-tag-color-icon-red-ai-default: #a80029; --components-colors-tag-color-icon-red-ai-hover: #75001a; --components-colors-tag-color-icon-red-ai-disabled: #a80029; --components-colors-tag-color-icon-dash-default: #000000; --components-colors-tag-color-icon-dash-hover: #000000; --components-colors-tag-color-icon-dash-disabled: #585858; --components-colors-tag-color-border-default: #ffffff; --components-colors-tag-color-border-dash-default: #dedede; --components-colors-tag-color-border-dash-hover: #bdbdbd; --components-colors-tag-color-border-dash-disabled: #dedede; --components-colors-window-header-action-color-background-common-default: #ffffff; --components-colors-window-header-action-color-background-common-hover: #fff1b2; --components-colors-window-header-action-color-background-common-pressed: #ffe166; --components-colors-window-header-action-color-background-close-default: #ffffff; --components-colors-window-header-action-color-background-close-hover: #fbdedc; --components-colors-window-header-action-color-background-close-pressed: #fcc7c3; --components-colors-window-header-action-color-border-close-default: #f6f3ef; --components-colors-window-header-action-color-icon-common-default: #585858; --components-colors-window-header-action-color-icon-common-hover: #1e1c1a; --components-colors-window-header-action-color-icon-common-pressed: #1e1c1a; --components-colors-window-header-action-color-icon-close-default: #75001a; --components-colors-window-header-action-color-icon-close-hover: #a80029; --components-colors-window-header-action-color-icon-close-pressed: #75001a; --components-colors-window-header-color-background: #ffffff; --components-colors-window-header-color-text-default: #000000; --components-colors-window-header-tab-color-background-default: #ffffff; --components-colors-window-header-tab-color-background-hover: #fff1b2; --components-colors-window-header-tab-color-background-active: #ffe166; --components-colors-window-header-tab-color-text-default: #444444; --components-colors-window-header-tab-color-text-hover: #423500; --components-colors-window-header-tab-color-text-active: #423500; --components-colors-window-header-tab-color-icon-default: #444444; --components-colors-window-header-tab-color-icon-hover: #423500; --components-colors-window-header-tab-color-icon-active: #423500; --components-colors-window-header-tab-color-border-default: #f6f3ef; --components-colors-window-body-color-background-default: #ffffff; --components-colors-window-color-border-default: #f6f3ef; --components-colors-window-color-border-hover: #eae4de; --components-colors-dropdown-menu-item-color-background-default: #ffffff; --components-colors-dropdown-menu-item-color-background-hover: #fff8d9; --components-colors-dropdown-menu-item-color-background-disabled: #fbf9f7; --components-colors-dropdown-menu-item-color-text-content-default: #000000; --components-colors-dropdown-menu-item-color-text-content-hover: #423500; --components-colors-dropdown-menu-item-color-text-content-disabled: #605b55; --components-colors-dropdown-menu-item-color-text-description-default: #444444; --components-colors-dropdown-menu-item-color-text-description-hover: #604d00; --components-colors-dropdown-menu-item-color-text-description-disabled: #605b55; --components-colors-dropdown-menu-item-color-icon-default: #000000; --components-colors-dropdown-menu-item-color-icon-hover: #423500; --components-colors-dropdown-menu-item-color-icon-disabled: #605b55; --components-colors-dropdown-menu-color-background-default: #ffffff; --components-colors-dropdown-menu-color-border-default: #f6f3ef; --components-colors-dropdown-menu-color-border-hover: #eae4de; --components-colors-latency-color-background-progress: #ffcd00; --components-colors-latency-color-background-bar: #0000000d; --components-colors-alert-icon-color-background-brand: #ffe166; --components-colors-alert-icon-color-background-information: #9bdef7; --components-colors-alert-icon-color-background-warning: #ffbb59; --components-colors-alert-icon-color-background-danger: #fdb3ae; --components-colors-alert-icon-color-background-success: #cfebb0; --components-colors-alert-icon-color-icon-brand: #423500; --components-colors-alert-icon-color-icon-information: #00202b; --components-colors-alert-icon-color-icon-warning: #382303; --components-colors-alert-icon-color-icon-danger: #450101; --components-colors-alert-icon-color-icon-success: #142603; --components-colors-alert-icon-color-icon-ai: #ffffff; --components-colors-alert-color-background-brand: #fff8d9; --components-colors-alert-color-background-information: #e0f5ff; --components-colors-alert-color-background-success: #e7fbd3; --components-colors-alert-color-background-warning: #ffebce; --components-colors-alert-color-background-danger: #fbdedc; --components-colors-alert-color-background-ai: #ffffff; --components-colors-alert-color-text-brand-title: #000000; --components-colors-alert-color-text-brand-body: #423500; --components-colors-alert-color-text-information-title: #000000; --components-colors-alert-color-text-information-body: #00202b; --components-colors-alert-color-text-success-title: #000000; --components-colors-alert-color-text-success-body: #142603; --components-colors-alert-color-text-warning-title: #000000; --components-colors-alert-color-text-warning-body: #382303; --components-colors-alert-color-text-danger-title: #000000; --components-colors-alert-color-text-danger-body: #450101; --components-colors-alert-color-text-ai-title: #000000; --components-colors-alert-color-text-ai-body: #212121; --components-colors-alert-color-icon-default: #00000042; --components-colors-growl-icon-color-background-information: #e0f5ff; --components-colors-growl-icon-color-background-success: #e7fbd3; --components-colors-growl-icon-color-background-warning: #ffebce; --components-colors-growl-icon-color-background-error: #fbdedc; --components-colors-growl-icon-color-icon-information: #025a79; --components-colors-growl-icon-color-icon-warning: #824f06; --components-colors-growl-icon-color-icon-error: #a80029; --components-colors-growl-icon-color-icon-success: #40611f; --components-colors-growl-color-background-default: #ffffff; --components-colors-growl-color-text-title: #000000; --components-colors-growl-color-text-body: #212121; --components-colors-growl-color-border-default: #eae4de; --components-colors-growl-color-border-hover: #d2cbc3; --components-colors-growl-color-icon-default: #bdbdbd; --components-colors-growl-color-icon-hover: #000000; --components-colors-modal-color-background-default: #ffffff; --components-colors-modal-color-text-title: #000000; --components-colors-modal-color-text-body: #212121; --components-colors-modal-color-border-default: #eae4de; --components-colors-modal-color-border-hover: #d2cbc3; --components-colors-modal-color-icon-default: #000000; --components-colors-tooltip-color-background: #212121; --components-colors-tooltip-color-border: #bdbdbd; --components-colors-tooltip-color-text: #ffffff; --components-colors-sticky-note-icon-color-background-brand: #ffcd00; --components-colors-sticky-note-icon-color-background-green: #bade94; --components-colors-sticky-note-icon-color-background-teal: #00c7ae; --components-colors-sticky-note-icon-color-background-blue: #55c3e9; --components-colors-sticky-note-icon-color-background-violet: #acacff; --components-colors-sticky-note-icon-color-background-pink: #f696c8; --components-colors-sticky-note-icon-color-background-orange: #ff9868; --components-colors-sticky-note-icon-color-icon-brand: #423500; --components-colors-sticky-note-icon-color-icon-green: #142603; --components-colors-sticky-note-icon-color-icon-teal: #001b18; --components-colors-sticky-note-icon-color-icon-blue: #00202b; --components-colors-sticky-note-icon-color-icon-violet: #26194d; --components-colors-sticky-note-icon-color-icon-pink: #3b142a; --components-colors-sticky-note-icon-color-icon-orange: #451701; --components-colors-sticky-note-color-background-brand: #fff8d9; --components-colors-sticky-note-color-background-green: #e7fbd3; --components-colors-sticky-note-color-background-teal: #dbfaf6; --components-colors-sticky-note-color-background-blue: #e0f5ff; --components-colors-sticky-note-color-background-violet: #efefff; --components-colors-sticky-note-color-background-pink: #ffeaf5; --components-colors-sticky-note-color-background-orange: #ffded0; --components-colors-sticky-note-color-border-default: #0000000d; --components-colors-sticky-note-color-text-title: #000000; --components-colors-sticky-note-color-text-body-brand: #423500; --components-colors-sticky-note-color-text-body-green: #142603; --components-colors-sticky-note-color-text-body-teal: #001b18; --components-colors-sticky-note-color-text-body-blue: #00202b; --components-colors-sticky-note-color-text-body-violet: #26194d; --components-colors-sticky-note-color-text-body-pink: #3b142a; --components-colors-sticky-note-color-text-body-orange: #451701; --components-colors-toast-icon-color-background-information: #e0f5ff; --components-colors-toast-icon-color-background-success: #e7fbd3; --components-colors-toast-icon-color-background-warning: #ffebce; --components-colors-toast-icon-color-background-error: #fbdedc; --components-colors-toast-icon-color-icon-information: #025a79; --components-colors-toast-icon-color-icon-warning: #824f06; --components-colors-toast-icon-color-icon-error: #a80029; --components-colors-toast-icon-color-icon-success: #40611f; --components-colors-toast-color-background-default: #ffffff; --components-colors-toast-color-text-body: #212121; --components-colors-toast-color-border-default: #eae4de; --components-colors-toast-color-border-hover: #d2cbc3; --components-colors-label-color-text-default: #585858; --components-colors-label-color-icon-default: #444444; --components-colors-label-color-icon-warning: #a6670a; --components-colors-label-color-icon-error: #e1003a; --components-colors-label-color-icon-success: #5a8034; --components-colors-label-color-icon-required: #e5b800; --components-colors-hint-color-text-default: #585858; --components-colors-hint-color-text-warning: #824f06; --components-colors-hint-color-text-error: #a80029; --components-colors-hint-color-text-success: #40611f; --components-colors-input-password-strenght-color-background-default: #f3f3f3; --components-colors-input-password-strenght-color-background-too-weak: #a80029; --components-colors-input-password-strenght-color-background-weak: #a6670a; --components-colors-input-password-strenght-color-background-good: #83ad57; --components-colors-input-password-strenght-color-background-strong: #83ad57; --components-colors-input-color-background-default: #ffffff; --components-colors-input-color-background-disabled: #eae4de; --components-colors-input-color-background-transparent: #ffffff00; --components-colors-input-color-text-default: #000000; --components-colors-input-color-text-placeholder: #989898; --components-colors-input-color-text-disabled: #605b55; --components-colors-input-color-border-default: #f3f3f3; --components-colors-input-color-border-hover: #dedede; --components-colors-input-color-border-hover-transparent: #00000021; --components-colors-input-color-border-active: #ffcd00; --components-colors-input-color-border-success: #5a8034; --components-colors-input-color-border-warning: #a6670a; --components-colors-input-color-border-error: #e1003a; --components-colors-input-color-border-disabled: #d2cbc3; --components-colors-input-color-border-focused: #ffe166; --components-colors-input-color-icon-default: #000000; --components-colors-input-color-icon-placeholder: #000000; --components-colors-input-color-icon-disabled: #a7a096; --components-colors-checkbox-color-background-disabled: #eae4de; --components-colors-checkbox-color-background-unchecked-default: #ffffff; --components-colors-checkbox-color-background-checked-default: #ffcd00; --components-colors-checkbox-color-background-checked-hover: #ffe166; --components-colors-checkbox-color-border-focused: #ffe166; --components-colors-checkbox-color-border-error: #e1003a; --components-colors-checkbox-color-border-disabled: #d2cbc3; --components-colors-checkbox-color-border-unchecked-default: #dedede; --components-colors-checkbox-color-border-unchecked-hover: #bdbdbd; --components-colors-checkbox-color-icon-default: #000000; --components-colors-checkbox-color-icon-disabled: #a7a096; --components-colors-radio-indicator-color-background-default: #ffcd00; --components-colors-radio-indicator-color-background-hover: #ffe166; --components-colors-radio-indicator-color-background-disabled: #d2cbc3; --components-colors-radio-color-border-focused: #ffe166; --components-colors-radio-color-border-unchecked-default: #dedede; --components-colors-radio-color-border-unchecked-hover: #bdbdbd; --components-colors-radio-color-border-unchecked-disabled: #d2cbc3; --components-colors-radio-color-border-checked-default: #ffcd00; --components-colors-radio-color-border-checked-hover: #ffe166; --components-colors-radio-color-border-checked-disabled: #d2cbc3; --components-colors-radio-color-background-unchecked-default: #ffffff; --components-colors-radio-color-background-unchecked-disabled: #eae4de; --components-colors-radio-color-background-checked-default: #ffffff; --components-colors-radio-color-background-checked-disabled: #eae4de; --components-colors-toggle-thumb-color-background-default: #ffffff; --components-colors-toggle-thumb-color-background-hover: #ffffff; --components-colors-toggle-thumb-color-background-disabled: #a7a096; --components-colors-toggle-thumb-color-border-default: #bdbdbd; --components-colors-toggle-thumb-color-border-hover: #bdbdbd; --components-colors-toggle-track-color-background-disabled: #eae4de; --components-colors-toggle-track-color-background-unchecked-default: #ffffff; --components-colors-toggle-track-color-background-checked-default: #ffcd00; --components-colors-toggle-track-color-background-checked-hover: #ffe166; --components-colors-toggle-track-color-border-focused: #ffe166; --components-colors-toggle-track-color-border-unchecked-default: #dedede; --components-colors-toggle-track-color-border-unchecked-hover: #bdbdbd; --components-colors-toggle-track-color-border-disabled: #d2cbc3; --components-colors-toggle-track-color-border-checked-default: #e5b800; --components-colors-toggle-track-color-border-checked-hover: #ffcd00; --components-colors-toggle-track-color-icon-default: #000000; --components-colors-toggle-track-color-icon-hover: #000000; --components-colors-toggle-track-color-icon-disabled: #605b55; --components-colors-breadcrumb-color-text-default: #605b55; --components-colors-breadcrumb-color-text-hover: #33302d; --components-colors-breadcrumb-color-text-active: #000000; --components-colors-breadcrumb-color-icon-default: #605b55; --components-colors-breadcrumb-color-icon-hover: #33302d; --components-colors-breadcrumb-color-icon-active: #000000; --components-colors-stepper-step-color-background-unchecked-default: #ffffff; --components-colors-stepper-step-color-background-unchecked-hover: #fff8d9; --components-colors-stepper-step-color-background-checked-default: #ffe166; --components-colors-stepper-step-color-background-checked-hover: #fff1b2; --components-colors-stepper-step-color-text-unchecked-default: #585858; --components-colors-stepper-step-color-text-unchecked-hover: #000000; --components-colors-stepper-step-color-text-checked-default: #423500; --components-colors-stepper-step-color-text-checked-hover: #604d00; --components-colors-stepper-step-color-icon-unchecked-default: #444444; --components-colors-stepper-step-color-icon-unchecked-hover: #000000; --components-colors-stepper-step-color-icon-checked-default: #423500; --components-colors-stepper-step-color-icon-checked-hover: #604d00; --components-colors-stepper-step-color-icon-success: #40611f; --components-colors-stepper-step-color-border-checked-default: #ffcd00; --components-colors-stepper-step-color-border-checked-hover: #ffe166; --components-colors-stepper-color-background: #ffffff; --components-colors-stepper-color-border-default: #eae4de; --components-colors-stepper-color-border-hover: #d2cbc3; --components-colors-stepper-color-icon-default: #444444; --components-colors-tab-color-background-unchecked-default: #ffffff; --components-colors-tab-color-background-unchecked-hover: #ffffff; --components-colors-tab-color-background-unchecked-pressed: #f3f3f3; --components-colors-tab-color-background-checked-default: #ffe166; --components-colors-tab-color-background-checked-hover: #ffe166; --components-colors-tab-color-background-checked-pressed: #ffcd00; --components-colors-tab-color-text-unchecked-default: #000000; --components-colors-tab-color-text-unchecked-hover: #212121; --components-colors-tab-color-text-unchecked-pressed: #000000; --components-colors-tab-color-text-checked-default: #000000; --components-colors-tab-color-text-checked-hover: #423500; --components-colors-tab-color-text-checked-pressed: #423500; --components-colors-tab-color-border-unchecked-default: #f6f3ef; --components-colors-tab-color-border-unchecked-hover: #eae4de; --components-colors-tab-color-border-unchecked-pressed: #eae4de; --components-colors-tab-color-border-checked-default: #ffcd00; --components-colors-tab-color-border-checked-hover: #e5b800; --components-colors-tab-color-border-checked-pressed: #e5b800; --components-colors-pagination-color-background-unchecked-default: #ffffff; --components-colors-pagination-color-background-unchecked-hover: #ffffff; --components-colors-pagination-color-background-unchecked-pressed: #0000000d; --components-colors-pagination-color-background-unchecked-disabled: #00000021; --components-colors-pagination-color-background-checked-default: #ffe166; --components-colors-pagination-color-background-checked-hover: #ffe166; --components-colors-pagination-color-background-checked-pressed: #ffcd00; --components-colors-pagination-color-background-checked-disabled: #00000021; --components-colors-pagination-color-text-unchecked-default: #000000; --components-colors-pagination-color-text-unchecked-hover: #212121; --components-colors-pagination-color-text-unchecked-pressed: #000000; --components-colors-pagination-color-text-unchecked-disabled: #585858; --components-colors-pagination-color-text-checked-default: #000000; --components-colors-pagination-color-text-checked-hover: #423500; --components-colors-pagination-color-text-checked-pressed: #604d00; --components-colors-pagination-color-text-checked-disabled: #585858; --components-colors-pagination-color-border-unchecked-default: #f6f3ef; --components-colors-pagination-color-border-unchecked-hover: #eae4de; --components-colors-pagination-color-border-unchecked-pressed: #0000000d; --components-colors-pagination-color-border-checked-default: #ffcd00; --components-colors-pagination-color-border-checked-hover: #e5b800; --components-colors-pagination-color-border-checked-pressed: #e5b800; --components-colors-pagination-color-icon-unchecked-default: #000000; --components-colors-pagination-color-icon-unchecked-hover: #212121; --components-colors-pagination-color-icon-unchecked-pressed: #000000; --components-colors-pagination-color-icon-unchecked-disabled: #585858; --components-colors-pagination-color-icon-checked-default: #000000; --components-colors-pagination-color-icon-checked-hover: #423500; --components-colors-pagination-color-icon-checked-pressed: #604d00; --components-colors-pagination-color-icon-checked-disabled: #585858; --components-dimensions-button-size-max-height-lg: 2.6875rem; --components-dimensions-button-size-max-height-md: 2.0625rem; --components-dimensions-button-size-max-height-sm: 1.5625rem; --components-dimensions-button-size-icon-lg: 1.5rem; --components-dimensions-button-size-icon-md: 1rem; --components-dimensions-button-size-icon-sm: 1rem; --components-dimensions-button-padding-inline-lg: 1rem; --components-dimensions-button-padding-inline-md: .75rem; --components-dimensions-button-padding-inline-sm: .5rem; --components-dimensions-button-padding-block-lg: .75rem; --components-dimensions-button-padding-block-md: .5rem; --components-dimensions-button-padding-block-sm: .25rem; --components-dimensions-button-gap-content-lg: .5rem; --components-dimensions-button-gap-content-md: .25rem; --components-dimensions-button-gap-content-sm: .25rem; --components-dimensions-button-border-radius: .5rem; --components-dimensions-button-border-width-focused: 4px; --components-dimensions-button-border-width-ai: 2px; --components-dimensions-button-border-width-secondary: 1px; --components-dimensions-link-underline-size-height: .125rem; --components-dimensions-link-size-icon-lg: 1rem; --components-dimensions-link-size-icon-md: 1rem; --components-dimensions-link-size-icon-sm: 1rem; --components-dimensions-link-size-icon-xs: .75rem; --components-dimensions-link-padding-inline-text: .125rem; --components-dimensions-link-padding-inline-icon: .125rem; --components-dimensions-link-gap-content: 0; --components-dimensions-link-gap-underline: -.125rem; --components-dimensions-avatar-size-lg: 4rem; --components-dimensions-avatar-size-md: 3rem; --components-dimensions-avatar-size-sm: 2rem; --components-dimensions-avatar-size-xs: 1.5rem; --components-dimensions-avatar-border-radius: calc(infinity * 1px); --components-dimensions-badge-size-height: .5rem; --components-dimensions-badge-size-max-height-lg: 1.25rem; --components-dimensions-badge-size-max-height-md: 1rem; --components-dimensions-badge-size-min-width-lg: 1.25rem; --components-dimensions-badge-size-min-width-md: 1rem; --components-dimensions-badge-size-width: .5rem; --components-dimensions-badge-padding-inline-lg: .25rem; --components-dimensions-badge-padding-inline-md: .25rem; --components-dimensions-badge-padding-block-lg: .25rem; --components-dimensions-badge-padding-block-md: .125rem; --components-dimensions-badge-border-radius-lg: .5rem; --components-dimensions-badge-border-radius-md: .25rem; --components-dimensions-badge-border-radius-sm: calc(infinity * 1px); --components-dimensions-drawer-size-width-lg: 900px; --components-dimensions-drawer-size-width-md: 708px; --components-dimensions-drawer-size-width-sm: 516px; --components-dimensions-drawer-body-padding-inline: 2rem; --components-dimensions-drawer-body-padding-block: 2rem; --components-dimensions-drawer-border-radius: .5rem; --components-dimensions-drawer-border-width: 1px; --components-dimensions-card-action-dismiss-size-icon-lg: 2rem; --components-dimensions-card-action-dismiss-size-icon-md: 2rem; --components-dimensions-card-action-dismiss-size-icon-sm: 1.5rem; --components-dimensions-card-action-dismiss-padding-inline-end-lg: 1rem; --components-dimensions-card-action-dismiss-padding-inline-end-md: .75rem; --components-dimensions-card-action-dismiss-padding-inline-end-sm: .5rem; --components-dimensions-card-action-dismiss-padding-block-start-lg: 1rem; --components-dimensions-card-action-dismiss-padding-block-start-md: .75rem; --components-dimensions-card-action-dismiss-padding-block-start-sm: .5rem; --components-dimensions-card-size-icon-lg: 1.5rem; --components-dimensions-card-padding-inline-lg: 2rem; --components-dimensions-card-padding-inline-md: 1.5rem; --components-dimensions-card-padding-inline-sm: 1rem; --components-dimensions-card-padding-block-lg: 2rem; --components-dimensions-card-padding-block-md: 1.5rem; --components-dimensions-card-padding-block-sm: 1rem; --components-dimensions-card-gap-title: .5rem; --components-dimensions-card-gap-actions: .5rem; --components-dimensions-card-gap-footer-lg: 1.5rem; --components-dimensions-card-gap-footer-md: 1rem; --components-dimensions-card-gap-footer-sm: .75rem; --components-dimensions-card-gap-content-lg: 1.5rem; --components-dimensions-card-gap-content-md: 1rem; --components-dimensions-card-gap-content-sm: .5rem; --components-dimensions-card-border-radius: .5rem; --components-dimensions-tag-size-max-height-lg: 2.0625rem; --components-dimensions-tag-size-max-height-md: 1.5625rem; --components-dimensions-tag-size-icon: 1rem; --components-dimensions-tag-padding-inline-lg: .75rem; --components-dimensions-tag-padding-inline-md: .5rem; --components-dimensions-tag-padding-block-lg: .5rem; --components-dimensions-tag-padding-block-md: .25rem; --components-dimensions-tag-gap-content: .25rem; --components-dimensions-tag-border-radius: .5rem; --components-dimensions-tag-border-width-default: 2px; --components-dimensions-tag-border-width-ai: 1px; --components-dimensions-window-header-action-size-container: 1.5rem; --components-dimensions-window-header-action-size-icon: 1rem; --components-dimensions-window-header-action-border-radius: .5rem; --components-dimensions-window-header-size-min-height: 2rem; --components-dimensions-window-header-tab-border-width-active: 2px; --components-dimensions-window-header-gap-content: .5rem; --components-dimensions-window-header-gap-actions: .25rem; --components-dimensions-window-header-padding-inline-xs: .25rem; --components-dimensions-window-header-padding-block-xs: .25rem; --components-dimensions-window-body-padding-inline-xs: .5rem; --components-dimensions-window-body-padding-inline-sm: .75rem; --components-dimensions-window-body-padding-inline-md: 1.5rem; --components-dimensions-window-body-padding-inline-lg: 2rem; --components-dimensions-window-body-padding-inline-xl: 4rem; --components-dimensions-window-body-padding-block-xs: .5rem; --components-dimensions-window-body-padding-block-sm: .75rem; --components-dimensions-window-body-padding-block-md: 1.5rem; --components-dimensions-window-body-padding-block-lg: 2rem; --components-dimensions-window-body-padding-block-xl: 4rem; --components-dimensions-window-border-radius: .5rem; --components-dimensions-window-border-width: 1px; --components-dimensions-dropdown-menu-divider-padding-block-lg: .5rem; --components-dimensions-dropdown-menu-divider-padding-block-md: .25rem; --components-dimensions-dropdown-menu-item-padding-inline-lg: 1rem; --components-dimensions-dropdown-menu-item-padding-inline-md: .75rem; --components-dimensions-dropdown-menu-item-padding-block-lg: .75rem; --components-dimensions-dropdown-menu-item-padding-block-md: .5rem; --components-dimensions-dropdown-menu-item-gap-content: .5rem; --components-dimensions-dropdown-menu-item-border-radius: .5rem; --components-dimensions-dropdown-menu-size-icon: 1rem; --components-dimensions-dropdown-menu-padding-inline-lg: .5rem; --components-dimensions-dropdown-menu-padding-inline-md: .5rem; --components-dimensions-dropdown-menu-padding-block-lg: .5rem; --components-dimensions-dropdown-menu-padding-block-md: .5rem; --components-dimensions-dropdown-menu-gap-content: .5rem; --components-dimensions-dropdown-menu-border-radius: .5rem; --components-dimensions-dropdown-menu-border-width: 1px; --components-dimensions-alert-icon-padding-inline: .25rem; --components-dimensions-alert-icon-padding-block: .25rem; --components-dimensions-alert-icon-border-radius: .5rem; --components-dimensions-alert-border-radius: .5rem; --components-dimensions-alert-border-width-ai: 2px; --components-dimensions-alert-gap-actions-lg: .75rem; --components-dimensions-alert-gap-actions-md: .5rem; --components-dimensions-alert-gap-content-lg: .75rem; --components-dimensions-alert-gap-content-md: .5rem; --components-dimensions-alert-padding-inline-lg: 2rem; --components-dimensions-alert-padding-inline-md: 1rem; --components-dimensions-alert-padding-block-lg: 2rem; --components-dimensions-alert-padding-block-md: 1rem; --components-dimensions-alert-size-icon: 1.5rem; --components-dimensions-growl-icon-size-icon: 1.5rem; --components-dimensions-growl-icon-padding-inline: .5rem; --components-dimensions-growl-icon-padding-block: .5rem; --components-dimensions-growl-icon-border-radius: 1rem; --components-dimensions-growl-size-icon: 1.5rem; --components-dimensions-growl-border-radius: .75rem; --components-dimensions-growl-border-width: 1px; --components-dimensions-growl-padding-inline: 1rem; --components-dimensions-growl-padding-block: 1rem; --components-dimensions-growl-gap-content: 1rem; --components-dimensions-toast-icon-size-icon: 1rem; --components-dimensions-toast-icon-padding-inline: .25rem; --components-dimensions-toast-icon-padding-block: .25rem; --components-dimensions-toast-icon-border-radius: .5rem; --components-dimensions-toast-size-icon: 1.5rem; --components-dimensions-toast-padding-inline: .75rem; --components-dimensions-toast-padding-block: .5rem; --components-dimensions-toast-gap-content: .5rem; --components-dimensions-toast-border-radius: .75rem; --components-dimensions-toast-border-width: 1px; --components-dimensions-tooltip-padding-inline: .75rem; --components-dimensions-tooltip-padding-block: .5rem; --components-dimensions-tooltip-gap-content: .25rem; --components-dimensions-tooltip-border-radius: .5rem; --components-dimensions-tooltip-border-width: 1px; --components-dimensions-sticky-note-icon-size-icon: 1rem; --components-dimensions-sticky-note-icon-padding-inline: .25rem; --components-dimensions-sticky-note-icon-padding-block: .25rem; --components-dimensions-sticky-note-icon-border-radius: .5rem; --components-dimensions-sticky-note-size-icon: 1.5rem; --components-dimensions-sticky-note-size-width-square: 250px; --components-dimensions-sticky-note-size-width-rectangle: 350px; --components-dimensions-sticky-note-size-height-square: 250px; --components-dimensions-sticky-note-size-height-rectangle: 250px; --components-dimensions-sticky-note-gap-content: .5rem; --components-dimensions-sticky-note-border-radius: .125rem; --components-dimensions-sticky-note-border-width: 1px; --components-dimensions-modal-size-width-lg: 800px; --components-dimensions-modal-size-width-md: 600px; --components-dimensions-modal-size-width-sm: 450px; --components-dimensions-modal-border-radius: .75rem; --components-dimensions-modal-border-width: 1px; --components-dimensions-modal-padding-inline: 1.5rem; --components-dimensions-modal-padding-block: 1.5rem; --components-dimensions-modal-gap-content: .75rem; --components-dimensions-field-gap-label: .5rem; --components-dimensions-field-gap-assistive: .25rem; --components-dimensions-label-size-leading: 1rem; --components-dimensions-label-size-required: .75rem; --components-dimensions-label-gap-content: .25rem; --components-dimensions-input-max-height-lg: 43px; --components-dimensions-input-max-height-md: 33px; --components-dimensions-input-max-height-sm: 25px; --components-dimensions-input-padding-inline-lg: .75rem; --components-dimensions-input-padding-inline-md: .75rem; --components-dimensions-input-padding-inline-sm: .5rem; --components-dimensions-input-padding-block-lg: .75rem; --components-dimensions-input-padding-block-md: .5rem; --components-dimensions-input-padding-block-sm: .25rem; --components-dimensions-input-size-icon: 1rem; --components-dimensions-input-size-image: 1rem; --components-dimensions-input-gap-content: .5rem; --components-dimensions-input-border-width-default: 1px; --components-dimensions-input-border-width-focused: 2px; --components-dimensions-input-border-radius: .5rem; --components-dimensions-checkbox-border-width-default: 1px; --components-dimensions-checkbox-border-width-focused: 2px; --components-dimensions-checkbox-border-radius: .25rem; --components-dimensions-checkbox-size-container: 1rem; --components-dimensions-checkbox-size-icon: 1rem; --components-dimensions-radio-size: 1rem; --components-dimensions-radio-border-radius: calc(infinity * 1px); --components-dimensions-radio-border-width-unchecked: 1px; --components-dimensions-radio-border-width-checked: 2px; --components-dimensions-radio-border-width-focused: 2px; --components-dimensions-radio-indicator-size: .5rem; --components-dimensions-radio-indicator-border-radius: calc(infinity * 1px); --components-dimensions-toggle-track-size-height-lg: 1.5rem; --components-dimensions-toggle-track-size-height-md: 1.25rem; --components-dimensions-toggle-track-size-height-sm: 1rem; --components-dimensions-toggle-track-size-width-lg: 2.75rem; --components-dimensions-toggle-track-size-width-md: 2.25rem; --components-dimensions-toggle-track-size-width-sm: 1.75rem; --components-dimensions-toggle-track-size-icon-lg: 1rem; --components-dimensions-toggle-track-size-icon-md: .75rem; --components-dimensions-toggle-track-size-icon-sm: .5rem; --components-dimensions-toggle-track-border-radius: calc(infinity * 1px); --components-dimensions-toggle-track-border-width-focused: 2px; --components-dimensions-toggle-thumb-size-lg: 1.25rem; --components-dimensions-toggle-thumb-size-md: 1rem; --components-dimensions-toggle-thumb-size-sm: .75rem; --components-dimensions-toggle-thumb-border-width: 1px; --components-dimensions-file-drop-border-radius: .5rem; --components-dimensions-file-drop-border-width-default: 1px; --components-dimensions-file-drop-padding-inline: 2rem; --components-dimensions-file-drop-padding-block: 2rem; --components-dimensions-file-drop-gap-content: 1rem; --components-dimensions-breadcrumb-size-icon: 1rem; --components-dimensions-breadcrumb-gap-content: .25rem; --components-dimensions-stepper-size-icon: 1.5rem; --components-dimensions-stepper-padding-inline: .75rem; --components-dimensions-stepper-padding-block: .5rem; --components-dimensions-stepper-gap-content: .5rem; --components-dimensions-stepper-step-size-icon: 1rem; --components-dimensions-stepper-step-border-radius: .5rem; --components-dimensions-stepper-step-border-width-active: 2px; --components-dimensions-stepper-step-padding-inline: .75rem; --components-dimensions-stepper-step-padding-block: .5rem; --components-dimensions-stepper-step-gap-content: .5rem; --components-dimensions-stepper-border-radius: .5rem; --components-dimensions-stepper-border-width-default: 1px; --components-dimensions-tab-size-icon-lg: 1.5rem; --components-dimensions-tab-size-icon-md: 1rem; --components-dimensions-tab-size-max-height-lg: 2.5rem; --components-dimensions-tab-size-max-height-md: 2rem; --components-dimensions-tab-gap-content-lg: .5rem; --components-dimensions-tab-gap-content-md: .25rem; --components-dimensions-tab-gap-tabs-lg: .5rem; --components-dimensions-tab-gap-tabs-md: .25rem; --components-dimensions-tab-padding-inline-lg: 1rem; --components-dimensions-tab-padding-inline-md: .75rem; --components-dimensions-tab-padding-block-lg: .75rem; --components-dimensions-tab-padding-block-md: .5rem; --components-dimensions-tab-border-width-unchecked: 1px; --components-dimensions-tab-border-width-checked: 2px; --components-dimensions-pagination-size-min-width-lg: 2.5rem; --components-dimensions-pagination-size-min-width-md: 2rem; --components-dimensions-pagination-size-min-height-lg: 2.5rem; --components-dimensions-pagination-size-min-height-md: 2rem; --components-dimensions-pagination-size-icon: 1.5rem; --components-dimensions-pagination-size-max-width-lg: 2.5rem; --components-dimensions-pagination-size-max-width-md: 2rem; --components-dimensions-pagination-size-max-height-lg: 2.5rem; --components-dimensions-pagination-size-max-height-md: 2rem; --components-dimensions-pagination-start-padding-inline-leading-lg: .5rem; --components-dimensions-pagination-start-padding-inline-leading-md: .25rem; --components-dimensions-pagination-start-padding-inline-trailing-lg: 1rem; --components-dimensions-pagination-start-padding-inline-trailing-md: .75rem; --components-dimensions-pagination-end-padding-inline-leading-lg: 1rem; --components-dimensions-pagination-end-padding-inline-leading-md: .75rem; --components-dimensions-pagination-end-padding-inline-trailing-lg: .5rem; --components-dimensions-pagination-end-padding-inline-trailing-md: .25rem; --components-dimensions-pagination-padding-inline-lg: .75rem; --components-dimensions-pagination-padding-inline-md: .75rem; --components-dimensions-pagination-padding-block-lg: .5rem; --components-dimensions-pagination-padding-block-md: .25rem; --components-dimensions-pagination-gap-content: .25rem; --components-dimensions-pagination-gap-pages: .5rem; --components-dimensions-pagination-border-radius: .5rem; --components-dimensions-pagination-border-width-unchecked: 1px; --components-dimensions-pagination-border-width-checked: 2px; --color-yellow-10: #fff8d9; --color-yellow-20: #fff1b2; --color-yellow-30: #ffe166; --color-yellow-40: #ffcd00; --color-yellow-50: #e5b800; --color-yellow-60: #b69200; --color-yellow-70: #846a01; --color-yellow-80: #604d00; --color-yellow-90: #423500; --color-neutral-10: #ffffff; --color-neutral-20: #f3f3f3; --color-neutral-30: #dedede; --color-neutral-40: #bdbdbd; --color-neutral-50: #989898; --color-neutral-60: #585858; --color-neutral-70: #444444; --color-neutral-80: #212121; --color-neutral-90: #000000; --color-beige-10: #fbf9f7; --color-beige-20: #f6f3ef; --color-beige-30: #eae4de; --color-beige-40: #d2cbc3; --color-beige-50: #a7a096; --color-beige-60: #605b55; --color-beige-70: #4d4944; --color-beige-80: #33302d; --color-beige-90: #1e1c1a; --color-green-10: #e7fbd3; --color-green-20: #cfebb0; --color-green-30: #bade94; --color-green-40: #9fc873; --color-green-50: #83ad57; --color-green-60: #5a8034; --color-green-70: #40611f; --color-green-80: #2a4210; --color-green-90: #142603; --color-teal-10: #dbfaf6; --color-teal-20: #a5ece4; --color-teal-30: #6fdbcd; --color-teal-40: #00c7ae; --color-teal-50: #06a894; --color-teal-60: #0a7b6d; --color-teal-70: #00544a; --color-teal-80: #053731; --color-teal-90: #001b18; --color-blue-10: #e0f5ff; --color-blue-20: #bbeaff; --color-blue-30: #9bdef7; --color-blue-40: #55c3e9; --color-blue-50: #27a5d0; --color-blue-60: #057aa3; --color-blue-70: #025a79; --color-blue-80: #013c50; --color-blue-90: #00202b; --color-violet-10: #efefff; --color-violet-20: #e0e0ff; --color-violet-30: #c9c9ff; --color-violet-40: #acacff; --color-violet-50: #9587e8; --color-violet-60: #8068c6; --color-violet-70: #5a4890; --color-violet-80: #3c2e63; --color-violet-90: #26194d; --color-pink-10: #ffeaf5; --color-pink-20: #ffd5eb; --color-pink-30: #feb7dc; --color-pink-40: #f696c8; --color-pink-50: #d17ba8; --color-pink-60: #b06089; --color-pink-70: #803c5f; --color-pink-80: #5c2944; --color-pink-90: #3b142a; --color-red-orange-10: #ffded0; --color-red-orange-20: #ffc9b2; --color-red-orange-30: #ffb595; --color-red-orange-40: #ff9868; --color-red-orange-50: #e67b49; --color-red-orange-60: #c45927; --color-red-orange-70: #9f4217; --color-red-orange-80: #6d2605; --color-red-orange-90: #451701; --color-orange-10: #ffebce; --color-orange-20: #ffd495; --color-orange-30: #ffbb59; --color-orange-40: #ff9f14; --color-orange-50: #db860a; --color-orange-60: #a6670a; --color-orange-70: #824f06; --color-orange-80: #573607; --color-orange-90: #382303; --color-red-10: #fbdedc; --color-red-20: #fcc7c3; --color-red-30: #fdb3ae; --color-red-40: #ff9490; --color-red-50: #ff6165; --color-red-60: #e1003a; --color-red-70: #a80029; --color-red-80: #75001a; --color-red-90: #450101; --color-background-brand-primary: #ffcd00; --color-background-brand-secondary: #ffe166; --color-background-brand-subtle: #fff1b2; --color-background-brand-minimal: #fff8d9; --color-background-brand-strong: #e5b800; --color-background-brand-stronger: #b69200; --color-background-neutral-primary: #000000; --color-background-neutral-secondary: #212121; --color-background-neutral-tertiary: #444444; --color-background-neutral-subtle: #bdbdbd; --color-background-neutral-subtlest: #dedede; --color-background-neutral-minimal: #f3f3f3; --color-background-neutral-inverse: #ffffff; --color-background-neutral-primary-fixed: #000000; --color-background-neutral-inverse-fixed: #ffffff; --color-background-warm-primary: #f6f3ef; --color-background-warm-minimal: #fbf9f7; --color-background-warm-strong: #eae4de; --color-background-warm-stronger: #d2cbc3; --color-background-information-primary: #55c3e9; --color-background-information-secondary: #9bdef7; --color-background-information-subtle: #bbeaff; --color-background-information-minimal: #e0f5ff; --color-background-information-strong: #27a5d0; --color-background-information-stronger: #057aa3; --color-background-success-primary: #bade94; --color-background-success-secondary: #cfebb0; --color-background-success-minimal: #e7fbd3; --color-background-success-strong: #9fc873; --color-background-success-stronger: #83ad57; --color-background-success-strongest: #5a8034; --color-background-warning-primary: #ff9f14; --color-background-warning-secondary: #ffbb59; --color-background-warning-subtle: #ffd495; --color-background-warning-minimal: #ffebce; --color-background-warning-strong: #db860a; --color-background-warning-stronger: #a6670a; --color-background-danger-primary: #ff9490; --color-background-danger-secondary: #fdb3ae; --color-background-danger-subtle: #fcc7c3; --color-background-danger-minimal: #fbdedc; --color-background-danger-strong: #ff6165; --color-background-danger-stronger: #e1003a; --color-background-danger-strongest: #a80029; --color-background-accent-green-primary: #bade94; --color-background-accent-green-secondary: #cfebb0; --color-background-accent-green-minimal: #e7fbd3; --color-background-accent-green-strong: #9fc873; --color-background-accent-green-stronger: #83ad57; --color-background-accent-green-strongest: #5a8034; --color-background-accent-teal-primary: #00c7ae; --color-background-accent-teal-secondary: #6fdbcd; --color-background-accent-teal-subtle: #a5ece4; --color-background-accent-teal-minimal: #dbfaf6; --color-background-accent-teal-strong: #06a894; --color-background-accent-teal-stronger: #0a7b6d; --color-background-accent-teal-strongest: #00544a; --color-background-accent-blue-primary: #55c3e9; --color-background-accent-blue-secondary: #9bdef7; --color-background-accent-blue-subtle: #bbeaff; --color-background-accent-blue-minimal: #e0f5ff; --color-background-accent-blue-strong: #27a5d0; --color-background-accent-blue-stronger: #057aa3; --color-background-accent-blue-strongest: #025a79; --color-background-accent-violet-primary: #acacff; --color-background-accent-violet-secondary: #c9c9ff; --color-background-accent-violet-subtle: #e0e0ff; --color-background-accent-violet-minimal: #efefff; --color-background-accent-violet-strong: #9587e8; --color-background-accent-violet-stronger: #8068c6; --color-background-accent-violet-strongest: #5a4890; --color-background-accent-pink-primary: #f696c8; --color-background-accent-pink-secondary: #feb7dc; --color-background-accent-pink-subtle: #ffd5eb; --color-background-accent-pink-minimal: #ffeaf5; --color-background-accent-pink-strong: #d17ba8; --color-background-accent-pink-stronger: #b06089; --color-background-accent-pink-strongest: #803c5f; --color-background-accent-orange-primary: #ff9868; --color-background-accent-orange-secondary: #ffb595; --color-background-accent-orange-subtle: #ffc9b2; --color-background-accent-orange-minimal: #ffded0; --color-background-accent-orange-strong: #e67b49; --color-background-accent-orange-stronger: #c45927; --color-background-accent-orange-strongest: #9f4217; --color-background-transparent-white-subtle: #ffffff42; --color-background-transparent-white-subtlest: #ffffff21; --color-background-transparent-white-minimal: #ffffff0d; --color-background-transparent-white-none: #ffffff00; --color-background-transparent-black-subtle: #00000042; --color-background-transparent-black-subtlest: #00000021; --color-background-transparent-black-minimal: #0000000d; --color-background-transparent-black-none: #00000000; --color-text-brand-primary: #423500; --color-text-brand-secondary: #604d00; --color-text-brand-tertiary: #846a01; --color-text-brand-subtle: #b69200; --color-text-brand-minimal: #e5b800; --color-text-neutral-primary: #000000; --color-text-neutral-secondary: #212121; --color-text-neutral-tertiary: #444444; --color-text-neutral-subtle: #585858; --color-text-neutral-subtlest: #989898; --color-text-neutral-minimal: #bdbdbd; --color-text-neutral-inverse: #ffffff; --color-text-neutral-primary-fixed: #000000; --color-text-neutral-inverse-fixed: #ffffff; --color-text-warm-primary: #1e1c1a; --color-text-warm-secondary: #33302d; --color-text-warm-tertiary: #4d4944; --color-text-warm-subtle: #605b55; --color-text-warm-minimal: #a7a096; --color-text-information-primary: #00202b; --color-text-information-secondary: #013c50; --color-text-information-tertiary: #025a79; --color-text-information-subtle: #057aa3; --color-text-information-minimal: #27a5d0; --color-text-success-primary: #142603; --color-text-success-secondary: #2a4210; --color-text-success-tertiary: #40611f; --color-text-success-subtle: #5a8034; --color-text-success-minimal: #83ad57; --color-text-warning-primary: #382303; --color-text-warning-secondary: #573607; --color-text-warning-tertiary: #824f06; --color-text-warning-subtle: #a6670a; --color-text-warning-minimal: #db860a; --color-text-danger-primary: #450101; --color-text-danger-secondary: #75001a; --color-text-danger-tertiary: #a80029; --color-text-danger-subtle: #e1003a; --color-text-danger-minimal: #ff6165; --color-text-accent-green-primary: #142603; --color-text-accent-green-secondary: #2a4210; --color-text-accent-green-tertiary: #40611f; --color-text-accent-green-subtle: #5a8034; --color-text-accent-green-minimal: #83ad57; --color-text-accent-teal-primary: #001b18; --color-text-accent-teal-secondary: #053731; --color-text-accent-teal-tertiary: #00544a; --color-text-accent-teal-subtle: #0a7b6d; --color-text-accent-teal-minimal: #06a894; --color-text-accent-blue-primary: #00202b; --color-text-accent-blue-secondary: #013c50; --color-text-accent-blue-tertiary: #025a79; --color-text-accent-blue-subtle: #057aa3; --color-text-accent-blue-minimal: #27a5d0; --color-text-accent-violet-primary: #26194d; --color-text-accent-violet-secondary: #3c2e63; --color-text-accent-violet-tertiary: #5a4890; --color-text-accent-violet-subtle: #8068c6; --color-text-accent-violet-minimal: #9587e8; --color-text-accent-pink-primary: #3b142a; --color-text-accent-pink-secondary: #5c2944; --color-text-accent-pink-tertiary: #803c5f; --color-text-accent-pink-subtle: #b06089; --color-text-accent-pink-minimal: #d17ba8; --color-text-accent-orange-primary: #451701; --color-text-accent-orange-secondary: #6d2605; --color-text-accent-orange-tertiary: #9f4217; --color-text-accent-orange-subtle: #c45927; --color-text-accent-orange-minimal: #e67b49; --color-border-brand-primary: #ffcd00; --color-border-brand-secondary: #ffe166; --color-border-brand-subtle: #fff1b2; --color-border-brand-minimal: #fff8d9; --color-border-brand-strong: #e5b800; --color-border-brand-stronger: #b69200; --color-border-neutral-primary: #000000; --color-border-neutral-secondary: #212121; --color-border-neutral-tertiary: #444444; --color-border-neutral-subtle: #bdbdbd; --color-border-neutral-subtlest: #dedede; --color-border-neutral-minimal: #f3f3f3; --color-border-neutral-inverse: #ffffff; --color-border-neutral-primary-fixed: #000000; --color-border-neutral-inverse-fixed: #ffffff; --color-border-warm-primary: #605b55; --color-border-warm-secondary: #a7a096; --color-border-warm-tertiary: #d2cbc3; --color-border-warm-subtle: #eae4de; --color-border-warm-minimal: #f6f3ef; --color-border-warm-strong: #4d4944; --color-border-warm-stronger: #33302d; --color-border-information-primary: #55c3e9; --color-border-information-secondary: #9bdef7; --color-border-information-subtle: #bbeaff; --color-border-information-minimal: #e0f5ff; --color-border-information-strong: #27a5d0; --color-border-information-stronger: #057aa3; --color-border-information-strongest: #025a79; --color-border-success-primary: #bade94; --color-border-success-secondary: #cfebb0; --color-border-success-minimal: #e7fbd3; --color-border-success-strong: #9fc873; --color-border-success-stronger: #83ad57; --color-border-success-strongest: #5a8034; --color-border-warning-primary: #ff9f14; --color-border-warning-secondary: #ffbb59; --color-border-warning-subtle: #ffd495; --color-border-warning-minimal: #ffebce; --color-border-warning-strong: #db860a; --color-border-warning-stronger: #a6670a; --color-border-warning-strongest: #824f06; --color-border-danger-primary: #ff9490; --color-border-danger-secondary: #fdb3ae; --color-border-danger-subtle: #fcc7c3; --color-border-danger-minimal: #fbdedc; --color-border-danger-strong: #ff6165; --color-border-danger-stronger: #e1003a; --color-border-danger-strongest: #a80029; --color-border-transparent-white-subtle: #ffffff42; --color-border-transparent-white-subtlest: #ffffff21; --color-border-transparent-white-minimal: #ffffff0d; --color-border-transparent-white-none: #ffffff00; --color-border-transparent-black-subtle: #00000042; --color-border-transparent-black-subtlest: #00000021; --color-border-transparent-black-minimal: #0000000d; --color-border-transparent-black-none: #00000000; --color-icon-brand-primary: #423500; --color-icon-brand-secondary: #604d00; --color-icon-brand-tertiary: #846a01; --color-icon-brand-subtle: #b69200; --color-icon-brand-subtlest: #e5b800; --color-icon-brand-minimal: #ffcd00; --color-icon-neutral-primary: #000000; --color-icon-neutral-secondary: #212121; --color-icon-neutral-tertiary: #444444; --color-icon-neutral-subtle: #585858; --color-icon-neutral-subtlest: #989898; --color-icon-neutral-minimal: #bdbdbd; --color-icon-neutral-inverse: #ffffff; --color-icon-neutral-primary-fixed: #000000; --color-icon-neutral-inverse-fixed: #ffffff; --color-icon-warm-primary: #1e1c1a; --color-icon-warm-secondary: #33302d; --color-icon-warm-tertiary: #4d4944; --color-icon-warm-subtle: #605b55; --color-icon-warm-minimal: #a7a096; --color-icon-information-primary: #00202b; --color-icon-information-secondary: #013c50; --color-icon-information-tertiary: #025a79; --color-icon-information-subtle: #057aa3; --color-icon-information-subtlest: #27a5d0; --color-icon-information-minimal: #55c3e9; --color-icon-success-primary: #142603; --color-icon-success-secondary: #2a4210; --color-icon-success-tertiary: #40611f; --color-icon-success-subtle: #5a8034; --color-icon-success-subtlest: #83ad57; --color-icon-success-minimal: #bade94; --color-icon-warning-primary: #382303; --color-icon-warning-secondary: #573607; --color-icon-warning-tertiary: #824f06; --color-icon-warning-subtle: #a6670a; --color-icon-warning-subtlest: #db860a; --color-icon-warning-minimal: #ff9f14; --color-icon-danger-primary: #450101; --color-icon-danger-secondary: #75001a; --color-icon-danger-tertiary: #a80029; --color-icon-danger-subtle: #e1003a; --color-icon-danger-subtlest: #ff6165; --color-icon-danger-minimal: #ff9490; --color-icon-accent-green-primary: #142603; --color-icon-accent-green-secondary: #2a4210; --color-icon-accent-green-tertiary: #40611f; --color-icon-accent-green-subtle: #5a8034; --color-icon-accent-green-subtlest: #83ad57; --color-icon-accent-green-minimal: #bade94; --color-icon-accent-teal-primary: #001b18; --color-icon-accent-teal-secondary: #053731; --color-icon-accent-teal-tertiary: #00544a; --color-icon-accent-teal-subtle: #0a7b6d; --color-icon-accent-teal-subtlest: #06a894; --color-icon-accent-teal-minimal: #00c7ae; --color-icon-accent-blue-primary: #00202b; --color-icon-accent-blue-secondary: #013c50; --color-icon-accent-blue-tertiary: #025a79; --color-icon-accent-blue-subtle: #057aa3; --color-icon-accent-blue-subtlest: #27a5d0; --color-icon-accent-blue-minimal: #55c3e9; --color-icon-accent-violet-primary: #26194d; --color-icon-accent-violet-secondary: #3c2e63; --color-icon-accent-violet-tertiary: #5a4890; --color-icon-accent-violet-subtle: #8068c6; --color-icon-accent-violet-subtlest: #9587e8; --color-icon-accent-violet-minimal: #acacff; --color-icon-accent-pink-primary: #3b142a; --color-icon-accent-pink-secondary: #5c2944; --color-icon-accent-pink-tertiary: #803c5f; --color-icon-accent-pink-subtle: #b06089; --color-icon-accent-pink-subtlest: #d17ba8; --color-icon-accent-pink-minimal: #f696c8; --color-icon-accent-orange-primary: #451701; --color-icon-accent-orange-secondary: #6d2605; --color-icon-accent-orange-tertiary: #9f4217; --color-icon-accent-orange-subtle: #c45927; --color-icon-accent-orange-subtlest: #e67b49; --color-icon-accent-orange-minimal: #ff9868; --color-overlay-default: rgba(0,0,0,.7); --color-overlay-strong: rgba(0,0,0,.5); --color-logo-background-primary: #ffcd00; --color-logo-mark-primary: #000000; --color-logo-mark-primary-fixed: #000000; --font-size-12: .75rem; --text-12: .75rem; --font-size-14: .875rem; --text-14: .875rem; --font-size-16: 1rem; --text-16: 1rem; --font-size-18: 1.125rem; --text-18: 1.125rem; --font-size-20: 1.25rem; --text-20: 1.25rem; --font-size-24: 1.5rem; --text-24: 1.5rem; --font-size-32: 2rem; --text-32: 2rem; --font-size-36: 2.25rem; --text-36: 2.25rem; --font-size-48: 3rem; --text-48: 3rem; --font-size-60: 3.75rem; --text-60: 3.75rem; --font-size-72: 4.5rem; --text-72: 4.5rem; --font-size-xs: .75rem; --text-xs: .75rem; --font-size-sm: .875rem; --text-sm: .875rem; --font-size-md: 1rem; --text-md: 1rem; --font-size-lg: 1.125rem; --text-lg: 1.125rem; --font-size-xl: 1.25rem; --text-xl: 1.25rem; --font-size-2xl: 1.5rem; --font-size-xxl: 1.5rem; --text-2xl: 1.5rem; --font-size-3xl: 2rem; --text-3xl: 2rem; --font-size-4xl: 2.25rem; --text-4xl: 2.25rem; --font-size-5xl: 3rem; --text-5xl: 3rem; --font-size-6xl: 3.75rem; --text-6xl: 3.75rem; --font-size-7xl: 4.5rem; --text-7xl: 4.5rem; --font-family-title: "welcome-font",sans-serif; --font-family-body: "Work Sans",sans-serif; --font-weight-regular: 400; --font-weight-medium: 500; --font-weight-semi-bold: 600; --font-weight-bold: 700; --font-weight-black: 900; --font-line-height-xs: 120%; --font-line-height-sm: 130%; --font-line-height-md: 140%; --font-line-height-lg: 150%; --font-letter-spacing-none: 0; --font-letter-spacing-xs: -2%; --spacing-2: .125rem; --spacing-4: .25rem; --spacing-8: .5rem; --spacing-12: .75rem; --spacing-16: 1rem; --spacing-24: 1.5rem; --spacing-32: 2rem; --spacing-48: 3rem; --spacing-64: 4rem; --spacing-96: 6rem; --spacing-128: 8rem; --spacing-192: 12rem; --spacing-2xs: .125rem; --spacing-xxs: .125rem; --spacing-xs: .25rem; --spacing-sm: .5rem; --spacing-md: .75rem; --spacing-lg: 1rem; --spacing-xl: 1.5rem; --spacing-2xl: 2rem; --spacing-xxl: 2rem; --spacing-3xl: 3rem; --spacing-4xl: 4rem; --spacing-5xl: 6rem; --spacing-6xl: 8rem; --spacing-7xl: 12rem; --size-8: .5rem; --size-12: .75rem; --size-16: 1rem; --size-20: 1.25rem; --size-24: 1.5rem; --size-32: 2rem; --size-48: 3rem; --size-64: 4rem; --size-icon-xs: .5rem; --size-icon-sm: .75rem; --size-icon-md: 1rem; --size-icon-lg: 1.5rem; --size-icon-xl: 2rem; --size-icon-2xl: 3rem; --size-icon-xxl: 3rem; --size-icon-3xl: 4rem; --height-2: .125rem; --height-8: .5rem; --height-16: 1rem; --height-20: 1.25rem; --height-24: 1.5rem; --height-25: 1.5625rem; --height-32: 2rem; --height-33: 2.0625rem; --height-40: 2.5rem; --height-43: 2.6875rem; --width-8: .5rem; --width-16: 1rem; --width-20: 1.25rem; --width-28: 1.75rem; --width-32: 2rem; --width-36: 2.25rem; --width-40: 2.5rem; --width-44: 2.75rem; --elevation-10: 0 1px 2px 0 rgba(0,0,0,.04); --elevation-20: 0 4px 6px 0 rgba(0,0,0,.04); --elevation-30: 0 4px 6px 0 rgba(0,0,0,.08); --elevation-40: 0 6px 8px 0 rgba(0,0,0,.12); --elevation-50: 0 12px 16px 0 rgba(0,0,0,.12); --elevation-60: 0 12px 32px 0 rgba(0,0,0,.16); --inset-5: 0 0 4px 0 rgba(0,0,0,.08); --inset-10: 0 0 6px 0 rgba(0,0,0,.08); --inset-20: 0 0 8px 0 rgba(0,0,0,.16); --border-width-xs: 1px; --border-width-sm: 2px; --border-width-md: 4px; --border-width-lg: 6px; --border-radius-none: 0; --radius-none: 0; --border-radius-xs: .125rem; --radius-xs: .125rem; --border-radius-sm: .25rem; --radius-sm: .25rem; --border-radius-md: .5rem; --radius-md: .5rem; --border-radius-lg: .75rem; --radius-lg: .75rem; --border-radius-xl: 1rem; --radius-xl: 1rem; --border-radius-2xl: 1.5rem; --border-radius-xxl: 1.5rem; --radius-2xl: 1.5rem; --border-radius-full: calc(infinity * 1px); --radius-full: calc(infinity * 1px); --breakpoint-xs: 0; --breakpoint-sm: 480px; --breakpoint-md: 736px; --breakpoint-lg: 980px; --breakpoint-xl: 1280px; --breakpoint-2xl: 1440px; --breakpoint-xxl: 1440px; --breakpoint-3xl: 1620px; --breakpoint-4xl: 1920px;}@layer base{html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{min-width:0;min-height:0;font-size:100%;vertical-align:baseline}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}a{text-decoration:none}img{overflow:hidden}input{-webkit-appearance:none;-moz-appearance:none;appearance:none}input::-webkit-search-cancel-button{display:none}*,*:after,*:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{height:100%}body{min-height:100%;padding-top:1px;margin-top:-1px;font-family:var(--font-family-body)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-title)}}
+@font-face{font-family:Work Sans;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:welcome-font;font-weight:500;font-display:swap;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-medium.woff2) format("woff2")}@font-face{font-family:welcome-font;font-weight:700;font-display:swap;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-bold.woff2) format("woff2")}@font-face{font-family:welcome-font;font-weight:900;font-display:swap;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-black.woff2) format("woff2")}@font-face{font-family:welcome-font;font-style:italic;font-weight:500;font-display:swap;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-medium-italic.woff2) format("woff2")}@font-face{font-family:welcome-font;font-style:italic;font-weight:700;font-display:swap;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-bold-italic.woff2) format("woff2")}@font-face{font-family:welcome-font;font-style:italic;font-weight:900;font-display:swap;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-black-italic.woff2) format("woff2")}@theme static{--*: initial; --spacing: .0625rem; --spacing-0: 0; --duration-fast: .1s; --duration-medium: .3s; --duration-slow: .5s; --timing-primary: ease; --timing-secondary: linear; --timing-tertiary: cubic-bezier(.41,.094,.54,.07); --components-colors-button-color-background-primary-main-default: #ffcd00; --components-colors-button-color-background-primary-main-hover: #e5b800; --components-colors-button-color-background-primary-main-pressed: #ffe166; --components-colors-button-color-background-primary-main-disabled: #f3f3f3; --components-colors-button-color-background-primary-main-focused: #ffcd00; --components-colors-button-color-background-primary-neutral-default: #000000; --components-colors-button-color-background-primary-neutral-hover: #212121; --components-colors-button-color-background-primary-neutral-pressed: #444444; --components-colors-button-color-background-primary-neutral-disabled: #f3f3f3; --components-colors-button-color-background-primary-neutral-focused: #000000; --components-colors-button-color-background-primary-danger-default: #a80029; --components-colors-button-color-background-primary-danger-hover: #e1003a; --components-colors-button-color-background-primary-danger-pressed: #ff6165; --components-colors-button-color-background-primary-danger-disabled: #f3f3f3; --components-colors-button-color-background-primary-danger-focused: #a80029; --components-colors-button-color-background-primary-ai-default: #ffffff; --components-colors-button-color-background-primary-ai-hover: #ffffff; --components-colors-button-color-background-primary-ai-pressed: #f3f3f3; --components-colors-button-color-background-primary-ai-disabled: #f3f3f3; --components-colors-button-color-background-primary-ai-focused: #ffffff; --components-colors-button-color-background-secondary-main-default: #ffffff; --components-colors-button-color-background-secondary-main-hover: #ffffff; --components-colors-button-color-background-secondary-main-pressed: #f3f3f3; --components-colors-button-color-background-secondary-main-disabled: #f3f3f3; --components-colors-button-color-background-secondary-main-focused: #ffffff; --components-colors-button-color-background-secondary-danger-default: #ffffff; --components-colors-button-color-background-secondary-danger-hover: #ffffff; --components-colors-button-color-background-secondary-danger-pressed: #fbdedc; --components-colors-button-color-background-secondary-danger-disabled: #f3f3f3; --components-colors-button-color-background-secondary-danger-focused: #ffffff; --components-colors-button-color-background-tertiary-main-default: #00000000; --components-colors-button-color-background-tertiary-main-hover: #0000000d; --components-colors-button-color-background-tertiary-main-pressed: #00000021; --components-colors-button-color-background-tertiary-main-disabled: #00000000; --components-colors-button-color-background-tertiary-main-focused: #00000000; --components-colors-button-color-background-tertiary-danger-default: #00000000; --components-colors-button-color-background-tertiary-danger-hover: #fbdedc; --components-colors-button-color-background-tertiary-danger-pressed: #fcc7c3; --components-colors-button-color-background-tertiary-danger-disabled: #00000000; --components-colors-button-color-background-tertiary-danger-focused: #00000000; --components-colors-button-color-text-primary-main-default: #000000; --components-colors-button-color-text-primary-main-hover: #000000; --components-colors-button-color-text-primary-main-pressed: #423500; --components-colors-button-color-text-primary-main-disabled: #989898; --components-colors-button-color-text-primary-main-focused: #000000; --components-colors-button-color-text-primary-neutral-default: #ffffff; --components-colors-button-color-text-primary-neutral-hover: #ffffff; --components-colors-button-color-text-primary-neutral-pressed: #ffffff; --components-colors-button-color-text-primary-neutral-disabled: #989898; --components-colors-button-color-text-primary-neutral-focused: #ffffff; --components-colors-button-color-text-primary-danger-default: #ffffff; --components-colors-button-color-text-primary-danger-hover: #ffffff; --components-colors-button-color-text-primary-danger-pressed: #ffffff; --components-colors-button-color-text-primary-danger-disabled: #989898; --components-colors-button-color-text-primary-danger-focused: #ffffff; --components-colors-button-color-text-primary-ai-default: #000000; --components-colors-button-color-text-primary-ai-hover: #212121; --components-colors-button-color-text-primary-ai-pressed: #000000; --components-colors-button-color-text-primary-ai-disabled: #989898; --components-colors-button-color-text-primary-ai-focused: #000000; --components-colors-button-color-text-secondary-main-default: #000000; --components-colors-button-color-text-secondary-main-hover: #212121; --components-colors-button-color-text-secondary-main-pressed: #000000; --components-colors-button-color-text-secondary-main-disabled: #989898; --components-colors-button-color-text-secondary-main-focused: #000000; --components-colors-button-color-text-secondary-danger-default: #75001a; --components-colors-button-color-text-secondary-danger-hover: #a80029; --components-colors-button-color-text-secondary-danger-pressed: #75001a; --components-colors-button-color-text-secondary-danger-disabled: #989898; --components-colors-button-color-text-secondary-danger-focused: #75001a; --components-colors-button-color-text-tertiary-main-default: #000000; --components-colors-button-color-text-tertiary-main-hover: #212121; --components-colors-button-color-text-tertiary-main-pressed: #000000; --components-colors-button-color-text-tertiary-main-disabled: #989898; --components-colors-button-color-text-tertiary-main-focused: #000000; --components-colors-button-color-text-tertiary-danger-default: #a80029; --components-colors-button-color-text-tertiary-danger-hover: #e1003a; --components-colors-button-color-text-tertiary-danger-pressed: #450101; --components-colors-button-color-text-tertiary-danger-disabled: #989898; --components-colors-button-color-text-tertiary-danger-focused: #a80029; --components-colors-button-color-border-focused: #ffe166; --components-colors-button-color-border-secondary-main-default: #dedede; --components-colors-button-color-border-secondary-main-hover: #bdbdbd; --components-colors-button-color-border-secondary-main-pressed: #dedede; --components-colors-button-color-border-secondary-main-focused: #dedede; --components-colors-button-color-border-secondary-danger-default: #a80029; --components-colors-button-color-border-secondary-danger-hover: #e1003a; --components-colors-button-color-border-secondary-danger-pressed: #fdb3ae; --components-colors-button-color-border-secondary-danger-focused: #a80029; --components-colors-button-color-icon-primary-main-default: #000000; --components-colors-button-color-icon-primary-main-hover: #000000; --components-colors-button-color-icon-primary-main-pressed: #423500; --components-colors-button-color-icon-primary-main-disabled: #989898; --components-colors-button-color-icon-primary-main-focused: #000000; --components-colors-button-color-icon-primary-neutral-default: #ffffff; --components-colors-button-color-icon-primary-neutral-hover: #ffffff; --components-colors-button-color-icon-primary-neutral-pressed: #ffffff; --components-colors-button-color-icon-primary-neutral-disabled: #989898; --components-colors-button-color-icon-primary-neutral-focused: #ffffff; --components-colors-button-color-icon-primary-danger-default: #ffffff; --components-colors-button-color-icon-primary-danger-hover: #ffffff; --components-colors-button-color-icon-primary-danger-pressed: #ffffff; --components-colors-button-color-icon-primary-danger-disabled: #989898; --components-colors-button-color-icon-primary-danger-focused: #ffffff; --components-colors-button-color-icon-primary-ai-default: #000000; --components-colors-button-color-icon-primary-ai-hover: #212121; --components-colors-button-color-icon-primary-ai-pressed: #000000; --components-colors-button-color-icon-primary-ai-disabled: #989898; --components-colors-button-color-icon-primary-ai-focused: #000000; --components-colors-button-color-icon-secondary-main-default: #000000; --components-colors-button-color-icon-secondary-main-hover: #212121; --components-colors-button-color-icon-secondary-main-pressed: #000000; --components-colors-button-color-icon-secondary-main-disabled: #989898; --components-colors-button-color-icon-secondary-main-focused: #000000; --components-colors-button-color-icon-secondary-danger-default: #75001a; --components-colors-button-color-icon-secondary-danger-hover: #a80029; --components-colors-button-color-icon-secondary-danger-pressed: #75001a; --components-colors-button-color-icon-secondary-danger-disabled: #989898; --components-colors-button-color-icon-secondary-danger-focused: #75001a; --components-colors-button-color-icon-tertiary-main-default: #000000; --components-colors-button-color-icon-tertiary-main-hover: #212121; --components-colors-button-color-icon-tertiary-main-pressed: #000000; --components-colors-button-color-icon-tertiary-main-disabled: #989898; --components-colors-button-color-icon-tertiary-main-focused: #000000; --components-colors-button-color-icon-tertiary-danger-default: #a80029; --components-colors-button-color-icon-tertiary-danger-hover: #e1003a; --components-colors-button-color-icon-tertiary-danger-pressed: #450101; --components-colors-button-color-icon-tertiary-danger-disabled: #989898; --components-colors-button-color-icon-tertiary-danger-focused: #a80029; --components-colors-link-color-background-primary-hover: #ffcd00; --components-colors-link-color-background-primary-visited-default: #fff8d9; --components-colors-link-color-background-primary-visited-hover: #ffcd00; --components-colors-link-color-background-secondary-hover: #000000; --components-colors-link-color-background-secondary-visited-default: #dedede; --components-colors-link-color-background-secondary-visited-hover: #000000; --components-colors-link-color-text-primary-default: #000000; --components-colors-link-color-text-primary-hover: #000000; --components-colors-link-color-text-primary-visited-default: #604d00; --components-colors-link-color-text-primary-visited-hover: #000000; --components-colors-link-color-text-primary-disabled: #605b55; --components-colors-link-color-text-secondary-default: #000000; --components-colors-link-color-text-secondary-hover: #ffffff; --components-colors-link-color-text-secondary-visited-default: #444444; --components-colors-link-color-text-secondary-visited-hover: #ffffff; --components-colors-link-color-text-secondary-disabled: #585858; --components-colors-link-color-icon-primary-default: #000000; --components-colors-link-color-icon-primary-hover: #000000; --components-colors-link-color-icon-primary-visited-default: #604d00; --components-colors-link-color-icon-primary-visited-hover: #000000; --components-colors-link-color-icon-primary-disabled: #a7a096; --components-colors-link-color-icon-secondary-default: #000000; --components-colors-link-color-icon-secondary-hover: #ffffff; --components-colors-link-color-icon-secondary-visited-default: #444444; --components-colors-link-color-icon-secondary-visited-hover: #ffffff; --components-colors-link-color-icon-secondary-disabled: #989898; --components-colors-link-color-underline-primary-default: #ffcd00; --components-colors-link-color-underline-primary-visited-default: #ffcd00; --components-colors-link-color-underline-primary-visited-hover: #ffcd00; --components-colors-link-color-underline-primary-disabled: #eae4de; --components-colors-link-color-underline-secondary-default: #000000; --components-colors-link-color-underline-secondary-visited-default: #000000; --components-colors-link-color-underline-secondary-visited-hover: #000000; --components-colors-link-color-underline-secondary-disabled: #dedede; --components-colors-avatar-color-background-placeholder: #f6f3ef; --components-colors-avatar-color-background-initials-green: #bade94; --components-colors-avatar-color-background-initials-teal: #00c7ae; --components-colors-avatar-color-background-initials-blue: #55c3e9; --components-colors-avatar-color-background-initials-violet: #acacff; --components-colors-avatar-color-background-initials-pink: #f696c8; --components-colors-avatar-color-background-initials-orange: #ff9868; --components-colors-avatar-color-text-initials-green: #2a4210; --components-colors-avatar-color-text-initials-teal: #053731; --components-colors-avatar-color-text-initials-blue: #013c50; --components-colors-avatar-color-text-initials-violet: #3c2e63; --components-colors-avatar-color-text-initials-pink: #5c2944; --components-colors-avatar-color-text-initials-orange: #6d2605; --components-colors-avatar-color-icon-placeholder: #a7a096; --components-colors-badge-color-background-brand: #ffcd00; --components-colors-badge-color-background-warm: #eae4de; --components-colors-badge-color-background-neutral: #000000; --components-colors-badge-color-background-blue: #27a5d0; --components-colors-badge-color-text-brand: #000000; --components-colors-badge-color-text-warm: #1e1c1a; --components-colors-badge-color-text-neutral: #ffffff; --components-colors-badge-color-text-blue: #ffffff; --components-colors-card-action-dismiss-icon-default: #bdbdbd; --components-colors-card-action-dismiss-icon-hover: #000000; --components-colors-card-header-color-text-default: #000000; --components-colors-card-header-color-icon-default: #000000; --components-colors-card-body-meta-color-text-default: #585858; --components-colors-card-body-color-text-default: #212121; --components-colors-card-color-background-default: #ffffff; --components-colors-card-color-border-default: #f6f3ef; --components-colors-card-color-border-hover: #eae4de; --components-colors-card-color-icon-default: #585858; --components-colors-card-color-icon-hover: #000000; --components-colors-drawer-body-color-background-default: #ffffff; --components-colors-drawer-color-text-title: #000000; --components-colors-drawer-color-text-description: #212121; --components-colors-drawer-color-border-default: #f6f3ef; --components-colors-drawer-color-border-hover: #eae4de; --components-colors-drawer-color-icon-default: #000000; --components-colors-tag-color-background-brand-default: #ffe166; --components-colors-tag-color-background-brand-hover: #ffcd00; --components-colors-tag-color-background-brand-disabled: #fff8d9; --components-colors-tag-color-background-brand-ai-default: #fff1b2; --components-colors-tag-color-background-brand-ai-hover: #ffe166; --components-colors-tag-color-background-brand-ai-disabled: #fff8d9; --components-colors-tag-color-background-warm-default: #f6f3ef; --components-colors-tag-color-background-warm-hover: #eae4de; --components-colors-tag-color-background-warm-disabled: #f6f3ef; --components-colors-tag-color-background-warm-ai-default: #fbf9f7; --components-colors-tag-color-background-warm-ai-hover: #f6f3ef; --components-colors-tag-color-background-warm-ai-disabled: #f6f3ef; --components-colors-tag-color-background-green-default: #cfebb0; --components-colors-tag-color-background-green-hover: #bade94; --components-colors-tag-color-background-green-disabled: #e7fbd3; --components-colors-tag-color-background-green-ai-default: #e7fbd3; --components-colors-tag-color-background-green-ai-hover: #cfebb0; --components-colors-tag-color-background-green-ai-disabled: #e7fbd3; --components-colors-tag-color-background-teal-default: #6fdbcd; --components-colors-tag-color-background-teal-hover: #00c7ae; --components-colors-tag-color-background-teal-disabled: #dbfaf6; --components-colors-tag-color-background-teal-ai-default: #a5ece4; --components-colors-tag-color-background-teal-ai-hover: #6fdbcd; --components-colors-tag-color-background-teal-ai-disabled: #dbfaf6; --components-colors-tag-color-background-blue-default: #9bdef7; --components-colors-tag-color-background-blue-hover: #55c3e9; --components-colors-tag-color-background-blue-disabled: #e0f5ff; --components-colors-tag-color-background-blue-ai-default: #bbeaff; --components-colors-tag-color-background-blue-ai-hover: #9bdef7; --components-colors-tag-color-background-blue-ai-disabled: #e0f5ff; --components-colors-tag-color-background-violet-default: #c9c9ff; --components-colors-tag-color-background-violet-hover: #acacff; --components-colors-tag-color-background-violet-disabled: #efefff; --components-colors-tag-color-background-violet-ai-default: #e0e0ff; --components-colors-tag-color-background-violet-ai-hover: #c9c9ff; --components-colors-tag-color-background-violet-ai-disabled: #efefff; --components-colors-tag-color-background-pink-default: #feb7dc; --components-colors-tag-color-background-pink-hover: #f696c8; --components-colors-tag-color-background-pink-disabled: #ffeaf5; --components-colors-tag-color-background-pink-ai-default: #ffd5eb; --components-colors-tag-color-background-pink-ai-hover: #feb7dc; --components-colors-tag-color-background-pink-ai-disabled: #ffeaf5; --components-colors-tag-color-background-orange-default: #ffb595; --components-colors-tag-color-background-orange-hover: #ff9868; --components-colors-tag-color-background-orange-disabled: #ffded0; --components-colors-tag-color-background-orange-ai-default: #ffc9b2; --components-colors-tag-color-background-orange-ai-hover: #ffb595; --components-colors-tag-color-background-orange-ai-disabled: #ffded0; --components-colors-tag-color-background-red-default: #fdb3ae; --components-colors-tag-color-background-red-hover: #ff9490; --components-colors-tag-color-background-red-disabled: #fbdedc; --components-colors-tag-color-background-red-ai-default: #fcc7c3; --components-colors-tag-color-background-red-ai-hover: #fdb3ae; --components-colors-tag-color-background-red-ai-disabled: #fbdedc; --components-colors-tag-color-background-dash-default: #ffffff; --components-colors-tag-color-background-dash-hover: #ffffff; --components-colors-tag-color-background-dash-disabled: #f3f3f3; --components-colors-tag-color-text-brand-default: #423500; --components-colors-tag-color-text-brand-hover: #423500; --components-colors-tag-color-text-brand-disabled: #846a01; --components-colors-tag-color-text-warm-default: #1e1c1a; --components-colors-tag-color-text-warm-hover: #1e1c1a; --components-colors-tag-color-text-warm-disabled: #605b55; --components-colors-tag-color-text-green-default: #142603; --components-colors-tag-color-text-green-hover: #142603; --components-colors-tag-color-text-green-disabled: #5a8034; --components-colors-tag-color-text-teal-default: #001b18; --components-colors-tag-color-text-teal-hover: #001b18; --components-colors-tag-color-text-teal-disabled: #0a7b6d; --components-colors-tag-color-text-blue-default: #00202b; --components-colors-tag-color-text-blue-hover: #00202b; --components-colors-tag-color-text-blue-disabled: #057aa3; --components-colors-tag-color-text-violet-default: #26194d; --components-colors-tag-color-text-violet-hover: #26194d; --components-colors-tag-color-text-violet-disabled: #8068c6; --components-colors-tag-color-text-pink-default: #3b142a; --components-colors-tag-color-text-pink-hover: #3b142a; --components-colors-tag-color-text-pink-disabled: #b06089; --components-colors-tag-color-text-orange-default: #451701; --components-colors-tag-color-text-orange-hover: #451701; --components-colors-tag-color-text-orange-disabled: #c45927; --components-colors-tag-color-text-red-default: #450101; --components-colors-tag-color-text-red-hover: #450101; --components-colors-tag-color-text-red-disabled: #a80029; --components-colors-tag-color-text-dash-default: #000000; --components-colors-tag-color-text-dash-hover: #000000; --components-colors-tag-color-text-dash-disabled: #585858; --components-colors-tag-color-icon-brand-default: #423500; --components-colors-tag-color-icon-brand-hover: #423500; --components-colors-tag-color-icon-brand-disabled: #846a01; --components-colors-tag-color-icon-brand-ai-default: #b69200; --components-colors-tag-color-icon-brand-ai-hover: #846a01; --components-colors-tag-color-icon-brand-ai-disabled: #b69200; --components-colors-tag-color-icon-warm-default: #1e1c1a; --components-colors-tag-color-icon-warm-hover: #1e1c1a; --components-colors-tag-color-icon-warm-disabled: #605b55; --components-colors-tag-color-icon-warm-ai-default: #a7a096; --components-colors-tag-color-icon-warm-ai-hover: #605b55; --components-colors-tag-color-icon-warm-ai-disabled: #605b55; --components-colors-tag-color-icon-green-default: #142603; --components-colors-tag-color-icon-green-hover: #142603; --components-colors-tag-color-icon-green-disabled: #5a8034; --components-colors-tag-color-icon-green-ai-default: #5a8034; --components-colors-tag-color-icon-green-ai-hover: #40611f; --components-colors-tag-color-icon-green-ai-disabled: #5a8034; --components-colors-tag-color-icon-teal-default: #001b18; --components-colors-tag-color-icon-teal-hover: #001b18; --components-colors-tag-color-icon-teal-disabled: #0a7b6d; --components-colors-tag-color-icon-teal-ai-default: #0a7b6d; --components-colors-tag-color-icon-teal-ai-hover: #00544a; --components-colors-tag-color-icon-teal-ai-disabled: #0a7b6d; --components-colors-tag-color-icon-blue-default: #00202b; --components-colors-tag-color-icon-blue-hover: #00202b; --components-colors-tag-color-icon-blue-disabled: #057aa3; --components-colors-tag-color-icon-blue-ai-default: #057aa3; --components-colors-tag-color-icon-blue-ai-hover: #025a79; --components-colors-tag-color-icon-blue-ai-disabled: #057aa3; --components-colors-tag-color-icon-violet-default: #26194d; --components-colors-tag-color-icon-violet-hover: #26194d; --components-colors-tag-color-icon-violet-disabled: #8068c6; --components-colors-tag-color-icon-violet-ai-default: #8068c6; --components-colors-tag-color-icon-violet-ai-hover: #5a4890; --components-colors-tag-color-icon-violet-ai-disabled: #8068c6; --components-colors-tag-color-icon-pink-default: #3b142a; --components-colors-tag-color-icon-pink-hover: #3b142a; --components-colors-tag-color-icon-pink-disabled: #b06089; --components-colors-tag-color-icon-pink-ai-default: #b06089; --components-colors-tag-color-icon-pink-ai-hover: #803c5f; --components-colors-tag-color-icon-pink-ai-disabled: #b06089; --components-colors-tag-color-icon-orange-default: #451701; --components-colors-tag-color-icon-orange-hover: #451701; --components-colors-tag-color-icon-orange-disabled: #c45927; --components-colors-tag-color-icon-orange-ai-default: #c45927; --components-colors-tag-color-icon-orange-ai-hover: #9f4217; --components-colors-tag-color-icon-orange-ai-disabled: #c45927; --components-colors-tag-color-icon-red-default: #450101; --components-colors-tag-color-icon-red-hover: #450101; --components-colors-tag-color-icon-red-disabled: #a80029; --components-colors-tag-color-icon-red-ai-default: #a80029; --components-colors-tag-color-icon-red-ai-hover: #75001a; --components-colors-tag-color-icon-red-ai-disabled: #a80029; --components-colors-tag-color-icon-dash-default: #000000; --components-colors-tag-color-icon-dash-hover: #000000; --components-colors-tag-color-icon-dash-disabled: #585858; --components-colors-tag-color-border-default: #ffffff; --components-colors-tag-color-border-dash-default: #dedede; --components-colors-tag-color-border-dash-hover: #bdbdbd; --components-colors-tag-color-border-dash-disabled: #dedede; --components-colors-window-header-action-color-background-common-default: #ffffff; --components-colors-window-header-action-color-background-common-hover: #fff1b2; --components-colors-window-header-action-color-background-common-pressed: #ffe166; --components-colors-window-header-action-color-background-close-default: #ffffff; --components-colors-window-header-action-color-background-close-hover: #fbdedc; --components-colors-window-header-action-color-background-close-pressed: #fcc7c3; --components-colors-window-header-action-color-border-close-default: #f6f3ef; --components-colors-window-header-action-color-icon-common-default: #585858; --components-colors-window-header-action-color-icon-common-hover: #1e1c1a; --components-colors-window-header-action-color-icon-common-pressed: #1e1c1a; --components-colors-window-header-action-color-icon-close-default: #75001a; --components-colors-window-header-action-color-icon-close-hover: #a80029; --components-colors-window-header-action-color-icon-close-pressed: #75001a; --components-colors-window-header-color-background: #ffffff; --components-colors-window-header-color-text-default: #000000; --components-colors-window-header-tab-color-background-default: #ffffff; --components-colors-window-header-tab-color-background-hover: #fff1b2; --components-colors-window-header-tab-color-background-active: #ffe166; --components-colors-window-header-tab-color-text-default: #444444; --components-colors-window-header-tab-color-text-hover: #423500; --components-colors-window-header-tab-color-text-active: #423500; --components-colors-window-header-tab-color-icon-default: #444444; --components-colors-window-header-tab-color-icon-hover: #423500; --components-colors-window-header-tab-color-icon-active: #423500; --components-colors-window-header-tab-color-border-default: #f6f3ef; --components-colors-window-body-color-background-default: #ffffff; --components-colors-window-color-border-default: #f6f3ef; --components-colors-window-color-border-hover: #eae4de; --components-colors-dropdown-menu-item-color-background-default: #ffffff; --components-colors-dropdown-menu-item-color-background-hover: #fff8d9; --components-colors-dropdown-menu-item-color-background-disabled: #fbf9f7; --components-colors-dropdown-menu-item-color-text-content-default: #000000; --components-colors-dropdown-menu-item-color-text-content-hover: #423500; --components-colors-dropdown-menu-item-color-text-content-disabled: #605b55; --components-colors-dropdown-menu-item-color-text-description-default: #444444; --components-colors-dropdown-menu-item-color-text-description-hover: #604d00; --components-colors-dropdown-menu-item-color-text-description-disabled: #605b55; --components-colors-dropdown-menu-item-color-icon-default: #000000; --components-colors-dropdown-menu-item-color-icon-hover: #423500; --components-colors-dropdown-menu-item-color-icon-disabled: #605b55; --components-colors-dropdown-menu-color-background-default: #ffffff; --components-colors-dropdown-menu-color-border-default: #f6f3ef; --components-colors-dropdown-menu-color-border-hover: #eae4de; --components-colors-latency-color-background-progress: #ffcd00; --components-colors-latency-color-background-bar: #0000000d; --components-colors-alert-icon-color-background-brand: #ffe166; --components-colors-alert-icon-color-background-information: #9bdef7; --components-colors-alert-icon-color-background-warning: #ffbb59; --components-colors-alert-icon-color-background-danger: #fdb3ae; --components-colors-alert-icon-color-background-success: #cfebb0; --components-colors-alert-icon-color-icon-brand: #423500; --components-colors-alert-icon-color-icon-information: #00202b; --components-colors-alert-icon-color-icon-warning: #382303; --components-colors-alert-icon-color-icon-danger: #450101; --components-colors-alert-icon-color-icon-success: #142603; --components-colors-alert-icon-color-icon-ai: #ffffff; --components-colors-alert-color-background-brand: #fff8d9; --components-colors-alert-color-background-information: #e0f5ff; --components-colors-alert-color-background-success: #e7fbd3; --components-colors-alert-color-background-warning: #ffebce; --components-colors-alert-color-background-danger: #fbdedc; --components-colors-alert-color-background-ai: #ffffff; --components-colors-alert-color-text-brand-title: #000000; --components-colors-alert-color-text-brand-body: #423500; --components-colors-alert-color-text-information-title: #000000; --components-colors-alert-color-text-information-body: #00202b; --components-colors-alert-color-text-success-title: #000000; --components-colors-alert-color-text-success-body: #142603; --components-colors-alert-color-text-warning-title: #000000; --components-colors-alert-color-text-warning-body: #382303; --components-colors-alert-color-text-danger-title: #000000; --components-colors-alert-color-text-danger-body: #450101; --components-colors-alert-color-text-ai-title: #000000; --components-colors-alert-color-text-ai-body: #212121; --components-colors-alert-color-icon-default: #00000042; --components-colors-growl-icon-color-background-information: #e0f5ff; --components-colors-growl-icon-color-background-success: #e7fbd3; --components-colors-growl-icon-color-background-warning: #ffebce; --components-colors-growl-icon-color-background-error: #fbdedc; --components-colors-growl-icon-color-icon-information: #025a79; --components-colors-growl-icon-color-icon-warning: #824f06; --components-colors-growl-icon-color-icon-error: #a80029; --components-colors-growl-icon-color-icon-success: #40611f; --components-colors-growl-color-background-default: #ffffff; --components-colors-growl-color-text-title: #000000; --components-colors-growl-color-text-body: #212121; --components-colors-growl-color-border-default: #eae4de; --components-colors-growl-color-border-hover: #d2cbc3; --components-colors-growl-color-icon-default: #bdbdbd; --components-colors-growl-color-icon-hover: #000000; --components-colors-modal-color-background-default: #ffffff; --components-colors-modal-color-text-title: #000000; --components-colors-modal-color-text-body: #212121; --components-colors-modal-color-border-default: #eae4de; --components-colors-modal-color-border-hover: #d2cbc3; --components-colors-modal-color-icon-default: #000000; --components-colors-tooltip-color-background: #212121; --components-colors-tooltip-color-border: #bdbdbd; --components-colors-tooltip-color-text: #ffffff; --components-colors-sticky-note-icon-color-background-brand: #ffcd00; --components-colors-sticky-note-icon-color-background-green: #bade94; --components-colors-sticky-note-icon-color-background-teal: #00c7ae; --components-colors-sticky-note-icon-color-background-blue: #55c3e9; --components-colors-sticky-note-icon-color-background-violet: #acacff; --components-colors-sticky-note-icon-color-background-pink: #f696c8; --components-colors-sticky-note-icon-color-background-orange: #ff9868; --components-colors-sticky-note-icon-color-icon-brand: #423500; --components-colors-sticky-note-icon-color-icon-green: #142603; --components-colors-sticky-note-icon-color-icon-teal: #001b18; --components-colors-sticky-note-icon-color-icon-blue: #00202b; --components-colors-sticky-note-icon-color-icon-violet: #26194d; --components-colors-sticky-note-icon-color-icon-pink: #3b142a; --components-colors-sticky-note-icon-color-icon-orange: #451701; --components-colors-sticky-note-color-background-brand: #fff8d9; --components-colors-sticky-note-color-background-green: #e7fbd3; --components-colors-sticky-note-color-background-teal: #dbfaf6; --components-colors-sticky-note-color-background-blue: #e0f5ff; --components-colors-sticky-note-color-background-violet: #efefff; --components-colors-sticky-note-color-background-pink: #ffeaf5; --components-colors-sticky-note-color-background-orange: #ffded0; --components-colors-sticky-note-color-border-default: #0000000d; --components-colors-sticky-note-color-text-title: #000000; --components-colors-sticky-note-color-text-body-brand: #423500; --components-colors-sticky-note-color-text-body-green: #142603; --components-colors-sticky-note-color-text-body-teal: #001b18; --components-colors-sticky-note-color-text-body-blue: #00202b; --components-colors-sticky-note-color-text-body-violet: #26194d; --components-colors-sticky-note-color-text-body-pink: #3b142a; --components-colors-sticky-note-color-text-body-orange: #451701; --components-colors-toast-icon-color-background-information: #e0f5ff; --components-colors-toast-icon-color-background-success: #e7fbd3; --components-colors-toast-icon-color-background-warning: #ffebce; --components-colors-toast-icon-color-background-error: #fbdedc; --components-colors-toast-icon-color-icon-information: #025a79; --components-colors-toast-icon-color-icon-warning: #824f06; --components-colors-toast-icon-color-icon-error: #a80029; --components-colors-toast-icon-color-icon-success: #40611f; --components-colors-toast-color-background-default: #ffffff; --components-colors-toast-color-text-body: #212121; --components-colors-toast-color-border-default: #eae4de; --components-colors-toast-color-border-hover: #d2cbc3; --components-colors-label-color-text-default: #585858; --components-colors-label-color-icon-default: #444444; --components-colors-label-color-icon-warning: #a6670a; --components-colors-label-color-icon-error: #e1003a; --components-colors-label-color-icon-success: #5a8034; --components-colors-label-color-icon-required: #e5b800; --components-colors-hint-color-text-default: #585858; --components-colors-hint-color-text-warning: #824f06; --components-colors-hint-color-text-error: #a80029; --components-colors-hint-color-text-success: #40611f; --components-colors-input-password-strenght-color-background-default: #f3f3f3; --components-colors-input-password-strenght-color-background-too-weak: #a80029; --components-colors-input-password-strenght-color-background-weak: #a6670a; --components-colors-input-password-strenght-color-background-good: #83ad57; --components-colors-input-password-strenght-color-background-strong: #83ad57; --components-colors-input-color-background-default: #ffffff; --components-colors-input-color-background-disabled: #eae4de; --components-colors-input-color-background-transparent: #ffffff00; --components-colors-input-color-text-default: #000000; --components-colors-input-color-text-placeholder: #989898; --components-colors-input-color-text-disabled: #605b55; --components-colors-input-color-border-default: #f3f3f3; --components-colors-input-color-border-hover: #dedede; --components-colors-input-color-border-hover-transparent: #00000021; --components-colors-input-color-border-active: #ffcd00; --components-colors-input-color-border-success: #5a8034; --components-colors-input-color-border-warning: #a6670a; --components-colors-input-color-border-error: #e1003a; --components-colors-input-color-border-disabled: #d2cbc3; --components-colors-input-color-border-focused: #ffe166; --components-colors-input-color-icon-default: #000000; --components-colors-input-color-icon-placeholder: #000000; --components-colors-input-color-icon-disabled: #a7a096; --components-colors-checkbox-color-background-disabled: #eae4de; --components-colors-checkbox-color-background-unchecked-default: #ffffff; --components-colors-checkbox-color-background-checked-default: #ffcd00; --components-colors-checkbox-color-background-checked-hover: #ffe166; --components-colors-checkbox-color-border-focused: #ffe166; --components-colors-checkbox-color-border-error: #e1003a; --components-colors-checkbox-color-border-disabled: #d2cbc3; --components-colors-checkbox-color-border-unchecked-default: #dedede; --components-colors-checkbox-color-border-unchecked-hover: #bdbdbd; --components-colors-checkbox-color-icon-default: #000000; --components-colors-checkbox-color-icon-disabled: #a7a096; --components-colors-radio-indicator-color-background-default: #ffcd00; --components-colors-radio-indicator-color-background-hover: #ffe166; --components-colors-radio-indicator-color-background-disabled: #d2cbc3; --components-colors-radio-color-border-focused: #ffe166; --components-colors-radio-color-border-unchecked-default: #dedede; --components-colors-radio-color-border-unchecked-hover: #bdbdbd; --components-colors-radio-color-border-unchecked-disabled: #d2cbc3; --components-colors-radio-color-border-checked-default: #ffcd00; --components-colors-radio-color-border-checked-hover: #ffe166; --components-colors-radio-color-border-checked-disabled: #d2cbc3; --components-colors-radio-color-background-unchecked-default: #ffffff; --components-colors-radio-color-background-unchecked-disabled: #eae4de; --components-colors-radio-color-background-checked-default: #ffffff; --components-colors-radio-color-background-checked-disabled: #eae4de; --components-colors-toggle-thumb-color-background-default: #ffffff; --components-colors-toggle-thumb-color-background-hover: #ffffff; --components-colors-toggle-thumb-color-background-disabled: #a7a096; --components-colors-toggle-thumb-color-border-default: #bdbdbd; --components-colors-toggle-thumb-color-border-hover: #bdbdbd; --components-colors-toggle-track-color-background-disabled: #eae4de; --components-colors-toggle-track-color-background-unchecked-default: #ffffff; --components-colors-toggle-track-color-background-checked-default: #ffcd00; --components-colors-toggle-track-color-background-checked-hover: #ffe166; --components-colors-toggle-track-color-border-focused: #ffe166; --components-colors-toggle-track-color-border-unchecked-default: #dedede; --components-colors-toggle-track-color-border-unchecked-hover: #bdbdbd; --components-colors-toggle-track-color-border-disabled: #d2cbc3; --components-colors-toggle-track-color-border-checked-default: #e5b800; --components-colors-toggle-track-color-border-checked-hover: #ffcd00; --components-colors-toggle-track-color-icon-default: #000000; --components-colors-toggle-track-color-icon-hover: #000000; --components-colors-toggle-track-color-icon-disabled: #605b55; --components-colors-breadcrumb-color-text-default: #605b55; --components-colors-breadcrumb-color-text-hover: #33302d; --components-colors-breadcrumb-color-text-active: #000000; --components-colors-breadcrumb-color-icon-default: #605b55; --components-colors-breadcrumb-color-icon-hover: #33302d; --components-colors-breadcrumb-color-icon-active: #000000; --components-colors-stepper-step-color-background-unchecked-default: #ffffff; --components-colors-stepper-step-color-background-unchecked-hover: #fff8d9; --components-colors-stepper-step-color-background-checked-default: #ffe166; --components-colors-stepper-step-color-background-checked-hover: #fff1b2; --components-colors-stepper-step-color-text-unchecked-default: #585858; --components-colors-stepper-step-color-text-unchecked-hover: #000000; --components-colors-stepper-step-color-text-checked-default: #423500; --components-colors-stepper-step-color-text-checked-hover: #604d00; --components-colors-stepper-step-color-icon-unchecked-default: #444444; --components-colors-stepper-step-color-icon-unchecked-hover: #000000; --components-colors-stepper-step-color-icon-checked-default: #423500; --components-colors-stepper-step-color-icon-checked-hover: #604d00; --components-colors-stepper-step-color-icon-success: #40611f; --components-colors-stepper-step-color-border-checked-default: #ffcd00; --components-colors-stepper-step-color-border-checked-hover: #ffe166; --components-colors-stepper-color-background: #ffffff; --components-colors-stepper-color-border-default: #eae4de; --components-colors-stepper-color-border-hover: #d2cbc3; --components-colors-stepper-color-icon-default: #444444; --components-colors-tab-color-background-unchecked-default: #ffffff; --components-colors-tab-color-background-unchecked-hover: #ffffff; --components-colors-tab-color-background-unchecked-pressed: #f3f3f3; --components-colors-tab-color-background-checked-default: #ffe166; --components-colors-tab-color-background-checked-hover: #ffe166; --components-colors-tab-color-background-checked-pressed: #ffcd00; --components-colors-tab-color-text-unchecked-default: #000000; --components-colors-tab-color-text-unchecked-hover: #212121; --components-colors-tab-color-text-unchecked-pressed: #000000; --components-colors-tab-color-text-checked-default: #000000; --components-colors-tab-color-text-checked-hover: #423500; --components-colors-tab-color-text-checked-pressed: #423500; --components-colors-tab-color-border-unchecked-default: #f6f3ef; --components-colors-tab-color-border-unchecked-hover: #eae4de; --components-colors-tab-color-border-unchecked-pressed: #eae4de; --components-colors-tab-color-border-checked-default: #ffcd00; --components-colors-tab-color-border-checked-hover: #e5b800; --components-colors-tab-color-border-checked-pressed: #e5b800; --components-colors-pagination-color-background-unchecked-default: #ffffff; --components-colors-pagination-color-background-unchecked-hover: #ffffff; --components-colors-pagination-color-background-unchecked-pressed: #0000000d; --components-colors-pagination-color-background-unchecked-disabled: #00000021; --components-colors-pagination-color-background-checked-default: #ffe166; --components-colors-pagination-color-background-checked-hover: #ffe166; --components-colors-pagination-color-background-checked-pressed: #ffcd00; --components-colors-pagination-color-background-checked-disabled: #00000021; --components-colors-pagination-color-text-unchecked-default: #000000; --components-colors-pagination-color-text-unchecked-hover: #212121; --components-colors-pagination-color-text-unchecked-pressed: #000000; --components-colors-pagination-color-text-unchecked-disabled: #585858; --components-colors-pagination-color-text-checked-default: #000000; --components-colors-pagination-color-text-checked-hover: #423500; --components-colors-pagination-color-text-checked-pressed: #604d00; --components-colors-pagination-color-text-checked-disabled: #585858; --components-colors-pagination-color-border-unchecked-default: #f6f3ef; --components-colors-pagination-color-border-unchecked-hover: #eae4de; --components-colors-pagination-color-border-unchecked-pressed: #0000000d; --components-colors-pagination-color-border-checked-default: #ffcd00; --components-colors-pagination-color-border-checked-hover: #e5b800; --components-colors-pagination-color-border-checked-pressed: #e5b800; --components-colors-pagination-color-icon-unchecked-default: #000000; --components-colors-pagination-color-icon-unchecked-hover: #212121; --components-colors-pagination-color-icon-unchecked-pressed: #000000; --components-colors-pagination-color-icon-unchecked-disabled: #585858; --components-colors-pagination-color-icon-checked-default: #000000; --components-colors-pagination-color-icon-checked-hover: #423500; --components-colors-pagination-color-icon-checked-pressed: #604d00; --components-colors-pagination-color-icon-checked-disabled: #585858; --components-dimensions-button-size-max-height-lg: 2.6875rem; --components-dimensions-button-size-max-height-md: 2.0625rem; --components-dimensions-button-size-max-height-sm: 1.5625rem; --components-dimensions-button-size-icon-lg: 1.5rem; --components-dimensions-button-size-icon-md: 1rem; --components-dimensions-button-size-icon-sm: 1rem; --components-dimensions-button-padding-inline-lg: 1rem; --components-dimensions-button-padding-inline-md: .75rem; --components-dimensions-button-padding-inline-sm: .5rem; --components-dimensions-button-padding-block-lg: .75rem; --components-dimensions-button-padding-block-md: .5rem; --components-dimensions-button-padding-block-sm: .25rem; --components-dimensions-button-gap-content-lg: .5rem; --components-dimensions-button-gap-content-md: .25rem; --components-dimensions-button-gap-content-sm: .25rem; --components-dimensions-button-border-radius: .5rem; --components-dimensions-button-border-width-focused: 4px; --components-dimensions-button-border-width-ai: 2px; --components-dimensions-button-border-width-secondary: 1px; --components-dimensions-link-underline-size-height: .125rem; --components-dimensions-link-size-icon-lg: 1rem; --components-dimensions-link-size-icon-md: 1rem; --components-dimensions-link-size-icon-sm: 1rem; --components-dimensions-link-size-icon-xs: .75rem; --components-dimensions-link-padding-inline-text: .125rem; --components-dimensions-link-padding-inline-icon: .125rem; --components-dimensions-link-gap-content: 0; --components-dimensions-link-gap-underline: -.125rem; --components-dimensions-avatar-size-lg: 4rem; --components-dimensions-avatar-size-md: 3rem; --components-dimensions-avatar-size-sm: 2rem; --components-dimensions-avatar-size-xs: 1.5rem; --components-dimensions-avatar-border-radius: calc(infinity * 1px); --components-dimensions-badge-size-height: .5rem; --components-dimensions-badge-size-max-height-lg: 1.25rem; --components-dimensions-badge-size-max-height-md: 1rem; --components-dimensions-badge-size-min-width-lg: 1.25rem; --components-dimensions-badge-size-min-width-md: 1rem; --components-dimensions-badge-size-width: .5rem; --components-dimensions-badge-padding-inline-lg: .25rem; --components-dimensions-badge-padding-inline-md: .25rem; --components-dimensions-badge-padding-block-lg: .25rem; --components-dimensions-badge-padding-block-md: .125rem; --components-dimensions-badge-border-radius-lg: .5rem; --components-dimensions-badge-border-radius-md: .25rem; --components-dimensions-badge-border-radius-sm: calc(infinity * 1px); --components-dimensions-drawer-size-width-lg: 900px; --components-dimensions-drawer-size-width-md: 708px; --components-dimensions-drawer-size-width-sm: 516px; --components-dimensions-drawer-body-padding-inline: 2rem; --components-dimensions-drawer-body-padding-block: 2rem; --components-dimensions-drawer-border-radius: .5rem; --components-dimensions-drawer-border-width: 1px; --components-dimensions-card-action-dismiss-size-icon-lg: 2rem; --components-dimensions-card-action-dismiss-size-icon-md: 2rem; --components-dimensions-card-action-dismiss-size-icon-sm: 1.5rem; --components-dimensions-card-action-dismiss-padding-inline-end-lg: 1rem; --components-dimensions-card-action-dismiss-padding-inline-end-md: .75rem; --components-dimensions-card-action-dismiss-padding-inline-end-sm: .5rem; --components-dimensions-card-action-dismiss-padding-block-start-lg: 1rem; --components-dimensions-card-action-dismiss-padding-block-start-md: .75rem; --components-dimensions-card-action-dismiss-padding-block-start-sm: .5rem; --components-dimensions-card-size-icon-lg: 1.5rem; --components-dimensions-card-padding-inline-lg: 2rem; --components-dimensions-card-padding-inline-md: 1.5rem; --components-dimensions-card-padding-inline-sm: 1rem; --components-dimensions-card-padding-block-lg: 2rem; --components-dimensions-card-padding-block-md: 1.5rem; --components-dimensions-card-padding-block-sm: 1rem; --components-dimensions-card-gap-title: .5rem; --components-dimensions-card-gap-actions: .5rem; --components-dimensions-card-gap-footer-lg: 1.5rem; --components-dimensions-card-gap-footer-md: 1rem; --components-dimensions-card-gap-footer-sm: .75rem; --components-dimensions-card-gap-content-lg: 1.5rem; --components-dimensions-card-gap-content-md: 1rem; --components-dimensions-card-gap-content-sm: .5rem; --components-dimensions-card-border-radius: .5rem; --components-dimensions-tag-size-max-height-lg: 2.0625rem; --components-dimensions-tag-size-max-height-md: 1.5625rem; --components-dimensions-tag-size-icon: 1rem; --components-dimensions-tag-padding-inline-lg: .75rem; --components-dimensions-tag-padding-inline-md: .5rem; --components-dimensions-tag-padding-block-lg: .5rem; --components-dimensions-tag-padding-block-md: .25rem; --components-dimensions-tag-gap-content: .25rem; --components-dimensions-tag-border-radius: .5rem; --components-dimensions-tag-border-width-default: 2px; --components-dimensions-tag-border-width-ai: 1px; --components-dimensions-window-header-action-size-container: 1.5rem; --components-dimensions-window-header-action-size-icon: 1rem; --components-dimensions-window-header-action-border-radius: .5rem; --components-dimensions-window-header-size-min-height: 2rem; --components-dimensions-window-header-tab-border-width-active: 2px; --components-dimensions-window-header-gap-content: .5rem; --components-dimensions-window-header-gap-actions: .25rem; --components-dimensions-window-header-padding-inline-xs: .25rem; --components-dimensions-window-header-padding-block-xs: .25rem; --components-dimensions-window-body-padding-inline-xs: .5rem; --components-dimensions-window-body-padding-inline-sm: .75rem; --components-dimensions-window-body-padding-inline-md: 1.5rem; --components-dimensions-window-body-padding-inline-lg: 2rem; --components-dimensions-window-body-padding-inline-xl: 4rem; --components-dimensions-window-body-padding-block-xs: .5rem; --components-dimensions-window-body-padding-block-sm: .75rem; --components-dimensions-window-body-padding-block-md: 1.5rem; --components-dimensions-window-body-padding-block-lg: 2rem; --components-dimensions-window-body-padding-block-xl: 4rem; --components-dimensions-window-border-radius: .5rem; --components-dimensions-window-border-width: 1px; --components-dimensions-dropdown-menu-divider-padding-block-lg: .5rem; --components-dimensions-dropdown-menu-divider-padding-block-md: .25rem; --components-dimensions-dropdown-menu-item-padding-inline-lg: 1rem; --components-dimensions-dropdown-menu-item-padding-inline-md: .75rem; --components-dimensions-dropdown-menu-item-padding-block-lg: .75rem; --components-dimensions-dropdown-menu-item-padding-block-md: .5rem; --components-dimensions-dropdown-menu-item-gap-content: .5rem; --components-dimensions-dropdown-menu-item-border-radius: .5rem; --components-dimensions-dropdown-menu-size-icon: 1rem; --components-dimensions-dropdown-menu-padding-inline-lg: .5rem; --components-dimensions-dropdown-menu-padding-inline-md: .5rem; --components-dimensions-dropdown-menu-padding-block-lg: .5rem; --components-dimensions-dropdown-menu-padding-block-md: .5rem; --components-dimensions-dropdown-menu-gap-content: .5rem; --components-dimensions-dropdown-menu-border-radius: .5rem; --components-dimensions-dropdown-menu-border-width: 1px; --components-dimensions-alert-icon-padding-inline: .25rem; --components-dimensions-alert-icon-padding-block: .25rem; --components-dimensions-alert-icon-border-radius: .5rem; --components-dimensions-alert-border-radius: .5rem; --components-dimensions-alert-border-width-ai: 2px; --components-dimensions-alert-gap-actions-lg: .75rem; --components-dimensions-alert-gap-actions-md: .5rem; --components-dimensions-alert-gap-content-lg: .75rem; --components-dimensions-alert-gap-content-md: .5rem; --components-dimensions-alert-padding-inline-lg: 2rem; --components-dimensions-alert-padding-inline-md: 1rem; --components-dimensions-alert-padding-block-lg: 2rem; --components-dimensions-alert-padding-block-md: 1rem; --components-dimensions-alert-size-icon: 1.5rem; --components-dimensions-growl-icon-size-icon: 1.5rem; --components-dimensions-growl-icon-padding-inline: .5rem; --components-dimensions-growl-icon-padding-block: .5rem; --components-dimensions-growl-icon-border-radius: 1rem; --components-dimensions-growl-size-icon: 1.5rem; --components-dimensions-growl-border-radius: .75rem; --components-dimensions-growl-border-width: 1px; --components-dimensions-growl-padding-inline: 1rem; --components-dimensions-growl-padding-block: 1rem; --components-dimensions-growl-gap-content: 1rem; --components-dimensions-toast-icon-size-icon: 1rem; --components-dimensions-toast-icon-padding-inline: .25rem; --components-dimensions-toast-icon-padding-block: .25rem; --components-dimensions-toast-icon-border-radius: .5rem; --components-dimensions-toast-size-icon: 1.5rem; --components-dimensions-toast-padding-inline: .75rem; --components-dimensions-toast-padding-block: .5rem; --components-dimensions-toast-gap-content: .5rem; --components-dimensions-toast-border-radius: .75rem; --components-dimensions-toast-border-width: 1px; --components-dimensions-tooltip-padding-inline: .75rem; --components-dimensions-tooltip-padding-block: .5rem; --components-dimensions-tooltip-gap-content: .25rem; --components-dimensions-tooltip-border-radius: .5rem; --components-dimensions-tooltip-border-width: 1px; --components-dimensions-sticky-note-icon-size-icon: 1rem; --components-dimensions-sticky-note-icon-padding-inline: .25rem; --components-dimensions-sticky-note-icon-padding-block: .25rem; --components-dimensions-sticky-note-icon-border-radius: .5rem; --components-dimensions-sticky-note-size-icon: 1.5rem; --components-dimensions-sticky-note-size-width-square: 250px; --components-dimensions-sticky-note-size-width-rectangle: 350px; --components-dimensions-sticky-note-size-height-square: 250px; --components-dimensions-sticky-note-size-height-rectangle: 250px; --components-dimensions-sticky-note-gap-content: .5rem; --components-dimensions-sticky-note-border-radius: .125rem; --components-dimensions-sticky-note-border-width: 1px; --components-dimensions-modal-size-width-lg: 800px; --components-dimensions-modal-size-width-md: 600px; --components-dimensions-modal-size-width-sm: 450px; --components-dimensions-modal-border-radius: .75rem; --components-dimensions-modal-border-width: 1px; --components-dimensions-modal-padding-inline: 1.5rem; --components-dimensions-modal-padding-block: 1.5rem; --components-dimensions-modal-gap-content: .75rem; --components-dimensions-field-gap-label: .5rem; --components-dimensions-field-gap-assistive: .25rem; --components-dimensions-label-size-leading: 1rem; --components-dimensions-label-size-required: .75rem; --components-dimensions-label-gap-content: .25rem; --components-dimensions-input-max-height-lg: 43px; --components-dimensions-input-max-height-md: 33px; --components-dimensions-input-max-height-sm: 25px; --components-dimensions-input-padding-inline-lg: .75rem; --components-dimensions-input-padding-inline-md: .75rem; --components-dimensions-input-padding-inline-sm: .5rem; --components-dimensions-input-padding-block-lg: .75rem; --components-dimensions-input-padding-block-md: .5rem; --components-dimensions-input-padding-block-sm: .25rem; --components-dimensions-input-size-icon: 1rem; --components-dimensions-input-size-image: 1rem; --components-dimensions-input-gap-content: .5rem; --components-dimensions-input-border-width-default: 1px; --components-dimensions-input-border-width-focused: 2px; --components-dimensions-input-border-radius: .5rem; --components-dimensions-checkbox-border-width-default: 1px; --components-dimensions-checkbox-border-width-focused: 2px; --components-dimensions-checkbox-border-radius: .25rem; --components-dimensions-checkbox-size-container: 1rem; --components-dimensions-checkbox-size-icon: 1rem; --components-dimensions-radio-size: 1rem; --components-dimensions-radio-border-radius: calc(infinity * 1px); --components-dimensions-radio-border-width-unchecked: 1px; --components-dimensions-radio-border-width-checked: 2px; --components-dimensions-radio-border-width-focused: 2px; --components-dimensions-radio-indicator-size: .5rem; --components-dimensions-radio-indicator-border-radius: calc(infinity * 1px); --components-dimensions-toggle-track-size-height-lg: 1.5rem; --components-dimensions-toggle-track-size-height-md: 1.25rem; --components-dimensions-toggle-track-size-height-sm: 1rem; --components-dimensions-toggle-track-size-width-lg: 2.75rem; --components-dimensions-toggle-track-size-width-md: 2.25rem; --components-dimensions-toggle-track-size-width-sm: 1.75rem; --components-dimensions-toggle-track-size-icon-lg: 1rem; --components-dimensions-toggle-track-size-icon-md: .75rem; --components-dimensions-toggle-track-size-icon-sm: .5rem; --components-dimensions-toggle-track-border-radius: calc(infinity * 1px); --components-dimensions-toggle-track-border-width-focused: 2px; --components-dimensions-toggle-thumb-size-lg: 1.25rem; --components-dimensions-toggle-thumb-size-md: 1rem; --components-dimensions-toggle-thumb-size-sm: .75rem; --components-dimensions-toggle-thumb-border-width: 1px; --components-dimensions-file-drop-border-radius: .5rem; --components-dimensions-file-drop-border-width-default: 1px; --components-dimensions-file-drop-padding-inline: 2rem; --components-dimensions-file-drop-padding-block: 2rem; --components-dimensions-file-drop-gap-content: 1rem; --components-dimensions-breadcrumb-size-icon: 1rem; --components-dimensions-breadcrumb-gap-content: .25rem; --components-dimensions-stepper-size-icon: 1.5rem; --components-dimensions-stepper-padding-inline: .75rem; --components-dimensions-stepper-padding-block: .5rem; --components-dimensions-stepper-gap-content: .5rem; --components-dimensions-stepper-step-size-icon: 1rem; --components-dimensions-stepper-step-border-radius: .5rem; --components-dimensions-stepper-step-border-width-active: 2px; --components-dimensions-stepper-step-padding-inline: .75rem; --components-dimensions-stepper-step-padding-block: .5rem; --components-dimensions-stepper-step-gap-content: .5rem; --components-dimensions-stepper-border-radius: .5rem; --components-dimensions-stepper-border-width-default: 1px; --components-dimensions-tab-size-icon-lg: 1.5rem; --components-dimensions-tab-size-icon-md: 1rem; --components-dimensions-tab-size-max-height-lg: 2.5rem; --components-dimensions-tab-size-max-height-md: 2rem; --components-dimensions-tab-gap-content-lg: .5rem; --components-dimensions-tab-gap-content-md: .25rem; --components-dimensions-tab-gap-tabs-lg: .5rem; --components-dimensions-tab-gap-tabs-md: .25rem; --components-dimensions-tab-padding-inline-lg: 1rem; --components-dimensions-tab-padding-inline-md: .75rem; --components-dimensions-tab-padding-block-lg: .75rem; --components-dimensions-tab-padding-block-md: .5rem; --components-dimensions-tab-border-width-unchecked: 1px; --components-dimensions-tab-border-width-checked: 2px; --components-dimensions-pagination-size-min-width-lg: 2.5rem; --components-dimensions-pagination-size-min-width-md: 2rem; --components-dimensions-pagination-size-min-height-lg: 2.5rem; --components-dimensions-pagination-size-min-height-md: 2rem; --components-dimensions-pagination-size-icon: 1.5rem; --components-dimensions-pagination-size-max-width-lg: 2.5rem; --components-dimensions-pagination-size-max-width-md: 2rem; --components-dimensions-pagination-size-max-height-lg: 2.5rem; --components-dimensions-pagination-size-max-height-md: 2rem; --components-dimensions-pagination-start-padding-inline-leading-lg: .5rem; --components-dimensions-pagination-start-padding-inline-leading-md: .25rem; --components-dimensions-pagination-start-padding-inline-trailing-lg: 1rem; --components-dimensions-pagination-start-padding-inline-trailing-md: .75rem; --components-dimensions-pagination-end-padding-inline-leading-lg: 1rem; --components-dimensions-pagination-end-padding-inline-leading-md: .75rem; --components-dimensions-pagination-end-padding-inline-trailing-lg: .5rem; --components-dimensions-pagination-end-padding-inline-trailing-md: .25rem; --components-dimensions-pagination-padding-inline-lg: .75rem; --components-dimensions-pagination-padding-inline-md: .75rem; --components-dimensions-pagination-padding-block-lg: .5rem; --components-dimensions-pagination-padding-block-md: .25rem; --components-dimensions-pagination-gap-content: .25rem; --components-dimensions-pagination-gap-pages: .5rem; --components-dimensions-pagination-border-radius: .5rem; --components-dimensions-pagination-border-width-unchecked: 1px; --components-dimensions-pagination-border-width-checked: 2px; --color-yellow-10: #fff8d9; --color-yellow-20: #fff1b2; --color-yellow-30: #ffe166; --color-yellow-40: #ffcd00; --color-yellow-50: #e5b800; --color-yellow-60: #b69200; --color-yellow-70: #846a01; --color-yellow-80: #604d00; --color-yellow-90: #423500; --color-neutral-10: #ffffff; --color-neutral-20: #f3f3f3; --color-neutral-30: #dedede; --color-neutral-40: #bdbdbd; --color-neutral-50: #989898; --color-neutral-60: #585858; --color-neutral-70: #444444; --color-neutral-80: #212121; --color-neutral-90: #000000; --color-beige-10: #fbf9f7; --color-beige-20: #f6f3ef; --color-beige-30: #eae4de; --color-beige-40: #d2cbc3; --color-beige-50: #a7a096; --color-beige-60: #605b55; --color-beige-70: #4d4944; --color-beige-80: #33302d; --color-beige-90: #1e1c1a; --color-green-10: #e7fbd3; --color-green-20: #cfebb0; --color-green-30: #bade94; --color-green-40: #9fc873; --color-green-50: #83ad57; --color-green-60: #5a8034; --color-green-70: #40611f; --color-green-80: #2a4210; --color-green-90: #142603; --color-teal-10: #dbfaf6; --color-teal-20: #a5ece4; --color-teal-30: #6fdbcd; --color-teal-40: #00c7ae; --color-teal-50: #06a894; --color-teal-60: #0a7b6d; --color-teal-70: #00544a; --color-teal-80: #053731; --color-teal-90: #001b18; --color-blue-10: #e0f5ff; --color-blue-20: #bbeaff; --color-blue-30: #9bdef7; --color-blue-40: #55c3e9; --color-blue-50: #27a5d0; --color-blue-60: #057aa3; --color-blue-70: #025a79; --color-blue-80: #013c50; --color-blue-90: #00202b; --color-violet-10: #efefff; --color-violet-20: #e0e0ff; --color-violet-30: #c9c9ff; --color-violet-40: #acacff; --color-violet-50: #9587e8; --color-violet-60: #8068c6; --color-violet-70: #5a4890; --color-violet-80: #3c2e63; --color-violet-90: #26194d; --color-pink-10: #ffeaf5; --color-pink-20: #ffd5eb; --color-pink-30: #feb7dc; --color-pink-40: #f696c8; --color-pink-50: #d17ba8; --color-pink-60: #b06089; --color-pink-70: #803c5f; --color-pink-80: #5c2944; --color-pink-90: #3b142a; --color-red-orange-10: #ffded0; --color-red-orange-20: #ffc9b2; --color-red-orange-30: #ffb595; --color-red-orange-40: #ff9868; --color-red-orange-50: #e67b49; --color-red-orange-60: #c45927; --color-red-orange-70: #9f4217; --color-red-orange-80: #6d2605; --color-red-orange-90: #451701; --color-orange-10: #ffebce; --color-orange-20: #ffd495; --color-orange-30: #ffbb59; --color-orange-40: #ff9f14; --color-orange-50: #db860a; --color-orange-60: #a6670a; --color-orange-70: #824f06; --color-orange-80: #573607; --color-orange-90: #382303; --color-red-10: #fbdedc; --color-red-20: #fcc7c3; --color-red-30: #fdb3ae; --color-red-40: #ff9490; --color-red-50: #ff6165; --color-red-60: #e1003a; --color-red-70: #a80029; --color-red-80: #75001a; --color-red-90: #450101; --color-background-brand-primary: #ffcd00; --color-background-brand-secondary: #ffe166; --color-background-brand-subtle: #fff1b2; --color-background-brand-minimal: #fff8d9; --color-background-brand-strong: #e5b800; --color-background-brand-stronger: #b69200; --color-background-neutral-primary: #000000; --color-background-neutral-secondary: #212121; --color-background-neutral-tertiary: #444444; --color-background-neutral-subtle: #bdbdbd; --color-background-neutral-subtlest: #dedede; --color-background-neutral-minimal: #f3f3f3; --color-background-neutral-inverse: #ffffff; --color-background-neutral-primary-fixed: #000000; --color-background-neutral-inverse-fixed: #ffffff; --color-background-warm-primary: #f6f3ef; --color-background-warm-minimal: #fbf9f7; --color-background-warm-strong: #eae4de; --color-background-warm-stronger: #d2cbc3; --color-background-information-primary: #55c3e9; --color-background-information-secondary: #9bdef7; --color-background-information-subtle: #bbeaff; --color-background-information-minimal: #e0f5ff; --color-background-information-strong: #27a5d0; --color-background-information-stronger: #057aa3; --color-background-success-primary: #bade94; --color-background-success-secondary: #cfebb0; --color-background-success-minimal: #e7fbd3; --color-background-success-strong: #9fc873; --color-background-success-stronger: #83ad57; --color-background-success-strongest: #5a8034; --color-background-warning-primary: #ff9f14; --color-background-warning-secondary: #ffbb59; --color-background-warning-subtle: #ffd495; --color-background-warning-minimal: #ffebce; --color-background-warning-strong: #db860a; --color-background-warning-stronger: #a6670a; --color-background-danger-primary: #ff9490; --color-background-danger-secondary: #fdb3ae; --color-background-danger-subtle: #fcc7c3; --color-background-danger-minimal: #fbdedc; --color-background-danger-strong: #ff6165; --color-background-danger-stronger: #e1003a; --color-background-danger-strongest: #a80029; --color-background-accent-green-primary: #bade94; --color-background-accent-green-secondary: #cfebb0; --color-background-accent-green-minimal: #e7fbd3; --color-background-accent-green-strong: #9fc873; --color-background-accent-green-stronger: #83ad57; --color-background-accent-green-strongest: #5a8034; --color-background-accent-teal-primary: #00c7ae; --color-background-accent-teal-secondary: #6fdbcd; --color-background-accent-teal-subtle: #a5ece4; --color-background-accent-teal-minimal: #dbfaf6; --color-background-accent-teal-strong: #06a894; --color-background-accent-teal-stronger: #0a7b6d; --color-background-accent-teal-strongest: #00544a; --color-background-accent-blue-primary: #55c3e9; --color-background-accent-blue-secondary: #9bdef7; --color-background-accent-blue-subtle: #bbeaff; --color-background-accent-blue-minimal: #e0f5ff; --color-background-accent-blue-strong: #27a5d0; --color-background-accent-blue-stronger: #057aa3; --color-background-accent-blue-strongest: #025a79; --color-background-accent-violet-primary: #acacff; --color-background-accent-violet-secondary: #c9c9ff; --color-background-accent-violet-subtle: #e0e0ff; --color-background-accent-violet-minimal: #efefff; --color-background-accent-violet-strong: #9587e8; --color-background-accent-violet-stronger: #8068c6; --color-background-accent-violet-strongest: #5a4890; --color-background-accent-pink-primary: #f696c8; --color-background-accent-pink-secondary: #feb7dc; --color-background-accent-pink-subtle: #ffd5eb; --color-background-accent-pink-minimal: #ffeaf5; --color-background-accent-pink-strong: #d17ba8; --color-background-accent-pink-stronger: #b06089; --color-background-accent-pink-strongest: #803c5f; --color-background-accent-orange-primary: #ff9868; --color-background-accent-orange-secondary: #ffb595; --color-background-accent-orange-subtle: #ffc9b2; --color-background-accent-orange-minimal: #ffded0; --color-background-accent-orange-strong: #e67b49; --color-background-accent-orange-stronger: #c45927; --color-background-accent-orange-strongest: #9f4217; --color-background-transparent-white-subtle: #ffffff42; --color-background-transparent-white-subtlest: #ffffff21; --color-background-transparent-white-minimal: #ffffff0d; --color-background-transparent-white-none: #ffffff00; --color-background-transparent-black-subtle: #00000042; --color-background-transparent-black-subtlest: #00000021; --color-background-transparent-black-minimal: #0000000d; --color-background-transparent-black-none: #00000000; --color-text-brand-primary: #423500; --color-text-brand-secondary: #604d00; --color-text-brand-tertiary: #846a01; --color-text-brand-subtle: #b69200; --color-text-brand-minimal: #e5b800; --color-text-neutral-primary: #000000; --color-text-neutral-secondary: #212121; --color-text-neutral-tertiary: #444444; --color-text-neutral-subtle: #585858; --color-text-neutral-subtlest: #989898; --color-text-neutral-minimal: #bdbdbd; --color-text-neutral-inverse: #ffffff; --color-text-neutral-primary-fixed: #000000; --color-text-neutral-inverse-fixed: #ffffff; --color-text-warm-primary: #1e1c1a; --color-text-warm-secondary: #33302d; --color-text-warm-tertiary: #4d4944; --color-text-warm-subtle: #605b55; --color-text-warm-minimal: #a7a096; --color-text-information-primary: #00202b; --color-text-information-secondary: #013c50; --color-text-information-tertiary: #025a79; --color-text-information-subtle: #057aa3; --color-text-information-minimal: #27a5d0; --color-text-success-primary: #142603; --color-text-success-secondary: #2a4210; --color-text-success-tertiary: #40611f; --color-text-success-subtle: #5a8034; --color-text-success-minimal: #83ad57; --color-text-warning-primary: #382303; --color-text-warning-secondary: #573607; --color-text-warning-tertiary: #824f06; --color-text-warning-subtle: #a6670a; --color-text-warning-minimal: #db860a; --color-text-danger-primary: #450101; --color-text-danger-secondary: #75001a; --color-text-danger-tertiary: #a80029; --color-text-danger-subtle: #e1003a; --color-text-danger-minimal: #ff6165; --color-text-accent-green-primary: #142603; --color-text-accent-green-secondary: #2a4210; --color-text-accent-green-tertiary: #40611f; --color-text-accent-green-subtle: #5a8034; --color-text-accent-green-minimal: #83ad57; --color-text-accent-teal-primary: #001b18; --color-text-accent-teal-secondary: #053731; --color-text-accent-teal-tertiary: #00544a; --color-text-accent-teal-subtle: #0a7b6d; --color-text-accent-teal-minimal: #06a894; --color-text-accent-blue-primary: #00202b; --color-text-accent-blue-secondary: #013c50; --color-text-accent-blue-tertiary: #025a79; --color-text-accent-blue-subtle: #057aa3; --color-text-accent-blue-minimal: #27a5d0; --color-text-accent-violet-primary: #26194d; --color-text-accent-violet-secondary: #3c2e63; --color-text-accent-violet-tertiary: #5a4890; --color-text-accent-violet-subtle: #8068c6; --color-text-accent-violet-minimal: #9587e8; --color-text-accent-pink-primary: #3b142a; --color-text-accent-pink-secondary: #5c2944; --color-text-accent-pink-tertiary: #803c5f; --color-text-accent-pink-subtle: #b06089; --color-text-accent-pink-minimal: #d17ba8; --color-text-accent-orange-primary: #451701; --color-text-accent-orange-secondary: #6d2605; --color-text-accent-orange-tertiary: #9f4217; --color-text-accent-orange-subtle: #c45927; --color-text-accent-orange-minimal: #e67b49; --color-border-brand-primary: #ffcd00; --color-border-brand-secondary: #ffe166; --color-border-brand-subtle: #fff1b2; --color-border-brand-minimal: #fff8d9; --color-border-brand-strong: #e5b800; --color-border-brand-stronger: #b69200; --color-border-neutral-primary: #000000; --color-border-neutral-secondary: #212121; --color-border-neutral-tertiary: #444444; --color-border-neutral-subtle: #bdbdbd; --color-border-neutral-subtlest: #dedede; --color-border-neutral-minimal: #f3f3f3; --color-border-neutral-inverse: #ffffff; --color-border-neutral-primary-fixed: #000000; --color-border-neutral-inverse-fixed: #ffffff; --color-border-warm-primary: #605b55; --color-border-warm-secondary: #a7a096; --color-border-warm-tertiary: #d2cbc3; --color-border-warm-subtle: #eae4de; --color-border-warm-minimal: #f6f3ef; --color-border-warm-strong: #4d4944; --color-border-warm-stronger: #33302d; --color-border-information-primary: #55c3e9; --color-border-information-secondary: #9bdef7; --color-border-information-subtle: #bbeaff; --color-border-information-minimal: #e0f5ff; --color-border-information-strong: #27a5d0; --color-border-information-stronger: #057aa3; --color-border-information-strongest: #025a79; --color-border-success-primary: #bade94; --color-border-success-secondary: #cfebb0; --color-border-success-minimal: #e7fbd3; --color-border-success-strong: #9fc873; --color-border-success-stronger: #83ad57; --color-border-success-strongest: #5a8034; --color-border-warning-primary: #ff9f14; --color-border-warning-secondary: #ffbb59; --color-border-warning-subtle: #ffd495; --color-border-warning-minimal: #ffebce; --color-border-warning-strong: #db860a; --color-border-warning-stronger: #a6670a; --color-border-warning-strongest: #824f06; --color-border-danger-primary: #ff9490; --color-border-danger-secondary: #fdb3ae; --color-border-danger-subtle: #fcc7c3; --color-border-danger-minimal: #fbdedc; --color-border-danger-strong: #ff6165; --color-border-danger-stronger: #e1003a; --color-border-danger-strongest: #a80029; --color-border-transparent-white-subtle: #ffffff42; --color-border-transparent-white-subtlest: #ffffff21; --color-border-transparent-white-minimal: #ffffff0d; --color-border-transparent-white-none: #ffffff00; --color-border-transparent-black-subtle: #00000042; --color-border-transparent-black-subtlest: #00000021; --color-border-transparent-black-minimal: #0000000d; --color-border-transparent-black-none: #00000000; --color-icon-brand-primary: #423500; --color-icon-brand-secondary: #604d00; --color-icon-brand-tertiary: #846a01; --color-icon-brand-subtle: #b69200; --color-icon-brand-subtlest: #e5b800; --color-icon-brand-minimal: #ffcd00; --color-icon-neutral-primary: #000000; --color-icon-neutral-secondary: #212121; --color-icon-neutral-tertiary: #444444; --color-icon-neutral-subtle: #585858; --color-icon-neutral-subtlest: #989898; --color-icon-neutral-minimal: #bdbdbd; --color-icon-neutral-inverse: #ffffff; --color-icon-neutral-primary-fixed: #000000; --color-icon-neutral-inverse-fixed: #ffffff; --color-icon-warm-primary: #1e1c1a; --color-icon-warm-secondary: #33302d; --color-icon-warm-tertiary: #4d4944; --color-icon-warm-subtle: #605b55; --color-icon-warm-minimal: #a7a096; --color-icon-information-primary: #00202b; --color-icon-information-secondary: #013c50; --color-icon-information-tertiary: #025a79; --color-icon-information-subtle: #057aa3; --color-icon-information-subtlest: #27a5d0; --color-icon-information-minimal: #55c3e9; --color-icon-success-primary: #142603; --color-icon-success-secondary: #2a4210; --color-icon-success-tertiary: #40611f; --color-icon-success-subtle: #5a8034; --color-icon-success-subtlest: #83ad57; --color-icon-success-minimal: #bade94; --color-icon-warning-primary: #382303; --color-icon-warning-secondary: #573607; --color-icon-warning-tertiary: #824f06; --color-icon-warning-subtle: #a6670a; --color-icon-warning-subtlest: #db860a; --color-icon-warning-minimal: #ff9f14; --color-icon-danger-primary: #450101; --color-icon-danger-secondary: #75001a; --color-icon-danger-tertiary: #a80029; --color-icon-danger-subtle: #e1003a; --color-icon-danger-subtlest: #ff6165; --color-icon-danger-minimal: #ff9490; --color-icon-accent-green-primary: #142603; --color-icon-accent-green-secondary: #2a4210; --color-icon-accent-green-tertiary: #40611f; --color-icon-accent-green-subtle: #5a8034; --color-icon-accent-green-subtlest: #83ad57; --color-icon-accent-green-minimal: #bade94; --color-icon-accent-teal-primary: #001b18; --color-icon-accent-teal-secondary: #053731; --color-icon-accent-teal-tertiary: #00544a; --color-icon-accent-teal-subtle: #0a7b6d; --color-icon-accent-teal-subtlest: #06a894; --color-icon-accent-teal-minimal: #00c7ae; --color-icon-accent-blue-primary: #00202b; --color-icon-accent-blue-secondary: #013c50; --color-icon-accent-blue-tertiary: #025a79; --color-icon-accent-blue-subtle: #057aa3; --color-icon-accent-blue-subtlest: #27a5d0; --color-icon-accent-blue-minimal: #55c3e9; --color-icon-accent-violet-primary: #26194d; --color-icon-accent-violet-secondary: #3c2e63; --color-icon-accent-violet-tertiary: #5a4890; --color-icon-accent-violet-subtle: #8068c6; --color-icon-accent-violet-subtlest: #9587e8; --color-icon-accent-violet-minimal: #acacff; --color-icon-accent-pink-primary: #3b142a; --color-icon-accent-pink-secondary: #5c2944; --color-icon-accent-pink-tertiary: #803c5f; --color-icon-accent-pink-subtle: #b06089; --color-icon-accent-pink-subtlest: #d17ba8; --color-icon-accent-pink-minimal: #f696c8; --color-icon-accent-orange-primary: #451701; --color-icon-accent-orange-secondary: #6d2605; --color-icon-accent-orange-tertiary: #9f4217; --color-icon-accent-orange-subtle: #c45927; --color-icon-accent-orange-subtlest: #e67b49; --color-icon-accent-orange-minimal: #ff9868; --color-overlay-default: rgba(0,0,0,.7); --color-overlay-strong: rgba(0,0,0,.5); --color-logo-background-primary: #ffcd00; --color-logo-mark-primary: #000000; --color-logo-mark-primary-fixed: #000000; --font-size-12: .75rem; --text-12: .75rem; --font-size-14: .875rem; --text-14: .875rem; --font-size-16: 1rem; --text-16: 1rem; --font-size-18: 1.125rem; --text-18: 1.125rem; --font-size-20: 1.25rem; --text-20: 1.25rem; --font-size-24: 1.5rem; --text-24: 1.5rem; --font-size-32: 2rem; --text-32: 2rem; --font-size-36: 2.25rem; --text-36: 2.25rem; --font-size-48: 3rem; --text-48: 3rem; --font-size-60: 3.75rem; --text-60: 3.75rem; --font-size-72: 4.5rem; --text-72: 4.5rem; --font-size-xs: .75rem; --text-xs: .75rem; --font-size-sm: .875rem; --text-sm: .875rem; --font-size-md: 1rem; --text-md: 1rem; --font-size-lg: 1.125rem; --text-lg: 1.125rem; --font-size-xl: 1.25rem; --text-xl: 1.25rem; --font-size-2xl: 1.5rem; --font-size-xxl: 1.5rem; --text-2xl: 1.5rem; --font-size-3xl: 2rem; --text-3xl: 2rem; --font-size-4xl: 2.25rem; --text-4xl: 2.25rem; --font-size-5xl: 3rem; --text-5xl: 3rem; --font-size-6xl: 3.75rem; --text-6xl: 3.75rem; --font-size-7xl: 4.5rem; --text-7xl: 4.5rem; --font-family-title: "welcome-font",sans-serif; --font-family-body: "Work Sans",sans-serif; --font-weight-regular: 400; --font-weight-medium: 500; --font-weight-semi-bold: 600; --font-weight-bold: 700; --font-weight-black: 900; --font-line-height-xs: 120%; --font-line-height-sm: 130%; --font-line-height-md: 140%; --font-line-height-lg: 150%; --font-letter-spacing-none: 0; --font-letter-spacing-xs: -2%; --spacing-2: .125rem; --spacing-4: .25rem; --spacing-8: .5rem; --spacing-12: .75rem; --spacing-16: 1rem; --spacing-24: 1.5rem; --spacing-32: 2rem; --spacing-48: 3rem; --spacing-64: 4rem; --spacing-96: 6rem; --spacing-128: 8rem; --spacing-192: 12rem; --spacing-2xs: .125rem; --spacing-xxs: .125rem; --spacing-xs: .25rem; --spacing-sm: .5rem; --spacing-md: .75rem; --spacing-lg: 1rem; --spacing-xl: 1.5rem; --spacing-2xl: 2rem; --spacing-xxl: 2rem; --spacing-3xl: 3rem; --spacing-4xl: 4rem; --spacing-5xl: 6rem; --spacing-6xl: 8rem; --spacing-7xl: 12rem; --size-8: .5rem; --size-12: .75rem; --size-16: 1rem; --size-20: 1.25rem; --size-24: 1.5rem; --size-32: 2rem; --size-48: 3rem; --size-64: 4rem; --size-icon-xs: .5rem; --size-icon-sm: .75rem; --size-icon-md: 1rem; --size-icon-lg: 1.5rem; --size-icon-xl: 2rem; --size-icon-2xl: 3rem; --size-icon-xxl: 3rem; --size-icon-3xl: 4rem; --height-2: .125rem; --height-8: .5rem; --height-16: 1rem; --height-20: 1.25rem; --height-24: 1.5rem; --height-25: 1.5625rem; --height-32: 2rem; --height-33: 2.0625rem; --height-40: 2.5rem; --height-43: 2.6875rem; --width-8: .5rem; --width-16: 1rem; --width-20: 1.25rem; --width-28: 1.75rem; --width-32: 2rem; --width-36: 2.25rem; --width-40: 2.5rem; --width-44: 2.75rem; --elevation-10: 0 1px 2px 0 rgba(0,0,0,.04); --elevation-20: 0 4px 6px 0 rgba(0,0,0,.04); --elevation-30: 0 4px 6px 0 rgba(0,0,0,.08); --elevation-40: 0 6px 8px 0 rgba(0,0,0,.12); --elevation-50: 0 12px 16px 0 rgba(0,0,0,.12); --elevation-60: 0 12px 32px 0 rgba(0,0,0,.16); --inset-5: 0 0 4px 0 rgba(0,0,0,.08); --inset-10: 0 0 6px 0 rgba(0,0,0,.08); --inset-20: 0 0 8px 0 rgba(0,0,0,.16); --border-width-xs: 1px; --border-width-sm: 2px; --border-width-md: 4px; --border-width-lg: 6px; --border-radius-none: 0; --radius-none: 0; --border-radius-xs: .125rem; --radius-xs: .125rem; --border-radius-sm: .25rem; --radius-sm: .25rem; --border-radius-md: .5rem; --radius-md: .5rem; --border-radius-lg: .75rem; --radius-lg: .75rem; --border-radius-xl: 1rem; --radius-xl: 1rem; --border-radius-2xl: 1.5rem; --border-radius-xxl: 1.5rem; --radius-2xl: 1.5rem; --border-radius-full: calc(infinity * 1px); --radius-full: calc(infinity * 1px); --breakpoint-xs: 0; --breakpoint-sm: 480px; --breakpoint-md: 736px; --breakpoint-lg: 980px; --breakpoint-xl: 1280px; --breakpoint-2xl: 1440px; --breakpoint-xxl: 1440px; --breakpoint-3xl: 1620px; --breakpoint-4xl: 1920px;}@layer base{html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{min-width:0;min-height:0;font-size:100%;vertical-align:baseline}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}a{text-decoration:none}img{overflow:hidden}input{-webkit-appearance:none;-moz-appearance:none;appearance:none}input::-webkit-search-cancel-button{display:none}*,*:after,*:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{height:100%}body{min-height:100%;padding-top:1px;margin-top:-1px;font-family:var(--font-family-body)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-title)}}

package/dist/types/components/Breadcrumb/Item.d.ts

@@ -1,5 +1,5 @@
-import { BreadcrumbItemProps } from './types';
+import { BreadcrumbItemOptions } from './types';
 /**
  * @name Breadcrumb.Item
  */
-export declare const Item: import('react').ForwardRefExoticComponent<Omit<BreadcrumbItemProps, "ref"> & import('react').RefAttributes<HTMLAnchorElement>>;
+export declare const Item: import('../../utils').FunctionComponentWithAs<"a", BreadcrumbItemOptions>;

package/dist/types/components/Breadcrumb/index.d.ts

@@ -2,5 +2,5 @@ import { default as React } from 'react';
 import { BreadcrumbProps } from './types';
 export declare const BreadcrumbComponent: React.ForwardRefExoticComponent<Omit<BreadcrumbProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export declare const Breadcrumb: React.ForwardRefExoticComponent<Omit<BreadcrumbProps, "ref"> & React.RefAttributes<HTMLDivElement>> & {
-    Item: React.ForwardRefExoticComponent<Omit<import('./types').BreadcrumbItemProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+    Item: import('../../utils').FunctionComponentWithAs<"a", import('./types').BreadcrumbItemOptions>;
 };

package/dist/types/components/Breadcrumb/types.d.ts

@@ -8,7 +8,7 @@ interface BreadcrumbOptions {
     separator?: React.ReactNode | string;
 }
 export type BreadcrumbProps = BreadcrumbOptions & ComponentPropsWithRef<'div'> & HTMLAttributes<HTMLDivElement>;
-interface BreadcrumbItemOptions {
+export interface BreadcrumbItemOptions {
     children: React.ReactNode;
     collapsed?: boolean;
     'data-testid'?: string;
@@ -17,5 +17,4 @@ interface BreadcrumbItemOptions {
     separator?: React.ReactNode | string;
     to?: string;
 }
-export type BreadcrumbItemProps = BreadcrumbItemOptions & ComponentPropsWithRef<'a'> & HTMLAttributes<HTMLAnchorElement>;
 export {};

package/dist/types/components/Radio/types.d.ts

@@ -6,6 +6,6 @@ export interface RadioOptions {
     label?: string;
     maxWidth?: number | string;
     value?: string;
-    variant?: 'danger' | 'default' | 'warning';
+    variant?: 'danger' | 'default';
 }
 export type RadioProps = ComponentPropsWithRef<'input'> & Omit<LabelProps, 'children'> & RadioOptions;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "welcome-ui",
-  "version": "10.0.0-alpha.7",
+  "version": "10.0.0-alpha.9",
   "description": "Customizable design system with react, typescript, tailwindcss and ariakit.",
   "files": [
     "dist"