@onereach/ui-components 2.76.1 → 2.76.2-beta.2414.0

package/dist/bundled/v3/index.js

@@ -18,8 +18,8 @@ export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3
 import { s as script$3 } from './OrCardCollection.vue_vue_type_script_lang-83a50f5c.js';
 export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from './OrCardCollection.vue_vue_type_script_lang-83a50f5c.js';
 export { s as OrCard } from './OrCard.vue_vue_type_script_lang-90ba001b.js';
-import { s as script$4 } from './OrCardCollection.vue_vue_type_script_lang-fdf213e1.js';
-export { D as DefaultCardCollectionViews, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection.vue_vue_type_script_lang-fdf213e1.js';
+import { s as script$4 } from './OrCardCollection.vue_vue_type_script_lang-f2fdaa33.js';
+export { D as DefaultCardCollectionViews, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection.vue_vue_type_script_lang-f2fdaa33.js';
 import { s as script$5 } from './OrCard.vue_vue_type_script_lang-b6685a34.js';
 export { s as OrCardV3 } from './OrCard.vue_vue_type_script_lang-b6685a34.js';
 import './OrCarouselItem-361cd007.js';
@@ -27,8 +27,8 @@ export { a as OrCarousel, s as OrCarouselItem } from './OrCarouselItem.vue_vue_t
 import { s as script$w } from './OrSelect.vue_vue_type_script_lang-2016ac4e.js';
 export { s as OrSelect } from './OrSelect.vue_vue_type_script_lang-2016ac4e.js';
 export { s as OrCheckbox } from './OrCheckbox.vue_vue_type_script_lang-87143106.js';
-import { s as script$x } from './OrSelect.vue_vue_type_script_lang-c43b8138.js';
-export { s as OrSelectV3 } from './OrSelect.vue_vue_type_script_lang-c43b8138.js';
+import { s as script$x } from './OrSelect.vue_vue_type_script_lang-30c61027.js';
+export { s as OrSelectV3 } from './OrSelect.vue_vue_type_script_lang-30c61027.js';
 export { s as OrCheckboxV3 } from './OrCheckbox.vue_vue_type_script_lang-08f64a02.js';
 export { s as OrChip } from './OrChip-f8874fb2.js';
 import { s as script$6 } from './OrChips.vue_vue_type_script_lang-3c26c28f.js';
@@ -39,8 +39,8 @@ import { s as script$8 } from './OrColorPicker.vue_vue_type_script_lang-3b58e79f
 export { s as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from './OrColorPicker.vue_vue_type_script_lang-3b58e79f.js';
 import { s as script$9 } from './OrConfirm.vue_vue_type_script_lang-ff06fe51.js';
 export { s as OrConfirm } from './OrConfirm.vue_vue_type_script_lang-ff06fe51.js';
-import { s as script$a } from './OrConfirm.vue_vue_type_script_lang-7a81cfa6.js';
-export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm.vue_vue_type_script_lang-7a81cfa6.js';
+import { s as script$a } from './OrConfirm.vue_vue_type_script_lang-2bb4e530.js';
+export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm.vue_vue_type_script_lang-2bb4e530.js';
 import { s as script$b } from './OrDateTimePicker.vue_vue_type_script_lang-6483e834.js';
 export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker.vue_vue_type_script_lang-6483e834.js';
 import { s as script$c } from './OrErrorTag.vue_vue_type_script_lang-bfa4c580.js';
@@ -154,7 +154,7 @@ export { s as OrModal, O as OrModalSizes } from './OrModal.vue_vue_type_script_l
 export { s as OrOverlay } from './OrOverlay.vue_vue_type_script_lang-b9bf5e50.js';
 export { s as OrOverlayV3 } from './OrOverlay.vue_vue_type_script_lang-a1f3f02c.js';
 export { s as OrSearch } from './OrSearch.vue_vue_type_script_lang-cb0964be.js';
-export { s as OrSearchV3 } from './OrSearch.vue_vue_type_script_lang-42283e88.js';
+export { s as OrSearchV3 } from './OrSearch.vue_vue_type_script_lang-9028a3c5.js';
 export { O as OrSidebarPlacement } from './OrSidebarCollapseButton.vue_vue_type_script_lang-a46ed51a.js';
 export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag.vue_vue_type_script_lang-b716ad27.js';
 export { s as OrTeleport } from './OrTeleport.vue3-12636ac0.js';
@@ -183,7 +183,7 @@ import './OrFloating-c13f0eae.js';
 import './OrLabel-e412c532.js';
 import './OrError-b43ebad8.js';
 import './OrHint-5d5e4d99.js';
-import './OrInput-c514ceff.js';
+import './OrInput-13a84d53.js';
 import './OrInputBox-44f37541.js';
 import './OrLabel-c556887e.js';
 import './OrPopover-0c296207.js';
@@ -246,14 +246,14 @@ script$1.render = render$R;
 script$1.__file = "src/components/or-avatar-v3/OrAvatar.vue";
 
 const _hoisted_1$A = ["disabled"];
-const _hoisted_2$k = {
+const _hoisted_2$l = {
   class: "or-button--content"
 };
-const _hoisted_3$e = {
+const _hoisted_3$h = {
   key: 0,
   class: "or-button--content-prepend"
 };
-const _hoisted_4$c = {
+const _hoisted_4$f = {
   key: 1,
   class: "or-button--content-append"
 };
@@ -274,7 +274,7 @@ function render$Q(_ctx, _cache, $props, $setup, $data, $options) {
       "text-type-label": _ctx.loadingText
     }, null, 8 /* PROPS */, ["type", "text-type-label"]), [[vShow, _ctx.isLoading]])]),
     _: 1 /* STABLE */
-  }), createElementVNode("span", _hoisted_2$k, [_ctx.$slots.prepend ? (openBlock(), createElementBlock("span", _hoisted_3$e, [renderSlot(_ctx.$slots, "prepend")])) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)]), _ctx.$slots.append ? (openBlock(), createElementBlock("span", _hoisted_4$c, [renderSlot(_ctx.$slots, "append")])) : createCommentVNode("v-if", true)])], 16 /* FULL_PROPS */, _hoisted_1$A);
+  }), createElementVNode("span", _hoisted_2$l, [_ctx.$slots.prepend ? (openBlock(), createElementBlock("span", _hoisted_3$h, [renderSlot(_ctx.$slots, "prepend")])) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)]), _ctx.$slots.append ? (openBlock(), createElementBlock("span", _hoisted_4$f, [renderSlot(_ctx.$slots, "append")])) : createCommentVNode("v-if", true)])], 16 /* FULL_PROPS */, _hoisted_1$A);
 }
 
 var css_248z$w = "/**\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-1f08cb78 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-1f08cb78 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-button[data-v-1f08cb78] {\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  position: relative;\n  box-sizing: border-box;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 6rem;\n  padding: var(--s-2) var(--s-4);\n  font-family: inherit;\n  font-size: var(--fs-1);\n  font-weight: var(--fw-1);\n  line-height: 1.375rem;\n  letter-spacing: -0.15px;\n  cursor: pointer;\n  border: 1px solid;\n  border-radius: 4px;\n  box-shadow: 0 1px 2px 0 hsla(0deg, 0%, 0%, 0.2);\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[data-v-1f08cb78] .material-icons {\n  font-size: calc(var(--fs-1) + 0.375rem);\n}\n.or-button .or-loader[data-v-1f08cb78] {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 1;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n}\n.or-button--content[data-v-1f08cb78] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  transition-timing-function: var(--t-func);\n  transition-duration: var(--t-duration);\n  transition-property: opacity;\n}\n.or-button--content-prepend[data-v-1f08cb78], .or-button--content-append[data-v-1f08cb78] {\n  display: inline-flex;\n}\n.or-button--content-prepend[data-v-1f08cb78] {\n  margin-right: 0.5rem;\n}\n.or-button--content-append[data-v-1f08cb78] {\n  margin-left: 0.5rem;\n}\n.or-button.is-small[data-v-1f08cb78] {\n  min-width: auto;\n  font-size: calc(var(--fs-1) - 0.125rem);\n  line-height: var(--lh-0);\n}\n.or-button.is-small[data-v-1f08cb78] .or-icon {\n  font-size: calc(var(--fs-1) - 0.125rem + 0.25rem);\n}\n.or-button.is-small[data-v-1f08cb78] .material-icons {\n  font-size: var(--fs-1);\n}\n.or-button.is-primary-color[data-v-1f08cb78] {\n  color: var(--c-white);\n  background-color: var(--c-primary);\n  border-color: var(--c-primary);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.is-primary-color[data-v-1f08cb78]:not(.or-button.is-primary-color.is-loading):not(.or-button.is-primary-color.is-disabled):not(.or-button.is-primary-color.is-readonly):not(.or-button.is-primary-color:disabled):not(.or-button.is-primary-color.is-focused):not(.or-button.is-primary-color:active):hover {\n    background-color: var(--c-primary-darken-3);\n    border-color: var(--c-primary-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.is-primary-color[data-v-1f08cb78]:not(.or-button.is-primary-color.is-loading):not(.or-button.is-primary-color.is-disabled):not(.or-button.is-primary-color.is-readonly):not(.or-button.is-primary-color:disabled):not(.or-button.is-primary-color.is-focused):not(.or-button.is-primary-color:active):hover {\n    background-color: var(--c-primary-darken-3);\n    border-color: var(--c-primary-darken-3);\n}\n}\n.or-button.is-primary-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  background-color: var(--c-primary-darken-5);\n  border-color: var(--c-primary-darken-5);\n}\n.or-button.is-primary-color[data-v-1f08cb78]:disabled, .or-button.is-primary-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  background-color: var(--c-primary-lighten-20);\n  border-color: var(--c-primary-lighten-20);\n}\n.or-button.is-primary-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  background-color: var(--c-primary-lighten-20);\n  border-color: var(--c-primary-lighten-20);\n}\n.or-button.is-primary-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-white);\n}\n.or-button.is-error-color[data-v-1f08cb78] {\n  color: var(--c-white);\n  background-color: var(--c-error);\n  border-color: var(--c-error);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.is-error-color[data-v-1f08cb78]:not(.or-button.is-error-color.is-loading):not(.or-button.is-error-color.is-disabled):not(.or-button.is-error-color.is-readonly):not(.or-button.is-error-color:disabled):not(.or-button.is-error-color.is-focused):not(.or-button.is-error-color:active):hover {\n    background-color: var(--c-error-darken-3);\n    border-color: var(--c-error-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.is-error-color[data-v-1f08cb78]:not(.or-button.is-error-color.is-loading):not(.or-button.is-error-color.is-disabled):not(.or-button.is-error-color.is-readonly):not(.or-button.is-error-color:disabled):not(.or-button.is-error-color.is-focused):not(.or-button.is-error-color:active):hover {\n    background-color: var(--c-error-darken-3);\n    border-color: var(--c-error-darken-3);\n}\n}\n.or-button.is-error-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  background-color: var(--c-error-darken-5);\n  border-color: var(--c-error-darken-5);\n}\n.or-button.is-error-color[data-v-1f08cb78]:disabled, .or-button.is-error-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  background-color: var(--c-error-lighten-20);\n  border-color: var(--c-error-lighten-20);\n}\n.or-button.is-error-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  background-color: var(--c-error-lighten-20);\n  border-color: var(--c-error-lighten-20);\n}\n.or-button.is-error-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-white);\n}\n.or-button.is-warning-color[data-v-1f08cb78] {\n  color: var(--c-white);\n  background-color: var(--c-warning);\n  border-color: var(--c-warning);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.is-warning-color[data-v-1f08cb78]:not(.or-button.is-warning-color.is-loading):not(.or-button.is-warning-color.is-disabled):not(.or-button.is-warning-color.is-readonly):not(.or-button.is-warning-color:disabled):not(.or-button.is-warning-color.is-focused):not(.or-button.is-warning-color:active):hover {\n    background-color: var(--c-warning-darken-3);\n    border-color: var(--c-warning-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.is-warning-color[data-v-1f08cb78]:not(.or-button.is-warning-color.is-loading):not(.or-button.is-warning-color.is-disabled):not(.or-button.is-warning-color.is-readonly):not(.or-button.is-warning-color:disabled):not(.or-button.is-warning-color.is-focused):not(.or-button.is-warning-color:active):hover {\n    background-color: var(--c-warning-darken-3);\n    border-color: var(--c-warning-darken-3);\n}\n}\n.or-button.is-warning-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  background-color: var(--c-warning-darken-5);\n  border-color: var(--c-warning-darken-5);\n}\n.or-button.is-warning-color[data-v-1f08cb78]:disabled, .or-button.is-warning-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  background-color: var(--c-warning-lighten-20);\n  border-color: var(--c-warning-lighten-20);\n}\n.or-button.is-warning-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  background-color: var(--c-warning-lighten-20);\n  border-color: var(--c-warning-lighten-20);\n}\n.or-button.is-warning-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-white);\n}\n.or-button.is-neutral-0-color[data-v-1f08cb78] {\n  color: var(--c-white);\n  background-color: var(--c-neutral-0);\n  border-color: var(--c-neutral-0);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.is-neutral-0-color[data-v-1f08cb78]:not(.or-button.is-neutral-0-color.is-loading):not(.or-button.is-neutral-0-color.is-disabled):not(.or-button.is-neutral-0-color.is-readonly):not(.or-button.is-neutral-0-color:disabled):not(.or-button.is-neutral-0-color.is-focused):not(.or-button.is-neutral-0-color:active):hover {\n    background-color: var(--c-neutral-0-darken-3);\n    border-color: var(--c-neutral-0-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.is-neutral-0-color[data-v-1f08cb78]:not(.or-button.is-neutral-0-color.is-loading):not(.or-button.is-neutral-0-color.is-disabled):not(.or-button.is-neutral-0-color.is-readonly):not(.or-button.is-neutral-0-color:disabled):not(.or-button.is-neutral-0-color.is-focused):not(.or-button.is-neutral-0-color:active):hover {\n    background-color: var(--c-neutral-0-darken-3);\n    border-color: var(--c-neutral-0-darken-3);\n}\n}\n.or-button.is-neutral-0-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  background-color: var(--c-neutral-0-darken-5);\n  border-color: var(--c-neutral-0-darken-5);\n}\n.or-button.is-neutral-0-color[data-v-1f08cb78]:disabled, .or-button.is-neutral-0-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  background-color: var(--c-neutral-0-lighten-20);\n  border-color: var(--c-neutral-0-lighten-20);\n}\n.or-button.is-neutral-0-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  background-color: var(--c-neutral-0-lighten-20);\n  border-color: var(--c-neutral-0-lighten-20);\n}\n.or-button.is-neutral-0-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-white);\n}\n.or-button.is-neutral-3-color[data-v-1f08cb78] {\n  color: var(--c-white);\n  background-color: var(--c-neutral-3);\n  border-color: var(--c-neutral-3);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.is-neutral-3-color[data-v-1f08cb78]:not(.or-button.is-neutral-3-color.is-loading):not(.or-button.is-neutral-3-color.is-disabled):not(.or-button.is-neutral-3-color.is-readonly):not(.or-button.is-neutral-3-color:disabled):not(.or-button.is-neutral-3-color.is-focused):not(.or-button.is-neutral-3-color:active):hover {\n    background-color: var(--c-neutral-3-darken-3);\n    border-color: var(--c-neutral-3-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.is-neutral-3-color[data-v-1f08cb78]:not(.or-button.is-neutral-3-color.is-loading):not(.or-button.is-neutral-3-color.is-disabled):not(.or-button.is-neutral-3-color.is-readonly):not(.or-button.is-neutral-3-color:disabled):not(.or-button.is-neutral-3-color.is-focused):not(.or-button.is-neutral-3-color:active):hover {\n    background-color: var(--c-neutral-3-darken-3);\n    border-color: var(--c-neutral-3-darken-3);\n}\n}\n.or-button.is-neutral-3-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  background-color: var(--c-neutral-3-darken-5);\n  border-color: var(--c-neutral-3-darken-5);\n}\n.or-button.is-neutral-3-color[data-v-1f08cb78]:disabled, .or-button.is-neutral-3-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  background-color: var(--c-neutral-3-lighten-20);\n  border-color: var(--c-neutral-3-lighten-20);\n}\n.or-button.is-neutral-3-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  background-color: var(--c-neutral-3-lighten-20);\n  border-color: var(--c-neutral-3-lighten-20);\n}\n.or-button.is-neutral-3-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-white);\n}\n.or-button.is-neutral-4-color[data-v-1f08cb78] {\n  color: var(--c-white);\n  background-color: var(--c-neutral-4);\n  border-color: var(--c-neutral-4);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.is-neutral-4-color[data-v-1f08cb78]:not(.or-button.is-neutral-4-color.is-loading):not(.or-button.is-neutral-4-color.is-disabled):not(.or-button.is-neutral-4-color.is-readonly):not(.or-button.is-neutral-4-color:disabled):not(.or-button.is-neutral-4-color.is-focused):not(.or-button.is-neutral-4-color:active):hover {\n    background-color: var(--c-neutral-4-darken-3);\n    border-color: var(--c-neutral-4-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.is-neutral-4-color[data-v-1f08cb78]:not(.or-button.is-neutral-4-color.is-loading):not(.or-button.is-neutral-4-color.is-disabled):not(.or-button.is-neutral-4-color.is-readonly):not(.or-button.is-neutral-4-color:disabled):not(.or-button.is-neutral-4-color.is-focused):not(.or-button.is-neutral-4-color:active):hover {\n    background-color: var(--c-neutral-4-darken-3);\n    border-color: var(--c-neutral-4-darken-3);\n}\n}\n.or-button.is-neutral-4-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  background-color: var(--c-neutral-4-darken-5);\n  border-color: var(--c-neutral-4-darken-5);\n}\n.or-button.is-neutral-4-color[data-v-1f08cb78]:disabled, .or-button.is-neutral-4-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  background-color: var(--c-neutral-4-lighten-20);\n  border-color: var(--c-neutral-4-lighten-20);\n}\n.or-button.is-neutral-4-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  background-color: var(--c-neutral-4-lighten-20);\n  border-color: var(--c-neutral-4-lighten-20);\n}\n.or-button.is-neutral-4-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-white);\n}\n.or-button.is-neutral-5-color[data-v-1f08cb78] {\n  color: var(--c-white);\n  background-color: var(--c-neutral-5);\n  border-color: var(--c-neutral-5);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.is-neutral-5-color[data-v-1f08cb78]:not(.or-button.is-neutral-5-color.is-loading):not(.or-button.is-neutral-5-color.is-disabled):not(.or-button.is-neutral-5-color.is-readonly):not(.or-button.is-neutral-5-color:disabled):not(.or-button.is-neutral-5-color.is-focused):not(.or-button.is-neutral-5-color:active):hover {\n    background-color: var(--c-neutral-5-darken-3);\n    border-color: var(--c-neutral-5-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.is-neutral-5-color[data-v-1f08cb78]:not(.or-button.is-neutral-5-color.is-loading):not(.or-button.is-neutral-5-color.is-disabled):not(.or-button.is-neutral-5-color.is-readonly):not(.or-button.is-neutral-5-color:disabled):not(.or-button.is-neutral-5-color.is-focused):not(.or-button.is-neutral-5-color:active):hover {\n    background-color: var(--c-neutral-5-darken-3);\n    border-color: var(--c-neutral-5-darken-3);\n}\n}\n.or-button.is-neutral-5-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  background-color: var(--c-neutral-5-darken-5);\n  border-color: var(--c-neutral-5-darken-5);\n}\n.or-button.is-neutral-5-color[data-v-1f08cb78]:disabled, .or-button.is-neutral-5-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  background-color: var(--c-neutral-5-lighten-20);\n  border-color: var(--c-neutral-5-lighten-20);\n}\n.or-button.is-neutral-5-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  background-color: var(--c-neutral-5-lighten-20);\n  border-color: var(--c-neutral-5-lighten-20);\n}\n.or-button.is-neutral-5-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-white);\n}\n.or-button.is-neutral-6-color[data-v-1f08cb78] {\n  color: var(--c-white);\n  background-color: var(--c-neutral-6);\n  border-color: var(--c-neutral-6);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.is-neutral-6-color[data-v-1f08cb78]:not(.or-button.is-neutral-6-color.is-loading):not(.or-button.is-neutral-6-color.is-disabled):not(.or-button.is-neutral-6-color.is-readonly):not(.or-button.is-neutral-6-color:disabled):not(.or-button.is-neutral-6-color.is-focused):not(.or-button.is-neutral-6-color:active):hover {\n    background-color: var(--c-neutral-6-darken-3);\n    border-color: var(--c-neutral-6-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.is-neutral-6-color[data-v-1f08cb78]:not(.or-button.is-neutral-6-color.is-loading):not(.or-button.is-neutral-6-color.is-disabled):not(.or-button.is-neutral-6-color.is-readonly):not(.or-button.is-neutral-6-color:disabled):not(.or-button.is-neutral-6-color.is-focused):not(.or-button.is-neutral-6-color:active):hover {\n    background-color: var(--c-neutral-6-darken-3);\n    border-color: var(--c-neutral-6-darken-3);\n}\n}\n.or-button.is-neutral-6-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  background-color: var(--c-neutral-6-darken-5);\n  border-color: var(--c-neutral-6-darken-5);\n}\n.or-button.is-neutral-6-color[data-v-1f08cb78]:disabled, .or-button.is-neutral-6-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  background-color: var(--c-neutral-6-lighten-20);\n  border-color: var(--c-neutral-6-lighten-20);\n}\n.or-button.is-neutral-6-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  background-color: var(--c-neutral-6-lighten-20);\n  border-color: var(--c-neutral-6-lighten-20);\n}\n.or-button.is-neutral-6-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-white);\n}\n.or-button.outline-type[data-v-1f08cb78] {\n  background-color: transparent;\n  box-shadow: none;\n}\n.or-button.outline-type.is-primary-color[data-v-1f08cb78] {\n  color: var(--c-primary);\n  border-color: var(--c-primary);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.outline-type.is-primary-color[data-v-1f08cb78]:not(.or-button.outline-type.is-primary-color.is-loading):not(.or-button.outline-type.is-primary-color.is-disabled):not(.or-button.outline-type.is-primary-color.is-readonly):not(.or-button.outline-type.is-primary-color:disabled):not(.or-button.outline-type.is-primary-color.is-focused):not(.or-button.outline-type.is-primary-color:active):hover {\n    color: var(--c-white);\n    background-color: var(--c-primary-darken-3);\n    border-color: var(--c-primary-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.outline-type.is-primary-color[data-v-1f08cb78]:not(.or-button.outline-type.is-primary-color.is-loading):not(.or-button.outline-type.is-primary-color.is-disabled):not(.or-button.outline-type.is-primary-color.is-readonly):not(.or-button.outline-type.is-primary-color:disabled):not(.or-button.outline-type.is-primary-color.is-focused):not(.or-button.outline-type.is-primary-color:active):hover {\n    color: var(--c-white);\n    background-color: var(--c-primary-darken-3);\n    border-color: var(--c-primary-darken-3);\n}\n}\n.or-button.outline-type.is-primary-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-white);\n  background-color: var(--c-primary-darken-5);\n  border-color: var(--c-primary-darken-5);\n}\n.or-button.outline-type.is-primary-color[data-v-1f08cb78]:disabled, .or-button.outline-type.is-primary-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-primary-lighten-20);\n  background-color: transparent;\n  border-color: var(--c-primary-lighten-20);\n}\n.or-button.outline-type.is-primary-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-primary-lighten-20);\n  background-color: transparent;\n  border-color: var(--c-primary-lighten-20);\n}\n.or-button.outline-type.is-primary-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-primary-lighten-20);\n}\n.or-button.outline-type.is-error-color[data-v-1f08cb78] {\n  color: var(--c-error);\n  border-color: var(--c-error);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.outline-type.is-error-color[data-v-1f08cb78]:not(.or-button.outline-type.is-error-color.is-loading):not(.or-button.outline-type.is-error-color.is-disabled):not(.or-button.outline-type.is-error-color.is-readonly):not(.or-button.outline-type.is-error-color:disabled):not(.or-button.outline-type.is-error-color.is-focused):not(.or-button.outline-type.is-error-color:active):hover {\n    color: var(--c-white);\n    background-color: var(--c-error-darken-3);\n    border-color: var(--c-error-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.outline-type.is-error-color[data-v-1f08cb78]:not(.or-button.outline-type.is-error-color.is-loading):not(.or-button.outline-type.is-error-color.is-disabled):not(.or-button.outline-type.is-error-color.is-readonly):not(.or-button.outline-type.is-error-color:disabled):not(.or-button.outline-type.is-error-color.is-focused):not(.or-button.outline-type.is-error-color:active):hover {\n    color: var(--c-white);\n    background-color: var(--c-error-darken-3);\n    border-color: var(--c-error-darken-3);\n}\n}\n.or-button.outline-type.is-error-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-white);\n  background-color: var(--c-error-darken-5);\n  border-color: var(--c-error-darken-5);\n}\n.or-button.outline-type.is-error-color[data-v-1f08cb78]:disabled, .or-button.outline-type.is-error-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-error-lighten-20);\n  background-color: transparent;\n  border-color: var(--c-error-lighten-20);\n}\n.or-button.outline-type.is-error-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-error-lighten-20);\n  background-color: transparent;\n  border-color: var(--c-error-lighten-20);\n}\n.or-button.outline-type.is-error-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-error-lighten-20);\n}\n.or-button.outline-type.is-warning-color[data-v-1f08cb78] {\n  color: var(--c-warning);\n  border-color: var(--c-warning);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.outline-type.is-warning-color[data-v-1f08cb78]:not(.or-button.outline-type.is-warning-color.is-loading):not(.or-button.outline-type.is-warning-color.is-disabled):not(.or-button.outline-type.is-warning-color.is-readonly):not(.or-button.outline-type.is-warning-color:disabled):not(.or-button.outline-type.is-warning-color.is-focused):not(.or-button.outline-type.is-warning-color:active):hover {\n    color: var(--c-white);\n    background-color: var(--c-warning-darken-3);\n    border-color: var(--c-warning-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.outline-type.is-warning-color[data-v-1f08cb78]:not(.or-button.outline-type.is-warning-color.is-loading):not(.or-button.outline-type.is-warning-color.is-disabled):not(.or-button.outline-type.is-warning-color.is-readonly):not(.or-button.outline-type.is-warning-color:disabled):not(.or-button.outline-type.is-warning-color.is-focused):not(.or-button.outline-type.is-warning-color:active):hover {\n    color: var(--c-white);\n    background-color: var(--c-warning-darken-3);\n    border-color: var(--c-warning-darken-3);\n}\n}\n.or-button.outline-type.is-warning-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-white);\n  background-color: var(--c-warning-darken-5);\n  border-color: var(--c-warning-darken-5);\n}\n.or-button.outline-type.is-warning-color[data-v-1f08cb78]:disabled, .or-button.outline-type.is-warning-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-warning-lighten-20);\n  background-color: transparent;\n  border-color: var(--c-warning-lighten-20);\n}\n.or-button.outline-type.is-warning-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-warning-lighten-20);\n  background-color: transparent;\n  border-color: var(--c-warning-lighten-20);\n}\n.or-button.outline-type.is-warning-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-warning-lighten-20);\n}\n.or-button.outline-type.is-neutral-0-color[data-v-1f08cb78] {\n  color: var(--c-neutral-0);\n  border-color: var(--c-neutral-0);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.outline-type.is-neutral-0-color[data-v-1f08cb78]:not(.or-button.outline-type.is-neutral-0-color.is-loading):not(.or-button.outline-type.is-neutral-0-color.is-disabled):not(.or-button.outline-type.is-neutral-0-color.is-readonly):not(.or-button.outline-type.is-neutral-0-color:disabled):not(.or-button.outline-type.is-neutral-0-color.is-focused):not(.or-button.outline-type.is-neutral-0-color:active):hover {\n    color: var(--c-white);\n    background-color: var(--c-neutral-0-darken-3);\n    border-color: var(--c-neutral-0-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.outline-type.is-neutral-0-color[data-v-1f08cb78]:not(.or-button.outline-type.is-neutral-0-color.is-loading):not(.or-button.outline-type.is-neutral-0-color.is-disabled):not(.or-button.outline-type.is-neutral-0-color.is-readonly):not(.or-button.outline-type.is-neutral-0-color:disabled):not(.or-button.outline-type.is-neutral-0-color.is-focused):not(.or-button.outline-type.is-neutral-0-color:active):hover {\n    color: var(--c-white);\n    background-color: var(--c-neutral-0-darken-3);\n    border-color: var(--c-neutral-0-darken-3);\n}\n}\n.or-button.outline-type.is-neutral-0-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-white);\n  background-color: var(--c-neutral-0-darken-5);\n  border-color: var(--c-neutral-0-darken-5);\n}\n.or-button.outline-type.is-neutral-0-color[data-v-1f08cb78]:disabled, .or-button.outline-type.is-neutral-0-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-neutral-0-lighten-20);\n  background-color: transparent;\n  border-color: var(--c-neutral-0-lighten-20);\n}\n.or-button.outline-type.is-neutral-0-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-neutral-0-lighten-20);\n  background-color: transparent;\n  border-color: var(--c-neutral-0-lighten-20);\n}\n.or-button.outline-type.is-neutral-0-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-neutral-0-lighten-20);\n}\n.or-button.outline-type.is-neutral-3-color[data-v-1f08cb78] {\n  color: var(--c-neutral-3);\n  border-color: var(--c-neutral-3);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.outline-type.is-neutral-3-color[data-v-1f08cb78]:not(.or-button.outline-type.is-neutral-3-color.is-loading):not(.or-button.outline-type.is-neutral-3-color.is-disabled):not(.or-button.outline-type.is-neutral-3-color.is-readonly):not(.or-button.outline-type.is-neutral-3-color:disabled):not(.or-button.outline-type.is-neutral-3-color.is-focused):not(.or-button.outline-type.is-neutral-3-color:active):hover {\n    color: var(--c-white);\n    background-color: var(--c-neutral-3-darken-3);\n    border-color: var(--c-neutral-3-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.outline-type.is-neutral-3-color[data-v-1f08cb78]:not(.or-button.outline-type.is-neutral-3-color.is-loading):not(.or-button.outline-type.is-neutral-3-color.is-disabled):not(.or-button.outline-type.is-neutral-3-color.is-readonly):not(.or-button.outline-type.is-neutral-3-color:disabled):not(.or-button.outline-type.is-neutral-3-color.is-focused):not(.or-button.outline-type.is-neutral-3-color:active):hover {\n    color: var(--c-white);\n    background-color: var(--c-neutral-3-darken-3);\n    border-color: var(--c-neutral-3-darken-3);\n}\n}\n.or-button.outline-type.is-neutral-3-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-white);\n  background-color: var(--c-neutral-3-darken-5);\n  border-color: var(--c-neutral-3-darken-5);\n}\n.or-button.outline-type.is-neutral-3-color[data-v-1f08cb78]:disabled, .or-button.outline-type.is-neutral-3-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-neutral-3-lighten-20);\n  background-color: transparent;\n  border-color: var(--c-neutral-3-lighten-20);\n}\n.or-button.outline-type.is-neutral-3-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-neutral-3-lighten-20);\n  background-color: transparent;\n  border-color: var(--c-neutral-3-lighten-20);\n}\n.or-button.outline-type.is-neutral-3-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-neutral-3-lighten-20);\n}\n.or-button.outline-type.is-neutral-4-color[data-v-1f08cb78] {\n  color: var(--c-neutral-4);\n  border-color: var(--c-neutral-4);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.outline-type.is-neutral-4-color[data-v-1f08cb78]:not(.or-button.outline-type.is-neutral-4-color.is-loading):not(.or-button.outline-type.is-neutral-4-color.is-disabled):not(.or-button.outline-type.is-neutral-4-color.is-readonly):not(.or-button.outline-type.is-neutral-4-color:disabled):not(.or-button.outline-type.is-neutral-4-color.is-focused):not(.or-button.outline-type.is-neutral-4-color:active):hover {\n    color: var(--c-white);\n    background-color: var(--c-neutral-4-darken-3);\n    border-color: var(--c-neutral-4-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.outline-type.is-neutral-4-color[data-v-1f08cb78]:not(.or-button.outline-type.is-neutral-4-color.is-loading):not(.or-button.outline-type.is-neutral-4-color.is-disabled):not(.or-button.outline-type.is-neutral-4-color.is-readonly):not(.or-button.outline-type.is-neutral-4-color:disabled):not(.or-button.outline-type.is-neutral-4-color.is-focused):not(.or-button.outline-type.is-neutral-4-color:active):hover {\n    color: var(--c-white);\n    background-color: var(--c-neutral-4-darken-3);\n    border-color: var(--c-neutral-4-darken-3);\n}\n}\n.or-button.outline-type.is-neutral-4-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-white);\n  background-color: var(--c-neutral-4-darken-5);\n  border-color: var(--c-neutral-4-darken-5);\n}\n.or-button.outline-type.is-neutral-4-color[data-v-1f08cb78]:disabled, .or-button.outline-type.is-neutral-4-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-neutral-4-lighten-20);\n  background-color: transparent;\n  border-color: var(--c-neutral-4-lighten-20);\n}\n.or-button.outline-type.is-neutral-4-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-neutral-4-lighten-20);\n  background-color: transparent;\n  border-color: var(--c-neutral-4-lighten-20);\n}\n.or-button.outline-type.is-neutral-4-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-neutral-4-lighten-20);\n}\n.or-button.outline-type.is-neutral-5-color[data-v-1f08cb78] {\n  color: var(--c-neutral-5);\n  border-color: var(--c-neutral-5);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.outline-type.is-neutral-5-color[data-v-1f08cb78]:not(.or-button.outline-type.is-neutral-5-color.is-loading):not(.or-button.outline-type.is-neutral-5-color.is-disabled):not(.or-button.outline-type.is-neutral-5-color.is-readonly):not(.or-button.outline-type.is-neutral-5-color:disabled):not(.or-button.outline-type.is-neutral-5-color.is-focused):not(.or-button.outline-type.is-neutral-5-color:active):hover {\n    color: var(--c-white);\n    background-color: var(--c-neutral-5-darken-3);\n    border-color: var(--c-neutral-5-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.outline-type.is-neutral-5-color[data-v-1f08cb78]:not(.or-button.outline-type.is-neutral-5-color.is-loading):not(.or-button.outline-type.is-neutral-5-color.is-disabled):not(.or-button.outline-type.is-neutral-5-color.is-readonly):not(.or-button.outline-type.is-neutral-5-color:disabled):not(.or-button.outline-type.is-neutral-5-color.is-focused):not(.or-button.outline-type.is-neutral-5-color:active):hover {\n    color: var(--c-white);\n    background-color: var(--c-neutral-5-darken-3);\n    border-color: var(--c-neutral-5-darken-3);\n}\n}\n.or-button.outline-type.is-neutral-5-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-white);\n  background-color: var(--c-neutral-5-darken-5);\n  border-color: var(--c-neutral-5-darken-5);\n}\n.or-button.outline-type.is-neutral-5-color[data-v-1f08cb78]:disabled, .or-button.outline-type.is-neutral-5-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-neutral-5-lighten-20);\n  background-color: transparent;\n  border-color: var(--c-neutral-5-lighten-20);\n}\n.or-button.outline-type.is-neutral-5-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-neutral-5-lighten-20);\n  background-color: transparent;\n  border-color: var(--c-neutral-5-lighten-20);\n}\n.or-button.outline-type.is-neutral-5-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-neutral-5-lighten-20);\n}\n.or-button.outline-type.is-neutral-6-color[data-v-1f08cb78] {\n  color: var(--c-neutral-6);\n  border-color: var(--c-neutral-6);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.outline-type.is-neutral-6-color[data-v-1f08cb78]:not(.or-button.outline-type.is-neutral-6-color.is-loading):not(.or-button.outline-type.is-neutral-6-color.is-disabled):not(.or-button.outline-type.is-neutral-6-color.is-readonly):not(.or-button.outline-type.is-neutral-6-color:disabled):not(.or-button.outline-type.is-neutral-6-color.is-focused):not(.or-button.outline-type.is-neutral-6-color:active):hover {\n    color: var(--c-white);\n    background-color: var(--c-neutral-6-darken-3);\n    border-color: var(--c-neutral-6-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.outline-type.is-neutral-6-color[data-v-1f08cb78]:not(.or-button.outline-type.is-neutral-6-color.is-loading):not(.or-button.outline-type.is-neutral-6-color.is-disabled):not(.or-button.outline-type.is-neutral-6-color.is-readonly):not(.or-button.outline-type.is-neutral-6-color:disabled):not(.or-button.outline-type.is-neutral-6-color.is-focused):not(.or-button.outline-type.is-neutral-6-color:active):hover {\n    color: var(--c-white);\n    background-color: var(--c-neutral-6-darken-3);\n    border-color: var(--c-neutral-6-darken-3);\n}\n}\n.or-button.outline-type.is-neutral-6-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-white);\n  background-color: var(--c-neutral-6-darken-5);\n  border-color: var(--c-neutral-6-darken-5);\n}\n.or-button.outline-type.is-neutral-6-color[data-v-1f08cb78]:disabled, .or-button.outline-type.is-neutral-6-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-neutral-6-lighten-20);\n  background-color: transparent;\n  border-color: var(--c-neutral-6-lighten-20);\n}\n.or-button.outline-type.is-neutral-6-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-neutral-6-lighten-20);\n  background-color: transparent;\n  border-color: var(--c-neutral-6-lighten-20);\n}\n.or-button.outline-type.is-neutral-6-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-neutral-6-lighten-20);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.outline-type[data-v-1f08cb78]:not(.or-button.outline-type.is-loading):not(.or-button.outline-type.is-disabled):not(.or-button.outline-type.is-readonly):not(.or-button.outline-type:disabled):not(.or-button.outline-type.is-focused):not(.or-button.outline-type:active):hover {\n    box-shadow: 0 1px 2px 0 hsla(0deg, 0%, 0%, 0.2);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.outline-type[data-v-1f08cb78]:not(.or-button.outline-type.is-loading):not(.or-button.outline-type.is-disabled):not(.or-button.outline-type.is-readonly):not(.or-button.outline-type:disabled):not(.or-button.outline-type.is-focused):not(.or-button.outline-type:active):hover {\n    box-shadow: 0 1px 2px 0 hsla(0deg, 0%, 0%, 0.2);\n}\n}\n.or-button.outline-type[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  box-shadow: 0 1px 2px 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.outline-type.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  box-shadow: 0 1px 2px 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.text-type[data-v-1f08cb78] {\n  min-width: auto;\n  padding: 0;\n  background-color: transparent;\n  border: 1px solid transparent;\n  box-shadow: none;\n}\n.or-button.text-type.is-primary-color[data-v-1f08cb78] {\n  color: var(--c-primary);\n  background-color: transparent;\n  border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.text-type.is-primary-color[data-v-1f08cb78]:not(.or-button.text-type.is-primary-color.is-loading):not(.or-button.text-type.is-primary-color.is-disabled):not(.or-button.text-type.is-primary-color.is-readonly):not(.or-button.text-type.is-primary-color:disabled):not(.or-button.text-type.is-primary-color.is-focused):not(.or-button.text-type.is-primary-color:active):hover {\n    color: var(--c-primary-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.text-type.is-primary-color[data-v-1f08cb78]:not(.or-button.text-type.is-primary-color.is-loading):not(.or-button.text-type.is-primary-color.is-disabled):not(.or-button.text-type.is-primary-color.is-readonly):not(.or-button.text-type.is-primary-color:disabled):not(.or-button.text-type.is-primary-color.is-focused):not(.or-button.text-type.is-primary-color:active):hover {\n    color: var(--c-primary-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n.or-button.text-type.is-primary-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-primary-darken-5);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-primary-color[data-v-1f08cb78]:disabled, .or-button.text-type.is-primary-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-primary-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-primary-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-primary-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-error-color[data-v-1f08cb78] {\n  color: var(--c-error);\n  background-color: transparent;\n  border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.text-type.is-error-color[data-v-1f08cb78]:not(.or-button.text-type.is-error-color.is-loading):not(.or-button.text-type.is-error-color.is-disabled):not(.or-button.text-type.is-error-color.is-readonly):not(.or-button.text-type.is-error-color:disabled):not(.or-button.text-type.is-error-color.is-focused):not(.or-button.text-type.is-error-color:active):hover {\n    color: var(--c-error-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.text-type.is-error-color[data-v-1f08cb78]:not(.or-button.text-type.is-error-color.is-loading):not(.or-button.text-type.is-error-color.is-disabled):not(.or-button.text-type.is-error-color.is-readonly):not(.or-button.text-type.is-error-color:disabled):not(.or-button.text-type.is-error-color.is-focused):not(.or-button.text-type.is-error-color:active):hover {\n    color: var(--c-error-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n.or-button.text-type.is-error-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-error-darken-5);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-error-color[data-v-1f08cb78]:disabled, .or-button.text-type.is-error-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-error-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-error-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-error-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-warning-color[data-v-1f08cb78] {\n  color: var(--c-warning);\n  background-color: transparent;\n  border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.text-type.is-warning-color[data-v-1f08cb78]:not(.or-button.text-type.is-warning-color.is-loading):not(.or-button.text-type.is-warning-color.is-disabled):not(.or-button.text-type.is-warning-color.is-readonly):not(.or-button.text-type.is-warning-color:disabled):not(.or-button.text-type.is-warning-color.is-focused):not(.or-button.text-type.is-warning-color:active):hover {\n    color: var(--c-warning-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.text-type.is-warning-color[data-v-1f08cb78]:not(.or-button.text-type.is-warning-color.is-loading):not(.or-button.text-type.is-warning-color.is-disabled):not(.or-button.text-type.is-warning-color.is-readonly):not(.or-button.text-type.is-warning-color:disabled):not(.or-button.text-type.is-warning-color.is-focused):not(.or-button.text-type.is-warning-color:active):hover {\n    color: var(--c-warning-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n.or-button.text-type.is-warning-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-warning-darken-5);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-warning-color[data-v-1f08cb78]:disabled, .or-button.text-type.is-warning-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-warning-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-warning-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-warning-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-neutral-0-color[data-v-1f08cb78] {\n  color: var(--c-neutral-0);\n  background-color: transparent;\n  border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.text-type.is-neutral-0-color[data-v-1f08cb78]:not(.or-button.text-type.is-neutral-0-color.is-loading):not(.or-button.text-type.is-neutral-0-color.is-disabled):not(.or-button.text-type.is-neutral-0-color.is-readonly):not(.or-button.text-type.is-neutral-0-color:disabled):not(.or-button.text-type.is-neutral-0-color.is-focused):not(.or-button.text-type.is-neutral-0-color:active):hover {\n    color: var(--c-neutral-0-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.text-type.is-neutral-0-color[data-v-1f08cb78]:not(.or-button.text-type.is-neutral-0-color.is-loading):not(.or-button.text-type.is-neutral-0-color.is-disabled):not(.or-button.text-type.is-neutral-0-color.is-readonly):not(.or-button.text-type.is-neutral-0-color:disabled):not(.or-button.text-type.is-neutral-0-color.is-focused):not(.or-button.text-type.is-neutral-0-color:active):hover {\n    color: var(--c-neutral-0-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n.or-button.text-type.is-neutral-0-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-neutral-0-darken-5);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-neutral-0-color[data-v-1f08cb78]:disabled, .or-button.text-type.is-neutral-0-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-neutral-0-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-neutral-0-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-neutral-0-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-neutral-3-color[data-v-1f08cb78] {\n  color: var(--c-neutral-3);\n  background-color: transparent;\n  border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.text-type.is-neutral-3-color[data-v-1f08cb78]:not(.or-button.text-type.is-neutral-3-color.is-loading):not(.or-button.text-type.is-neutral-3-color.is-disabled):not(.or-button.text-type.is-neutral-3-color.is-readonly):not(.or-button.text-type.is-neutral-3-color:disabled):not(.or-button.text-type.is-neutral-3-color.is-focused):not(.or-button.text-type.is-neutral-3-color:active):hover {\n    color: var(--c-neutral-3-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.text-type.is-neutral-3-color[data-v-1f08cb78]:not(.or-button.text-type.is-neutral-3-color.is-loading):not(.or-button.text-type.is-neutral-3-color.is-disabled):not(.or-button.text-type.is-neutral-3-color.is-readonly):not(.or-button.text-type.is-neutral-3-color:disabled):not(.or-button.text-type.is-neutral-3-color.is-focused):not(.or-button.text-type.is-neutral-3-color:active):hover {\n    color: var(--c-neutral-3-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n.or-button.text-type.is-neutral-3-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-neutral-3-darken-5);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-neutral-3-color[data-v-1f08cb78]:disabled, .or-button.text-type.is-neutral-3-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-neutral-3-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-neutral-3-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-neutral-3-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-neutral-4-color[data-v-1f08cb78] {\n  color: var(--c-neutral-4);\n  background-color: transparent;\n  border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.text-type.is-neutral-4-color[data-v-1f08cb78]:not(.or-button.text-type.is-neutral-4-color.is-loading):not(.or-button.text-type.is-neutral-4-color.is-disabled):not(.or-button.text-type.is-neutral-4-color.is-readonly):not(.or-button.text-type.is-neutral-4-color:disabled):not(.or-button.text-type.is-neutral-4-color.is-focused):not(.or-button.text-type.is-neutral-4-color:active):hover {\n    color: var(--c-neutral-4-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.text-type.is-neutral-4-color[data-v-1f08cb78]:not(.or-button.text-type.is-neutral-4-color.is-loading):not(.or-button.text-type.is-neutral-4-color.is-disabled):not(.or-button.text-type.is-neutral-4-color.is-readonly):not(.or-button.text-type.is-neutral-4-color:disabled):not(.or-button.text-type.is-neutral-4-color.is-focused):not(.or-button.text-type.is-neutral-4-color:active):hover {\n    color: var(--c-neutral-4-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n.or-button.text-type.is-neutral-4-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-neutral-4-darken-5);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-neutral-4-color[data-v-1f08cb78]:disabled, .or-button.text-type.is-neutral-4-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-neutral-4-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-neutral-4-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-neutral-4-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-neutral-5-color[data-v-1f08cb78] {\n  color: var(--c-neutral-5);\n  background-color: transparent;\n  border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.text-type.is-neutral-5-color[data-v-1f08cb78]:not(.or-button.text-type.is-neutral-5-color.is-loading):not(.or-button.text-type.is-neutral-5-color.is-disabled):not(.or-button.text-type.is-neutral-5-color.is-readonly):not(.or-button.text-type.is-neutral-5-color:disabled):not(.or-button.text-type.is-neutral-5-color.is-focused):not(.or-button.text-type.is-neutral-5-color:active):hover {\n    color: var(--c-neutral-5-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.text-type.is-neutral-5-color[data-v-1f08cb78]:not(.or-button.text-type.is-neutral-5-color.is-loading):not(.or-button.text-type.is-neutral-5-color.is-disabled):not(.or-button.text-type.is-neutral-5-color.is-readonly):not(.or-button.text-type.is-neutral-5-color:disabled):not(.or-button.text-type.is-neutral-5-color.is-focused):not(.or-button.text-type.is-neutral-5-color:active):hover {\n    color: var(--c-neutral-5-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n.or-button.text-type.is-neutral-5-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-neutral-5-darken-5);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-neutral-5-color[data-v-1f08cb78]:disabled, .or-button.text-type.is-neutral-5-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-neutral-5-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-neutral-5-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-neutral-5-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-neutral-6-color[data-v-1f08cb78] {\n  color: var(--c-neutral-6);\n  background-color: transparent;\n  border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.text-type.is-neutral-6-color[data-v-1f08cb78]:not(.or-button.text-type.is-neutral-6-color.is-loading):not(.or-button.text-type.is-neutral-6-color.is-disabled):not(.or-button.text-type.is-neutral-6-color.is-readonly):not(.or-button.text-type.is-neutral-6-color:disabled):not(.or-button.text-type.is-neutral-6-color.is-focused):not(.or-button.text-type.is-neutral-6-color:active):hover {\n    color: var(--c-neutral-6-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.text-type.is-neutral-6-color[data-v-1f08cb78]:not(.or-button.text-type.is-neutral-6-color.is-loading):not(.or-button.text-type.is-neutral-6-color.is-disabled):not(.or-button.text-type.is-neutral-6-color.is-readonly):not(.or-button.text-type.is-neutral-6-color:disabled):not(.or-button.text-type.is-neutral-6-color.is-focused):not(.or-button.text-type.is-neutral-6-color:active):hover {\n    color: var(--c-neutral-6-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n.or-button.text-type.is-neutral-6-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-neutral-6-darken-5);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-neutral-6-color[data-v-1f08cb78]:disabled, .or-button.text-type.is-neutral-6-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-neutral-6-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-neutral-6-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-neutral-6-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-small[data-v-1f08cb78] {\n  font-size: calc(var(--fs-1) - 0.125rem);\n  line-height: 1;\n}\n.or-button.text-type.is-small[data-v-1f08cb78] .material-icons {\n  font-size: calc(var(--fs-1) - 0.125rem + 0.25rem);\n}\n.or-button.icon-type[data-v-1f08cb78] {\n  min-width: auto;\n  max-width: 3.375rem;\n  padding: 0.875rem;\n  border-radius: 9999px;\n}\n.or-button.icon-type[data-v-1f08cb78]:not(.icon-simple-type) .material-icons {\n  font-size: 1.5rem;\n}\n.or-button.icon-type .or-button--content[data-v-1f08cb78] {\n  min-width: 1.5rem;\n  min-height: 1.5rem;\n}\n.or-button.icon-type .or-button--content[data-v-1f08cb78] .tooltip-container {\n  display: inline-flex;\n  flex-direction: row;\n}\n.or-button.icon-type .or-button--content[data-v-1f08cb78] .trigger {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.or-button.icon-type .or-button--content-append[data-v-1f08cb78], .or-button.icon-type .or-button--content-prepend[data-v-1f08cb78] {\n  margin: 0;\n}\n.or-button.icon-simple-type[data-v-1f08cb78] {\n  min-width: auto;\n  max-width: 3.375rem;\n  padding: 0;\n  background-color: transparent;\n  border-color: transparent;\n  border-radius: 9999px;\n  box-shadow: none;\n}\n.or-button.icon-simple-type .or-loader[data-v-1f08cb78]::after {\n  width: 100%;\n  height: 100%;\n}\n.or-button.icon-simple-type.is-primary-color[data-v-1f08cb78] {\n  color: var(--c-primary);\n  background-color: transparent;\n  border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.icon-simple-type.is-primary-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-primary-color.is-loading):not(.or-button.icon-simple-type.is-primary-color.is-disabled):not(.or-button.icon-simple-type.is-primary-color.is-readonly):not(.or-button.icon-simple-type.is-primary-color:disabled):not(.or-button.icon-simple-type.is-primary-color.is-focused):not(.or-button.icon-simple-type.is-primary-color:active):hover {\n    color: var(--c-primary-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.icon-simple-type.is-primary-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-primary-color.is-loading):not(.or-button.icon-simple-type.is-primary-color.is-disabled):not(.or-button.icon-simple-type.is-primary-color.is-readonly):not(.or-button.icon-simple-type.is-primary-color:disabled):not(.or-button.icon-simple-type.is-primary-color.is-focused):not(.or-button.icon-simple-type.is-primary-color:active):hover {\n    color: var(--c-primary-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n.or-button.icon-simple-type.is-primary-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-primary-darken-5);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-primary-color[data-v-1f08cb78]:disabled, .or-button.icon-simple-type.is-primary-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-primary-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-primary-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-primary-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-primary-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-primary-lighten-20);\n}\n.or-button.icon-simple-type.is-error-color[data-v-1f08cb78] {\n  color: var(--c-error);\n  background-color: transparent;\n  border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.icon-simple-type.is-error-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-error-color.is-loading):not(.or-button.icon-simple-type.is-error-color.is-disabled):not(.or-button.icon-simple-type.is-error-color.is-readonly):not(.or-button.icon-simple-type.is-error-color:disabled):not(.or-button.icon-simple-type.is-error-color.is-focused):not(.or-button.icon-simple-type.is-error-color:active):hover {\n    color: var(--c-error-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.icon-simple-type.is-error-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-error-color.is-loading):not(.or-button.icon-simple-type.is-error-color.is-disabled):not(.or-button.icon-simple-type.is-error-color.is-readonly):not(.or-button.icon-simple-type.is-error-color:disabled):not(.or-button.icon-simple-type.is-error-color.is-focused):not(.or-button.icon-simple-type.is-error-color:active):hover {\n    color: var(--c-error-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n.or-button.icon-simple-type.is-error-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-error-darken-5);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-error-color[data-v-1f08cb78]:disabled, .or-button.icon-simple-type.is-error-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-error-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-error-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-error-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-error-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-error-lighten-20);\n}\n.or-button.icon-simple-type.is-warning-color[data-v-1f08cb78] {\n  color: var(--c-warning);\n  background-color: transparent;\n  border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.icon-simple-type.is-warning-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-warning-color.is-loading):not(.or-button.icon-simple-type.is-warning-color.is-disabled):not(.or-button.icon-simple-type.is-warning-color.is-readonly):not(.or-button.icon-simple-type.is-warning-color:disabled):not(.or-button.icon-simple-type.is-warning-color.is-focused):not(.or-button.icon-simple-type.is-warning-color:active):hover {\n    color: var(--c-warning-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.icon-simple-type.is-warning-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-warning-color.is-loading):not(.or-button.icon-simple-type.is-warning-color.is-disabled):not(.or-button.icon-simple-type.is-warning-color.is-readonly):not(.or-button.icon-simple-type.is-warning-color:disabled):not(.or-button.icon-simple-type.is-warning-color.is-focused):not(.or-button.icon-simple-type.is-warning-color:active):hover {\n    color: var(--c-warning-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n.or-button.icon-simple-type.is-warning-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-warning-darken-5);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-warning-color[data-v-1f08cb78]:disabled, .or-button.icon-simple-type.is-warning-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-warning-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-warning-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-warning-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-warning-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-warning-lighten-20);\n}\n.or-button.icon-simple-type.is-neutral-0-color[data-v-1f08cb78] {\n  color: var(--c-neutral-0);\n  background-color: transparent;\n  border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.icon-simple-type.is-neutral-0-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-neutral-0-color.is-loading):not(.or-button.icon-simple-type.is-neutral-0-color.is-disabled):not(.or-button.icon-simple-type.is-neutral-0-color.is-readonly):not(.or-button.icon-simple-type.is-neutral-0-color:disabled):not(.or-button.icon-simple-type.is-neutral-0-color.is-focused):not(.or-button.icon-simple-type.is-neutral-0-color:active):hover {\n    color: var(--c-neutral-0-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.icon-simple-type.is-neutral-0-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-neutral-0-color.is-loading):not(.or-button.icon-simple-type.is-neutral-0-color.is-disabled):not(.or-button.icon-simple-type.is-neutral-0-color.is-readonly):not(.or-button.icon-simple-type.is-neutral-0-color:disabled):not(.or-button.icon-simple-type.is-neutral-0-color.is-focused):not(.or-button.icon-simple-type.is-neutral-0-color:active):hover {\n    color: var(--c-neutral-0-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n.or-button.icon-simple-type.is-neutral-0-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-neutral-0-darken-5);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-0-color[data-v-1f08cb78]:disabled, .or-button.icon-simple-type.is-neutral-0-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-neutral-0-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-0-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-neutral-0-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-0-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-neutral-0-lighten-20);\n}\n.or-button.icon-simple-type.is-neutral-3-color[data-v-1f08cb78] {\n  color: var(--c-neutral-3);\n  background-color: transparent;\n  border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.icon-simple-type.is-neutral-3-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-neutral-3-color.is-loading):not(.or-button.icon-simple-type.is-neutral-3-color.is-disabled):not(.or-button.icon-simple-type.is-neutral-3-color.is-readonly):not(.or-button.icon-simple-type.is-neutral-3-color:disabled):not(.or-button.icon-simple-type.is-neutral-3-color.is-focused):not(.or-button.icon-simple-type.is-neutral-3-color:active):hover {\n    color: var(--c-neutral-3-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.icon-simple-type.is-neutral-3-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-neutral-3-color.is-loading):not(.or-button.icon-simple-type.is-neutral-3-color.is-disabled):not(.or-button.icon-simple-type.is-neutral-3-color.is-readonly):not(.or-button.icon-simple-type.is-neutral-3-color:disabled):not(.or-button.icon-simple-type.is-neutral-3-color.is-focused):not(.or-button.icon-simple-type.is-neutral-3-color:active):hover {\n    color: var(--c-neutral-3-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n.or-button.icon-simple-type.is-neutral-3-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-neutral-3-darken-5);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-3-color[data-v-1f08cb78]:disabled, .or-button.icon-simple-type.is-neutral-3-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-neutral-3-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-3-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-neutral-3-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-3-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-neutral-3-lighten-20);\n}\n.or-button.icon-simple-type.is-neutral-4-color[data-v-1f08cb78] {\n  color: var(--c-neutral-4);\n  background-color: transparent;\n  border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.icon-simple-type.is-neutral-4-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-neutral-4-color.is-loading):not(.or-button.icon-simple-type.is-neutral-4-color.is-disabled):not(.or-button.icon-simple-type.is-neutral-4-color.is-readonly):not(.or-button.icon-simple-type.is-neutral-4-color:disabled):not(.or-button.icon-simple-type.is-neutral-4-color.is-focused):not(.or-button.icon-simple-type.is-neutral-4-color:active):hover {\n    color: var(--c-neutral-4-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.icon-simple-type.is-neutral-4-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-neutral-4-color.is-loading):not(.or-button.icon-simple-type.is-neutral-4-color.is-disabled):not(.or-button.icon-simple-type.is-neutral-4-color.is-readonly):not(.or-button.icon-simple-type.is-neutral-4-color:disabled):not(.or-button.icon-simple-type.is-neutral-4-color.is-focused):not(.or-button.icon-simple-type.is-neutral-4-color:active):hover {\n    color: var(--c-neutral-4-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n.or-button.icon-simple-type.is-neutral-4-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-neutral-4-darken-5);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-4-color[data-v-1f08cb78]:disabled, .or-button.icon-simple-type.is-neutral-4-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-neutral-4-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-4-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-neutral-4-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-4-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-neutral-4-lighten-20);\n}\n.or-button.icon-simple-type.is-neutral-5-color[data-v-1f08cb78] {\n  color: var(--c-neutral-5);\n  background-color: transparent;\n  border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.icon-simple-type.is-neutral-5-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-neutral-5-color.is-loading):not(.or-button.icon-simple-type.is-neutral-5-color.is-disabled):not(.or-button.icon-simple-type.is-neutral-5-color.is-readonly):not(.or-button.icon-simple-type.is-neutral-5-color:disabled):not(.or-button.icon-simple-type.is-neutral-5-color.is-focused):not(.or-button.icon-simple-type.is-neutral-5-color:active):hover {\n    color: var(--c-neutral-5-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.icon-simple-type.is-neutral-5-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-neutral-5-color.is-loading):not(.or-button.icon-simple-type.is-neutral-5-color.is-disabled):not(.or-button.icon-simple-type.is-neutral-5-color.is-readonly):not(.or-button.icon-simple-type.is-neutral-5-color:disabled):not(.or-button.icon-simple-type.is-neutral-5-color.is-focused):not(.or-button.icon-simple-type.is-neutral-5-color:active):hover {\n    color: var(--c-neutral-5-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n.or-button.icon-simple-type.is-neutral-5-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-neutral-5-darken-5);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-5-color[data-v-1f08cb78]:disabled, .or-button.icon-simple-type.is-neutral-5-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-neutral-5-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-5-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-neutral-5-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-5-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-neutral-5-lighten-20);\n}\n.or-button.icon-simple-type.is-neutral-6-color[data-v-1f08cb78] {\n  color: var(--c-neutral-6);\n  background-color: transparent;\n  border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.icon-simple-type.is-neutral-6-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-neutral-6-color.is-loading):not(.or-button.icon-simple-type.is-neutral-6-color.is-disabled):not(.or-button.icon-simple-type.is-neutral-6-color.is-readonly):not(.or-button.icon-simple-type.is-neutral-6-color:disabled):not(.or-button.icon-simple-type.is-neutral-6-color.is-focused):not(.or-button.icon-simple-type.is-neutral-6-color:active):hover {\n    color: var(--c-neutral-6-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.icon-simple-type.is-neutral-6-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-neutral-6-color.is-loading):not(.or-button.icon-simple-type.is-neutral-6-color.is-disabled):not(.or-button.icon-simple-type.is-neutral-6-color.is-readonly):not(.or-button.icon-simple-type.is-neutral-6-color:disabled):not(.or-button.icon-simple-type.is-neutral-6-color.is-focused):not(.or-button.icon-simple-type.is-neutral-6-color:active):hover {\n    color: var(--c-neutral-6-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n.or-button.icon-simple-type.is-neutral-6-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-neutral-6-darken-5);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-6-color[data-v-1f08cb78]:disabled, .or-button.icon-simple-type.is-neutral-6-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-neutral-6-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-6-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-neutral-6-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-6-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-neutral-6-lighten-20);\n}\n.or-button.icon-simple-type.is-small[data-v-1f08cb78] .or-icon {\n  font-size: var(--fs-1);\n}\n.or-button.icon-simple-type.is-small[data-v-1f08cb78] .material-icons {\n  font-size: var(--fs-1);\n}\n.or-button.icon-simple-type .or-button--content-append[data-v-1f08cb78], .or-button.icon-simple-type .or-button--content-prepend[data-v-1f08cb78] {\n  margin: 0;\n}\n.or-button.is-fullwidth[data-v-1f08cb78] {\n  width: 100%;\n}\n.or-button.is-block[data-v-1f08cb78] {\n  display: flex;\n}\n.or-button.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n}\n.or-button.is-loading .or-button--content[data-v-1f08cb78] {\n  opacity: 0;\n}\n.or-button[data-v-1f08cb78]:disabled, .or-button.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  box-shadow: none;\n}";
