import { h, r as registerInstance, H as Host, g as getElement } from './index-090d31ca.js';
import { s as sanitizeVegaComponent } from './component-7d906393.js';
import { c as MapToComponentField, V as VegaSlimmer, L as LogUtility, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
import { s as slotPlaceholder } from './placeholder-bf562081.js';
import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
import { g as getCurrentBreakpoint } from './breakpoints-332702ed.js';
import { C as ComponentLoadRequired } from './component-load-required-db42032a.js';
import { R as ResponsiveFormatFacade } from './responsive-format-facade-3ec5c161.js';
import { a as arrayToClassString } from './ui-64815a12.js';
import { m as formatAndValidTypographyToken, i as formatAndValidTextColor, f as formatAndValidResponsiveToken } from './design-token-53758173.js';
import './try-get-document-bef0f526.js';
import './ui-93922c59.js';
import './breakpoints-d9faf11c.js';
import './type-guard-ed1004cc.js';
import './typography-396de03f.js';
import './internal-translation-controller-d8217d93.js';
import './change-manager-6a7eb88c.js';
import './static-subject-title-52f93124.js';
import './number-4398f2e1.js';
import './pixel-f32c07ce.js';
import './array-7888f339.js';
import './feature-flag-controller-30f7b625.js';
import './index-bfc6dfa2.js';
import './state-border-formatter-a243f3fc.js';

var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
  return c > 3 && r && Object.defineProperty(target, key, r), r;
};
/** The `VegaFontVariantController` class is a TypeScript class that extends `VegaSlimmer` and provides a method to get the font token based on the current breakpoint. */
class VegaFontVariantController extends VegaSlimmer {
  /**
   * The function `getFontTokenByBreakpoint` returns a font token based on the current breakpoint, with support for responsive typography.
   *
   * @returns {Nullable<string>} a nullable string.
   */
  getFontTokenByBreakpoint() {
    return ResponsiveFormatFacade.formatCustom(this.variant);
  }
}
__decorate$4([
  MapToComponentField()
], VegaFontVariantController.prototype, "variant", void 0);

var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
  return c > 3 && r && Object.defineProperty(target, key, r), r;
};
const VEGA_FONT_AS_SAFE_LIST = [
  'h1',
  'h2',
  'h3',
  'h4',
  'h5',
  'h6',
  'i',
  'p',
  'span',
  'q',
  's',
  'del',
  'em',
  'cite',
  'b',
  'abbr',
  '',
];
/** The `VegaFontAsController` class is a TypeScript class that extends `VegaSlimmer` and provides methods for rendering and updating an extra node based on a specified `as` property. */
class VegaFontAsController extends VegaSlimmer {
  /*
   * The below method is e2e-test covered in
   * @see{module:vega-font-responsive-as}
   */
  /* istanbul ignore next */
  /**
   * The function `getTagNameFromPropAs` returns a `VegaFontAs` value based on the input
   * `ResponsiveType<VegaFontAs>`.
   *
   * @returns {VegaFontAs} a value of type `VegaFontAs`.
   */
  getTagNameFromPropAs() {
    const result = ResponsiveFormatFacade.formatCustom(this.as) || '';
    if (!this.isSafeAs(result)) {
      LogUtility.warn(`The as value ${result} is invalid, it must be a value of: `, VEGA_FONT_AS_SAFE_LIST);
      return '';
    }
    return result;
  }
  /**
   * The function checks if a given value is safe to use as a VegaFontAs.
   *
   * @param {VegaFontAs} as - The parameter "as" is of type VegaFontAs.
   * @returns {boolean} a boolean value. If the input `as` is included in the `VEGA_FONT_AS_SAFE_LIST`, then it
   * returns `true`. Otherwise, it returns `false`.
   */
  isSafeAs(as) {
    if (VEGA_FONT_AS_SAFE_LIST.includes(as)) {
      return true;
    }
    return false;
  }
}
__decorate$3([
  MapToComponentField()
], VegaFontAsController.prototype, "as", void 0);

