@trintel/zooy 1.0.1-beta.0

package/dist/chunks/index-DX6WAtmo.js

@@ -0,0 +1,874 @@
+import { _ as n } from "./tslib.es6-C5gLNDSD.js";
+import { a as te, i as U, p as s, x as _ } from "./settings-BPOpwVkr.js";
+import { n as p } from "./property-pT1z5CCa.js";
+import { e as j } from "./query-CbRg6ZGy.js";
+import { e as $ } from "./class-map-DEHG4tmw.js";
+import { F as Z } from "./focus-B9JYe97T.js";
+import { F as ie } from "./form-DpI-v6DA.js";
+import { H as se } from "./host-listener-CN245INl.js";
+import { H as K } from "./host-listener-DD3oGxvg.js";
+import { c as O } from "./carbon-element-DzDuXiyl.js";
+import { o as D } from "./if-defined-C0yJsxi2.js";
+import { i as F } from "./icon-loader-Dk_AU26w.js";
+import { _ as re } from "./16-BiShwKPX.js";
+import { _ as de } from "./16-BwDdccyH.js";
+function I(r) {
+  var e = typeof r;
+  return r != null && (e == "object" || e == "function");
+}
+var ae = typeof global == "object" && global && global.Object === Object && global, ne = typeof self == "object" && self && self.Object === Object && self, G = ae || ne || Function("return this")(), L = function() {
+  return G.Date.now();
+}, le = /\s/;
+function oe(r) {
+  for (var e = r.length; e-- && le.test(r.charAt(e)); )
+    ;
+  return e;
+}
+var ce = /^\s+/;
+function pe(r) {
+  return r && r.slice(0, oe(r) + 1).replace(ce, "");
+}
+var E = G.Symbol, J = Object.prototype, ue = J.hasOwnProperty, me = J.toString, N = E ? E.toStringTag : void 0;
+function he(r) {
+  var e = ue.call(r, N), t = r[N];
+  try {
+    r[N] = void 0;
+    var i = !0;
+  } catch {
+  }
+  var d = me.call(r);
+  return i && (e ? r[N] = t : delete r[N]), d;
+}
+var be = Object.prototype, ve = be.toString;
+function _e(r) {
+  return ve.call(r);
+}
+var fe = "[object Null]", ge = "[object Undefined]", P = E ? E.toStringTag : void 0;
+function xe(r) {
+  return r == null ? r === void 0 ? ge : fe : P && P in Object(r) ? he(r) : _e(r);
+}
+function ye(r) {
+  return r != null && typeof r == "object";
+}
+var we = "[object Symbol]";
+function ke(r) {
+  return typeof r == "symbol" || ye(r) && xe(r) == we;
+}
+var X = NaN, ze = /^[-+]0x[0-9a-f]+$/i, $e = /^0b[01]+$/i, Me = /^0o[0-7]+$/i, Ce = parseInt;
+function A(r) {
+  if (typeof r == "number")
+    return r;
+  if (ke(r))
+    return X;
+  if (I(r)) {
+    var e = typeof r.valueOf == "function" ? r.valueOf() : r;
+    r = I(e) ? e + "" : e;
+  }
+  if (typeof r != "string")
+    return r === 0 ? r : +r;
+  r = pe(r);
+  var t = $e.test(r);
+  return t || Me.test(r) ? Ce(r.slice(2), t ? 2 : 8) : ze.test(r) ? X : +r;
+}
+var Te = "Expected a function", Ne = Math.max, Ue = Math.min;
+function Se(r, e, t) {
+  var i, d, a, o, l, c, h = 0, b = !1, g = !1, y = !0;
+  if (typeof r != "function")
+    throw new TypeError(Te);
+  e = A(e) || 0, I(t) && (b = !!t.leading, g = "maxWait" in t, a = g ? Ne(A(t.maxWait) || 0, e) : a, y = "trailing" in t ? !!t.trailing : y);
+  function x(v) {
+    var k = i, C = d;
+    return i = d = void 0, h = v, o = r.apply(C, k), o;
+  }
+  function M(v) {
+    return h = v, l = setTimeout(w, e), b ? x(v) : o;
+  }
+  function z(v) {
+    var k = v - c, C = v - h, q = e - k;
+    return g ? Ue(q, a - C) : q;
+  }
+  function m(v) {
+    var k = v - c, C = v - h;
+    return c === void 0 || k >= e || k < 0 || g && C >= a;
+  }
+  function w() {
+    var v = L();
+    if (m(v))
+      return S(v);
+    l = setTimeout(w, z(v));
+  }
+  function S(v) {
+    return l = void 0, y && i ? x(v) : (i = d = void 0, o);
+  }
+  function B() {
+    l !== void 0 && clearTimeout(l), h = 0, i = c = d = l = void 0;
+  }
+  function R() {
+    return l === void 0 ? o : S(L());
+  }
+  function T() {
+    var v = L(), k = m(v);
+    if (i = arguments, d = this, c = v, k) {
+      if (l === void 0)
+        return M(c);
+      if (g)
+        return clearTimeout(l), l = setTimeout(w, e), x(c);
+    }
+    return l === void 0 && (l = setTimeout(w, e)), o;
+  }
+  return T.cancel = B, T.flush = R, T;
+}
+var qe = "Expected a function";
+function W(r, e, t) {
+  var i = !0, d = !0;
+  if (typeof r != "function")
+    throw new TypeError(qe);
+  return I(t) && (i = "leading" in t ? !!t.leading : i, d = "trailing" in t ? !!t.trailing : d), Se(r, e, {
+    leading: i,
+    maxWait: e,
+    trailing: d
+  });
+}
+var V = te(['.cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds--fieldset{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--fieldset *,.cds--fieldset :after,.cds--fieldset :before{box-sizing:inherit}.cds--form-item{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.cds--label{color:var(--cds-text-secondary,#525252);display:inline-block;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);font-weight:400;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds--label html{font-size:100%}.cds--label body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--label strong{font-weight:600}.cds--label .cds--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.cds--label--no-margin{margin-block-end:0}.cds--label+.cds--tooltip{inset-block-start:.2rem;inset-inline-start:.5rem;position:relative}.cds--label+.cds--tooltip .cds--tooltip__trigger{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;display:flex;font-family:inherit;font-size:100%;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);inline-size:100%;justify-content:center;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);margin:0;padding:0;text-align:start;vertical-align:baseline}.cds--label+.cds--tooltip .cds--tooltip__trigger *,.cds--label+.cds--tooltip .cds--tooltip__trigger :after,.cds--label+.cds--tooltip .cds--tooltip__trigger :before{box-sizing:inherit}.cds--label+.cds--tooltip .cds--tooltip__trigger::-moz-focus-inner{border:0}.cds--label+.cds--tooltip .cds--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds--label+.cds--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds--label.cds--skeleton{background:var(--cds-skeleton-background,#e8e8e8);block-size:.875rem;border:none;box-shadow:none;inline-size:4.6875rem;padding:0;pointer-events:none;position:relative}.cds--label.cds--skeleton:active,.cds--label.cds--skeleton:focus,.cds--label.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--label.cds--skeleton:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:"";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--label.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--label.cds--skeleton{background:CanvasText}.cds--label.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}input[type=number],input[type=text].cds--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper--warn~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box--warning~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--number__input-wrapper--warning~.cds--form-requirement,.cds--select--warning .cds--select-input__wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper--warn~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper--warning>.cds--text-input~.cds--form-requirement,.cds--text-input__field-wrapper--warning~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker--warning~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{display:block;font-weight:400;max-block-size:12.5rem;overflow:visible}.cds--select--inline.cds--select--warning .cds--select-input--inline__wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement{display:inline-flex;inline-size:100%;margin:0;margin-block-end:0;max-block-size:100%;overflow:visible;padding-inline-start:.5rem}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input__field-wrapper--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]{display:block}.cds--form--fluid input[data-invalid]{outline:none}.cds--form--fluid .cds--form-requirement{margin:0;padding:.5rem 2.5rem .5rem 1rem}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds--form-requirement{display:none;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);margin:.25rem 0 0;max-block-size:0;overflow:hidden}.cds--form-requirement html{font-size:100%}.cds--form-requirement body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--form-requirement strong{font-weight:600}.cds--select--inline .cds--form__helper-text{margin-block-start:0}.cds--form__helper-text{color:var(--cds-text-helper,#6f6f6f);font-size:var(--cds-helper-text-01-font-size,.75rem);inline-size:100%;letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin-block-start:.25rem;opacity:1;z-index:0}.cds--form__helper-text--disabled,.cds--label--disabled,fieldset[disabled] .cds--form__helper-text,fieldset[disabled] .cds--label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--text-input{--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min),var(--cds-layout-size-height-sm)),var(--cds-layout-size-height,var(--cds-layout-size-height-md)),min(var(--cds-layout-size-height-max),var(--cds-layout-size-height-lg)));--cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min),var(--cds-layout-density-padding-inline,var(--cds-layout-density-padding-inline-normal)),var(--cds-layout-density-padding-inline-max));background-color:var(--cds-field);block-size:var(--cds-layout-size-height-local);border:none;border-block-end:1px solid var(--cds-border-strong);box-sizing:border-box;color:var(--cds-text-primary,#161616);font-family:inherit;font-size:100%;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);inline-size:100%;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);margin:0;outline:2px solid transparent;outline-offset:-2px;padding:0;padding:0 var(--cds-layout-density-padding-inline-local);transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9);vertical-align:baseline}.cds--text-input *,.cds--text-input :after,.cds--text-input :before{box-sizing:inherit}.cds--text-input:active,.cds--text-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--text-input:active,.cds--text-input:focus{outline-style:dotted}}.cds--text-input-wrapper svg[hidden]{display:none}.cds--password-input{padding-inline-end:2.5rem}.cds--text-input--sm.cds--password-input{padding-inline-end:2rem}.cds--text-input--lg.cds--password-input{padding-inline-end:3rem}.cds--text-input::-moz-placeholder{color:var(--cds-text-placeholder,hsla(0,0%,9%,.4));opacity:1}.cds--text-input::placeholder{color:var(--cds-text-placeholder,hsla(0,0%,9%,.4));opacity:1}.cds--text-input--light{background-color:var(--cds-field-02,#fff)}.cds--text-input__field-wrapper{display:flex;inline-size:100%;position:relative}.cds--text-input__invalid-icon{position:absolute;fill:var(--cds-support-error,#da1e28);inset-block-start:50%;inset-inline-end:1rem;transform:translateY(-50%)}.cds--text-input__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds--text-input__invalid-icon--warning path:first-of-type{fill:#000;opacity:1}.cds--text-input--password__visibility{align-items:center;cursor:pointer;display:inline-flex;overflow:visible;position:relative}.cds--text-input--password__visibility:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--text-input--password__visibility:focus{outline-style:dotted}}.cds--text-input--password__visibility:focus{outline:1px solid transparent}.cds--text-input--password__visibility:focus svg{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--text-input--password__visibility:focus svg{outline-style:dotted}}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after,.cds--text-input--password__visibility:before{align-items:center;display:flex;opacity:0;pointer-events:none;position:absolute;z-index:6000}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after,.cds--text-input--password__visibility:before{display:inline-block}}.cds--text-input--password__visibility:after,.cds--text-input--password__visibility:before{transition:opacity 70ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--text-input--password__visibility:after,.cds--text-input--password__visibility:before{transition:none}}.cds--text-input--password__visibility.cds--tooltip--a11y:after,.cds--text-input--password__visibility.cds--tooltip--a11y:before{transition:none}.cds--text-input--password__visibility:before{block-size:0;border-style:solid;content:"";inline-size:0}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text{box-sizing:content-box;color:inherit;opacity:1;white-space:normal;word-break:break-word}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after{background-color:var(--cds-background-inverse,#393939);block-size:auto;border-radius:.125rem;box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));color:var(--cds-text-inverse,#fff);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:400;font-weight:var(--cds-body-compact-01-font-weight,400);inline-size:-moz-max-content;inline-size:max-content;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);max-inline-size:13rem;min-inline-size:1.5rem;padding:.1875rem 1rem;text-align:start;transform:translateX(-50%);z-index:6000}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after{inline-size:auto}}@supports (-ms-accelerator:true){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after{inline-size:auto}}@supports (-ms-ime-align:auto){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after{inline-size:auto}}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after{border:1px solid transparent}}.cds--text-input--password__visibility:after{content:attr(aria-label)}.cds--text-input--password__visibility.cds--tooltip--a11y:after{content:none}.cds--text-input--password__visibility.cds--tooltip--visible:after,.cds--text-input--password__visibility.cds--tooltip--visible:before,.cds--text-input--password__visibility:focus:after,.cds--text-input--password__visibility:focus:before,.cds--text-input--password__visibility:hover:after,.cds--text-input--password__visibility:hover:before{opacity:1}@keyframes cds--tooltip-fade{0%{opacity:0}to{opacity:1}}.cds--text-input--password__visibility.cds--tooltip--visible .cds--assistive-text,.cds--text-input--password__visibility.cds--tooltip--visible+.cds--assistive-text,.cds--text-input--password__visibility:focus .cds--assistive-text,.cds--text-input--password__visibility:focus+.cds--assistive-text,.cds--text-input--password__visibility:hover .cds--assistive-text,.cds--text-input--password__visibility:hover+.cds--assistive-text{margin:auto;overflow:visible;clip:auto}.cds--text-input--password__visibility.cds--tooltip--visible .cds--assistive-text,.cds--text-input--password__visibility.cds--tooltip--visible+.cds--assistive-text,.cds--text-input--password__visibility.cds--tooltip--visible.cds--tooltip--a11y:before,.cds--text-input--password__visibility:focus .cds--assistive-text,.cds--text-input--password__visibility:focus+.cds--assistive-text,.cds--text-input--password__visibility:focus.cds--tooltip--a11y:before,.cds--text-input--password__visibility:hover .cds--assistive-text,.cds--text-input--password__visibility:hover+.cds--assistive-text,.cds--text-input--password__visibility:hover.cds--tooltip--a11y:before{animation:cds--tooltip-fade 70ms cubic-bezier(.2,0,.38,.9)}.cds--text-input--password__visibility.cds--tooltip--hidden .cds--assistive-text,.cds--text-input--password__visibility.cds--tooltip--hidden+.cds--assistive-text{margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.cds--text-input--password__visibility.cds--tooltip--hidden.cds--tooltip--a11y:before{animation:none;opacity:0}.cds--text-input--password__visibility .cds--assistive-text:after{block-size:.75rem;content:"";display:block;inline-size:100%;inset-block-start:-.75rem;inset-inline-start:0;position:absolute}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after,.cds--text-input--password__visibility:before{inset-block-end:0;inset-inline-start:50%}.cds--text-input--password__visibility:before{border-color:transparent transparent var(--cds-background-inverse,#393939);border-width:0 .25rem .3125rem;inset-block-end:-.5rem;transform:translate(-50%,100%)}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after{inset-block-end:-.8125rem;transform:translate(-50%,100%)}.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger{align-items:center;background:none;block-size:100%;border:0;cursor:pointer;display:flex;inline-size:2.5rem;inset-inline-end:0;justify-content:center;min-block-size:auto;outline:2px solid transparent;outline-offset:-2px;padding:0;position:absolute;transition:outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--toggle-password-tooltip .cds--popover{inset-inline-start:-2.5rem}.cds--toggle-password-tooltip .cds--popover-content{min-inline-size:2.5rem}.cds--text-input--sm+.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger{inline-size:2rem}.cds--text-input--lg+.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger{inline-size:3rem}.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252);transition:fill 70ms cubic-bezier(.2,0,.38,.9)}.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:focus{outline-style:dotted}}.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:focus svg,.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:hover svg{fill:var(--cds-icon-primary,#161616)}.cds--text-input--invalid,.cds--text-input--warning{padding-inline-end:2.5rem}.cds--text-input--invalid.cds--password-input{padding-inline-end:4rem}.cds--text-input--invalid+.cds--text-input--password__visibility__toggle{inset-inline-end:1rem}.cds--password-input-wrapper .cds--text-input__invalid-icon{inset-inline-end:2.5rem}.cds--text-input:disabled~.cds--text-input--password__visibility__toggle.cds--tooltip__trigger{cursor:not-allowed}.cds--text-input:disabled~.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg,.cds--text-input:disabled~.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg:hover{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger{cursor:default}.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger:hover{cursor:default}.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger:hover svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--text-input__counter-alert{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px}.cds--text-input:disabled{background-color:var(--cds-field);border-block-end:1px solid transparent;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed;outline:2px solid transparent;outline-offset:-2px;-webkit-text-fill-color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--text-input--light:disabled{background-color:var(--cds-field-02,#fff)}.cds--text-input:disabled::-moz-placeholder{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));opacity:1}.cds--text-input:disabled::placeholder{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));opacity:1}.cds--text-input--invalid{box-shadow:none;outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--text-input--invalid{outline-style:dotted}}.cds--text-input--invalid .cds--text-input--password__visibility__toggle{inset-inline-end:2.5rem}.cds--skeleton.cds--text-input{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--skeleton.cds--text-input:active,.cds--skeleton.cds--text-input:focus,.cds--skeleton.cds--text-input:hover{border:none;cursor:default;outline:none}.cds--skeleton.cds--text-input:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:"";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--skeleton.cds--text-input:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--skeleton.cds--text-input{background:CanvasText}.cds--skeleton.cds--text-input:before{background:Canvas;forced-color-adjust:none}}.cds--form--fluid .cds--text-input-wrapper{background:var(--cds-field);position:relative;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--form--fluid .cds--label{align-items:center;block-size:1rem;display:flex;inset-block-start:.8125rem;inset-inline-start:1rem;margin:0;position:absolute;z-index:1}.cds--form--fluid .cds--form__helper-text{display:none}.cds--form--fluid .cds--text-input{min-block-size:4rem;padding:2rem 1rem .8125rem}.cds--form--fluid .cds--text-input__divider,.cds--text-input__divider{display:none}.cds--form--fluid .cds--text-input--invalid,.cds--form--fluid .cds--text-input--warning{border-block-end:none}.cds--form--fluid .cds--text-input--invalid+.cds--text-input__divider,.cds--form--fluid .cds--text-input--warning+.cds--text-input__divider{border-color:var(--cds-border-subtle);border-style:solid;border-block-end:none;display:block;margin:0 1rem}.cds--form--fluid .cds--text-input__invalid-icon{inset-block-start:5rem}.cds--form--fluid .cds--text-input__field-wrapper--warning>.cds--text-input--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid{outline:none}.cds--form--fluid .cds--text-input__field-wrapper--warning{border-block-end:1px solid var(--cds-border-strong)}.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:not(:focus){outline-style:dotted}}.cds--form--fluid .cds--text-input__field-wrapper--warning:focus-within,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:focus-within{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--form--fluid .cds--text-input__field-wrapper--warning:focus-within,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:focus-within{outline-style:dotted}}.cds--form--fluid .cds--text-input__field-wrapper--warning>.cds--text-input--warning:focus,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:focus{outline:none}.cds--text-input-wrapper.cds--text-input-wrapper--inline{flex-flow:row wrap}.cds--text-input-wrapper .cds--label--inline{flex:1;margin:.8125rem 0 0;overflow-wrap:break-word;word-break:break-word}.cds--text-input-wrapper .cds--label--inline--sm{margin-block-start:.5625rem}.cds--text-input-wrapper .cds--label--inline--lg{margin-block-start:1.0625rem}.cds--text-input__label-helper-wrapper{flex:2;flex-direction:column;margin-inline-end:1.5rem;max-inline-size:8rem;overflow-wrap:break-word}.cds--text-input-wrapper .cds--form__helper-text--inline{margin-block-start:.125rem}.cds--text-input__field-outer-wrapper{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;inline-size:100%}.cds--text-input__field-outer-wrapper--inline{flex:8;flex-direction:column}.cds--text-input-wrapper--inline .cds--form-requirement{display:block;font-weight:400;max-block-size:12.5rem;overflow:visible}.cds--text-input-wrapper--inline--invalid .cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input-wrapper--readonly,.cds--text-input-wrapper--readonly .cds--text-input{background:transparent;border-block-end-color:var(--cds-border-subtle)}.cds--text-input__field-wrapper .cds--ai-label,.cds--text-input__field-wrapper .cds--slug,.cds--text-input__field-wrapper--decorator .cds--text-input__field-inner-wrapper--decorator>*{inset-block-start:50%;inset-inline-end:1rem;position:absolute;transform:translateY(-50%)}.cds--text-input__field-wrapper--decorator .cds--text-input:has(~.cds--text-input__field-inner-wrapper--decorator .cds--ai-label):not(:has(~.cds--text-input__field-inner-wrapper--decorator .cds--ai-label--revert)),.cds--text-input__field-wrapper--slug .cds--text-input:has(~.cds--ai-label):not(:has(~.cds--ai-label--revert)),.cds--text-input__field-wrapper--slug .cds--text-input:has(~.cds--slug):not(:has(~.cds--slug--revert)){background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}.cds--text-input__field-wrapper--decorator .cds--text-input:has(~.cds--text-input__field-inner-wrapper--decorator>*),.cds--text-input__field-wrapper--slug .cds--text-input:has(~.cds--ai-label),.cds--text-input__field-wrapper--slug .cds--text-input:has(~.cds--slug){padding-inline-end:2.5rem}.cds--text-input--invalid:has(~.cds--ai-label),.cds--text-input--invalid:has(~.cds--slug),.cds--text-input--invalid:has(~.cds--text-input__field-inner-wrapper--decorator>*),.cds--text-input--warning:has(~.cds--ai-label),.cds--text-input--warning:has(~.cds--slug),.cds--text-input--warning:has(~.cds--text-input__field-inner-wrapper--decorator>*){padding-inline-end:4rem}.cds--text-input--invalid~.cds--ai-label,.cds--text-input--invalid~.cds--slug,.cds--text-input--invalid~.cds--text-input__field-inner-wrapper--decorator>*,.cds--text-input--warning~.cds--ai-label,.cds--text-input--warning~.cds--slug,.cds--text-input--warning~.cds--text-input__field-inner-wrapper--decorator>*{inset-inline-end:2.5rem}.cds--text-input__field-wrapper--decorator .cds--text-input__field-inner-wrapper--decorator:not(:has(.cds--ai-label))>*{block-size:1rem}.cds--text-input__label-wrapper{display:flex;inline-size:100%;justify-content:space-between}.cds--slider-container{align-items:center;display:flex;gap:1rem;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cds--slider{cursor:pointer;inline-size:100%;max-inline-size:40rem;min-inline-size:12.5rem;padding:1rem 0;position:relative}.cds--slider-container--two-handles .cds--slider{margin-inline:.25rem}.cds--slider__range-label{color:var(--cds-text-primary,#161616);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);white-space:nowrap}.cds--slider__track{block-size:.125rem;inline-size:100%;transform:translateY(-50%)}.cds--slider__track,.cds--slider__track:before{background:var(--cds-border-subtle);position:absolute}.cds--slider__track:before{block-size:.25rem;content:"";display:inline-block;inline-size:.125rem;inset-block-start:-.3125rem;inset-inline-start:50%;transform:translate(-50%)}.cds--slider__filled-track{background:var(--cds-layer-selected-inverse,#161616);block-size:.125rem;inline-size:100%;pointer-events:none;position:absolute;transform:translateY(-50%);transform-origin:left;transition:background .11s cubic-bezier(.2,0,.38,.9)}.cds--slider__thumb-wrapper{block-size:.875rem;inline-size:.875rem;position:absolute;transform:translate(-50%,-50%);z-index:3;--cds-tooltip-padding-inline:0.5rem;--cds-popover-offset:0.5rem}.cds--slider-container--rtl .cds--slider__thumb-wrapper{transform:translate(50%,-50%)}.cds--slider__thumb-wrapper--lower,.cds--slider__thumb-wrapper--upper{block-size:24px;inline-size:16px;--cds-popover-offset:var(--cds-popover-caret-height,0.5rem)}.cds--slider__thumb-wrapper--lower{transform:translate(-100%,-50%)}.cds--slider__thumb-wrapper--lower>.cds--popover>.cds--popover-content{transform:translate(50%,calc(-100% - var(--cds-popover-offset, 0rem)))}.cds--slider__thumb-wrapper--lower>.cds--popover>.cds--popover-caret{inset-inline-start:revert;transform:translate(50%,calc(var(--cds-popover-offset, 0rem)*-1))}.cds--slider-container--rtl .cds--slider__thumb-wrapper--lower{transform:translate(100%,-50%)}.cds--slider-container--rtl .cds--slider__thumb-wrapper--lower>.cds--popover>.cds--popover-content{transform:translateY(calc(-100% - var(--cds-popover-offset, 0rem)))}.cds--slider-container--rtl .cds--slider__thumb-wrapper--lower>.cds--popover>.cds--popover-caret{transform:translate(-50%,calc(var(--cds-popover-offset, 0rem)*-1))}.cds--slider__thumb-wrapper--upper{transform:translateY(-50%)}.cds--slider__thumb-wrapper--upper>.cds--popover>.cds--popover-content{transform:translate(-50%,calc(-100% - var(--cds-popover-offset, 0rem)))}.cds--slider__thumb-wrapper--upper>.cds--popover>.cds--popover-caret{transform:translate(-50%,calc(var(--cds-popover-offset, 0rem)*-1))}.cds--slider-container--rtl .cds--slider__thumb-wrapper--upper{transform:translateY(-50%)}.cds--slider-container--rtl .cds--slider__thumb-wrapper--upper>.cds--popover>.cds--popover-content{transform:translateY(calc(-100% - var(--cds-popover-offset, 0rem)))}.cds--slider-container--rtl .cds--slider__thumb-wrapper--upper>.cds--popover>.cds--popover-caret{transform:translate(50%,calc(var(--cds-popover-offset, 0rem)*-1))}.cds--slider__thumb{background:var(--cds-layer-selected-inverse,#161616);border-radius:50%;box-shadow:inset 0 0 0 1px transparent,inset 0 0 0 2px transparent;inset:0;outline:none;position:absolute;transition:transform .11s cubic-bezier(.2,0,.38,.9),background .11s cubic-bezier(.2,0,.38,.9),box-shadow .11s cubic-bezier(.2,0,.38,.9)}.cds--slider__thumb:hover{transform:scale(1.4286)}.cds--slider__thumb:focus{background-color:var(--cds-interactive,#0f62fe);box-shadow:inset 0 0 0 2px var(--cds-interactive,#0f62fe),inset 0 0 0 3px var(--cds-layer);transform:scale(1.4286)}.cds--slider__thumb:active{box-shadow:inset 0 0 0 2px var(--cds-interactive,#0f62fe);transform:scale(1.4286)}.cds--slider__thumb-icon{fill:var(--cds-layer-selected-inverse,#161616)}.cds--slider__thumb-icon--focus{display:none;fill:var(--cds-interactive,#0f62fe)}.cds--slider__thumb--lower,.cds--slider__thumb--upper{background-color:transparent;border-radius:unset;box-shadow:none;inset:0;position:absolute;transition:none}.cds--slider__thumb--lower:before,.cds--slider__thumb--upper:before{background:var(--cds-background,#fff);block-size:.125rem;content:"";display:block;inline-size:.375rem;inset-block-start:calc(50% - .0625rem);inset-inline-end:0;position:absolute;z-index:-1}.cds--slider__thumb--lower:hover,.cds--slider__thumb--upper:hover{transform:none}.cds--slider__thumb--lower:hover .cds--slider__thumb-icon,.cds--slider__thumb--upper:hover .cds--slider__thumb-icon{fill:var(--cds-text-secondary,#525252)}.cds--slider__thumb--lower:active,.cds--slider__thumb--upper:active{box-shadow:none;transform:none}.cds--slider__thumb--lower:focus,.cds--slider__thumb--upper:focus{background-color:transparent;box-shadow:none;transform:none}.cds--slider__thumb--lower:focus .cds--slider__thumb-icon,.cds--slider__thumb--upper:focus .cds--slider__thumb-icon{display:none;fill:var(--cds-interactive,#0f62fe)}.cds--slider__thumb--lower:focus .cds--slider__thumb-icon--focus,.cds--slider__thumb--upper:focus .cds--slider__thumb-icon--focus{display:block}.cds--slider__thumb--lower:focus:before,.cds--slider__thumb--upper:focus:before{inline-size:100%}.cds--slider__thumb--upper{transform:none}.cds--slider__thumb--upper:before{inset-inline:0 auto}.cds--slider__thumb--upper:active,.cds--slider__thumb--upper:focus,.cds--slider__thumb--upper:hover{transform:none}.cds--slider__input{display:none}.cds--slider-text-input-wrapper{position:relative}.cds--slider-text-input-wrapper--hidden{display:none}.cds--slider-text-input,.cds-slider-text-input{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;block-size:2.5rem;inline-size:4rem}.cds--slider-text-input::-webkit-inner-spin-button,.cds--slider-text-input::-webkit-outer-spin-button,.cds-slider-text-input::-webkit-inner-spin-button,.cds-slider-text-input::-webkit-outer-spin-button{display:none}.cds--slider__thumb-wrapper:focus-within~.cds--slider__filled-track,.cds--slider__thumb:focus~.cds--slider__filled-track{background-color:var(--cds-border-interactive,#0f62fe)}.cds--slider-text-input--warn,.cds--slider-text-input.cds--text-input--invalid{inline-size:6rem;padding-inline-end:3rem}.cds--slider__invalid-icon{position:absolute;fill:var(--cds-support-error,#da1e28);inset-block-start:50%;inset-inline-end:1rem;transform:translateY(-50%)}.cds--slider__validation-msg.cds--form-requirement{display:block;max-block-size:100%;overflow:visible}.cds--slider__validation-msg--invalid{color:var(--cds-text-error,#da1e28)}.cds--slider__invalid-icon.cds--slider__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds--slider__invalid-icon--warning path:first-of-type{fill:#000;opacity:1}.cds--label--disabled~.cds--slider-container>.cds--slider__range-label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--slider--disabled.cds--slider{cursor:not-allowed}.cds--slider--disabled .cds--slider__thumb{background-color:var(--cds-border-disabled,#c6c6c6)}.cds--slider--disabled .cds--slider__thumb:hover{cursor:not-allowed;transform:none}.cds--slider--disabled .cds--slider__thumb:focus{background-color:var(--cds-border-disabled,#c6c6c6);box-shadow:none;outline:none;transform:none}.cds--slider--disabled .cds--slider__thumb:active{background:var(--cds-border-disabled,#c6c6c6);box-shadow:none;transform:none}.cds--slider--disabled .cds--slider__thumb--lower,.cds--slider--disabled .cds--slider__thumb--upper{background-color:transparent}.cds--slider--disabled .cds--slider__thumb--lower:active,.cds--slider--disabled .cds--slider__thumb--lower:focus,.cds--slider--disabled .cds--slider__thumb--lower:hover,.cds--slider--disabled .cds--slider__thumb--upper:active,.cds--slider--disabled .cds--slider__thumb--upper:focus,.cds--slider--disabled .cds--slider__thumb--upper:hover{background-color:transparent;transform:none}.cds--slider--disabled .cds--slider__thumb--lower .cds--slider__thumb-icon,.cds--slider--disabled .cds--slider__thumb--upper .cds--slider__thumb-icon{fill:var(--cds-border-disabled,#c6c6c6)}.cds--slider--disabled .cds--slider__filled-track,.cds--slider--disabled .cds--slider__thumb:focus~.cds--slider__filled-track,.cds--slider--disabled .cds--slider__track{background-color:var(--cds-border-disabled,#c6c6c6)}.cds--slider--disabled~.cds--form-item .cds--slider-text-input,.cds--slider--disabled~.cds--slider-text-input{background-color:var(--cds-field);border:none;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed;transition:none}.cds--slider--disabled~.cds--form-item .cds--slider-text-input:active,.cds--slider--disabled~.cds--form-item .cds--slider-text-input:focus,.cds--slider--disabled~.cds--form-item .cds--slider-text-input:hover,.cds--slider--disabled~.cds--slider-text-input:active,.cds--slider--disabled~.cds--slider-text-input:focus,.cds--slider--disabled~.cds--slider-text-input:hover{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));outline:none}.cds--slider--readonly{cursor:default}.cds--slider-container--readonly .cds--slider__thumb{block-size:0;inline-size:0}.cds--slider-container--readonly .cds--slider__thumb:after,.cds--slider-container--readonly .cds--slider__thumb:before{display:none}.cds--slider-container--readonly .cds--slider-text-input{background-color:transparent}.cds--slider__status-msg.cds--form-requirement{display:block;max-block-size:100%;overflow:visible}.cds--slider-container.cds--skeleton .cds--slider__range-label{background:var(--cds-skeleton-background,#e8e8e8);block-size:.75rem;border:none;box-shadow:none;inline-size:1.25rem;padding:0;pointer-events:none;position:relative}.cds--slider-container.cds--skeleton .cds--slider__range-label:active,.cds--slider-container.cds--skeleton .cds--slider__range-label:focus,.cds--slider-container.cds--skeleton .cds--slider__range-label:hover{border:none;cursor:default;outline:none}.cds--slider-container.cds--skeleton .cds--slider__range-label:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:"";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--slider-container.cds--skeleton .cds--slider__range-label:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--slider-container.cds--skeleton .cds--slider__range-label{background:CanvasText}.cds--slider-container.cds--skeleton .cds--slider__range-label:before{background:Canvas;forced-color-adjust:none}}.cds--slider-container.cds--skeleton .cds--slider__track{cursor:default;pointer-events:none}.cds--slider-container.cds--skeleton .cds--slider__thumb-wrapper{inset-inline-start:50%}.cds--slider-container.cds--skeleton .cds--slider__thumb{cursor:default;pointer-events:none}.cds--slider-container.cds--skeleton .cds--slider__thumb-wrapper--lower{inset-inline-start:0}.cds--slider-container.cds--skeleton .cds--slider__thumb-wrapper--upper{inset-inline-start:100%}.cds--popover-container.cds--slider__thumb-wrapper{position:absolute}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--slider__thumb{outline:1px solid transparent}.cds--slider__thumb:focus{color:Highlight;outline:1px solid Highlight}.cds--slider__track{outline:1px solid transparent}}:host(cds-slider),:host(cds-slider-skeleton){outline:none;--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}:host(cds-slider) .cds--slider,:host(cds-slider-skeleton) .cds--slider{transform:rotate(0)}:host(cds-slider) .cds-ce--slider__filled-track-container,:host(cds-slider-skeleton) .cds-ce--slider__filled-track-container{transform:rotate(0)}:host(cds-slider) .cds--slider__thumb,:host(cds-slider-skeleton) .cds--slider__thumb{block-size:.875rem;inline-size:.875rem;inset:inherit;transform:translate(-50%,-50%);z-index:3}:host(cds-slider) .cds--slider__thumb:focus~.cds-ce--slider__filled-track-container .cds--slider__filled-track,:host(cds-slider-skeleton) .cds--slider__thumb:focus~.cds-ce--slider__filled-track-container .cds--slider__filled-track{background-color:var(--cds-interactive,#0f62fe)}:host(cds-slider-input){position:relative}:host(cds-slider-input) input{box-sizing:border-box}:host(cds-slider-input[readonly]) input{background-color:transparent}.cds--slider__thumb-wrapper:focus-within .cds--slider__thumb-icon{display:none}.cds--slider__thumb-wrapper:focus-within .cds--slider__thumb-icon--focus{display:block}.cds--slider__thumb-disabled{pointer-events:none}:host(cds-slider-skeleton) .cds--slider__thumb{inset-inline-start:50%}:host(cds-slider-skeleton) .cds--slider__thumb--lower,:host(cds-slider-skeleton) .cds--slider__thumb--upper{block-size:inherit;inline-size:inherit;inset:initial;inset-inline-start:auto;transform:unset}.cds--slider--readonly .cds--slider__filled-track{background:var(--cds-border-inverse,#161616)}']);
+const Y = {
+  Left: -1,
+  ArrowLeft: -1,
+  Up: -1,
+  ArrowUp: -1,
+  Right: 1,
+  ArrowRight: 1,
+  Down: 1,
+  ArrowDown: 1
+}, Ie = 16;
+let u = class extends se(ie(Z(U))) {
+  constructor() {
+    super(...arguments), this._cachedRateUpper = 1, this._cachedRate = 0, this.dragCooldownTimeout = null, this.dragCoolDown = !1, this._max = "100", this._min = "0", this._step = "1", this._stepMultiplier = "4", this._throttledHandlePointermoveImpl = null, this._dragging = !1, this._draggingUpper = !1, this.onDrag = W(this._startDrag, Ie, {
+      leading: !0,
+      trailing: !1
+    }), this._handlePointermove = (e) => {
+      const { disabled: t, _dragging: i, _draggingUpper: d } = this;
+      !t && (i || d) && this._throttledHandlePointermoveImpl(e);
+    }, this._endDrag = () => {
+      this._dragging || this._draggingUpper ? this.dragCoolDown = !0 : this.dragCoolDown = !1, this._dragging ? (this.dispatchEvent(new CustomEvent(this.constructor.eventChange, {
+        bubbles: !0,
+        composed: !0,
+        detail: {
+          value: this.value
+        }
+      })), this._dragging = !1, this._thumbNode.style.touchAction = "") : this._draggingUpper && (this.dispatchEvent(new CustomEvent(this.constructor.eventChange, {
+        bubbles: !0,
+        composed: !0,
+        detail: {
+          value: this.unstable_valueUpper
+        }
+      })), this._draggingUpper = !1, this._thumbNodeUpper.style.touchAction = ""), (this._dragging || this._draggingUpper) && (this.dragCooldownTimeout = window.setTimeout(() => {
+        this.dragCoolDown = !1;
+      }, 100));
+    }, this._handleChangeInput = (e) => {
+      var t;
+      const i = e.target, d = (t = i.shadowRoot) === null || t === void 0 ? void 0 : t.querySelector("input");
+      this.isValid = i.tagName === "CDS-SLIDER-INPUT" ? this._getInputValidity(i) : this.isValid, this.warn = this._getInputWarnigState(d);
+      const a = e.target.id, { detail: o } = e, { intermediate: l, value: c } = o;
+      this.warnText = l ? `The inputted value ${l} was corrected to the nearest allowed digit` : "", l !== c && (a === "upper" ? this.unstable_valueUpper = c : this.value = c);
+      const h = a === "upper" ? this.unstable_valueUpper : this.value;
+      h !== "" && this.dispatchEvent(new CustomEvent(this.constructor.eventChange, {
+        bubbles: !0,
+        composed: !0,
+        detail: {
+          value: h,
+          intermediate: l
+        }
+      }));
+    }, this.disabled = !1, this.required = !1, this.readonly = !1, this.labelText = "", this.maxLabel = "", this.minLabel = "", this.hideLabel = !1, this.formatMaxText = (e, t) => `${e}${t}`, this.formatMinText = (e, t) => `${e}${t}`, this.invalid = !1, this.invalidText = "", this.warn = !1, this.warnText = "", this.hideTextInput = !1;
+  }
+  /**
+   * The rate of the thumb position in the track.
+   * When we try to set a new value, we adjust the value considering `step` property.
+   */
+  get _rate() {
+    const { max: e, min: t, value: i } = this;
+    if (i) {
+      const d = (Math.min(Number(e), Math.max(Number(t), i)) - Number(t)) / (Number(e) - Number(t));
+      return this._cachedRate = d, d;
+    } else
+      return this._cachedRate;
+  }
+  set _rate(e) {
+    const { max: t, min: i, step: d } = this;
+    this.value = Number(i) + Math.round((Number(t) - Number(i)) * Math.min(1, Math.max(0, e)) / Number(d)) * Number(d);
+  }
+  /**
+   * The rate of the upper thumb position in the track.
+   * When we try to set a new value for upper input, we adjust the value considering `step` property.
+   */
+  get _rateUpper() {
+    const { max: e, min: t, unstable_valueUpper: i } = this;
+    if (i) {
+      const d = (Math.min(Number(e), Math.max(Number(t), i)) - Number(t)) / (Number(e) - Number(t));
+      return this._cachedRateUpper = d, d;
+    } else
+      return this._cachedRateUpper;
+  }
+  set _rateUpper(e) {
+    const { max: t, min: i, step: d } = this;
+    this.unstable_valueUpper = Number(i) + Math.round((Number(t) - Number(i)) * Math.min(1, Math.max(0, e)) / Number(d)) * Number(d);
+  }
+  /**
+   * Handles `click` event on the `<label>` to focus on the thumb.
+   */
+  _handleClickLabel() {
+    var e;
+    (e = this._thumbNode) === null || e === void 0 || e.focus();
+  }
+  _handleFormdata(e) {
+    const { formData: t } = e, { disabled: i, name: d, value: a } = this;
+    i || t.append(d, String(a));
+  }
+  /**
+   * Handles `keydown` event on the thumb to increase/decrease the value.
+   */
+  _handleKeydown(e) {
+    const t = e.target.id, { key: i, shiftKey: d } = e;
+    if (!this.disabled && !this.readonly && i in Y) {
+      const { max: a, min: o, step: l, stepMultiplier: c, value: h, unstable_valueUpper: b } = this, g = Number(a), y = Number(o), x = Number(l), M = Number(c), z = (d ? (g - y) / M : x) * Y[i];
+      if (t == "thumb-upper") {
+        const m = (b + z) / x, w = Math.min(g, Math.max(y, (z >= 0 ? Math.floor(m) : Math.ceil(m)) * x));
+        w >= this.value && (this.unstable_valueUpper = w), this.dispatchEvent(new CustomEvent(this.constructor.eventChange, {
+          bubbles: !0,
+          composed: !0,
+          detail: {
+            value: this.unstable_valueUpper,
+            intermediate: !1
+          }
+        }));
+      } else {
+        const m = (h + z) / x, w = Math.min(g, Math.max(y, (z >= 0 ? Math.floor(m) : Math.ceil(m)) * x));
+        (!this.unstable_valueUpper || w <= this.unstable_valueUpper) && (this.value = w), this.dispatchEvent(new CustomEvent(this.constructor.eventChange, {
+          bubbles: !0,
+          composed: !0,
+          detail: {
+            value: this.value,
+            intermediate: !1
+          }
+        }));
+      }
+    }
+  }
+  /**
+   * Handles `pointerdown` event on the thumb to start dragging.
+   */
+  _startDrag(e) {
+    if (!this.readonly && !this.disabled) {
+      let t = e.target.id;
+      if (!t) {
+        const i = e.target.nodeName;
+        (i == "path" || i == "svg") && (t = e.target.parentElement.closest(".cds--slider__thumb-wrapper").id);
+      }
+      t === "thumb" ? (this._dragging = !0, this._thumbNode.style.touchAction = "none") : (this._draggingUpper = !0, this._thumbNodeUpper.style.touchAction = "none");
+    }
+  }
+  /**
+   * Handles `pointerdown` event on the track to update the thumb position and the value as necessary.
+   */
+  _handleClick(e) {
+    let t = e.target.id;
+    if (!t) {
+      const i = e.target.nodeName;
+      (i == "path" || i == "svg") && (t = e.target.parentElement.closest(".cds--slider__thumb-wrapper").id);
+    }
+    if (!this.disabled && !this.readonly) {
+      const { _trackNode: i } = this, d = (
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452
+        i.ownerDocument.defaultView.getComputedStyle(i).getPropertyValue("direction") === "rtl"
+      ), a = e.clientX, { left: o, width: l } = i.getBoundingClientRect();
+      if (t === "thumb-upper")
+        this._rateUpper = (d ? o + l - a : a - o) / l, this.dispatchEvent(new CustomEvent(this.constructor.eventChange, {
+          bubbles: !0,
+          composed: !0,
+          detail: {
+            value: this.unstable_valueUpper
+          }
+        }));
+      else if (!this.unstable_valueUpper)
+        this._rate = (d ? o + l - a : a - o) / l, this.dispatchEvent(new CustomEvent(this.constructor.eventChange, {
+          bubbles: !0,
+          composed: !0,
+          detail: {
+            value: this.value
+          }
+        }));
+      else if (!this.dragCoolDown) {
+        const c = (d ? o + l - a : a - o) / l * 100, h = c > this.value ? c - this.value : this.value - c, b = c > this.unstable_valueUpper ? c - this.unstable_valueUpper : this.unstable_valueUpper - c;
+        h > b ? this._rateUpper = c / 100 : h < b ? this._rate = c / 100 : !this._dragging && !this._draggingUpper && h === b && (Math.round(c) > this.unstable_valueUpper ? this._rateUpper = c / 100 : this._rate = c / 100), this.dispatchEvent(new CustomEvent(this.constructor.eventChange, {
+          bubbles: !0,
+          composed: !0,
+          detail: {
+            value: this.value
+          }
+        }));
+      }
+    }
+  }
+  /**
+   * Updates thumb position and value upon user's `pointermove` gesture.
+   *
+   * @param event The event.
+   */
+  _handlePointermoveImpl(e) {
+    const { disabled: t, _dragging: i, _trackNode: d, _draggingUpper: a } = this;
+    if (!t) {
+      const o = (
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452
+        d.ownerDocument.defaultView.getComputedStyle(d).getPropertyValue("direction") === "rtl"
+      ), l = e.clientX, { left: c, width: h } = this._trackNode.getBoundingClientRect();
+      if (i) {
+        const b = (o ? c + h - l : l - c) / h;
+        (!this.unstable_valueUpper || b * 100 <= this.unstable_valueUpper) && (this._rate = b, this.dispatchEvent(new CustomEvent(this.constructor.eventChange, {
+          bubbles: !0,
+          composed: !0,
+          detail: {
+            value: this.value,
+            intermediate: !0
+          }
+        })));
+      } else if (a) {
+        const b = (o ? c + h - l : l - c) / h;
+        b * 100 >= this.value && (this._rateUpper = b, this.dispatchEvent(new CustomEvent(this.constructor.eventChange, {
+          bubbles: !0,
+          composed: !0,
+          detail: {
+            value: this.unstable_valueUpper,
+            intermediate: !0
+          }
+        })));
+      }
+    }
+  }
+  /**
+   * The maximum value.
+   */
+  get max() {
+    return this._max.toString();
+  }
+  set max(e) {
+    const { max: t } = this;
+    this._max = e, this.requestUpdate("max", t);
+  }
+  /**
+   * The minimum value.
+   */
+  get min() {
+    return this._min.toString();
+  }
+  set min(e) {
+    const { min: t } = this;
+    this._min = e, this.requestUpdate("min", t);
+  }
+  /**
+   * The snapping step of the value.
+   */
+  get step() {
+    return this._step.toString();
+  }
+  set step(e) {
+    const { step: t } = this;
+    this._step = e, this.requestUpdate("step", t);
+  }
+  /**
+   * A value determining how much the value should increase/decrease by Shift+arrow keys,
+   * which will be `(max - min) / stepMultiplier`.
+   */
+  get stepMultiplier() {
+    return this._stepMultiplier.toString();
+  }
+  set stepMultiplier(e) {
+    const { stepMultiplier: t } = this;
+    this._stepMultiplier = e, this.requestUpdate("stepMultiplier", t);
+  }
+  _getInputValidity(e) {
+    var t;
+    const i = (t = e?.shadowRoot) === null || t === void 0 ? void 0 : t.querySelector("input");
+    return !(this.invalid || e?.invalid || i?.valueAsNumber > Number(this.max) || i?.valueAsNumber < Number(this.min));
+  }
+  _getInputWarnigState(e) {
+    return e?.valueAsNumber > Number(e.max) || e?.valueAsNumber < Number(e.min);
+  }
+  connectedCallback() {
+    super.connectedCallback(), this._throttledHandlePointermoveImpl || (this._throttledHandlePointermoveImpl = W(this._handlePointermoveImpl, 10));
+  }
+  disconnectedCallback() {
+    this._throttledHandlePointermoveImpl && (this._throttledHandlePointermoveImpl.cancel(), this._throttledHandlePointermoveImpl = null), clearTimeout(this.dragCooldownTimeout), super.disconnectedCallback();
+  }
+  updated() {
+    var e;
+    const t = (e = this === null || this === void 0 ? void 0 : this.shadowRoot) === null || e === void 0 ? void 0 : e.querySelector(`.${s}--slider__filled-track`);
+    t && (this.unstable_valueUpper || this.unstable_valueUpper === "" ? t.style.transform = this.unstable_valueUpper ? `translate(${this._rate * 100}%, -50%) scaleX(${this._rateUpper - this._rate})` : `translate(0%, -50%) scaleX(${this._rate})` : t.style.transform = this.unstable_valueUpper ? `translate(${this._rate * 100}%, -50%) scaleX(${this._rateUpper - this._rate})` : `translate(0%, -50%) scaleX(${this._rate})`);
+  }
+  shouldUpdate(e) {
+    return this.querySelectorAll(this.constructor.selectorInput).forEach((i, d) => {
+      e.has("disabled") && (i && (i.disabled = this.disabled), this.disabled && (this._dragging = !1)), e.has("readonly") && (i && (i.readonly = this.readonly), this.readonly && (this._dragging = !1)), e.has("invalid") && (i.invalid = this.invalid), e.has("hideTextInput") && (i.hideTextInput = this.hideTextInput), i && ((this.unstable_valueUpper || this.unstable_valueUpper === "") && d > 0 ? ["max", "min", "step", "unstable_valueUpper"].forEach((a) => {
+        a === "unstable_valueUpper" ? i.value = this.unstable_valueUpper : a === "min" ? i[a] = this.value : i[a] = this[a];
+      }) : ["max", "min", "step", "value"].forEach((a) => {
+        this.unstable_valueUpper && a === "max" ? i[a] = this.unstable_valueUpper : i[a] = this[a];
+      }), (e.has("value") || e.has("invalid") || e.has("warn") || e.has("readonly")) && (this.isValid = this._getInputValidity(i), !this.readonly && !this.isValid ? i.invalid = !0 : i.invalid = !1));
+    }), !0;
+  }
+  render() {
+    const { disabled: e, formatMaxText: t, formatMinText: i, labelText: d, hideLabel: a, max: o, min: l, maxLabel: c, minLabel: h, readonly: b, invalidText: g, isValid: y, warn: x, warnText: M, value: z, unstable_valueUpper: m, _rate: w, _rateUpper: S, _handleClickLabel: B, _handleKeydown: R, _handleClick: T, onDrag: v, _endDrag: k } = this, C = $({
+      [`${s}--label`]: !0,
+      [`${s}--visually-hidden`]: a,
+      [`${s}--label--disabled`]: e
+    }), q = $({
+      [`${s}--slider`]: !0,
+      [`${s}--slider--disabled`]: e,
+      [`${s}--slider--readonly`]: b
+    }), Q = $({
+      [`${s}--icon-tooltip`]: m || m === "",
+      [`${s}--slider__thumb-wrapper`]: m || m === "",
+      [`${s}--slider__thumb-wrapper--lower`]: m || m === "",
+      [`${s}--slider__thumb`]: !(m || m === ""),
+      [`${s}--slider__thumb-disabled`]: e
+    }), ee = $({
+      [`${s}--icon-tooltip`]: !0,
+      [`${s}--slider__thumb-wrapper`]: !0,
+      [`${s}--slider__thumb-wrapper--upper`]: !0,
+      [`${s}--slider__thumb-disabled`]: e
+    });
+    return _`
+      <label class="${C}" @click="${B}">
+        <slot name="label-text">${d}</slot>
+      </label>
+      <div class="${s}--slider-container">
+        ${m || m === "" ? _` <slot name="lower-input"></slot>` : ""}
+        <span class="${s}--slider__range-label">
+          <slot name="min-text">${i(l, h)}</slot>
+        </span>
+        <div
+          @keydown="${R}"
+          @click="${T}"
+          @pointerup="${k}"
+          @pointerleave="${k}"
+          class="${q}"
+          tabindex="-1"
+          role="presentation">
+          <div
+            id="thumb"
+            class="${Q}"
+            role="slider"
+            tabindex="${b ? -1 : 0}"
+            aria-valuemax="${o}"
+            aria-valuemin="${l}"
+            aria-valuenow="${z}"
+            style="left: ${w * 100}%"
+            @pointerdown="${v}">
+            ${(m || m === "") && !b ? _`
+                  <div class="${s}--slider__thumb--lower">
+                    <svg
+                      xmlns="http://www.w3.org/2000/svg"
+                      viewBox="0 0 16 24"
+                      class="${s}--slider__thumb-icon ${s}--slider__thumb-icon--lower">
+                      <path
+                        d="M15.08 6.46H16v11.08h-.92zM4.46 17.54c-.25 0-.46-.21-.46-.46V6.92a.465.465 0 0 1 .69-.4l8.77 5.08a.46.46 0 0 1 0 .8l-8.77 5.08c-.07.04-.15.06-.23.06Z"></path>
+                      <path fill="none" d="M-4 0h24v24H-4z"></path>
+                    </svg>
+                    <svg
+                      xmlns="http://www.w3.org/2000/svg"
+                      viewBox="0 0 16 24"
+                      class="${s}--slider__thumb-icon ${s}--slider__thumb-icon--lower cds--slider__thumb-icon--focus">
+                      <path
+                        d="M15.08 6.46H16v11.08h-.92zM4.46 17.54c-.25 0-.46-.21-.46-.46V6.92a.465.465 0 0 1 .69-.4l8.77 5.08a.46.46 0 0 1 0 .8l-8.77 5.08c-.07.04-.15.06-.23.06Z"></path>
+                      <path fill="none" d="M-4 0h24v24H-4z"></path>
+                      <path d="M15.08 0H16v6.46h-.92z"></path>
+                      <path d="M0 0h.92v24H0zM15.08 0H16v24h-.92z"></path>
+                      <path d="M0 .92V0h16v.92zM0 24v-.92h16V24z"></path>
+                    </svg>
+                  </div>
+                ` : ""}
+          </div>
+          ${(m || m === "") && !b ? _`
+                <div
+                  id="thumb-upper"
+                  class="${ee}"
+                  role="slider"
+                  tabindex="${b ? -1 : 0}"
+                  aria-valuemax="${o}"
+                  aria-valuemin="${l}"
+                  aria-valuenow="${m}"
+                  style="left: ${S * 100}%"
+                  @pointerdown="${v}">
+                  <div class="${s}--slider__thumb--upper">
+                    <svg
+                      xmlns="http://www.w3.org/2000/svg"
+                      viewBox="0 0 16 24"
+                      class="${s}--slider__thumb-icon ${s}--slider__thumb-icon--upper">
+                      <path
+                        d="M0 6.46h.92v11.08H0zM11.54 6.46c.25 0 .46.21.46.46v10.15a.465.465 0 0 1-.69.4L2.54 12.4a.46.46 0 0 1 0-.8l8.77-5.08c.07-.04.15-.06.23-.06Z"></path>
+                      <path fill="none" d="M-4 0h24v24H-4z"></path>
+                    </svg>
+                    <svg
+                      xmlns="http://www.w3.org/2000/svg"
+                      viewBox="0 0 16 24"
+                      class="${s}--slider__thumb-icon ${s}--slider__thumb-icon--upper cds--slider__thumb-icon--focus">
+                      <path
+                        d="M0 6.46h.92v11.08H0zM11.54 6.46c.25 0 .46.21.46.46v10.15a.465.465 0 0 1-.69.4L2.54 12.4a.46.46 0 0 1 0-.8l8.77-5.08c.07-.04.15-.06.23-.06Z"></path>
+                      <path fill="none" d="M-4 0h24v24H-4z"></path>
+                      <path d="M.92 24H0v-6.46h.92z"></path>
+                      <path d="M16 24h-.92V0H16zM.92 24H0V0h.92z"></path>
+                      <path d="M16 23.08V24H0v-.92zM16 0v.92H0V0z"></path>
+                    </svg>
+                  </div>
+                </div>
+              ` : _``}
+          <div id="track" class="${s}--slider__track"></div>
+          ${m || m === "" ? _` <div class="${s}--slider__filled-track"></div> ` : _` <div class="${s}-ce--slider__filled-track-container">
+                <div class="${s}--slider__filled-track"></div>
+              </div>`}
+        </div>
+        <span class="${s}--slider__range-label">
+          <slot name="max-text">${t(o, c)}</slot>
+        </span>
+        <slot></slot>
+      </div>
+
+      ${!b && !y ? _`
+            <div
+              class="${s}--slider__validation-msg ${s}--slider__validation-msg--invalid ${s}--form-requirement">
+              ${g}
+            </div>
+          ` : null}
+      ${!b && x && y ? _`<div
+            class="${s}--slider__validation-msg ${s}--form-requirement">
+            ${M}
+          </div>` : null}
+    `;
+  }
+  /**
+   * A selector that will return the `<input>` box got entering the value directly.
+   */
+  static get selectorInput() {
+    return `${s}-slider-input`;
+  }
+  /**
+   * The name of the custom event fired after the value is changed by user gesture.
+   */
+  static get eventChange() {
+    return `${s}-slider-changed`;
+  }
+  /**
+   * The name of the custom event fired after the value is changed in `<cds-slider-input>` by user gesture.
+   */
+  static get eventChangeInput() {
+    return `${s}-slider-input-changed`;
+  }
+};
+u.shadowRootOptions = Object.assign(Object.assign({}, U.shadowRootOptions), { delegatesFocus: !0 });
+u.styles = V;
+n([
+  p({ type: Number, attribute: "value-upper" })
+], u.prototype, "unstable_valueUpper", void 0);
+n([
+  j("#thumb")
+], u.prototype, "_thumbNode", void 0);
+n([
+  j("#thumb-upper")
+], u.prototype, "_thumbNodeUpper", void 0);
+n([
+  j("#track")
+], u.prototype, "_trackNode", void 0);
+n([
+  K("document:pointermove")
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452
+  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to
+], u.prototype, "_handlePointermove", void 0);
+n([
+  K("eventChangeInput")
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452
+  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to
+], u.prototype, "_handleChangeInput", void 0);
+n([
+  p({ type: Boolean, reflect: !0 })
+], u.prototype, "disabled", void 0);
+n([
+  p({ type: Boolean, reflect: !0 })
+], u.prototype, "required", void 0);
+n([
+  p({ type: Boolean, reflect: !0 })
+], u.prototype, "readonly", void 0);
+n([
+  p({ attribute: "label-text" })
+], u.prototype, "labelText", void 0);
+n([
+  p({ attribute: "max-label", reflect: !0 })
+], u.prototype, "maxLabel", void 0);
+n([
+  p({ attribute: "min-label", reflect: !0 })
+], u.prototype, "minLabel", void 0);
+n([
+  p({ attribute: "hide-label", type: Boolean, reflect: !0 })
+], u.prototype, "hideLabel", void 0);
+n([
+  p({ attribute: !1 })
+], u.prototype, "formatMaxText", void 0);
+n([
+  p({ attribute: !1 })
+], u.prototype, "formatMinText", void 0);
+n([
+  p({ type: Number, reflect: !0 })
+], u.prototype, "max", null);
+n([
+  p({ type: Number, reflect: !0 })
+], u.prototype, "min", null);
+n([
+  p()
+], u.prototype, "name", void 0);
+n([
+  p({ type: Boolean, reflect: !0 })
+], u.prototype, "invalid", void 0);
+n([
+  p({ attribute: "invalid-text" })
+], u.prototype, "invalidText", void 0);
+n([
+  p({ type: Boolean, reflect: !0 })
+], u.prototype, "warn", void 0);
+n([
+  p({ attribute: "warn-text" })
+], u.prototype, "warnText", void 0);
+n([
+  p({ type: Boolean, attribute: "hide-text-input", reflect: !0 })
+], u.prototype, "hideTextInput", void 0);
+n([
+  p({ type: Number, reflect: !0 })
+], u.prototype, "step", null);
+n([
+  p({ type: Number, reflect: !0, attribute: "step-multiplier" })
+], u.prototype, "stepMultiplier", null);
+n([
+  p({ type: Number })
+], u.prototype, "value", void 0);
+n([
+  p({ type: Boolean })
+], u.prototype, "isValid", void 0);
+u = n([
+  O(`${s}-slider`)
+], u);
+let f = class extends Z(U) {
+  constructor() {
+    super(...arguments), this._max = "100", this._min = "0", this._step = "1", this.disabled = !1, this.invalid = !1, this.warn = !1, this.hideTextInput = !1, this.type = "number", this.readonly = !1;
+  }
+  /**
+   * Handles `change` event to fire a normalized custom event.
+   */
+  _handleChange({ target: e }) {
+    const t = Number(this.min), i = Number(this.max), d = this.value, a = e.value, o = Number(a);
+    if (o >= t && o <= i && a !== "")
+      this.value = o, this.dispatchEvent(new CustomEvent(this.constructor.eventChange, {
+        bubbles: !0,
+        composed: !0,
+        detail: {
+          value: this.value,
+          intermediate: d
+        }
+      }));
+    else {
+      this.invalid = a === "", this.warn = (o < t || o > i) && a !== "";
+      const l = this.value;
+      a !== "" ? this.value = o < t ? t : i : this.value = "", this.dispatchEvent(new CustomEvent(this.constructor.eventChange, {
+        bubbles: !0,
+        composed: !0,
+        detail: {
+          value: this.value,
+          intermediate: l
+        }
+      }));
+    }
+  }
+  /**
+   * Handles `input` event to fire a normalized custom event.
+   */
+  _handleInput({ target: e }) {
+    const t = e.value;
+    t && (this.value = Number(t), this.invalid = !1, this.value >= Number(this.min) && this.value <= Number(this.max) && (this.warn = !1, this.dispatchEvent(new CustomEvent(this.constructor.eventChange, {
+      bubbles: !0,
+      composed: !0,
+      detail: {
+        value: this.value,
+        intermediate: !0
+      }
+    }))));
+  }
+  /**
+   * The maximum value.
+   */
+  get max() {
+    return this._max.toString();
+  }
+  set max(e) {
+    const { max: t } = this;
+    this._max = e, this.requestUpdate("max", t);
+  }
+  /**
+   * The minimum value.
+   */
+  get min() {
+    return this._min.toString();
+  }
+  set min(e) {
+    const { min: t } = this;
+    this._min = e, this.requestUpdate("min", t);
+  }
+  /**
+   * The snapping step of the value.
+   */
+  get step() {
+    return this._step.toString();
+  }
+  set step(e) {
+    const { step: t } = this;
+    this._step = e, this.requestUpdate("step", t);
+  }
+  render() {
+    const { disabled: e, hideTextInput: t, max: i, min: d, readonly: a, step: o, type: l, value: c, invalid: h, warn: b, _handleChange: g, _handleInput: y } = this, x = $({
+      [`${s}--text-input`]: !0,
+      [`${s}--slider-text-input`]: !0,
+      [`${s}--text-input--invalid`]: h,
+      [`${s}--slider-text-input--warn`]: b
+    }), M = F(re, {
+      class: `${s}--slider__invalid-icon`
+    }), z = F(de, {
+      class: `${s}--slider__invalid-icon ${s}--slider__invalid-icon--warning`
+    });
+    return _`
+      ${t ? null : _`
+            <input
+              ?disabled="${e}"
+              ?data-invalid="${h}"
+              type="${D(l)}"
+              class="${x}"
+              max="${i}"
+              min="${d}"
+              ?readonly="${D(a)}"
+              step="${o}"
+              .value="${c}"
+              @change="${g}"
+              @input="${y}" />
+            ${h ? _`${M}` : null}
+            ${b ? _`${z}` : null}
+          `}
+    `;
+  }
+  /**
+   * A selector that will return the parent slider.
+   */
+  static get selectorParent() {
+    return `${s}-slider`;
+  }
+  /**
+   * The name of the custom event fired after the value is changed by user gesture.
+   */
+  static get eventChange() {
+    return `${s}-slider-input-changed`;
+  }
+};
+f.shadowRootOptions = Object.assign(Object.assign({}, U.shadowRootOptions), { delegatesFocus: !0 });
+f.styles = V;
+n([
+  p({ type: Boolean, reflect: !0 })
+], f.prototype, "disabled", void 0);
+n([
+  p({ type: Boolean, reflect: !0 })
+], f.prototype, "invalid", void 0);
+n([
+  p({ type: Boolean, reflect: !0 })
+], f.prototype, "warn", void 0);
+n([
+  p({ type: Boolean })
+], f.prototype, "hideTextInput", void 0);
+n([
+  p({ type: Number, reflect: !0 })
+], f.prototype, "max", null);
+n([
+  p({ type: Number, reflect: !0 })
+], f.prototype, "min", null);
+n([
+  p({ type: Number, reflect: !0 })
+], f.prototype, "step", null);
+n([
+  p()
+], f.prototype, "type", void 0);
+n([
+  p({ type: Number })
+], f.prototype, "value", void 0);
+n([
+  p({ type: Boolean, reflect: !0 })
+], f.prototype, "readonly", void 0);
+f = n([
+  O(`${s}-slider-input`)
+], f);
+let H = class extends U {
+  constructor() {
+    super(...arguments), this.twoHandles = !1;
+  }
+  render() {
+    const { twoHandles: e } = this, t = $({
+      [`${s}--slider-container`]: !0,
+      [`${s}--skeleton`]: !0,
+      [`${s}--slider-container--two-handles`]: e
+    }), i = $({
+      [`${s}--slider__thumb`]: !0,
+      [`${s}--slider__thumb--lower`]: e
+    }), d = $({
+      [`${s}--slider__thumb`]: !0,
+      [`${s}--slider__thumb--upper`]: e
+    }), a = $({
+      [`${s}--slider__thumb-wrapper`]: !0,
+      [`${s}--slider__thumb-wrapper--lower`]: e
+    }), o = $({
+      [`${s}--slider__thumb-wrapper`]: !0,
+      [`${s}--slider__thumb-wrapper--upper`]: e
+    });
+    return _`
+      <span class="${s}--label ${s}--skeleton"></span>
+      <div class="${t}">
+        <span class="${s}--slider__range-label"></span>
+        <div class="${s}--slider">
+          <div class="${s}--slider__track"></div>
+          <div class="${s}--slider__filled-track"></div>
+          ${e ? _`
+                <div class="${a}">
+                  <div class="${i}">
+                    <svg
+                      xmlns="http://www.w3.org/2000/svg"
+                      viewBox="0 0 16 24"
+                      class="${s}--slider__thumb-icon ${s}--slider__thumb-icon--lower">
+                      <path
+                        d="M15.08 6.46H16v11.08h-.92zM4.46 17.54c-.25 0-.46-.21-.46-.46V6.92a.465.465 0 0 1 .69-.4l8.77 5.08a.46.46 0 0 1 0 .8l-8.77 5.08c-.07.04-.15.06-.23.06Z"></path>
+                      <path fill="none" d="M-4 0h24v24H-4z"></path>
+                    </svg>
+                  </div>
+                </div>
+              ` : _` <div class="${i}"></div> `}
+          ${e ? _` <div class="${o}">
+                <div class="${d}">
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    viewBox="0 0 16 24"
+                    class="${s}--slider__thumb-icon ${s}--slider__thumb-icon--upper">
+                    <path
+                      d="M0 6.46h.92v11.08H0zM11.54 6.46c.25 0 .46.21.46.46v10.15a.465.465 0 0 1-.69.4L2.54 12.4a.46.46 0 0 1 0-.8l8.77-5.08c.07-.04.15-.06.23-.06Z"></path>
+                    <path fill="none" d="M-4 0h24v24H-4z"></path>
+                  </svg>
+                </div>
+              </div>` : void 0}
+        </div>
+        <span class="${s}--slider__range-label"></span>
+      </div>
+    `;
+  }
+};
+H.styles = V;
+n([
+  p({ type: Boolean, reflect: !0 })
+], H.prototype, "twoHandles", void 0);
+H = n([
+  O(`${s}-slider-skeleton`)
+], H);