@getflip/swirl-components-react 0.468.0 → 0.468.1

package/dist/swirl-color-input.entry.51e85786.js

@@ -0,0 +1,272 @@
+import { r as L, c as f, h as l, H as B } from "./index.1eb211da.js";
+import { c as T } from "./index-orsBiyT_.fc4357c3.js";
+import { v as z } from "./v4-DD3477fe.2624487e.js";
+import "react";
+import "react-dom";
+const u = (e, t = 0, o = 1) => e > o ? o : e < t ? t : e, i = (e, t = 0, o = Math.pow(10, t)) => Math.round(o * e) / o, F = (e) => O(v(e)), v = (e) => (e[0] === "#" && (e = e.substring(1)), e.length < 6 ? {
+  r: parseInt(e[0] + e[0], 16),
+  g: parseInt(e[1] + e[1], 16),
+  b: parseInt(e[2] + e[2], 16),
+  a: e.length === 4 ? i(parseInt(e[3] + e[3], 16) / 255, 2) : 1
+} : {
+  r: parseInt(e.substring(0, 2), 16),
+  g: parseInt(e.substring(2, 4), 16),
+  b: parseInt(e.substring(4, 6), 16),
+  a: e.length === 8 ? i(parseInt(e.substring(6, 8), 16) / 255, 2) : 1
+}), A = (e) => D(q(e)), P = ({ h: e, s: t, v: o, a: s }) => {
+  const r = (200 - t) * o / 100;
+  return {
+    h: i(e),
+    s: i(r > 0 && r < 200 ? t * o / 100 / (r <= 100 ? r : 200 - r) * 100 : 0),
+    l: i(r / 2),
+    a: i(s, 2)
+  };
+}, w = (e) => {
+  const { h: t, s: o, l: s } = P(e);
+  return `hsl(${t}, ${o}%, ${s}%)`;
+}, q = ({ h: e, s: t, v: o, a: s }) => {
+  e = e / 360 * 6, t = t / 100, o = o / 100;
+  const r = Math.floor(e), n = o * (1 - t), a = o * (1 - (e - r) * t), p = o * (1 - (1 - e + r) * t), b = r % 6;
+  return {
+    r: i([o, a, n, n, p, o][b] * 255),
+    g: i([p, o, o, a, n, n][b] * 255),
+    b: i([n, n, p, o, o, a][b] * 255),
+    a: i(s, 2)
+  };
+}, d = (e) => {
+  const t = e.toString(16);
+  return t.length < 2 ? "0" + t : t;
+}, D = ({ r: e, g: t, b: o, a: s }) => {
+  const r = s < 1 ? d(i(s * 255)) : "";
+  return "#" + d(e) + d(t) + d(o) + r;
+}, O = ({ r: e, g: t, b: o, a: s }) => {
+  const r = Math.max(e, t, o), n = r - Math.min(e, t, o), a = n ? r === e ? (t - o) / n : r === t ? 2 + (o - e) / n : 4 + (e - t) / n : 0;
+  return {
+    h: i(60 * (a < 0 ? a + 6 : a)),
+    s: i(r ? n / r * 100 : 0),
+    v: i(r / 255 * 100),
+    a: s
+  };
+}, I = (e, t) => {
+  if (e === t)
+    return !0;
+  for (const o in e)
+    if (e[o] !== t[o])
+      return !1;
+  return !0;
+}, N = (e, t) => e.toLowerCase() === t.toLowerCase() ? !0 : I(v(e), v(t)), y = {}, M = (e) => {
+  let t = y[e];
+  return t || (t = document.createElement("template"), t.innerHTML = e, y[e] = t), t;
+}, x = (e, t, o) => {
+  e.dispatchEvent(new CustomEvent(t, {
+    bubbles: !0,
+    detail: o
+  }));
+};
+let c = !1;
+const k = (e) => "touches" in e, R = (e) => c && !k(e) ? !1 : (c || (c = k(e)), !0), C = (e, t) => {
+  const o = k(t) ? t.touches[0] : t, s = e.el.getBoundingClientRect();
+  x(e.el, "move", e.getMove({
+    x: u((o.pageX - (s.left + window.pageXOffset)) / s.width),
+    y: u((o.pageY - (s.top + window.pageYOffset)) / s.height)
+  }));
+}, V = (e, t) => {
+  const o = t.keyCode;
+  o > 40 || e.xy && o < 37 || o < 33 || (t.preventDefault(), x(e.el, "move", e.getMove({
+    x: o === 39 ? 0.01 : o === 37 ? -0.01 : o === 34 ? 0.05 : o === 33 ? -0.05 : o === 35 ? 1 : o === 36 ? -1 : 0,
+    y: o === 40 ? 0.01 : o === 38 ? -0.01 : 0
+  }, !0)));
+};
+class _ {
+  constructor(t, o, s, r) {
+    const n = M(`<div role="slider" tabindex="0" part="${o}" ${s}><div part="${o}-pointer"></div></div>`);
+    t.appendChild(n.content.cloneNode(!0));
+    const a = t.querySelector(`[part=${o}]`);
+    a.addEventListener("mousedown", this), a.addEventListener("touchstart", this), a.addEventListener("keydown", this), this.el = a, this.xy = r, this.nodes = [a.firstChild, a];
+  }
+  set dragging(t) {
+    const o = t ? document.addEventListener : document.removeEventListener;
+    o(c ? "touchmove" : "mousemove", this), o(c ? "touchend" : "mouseup", this);
+  }
+  handleEvent(t) {
+    switch (t.type) {
+      case "mousedown":
+      case "touchstart":
+        if (t.preventDefault(), !R(t) || !c && t.button != 0)
+          return;
+        this.el.focus(), C(this, t), this.dragging = !0;
+        break;
+      case "mousemove":
+      case "touchmove":
+        t.preventDefault(), C(this, t);
+        break;
+      case "mouseup":
+      case "touchend":
+        this.dragging = !1;
+        break;
+      case "keydown":
+        V(this, t);
+        break;
+    }
+  }
+  style(t) {
+    t.forEach((o, s) => {
+      for (const r in o)
+        this.nodes[s].style.setProperty(r, o[r]);
+    });
+  }
+}
+class j extends _ {
+  constructor(t) {
+    super(t, "hue", 'aria-label="Hue" aria-valuemin="0" aria-valuemax="360"', !1);
+  }
+  update({ h: t }) {
+    this.h = t, this.style([
+      {
+        left: `${t / 360 * 100}%`,
+        color: w({ h: t, s: 100, v: 100, a: 1 })
+      }
+    ]), this.el.setAttribute("aria-valuenow", `${i(t)}`);
+  }
+  getMove(t, o) {
+    return { h: o ? u(this.h + t.x * 360, 0, 360) : 360 * t.x };
+  }
+}
+class X extends _ {
+  constructor(t) {
+    super(t, "saturation", 'aria-label="Color"', !0);
+  }
+  update(t) {
+    this.hsva = t, this.style([
+      {
+        top: `${100 - t.v}%`,
+        left: `${t.s}%`,
+        color: w(t)
+      },
+      {
+        "background-color": w({ h: t.h, s: 100, v: 100, a: 1 })
+      }
+    ]), this.el.setAttribute("aria-valuetext", `Saturation ${i(t.s)}%, Brightness ${i(t.v)}%`);
+  }
+  getMove(t, o) {
+    return {
+      s: o ? u(this.hsva.s + t.x * 100, 0, 100) : t.x * 100,
+      v: o ? u(this.hsva.v - t.y * 100, 0, 100) : Math.round(100 - t.y * 100)
+    };
+  }
+}
+var Y = ':host{display:flex;flex-direction:column;position:relative;width:200px;height:200px;user-select:none;-webkit-user-select:none;cursor:default}:host([hidden]){display:none!important}[role=slider]{position:relative;touch-action:none;user-select:none;-webkit-user-select:none;outline:0}[role=slider]:last-child{border-radius:0 0 8px 8px}[part$=pointer]{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;display:flex;place-content:center center;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}[part$=pointer]::after{content:"";width:100%;height:100%;border-radius:inherit;background-color:currentColor}[role=slider]:focus [part$=pointer]{transform:translate(-50%,-50%) scale(1.1)}', G = "[part=hue]{flex:0 0 24px;background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}[part=hue-pointer]{top:50%;z-index:2}", J = "[part=saturation]{flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,rgba(255,255,255,0));box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}[part=saturation-pointer]{z-index:3}";
+const h = Symbol("same"), g = Symbol("color"), $ = Symbol("hsva"), m = Symbol("update"), E = Symbol("parts"), H = Symbol("css"), S = Symbol("sliders");
+class K extends HTMLElement {
+  static get observedAttributes() {
+    return ["color"];
+  }
+  get [H]() {
+    return [Y, G, J];
+  }
+  get [S]() {
+    return [X, j];
+  }
+  get color() {
+    return this[g];
+  }
+  set color(t) {
+    if (!this[h](t)) {
+      const o = this.colorModel.toHsva(t);
+      this[m](o), this[g] = t;
+    }
+  }
+  constructor() {
+    super();
+    const t = M(`<style>${this[H].join("")}</style>`), o = this.attachShadow({ mode: "open" });
+    o.appendChild(t.content.cloneNode(!0)), o.addEventListener("move", this), this[E] = this[S].map((s) => new s(o));
+  }
+  connectedCallback() {
+    if (this.hasOwnProperty("color")) {
+      const t = this.color;
+      delete this.color, this.color = t;
+    } else
+      this.color || (this.color = this.colorModel.defaultColor);
+  }
+  attributeChangedCallback(t, o, s) {
+    const r = this.colorModel.fromAttr(s);
+    this[h](r) || (this.color = r);
+  }
+  handleEvent(t) {
+    const o = this[$], s = { ...o, ...t.detail };
+    this[m](s);
+    let r;
+    !I(s, o) && !this[h](r = this.colorModel.fromHsva(s)) && (this[g] = r, x(this, "color-changed", { value: r }));
+  }
+  [h](t) {
+    return this.color && this.colorModel.equal(t, this.color);
+  }
+  [m](t) {
+    this[$] = t, this[E].forEach((o) => o.update(t));
+  }
+}
+const Q = {
+  defaultColor: "#000",
+  toHsva: F,
+  fromHsva: ({ h: e, s: t, v: o }) => A({ h: e, s: t, v: o, a: 1 }),
+  equal: N,
+  fromAttr: (e) => e
+};
+class U extends K {
+  get colorModel() {
+    return Q;
+  }
+}
+class W extends U {
+}
+customElements.define("hex-color-picker", W);
+const Z = () => ".sc-swirl-color-input-h{display:block;width:100%}.sc-swirl-color-input-h *.sc-swirl-color-input{box-sizing:border-box}.color-input.sc-swirl-color-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);font:inherit;line-height:var(--s-line-height-sm);cursor:text}.color-input--inline.sc-swirl-color-input .color-input__preview-button.sc-swirl-color-input{width:1.5rem;height:1.5rem;margin-top:-0.125rem;margin-right:-0.25rem;margin-bottom:-0.125rem}.color-input__input.sc-swirl-color-input{display:inline-flex;width:100%;margin:0;padding:0;flex-grow:1;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.color-input__input.sc-swirl-color-input:focus{outline:none}.color-input__input.sc-swirl-color-input:disabled{color:var(--s-text-disabled);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.color-input__input.sc-swirl-color-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.color-input__preview-button.sc-swirl-color-input{width:2.75rem;height:2.75rem;margin-top:-1.25rem;flex-shrink:0;border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-s);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}", tt = class {
+  constructor(e) {
+    L(this, e), this.inputBlur = f(this, "inputBlur", 7), this.inputFocus = f(this, "inputFocus", 7), this.valueChange = f(this, "valueChange", 7), this.pickerButtonLabel = "Open color picker", this.pickerLabel = "Color picker", this.pickerId = `color-picker-${z()}`, this.onPickerChange = (t) => {
+      this.value = t.detail.value;
+    }, this.onChange = (t) => {
+      const o = t.target;
+      this.value = o.value;
+    }, this.onBlur = (t) => {
+      this.inputBlur.emit(t);
+    }, this.onFocus = (t) => {
+      this.inputFocus.emit(t), this.handleAutoSelect(t);
+    }, this.onInput = (t) => {
+      this.onChange(t);
+    };
+  }
+  componentDidLoad() {
+    this.autoFocus && setTimeout(() => {
+      this.inputEl.focus();
+    }), this.picker.addEventListener("color-changed", this.onPickerChange);
+  }
+  disconnectedCallback() {
+    var e;
+    (e = this.picker) == null || e.removeEventListener("color-changed", this.onPickerChange);
+  }
+  watchValue(e, t) {
+    e !== t && this.valueChange.emit(e);
+  }
+  handleAutoSelect(e) {
+    !this.autoSelect || e.target.select();
+  }
+  render() {
+    const e = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, t = T("color-input", {
+      "color-input--inline": this.inline
+    });
+    return l(B, { key: "2ed3d40d8b69af36b2226c911cc5dae84742f0cb" }, l("div", { key: "ef197f8e0a01ddf121df8f47a99691040663f286", class: t }, l("input", { key: "34f8ae5eb9aaa8e664a6b47fac63917a2f7e2039", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": e, autoFocus: this.autoFocus, class: "color-input__input", disabled: this.disabled, maxLength: 7, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (o) => this.inputEl = o, required: this.required, spellcheck: "false", type: "text", value: this.value, readonly: this.readonly }), l("swirl-popover-trigger", { key: "3e11abdfdf445802e84cf3e87de2499c3a402f9a", swirlPopover: this.pickerId }, l("button", { key: "e99eb09576d3843aebd5c8803e0d9235bbb0139e", disabled: this.readonly, "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+      backgroundColor: this.disabled ? "var(--s-border-subdued)" : this.value
+    }, type: "button" })), l("swirl-popover", { key: "b60e4424b971f6f76b5e0adc9d7b155cd7a0fdac", animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, l("swirl-box", { key: "756f20986aeb68b92bd03649623b64f210b1f846", centerInline: !0, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, l("hex-color-picker", { key: "5410df4ccf4537763171af4b15ab26898e007ff4", color: this.value, ref: (o) => this.picker = o })))));
+  }
+  static get watchers() {
+    return {
+      value: [{
+        watchValue: 0
+      }]
+    };
+  }
+};
+tt.style = Z();
+export {
+  tt as swirl_color_input
+};

package/dist/swirl-columns.entry.0a060f53.js

@@ -0,0 +1,18 @@
+import { r as o, h as s, H as r } from "./index.1eb211da.js";
+import "react";
+import "react-dom";
+const t = () => ":host{display:block}:host *{box-sizing:border-box}.columns{display:grid;width:100%}", a = class {
+  constructor(e) {
+    o(this, e), this.columns = "repeat(3, minmax(0, 1fr))";
+  }
+  render() {
+    return s(r, { key: "38f01f098c3a0cd7ca18731450796a5c9724e053" }, s("div", { key: "35e0b361dde0251c2b720863a86eba6e55fdc8e9", class: "columns", style: {
+      gridTemplateColumns: this.columns,
+      gap: `var(--s-space-${this.spacing})`
+    } }, s("slot", { key: "0847d324dd44000299e7b12d1701860ad30f4dde" })));
+  }
+};
+a.style = t();
+export {
+  a as swirl_columns
+};

package/dist/swirl-components-react.js