@@ -287,15 +287,15 @@ script$2.__file = "src/components/or-button/OrButton.vue";
 const _hoisted_1$z = {
   class: "or-card-collection-toolbar"
 };
-const _hoisted_2$j = {
+const _hoisted_2$k = {
   class: "or-card-collection-sorting"
 };
-const _hoisted_3$d = ["onClick"];
-const _hoisted_4$b = {
+const _hoisted_3$g = ["onClick"];
+const _hoisted_4$e = {
   key: 0,
   class: "or-card-collection-sort-direction"
 };
-const _hoisted_5$9 = {
+const _hoisted_5$a = {
   class: "or-card-collection-filter"
 };
 const _hoisted_6$7 = {
@@ -315,7 +315,7 @@ function render$P(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_or_card = resolveComponent("or-card");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.rootClasses)
-  }, [createElementVNode("div", _hoisted_1$z, [createElementVNode("div", _hoisted_2$j, [_ctx.sortableColumns ? (openBlock(true), createElementBlock(Fragment, {
+  }, [createElementVNode("div", _hoisted_1$z, [createElementVNode("div", _hoisted_2$k, [_ctx.sortableColumns ? (openBlock(true), createElementBlock(Fragment, {
     key: 0
   }, renderList(_ctx.sortableColumns, column => {
     return openBlock(), createElementBlock("div", {
@@ -326,12 +326,12 @@ function render$P(_ctx, _cache, $props, $setup, $data, $options) {
       }),
       "class.selected": "",
       onClick: $event => _ctx.selectSortable(column)
-    }, [createElementVNode("span", null, toDisplayString(column.label), 1 /* TEXT */), _ctx.sortingColumn === column.name ? (openBlock(), createElementBlock("span", _hoisted_4$b, [createVNode(_component_or_icon, null, {
+    }, [createElementVNode("span", null, toDisplayString(column.label), 1 /* TEXT */), _ctx.sortingColumn === column.name ? (openBlock(), createElementBlock("span", _hoisted_4$e, [createVNode(_component_or_icon, null, {
       default: withCtx(() => [createTextVNode(toDisplayString(_ctx.sortingDirection === 'asc' ? 'arrow_upward' : 'arrow_downward'), 1 /* TEXT */)]),
 
       _: 1 /* STABLE */
-    })])) : createCommentVNode("v-if", true)], 10 /* CLASS, PROPS */, _hoisted_3$d);
-  }), 128 /* KEYED_FRAGMENT */)) : createCommentVNode("v-if", true)]), createElementVNode("div", _hoisted_5$9, [renderSlot(_ctx.$slots, "filters", {}, () => [createVNode(_component_or_search, {
+    })])) : createCommentVNode("v-if", true)], 10 /* CLASS, PROPS */, _hoisted_3$g);
+  }), 128 /* KEYED_FRAGMENT */)) : createCommentVNode("v-if", true)]), createElementVNode("div", _hoisted_5$a, [renderSlot(_ctx.$slots, "filters", {}, () => [createVNode(_component_or_search, {
     modelValue: _ctx.filterValue,
     "onUpdate:modelValue": [_cache[0] || (_cache[0] = $event => _ctx.filterValue = $event), _ctx.emitFilterChange],
     placeholder: _ctx.filterPlaceholder
@@ -517,18 +517,18 @@ const _hoisted_1$w = {
   ref: "root",
   class: "or-code"
 };
-const _hoisted_2$i = {
+const _hoisted_2$j = {
   key: 0,
   class: "header"
 };
-const _hoisted_3$c = {
+const _hoisted_3$f = {
   class: "footer"
 };
-const _hoisted_4$a = {
+const _hoisted_4$d = {
   key: 0,
   class: "header"
 };
-const _hoisted_5$8 = {
+const _hoisted_5$9 = {
   class: "actions is-visible"
 };
 function render$L(_ctx, _cache, $props, $setup, $data, $options) {
@@ -538,7 +538,7 @@ function render$L(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_or_hint = resolveComponent("or-hint");
   const _component_or_modal = resolveComponent("or-modal");
   const _component_or_teleport = resolveComponent("or-teleport");
-  return openBlock(), createElementBlock("div", _hoisted_1$w, [_ctx.isShowingHeader ? (openBlock(), createElementBlock("div", _hoisted_2$i, [createVNode(_component_or_label, {
+  return openBlock(), createElementBlock("div", _hoisted_1$w, [_ctx.isShowingHeader ? (openBlock(), createElementBlock("div", _hoisted_2$j, [createVNode(_component_or_label, {
     label: _ctx.label
   }, {
     append: withCtx(() => [renderSlot(_ctx.$slots, "label-append")]),
@@ -561,7 +561,7 @@ function render$L(_ctx, _cache, $props, $setup, $data, $options) {
     class: normalizeClass(["or-code-editor", {
       'is-invalid': _ctx.isInvalid
     }])
-  }, null, 2 /* CLASS */), createElementVNode("div", _hoisted_3$c, [_ctx.isShowingError ? (openBlock(), createBlock(_component_or_error, {
+  }, null, 2 /* CLASS */), createElementVNode("div", _hoisted_3$f, [_ctx.isShowingError ? (openBlock(), createBlock(_component_or_error, {
     key: 0,
     error: _ctx.error,
     class: "or-code-error"
@@ -577,7 +577,7 @@ function render$L(_ctx, _cache, $props, $setup, $data, $options) {
       "trap-focus": false,
       onClose: _cache[1] || (_cache[1] = $event => _ctx.toggleFullscreen(false))
     }, {
-      default: withCtx(() => [_ctx.$slots['modal-actions'] ? (openBlock(), createElementBlock("div", _hoisted_4$a, [createElementVNode("div", _hoisted_5$8, [renderSlot(_ctx.$slots, "modal-actions")])])) : createCommentVNode("v-if", true), createElementVNode("div", {
+      default: withCtx(() => [_ctx.$slots['modal-actions'] ? (openBlock(), createElementBlock("div", _hoisted_4$d, [createElementVNode("div", _hoisted_5$9, [renderSlot(_ctx.$slots, "modal-actions")])])) : createCommentVNode("v-if", true), createElementVNode("div", {
         ref: "fullscreenTarget",
         class: normalizeClass(["or-code-editor", {
           'is-invalid': _ctx.isInvalid
@@ -604,14 +604,14 @@ const _withScopeId$4 = n => (pushScopeId("data-v-da42f3fe"), n = n(), popScopeId
 const _hoisted_1$v = {
   class: "color-container"
 };
-const _hoisted_2$h = {
+const _hoisted_2$i = {
   class: "or-color-picker-box"
 };
-const _hoisted_3$b = ["aria-label", "aria-selected", "data-color", "onClick"];
-const _hoisted_4$9 = {
+const _hoisted_3$e = ["aria-label", "aria-selected", "data-color", "onClick"];
+const _hoisted_4$c = {
   class: "or-color-picker-pick"
 };
-const _hoisted_5$7 = {
+const _hoisted_5$8 = {
   style: {
     "width": "24px",
     "height": "24px"
@@ -639,7 +639,7 @@ function render$K(_ctx, _cache, $props, $setup, $data, $options) {
     "is-using-shift": "",
     "is-using-flip": ""
   }, {
-    default: withCtx(() => [createElementVNode("div", _hoisted_2$h, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.palette, (group, idx) => {
+    default: withCtx(() => [createElementVNode("div", _hoisted_2$i, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.palette, (group, idx) => {
       return openBlock(), createElementBlock("div", {
         key: idx,
         class: "or-color-picker-color-group"
@@ -655,7 +655,7 @@ function render$K(_ctx, _cache, $props, $setup, $data, $options) {
             background: color
           }),
           onClick: withModifiers($event => _ctx.handlerClick(color), ["prevent"])
-        }, [withDirectives(createElementVNode("div", _hoisted_4$9, [(openBlock(), createElementBlock("svg", _hoisted_5$7, _hoisted_7$6))], 512 /* NEED_PATCH */), [[vShow, color === _ctx.selected]])], 14 /* CLASS, STYLE, PROPS */, _hoisted_3$b);
+        }, [withDirectives(createElementVNode("div", _hoisted_4$c, [(openBlock(), createElementBlock("svg", _hoisted_5$8, _hoisted_7$6))], 512 /* NEED_PATCH */), [[vShow, color === _ctx.selected]])], 14 /* CLASS, STYLE, PROPS */, _hoisted_3$e);
       }), 128 /* KEYED_FRAGMENT */))]);
     }), 128 /* KEYED_FRAGMENT */))])]),
 
@@ -792,17 +792,17 @@ script$a.__file = "src/components/or-confirm-v3/OrConfirm.vue";
 
 const _withScopeId$3 = n => (pushScopeId("data-v-733cf0b2"), n = n(), popScopeId(), n);
 const _hoisted_1$s = ["id", "value", "disabled", "readonly"];
-const _hoisted_2$g = {
+const _hoisted_2$h = {
   key: 0,
   class: "placeholder"
 };
-const _hoisted_3$a = {
+const _hoisted_3$d = {
   key: 0
 };
-const _hoisted_4$8 = {
+const _hoisted_4$b = {
   key: 1
 };
-const _hoisted_5$6 = {
+const _hoisted_5$7 = {
   key: 1,
   class: "value"
 };
@@ -893,7 +893,7 @@ function render$H(_ctx, _cache, $props, $setup, $data, $options) {
     value: _ctx.modelValue,
     disabled: _ctx.isDisabled,
     readonly: _ctx.isReadonly
-  }, null, 8 /* PROPS */, _hoisted_1$s), !_ctx.modelValue ? (openBlock(), createElementBlock("div", _hoisted_2$g, [_ctx.isShowDate ? (openBlock(), createElementBlock("div", _hoisted_3$a, " YYYY-MM-DD ")) : createCommentVNode("v-if", true), _ctx.isShowTime ? (openBlock(), createElementBlock("div", _hoisted_4$8, " HH:MM ")) : createCommentVNode("v-if", true)])) : (openBlock(), createElementBlock("div", _hoisted_5$6, [_ctx.isShowDate ? (openBlock(), createElementBlock("div", _hoisted_6$5, toDisplayString(_ctx.dateValue), 1 /* TEXT */)) : createCommentVNode("v-if", true), _ctx.isShowTime ? (openBlock(), createElementBlock("div", _hoisted_7$5, toDisplayString(_ctx.timeValue), 1 /* TEXT */)) : createCommentVNode("v-if", true)]))], 2 /* CLASS */), createVNode(_component_or_collapse, {
+  }, null, 8 /* PROPS */, _hoisted_1$s), !_ctx.modelValue ? (openBlock(), createElementBlock("div", _hoisted_2$h, [_ctx.isShowDate ? (openBlock(), createElementBlock("div", _hoisted_3$d, " YYYY-MM-DD ")) : createCommentVNode("v-if", true), _ctx.isShowTime ? (openBlock(), createElementBlock("div", _hoisted_4$b, " HH:MM ")) : createCommentVNode("v-if", true)])) : (openBlock(), createElementBlock("div", _hoisted_5$7, [_ctx.isShowDate ? (openBlock(), createElementBlock("div", _hoisted_6$5, toDisplayString(_ctx.dateValue), 1 /* TEXT */)) : createCommentVNode("v-if", true), _ctx.isShowTime ? (openBlock(), createElementBlock("div", _hoisted_7$5, toDisplayString(_ctx.timeValue), 1 /* TEXT */)) : createCommentVNode("v-if", true)]))], 2 /* CLASS */), createVNode(_component_or_collapse, {
     "is-visible": _ctx.isShowInfo
   }, {
     default: withCtx(() => [createElementVNode("div", _hoisted_8$3, [createVNode(Transition, {
@@ -1072,7 +1072,13 @@ script$e.__file = "src/components/or-fab-v3/OrFab.vue";
 const _hoisted_1$o = {
   class: /*#__PURE__*/normalizeClass(['layout-row', 'gap-sm+'])
 };
-const _hoisted_2$f = ["type", "placeholder", "activated"];
+const _hoisted_2$g = ["type", "placeholder", "activated"];
+const _hoisted_3$c = {
+  class: /*#__PURE__*/normalizeClass(['contents'])
+};
+const _hoisted_4$a = {
+  class: /*#__PURE__*/normalizeClass(['contents'])
+};
 function render$D(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrInlineInputBox = resolveComponent("OrInlineInputBox");
   const _component_OrIconButton = resolveComponent("OrIconButton");
@@ -1097,7 +1103,7 @@ function render$D(_ctx, _cache, $props, $setup, $data, $options) {
       onKeyup: _cache[2] || (_cache[2] = $event => _ctx.$emit('keyup', $event)),
       onFocus: _cache[3] || (_cache[3] = (...args) => _ctx.onFocus && _ctx.onFocus(...args)),
       onBlur: _cache[4] || (_cache[4] = (...args) => _ctx.onBlur && _ctx.onBlur(...args))
-    }), null, 16 /* FULL_PROPS */, _hoisted_2$f), [[vModelDynamic, _ctx.draftModelValue]])]),
+    }), null, 16 /* FULL_PROPS */, _hoisted_2$g), [[vModelDynamic, _ctx.draftModelValue]])]),
     _: 1 /* STABLE */
   }, 8 /* PROPS */, ["size", "invalid"]), _ctx.activated && !_ctx.saveOnBlur ? (openBlock(), createElementBlock("div", {
     key: 0,
@@ -1110,9 +1116,7 @@ function render$D(_ctx, _cache, $props, $setup, $data, $options) {
     icon: 'close',
     color: 'inherit',
     onClick: withModifiers(_ctx.reset, ["stop"])
-  }, null, 8 /* PROPS */, ["onClick"])], 2 /* CLASS */)) : createCommentVNode("v-if", true)]), !_ctx.error ? (openBlock(), createElementBlock(Fragment, {
-    key: 0
-  }, [_ctx.hint || _ctx.maxLength ? (openBlock(), createBlock(_component_OrHint, {
+  }, null, 8 /* PROPS */, ["onClick"])], 2 /* CLASS */)) : createCommentVNode("v-if", true)]), withDirectives(createElementVNode("div", _hoisted_3$c, [_ctx.hint || _ctx.maxLength ? (openBlock(), createBlock(_component_OrHint, {
     key: 0
   }, createSlots({
     default: withCtx(() => [createTextVNode(toDisplayString(_ctx.hint) + " ", 1 /* TEXT */)]),
@@ -1123,9 +1127,7 @@ function render$D(_ctx, _cache, $props, $setup, $data, $options) {
     fn: withCtx(() => [createTextVNode(toDisplayString(_ctx.currentLength) + " / " + toDisplayString(_ctx.maxLength), 1 /* TEXT */)]),
 
     key: "0"
-  } : undefined]), 1024 /* DYNAMIC_SLOTS */)) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true), typeof _ctx.error === 'string' ? (openBlock(), createBlock(_component_OrError, {
-    key: 1
-  }, createSlots({
+  } : undefined]), 1024 /* DYNAMIC_SLOTS */)) : createCommentVNode("v-if", true)], 512 /* NEED_PATCH */), [[vShow, !_ctx.error]]), withDirectives(createElementVNode("div", _hoisted_4$a, [createVNode(_component_OrError, null, createSlots({
     default: withCtx(() => [createTextVNode(toDisplayString(_ctx.error) + " ", 1 /* TEXT */)]),
 
     _: 2 /* DYNAMIC */
@@ -1134,7 +1136,7 @@ function render$D(_ctx, _cache, $props, $setup, $data, $options) {
     fn: withCtx(() => [createTextVNode(toDisplayString(_ctx.currentLength) + " / " + toDisplayString(_ctx.maxLength), 1 /* TEXT */)]),
 
     key: "0"
-  } : undefined]), 1024 /* DYNAMIC_SLOTS */)) : createCommentVNode("v-if", true)], 2 /* CLASS */);
+  } : undefined]), 1024 /* DYNAMIC_SLOTS */)], 512 /* NEED_PATCH */), [[vShow, typeof _ctx.error === 'string']])], 2 /* CLASS */);
 }
 
 var css_248z$o = "\ninput[data-v-29d9ad19] {\n  min-width: 0;\n  background: none;\n  outline: none;\n}\ninput[type=\"number\"][data-v-29d9ad19]::-webkit-inner-spin-button {\n  display: none;\n}\ninput[type=\"search\"][data-v-29d9ad19]::-webkit-search-cancel-button {\n  display: none;\n}\n";
@@ -1147,12 +1149,12 @@ script$f.__file = "src/components/or-inline-input-v3/OrInlineInput.vue";
 const _hoisted_1$n = {
   class: "or-inline-text-edit-wrapper"
 };
-const _hoisted_2$e = {
+const _hoisted_2$f = {
   class: "or-inline-text-edit-input-wrapper"
 };
-const _hoisted_3$9 = ["id", "disabled", "readonly", "placeholder"];
-const _hoisted_4$7 = ["id", "disabled", "readonly", "placeholder"];
-const _hoisted_5$5 = {
+const _hoisted_3$b = ["id", "disabled", "readonly", "placeholder"];
+const _hoisted_4$9 = ["id", "disabled", "readonly", "placeholder"];
+const _hoisted_5$6 = {
   class: "or-inline-text-edit-text-start"
 };
 const _hoisted_6$4 = {
@@ -1170,7 +1172,7 @@ function render$C(_ctx, _cache, $props, $setup, $data, $options) {
     class: normalizeClass(["or-inline-text-edit", {
       'is-show-info': !!_ctx.error && _ctx.isInvalid
     }])
-  }, [createElementVNode("div", _hoisted_1$n, [createElementVNode("div", _hoisted_2$e, [!_ctx.isTextareaType && _ctx.isEditing ? withDirectives((openBlock(), createElementBlock("input", {
+  }, [createElementVNode("div", _hoisted_1$n, [createElementVNode("div", _hoisted_2$f, [!_ctx.isTextareaType && _ctx.isEditing ? withDirectives((openBlock(), createElementBlock("input", {
     key: 0,
     id: _ctx.localId,
     ref: "inputRef",
@@ -1184,7 +1186,7 @@ function render$C(_ctx, _cache, $props, $setup, $data, $options) {
     onFocus: _cache[2] || (_cache[2] = (...args) => _ctx.onFocus && _ctx.onFocus(...args)),
     onBlur: _cache[3] || (_cache[3] = (...args) => _ctx.onBlur && _ctx.onBlur(...args)),
     onKeyup: _cache[4] || (_cache[4] = withKeys((...args) => _ctx.onEnter && _ctx.onEnter(...args), ["enter"]))
-  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_3$9)), [[vModelText, _ctx.localValue]]) : createCommentVNode("v-if", true), _ctx.isTextareaType && _ctx.isEditing ? withDirectives((openBlock(), createElementBlock("textarea", {
+  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_3$b)), [[vModelText, _ctx.localValue]]) : createCommentVNode("v-if", true), _ctx.isTextareaType && _ctx.isEditing ? withDirectives((openBlock(), createElementBlock("textarea", {
     key: 1,
     id: _ctx.localId,
     ref: "inputRef",
@@ -1196,11 +1198,11 @@ function render$C(_ctx, _cache, $props, $setup, $data, $options) {
     onInput: _cache[6] || (_cache[6] = (...args) => _ctx.onInput && _ctx.onInput(...args)),
     onFocus: _cache[7] || (_cache[7] = (...args) => _ctx.onFocus && _ctx.onFocus(...args)),
     onBlur: _cache[8] || (_cache[8] = (...args) => _ctx.onBlur && _ctx.onBlur(...args))
-  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_4$7)), [[vModelText, _ctx.localValue]]) : createCommentVNode("v-if", true), !_ctx.isEditing ? (openBlock(), createElementBlock("span", {
+  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_4$9)), [[vModelText, _ctx.localValue]]) : createCommentVNode("v-if", true), !_ctx.isEditing ? (openBlock(), createElementBlock("span", {
     key: 2,
     class: normalizeClass(["or-inline-text-edit-text", _ctx.textClasses]),
     onClick: _cache[9] || (_cache[9] = (...args) => _ctx.onFocus && _ctx.onFocus(...args))
-  }, [createElementVNode("span", _hoisted_5$5, toDisplayString(_ctx.textStart), 1 /* TEXT */), createElementVNode("span", _hoisted_6$4, toDisplayString(_ctx.textEnd), 1 /* TEXT */)], 2 /* CLASS */)) : createCommentVNode("v-if", true), _ctx.isEditing ? (openBlock(), createBlock(_component_or_icon_button, {
+  }, [createElementVNode("span", _hoisted_5$6, toDisplayString(_ctx.textStart), 1 /* TEXT */), createElementVNode("span", _hoisted_6$4, toDisplayString(_ctx.textEnd), 1 /* TEXT */)], 2 /* CLASS */)) : createCommentVNode("v-if", true), _ctx.isEditing ? (openBlock(), createBlock(_component_or_icon_button, {
     key: 3,
     icon: "check",
     "icon-color": "neutral-4",
@@ -1243,7 +1245,13 @@ script$g.__file = "src/components/or-inline-text-edit/OrInlineTextEdit.vue";
 const _hoisted_1$m = {
   class: /*#__PURE__*/normalizeClass(['layout-row', 'gap-sm+'])
 };
-const _hoisted_2$d = ["placeholder", "activated"];
+const _hoisted_2$e = ["placeholder", "activated"];
+const _hoisted_3$a = {
+  class: /*#__PURE__*/normalizeClass(['contents'])
+};
+const _hoisted_4$8 = {
+  class: /*#__PURE__*/normalizeClass(['contents'])
+};
 function render$B(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrInlineInputBox = resolveComponent("OrInlineInputBox");
   const _component_OrIconButton = resolveComponent("OrIconButton");
@@ -1267,7 +1275,7 @@ function render$B(_ctx, _cache, $props, $setup, $data, $options) {
       onKeyup: _cache[2] || (_cache[2] = $event => _ctx.$emit('keyup', $event)),
       onFocus: _cache[3] || (_cache[3] = (...args) => _ctx.onFocus && _ctx.onFocus(...args)),
       onBlur: _cache[4] || (_cache[4] = (...args) => _ctx.onBlur && _ctx.onBlur(...args))
-    }), null, 16 /* FULL_PROPS */, _hoisted_2$d), [[vModelText, _ctx.draftModelValue]])]),
+    }), null, 16 /* FULL_PROPS */, _hoisted_2$e), [[vModelText, _ctx.draftModelValue]])]),
     _: 1 /* STABLE */
   }, 8 /* PROPS */, ["invalid"]), _ctx.activated && !_ctx.saveOnBlur ? (openBlock(), createElementBlock("div", {
     key: 0,
@@ -1280,9 +1288,7 @@ function render$B(_ctx, _cache, $props, $setup, $data, $options) {
     icon: 'close',
     color: 'inherit',
     onClick: withModifiers(_ctx.reset, ["stop"])
-  }, null, 8 /* PROPS */, ["onClick"])], 2 /* CLASS */)) : createCommentVNode("v-if", true)]), !_ctx.error ? (openBlock(), createElementBlock(Fragment, {
-    key: 0
-  }, [_ctx.hint || _ctx.maxLength ? (openBlock(), createBlock(_component_OrHint, {
+  }, null, 8 /* PROPS */, ["onClick"])], 2 /* CLASS */)) : createCommentVNode("v-if", true)]), withDirectives(createElementVNode("div", _hoisted_3$a, [_ctx.hint || _ctx.maxLength ? (openBlock(), createBlock(_component_OrHint, {
     key: 0
   }, createSlots({
     default: withCtx(() => [createTextVNode(toDisplayString(_ctx.hint) + " ", 1 /* TEXT */)]),
@@ -1293,9 +1299,7 @@ function render$B(_ctx, _cache, $props, $setup, $data, $options) {
     fn: withCtx(() => [createTextVNode(toDisplayString(_ctx.currentLength) + " / " + toDisplayString(_ctx.maxLength), 1 /* TEXT */)]),
 
     key: "0"
-  } : undefined]), 1024 /* DYNAMIC_SLOTS */)) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true), typeof _ctx.error === 'string' ? (openBlock(), createBlock(_component_OrError, {
-    key: 1
-  }, createSlots({
+  } : undefined]), 1024 /* DYNAMIC_SLOTS */)) : createCommentVNode("v-if", true)], 512 /* NEED_PATCH */), [[vShow, !_ctx.error]]), withDirectives(createElementVNode("div", _hoisted_4$8, [createVNode(_component_OrError, null, createSlots({
     default: withCtx(() => [createTextVNode(toDisplayString(_ctx.error) + " ", 1 /* TEXT */)]),
 
     _: 2 /* DYNAMIC */
@@ -1304,7 +1308,7 @@ function render$B(_ctx, _cache, $props, $setup, $data, $options) {
     fn: withCtx(() => [createTextVNode(toDisplayString(_ctx.currentLength) + " / " + toDisplayString(_ctx.maxLength), 1 /* TEXT */)]),
 
     key: "0"
-  } : undefined]), 1024 /* DYNAMIC_SLOTS */)) : createCommentVNode("v-if", true)], 2 /* CLASS */);
+  } : undefined]), 1024 /* DYNAMIC_SLOTS */)], 512 /* NEED_PATCH */), [[vShow, typeof _ctx.error === 'string']])], 2 /* CLASS */);
 }
 
 var css_248z$m = "\ntextarea[data-v-3f016b22] {\n  min-width: 0;\n  background: none;\n  outline: none;\n}\n";
@@ -1412,7 +1416,7 @@ script$j.__file = "src/components/or-list-of-inputs/OrListOfInputs.vue";
 const _hoisted_1$k = {
   class: /*#__PURE__*/normalizeClass(['grow'])
 };
-const _hoisted_2$c = {
+const _hoisted_2$d = {
   class: /*#__PURE__*/normalizeClass(['grow', 'overflow-y-auto'])
 };
 function render$y(_ctx, _cache, $props, $setup, $data, $options) {
@@ -1432,7 +1436,7 @@ function render$y(_ctx, _cache, $props, $setup, $data, $options) {
       icon: 'close',
       size: 'l',
       onClick: withModifiers(_ctx.close, ["stop"])
-    }, null, 8 /* PROPS */, ["onClick"])], 2 /* CLASS */), createElementVNode("div", _hoisted_2$c, [renderSlot(_ctx.$slots, "default")]), renderSlot(_ctx.$slots, "footer")], 16 /* FULL_PROPS */)]),
+    }, null, 8 /* PROPS */, ["onClick"])], 2 /* CLASS */), createElementVNode("div", _hoisted_2$d, [renderSlot(_ctx.$slots, "default")]), renderSlot(_ctx.$slots, "footer")], 16 /* FULL_PROPS */)]),
 
     _: 3 /* FORWARDED */
   })) : createCommentVNode("v-if", true);
@@ -1444,7 +1448,7 @@ script$k.__file = "src/components/or-modal-v3/OrModal.vue";
 const _hoisted_1$j = {
   class: "or-notification--icon"
 };
-const _hoisted_2$b = {
+const _hoisted_2$c = {
   class: "or-notification--content"
 };
 function render$x(_ctx, _cache, $props, $setup, $data, $options) {
@@ -1455,7 +1459,7 @@ function render$x(_ctx, _cache, $props, $setup, $data, $options) {
   }, [createElementVNode("div", _hoisted_1$j, [renderSlot(_ctx.$slots, "icon", {}, () => [createVNode(_component_or_icon, {
     icon: _ctx.iconByType,
     color: _ctx.iconColorByType
-  }, null, 8 /* PROPS */, ["icon", "color"])])]), createElementVNode("div", _hoisted_2$b, [renderSlot(_ctx.$slots, "default"), !_ctx.$slots.default ? (openBlock(), createElementBlock(Fragment, {
+  }, null, 8 /* PROPS */, ["icon", "color"])])]), createElementVNode("div", _hoisted_2$c, [renderSlot(_ctx.$slots, "default"), !_ctx.$slots.default ? (openBlock(), createElementBlock(Fragment, {
     key: 0
   }, [createTextVNode(toDisplayString(_ctx.content), 1 /* TEXT */)], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true)]), _ctx.canDelete ? (openBlock(), createBlock(_component_or_icon_button, {
     key: 0,
@@ -1559,7 +1563,7 @@ const _hoisted_1$h = {
   ref: "target",
   class: "dropdown-container"
 };
-const _hoisted_2$a = {
+const _hoisted_2$b = {
   ref: "content",
   class: "content"
 };
@@ -1583,7 +1587,7 @@ function render$u(_ctx, _cache, $props, $setup, $data, $options) {
     "is-using-shift": "",
     "is-using-flip": ""
   }, {
-    default: withCtx(() => [createElementVNode("div", _hoisted_2$a, [renderSlot(_ctx.$slots, "content", {
+    default: withCtx(() => [createElementVNode("div", _hoisted_2$b, [renderSlot(_ctx.$slots, "content", {
       close: _ctx.close
     }, () => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, item => {
       return openBlock(), createBlock(_component_or_overflow_menu_item, {
@@ -1758,14 +1762,14 @@ const _hoisted_1$g = {
   width: "100%",
   height: "2"
 };
-const _hoisted_2$9 = {
+const _hoisted_2$a = {
   fill: "none",
   "stroke-width": "2",
   "stroke-linecap": "round"
 };
-const _hoisted_3$8 = ["x2"];
-const _hoisted_4$6 = ["x2", "stroke-dasharray", "stroke-dashoffset"];
-const _hoisted_5$4 = ["width", "height"];
+const _hoisted_3$9 = ["x2"];
+const _hoisted_4$7 = ["x2", "stroke-dasharray", "stroke-dashoffset"];
+const _hoisted_5$5 = ["width", "height"];
 const _hoisted_6$3 = {
   fill: "none",
   "stroke-width": "2",
@@ -1787,13 +1791,13 @@ function render$r(_ctx, _cache, $props, $setup, $data, $options) {
     class: normalizeClass(_ctx.percentStyles)
   }, [renderSlot(_ctx.$slots, "percent", {
     value: _ctx.percent
-  }, () => [createTextVNode(toDisplayString(_ctx.percent), 1 /* TEXT */)])], 2 /* CLASS */)])], 2 /* CLASS */)) : createCommentVNode("v-if", true), (openBlock(), createElementBlock("svg", _hoisted_1$g, [createElementVNode("g", _hoisted_2$9, [createElementVNode("line", {
+  }, () => [createTextVNode(toDisplayString(_ctx.percent), 1 /* TEXT */)])], 2 /* CLASS */)])], 2 /* CLASS */)) : createCommentVNode("v-if", true), (openBlock(), createElementBlock("svg", _hoisted_1$g, [createElementVNode("g", _hoisted_2$a, [createElementVNode("line", {
     class: normalizeClass(_ctx.progressBarBackgroundStyles),
     x1: "2",
     y1: "50%",
     x2: _ctx.strokeWidth,
     y2: "50%"
-  }, null, 10 /* CLASS, PROPS */, _hoisted_3$8), createElementVNode("line", {
+  }, null, 10 /* CLASS, PROPS */, _hoisted_3$9), createElementVNode("line", {
     class: normalizeClass(_ctx.progressBarMainPartStyles),
     x1: "2",
     y1: "50%",
@@ -1801,7 +1805,7 @@ function render$r(_ctx, _cache, $props, $setup, $data, $options) {
     y2: "50%",
     "stroke-dasharray": _ctx.strokeDasharray,
     "stroke-dashoffset": _ctx.strokeDashoffset
-  }, null, 10 /* CLASS, PROPS */, _hoisted_4$6)])])), _ctx.isShowingFooter ? (openBlock(), createElementBlock("div", {
+  }, null, 10 /* CLASS, PROPS */, _hoisted_4$7)])])), _ctx.isShowingFooter ? (openBlock(), createElementBlock("div", {
     key: 1,
     class: normalizeClass(_ctx.footerStyles)
   }, [renderSlot(_ctx.$slots, "footer", {
@@ -1823,7 +1827,7 @@ function render$r(_ctx, _cache, $props, $setup, $data, $options) {
     r: "7",
     "stroke-dasharray": _ctx.strokeDasharray,
     "stroke-dashoffset": _ctx.strokeDashoffset
-  }, null, 10 /* CLASS, PROPS */, _hoisted_7$3)])], 8 /* PROPS */, _hoisted_5$4)) : createCommentVNode("v-if", true)], 2 /* CLASS */);
+  }, null, 10 /* CLASS, PROPS */, _hoisted_7$3)])], 8 /* PROPS */, _hoisted_5$5)) : createCommentVNode("v-if", true)], 2 /* CLASS */);
 }
 
 script$r.render = render$r;
@@ -1831,10 +1835,10 @@ script$r.__file = "src/components/or-progress-v3/OrProgress.vue";
 
 const _withScopeId$2 = n => (pushScopeId("data-v-5889a64a"), n = n(), popScopeId(), n);
 const _hoisted_1$f = ["disabled", "value", "checked"];
-const _hoisted_2$8 = /*#__PURE__*/_withScopeId$2(() => /*#__PURE__*/createElementVNode("span", {
+const _hoisted_2$9 = /*#__PURE__*/_withScopeId$2(() => /*#__PURE__*/createElementVNode("span", {
   class: "or-radio--radio"
 }, null, -1 /* HOISTED */));
-const _hoisted_3$7 = {
+const _hoisted_3$8 = {
   class: "or-radio--content"
 };
 function render$q(_ctx, _cache, $props, $setup, $data, $options) {
@@ -1847,7 +1851,7 @@ function render$q(_ctx, _cache, $props, $setup, $data, $options) {
     class: "or-radio--input visually-hidden",
     type: "radio",
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
-  }), null, 16 /* FULL_PROPS */, _hoisted_1$f), _hoisted_2$8, createElementVNode("span", _hoisted_3$7, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)])])], 2 /* CLASS */);
+  }), null, 16 /* FULL_PROPS */, _hoisted_1$f), _hoisted_2$9, createElementVNode("span", _hoisted_3$8, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)])])], 2 /* CLASS */);
 }
 
 var css_248z$h = "/**\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-5889a64a {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-5889a64a {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-radio[data-v-5889a64a] {\n  display: inline-flex;\n  align-items: center;\n  cursor: pointer;\n}\n.or-radio--radio[data-v-5889a64a] {\n  position: relative;\n  width: 1rem;\n  min-width: 1rem;\n  height: 1rem;\n  min-height: 1rem;\n  margin-right: var(--s-3);\n  background-color: var(--c-white);\n  border: 1px solid var(--c-neutral-2);\n  border-radius: 9999px;\n  transition-timing-function: var(--t-func);\n  transition-duration: var(--t-duration);\n  transition-property: border-color, background-color, opacity;\n}\n.or-radio--radio[data-v-5889a64a]::after {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 0.25rem;\n  height: 0.25rem;\n  content: \"\";\n  background-color: var(--c-white);\n  border-radius: inherit;\n  transition-delay: 0.15s;\n  transform: translate(-50%, -50%) scale(0);\n  transition-timing-function: var(--t-func);\n  transition-duration: var(--t-duration);\n  transition-property: transform;\n}\n.or-radio--content[data-v-5889a64a] {\n  color: var(--c-neutral-6);\n  transition-timing-function: var(--t-func);\n  transition-duration: var(--t-duration);\n  transition-property: color;\n}\n.or-radio.is-checked.is-uncheckable[data-v-5889a64a] {\n  cursor: default;\n}\n.or-radio.is-checked .or-radio--radio[data-v-5889a64a] {\n  background-color: var(--c-primary);\n  border-color: var(--c-primary);\n}\n.or-radio.is-checked .or-radio--radio[data-v-5889a64a]::after {\n  transform: translate(-50%, -50%) scale(1);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-radio:not(.or-radio.is-loading):not(.or-radio.is-disabled):not(.or-radio.is-readonly):not(.or-radio:disabled):not(.or-radio.is-focused):not(.or-radio:active):hover:not(.is-checked) .or-radio--radio[data-v-5889a64a] {\n    background-color: var(--c-white-darken-3);\n    border-color: var(--c-neutral-2-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-radio:not(.or-radio.is-loading):not(.or-radio.is-disabled):not(.or-radio.is-readonly):not(.or-radio:disabled):not(.or-radio.is-focused):not(.or-radio:active):hover:not(.is-checked) .or-radio--radio[data-v-5889a64a] {\n    background-color: var(--c-white-darken-3);\n    border-color: var(--c-neutral-2-darken-3);\n}\n}\n.or-radio:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active:not(.is-checked) .or-radio--radio[data-v-5889a64a] {\n  background-color: var(--c-white-darken-5);\n  border-color: var(--c-neutral-2-darken-5);\n}\n.or-radio[data-v-5889a64a]:disabled, .or-radio.is-disabled[data-v-5889a64a] {\n  cursor: not-allowed;\n}\n.or-radio:disabled .or-radio--radio[data-v-5889a64a], .or-radio.is-disabled .or-radio--radio[data-v-5889a64a] {\n  opacity: 0.5;\n}\n.or-radio:disabled .or-radio--content[data-v-5889a64a], .or-radio.is-disabled .or-radio--content[data-v-5889a64a] {\n  color: var(--c-neutral-4);\n}";
