@onereach/ui-components 2.68.0-beta.2082.0 → 2.68.0-beta.2084.0

package/dist/esm/v3/OrIconButton-f72cb8d9.js

@@ -1,341 +0,0 @@
-import { defineComponent, isVue3, h } from 'vue-demi';
-import { s as script$3 } from './OrIcon-e23028f8.js';
-import { s as script$4, L as LoaderViews } from './OrLoader-15174477.js';
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, createCommentVNode, createElementVNode, normalizeStyle, renderSlot, createTextVNode, toDisplayString, createVNode, withCtx } from 'vue';
-import { s as styleInject } from './style-inject.es-4c6f2515.js';
-import { s as script$5 } from './OrTooltip-121eae2b.js';
-import { O as OrFloatingPlacements } from './OrFloating-3da814a2.js';
-
-var ICON_BUTTON_TYPE;
-(function (ICON_BUTTON_TYPE) {
-  ICON_BUTTON_TYPE["ICON"] = "icon";
-  ICON_BUTTON_TYPE["FLOATING"] = "floating";
-})(ICON_BUTTON_TYPE || (ICON_BUTTON_TYPE = {}));
-var BUTTON_TYPE;
-(function (BUTTON_TYPE) {
-  BUTTON_TYPE["CONTAINED"] = "contained";
-  BUTTON_TYPE["OUTLINE"] = "outline";
-  BUTTON_TYPE["OUTLINED"] = "outlined";
-  BUTTON_TYPE["TEXT"] = "text";
-  BUTTON_TYPE["INLINE"] = "inline";
-})(BUTTON_TYPE || (BUTTON_TYPE = {}));
-var HTML_BUTTON_TYPE;
-(function (HTML_BUTTON_TYPE) {
-  HTML_BUTTON_TYPE["BUTTON"] = "button";
-  HTML_BUTTON_TYPE["SUBMIT"] = "submit";
-  HTML_BUTTON_TYPE["RESET"] = "reset";
-})(HTML_BUTTON_TYPE || (HTML_BUTTON_TYPE = {}));
-var BUTTON_SIZE;
-(function (BUTTON_SIZE) {
-  BUTTON_SIZE["DEFAULT"] = "default";
-  BUTTON_SIZE["SMALL"] = "small";
-})(BUTTON_SIZE || (BUTTON_SIZE = {}));
-var BUTTON_LOADER_TYPE;
-(function (BUTTON_LOADER_TYPE) {
-  BUTTON_LOADER_TYPE["DEFAULT"] = "default";
-  BUTTON_LOADER_TYPE["TEXT"] = "text";
-})(BUTTON_LOADER_TYPE || (BUTTON_LOADER_TYPE = {}));
-var BUTTON_COLOR;
-(function (BUTTON_COLOR) {
-  BUTTON_COLOR["PRIMARY"] = "primary";
-  BUTTON_COLOR["SUCCESS"] = "success";
-  BUTTON_COLOR["WARNING"] = "warning";
-  BUTTON_COLOR["ERROR"] = "error";
-  BUTTON_COLOR["NEUTRAL_0"] = "neutral-0";
-  BUTTON_COLOR["NEUTRAL_3"] = "neutral-3";
-  BUTTON_COLOR["NEUTRAL_4"] = "neutral-4";
-  BUTTON_COLOR["NEUTRAL_5"] = "neutral-5";
-  BUTTON_COLOR["NEUTRAL_6"] = "neutral-6";
-})(BUTTON_COLOR || (BUTTON_COLOR = {}));
-
-var script$2 = defineComponent({
-  name: 'OrButton',
-  components: {
-    OrIcon: script$3,
-    OrLoader: script$4
-  },
-  props: {
-    type: {
-      type: String,
-      default: BUTTON_TYPE.CONTAINED
-    },
-    color: {
-      type: String,
-      default: BUTTON_COLOR.PRIMARY
-    },
-    content: {
-      type: String,
-      default: ''
-    },
-    size: {
-      type: String,
-      default: BUTTON_SIZE.DEFAULT
-    },
-    icon: {
-      type: String,
-      default: ''
-    },
-    htmlButtonType: {
-      type: String,
-      default: HTML_BUTTON_TYPE.BUTTON,
-      required: false
-    },
-    iconPosition: {
-      type: String,
-      default: 'left'
-    },
-    loadingType: {
-      type: String,
-      default: LoaderViews.default
-    },
-    loadingText: {
-      type: String,
-      default: ''
-    },
-    isLoading: {
-      type: Boolean,
-      default: false
-    },
-    isDisabled: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ['click', 'focus', 'blur'],
-  computed: {
-    states() {
-      const outline = this.type === BUTTON_TYPE.OUTLINE; // `outline` type is deprecated, use `outlined` instead
-      const type = outline ? BUTTON_TYPE.OUTLINED : this.type;
-      return {
-        [type]: true,
-        [this.color]: true,
-        [`size-${this.size}`]: true,
-        disabled: this.isDisabled,
-        loading: this.isLoading
-      };
-    },
-    showLeftIcon() {
-      return !!this.icon && this.iconPosition === 'left';
-    },
-    showRightIcon() {
-      return !!this.icon && this.iconPosition === 'right';
-    },
-    /**
-     * Button's content is hidden rather then removed,
-     * in order to retain original button size when loading indicator is active.
-     */
-    isContentVisible() {
-      return this.isLoading ? {
-        'visibility': 'hidden'
-      } : {};
-    }
-  },
-  methods: {
-    handleButtonClick(event) {
-      if (!this.isLoading && !this.isDisabled) {
-        this.$emit('click', event);
-      }
-    }
-  }
-});
-
-const _hoisted_1$1 = ["disabled", "type"];
-function render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_or_loader = resolveComponent("or-loader");
-  const _component_or_icon = resolveComponent("or-icon");
-  return openBlock(), createElementBlock("button", {
-    class: normalizeClass(["or-button", _ctx.states]),
-    disabled: _ctx.isDisabled,
-    type: _ctx.htmlButtonType,
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleButtonClick && _ctx.handleButtonClick(...args)),
-    onFocus: _cache[1] || (_cache[1] = $event => _ctx.$emit('focus', $event)),
-    onBlur: _cache[2] || (_cache[2] = $event => _ctx.$emit('blur', $event))
-  }, [_ctx.isLoading ? (openBlock(), createBlock(_component_or_loader, {
-    key: 0,
-    type: _ctx.loadingType,
-    "text-type-label": _ctx.loadingText
-  }, null, 8 /* PROPS */, ["type", "text-type-label"])) : createCommentVNode("v-if", true), createElementVNode("span", {
-    class: "or-button-content",
-    style: normalizeStyle(_ctx.isContentVisible)
-  }, [renderSlot(_ctx.$slots, "prepend", {}, () => [_ctx.showLeftIcon ? (openBlock(), createBlock(_component_or_icon, {
-    key: 0,
-    class: "or-button-left-icon",
-    icon: _ctx.icon
-  }, null, 8 /* PROPS */, ["icon"])) : createCommentVNode("v-if", true)]), renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.content), 1 /* TEXT */)]), renderSlot(_ctx.$slots, "append", {}, () => [_ctx.showRightIcon ? (openBlock(), createBlock(_component_or_icon, {
-    key: 0,
-    class: "or-button-right-icon",
-    icon: _ctx.icon
-  }, null, 8 /* PROPS */, ["icon"])) : createCommentVNode("v-if", true)])], 4 /* STYLE */)], 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_1$1);
-}
-
-var css_248z$1 = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-dd050812 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-dd050812 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n/** \"Contained\" and \"Floating Icon\" buttons have the same color scheme  */\n/** \"Outline\" button has some styles copy-pasted from \"Contained\" button */\n/** \"Text\", \"Inline\" and \"Icon\" buttons have the same color scheme */\n.or-button[data-v-dd050812] {\n  --or-button-height: 2rem;\n  --or-button-font-size: var(--fs-1);\n  --or-loader-size: 1.25rem;\n  --or-icon-size: 1rem;\n  --or-icon-margin: 0.5rem;\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  height: var(--or-button-height);\n  padding: 0;\n  font-family: inherit;\n  font-size: var(--or-button-font-size);\n  cursor: pointer;\n  background: transparent;\n  border: 0;\n  transition-timing-function: var(--t-func);\n  transition-duration: var(--t-duration);\n  transition-property: color, background-color, box-shadow, border-color;\n}\n.or-button.contained[data-v-dd050812], .or-button.outlined[data-v-dd050812], .or-button.text[data-v-dd050812] {\n  min-width: 6rem;\n  padding: 0 1rem;\n  font-weight: var(--fw-1);\n  border-radius: 0.25rem;\n}\n.or-button.inline[data-v-dd050812] {\n  --or-button-height: 1.25rem;\n  --or-button-font-size: var(--fs-0);\n  --or-icon-margin: 0.25rem;\n  --or-loader-size: 1.25rem;\n  --or-icon-size: 1rem;\n}\n.or-button.contained[data-v-dd050812] {\n  color: var(--c-white);\n}\n.or-button.contained .or-loader[data-v-dd050812]::after,\n.or-button.contained[data-v-dd050812] .or-icon {\n  color: var(--c-white);\n}\n.or-button.contained.primary[data-v-dd050812] {\n  background-color: var(--c-primary);\n}\n.or-button.contained.primary[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-primary-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-button.contained.primary[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-primary-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.contained.primary.disabled[data-v-dd050812], .or-button.contained.primary.loading[data-v-dd050812] {\n  background-color: var(--c-primary-lighten-20);\n}\n.or-button.contained.success[data-v-dd050812] {\n  background-color: var(--c-success);\n}\n.or-button.contained.success[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-success-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-button.contained.success[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-success-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.contained.success.disabled[data-v-dd050812], .or-button.contained.success.loading[data-v-dd050812] {\n  background-color: var(--c-success-lighten-20);\n}\n.or-button.contained.warning[data-v-dd050812] {\n  background-color: var(--c-warning);\n}\n.or-button.contained.warning[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-warning-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-button.contained.warning[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-warning-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.contained.warning.disabled[data-v-dd050812], .or-button.contained.warning.loading[data-v-dd050812] {\n  background-color: var(--c-warning-lighten-20);\n}\n.or-button.contained.error[data-v-dd050812] {\n  background-color: var(--c-error);\n}\n.or-button.contained.error[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-error-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-button.contained.error[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-error-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.contained.error.disabled[data-v-dd050812], .or-button.contained.error.loading[data-v-dd050812] {\n  background-color: var(--c-error-lighten-20);\n}\n.or-button.contained.neutral-0[data-v-dd050812] {\n  background-color: var(--c-neutral-0);\n}\n.or-button.contained.neutral-0[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-0-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-button.contained.neutral-0[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-0-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.contained.neutral-0.disabled[data-v-dd050812], .or-button.contained.neutral-0.loading[data-v-dd050812] {\n  background-color: var(--c-neutral-0-lighten-20);\n}\n.or-button.contained.neutral-3[data-v-dd050812] {\n  background-color: var(--c-neutral-3);\n}\n.or-button.contained.neutral-3[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-3-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-button.contained.neutral-3[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-3-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.contained.neutral-3.disabled[data-v-dd050812], .or-button.contained.neutral-3.loading[data-v-dd050812] {\n  background-color: var(--c-neutral-3-lighten-20);\n}\n.or-button.contained.neutral-4[data-v-dd050812] {\n  background-color: var(--c-neutral-4);\n}\n.or-button.contained.neutral-4[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-4-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-button.contained.neutral-4[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-4-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.contained.neutral-4.disabled[data-v-dd050812], .or-button.contained.neutral-4.loading[data-v-dd050812] {\n  background-color: var(--c-neutral-4-lighten-20);\n}\n.or-button.contained.neutral-5[data-v-dd050812] {\n  background-color: var(--c-neutral-5);\n}\n.or-button.contained.neutral-5[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-5-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-button.contained.neutral-5[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-5-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.contained.neutral-5.disabled[data-v-dd050812], .or-button.contained.neutral-5.loading[data-v-dd050812] {\n  background-color: var(--c-neutral-5-lighten-20);\n}\n.or-button.contained.neutral-6[data-v-dd050812] {\n  background-color: var(--c-neutral-6);\n}\n.or-button.contained.neutral-6[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-6-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-button.contained.neutral-6[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-6-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.contained.neutral-6.disabled[data-v-dd050812], .or-button.contained.neutral-6.loading[data-v-dd050812] {\n  background-color: var(--c-neutral-6-lighten-20);\n}\n.or-button.outlined.primary[data-v-dd050812] {\n  color: var(--c-primary);\n  border: 1px solid var(--c-primary);\n}\n.or-button.outlined.primary[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  color: var(--c-white);\n  background-color: var(--c-primary-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-button.outlined.primary[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  color: var(--c-white);\n  background-color: var(--c-primary-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.outlined.primary .or-loader[data-v-dd050812]::after {\n  color: var(--c-primary);\n}\n.or-button.outlined.primary.disabled[data-v-dd050812], .or-button.outlined.primary.loading[data-v-dd050812] {\n  border: 1px solid var(--c-primary-lighten-20);\n}\n.or-button.outlined.primary.disabled[data-v-dd050812] {\n  color: var(--c-primary-lighten-20);\n}\n.or-button.outlined.success[data-v-dd050812] {\n  color: var(--c-success);\n  border: 1px solid var(--c-success);\n}\n.or-button.outlined.success[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  color: var(--c-white);\n  background-color: var(--c-success-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-button.outlined.success[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  color: var(--c-white);\n  background-color: var(--c-success-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.outlined.success .or-loader[data-v-dd050812]::after {\n  color: var(--c-success);\n}\n.or-button.outlined.success.disabled[data-v-dd050812], .or-button.outlined.success.loading[data-v-dd050812] {\n  border: 1px solid var(--c-success-lighten-20);\n}\n.or-button.outlined.success.disabled[data-v-dd050812] {\n  color: var(--c-success-lighten-20);\n}\n.or-button.outlined.warning[data-v-dd050812] {\n  color: var(--c-warning);\n  border: 1px solid var(--c-warning);\n}\n.or-button.outlined.warning[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  color: var(--c-white);\n  background-color: var(--c-warning-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-button.outlined.warning[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  color: var(--c-white);\n  background-color: var(--c-warning-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.outlined.warning .or-loader[data-v-dd050812]::after {\n  color: var(--c-warning);\n}\n.or-button.outlined.warning.disabled[data-v-dd050812], .or-button.outlined.warning.loading[data-v-dd050812] {\n  border: 1px solid var(--c-warning-lighten-20);\n}\n.or-button.outlined.warning.disabled[data-v-dd050812] {\n  color: var(--c-warning-lighten-20);\n}\n.or-button.outlined.error[data-v-dd050812] {\n  color: var(--c-error);\n  border: 1px solid var(--c-error);\n}\n.or-button.outlined.error[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  color: var(--c-white);\n  background-color: var(--c-error-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-button.outlined.error[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  color: var(--c-white);\n  background-color: var(--c-error-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.outlined.error .or-loader[data-v-dd050812]::after {\n  color: var(--c-error);\n}\n.or-button.outlined.error.disabled[data-v-dd050812], .or-button.outlined.error.loading[data-v-dd050812] {\n  border: 1px solid var(--c-error-lighten-20);\n}\n.or-button.outlined.error.disabled[data-v-dd050812] {\n  color: var(--c-error-lighten-20);\n}\n.or-button.outlined.neutral-0[data-v-dd050812] {\n  color: var(--c-neutral-0);\n  border: 1px solid var(--c-neutral-0);\n}\n.or-button.outlined.neutral-0[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  color: var(--c-white);\n  background-color: var(--c-neutral-0-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-button.outlined.neutral-0[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  color: var(--c-white);\n  background-color: var(--c-neutral-0-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.outlined.neutral-0 .or-loader[data-v-dd050812]::after {\n  color: var(--c-neutral-0);\n}\n.or-button.outlined.neutral-0.disabled[data-v-dd050812], .or-button.outlined.neutral-0.loading[data-v-dd050812] {\n  border: 1px solid var(--c-neutral-0-lighten-20);\n}\n.or-button.outlined.neutral-0.disabled[data-v-dd050812] {\n  color: var(--c-neutral-0-lighten-20);\n}\n.or-button.outlined.neutral-3[data-v-dd050812] {\n  color: var(--c-neutral-3);\n  border: 1px solid var(--c-neutral-3);\n}\n.or-button.outlined.neutral-3[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  color: var(--c-white);\n  background-color: var(--c-neutral-3-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-button.outlined.neutral-3[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  color: var(--c-white);\n  background-color: var(--c-neutral-3-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.outlined.neutral-3 .or-loader[data-v-dd050812]::after {\n  color: var(--c-neutral-3);\n}\n.or-button.outlined.neutral-3.disabled[data-v-dd050812], .or-button.outlined.neutral-3.loading[data-v-dd050812] {\n  border: 1px solid var(--c-neutral-3-lighten-20);\n}\n.or-button.outlined.neutral-3.disabled[data-v-dd050812] {\n  color: var(--c-neutral-3-lighten-20);\n}\n.or-button.outlined.neutral-4[data-v-dd050812] {\n  color: var(--c-neutral-4);\n  border: 1px solid var(--c-neutral-4);\n}\n.or-button.outlined.neutral-4[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  color: var(--c-white);\n  background-color: var(--c-neutral-4-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-button.outlined.neutral-4[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  color: var(--c-white);\n  background-color: var(--c-neutral-4-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.outlined.neutral-4 .or-loader[data-v-dd050812]::after {\n  color: var(--c-neutral-4);\n}\n.or-button.outlined.neutral-4.disabled[data-v-dd050812], .or-button.outlined.neutral-4.loading[data-v-dd050812] {\n  border: 1px solid var(--c-neutral-4-lighten-20);\n}\n.or-button.outlined.neutral-4.disabled[data-v-dd050812] {\n  color: var(--c-neutral-4-lighten-20);\n}\n.or-button.outlined.neutral-5[data-v-dd050812] {\n  color: var(--c-neutral-5);\n  border: 1px solid var(--c-neutral-5);\n}\n.or-button.outlined.neutral-5[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  color: var(--c-white);\n  background-color: var(--c-neutral-5-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-button.outlined.neutral-5[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  color: var(--c-white);\n  background-color: var(--c-neutral-5-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.outlined.neutral-5 .or-loader[data-v-dd050812]::after {\n  color: var(--c-neutral-5);\n}\n.or-button.outlined.neutral-5.disabled[data-v-dd050812], .or-button.outlined.neutral-5.loading[data-v-dd050812] {\n  border: 1px solid var(--c-neutral-5-lighten-20);\n}\n.or-button.outlined.neutral-5.disabled[data-v-dd050812] {\n  color: var(--c-neutral-5-lighten-20);\n}\n.or-button.outlined.neutral-6[data-v-dd050812] {\n  color: var(--c-neutral-6);\n  border: 1px solid var(--c-neutral-6);\n}\n.or-button.outlined.neutral-6[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  color: var(--c-white);\n  background-color: var(--c-neutral-6-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-button.outlined.neutral-6[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  color: var(--c-white);\n  background-color: var(--c-neutral-6-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.outlined.neutral-6 .or-loader[data-v-dd050812]::after {\n  color: var(--c-neutral-6);\n}\n.or-button.outlined.neutral-6.disabled[data-v-dd050812], .or-button.outlined.neutral-6.loading[data-v-dd050812] {\n  border: 1px solid var(--c-neutral-6-lighten-20);\n}\n.or-button.outlined.neutral-6.disabled[data-v-dd050812] {\n  color: var(--c-neutral-6-lighten-20);\n}\n.or-button.text.primary[data-v-dd050812], .or-button.inline.primary[data-v-dd050812] {\n  color: var(--c-primary);\n}\n.or-button.text.primary[data-v-dd050812] .or-icon, .or-button.inline.primary[data-v-dd050812] .or-icon {\n  color: var(--c-primary);\n}\n.or-button.text.primary[data-v-dd050812]:hover:not(.disabled):not(.loading), .or-button.inline.primary[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  color: var(--c-primary-darken-20);\n}\n.or-button.text.primary[data-v-dd050812]:hover:not(.disabled):not(.loading) .or-icon, .or-button.inline.primary[data-v-dd050812]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-primary-darken-20);\n}\n.or-button.text.primary[data-v-dd050812]:active:not(.disabled):not(.loading), .or-button.inline.primary[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  color: var(--c-primary-darken-25);\n}\n.or-button.text.primary[data-v-dd050812]:active:not(.disabled):not(.loading) .or-icon, .or-button.inline.primary[data-v-dd050812]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-primary-darken-25);\n}\n.or-button.text.primary .or-loader[data-v-dd050812]::after, .or-button.inline.primary .or-loader[data-v-dd050812]::after {\n  color: var(--c-primary);\n}\n.or-button.text.primary.disabled[data-v-dd050812], .or-button.text.primary.loading[data-v-dd050812], .or-button.inline.primary.disabled[data-v-dd050812], .or-button.inline.primary.loading[data-v-dd050812] {\n  color: var(--c-primary-lighten-20);\n}\n.or-button.text.primary.disabled[data-v-dd050812] .or-icon, .or-button.text.primary.loading[data-v-dd050812] .or-icon, .or-button.inline.primary.disabled[data-v-dd050812] .or-icon, .or-button.inline.primary.loading[data-v-dd050812] .or-icon {\n  color: var(--c-primary-lighten-20);\n}\n.or-button.text.success[data-v-dd050812], .or-button.inline.success[data-v-dd050812] {\n  color: var(--c-success);\n}\n.or-button.text.success[data-v-dd050812] .or-icon, .or-button.inline.success[data-v-dd050812] .or-icon {\n  color: var(--c-success);\n}\n.or-button.text.success[data-v-dd050812]:hover:not(.disabled):not(.loading), .or-button.inline.success[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  color: var(--c-success-darken-20);\n}\n.or-button.text.success[data-v-dd050812]:hover:not(.disabled):not(.loading) .or-icon, .or-button.inline.success[data-v-dd050812]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-success-darken-20);\n}\n.or-button.text.success[data-v-dd050812]:active:not(.disabled):not(.loading), .or-button.inline.success[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  color: var(--c-success-darken-25);\n}\n.or-button.text.success[data-v-dd050812]:active:not(.disabled):not(.loading) .or-icon, .or-button.inline.success[data-v-dd050812]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-success-darken-25);\n}\n.or-button.text.success .or-loader[data-v-dd050812]::after, .or-button.inline.success .or-loader[data-v-dd050812]::after {\n  color: var(--c-success);\n}\n.or-button.text.success.disabled[data-v-dd050812], .or-button.text.success.loading[data-v-dd050812], .or-button.inline.success.disabled[data-v-dd050812], .or-button.inline.success.loading[data-v-dd050812] {\n  color: var(--c-success-lighten-20);\n}\n.or-button.text.success.disabled[data-v-dd050812] .or-icon, .or-button.text.success.loading[data-v-dd050812] .or-icon, .or-button.inline.success.disabled[data-v-dd050812] .or-icon, .or-button.inline.success.loading[data-v-dd050812] .or-icon {\n  color: var(--c-success-lighten-20);\n}\n.or-button.text.warning[data-v-dd050812], .or-button.inline.warning[data-v-dd050812] {\n  color: var(--c-warning);\n}\n.or-button.text.warning[data-v-dd050812] .or-icon, .or-button.inline.warning[data-v-dd050812] .or-icon {\n  color: var(--c-warning);\n}\n.or-button.text.warning[data-v-dd050812]:hover:not(.disabled):not(.loading), .or-button.inline.warning[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  color: var(--c-warning-darken-20);\n}\n.or-button.text.warning[data-v-dd050812]:hover:not(.disabled):not(.loading) .or-icon, .or-button.inline.warning[data-v-dd050812]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-warning-darken-20);\n}\n.or-button.text.warning[data-v-dd050812]:active:not(.disabled):not(.loading), .or-button.inline.warning[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  color: var(--c-warning-darken-25);\n}\n.or-button.text.warning[data-v-dd050812]:active:not(.disabled):not(.loading) .or-icon, .or-button.inline.warning[data-v-dd050812]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-warning-darken-25);\n}\n.or-button.text.warning .or-loader[data-v-dd050812]::after, .or-button.inline.warning .or-loader[data-v-dd050812]::after {\n  color: var(--c-warning);\n}\n.or-button.text.warning.disabled[data-v-dd050812], .or-button.text.warning.loading[data-v-dd050812], .or-button.inline.warning.disabled[data-v-dd050812], .or-button.inline.warning.loading[data-v-dd050812] {\n  color: var(--c-warning-lighten-20);\n}\n.or-button.text.warning.disabled[data-v-dd050812] .or-icon, .or-button.text.warning.loading[data-v-dd050812] .or-icon, .or-button.inline.warning.disabled[data-v-dd050812] .or-icon, .or-button.inline.warning.loading[data-v-dd050812] .or-icon {\n  color: var(--c-warning-lighten-20);\n}\n.or-button.text.error[data-v-dd050812], .or-button.inline.error[data-v-dd050812] {\n  color: var(--c-error);\n}\n.or-button.text.error[data-v-dd050812] .or-icon, .or-button.inline.error[data-v-dd050812] .or-icon {\n  color: var(--c-error);\n}\n.or-button.text.error[data-v-dd050812]:hover:not(.disabled):not(.loading), .or-button.inline.error[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  color: var(--c-error-darken-20);\n}\n.or-button.text.error[data-v-dd050812]:hover:not(.disabled):not(.loading) .or-icon, .or-button.inline.error[data-v-dd050812]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-error-darken-20);\n}\n.or-button.text.error[data-v-dd050812]:active:not(.disabled):not(.loading), .or-button.inline.error[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  color: var(--c-error-darken-25);\n}\n.or-button.text.error[data-v-dd050812]:active:not(.disabled):not(.loading) .or-icon, .or-button.inline.error[data-v-dd050812]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-error-darken-25);\n}\n.or-button.text.error .or-loader[data-v-dd050812]::after, .or-button.inline.error .or-loader[data-v-dd050812]::after {\n  color: var(--c-error);\n}\n.or-button.text.error.disabled[data-v-dd050812], .or-button.text.error.loading[data-v-dd050812], .or-button.inline.error.disabled[data-v-dd050812], .or-button.inline.error.loading[data-v-dd050812] {\n  color: var(--c-error-lighten-20);\n}\n.or-button.text.error.disabled[data-v-dd050812] .or-icon, .or-button.text.error.loading[data-v-dd050812] .or-icon, .or-button.inline.error.disabled[data-v-dd050812] .or-icon, .or-button.inline.error.loading[data-v-dd050812] .or-icon {\n  color: var(--c-error-lighten-20);\n}\n.or-button.text.neutral-0[data-v-dd050812], .or-button.inline.neutral-0[data-v-dd050812] {\n  color: var(--c-neutral-0);\n}\n.or-button.text.neutral-0[data-v-dd050812] .or-icon, .or-button.inline.neutral-0[data-v-dd050812] .or-icon {\n  color: var(--c-neutral-0);\n}\n.or-button.text.neutral-0[data-v-dd050812]:hover:not(.disabled):not(.loading), .or-button.inline.neutral-0[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  color: var(--c-neutral-0-darken-20);\n}\n.or-button.text.neutral-0[data-v-dd050812]:hover:not(.disabled):not(.loading) .or-icon, .or-button.inline.neutral-0[data-v-dd050812]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-0-darken-20);\n}\n.or-button.text.neutral-0[data-v-dd050812]:active:not(.disabled):not(.loading), .or-button.inline.neutral-0[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  color: var(--c-neutral-0-darken-25);\n}\n.or-button.text.neutral-0[data-v-dd050812]:active:not(.disabled):not(.loading) .or-icon, .or-button.inline.neutral-0[data-v-dd050812]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-0-darken-25);\n}\n.or-button.text.neutral-0 .or-loader[data-v-dd050812]::after, .or-button.inline.neutral-0 .or-loader[data-v-dd050812]::after {\n  color: var(--c-neutral-0);\n}\n.or-button.text.neutral-0.disabled[data-v-dd050812], .or-button.text.neutral-0.loading[data-v-dd050812], .or-button.inline.neutral-0.disabled[data-v-dd050812], .or-button.inline.neutral-0.loading[data-v-dd050812] {\n  color: var(--c-neutral-0-lighten-20);\n}\n.or-button.text.neutral-0.disabled[data-v-dd050812] .or-icon, .or-button.text.neutral-0.loading[data-v-dd050812] .or-icon, .or-button.inline.neutral-0.disabled[data-v-dd050812] .or-icon, .or-button.inline.neutral-0.loading[data-v-dd050812] .or-icon {\n  color: var(--c-neutral-0-lighten-20);\n}\n.or-button.text.neutral-3[data-v-dd050812], .or-button.inline.neutral-3[data-v-dd050812] {\n  color: var(--c-neutral-3);\n}\n.or-button.text.neutral-3[data-v-dd050812] .or-icon, .or-button.inline.neutral-3[data-v-dd050812] .or-icon {\n  color: var(--c-neutral-3);\n}\n.or-button.text.neutral-3[data-v-dd050812]:hover:not(.disabled):not(.loading), .or-button.inline.neutral-3[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  color: var(--c-neutral-3-darken-20);\n}\n.or-button.text.neutral-3[data-v-dd050812]:hover:not(.disabled):not(.loading) .or-icon, .or-button.inline.neutral-3[data-v-dd050812]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-3-darken-20);\n}\n.or-button.text.neutral-3[data-v-dd050812]:active:not(.disabled):not(.loading), .or-button.inline.neutral-3[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  color: var(--c-neutral-3-darken-25);\n}\n.or-button.text.neutral-3[data-v-dd050812]:active:not(.disabled):not(.loading) .or-icon, .or-button.inline.neutral-3[data-v-dd050812]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-3-darken-25);\n}\n.or-button.text.neutral-3 .or-loader[data-v-dd050812]::after, .or-button.inline.neutral-3 .or-loader[data-v-dd050812]::after {\n  color: var(--c-neutral-3);\n}\n.or-button.text.neutral-3.disabled[data-v-dd050812], .or-button.text.neutral-3.loading[data-v-dd050812], .or-button.inline.neutral-3.disabled[data-v-dd050812], .or-button.inline.neutral-3.loading[data-v-dd050812] {\n  color: var(--c-neutral-3-lighten-20);\n}\n.or-button.text.neutral-3.disabled[data-v-dd050812] .or-icon, .or-button.text.neutral-3.loading[data-v-dd050812] .or-icon, .or-button.inline.neutral-3.disabled[data-v-dd050812] .or-icon, .or-button.inline.neutral-3.loading[data-v-dd050812] .or-icon {\n  color: var(--c-neutral-3-lighten-20);\n}\n.or-button.text.neutral-4[data-v-dd050812], .or-button.inline.neutral-4[data-v-dd050812] {\n  color: var(--c-neutral-4);\n}\n.or-button.text.neutral-4[data-v-dd050812] .or-icon, .or-button.inline.neutral-4[data-v-dd050812] .or-icon {\n  color: var(--c-neutral-4);\n}\n.or-button.text.neutral-4[data-v-dd050812]:hover:not(.disabled):not(.loading), .or-button.inline.neutral-4[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  color: var(--c-neutral-4-darken-20);\n}\n.or-button.text.neutral-4[data-v-dd050812]:hover:not(.disabled):not(.loading) .or-icon, .or-button.inline.neutral-4[data-v-dd050812]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-4-darken-20);\n}\n.or-button.text.neutral-4[data-v-dd050812]:active:not(.disabled):not(.loading), .or-button.inline.neutral-4[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  color: var(--c-neutral-4-darken-25);\n}\n.or-button.text.neutral-4[data-v-dd050812]:active:not(.disabled):not(.loading) .or-icon, .or-button.inline.neutral-4[data-v-dd050812]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-4-darken-25);\n}\n.or-button.text.neutral-4 .or-loader[data-v-dd050812]::after, .or-button.inline.neutral-4 .or-loader[data-v-dd050812]::after {\n  color: var(--c-neutral-4);\n}\n.or-button.text.neutral-4.disabled[data-v-dd050812], .or-button.text.neutral-4.loading[data-v-dd050812], .or-button.inline.neutral-4.disabled[data-v-dd050812], .or-button.inline.neutral-4.loading[data-v-dd050812] {\n  color: var(--c-neutral-4-lighten-20);\n}\n.or-button.text.neutral-4.disabled[data-v-dd050812] .or-icon, .or-button.text.neutral-4.loading[data-v-dd050812] .or-icon, .or-button.inline.neutral-4.disabled[data-v-dd050812] .or-icon, .or-button.inline.neutral-4.loading[data-v-dd050812] .or-icon {\n  color: var(--c-neutral-4-lighten-20);\n}\n.or-button.text.neutral-5[data-v-dd050812], .or-button.inline.neutral-5[data-v-dd050812] {\n  color: var(--c-neutral-5);\n}\n.or-button.text.neutral-5[data-v-dd050812] .or-icon, .or-button.inline.neutral-5[data-v-dd050812] .or-icon {\n  color: var(--c-neutral-5);\n}\n.or-button.text.neutral-5[data-v-dd050812]:hover:not(.disabled):not(.loading), .or-button.inline.neutral-5[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  color: var(--c-neutral-5-darken-20);\n}\n.or-button.text.neutral-5[data-v-dd050812]:hover:not(.disabled):not(.loading) .or-icon, .or-button.inline.neutral-5[data-v-dd050812]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-5-darken-20);\n}\n.or-button.text.neutral-5[data-v-dd050812]:active:not(.disabled):not(.loading), .or-button.inline.neutral-5[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  color: var(--c-neutral-5-darken-25);\n}\n.or-button.text.neutral-5[data-v-dd050812]:active:not(.disabled):not(.loading) .or-icon, .or-button.inline.neutral-5[data-v-dd050812]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-5-darken-25);\n}\n.or-button.text.neutral-5 .or-loader[data-v-dd050812]::after, .or-button.inline.neutral-5 .or-loader[data-v-dd050812]::after {\n  color: var(--c-neutral-5);\n}\n.or-button.text.neutral-5.disabled[data-v-dd050812], .or-button.text.neutral-5.loading[data-v-dd050812], .or-button.inline.neutral-5.disabled[data-v-dd050812], .or-button.inline.neutral-5.loading[data-v-dd050812] {\n  color: var(--c-neutral-5-lighten-20);\n}\n.or-button.text.neutral-5.disabled[data-v-dd050812] .or-icon, .or-button.text.neutral-5.loading[data-v-dd050812] .or-icon, .or-button.inline.neutral-5.disabled[data-v-dd050812] .or-icon, .or-button.inline.neutral-5.loading[data-v-dd050812] .or-icon {\n  color: var(--c-neutral-5-lighten-20);\n}\n.or-button.text.neutral-6[data-v-dd050812], .or-button.inline.neutral-6[data-v-dd050812] {\n  color: var(--c-neutral-6);\n}\n.or-button.text.neutral-6[data-v-dd050812] .or-icon, .or-button.inline.neutral-6[data-v-dd050812] .or-icon {\n  color: var(--c-neutral-6);\n}\n.or-button.text.neutral-6[data-v-dd050812]:hover:not(.disabled):not(.loading), .or-button.inline.neutral-6[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  color: var(--c-neutral-6-darken-20);\n}\n.or-button.text.neutral-6[data-v-dd050812]:hover:not(.disabled):not(.loading) .or-icon, .or-button.inline.neutral-6[data-v-dd050812]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-6-darken-20);\n}\n.or-button.text.neutral-6[data-v-dd050812]:active:not(.disabled):not(.loading), .or-button.inline.neutral-6[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  color: var(--c-neutral-6-darken-25);\n}\n.or-button.text.neutral-6[data-v-dd050812]:active:not(.disabled):not(.loading) .or-icon, .or-button.inline.neutral-6[data-v-dd050812]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-6-darken-25);\n}\n.or-button.text.neutral-6 .or-loader[data-v-dd050812]::after, .or-button.inline.neutral-6 .or-loader[data-v-dd050812]::after {\n  color: var(--c-neutral-6);\n}\n.or-button.text.neutral-6.disabled[data-v-dd050812], .or-button.text.neutral-6.loading[data-v-dd050812], .or-button.inline.neutral-6.disabled[data-v-dd050812], .or-button.inline.neutral-6.loading[data-v-dd050812] {\n  color: var(--c-neutral-6-lighten-20);\n}\n.or-button.text.neutral-6.disabled[data-v-dd050812] .or-icon, .or-button.text.neutral-6.loading[data-v-dd050812] .or-icon, .or-button.inline.neutral-6.disabled[data-v-dd050812] .or-icon, .or-button.inline.neutral-6.loading[data-v-dd050812] .or-icon {\n  color: var(--c-neutral-6-lighten-20);\n}\n.or-button.size-small[data-v-dd050812]:not(.inline) {\n  --or-button-height: 1.75rem;\n  --or-button-font-size: var(--fs-0);\n  --or-loader-size: 1rem;\n  --or-icon-size: 0.875rem;\n  min-width: auto;\n}\n.or-button.disabled[data-v-dd050812] {\n  cursor: not-allowed;\n}\n.or-button.loading[data-v-dd050812] {\n  cursor: progress;\n}\n.or-button .or-loader[data-v-dd050812] {\n  position: absolute;\n}\n.or-button .or-loader[data-v-dd050812]::after {\n  width: var(--or-loader-size);\n  height: var(--or-loader-size);\n}\n.or-button[data-v-dd050812] .or-icon {\n  font-size: var(--or-icon-size);\n}\n.or-button-content[data-v-dd050812] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.or-button-left-icon[data-v-dd050812] {\n  margin-right: var(--or-icon-margin);\n}\n.or-button-right-icon[data-v-dd050812] {\n  margin-left: var(--or-icon-margin);\n}\n@media only screen and (max-width: 576px) {\n.or-button[data-v-dd050812] {\n    --or-button-height: 2.75rem;\n    /* TODO: Introduce mobile typography */\n    --or-button-font-size: 1rem;\n    --or-loader-size: 1.5rem;\n    --or-icon-size: 1.25rem;\n}\n}";
-styleInject(css_248z$1);
-
-script$2.render = render$1;
-script$2.__scopeId = "data-v-dd050812";
-script$2.__file = "src/components/or-button-v2/OrButton.vue";
-
-/** Acts as pseudo "v-if" between <template /> and <or-tooltip /> */
-var script$1 = defineComponent({
-  props: {
-    tooltipText: {
-      type: String,
-      default: ''
-    },
-    tooltipPlacement: {
-      type: String,
-      default: OrFloatingPlacements.TOP
-    }
-  },
-  ...(isVue3 ? {
-    setup(props, {
-      slots
-    }) {
-      const content = slots.default;
-      if (!props.tooltipText) {
-        return content;
-      }
-      const tooltipProps = {
-        content: props.tooltipText,
-        placement: props.tooltipPlacement
-      };
-      return () => h(script$5, tooltipProps, content);
-    }
-  } : {
-    render() {
-      const content = this.$slots.default;
-      if (!this.tooltipText) {
-        return content;
-      }
-      const props = {
-        content: this.$props.tooltipText,
-        placement: this.$props.tooltipPlacement
-      };
-      return h(script$5, {
-        props
-      }, content);
-    }
-  })
-});
-
-script$1.__file = "src/components/or-button-v2/OrTooltipWrapper.vue";
-
-var script = defineComponent({
-  name: 'OrIconButton',
-  components: {
-    OrIcon: script$3,
-    OrLoader: script$4,
-    OrTooltipWrapper: script$1
-  },
-  props: {
-    icon: {
-      type: String,
-      required: true
-    },
-    color: {
-      type: String,
-      default: null
-    },
-    iconColor: {
-      type: String,
-      default: null
-    },
-    bgColor: {
-      type: String,
-      default: null
-    },
-    type: {
-      type: String,
-      default: ICON_BUTTON_TYPE.ICON
-    },
-    htmlButtonType: {
-      type: String,
-      default: HTML_BUTTON_TYPE.BUTTON,
-      required: false
-    },
-    tooltipText: {
-      type: String,
-      default: ''
-    },
-    tooltipPlacement: {
-      type: String,
-      default: OrFloatingPlacements.TOP
-    },
-    isLoading: Boolean,
-    isDisabled: Boolean,
-    size: {
-      type: String,
-      default: BUTTON_SIZE.DEFAULT
-    }
-  },
-  emits: ['click', 'focus', 'blur'],
-  computed: {
-    buttonClasses() {
-      var _a;
-      return {
-        [(_a = this.color) !== null && _a !== void 0 ? _a : BUTTON_COLOR.PRIMARY]: true,
-        [this.type]: true,
-        [`is-${this.iconColor}-icon-color`]: !!this.iconColor,
-        [`is-${this.bgColor}-bg-color`]: !!this.bgColor,
-        [`size-${this.size}`]: true,
-        loading: this.isLoading,
-        disabled: this.isDisabled
-      };
-    }
-  },
-  watch: {
-    color: {
-      handler(val) {
-        if (!val) return;
-        console.warn('OrIconButton color is being deprecated, consider using iconColor and bgColor.');
-      },
-      immediate: true
-    }
-  },
-  methods: {
-    handleButtonClick(event) {
-      if (!this.isLoading && !this.isDisabled) {
-        this.$emit('click', event);
-      }
-    }
-  }
-});
-
-const _hoisted_1 = {
-  class: "or-icon-button-root"
-};
-const _hoisted_2 = ["disabled", "type"];
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_or_loader = resolveComponent("or-loader");
-  const _component_or_icon = resolveComponent("or-icon");
-  const _component_or_tooltip_wrapper = resolveComponent("or-tooltip-wrapper");
-  return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(_component_or_tooltip_wrapper, {
-    "tooltip-text": _ctx.tooltipText,
-    "tooltip-placement": _ctx.tooltipPlacement
-  }, {
-    default: withCtx(() => [createElementVNode("button", {
-      class: normalizeClass(["or-icon-button", _ctx.buttonClasses]),
-      disabled: _ctx.isDisabled,
-      type: _ctx.htmlButtonType,
-      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleButtonClick && _ctx.handleButtonClick(...args)),
-      onFocus: _cache[1] || (_cache[1] = $event => _ctx.$emit('focus', $event)),
-      onBlur: _cache[2] || (_cache[2] = $event => _ctx.$emit('blur', $event))
-    }, [_ctx.isLoading ? (openBlock(), createBlock(_component_or_loader, {
-      key: 0
-    })) : createCommentVNode("v-if", true), !_ctx.isLoading ? renderSlot(_ctx.$slots, "default", {
-      key: 1
-    }, () => [createVNode(_component_or_icon, {
-      icon: _ctx.icon
-    }, null, 8 /* PROPS */, ["icon"])]) : createCommentVNode("v-if", true)], 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_2)]),
-    _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["tooltip-text", "tooltip-placement"])]);
-}
-
-var css_248z = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-32fab2d0 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-32fab2d0 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n/** \"Contained\" and \"Floating Icon\" buttons have the same color scheme  */\n/** \"Outline\" button has some styles copy-pasted from \"Contained\" button */\n/** \"Text\", \"Inline\" and \"Icon\" buttons have the same color scheme */\n.or-icon-button[data-v-32fab2d0] {\n  --or-icon-button-font-size: 1.25rem;\n  --or-icon-button-loader-size: 1.25rem;\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  cursor: pointer;\n  background: transparent;\n  border: none;\n  outline: none;\n}\n.or-icon-button-root[data-v-32fab2d0] {\n  display: inline-flex;\n  width: fit-content;\n  height: fit-content;\n}\n.or-icon-button.disabled[data-v-32fab2d0] {\n  cursor: not-allowed;\n}\n.or-icon-button.loading[data-v-32fab2d0] {\n  cursor: progress;\n}\n.or-icon-button.size-small[data-v-32fab2d0] {\n  --or-icon-button-size: 1.75rem;\n  --or-icon-button-font-size: 0.875rem;\n  --or-icon-button-loader-size: 0.875rem;\n  min-width: auto;\n}\n.or-icon-button.icon[data-v-32fab2d0] .or-icon {\n  font-size: var(--or-icon-button-font-size);\n}\n.or-icon-button.icon.primary[data-v-32fab2d0] {\n  color: var(--c-primary);\n}\n.or-icon-button.icon.primary[data-v-32fab2d0] .or-icon {\n  color: var(--c-primary);\n}\n.or-icon-button.icon.primary[data-v-32fab2d0]:hover:not(.disabled):not(.loading) {\n  color: var(--c-primary-darken-20);\n}\n.or-icon-button.icon.primary[data-v-32fab2d0]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-primary-darken-20);\n}\n.or-icon-button.icon.primary[data-v-32fab2d0]:active:not(.disabled):not(.loading) {\n  color: var(--c-primary-darken-25);\n}\n.or-icon-button.icon.primary[data-v-32fab2d0]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-primary-darken-25);\n}\n.or-icon-button.icon.primary .or-loader[data-v-32fab2d0]::after {\n  color: var(--c-primary);\n}\n.or-icon-button.icon.primary.disabled[data-v-32fab2d0], .or-icon-button.icon.primary.loading[data-v-32fab2d0] {\n  color: var(--c-primary-lighten-20);\n}\n.or-icon-button.icon.primary.disabled[data-v-32fab2d0] .or-icon, .or-icon-button.icon.primary.loading[data-v-32fab2d0] .or-icon {\n  color: var(--c-primary-lighten-20);\n}\n.or-icon-button.icon.success[data-v-32fab2d0] {\n  color: var(--c-success);\n}\n.or-icon-button.icon.success[data-v-32fab2d0] .or-icon {\n  color: var(--c-success);\n}\n.or-icon-button.icon.success[data-v-32fab2d0]:hover:not(.disabled):not(.loading) {\n  color: var(--c-success-darken-20);\n}\n.or-icon-button.icon.success[data-v-32fab2d0]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-success-darken-20);\n}\n.or-icon-button.icon.success[data-v-32fab2d0]:active:not(.disabled):not(.loading) {\n  color: var(--c-success-darken-25);\n}\n.or-icon-button.icon.success[data-v-32fab2d0]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-success-darken-25);\n}\n.or-icon-button.icon.success .or-loader[data-v-32fab2d0]::after {\n  color: var(--c-success);\n}\n.or-icon-button.icon.success.disabled[data-v-32fab2d0], .or-icon-button.icon.success.loading[data-v-32fab2d0] {\n  color: var(--c-success-lighten-20);\n}\n.or-icon-button.icon.success.disabled[data-v-32fab2d0] .or-icon, .or-icon-button.icon.success.loading[data-v-32fab2d0] .or-icon {\n  color: var(--c-success-lighten-20);\n}\n.or-icon-button.icon.warning[data-v-32fab2d0] {\n  color: var(--c-warning);\n}\n.or-icon-button.icon.warning[data-v-32fab2d0] .or-icon {\n  color: var(--c-warning);\n}\n.or-icon-button.icon.warning[data-v-32fab2d0]:hover:not(.disabled):not(.loading) {\n  color: var(--c-warning-darken-20);\n}\n.or-icon-button.icon.warning[data-v-32fab2d0]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-warning-darken-20);\n}\n.or-icon-button.icon.warning[data-v-32fab2d0]:active:not(.disabled):not(.loading) {\n  color: var(--c-warning-darken-25);\n}\n.or-icon-button.icon.warning[data-v-32fab2d0]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-warning-darken-25);\n}\n.or-icon-button.icon.warning .or-loader[data-v-32fab2d0]::after {\n  color: var(--c-warning);\n}\n.or-icon-button.icon.warning.disabled[data-v-32fab2d0], .or-icon-button.icon.warning.loading[data-v-32fab2d0] {\n  color: var(--c-warning-lighten-20);\n}\n.or-icon-button.icon.warning.disabled[data-v-32fab2d0] .or-icon, .or-icon-button.icon.warning.loading[data-v-32fab2d0] .or-icon {\n  color: var(--c-warning-lighten-20);\n}\n.or-icon-button.icon.error[data-v-32fab2d0] {\n  color: var(--c-error);\n}\n.or-icon-button.icon.error[data-v-32fab2d0] .or-icon {\n  color: var(--c-error);\n}\n.or-icon-button.icon.error[data-v-32fab2d0]:hover:not(.disabled):not(.loading) {\n  color: var(--c-error-darken-20);\n}\n.or-icon-button.icon.error[data-v-32fab2d0]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-error-darken-20);\n}\n.or-icon-button.icon.error[data-v-32fab2d0]:active:not(.disabled):not(.loading) {\n  color: var(--c-error-darken-25);\n}\n.or-icon-button.icon.error[data-v-32fab2d0]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-error-darken-25);\n}\n.or-icon-button.icon.error .or-loader[data-v-32fab2d0]::after {\n  color: var(--c-error);\n}\n.or-icon-button.icon.error.disabled[data-v-32fab2d0], .or-icon-button.icon.error.loading[data-v-32fab2d0] {\n  color: var(--c-error-lighten-20);\n}\n.or-icon-button.icon.error.disabled[data-v-32fab2d0] .or-icon, .or-icon-button.icon.error.loading[data-v-32fab2d0] .or-icon {\n  color: var(--c-error-lighten-20);\n}\n.or-icon-button.icon.neutral-0[data-v-32fab2d0] {\n  color: var(--c-neutral-0);\n}\n.or-icon-button.icon.neutral-0[data-v-32fab2d0] .or-icon {\n  color: var(--c-neutral-0);\n}\n.or-icon-button.icon.neutral-0[data-v-32fab2d0]:hover:not(.disabled):not(.loading) {\n  color: var(--c-neutral-0-darken-20);\n}\n.or-icon-button.icon.neutral-0[data-v-32fab2d0]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-0-darken-20);\n}\n.or-icon-button.icon.neutral-0[data-v-32fab2d0]:active:not(.disabled):not(.loading) {\n  color: var(--c-neutral-0-darken-25);\n}\n.or-icon-button.icon.neutral-0[data-v-32fab2d0]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-0-darken-25);\n}\n.or-icon-button.icon.neutral-0 .or-loader[data-v-32fab2d0]::after {\n  color: var(--c-neutral-0);\n}\n.or-icon-button.icon.neutral-0.disabled[data-v-32fab2d0], .or-icon-button.icon.neutral-0.loading[data-v-32fab2d0] {\n  color: var(--c-neutral-0-lighten-20);\n}\n.or-icon-button.icon.neutral-0.disabled[data-v-32fab2d0] .or-icon, .or-icon-button.icon.neutral-0.loading[data-v-32fab2d0] .or-icon {\n  color: var(--c-neutral-0-lighten-20);\n}\n.or-icon-button.icon.neutral-3[data-v-32fab2d0] {\n  color: var(--c-neutral-3);\n}\n.or-icon-button.icon.neutral-3[data-v-32fab2d0] .or-icon {\n  color: var(--c-neutral-3);\n}\n.or-icon-button.icon.neutral-3[data-v-32fab2d0]:hover:not(.disabled):not(.loading) {\n  color: var(--c-neutral-3-darken-20);\n}\n.or-icon-button.icon.neutral-3[data-v-32fab2d0]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-3-darken-20);\n}\n.or-icon-button.icon.neutral-3[data-v-32fab2d0]:active:not(.disabled):not(.loading) {\n  color: var(--c-neutral-3-darken-25);\n}\n.or-icon-button.icon.neutral-3[data-v-32fab2d0]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-3-darken-25);\n}\n.or-icon-button.icon.neutral-3 .or-loader[data-v-32fab2d0]::after {\n  color: var(--c-neutral-3);\n}\n.or-icon-button.icon.neutral-3.disabled[data-v-32fab2d0], .or-icon-button.icon.neutral-3.loading[data-v-32fab2d0] {\n  color: var(--c-neutral-3-lighten-20);\n}\n.or-icon-button.icon.neutral-3.disabled[data-v-32fab2d0] .or-icon, .or-icon-button.icon.neutral-3.loading[data-v-32fab2d0] .or-icon {\n  color: var(--c-neutral-3-lighten-20);\n}\n.or-icon-button.icon.neutral-4[data-v-32fab2d0] {\n  color: var(--c-neutral-4);\n}\n.or-icon-button.icon.neutral-4[data-v-32fab2d0] .or-icon {\n  color: var(--c-neutral-4);\n}\n.or-icon-button.icon.neutral-4[data-v-32fab2d0]:hover:not(.disabled):not(.loading) {\n  color: var(--c-neutral-4-darken-20);\n}\n.or-icon-button.icon.neutral-4[data-v-32fab2d0]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-4-darken-20);\n}\n.or-icon-button.icon.neutral-4[data-v-32fab2d0]:active:not(.disabled):not(.loading) {\n  color: var(--c-neutral-4-darken-25);\n}\n.or-icon-button.icon.neutral-4[data-v-32fab2d0]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-4-darken-25);\n}\n.or-icon-button.icon.neutral-4 .or-loader[data-v-32fab2d0]::after {\n  color: var(--c-neutral-4);\n}\n.or-icon-button.icon.neutral-4.disabled[data-v-32fab2d0], .or-icon-button.icon.neutral-4.loading[data-v-32fab2d0] {\n  color: var(--c-neutral-4-lighten-20);\n}\n.or-icon-button.icon.neutral-4.disabled[data-v-32fab2d0] .or-icon, .or-icon-button.icon.neutral-4.loading[data-v-32fab2d0] .or-icon {\n  color: var(--c-neutral-4-lighten-20);\n}\n.or-icon-button.icon.neutral-5[data-v-32fab2d0] {\n  color: var(--c-neutral-5);\n}\n.or-icon-button.icon.neutral-5[data-v-32fab2d0] .or-icon {\n  color: var(--c-neutral-5);\n}\n.or-icon-button.icon.neutral-5[data-v-32fab2d0]:hover:not(.disabled):not(.loading) {\n  color: var(--c-neutral-5-darken-20);\n}\n.or-icon-button.icon.neutral-5[data-v-32fab2d0]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-5-darken-20);\n}\n.or-icon-button.icon.neutral-5[data-v-32fab2d0]:active:not(.disabled):not(.loading) {\n  color: var(--c-neutral-5-darken-25);\n}\n.or-icon-button.icon.neutral-5[data-v-32fab2d0]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-5-darken-25);\n}\n.or-icon-button.icon.neutral-5 .or-loader[data-v-32fab2d0]::after {\n  color: var(--c-neutral-5);\n}\n.or-icon-button.icon.neutral-5.disabled[data-v-32fab2d0], .or-icon-button.icon.neutral-5.loading[data-v-32fab2d0] {\n  color: var(--c-neutral-5-lighten-20);\n}\n.or-icon-button.icon.neutral-5.disabled[data-v-32fab2d0] .or-icon, .or-icon-button.icon.neutral-5.loading[data-v-32fab2d0] .or-icon {\n  color: var(--c-neutral-5-lighten-20);\n}\n.or-icon-button.icon.neutral-6[data-v-32fab2d0] {\n  color: var(--c-neutral-6);\n}\n.or-icon-button.icon.neutral-6[data-v-32fab2d0] .or-icon {\n  color: var(--c-neutral-6);\n}\n.or-icon-button.icon.neutral-6[data-v-32fab2d0]:hover:not(.disabled):not(.loading) {\n  color: var(--c-neutral-6-darken-20);\n}\n.or-icon-button.icon.neutral-6[data-v-32fab2d0]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-6-darken-20);\n}\n.or-icon-button.icon.neutral-6[data-v-32fab2d0]:active:not(.disabled):not(.loading) {\n  color: var(--c-neutral-6-darken-25);\n}\n.or-icon-button.icon.neutral-6[data-v-32fab2d0]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-6-darken-25);\n}\n.or-icon-button.icon.neutral-6 .or-loader[data-v-32fab2d0]::after {\n  color: var(--c-neutral-6);\n}\n.or-icon-button.icon.neutral-6.disabled[data-v-32fab2d0], .or-icon-button.icon.neutral-6.loading[data-v-32fab2d0] {\n  color: var(--c-neutral-6-lighten-20);\n}\n.or-icon-button.icon.neutral-6.disabled[data-v-32fab2d0] .or-icon, .or-icon-button.icon.neutral-6.loading[data-v-32fab2d0] .or-icon {\n  color: var(--c-neutral-6-lighten-20);\n}\n.or-icon-button.floating[data-v-32fab2d0] {\n  width: var(--or-icon-button-size);\n  height: var(--or-icon-button-size);\n  border-radius: var(--or-icon-button-size);\n  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);\n  color: var(--c-white);\n}\n.or-icon-button.floating[data-v-32fab2d0]:not(.size-small) {\n  --or-icon-button-font-size: 1.5rem;\n  --or-icon-button-loader-size: 1.25rem;\n  --or-icon-button-size: 3.5rem;\n}\n.or-icon-button.floating[data-v-32fab2d0] .or-icon {\n  font-size: var(--or-icon-button-font-size);\n}\n.or-icon-button.floating .or-loader[data-v-32fab2d0]::after,\n.or-icon-button.floating[data-v-32fab2d0] .or-icon {\n  color: var(--c-white);\n}\n.or-icon-button.floating.primary[data-v-32fab2d0] {\n  background-color: var(--c-primary);\n}\n.or-icon-button.floating.primary[data-v-32fab2d0]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-primary-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-icon-button.floating.primary[data-v-32fab2d0]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-primary-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-icon-button.floating.primary.disabled[data-v-32fab2d0], .or-icon-button.floating.primary.loading[data-v-32fab2d0] {\n  background-color: var(--c-primary-lighten-20);\n}\n.or-icon-button.floating.success[data-v-32fab2d0] {\n  background-color: var(--c-success);\n}\n.or-icon-button.floating.success[data-v-32fab2d0]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-success-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-icon-button.floating.success[data-v-32fab2d0]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-success-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-icon-button.floating.success.disabled[data-v-32fab2d0], .or-icon-button.floating.success.loading[data-v-32fab2d0] {\n  background-color: var(--c-success-lighten-20);\n}\n.or-icon-button.floating.warning[data-v-32fab2d0] {\n  background-color: var(--c-warning);\n}\n.or-icon-button.floating.warning[data-v-32fab2d0]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-warning-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-icon-button.floating.warning[data-v-32fab2d0]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-warning-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-icon-button.floating.warning.disabled[data-v-32fab2d0], .or-icon-button.floating.warning.loading[data-v-32fab2d0] {\n  background-color: var(--c-warning-lighten-20);\n}\n.or-icon-button.floating.error[data-v-32fab2d0] {\n  background-color: var(--c-error);\n}\n.or-icon-button.floating.error[data-v-32fab2d0]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-error-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-icon-button.floating.error[data-v-32fab2d0]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-error-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-icon-button.floating.error.disabled[data-v-32fab2d0], .or-icon-button.floating.error.loading[data-v-32fab2d0] {\n  background-color: var(--c-error-lighten-20);\n}\n.or-icon-button.floating.neutral-0[data-v-32fab2d0] {\n  background-color: var(--c-neutral-0);\n}\n.or-icon-button.floating.neutral-0[data-v-32fab2d0]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-0-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-icon-button.floating.neutral-0[data-v-32fab2d0]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-0-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-icon-button.floating.neutral-0.disabled[data-v-32fab2d0], .or-icon-button.floating.neutral-0.loading[data-v-32fab2d0] {\n  background-color: var(--c-neutral-0-lighten-20);\n}\n.or-icon-button.floating.neutral-3[data-v-32fab2d0] {\n  background-color: var(--c-neutral-3);\n}\n.or-icon-button.floating.neutral-3[data-v-32fab2d0]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-3-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-icon-button.floating.neutral-3[data-v-32fab2d0]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-3-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-icon-button.floating.neutral-3.disabled[data-v-32fab2d0], .or-icon-button.floating.neutral-3.loading[data-v-32fab2d0] {\n  background-color: var(--c-neutral-3-lighten-20);\n}\n.or-icon-button.floating.neutral-4[data-v-32fab2d0] {\n  background-color: var(--c-neutral-4);\n}\n.or-icon-button.floating.neutral-4[data-v-32fab2d0]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-4-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-icon-button.floating.neutral-4[data-v-32fab2d0]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-4-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-icon-button.floating.neutral-4.disabled[data-v-32fab2d0], .or-icon-button.floating.neutral-4.loading[data-v-32fab2d0] {\n  background-color: var(--c-neutral-4-lighten-20);\n}\n.or-icon-button.floating.neutral-5[data-v-32fab2d0] {\n  background-color: var(--c-neutral-5);\n}\n.or-icon-button.floating.neutral-5[data-v-32fab2d0]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-5-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-icon-button.floating.neutral-5[data-v-32fab2d0]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-5-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-icon-button.floating.neutral-5.disabled[data-v-32fab2d0], .or-icon-button.floating.neutral-5.loading[data-v-32fab2d0] {\n  background-color: var(--c-neutral-5-lighten-20);\n}\n.or-icon-button.floating.neutral-6[data-v-32fab2d0] {\n  background-color: var(--c-neutral-6);\n}\n.or-icon-button.floating.neutral-6[data-v-32fab2d0]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-6-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-icon-button.floating.neutral-6[data-v-32fab2d0]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-6-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-icon-button.floating.neutral-6.disabled[data-v-32fab2d0], .or-icon-button.floating.neutral-6.loading[data-v-32fab2d0] {\n  background-color: var(--c-neutral-6-lighten-20);\n}\n.or-icon-button.floating.is-primary-bg-color[data-v-32fab2d0] {\n  background-color: var(--c-primary) !important;\n}\n.or-icon-button.floating.is-primary-bg-color[data-v-32fab2d0]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-primary-darken-3) !important;\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2) !important;\n}\n.or-icon-button.floating.is-primary-bg-color[data-v-32fab2d0]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-primary-darken-5) !important;\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1) !important;\n}\n.or-icon-button.floating.is-primary-bg-color.disabled[data-v-32fab2d0], .or-icon-button.floating.is-primary-bg-color.loading[data-v-32fab2d0] {\n  background-color: var(--c-primary-lighten-20) !important;\n}\n.or-icon-button.floating.is-success-bg-color[data-v-32fab2d0] {\n  background-color: var(--c-success) !important;\n}\n.or-icon-button.floating.is-success-bg-color[data-v-32fab2d0]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-success-darken-3) !important;\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2) !important;\n}\n.or-icon-button.floating.is-success-bg-color[data-v-32fab2d0]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-success-darken-5) !important;\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1) !important;\n}\n.or-icon-button.floating.is-success-bg-color.disabled[data-v-32fab2d0], .or-icon-button.floating.is-success-bg-color.loading[data-v-32fab2d0] {\n  background-color: var(--c-success-lighten-20) !important;\n}\n.or-icon-button.floating.is-warning-bg-color[data-v-32fab2d0] {\n  background-color: var(--c-warning) !important;\n}\n.or-icon-button.floating.is-warning-bg-color[data-v-32fab2d0]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-warning-darken-3) !important;\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2) !important;\n}\n.or-icon-button.floating.is-warning-bg-color[data-v-32fab2d0]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-warning-darken-5) !important;\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1) !important;\n}\n.or-icon-button.floating.is-warning-bg-color.disabled[data-v-32fab2d0], .or-icon-button.floating.is-warning-bg-color.loading[data-v-32fab2d0] {\n  background-color: var(--c-warning-lighten-20) !important;\n}\n.or-icon-button.floating.is-error-bg-color[data-v-32fab2d0] {\n  background-color: var(--c-error) !important;\n}\n.or-icon-button.floating.is-error-bg-color[data-v-32fab2d0]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-error-darken-3) !important;\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2) !important;\n}\n.or-icon-button.floating.is-error-bg-color[data-v-32fab2d0]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-error-darken-5) !important;\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1) !important;\n}\n.or-icon-button.floating.is-error-bg-color.disabled[data-v-32fab2d0], .or-icon-button.floating.is-error-bg-color.loading[data-v-32fab2d0] {\n  background-color: var(--c-error-lighten-20) !important;\n}\n.or-icon-button.floating.is-neutral-0-bg-color[data-v-32fab2d0] {\n  background-color: var(--c-neutral-0) !important;\n}\n.or-icon-button.floating.is-neutral-0-bg-color[data-v-32fab2d0]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-0-darken-3) !important;\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2) !important;\n}\n.or-icon-button.floating.is-neutral-0-bg-color[data-v-32fab2d0]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-0-darken-5) !important;\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1) !important;\n}\n.or-icon-button.floating.is-neutral-0-bg-color.disabled[data-v-32fab2d0], .or-icon-button.floating.is-neutral-0-bg-color.loading[data-v-32fab2d0] {\n  background-color: var(--c-neutral-0-lighten-20) !important;\n}\n.or-icon-button.floating.is-neutral-3-bg-color[data-v-32fab2d0] {\n  background-color: var(--c-neutral-3) !important;\n}\n.or-icon-button.floating.is-neutral-3-bg-color[data-v-32fab2d0]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-3-darken-3) !important;\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2) !important;\n}\n.or-icon-button.floating.is-neutral-3-bg-color[data-v-32fab2d0]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-3-darken-5) !important;\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1) !important;\n}\n.or-icon-button.floating.is-neutral-3-bg-color.disabled[data-v-32fab2d0], .or-icon-button.floating.is-neutral-3-bg-color.loading[data-v-32fab2d0] {\n  background-color: var(--c-neutral-3-lighten-20) !important;\n}\n.or-icon-button.floating.is-neutral-4-bg-color[data-v-32fab2d0] {\n  background-color: var(--c-neutral-4) !important;\n}\n.or-icon-button.floating.is-neutral-4-bg-color[data-v-32fab2d0]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-4-darken-3) !important;\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2) !important;\n}\n.or-icon-button.floating.is-neutral-4-bg-color[data-v-32fab2d0]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-4-darken-5) !important;\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1) !important;\n}\n.or-icon-button.floating.is-neutral-4-bg-color.disabled[data-v-32fab2d0], .or-icon-button.floating.is-neutral-4-bg-color.loading[data-v-32fab2d0] {\n  background-color: var(--c-neutral-4-lighten-20) !important;\n}\n.or-icon-button.floating.is-neutral-5-bg-color[data-v-32fab2d0] {\n  background-color: var(--c-neutral-5) !important;\n}\n.or-icon-button.floating.is-neutral-5-bg-color[data-v-32fab2d0]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-5-darken-3) !important;\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2) !important;\n}\n.or-icon-button.floating.is-neutral-5-bg-color[data-v-32fab2d0]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-5-darken-5) !important;\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1) !important;\n}\n.or-icon-button.floating.is-neutral-5-bg-color.disabled[data-v-32fab2d0], .or-icon-button.floating.is-neutral-5-bg-color.loading[data-v-32fab2d0] {\n  background-color: var(--c-neutral-5-lighten-20) !important;\n}\n.or-icon-button.floating.is-neutral-6-bg-color[data-v-32fab2d0] {\n  background-color: var(--c-neutral-6) !important;\n}\n.or-icon-button.floating.is-neutral-6-bg-color[data-v-32fab2d0]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-6-darken-3) !important;\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2) !important;\n}\n.or-icon-button.floating.is-neutral-6-bg-color[data-v-32fab2d0]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-6-darken-5) !important;\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1) !important;\n}\n.or-icon-button.floating.is-neutral-6-bg-color.disabled[data-v-32fab2d0], .or-icon-button.floating.is-neutral-6-bg-color.loading[data-v-32fab2d0] {\n  background-color: var(--c-neutral-6-lighten-20) !important;\n}\n.or-icon-button.is-primary-icon-color[data-v-32fab2d0] {\n  color: var(--c-primary) !important;\n}\n.or-icon-button.is-primary-icon-color[data-v-32fab2d0] .or-icon {\n  color: var(--c-primary) !important;\n}\n.or-icon-button.is-primary-icon-color[data-v-32fab2d0]:hover:not(.disabled):not(.loading) {\n  color: var(--c-primary-darken-3) !important;\n}\n.or-icon-button.is-primary-icon-color[data-v-32fab2d0]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-primary-darken-3) !important;\n}\n.or-icon-button.is-primary-icon-color[data-v-32fab2d0]:active:not(.disabled):not(.loading) {\n  color: var(--c-primary-darken-5) !important;\n}\n.or-icon-button.is-primary-icon-color[data-v-32fab2d0]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-primary-darken-5) !important;\n}\n.or-icon-button.is-primary-icon-color .or-loader[data-v-32fab2d0]::after {\n  color: var(--c-primary) !important;\n}\n.or-icon-button.is-primary-icon-color.disabled[data-v-32fab2d0], .or-icon-button.is-primary-icon-color.loading[data-v-32fab2d0] {\n  color: var(--c-primary-lighten-20) !important;\n}\n.or-icon-button.is-primary-icon-color.disabled[data-v-32fab2d0] .or-icon, .or-icon-button.is-primary-icon-color.loading[data-v-32fab2d0] .or-icon {\n  color: var(--c-primary-lighten-20) !important;\n}\n.or-icon-button.is-success-icon-color[data-v-32fab2d0] {\n  color: var(--c-success) !important;\n}\n.or-icon-button.is-success-icon-color[data-v-32fab2d0] .or-icon {\n  color: var(--c-success) !important;\n}\n.or-icon-button.is-success-icon-color[data-v-32fab2d0]:hover:not(.disabled):not(.loading) {\n  color: var(--c-success-darken-3) !important;\n}\n.or-icon-button.is-success-icon-color[data-v-32fab2d0]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-success-darken-3) !important;\n}\n.or-icon-button.is-success-icon-color[data-v-32fab2d0]:active:not(.disabled):not(.loading) {\n  color: var(--c-success-darken-5) !important;\n}\n.or-icon-button.is-success-icon-color[data-v-32fab2d0]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-success-darken-5) !important;\n}\n.or-icon-button.is-success-icon-color .or-loader[data-v-32fab2d0]::after {\n  color: var(--c-success) !important;\n}\n.or-icon-button.is-success-icon-color.disabled[data-v-32fab2d0], .or-icon-button.is-success-icon-color.loading[data-v-32fab2d0] {\n  color: var(--c-success-lighten-20) !important;\n}\n.or-icon-button.is-success-icon-color.disabled[data-v-32fab2d0] .or-icon, .or-icon-button.is-success-icon-color.loading[data-v-32fab2d0] .or-icon {\n  color: var(--c-success-lighten-20) !important;\n}\n.or-icon-button.is-warning-icon-color[data-v-32fab2d0] {\n  color: var(--c-warning) !important;\n}\n.or-icon-button.is-warning-icon-color[data-v-32fab2d0] .or-icon {\n  color: var(--c-warning) !important;\n}\n.or-icon-button.is-warning-icon-color[data-v-32fab2d0]:hover:not(.disabled):not(.loading) {\n  color: var(--c-warning-darken-3) !important;\n}\n.or-icon-button.is-warning-icon-color[data-v-32fab2d0]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-warning-darken-3) !important;\n}\n.or-icon-button.is-warning-icon-color[data-v-32fab2d0]:active:not(.disabled):not(.loading) {\n  color: var(--c-warning-darken-5) !important;\n}\n.or-icon-button.is-warning-icon-color[data-v-32fab2d0]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-warning-darken-5) !important;\n}\n.or-icon-button.is-warning-icon-color .or-loader[data-v-32fab2d0]::after {\n  color: var(--c-warning) !important;\n}\n.or-icon-button.is-warning-icon-color.disabled[data-v-32fab2d0], .or-icon-button.is-warning-icon-color.loading[data-v-32fab2d0] {\n  color: var(--c-warning-lighten-20) !important;\n}\n.or-icon-button.is-warning-icon-color.disabled[data-v-32fab2d0] .or-icon, .or-icon-button.is-warning-icon-color.loading[data-v-32fab2d0] .or-icon {\n  color: var(--c-warning-lighten-20) !important;\n}\n.or-icon-button.is-error-icon-color[data-v-32fab2d0] {\n  color: var(--c-error) !important;\n}\n.or-icon-button.is-error-icon-color[data-v-32fab2d0] .or-icon {\n  color: var(--c-error) !important;\n}\n.or-icon-button.is-error-icon-color[data-v-32fab2d0]:hover:not(.disabled):not(.loading) {\n  color: var(--c-error-darken-3) !important;\n}\n.or-icon-button.is-error-icon-color[data-v-32fab2d0]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-error-darken-3) !important;\n}\n.or-icon-button.is-error-icon-color[data-v-32fab2d0]:active:not(.disabled):not(.loading) {\n  color: var(--c-error-darken-5) !important;\n}\n.or-icon-button.is-error-icon-color[data-v-32fab2d0]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-error-darken-5) !important;\n}\n.or-icon-button.is-error-icon-color .or-loader[data-v-32fab2d0]::after {\n  color: var(--c-error) !important;\n}\n.or-icon-button.is-error-icon-color.disabled[data-v-32fab2d0], .or-icon-button.is-error-icon-color.loading[data-v-32fab2d0] {\n  color: var(--c-error-lighten-20) !important;\n}\n.or-icon-button.is-error-icon-color.disabled[data-v-32fab2d0] .or-icon, .or-icon-button.is-error-icon-color.loading[data-v-32fab2d0] .or-icon {\n  color: var(--c-error-lighten-20) !important;\n}\n.or-icon-button.is-neutral-0-icon-color[data-v-32fab2d0] {\n  color: var(--c-neutral-0) !important;\n}\n.or-icon-button.is-neutral-0-icon-color[data-v-32fab2d0] .or-icon {\n  color: var(--c-neutral-0) !important;\n}\n.or-icon-button.is-neutral-0-icon-color[data-v-32fab2d0]:hover:not(.disabled):not(.loading) {\n  color: var(--c-neutral-0-darken-3) !important;\n}\n.or-icon-button.is-neutral-0-icon-color[data-v-32fab2d0]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-0-darken-3) !important;\n}\n.or-icon-button.is-neutral-0-icon-color[data-v-32fab2d0]:active:not(.disabled):not(.loading) {\n  color: var(--c-neutral-0-darken-5) !important;\n}\n.or-icon-button.is-neutral-0-icon-color[data-v-32fab2d0]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-0-darken-5) !important;\n}\n.or-icon-button.is-neutral-0-icon-color .or-loader[data-v-32fab2d0]::after {\n  color: var(--c-neutral-0) !important;\n}\n.or-icon-button.is-neutral-0-icon-color.disabled[data-v-32fab2d0], .or-icon-button.is-neutral-0-icon-color.loading[data-v-32fab2d0] {\n  color: var(--c-neutral-0-lighten-20) !important;\n}\n.or-icon-button.is-neutral-0-icon-color.disabled[data-v-32fab2d0] .or-icon, .or-icon-button.is-neutral-0-icon-color.loading[data-v-32fab2d0] .or-icon {\n  color: var(--c-neutral-0-lighten-20) !important;\n}\n.or-icon-button.is-neutral-3-icon-color[data-v-32fab2d0] {\n  color: var(--c-neutral-3) !important;\n}\n.or-icon-button.is-neutral-3-icon-color[data-v-32fab2d0] .or-icon {\n  color: var(--c-neutral-3) !important;\n}\n.or-icon-button.is-neutral-3-icon-color[data-v-32fab2d0]:hover:not(.disabled):not(.loading) {\n  color: var(--c-neutral-3-darken-3) !important;\n}\n.or-icon-button.is-neutral-3-icon-color[data-v-32fab2d0]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-3-darken-3) !important;\n}\n.or-icon-button.is-neutral-3-icon-color[data-v-32fab2d0]:active:not(.disabled):not(.loading) {\n  color: var(--c-neutral-3-darken-5) !important;\n}\n.or-icon-button.is-neutral-3-icon-color[data-v-32fab2d0]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-3-darken-5) !important;\n}\n.or-icon-button.is-neutral-3-icon-color .or-loader[data-v-32fab2d0]::after {\n  color: var(--c-neutral-3) !important;\n}\n.or-icon-button.is-neutral-3-icon-color.disabled[data-v-32fab2d0], .or-icon-button.is-neutral-3-icon-color.loading[data-v-32fab2d0] {\n  color: var(--c-neutral-3-lighten-20) !important;\n}\n.or-icon-button.is-neutral-3-icon-color.disabled[data-v-32fab2d0] .or-icon, .or-icon-button.is-neutral-3-icon-color.loading[data-v-32fab2d0] .or-icon {\n  color: var(--c-neutral-3-lighten-20) !important;\n}\n.or-icon-button.is-neutral-4-icon-color[data-v-32fab2d0] {\n  color: var(--c-neutral-4) !important;\n}\n.or-icon-button.is-neutral-4-icon-color[data-v-32fab2d0] .or-icon {\n  color: var(--c-neutral-4) !important;\n}\n.or-icon-button.is-neutral-4-icon-color[data-v-32fab2d0]:hover:not(.disabled):not(.loading) {\n  color: var(--c-neutral-4-darken-3) !important;\n}\n.or-icon-button.is-neutral-4-icon-color[data-v-32fab2d0]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-4-darken-3) !important;\n}\n.or-icon-button.is-neutral-4-icon-color[data-v-32fab2d0]:active:not(.disabled):not(.loading) {\n  color: var(--c-neutral-4-darken-5) !important;\n}\n.or-icon-button.is-neutral-4-icon-color[data-v-32fab2d0]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-4-darken-5) !important;\n}\n.or-icon-button.is-neutral-4-icon-color .or-loader[data-v-32fab2d0]::after {\n  color: var(--c-neutral-4) !important;\n}\n.or-icon-button.is-neutral-4-icon-color.disabled[data-v-32fab2d0], .or-icon-button.is-neutral-4-icon-color.loading[data-v-32fab2d0] {\n  color: var(--c-neutral-4-lighten-20) !important;\n}\n.or-icon-button.is-neutral-4-icon-color.disabled[data-v-32fab2d0] .or-icon, .or-icon-button.is-neutral-4-icon-color.loading[data-v-32fab2d0] .or-icon {\n  color: var(--c-neutral-4-lighten-20) !important;\n}\n.or-icon-button.is-neutral-5-icon-color[data-v-32fab2d0] {\n  color: var(--c-neutral-5) !important;\n}\n.or-icon-button.is-neutral-5-icon-color[data-v-32fab2d0] .or-icon {\n  color: var(--c-neutral-5) !important;\n}\n.or-icon-button.is-neutral-5-icon-color[data-v-32fab2d0]:hover:not(.disabled):not(.loading) {\n  color: var(--c-neutral-5-darken-3) !important;\n}\n.or-icon-button.is-neutral-5-icon-color[data-v-32fab2d0]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-5-darken-3) !important;\n}\n.or-icon-button.is-neutral-5-icon-color[data-v-32fab2d0]:active:not(.disabled):not(.loading) {\n  color: var(--c-neutral-5-darken-5) !important;\n}\n.or-icon-button.is-neutral-5-icon-color[data-v-32fab2d0]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-5-darken-5) !important;\n}\n.or-icon-button.is-neutral-5-icon-color .or-loader[data-v-32fab2d0]::after {\n  color: var(--c-neutral-5) !important;\n}\n.or-icon-button.is-neutral-5-icon-color.disabled[data-v-32fab2d0], .or-icon-button.is-neutral-5-icon-color.loading[data-v-32fab2d0] {\n  color: var(--c-neutral-5-lighten-20) !important;\n}\n.or-icon-button.is-neutral-5-icon-color.disabled[data-v-32fab2d0] .or-icon, .or-icon-button.is-neutral-5-icon-color.loading[data-v-32fab2d0] .or-icon {\n  color: var(--c-neutral-5-lighten-20) !important;\n}\n.or-icon-button.is-neutral-6-icon-color[data-v-32fab2d0] {\n  color: var(--c-neutral-6) !important;\n}\n.or-icon-button.is-neutral-6-icon-color[data-v-32fab2d0] .or-icon {\n  color: var(--c-neutral-6) !important;\n}\n.or-icon-button.is-neutral-6-icon-color[data-v-32fab2d0]:hover:not(.disabled):not(.loading) {\n  color: var(--c-neutral-6-darken-3) !important;\n}\n.or-icon-button.is-neutral-6-icon-color[data-v-32fab2d0]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-6-darken-3) !important;\n}\n.or-icon-button.is-neutral-6-icon-color[data-v-32fab2d0]:active:not(.disabled):not(.loading) {\n  color: var(--c-neutral-6-darken-5) !important;\n}\n.or-icon-button.is-neutral-6-icon-color[data-v-32fab2d0]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-6-darken-5) !important;\n}\n.or-icon-button.is-neutral-6-icon-color .or-loader[data-v-32fab2d0]::after {\n  color: var(--c-neutral-6) !important;\n}\n.or-icon-button.is-neutral-6-icon-color.disabled[data-v-32fab2d0], .or-icon-button.is-neutral-6-icon-color.loading[data-v-32fab2d0] {\n  color: var(--c-neutral-6-lighten-20) !important;\n}\n.or-icon-button.is-neutral-6-icon-color.disabled[data-v-32fab2d0] .or-icon, .or-icon-button.is-neutral-6-icon-color.loading[data-v-32fab2d0] .or-icon {\n  color: var(--c-neutral-6-lighten-20) !important;\n}\n.or-icon-button .or-loader[data-v-32fab2d0]::after {\n  width: var(--or-icon-button-loader-size);\n  height: var(--or-icon-button-loader-size);\n}";
-styleInject(css_248z);
-
-script.render = render;
-script.__scopeId = "data-v-32fab2d0";
-script.__file = "src/components/or-button-v2/OrIconButton.vue";
-
-export { BUTTON_TYPE as B, ICON_BUTTON_TYPE as I, script as a, BUTTON_COLOR as b, BUTTON_SIZE as c, BUTTON_LOADER_TYPE as d, script$2 as s };