var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
  return c > 3 && r && Object.defineProperty(target, key, r), r;
};
/** The VegaFontClassesController class is responsible for generating CSS classes based on the font properties and settings. */
class VegaFontClassesController extends VegaSlimmer {
  /**
   * The function `getClasses` returns a string of CSS classes based on the font, color, and responsive settings.
   *
   * @returns {string} a string.
   */
  getClassName() {
    const font = this.variantController.getFontTokenByBreakpoint();
    const hostClasses = [];
    if (font) {
      hostClasses.push(formatAndValidTypographyToken(font));
    }
    if (this.color) {
      hostClasses.push(formatAndValidTextColor(this.color));
    }
    if (this.disableResponsive) {
      hostClasses.push('disable-responsive');
    }
    if (this.textAlign) {
      hostClasses.push(formatAndValidResponsiveToken(this.textAlign, 'textAlign'));
    }
    return arrayToClassString(hostClasses);
  }
}
__decorate$2([
  MapToComponentField()
], VegaFontClassesController.prototype, "color", void 0);
__decorate$2([
  MapToComponentField()
], VegaFontClassesController.prototype, "disableResponsive", void 0);
__decorate$2([
  MapToComponentField()
], VegaFontClassesController.prototype, "variantController", void 0);
__decorate$2([
  MapToComponentField()
], VegaFontClassesController.prototype, "textAlign", void 0);

var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
  return c > 3 && r && Object.defineProperty(target, key, r), r;
};
/* The `VegaFontRenderer` class in TypeScript React extends `VegaSlimmer` and renders an HTML element based on specified properties. */
class VegaFontRenderer extends VegaSlimmer {
  render(hostClasses) {
    const tagName = this.asController.getTagNameFromPropAs();
    if (tagName) {
      const Tag = tagName;
      return (h(Tag, { class: hostClasses },
        h("slot", null)));
    }
    else {
      return h("slot", null);
    }
  }
}
__decorate$1([
  MapToComponentField()
], VegaFontRenderer.prototype, "asController", void 0);

const VegaFontRuntimeMetricsPayloadDefinition = [
  {
    payloadKey: 'VARIANT_IS_FONT_FIELD_LABEL',
    payloadDescription: 'Specifies the typography token used for styling the text within this component. A typography token includes values for font size and line height',
    /**
     * The function checks if the `variant` property of the `host` element is equal to 'font-field-label'.
     * If it is, the function will return `true`.
     *
     * @param {HTMLElement} host - The element to check
     * @returns {boolean} A boolean value
     */
    payloadValue: (host) => host.variant === 'font-field-label',
  },
  {
    payloadKey: 'VARIANT_IS_NOT_FONT_FIELD_LABEL',
    payloadDescription: 'Specifies the typography token used for styling the text within this component. A typography token includes values for font size and line height',
    /**
     * The function checks if the `variant` property of the `host` element is not equal to 'font-field-label'.
     * If it is, the function will return `true`.
     *
     * @param {HTMLElement} host - The element to check
     * @returns {boolean} A boolean value
     */
    payloadValue: (host) => host.variant !== 'font-field-label',
  },
];

