@dialpad/dialtone 9.108.0 → 9.109.0-rebrand-2025-beta.1

package/dist/vue3/components/button/button.vue.cjs

@@ -125,7 +125,7 @@ const _sfc_main = {
     },
     /**
      * The color of the button.
-     * @values default, muted, danger, inverted
+     * @values default, muted, danger, positive, inverted
      */
     kind: {
       type: String,

package/dist/vue3/components/button/button.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"button.vue.cjs","sources":["../../../components/button/button.vue"],"sourcesContent":["<template>\n  <button\n    :class=\"[\n      'base-button__button',\n      buttonClasses(),\n    ]\"\n    data-qa=\"dt-button\"\n    :type=\"type\"\n    :disabled=\"disabled\"\n    :style=\"{ width: width }\"\n    :aria-live=\"computedAriaLive\"\n    :aria-label=\"loading ? 'loading' : $attrs['aria-label']\"\n    v-on=\"buttonListeners\"\n  >\n    <!-- NOTE(cormac): This span is needed since we can't apply styles to slots. -->\n    <span\n      v-if=\"shouldRenderIcon()\"\n      data-qa=\"dt-button-icon\"\n      :class=\"[\n        'base-button__icon',\n        'd-btn__icon',\n        ICON_POSITION_MODIFIERS[iconPosition],\n      ]\"\n    >\n      <!-- @slot Button icon -->\n      <slot\n        name=\"icon\"\n        :icon-size=\"iconSize\"\n      />\n    </span>\n    <span\n      v-if=\"hasSlotContent($slots.default)\"\n      data-qa=\"dt-button-label\"\n      :class=\"['d-btn__label', 'base-button__label', labelClass]\"\n    >\n      <!-- @slot Content within button -->\n      <slot />\n    </span>\n  </button>\n</template>\n\n<script>\nimport { warn } from 'vue';\nimport { hasSlotContent } from '@/common/utils';\n\nimport {\n  BUTTON_SIZE_MODIFIERS,\n  BUTTON_KIND_MODIFIERS,\n  BUTTON_IMPORTANCE_MODIFIERS,\n  BUTTON_ICON_SIZES,\n  BUTTON_TYPES,\n  ICON_POSITION_MODIFIERS,\n  INVALID_COMBINATION,\n} from './button_constants';\n\nimport { LINK_KIND_MODIFIERS, getLinkKindModifier } from '@/components/link';\n\n/**\n * A button is a UI element which allows users to take an action throughout the app.\n * It is important a button is identifiable, consistent, and communicates its actions clearly,\n * and is appropriately sized to its action.\n * @see https://dialtone.dialpad.com/components/button.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtButton',\n\n  props: {\n    /**\n     * Whether the button is a circle or not.\n     * @values true, false\n     */\n    circle: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * The position of the icon slot within the button.\n     * @values left, right, top, bottom\n     */\n    iconPosition: {\n      type: String,\n      default: 'left',\n      validator: (position) => Object.keys(ICON_POSITION_MODIFIERS).includes(position),\n    },\n\n    /**\n     * The fill and outline of the button associated with its visual importance.\n     * @values clear, outlined, primary\n     */\n    importance: {\n      type: String,\n      default: 'primary',\n      validator: (i) => Object.keys(BUTTON_IMPORTANCE_MODIFIERS).includes(i),\n    },\n\n    /**\n     * Whether the button should be styled as a link or not.\n     * @values true, false\n     * @see DtLink\n     */\n    link: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * The color of the link and button if the button is styled as a link.\n     * @values default, warning, danger, success, muted\n     * @see DtLink\n     */\n    linkKind: {\n      type: String,\n      default: 'default',\n      validator: (lk) => Object.keys(LINK_KIND_MODIFIERS).includes(lk),\n    },\n\n    /**\n     * Determines whether the link should have inverted styling if the button is styled as a link.\n     * @values true, false\n     * @see DtLink\n     */\n    linkInverted: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * HTML button disabled attribute\n     * <a class=\"d-link\" href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled\" target=\"_blank\"> (Reference) </a>\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * HTML button type attribute\n     * <a\n     *   class=\"d-link\"\n     *   href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type\"\n     *   target=\"_blank\"\n     * >\n     *   (Reference)\n     * </a>\n     * @values button, submit, reset\n     */\n    type: {\n      type: String,\n      default: 'button',\n      validator: (t) => BUTTON_TYPES.includes(t),\n    },\n\n    /**\n     * Button width, accepts\n     * <a class=\"d-link\" href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/width\" target=\"_blank\">\n     *   CSS width attribute\n     * </a>\n     * values\n     */\n    width: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * The size of the button.\n     * @values xs, sm, md, lg, xl\n     */\n    size: {\n      type: String,\n      default: 'md',\n      validator: (s) => Object.keys(BUTTON_SIZE_MODIFIERS).includes(s),\n    },\n\n    /**\n     * Used to customize the label container\n     */\n    labelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Whether the button should display a loading animation or not.\n     * @values true, false\n     */\n    loading: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * The color of the button.\n     * @values default, muted, danger, inverted\n     */\n    kind: {\n      type: String,\n      default: 'default',\n      validator: (k) => Object.keys(BUTTON_KIND_MODIFIERS).includes(k),\n    },\n\n    /**\n     * Determines whether a screenreader reads live updates of\n     * the button content to the user while the button\n     * is in focus. default is to not.\n     * @values true, false\n     */\n    assertiveOnFocus: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Determines whether the button should have active styling\n     * default is false.\n     * @values true, false\n     */\n    active: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    /**\n     * Native button focus in event\n     *\n     * @event focusin\n     * @type {FocusEvent}\n     */\n    'focusin',\n\n    /**\n     * Native button focus out event\n     *\n     * @event focusout\n     * @type {FocusEvent}\n     */\n    'focusout',\n  ],\n\n  data () {\n    return {\n      ICON_POSITION_MODIFIERS,\n      // whether the button is currently in focus\n      isInFocus: false,\n      hasSlotContent,\n    };\n  },\n\n  computed: {\n\n    buttonListeners () {\n      return {\n        focusin: (e) => {\n          this.isInFocus = this.assertiveOnFocus;\n          this.$emit('focusin', e);\n        },\n\n        focusout: (e) => {\n          this.isInFocus = false;\n          this.$emit('focusout', e);\n        },\n      };\n    },\n\n    computedAriaLive () {\n      return this.assertiveOnFocus && this.isInFocus ? 'assertive' : this.$attrs.ariaLive;\n    },\n\n    iconSize () {\n      return BUTTON_ICON_SIZES[this.size];\n    },\n  },\n\n  watch: {\n    $props: {\n      deep: true,\n      immediate: true,\n      handler () {\n        if (process.env.NODE_ENV === 'production') return;\n\n        if (this.circle && this.link) {\n          warn('You cannot enable circle and link at the same time', this);\n        }\n\n        this.isInvalidPropCombination(this.circle, this.kind, this.importance);\n      },\n    },\n  },\n\n  methods: {\n    buttonClasses () {\n      if (this.link) {\n        return [\n          'd-link',\n          getLinkKindModifier(this.linkKind, this.linkInverted),\n          BUTTON_SIZE_MODIFIERS[this.size],\n        ];\n      }\n      return [\n        'd-btn',\n        BUTTON_IMPORTANCE_MODIFIERS[this.importance],\n        BUTTON_KIND_MODIFIERS[this.kind],\n        BUTTON_SIZE_MODIFIERS[this.size],\n        {\n          'd-btn--circle': this.circle,\n          'd-btn--loading': this.loading,\n          'd-btn--icon-only': this.isIconOnly(),\n          'd-btn--vertical': this.isVerticalIconLayout(),\n          'd-btn--active': this.active,\n        },\n      ];\n    },\n\n    isInvalidPropCombination (circle, kind, importance) {\n      for (const row of INVALID_COMBINATION) {\n        if (circle === row.circle && kind === row.kind && importance === row.importance) {\n          console.warn(row.message);\n          return false;\n        }\n      }\n      return true;\n    },\n\n    shouldRenderIcon () {\n      return hasSlotContent(this.$slots.icon) && !this.link;\n    },\n\n    isIconOnly () {\n      return this.shouldRenderIcon() && !hasSlotContent(this.$slots.default);\n    },\n\n    isVerticalIconLayout () {\n      return !this.isIconOnly() && ['top', 'bottom'].includes(this.iconPosition);\n    },\n  },\n};\n</script>\n"],"names":["ICON_POSITION_MODIFIERS","BUTTON_IMPORTANCE_MODIFIERS","LINK_KIND_MODIFIERS","BUTTON_TYPES","BUTTON_SIZE_MODIFIERS","BUTTON_KIND_MODIFIERS","hasSlotContent","BUTTON_ICON_SIZES","warn","getLinkKindModifier","INVALID_COMBINATION","_openBlock","_createElementBlock","_mergeProps","_toHandlers","_normalizeClass","_renderSlot","_createCommentVNode"],"mappings":"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"}
+{"version":3,"file":"button.vue.cjs","sources":["../../../components/button/button.vue"],"sourcesContent":["<template>\n  <button\n    :class=\"[\n      'base-button__button',\n      buttonClasses(),\n    ]\"\n    data-qa=\"dt-button\"\n    :type=\"type\"\n    :disabled=\"disabled\"\n    :style=\"{ width: width }\"\n    :aria-live=\"computedAriaLive\"\n    :aria-label=\"loading ? 'loading' : $attrs['aria-label']\"\n    v-on=\"buttonListeners\"\n  >\n    <!-- NOTE(cormac): This span is needed since we can't apply styles to slots. -->\n    <span\n      v-if=\"shouldRenderIcon()\"\n      data-qa=\"dt-button-icon\"\n      :class=\"[\n        'base-button__icon',\n        'd-btn__icon',\n        ICON_POSITION_MODIFIERS[iconPosition],\n      ]\"\n    >\n      <!-- @slot Button icon -->\n      <slot\n        name=\"icon\"\n        :icon-size=\"iconSize\"\n      />\n    </span>\n    <span\n      v-if=\"hasSlotContent($slots.default)\"\n      data-qa=\"dt-button-label\"\n      :class=\"['d-btn__label', 'base-button__label', labelClass]\"\n    >\n      <!-- @slot Content within button -->\n      <slot />\n    </span>\n  </button>\n</template>\n\n<script>\nimport { warn } from 'vue';\nimport { hasSlotContent } from '@/common/utils';\n\nimport {\n  BUTTON_SIZE_MODIFIERS,\n  BUTTON_KIND_MODIFIERS,\n  BUTTON_IMPORTANCE_MODIFIERS,\n  BUTTON_ICON_SIZES,\n  BUTTON_TYPES,\n  ICON_POSITION_MODIFIERS,\n  INVALID_COMBINATION,\n} from './button_constants';\n\nimport { LINK_KIND_MODIFIERS, getLinkKindModifier } from '@/components/link';\n\n/**\n * A button is a UI element which allows users to take an action throughout the app.\n * It is important a button is identifiable, consistent, and communicates its actions clearly,\n * and is appropriately sized to its action.\n * @see https://dialtone.dialpad.com/components/button.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtButton',\n\n  props: {\n    /**\n     * Whether the button is a circle or not.\n     * @values true, false\n     */\n    circle: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * The position of the icon slot within the button.\n     * @values left, right, top, bottom\n     */\n    iconPosition: {\n      type: String,\n      default: 'left',\n      validator: (position) => Object.keys(ICON_POSITION_MODIFIERS).includes(position),\n    },\n\n    /**\n     * The fill and outline of the button associated with its visual importance.\n     * @values clear, outlined, primary\n     */\n    importance: {\n      type: String,\n      default: 'primary',\n      validator: (i) => Object.keys(BUTTON_IMPORTANCE_MODIFIERS).includes(i),\n    },\n\n    /**\n     * Whether the button should be styled as a link or not.\n     * @values true, false\n     * @see DtLink\n     */\n    link: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * The color of the link and button if the button is styled as a link.\n     * @values default, warning, danger, success, muted\n     * @see DtLink\n     */\n    linkKind: {\n      type: String,\n      default: 'default',\n      validator: (lk) => Object.keys(LINK_KIND_MODIFIERS).includes(lk),\n    },\n\n    /**\n     * Determines whether the link should have inverted styling if the button is styled as a link.\n     * @values true, false\n     * @see DtLink\n     */\n    linkInverted: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * HTML button disabled attribute\n     * <a class=\"d-link\" href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled\" target=\"_blank\"> (Reference) </a>\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * HTML button type attribute\n     * <a\n     *   class=\"d-link\"\n     *   href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type\"\n     *   target=\"_blank\"\n     * >\n     *   (Reference)\n     * </a>\n     * @values button, submit, reset\n     */\n    type: {\n      type: String,\n      default: 'button',\n      validator: (t) => BUTTON_TYPES.includes(t),\n    },\n\n    /**\n     * Button width, accepts\n     * <a class=\"d-link\" href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/width\" target=\"_blank\">\n     *   CSS width attribute\n     * </a>\n     * values\n     */\n    width: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * The size of the button.\n     * @values xs, sm, md, lg, xl\n     */\n    size: {\n      type: String,\n      default: 'md',\n      validator: (s) => Object.keys(BUTTON_SIZE_MODIFIERS).includes(s),\n    },\n\n    /**\n     * Used to customize the label container\n     */\n    labelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Whether the button should display a loading animation or not.\n     * @values true, false\n     */\n    loading: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * The color of the button.\n     * @values default, muted, danger, positive, inverted\n     */\n    kind: {\n      type: String,\n      default: 'default',\n      validator: (k) => Object.keys(BUTTON_KIND_MODIFIERS).includes(k),\n    },\n\n    /**\n     * Determines whether a screenreader reads live updates of\n     * the button content to the user while the button\n     * is in focus. default is to not.\n     * @values true, false\n     */\n    assertiveOnFocus: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Determines whether the button should have active styling\n     * default is false.\n     * @values true, false\n     */\n    active: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    /**\n     * Native button focus in event\n     *\n     * @event focusin\n     * @type {FocusEvent}\n     */\n    'focusin',\n\n    /**\n     * Native button focus out event\n     *\n     * @event focusout\n     * @type {FocusEvent}\n     */\n    'focusout',\n  ],\n\n  data () {\n    return {\n      ICON_POSITION_MODIFIERS,\n      // whether the button is currently in focus\n      isInFocus: false,\n      hasSlotContent,\n    };\n  },\n\n  computed: {\n\n    buttonListeners () {\n      return {\n        focusin: (e) => {\n          this.isInFocus = this.assertiveOnFocus;\n          this.$emit('focusin', e);\n        },\n\n        focusout: (e) => {\n          this.isInFocus = false;\n          this.$emit('focusout', e);\n        },\n      };\n    },\n\n    computedAriaLive () {\n      return this.assertiveOnFocus && this.isInFocus ? 'assertive' : this.$attrs.ariaLive;\n    },\n\n    iconSize () {\n      return BUTTON_ICON_SIZES[this.size];\n    },\n  },\n\n  watch: {\n    $props: {\n      deep: true,\n      immediate: true,\n      handler () {\n        if (process.env.NODE_ENV === 'production') return;\n\n        if (this.circle && this.link) {\n          warn('You cannot enable circle and link at the same time', this);\n        }\n\n        this.isInvalidPropCombination(this.circle, this.kind, this.importance);\n      },\n    },\n  },\n\n  methods: {\n    buttonClasses () {\n      if (this.link) {\n        return [\n          'd-link',\n          getLinkKindModifier(this.linkKind, this.linkInverted),\n          BUTTON_SIZE_MODIFIERS[this.size],\n        ];\n      }\n      return [\n        'd-btn',\n        BUTTON_IMPORTANCE_MODIFIERS[this.importance],\n        BUTTON_KIND_MODIFIERS[this.kind],\n        BUTTON_SIZE_MODIFIERS[this.size],\n        {\n          'd-btn--circle': this.circle,\n          'd-btn--loading': this.loading,\n          'd-btn--icon-only': this.isIconOnly(),\n          'd-btn--vertical': this.isVerticalIconLayout(),\n          'd-btn--active': this.active,\n        },\n      ];\n    },\n\n    isInvalidPropCombination (circle, kind, importance) {\n      for (const row of INVALID_COMBINATION) {\n        if (circle === row.circle && kind === row.kind && importance === row.importance) {\n          console.warn(row.message);\n          return false;\n        }\n      }\n      return true;\n    },\n\n    shouldRenderIcon () {\n      return hasSlotContent(this.$slots.icon) && !this.link;\n    },\n\n    isIconOnly () {\n      return this.shouldRenderIcon() && !hasSlotContent(this.$slots.default);\n    },\n\n    isVerticalIconLayout () {\n      return !this.isIconOnly() && ['top', 'bottom'].includes(this.iconPosition);\n    },\n  },\n};\n</script>\n"],"names":["ICON_POSITION_MODIFIERS","BUTTON_IMPORTANCE_MODIFIERS","LINK_KIND_MODIFIERS","BUTTON_TYPES","BUTTON_SIZE_MODIFIERS","BUTTON_KIND_MODIFIERS","hasSlotContent","BUTTON_ICON_SIZES","warn","getLinkKindModifier","INVALID_COMBINATION","_openBlock","_createElementBlock","_mergeProps","_toHandlers","_normalizeClass","_renderSlot","_createCommentVNode"],"mappings":"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"}

package/dist/vue3/components/button/button.vue.js