@@ -1985,12 +1989,18 @@ script$w.__scopeId = "data-v-5e370eb8";
 script$w.__file = "src/components/or-select/OrSelect.vue";
 
 const _hoisted_1$c = ["id", "tabindex", "disabled"];
-const _hoisted_2$7 = {
+const _hoisted_2$8 = {
   class: "truncate"
 };
-const _hoisted_3$6 = {
+const _hoisted_3$7 = {
   class: /*#__PURE__*/normalizeClass(['layout-row'])
 };
+const _hoisted_4$6 = {
+  class: /*#__PURE__*/normalizeClass(['contents'])
+};
+const _hoisted_5$4 = {
+  class: /*#__PURE__*/normalizeClass(['contents'])
+};
 function render$l(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrLabel = resolveComponent("OrLabel");
   const _component_OrTag = resolveComponent("OrTag");
@@ -2059,12 +2069,12 @@ function render$l(_ctx, _cache, $props, $setup, $data, $options) {
     }, [_ctx.proxyModelValue ? renderSlot(_ctx.$slots, "valueTemplate", {
       key: 0,
       model: _ctx.proxyModelValue
-    }, () => [createElementVNode("span", _hoisted_2$7, toDisplayString(_ctx.selection.label), 1 /* TEXT */)]) : (openBlock(), createElementBlock("span", {
+    }, () => [createElementVNode("span", _hoisted_2$8, toDisplayString(_ctx.selection.label), 1 /* TEXT */)]) : (openBlock(), createElementBlock("span", {
       key: 1,
       class: normalizeClass(_ctx.placeholderStyles)
     }, toDisplayString(_ctx.placeholder), 3 /* TEXT, CLASS */))], 64 /* STABLE_FRAGMENT */))], 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_1$c), _ctx.multiple && _ctx.outerItems.length > 0 ? (openBlock(), createElementBlock(Fragment, {
       key: 0
-    }, [createTextVNode(" +" + toDisplayString(_ctx.outerItems.length), 1 /* TEXT */)], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_3$6, [createVNode(_component_OrIcon, {
+    }, [createTextVNode(" +" + toDisplayString(_ctx.outerItems.length), 1 /* TEXT */)], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_3$7, [createVNode(_component_OrIcon, {
       icon: _ctx.popoverState === 'open' ? 'arrow_drop_up' : 'arrow_drop_down',
       variant: 'outlined'
     }, null, 8 /* PROPS */, ["icon"])]), createVNode(_component_OrPopover, {
@@ -2177,23 +2187,20 @@ function render$l(_ctx, _cache, $props, $setup, $data, $options) {
       _: 3 /* FORWARDED */
     }, 8 /* PROPS */, ["class", "trigger"])]),
     _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["class", "variant", "size", "invalid", "readonly", "disabled"])), [[_directive_dropdown_open, _ctx.toggle], [_directive_dropdown_close, _ctx.close]]), !_ctx.error ? (openBlock(), createElementBlock(Fragment, {
-    key: 1
-  }, [_ctx.hint ? (openBlock(), createBlock(_component_OrHint, {
+  }, 8 /* PROPS */, ["class", "variant", "size", "invalid", "readonly", "disabled"])), [[_directive_dropdown_open, _ctx.toggle], [_directive_dropdown_close, _ctx.close]]), withDirectives(createElementVNode("div", _hoisted_4$6, [_ctx.hint ? (openBlock(), createBlock(_component_OrHint, {
     key: 0,
     disabled: _ctx.disabled
   }, {
     default: withCtx(() => [createTextVNode(toDisplayString(_ctx.hint), 1 /* TEXT */)]),
 
     _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true), typeof _ctx.error === 'string' ? (openBlock(), createBlock(_component_OrError, {
-    key: 2,
+  }, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true)], 512 /* NEED_PATCH */), [[vShow, !_ctx.error]]), withDirectives(createElementVNode("div", _hoisted_5$4, [createVNode(_component_OrError, {
     disabled: _ctx.disabled
   }, {
     default: withCtx(() => [createTextVNode(toDisplayString(_ctx.error), 1 /* TEXT */)]),
 
     _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true)], 2 /* CLASS */);
+  }, 8 /* PROPS */, ["disabled"])], 512 /* NEED_PATCH */), [[vShow, typeof _ctx.error === 'string']])], 2 /* CLASS */);
 }
 
 script$x.render = render$l;