const vegaFontCss = ":host(.v-text-primary),.v-text-primary{color:rgba(var(--v-text-primary, 32, 54, 69, 1))}:host(.v-text-secondary),.v-text-secondary{color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}:host(.v-text-inverted-primary),.v-text-inverted-primary{color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}:host(.v-text-inverted-secondary),.v-text-inverted-secondary{color:rgba(var(--v-text-inverted-secondary, 188, 186, 213, 1))}:host(.v-text-black),.v-text-black{color:rgba(var(--v-text-black, 32, 54, 69, 1))}:host(.v-text-white),.v-text-white{color:rgba(var(--v-text-white, 252, 252, 252, 1))}:host(.v-text-brand),.v-text-brand{color:rgba(var(--v-text-brand, 51, 57, 61, 1))}:host(.v-text-danger-link),.v-text-danger-link{color:rgba(var(--v-text-danger-link, 230, 50, 87, 1))}:host(.v-text-danger-link-hover),.v-text-danger-link-hover{color:rgba(var(--v-text-danger-link-hover, 233, 71, 104, 1))}:host(.v-text-danger-link-active),.v-text-danger-link-active{color:rgba(var(--v-text-danger-link-active, 189, 41, 71, 1))}:host(.v-text-danger-link-focus),.v-text-danger-link-focus{color:rgba(var(--v-text-danger-link-focus, 240, 52, 91, 1))}:host(.v-text-danger-link-visited),.v-text-danger-link-visited{color:rgba(var(--v-text-danger-link-visited, 230, 50, 87, 1))}:host(.v-text-disabled),.v-text-disabled{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host(.v-text-error),.v-text-error{color:rgba(var(--v-text-error, 189, 41, 71, 1))}:host(.v-text-input-disabled),.v-text-input-disabled{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1))}:host(.v-text-input-placeholder),.v-text-input-placeholder{color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}:host(.v-text-link),.v-text-link{color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host(.v-text-link-hover),.v-text-link-hover{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host(.v-text-link-active),.v-text-link-active{color:rgba(var(--v-text-link-active, 29, 65, 195, 1))}:host(.v-text-link-focus),.v-text-link-focus{color:rgba(var(--v-text-link-focus, 4, 112, 236, 1))}:host(.v-text-link-visited),.v-text-link-visited{color:rgba(var(--v-text-link-visited, 95, 56, 206, 1))}:host(.v-text-on-action),.v-text-on-action{color:rgba(var(--v-text-on-action, 252, 252, 252, 1))}:host(.v-text-on-danger),.v-text-on-danger{color:rgba(var(--v-text-on-danger, 252, 252, 252, 1))}:host(.v-text-on-disabled),.v-text-on-disabled{color:rgba(var(--v-text-on-disabled, 252, 252, 252, 1))}:host(.v-text-sidebar-link),.v-text-sidebar-link{color:rgba(var(--v-text-sidebar-link, 188, 186, 213, 1))}:host(.v-text-sidebar-link-hover),.v-text-sidebar-link-hover{color:rgba(var(--v-text-sidebar-link-hover, 18, 18, 39, 1))}:host(.v-text-sidebar-link-selected),.v-text-sidebar-link-selected{color:rgba(var(--v-text-sidebar-link-selected, 252, 252, 252, 1))}:host(.v-text-site-footer-link),.v-text-site-footer-link{color:rgba(var(--v-text-site-footer-link, 171, 198, 216, 1))}:host(.v-text-site-footer-link-hover),.v-text-site-footer-link-hover{color:rgba(var(--v-text-site-footer-link-hover, 199, 217, 229, 1))}:host(.v-text-site-footer-link-active),.v-text-site-footer-link-active{color:rgba(var(--v-text-site-footer-link-active, 143, 179, 203, 1))}:host(.v-text-success),.v-text-success{color:rgba(var(--v-text-success, 1, 128, 31, 1))}:host(.v-text-inverted-success),.v-text-inverted-success{color:rgba(var(--v-text-inverted-success, 89, 217, 119, 1))}:host(.v-text-accent1-primary),.v-text-accent1-primary{color:rgba(var(--v-text-accent1-primary, 115, 230, 220, 1))}:host(.v-text-accent2-primary),.v-text-accent2-primary{color:rgba(var(--v-text-accent2-primary, 128, 107, 255, 1))}:host(.v-text-accent3-primary),.v-text-accent3-primary{color:rgba(var(--v-text-accent3-primary, 255, 220, 131, 1))}:host(.v-text-accent4-primary),.v-text-accent4-primary{color:rgba(var(--v-text-accent4-primary, 255, 149, 113, 1))}:host(.v-text-accent5-primary),.v-text-accent5-primary{color:rgba(var(--v-text-accent5-primary, 0, 187, 255, 1))}:host(.v-text-accent6-primary),.v-text-accent6-primary{color:rgba(var(--v-text-accent6-primary, 240, 52, 91, 1))}:host(.v-text-accent7-primary),.v-text-accent7-primary{color:rgba(var(--v-text-accent7-primary, 37, 159, 159, 1))}:host(.v-text-accent8-primary),.v-text-accent8-primary{color:rgba(var(--v-text-accent8-primary, 86, 61, 130, 1))}:host(.v-text-accent9-primary),.v-text-accent9-primary{color:rgba(var(--v-text-accent9-primary, 255, 191, 63, 1))}:host(.v-text-accent10-primary),.v-text-accent10-primary{color:rgba(var(--v-text-accent10-primary, 237, 122, 35, 1))}:host(.v-font-h1),.v-font-h1{font-family:\"Inter\", sans-serif;font-size:42px;font-weight:700;line-height:50px;letter-spacing:0.42px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-h1:not(.disable-responsive)),.v-font-h1:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:42px;font-weight:700;line-height:50px;letter-spacing:2.52px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-h1:not(.disable-responsive)),.v-font-h1:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:48px;font-weight:700;line-height:56px;letter-spacing:0.96px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-h1:not(.disable-responsive)),.v-font-h1:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:60px;font-weight:700;line-height:70px;letter-spacing:1.8px}}:host(.v-font-h2),.v-font-h2{font-family:\"Inter\", sans-serif;font-size:32px;font-weight:700;line-height:40px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-h2:not(.disable-responsive)),.v-font-h2:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:32px;font-weight:700;line-height:40px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-h2:not(.disable-responsive)),.v-font-h2:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:36px;font-weight:700;line-height:44px;letter-spacing:1.8px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-h2:not(.disable-responsive)),.v-font-h2:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:42px;font-weight:700;line-height:52px;letter-spacing:0.42px}}:host(.v-font-h3),.v-font-h3{font-family:\"Inter\", sans-serif;font-size:28px;font-weight:500;line-height:36px;letter-spacing:0.28px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-h3:not(.disable-responsive)),.v-font-h3:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:28px;font-weight:500;line-height:36px;letter-spacing:0.28px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-h3:not(.disable-responsive)),.v-font-h3:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:28px;font-weight:500;line-height:36px;letter-spacing:0.28px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-h3:not(.disable-responsive)),.v-font-h3:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:32px;font-weight:500;line-height:44px;letter-spacing:0.32px}}:host(.v-font-h4),.v-font-h4{font-family:\"Inter\", sans-serif;font-size:24px;font-weight:700;line-height:32px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-h4:not(.disable-responsive)),.v-font-h4:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:24px;font-weight:700;line-height:32px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-h4:not(.disable-responsive)),.v-font-h4:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:24px;font-weight:700;line-height:32px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-h4:not(.disable-responsive)),.v-font-h4:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:28px;font-weight:700;line-height:36px;letter-spacing:0px}}:host(.v-font-h5),.v-font-h5{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-h5:not(.disable-responsive)),.v-font-h5:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-h5:not(.disable-responsive)),.v-font-h5:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-h5:not(.disable-responsive)),.v-font-h5:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}:host(.v-font-h6),.v-font-h6{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-h6:not(.disable-responsive)),.v-font-h6:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-h6:not(.disable-responsive)),.v-font-h6:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-h6:not(.disable-responsive)),.v-font-h6:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}:host(.v-font-p1-short),.v-font-p1-short{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:500;line-height:28px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-p1-short:not(.disable-responsive)),.v-font-p1-short:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:20px;font-weight:500;line-height:27px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-p1-short:not(.disable-responsive)),.v-font-p1-short:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:20px;font-weight:500;line-height:27px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-p1-short:not(.disable-responsive)),.v-font-p1-short:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:20px;font-weight:500;line-height:27px;letter-spacing:0px}}:host(.v-font-p1-long),.v-font-p1-long{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:500;line-height:32px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-p1-long:not(.disable-responsive)),.v-font-p1-long:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:20px;font-weight:500;line-height:30px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-p1-long:not(.disable-responsive)),.v-font-p1-long:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:20px;font-weight:500;line-height:30px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-p1-long:not(.disable-responsive)),.v-font-p1-long:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:20px;font-weight:500;line-height:30px;letter-spacing:0px}}:host(.v-font-p2-short),.v-font-p2-short{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:500;line-height:28px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-p2-short:not(.disable-responsive)),.v-font-p2-short:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-p2-short:not(.disable-responsive)),.v-font-p2-short:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-p2-short:not(.disable-responsive)),.v-font-p2-short:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host(.v-font-p2-long),.v-font-p2-long{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:500;line-height:30px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-p2-long:not(.disable-responsive)),.v-font-p2-long:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-p2-long:not(.disable-responsive)),.v-font-p2-long:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-p2-long:not(.disable-responsive)),.v-font-p2-long:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}:host(.v-font-btn-label),.v-font-btn-label{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-btn-label:not(.disable-responsive)),.v-font-btn-label:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-btn-label:not(.disable-responsive)),.v-font-btn-label:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-btn-label:not(.disable-responsive)),.v-font-btn-label:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}:host(.v-font-btn-label-lg),.v-font-btn-label-lg{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-btn-label-lg:not(.disable-responsive)),.v-font-btn-label-lg:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-btn-label-lg:not(.disable-responsive)),.v-font-btn-label-lg:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-btn-label-lg:not(.disable-responsive)),.v-font-btn-label-lg:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0px}}:host(.v-font-btn-label-sm),.v-font-btn-label-sm{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-btn-label-sm:not(.disable-responsive)),.v-font-btn-label-sm:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-btn-label-sm:not(.disable-responsive)),.v-font-btn-label-sm:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-btn-label-sm:not(.disable-responsive)),.v-font-btn-label-sm:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}:host(.v-font-btn-link-label),.v-font-btn-link-label{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-btn-link-label:not(.disable-responsive)),.v-font-btn-link-label:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-btn-link-label:not(.disable-responsive)),.v-font-btn-link-label:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-btn-link-label:not(.disable-responsive)),.v-font-btn-link-label:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:22px;letter-spacing:0px}}:host(.v-font-btn-link-label-lg),.v-font-btn-link-label-lg{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-btn-link-label-lg:not(.disable-responsive)),.v-font-btn-link-label-lg:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-btn-link-label-lg:not(.disable-responsive)),.v-font-btn-link-label-lg:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-btn-link-label-lg:not(.disable-responsive)),.v-font-btn-link-label-lg:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:22px;letter-spacing:0px}}:host(.v-font-btn-link-label-sm),.v-font-btn-link-label-sm{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-btn-link-label-sm:not(.disable-responsive)),.v-font-btn-link-label-sm:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-btn-link-label-sm:not(.disable-responsive)),.v-font-btn-link-label-sm:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-btn-link-label-sm:not(.disable-responsive)),.v-font-btn-link-label-sm:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}:host(.v-font-field-label),.v-font-field-label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-field-label:not(.disable-responsive)),.v-font-field-label:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-field-label:not(.disable-responsive)),.v-font-field-label:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-field-label:not(.disable-responsive)),.v-font-field-label:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host(.v-font-field-label-sm),.v-font-field-label-sm{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-field-label-sm:not(.disable-responsive)),.v-font-field-label-sm:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-field-label-sm:not(.disable-responsive)),.v-font-field-label-sm:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-field-label-sm:not(.disable-responsive)),.v-font-field-label-sm:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}}:host(.v-font-field-label-xs),.v-font-field-label-xs{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:16px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-field-label-xs:not(.disable-responsive)),.v-font-field-label-xs:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:16px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-field-label-xs:not(.disable-responsive)),.v-font-field-label-xs:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:16px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-field-label-xs:not(.disable-responsive)),.v-font-field-label-xs:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:16px}}:host(.v-font-field-label-lg),.v-font-field-label-lg{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:500;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-field-label-lg:not(.disable-responsive)),.v-font-field-label-lg:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:20px;font-weight:500;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-field-label-lg:not(.disable-responsive)),.v-font-field-label-lg:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:20px;font-weight:500;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-field-label-lg:not(.disable-responsive)),.v-font-field-label-lg:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:20px;font-weight:500;line-height:24px;letter-spacing:0px}}:host(.v-font-field-label-em),.v-font-field-label-em{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-field-label-em:not(.disable-responsive)),.v-font-field-label-em:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-field-label-em:not(.disable-responsive)),.v-font-field-label-em:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-field-label-em:not(.disable-responsive)),.v-font-field-label-em:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px}}:host(.v-font-field-label-sm-em),.v-font-field-label-sm-em{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-field-label-sm-em:not(.disable-responsive)),.v-font-field-label-sm-em:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-field-label-sm-em:not(.disable-responsive)),.v-font-field-label-sm-em:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-field-label-sm-em:not(.disable-responsive)),.v-font-field-label-sm-em:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}:host(.v-font-field-label-xs-em),.v-font-field-label-xs-em{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-field-label-xs-em:not(.disable-responsive)),.v-font-field-label-xs-em:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-field-label-xs-em:not(.disable-responsive)),.v-font-field-label-xs-em:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-field-label-xs-em:not(.disable-responsive)),.v-font-field-label-xs-em:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px}}:host(.v-font-field-label-lg-em),.v-font-field-label-lg-em{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-field-label-lg-em:not(.disable-responsive)),.v-font-field-label-lg-em:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-field-label-lg-em:not(.disable-responsive)),.v-font-field-label-lg-em:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-field-label-lg-em:not(.disable-responsive)),.v-font-field-label-lg-em:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}}:host(.v-font-field-value),.v-font-field-value{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-field-value:not(.disable-responsive)),.v-font-field-value:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-field-value:not(.disable-responsive)),.v-font-field-value:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-field-value:not(.disable-responsive)),.v-font-field-value:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host(.v-font-field-value-sm),.v-font-field-value-sm{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:16px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-field-value-sm:not(.disable-responsive)),.v-font-field-value-sm:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:16px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-field-value-sm:not(.disable-responsive)),.v-font-field-value-sm:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:16px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-field-value-sm:not(.disable-responsive)),.v-font-field-value-sm:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:16px}}:host(.v-font-field-value-em),.v-font-field-value-em{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:22px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-field-value-em:not(.disable-responsive)),.v-font-field-value-em:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-field-value-em:not(.disable-responsive)),.v-font-field-value-em:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-field-value-em:not(.disable-responsive)),.v-font-field-value-em:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:22px;letter-spacing:0px}}:host(.v-font-field-value-disabled),.v-font-field-value-disabled{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-field-value-disabled:not(.disable-responsive)),.v-font-field-value-disabled:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-field-value-disabled:not(.disable-responsive)),.v-font-field-value-disabled:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-field-value-disabled:not(.disable-responsive)),.v-font-field-value-disabled:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host(.v-font-sidebar-link),.v-font-sidebar-link{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-sidebar-link:not(.disable-responsive)),.v-font-sidebar-link:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-sidebar-link:not(.disable-responsive)),.v-font-sidebar-link:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-sidebar-link:not(.disable-responsive)),.v-font-sidebar-link:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:24px;letter-spacing:0px}}:host(.v-font-sidebar-link-em),.v-font-sidebar-link-em{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-sidebar-link-em:not(.disable-responsive)),.v-font-sidebar-link-em:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-sidebar-link-em:not(.disable-responsive)),.v-font-sidebar-link-em:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-sidebar-link-em:not(.disable-responsive)),.v-font-sidebar-link-em:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}:host(.v-font-footnote1-short),.v-font-footnote1-short{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-footnote1-short:not(.disable-responsive)),.v-font-footnote1-short:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-footnote1-short:not(.disable-responsive)),.v-font-footnote1-short:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-footnote1-short:not(.disable-responsive)),.v-font-footnote1-short:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host(.v-font-footnote1-long),.v-font-footnote1-long{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-footnote1-long:not(.disable-responsive)),.v-font-footnote1-long:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-footnote1-long:not(.disable-responsive)),.v-font-footnote1-long:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-footnote1-long:not(.disable-responsive)),.v-font-footnote1-long:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:18px;letter-spacing:0px}}:host(.v-font-footnote2-short),.v-font-footnote2-short{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:16px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-footnote2-short:not(.disable-responsive)),.v-font-footnote2-short:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:16px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-footnote2-short:not(.disable-responsive)),.v-font-footnote2-short:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:16px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-footnote2-short:not(.disable-responsive)),.v-font-footnote2-short:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:16px;letter-spacing:0px}}:host(.v-font-footnote2-long),.v-font-footnote2-long{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:20px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-footnote2-long:not(.disable-responsive)),.v-font-footnote2-long:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-footnote2-long:not(.disable-responsive)),.v-font-footnote2-long:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-footnote2-long:not(.disable-responsive)),.v-font-footnote2-long:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:18px;letter-spacing:0px}}:host(.v-font-h-modal),.v-font-h-modal{font-family:\"Inter\", sans-serif;font-size:24px;font-weight:700;line-height:32px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-h-modal:not(.disable-responsive)),.v-font-h-modal:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:24px;font-weight:700;line-height:32px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-h-modal:not(.disable-responsive)),.v-font-h-modal:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:24px;font-weight:700;line-height:32px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-h-modal:not(.disable-responsive)),.v-font-h-modal:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:24px;font-weight:700;line-height:32px}}:host(.v-font-keypad-label),.v-font-keypad-label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-keypad-label:not(.disable-responsive)),.v-font-keypad-label:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-keypad-label:not(.disable-responsive)),.v-font-keypad-label:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-keypad-label:not(.disable-responsive)),.v-font-keypad-label:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px}}:host(.v-font-keypad-label-large),.v-font-keypad-label-large{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:24px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-keypad-label-large:not(.disable-responsive)),.v-font-keypad-label-large:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:24px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-keypad-label-large:not(.disable-responsive)),.v-font-keypad-label-large:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:24px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-keypad-label-large:not(.disable-responsive)),.v-font-keypad-label-large:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:24px}}:host(.v-font-notification-content),.v-font-notification-content{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-notification-content:not(.disable-responsive)),.v-font-notification-content:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-notification-content:not(.disable-responsive)),.v-font-notification-content:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-notification-content:not(.disable-responsive)),.v-font-notification-content:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host(.v-font-counter-badge-label),.v-font-counter-badge-label{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:700;line-height:16px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.v-font-counter-badge-label:not(.disable-responsive)),.v-font-counter-badge-label:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:12px;font-weight:700;line-height:16px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.v-font-counter-badge-label:not(.disable-responsive)),.v-font-counter-badge-label:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:12px;font-weight:700;line-height:16px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.v-font-counter-badge-label:not(.disable-responsive)),.v-font-counter-badge-label:not(.disable-responsive){font-family:\"Inter\", sans-serif;font-size:12px;font-weight:700;line-height:16px}}:host(.v-text-start),.v-text-start{text-align:start}:host(.v-text-end),.v-text-end{text-align:end}:host(.v-text-left),.v-text-left{text-align:left}:host(.v-text-right),.v-text-right{text-align:right}:host(.v-text-center),.v-text-center{text-align:center}:host(.v-text-justify),.v-text-justify{text-align:justify}@media (min-width: 320px){:host(.S\\:v-text-start),.S\\:v-text-start{text-align:start}:host(.S\\:v-text-end),.S\\:v-text-end{text-align:end}:host(.S\\:v-text-left),.S\\:v-text-left{text-align:left}:host(.S\\:v-text-right),.S\\:v-text-right{text-align:right}:host(.S\\:v-text-center),.S\\:v-text-center{text-align:center}:host(.S\\:v-text-justify),.S\\:v-text-justify{text-align:justify}}@media (min-width: 768px){:host(.M\\:v-text-start),.M\\:v-text-start{text-align:start}:host(.M\\:v-text-end),.M\\:v-text-end{text-align:end}:host(.M\\:v-text-left),.M\\:v-text-left{text-align:left}:host(.M\\:v-text-right),.M\\:v-text-right{text-align:right}:host(.M\\:v-text-center),.M\\:v-text-center{text-align:center}:host(.M\\:v-text-justify),.M\\:v-text-justify{text-align:justify}}@media (min-width: 1024px){:host(.L\\:v-text-start),.L\\:v-text-start{text-align:start}:host(.L\\:v-text-end),.L\\:v-text-end{text-align:end}:host(.L\\:v-text-left),.L\\:v-text-left{text-align:left}:host(.L\\:v-text-right),.L\\:v-text-right{text-align:right}:host(.L\\:v-text-center),.L\\:v-text-center{text-align:center}:host(.L\\:v-text-justify),.L\\:v-text-justify{text-align:justify}}@media (min-width: 1440px){:host(.XL\\:v-text-start),.XL\\:v-text-start{text-align:start}:host(.XL\\:v-text-end),.XL\\:v-text-end{text-align:end}:host(.XL\\:v-text-left),.XL\\:v-text-left{text-align:left}:host(.XL\\:v-text-right),.XL\\:v-text-right{text-align:right}:host(.XL\\:v-text-center),.XL\\:v-text-center{text-align:center}:host(.XL\\:v-text-justify),.XL\\:v-text-justify{text-align:justify}}";