@@ -123,7 +123,7 @@ const _sfc_main = {
     },
     /**
      * The color of the button.
-     * @values default, muted, danger, inverted
+     * @values default, muted, danger, positive, inverted
      */
     kind: {
       type: String,

package/dist/vue3/components/button/button.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.vue.js","sources":["../../../components/button/button.vue"],"sourcesContent":["<template>\n  <button\n    :class=\"[\n      'base-button__button',\n      buttonClasses(),\n    ]\"\n    data-qa=\"dt-button\"\n    :type=\"type\"\n    :disabled=\"disabled\"\n    :style=\"{ width: width }\"\n    :aria-live=\"computedAriaLive\"\n    :aria-label=\"loading ? 'loading' : $attrs['aria-label']\"\n    v-on=\"buttonListeners\"\n  >\n    <!-- NOTE(cormac): This span is needed since we can't apply styles to slots. -->\n    <span\n      v-if=\"shouldRenderIcon()\"\n      data-qa=\"dt-button-icon\"\n      :class=\"[\n        'base-button__icon',\n        'd-btn__icon',\n        ICON_POSITION_MODIFIERS[iconPosition],\n      ]\"\n    >\n      <!-- @slot Button icon -->\n      <slot\n        name=\"icon\"\n        :icon-size=\"iconSize\"\n      />\n    </span>\n    <span\n      v-if=\"hasSlotContent($slots.default)\"\n      data-qa=\"dt-button-label\"\n      :class=\"['d-btn__label', 'base-button__label', labelClass]\"\n    >\n      <!-- @slot Content within button -->\n      <slot />\n    </span>\n  </button>\n</template>\n\n<script>\nimport { warn } from 'vue';\nimport { hasSlotContent } from '@/common/utils';\n\nimport {\n  BUTTON_SIZE_MODIFIERS,\n  BUTTON_KIND_MODIFIERS,\n  BUTTON_IMPORTANCE_MODIFIERS,\n  BUTTON_ICON_SIZES,\n  BUTTON_TYPES,\n  ICON_POSITION_MODIFIERS,\n  INVALID_COMBINATION,\n} from './button_constants';\n\nimport { LINK_KIND_MODIFIERS, getLinkKindModifier } from '@/components/link';\n\n/**\n * A button is a UI element which allows users to take an action throughout the app.\n * It is important a button is identifiable, consistent, and communicates its actions clearly,\n * and is appropriately sized to its action.\n * @see https://dialtone.dialpad.com/components/button.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtButton',\n\n  props: {\n    /**\n     * Whether the button is a circle or not.\n     * @values true, false\n     */\n    circle: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * The position of the icon slot within the button.\n     * @values left, right, top, bottom\n     */\n    iconPosition: {\n      type: String,\n      default: 'left',\n      validator: (position) => Object.keys(ICON_POSITION_MODIFIERS).includes(position),\n    },\n\n    /**\n     * The fill and outline of the button associated with its visual importance.\n     * @values clear, outlined, primary\n     */\n    importance: {\n      type: String,\n      default: 'primary',\n      validator: (i) => Object.keys(BUTTON_IMPORTANCE_MODIFIERS).includes(i),\n    },\n\n    /**\n     * Whether the button should be styled as a link or not.\n     * @values true, false\n     * @see DtLink\n     */\n    link: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * The color of the link and button if the button is styled as a link.\n     * @values default, warning, danger, success, muted\n     * @see DtLink\n     */\n    linkKind: {\n      type: String,\n      default: 'default',\n      validator: (lk) => Object.keys(LINK_KIND_MODIFIERS).includes(lk),\n    },\n\n    /**\n     * Determines whether the link should have inverted styling if the button is styled as a link.\n     * @values true, false\n     * @see DtLink\n     */\n    linkInverted: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * HTML button disabled attribute\n     * <a class=\"d-link\" href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled\" target=\"_blank\"> (Reference) </a>\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * HTML button type attribute\n     * <a\n     *   class=\"d-link\"\n     *   href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type\"\n     *   target=\"_blank\"\n     * >\n     *   (Reference)\n     * </a>\n     * @values button, submit, reset\n     */\n    type: {\n      type: String,\n      default: 'button',\n      validator: (t) => BUTTON_TYPES.includes(t),\n    },\n\n    /**\n     * Button width, accepts\n     * <a class=\"d-link\" href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/width\" target=\"_blank\">\n     *   CSS width attribute\n     * </a>\n     * values\n     */\n    width: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * The size of the button.\n     * @values xs, sm, md, lg, xl\n     */\n    size: {\n      type: String,\n      default: 'md',\n      validator: (s) => Object.keys(BUTTON_SIZE_MODIFIERS).includes(s),\n    },\n\n    /**\n     * Used to customize the label container\n     */\n    labelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Whether the button should display a loading animation or not.\n     * @values true, false\n     */\n    loading: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * The color of the button.\n     * @values default, muted, danger, inverted\n     */\n    kind: {\n      type: String,\n      default: 'default',\n      validator: (k) => Object.keys(BUTTON_KIND_MODIFIERS).includes(k),\n    },\n\n    /**\n     * Determines whether a screenreader reads live updates of\n     * the button content to the user while the button\n     * is in focus. default is to not.\n     * @values true, false\n     */\n    assertiveOnFocus: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Determines whether the button should have active styling\n     * default is false.\n     * @values true, false\n     */\n    active: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    /**\n     * Native button focus in event\n     *\n     * @event focusin\n     * @type {FocusEvent}\n     */\n    'focusin',\n\n    /**\n     * Native button focus out event\n     *\n     * @event focusout\n     * @type {FocusEvent}\n     */\n    'focusout',\n  ],\n\n  data () {\n    return {\n      ICON_POSITION_MODIFIERS,\n      // whether the button is currently in focus\n      isInFocus: false,\n      hasSlotContent,\n    };\n  },\n\n  computed: {\n\n    buttonListeners () {\n      return {\n        focusin: (e) => {\n          this.isInFocus = this.assertiveOnFocus;\n          this.$emit('focusin', e);\n        },\n\n        focusout: (e) => {\n          this.isInFocus = false;\n          this.$emit('focusout', e);\n        },\n      };\n    },\n\n    computedAriaLive () {\n      return this.assertiveOnFocus && this.isInFocus ? 'assertive' : this.$attrs.ariaLive;\n    },\n\n    iconSize () {\n      return BUTTON_ICON_SIZES[this.size];\n    },\n  },\n\n  watch: {\n    $props: {\n      deep: true,\n      immediate: true,\n      handler () {\n        if (process.env.NODE_ENV === 'production') return;\n\n        if (this.circle && this.link) {\n          warn('You cannot enable circle and link at the same time', this);\n        }\n\n        this.isInvalidPropCombination(this.circle, this.kind, this.importance);\n      },\n    },\n  },\n\n  methods: {\n    buttonClasses () {\n      if (this.link) {\n        return [\n          'd-link',\n          getLinkKindModifier(this.linkKind, this.linkInverted),\n          BUTTON_SIZE_MODIFIERS[this.size],\n        ];\n      }\n      return [\n        'd-btn',\n        BUTTON_IMPORTANCE_MODIFIERS[this.importance],\n        BUTTON_KIND_MODIFIERS[this.kind],\n        BUTTON_SIZE_MODIFIERS[this.size],\n        {\n          'd-btn--circle': this.circle,\n          'd-btn--loading': this.loading,\n          'd-btn--icon-only': this.isIconOnly(),\n          'd-btn--vertical': this.isVerticalIconLayout(),\n          'd-btn--active': this.active,\n        },\n      ];\n    },\n\n    isInvalidPropCombination (circle, kind, importance) {\n      for (const row of INVALID_COMBINATION) {\n        if (circle === row.circle && kind === row.kind && importance === row.importance) {\n          console.warn(row.message);\n          return false;\n        }\n      }\n      return true;\n    },\n\n    shouldRenderIcon () {\n      return hasSlotContent(this.$slots.icon) && !this.link;\n    },\n\n    isIconOnly () {\n      return this.shouldRenderIcon() && !hasSlotContent(this.$slots.default);\n    },\n\n    isVerticalIconLayout () {\n      return !this.isIconOnly() && ['top', 'bottom'].includes(this.iconPosition);\n    },\n  },\n};\n</script>\n"],"names":["_openBlock","_createElementBlock","_mergeProps","_toHandlers","_normalizeClass","_renderSlot","_createCommentVNode"],"mappings":"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"}
+{"version":3,"file":"button.vue.js","sources":["../../../components/button/button.vue"],"sourcesContent":["<template>\n  <button\n    :class=\"[\n      'base-button__button',\n      buttonClasses(),\n    ]\"\n    data-qa=\"dt-button\"\n    :type=\"type\"\n    :disabled=\"disabled\"\n    :style=\"{ width: width }\"\n    :aria-live=\"computedAriaLive\"\n    :aria-label=\"loading ? 'loading' : $attrs['aria-label']\"\n    v-on=\"buttonListeners\"\n  >\n    <!-- NOTE(cormac): This span is needed since we can't apply styles to slots. -->\n    <span\n      v-if=\"shouldRenderIcon()\"\n      data-qa=\"dt-button-icon\"\n      :class=\"[\n        'base-button__icon',\n        'd-btn__icon',\n        ICON_POSITION_MODIFIERS[iconPosition],\n      ]\"\n    >\n      <!-- @slot Button icon -->\n      <slot\n        name=\"icon\"\n        :icon-size=\"iconSize\"\n      />\n    </span>\n    <span\n      v-if=\"hasSlotContent($slots.default)\"\n      data-qa=\"dt-button-label\"\n      :class=\"['d-btn__label', 'base-button__label', labelClass]\"\n    >\n      <!-- @slot Content within button -->\n      <slot />\n    </span>\n  </button>\n</template>\n\n<script>\nimport { warn } from 'vue';\nimport { hasSlotContent } from '@/common/utils';\n\nimport {\n  BUTTON_SIZE_MODIFIERS,\n  BUTTON_KIND_MODIFIERS,\n  BUTTON_IMPORTANCE_MODIFIERS,\n  BUTTON_ICON_SIZES,\n  BUTTON_TYPES,\n  ICON_POSITION_MODIFIERS,\n  INVALID_COMBINATION,\n} from './button_constants';\n\nimport { LINK_KIND_MODIFIERS, getLinkKindModifier } from '@/components/link';\n\n/**\n * A button is a UI element which allows users to take an action throughout the app.\n * It is important a button is identifiable, consistent, and communicates its actions clearly,\n * and is appropriately sized to its action.\n * @see https://dialtone.dialpad.com/components/button.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtButton',\n\n  props: {\n    /**\n     * Whether the button is a circle or not.\n     * @values true, false\n     */\n    circle: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * The position of the icon slot within the button.\n     * @values left, right, top, bottom\n     */\n    iconPosition: {\n      type: String,\n      default: 'left',\n      validator: (position) => Object.keys(ICON_POSITION_MODIFIERS).includes(position),\n    },\n\n    /**\n     * The fill and outline of the button associated with its visual importance.\n     * @values clear, outlined, primary\n     */\n    importance: {\n      type: String,\n      default: 'primary',\n      validator: (i) => Object.keys(BUTTON_IMPORTANCE_MODIFIERS).includes(i),\n    },\n\n    /**\n     * Whether the button should be styled as a link or not.\n     * @values true, false\n     * @see DtLink\n     */\n    link: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * The color of the link and button if the button is styled as a link.\n     * @values default, warning, danger, success, muted\n     * @see DtLink\n     */\n    linkKind: {\n      type: String,\n      default: 'default',\n      validator: (lk) => Object.keys(LINK_KIND_MODIFIERS).includes(lk),\n    },\n\n    /**\n     * Determines whether the link should have inverted styling if the button is styled as a link.\n     * @values true, false\n     * @see DtLink\n     */\n    linkInverted: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * HTML button disabled attribute\n     * <a class=\"d-link\" href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled\" target=\"_blank\"> (Reference) </a>\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * HTML button type attribute\n     * <a\n     *   class=\"d-link\"\n     *   href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type\"\n     *   target=\"_blank\"\n     * >\n     *   (Reference)\n     * </a>\n     * @values button, submit, reset\n     */\n    type: {\n      type: String,\n      default: 'button',\n      validator: (t) => BUTTON_TYPES.includes(t),\n    },\n\n    /**\n     * Button width, accepts\n     * <a class=\"d-link\" href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/width\" target=\"_blank\">\n     *   CSS width attribute\n     * </a>\n     * values\n     */\n    width: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * The size of the button.\n     * @values xs, sm, md, lg, xl\n     */\n    size: {\n      type: String,\n      default: 'md',\n      validator: (s) => Object.keys(BUTTON_SIZE_MODIFIERS).includes(s),\n    },\n\n    /**\n     * Used to customize the label container\n     */\n    labelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Whether the button should display a loading animation or not.\n     * @values true, false\n     */\n    loading: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * The color of the button.\n     * @values default, muted, danger, positive, inverted\n     */\n    kind: {\n      type: String,\n      default: 'default',\n      validator: (k) => Object.keys(BUTTON_KIND_MODIFIERS).includes(k),\n    },\n\n    /**\n     * Determines whether a screenreader reads live updates of\n     * the button content to the user while the button\n     * is in focus. default is to not.\n     * @values true, false\n     */\n    assertiveOnFocus: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Determines whether the button should have active styling\n     * default is false.\n     * @values true, false\n     */\n    active: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    /**\n     * Native button focus in event\n     *\n     * @event focusin\n     * @type {FocusEvent}\n     */\n    'focusin',\n\n    /**\n     * Native button focus out event\n     *\n     * @event focusout\n     * @type {FocusEvent}\n     */\n    'focusout',\n  ],\n\n  data () {\n    return {\n      ICON_POSITION_MODIFIERS,\n      // whether the button is currently in focus\n      isInFocus: false,\n      hasSlotContent,\n    };\n  },\n\n  computed: {\n\n    buttonListeners () {\n      return {\n        focusin: (e) => {\n          this.isInFocus = this.assertiveOnFocus;\n          this.$emit('focusin', e);\n        },\n\n        focusout: (e) => {\n          this.isInFocus = false;\n          this.$emit('focusout', e);\n        },\n      };\n    },\n\n    computedAriaLive () {\n      return this.assertiveOnFocus && this.isInFocus ? 'assertive' : this.$attrs.ariaLive;\n    },\n\n    iconSize () {\n      return BUTTON_ICON_SIZES[this.size];\n    },\n  },\n\n  watch: {\n    $props: {\n      deep: true,\n      immediate: true,\n      handler () {\n        if (process.env.NODE_ENV === 'production') return;\n\n        if (this.circle && this.link) {\n          warn('You cannot enable circle and link at the same time', this);\n        }\n\n        this.isInvalidPropCombination(this.circle, this.kind, this.importance);\n      },\n    },\n  },\n\n  methods: {\n    buttonClasses () {\n      if (this.link) {\n        return [\n          'd-link',\n          getLinkKindModifier(this.linkKind, this.linkInverted),\n          BUTTON_SIZE_MODIFIERS[this.size],\n        ];\n      }\n      return [\n        'd-btn',\n        BUTTON_IMPORTANCE_MODIFIERS[this.importance],\n        BUTTON_KIND_MODIFIERS[this.kind],\n        BUTTON_SIZE_MODIFIERS[this.size],\n        {\n          'd-btn--circle': this.circle,\n          'd-btn--loading': this.loading,\n          'd-btn--icon-only': this.isIconOnly(),\n          'd-btn--vertical': this.isVerticalIconLayout(),\n          'd-btn--active': this.active,\n        },\n      ];\n    },\n\n    isInvalidPropCombination (circle, kind, importance) {\n      for (const row of INVALID_COMBINATION) {\n        if (circle === row.circle && kind === row.kind && importance === row.importance) {\n          console.warn(row.message);\n          return false;\n        }\n      }\n      return true;\n    },\n\n    shouldRenderIcon () {\n      return hasSlotContent(this.$slots.icon) && !this.link;\n    },\n\n    isIconOnly () {\n      return this.shouldRenderIcon() && !hasSlotContent(this.$slots.default);\n    },\n\n    isVerticalIconLayout () {\n      return !this.isIconOnly() && ['top', 'bottom'].includes(this.iconPosition);\n    },\n  },\n};\n</script>\n"],"names":["_openBlock","_createElementBlock","_mergeProps","_toHandlers","_normalizeClass","_renderSlot","_createCommentVNode"],"mappings":"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"}

package/dist/vue3/components/button/button_constants.cjs

@@ -11,12 +11,13 @@ const BUTTON_KIND_MODIFIERS = {
   default: "",
   muted: "d-btn--muted",
   danger: "d-btn--danger",
+  positive: "d-btn--positive",
   inverted: "d-btn--inverted"
 };
 const BUTTON_IMPORTANCE_MODIFIERS = {
   clear: "",
-  primary: "d-btn--primary",
-  outlined: "d-btn--outlined"
+  outlined: "d-btn--outlined",
+  primary: "d-btn--primary"
 };
 const BUTTON_TYPES = ["submit", "reset", "button"];
 const ICON_POSITION_MODIFIERS = {

package/dist/vue3/components/button/button_constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"button_constants.cjs","sources":["../../../components/button/button_constants.js"],"sourcesContent":["export const BUTTON_SIZE_MODIFIERS = {\n  xs: 'd-btn--xs',\n  sm: 'd-btn--sm',\n  md: '',\n  lg: 'd-btn--lg',\n  xl: 'd-btn--xl',\n};\n\nexport const BUTTON_KIND_MODIFIERS = {\n  default: '',\n  muted: 'd-btn--muted',\n  danger: 'd-btn--danger',\n  inverted: 'd-btn--inverted',\n};\n\nexport const BUTTON_IMPORTANCE_MODIFIERS = {\n  clear: '',\n  primary: 'd-btn--primary',\n  outlined: 'd-btn--outlined',\n};\n\nexport const BUTTON_TYPES = ['submit', 'reset', 'button'];\n\nexport const ICON_POSITION_MODIFIERS = {\n  left: 'd-btn__icon--left',\n  right: 'd-btn__icon--right',\n  top: 'd-btn__icon--top',\n  bottom: 'd-btn__icon--bottom',\n};\n\nexport const INVALID_COMBINATION = [\n  {\n    circle: true,\n    kind: 'default',\n    importance: 'primary',\n    message: _invalidCombinationMessage(true, 'default', 'primary'),\n  },\n  {\n    circle: true,\n    kind: 'danger',\n    importance: 'outlined',\n    message: _invalidCombinationMessage(true, 'danger', 'outlined'),\n  },\n  {\n    circle: true,\n    kind: 'muted',\n    importance: 'primary',\n    message: _invalidCombinationMessage(true, 'muted', 'primary'),\n  },\n  {\n    circle: false,\n    kind: 'muted',\n    importance: 'primary',\n    message: _invalidCombinationMessage(false, 'muted', 'primary'),\n  },\n];\n\nexport const BUTTON_ICON_SIZES = {\n  xs: '200',\n  sm: '200',\n  md: '300',\n  lg: '400',\n  xl: '500',\n};\n\nfunction _invalidCombinationMessage (circle, kind, importance) {\n  return `You cannot have a ${circle ? 'circle ' : ''}button \\\nwith kind: ${kind} and importance: ${importance} as it \\\ndoes not exist in our design system. \\\nSee https://dialtone.dialpad.com/components/button.html for a \\\nlist of available button styles`;\n}\n\nexport default {\n  BUTTON_SIZE_MODIFIERS,\n  BUTTON_KIND_MODIFIERS,\n  BUTTON_IMPORTANCE_MODIFIERS,\n  BUTTON_TYPES,\n  ICON_POSITION_MODIFIERS,\n  INVALID_COMBINATION,\n  BUTTON_ICON_SIZES,\n};\n"],"names":[],"mappings":";;AAAY,MAAC,wBAAwB;AAAA,EACnC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEY,MAAC,wBAAwB;AAAA,EACnC,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,UAAU;AACZ;AAEY,MAAC,8BAA8B;AAAA,EACzC,OAAO;AAAA,EACP,SAAS;AAAA,EACT,UAAU;AACZ;AAEY,MAAC,eAAe,CAAC,UAAU,SAAS,QAAQ;AAE5C,MAAC,0BAA0B;AAAA,EACrC,MAAM;AAAA,EACN,OAAO;AAAA,EACP,KAAK;AAAA,EACL,QAAQ;AACV;AAEY,MAAC,sBAAsB;AAAA,EACjC;AAAA,IACE,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,SAAS,2BAA2B,MAAM,WAAW,SAAS;AAAA,EAC/D;AAAA,EACD;AAAA,IACE,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,SAAS,2BAA2B,MAAM,UAAU,UAAU;AAAA,EAC/D;AAAA,EACD;AAAA,IACE,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,SAAS,2BAA2B,MAAM,SAAS,SAAS;AAAA,EAC7D;AAAA,EACD;AAAA,IACE,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,SAAS,2BAA2B,OAAO,SAAS,SAAS;AAAA,EAC9D;AACH;AAEY,MAAC,oBAAoB;AAAA,EAC/B,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,SAAS,2BAA4B,QAAQ,MAAM,YAAY;AAC7D,SAAO,qBAAqB,SAAS,YAAY,EAAE,qBACxC,IAAI,oBAAoB,UAAU;AAI/C;;;;;;;;"}
+{"version":3,"file":"button_constants.cjs","sources":["../../../components/button/button_constants.js"],"sourcesContent":["export const BUTTON_SIZE_MODIFIERS = {\n  xs: 'd-btn--xs',\n  sm: 'd-btn--sm',\n  md: '',\n  lg: 'd-btn--lg',\n  xl: 'd-btn--xl',\n};\n\nexport const BUTTON_KIND_MODIFIERS = {\n  default: '',\n  muted: 'd-btn--muted',\n  danger: 'd-btn--danger',\n  positive: 'd-btn--positive',\n  inverted: 'd-btn--inverted',\n};\n\nexport const BUTTON_IMPORTANCE_MODIFIERS = {\n  clear: '',\n  outlined: 'd-btn--outlined',\n  primary: 'd-btn--primary',\n};\n\nexport const BUTTON_TYPES = ['submit', 'reset', 'button'];\n\nexport const ICON_POSITION_MODIFIERS = {\n  left: 'd-btn__icon--left',\n  right: 'd-btn__icon--right',\n  top: 'd-btn__icon--top',\n  bottom: 'd-btn__icon--bottom',\n};\n\nexport const INVALID_COMBINATION = [\n  {\n    circle: true,\n    kind: 'default',\n    importance: 'primary',\n    message: _invalidCombinationMessage(true, 'default', 'primary'),\n  },\n  {\n    circle: true,\n    kind: 'danger',\n    importance: 'outlined',\n    message: _invalidCombinationMessage(true, 'danger', 'outlined'),\n  },\n  {\n    circle: true,\n    kind: 'muted',\n    importance: 'primary',\n    message: _invalidCombinationMessage(true, 'muted', 'primary'),\n  },\n  {\n    circle: false,\n    kind: 'muted',\n    importance: 'primary',\n    message: _invalidCombinationMessage(false, 'muted', 'primary'),\n  },\n];\n\nexport const BUTTON_ICON_SIZES = {\n  xs: '200',\n  sm: '200',\n  md: '300',\n  lg: '400',\n  xl: '500',\n};\n\nfunction _invalidCombinationMessage (circle, kind, importance) {\n  return `You cannot have a ${circle ? 'circle ' : ''}button \\\nwith kind: ${kind} and importance: ${importance} as it \\\ndoes not exist in our design system. \\\nSee https://dialtone.dialpad.com/components/button.html for a \\\nlist of available button styles`;\n}\n\nexport default {\n  BUTTON_SIZE_MODIFIERS,\n  BUTTON_KIND_MODIFIERS,\n  BUTTON_IMPORTANCE_MODIFIERS,\n  BUTTON_TYPES,\n  ICON_POSITION_MODIFIERS,\n  INVALID_COMBINATION,\n  BUTTON_ICON_SIZES,\n};\n"],"names":[],"mappings":";;AAAY,MAAC,wBAAwB;AAAA,EACnC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEY,MAAC,wBAAwB;AAAA,EACnC,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,UAAU;AACZ;AAEY,MAAC,8BAA8B;AAAA,EACzC,OAAO;AAAA,EACP,UAAU;AAAA,EACV,SAAS;AACX;AAEY,MAAC,eAAe,CAAC,UAAU,SAAS,QAAQ;AAE5C,MAAC,0BAA0B;AAAA,EACrC,MAAM;AAAA,EACN,OAAO;AAAA,EACP,KAAK;AAAA,EACL,QAAQ;AACV;AAEY,MAAC,sBAAsB;AAAA,EACjC;AAAA,IACE,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,SAAS,2BAA2B,MAAM,WAAW,SAAS;AAAA,EAC/D;AAAA,EACD;AAAA,IACE,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,SAAS,2BAA2B,MAAM,UAAU,UAAU;AAAA,EAC/D;AAAA,EACD;AAAA,IACE,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,SAAS,2BAA2B,MAAM,SAAS,SAAS;AAAA,EAC7D;AAAA,EACD;AAAA,IACE,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,SAAS,2BAA2B,OAAO,SAAS,SAAS;AAAA,EAC9D;AACH;AAEY,MAAC,oBAAoB;AAAA,EAC/B,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,SAAS,2BAA4B,QAAQ,MAAM,YAAY;AAC7D,SAAO,qBAAqB,SAAS,YAAY,EAAE,qBACxC,IAAI,oBAAoB,UAAU;AAI/C;;;;;;;;"}

package/dist/vue3/components/button/button_constants.js