@@ -2202,11 +2209,11 @@ script$x.__file = "src/components/or-select-v3/OrSelect.vue";
 const _hoisted_1$b = {
   class: "or-sidebar-main"
 };
-const _hoisted_2$6 = {
+const _hoisted_2$7 = {
   key: 0,
   class: "or-sidebar-header"
 };
-const _hoisted_3$5 = {
+const _hoisted_3$6 = {
   class: "or-sidebar-content"
 };
 const _hoisted_4$5 = {
@@ -2222,7 +2229,7 @@ function render$k(_ctx, _cache, $props, $setup, $data, $options) {
     class: normalizeClass(["or-sidebar-resize", {
       'is-resizing': _ctx.isResizing
     }])
-  }, null, 2 /* CLASS */), createElementVNode("div", _hoisted_1$b, [_ctx.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_2$6, [renderSlot(_ctx.$slots, "header")])) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_3$5, [renderSlot(_ctx.$slots, "default")])]), _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_4$5, [renderSlot(_ctx.$slots, "footer")])) : createCommentVNode("v-if", true)], 6 /* CLASS, STYLE */);
+  }, null, 2 /* CLASS */), createElementVNode("div", _hoisted_1$b, [_ctx.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_2$7, [renderSlot(_ctx.$slots, "header")])) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_3$6, [renderSlot(_ctx.$slots, "default")])]), _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_4$5, [renderSlot(_ctx.$slots, "footer")])) : createCommentVNode("v-if", true)], 6 /* CLASS, STYLE */);
 }
 
 var css_248z$d = "/**\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-2084bce8 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-2084bce8 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-sidebar[data-v-2084bce8] {\n  display: flex;\n  flex-direction: column;\n  background-color: var(--c-neutral-0);\n  flex-shrink: 0;\n  position: relative;\n  padding: 0;\n  min-height: 0;\n}\n.or-sidebar .or-sidebar-resize[data-v-2084bce8] {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  cursor: ew-resize;\n  z-index: 1;\n  width: 12px;\n}\n.or-sidebar.or-sidebar-right[data-v-2084bce8] {\n  border-left: 1px solid var(--c-neutral-2);\n}\n.or-sidebar.or-sidebar-right .or-sidebar-resize[data-v-2084bce8] {\n  left: -1px;\n  transition-timing-function: var(--t-func);\n  transition-duration: var(--t-duration);\n  transition-property: border-left;\n}\n.or-sidebar.or-sidebar-right .or-sidebar-resize[data-v-2084bce8]:hover, .or-sidebar.or-sidebar-right .or-sidebar-resize.is-resizing[data-v-2084bce8] {\n  border-left: var(--s-1) solid var(--c-primary);\n}\n.or-sidebar.or-sidebar-left[data-v-2084bce8] {\n  border-right: 1px solid var(--c-neutral-2);\n}\n.or-sidebar.or-sidebar-left .or-sidebar-resize[data-v-2084bce8] {\n  right: -1px;\n  transition-timing-function: var(--t-func);\n  transition-duration: var(--t-duration);\n  transition-property: border-right;\n}\n.or-sidebar.or-sidebar-left .or-sidebar-resize[data-v-2084bce8]:hover, .or-sidebar.or-sidebar-left .or-sidebar-resize.is-resizing[data-v-2084bce8] {\n  border-right: var(--s-1) solid var(--c-primary);\n}\n.or-sidebar-main[data-v-2084bce8] {\n  display: flex;\n  flex-grow: 1;\n  flex-direction: column;\n  min-height: 0;\n}\n.or-sidebar-header[data-v-2084bce8] {\n  padding: var(--s-4);\n}\n.or-sidebar-content[data-v-2084bce8] {\n  flex-grow: 1;\n  overflow: auto;\n  padding: var(--s-4);\n}\n.or-sidebar-footer[data-v-2084bce8] {\n  padding: var(--s-4);\n  border-top: 1px solid var(--c-neutral-2);\n}";