var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
    r = Reflect.decorate(decorators, target, key, desc);
  else
    for (var i = decorators.length - 1; i >= 0; i--)
      if (d = decorators[i])
        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
  return c > 3 && r && Object.defineProperty(target, key, r), r;
};
const VegaFont = class {
  constructor(hostRef) {
    registerInstance(this, hostRef);
    this.globalSlimmers = {};
    this.pageResizeSlimmer = new PageResizeObserverSlimmer();
    this.variantController = new VegaFontVariantController();
    this.asController = new VegaFontAsController();
    this.classesController = new VegaFontClassesController();
    this.renderer = new VegaFontRenderer();
    this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer(VegaFontRuntimeMetricsPayloadDefinition);
    this.currentBreakpoint = getCurrentBreakpoint();
    /**
     * Specifies the typography token used for styling the text within this component. A typography token includes values for font size and line height.
     *
     * @vegaVersion 1.46.0
     */
    this.variant = 'font-field-label';
    /**
     * Specifies the font color represented by a valid text color token.
     *
     * @vegaVersion 1.46.0
     */
    this.color = 'text-primary';
    /**
     * Specifies the capability to enable or disable the font's
     *      responsiveness from native code.
     *
     * @vegaVersion 1.46.0
     */
    this.disableResponsive = false;
    /**
     * Indicates the rendering of an additional node with a
     *     value that is an HTML tag name. It can be set as `ResponsiveType`.
     *
     * @vegaVersion 1.46.0
     */
    this.as = '';
  }
  watchAsChange(newValue) {
  }
  componentDidLoad() {
  }
  componentDidUpdate() {
  }
  render() {
    const hostClasses = this.classesController.getClassName();
    slotPlaceholder(h("slot", null));
    return sanitizeVegaComponent(h(Host, { class: hostClasses }, this.renderer.render(hostClasses)), this.host);
  }
  get host() { return getElement(this); }
  static get watchers() { return {
    "as": ["watchAsChange"]
  }; }
};
__decorate([
  InjectVegaGlobalSlimmer()
], VegaFont.prototype, "globalSlimmers", void 0);
__decorate([
  InjectVegaSlimmer()
], VegaFont.prototype, "pageResizeSlimmer", void 0);
__decorate([
  InjectVegaSlimmer()
], VegaFont.prototype, "variantController", void 0);
__decorate([
  InjectVegaSlimmer()
], VegaFont.prototype, "asController", void 0);
__decorate([
  InjectVegaSlimmer()
], VegaFont.prototype, "classesController", void 0);
__decorate([
  InjectVegaSlimmer()
], VegaFont.prototype, "renderer", void 0);
__decorate([
  InjectVegaSlimmer()
], VegaFont.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
__decorate([
  ComponentLoadRequired()
], VegaFont.prototype, "watchAsChange", null);
VegaFont.style = vegaFontCss;

export { VegaFont as vega_font };