@@ -9,12 +9,13 @@ const BUTTON_KIND_MODIFIERS = {
   default: "",
   muted: "d-btn--muted",
   danger: "d-btn--danger",
+  positive: "d-btn--positive",
   inverted: "d-btn--inverted"
 };
 const BUTTON_IMPORTANCE_MODIFIERS = {
   clear: "",
-  primary: "d-btn--primary",
-  outlined: "d-btn--outlined"
+  outlined: "d-btn--outlined",
+  primary: "d-btn--primary"
 };
 const BUTTON_TYPES = ["submit", "reset", "button"];
 const ICON_POSITION_MODIFIERS = {

package/dist/vue3/components/button/button_constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"button_constants.js","sources":["../../../components/button/button_constants.js"],"sourcesContent":["export const BUTTON_SIZE_MODIFIERS = {\n  xs: 'd-btn--xs',\n  sm: 'd-btn--sm',\n  md: '',\n  lg: 'd-btn--lg',\n  xl: 'd-btn--xl',\n};\n\nexport const BUTTON_KIND_MODIFIERS = {\n  default: '',\n  muted: 'd-btn--muted',\n  danger: 'd-btn--danger',\n  inverted: 'd-btn--inverted',\n};\n\nexport const BUTTON_IMPORTANCE_MODIFIERS = {\n  clear: '',\n  primary: 'd-btn--primary',\n  outlined: 'd-btn--outlined',\n};\n\nexport const BUTTON_TYPES = ['submit', 'reset', 'button'];\n\nexport const ICON_POSITION_MODIFIERS = {\n  left: 'd-btn__icon--left',\n  right: 'd-btn__icon--right',\n  top: 'd-btn__icon--top',\n  bottom: 'd-btn__icon--bottom',\n};\n\nexport const INVALID_COMBINATION = [\n  {\n    circle: true,\n    kind: 'default',\n    importance: 'primary',\n    message: _invalidCombinationMessage(true, 'default', 'primary'),\n  },\n  {\n    circle: true,\n    kind: 'danger',\n    importance: 'outlined',\n    message: _invalidCombinationMessage(true, 'danger', 'outlined'),\n  },\n  {\n    circle: true,\n    kind: 'muted',\n    importance: 'primary',\n    message: _invalidCombinationMessage(true, 'muted', 'primary'),\n  },\n  {\n    circle: false,\n    kind: 'muted',\n    importance: 'primary',\n    message: _invalidCombinationMessage(false, 'muted', 'primary'),\n  },\n];\n\nexport const BUTTON_ICON_SIZES = {\n  xs: '200',\n  sm: '200',\n  md: '300',\n  lg: '400',\n  xl: '500',\n};\n\nfunction _invalidCombinationMessage (circle, kind, importance) {\n  return `You cannot have a ${circle ? 'circle ' : ''}button \\\nwith kind: ${kind} and importance: ${importance} as it \\\ndoes not exist in our design system. \\\nSee https://dialtone.dialpad.com/components/button.html for a \\\nlist of available button styles`;\n}\n\nexport default {\n  BUTTON_SIZE_MODIFIERS,\n  BUTTON_KIND_MODIFIERS,\n  BUTTON_IMPORTANCE_MODIFIERS,\n  BUTTON_TYPES,\n  ICON_POSITION_MODIFIERS,\n  INVALID_COMBINATION,\n  BUTTON_ICON_SIZES,\n};\n"],"names":[],"mappings":"AAAY,MAAC,wBAAwB;AAAA,EACnC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEY,MAAC,wBAAwB;AAAA,EACnC,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,UAAU;AACZ;AAEY,MAAC,8BAA8B;AAAA,EACzC,OAAO;AAAA,EACP,SAAS;AAAA,EACT,UAAU;AACZ;AAEY,MAAC,eAAe,CAAC,UAAU,SAAS,QAAQ;AAE5C,MAAC,0BAA0B;AAAA,EACrC,MAAM;AAAA,EACN,OAAO;AAAA,EACP,KAAK;AAAA,EACL,QAAQ;AACV;AAEY,MAAC,sBAAsB;AAAA,EACjC;AAAA,IACE,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,SAAS,2BAA2B,MAAM,WAAW,SAAS;AAAA,EAC/D;AAAA,EACD;AAAA,IACE,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,SAAS,2BAA2B,MAAM,UAAU,UAAU;AAAA,EAC/D;AAAA,EACD;AAAA,IACE,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,SAAS,2BAA2B,MAAM,SAAS,SAAS;AAAA,EAC7D;AAAA,EACD;AAAA,IACE,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,SAAS,2BAA2B,OAAO,SAAS,SAAS;AAAA,EAC9D;AACH;AAEY,MAAC,oBAAoB;AAAA,EAC/B,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,SAAS,2BAA4B,QAAQ,MAAM,YAAY;AAC7D,SAAO,qBAAqB,SAAS,YAAY,EAAE,qBACxC,IAAI,oBAAoB,UAAU;AAI/C;"}
+{"version":3,"file":"button_constants.js","sources":["../../../components/button/button_constants.js"],"sourcesContent":["export const BUTTON_SIZE_MODIFIERS = {\n  xs: 'd-btn--xs',\n  sm: 'd-btn--sm',\n  md: '',\n  lg: 'd-btn--lg',\n  xl: 'd-btn--xl',\n};\n\nexport const BUTTON_KIND_MODIFIERS = {\n  default: '',\n  muted: 'd-btn--muted',\n  danger: 'd-btn--danger',\n  positive: 'd-btn--positive',\n  inverted: 'd-btn--inverted',\n};\n\nexport const BUTTON_IMPORTANCE_MODIFIERS = {\n  clear: '',\n  outlined: 'd-btn--outlined',\n  primary: 'd-btn--primary',\n};\n\nexport const BUTTON_TYPES = ['submit', 'reset', 'button'];\n\nexport const ICON_POSITION_MODIFIERS = {\n  left: 'd-btn__icon--left',\n  right: 'd-btn__icon--right',\n  top: 'd-btn__icon--top',\n  bottom: 'd-btn__icon--bottom',\n};\n\nexport const INVALID_COMBINATION = [\n  {\n    circle: true,\n    kind: 'default',\n    importance: 'primary',\n    message: _invalidCombinationMessage(true, 'default', 'primary'),\n  },\n  {\n    circle: true,\n    kind: 'danger',\n    importance: 'outlined',\n    message: _invalidCombinationMessage(true, 'danger', 'outlined'),\n  },\n  {\n    circle: true,\n    kind: 'muted',\n    importance: 'primary',\n    message: _invalidCombinationMessage(true, 'muted', 'primary'),\n  },\n  {\n    circle: false,\n    kind: 'muted',\n    importance: 'primary',\n    message: _invalidCombinationMessage(false, 'muted', 'primary'),\n  },\n];\n\nexport const BUTTON_ICON_SIZES = {\n  xs: '200',\n  sm: '200',\n  md: '300',\n  lg: '400',\n  xl: '500',\n};\n\nfunction _invalidCombinationMessage (circle, kind, importance) {\n  return `You cannot have a ${circle ? 'circle ' : ''}button \\\nwith kind: ${kind} and importance: ${importance} as it \\\ndoes not exist in our design system. \\\nSee https://dialtone.dialpad.com/components/button.html for a \\\nlist of available button styles`;\n}\n\nexport default {\n  BUTTON_SIZE_MODIFIERS,\n  BUTTON_KIND_MODIFIERS,\n  BUTTON_IMPORTANCE_MODIFIERS,\n  BUTTON_TYPES,\n  ICON_POSITION_MODIFIERS,\n  INVALID_COMBINATION,\n  BUTTON_ICON_SIZES,\n};\n"],"names":[],"mappings":"AAAY,MAAC,wBAAwB;AAAA,EACnC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEY,MAAC,wBAAwB;AAAA,EACnC,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,UAAU;AACZ;AAEY,MAAC,8BAA8B;AAAA,EACzC,OAAO;AAAA,EACP,UAAU;AAAA,EACV,SAAS;AACX;AAEY,MAAC,eAAe,CAAC,UAAU,SAAS,QAAQ;AAE5C,MAAC,0BAA0B;AAAA,EACrC,MAAM;AAAA,EACN,OAAO;AAAA,EACP,KAAK;AAAA,EACL,QAAQ;AACV;AAEY,MAAC,sBAAsB;AAAA,EACjC;AAAA,IACE,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,SAAS,2BAA2B,MAAM,WAAW,SAAS;AAAA,EAC/D;AAAA,EACD;AAAA,IACE,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,SAAS,2BAA2B,MAAM,UAAU,UAAU;AAAA,EAC/D;AAAA,EACD;AAAA,IACE,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,SAAS,2BAA2B,MAAM,SAAS,SAAS;AAAA,EAC7D;AAAA,EACD;AAAA,IACE,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,SAAS,2BAA2B,OAAO,SAAS,SAAS;AAAA,EAC9D;AACH;AAEY,MAAC,oBAAoB;AAAA,EAC/B,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,SAAS,2BAA4B,QAAQ,MAAM,YAAY;AAC7D,SAAO,qBAAqB,SAAS,YAAY,EAAE,qBACxC,IAAI,oBAAoB,UAAU;AAI/C;"}

package/dist/vue3/types/components/button/button_constants.d.ts