@@ -2360,8 +2367,8 @@ script$F.__file = "src/components/or-skeleton-v3/OrSkeletonText.vue";
 
 const _withScopeId$1 = n => (pushScopeId("data-v-7f42d058"), n = n(), popScopeId(), n);
 const _hoisted_1$a = ["aria-valuemax", "aria-valuemin", "aria-valuenow", "tabindex"];
-const _hoisted_2$5 = ["name", "value"];
-const _hoisted_3$4 = {
+const _hoisted_2$6 = ["name", "value"];
+const _hoisted_3$5 = {
   key: 1,
   class: "or-slider__icon"
 };
@@ -2404,7 +2411,7 @@ function render$c(_ctx, _cache, $props, $setup, $data, $options) {
     type: "hidden",
     name: _ctx.name,
     value: _ctx.modelValue
-  }, null, 8 /* PROPS */, _hoisted_2$5)) : createCommentVNode("v-if", true), _ctx.hasIcon ? (openBlock(), createElementBlock("div", _hoisted_3$4, [renderSlot(_ctx.$slots, "icon", {}, () => [createVNode(_component_or_icon, {
+  }, null, 8 /* PROPS */, _hoisted_2$6)) : createCommentVNode("v-if", true), _ctx.hasIcon ? (openBlock(), createElementBlock("div", _hoisted_3$5, [renderSlot(_ctx.$slots, "icon", {}, () => [createVNode(_component_or_icon, {
     icon: _ctx.icon,
     color: "neutral-5"
   }, null, 8 /* PROPS */, ["icon"])])])) : createCommentVNode("v-if", true), createElementVNode("div", {
@@ -2512,10 +2519,10 @@ script$I.__file = "src/components/or-stepper/OrStepper.vue";
 
 const _withScopeId = n => (pushScopeId("data-v-2da28db8"), n = n(), popScopeId(), n);
 const _hoisted_1$7 = ["checked", "disabled", "value"];
-const _hoisted_2$4 = {
+const _hoisted_2$5 = {
   class: "or-switch--switcher"
 };
-const _hoisted_3$3 = /*#__PURE__*/_withScopeId(() => /*#__PURE__*/createElementVNode("span", {
+const _hoisted_3$4 = /*#__PURE__*/_withScopeId(() => /*#__PURE__*/createElementVNode("span", {
   class: "or-switch--layer"
 }, null, -1 /* HOISTED */));
 const _hoisted_4$3 = {
@@ -2535,7 +2542,7 @@ function render$9(_ctx, _cache, $props, $setup, $data, $options) {
     type: "checkbox",
     class: "or-switch--input visually-hidden",
     onChange: _cache[0] || (_cache[0] = (...args) => _ctx.onChange && _ctx.onChange(...args))
-  }), null, 16 /* FULL_PROPS */, _hoisted_1$7), createCommentVNode("  Switcher  "), createElementVNode("span", _hoisted_2$4, [_hoisted_3$3, createElementVNode("span", _hoisted_4$3, [createVNode(Transition, {
+  }), null, 16 /* FULL_PROPS */, _hoisted_1$7), createCommentVNode("  Switcher  "), createElementVNode("span", _hoisted_2$5, [_hoisted_3$4, createElementVNode("span", _hoisted_4$3, [createVNode(Transition, {
     name: "fade",
     persisted: ""
   }, {
@@ -2554,7 +2561,7 @@ script$J.__scopeId = "data-v-2da28db8";
 script$J.__file = "src/components/or-switch/OrSwitch.vue";
 
 const _hoisted_1$6 = ["value", "required", "disabled"];
-const _hoisted_2$3 = ["disabled"];
+const _hoisted_2$4 = ["disabled"];
 function render$8(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrLoader = resolveComponent("OrLoader");
   const _component_OrLabel = resolveComponent("OrLabel");
@@ -2581,7 +2588,7 @@ function render$8(_ctx, _cache, $props, $setup, $data, $options) {
     variant: 'circular',
     color: 'primary',
     size: 'm'
-  })], 10 /* CLASS, PROPS */, _hoisted_2$3)), _ctx.$slots.default || _ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
+  })], 10 /* CLASS, PROPS */, _hoisted_2$4)), _ctx.$slots.default || _ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
     key: 2,
     "control-id": _ctx.controlAttributes.id,
     variant: _ctx.labelVariant,
@@ -2620,10 +2627,10 @@ script$L.__file = "src/components/or-tab/OrTab.vue";
 const _hoisted_1$4 = {
   class: "or-tabs"
 };
-const _hoisted_2$2 = {
+const _hoisted_2$3 = {
   class: "or-tabs--header"
 };
-const _hoisted_3$2 = {
+const _hoisted_3$3 = {
   class: "or-tabs--tabs"
 };
 const _hoisted_4$2 = {
@@ -2631,7 +2638,7 @@ const _hoisted_4$2 = {
 };
 function render$6(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_or_tab_header_item = resolveComponent("or-tab-header-item");
-  return openBlock(), createElementBlock("div", _hoisted_1$4, [createCommentVNode("  Header  "), createElementVNode("div", _hoisted_2$2, [createElementVNode("div", _hoisted_3$2, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.tabs, (tab, index) => {
+  return openBlock(), createElementBlock("div", _hoisted_1$4, [createCommentVNode("  Header  "), createElementVNode("div", _hoisted_2$3, [createElementVNode("div", _hoisted_3$3, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.tabs, (tab, index) => {
     return openBlock(), createBlock(_component_or_tab_header_item, mergeProps({
       key: index
     }, tab.$props, {
@@ -2757,10 +2764,10 @@ const _hoisted_1$2 = {
   ref: "prependRef",
   class: "or-textbox--prepend"
 };
-const _hoisted_2$1 = {
+const _hoisted_2$2 = {
   class: "or-textbox--wrapper"
 };
-const _hoisted_3$1 = {
+const _hoisted_3$2 = {
   class: "or-textbox--input-wrapper"
 };
 const _hoisted_4$1 = ["id", "value", "maxlength", "disabled", "readonly", "placeholder"];
@@ -2785,7 +2792,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_or_collapse = resolveComponent("or-collapse");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.rootClasses)
-  }, [createCommentVNode(" Prepend Slot "), _ctx.$slots.prepend ? (openBlock(), createElementBlock("div", _hoisted_1$2, [renderSlot(_ctx.$slots, "prepend")], 512 /* NEED_PATCH */)) : createCommentVNode("v-if", true), createCommentVNode(" Input "), createElementVNode("div", _hoisted_2$1, [createCommentVNode("  Label  "), _ctx.$slots['label-default'] || _ctx.label ? (openBlock(), createBlock(_component_or_label, {
+  }, [createCommentVNode(" Prepend Slot "), _ctx.$slots.prepend ? (openBlock(), createElementBlock("div", _hoisted_1$2, [renderSlot(_ctx.$slots, "prepend")], 512 /* NEED_PATCH */)) : createCommentVNode("v-if", true), createCommentVNode(" Input "), createElementVNode("div", _hoisted_2$2, [createCommentVNode("  Label  "), _ctx.$slots['label-default'] || _ctx.label ? (openBlock(), createBlock(_component_or_label, {
     key: 0,
     "is-required": _ctx.isRequired,
     for: _ctx.localId
@@ -2794,7 +2801,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
 
     append: withCtx(() => [renderSlot(_ctx.$slots, "label-append")]),
     _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["is-required", "for"])) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_3$1, [createElementVNode("textarea", {
+  }, 8 /* PROPS */, ["is-required", "for"])) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_3$2, [createElementVNode("textarea", {
     id: _ctx.localId,
     ref: "inputRef",
     value: _ctx.localValue,
@@ -2858,6 +2865,12 @@ script$Q.__scopeId = "data-v-e2e51110";
 script$Q.__file = "src/components/or-textarea/OrTextarea.vue";
 
 const _hoisted_1$1 = ["placeholder", "required", "readonly", "disabled"];
+const _hoisted_2$1 = {
+  class: /*#__PURE__*/normalizeClass(['contents'])
+};
+const _hoisted_3$1 = {
+  class: /*#__PURE__*/normalizeClass(['contents'])
+};
 function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrLabel = resolveComponent("OrLabel");
   const _component_OrInputBox = resolveComponent("OrInputBox");
@@ -2898,9 +2911,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
       onBlur: _cache[4] || (_cache[4] = $event => _ctx.$emit('blur', $event))
     }), null, 16 /* FULL_PROPS */, _hoisted_1$1), [[vModelText, _ctx.proxyModelValue]])]),
     _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["size", "invalid", "readonly", "disabled"]), !_ctx.error ? (openBlock(), createElementBlock(Fragment, {
-    key: 1
-  }, [_ctx.hint || _ctx.maxLength ? (openBlock(), createBlock(_component_OrHint, {
+  }, 8 /* PROPS */, ["size", "invalid", "readonly", "disabled"]), withDirectives(createElementVNode("div", _hoisted_2$1, [_ctx.hint || _ctx.maxLength ? (openBlock(), createBlock(_component_OrHint, {
     key: 0,
     disabled: _ctx.disabled
   }, createSlots({
@@ -2912,8 +2923,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
     fn: withCtx(() => [createTextVNode(toDisplayString(_ctx.currentLength) + " / " + toDisplayString(_ctx.maxLength), 1 /* TEXT */)]),
 
     key: "0"
-  } : undefined]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["disabled"])) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true), typeof _ctx.error === 'string' ? (openBlock(), createBlock(_component_OrError, {
-    key: 2,
+  } : undefined]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["disabled"])) : createCommentVNode("v-if", true)], 512 /* NEED_PATCH */), [[vShow, !_ctx.error]]), withDirectives(createElementVNode("div", _hoisted_3$1, [createVNode(_component_OrError, {
     disabled: _ctx.disabled
   }, createSlots({
     default: withCtx(() => [createTextVNode(toDisplayString(_ctx.error) + " ", 1 /* TEXT */)]),
@@ -2924,7 +2934,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
     fn: withCtx(() => [createTextVNode(toDisplayString(_ctx.currentLength) + " / " + toDisplayString(_ctx.maxLength), 1 /* TEXT */)]),
 
     key: "0"
-  } : undefined]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["disabled"])) : createCommentVNode("v-if", true)], 2 /* CLASS */);
+  } : undefined]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["disabled"])], 512 /* NEED_PATCH */), [[vShow, typeof _ctx.error === 'string']])], 2 /* CLASS */);
 }
 
 var css_248z$1 = "\ntextarea[data-v-10a22fb4] {\n  min-width: 0;\n  background: none;\n  outline: none;\n}\n";