@@ -1,4 +1,4 @@
-import { S as o, a as S, b as s, d as e, e as w, i as n, j as c, k as I, l as t, m as b, n as m, o as d, p as y, q as g, s as f, t as p, u, v as C, w as h, x as k, y as A, z as T, A as F, B as P, C as L, D as R, E as v, G as D, I as B, J as E, K as M, L as O, M as V, N as x, O as H, P as N, Q as G, R as U, T as W, U as j, V as K, W as z, X as q, Y as J, Z as X, _ as Y, $ as Q, a0 as Z, a1 as _, a2 as $, a3 as ll, a4 as al, a5 as il, a6 as rl, a7 as ol, a8 as Sl, a9 as sl, aa as el, ab as wl, ac as nl, ad as cl, ae as Il, af as tl, ag as bl, ah as ml, ai as dl, aj as yl, ak as gl, al as fl, am as pl, an as ul, ao as Cl, ap as hl, aq as kl, ar as Al, as as Tl, at as Fl, au as Pl, av as Ll, aw as Rl, ax as vl, ay as Dl, az as Bl, aA as El, aB as Ml, aC as Ol, aD as Vl, aE as xl, aF as Hl, aG as Nl, aH as Gl, aI as Ul, aJ as Wl, aK as jl, aL as Kl, aM as zl, aN as ql, aO as Jl, aP as Xl, aQ as Yl, aR as Ql, aS as Zl, aT as _l, aU as $l, aV as la, aW as aa, aX as ia, aY as ra, aZ as oa, a_ as Sa, a$ as sa, b0 as ea, b1 as wa, b2 as na, b3 as ca, b4 as Ia, b5 as ta, b6 as ba, b7 as ma, b8 as da, b9 as ya, ba as ga, bb as fa, bc as pa, bd as ua, be as Ca, bf as ha, bg as ka, bh as Aa, bi as Ta, bj as Fa, bk as Pa, bl as La, bm as Ra, bn as va, bo as Da, bp as Ba, bq as Ea, br as Ma, bs as Oa, bt as Va, bu as xa, bv as Ha, bw as Na, bx as Ga, by as Ua, bz as Wa, bA as ja, bB as Ka, bC as za, bD as qa, bE as Ja, bF as Xa, bG as Ya, bH as Qa, bI as Za, bJ as _a, bK as $a, bL as li, bM as ai, bN as ii, bO as ri, bP as oi, bQ as Si, bR as si, bS as ei, bT as wi, bU as ni, bV as ci, bW as Ii, bX as ti, bY as bi, bZ as mi, b_ as di, b$ as yi, c0 as gi, c1 as fi, c2 as pi, c3 as ui, c4 as Ci, c5 as hi, c6 as ki, c7 as Ai, c8 as Ti, c9 as Fi, ca as Pi, cb as Li, cc as Ri, cd as vi, ce as Di, cf as Bi, cg as Ei, ch as Mi, ci as Oi, cj as Vi, ck as xi, cl as Hi, cm as Ni, cn as Gi, co as Ui, cp as Wi, cq as ji, cr as Ki, cs as zi, ct as qi, cu as Ji, cv as Xi, cw as Yi, cx as Qi, cy as Zi, cz as _i, cA as $i, cB as lr, cC as ar, cD as ir, cE as rr, cF as or, cG as Sr, cH as sr, cI as er, cJ as wr, cK as nr, cL as cr, cM as Ir, cN as tr, cO as br, cP as mr, cQ as dr, cR as yr, cS as gr, cT as fr, cU as pr, cV as ur, cW as Cr, cX as hr, cY as kr, cZ as Ar, c_ as Tr, c$ as Fr, d0 as Pr, d1 as Lr, d2 as Rr, d3 as vr, d4 as Dr, d5 as Br, d6 as Er, d7 as Mr, d8 as Or, d9 as Vr, da as xr, db as Hr, dc as Nr, dd as Gr, de as Ur, df as Wr, dg as jr, dh as Kr, di as zr, dj as qr, dk as Jr, dl as Xr, dm as Yr, dn as Qr, dp as Zr, dq as _r, dr as $r, ds as lo, dt as ao, du as io, dv as ro, dw as oo, dx as So, dy as so, dz as eo, dA as wo, dB as no, dC as co, dD as Io, dE as to, dF as bo, dG as mo, dH as yo, dI as go, dJ as fo, dK as po, dL as uo, dM as Co, dN as ho, dO as ko, dP as Ao, dQ as To, dR as Fo, dS as Po, dT as Lo, dU as Ro, dV as vo, dW as Do, dX as Bo, dY as Eo, dZ as Mo, d_ as Oo, d$ as Vo, e0 as xo, e1 as Ho, e2 as No, e3 as Go, e4 as Uo, e5 as Wo, e6 as jo, e7 as Ko, e8 as zo, e9 as qo, ea as Jo, eb as Xo, ec as Yo, ed as Qo, ee as Zo, ef as _o, eg as $o, eh as lS, ei as aS, ej as iS, ek as rS, el as oS, em as SS, en as sS, eo as eS, ep as wS, eq as nS, er as cS, es as IS, et as tS, eu as bS, ev as mS, ew as dS, ex as yS, ey as gS, ez as fS, eA as pS, eB as uS, eC as CS, eD as hS, eE as kS, eF as AS, eG as TS, eH as FS, eI as PS, eJ as LS, eK as RS, eL as vS, eM as DS, eN as BS, eO as ES, eP as MS, eQ as OS, eR as VS, eS as xS, eT as HS, eU as NS, eV as GS, eW as US, eX as WS, eY as jS, eZ as KS, e_ as zS, e$ as qS, f0 as JS, f1 as XS, f2 as YS, f3 as QS, f4 as ZS, f5 as _S, f6 as $S, f7 as ls, f8 as as, f9 as is, fa as rs, fb as os, fc as Ss, fd as ss, fe as es, ff as ws, fg as ns, fh as cs, fi as Is, fj as ts, fk as bs, fl as ms, fm as ds, fn as ys, fo as gs, fp as fs, fq as ps, fr as us, fs as Cs, ft as hs, fu as ks, fv as As, fw as Ts, fx as Fs, fy as Ps, fz as Ls, fA as Rs, fB as vs, fC as Ds, fD as Bs, fE as Es, fF as Ms, fG as Os, fH as Vs, fI as xs, fJ as Hs, fK as Ns, fL as Gs, fM as Us, fN as Ws, fO as js, fP as Ks, fQ as zs, fR as qs, fS as Js, fT as Xs, fU as Ys, fV as Qs, fW as Zs, fX as _s, fY as $s, fZ as le, f_ as ae, f$ as ie, g0 as re, g1 as oe, g2 as Se, g3 as se, g4 as ee, g5 as we, g6 as ne, g7 as ce, g8 as Ie, g9 as te, ga as be, gb as me, gc as de, gd as ye, ge, gf as fe, gg as pe, gh as ue, gi as Ce, gj as he, gk as ke, gl as Ae, gm as Te, gn as Fe, go as Pe, gp as Le, gq as Re, gr as ve, gs as De, gt as Be, gu as Ee, gv as Me, gw as Oe, gx as Ve, gy as xe, gz as He, gA as Ne, gB as Ge, gC as Ue, gD as We, gE as je, gF as Ke, gG as ze, gH as qe, gI as Je, gJ as Xe } from "./index.61732cef.js";
+import { S as o, a as S, b as s, d as e, e as w, i as n, j as c, k as I, l as t, m as b, n as m, o as d, p as y, q as g, s as f, t as p, u, v as C, w as h, x as k, y as A, z as T, A as F, B as P, C as L, D as R, E as v, G as D, I as B, J as E, K as M, L as O, M as V, N as x, O as H, P as N, Q as G, R as U, T as W, U as j, V as K, W as z, X as q, Y as J, Z as X, _ as Y, $ as Q, a0 as Z, a1 as _, a2 as $, a3 as ll, a4 as al, a5 as il, a6 as rl, a7 as ol, a8 as Sl, a9 as sl, aa as el, ab as wl, ac as nl, ad as cl, ae as Il, af as tl, ag as bl, ah as ml, ai as dl, aj as yl, ak as gl, al as fl, am as pl, an as ul, ao as Cl, ap as hl, aq as kl, ar as Al, as as Tl, at as Fl, au as Pl, av as Ll, aw as Rl, ax as vl, ay as Dl, az as Bl, aA as El, aB as Ml, aC as Ol, aD as Vl, aE as xl, aF as Hl, aG as Nl, aH as Gl, aI as Ul, aJ as Wl, aK as jl, aL as Kl, aM as zl, aN as ql, aO as Jl, aP as Xl, aQ as Yl, aR as Ql, aS as Zl, aT as _l, aU as $l, aV as la, aW as aa, aX as ia, aY as ra, aZ as oa, a_ as Sa, a$ as sa, b0 as ea, b1 as wa, b2 as na, b3 as ca, b4 as Ia, b5 as ta, b6 as ba, b7 as ma, b8 as da, b9 as ya, ba as ga, bb as fa, bc as pa, bd as ua, be as Ca, bf as ha, bg as ka, bh as Aa, bi as Ta, bj as Fa, bk as Pa, bl as La, bm as Ra, bn as va, bo as Da, bp as Ba, bq as Ea, br as Ma, bs as Oa, bt as Va, bu as xa, bv as Ha, bw as Na, bx as Ga, by as Ua, bz as Wa, bA as ja, bB as Ka, bC as za, bD as qa, bE as Ja, bF as Xa, bG as Ya, bH as Qa, bI as Za, bJ as _a, bK as $a, bL as li, bM as ai, bN as ii, bO as ri, bP as oi, bQ as Si, bR as si, bS as ei, bT as wi, bU as ni, bV as ci, bW as Ii, bX as ti, bY as bi, bZ as mi, b_ as di, b$ as yi, c0 as gi, c1 as fi, c2 as pi, c3 as ui, c4 as Ci, c5 as hi, c6 as ki, c7 as Ai, c8 as Ti, c9 as Fi, ca as Pi, cb as Li, cc as Ri, cd as vi, ce as Di, cf as Bi, cg as Ei, ch as Mi, ci as Oi, cj as Vi, ck as xi, cl as Hi, cm as Ni, cn as Gi, co as Ui, cp as Wi, cq as ji, cr as Ki, cs as zi, ct as qi, cu as Ji, cv as Xi, cw as Yi, cx as Qi, cy as Zi, cz as _i, cA as $i, cB as lr, cC as ar, cD as ir, cE as rr, cF as or, cG as Sr, cH as sr, cI as er, cJ as wr, cK as nr, cL as cr, cM as Ir, cN as tr, cO as br, cP as mr, cQ as dr, cR as yr, cS as gr, cT as fr, cU as pr, cV as ur, cW as Cr, cX as hr, cY as kr, cZ as Ar, c_ as Tr, c$ as Fr, d0 as Pr, d1 as Lr, d2 as Rr, d3 as vr, d4 as Dr, d5 as Br, d6 as Er, d7 as Mr, d8 as Or, d9 as Vr, da as xr, db as Hr, dc as Nr, dd as Gr, de as Ur, df as Wr, dg as jr, dh as Kr, di as zr, dj as qr, dk as Jr, dl as Xr, dm as Yr, dn as Qr, dp as Zr, dq as _r, dr as $r, ds as lo, dt as ao, du as io, dv as ro, dw as oo, dx as So, dy as so, dz as eo, dA as wo, dB as no, dC as co, dD as Io, dE as to, dF as bo, dG as mo, dH as yo, dI as go, dJ as fo, dK as po, dL as uo, dM as Co, dN as ho, dO as ko, dP as Ao, dQ as To, dR as Fo, dS as Po, dT as Lo, dU as Ro, dV as vo, dW as Do, dX as Bo, dY as Eo, dZ as Mo, d_ as Oo, d$ as Vo, e0 as xo, e1 as Ho, e2 as No, e3 as Go, e4 as Uo, e5 as Wo, e6 as jo, e7 as Ko, e8 as zo, e9 as qo, ea as Jo, eb as Xo, ec as Yo, ed as Qo, ee as Zo, ef as _o, eg as $o, eh as lS, ei as aS, ej as iS, ek as rS, el as oS, em as SS, en as sS, eo as eS, ep as wS, eq as nS, er as cS, es as IS, et as tS, eu as bS, ev as mS, ew as dS, ex as yS, ey as gS, ez as fS, eA as pS, eB as uS, eC as CS, eD as hS, eE as kS, eF as AS, eG as TS, eH as FS, eI as PS, eJ as LS, eK as RS, eL as vS, eM as DS, eN as BS, eO as ES, eP as MS, eQ as OS, eR as VS, eS as xS, eT as HS, eU as NS, eV as GS, eW as US, eX as WS, eY as jS, eZ as KS, e_ as zS, e$ as qS, f0 as JS, f1 as XS, f2 as YS, f3 as QS, f4 as ZS, f5 as _S, f6 as $S, f7 as ls, f8 as as, f9 as is, fa as rs, fb as os, fc as Ss, fd as ss, fe as es, ff as ws, fg as ns, fh as cs, fi as Is, fj as ts, fk as bs, fl as ms, fm as ds, fn as ys, fo as gs, fp as fs, fq as ps, fr as us, fs as Cs, ft as hs, fu as ks, fv as As, fw as Ts, fx as Fs, fy as Ps, fz as Ls, fA as Rs, fB as vs, fC as Ds, fD as Bs, fE as Es, fF as Ms, fG as Os, fH as Vs, fI as xs, fJ as Hs, fK as Ns, fL as Gs, fM as Us, fN as Ws, fO as js, fP as Ks, fQ as zs, fR as qs, fS as Js, fT as Xs, fU as Ys, fV as Qs, fW as Zs, fX as _s, fY as $s, fZ as le, f_ as ae, f$ as ie, g0 as re, g1 as oe, g2 as Se, g3 as se, g4 as ee, g5 as we, g6 as ne, g7 as ce, g8 as Ie, g9 as te, ga as be, gb as me, gc as de, gd as ye, ge, gf as fe, gg as pe, gh as ue, gi as Ce, gj as he, gk as ke, gl as Ae, gm as Te, gn as Fe, go as Pe, gp as Le, gq as Re, gr as ve, gs as De, gt as Be, gu as Ee, gv as Me, gw as Oe, gx as Ve, gy as xe, gz as He, gA as Ne, gB as Ge, gC as Ue, gD as We, gE as je, gF as Ke, gG as ze, gH as qe, gI as Je, gJ as Xe } from "./index.1eb211da.js";
 import "react";
 import "react-dom";
 export {

package/dist/swirl-components-react.umd.cjs

@@ -27,7 +27,7 @@ Check your code at `+t1+":"+n1+"."}return""}}var VT={};function $71(j){{var t1=E
 Check the top-level render call using <`+n1+">.")}return t1}}function AT(j,t1){{if(!j._store||j._store.validated||j.key!=null)return;j._store.validated=!0;var n1=$71(t1);if(VT[n1])return;VT[n1]=!0;var _1="";j&&j._owner&&j._owner!==sp.current&&(_1=" It was passed a child from "+D(j._owner.type)+"."),A6(j),M('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',n1,_1),A6(null)}}function TT(j,t1){{if(typeof j!="object")return;if(ht(j))for(var n1=0;n1<j.length;n1++){var _1=j[n1];lp(_1)&&AT(_1,t1)}else if(lp(j))j._store&&(j._store.validated=!0);else if(j){var N1=y(j);if(typeof N1=="function"&&N1!==j.entries)for(var q1=N1.call(j),$1;!($1=q1.next()).done;)lp($1.value)&&AT($1.value,t1)}}}function O71(j){{var t1=j.type;if(t1==null||typeof t1=="string")return;var n1;if(typeof t1=="function")n1=t1.propTypes;else if(typeof t1=="object"&&(t1.$$typeof===c||t1.$$typeof===p))n1=t1.propTypes;else return;if(n1){var _1=D(t1);nr(n1,j.props,"prop",_1,j)}else if(t1.PropTypes!==void 0&&!np){np=!0;var N1=D(t1);M("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",N1||"Unknown")}typeof t1.getDefaultProps=="function"&&!t1.getDefaultProps.isReactClassApproved&&M("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function B71(j){{for(var t1=Object.keys(j.props),n1=0;n1<t1.length;n1++){var _1=t1[n1];if(_1!=="children"&&_1!=="key"){A6(j),M("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",_1),A6(null);break}}j.ref!==null&&(A6(j),M("Invalid attribute `ref` supplied to `React.Fragment`."),A6(null))}}function $T(j,t1,n1,_1,N1,q1){{var $1=Z(j);if(!$1){var A1="";(j===void 0||typeof j=="object"&&j!==null&&Object.keys(j).length===0)&&(A1+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var kt=T71(N1);kt?A1+=kt:A1+=ET();var we;j===null?we="null":ht(j)?we="array":j!==void 0&&j.$$typeof===e?(we="<"+(D(j.type)||"Unknown")+" />",A1=" Did you accidentally export a JSX literal instead of a component?"):we=typeof j,M("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",we,A1)}var Me=A71(j,t1,n1,N1,q1);if(Me==null)return Me;if($1){var yr=t1.children;if(yr!==void 0)if(_1)if(ht(yr)){for(var T6=0;T6<yr.length;T6++)TT(yr[T6],j);Object.freeze&&Object.freeze(yr)}else M("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else TT(yr,j)}return j===i?B71(Me):O71(Me),Me}}function D71(j,t1,n1){return $T(j,t1,n1,!0)}function Z71(j,t1,n1){return $T(j,t1,n1,!1)}var R71=Z71,j71=D71;j6.Fragment=i,j6.jsx=R71,j6.jsxs=j71}()),j6}(function(r){process.env.NODE_ENV==="production"?r.exports=gO():r.exports=vO()})(xl);const wO=xl.exports.jsx,mO=r=>r.toLowerCase().split("-").map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(""),lf=r=>r.replace(/([A-Z])/g,e=>`-${e[0].toLowerCase()}`),yO=(r,e,t={})=>{if(r instanceof Element){const i=kO(r.classList,e,t);i!==""&&(r.className=i),Object.keys(e).forEach(o=>{if(!(o==="children"||o==="style"||o==="ref"||o==="class"||o==="className"||o==="forwardedRef"))if(o.indexOf("on")===0&&o[2]===o[2].toUpperCase()){const n=o.substring(2),s=n[0].toLowerCase()+n.substring(1);cf(s)||_O(r,s,e[o])}else r[o]=e[o],typeof e[o]==="string"&&r.setAttribute(lf(o),e[o])})}},kO=(r,e,t)=>{const i=e.className||e.class,o=t.className||t.class,n=R4(r),s=R4(i?i.split(" "):[]),l=R4(o?o.split(" "):[]),c=[];return n.forEach(d=>{s.has(d)?(c.push(d),s.delete(d)):l.has(d)||c.push(d)}),s.forEach(d=>c.push(d)),c.join(" ")},xO=r=>{switch(r){case"doubleclick":return"dblclick"}return r};/**
  * Checks if an event is supported in the current execution environment.
  * @license Modernizr 3.0.0pre (Custom Build) | MIT
- */const cf=r=>{if(typeof document>"u")return!0;{const e="on"+xO(r);let t=e in document;if(!t){const i=document.createElement("div");i.setAttribute(e,"return;"),t=typeof i[e]=="function"}return t}},_O=(r,e,t)=>{const i=r.__events||(r.__events={}),o=i[e];o&&r.removeEventListener(e,o),r.addEventListener(e,i[e]=function(s){t&&t.call(this,s)})},R4=r=>{const e=new Map;return r.forEach(t=>e.set(t,t)),e},SO=(r,e)=>{typeof r=="function"?r(e):r!=null&&(r.current=e)},zO=(...r)=>e=>{r.forEach(t=>{SO(t,e)})},LO=(r,e)=>{const t=(i,o)=>wO(r,{...i,forwardedRef:o});return t.displayName=e,zi.default.forwardRef(t)},_=(r,e,t,i)=>{i!==void 0&&i();const o=mO(r),n=class extends zi.default.Component{constructor(l){super(l);r1(this,"componentEl");r1(this,"setComponentElRef",l=>{this.componentEl=l})}componentDidMount(){this.componentDidUpdate(this.props)}componentDidUpdate(l){yO(this.componentEl,this.props,l)}render(){const{children:l,forwardedRef:c,style:d,className:h,ref:p,...f}=this.props;let C=Object.keys(f).reduce((v,y)=>{const S=f[y];if(y.indexOf("on")===0&&y[2]===y[2].toUpperCase()){const M=y.substring(2).toLowerCase();typeof document<"u"&&cf(M)&&(v[y]=S)}else{const M=typeof S;(M==="string"||M==="boolean"||M==="number")&&(v[lf(y)]=S)}return v},{});t&&(C=t(this.props,C));const g={...C,ref:zO(c,this.setComponentElRef),style:d};return Z1.createElement(r,g,l)}static get displayName(){return o}};return e&&(n.contextType=e),LO(n,o)},MO=(r,e)=>{const t=r[e];return t?typeof t=="function"?t():Promise.resolve(t):new Promise((i,o)=>{(typeof queueMicrotask=="function"?queueMicrotask:setTimeout)(o.bind(null,new Error("Unknown variable dynamic import: "+e)))})},IO="swirl-components",Li={hotModuleReplacement:!1,hydratedSelectorName:"hydrated",lazyLoad:!0,propChangeCallback:!0,shadowDom:!0,slotRelocation:!0,state:!0,updatable:!0},HO=()=>{},df=`:root,html.theme-light{--s-background-default:rgba(255, 255, 255, 1);--s-background-hovered:rgba(242, 242, 242, 1);--s-background-pressed:rgba(234, 234, 234, 1);--s-surface-default:rgba(255, 255, 255, 1);--s-surface-hovered:rgba(242, 242, 242, 1);--s-surface-pressed:rgba(234, 234, 234, 1);--s-surface-sunken-default:rgba(242, 242, 242, 1);--s-surface-sunken-hovered:rgba(234, 234, 234, 1);--s-surface-sunken-pressed:rgba(223, 223, 223, 1);--s-surface-overlay-default:rgba(255, 255, 255, 1);--s-surface-overlay-hovered:rgba(242, 242, 242, 1);--s-surface-overlay-pressed:rgba(234, 234, 234, 1);--s-surface-raised-default:rgba(0,0,0,0.06);--s-surface-raised-hovered:rgba(0,0,0,0.09);--s-surface-raised-pressed:rgba(0,0,0,0.12);--s-surface-raised-50-default:rgba(0,0,0,0.03);--s-surface-raised-50-hovered:rgba(0,0,0,0.06);--s-surface-raised-50-pressed:rgba(0,0,0,0.09);--s-surface-highlight-default:rgba(230, 238, 255, 1);--s-surface-highlight-hovered:rgba(213, 226, 255, 1);--s-surface-highlight-pressed:rgba(190, 210, 255, 1);--s-on-surface-highlight-default:rgba(213, 226, 255, 1);--s-surface-critical-default:rgba(213, 6, 54, 1);--s-surface-critical-subdued:rgba(252, 231, 237, 1);--s-surface-warning-default:rgba(243, 183, 3, 1);--s-surface-warning-subdued:rgba(250, 241, 200, 1);--s-surface-success-default:rgba(8, 129, 8, 1);--s-surface-success-subdued:rgba(220, 247, 220, 1);--s-surface-info-default:rgba(20, 90, 245, 1);--s-surface-info-subdued:rgba(230, 241, 255, 1);--s-surface-neutral-default:rgba(63, 63, 63, 1);--s-surface-neutral-subdued:rgba(242, 242, 242, 1);--s-surface-on-image-default:rgba(0, 0, 0, 0.6);--s-action-primary-default:rgba(20, 90, 245, 1);--s-action-primary-hovered:rgba(55, 115, 247, 1);--s-action-primary-pressed:rgba(91, 139, 248, 1);--s-action-primary-disabled:rgba(0,0,0,0.06);--s-action-critical-default:rgba(213, 6, 54, 1);--s-action-critical-hovered:rgba(179, 39, 57, 1);--s-action-critical-pressed:rgba(159, 35, 52, 1);--s-action-critical-disabled:rgba(0,0,0,0.06);--s-action-neutral-default:rgba(0,0,0,0.06);--s-action-neutral-hovered:rgba(0,0,0,0.09);--s-action-neutral-pressed:rgba(0,0,0,0.12);--s-action-neutral-disabled:rgba(0,0,0,0.06);--s-interactive-primary-default:rgba(0, 61, 175, 1);--s-interactive-primary-hovered:rgba(38, 85, 187, 1);--s-interactive-primary-pressed:rgba(77, 119, 199, 1);--s-interactive-primary-disabled:rgba(204, 205, 209, 1);--s-interactive-critical-default:rgba(213, 6, 54, 1);--s-interactive-critical-hovered:rgba(179, 39, 57, 1);--s-interactive-critical-pressed:rgba(159, 35, 52, 1);--s-interactive-critical-disabled:rgba(207, 207, 207, 1);--s-interactive-neutral-default:rgba(0,0,0,0.6);--s-interactive-neutral-hovered:rgba(158, 158, 158, 1);--s-interactive-neutral-pressed:rgba(158, 158, 158, 1);--s-interactive-neutral-disabled:rgba(207, 207, 207, 1);--s-decorative-chilli-surface:rgba(195, 28, 28, 1);--s-decorative-chilli-surface-subdued:rgba(252, 231, 237, 1);--s-decorative-pumpkin-surface:rgba(245, 144, 49, 1);--s-decorative-pumpkin-surface-subdued:rgba(255, 227, 202, 1);--s-decorative-banana-surface:rgba(234, 186, 42, 1);--s-decorative-banana-surface-subdued:rgba(250, 241, 200, 1);--s-decorative-radish-surface:rgba(186, 29, 142, 1);--s-decorative-radish-surface-subdued:rgba(255, 221, 245, 1);--s-decorative-grape-surface:rgba(130, 45, 164, 1);--s-decorative-grape-surface-subdued:rgba(233, 220, 255, 1);--s-decorative-kiwi-surface:rgba(54, 119, 69, 1);--s-decorative-kiwi-surface-subdued:rgba(220, 247, 220, 1);--s-decorative-blueberry-surface:rgba(63, 95, 167, 1);--s-decorative-blueberry-surface-subdued:rgba(230, 241, 255, 1);--s-border-strong:rgba(0,0,0,0.2);--s-border-default:rgba(0,0,0,0.12);--s-border-highlight:rgba(0, 55, 175, 1);--s-border-critical:rgba(213, 6, 54, 1);--s-border-success:rgba(8, 129, 8, 1);--s-border-warning:rgba(147, 88, 6, 1);--s-border-info:rgba(20, 90, 245, 1);--s-border-on-highlight:rgba(174, 201, 246, 1);--s-border-on-translucent:rgba(0,0,0,0.12);--s-border-translucent-outline:rgba(255,255,255,0.5);--s-focus-default:rgba(0, 55, 175, 1);--s-border-radius-null:0;--s-border-radius-xs:0.125rem;--s-border-radius-s:0.25rem;--s-border-radius-sm:0.5rem;--s-border-radius-base:0.75rem;--s-border-radius-l:1rem;--s-border-radius-xl:1.25rem;--s-border-radius-full-round:6249.9375rem;--s-border-width-0:0;--s-border-width-default:0.0625rem;--s-font-family-text:'Inter var experimental', 'Inter var', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;--s-font-family-code:'Fira Mono', Courier, monospace;--s-font-family-text-japanese:'Inter var experimental', 'Inter var', Hiragino Sans, '\u30D2\u30E9\u30AE\u30CE\u89D2\u30B4 ProN W3', 'Hiragino Kaku Gothic ProN', '\u30E1\u30A4\u30EA\u30AA', Meiryo, Osaka, 'MS PGothic', sans-serif;--s-font-family-text-korean:'Inter var experimental', 'Inter var', 'Microsoft JhengHei', \u5FAE\u8EDF\u6B63\u9ED1\u9AD4, 'Microsoft JhengHei UI', 'Microsoft YaHei', \u5FAE\u8EDF\u96C5\u9ED1, \u5B8B\u4F53, SimSun, sans-serif;--s-font-family-text-chinese-traditional:'Inter var experimental', 'Inter var', 'Microsoft JhengHei', \u5FAE\u8EDF\u6B63\u9ED1\u9AD4, 'Microsoft JhengHei UI', 'Microsoft YaHei', \u5FAE\u8EDF\u96C5\u9ED1, \u5B8B\u4F53, SimSun, sans-serif;--s-font-family-text-chinese-simplified:'Inter var experimental', 'Inter var', 'Microsoft YaHei New', \u5FAE\u8F6F\u96C5\u9ED1, 'Microsoft Yahei', 'Microsoft JhengHei', \u5B8B\u4F53, SimSun, sans-serif;--s-font-family-text-arabic:-apple-system, system-ui;--s-font-size-xs:0.75rem;--s-font-size-sm:0.875rem;--s-font-size-base:1rem;--s-font-size-lg:1.125rem;--s-font-size-xl:1.25rem;--s-font-size-2xl:1.75rem;--s-font-weight-normal:400;--s-font-weight-medium:500;--s-font-weight-semibold:600;--s-font-weight-bold:700;--s-icon-strong:rgba(25, 25, 25, 1);--s-icon-default:rgba(110, 110, 110, 1);--s-icon-disabled:rgba(0,0,0,0.2);--s-icon-dark:rgba(25, 25, 25, 1);--s-icon-highlight:rgba(0, 55, 175, 1);--s-icon-critical:rgba(213, 6, 54, 1);--s-icon-success:rgba(8, 129, 8, 1);--s-icon-warning:rgba(147, 88, 6, 1);--s-icon-info:rgba(20, 90, 245, 1);--s-icon-on-action-primary:rgba(255, 255, 255, 1);--s-icon-on-surface-highlight:rgba(23, 23, 23, 1);--s-icon-on-surface-highlight-subdued:rgba(106, 109, 116, 1);--s-icon-on-status:rgba(255, 255, 255, 1);--s-icon-on-image:rgba(255, 255, 255, 1);--s-letter-spacing-normal:0;--s-line-height-xs:1rem;--s-line-height-sm:1.25rem;--s-line-height-base:1.5rem;--s-line-height-lg:1.5rem;--s-line-height-xl:1.75rem;--s-line-height-2xl:2.25rem;--s-shadow-level-1:0px 4px 16px 0px rgba(23,23,23,0.04), 0px 1px 4px 0px rgba(23,23,23,0.04);--s-shadow-level-2:0px 4px 12px 0px rgba(23,23,23,0.2);--s-shadow-level-3:0px 12px 32px 0px rgba(23,23,23,0.12), 0px 4px 12px 0px rgba(23,23,23,0.08);--s-space-0:0;--s-space-2:0.125rem;--s-space-4:0.25rem;--s-space-8:0.5rem;--s-space-12:0.75rem;--s-space-16:1rem;--s-space-20:1.25rem;--s-space-24:1.5rem;--s-space-32:2rem;--s-space-40:2.5rem;--s-space-48:3rem;--s-space-64:4rem;--s-text-default:rgba(25, 25, 25, 1);--s-text-subdued:rgba(110, 110, 110, 1);--s-text-disabled:rgba(0,0,0,0.2);--s-text-dark:rgba(25, 25, 25, 1);--s-text-highlight:rgba(0, 55, 175, 1);--s-text-critical:rgba(213, 6, 54, 1);--s-text-success:rgba(8, 129, 8, 1);--s-text-warning:rgba(147, 88, 6, 1);--s-text-info:rgba(20, 90, 245, 1);--s-text-on-action-primary:rgba(255, 255, 255, 1);--s-text-on-surface-highlight:rgba(23, 23, 23, 1);--s-text-on-surface-highlight-subdued:rgba(106, 109, 116, 1);--s-text-on-status:rgba(255, 255, 255, 1);--s-text-on-image:rgba(255, 255, 255, 1);--s-decorative-chilli-text:rgba(195, 28, 28, 1);--s-decorative-pumpkin-text:rgba(167, 76, 37, 1);--s-decorative-banana-text:rgba(154, 92, 0, 1);--s-decorative-radish-text:rgba(186, 29, 142, 1);--s-decorative-grape-text:rgba(130, 45, 164, 1);--s-decorative-kiwi-text:rgba(54, 119, 69, 1);--s-decorative-blueberry-text:rgba(63, 95, 167, 1);--s-decoration-underline:underline;--s-decoration-none:none;--s-z-0:0;--s-z-10:10;--s-z-20:20;--s-z-30:30;--s-z-40:40;--s-z-50:50;--s-z-auto:auto;--s-blur-s:4px;--s-blur-m:8px;--s-blur-l:16px;--s-core-gray-10:rgba(43, 43, 43, 1);--s-core-gray-11:rgba(35, 35, 35, 1);--s-core-gray-12:rgba(25, 25, 25, 1);--s-core-gray-black:rgba(0, 0, 0, 1);--s-core-gray-09:rgba(54, 54, 54, 1);--s-core-gray-08:rgba(63, 63, 63, 1);--s-core-gray-07:rgba(81, 81, 81, 1);--s-core-gray-06:rgba(110, 110, 110, 1);--s-core-gray-05:rgba(158, 158, 158, 1);--s-core-gray-04:rgba(207, 207, 207, 1);--s-core-gray-03:rgba(223, 223, 223, 1);--s-core-gray-02:rgba(234, 234, 234, 1);--s-core-gray-01:rgba(242, 242, 242, 1);--s-core-gray-white:rgba(255, 255, 255, 1);--s-core-customer-color-light-1-default:rgba(20, 90, 245, 1);--s-core-customer-color-light-1-hovered:rgba(55, 115, 247, 1);--s-core-customer-color-light-1-pressed:rgba(91, 139, 248, 1);--s-core-customer-color-light-2-default:rgba(230, 238, 255, 1);--s-core-customer-color-light-2-hovered:rgba(213, 226, 255, 1);--s-core-customer-color-light-2-pressed:rgba(190, 210, 255, 1);--s-core-customer-color-light-3-default:rgba(0, 55, 175, 1);--s-core-customer-color-light-3-hovered:rgba(38, 85, 187, 1);--s-core-customer-color-light-3-pressed:rgba(77, 116, 199, 1);--s-core-on-customer-color-light-1:rgba(255, 255, 255, 1);--s-core-on-customer-color-light-2:rgba(23, 23, 23, 1);--s-core-on-customer-color-light-2-subdued:rgba(106, 109, 116, 1);--s-core-customer-color-dark-1-default:rgba(86, 143, 222, 1);--s-core-customer-color-dark-1-hovered:rgba(121, 164, 223, 1);--s-core-customer-color-dark-1-pressed:rgba(150, 181, 224, 1);--s-core-customer-color-dark-2-default:rgba(45, 71, 127, 1);--s-core-customer-color-dark-2-hovered:rgba(52, 80, 141, 1);--s-core-customer-color-dark-2-pressed:rgba(64, 91, 151, 1);--s-core-customer-color-dark-3-default:rgba(109, 168, 251, 1);--s-core-customer-color-dark-3-hovered:rgba(141, 188, 255, 1);--s-core-customer-color-dark-3-pressed:rgba(182, 213, 255, 1);--s-core-on-customer-color-dark-1:rgba(0, 0, 0, 1);--s-core-on-customer-color-dark-2:rgba(242, 242, 242, 1);--s-core-on-customer-color-dark-2-subdued:rgba(150, 163, 191, 1);--s-core-status-light-critical-default:rgba(213, 6, 54, 1);--s-core-status-light-critical-hovered:rgba(179, 39, 57, 1);--s-core-status-light-critical-pressed:rgba(159, 35, 52, 1);--s-core-status-light-critical-subdued:rgba(252, 231, 237, 1);--s-core-status-light-success-default:rgba(8, 129, 8, 1);--s-core-status-light-success-subdued:rgba(220, 247, 220, 1);--s-core-status-light-warning-strong:rgba(147, 88, 6, 1);--s-core-status-light-warning-default:rgba(243, 183, 3, 1);--s-core-status-light-warning-subdued:rgba(250, 241, 200, 1);--s-core-status-light-info-default:rgba(20, 90, 245, 1);--s-core-status-light-info-subdued:rgba(230, 241, 255, 1);--s-core-status-dark-critical-default:rgba(228, 100, 100, 1);--s-core-status-dark-critical-hovered:rgba(210, 123, 121, 1);--s-core-status-dark-critical-pressed:rgba(215, 147, 145, 1);--s-core-status-dark-critical-subdued:rgba(56, 33, 38, 1);--s-core-status-dark-warning-default:rgba(243, 183, 3, 1);--s-core-status-dark-warning-subdued:rgba(45, 39, 25, 1);--s-core-status-dark-success-default:rgba(80, 164, 80, 1);--s-core-status-dark-success-subdued:rgba(26, 44, 26, 1);--s-core-status-dark-info-default:rgba(100, 142, 233, 1);--s-core-status-dark-info-subdued:rgba(33, 41, 58, 1);--s-core-decorative-light-chilli-text:rgba(195, 28, 28, 1);--s-core-decorative-light-chilli-surface:rgba(195, 28, 28, 1);--s-core-decorative-light-chilli-surface-subdued:rgba(252, 231, 237, 1);--s-core-decorative-light-pumpkin-text:rgba(167, 76, 37, 1);--s-core-decorative-light-pumpkin-surface:rgba(245, 144, 49, 1);--s-core-decorative-light-pumpkin-surface-subdued:rgba(255, 227, 202, 1);--s-core-decorative-light-banana-text:rgba(154, 92, 0, 1);--s-core-decorative-light-banana-surface:rgba(234, 186, 42, 1);--s-core-decorative-light-banana-surface-subdued:rgba(250, 241, 200, 1);--s-core-decorative-light-radish-text:rgba(186, 29, 142, 1);--s-core-decorative-light-radish-surface:rgba(186, 29, 142, 1);--s-core-decorative-light-radish-surface-subdued:rgba(255, 221, 245, 1);--s-core-decorative-light-grape-text:rgba(130, 45, 164, 1);--s-core-decorative-light-grape-surface:rgba(130, 45, 164, 1);--s-core-decorative-light-grape-surface-subdued:rgba(233, 220, 255, 1);--s-core-decorative-light-kiwi-text:rgba(54, 119, 69, 1);--s-core-decorative-light-kiwi-surface:rgba(54, 119, 69, 1);--s-core-decorative-light-kiwi-surface-subdued:rgba(220, 247, 220, 1);--s-core-decorative-light-blueberry-text:rgba(63, 95, 167, 1);--s-core-decorative-light-blueberry-surface:rgba(63, 95, 167, 1);--s-core-decorative-light-blueberry-surface-subdued:rgba(230, 241, 255, 1);--s-core-decorative-dark-chilli-text:rgba(244, 120, 120, 1);--s-core-decorative-dark-chilli-surface:rgba(244, 120, 120, 1);--s-core-decorative-dark-chilli-surface-subdued:rgba(77, 45, 44, 1);--s-core-decorative-dark-pumpkin-text:rgba(237, 153, 75, 1);--s-core-decorative-dark-pumpkin-surface:rgba(237, 153, 75, 1);--s-core-decorative-dark-pumpkin-surface-subdued:rgba(82, 56, 36, 1);--s-core-decorative-dark-banana-text:rgba(209, 175, 41, 1);--s-core-decorative-dark-banana-surface:rgba(209, 175, 41, 1);--s-core-decorative-dark-banana-surface-subdued:rgba(77, 62, 30, 1);--s-core-decorative-dark-radish-text:rgba(242, 120, 204, 1);--s-core-decorative-dark-radish-surface:rgba(242, 120, 204, 1);--s-core-decorative-dark-radish-surface-subdued:rgba(79, 48, 69, 1);--s-core-decorative-dark-grape-text:rgba(214, 131, 251, 1);--s-core-decorative-dark-grape-surface:rgba(214, 131, 251, 1);--s-core-decorative-dark-grape-surface-subdued:rgba(75, 47, 98, 1);--s-core-decorative-dark-kiwi-text:rgba(111, 200, 130, 1);--s-core-decorative-dark-kiwi-surface:rgba(111, 200, 130, 1);--s-core-decorative-dark-kiwi-surface-subdued:rgba(42, 70, 42, 1);--s-core-decorative-dark-blueberry-text:rgba(122, 172, 240, 1);--s-core-decorative-dark-blueberry-surface:rgba(122, 172, 240, 1);--s-core-decorative-dark-blueberry-surface-subdued:rgba(41, 64, 91, 1);--s-core-translucent-black-3:rgba(0,0,0,0.03);--s-core-translucent-black-6:rgba(0,0,0,0.06);--s-core-translucent-black-9:rgba(0,0,0,0.09);--s-core-translucent-black-12:rgba(0,0,0,0.12);--s-core-translucent-black-20:rgba(0,0,0,0.2);--s-core-translucent-black-60:rgba(0,0,0,0.6);--s-core-translucent-black-80:rgba(0,0,0,0.8);--s-core-translucent-white-3:rgba(255,255,255,0.03);--s-core-translucent-white-6:rgba(255,255,255,0.06);--s-core-translucent-white-9:rgba(255,255,255,0.09);--s-core-translucent-white-12:rgba(255,255,255,0.12);--s-core-translucent-white-20:rgba(255,255,255,0.2);--s-core-translucent-white-60:rgba(255,255,255,0.6);--s-core-translucent-white-80:rgba(255,255,255,0.8);--s-translucent-low-default:rgba(255,255,255,0.8);--s-translucent-low-hovered:rgba(0,0,0,0.06);--s-translucent-low-pressed:rgba(0,0,0,0.09);--s-translucent-medium-default:rgba(242,242,242,0.6);--s-translucent-medium-hovered:rgba(255,255,255,0.8);--s-translucent-medium-pressed:rgba(255,255,255,1);--s-state-hovered:rgba(0,0,0,0.06);--s-state-pressed:rgba(0,0,0,0.09);}html.theme-dark{--s-background-default:rgba(25, 25, 25, 1);--s-background-hovered:rgba(35, 35, 35, 1);--s-background-pressed:rgba(43, 43, 43, 1);--s-surface-default:rgba(35, 35, 35, 1);--s-surface-hovered:rgba(43, 43, 43, 1);--s-surface-pressed:rgba(54, 54, 54, 1);--s-surface-sunken-default:rgba(0, 0, 0, 1);--s-surface-sunken-hovered:rgba(35, 35, 35, 1);--s-surface-sunken-pressed:rgba(43, 43, 43, 1);--s-surface-overlay-default:rgba(43, 43, 43, 1);--s-surface-overlay-hovered:rgba(54, 54, 54, 1);--s-surface-overlay-pressed:rgba(63, 63, 63, 1);--s-surface-raised-default:rgba(255,255,255,0.06);--s-surface-raised-hovered:rgba(255,255,255,0.09);--s-surface-raised-pressed:rgba(255,255,255,0.12);--s-surface-raised-50-default:rgba(255,255,255,0.03);--s-surface-raised-50-hovered:rgba(255,255,255,0.06);--s-surface-raised-50-pressed:rgba(255,255,255,0.09);--s-surface-highlight-default:rgba(45, 71, 127, 1);--s-surface-highlight-hovered:rgba(52, 80, 141, 1);--s-surface-highlight-pressed:rgba(64, 91, 151, 1);--s-on-surface-highlight-default:rgba(52, 80, 141, 1);--s-surface-critical-default:rgba(228, 100, 100, 1);--s-surface-critical-subdued:rgba(56, 33, 38, 1);--s-surface-success-default:rgba(80, 164, 80, 1);--s-surface-success-subdued:rgba(26, 44, 26, 1);--s-surface-warning-default:rgba(243, 183, 3, 1);--s-surface-warning-subdued:rgba(45, 39, 25, 1);--s-surface-info-default:rgba(100, 142, 233, 1);--s-surface-info-subdued:rgba(33, 41, 58, 1);--s-surface-neutral-default:rgba(207, 207, 207, 1);--s-surface-neutral-subdued:rgba(54, 54, 54, 1);--s-surface-on-image-default:rgba(0, 0, 0, 0.4);--s-action-primary-default:rgba(86, 143, 222, 1);--s-action-primary-hovered:rgba(121, 164, 223, 1);--s-action-primary-pressed:rgba(150, 181, 224, 1);--s-action-primary-disabled:rgba(43, 43, 43, 1);--s-action-critical-default:rgba(228, 100, 100, 1);--s-action-critical-hovered:rgba(210, 123, 121, 1);--s-action-critical-pressed:rgba(215, 147, 145, 1);--s-action-critical-disabled:rgba(43, 43, 43, 1);--s-action-neutral-default:rgba(255,255,255,0.06);--s-action-neutral-hovered:rgba(255,255,255,0.09);--s-action-neutral-pressed:rgba(255,255,255,0.12);--s-action-neutral-disabled:rgba(255,255,255,0.06);--s-interactive-primary-default:rgba(109, 168, 251, 1);--s-interactive-primary-hovered:rgba(141, 188, 255, 1);--s-interactive-primary-pressed:rgba(182, 213, 255, 1);--s-interactive-primary-disabled:rgba(255,255,255,0.06);--s-interactive-critical-default:rgba(228, 100, 100, 1);--s-interactive-critical-hovered:rgba(210, 123, 121, 1);--s-interactive-critical-pressed:rgba(215, 147, 145, 1);--s-interactive-critical-disabled:rgba(255,255,255,0.06);--s-interactive-neutral-default:rgba(255,255,255,0.8);--s-interactive-neutral-hovered:rgba(110, 110, 110, 1);--s-interactive-neutral-pressed:rgba(110, 110, 110, 1);--s-interactive-neutral-disabled:rgba(81, 81, 81, 1);--s-decorative-chilli-surface:rgba(244, 120, 120, 1);--s-decorative-chilli-surface-subdued:rgba(77, 45, 44, 1);--s-decorative-pumpkin-surface:rgba(237, 153, 75, 1);--s-decorative-pumpkin-surface-subdued:rgba(82, 56, 36, 1);--s-decorative-banana-surface:rgba(209, 175, 41, 1);--s-decorative-banana-surface-subdued:rgba(77, 62, 30, 1);--s-decorative-radish-surface:rgba(242, 120, 204, 1);--s-decorative-radish-surface-subdued:rgba(79, 48, 69, 1);--s-decorative-grape-surface:rgba(214, 131, 251, 1);--s-decorative-grape-surface-subdued:rgba(75, 47, 98, 1);--s-decorative-kiwi-surface:rgba(111, 200, 130, 1);--s-decorative-kiwi-surface-subdued:rgba(42, 70, 42, 1);--s-decorative-blueberry-surface:rgba(122, 172, 240, 1);--s-decorative-blueberry-surface-subdued:rgba(41, 64, 91, 1);--s-border-strong:rgba(255,255,255,0.2);--s-border-default:rgba(255,255,255,0.12);--s-border-highlight:rgba(109, 168, 251, 1);--s-border-critical:rgba(228, 100, 100, 1);--s-border-success:rgba(80, 164, 80, 1);--s-border-warning:rgba(243, 183, 3, 1);--s-border-info:rgba(100, 142, 233, 1);--s-border-on-highlight:rgba(92, 118, 174, 1);--s-border-on-translucent:rgba(255,255,255,0.12);--s-border-translucent-outline:rgba(255,255,255,0.1);--s-focus-default:rgba(109, 168, 251, 1);--s-border-radius-null:0;--s-border-radius-xs:0.125rem;--s-border-radius-s:0.25rem;--s-border-radius-sm:0.5rem;--s-border-radius-base:0.75rem;--s-border-radius-l:1rem;--s-border-radius-xl:1.25rem;--s-border-radius-full-round:6249.9375rem;--s-border-width-0:0;--s-border-width-default:0.0625rem;--s-font-family-text:'Inter var experimental', 'Inter var', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;--s-font-family-code:'Fira Mono', Courier, monospace;--s-font-family-text-japanese:'Inter var experimental', 'Inter var', Hiragino Sans, '\u30D2\u30E9\u30AE\u30CE\u89D2\u30B4 ProN W3', 'Hiragino Kaku Gothic ProN', '\u30E1\u30A4\u30EA\u30AA', Meiryo, Osaka, 'MS PGothic', sans-serif;--s-font-family-text-korean:'Inter var experimental', 'Inter var', 'Microsoft JhengHei', \u5FAE\u8EDF\u6B63\u9ED1\u9AD4, 'Microsoft JhengHei UI', 'Microsoft YaHei', \u5FAE\u8EDF\u96C5\u9ED1, \u5B8B\u4F53, SimSun, sans-serif;--s-font-family-text-chinese-traditional:'Inter var experimental', 'Inter var', 'Microsoft JhengHei', \u5FAE\u8EDF\u6B63\u9ED1\u9AD4, 'Microsoft JhengHei UI', 'Microsoft YaHei', \u5FAE\u8EDF\u96C5\u9ED1, \u5B8B\u4F53, SimSun, sans-serif;--s-font-family-text-chinese-simplified:'Inter var experimental', 'Inter var', 'Microsoft YaHei New', \u5FAE\u8F6F\u96C5\u9ED1, 'Microsoft Yahei', 'Microsoft JhengHei', \u5B8B\u4F53, SimSun, sans-serif;--s-font-family-text-arabic:-apple-system, system-ui;--s-font-size-xs:0.75rem;--s-font-size-sm:0.875rem;--s-font-size-base:1rem;--s-font-size-lg:1.125rem;--s-font-size-xl:1.25rem;--s-font-size-2xl:1.75rem;--s-font-weight-normal:400;--s-font-weight-medium:500;--s-font-weight-semibold:600;--s-font-weight-bold:700;--s-icon-strong:rgba(242, 242, 242, 1);--s-icon-default:rgba(158, 158, 158, 1);--s-icon-disabled:rgba(255,255,255,0.2);--s-icon-dark:rgba(25, 25, 25, 1);--s-icon-highlight:rgba(109, 168, 251, 1);--s-icon-critical:rgba(228, 100, 100, 1);--s-icon-warning:rgba(243, 183, 3, 1);--s-icon-success:rgba(80, 164, 80, 1);--s-icon-info:rgba(100, 142, 233, 1);--s-icon-on-action-primary:rgba(0, 0, 0, 1);--s-icon-on-surface-highlight:rgba(242, 242, 242, 1);--s-icon-on-surface-highlight-subdued:rgba(150, 163, 191, 1);--s-icon-on-status:rgba(0, 0, 0, 1);--s-icon-on-image:rgba(255, 255, 255, 1);--s-letter-spacing-normal:0;--s-line-height-xs:1rem;--s-line-height-sm:1.25rem;--s-line-height-base:1.5rem;--s-line-height-lg:1.5rem;--s-line-height-xl:1.75rem;--s-line-height-2xl:2.25rem;--s-shadow-level-1:0px 1px 8px 0px rgba(0,0,0,0.32), 0px 0px 1px 0px rgba(0,0,0,0.48);--s-shadow-level-2:0px 4px 12px 0px rgba(0,0,0,0.2);--s-shadow-level-3:0px 12px 32px 0px rgba(0,0,0,0.32), 0px 2px 4px 0px rgba(0,0,0,0.24);--s-space-0:0;--s-space-2:0.125rem;--s-space-4:0.25rem;--s-space-8:0.5rem;--s-space-12:0.75rem;--s-space-16:1rem;--s-space-20:1.25rem;--s-space-24:1.5rem;--s-space-32:2rem;--s-space-40:2.5rem;--s-space-48:3rem;--s-space-64:4rem;--s-text-default:rgba(242, 242, 242, 1);--s-text-subdued:rgba(158, 158, 158, 1);--s-text-disabled:rgba(255,255,255,0.2);--s-text-dark:rgba(25, 25, 25, 1);--s-text-highlight:rgba(109, 168, 251, 1);--s-text-critical:rgba(228, 100, 100, 1);--s-text-warning:rgba(243, 183, 3, 1);--s-text-success:rgba(80, 164, 80, 1);--s-text-info:rgba(100, 142, 233, 1);--s-text-on-action-primary:rgba(0, 0, 0, 1);--s-text-on-surface-highlight:rgba(242, 242, 242, 1);--s-text-on-surface-highlight-subdued:rgba(150, 163, 191, 1);--s-text-on-status:rgba(0, 0, 0, 1);--s-text-on-image:rgba(255, 255, 255, 1);--s-decorative-chilli-text:rgba(244, 120, 120, 1);--s-decorative-pumpkin-text:rgba(237, 153, 75, 1);--s-decorative-banana-text:rgba(209, 175, 41, 1);--s-decorative-radish-text:rgba(242, 120, 204, 1);--s-decorative-grape-text:rgba(214, 131, 251, 1);--s-decorative-kiwi-text:rgba(111, 200, 130, 1);--s-decorative-blueberry-text:rgba(122, 172, 240, 1);--s-decoration-underline:underline;--s-decoration-none:none;--s-z-0:0;--s-z-10:10;--s-z-20:20;--s-z-30:30;--s-z-40:40;--s-z-50:50;--s-z-auto:auto;--s-blur-s:4px;--s-blur-m:8px;--s-blur-l:16px;--s-core-gray-10:rgba(43, 43, 43, 1);--s-core-gray-11:rgba(35, 35, 35, 1);--s-core-gray-12:rgba(25, 25, 25, 1);--s-core-gray-black:rgba(0, 0, 0, 1);--s-core-gray-09:rgba(54, 54, 54, 1);--s-core-gray-08:rgba(63, 63, 63, 1);--s-core-gray-07:rgba(81, 81, 81, 1);--s-core-gray-06:rgba(110, 110, 110, 1);--s-core-gray-05:rgba(158, 158, 158, 1);--s-core-gray-04:rgba(207, 207, 207, 1);--s-core-gray-03:rgba(223, 223, 223, 1);--s-core-gray-02:rgba(234, 234, 234, 1);--s-core-gray-01:rgba(242, 242, 242, 1);--s-core-gray-white:rgba(255, 255, 255, 1);--s-core-customer-color-light-1-default:rgba(20, 90, 245, 1);--s-core-customer-color-light-1-hovered:rgba(55, 115, 247, 1);--s-core-customer-color-light-1-pressed:rgba(91, 139, 248, 1);--s-core-customer-color-light-2-default:rgba(230, 238, 255, 1);--s-core-customer-color-light-2-hovered:rgba(213, 226, 255, 1);--s-core-customer-color-light-2-pressed:rgba(190, 210, 255, 1);--s-core-customer-color-light-3-default:rgba(0, 55, 175, 1);--s-core-customer-color-light-3-hovered:rgba(38, 85, 187, 1);--s-core-customer-color-light-3-pressed:rgba(77, 116, 199, 1);--s-core-on-customer-color-light-1:rgba(255, 255, 255, 1);--s-core-on-customer-color-light-2:rgba(23, 23, 23, 1);--s-core-on-customer-color-light-2-subdued:rgba(106, 109, 116, 1);--s-core-customer-color-dark-1-default:rgba(86, 143, 222, 1);--s-core-customer-color-dark-1-hovered:rgba(121, 164, 223, 1);--s-core-customer-color-dark-1-pressed:rgba(150, 181, 224, 1);--s-core-customer-color-dark-2-default:rgba(45, 71, 127, 1);--s-core-customer-color-dark-2-hovered:rgba(52, 80, 141, 1);--s-core-customer-color-dark-2-pressed:rgba(64, 91, 151, 1);--s-core-customer-color-dark-3-default:rgba(109, 168, 251, 1);--s-core-customer-color-dark-3-hovered:rgba(141, 188, 255, 1);--s-core-customer-color-dark-3-pressed:rgba(182, 213, 255, 1);--s-core-on-customer-color-dark-1:rgba(0, 0, 0, 1);--s-core-on-customer-color-dark-2:rgba(242, 242, 242, 1);--s-core-on-customer-color-dark-2-subdued:rgba(150, 163, 191, 1);--s-core-status-light-critical-default:rgba(213, 6, 54, 1);--s-core-status-light-critical-hovered:rgba(179, 39, 57, 1);--s-core-status-light-critical-pressed:rgba(159, 35, 52, 1);--s-core-status-light-critical-subdued:rgba(252, 231, 237, 1);--s-core-status-light-success-default:rgba(8, 129, 8, 1);--s-core-status-light-success-subdued:rgba(220, 247, 220, 1);--s-core-status-light-warning-strong:rgba(147, 88, 6, 1);--s-core-status-light-warning-default:rgba(243, 183, 3, 1);--s-core-status-light-warning-subdued:rgba(250, 241, 200, 1);--s-core-status-light-info-default:rgba(20, 90, 245, 1);--s-core-status-light-info-subdued:rgba(230, 241, 255, 1);--s-core-status-dark-critical-default:rgba(228, 100, 100, 1);--s-core-status-dark-critical-hovered:rgba(210, 123, 121, 1);--s-core-status-dark-critical-pressed:rgba(215, 147, 145, 1);--s-core-status-dark-critical-subdued:rgba(56, 33, 38, 1);--s-core-status-dark-warning-default:rgba(243, 183, 3, 1);--s-core-status-dark-warning-subdued:rgba(45, 39, 25, 1);--s-core-status-dark-success-default:rgba(80, 164, 80, 1);--s-core-status-dark-success-subdued:rgba(26, 44, 26, 1);--s-core-status-dark-info-default:rgba(100, 142, 233, 1);--s-core-status-dark-info-subdued:rgba(33, 41, 58, 1);--s-core-decorative-light-chilli-text:rgba(195, 28, 28, 1);--s-core-decorative-light-chilli-surface:rgba(195, 28, 28, 1);--s-core-decorative-light-chilli-surface-subdued:rgba(252, 231, 237, 1);--s-core-decorative-light-pumpkin-text:rgba(167, 76, 37, 1);--s-core-decorative-light-pumpkin-surface:rgba(245, 144, 49, 1);--s-core-decorative-light-pumpkin-surface-subdued:rgba(255, 227, 202, 1);--s-core-decorative-light-banana-text:rgba(154, 92, 0, 1);--s-core-decorative-light-banana-surface:rgba(234, 186, 42, 1);--s-core-decorative-light-banana-surface-subdued:rgba(250, 241, 200, 1);--s-core-decorative-light-radish-text:rgba(186, 29, 142, 1);--s-core-decorative-light-radish-surface:rgba(186, 29, 142, 1);--s-core-decorative-light-radish-surface-subdued:rgba(255, 221, 245, 1);--s-core-decorative-light-grape-text:rgba(130, 45, 164, 1);--s-core-decorative-light-grape-surface:rgba(130, 45, 164, 1);--s-core-decorative-light-grape-surface-subdued:rgba(233, 220, 255, 1);--s-core-decorative-light-kiwi-text:rgba(54, 119, 69, 1);--s-core-decorative-light-kiwi-surface:rgba(54, 119, 69, 1);--s-core-decorative-light-kiwi-surface-subdued:rgba(220, 247, 220, 1);--s-core-decorative-light-blueberry-text:rgba(63, 95, 167, 1);--s-core-decorative-light-blueberry-surface:rgba(63, 95, 167, 1);--s-core-decorative-light-blueberry-surface-subdued:rgba(230, 241, 255, 1);--s-core-decorative-dark-chilli-text:rgba(244, 120, 120, 1);--s-core-decorative-dark-chilli-surface:rgba(244, 120, 120, 1);--s-core-decorative-dark-chilli-surface-subdued:rgba(77, 45, 44, 1);--s-core-decorative-dark-pumpkin-text:rgba(237, 153, 75, 1);--s-core-decorative-dark-pumpkin-surface:rgba(237, 153, 75, 1);--s-core-decorative-dark-pumpkin-surface-subdued:rgba(82, 56, 36, 1);--s-core-decorative-dark-banana-text:rgba(209, 175, 41, 1);--s-core-decorative-dark-banana-surface:rgba(209, 175, 41, 1);--s-core-decorative-dark-banana-surface-subdued:rgba(77, 62, 30, 1);--s-core-decorative-dark-radish-text:rgba(242, 120, 204, 1);--s-core-decorative-dark-radish-surface:rgba(242, 120, 204, 1);--s-core-decorative-dark-radish-surface-subdued:rgba(79, 48, 69, 1);--s-core-decorative-dark-grape-text:rgba(214, 131, 251, 1);--s-core-decorative-dark-grape-surface:rgba(214, 131, 251, 1);--s-core-decorative-dark-grape-surface-subdued:rgba(75, 47, 98, 1);--s-core-decorative-dark-kiwi-text:rgba(111, 200, 130, 1);--s-core-decorative-dark-kiwi-surface:rgba(111, 200, 130, 1);--s-core-decorative-dark-kiwi-surface-subdued:rgba(42, 70, 42, 1);--s-core-decorative-dark-blueberry-text:rgba(122, 172, 240, 1);--s-core-decorative-dark-blueberry-surface:rgba(122, 172, 240, 1);--s-core-decorative-dark-blueberry-surface-subdued:rgba(41, 64, 91, 1);--s-core-translucent-black-3:rgba(0,0,0,0.03);--s-core-translucent-black-6:rgba(0,0,0,0.06);--s-core-translucent-black-9:rgba(0,0,0,0.09);--s-core-translucent-black-12:rgba(0,0,0,0.12);--s-core-translucent-black-20:rgba(0,0,0,0.2);--s-core-translucent-black-60:rgba(0,0,0,0.6);--s-core-translucent-black-80:rgba(0,0,0,0.8);--s-core-translucent-white-3:rgba(255,255,255,0.03);--s-core-translucent-white-6:rgba(255,255,255,0.06);--s-core-translucent-white-9:rgba(255,255,255,0.09);--s-core-translucent-white-12:rgba(255,255,255,0.12);--s-core-translucent-white-20:rgba(255,255,255,0.2);--s-core-translucent-white-60:rgba(255,255,255,0.6);--s-core-translucent-white-80:rgba(255,255,255,0.8);--s-translucent-low-default:rgba(43,43,43,0.8);--s-translucent-low-hovered:rgba(255,255,255,0.06);--s-translucent-low-pressed:rgba(255,255,255,0.09);--s-translucent-medium-default:rgba(43,43,43,0.6);--s-translucent-medium-hovered:rgba(255,255,255,0.2);--s-translucent-medium-pressed:rgba(255,255,255,0.3);--s-state-hovered:rgba(255,255,255,0.06);--s-state-pressed:rgba(255,255,255,0.09);}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){html.disable-desktop-style-tweaks ::part(action-list-item){padding:var(--s-space-12) var(--s-space-16);font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);gap:var(--s-space-12)}html.disable-desktop-style-tweaks ::part(action-list-section__label){padding:var(--s-space-8) var(--s-space-16);font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}html.disable-desktop-style-tweaks ::part(banner__content),html.disable-desktop-style-tweaks ::part(banner__action-button),html.disable-desktop-style-tweaks ::part(banner__dismiss-button),html.disable-desktop-style-tweaks ::part(description-list-item),html.disable-desktop-style-tweaks ::part(dialog__content),html.disable-desktop-style-tweaks ::part(file-viewer-csv__table),html.disable-desktop-style-tweaks ::part(file-viewer-pdf__pagination),html.disable-desktop-style-tweaks ::part(file-viewer-text__text),html.disable-desktop-style-tweaks ::part(inline-error),html.disable-desktop-style-tweaks ::part(link),html.disable-desktop-style-tweaks ::part(option-list-item__label),html.disable-desktop-style-tweaks ::part(toast__content),html.disable-desktop-style-tweaks ::part(tooltip__bubble),html.disable-desktop-style-tweaks .checkbox__label,html.disable-desktop-style-tweaks .checkbox__description,html.disable-desktop-style-tweaks .date-input__input,html.disable-desktop-style-tweaks .file-uploader__label,html.disable-desktop-style-tweaks .file-uploader__dropzone-label,html.disable-desktop-style-tweaks .swirl-list,html.disable-desktop-style-tweaks .radio__description,html.disable-desktop-style-tweaks .radio__label,html.disable-desktop-style-tweaks .select__label,html.disable-desktop-style-tweaks .tabs__tab,html.disable-desktop-style-tweaks .text--size-base,html.disable-desktop-style-tweaks .text-input__input,html.disable-desktop-style-tweaks .text-input__character-counter{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}html.disable-desktop-style-tweaks .button{padding:var(--s-space-8) var(--s-space-16);font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);gap:var(--s-space-8)}html.disable-desktop-style-tweaks .button--pill{border-radius:1.25rem}html.disable-desktop-style-tweaks .button--pill.button--size-l{border-radius:1.5rem}html.disable-desktop-style-tweaks .checkbox__control{width:1.5rem;height:1.5rem}html.disable-desktop-style-tweaks .date-input--inline .date-input__date-picker-button{top:-0.0625rem !important}html.disable-desktop-style-tweaks .date-input__date-picker-button{top:calc(-1 * var(--s-space-12))}html.disable-desktop-style-tweaks ::part(description-list-item__term){margin-bottom:var(--s-space-4)}html.disable-desktop-style-tweaks ::part(dialog__body){border-radius:var(--s-border-radius-l)}html.disable-desktop-style-tweaks ::part(dialog__heading){font-size:var(--s-font-size-lg);line-height:var(--s-line-height-lg)}html.disable-desktop-style-tweaks .file-uploader__description{margin-top:var(--s-space-4)}html.disable-desktop-style-tweaks .file-uploader__dropzone-label{margin-top:var(--s-space-16)}html.disable-desktop-style-tweaks .file-uploader__upload-button{margin-top:var(--s-space-16)}html.disable-desktop-style-tweaks .form-control.form-control--inline .form-control__label{min-height:calc(2.375rem + 2 * var(--s-border-width-default))}html.disable-desktop-style-tweaks .form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select) .form-control__label-text{font-size:var(--s-font-size-base) !important;line-height:var(--s-line-height-base) !important}html.disable-desktop-style-tweaks .form-control:not(.form-control--has-value).form-control--is-select .form-control__label-text{font-size:var(--s-font-size-base) !important;line-height:var(--s-line-height-base) !important}html.disable-desktop-style-tweaks .option-list-item{min-height:3rem;padding:var(--s-space-12) var(--s-space-16);gap:var(--s-space-12)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){html.disable-desktop-style-tweaks .option-list-item__checkbox{width:1.5rem;height:1.5rem}}html.disable-desktop-style-tweaks ::part(option-list-section__label){padding:var(--s-space-8) var(--s-space-16);font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}html.disable-desktop-style-tweaks ::part(pagination__list){font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);gap:var(--s-space-16)}html.disable-desktop-style-tweaks .radio__control{width:1.5rem;height:1.5rem}html.disable-desktop-style-tweaks ::part(resource-list-file-item){padding:var(--s-space-12) var(--s-space-16);font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}html.disable-desktop-style-tweaks ::part(resource-list-item__content){padding-top:var(--s-space-12);padding-right:0;padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}html.disable-desktop-style-tweaks .search__input{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);padding-left:calc(var(--s-space-12) + 1.5rem + var(--s-space-8))}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){html.disable-desktop-style-tweaks ::part(skeleton-text--size-sm){--skeleton-text-line-padding:calc(
+ */const cf=r=>{if(typeof document>"u")return!0;{const e="on"+xO(r);let t=e in document;if(!t){const i=document.createElement("div");i.setAttribute(e,"return;"),t=typeof i[e]=="function"}return t}},_O=(r,e,t)=>{const i=r.__events||(r.__events={}),o=i[e];o&&r.removeEventListener(e,o),r.addEventListener(e,i[e]=function(s){t&&t.call(this,s)})},R4=r=>{const e=new Map;return r.forEach(t=>e.set(t,t)),e},SO=(r,e)=>{typeof r=="function"?r(e):r!=null&&(r.current=e)},zO=(...r)=>e=>{r.forEach(t=>{SO(t,e)})},LO=(r,e)=>{const t=(i,o)=>wO(r,{...i,forwardedRef:o});return t.displayName=e,zi.default.forwardRef(t)},_=(r,e,t,i)=>{i!==void 0&&i();const o=mO(r),n=class extends zi.default.Component{constructor(l){super(l);r1(this,"componentEl");r1(this,"setComponentElRef",l=>{this.componentEl=l})}componentDidMount(){this.componentDidUpdate(this.props)}componentDidUpdate(l){yO(this.componentEl,this.props,l)}render(){const{children:l,forwardedRef:c,style:d,className:h,ref:p,...f}=this.props;let C=Object.keys(f).reduce((v,y)=>{const S=f[y];if(y.indexOf("on")===0&&y[2]===y[2].toUpperCase()){const M=y.substring(2).toLowerCase();typeof document<"u"&&cf(M)&&(v[y]=S)}else{const M=typeof S;(M==="string"||M==="boolean"||M==="number")&&(v[lf(y)]=S)}return v},{});t&&(C=t(this.props,C));const g={...C,ref:zO(c,this.setComponentElRef),style:d};return Z1.createElement(r,g,l)}static get displayName(){return o}};return e&&(n.contextType=e),LO(n,o)},MO=(r,e)=>{const t=r[e];return t?typeof t=="function"?t():Promise.resolve(t):new Promise((i,o)=>{(typeof queueMicrotask=="function"?queueMicrotask:setTimeout)(o.bind(null,new Error("Unknown variable dynamic import: "+e)))})},IO="swirl-components",Li={hotModuleReplacement:!1,hydratedSelectorName:"hydrated",lazyLoad:!0,propChangeCallback:!0,shadowDom:!0,slotRelocation:!0,state:!0,updatable:!0},HO=()=>{},df=`:root,html.theme-light{--s-background-default:rgba(255, 255, 255, 1);--s-background-hovered:rgba(242, 242, 242, 1);--s-background-pressed:rgba(234, 234, 234, 1);--s-surface-default:rgba(255, 255, 255, 1);--s-surface-hovered:rgba(242, 242, 242, 1);--s-surface-pressed:rgba(234, 234, 234, 1);--s-surface-sunken-default:rgba(242, 242, 242, 1);--s-surface-sunken-hovered:rgba(234, 234, 234, 1);--s-surface-sunken-pressed:rgba(223, 223, 223, 1);--s-surface-overlay-default:rgba(255, 255, 255, 1);--s-surface-overlay-hovered:rgba(242, 242, 242, 1);--s-surface-overlay-pressed:rgba(234, 234, 234, 1);--s-surface-raised-default:rgba(0,0,0,0.06);--s-surface-raised-hovered:rgba(0,0,0,0.09);--s-surface-raised-pressed:rgba(0,0,0,0.12);--s-surface-raised-50-default:rgba(0,0,0,0.03);--s-surface-raised-50-hovered:rgba(0,0,0,0.06);--s-surface-raised-50-pressed:rgba(0,0,0,0.09);--s-surface-highlight-default:rgba(230, 238, 255, 1);--s-surface-highlight-hovered:rgba(213, 226, 255, 1);--s-surface-highlight-pressed:rgba(190, 210, 255, 1);--s-on-surface-highlight-default:rgba(213, 226, 255, 1);--s-surface-critical-default:rgba(213, 6, 54, 1);--s-surface-critical-subdued:rgba(252, 231, 237, 1);--s-surface-warning-default:rgba(243, 183, 3, 1);--s-surface-warning-subdued:rgba(250, 241, 200, 1);--s-surface-success-default:rgba(8, 129, 8, 1);--s-surface-success-subdued:rgba(220, 247, 220, 1);--s-surface-info-default:rgba(20, 90, 245, 1);--s-surface-info-subdued:rgba(230, 241, 255, 1);--s-surface-neutral-default:rgba(63, 63, 63, 1);--s-surface-neutral-subdued:rgba(242, 242, 242, 1);--s-surface-on-image-default:rgba(0, 0, 0, 0.6);--s-action-primary-default:rgba(20, 90, 245, 1);--s-action-primary-hovered:rgba(55, 115, 247, 1);--s-action-primary-pressed:rgba(91, 139, 248, 1);--s-action-primary-disabled:rgba(0,0,0,0.06);--s-action-critical-default:rgba(213, 6, 54, 1);--s-action-critical-hovered:rgba(179, 39, 57, 1);--s-action-critical-pressed:rgba(159, 35, 52, 1);--s-action-critical-disabled:rgba(0,0,0,0.06);--s-action-neutral-default:rgba(0,0,0,0.06);--s-action-neutral-hovered:rgba(0,0,0,0.09);--s-action-neutral-pressed:rgba(0,0,0,0.12);--s-action-neutral-disabled:rgba(0,0,0,0.06);--s-interactive-primary-default:rgba(0, 61, 175, 1);--s-interactive-primary-hovered:rgba(38, 85, 187, 1);--s-interactive-primary-pressed:rgba(77, 119, 199, 1);--s-interactive-primary-disabled:rgba(204, 205, 209, 1);--s-interactive-critical-default:rgba(213, 6, 54, 1);--s-interactive-critical-hovered:rgba(179, 39, 57, 1);--s-interactive-critical-pressed:rgba(159, 35, 52, 1);--s-interactive-critical-disabled:rgba(207, 207, 207, 1);--s-interactive-neutral-default:rgba(0,0,0,0.6);--s-interactive-neutral-hovered:rgba(158, 158, 158, 1);--s-interactive-neutral-pressed:rgba(158, 158, 158, 1);--s-interactive-neutral-disabled:rgba(207, 207, 207, 1);--s-decorative-chilli-surface:rgba(195, 28, 28, 1);--s-decorative-chilli-surface-subdued:rgba(252, 231, 237, 1);--s-decorative-pumpkin-surface:rgba(245, 144, 49, 1);--s-decorative-pumpkin-surface-subdued:rgba(255, 227, 202, 1);--s-decorative-banana-surface:rgba(234, 186, 42, 1);--s-decorative-banana-surface-subdued:rgba(250, 241, 200, 1);--s-decorative-radish-surface:rgba(186, 29, 142, 1);--s-decorative-radish-surface-subdued:rgba(255, 221, 245, 1);--s-decorative-grape-surface:rgba(130, 45, 164, 1);--s-decorative-grape-surface-subdued:rgba(233, 220, 255, 1);--s-decorative-kiwi-surface:rgba(54, 119, 69, 1);--s-decorative-kiwi-surface-subdued:rgba(220, 247, 220, 1);--s-decorative-blueberry-surface:rgba(63, 95, 167, 1);--s-decorative-blueberry-surface-subdued:rgba(230, 241, 255, 1);--s-border-strong:rgba(0,0,0,0.2);--s-border-default:rgba(0,0,0,0.12);--s-border-highlight:rgba(0, 55, 175, 1);--s-border-critical:rgba(213, 6, 54, 1);--s-border-success:rgba(8, 129, 8, 1);--s-border-warning:rgba(147, 88, 6, 1);--s-border-info:rgba(20, 90, 245, 1);--s-border-on-highlight:rgba(174, 201, 246, 1);--s-border-on-translucent:rgba(0,0,0,0.12);--s-border-translucent-outline:rgba(255,255,255,0.5);--s-focus-default:rgba(0, 55, 175, 1);--s-border-radius-null:0;--s-border-radius-xs:0.125rem;--s-border-radius-s:0.25rem;--s-border-radius-sm:0.5rem;--s-border-radius-base:0.75rem;--s-border-radius-l:1rem;--s-border-radius-xl:1.25rem;--s-border-radius-full-round:6249.9375rem;--s-border-width-0:0;--s-border-width-default:0.0625rem;--s-font-family-text:'Inter var experimental', 'Inter var', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;--s-font-family-code:'Fira Mono', Courier, monospace;--s-font-family-text-japanese:'Inter var experimental', 'Inter var', Hiragino Sans, '\u30D2\u30E9\u30AE\u30CE\u89D2\u30B4 ProN W3', 'Hiragino Kaku Gothic ProN', '\u30E1\u30A4\u30EA\u30AA', Meiryo, Osaka, 'MS PGothic', sans-serif;--s-font-family-text-korean:'Inter var experimental', 'Inter var', 'Microsoft JhengHei', \u5FAE\u8EDF\u6B63\u9ED1\u9AD4, 'Microsoft JhengHei UI', 'Microsoft YaHei', \u5FAE\u8EDF\u96C5\u9ED1, \u5B8B\u4F53, SimSun, sans-serif;--s-font-family-text-chinese-traditional:'Inter var experimental', 'Inter var', 'Microsoft JhengHei', \u5FAE\u8EDF\u6B63\u9ED1\u9AD4, 'Microsoft JhengHei UI', 'Microsoft YaHei', \u5FAE\u8EDF\u96C5\u9ED1, \u5B8B\u4F53, SimSun, sans-serif;--s-font-family-text-chinese-simplified:'Inter var experimental', 'Inter var', 'Microsoft YaHei New', \u5FAE\u8F6F\u96C5\u9ED1, 'Microsoft Yahei', 'Microsoft JhengHei', \u5B8B\u4F53, SimSun, sans-serif;--s-font-family-text-arabic:-apple-system, system-ui;--s-font-size-xs:0.75rem;--s-font-size-sm:0.875rem;--s-font-size-base:1rem;--s-font-size-lg:1.125rem;--s-font-size-xl:1.25rem;--s-font-size-2xl:1.75rem;--s-font-weight-normal:400;--s-font-weight-medium:500;--s-font-weight-semibold:600;--s-font-weight-bold:700;--s-icon-strong:rgba(25, 25, 25, 1);--s-icon-default:rgba(108, 108, 108, 1);--s-icon-disabled:rgba(0,0,0,0.2);--s-icon-dark:rgba(25, 25, 25, 1);--s-icon-highlight:rgba(0, 55, 175, 1);--s-icon-critical:rgba(213, 6, 54, 1);--s-icon-success:rgba(8, 129, 8, 1);--s-icon-warning:rgba(147, 88, 6, 1);--s-icon-info:rgba(20, 90, 245, 1);--s-icon-on-action-primary:rgba(255, 255, 255, 1);--s-icon-on-surface-highlight:rgba(23, 23, 23, 1);--s-icon-on-surface-highlight-subdued:rgba(106, 109, 116, 1);--s-icon-on-status:rgba(255, 255, 255, 1);--s-icon-on-image:rgba(255, 255, 255, 1);--s-letter-spacing-normal:0;--s-line-height-xs:1rem;--s-line-height-sm:1.25rem;--s-line-height-base:1.5rem;--s-line-height-lg:1.5rem;--s-line-height-xl:1.75rem;--s-line-height-2xl:2.25rem;--s-shadow-level-1:0px 4px 16px 0px rgba(23,23,23,0.04), 0px 1px 4px 0px rgba(23,23,23,0.04);--s-shadow-level-2:0px 4px 12px 0px rgba(23,23,23,0.2);--s-shadow-level-3:0px 12px 32px 0px rgba(23,23,23,0.12), 0px 4px 12px 0px rgba(23,23,23,0.08);--s-space-0:0;--s-space-2:0.125rem;--s-space-4:0.25rem;--s-space-8:0.5rem;--s-space-12:0.75rem;--s-space-16:1rem;--s-space-20:1.25rem;--s-space-24:1.5rem;--s-space-32:2rem;--s-space-40:2.5rem;--s-space-48:3rem;--s-space-64:4rem;--s-text-default:rgba(25, 25, 25, 1);--s-text-subdued:rgba(108, 108, 108, 1);--s-text-disabled:rgba(0,0,0,0.2);--s-text-dark:rgba(25, 25, 25, 1);--s-text-highlight:rgba(0, 55, 175, 1);--s-text-critical:rgba(213, 6, 54, 1);--s-text-success:rgba(8, 129, 8, 1);--s-text-warning:rgba(147, 88, 6, 1);--s-text-info:rgba(20, 90, 245, 1);--s-text-on-action-primary:rgba(255, 255, 255, 1);--s-text-on-surface-highlight:rgba(23, 23, 23, 1);--s-text-on-surface-highlight-subdued:rgba(106, 109, 116, 1);--s-text-on-status:rgba(255, 255, 255, 1);--s-text-on-image:rgba(255, 255, 255, 1);--s-decorative-chilli-text:rgba(195, 28, 28, 1);--s-decorative-pumpkin-text:rgba(167, 76, 37, 1);--s-decorative-banana-text:rgba(154, 92, 0, 1);--s-decorative-radish-text:rgba(186, 29, 142, 1);--s-decorative-grape-text:rgba(130, 45, 164, 1);--s-decorative-kiwi-text:rgba(54, 119, 69, 1);--s-decorative-blueberry-text:rgba(63, 95, 167, 1);--s-decoration-underline:underline;--s-decoration-none:none;--s-z-0:0;--s-z-10:10;--s-z-20:20;--s-z-30:30;--s-z-40:40;--s-z-50:50;--s-z-auto:auto;--s-blur-s:4px;--s-blur-m:8px;--s-blur-l:16px;--s-core-gray-10:rgba(43, 43, 43, 1);--s-core-gray-11:rgba(35, 35, 35, 1);--s-core-gray-12:rgba(25, 25, 25, 1);--s-core-gray-black:rgba(0, 0, 0, 1);--s-core-gray-09:rgba(54, 54, 54, 1);--s-core-gray-08:rgba(63, 63, 63, 1);--s-core-gray-07:rgba(81, 81, 81, 1);--s-core-gray-06:rgba(108, 108, 108, 1);--s-core-gray-05:rgba(158, 158, 158, 1);--s-core-gray-04:rgba(207, 207, 207, 1);--s-core-gray-03:rgba(223, 223, 223, 1);--s-core-gray-02:rgba(234, 234, 234, 1);--s-core-gray-01:rgba(242, 242, 242, 1);--s-core-gray-white:rgba(255, 255, 255, 1);--s-core-customer-color-light-1-default:rgba(20, 90, 245, 1);--s-core-customer-color-light-1-hovered:rgba(55, 115, 247, 1);--s-core-customer-color-light-1-pressed:rgba(91, 139, 248, 1);--s-core-customer-color-light-2-default:rgba(230, 238, 255, 1);--s-core-customer-color-light-2-hovered:rgba(213, 226, 255, 1);--s-core-customer-color-light-2-pressed:rgba(190, 210, 255, 1);--s-core-customer-color-light-3-default:rgba(0, 55, 175, 1);--s-core-customer-color-light-3-hovered:rgba(38, 85, 187, 1);--s-core-customer-color-light-3-pressed:rgba(77, 116, 199, 1);--s-core-on-customer-color-light-1:rgba(255, 255, 255, 1);--s-core-on-customer-color-light-2:rgba(23, 23, 23, 1);--s-core-on-customer-color-light-2-subdued:rgba(106, 109, 116, 1);--s-core-customer-color-dark-1-default:rgba(86, 143, 222, 1);--s-core-customer-color-dark-1-hovered:rgba(121, 164, 223, 1);--s-core-customer-color-dark-1-pressed:rgba(150, 181, 224, 1);--s-core-customer-color-dark-2-default:rgba(45, 71, 127, 1);--s-core-customer-color-dark-2-hovered:rgba(52, 80, 141, 1);--s-core-customer-color-dark-2-pressed:rgba(64, 91, 151, 1);--s-core-customer-color-dark-3-default:rgba(109, 168, 251, 1);--s-core-customer-color-dark-3-hovered:rgba(141, 188, 255, 1);--s-core-customer-color-dark-3-pressed:rgba(182, 213, 255, 1);--s-core-on-customer-color-dark-1:rgba(0, 0, 0, 1);--s-core-on-customer-color-dark-2:rgba(242, 242, 242, 1);--s-core-on-customer-color-dark-2-subdued:rgba(150, 163, 191, 1);--s-core-status-light-critical-default:rgba(213, 6, 54, 1);--s-core-status-light-critical-hovered:rgba(179, 39, 57, 1);--s-core-status-light-critical-pressed:rgba(159, 35, 52, 1);--s-core-status-light-critical-subdued:rgba(252, 231, 237, 1);--s-core-status-light-success-default:rgba(8, 129, 8, 1);--s-core-status-light-success-subdued:rgba(220, 247, 220, 1);--s-core-status-light-warning-strong:rgba(147, 88, 6, 1);--s-core-status-light-warning-default:rgba(243, 183, 3, 1);--s-core-status-light-warning-subdued:rgba(250, 241, 200, 1);--s-core-status-light-info-default:rgba(20, 90, 245, 1);--s-core-status-light-info-subdued:rgba(230, 241, 255, 1);--s-core-status-dark-critical-default:rgba(228, 100, 100, 1);--s-core-status-dark-critical-hovered:rgba(210, 123, 121, 1);--s-core-status-dark-critical-pressed:rgba(215, 147, 145, 1);--s-core-status-dark-critical-subdued:rgba(56, 33, 38, 1);--s-core-status-dark-warning-default:rgba(243, 183, 3, 1);--s-core-status-dark-warning-subdued:rgba(45, 39, 25, 1);--s-core-status-dark-success-default:rgba(80, 164, 80, 1);--s-core-status-dark-success-subdued:rgba(26, 44, 26, 1);--s-core-status-dark-info-default:rgba(100, 142, 233, 1);--s-core-status-dark-info-subdued:rgba(33, 41, 58, 1);--s-core-decorative-light-chilli-text:rgba(195, 28, 28, 1);--s-core-decorative-light-chilli-surface:rgba(195, 28, 28, 1);--s-core-decorative-light-chilli-surface-subdued:rgba(252, 231, 237, 1);--s-core-decorative-light-pumpkin-text:rgba(167, 76, 37, 1);--s-core-decorative-light-pumpkin-surface:rgba(245, 144, 49, 1);--s-core-decorative-light-pumpkin-surface-subdued:rgba(255, 227, 202, 1);--s-core-decorative-light-banana-text:rgba(154, 92, 0, 1);--s-core-decorative-light-banana-surface:rgba(234, 186, 42, 1);--s-core-decorative-light-banana-surface-subdued:rgba(250, 241, 200, 1);--s-core-decorative-light-radish-text:rgba(186, 29, 142, 1);--s-core-decorative-light-radish-surface:rgba(186, 29, 142, 1);--s-core-decorative-light-radish-surface-subdued:rgba(255, 221, 245, 1);--s-core-decorative-light-grape-text:rgba(130, 45, 164, 1);--s-core-decorative-light-grape-surface:rgba(130, 45, 164, 1);--s-core-decorative-light-grape-surface-subdued:rgba(233, 220, 255, 1);--s-core-decorative-light-kiwi-text:rgba(54, 119, 69, 1);--s-core-decorative-light-kiwi-surface:rgba(54, 119, 69, 1);--s-core-decorative-light-kiwi-surface-subdued:rgba(220, 247, 220, 1);--s-core-decorative-light-blueberry-text:rgba(63, 95, 167, 1);--s-core-decorative-light-blueberry-surface:rgba(63, 95, 167, 1);--s-core-decorative-light-blueberry-surface-subdued:rgba(230, 241, 255, 1);--s-core-decorative-dark-chilli-text:rgba(244, 120, 120, 1);--s-core-decorative-dark-chilli-surface:rgba(244, 120, 120, 1);--s-core-decorative-dark-chilli-surface-subdued:rgba(77, 45, 44, 1);--s-core-decorative-dark-pumpkin-text:rgba(237, 153, 75, 1);--s-core-decorative-dark-pumpkin-surface:rgba(237, 153, 75, 1);--s-core-decorative-dark-pumpkin-surface-subdued:rgba(82, 56, 36, 1);--s-core-decorative-dark-banana-text:rgba(209, 175, 41, 1);--s-core-decorative-dark-banana-surface:rgba(209, 175, 41, 1);--s-core-decorative-dark-banana-surface-subdued:rgba(77, 62, 30, 1);--s-core-decorative-dark-radish-text:rgba(242, 120, 204, 1);--s-core-decorative-dark-radish-surface:rgba(242, 120, 204, 1);--s-core-decorative-dark-radish-surface-subdued:rgba(79, 48, 69, 1);--s-core-decorative-dark-grape-text:rgba(214, 131, 251, 1);--s-core-decorative-dark-grape-surface:rgba(214, 131, 251, 1);--s-core-decorative-dark-grape-surface-subdued:rgba(75, 47, 98, 1);--s-core-decorative-dark-kiwi-text:rgba(111, 200, 130, 1);--s-core-decorative-dark-kiwi-surface:rgba(111, 200, 130, 1);--s-core-decorative-dark-kiwi-surface-subdued:rgba(42, 70, 42, 1);--s-core-decorative-dark-blueberry-text:rgba(122, 172, 240, 1);--s-core-decorative-dark-blueberry-surface:rgba(122, 172, 240, 1);--s-core-decorative-dark-blueberry-surface-subdued:rgba(41, 64, 91, 1);--s-core-translucent-black-3:rgba(0,0,0,0.03);--s-core-translucent-black-6:rgba(0,0,0,0.06);--s-core-translucent-black-9:rgba(0,0,0,0.09);--s-core-translucent-black-12:rgba(0,0,0,0.12);--s-core-translucent-black-20:rgba(0,0,0,0.2);--s-core-translucent-black-60:rgba(0,0,0,0.6);--s-core-translucent-black-80:rgba(0,0,0,0.8);--s-core-translucent-white-3:rgba(255,255,255,0.03);--s-core-translucent-white-6:rgba(255,255,255,0.06);--s-core-translucent-white-9:rgba(255,255,255,0.09);--s-core-translucent-white-12:rgba(255,255,255,0.12);--s-core-translucent-white-20:rgba(255,255,255,0.2);--s-core-translucent-white-60:rgba(255,255,255,0.6);--s-core-translucent-white-80:rgba(255,255,255,0.8);--s-translucent-low-default:rgba(255,255,255,0.8);--s-translucent-low-hovered:rgba(0,0,0,0.06);--s-translucent-low-pressed:rgba(0,0,0,0.09);--s-translucent-medium-default:rgba(242,242,242,0.6);--s-translucent-medium-hovered:rgba(255,255,255,0.8);--s-translucent-medium-pressed:rgba(255,255,255,1);--s-state-hovered:rgba(0,0,0,0.06);--s-state-pressed:rgba(0,0,0,0.09);}html.theme-dark{--s-background-default:rgba(25, 25, 25, 1);--s-background-hovered:rgba(35, 35, 35, 1);--s-background-pressed:rgba(43, 43, 43, 1);--s-surface-default:rgba(35, 35, 35, 1);--s-surface-hovered:rgba(43, 43, 43, 1);--s-surface-pressed:rgba(54, 54, 54, 1);--s-surface-sunken-default:rgba(0, 0, 0, 1);--s-surface-sunken-hovered:rgba(35, 35, 35, 1);--s-surface-sunken-pressed:rgba(43, 43, 43, 1);--s-surface-overlay-default:rgba(43, 43, 43, 1);--s-surface-overlay-hovered:rgba(54, 54, 54, 1);--s-surface-overlay-pressed:rgba(63, 63, 63, 1);--s-surface-raised-default:rgba(255,255,255,0.06);--s-surface-raised-hovered:rgba(255,255,255,0.09);--s-surface-raised-pressed:rgba(255,255,255,0.12);--s-surface-raised-50-default:rgba(255,255,255,0.03);--s-surface-raised-50-hovered:rgba(255,255,255,0.06);--s-surface-raised-50-pressed:rgba(255,255,255,0.09);--s-surface-highlight-default:rgba(45, 71, 127, 1);--s-surface-highlight-hovered:rgba(52, 80, 141, 1);--s-surface-highlight-pressed:rgba(64, 91, 151, 1);--s-on-surface-highlight-default:rgba(52, 80, 141, 1);--s-surface-critical-default:rgba(228, 100, 100, 1);--s-surface-critical-subdued:rgba(56, 33, 38, 1);--s-surface-success-default:rgba(80, 164, 80, 1);--s-surface-success-subdued:rgba(26, 44, 26, 1);--s-surface-warning-default:rgba(243, 183, 3, 1);--s-surface-warning-subdued:rgba(45, 39, 25, 1);--s-surface-info-default:rgba(100, 142, 233, 1);--s-surface-info-subdued:rgba(33, 41, 58, 1);--s-surface-neutral-default:rgba(207, 207, 207, 1);--s-surface-neutral-subdued:rgba(54, 54, 54, 1);--s-surface-on-image-default:rgba(0, 0, 0, 0.4);--s-action-primary-default:rgba(86, 143, 222, 1);--s-action-primary-hovered:rgba(121, 164, 223, 1);--s-action-primary-pressed:rgba(150, 181, 224, 1);--s-action-primary-disabled:rgba(43, 43, 43, 1);--s-action-critical-default:rgba(228, 100, 100, 1);--s-action-critical-hovered:rgba(210, 123, 121, 1);--s-action-critical-pressed:rgba(215, 147, 145, 1);--s-action-critical-disabled:rgba(43, 43, 43, 1);--s-action-neutral-default:rgba(255,255,255,0.06);--s-action-neutral-hovered:rgba(255,255,255,0.09);--s-action-neutral-pressed:rgba(255,255,255,0.12);--s-action-neutral-disabled:rgba(255,255,255,0.06);--s-interactive-primary-default:rgba(109, 168, 251, 1);--s-interactive-primary-hovered:rgba(141, 188, 255, 1);--s-interactive-primary-pressed:rgba(182, 213, 255, 1);--s-interactive-primary-disabled:rgba(255,255,255,0.06);--s-interactive-critical-default:rgba(228, 100, 100, 1);--s-interactive-critical-hovered:rgba(210, 123, 121, 1);--s-interactive-critical-pressed:rgba(215, 147, 145, 1);--s-interactive-critical-disabled:rgba(255,255,255,0.06);--s-interactive-neutral-default:rgba(255,255,255,0.8);--s-interactive-neutral-hovered:rgba(108, 108, 108, 1);--s-interactive-neutral-pressed:rgba(108, 108, 108, 1);--s-interactive-neutral-disabled:rgba(81, 81, 81, 1);--s-decorative-chilli-surface:rgba(244, 120, 120, 1);--s-decorative-chilli-surface-subdued:rgba(77, 45, 44, 1);--s-decorative-pumpkin-surface:rgba(237, 153, 75, 1);--s-decorative-pumpkin-surface-subdued:rgba(82, 56, 36, 1);--s-decorative-banana-surface:rgba(209, 175, 41, 1);--s-decorative-banana-surface-subdued:rgba(77, 62, 30, 1);--s-decorative-radish-surface:rgba(242, 120, 204, 1);--s-decorative-radish-surface-subdued:rgba(79, 48, 69, 1);--s-decorative-grape-surface:rgba(214, 131, 251, 1);--s-decorative-grape-surface-subdued:rgba(75, 47, 98, 1);--s-decorative-kiwi-surface:rgba(111, 200, 130, 1);--s-decorative-kiwi-surface-subdued:rgba(42, 70, 42, 1);--s-decorative-blueberry-surface:rgba(122, 172, 240, 1);--s-decorative-blueberry-surface-subdued:rgba(41, 64, 91, 1);--s-border-strong:rgba(255,255,255,0.2);--s-border-default:rgba(255,255,255,0.12);--s-border-highlight:rgba(109, 168, 251, 1);--s-border-critical:rgba(228, 100, 100, 1);--s-border-success:rgba(80, 164, 80, 1);--s-border-warning:rgba(243, 183, 3, 1);--s-border-info:rgba(100, 142, 233, 1);--s-border-on-highlight:rgba(92, 118, 174, 1);--s-border-on-translucent:rgba(255,255,255,0.12);--s-border-translucent-outline:rgba(255,255,255,0.1);--s-focus-default:rgba(109, 168, 251, 1);--s-border-radius-null:0;--s-border-radius-xs:0.125rem;--s-border-radius-s:0.25rem;--s-border-radius-sm:0.5rem;--s-border-radius-base:0.75rem;--s-border-radius-l:1rem;--s-border-radius-xl:1.25rem;--s-border-radius-full-round:6249.9375rem;--s-border-width-0:0;--s-border-width-default:0.0625rem;--s-font-family-text:'Inter var experimental', 'Inter var', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;--s-font-family-code:'Fira Mono', Courier, monospace;--s-font-family-text-japanese:'Inter var experimental', 'Inter var', Hiragino Sans, '\u30D2\u30E9\u30AE\u30CE\u89D2\u30B4 ProN W3', 'Hiragino Kaku Gothic ProN', '\u30E1\u30A4\u30EA\u30AA', Meiryo, Osaka, 'MS PGothic', sans-serif;--s-font-family-text-korean:'Inter var experimental', 'Inter var', 'Microsoft JhengHei', \u5FAE\u8EDF\u6B63\u9ED1\u9AD4, 'Microsoft JhengHei UI', 'Microsoft YaHei', \u5FAE\u8EDF\u96C5\u9ED1, \u5B8B\u4F53, SimSun, sans-serif;--s-font-family-text-chinese-traditional:'Inter var experimental', 'Inter var', 'Microsoft JhengHei', \u5FAE\u8EDF\u6B63\u9ED1\u9AD4, 'Microsoft JhengHei UI', 'Microsoft YaHei', \u5FAE\u8EDF\u96C5\u9ED1, \u5B8B\u4F53, SimSun, sans-serif;--s-font-family-text-chinese-simplified:'Inter var experimental', 'Inter var', 'Microsoft YaHei New', \u5FAE\u8F6F\u96C5\u9ED1, 'Microsoft Yahei', 'Microsoft JhengHei', \u5B8B\u4F53, SimSun, sans-serif;--s-font-family-text-arabic:-apple-system, system-ui;--s-font-size-xs:0.75rem;--s-font-size-sm:0.875rem;--s-font-size-base:1rem;--s-font-size-lg:1.125rem;--s-font-size-xl:1.25rem;--s-font-size-2xl:1.75rem;--s-font-weight-normal:400;--s-font-weight-medium:500;--s-font-weight-semibold:600;--s-font-weight-bold:700;--s-icon-strong:rgba(242, 242, 242, 1);--s-icon-default:rgba(158, 158, 158, 1);--s-icon-disabled:rgba(255,255,255,0.2);--s-icon-dark:rgba(25, 25, 25, 1);--s-icon-highlight:rgba(109, 168, 251, 1);--s-icon-critical:rgba(228, 100, 100, 1);--s-icon-warning:rgba(243, 183, 3, 1);--s-icon-success:rgba(80, 164, 80, 1);--s-icon-info:rgba(100, 142, 233, 1);--s-icon-on-action-primary:rgba(0, 0, 0, 1);--s-icon-on-surface-highlight:rgba(242, 242, 242, 1);--s-icon-on-surface-highlight-subdued:rgba(150, 163, 191, 1);--s-icon-on-status:rgba(0, 0, 0, 1);--s-icon-on-image:rgba(255, 255, 255, 1);--s-letter-spacing-normal:0;--s-line-height-xs:1rem;--s-line-height-sm:1.25rem;--s-line-height-base:1.5rem;--s-line-height-lg:1.5rem;--s-line-height-xl:1.75rem;--s-line-height-2xl:2.25rem;--s-shadow-level-1:0px 1px 8px 0px rgba(0,0,0,0.32), 0px 0px 1px 0px rgba(0,0,0,0.48);--s-shadow-level-2:0px 4px 12px 0px rgba(0,0,0,0.2);--s-shadow-level-3:0px 12px 32px 0px rgba(0,0,0,0.32), 0px 2px 4px 0px rgba(0,0,0,0.24);--s-space-0:0;--s-space-2:0.125rem;--s-space-4:0.25rem;--s-space-8:0.5rem;--s-space-12:0.75rem;--s-space-16:1rem;--s-space-20:1.25rem;--s-space-24:1.5rem;--s-space-32:2rem;--s-space-40:2.5rem;--s-space-48:3rem;--s-space-64:4rem;--s-text-default:rgba(242, 242, 242, 1);--s-text-subdued:rgba(158, 158, 158, 1);--s-text-disabled:rgba(255,255,255,0.2);--s-text-dark:rgba(25, 25, 25, 1);--s-text-highlight:rgba(109, 168, 251, 1);--s-text-critical:rgba(228, 100, 100, 1);--s-text-warning:rgba(243, 183, 3, 1);--s-text-success:rgba(80, 164, 80, 1);--s-text-info:rgba(100, 142, 233, 1);--s-text-on-action-primary:rgba(0, 0, 0, 1);--s-text-on-surface-highlight:rgba(242, 242, 242, 1);--s-text-on-surface-highlight-subdued:rgba(150, 163, 191, 1);--s-text-on-status:rgba(0, 0, 0, 1);--s-text-on-image:rgba(255, 255, 255, 1);--s-decorative-chilli-text:rgba(244, 120, 120, 1);--s-decorative-pumpkin-text:rgba(237, 153, 75, 1);--s-decorative-banana-text:rgba(209, 175, 41, 1);--s-decorative-radish-text:rgba(242, 120, 204, 1);--s-decorative-grape-text:rgba(214, 131, 251, 1);--s-decorative-kiwi-text:rgba(111, 200, 130, 1);--s-decorative-blueberry-text:rgba(122, 172, 240, 1);--s-decoration-underline:underline;--s-decoration-none:none;--s-z-0:0;--s-z-10:10;--s-z-20:20;--s-z-30:30;--s-z-40:40;--s-z-50:50;--s-z-auto:auto;--s-blur-s:4px;--s-blur-m:8px;--s-blur-l:16px;--s-core-gray-10:rgba(43, 43, 43, 1);--s-core-gray-11:rgba(35, 35, 35, 1);--s-core-gray-12:rgba(25, 25, 25, 1);--s-core-gray-black:rgba(0, 0, 0, 1);--s-core-gray-09:rgba(54, 54, 54, 1);--s-core-gray-08:rgba(63, 63, 63, 1);--s-core-gray-07:rgba(81, 81, 81, 1);--s-core-gray-06:rgba(108, 108, 108, 1);--s-core-gray-05:rgba(158, 158, 158, 1);--s-core-gray-04:rgba(207, 207, 207, 1);--s-core-gray-03:rgba(223, 223, 223, 1);--s-core-gray-02:rgba(234, 234, 234, 1);--s-core-gray-01:rgba(242, 242, 242, 1);--s-core-gray-white:rgba(255, 255, 255, 1);--s-core-customer-color-light-1-default:rgba(20, 90, 245, 1);--s-core-customer-color-light-1-hovered:rgba(55, 115, 247, 1);--s-core-customer-color-light-1-pressed:rgba(91, 139, 248, 1);--s-core-customer-color-light-2-default:rgba(230, 238, 255, 1);--s-core-customer-color-light-2-hovered:rgba(213, 226, 255, 1);--s-core-customer-color-light-2-pressed:rgba(190, 210, 255, 1);--s-core-customer-color-light-3-default:rgba(0, 55, 175, 1);--s-core-customer-color-light-3-hovered:rgba(38, 85, 187, 1);--s-core-customer-color-light-3-pressed:rgba(77, 116, 199, 1);--s-core-on-customer-color-light-1:rgba(255, 255, 255, 1);--s-core-on-customer-color-light-2:rgba(23, 23, 23, 1);--s-core-on-customer-color-light-2-subdued:rgba(106, 109, 116, 1);--s-core-customer-color-dark-1-default:rgba(86, 143, 222, 1);--s-core-customer-color-dark-1-hovered:rgba(121, 164, 223, 1);--s-core-customer-color-dark-1-pressed:rgba(150, 181, 224, 1);--s-core-customer-color-dark-2-default:rgba(45, 71, 127, 1);--s-core-customer-color-dark-2-hovered:rgba(52, 80, 141, 1);--s-core-customer-color-dark-2-pressed:rgba(64, 91, 151, 1);--s-core-customer-color-dark-3-default:rgba(109, 168, 251, 1);--s-core-customer-color-dark-3-hovered:rgba(141, 188, 255, 1);--s-core-customer-color-dark-3-pressed:rgba(182, 213, 255, 1);--s-core-on-customer-color-dark-1:rgba(0, 0, 0, 1);--s-core-on-customer-color-dark-2:rgba(242, 242, 242, 1);--s-core-on-customer-color-dark-2-subdued:rgba(150, 163, 191, 1);--s-core-status-light-critical-default:rgba(213, 6, 54, 1);--s-core-status-light-critical-hovered:rgba(179, 39, 57, 1);--s-core-status-light-critical-pressed:rgba(159, 35, 52, 1);--s-core-status-light-critical-subdued:rgba(252, 231, 237, 1);--s-core-status-light-success-default:rgba(8, 129, 8, 1);--s-core-status-light-success-subdued:rgba(220, 247, 220, 1);--s-core-status-light-warning-strong:rgba(147, 88, 6, 1);--s-core-status-light-warning-default:rgba(243, 183, 3, 1);--s-core-status-light-warning-subdued:rgba(250, 241, 200, 1);--s-core-status-light-info-default:rgba(20, 90, 245, 1);--s-core-status-light-info-subdued:rgba(230, 241, 255, 1);--s-core-status-dark-critical-default:rgba(228, 100, 100, 1);--s-core-status-dark-critical-hovered:rgba(210, 123, 121, 1);--s-core-status-dark-critical-pressed:rgba(215, 147, 145, 1);--s-core-status-dark-critical-subdued:rgba(56, 33, 38, 1);--s-core-status-dark-warning-default:rgba(243, 183, 3, 1);--s-core-status-dark-warning-subdued:rgba(45, 39, 25, 1);--s-core-status-dark-success-default:rgba(80, 164, 80, 1);--s-core-status-dark-success-subdued:rgba(26, 44, 26, 1);--s-core-status-dark-info-default:rgba(100, 142, 233, 1);--s-core-status-dark-info-subdued:rgba(33, 41, 58, 1);--s-core-decorative-light-chilli-text:rgba(195, 28, 28, 1);--s-core-decorative-light-chilli-surface:rgba(195, 28, 28, 1);--s-core-decorative-light-chilli-surface-subdued:rgba(252, 231, 237, 1);--s-core-decorative-light-pumpkin-text:rgba(167, 76, 37, 1);--s-core-decorative-light-pumpkin-surface:rgba(245, 144, 49, 1);--s-core-decorative-light-pumpkin-surface-subdued:rgba(255, 227, 202, 1);--s-core-decorative-light-banana-text:rgba(154, 92, 0, 1);--s-core-decorative-light-banana-surface:rgba(234, 186, 42, 1);--s-core-decorative-light-banana-surface-subdued:rgba(250, 241, 200, 1);--s-core-decorative-light-radish-text:rgba(186, 29, 142, 1);--s-core-decorative-light-radish-surface:rgba(186, 29, 142, 1);--s-core-decorative-light-radish-surface-subdued:rgba(255, 221, 245, 1);--s-core-decorative-light-grape-text:rgba(130, 45, 164, 1);--s-core-decorative-light-grape-surface:rgba(130, 45, 164, 1);--s-core-decorative-light-grape-surface-subdued:rgba(233, 220, 255, 1);--s-core-decorative-light-kiwi-text:rgba(54, 119, 69, 1);--s-core-decorative-light-kiwi-surface:rgba(54, 119, 69, 1);--s-core-decorative-light-kiwi-surface-subdued:rgba(220, 247, 220, 1);--s-core-decorative-light-blueberry-text:rgba(63, 95, 167, 1);--s-core-decorative-light-blueberry-surface:rgba(63, 95, 167, 1);--s-core-decorative-light-blueberry-surface-subdued:rgba(230, 241, 255, 1);--s-core-decorative-dark-chilli-text:rgba(244, 120, 120, 1);--s-core-decorative-dark-chilli-surface:rgba(244, 120, 120, 1);--s-core-decorative-dark-chilli-surface-subdued:rgba(77, 45, 44, 1);--s-core-decorative-dark-pumpkin-text:rgba(237, 153, 75, 1);--s-core-decorative-dark-pumpkin-surface:rgba(237, 153, 75, 1);--s-core-decorative-dark-pumpkin-surface-subdued:rgba(82, 56, 36, 1);--s-core-decorative-dark-banana-text:rgba(209, 175, 41, 1);--s-core-decorative-dark-banana-surface:rgba(209, 175, 41, 1);--s-core-decorative-dark-banana-surface-subdued:rgba(77, 62, 30, 1);--s-core-decorative-dark-radish-text:rgba(242, 120, 204, 1);--s-core-decorative-dark-radish-surface:rgba(242, 120, 204, 1);--s-core-decorative-dark-radish-surface-subdued:rgba(79, 48, 69, 1);--s-core-decorative-dark-grape-text:rgba(214, 131, 251, 1);--s-core-decorative-dark-grape-surface:rgba(214, 131, 251, 1);--s-core-decorative-dark-grape-surface-subdued:rgba(75, 47, 98, 1);--s-core-decorative-dark-kiwi-text:rgba(111, 200, 130, 1);--s-core-decorative-dark-kiwi-surface:rgba(111, 200, 130, 1);--s-core-decorative-dark-kiwi-surface-subdued:rgba(42, 70, 42, 1);--s-core-decorative-dark-blueberry-text:rgba(122, 172, 240, 1);--s-core-decorative-dark-blueberry-surface:rgba(122, 172, 240, 1);--s-core-decorative-dark-blueberry-surface-subdued:rgba(41, 64, 91, 1);--s-core-translucent-black-3:rgba(0,0,0,0.03);--s-core-translucent-black-6:rgba(0,0,0,0.06);--s-core-translucent-black-9:rgba(0,0,0,0.09);--s-core-translucent-black-12:rgba(0,0,0,0.12);--s-core-translucent-black-20:rgba(0,0,0,0.2);--s-core-translucent-black-60:rgba(0,0,0,0.6);--s-core-translucent-black-80:rgba(0,0,0,0.8);--s-core-translucent-white-3:rgba(255,255,255,0.03);--s-core-translucent-white-6:rgba(255,255,255,0.06);--s-core-translucent-white-9:rgba(255,255,255,0.09);--s-core-translucent-white-12:rgba(255,255,255,0.12);--s-core-translucent-white-20:rgba(255,255,255,0.2);--s-core-translucent-white-60:rgba(255,255,255,0.6);--s-core-translucent-white-80:rgba(255,255,255,0.8);--s-translucent-low-default:rgba(43,43,43,0.8);--s-translucent-low-hovered:rgba(255,255,255,0.06);--s-translucent-low-pressed:rgba(255,255,255,0.09);--s-translucent-medium-default:rgba(43,43,43,0.6);--s-translucent-medium-hovered:rgba(255,255,255,0.2);--s-translucent-medium-pressed:rgba(255,255,255,0.3);--s-state-hovered:rgba(255,255,255,0.06);--s-state-pressed:rgba(255,255,255,0.09);}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){html.disable-desktop-style-tweaks ::part(action-list-item){padding:var(--s-space-12) var(--s-space-16);font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);gap:var(--s-space-12)}html.disable-desktop-style-tweaks ::part(action-list-section__label){padding:var(--s-space-8) var(--s-space-16);font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}html.disable-desktop-style-tweaks ::part(banner__content),html.disable-desktop-style-tweaks ::part(banner__action-button),html.disable-desktop-style-tweaks ::part(banner__dismiss-button),html.disable-desktop-style-tweaks ::part(description-list-item),html.disable-desktop-style-tweaks ::part(dialog__content),html.disable-desktop-style-tweaks ::part(file-viewer-csv__table),html.disable-desktop-style-tweaks ::part(file-viewer-pdf__pagination),html.disable-desktop-style-tweaks ::part(file-viewer-text__text),html.disable-desktop-style-tweaks ::part(inline-error),html.disable-desktop-style-tweaks ::part(link),html.disable-desktop-style-tweaks ::part(option-list-item__label),html.disable-desktop-style-tweaks ::part(toast__content),html.disable-desktop-style-tweaks ::part(tooltip__bubble),html.disable-desktop-style-tweaks .checkbox__label,html.disable-desktop-style-tweaks .checkbox__description,html.disable-desktop-style-tweaks .date-input__input,html.disable-desktop-style-tweaks .file-uploader__label,html.disable-desktop-style-tweaks .file-uploader__dropzone-label,html.disable-desktop-style-tweaks .swirl-list,html.disable-desktop-style-tweaks .radio__description,html.disable-desktop-style-tweaks .radio__label,html.disable-desktop-style-tweaks .select__label,html.disable-desktop-style-tweaks .tabs__tab,html.disable-desktop-style-tweaks .text--size-base,html.disable-desktop-style-tweaks .text-input__input,html.disable-desktop-style-tweaks .text-input__character-counter{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}html.disable-desktop-style-tweaks .button{padding:var(--s-space-8) var(--s-space-16);font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);gap:var(--s-space-8)}html.disable-desktop-style-tweaks .button--pill{border-radius:1.25rem}html.disable-desktop-style-tweaks .button--pill.button--size-l{border-radius:1.5rem}html.disable-desktop-style-tweaks .checkbox__control{width:1.5rem;height:1.5rem}html.disable-desktop-style-tweaks .date-input--inline .date-input__date-picker-button{top:-0.0625rem !important}html.disable-desktop-style-tweaks .date-input__date-picker-button{top:calc(-1 * var(--s-space-12))}html.disable-desktop-style-tweaks ::part(description-list-item__term){margin-bottom:var(--s-space-4)}html.disable-desktop-style-tweaks ::part(dialog__body){border-radius:var(--s-border-radius-l)}html.disable-desktop-style-tweaks ::part(dialog__heading){font-size:var(--s-font-size-lg);line-height:var(--s-line-height-lg)}html.disable-desktop-style-tweaks .file-uploader__description{margin-top:var(--s-space-4)}html.disable-desktop-style-tweaks .file-uploader__dropzone-label{margin-top:var(--s-space-16)}html.disable-desktop-style-tweaks .file-uploader__upload-button{margin-top:var(--s-space-16)}html.disable-desktop-style-tweaks .form-control.form-control--inline .form-control__label{min-height:calc(2.375rem + 2 * var(--s-border-width-default))}html.disable-desktop-style-tweaks .form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select) .form-control__label-text{font-size:var(--s-font-size-base) !important;line-height:var(--s-line-height-base) !important}html.disable-desktop-style-tweaks .form-control:not(.form-control--has-value).form-control--is-select .form-control__label-text{font-size:var(--s-font-size-base) !important;line-height:var(--s-line-height-base) !important}html.disable-desktop-style-tweaks .option-list-item{min-height:3rem;padding:var(--s-space-12) var(--s-space-16);gap:var(--s-space-12)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){html.disable-desktop-style-tweaks .option-list-item__checkbox{width:1.5rem;height:1.5rem}}html.disable-desktop-style-tweaks ::part(option-list-section__label){padding:var(--s-space-8) var(--s-space-16);font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}html.disable-desktop-style-tweaks ::part(pagination__list){font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);gap:var(--s-space-16)}html.disable-desktop-style-tweaks .radio__control{width:1.5rem;height:1.5rem}html.disable-desktop-style-tweaks ::part(resource-list-file-item){padding:var(--s-space-12) var(--s-space-16);font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}html.disable-desktop-style-tweaks ::part(resource-list-item__content){padding-top:var(--s-space-12);padding-right:0;padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}html.disable-desktop-style-tweaks .search__input{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);padding-left:calc(var(--s-space-12) + 1.5rem + var(--s-space-8))}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){html.disable-desktop-style-tweaks ::part(skeleton-text--size-sm){--skeleton-text-line-padding:calc(
           (var(--s-line-height-sm) - var(--s-font-size-sm)) / 2
         )}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){html.disable-desktop-style-tweaks ::part(skeleton-text--size-base)::part(skeleton-text__line){height:var(--s-line-height-base)}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){html.disable-desktop-style-tweaks ::part(skeleton-text--size-base){--skeleton-text-line-padding:calc(
           (var(--s-line-height-base) - var(--s-font-size-base)) / 2

package/dist/swirl-console-layout.entry.ab9abb94.js

@@ -0,0 +1,93 @@
+import { r as c, c as l, h as e, H as d, g as h } from "./index.1eb211da.js";
+import { c as b } from "./index-orsBiyT_.fc4357c3.js";
+import { d as u, i } from "./utils-CCck-DTo.e4e43b6a.js";
+import "react";
+import "react-dom";
+const p = () => ':host{display:block;width:100%;height:100vh;--console-footer-height:4.25rem;--console-app-bar-height:3.5rem;--console-sidebar-width:18.5rem}:host *{box-sizing:border-box}.console-layout{display:grid;width:100%;height:100%;grid-template-columns:1fr;grid-template-areas:"main"}@media (min-width: 768px){.console-layout{grid-template-columns:var(--console-sidebar-width) 1fr;grid-template-areas:"sidebar main"}}@media (max-width: 767px){.console-layout--sidebar-active .console-layout__sidebar{transform:translate3d(0, 0, 0);box-shadow:0 0 1rem rgba(0, 0, 0, 0.06)}}@media (min-width: 768px){.console-layout--empty-app-bar .console-layout__main{grid-template-areas:"content";grid-template-rows:1fr}}@media (min-width: 768px){.console-layout--empty-app-bar .console-layout__app-bar{display:none}}@media (min-width: 768px){.console-layout--empty-app-bar.console-layout--has-footer .console-layout__main{grid-template-areas:"content"         "footer";grid-template-rows:1fr -webkit-min-content;grid-template-rows:1fr min-content}}.console-layout__sidebar{position:fixed;z-index:var(--s-z-30);top:4rem;bottom:0;left:0;display:grid;overflow-x:hidden;overflow-y:auto;width:100%;max-width:20rem;border-right:var(--s-border-width-default) solid var(--s-border-default);transition:transform 0.15s, box-shadow 0.15s;transform:translate3d(-100%, 0, 0);grid-template-rows:auto 1fr -webkit-min-content;grid-template-rows:auto 1fr min-content;grid-template-areas:"header"     "navigation"     "user"}@media (prefers-reduced-motion){.console-layout__sidebar{transition:none}}@media (min-width: 768px){.console-layout__sidebar{position:static;top:auto;left:auto;max-width:none;height:100%;transform:none;box-shadow:none;grid-area:sidebar}}.console-layout__header{overflow:hidden;min-width:0;padding:var(--s-space-20) var(--s-space-24);background-color:var(--s-background-default);grid-area:header}.console-layout__navigation{overflow-x:hidden;overflow-y:auto;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8);background-color:var(--s-background-default);grid-area:navigation}.console-layout__user{overflow:hidden;padding:var(--s-space-16) var(--s-space-24);border-top:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:user;min-height:var(--console-footer-height);box-sizing:border-box}.console-layout__main{display:grid;overflow:hidden;width:100%;height:100%;grid-area:main;gap:var(--s-border-width-default);grid-template-rows:var(--console-app-bar-height) 1fr;grid-template-areas:"app-bar"     "content"}.console-layout--has-footer .console-layout__main{grid-template-rows:var(--console-app-bar-height) 1fr -webkit-min-content;grid-template-rows:var(--console-app-bar-height) 1fr min-content;grid-template-areas:"app-bar"     "content"     "footer"}.console-layout__app-bar{position:sticky;z-index:var(--s-z-30);top:0;display:flex;min-width:0;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);gap:var(--s-space-12);grid-area:app-bar}@media (min-width: 768px){.console-layout__app-bar{padding-right:2.5rem;padding-left:2.5rem}}@media (min-width: 768px){.console-layout__mobile-navigation-button{display:none}}.console-layout__app-name{min-width:0;flex-grow:1}.console-layout__app-name .heading{overflow:hidden;font-weight:var(--s-font-weight-regular);white-space:nowrap;text-overflow:ellipsis}.console-layout__help-button{flex-shrink:0}.console-layout__content{overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable;display:flex;min-width:0;padding:0 var(--s-space-16);background-color:var(--s-background-default);flex-direction:column;grid-area:content}@media (min-width: 768px){.console-layout__content{padding:0 2.5rem}}.console-layout__content-container{display:flex;flex-direction:column;align-items:center;height:100%;width:100%}.console-layout__integration{flex-grow:1;padding-bottom:var(--s-space-16)}@media (min-width: 768px){.console-layout__integration{padding-bottom:2.5rem}}.console-layout__integration{width:100%}.console-layout__logo{display:flex;min-width:0;align-items:center;gap:var(--s-space-12)}.console-layout__logo-mark{flex-shrink:0}.console-layout__logo-text{min-width:0}.console-layout__logo-text::part(text){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.console-layout__content-header{display:flex;margin-bottom:var(--s-space-24);flex-shrink:0;gap:var(--s-space-16);padding-top:var(--s-space-16)}@media (min-width: 768px){.console-layout__content-header{padding-top:2.5rem}}.console-layout__content-header{width:100%}.console-layout--has-custom-app-bar .console-layout__content-header{padding-top:var(--s-space-16)}.console-layout__back-button{position:relative;top:calc(-1 * var(--s-space-2));flex-shrink:0}.console-layout__heading-container{flex-grow:1}.console-layout__subheading{margin-top:var(--s-space-8)}.console-layout__content-header-tools{display:flex;flex-shrink:0}.console-layout__footer{position:sticky;bottom:0;z-index:var(--s-z-20);display:flex;flex-shrink:0;min-width:0;border-top:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:footer;width:100%;min-height:var(--console-footer-height);box-sizing:border-box}.console-layout__app-bar--custom{display:flex;min-width:0;align-items:center;padding:0;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default)}.console-layout--main-scrollable:not(.console-layout--main-scrolled-to-top) .console-layout__app-bar--custom{border-bottom-color:var(--s-border-default)}.console-layout:not(.console-layout--has-custom-app-bar) .console-layout__app-bar--custom{display:none}.console-layout:not(.console-layout--has-footer) .console-layout__footer{display:none}.console-layout--has-custom-app-bar .console-layout__app-bar:not(.console-layout__app-bar--custom){display:none}.console-layout--hide-content-header .console-layout__content{padding:0;overflow:hidden;scrollbar-gutter:auto}.console-layout--hide-content-header .console-layout__integration{padding-bottom:0}', f = class {
+  constructor(o) {
+    c(this, o), this.backButtonClick = l(this, "backButtonClick", 7), this.helpButtonClick = l(this, "helpButtonClick", 7), this.backButonLabel = "Back", this.helpButonLabel = "Help", this.hideNavigationButtonLabel = "Hide main navigation", this.logoText = "Admin", this.navigationLabel = "Main", this.showNavigationButtonLabel = "Show main navigation", this.contentScrollState = {
+      scrollable: !1,
+      scrolledToTop: !1,
+      scrolledToBottom: !1
+    }, this.updateCustomAppBarStatus = () => {
+      this.hasCustomAppBar = Boolean(this.el.querySelector('[slot="app-bar"]'));
+    }, this.updateFooterStatus = () => {
+      this.hasFooter = Boolean(this.el.querySelector('[slot="footer"]'));
+    }, this.onMainScroll = u(() => {
+      this.updateContentScrollState();
+    }, 16), this.onBackButtonClick = (t) => {
+      this.backButtonClick.emit(t);
+    }, this.onHelpButtonClick = (t) => {
+      this.helpButtonClick.emit(t);
+    }, this.onMobileNavigationToggleClick = () => {
+      this.toggleSidebar();
+    }, this.onClick = (t) => {
+      var s;
+      const a = t.target, n = Boolean(a.closest(".console-layout__mobile-navigation-button")), r = ((s = a.closest("[slot]")) == null ? void 0 : s.slot) === "overlays";
+      !t.composedPath().includes(this.sidebarEl) && !n && !r && this.sidebarActive && this.deactivateSidebar();
+    }, this.onKeyDown = (t) => {
+      t.code === "Escape" && this.sidebarActive && this.deactivateSidebar();
+    };
+  }
+  componentDidLoad() {
+    queueMicrotask(() => {
+      i() ? this.deactivateSidebar() : this.activateSidebar(), this.updateContentScrollState(), this.updateCustomAppBarStatus(), this.updateFooterStatus();
+    });
+  }
+  updateContentScrollState() {
+    if (!this.contentEl)
+      return;
+    const o = {
+      scrollable: this.contentEl.scrollHeight > this.contentEl.clientHeight,
+      scrolledToTop: this.contentEl.scrollTop === 0,
+      scrolledToBottom: Math.round(this.contentEl.scrollTop + this.contentEl.clientHeight) >= this.contentEl.scrollHeight
+    };
+    Object.keys(o).some((t) => o[t] !== this.contentScrollState[t]) && (this.contentScrollState = o);
+  }
+  onWindowResize() {
+    const o = i();
+    !o && !this.sidebarActive ? this.activateSidebar() : o && this.deactivateSidebar();
+  }
+  async toggleSidebar() {
+    this.sidebarActive ? this.deactivateSidebar() : this.activateSidebar();
+  }
+  async showSidebar() {
+    this.sidebarActive || this.activateSidebar();
+  }
+  async hideSidebar() {
+    this.sidebarActive && this.deactivateSidebar();
+  }
+  activateSidebar() {
+    var o;
+    this.sidebarActive = !0, this.sidebarEl.removeAttribute("inert"), i() && ((o = this.el.querySelector("swirl-tree-navigation-item")) == null || o.focus());
+  }
+  deactivateSidebar() {
+    this.sidebarActive = !1, i() && this.sidebarEl.setAttribute("inert", "");
+  }
+  render() {
+    const o = Boolean(this.maxContentWidth) ? {
+      maxWidth: this.maxContentWidth,
+      justifySelf: "center",
+      width: "100%"
+    } : void 0;
+    this.updateCustomAppBarStatus(), this.updateFooterStatus();
+    const t = b("console-layout", {
+      "console-layout--sidebar-active": this.sidebarActive,
+      "console-layout--empty-app-bar": !Boolean(this.appName) && !this.showHelpButton && !this.hasCustomAppBar,
+      "console-layout--has-footer": this.hasFooter,
+      "console-layout--has-custom-app-bar": this.hasCustomAppBar,
+      "console-layout--main-scrollable": this.contentScrollState.scrollable,
+      "console-layout--main-scrolled-to-top": this.contentScrollState.scrolledToTop,
+      "console-layout--main-scrolled-to-bottom": this.contentScrollState.scrolledToBottom,
+      "console-layout--hide-content-header": this.hideContentHeader
+    });
+    return e(d, { key: "f92e62cd7a3aa3679a62cedc47003f9dc6afa138" }, e("div", { key: "e64ead610749dbefebd1a48332e3e4ce9749a4ea", class: t, onClick: this.onClick, onKeyDown: this.onKeyDown }, e("header", { key: "dee14aa96c8e3840343621d2cd2dc437285107f2", "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (a) => this.sidebarEl = a }, e("div", { key: "5c74ea43a8d073cfaa2426b1bdc2f3c301f7f53e", class: "console-layout__header" }, e("div", { key: "958cf209f0c70ba4654b9d216b15dd62aeb58fd1", class: "console-layout__logo" }, e("svg", { key: "c9d36c86ad44e96365b6710426c4550d0c81d7a5", class: "console-layout__logo-mark", fill: "none", height: "26", viewBox: "0 0 301 460", width: "16", xmlns: "http://www.w3.org/2000/svg" }, e("path", { key: "d3b4a3cbc7564ddd805d1ddfb1b34c449b1beec5", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M2.52486 276.36C5.57709 289.149 11.02 301.094 18.2296 311.628L258.719 138.748C269.874 131.507 278.35 121.993 285.395 110.766C291.904 100.212 296.922 87.3014 298.875 74.6738C300.769 61.4277 300.809 48.353 297.757 35.5639C294.705 22.7748 289.262 10.8302 282.052 0.296051L41.5626 173.176C30.4077 180.417 21.9314 189.931 14.8867 201.158C8.37746 211.712 3.35926 224.623 1.40724 237.25C-0.544773 249.878 0.0338964 262.896 2.52486 276.36ZM80.3121 424.184C83.3644 436.973 88.8073 448.918 96.0169 459.452L229.113 363.743C240.268 356.502 248.744 346.988 255.789 335.761C262.298 325.207 267.317 312.296 269.269 299.668C271.164 286.422 271.203 273.348 268.151 260.559C265.099 247.769 259.656 235.825 252.446 225.291L119.35 320.999C108.195 328.24 99.7187 337.755 92.674 348.982C86.1647 359.535 81.1465 372.446 79.1945 385.074C77.2996 398.32 77.2599 411.395 80.3121 424.184Z", fill: "#2151F5" })), e("swirl-text", { key: "97d5f351e6de465c059fc357fc012dae757b5678", class: "console-layout__logo-text", weight: "medium" }, this.logoText))), e("nav", { key: "3bb30959d7c34a28bce82aeffc1e1c0ab0799833", "aria-label": this.navigationLabel, class: "console-layout__navigation" }, e("slot", { key: "497faf890249299fd21075d766f344cdbd49f47d", name: "navigation" })), e("div", { key: "76e25959719dabb8e5c3b779d3eed5e7e286681b", class: "console-layout__user" }, e("slot", { key: "eaabb2af9392992f184f547365fc2a74063d449f", name: "user" }))), e("main", { key: "5e242a75ab5e24ed535e45117238ceb56b7ba69d", "aria-labelledby": Boolean(this.appName) ? "app-name" : void 0, class: "console-layout__main" }, e("header", { key: "f096010fa4cc6e2a1e8b57093fbace8ad99ee2fa", class: "console-layout__app-bar console-layout__app-bar--custom" }, e("slot", { key: "019e8471fcc2b4b83b3eca434851c833d506a9fe", name: "app-bar", onSlotchange: this.updateCustomAppBarStatus })), e("header", { key: "3ad1bdad10025933e5476ad172961cea33cf8bf2", class: "console-layout__app-bar" }, e("span", { key: "5d3769ea1ab077f8b536ea1382db4a98c4ad300c", class: "console-layout__mobile-navigation-button" }, e("swirl-button", { key: "08140f76ae70e54f7bf8bbbb3a30c3e4192a7661", swirlAriaExpanded: String(this.sidebarActive), hideLabel: !0, icon: this.sidebarActive ? "<swirl-icon-close></swirl-icon-close>" : "<swirl-icon-menu></swirl-icon-menu>", label: this.sidebarActive ? this.hideNavigationButtonLabel : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick })), e("div", { key: "dd72e2beb8ee2bfc87896eb53a0ece44abb6e411", class: "console-layout__app-name" }, this.appName && e("swirl-heading", { key: "5fa6495f2bc592ed2e2b7d2bb3659ca1f0ecfe38", as: "h1", headingId: "app-name", level: 4, text: this.appName })), this.showHelpButton && e("swirl-button", { key: "ee75f146bdf639b93e02561853eb391dc58d8142", class: "console-layout__help-button", hideLabel: !0, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick })), e("section", { key: "fa54f51cc8e703663a11fcd7027df84dc9ea57d8", "aria-labelledby": "heading", class: "console-layout__content", onScroll: this.onMainScroll, ref: (a) => this.contentEl = a }, e("div", { key: "4505b706577728b794d5c370c0d627f14db72742", class: "console-layout__content-container" }, !this.hideContentHeader && e("header", { key: "9d7d64cf621cf713bd8c10abb3545791226deec2", class: "console-layout__content-header", style: o }, this.showBackButton && e("swirl-button", { key: "f170dd5a4d0292842a42df782f84491fbfa16446", class: "console-layout__back-button", hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backButonLabel, onClick: this.onBackButtonClick }), Boolean(this.heading) && e("div", { key: "9ce1c29868fc24915b1d7060fdc30ad4e2726802", class: "console-layout__heading-container" }, e("swirl-heading", { key: "33d2473e87cdb94998783ba1337ea92ee34ac5b0", as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && e("swirl-text", { key: "e3071a03d28e05550385fa6b5101d2c98e11a405", class: "console-layout__subheading", color: "subdued" }, this.subheading)), !Boolean(this.heading) && e("div", { key: "62a31138ed664b4900030150e1d1959e470c1a17", class: "console-layout__heading-container" }, e("slot", { key: "6f1de516692eeb2922a2e18784bc8c74e5416b1d", name: "heading" })), e("div", { key: "02fdc97524fee6a75524ef9eb095a59cff238cc7", class: "console-layout__content-header-tools" }, e("slot", { key: "159bbfad00487ee173dc708e5047e603986318f9", name: "content-header-tools" }))), e("div", { key: "2fce6c367d3815e7482e63836900ae4793dca055", class: "console-layout__integration", style: o }, e("slot", { key: "6d962aff82cf2b1276650e3eb5b9fba06994f1dc", name: "content" })))), e("footer", { key: "da76594d20b410746a70960c1abc83eff0a38f59", class: "console-layout__footer" }, e("slot", { key: "c07940b404f20db835967d6fa2355d9ae9c035f1", name: "footer", onSlotchange: this.updateFooterStatus })), e("div", { key: "39e32ef1a08100b9f15bede9180accaa884de3ee", class: "console-layout__overlays" }, e("slot", { key: "78d8abf993064df290ce2890ea200e246c599b0e", name: "overlays" })))));
+  }
+  get el() {
+    return h(this);
+  }
+};
+f.style = p();
+export {
+  f as swirl_console_layout
+};