@@ -10,12 +10,13 @@ export namespace BUTTON_KIND_MODIFIERS {
     export { _default as default };
     export let muted: string;
     export let danger: string;
+    export let positive: string;
     export let inverted: string;
 }
 export namespace BUTTON_IMPORTANCE_MODIFIERS {
     let clear: string;
-    let primary: string;
     let outlined: string;
+    let primary: string;
 }
 export const BUTTON_TYPES: string[];
 export namespace ICON_POSITION_MODIFIERS {

package/dist/vue3/types/components/button/button_constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button_constants.d.ts","sourceRoot":"","sources":["../../../../components/button/button_constants.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAqBA,oCAA0D;;;;;;;AAS1D;;;;;IAyBE"}
+{"version":3,"file":"button_constants.d.ts","sourceRoot":"","sources":["../../../../components/button/button_constants.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAsBA,oCAA0D;;;;;;;AAS1D;;;;;IAyBE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dialpad/dialtone",
-  "version": "9.108.0",
+  "version": "9.109.0-rebrand-2025-beta.1",
   "description": "Dialpad's Dialtone design system monorepo",
   "files": [
     "dist"
@@ -77,8 +77,8 @@
     "regex-combined-emojis": "1.6.0",
     "tippy.js": "6.3.7",
     "@dialpad/dialtone-emojis": "1.1.1",
-    "@dialpad/dialtone-icons": "4.34.5",
-    "@dialpad/dialtone-tokens": "1.41.2"
+    "@dialpad/dialtone-tokens": "1.42.0-rebrand-2025-beta.3",
+    "@dialpad/dialtone-icons": "4.35.0-rebrand-2025-beta.7"
   },
   "devDependencies": {
     "@commitlint/cli": "^18.4.3",
@@ -86,8 +86,8 @@
     "@dialpad/conventional-changelog-angular": "^1.1.1",
     "@dialpad/semantic-release-changelog-json": "^1.0.0",
     "@faker-js/faker": "8.4.1",
-    "@percy/cli": "1.29.3",
-    "@percy/storybook": "6.0.2",
+    "@percy/cli": "1.30.7",
+    "@percy/storybook": "6.0.3",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/exec": "^6.0.3",
     "@semantic-release/git": "^10.0.1",

package/dist/tokens/themes/chunks/tokens-base-dark-BnTEKGxK.js

@@ -1,4 +0,0 @@
-const o = ':root{color-scheme:dark;--dt-shadow-focus-inset-type: innerShadow;--dt-shadow-focus-2-type: dropShadow;--dt-shadow-focus-1-type: dropShadow;--dt-shadow-card-7-type: dropShadow;--dt-shadow-card-7-spread: 0rem;--dt-shadow-card-7-blur: 0rem;--dt-shadow-card-6-type: dropShadow;--dt-shadow-card-6-spread: 0rem;--dt-shadow-card-6-blur: 0rem;--dt-shadow-card-5-type: dropShadow;--dt-shadow-card-5-spread: 0rem;--dt-shadow-card-5-blur: 0rem;--dt-shadow-card-4-type: dropShadow;--dt-shadow-card-3-type: dropShadow;--dt-shadow-card-3-color-h: 0;--dt-shadow-card-3-color-s: 0%;--dt-shadow-card-3-color-l: 0%;--dt-shadow-card-3-color-a: 58%;--dt-shadow-card-3-color-hsl: var(--dt-shadow-card-3-color-h) var(--dt-shadow-card-3-color-s) var(--dt-shadow-card-3-color-l);--dt-shadow-card-3-color-hsla: hsl(var(--dt-shadow-card-3-color-h) var(--dt-shadow-card-3-color-s) var(--dt-shadow-card-3-color-l) / var(--alpha, 58%));--dt-shadow-card-3-color: #00000094;--dt-shadow-card-2-type: dropShadow;--dt-shadow-card-2-color-h: 0;--dt-shadow-card-2-color-s: 0%;--dt-shadow-card-2-color-l: 0%;--dt-shadow-card-2-color-a: 45%;--dt-shadow-card-2-color-hsl: var(--dt-shadow-card-2-color-h) var(--dt-shadow-card-2-color-s) var(--dt-shadow-card-2-color-l);--dt-shadow-card-2-color-hsla: hsl(var(--dt-shadow-card-2-color-h) var(--dt-shadow-card-2-color-s) var(--dt-shadow-card-2-color-l) / var(--alpha, 45%));--dt-shadow-card-2-color: #00000073;--dt-shadow-card-1-type: dropShadow;--dt-shadow-card-1-color-h: 0;--dt-shadow-card-1-color-s: 0%;--dt-shadow-card-1-color-l: 0%;--dt-shadow-card-1-color-a: 35%;--dt-shadow-card-1-color-hsl: var(--dt-shadow-card-1-color-h) var(--dt-shadow-card-1-color-s) var(--dt-shadow-card-1-color-l);--dt-shadow-card-1-color-hsla: hsl(var(--dt-shadow-card-1-color-h) var(--dt-shadow-card-1-color-s) var(--dt-shadow-card-1-color-l) / var(--alpha, 35%));--dt-shadow-card-1-color: #00000059;--dt-shadow-extra-large-5-type: dropShadow;--dt-shadow-extra-large-5-spread: 0rem;--dt-shadow-extra-large-5-blur: 0rem;--dt-shadow-extra-large-4-type: dropShadow;--dt-shadow-extra-large-4-spread: 0rem;--dt-shadow-extra-large-4-blur: 0rem;--dt-shadow-extra-large-3-type: dropShadow;--dt-shadow-extra-large-3-spread: 0rem;--dt-shadow-extra-large-3-blur: 0rem;--dt-shadow-extra-large-2-type: dropShadow;--dt-shadow-extra-large-1-type: dropShadow;--dt-shadow-extra-large-1-color-h: 0;--dt-shadow-extra-large-1-color-s: 0%;--dt-shadow-extra-large-1-color-l: 0%;--dt-shadow-extra-large-1-color-a: 55%;--dt-shadow-extra-large-1-color-hsl: var(--dt-shadow-extra-large-1-color-h) var(--dt-shadow-extra-large-1-color-s) var(--dt-shadow-extra-large-1-color-l);--dt-shadow-extra-large-1-color-hsla: hsl(var(--dt-shadow-extra-large-1-color-h) var(--dt-shadow-extra-large-1-color-s) var(--dt-shadow-extra-large-1-color-l) / var(--alpha, 55%));--dt-shadow-extra-large-1-color: #0000008c;--dt-shadow-large-5-type: dropShadow;--dt-shadow-large-5-spread: 0rem;--dt-shadow-large-5-blur: 0rem;--dt-shadow-large-4-type: dropShadow;--dt-shadow-large-4-spread: 0rem;--dt-shadow-large-4-blur: 0rem;--dt-shadow-large-3-type: dropShadow;--dt-shadow-large-3-spread: 0rem;--dt-shadow-large-3-blur: 0rem;--dt-shadow-large-2-type: dropShadow;--dt-shadow-large-1-type: dropShadow;--dt-shadow-large-1-color-h: 0;--dt-shadow-large-1-color-s: 0%;--dt-shadow-large-1-color-l: 0%;--dt-shadow-large-1-color-a: 55%;--dt-shadow-large-1-color-hsl: var(--dt-shadow-large-1-color-h) var(--dt-shadow-large-1-color-s) var(--dt-shadow-large-1-color-l);--dt-shadow-large-1-color-hsla: hsl(var(--dt-shadow-large-1-color-h) var(--dt-shadow-large-1-color-s) var(--dt-shadow-large-1-color-l) / var(--alpha, 55%));--dt-shadow-large-1-color: #0000008c;--dt-shadow-medium-5-type: dropShadow;--dt-shadow-medium-5-spread: 0rem;--dt-shadow-medium-5-blur: 0rem;--dt-shadow-medium-4-type: dropShadow;--dt-shadow-medium-4-spread: 0rem;--dt-shadow-medium-4-blur: 0rem;--dt-shadow-medium-3-type: dropShadow;--dt-shadow-medium-3-spread: 0rem;--dt-shadow-medium-3-blur: 0rem;--dt-shadow-medium-2-type: dropShadow;--dt-shadow-medium-1-type: dropShadow;--dt-shadow-medium-1-color-h: 0;--dt-shadow-medium-1-color-s: 0%;--dt-shadow-medium-1-color-l: 0%;--dt-shadow-medium-1-color-a: 55%;--dt-shadow-medium-1-color-hsl: var(--dt-shadow-medium-1-color-h) var(--dt-shadow-medium-1-color-s) var(--dt-shadow-medium-1-color-l);--dt-shadow-medium-1-color-hsla: hsl(var(--dt-shadow-medium-1-color-h) var(--dt-shadow-medium-1-color-s) var(--dt-shadow-medium-1-color-l) / var(--alpha, 55%));--dt-shadow-medium-1-color: #0000008c;--dt-shadow-small-5-type: dropShadow;--dt-shadow-small-5-spread: 0rem;--dt-shadow-small-5-blur: 0rem;--dt-shadow-small-4-type: dropShadow;--dt-shadow-small-4-spread: 0rem;--dt-shadow-small-4-blur: 0rem;--dt-shadow-small-3-type: dropShadow;--dt-shadow-small-3-spread: 0rem;--dt-shadow-small-3-blur: 0rem;--dt-shadow-small-2-type: dropShadow;--dt-shadow-small-1-type: dropShadow;--dt-shadow-small-1-color-h: 0;--dt-shadow-small-1-color-s: 0%;--dt-shadow-small-1-color-l: 0%;--dt-shadow-small-1-color-a: 45%;--dt-shadow-small-1-color-hsl: var(--dt-shadow-small-1-color-h) var(--dt-shadow-small-1-color-s) var(--dt-shadow-small-1-color-l);--dt-shadow-small-1-color-hsla: hsl(var(--dt-shadow-small-1-color-h) var(--dt-shadow-small-1-color-s) var(--dt-shadow-small-1-color-l) / var(--alpha, 45%));--dt-shadow-small-1-color: #00000073;--dt-opacity-1300: 1;--dt-opacity-1200: .9;--dt-opacity-1100: .8;--dt-opacity-1000: .75;--dt-opacity-900: .7;--dt-opacity-800: .6;--dt-opacity-700: .5;--dt-opacity-600: .4;--dt-opacity-500: .3;--dt-opacity-400: .25;--dt-opacity-300: .2;--dt-opacity-200: .1;--dt-opacity-100: .05;--dt-opacity-0: 0;--dt-color-brand-gold-h: 35.80645161290322;--dt-color-brand-gold-s: 91.1764705882353%;--dt-color-brand-gold-l: 60%;--dt-color-brand-gold-a: 100%;--dt-color-brand-gold-hsl: var(--dt-color-brand-gold-h) var(--dt-color-brand-gold-s) var(--dt-color-brand-gold-l);--dt-color-brand-gold-hsla: hsl(var(--dt-color-brand-gold-h) var(--dt-color-brand-gold-s) var(--dt-color-brand-gold-l) / var(--alpha, 100%));--dt-color-brand-gold: #F6AB3C;--dt-color-brand-magenta-h: 325.7831325301205;--dt-color-brand-magenta-s: 100%;--dt-color-brand-magenta-l: 48.8235294117647%;--dt-color-brand-magenta-a: 100%;--dt-color-brand-magenta-hsl: var(--dt-color-brand-magenta-h) var(--dt-color-brand-magenta-s) var(--dt-color-brand-magenta-l);--dt-color-brand-magenta-hsla: hsl(var(--dt-color-brand-magenta-h) var(--dt-color-brand-magenta-s) var(--dt-color-brand-magenta-l) / var(--alpha, 100%));--dt-color-brand-magenta: #F9008E;--dt-color-brand-purple-h: 254.5664739884393;--dt-color-brand-purple-s: 100%;--dt-color-brand-purple-l: 66.07843137254902%;--dt-color-brand-purple-a: 100%;--dt-color-brand-purple-hsl: var(--dt-color-brand-purple-h) var(--dt-color-brand-purple-s) var(--dt-color-brand-purple-l);--dt-color-brand-purple-hsla: hsl(var(--dt-color-brand-purple-h) var(--dt-color-brand-purple-s) var(--dt-color-brand-purple-l) / var(--alpha, 100%));--dt-color-brand-purple: #7C52FF;--dt-color-tan-500-h: 30;--dt-color-tan-500-s: 13.333333333333282%;--dt-color-tan-500-l: 94.11764705882352%;--dt-color-tan-500-a: 100%;--dt-color-tan-500-hsl: var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l);--dt-color-tan-500-hsla: hsl(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / var(--alpha, 100%));--dt-color-tan-500: #F2F0EE;--dt-color-tan-400-h: 23.999999999999932;--dt-color-tan-400-s: 9.25925925925923%;--dt-color-tan-400-l: 78.82352941176471%;--dt-color-tan-400-a: 100%;--dt-color-tan-400-hsl: var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l);--dt-color-tan-400-hsla: hsl(var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l) / var(--alpha, 100%));--dt-color-tan-400: #CEC8C4;--dt-color-tan-300-h: 24.999999999999982;--dt-color-tan-300-s: 4.761904761904767%;--dt-color-tan-300-l: 50.588235294117645%;--dt-color-tan-300-a: 100%;--dt-color-tan-300-hsl: var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l);--dt-color-tan-300-hsla: hsl(var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l) / var(--alpha, 100%));--dt-color-tan-300: #87807B;--dt-color-tan-200-h: 20.000000000000046;--dt-color-tan-200-s: 2.4390243902439055%;--dt-color-tan-200-l: 24.11764705882353%;--dt-color-tan-200-a: 100%;--dt-color-tan-200-hsl: var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l);--dt-color-tan-200-hsla: hsl(var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l) / var(--alpha, 100%));--dt-color-tan-200: #3F3D3C;--dt-color-tan-100-h: 0;--dt-color-tan-100-s: 0%;--dt-color-tan-100-l: 7.0588235294117645%;--dt-color-tan-100-a: 100%;--dt-color-tan-100-hsl: var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l);--dt-color-tan-100-hsla: hsl(var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l) / var(--alpha, 100%));--dt-color-tan-100: #121212;--dt-color-red-500-h: 357.6923076923077;--dt-color-red-500-s: 100%;--dt-color-red-500-l: 94.90196078431372%;--dt-color-red-500-a: 100%;--dt-color-red-500-hsl: var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l);--dt-color-red-500-hsla: hsl(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / var(--alpha, 100%));--dt-color-red-500: #FFE5E6;--dt-color-red-400-h: 0;--dt-color-red-400-s: 100%;--dt-color-red-400-l: 76.07843137254902%;--dt-color-red-400-a: 100%;--dt-color-red-400-hsl: var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l);--dt-color-red-400-hsla: hsl(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / var(--alpha, 100%));--dt-color-red-400: #FF8585;--dt-color-red-300-h: 0;--dt-color-red-300-s: 88.79999999999998%;--dt-color-red-300-l: 49.01960784313726%;--dt-color-red-300-a: 100%;--dt-color-red-300-hsl: var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l);--dt-color-red-300-hsla: hsl(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / var(--alpha, 100%));--dt-color-red-300: #EC0E0E;--dt-color-red-200-h: 0;--dt-color-red-200-s: 88.659793814433%;--dt-color-red-200-l: 38.03921568627451%;--dt-color-red-200-a: 100%;--dt-color-red-200-hsl: var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l);--dt-color-red-200-hsla: hsl(var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l) / var(--alpha, 100%));--dt-color-red-200: #B70B0B;--dt-color-red-100-h: 0;--dt-color-red-100-s: 89.58333333333334%;--dt-color-red-100-l: 18.823529411764707%;--dt-color-red-100-a: 100%;--dt-color-red-100-hsl: var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l);--dt-color-red-100-hsla: hsl(var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l) / var(--alpha, 100%));--dt-color-red-100: #5B0505;--dt-color-green-500-h: 111.42857142857135;--dt-color-green-500-s: 53.84615384615383%;--dt-color-green-500-l: 94.90196078431372%;--dt-color-green-500-a: 100%;--dt-color-green-500-hsl: var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l);--dt-color-green-500-hsla: hsl(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / var(--alpha, 100%));--dt-color-green-500: #EDF9EB;--dt-color-green-400-h: 111.52173913043477;--dt-color-green-400-s: 100%;--dt-color-green-400-l: 81.96078431372548%;--dt-color-green-400-a: 100%;--dt-color-green-400-hsl: var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l);--dt-color-green-400-hsla: hsl(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / var(--alpha, 100%));--dt-color-green-400: #B0FFA3;--dt-color-green-300-h: 136.85393258426967;--dt-color-green-300-s: 91.75257731958763%;--dt-color-green-300-l: 61.96078431372549%;--dt-color-green-300-a: 100%;--dt-color-green-300-hsl: var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l);--dt-color-green-300-hsla: hsl(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / var(--alpha, 100%));--dt-color-green-300: #45F777;--dt-color-green-200-h: 136.64233576642334;--dt-color-green-200-s: 72.4867724867725%;--dt-color-green-200-l: 37.05882352941176%;--dt-color-green-200-a: 100%;--dt-color-green-200-hsl: var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l);--dt-color-green-200-hsla: hsl(var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l) / var(--alpha, 100%));--dt-color-green-200: #1AA340;--dt-color-green-100-h: 136.15384615384616;--dt-color-green-100-s: 59.09090909090911%;--dt-color-green-100-l: 17.254901960784313%;--dt-color-green-100-a: 100%;--dt-color-green-100-hsl: var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l);--dt-color-green-100-hsla: hsl(var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l) / var(--alpha, 100%));--dt-color-green-100: #124620;--dt-color-gold-500-h: 47.058823529411775;--dt-color-gold-500-s: 100%;--dt-color-gold-500-l: 90%;--dt-color-gold-500-a: 100%;--dt-color-gold-500-hsl: var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l);--dt-color-gold-500-hsla: hsl(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / var(--alpha, 100%));--dt-color-gold-500: #FFF4CC;--dt-color-gold-400-h: 42.99212598425196;--dt-color-gold-400-s: 100%;--dt-color-gold-400-l: 75.09803921568627%;--dt-color-gold-400-a: 100%;--dt-color-gold-400-hsl: var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l);--dt-color-gold-400-hsla: hsl(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / var(--alpha, 100%));--dt-color-gold-400: #FFDB80;--dt-color-gold-300-h: 35.80645161290322;--dt-color-gold-300-s: 91.1764705882353%;--dt-color-gold-300-l: 60%;--dt-color-gold-300-a: 100%;--dt-color-gold-300-hsl: var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l);--dt-color-gold-300-hsla: hsl(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / var(--alpha, 100%));--dt-color-gold-300: #F6AB3C;--dt-color-gold-200-h: 35.92814371257485;--dt-color-gold-200-s: 66.00790513833991%;--dt-color-gold-200-l: 49.6078431372549%;--dt-color-gold-200-a: 100%;--dt-color-gold-200-hsl: var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l);--dt-color-gold-200-hsla: hsl(var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l) / var(--alpha, 100%));--dt-color-gold-200: #D28F2B;--dt-color-gold-100-h: 35.70247933884298;--dt-color-gold-100-s: 88.32116788321169%;--dt-color-gold-100-l: 26.862745098039216%;--dt-color-gold-100-a: 100%;--dt-color-gold-100-hsl: var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l);--dt-color-gold-100-hsla: hsl(var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l) / var(--alpha, 100%));--dt-color-gold-100: #815008;--dt-color-magenta-500-h: 325.16129032258067;--dt-color-magenta-500-s: 100%;--dt-color-magenta-500-l: 93.92156862745098%;--dt-color-magenta-500-a: 100%;--dt-color-magenta-500-hsl: var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l);--dt-color-magenta-500-hsla: hsl(var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l) / var(--alpha, 100%));--dt-color-magenta-500: #FFE0F2;--dt-color-magenta-400-h: 325.86206896551727;--dt-color-magenta-400-s: 90.62499999999999%;--dt-color-magenta-400-l: 74.90196078431373%;--dt-color-magenta-400-a: 100%;--dt-color-magenta-400-hsl: var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l);--dt-color-magenta-400-hsla: hsl(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / var(--alpha, 100%));--dt-color-magenta-400: #F985C7;--dt-color-magenta-300-h: 325.7831325301205;--dt-color-magenta-300-s: 100%;--dt-color-magenta-300-l: 48.8235294117647%;--dt-color-magenta-300-a: 100%;--dt-color-magenta-300-hsl: var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l);--dt-color-magenta-300-hsla: hsl(var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l) / var(--alpha, 100%));--dt-color-magenta-300: #F9008E;--dt-color-magenta-200-h: 325.7142857142857;--dt-color-magenta-200-s: 81.81818181818181%;--dt-color-magenta-200-l: 30.196078431372552%;--dt-color-magenta-200-a: 100%;--dt-color-magenta-200-hsl: var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l);--dt-color-magenta-200-hsla: hsl(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / var(--alpha, 100%));--dt-color-magenta-200: #8C0E56;--dt-color-magenta-100-h: 325.86206896551727;--dt-color-magenta-100-s: 52.72727272727272%;--dt-color-magenta-100-l: 21.568627450980394%;--dt-color-magenta-100-a: 100%;--dt-color-magenta-100-hsl: var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l);--dt-color-magenta-100-hsla: hsl(var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l) / var(--alpha, 100%));--dt-color-magenta-100: #541A3B;--dt-color-blue-500-h: 210;--dt-color-blue-500-s: 61.53846153846148%;--dt-color-blue-500-l: 94.90196078431372%;--dt-color-blue-500-a: 100%;--dt-color-blue-500-hsl: var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l);--dt-color-blue-500-hsla: hsl(var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l) / var(--alpha, 100%));--dt-color-blue-500: #EAF2FA;--dt-color-blue-400-h: 212.35294117647058;--dt-color-blue-400-s: 100%;--dt-color-blue-400-l: 80%;--dt-color-blue-400-a: 100%;--dt-color-blue-400-hsl: var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l);--dt-color-blue-400-hsla: hsl(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / var(--alpha, 100%));--dt-color-blue-400: #99C8FF;--dt-color-blue-300-h: 212.60115606936415;--dt-color-blue-300-s: 98.85714285714286%;--dt-color-blue-300-l: 65.68627450980392%;--dt-color-blue-300-a: 100%;--dt-color-blue-300-hsl: var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l);--dt-color-blue-300-hsla: hsl(var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l) / var(--alpha, 100%));--dt-color-blue-300: #51A0FE;--dt-color-blue-200-h: 212.22857142857146;--dt-color-blue-200-s: 79.18552036199095%;--dt-color-blue-200-l: 43.333333333333336%;--dt-color-blue-200-a: 100%;--dt-color-blue-200-hsl: var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l);--dt-color-blue-200-hsla: hsl(var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l) / var(--alpha, 100%));--dt-color-blue-200: #1768C6;--dt-color-blue-100-h: 212.77777777777777;--dt-color-blue-100-s: 98.18181818181819%;--dt-color-blue-100-l: 21.56862745098039%;--dt-color-blue-100-a: 100%;--dt-color-blue-100-hsl: var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l);--dt-color-blue-100-hsla: hsl(var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l) / var(--alpha, 100%));--dt-color-blue-100: #01326D;--dt-color-purple-600-h: 260.00000000000006;--dt-color-purple-600-s: 100%;--dt-color-purple-600-l: 97.05882352941177%;--dt-color-purple-600-a: 100%;--dt-color-purple-600-hsl: var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l);--dt-color-purple-600-hsla: hsl(var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l) / var(--alpha, 100%));--dt-color-purple-600: #F5F0FF;--dt-color-purple-500-h: 260.3571428571429;--dt-color-purple-500-s: 100%;--dt-color-purple-500-l: 89.01960784313725%;--dt-color-purple-500-a: 100%;--dt-color-purple-500-hsl: var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l);--dt-color-purple-500-hsla: hsl(var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l) / var(--alpha, 100%));--dt-color-purple-500: #DAC7FF;--dt-color-purple-400-h: 260.9302325581395;--dt-color-purple-400-s: 100%;--dt-color-purple-400-l: 74.70588235294117%;--dt-color-purple-400-a: 100%;--dt-color-purple-400-hsl: var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l);--dt-color-purple-400-hsla: hsl(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l) / var(--alpha, 100%));--dt-color-purple-400: #AB7EFF;--dt-color-purple-300-h: 254.5664739884393;--dt-color-purple-300-s: 100%;--dt-color-purple-300-l: 66.07843137254902%;--dt-color-purple-300-a: 100%;--dt-color-purple-300-hsl: var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l);--dt-color-purple-300-hsla: hsl(var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l) / var(--alpha, 100%));--dt-color-purple-300: #7C52FF;--dt-color-purple-200-h: 254.49999999999997;--dt-color-purple-200-s: 67.41573033707864%;--dt-color-purple-200-l: 34.90196078431373%;--dt-color-purple-200-a: 100%;--dt-color-purple-200-hsl: var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l);--dt-color-purple-200-hsla: hsl(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / var(--alpha, 100%));--dt-color-purple-200: #3A1D95;--dt-color-purple-100-h: 260;--dt-color-purple-100-s: 91.30434782608695%;--dt-color-purple-100-l: 9.019607843137255%;--dt-color-purple-100-a: 100%;--dt-color-purple-100-hsl: var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l);--dt-color-purple-100-hsla: hsl(var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l) / var(--alpha, 100%));--dt-color-purple-100: #10022C;--dt-color-black-900-h: 0;--dt-color-black-900-s: 0%;--dt-color-black-900-l: 90.19607843137256%;--dt-color-black-900-a: 100%;--dt-color-black-900-hsl: var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l);--dt-color-black-900-hsla: hsl(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / var(--alpha, 100%));--dt-color-black-900: #E6E6E6;--dt-color-black-800-h: 0;--dt-color-black-800-s: 0%;--dt-color-black-800-l: 83.13725490196079%;--dt-color-black-800-a: 100%;--dt-color-black-800-hsl: var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l);--dt-color-black-800-hsla: hsl(var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l) / var(--alpha, 100%));--dt-color-black-800: #D4D4D4;--dt-color-black-700-h: 0;--dt-color-black-700-s: 0%;--dt-color-black-700-l: 76.07843137254902%;--dt-color-black-700-a: 100%;--dt-color-black-700-hsl: var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l);--dt-color-black-700-hsla: hsl(var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l) / var(--alpha, 100%));--dt-color-black-700: #C2C2C2;--dt-color-black-600-h: 0;--dt-color-black-600-s: 0%;--dt-color-black-600-l: 66.66666666666666%;--dt-color-black-600-a: 100%;--dt-color-black-600-hsl: var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l);--dt-color-black-600-hsla: hsl(var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l) / var(--alpha, 100%));--dt-color-black-600: #AAAAAA;--dt-color-black-500-h: 0;--dt-color-black-500-s: 0%;--dt-color-black-500-l: 50.19607843137255%;--dt-color-black-500-a: 100%;--dt-color-black-500-hsl: var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l);--dt-color-black-500-hsla: hsl(var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l) / var(--alpha, 100%));--dt-color-black-500: #808080;--dt-color-black-400-h: 0;--dt-color-black-400-s: 0%;--dt-color-black-400-l: 33.33333333333333%;--dt-color-black-400-a: 100%;--dt-color-black-400-hsl: var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l);--dt-color-black-400-hsla: hsl(var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l) / var(--alpha, 100%));--dt-color-black-400: #555555;--dt-color-black-300-h: 0;--dt-color-black-300-s: 0%;--dt-color-black-300-l: 22.745098039215687%;--dt-color-black-300-a: 100%;--dt-color-black-300-hsl: var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l);--dt-color-black-300-hsla: hsl(var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l) / var(--alpha, 100%));--dt-color-black-300: #3A3A3A;--dt-color-black-200-h: 0;--dt-color-black-200-s: 0%;--dt-color-black-200-l: 14.901960784313726%;--dt-color-black-200-a: 100%;--dt-color-black-200-hsl: var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l);--dt-color-black-200-hsla: hsl(var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l) / var(--alpha, 100%));--dt-color-black-200: #262626;--dt-color-black-100-h: 0;--dt-color-black-100-s: 0%;--dt-color-black-100-l: 0%;--dt-color-black-100-a: 100%;--dt-color-black-100-hsl: var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l);--dt-color-black-100-hsla: hsl(var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l) / var(--alpha, 100%));--dt-color-black-100: #000000;--dt-color-neutral-transparent-h: 0;--dt-color-neutral-transparent-s: 0%;--dt-color-neutral-transparent-l: 0%;--dt-color-neutral-transparent-a: 0%;--dt-color-neutral-transparent-hsl: var(--dt-color-neutral-transparent-h) var(--dt-color-neutral-transparent-s) var(--dt-color-neutral-transparent-l);--dt-color-neutral-transparent-hsla: hsl(var(--dt-color-neutral-transparent-h) var(--dt-color-neutral-transparent-s) var(--dt-color-neutral-transparent-l) / var(--alpha, 0%));--dt-color-neutral-transparent: transparent;--dt-color-neutral-black-h: 0;--dt-color-neutral-black-s: 0%;--dt-color-neutral-black-l: 0%;--dt-color-neutral-black-a: 100%;--dt-color-neutral-black-hsl: var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l);--dt-color-neutral-black-hsla: hsl(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / var(--alpha, 100%));--dt-color-neutral-black: #000000;--dt-color-neutral-white-h: 0;--dt-color-neutral-white-s: 0%;--dt-color-neutral-white-l: 100%;--dt-color-neutral-white-a: 100%;--dt-color-neutral-white-hsl: var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l);--dt-color-neutral-white-hsla: hsl(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / var(--alpha, 100%));--dt-color-neutral-white: #ffffff;--dt-space-100-percent: 100%;--dt-space-95-percent: 95%;--dt-space-90-percent: 90%;--dt-space-80-percent: 80%;--dt-space-75-percent: 75%;--dt-space-70-percent: 70%;--dt-space-66-percent: 66.7%;--dt-space-60-percent: 60%;--dt-space-50-percent: 50%;--dt-space-40-percent: 40%;--dt-space-33-percent: 33.333%;--dt-space-30-percent: 30%;--dt-space-25-percent: 25%;--dt-space-20-percent: 20%;--dt-space-10-percent: 10%;--dt-space-5-percent: 5%;--dt-space-0-percent: 0%;--dt-space-1200-negative: -204.8rem;--dt-space-1150-negative: -153.6rem;--dt-space-1130-negative: -134rem;--dt-space-1125-negative: -128rem;--dt-space-1120-negative: -126.8rem;--dt-space-1115-negative: -114rem;--dt-space-1100-negative: -102.4rem;--dt-space-1080-negative: -91.2rem;--dt-space-1060-negative: -82.8rem;--dt-space-1050-negative: -76.8rem;--dt-space-1040-negative: -76.4rem;--dt-space-1020-negative: -62.8rem;--dt-space-1000-negative: -51.2rem;--dt-space-975-negative: -46.4rem;--dt-space-950-negative: -38.4rem;--dt-space-925-negative: -33.2rem;--dt-space-905-negative: -26.4rem;--dt-space-900-negative: -25.6rem;--dt-space-875-negative: -21.6rem;--dt-space-850-negative: -19.2rem;--dt-space-825-negative: -16.4rem;--dt-space-800-negative: -12.8rem;--dt-space-775-negative: -11.4rem;--dt-space-760-negative: -10.2rem;--dt-space-750-negative: -9.6rem;--dt-space-730-negative: -8.4rem;--dt-space-720-negative: -7.2rem;--dt-space-700-negative: -6.4rem;--dt-space-650-negative: -4.8rem;--dt-space-625-negative: -4.2rem;--dt-space-600-negative: -3.2rem;--dt-space-550-negative: -2.4rem;--dt-space-525-negative: -2rem;--dt-space-500-negative: -1.6rem;--dt-space-450-negative: -1.2rem;--dt-space-400-negative: -.8rem;--dt-space-350-negative: -.6rem;--dt-space-300-negative: -.4rem;--dt-space-200-negative: -.2rem;--dt-space-100-negative: -.1rem;--dt-space-50-negative: -.05rem;--dt-space-1200: 204.8rem;--dt-space-1150: 153.6rem;--dt-space-1130: 134rem;--dt-space-1125: 128rem;--dt-space-1120: 126.8rem;--dt-space-1115: 114rem;--dt-space-1100: 102.4rem;--dt-space-1080: 91.2rem;--dt-space-1060: 82.8rem;--dt-space-1050: 76.8rem;--dt-space-1040: 76.4rem;--dt-space-1020: 62.8rem;--dt-space-1000: 51.2rem;--dt-space-975: 46.4rem;--dt-space-950: 38.4rem;--dt-space-925: 33.2rem;--dt-space-905: 26.4rem;--dt-space-900: 25.6rem;--dt-space-875: 21.6rem;--dt-space-850: 19.2rem;--dt-space-825: 16.4rem;--dt-space-800: 12.8rem;--dt-space-775: 11.4rem;--dt-space-760: 10.2rem;--dt-space-750: 9.6rem;--dt-space-730: 8.4rem;--dt-space-720: 7.2rem;--dt-space-700: 6.4rem;--dt-space-650: 4.8rem;--dt-space-625: 4.2rem;--dt-space-600: 3.2rem;--dt-space-550: 2.4rem;--dt-space-525: 2rem;--dt-space-500: 1.6rem;--dt-space-450: 1.2rem;--dt-space-400: .8rem;--dt-space-350: .6rem;--dt-space-300: .4rem;--dt-space-200: .2rem;--dt-space-100: .1rem;--dt-space-50: .05rem;--dt-space-0: 0rem;--dt-size-radius-circle: 50%;--dt-size-radius-pill: 10.2rem;--dt-size-radius-600: 3.2rem;--dt-size-radius-500: 1.6rem;--dt-size-radius-450: 1.2rem;--dt-size-radius-400: .8rem;--dt-size-radius-300: .4rem;--dt-size-radius-200: .2rem;--dt-size-radius-100: .1rem;--dt-size-radius-0: 0rem;--dt-size-100-percent: 100%;--dt-size-95-percent: 95%;--dt-size-90-percent: 90%;--dt-size-80-percent: 80%;--dt-size-75-percent: 75%;--dt-size-70-percent: 70%;--dt-size-66-percent: 66.7%;--dt-size-60-percent: 60%;--dt-size-50-percent: 50%;--dt-size-40-percent: 40%;--dt-size-33-percent: 33.333%;--dt-size-30-percent: 30%;--dt-size-25-percent: 25%;--dt-size-20-percent: 20%;--dt-size-10-percent: 10%;--dt-size-5-percent: 5%;--dt-size-0-percent: 0%;--dt-size-1200-negative: -204.8rem;--dt-size-1150-negative: -153.6rem;--dt-size-1130-negative: -134rem;--dt-size-1125-negative: -128rem;--dt-size-1120-negative: -126.8rem;--dt-size-1115-negative: -114rem;--dt-size-1100-negative: -102.4rem;--dt-size-1080-negative: -91.2rem;--dt-size-1060-negative: -82.8rem;--dt-size-1050-negative: -76.8rem;--dt-size-1040-negative: -76.4rem;--dt-size-1020-negative: -62.8rem;--dt-size-1000-negative: -51.2rem;--dt-size-975-negative: -46.4rem;--dt-size-950-negative: -38.4rem;--dt-size-925-negative: -33.2rem;--dt-size-905-negative: -26.4rem;--dt-size-900-negative: -25.6rem;--dt-size-875-negative: -21.6rem;--dt-size-850-negative: -19.2rem;--dt-size-825-negative: -16.4rem;--dt-size-800-negative: -12.8rem;--dt-size-775-negative: -11.4rem;--dt-size-760-negative: -10.2rem;--dt-size-750-negative: -9.6rem;--dt-size-730-negative: -8.4rem;--dt-size-720-negative: -7.2rem;--dt-size-700-negative: -6.4rem;--dt-size-650-negative: -4.8rem;--dt-size-625-negative: -4.2rem;--dt-size-600-negative: -3.2rem;--dt-size-550-negative: -2.4rem;--dt-size-525-negative: -2rem;--dt-size-500-negative: -1.6rem;--dt-size-450-negative: -1.2rem;--dt-size-400-negative: -.8rem;--dt-size-350-negative: -.6rem;--dt-size-300-negative: -.4rem;--dt-size-200-negative: -.2rem;--dt-size-100-negative: -.1rem;--dt-size-50-negative: -.05rem;--dt-size-border-400: .8rem;--dt-size-border-300: .4rem;--dt-size-border-200: .2rem;--dt-size-border-150: .15rem;--dt-size-border-100: .1rem;--dt-size-border-50: .05rem;--dt-size-border-0: 0rem;--dt-size-1200: 204.8rem;--dt-size-1150: 153.6rem;--dt-size-1130: 134rem;--dt-size-1125: 128rem;--dt-size-1120: 126.8rem;--dt-size-1115: 114rem;--dt-size-1100: 102.4rem;--dt-size-1080: 91.2rem;--dt-size-1060: 82.8rem;--dt-size-1050: 76.8rem;--dt-size-1040: 76.4rem;--dt-size-1020: 62.8rem;--dt-size-1000: 51.2rem;--dt-size-975: 46.4rem;--dt-size-950: 38.4rem;--dt-size-925: 33.2rem;--dt-size-905: 26.4rem;--dt-size-900: 25.6rem;--dt-size-875: 21.6rem;--dt-size-850: 19.2rem;--dt-size-825: 16.4rem;--dt-size-800: 12.8rem;--dt-size-775: 11.4rem;--dt-size-760: 10.2rem;--dt-size-750: 9.6rem;--dt-size-730: 8.4rem;--dt-size-720: 7.2rem;--dt-size-700: 6.4rem;--dt-size-650: 4.8rem;--dt-size-625: 4.2rem;--dt-size-600: 3.2rem;--dt-size-550: 2.4rem;--dt-size-525: 2rem;--dt-size-500: 1.6rem;--dt-size-450: 1.2rem;--dt-size-400: .8rem;--dt-size-350: .6rem;--dt-size-300: .4rem;--dt-size-200: .2rem;--dt-size-100: .1rem;--dt-size-50: .05rem;--dt-size-0: 0rem;--dt-font-text-case-none: none;--dt-font-text-case-capitalize: capitalize;--dt-font-text-case-lowercase: lowercase;--dt-font-text-case-uppercase: uppercase;--dt-font-weight-bold: 700;--dt-font-weight-semi-bold: 600;--dt-font-weight-medium: 500;--dt-font-weight-normal: 400;--dt-font-line-height-600: 2;--dt-font-line-height-500: 1.8;--dt-font-line-height-400: 1.6;--dt-font-line-height-300: 1.4;--dt-font-line-height-200: 1.2;--dt-font-line-height-100: 1;--dt-font-family-mono: SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace;--dt-font-family-body: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--dt-font-size-root: 10px;--dt-shadow-focus-inset-offset-y: var(--dt-size-0);--dt-shadow-focus-inset-offset-x: var(--dt-size-0);--dt-shadow-focus-inset-color-h: 212.60115606936415;--dt-shadow-focus-inset-color-s: 98.85714285714286%;--dt-shadow-focus-inset-color-l: 65.68627450980392%;--dt-shadow-focus-inset-color-a: 100%;--dt-shadow-focus-inset-color-hsl: var(--dt-shadow-focus-inset-color-h) var(--dt-shadow-focus-inset-color-s) var(--dt-shadow-focus-inset-color-l);--dt-shadow-focus-inset-color-hsla: hsl(var(--dt-shadow-focus-inset-color-h) var(--dt-shadow-focus-inset-color-s) var(--dt-shadow-focus-inset-color-l) / var(--alpha, 100%));--dt-shadow-focus-inset-color: #51A0FE;--dt-shadow-focus-inset-spread: var(--dt-size-200);--dt-shadow-focus-inset-blur: var(--dt-size-0);--dt-shadow-focus-2-offset-y: var(--dt-size-0);--dt-shadow-focus-2-offset-x: var(--dt-size-0);--dt-shadow-focus-2-color-h: 212.60115606936415;--dt-shadow-focus-2-color-s: 98.85714285714286%;--dt-shadow-focus-2-color-l: 65.68627450980392%;--dt-shadow-focus-2-color-a: 100%;--dt-shadow-focus-2-color-hsl: var(--dt-shadow-focus-2-color-h) var(--dt-shadow-focus-2-color-s) var(--dt-shadow-focus-2-color-l);--dt-shadow-focus-2-color-hsla: hsl(var(--dt-shadow-focus-2-color-h) var(--dt-shadow-focus-2-color-s) var(--dt-shadow-focus-2-color-l) / var(--alpha, 100%));--dt-shadow-focus-2-color: #51A0FE;--dt-shadow-focus-2-spread: calc(var(--dt-size-200) + var(--dt-size-100));--dt-shadow-focus-2-blur: var(--dt-size-0);--dt-shadow-focus-1-offset-y: var(--dt-size-0);--dt-shadow-focus-1-offset-x: var(--dt-size-0);--dt-shadow-focus-1-color-h: 0;--dt-shadow-focus-1-color-s: 0%;--dt-shadow-focus-1-color-l: 0%;--dt-shadow-focus-1-color-a: 100%;--dt-shadow-focus-1-color-hsl: var(--dt-shadow-focus-1-color-h) var(--dt-shadow-focus-1-color-s) var(--dt-shadow-focus-1-color-l);--dt-shadow-focus-1-color-hsla: hsl(var(--dt-shadow-focus-1-color-h) var(--dt-shadow-focus-1-color-s) var(--dt-shadow-focus-1-color-l) / var(--alpha, 100%));--dt-shadow-focus-1-color: #000000;--dt-shadow-focus-1-spread: var(--dt-size-100);--dt-shadow-focus-1-blur: var(--dt-size-0);--dt-shadow-card-7-offset-y: var(--dt-size-50-negative);--dt-shadow-card-7-offset-x: var(--dt-size-50);--dt-shadow-card-7-color-h: 0;--dt-shadow-card-7-color-s: 0%;--dt-shadow-card-7-color-l: 0%;--dt-shadow-card-7-color-a: 100%;--dt-shadow-card-7-color-hsl: var(--dt-shadow-card-7-color-h) var(--dt-shadow-card-7-color-s) var(--dt-shadow-card-7-color-l);--dt-shadow-card-7-color-hsla: hsl(var(--dt-shadow-card-7-color-h) var(--dt-shadow-card-7-color-s) var(--dt-shadow-card-7-color-l) / var(--alpha, 100%));--dt-shadow-card-7-color: #000000;--dt-shadow-card-6-offset-y: var(--dt-size-50);--dt-shadow-card-6-offset-x: var(--dt-size-50-negative);--dt-shadow-card-6-color-h: 0;--dt-shadow-card-6-color-s: 0%;--dt-shadow-card-6-color-l: 0%;--dt-shadow-card-6-color-a: 100%;--dt-shadow-card-6-color-hsl: var(--dt-shadow-card-6-color-h) var(--dt-shadow-card-6-color-s) var(--dt-shadow-card-6-color-l);--dt-shadow-card-6-color-hsla: hsl(var(--dt-shadow-card-6-color-h) var(--dt-shadow-card-6-color-s) var(--dt-shadow-card-6-color-l) / var(--alpha, 100%));--dt-shadow-card-6-color: #000000;--dt-shadow-card-5-offset-y: var(--dt-size-50-negative);--dt-shadow-card-5-offset-x: var(--dt-size-50-negative);--dt-shadow-card-5-color-h: 0;--dt-shadow-card-5-color-s: 0%;--dt-shadow-card-5-color-l: 0%;--dt-shadow-card-5-color-a: 100%;--dt-shadow-card-5-color-hsl: var(--dt-shadow-card-5-color-h) var(--dt-shadow-card-5-color-s) var(--dt-shadow-card-5-color-l);--dt-shadow-card-5-color-hsla: hsl(var(--dt-shadow-card-5-color-h) var(--dt-shadow-card-5-color-s) var(--dt-shadow-card-5-color-l) / var(--alpha, 100%));--dt-shadow-card-5-color: #000000;--dt-shadow-card-4-offset-y: var(--dt-size-50);--dt-shadow-card-4-offset-x: var(--dt-size-50);--dt-shadow-card-4-color-h: 0;--dt-shadow-card-4-color-s: 0%;--dt-shadow-card-4-color-l: 0%;--dt-shadow-card-4-color-a: 100%;--dt-shadow-card-4-color-hsl: var(--dt-shadow-card-4-color-h) var(--dt-shadow-card-4-color-s) var(--dt-shadow-card-4-color-l);--dt-shadow-card-4-color-hsla: hsl(var(--dt-shadow-card-4-color-h) var(--dt-shadow-card-4-color-s) var(--dt-shadow-card-4-color-l) / var(--alpha, 100%));--dt-shadow-card-4-color: #000000;--dt-shadow-card-4-spread: var(--dt-size-0);--dt-shadow-card-4-blur: var(--dt-size-0);--dt-shadow-card-3-offset-y: var(--dt-size-200);--dt-shadow-card-3-offset-x: var(--dt-size-0);--dt-shadow-card-3-spread: var(--dt-size-0);--dt-shadow-card-3-blur: var(--dt-size-500);--dt-shadow-card-2-offset-y: var(--dt-size-200);--dt-shadow-card-2-offset-x: var(--dt-size-0);--dt-shadow-card-2-spread: var(--dt-size-0);--dt-shadow-card-2-blur: var(--dt-size-300);--dt-shadow-card-1-offset-y: var(--dt-size-100);--dt-shadow-card-1-offset-x: var(--dt-size-0);--dt-shadow-card-1-spread: var(--dt-size-0);--dt-shadow-card-1-blur: var(--dt-size-200);--dt-shadow-extra-large-5-offset-y: var(--dt-size-50-negative);--dt-shadow-extra-large-5-offset-x: var(--dt-size-50);--dt-shadow-extra-large-5-color-h: 0;--dt-shadow-extra-large-5-color-s: 0%;--dt-shadow-extra-large-5-color-l: 0%;--dt-shadow-extra-large-5-color-a: 100%;--dt-shadow-extra-large-5-color-hsl: var(--dt-shadow-extra-large-5-color-h) var(--dt-shadow-extra-large-5-color-s) var(--dt-shadow-extra-large-5-color-l);--dt-shadow-extra-large-5-color-hsla: hsl(var(--dt-shadow-extra-large-5-color-h) var(--dt-shadow-extra-large-5-color-s) var(--dt-shadow-extra-large-5-color-l) / var(--alpha, 100%));--dt-shadow-extra-large-5-color: #000000;--dt-shadow-extra-large-4-offset-y: var(--dt-size-50);--dt-shadow-extra-large-4-offset-x: var(--dt-size-50-negative);--dt-shadow-extra-large-4-color-h: 0;--dt-shadow-extra-large-4-color-s: 0%;--dt-shadow-extra-large-4-color-l: 0%;--dt-shadow-extra-large-4-color-a: 100%;--dt-shadow-extra-large-4-color-hsl: var(--dt-shadow-extra-large-4-color-h) var(--dt-shadow-extra-large-4-color-s) var(--dt-shadow-extra-large-4-color-l);--dt-shadow-extra-large-4-color-hsla: hsl(var(--dt-shadow-extra-large-4-color-h) var(--dt-shadow-extra-large-4-color-s) var(--dt-shadow-extra-large-4-color-l) / var(--alpha, 100%));--dt-shadow-extra-large-4-color: #000000;--dt-shadow-extra-large-3-offset-y: var(--dt-size-50-negative);--dt-shadow-extra-large-3-offset-x: var(--dt-size-50-negative);--dt-shadow-extra-large-3-color-h: 0;--dt-shadow-extra-large-3-color-s: 0%;--dt-shadow-extra-large-3-color-l: 0%;--dt-shadow-extra-large-3-color-a: 100%;--dt-shadow-extra-large-3-color-hsl: var(--dt-shadow-extra-large-3-color-h) var(--dt-shadow-extra-large-3-color-s) var(--dt-shadow-extra-large-3-color-l);--dt-shadow-extra-large-3-color-hsla: hsl(var(--dt-shadow-extra-large-3-color-h) var(--dt-shadow-extra-large-3-color-s) var(--dt-shadow-extra-large-3-color-l) / var(--alpha, 100%));--dt-shadow-extra-large-3-color: #000000;--dt-shadow-extra-large-2-offset-y: var(--dt-size-50);--dt-shadow-extra-large-2-offset-x: var(--dt-size-50);--dt-shadow-extra-large-2-color-h: 0;--dt-shadow-extra-large-2-color-s: 0%;--dt-shadow-extra-large-2-color-l: 0%;--dt-shadow-extra-large-2-color-a: 100%;--dt-shadow-extra-large-2-color-hsl: var(--dt-shadow-extra-large-2-color-h) var(--dt-shadow-extra-large-2-color-s) var(--dt-shadow-extra-large-2-color-l);--dt-shadow-extra-large-2-color-hsla: hsl(var(--dt-shadow-extra-large-2-color-h) var(--dt-shadow-extra-large-2-color-s) var(--dt-shadow-extra-large-2-color-l) / var(--alpha, 100%));--dt-shadow-extra-large-2-color: #000000;--dt-shadow-extra-large-2-spread: var(--dt-size-0);--dt-shadow-extra-large-2-blur: var(--dt-size-0);--dt-shadow-extra-large-1-offset-y: var(--dt-size-200);--dt-shadow-extra-large-1-offset-x: var(--dt-size-0);--dt-shadow-extra-large-1-spread: var(--dt-size-0);--dt-shadow-extra-large-1-blur: var(--dt-size-600);--dt-shadow-large-5-offset-y: var(--dt-size-50-negative);--dt-shadow-large-5-offset-x: var(--dt-size-50);--dt-shadow-large-5-color-h: 0;--dt-shadow-large-5-color-s: 0%;--dt-shadow-large-5-color-l: 0%;--dt-shadow-large-5-color-a: 100%;--dt-shadow-large-5-color-hsl: var(--dt-shadow-large-5-color-h) var(--dt-shadow-large-5-color-s) var(--dt-shadow-large-5-color-l);--dt-shadow-large-5-color-hsla: hsl(var(--dt-shadow-large-5-color-h) var(--dt-shadow-large-5-color-s) var(--dt-shadow-large-5-color-l) / var(--alpha, 100%));--dt-shadow-large-5-color: #000000;--dt-shadow-large-4-offset-y: var(--dt-size-50);--dt-shadow-large-4-offset-x: var(--dt-size-50-negative);--dt-shadow-large-4-color-h: 0;--dt-shadow-large-4-color-s: 0%;--dt-shadow-large-4-color-l: 0%;--dt-shadow-large-4-color-a: 100%;--dt-shadow-large-4-color-hsl: var(--dt-shadow-large-4-color-h) var(--dt-shadow-large-4-color-s) var(--dt-shadow-large-4-color-l);--dt-shadow-large-4-color-hsla: hsl(var(--dt-shadow-large-4-color-h) var(--dt-shadow-large-4-color-s) var(--dt-shadow-large-4-color-l) / var(--alpha, 100%));--dt-shadow-large-4-color: #000000;--dt-shadow-large-3-offset-y: var(--dt-size-50-negative);--dt-shadow-large-3-offset-x: var(--dt-size-50-negative);--dt-shadow-large-3-color-h: 0;--dt-shadow-large-3-color-s: 0%;--dt-shadow-large-3-color-l: 0%;--dt-shadow-large-3-color-a: 100%;--dt-shadow-large-3-color-hsl: var(--dt-shadow-large-3-color-h) var(--dt-shadow-large-3-color-s) var(--dt-shadow-large-3-color-l);--dt-shadow-large-3-color-hsla: hsl(var(--dt-shadow-large-3-color-h) var(--dt-shadow-large-3-color-s) var(--dt-shadow-large-3-color-l) / var(--alpha, 100%));--dt-shadow-large-3-color: #000000;--dt-shadow-large-2-offset-y: var(--dt-size-50);--dt-shadow-large-2-offset-x: var(--dt-size-50-negative);--dt-shadow-large-2-color-h: 0;--dt-shadow-large-2-color-s: 0%;--dt-shadow-large-2-color-l: 0%;--dt-shadow-large-2-color-a: 100%;--dt-shadow-large-2-color-hsl: var(--dt-shadow-large-2-color-h) var(--dt-shadow-large-2-color-s) var(--dt-shadow-large-2-color-l);--dt-shadow-large-2-color-hsla: hsl(var(--dt-shadow-large-2-color-h) var(--dt-shadow-large-2-color-s) var(--dt-shadow-large-2-color-l) / var(--alpha, 100%));--dt-shadow-large-2-color: #000000;--dt-shadow-large-2-spread: var(--dt-size-0);--dt-shadow-large-2-blur: var(--dt-size-0);--dt-shadow-large-1-offset-y: var(--dt-size-200);--dt-shadow-large-1-offset-x: var(--dt-size-0);--dt-shadow-large-1-spread: var(--dt-size-0);--dt-shadow-large-1-blur: var(--dt-size-500);--dt-shadow-medium-5-offset-y: var(--dt-size-50-negative);--dt-shadow-medium-5-offset-x: var(--dt-size-50);--dt-shadow-medium-5-color-h: 0;--dt-shadow-medium-5-color-s: 0%;--dt-shadow-medium-5-color-l: 0%;--dt-shadow-medium-5-color-a: 100%;--dt-shadow-medium-5-color-hsl: var(--dt-shadow-medium-5-color-h) var(--dt-shadow-medium-5-color-s) var(--dt-shadow-medium-5-color-l);--dt-shadow-medium-5-color-hsla: hsl(var(--dt-shadow-medium-5-color-h) var(--dt-shadow-medium-5-color-s) var(--dt-shadow-medium-5-color-l) / var(--alpha, 100%));--dt-shadow-medium-5-color: #000000;--dt-shadow-medium-4-offset-y: var(--dt-size-50);--dt-shadow-medium-4-offset-x: var(--dt-size-50-negative);--dt-shadow-medium-4-color-h: 0;--dt-shadow-medium-4-color-s: 0%;--dt-shadow-medium-4-color-l: 0%;--dt-shadow-medium-4-color-a: 100%;--dt-shadow-medium-4-color-hsl: var(--dt-shadow-medium-4-color-h) var(--dt-shadow-medium-4-color-s) var(--dt-shadow-medium-4-color-l);--dt-shadow-medium-4-color-hsla: hsl(var(--dt-shadow-medium-4-color-h) var(--dt-shadow-medium-4-color-s) var(--dt-shadow-medium-4-color-l) / var(--alpha, 100%));--dt-shadow-medium-4-color: #000000;--dt-shadow-medium-3-offset-y: var(--dt-size-50-negative);--dt-shadow-medium-3-offset-x: var(--dt-size-50-negative);--dt-shadow-medium-3-color-h: 0;--dt-shadow-medium-3-color-s: 0%;--dt-shadow-medium-3-color-l: 0%;--dt-shadow-medium-3-color-a: 100%;--dt-shadow-medium-3-color-hsl: var(--dt-shadow-medium-3-color-h) var(--dt-shadow-medium-3-color-s) var(--dt-shadow-medium-3-color-l);--dt-shadow-medium-3-color-hsla: hsl(var(--dt-shadow-medium-3-color-h) var(--dt-shadow-medium-3-color-s) var(--dt-shadow-medium-3-color-l) / var(--alpha, 100%));--dt-shadow-medium-3-color: #000000;--dt-shadow-medium-2-offset-y: var(--dt-size-50);--dt-shadow-medium-2-offset-x: var(--dt-size-50);--dt-shadow-medium-2-color-h: 0;--dt-shadow-medium-2-color-s: 0%;--dt-shadow-medium-2-color-l: 0%;--dt-shadow-medium-2-color-a: 100%;--dt-shadow-medium-2-color-hsl: var(--dt-shadow-medium-2-color-h) var(--dt-shadow-medium-2-color-s) var(--dt-shadow-medium-2-color-l);--dt-shadow-medium-2-color-hsla: hsl(var(--dt-shadow-medium-2-color-h) var(--dt-shadow-medium-2-color-s) var(--dt-shadow-medium-2-color-l) / var(--alpha, 100%));--dt-shadow-medium-2-color: #000000;--dt-shadow-medium-2-spread: var(--dt-size-0);--dt-shadow-medium-2-blur: var(--dt-size-0);--dt-shadow-medium-1-offset-y: var(--dt-size-200);--dt-shadow-medium-1-offset-x: var(--dt-size-0);--dt-shadow-medium-1-spread: var(--dt-size-0);--dt-shadow-medium-1-blur: var(--dt-size-400);--dt-shadow-small-5-offset-y: var(--dt-size-50-negative);--dt-shadow-small-5-offset-x: var(--dt-size-50);--dt-shadow-small-5-color-h: 0;--dt-shadow-small-5-color-s: 0%;--dt-shadow-small-5-color-l: 0%;--dt-shadow-small-5-color-a: 100%;--dt-shadow-small-5-color-hsl: var(--dt-shadow-small-5-color-h) var(--dt-shadow-small-5-color-s) var(--dt-shadow-small-5-color-l);--dt-shadow-small-5-color-hsla: hsl(var(--dt-shadow-small-5-color-h) var(--dt-shadow-small-5-color-s) var(--dt-shadow-small-5-color-l) / var(--alpha, 100%));--dt-shadow-small-5-color: #000000;--dt-shadow-small-4-offset-y: var(--dt-size-50);--dt-shadow-small-4-offset-x: var(--dt-size-50-negative);--dt-shadow-small-4-color-h: 0;--dt-shadow-small-4-color-s: 0%;--dt-shadow-small-4-color-l: 0%;--dt-shadow-small-4-color-a: 100%;--dt-shadow-small-4-color-hsl: var(--dt-shadow-small-4-color-h) var(--dt-shadow-small-4-color-s) var(--dt-shadow-small-4-color-l);--dt-shadow-small-4-color-hsla: hsl(var(--dt-shadow-small-4-color-h) var(--dt-shadow-small-4-color-s) var(--dt-shadow-small-4-color-l) / var(--alpha, 100%));--dt-shadow-small-4-color: #000000;--dt-shadow-small-3-offset-y: var(--dt-size-50-negative);--dt-shadow-small-3-offset-x: var(--dt-size-50-negative);--dt-shadow-small-3-color-h: 0;--dt-shadow-small-3-color-s: 0%;--dt-shadow-small-3-color-l: 0%;--dt-shadow-small-3-color-a: 100%;--dt-shadow-small-3-color-hsl: var(--dt-shadow-small-3-color-h) var(--dt-shadow-small-3-color-s) var(--dt-shadow-small-3-color-l);--dt-shadow-small-3-color-hsla: hsl(var(--dt-shadow-small-3-color-h) var(--dt-shadow-small-3-color-s) var(--dt-shadow-small-3-color-l) / var(--alpha, 100%));--dt-shadow-small-3-color: #000000;--dt-shadow-small-2-offset-y: var(--dt-size-50);--dt-shadow-small-2-offset-x: var(--dt-size-50);--dt-shadow-small-2-color-h: 0;--dt-shadow-small-2-color-s: 0%;--dt-shadow-small-2-color-l: 0%;--dt-shadow-small-2-color-a: 100%;--dt-shadow-small-2-color-hsl: var(--dt-shadow-small-2-color-h) var(--dt-shadow-small-2-color-s) var(--dt-shadow-small-2-color-l);--dt-shadow-small-2-color-hsla: hsl(var(--dt-shadow-small-2-color-h) var(--dt-shadow-small-2-color-s) var(--dt-shadow-small-2-color-l) / var(--alpha, 100%));--dt-shadow-small-2-color: #000000;--dt-shadow-small-2-spread: var(--dt-size-0);--dt-shadow-small-2-blur: var(--dt-size-0);--dt-shadow-small-1-offset-y: var(--dt-size-200);--dt-shadow-small-1-offset-x: var(--dt-size-0);--dt-shadow-small-1-spread: var(--dt-size-0);--dt-shadow-small-1-blur: var(--dt-size-300);--dt-shadow-focus-inset: var(--dt-shadow-focus-inset-offset-x) var(--dt-shadow-focus-inset-offset-y) var(--dt-shadow-focus-inset-blur) var(--dt-shadow-focus-inset-spread) var(--dt-shadow-focus-inset-color) inset;--dt-shadow-focus: var(--dt-shadow-focus-1-offset-x) var(--dt-shadow-focus-1-offset-y) var(--dt-shadow-focus-1-blur) var(--dt-shadow-focus-1-spread) var(--dt-shadow-focus-1-color), var(--dt-shadow-focus-2-offset-x) var(--dt-shadow-focus-2-offset-y) var(--dt-shadow-focus-2-blur) var(--dt-shadow-focus-2-spread) var(--dt-shadow-focus-2-color);--dt-shadow-card: var(--dt-shadow-card-1-offset-x) var(--dt-shadow-card-1-offset-y) var(--dt-shadow-card-1-blur) var(--dt-shadow-card-1-spread) var(--dt-shadow-card-1-color), var(--dt-shadow-card-2-offset-x) var(--dt-shadow-card-2-offset-y) var(--dt-shadow-card-2-blur) var(--dt-shadow-card-2-spread) var(--dt-shadow-card-2-color), var(--dt-shadow-card-3-offset-x) var(--dt-shadow-card-3-offset-y) var(--dt-shadow-card-3-blur) var(--dt-shadow-card-3-spread) var(--dt-shadow-card-3-color), var(--dt-shadow-card-4-offset-x) var(--dt-shadow-card-4-offset-y) var(--dt-shadow-card-4-blur) var(--dt-shadow-card-4-spread) var(--dt-shadow-card-4-color), var(--dt-shadow-card-5-offset-x) var(--dt-shadow-card-5-offset-y) var(--dt-shadow-card-5-blur) var(--dt-shadow-card-5-spread) var(--dt-shadow-card-5-color), var(--dt-shadow-card-6-offset-x) var(--dt-shadow-card-6-offset-y) var(--dt-shadow-card-6-blur) var(--dt-shadow-card-6-spread) var(--dt-shadow-card-6-color), var(--dt-shadow-card-7-offset-x) var(--dt-shadow-card-7-offset-y) var(--dt-shadow-card-7-blur) var(--dt-shadow-card-7-spread) var(--dt-shadow-card-7-color);--dt-shadow-extra-large: var(--dt-shadow-extra-large-1-offset-x) var(--dt-shadow-extra-large-1-offset-y) var(--dt-shadow-extra-large-1-blur) var(--dt-shadow-extra-large-1-spread) var(--dt-shadow-extra-large-1-color), var(--dt-shadow-extra-large-2-offset-x) var(--dt-shadow-extra-large-2-offset-y) var(--dt-shadow-extra-large-2-blur) var(--dt-shadow-extra-large-2-spread) var(--dt-shadow-extra-large-2-color), var(--dt-shadow-extra-large-3-offset-x) var(--dt-shadow-extra-large-3-offset-y) var(--dt-shadow-extra-large-3-blur) var(--dt-shadow-extra-large-3-spread) var(--dt-shadow-extra-large-3-color), var(--dt-shadow-extra-large-4-offset-x) var(--dt-shadow-extra-large-4-offset-y) var(--dt-shadow-extra-large-4-blur) var(--dt-shadow-extra-large-4-spread) var(--dt-shadow-extra-large-4-color), var(--dt-shadow-extra-large-5-offset-x) var(--dt-shadow-extra-large-5-offset-y) var(--dt-shadow-extra-large-5-blur) var(--dt-shadow-extra-large-5-spread) var(--dt-shadow-extra-large-5-color);--dt-shadow-large: var(--dt-shadow-large-1-offset-x) var(--dt-shadow-large-1-offset-y) var(--dt-shadow-large-1-blur) var(--dt-shadow-large-1-spread) var(--dt-shadow-large-1-color), var(--dt-shadow-large-2-offset-x) var(--dt-shadow-large-2-offset-y) var(--dt-shadow-large-2-blur) var(--dt-shadow-large-2-spread) var(--dt-shadow-large-2-color), var(--dt-shadow-large-3-offset-x) var(--dt-shadow-large-3-offset-y) var(--dt-shadow-large-3-blur) var(--dt-shadow-large-3-spread) var(--dt-shadow-large-3-color), var(--dt-shadow-large-4-offset-x) var(--dt-shadow-large-4-offset-y) var(--dt-shadow-large-4-blur) var(--dt-shadow-large-4-spread) var(--dt-shadow-large-4-color), var(--dt-shadow-large-5-offset-x) var(--dt-shadow-large-5-offset-y) var(--dt-shadow-large-5-blur) var(--dt-shadow-large-5-spread) var(--dt-shadow-large-5-color);--dt-shadow-medium: var(--dt-shadow-medium-1-offset-x) var(--dt-shadow-medium-1-offset-y) var(--dt-shadow-medium-1-blur) var(--dt-shadow-medium-1-spread) var(--dt-shadow-medium-1-color), var(--dt-shadow-medium-2-offset-x) var(--dt-shadow-medium-2-offset-y) var(--dt-shadow-medium-2-blur) var(--dt-shadow-medium-2-spread) var(--dt-shadow-medium-2-color), var(--dt-shadow-medium-3-offset-x) var(--dt-shadow-medium-3-offset-y) var(--dt-shadow-medium-3-blur) var(--dt-shadow-medium-3-spread) var(--dt-shadow-medium-3-color), var(--dt-shadow-medium-4-offset-x) var(--dt-shadow-medium-4-offset-y) var(--dt-shadow-medium-4-blur) var(--dt-shadow-medium-4-spread) var(--dt-shadow-medium-4-color), var(--dt-shadow-medium-5-offset-x) var(--dt-shadow-medium-5-offset-y) var(--dt-shadow-medium-5-blur) var(--dt-shadow-medium-5-spread) var(--dt-shadow-medium-5-color);--dt-shadow-small: var(--dt-shadow-small-1-offset-x) var(--dt-shadow-small-1-offset-y) var(--dt-shadow-small-1-blur) var(--dt-shadow-small-1-spread) var(--dt-shadow-small-1-color), var(--dt-shadow-small-2-offset-x) var(--dt-shadow-small-2-offset-y) var(--dt-shadow-small-2-blur) var(--dt-shadow-small-2-spread) var(--dt-shadow-small-2-color), var(--dt-shadow-small-3-offset-x) var(--dt-shadow-small-3-offset-y) var(--dt-shadow-small-3-blur) var(--dt-shadow-small-3-spread) var(--dt-shadow-small-3-color), var(--dt-shadow-small-4-offset-x) var(--dt-shadow-small-4-offset-y) var(--dt-shadow-small-4-blur) var(--dt-shadow-small-4-spread) var(--dt-shadow-small-4-color), var(--dt-shadow-small-5-offset-x) var(--dt-shadow-small-5-offset-y) var(--dt-shadow-small-5-blur) var(--dt-shadow-small-5-spread) var(--dt-shadow-small-5-color);--dt-color-gradient-magenta-purple: linear-gradient(135deg, var(--dt-color-brand-magenta) 10%, var(--dt-color-brand-purple) 90%);--dt-size-base: .8rem ;--dt-font-family-expressive: Archivo, var(--dt-font-family-body);--dt-font-size-500: 3.8rem ;--dt-font-size-400: 2.7rem ;--dt-font-size-300: 1.9rem ;--dt-font-size-200: 1.5rem ;--dt-font-size-100: 1.2rem ;--dt-space-base: var(--dt-size-base);--dt-font-size-100-mobile: 1.2rem;--dt-font-size-200-mobile: 1.6rem;--dt-font-size-300-mobile: 2rem;--dt-font-size-400-mobile: 2.9rem;--dt-font-size-500-mobile: 4.1rem;--dt-font-size-100-tc8: 1.7rem;--dt-font-size-200-tc8: 2.1rem;--dt-font-size-300-tc8: 2.7rem;--dt-font-size-400-tc8: 3.8rem;--dt-font-size-500-tc8: 5.4rem;--dt-font-size-100-tv: 2.5rem;--dt-font-size-200-tv: 3.2rem;--dt-font-size-300-tv: 4.1rem;--dt-font-size-400-tv: 5.8rem;--dt-font-size-500-tv: 8.2rem;--zi-hide: -1;--zi-base: 0;--zi-base1: 1;--zi-selected: 25;--zi-active: 50;--zi-navigation: 100;--zi-navigation-fixed: 150;--zi-dropdown: 200;--zi-popover: 300;--zi-tooltip: 400;--zi-drawer: 500;--zi-modal: 600;--zi-modal-element: 650;--zi-notification: 700}';
-export {
-  o as B
-};

package/dist/tokens/themes/chunks/tokens-base-dark-Ch4dTh7V.js

@@ -1 +0,0 @@
-"use strict";const o=':root{color-scheme:dark;--dt-shadow-focus-inset-type: innerShadow;--dt-shadow-focus-2-type: dropShadow;--dt-shadow-focus-1-type: dropShadow;--dt-shadow-card-7-type: dropShadow;--dt-shadow-card-7-spread: 0rem;--dt-shadow-card-7-blur: 0rem;--dt-shadow-card-6-type: dropShadow;--dt-shadow-card-6-spread: 0rem;--dt-shadow-card-6-blur: 0rem;--dt-shadow-card-5-type: dropShadow;--dt-shadow-card-5-spread: 0rem;--dt-shadow-card-5-blur: 0rem;--dt-shadow-card-4-type: dropShadow;--dt-shadow-card-3-type: dropShadow;--dt-shadow-card-3-color-h: 0;--dt-shadow-card-3-color-s: 0%;--dt-shadow-card-3-color-l: 0%;--dt-shadow-card-3-color-a: 58%;--dt-shadow-card-3-color-hsl: var(--dt-shadow-card-3-color-h) var(--dt-shadow-card-3-color-s) var(--dt-shadow-card-3-color-l);--dt-shadow-card-3-color-hsla: hsl(var(--dt-shadow-card-3-color-h) var(--dt-shadow-card-3-color-s) var(--dt-shadow-card-3-color-l) / var(--alpha, 58%));--dt-shadow-card-3-color: #00000094;--dt-shadow-card-2-type: dropShadow;--dt-shadow-card-2-color-h: 0;--dt-shadow-card-2-color-s: 0%;--dt-shadow-card-2-color-l: 0%;--dt-shadow-card-2-color-a: 45%;--dt-shadow-card-2-color-hsl: var(--dt-shadow-card-2-color-h) var(--dt-shadow-card-2-color-s) var(--dt-shadow-card-2-color-l);--dt-shadow-card-2-color-hsla: hsl(var(--dt-shadow-card-2-color-h) var(--dt-shadow-card-2-color-s) var(--dt-shadow-card-2-color-l) / var(--alpha, 45%));--dt-shadow-card-2-color: #00000073;--dt-shadow-card-1-type: dropShadow;--dt-shadow-card-1-color-h: 0;--dt-shadow-card-1-color-s: 0%;--dt-shadow-card-1-color-l: 0%;--dt-shadow-card-1-color-a: 35%;--dt-shadow-card-1-color-hsl: var(--dt-shadow-card-1-color-h) var(--dt-shadow-card-1-color-s) var(--dt-shadow-card-1-color-l);--dt-shadow-card-1-color-hsla: hsl(var(--dt-shadow-card-1-color-h) var(--dt-shadow-card-1-color-s) var(--dt-shadow-card-1-color-l) / var(--alpha, 35%));--dt-shadow-card-1-color: #00000059;--dt-shadow-extra-large-5-type: dropShadow;--dt-shadow-extra-large-5-spread: 0rem;--dt-shadow-extra-large-5-blur: 0rem;--dt-shadow-extra-large-4-type: dropShadow;--dt-shadow-extra-large-4-spread: 0rem;--dt-shadow-extra-large-4-blur: 0rem;--dt-shadow-extra-large-3-type: dropShadow;--dt-shadow-extra-large-3-spread: 0rem;--dt-shadow-extra-large-3-blur: 0rem;--dt-shadow-extra-large-2-type: dropShadow;--dt-shadow-extra-large-1-type: dropShadow;--dt-shadow-extra-large-1-color-h: 0;--dt-shadow-extra-large-1-color-s: 0%;--dt-shadow-extra-large-1-color-l: 0%;--dt-shadow-extra-large-1-color-a: 55%;--dt-shadow-extra-large-1-color-hsl: var(--dt-shadow-extra-large-1-color-h) var(--dt-shadow-extra-large-1-color-s) var(--dt-shadow-extra-large-1-color-l);--dt-shadow-extra-large-1-color-hsla: hsl(var(--dt-shadow-extra-large-1-color-h) var(--dt-shadow-extra-large-1-color-s) var(--dt-shadow-extra-large-1-color-l) / var(--alpha, 55%));--dt-shadow-extra-large-1-color: #0000008c;--dt-shadow-large-5-type: dropShadow;--dt-shadow-large-5-spread: 0rem;--dt-shadow-large-5-blur: 0rem;--dt-shadow-large-4-type: dropShadow;--dt-shadow-large-4-spread: 0rem;--dt-shadow-large-4-blur: 0rem;--dt-shadow-large-3-type: dropShadow;--dt-shadow-large-3-spread: 0rem;--dt-shadow-large-3-blur: 0rem;--dt-shadow-large-2-type: dropShadow;--dt-shadow-large-1-type: dropShadow;--dt-shadow-large-1-color-h: 0;--dt-shadow-large-1-color-s: 0%;--dt-shadow-large-1-color-l: 0%;--dt-shadow-large-1-color-a: 55%;--dt-shadow-large-1-color-hsl: var(--dt-shadow-large-1-color-h) var(--dt-shadow-large-1-color-s) var(--dt-shadow-large-1-color-l);--dt-shadow-large-1-color-hsla: hsl(var(--dt-shadow-large-1-color-h) var(--dt-shadow-large-1-color-s) var(--dt-shadow-large-1-color-l) / var(--alpha, 55%));--dt-shadow-large-1-color: #0000008c;--dt-shadow-medium-5-type: dropShadow;--dt-shadow-medium-5-spread: 0rem;--dt-shadow-medium-5-blur: 0rem;--dt-shadow-medium-4-type: dropShadow;--dt-shadow-medium-4-spread: 0rem;--dt-shadow-medium-4-blur: 0rem;--dt-shadow-medium-3-type: dropShadow;--dt-shadow-medium-3-spread: 0rem;--dt-shadow-medium-3-blur: 0rem;--dt-shadow-medium-2-type: dropShadow;--dt-shadow-medium-1-type: dropShadow;--dt-shadow-medium-1-color-h: 0;--dt-shadow-medium-1-color-s: 0%;--dt-shadow-medium-1-color-l: 0%;--dt-shadow-medium-1-color-a: 55%;--dt-shadow-medium-1-color-hsl: var(--dt-shadow-medium-1-color-h) var(--dt-shadow-medium-1-color-s) var(--dt-shadow-medium-1-color-l);--dt-shadow-medium-1-color-hsla: hsl(var(--dt-shadow-medium-1-color-h) var(--dt-shadow-medium-1-color-s) var(--dt-shadow-medium-1-color-l) / var(--alpha, 55%));--dt-shadow-medium-1-color: #0000008c;--dt-shadow-small-5-type: dropShadow;--dt-shadow-small-5-spread: 0rem;--dt-shadow-small-5-blur: 0rem;--dt-shadow-small-4-type: dropShadow;--dt-shadow-small-4-spread: 0rem;--dt-shadow-small-4-blur: 0rem;--dt-shadow-small-3-type: dropShadow;--dt-shadow-small-3-spread: 0rem;--dt-shadow-small-3-blur: 0rem;--dt-shadow-small-2-type: dropShadow;--dt-shadow-small-1-type: dropShadow;--dt-shadow-small-1-color-h: 0;--dt-shadow-small-1-color-s: 0%;--dt-shadow-small-1-color-l: 0%;--dt-shadow-small-1-color-a: 45%;--dt-shadow-small-1-color-hsl: var(--dt-shadow-small-1-color-h) var(--dt-shadow-small-1-color-s) var(--dt-shadow-small-1-color-l);--dt-shadow-small-1-color-hsla: hsl(var(--dt-shadow-small-1-color-h) var(--dt-shadow-small-1-color-s) var(--dt-shadow-small-1-color-l) / var(--alpha, 45%));--dt-shadow-small-1-color: #00000073;--dt-opacity-1300: 1;--dt-opacity-1200: .9;--dt-opacity-1100: .8;--dt-opacity-1000: .75;--dt-opacity-900: .7;--dt-opacity-800: .6;--dt-opacity-700: .5;--dt-opacity-600: .4;--dt-opacity-500: .3;--dt-opacity-400: .25;--dt-opacity-300: .2;--dt-opacity-200: .1;--dt-opacity-100: .05;--dt-opacity-0: 0;--dt-color-brand-gold-h: 35.80645161290322;--dt-color-brand-gold-s: 91.1764705882353%;--dt-color-brand-gold-l: 60%;--dt-color-brand-gold-a: 100%;--dt-color-brand-gold-hsl: var(--dt-color-brand-gold-h) var(--dt-color-brand-gold-s) var(--dt-color-brand-gold-l);--dt-color-brand-gold-hsla: hsl(var(--dt-color-brand-gold-h) var(--dt-color-brand-gold-s) var(--dt-color-brand-gold-l) / var(--alpha, 100%));--dt-color-brand-gold: #F6AB3C;--dt-color-brand-magenta-h: 325.7831325301205;--dt-color-brand-magenta-s: 100%;--dt-color-brand-magenta-l: 48.8235294117647%;--dt-color-brand-magenta-a: 100%;--dt-color-brand-magenta-hsl: var(--dt-color-brand-magenta-h) var(--dt-color-brand-magenta-s) var(--dt-color-brand-magenta-l);--dt-color-brand-magenta-hsla: hsl(var(--dt-color-brand-magenta-h) var(--dt-color-brand-magenta-s) var(--dt-color-brand-magenta-l) / var(--alpha, 100%));--dt-color-brand-magenta: #F9008E;--dt-color-brand-purple-h: 254.5664739884393;--dt-color-brand-purple-s: 100%;--dt-color-brand-purple-l: 66.07843137254902%;--dt-color-brand-purple-a: 100%;--dt-color-brand-purple-hsl: var(--dt-color-brand-purple-h) var(--dt-color-brand-purple-s) var(--dt-color-brand-purple-l);--dt-color-brand-purple-hsla: hsl(var(--dt-color-brand-purple-h) var(--dt-color-brand-purple-s) var(--dt-color-brand-purple-l) / var(--alpha, 100%));--dt-color-brand-purple: #7C52FF;--dt-color-tan-500-h: 30;--dt-color-tan-500-s: 13.333333333333282%;--dt-color-tan-500-l: 94.11764705882352%;--dt-color-tan-500-a: 100%;--dt-color-tan-500-hsl: var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l);--dt-color-tan-500-hsla: hsl(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / var(--alpha, 100%));--dt-color-tan-500: #F2F0EE;--dt-color-tan-400-h: 23.999999999999932;--dt-color-tan-400-s: 9.25925925925923%;--dt-color-tan-400-l: 78.82352941176471%;--dt-color-tan-400-a: 100%;--dt-color-tan-400-hsl: var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l);--dt-color-tan-400-hsla: hsl(var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l) / var(--alpha, 100%));--dt-color-tan-400: #CEC8C4;--dt-color-tan-300-h: 24.999999999999982;--dt-color-tan-300-s: 4.761904761904767%;--dt-color-tan-300-l: 50.588235294117645%;--dt-color-tan-300-a: 100%;--dt-color-tan-300-hsl: var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l);--dt-color-tan-300-hsla: hsl(var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l) / var(--alpha, 100%));--dt-color-tan-300: #87807B;--dt-color-tan-200-h: 20.000000000000046;--dt-color-tan-200-s: 2.4390243902439055%;--dt-color-tan-200-l: 24.11764705882353%;--dt-color-tan-200-a: 100%;--dt-color-tan-200-hsl: var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l);--dt-color-tan-200-hsla: hsl(var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l) / var(--alpha, 100%));--dt-color-tan-200: #3F3D3C;--dt-color-tan-100-h: 0;--dt-color-tan-100-s: 0%;--dt-color-tan-100-l: 7.0588235294117645%;--dt-color-tan-100-a: 100%;--dt-color-tan-100-hsl: var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l);--dt-color-tan-100-hsla: hsl(var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l) / var(--alpha, 100%));--dt-color-tan-100: #121212;--dt-color-red-500-h: 357.6923076923077;--dt-color-red-500-s: 100%;--dt-color-red-500-l: 94.90196078431372%;--dt-color-red-500-a: 100%;--dt-color-red-500-hsl: var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l);--dt-color-red-500-hsla: hsl(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / var(--alpha, 100%));--dt-color-red-500: #FFE5E6;--dt-color-red-400-h: 0;--dt-color-red-400-s: 100%;--dt-color-red-400-l: 76.07843137254902%;--dt-color-red-400-a: 100%;--dt-color-red-400-hsl: var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l);--dt-color-red-400-hsla: hsl(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / var(--alpha, 100%));--dt-color-red-400: #FF8585;--dt-color-red-300-h: 0;--dt-color-red-300-s: 88.79999999999998%;--dt-color-red-300-l: 49.01960784313726%;--dt-color-red-300-a: 100%;--dt-color-red-300-hsl: var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l);--dt-color-red-300-hsla: hsl(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / var(--alpha, 100%));--dt-color-red-300: #EC0E0E;--dt-color-red-200-h: 0;--dt-color-red-200-s: 88.659793814433%;--dt-color-red-200-l: 38.03921568627451%;--dt-color-red-200-a: 100%;--dt-color-red-200-hsl: var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l);--dt-color-red-200-hsla: hsl(var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l) / var(--alpha, 100%));--dt-color-red-200: #B70B0B;--dt-color-red-100-h: 0;--dt-color-red-100-s: 89.58333333333334%;--dt-color-red-100-l: 18.823529411764707%;--dt-color-red-100-a: 100%;--dt-color-red-100-hsl: var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l);--dt-color-red-100-hsla: hsl(var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l) / var(--alpha, 100%));--dt-color-red-100: #5B0505;--dt-color-green-500-h: 111.42857142857135;--dt-color-green-500-s: 53.84615384615383%;--dt-color-green-500-l: 94.90196078431372%;--dt-color-green-500-a: 100%;--dt-color-green-500-hsl: var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l);--dt-color-green-500-hsla: hsl(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / var(--alpha, 100%));--dt-color-green-500: #EDF9EB;--dt-color-green-400-h: 111.52173913043477;--dt-color-green-400-s: 100%;--dt-color-green-400-l: 81.96078431372548%;--dt-color-green-400-a: 100%;--dt-color-green-400-hsl: var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l);--dt-color-green-400-hsla: hsl(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / var(--alpha, 100%));--dt-color-green-400: #B0FFA3;--dt-color-green-300-h: 136.85393258426967;--dt-color-green-300-s: 91.75257731958763%;--dt-color-green-300-l: 61.96078431372549%;--dt-color-green-300-a: 100%;--dt-color-green-300-hsl: var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l);--dt-color-green-300-hsla: hsl(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / var(--alpha, 100%));--dt-color-green-300: #45F777;--dt-color-green-200-h: 136.64233576642334;--dt-color-green-200-s: 72.4867724867725%;--dt-color-green-200-l: 37.05882352941176%;--dt-color-green-200-a: 100%;--dt-color-green-200-hsl: var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l);--dt-color-green-200-hsla: hsl(var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l) / var(--alpha, 100%));--dt-color-green-200: #1AA340;--dt-color-green-100-h: 136.15384615384616;--dt-color-green-100-s: 59.09090909090911%;--dt-color-green-100-l: 17.254901960784313%;--dt-color-green-100-a: 100%;--dt-color-green-100-hsl: var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l);--dt-color-green-100-hsla: hsl(var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l) / var(--alpha, 100%));--dt-color-green-100: #124620;--dt-color-gold-500-h: 47.058823529411775;--dt-color-gold-500-s: 100%;--dt-color-gold-500-l: 90%;--dt-color-gold-500-a: 100%;--dt-color-gold-500-hsl: var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l);--dt-color-gold-500-hsla: hsl(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / var(--alpha, 100%));--dt-color-gold-500: #FFF4CC;--dt-color-gold-400-h: 42.99212598425196;--dt-color-gold-400-s: 100%;--dt-color-gold-400-l: 75.09803921568627%;--dt-color-gold-400-a: 100%;--dt-color-gold-400-hsl: var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l);--dt-color-gold-400-hsla: hsl(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / var(--alpha, 100%));--dt-color-gold-400: #FFDB80;--dt-color-gold-300-h: 35.80645161290322;--dt-color-gold-300-s: 91.1764705882353%;--dt-color-gold-300-l: 60%;--dt-color-gold-300-a: 100%;--dt-color-gold-300-hsl: var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l);--dt-color-gold-300-hsla: hsl(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / var(--alpha, 100%));--dt-color-gold-300: #F6AB3C;--dt-color-gold-200-h: 35.92814371257485;--dt-color-gold-200-s: 66.00790513833991%;--dt-color-gold-200-l: 49.6078431372549%;--dt-color-gold-200-a: 100%;--dt-color-gold-200-hsl: var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l);--dt-color-gold-200-hsla: hsl(var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l) / var(--alpha, 100%));--dt-color-gold-200: #D28F2B;--dt-color-gold-100-h: 35.70247933884298;--dt-color-gold-100-s: 88.32116788321169%;--dt-color-gold-100-l: 26.862745098039216%;--dt-color-gold-100-a: 100%;--dt-color-gold-100-hsl: var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l);--dt-color-gold-100-hsla: hsl(var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l) / var(--alpha, 100%));--dt-color-gold-100: #815008;--dt-color-magenta-500-h: 325.16129032258067;--dt-color-magenta-500-s: 100%;--dt-color-magenta-500-l: 93.92156862745098%;--dt-color-magenta-500-a: 100%;--dt-color-magenta-500-hsl: var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l);--dt-color-magenta-500-hsla: hsl(var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l) / var(--alpha, 100%));--dt-color-magenta-500: #FFE0F2;--dt-color-magenta-400-h: 325.86206896551727;--dt-color-magenta-400-s: 90.62499999999999%;--dt-color-magenta-400-l: 74.90196078431373%;--dt-color-magenta-400-a: 100%;--dt-color-magenta-400-hsl: var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l);--dt-color-magenta-400-hsla: hsl(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / var(--alpha, 100%));--dt-color-magenta-400: #F985C7;--dt-color-magenta-300-h: 325.7831325301205;--dt-color-magenta-300-s: 100%;--dt-color-magenta-300-l: 48.8235294117647%;--dt-color-magenta-300-a: 100%;--dt-color-magenta-300-hsl: var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l);--dt-color-magenta-300-hsla: hsl(var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l) / var(--alpha, 100%));--dt-color-magenta-300: #F9008E;--dt-color-magenta-200-h: 325.7142857142857;--dt-color-magenta-200-s: 81.81818181818181%;--dt-color-magenta-200-l: 30.196078431372552%;--dt-color-magenta-200-a: 100%;--dt-color-magenta-200-hsl: var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l);--dt-color-magenta-200-hsla: hsl(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / var(--alpha, 100%));--dt-color-magenta-200: #8C0E56;--dt-color-magenta-100-h: 325.86206896551727;--dt-color-magenta-100-s: 52.72727272727272%;--dt-color-magenta-100-l: 21.568627450980394%;--dt-color-magenta-100-a: 100%;--dt-color-magenta-100-hsl: var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l);--dt-color-magenta-100-hsla: hsl(var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l) / var(--alpha, 100%));--dt-color-magenta-100: #541A3B;--dt-color-blue-500-h: 210;--dt-color-blue-500-s: 61.53846153846148%;--dt-color-blue-500-l: 94.90196078431372%;--dt-color-blue-500-a: 100%;--dt-color-blue-500-hsl: var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l);--dt-color-blue-500-hsla: hsl(var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l) / var(--alpha, 100%));--dt-color-blue-500: #EAF2FA;--dt-color-blue-400-h: 212.35294117647058;--dt-color-blue-400-s: 100%;--dt-color-blue-400-l: 80%;--dt-color-blue-400-a: 100%;--dt-color-blue-400-hsl: var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l);--dt-color-blue-400-hsla: hsl(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / var(--alpha, 100%));--dt-color-blue-400: #99C8FF;--dt-color-blue-300-h: 212.60115606936415;--dt-color-blue-300-s: 98.85714285714286%;--dt-color-blue-300-l: 65.68627450980392%;--dt-color-blue-300-a: 100%;--dt-color-blue-300-hsl: var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l);--dt-color-blue-300-hsla: hsl(var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l) / var(--alpha, 100%));--dt-color-blue-300: #51A0FE;--dt-color-blue-200-h: 212.22857142857146;--dt-color-blue-200-s: 79.18552036199095%;--dt-color-blue-200-l: 43.333333333333336%;--dt-color-blue-200-a: 100%;--dt-color-blue-200-hsl: var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l);--dt-color-blue-200-hsla: hsl(var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l) / var(--alpha, 100%));--dt-color-blue-200: #1768C6;--dt-color-blue-100-h: 212.77777777777777;--dt-color-blue-100-s: 98.18181818181819%;--dt-color-blue-100-l: 21.56862745098039%;--dt-color-blue-100-a: 100%;--dt-color-blue-100-hsl: var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l);--dt-color-blue-100-hsla: hsl(var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l) / var(--alpha, 100%));--dt-color-blue-100: #01326D;--dt-color-purple-600-h: 260.00000000000006;--dt-color-purple-600-s: 100%;--dt-color-purple-600-l: 97.05882352941177%;--dt-color-purple-600-a: 100%;--dt-color-purple-600-hsl: var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l);--dt-color-purple-600-hsla: hsl(var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l) / var(--alpha, 100%));--dt-color-purple-600: #F5F0FF;--dt-color-purple-500-h: 260.3571428571429;--dt-color-purple-500-s: 100%;--dt-color-purple-500-l: 89.01960784313725%;--dt-color-purple-500-a: 100%;--dt-color-purple-500-hsl: var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l);--dt-color-purple-500-hsla: hsl(var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l) / var(--alpha, 100%));--dt-color-purple-500: #DAC7FF;--dt-color-purple-400-h: 260.9302325581395;--dt-color-purple-400-s: 100%;--dt-color-purple-400-l: 74.70588235294117%;--dt-color-purple-400-a: 100%;--dt-color-purple-400-hsl: var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l);--dt-color-purple-400-hsla: hsl(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l) / var(--alpha, 100%));--dt-color-purple-400: #AB7EFF;--dt-color-purple-300-h: 254.5664739884393;--dt-color-purple-300-s: 100%;--dt-color-purple-300-l: 66.07843137254902%;--dt-color-purple-300-a: 100%;--dt-color-purple-300-hsl: var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l);--dt-color-purple-300-hsla: hsl(var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l) / var(--alpha, 100%));--dt-color-purple-300: #7C52FF;--dt-color-purple-200-h: 254.49999999999997;--dt-color-purple-200-s: 67.41573033707864%;--dt-color-purple-200-l: 34.90196078431373%;--dt-color-purple-200-a: 100%;--dt-color-purple-200-hsl: var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l);--dt-color-purple-200-hsla: hsl(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / var(--alpha, 100%));--dt-color-purple-200: #3A1D95;--dt-color-purple-100-h: 260;--dt-color-purple-100-s: 91.30434782608695%;--dt-color-purple-100-l: 9.019607843137255%;--dt-color-purple-100-a: 100%;--dt-color-purple-100-hsl: var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l);--dt-color-purple-100-hsla: hsl(var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l) / var(--alpha, 100%));--dt-color-purple-100: #10022C;--dt-color-black-900-h: 0;--dt-color-black-900-s: 0%;--dt-color-black-900-l: 90.19607843137256%;--dt-color-black-900-a: 100%;--dt-color-black-900-hsl: var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l);--dt-color-black-900-hsla: hsl(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / var(--alpha, 100%));--dt-color-black-900: #E6E6E6;--dt-color-black-800-h: 0;--dt-color-black-800-s: 0%;--dt-color-black-800-l: 83.13725490196079%;--dt-color-black-800-a: 100%;--dt-color-black-800-hsl: var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l);--dt-color-black-800-hsla: hsl(var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l) / var(--alpha, 100%));--dt-color-black-800: #D4D4D4;--dt-color-black-700-h: 0;--dt-color-black-700-s: 0%;--dt-color-black-700-l: 76.07843137254902%;--dt-color-black-700-a: 100%;--dt-color-black-700-hsl: var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l);--dt-color-black-700-hsla: hsl(var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l) / var(--alpha, 100%));--dt-color-black-700: #C2C2C2;--dt-color-black-600-h: 0;--dt-color-black-600-s: 0%;--dt-color-black-600-l: 66.66666666666666%;--dt-color-black-600-a: 100%;--dt-color-black-600-hsl: var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l);--dt-color-black-600-hsla: hsl(var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l) / var(--alpha, 100%));--dt-color-black-600: #AAAAAA;--dt-color-black-500-h: 0;--dt-color-black-500-s: 0%;--dt-color-black-500-l: 50.19607843137255%;--dt-color-black-500-a: 100%;--dt-color-black-500-hsl: var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l);--dt-color-black-500-hsla: hsl(var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l) / var(--alpha, 100%));--dt-color-black-500: #808080;--dt-color-black-400-h: 0;--dt-color-black-400-s: 0%;--dt-color-black-400-l: 33.33333333333333%;--dt-color-black-400-a: 100%;--dt-color-black-400-hsl: var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l);--dt-color-black-400-hsla: hsl(var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l) / var(--alpha, 100%));--dt-color-black-400: #555555;--dt-color-black-300-h: 0;--dt-color-black-300-s: 0%;--dt-color-black-300-l: 22.745098039215687%;--dt-color-black-300-a: 100%;--dt-color-black-300-hsl: var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l);--dt-color-black-300-hsla: hsl(var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l) / var(--alpha, 100%));--dt-color-black-300: #3A3A3A;--dt-color-black-200-h: 0;--dt-color-black-200-s: 0%;--dt-color-black-200-l: 14.901960784313726%;--dt-color-black-200-a: 100%;--dt-color-black-200-hsl: var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l);--dt-color-black-200-hsla: hsl(var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l) / var(--alpha, 100%));--dt-color-black-200: #262626;--dt-color-black-100-h: 0;--dt-color-black-100-s: 0%;--dt-color-black-100-l: 0%;--dt-color-black-100-a: 100%;--dt-color-black-100-hsl: var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l);--dt-color-black-100-hsla: hsl(var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l) / var(--alpha, 100%));--dt-color-black-100: #000000;--dt-color-neutral-transparent-h: 0;--dt-color-neutral-transparent-s: 0%;--dt-color-neutral-transparent-l: 0%;--dt-color-neutral-transparent-a: 0%;--dt-color-neutral-transparent-hsl: var(--dt-color-neutral-transparent-h) var(--dt-color-neutral-transparent-s) var(--dt-color-neutral-transparent-l);--dt-color-neutral-transparent-hsla: hsl(var(--dt-color-neutral-transparent-h) var(--dt-color-neutral-transparent-s) var(--dt-color-neutral-transparent-l) / var(--alpha, 0%));--dt-color-neutral-transparent: transparent;--dt-color-neutral-black-h: 0;--dt-color-neutral-black-s: 0%;--dt-color-neutral-black-l: 0%;--dt-color-neutral-black-a: 100%;--dt-color-neutral-black-hsl: var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l);--dt-color-neutral-black-hsla: hsl(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / var(--alpha, 100%));--dt-color-neutral-black: #000000;--dt-color-neutral-white-h: 0;--dt-color-neutral-white-s: 0%;--dt-color-neutral-white-l: 100%;--dt-color-neutral-white-a: 100%;--dt-color-neutral-white-hsl: var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l);--dt-color-neutral-white-hsla: hsl(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / var(--alpha, 100%));--dt-color-neutral-white: #ffffff;--dt-space-100-percent: 100%;--dt-space-95-percent: 95%;--dt-space-90-percent: 90%;--dt-space-80-percent: 80%;--dt-space-75-percent: 75%;--dt-space-70-percent: 70%;--dt-space-66-percent: 66.7%;--dt-space-60-percent: 60%;--dt-space-50-percent: 50%;--dt-space-40-percent: 40%;--dt-space-33-percent: 33.333%;--dt-space-30-percent: 30%;--dt-space-25-percent: 25%;--dt-space-20-percent: 20%;--dt-space-10-percent: 10%;--dt-space-5-percent: 5%;--dt-space-0-percent: 0%;--dt-space-1200-negative: -204.8rem;--dt-space-1150-negative: -153.6rem;--dt-space-1130-negative: -134rem;--dt-space-1125-negative: -128rem;--dt-space-1120-negative: -126.8rem;--dt-space-1115-negative: -114rem;--dt-space-1100-negative: -102.4rem;--dt-space-1080-negative: -91.2rem;--dt-space-1060-negative: -82.8rem;--dt-space-1050-negative: -76.8rem;--dt-space-1040-negative: -76.4rem;--dt-space-1020-negative: -62.8rem;--dt-space-1000-negative: -51.2rem;--dt-space-975-negative: -46.4rem;--dt-space-950-negative: -38.4rem;--dt-space-925-negative: -33.2rem;--dt-space-905-negative: -26.4rem;--dt-space-900-negative: -25.6rem;--dt-space-875-negative: -21.6rem;--dt-space-850-negative: -19.2rem;--dt-space-825-negative: -16.4rem;--dt-space-800-negative: -12.8rem;--dt-space-775-negative: -11.4rem;--dt-space-760-negative: -10.2rem;--dt-space-750-negative: -9.6rem;--dt-space-730-negative: -8.4rem;--dt-space-720-negative: -7.2rem;--dt-space-700-negative: -6.4rem;--dt-space-650-negative: -4.8rem;--dt-space-625-negative: -4.2rem;--dt-space-600-negative: -3.2rem;--dt-space-550-negative: -2.4rem;--dt-space-525-negative: -2rem;--dt-space-500-negative: -1.6rem;--dt-space-450-negative: -1.2rem;--dt-space-400-negative: -.8rem;--dt-space-350-negative: -.6rem;--dt-space-300-negative: -.4rem;--dt-space-200-negative: -.2rem;--dt-space-100-negative: -.1rem;--dt-space-50-negative: -.05rem;--dt-space-1200: 204.8rem;--dt-space-1150: 153.6rem;--dt-space-1130: 134rem;--dt-space-1125: 128rem;--dt-space-1120: 126.8rem;--dt-space-1115: 114rem;--dt-space-1100: 102.4rem;--dt-space-1080: 91.2rem;--dt-space-1060: 82.8rem;--dt-space-1050: 76.8rem;--dt-space-1040: 76.4rem;--dt-space-1020: 62.8rem;--dt-space-1000: 51.2rem;--dt-space-975: 46.4rem;--dt-space-950: 38.4rem;--dt-space-925: 33.2rem;--dt-space-905: 26.4rem;--dt-space-900: 25.6rem;--dt-space-875: 21.6rem;--dt-space-850: 19.2rem;--dt-space-825: 16.4rem;--dt-space-800: 12.8rem;--dt-space-775: 11.4rem;--dt-space-760: 10.2rem;--dt-space-750: 9.6rem;--dt-space-730: 8.4rem;--dt-space-720: 7.2rem;--dt-space-700: 6.4rem;--dt-space-650: 4.8rem;--dt-space-625: 4.2rem;--dt-space-600: 3.2rem;--dt-space-550: 2.4rem;--dt-space-525: 2rem;--dt-space-500: 1.6rem;--dt-space-450: 1.2rem;--dt-space-400: .8rem;--dt-space-350: .6rem;--dt-space-300: .4rem;--dt-space-200: .2rem;--dt-space-100: .1rem;--dt-space-50: .05rem;--dt-space-0: 0rem;--dt-size-radius-circle: 50%;--dt-size-radius-pill: 10.2rem;--dt-size-radius-600: 3.2rem;--dt-size-radius-500: 1.6rem;--dt-size-radius-450: 1.2rem;--dt-size-radius-400: .8rem;--dt-size-radius-300: .4rem;--dt-size-radius-200: .2rem;--dt-size-radius-100: .1rem;--dt-size-radius-0: 0rem;--dt-size-100-percent: 100%;--dt-size-95-percent: 95%;--dt-size-90-percent: 90%;--dt-size-80-percent: 80%;--dt-size-75-percent: 75%;--dt-size-70-percent: 70%;--dt-size-66-percent: 66.7%;--dt-size-60-percent: 60%;--dt-size-50-percent: 50%;--dt-size-40-percent: 40%;--dt-size-33-percent: 33.333%;--dt-size-30-percent: 30%;--dt-size-25-percent: 25%;--dt-size-20-percent: 20%;--dt-size-10-percent: 10%;--dt-size-5-percent: 5%;--dt-size-0-percent: 0%;--dt-size-1200-negative: -204.8rem;--dt-size-1150-negative: -153.6rem;--dt-size-1130-negative: -134rem;--dt-size-1125-negative: -128rem;--dt-size-1120-negative: -126.8rem;--dt-size-1115-negative: -114rem;--dt-size-1100-negative: -102.4rem;--dt-size-1080-negative: -91.2rem;--dt-size-1060-negative: -82.8rem;--dt-size-1050-negative: -76.8rem;--dt-size-1040-negative: -76.4rem;--dt-size-1020-negative: -62.8rem;--dt-size-1000-negative: -51.2rem;--dt-size-975-negative: -46.4rem;--dt-size-950-negative: -38.4rem;--dt-size-925-negative: -33.2rem;--dt-size-905-negative: -26.4rem;--dt-size-900-negative: -25.6rem;--dt-size-875-negative: -21.6rem;--dt-size-850-negative: -19.2rem;--dt-size-825-negative: -16.4rem;--dt-size-800-negative: -12.8rem;--dt-size-775-negative: -11.4rem;--dt-size-760-negative: -10.2rem;--dt-size-750-negative: -9.6rem;--dt-size-730-negative: -8.4rem;--dt-size-720-negative: -7.2rem;--dt-size-700-negative: -6.4rem;--dt-size-650-negative: -4.8rem;--dt-size-625-negative: -4.2rem;--dt-size-600-negative: -3.2rem;--dt-size-550-negative: -2.4rem;--dt-size-525-negative: -2rem;--dt-size-500-negative: -1.6rem;--dt-size-450-negative: -1.2rem;--dt-size-400-negative: -.8rem;--dt-size-350-negative: -.6rem;--dt-size-300-negative: -.4rem;--dt-size-200-negative: -.2rem;--dt-size-100-negative: -.1rem;--dt-size-50-negative: -.05rem;--dt-size-border-400: .8rem;--dt-size-border-300: .4rem;--dt-size-border-200: .2rem;--dt-size-border-150: .15rem;--dt-size-border-100: .1rem;--dt-size-border-50: .05rem;--dt-size-border-0: 0rem;--dt-size-1200: 204.8rem;--dt-size-1150: 153.6rem;--dt-size-1130: 134rem;--dt-size-1125: 128rem;--dt-size-1120: 126.8rem;--dt-size-1115: 114rem;--dt-size-1100: 102.4rem;--dt-size-1080: 91.2rem;--dt-size-1060: 82.8rem;--dt-size-1050: 76.8rem;--dt-size-1040: 76.4rem;--dt-size-1020: 62.8rem;--dt-size-1000: 51.2rem;--dt-size-975: 46.4rem;--dt-size-950: 38.4rem;--dt-size-925: 33.2rem;--dt-size-905: 26.4rem;--dt-size-900: 25.6rem;--dt-size-875: 21.6rem;--dt-size-850: 19.2rem;--dt-size-825: 16.4rem;--dt-size-800: 12.8rem;--dt-size-775: 11.4rem;--dt-size-760: 10.2rem;--dt-size-750: 9.6rem;--dt-size-730: 8.4rem;--dt-size-720: 7.2rem;--dt-size-700: 6.4rem;--dt-size-650: 4.8rem;--dt-size-625: 4.2rem;--dt-size-600: 3.2rem;--dt-size-550: 2.4rem;--dt-size-525: 2rem;--dt-size-500: 1.6rem;--dt-size-450: 1.2rem;--dt-size-400: .8rem;--dt-size-350: .6rem;--dt-size-300: .4rem;--dt-size-200: .2rem;--dt-size-100: .1rem;--dt-size-50: .05rem;--dt-size-0: 0rem;--dt-font-text-case-none: none;--dt-font-text-case-capitalize: capitalize;--dt-font-text-case-lowercase: lowercase;--dt-font-text-case-uppercase: uppercase;--dt-font-weight-bold: 700;--dt-font-weight-semi-bold: 600;--dt-font-weight-medium: 500;--dt-font-weight-normal: 400;--dt-font-line-height-600: 2;--dt-font-line-height-500: 1.8;--dt-font-line-height-400: 1.6;--dt-font-line-height-300: 1.4;--dt-font-line-height-200: 1.2;--dt-font-line-height-100: 1;--dt-font-family-mono: SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace;--dt-font-family-body: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--dt-font-size-root: 10px;--dt-shadow-focus-inset-offset-y: var(--dt-size-0);--dt-shadow-focus-inset-offset-x: var(--dt-size-0);--dt-shadow-focus-inset-color-h: 212.60115606936415;--dt-shadow-focus-inset-color-s: 98.85714285714286%;--dt-shadow-focus-inset-color-l: 65.68627450980392%;--dt-shadow-focus-inset-color-a: 100%;--dt-shadow-focus-inset-color-hsl: var(--dt-shadow-focus-inset-color-h) var(--dt-shadow-focus-inset-color-s) var(--dt-shadow-focus-inset-color-l);--dt-shadow-focus-inset-color-hsla: hsl(var(--dt-shadow-focus-inset-color-h) var(--dt-shadow-focus-inset-color-s) var(--dt-shadow-focus-inset-color-l) / var(--alpha, 100%));--dt-shadow-focus-inset-color: #51A0FE;--dt-shadow-focus-inset-spread: var(--dt-size-200);--dt-shadow-focus-inset-blur: var(--dt-size-0);--dt-shadow-focus-2-offset-y: var(--dt-size-0);--dt-shadow-focus-2-offset-x: var(--dt-size-0);--dt-shadow-focus-2-color-h: 212.60115606936415;--dt-shadow-focus-2-color-s: 98.85714285714286%;--dt-shadow-focus-2-color-l: 65.68627450980392%;--dt-shadow-focus-2-color-a: 100%;--dt-shadow-focus-2-color-hsl: var(--dt-shadow-focus-2-color-h) var(--dt-shadow-focus-2-color-s) var(--dt-shadow-focus-2-color-l);--dt-shadow-focus-2-color-hsla: hsl(var(--dt-shadow-focus-2-color-h) var(--dt-shadow-focus-2-color-s) var(--dt-shadow-focus-2-color-l) / var(--alpha, 100%));--dt-shadow-focus-2-color: #51A0FE;--dt-shadow-focus-2-spread: calc(var(--dt-size-200) + var(--dt-size-100));--dt-shadow-focus-2-blur: var(--dt-size-0);--dt-shadow-focus-1-offset-y: var(--dt-size-0);--dt-shadow-focus-1-offset-x: var(--dt-size-0);--dt-shadow-focus-1-color-h: 0;--dt-shadow-focus-1-color-s: 0%;--dt-shadow-focus-1-color-l: 0%;--dt-shadow-focus-1-color-a: 100%;--dt-shadow-focus-1-color-hsl: var(--dt-shadow-focus-1-color-h) var(--dt-shadow-focus-1-color-s) var(--dt-shadow-focus-1-color-l);--dt-shadow-focus-1-color-hsla: hsl(var(--dt-shadow-focus-1-color-h) var(--dt-shadow-focus-1-color-s) var(--dt-shadow-focus-1-color-l) / var(--alpha, 100%));--dt-shadow-focus-1-color: #000000;--dt-shadow-focus-1-spread: var(--dt-size-100);--dt-shadow-focus-1-blur: var(--dt-size-0);--dt-shadow-card-7-offset-y: var(--dt-size-50-negative);--dt-shadow-card-7-offset-x: var(--dt-size-50);--dt-shadow-card-7-color-h: 0;--dt-shadow-card-7-color-s: 0%;--dt-shadow-card-7-color-l: 0%;--dt-shadow-card-7-color-a: 100%;--dt-shadow-card-7-color-hsl: var(--dt-shadow-card-7-color-h) var(--dt-shadow-card-7-color-s) var(--dt-shadow-card-7-color-l);--dt-shadow-card-7-color-hsla: hsl(var(--dt-shadow-card-7-color-h) var(--dt-shadow-card-7-color-s) var(--dt-shadow-card-7-color-l) / var(--alpha, 100%));--dt-shadow-card-7-color: #000000;--dt-shadow-card-6-offset-y: var(--dt-size-50);--dt-shadow-card-6-offset-x: var(--dt-size-50-negative);--dt-shadow-card-6-color-h: 0;--dt-shadow-card-6-color-s: 0%;--dt-shadow-card-6-color-l: 0%;--dt-shadow-card-6-color-a: 100%;--dt-shadow-card-6-color-hsl: var(--dt-shadow-card-6-color-h) var(--dt-shadow-card-6-color-s) var(--dt-shadow-card-6-color-l);--dt-shadow-card-6-color-hsla: hsl(var(--dt-shadow-card-6-color-h) var(--dt-shadow-card-6-color-s) var(--dt-shadow-card-6-color-l) / var(--alpha, 100%));--dt-shadow-card-6-color: #000000;--dt-shadow-card-5-offset-y: var(--dt-size-50-negative);--dt-shadow-card-5-offset-x: var(--dt-size-50-negative);--dt-shadow-card-5-color-h: 0;--dt-shadow-card-5-color-s: 0%;--dt-shadow-card-5-color-l: 0%;--dt-shadow-card-5-color-a: 100%;--dt-shadow-card-5-color-hsl: var(--dt-shadow-card-5-color-h) var(--dt-shadow-card-5-color-s) var(--dt-shadow-card-5-color-l);--dt-shadow-card-5-color-hsla: hsl(var(--dt-shadow-card-5-color-h) var(--dt-shadow-card-5-color-s) var(--dt-shadow-card-5-color-l) / var(--alpha, 100%));--dt-shadow-card-5-color: #000000;--dt-shadow-card-4-offset-y: var(--dt-size-50);--dt-shadow-card-4-offset-x: var(--dt-size-50);--dt-shadow-card-4-color-h: 0;--dt-shadow-card-4-color-s: 0%;--dt-shadow-card-4-color-l: 0%;--dt-shadow-card-4-color-a: 100%;--dt-shadow-card-4-color-hsl: var(--dt-shadow-card-4-color-h) var(--dt-shadow-card-4-color-s) var(--dt-shadow-card-4-color-l);--dt-shadow-card-4-color-hsla: hsl(var(--dt-shadow-card-4-color-h) var(--dt-shadow-card-4-color-s) var(--dt-shadow-card-4-color-l) / var(--alpha, 100%));--dt-shadow-card-4-color: #000000;--dt-shadow-card-4-spread: var(--dt-size-0);--dt-shadow-card-4-blur: var(--dt-size-0);--dt-shadow-card-3-offset-y: var(--dt-size-200);--dt-shadow-card-3-offset-x: var(--dt-size-0);--dt-shadow-card-3-spread: var(--dt-size-0);--dt-shadow-card-3-blur: var(--dt-size-500);--dt-shadow-card-2-offset-y: var(--dt-size-200);--dt-shadow-card-2-offset-x: var(--dt-size-0);--dt-shadow-card-2-spread: var(--dt-size-0);--dt-shadow-card-2-blur: var(--dt-size-300);--dt-shadow-card-1-offset-y: var(--dt-size-100);--dt-shadow-card-1-offset-x: var(--dt-size-0);--dt-shadow-card-1-spread: var(--dt-size-0);--dt-shadow-card-1-blur: var(--dt-size-200);--dt-shadow-extra-large-5-offset-y: var(--dt-size-50-negative);--dt-shadow-extra-large-5-offset-x: var(--dt-size-50);--dt-shadow-extra-large-5-color-h: 0;--dt-shadow-extra-large-5-color-s: 0%;--dt-shadow-extra-large-5-color-l: 0%;--dt-shadow-extra-large-5-color-a: 100%;--dt-shadow-extra-large-5-color-hsl: var(--dt-shadow-extra-large-5-color-h) var(--dt-shadow-extra-large-5-color-s) var(--dt-shadow-extra-large-5-color-l);--dt-shadow-extra-large-5-color-hsla: hsl(var(--dt-shadow-extra-large-5-color-h) var(--dt-shadow-extra-large-5-color-s) var(--dt-shadow-extra-large-5-color-l) / var(--alpha, 100%));--dt-shadow-extra-large-5-color: #000000;--dt-shadow-extra-large-4-offset-y: var(--dt-size-50);--dt-shadow-extra-large-4-offset-x: var(--dt-size-50-negative);--dt-shadow-extra-large-4-color-h: 0;--dt-shadow-extra-large-4-color-s: 0%;--dt-shadow-extra-large-4-color-l: 0%;--dt-shadow-extra-large-4-color-a: 100%;--dt-shadow-extra-large-4-color-hsl: var(--dt-shadow-extra-large-4-color-h) var(--dt-shadow-extra-large-4-color-s) var(--dt-shadow-extra-large-4-color-l);--dt-shadow-extra-large-4-color-hsla: hsl(var(--dt-shadow-extra-large-4-color-h) var(--dt-shadow-extra-large-4-color-s) var(--dt-shadow-extra-large-4-color-l) / var(--alpha, 100%));--dt-shadow-extra-large-4-color: #000000;--dt-shadow-extra-large-3-offset-y: var(--dt-size-50-negative);--dt-shadow-extra-large-3-offset-x: var(--dt-size-50-negative);--dt-shadow-extra-large-3-color-h: 0;--dt-shadow-extra-large-3-color-s: 0%;--dt-shadow-extra-large-3-color-l: 0%;--dt-shadow-extra-large-3-color-a: 100%;--dt-shadow-extra-large-3-color-hsl: var(--dt-shadow-extra-large-3-color-h) var(--dt-shadow-extra-large-3-color-s) var(--dt-shadow-extra-large-3-color-l);--dt-shadow-extra-large-3-color-hsla: hsl(var(--dt-shadow-extra-large-3-color-h) var(--dt-shadow-extra-large-3-color-s) var(--dt-shadow-extra-large-3-color-l) / var(--alpha, 100%));--dt-shadow-extra-large-3-color: #000000;--dt-shadow-extra-large-2-offset-y: var(--dt-size-50);--dt-shadow-extra-large-2-offset-x: var(--dt-size-50);--dt-shadow-extra-large-2-color-h: 0;--dt-shadow-extra-large-2-color-s: 0%;--dt-shadow-extra-large-2-color-l: 0%;--dt-shadow-extra-large-2-color-a: 100%;--dt-shadow-extra-large-2-color-hsl: var(--dt-shadow-extra-large-2-color-h) var(--dt-shadow-extra-large-2-color-s) var(--dt-shadow-extra-large-2-color-l);--dt-shadow-extra-large-2-color-hsla: hsl(var(--dt-shadow-extra-large-2-color-h) var(--dt-shadow-extra-large-2-color-s) var(--dt-shadow-extra-large-2-color-l) / var(--alpha, 100%));--dt-shadow-extra-large-2-color: #000000;--dt-shadow-extra-large-2-spread: var(--dt-size-0);--dt-shadow-extra-large-2-blur: var(--dt-size-0);--dt-shadow-extra-large-1-offset-y: var(--dt-size-200);--dt-shadow-extra-large-1-offset-x: var(--dt-size-0);--dt-shadow-extra-large-1-spread: var(--dt-size-0);--dt-shadow-extra-large-1-blur: var(--dt-size-600);--dt-shadow-large-5-offset-y: var(--dt-size-50-negative);--dt-shadow-large-5-offset-x: var(--dt-size-50);--dt-shadow-large-5-color-h: 0;--dt-shadow-large-5-color-s: 0%;--dt-shadow-large-5-color-l: 0%;--dt-shadow-large-5-color-a: 100%;--dt-shadow-large-5-color-hsl: var(--dt-shadow-large-5-color-h) var(--dt-shadow-large-5-color-s) var(--dt-shadow-large-5-color-l);--dt-shadow-large-5-color-hsla: hsl(var(--dt-shadow-large-5-color-h) var(--dt-shadow-large-5-color-s) var(--dt-shadow-large-5-color-l) / var(--alpha, 100%));--dt-shadow-large-5-color: #000000;--dt-shadow-large-4-offset-y: var(--dt-size-50);--dt-shadow-large-4-offset-x: var(--dt-size-50-negative);--dt-shadow-large-4-color-h: 0;--dt-shadow-large-4-color-s: 0%;--dt-shadow-large-4-color-l: 0%;--dt-shadow-large-4-color-a: 100%;--dt-shadow-large-4-color-hsl: var(--dt-shadow-large-4-color-h) var(--dt-shadow-large-4-color-s) var(--dt-shadow-large-4-color-l);--dt-shadow-large-4-color-hsla: hsl(var(--dt-shadow-large-4-color-h) var(--dt-shadow-large-4-color-s) var(--dt-shadow-large-4-color-l) / var(--alpha, 100%));--dt-shadow-large-4-color: #000000;--dt-shadow-large-3-offset-y: var(--dt-size-50-negative);--dt-shadow-large-3-offset-x: var(--dt-size-50-negative);--dt-shadow-large-3-color-h: 0;--dt-shadow-large-3-color-s: 0%;--dt-shadow-large-3-color-l: 0%;--dt-shadow-large-3-color-a: 100%;--dt-shadow-large-3-color-hsl: var(--dt-shadow-large-3-color-h) var(--dt-shadow-large-3-color-s) var(--dt-shadow-large-3-color-l);--dt-shadow-large-3-color-hsla: hsl(var(--dt-shadow-large-3-color-h) var(--dt-shadow-large-3-color-s) var(--dt-shadow-large-3-color-l) / var(--alpha, 100%));--dt-shadow-large-3-color: #000000;--dt-shadow-large-2-offset-y: var(--dt-size-50);--dt-shadow-large-2-offset-x: var(--dt-size-50-negative);--dt-shadow-large-2-color-h: 0;--dt-shadow-large-2-color-s: 0%;--dt-shadow-large-2-color-l: 0%;--dt-shadow-large-2-color-a: 100%;--dt-shadow-large-2-color-hsl: var(--dt-shadow-large-2-color-h) var(--dt-shadow-large-2-color-s) var(--dt-shadow-large-2-color-l);--dt-shadow-large-2-color-hsla: hsl(var(--dt-shadow-large-2-color-h) var(--dt-shadow-large-2-color-s) var(--dt-shadow-large-2-color-l) / var(--alpha, 100%));--dt-shadow-large-2-color: #000000;--dt-shadow-large-2-spread: var(--dt-size-0);--dt-shadow-large-2-blur: var(--dt-size-0);--dt-shadow-large-1-offset-y: var(--dt-size-200);--dt-shadow-large-1-offset-x: var(--dt-size-0);--dt-shadow-large-1-spread: var(--dt-size-0);--dt-shadow-large-1-blur: var(--dt-size-500);--dt-shadow-medium-5-offset-y: var(--dt-size-50-negative);--dt-shadow-medium-5-offset-x: var(--dt-size-50);--dt-shadow-medium-5-color-h: 0;--dt-shadow-medium-5-color-s: 0%;--dt-shadow-medium-5-color-l: 0%;--dt-shadow-medium-5-color-a: 100%;--dt-shadow-medium-5-color-hsl: var(--dt-shadow-medium-5-color-h) var(--dt-shadow-medium-5-color-s) var(--dt-shadow-medium-5-color-l);--dt-shadow-medium-5-color-hsla: hsl(var(--dt-shadow-medium-5-color-h) var(--dt-shadow-medium-5-color-s) var(--dt-shadow-medium-5-color-l) / var(--alpha, 100%));--dt-shadow-medium-5-color: #000000;--dt-shadow-medium-4-offset-y: var(--dt-size-50);--dt-shadow-medium-4-offset-x: var(--dt-size-50-negative);--dt-shadow-medium-4-color-h: 0;--dt-shadow-medium-4-color-s: 0%;--dt-shadow-medium-4-color-l: 0%;--dt-shadow-medium-4-color-a: 100%;--dt-shadow-medium-4-color-hsl: var(--dt-shadow-medium-4-color-h) var(--dt-shadow-medium-4-color-s) var(--dt-shadow-medium-4-color-l);--dt-shadow-medium-4-color-hsla: hsl(var(--dt-shadow-medium-4-color-h) var(--dt-shadow-medium-4-color-s) var(--dt-shadow-medium-4-color-l) / var(--alpha, 100%));--dt-shadow-medium-4-color: #000000;--dt-shadow-medium-3-offset-y: var(--dt-size-50-negative);--dt-shadow-medium-3-offset-x: var(--dt-size-50-negative);--dt-shadow-medium-3-color-h: 0;--dt-shadow-medium-3-color-s: 0%;--dt-shadow-medium-3-color-l: 0%;--dt-shadow-medium-3-color-a: 100%;--dt-shadow-medium-3-color-hsl: var(--dt-shadow-medium-3-color-h) var(--dt-shadow-medium-3-color-s) var(--dt-shadow-medium-3-color-l);--dt-shadow-medium-3-color-hsla: hsl(var(--dt-shadow-medium-3-color-h) var(--dt-shadow-medium-3-color-s) var(--dt-shadow-medium-3-color-l) / var(--alpha, 100%));--dt-shadow-medium-3-color: #000000;--dt-shadow-medium-2-offset-y: var(--dt-size-50);--dt-shadow-medium-2-offset-x: var(--dt-size-50);--dt-shadow-medium-2-color-h: 0;--dt-shadow-medium-2-color-s: 0%;--dt-shadow-medium-2-color-l: 0%;--dt-shadow-medium-2-color-a: 100%;--dt-shadow-medium-2-color-hsl: var(--dt-shadow-medium-2-color-h) var(--dt-shadow-medium-2-color-s) var(--dt-shadow-medium-2-color-l);--dt-shadow-medium-2-color-hsla: hsl(var(--dt-shadow-medium-2-color-h) var(--dt-shadow-medium-2-color-s) var(--dt-shadow-medium-2-color-l) / var(--alpha, 100%));--dt-shadow-medium-2-color: #000000;--dt-shadow-medium-2-spread: var(--dt-size-0);--dt-shadow-medium-2-blur: var(--dt-size-0);--dt-shadow-medium-1-offset-y: var(--dt-size-200);--dt-shadow-medium-1-offset-x: var(--dt-size-0);--dt-shadow-medium-1-spread: var(--dt-size-0);--dt-shadow-medium-1-blur: var(--dt-size-400);--dt-shadow-small-5-offset-y: var(--dt-size-50-negative);--dt-shadow-small-5-offset-x: var(--dt-size-50);--dt-shadow-small-5-color-h: 0;--dt-shadow-small-5-color-s: 0%;--dt-shadow-small-5-color-l: 0%;--dt-shadow-small-5-color-a: 100%;--dt-shadow-small-5-color-hsl: var(--dt-shadow-small-5-color-h) var(--dt-shadow-small-5-color-s) var(--dt-shadow-small-5-color-l);--dt-shadow-small-5-color-hsla: hsl(var(--dt-shadow-small-5-color-h) var(--dt-shadow-small-5-color-s) var(--dt-shadow-small-5-color-l) / var(--alpha, 100%));--dt-shadow-small-5-color: #000000;--dt-shadow-small-4-offset-y: var(--dt-size-50);--dt-shadow-small-4-offset-x: var(--dt-size-50-negative);--dt-shadow-small-4-color-h: 0;--dt-shadow-small-4-color-s: 0%;--dt-shadow-small-4-color-l: 0%;--dt-shadow-small-4-color-a: 100%;--dt-shadow-small-4-color-hsl: var(--dt-shadow-small-4-color-h) var(--dt-shadow-small-4-color-s) var(--dt-shadow-small-4-color-l);--dt-shadow-small-4-color-hsla: hsl(var(--dt-shadow-small-4-color-h) var(--dt-shadow-small-4-color-s) var(--dt-shadow-small-4-color-l) / var(--alpha, 100%));--dt-shadow-small-4-color: #000000;--dt-shadow-small-3-offset-y: var(--dt-size-50-negative);--dt-shadow-small-3-offset-x: var(--dt-size-50-negative);--dt-shadow-small-3-color-h: 0;--dt-shadow-small-3-color-s: 0%;--dt-shadow-small-3-color-l: 0%;--dt-shadow-small-3-color-a: 100%;--dt-shadow-small-3-color-hsl: var(--dt-shadow-small-3-color-h) var(--dt-shadow-small-3-color-s) var(--dt-shadow-small-3-color-l);--dt-shadow-small-3-color-hsla: hsl(var(--dt-shadow-small-3-color-h) var(--dt-shadow-small-3-color-s) var(--dt-shadow-small-3-color-l) / var(--alpha, 100%));--dt-shadow-small-3-color: #000000;--dt-shadow-small-2-offset-y: var(--dt-size-50);--dt-shadow-small-2-offset-x: var(--dt-size-50);--dt-shadow-small-2-color-h: 0;--dt-shadow-small-2-color-s: 0%;--dt-shadow-small-2-color-l: 0%;--dt-shadow-small-2-color-a: 100%;--dt-shadow-small-2-color-hsl: var(--dt-shadow-small-2-color-h) var(--dt-shadow-small-2-color-s) var(--dt-shadow-small-2-color-l);--dt-shadow-small-2-color-hsla: hsl(var(--dt-shadow-small-2-color-h) var(--dt-shadow-small-2-color-s) var(--dt-shadow-small-2-color-l) / var(--alpha, 100%));--dt-shadow-small-2-color: #000000;--dt-shadow-small-2-spread: var(--dt-size-0);--dt-shadow-small-2-blur: var(--dt-size-0);--dt-shadow-small-1-offset-y: var(--dt-size-200);--dt-shadow-small-1-offset-x: var(--dt-size-0);--dt-shadow-small-1-spread: var(--dt-size-0);--dt-shadow-small-1-blur: var(--dt-size-300);--dt-shadow-focus-inset: var(--dt-shadow-focus-inset-offset-x) var(--dt-shadow-focus-inset-offset-y) var(--dt-shadow-focus-inset-blur) var(--dt-shadow-focus-inset-spread) var(--dt-shadow-focus-inset-color) inset;--dt-shadow-focus: var(--dt-shadow-focus-1-offset-x) var(--dt-shadow-focus-1-offset-y) var(--dt-shadow-focus-1-blur) var(--dt-shadow-focus-1-spread) var(--dt-shadow-focus-1-color), var(--dt-shadow-focus-2-offset-x) var(--dt-shadow-focus-2-offset-y) var(--dt-shadow-focus-2-blur) var(--dt-shadow-focus-2-spread) var(--dt-shadow-focus-2-color);--dt-shadow-card: var(--dt-shadow-card-1-offset-x) var(--dt-shadow-card-1-offset-y) var(--dt-shadow-card-1-blur) var(--dt-shadow-card-1-spread) var(--dt-shadow-card-1-color), var(--dt-shadow-card-2-offset-x) var(--dt-shadow-card-2-offset-y) var(--dt-shadow-card-2-blur) var(--dt-shadow-card-2-spread) var(--dt-shadow-card-2-color), var(--dt-shadow-card-3-offset-x) var(--dt-shadow-card-3-offset-y) var(--dt-shadow-card-3-blur) var(--dt-shadow-card-3-spread) var(--dt-shadow-card-3-color), var(--dt-shadow-card-4-offset-x) var(--dt-shadow-card-4-offset-y) var(--dt-shadow-card-4-blur) var(--dt-shadow-card-4-spread) var(--dt-shadow-card-4-color), var(--dt-shadow-card-5-offset-x) var(--dt-shadow-card-5-offset-y) var(--dt-shadow-card-5-blur) var(--dt-shadow-card-5-spread) var(--dt-shadow-card-5-color), var(--dt-shadow-card-6-offset-x) var(--dt-shadow-card-6-offset-y) var(--dt-shadow-card-6-blur) var(--dt-shadow-card-6-spread) var(--dt-shadow-card-6-color), var(--dt-shadow-card-7-offset-x) var(--dt-shadow-card-7-offset-y) var(--dt-shadow-card-7-blur) var(--dt-shadow-card-7-spread) var(--dt-shadow-card-7-color);--dt-shadow-extra-large: var(--dt-shadow-extra-large-1-offset-x) var(--dt-shadow-extra-large-1-offset-y) var(--dt-shadow-extra-large-1-blur) var(--dt-shadow-extra-large-1-spread) var(--dt-shadow-extra-large-1-color), var(--dt-shadow-extra-large-2-offset-x) var(--dt-shadow-extra-large-2-offset-y) var(--dt-shadow-extra-large-2-blur) var(--dt-shadow-extra-large-2-spread) var(--dt-shadow-extra-large-2-color), var(--dt-shadow-extra-large-3-offset-x) var(--dt-shadow-extra-large-3-offset-y) var(--dt-shadow-extra-large-3-blur) var(--dt-shadow-extra-large-3-spread) var(--dt-shadow-extra-large-3-color), var(--dt-shadow-extra-large-4-offset-x) var(--dt-shadow-extra-large-4-offset-y) var(--dt-shadow-extra-large-4-blur) var(--dt-shadow-extra-large-4-spread) var(--dt-shadow-extra-large-4-color), var(--dt-shadow-extra-large-5-offset-x) var(--dt-shadow-extra-large-5-offset-y) var(--dt-shadow-extra-large-5-blur) var(--dt-shadow-extra-large-5-spread) var(--dt-shadow-extra-large-5-color);--dt-shadow-large: var(--dt-shadow-large-1-offset-x) var(--dt-shadow-large-1-offset-y) var(--dt-shadow-large-1-blur) var(--dt-shadow-large-1-spread) var(--dt-shadow-large-1-color), var(--dt-shadow-large-2-offset-x) var(--dt-shadow-large-2-offset-y) var(--dt-shadow-large-2-blur) var(--dt-shadow-large-2-spread) var(--dt-shadow-large-2-color), var(--dt-shadow-large-3-offset-x) var(--dt-shadow-large-3-offset-y) var(--dt-shadow-large-3-blur) var(--dt-shadow-large-3-spread) var(--dt-shadow-large-3-color), var(--dt-shadow-large-4-offset-x) var(--dt-shadow-large-4-offset-y) var(--dt-shadow-large-4-blur) var(--dt-shadow-large-4-spread) var(--dt-shadow-large-4-color), var(--dt-shadow-large-5-offset-x) var(--dt-shadow-large-5-offset-y) var(--dt-shadow-large-5-blur) var(--dt-shadow-large-5-spread) var(--dt-shadow-large-5-color);--dt-shadow-medium: var(--dt-shadow-medium-1-offset-x) var(--dt-shadow-medium-1-offset-y) var(--dt-shadow-medium-1-blur) var(--dt-shadow-medium-1-spread) var(--dt-shadow-medium-1-color), var(--dt-shadow-medium-2-offset-x) var(--dt-shadow-medium-2-offset-y) var(--dt-shadow-medium-2-blur) var(--dt-shadow-medium-2-spread) var(--dt-shadow-medium-2-color), var(--dt-shadow-medium-3-offset-x) var(--dt-shadow-medium-3-offset-y) var(--dt-shadow-medium-3-blur) var(--dt-shadow-medium-3-spread) var(--dt-shadow-medium-3-color), var(--dt-shadow-medium-4-offset-x) var(--dt-shadow-medium-4-offset-y) var(--dt-shadow-medium-4-blur) var(--dt-shadow-medium-4-spread) var(--dt-shadow-medium-4-color), var(--dt-shadow-medium-5-offset-x) var(--dt-shadow-medium-5-offset-y) var(--dt-shadow-medium-5-blur) var(--dt-shadow-medium-5-spread) var(--dt-shadow-medium-5-color);--dt-shadow-small: var(--dt-shadow-small-1-offset-x) var(--dt-shadow-small-1-offset-y) var(--dt-shadow-small-1-blur) var(--dt-shadow-small-1-spread) var(--dt-shadow-small-1-color), var(--dt-shadow-small-2-offset-x) var(--dt-shadow-small-2-offset-y) var(--dt-shadow-small-2-blur) var(--dt-shadow-small-2-spread) var(--dt-shadow-small-2-color), var(--dt-shadow-small-3-offset-x) var(--dt-shadow-small-3-offset-y) var(--dt-shadow-small-3-blur) var(--dt-shadow-small-3-spread) var(--dt-shadow-small-3-color), var(--dt-shadow-small-4-offset-x) var(--dt-shadow-small-4-offset-y) var(--dt-shadow-small-4-blur) var(--dt-shadow-small-4-spread) var(--dt-shadow-small-4-color), var(--dt-shadow-small-5-offset-x) var(--dt-shadow-small-5-offset-y) var(--dt-shadow-small-5-blur) var(--dt-shadow-small-5-spread) var(--dt-shadow-small-5-color);--dt-color-gradient-magenta-purple: linear-gradient(135deg, var(--dt-color-brand-magenta) 10%, var(--dt-color-brand-purple) 90%);--dt-size-base: .8rem ;--dt-font-family-expressive: Archivo, var(--dt-font-family-body);--dt-font-size-500: 3.8rem ;--dt-font-size-400: 2.7rem ;--dt-font-size-300: 1.9rem ;--dt-font-size-200: 1.5rem ;--dt-font-size-100: 1.2rem ;--dt-space-base: var(--dt-size-base);--dt-font-size-100-mobile: 1.2rem;--dt-font-size-200-mobile: 1.6rem;--dt-font-size-300-mobile: 2rem;--dt-font-size-400-mobile: 2.9rem;--dt-font-size-500-mobile: 4.1rem;--dt-font-size-100-tc8: 1.7rem;--dt-font-size-200-tc8: 2.1rem;--dt-font-size-300-tc8: 2.7rem;--dt-font-size-400-tc8: 3.8rem;--dt-font-size-500-tc8: 5.4rem;--dt-font-size-100-tv: 2.5rem;--dt-font-size-200-tv: 3.2rem;--dt-font-size-300-tv: 4.1rem;--dt-font-size-400-tv: 5.8rem;--dt-font-size-500-tv: 8.2rem;--zi-hide: -1;--zi-base: 0;--zi-base1: 1;--zi-selected: 25;--zi-active: 50;--zi-navigation: 100;--zi-navigation-fixed: 150;--zi-dropdown: 200;--zi-popover: 300;--zi-tooltip: 400;--zi-drawer: 500;--zi-modal: 600;--zi-modal-element: 650;--zi-notification: 700}';exports.Base=o;