@onereach/ui-components 2.74.5 → 2.74.6-beta.2318.0

package/dist/bundled/v2/{OrRadio-fe23947a.js → OrRadio-7a510c7b.js}

@@ -36,7 +36,7 @@ const RadioControlHandle = [
 'disabled:checked:after:bg-on-disabled', 'dark:disabled:checked:after:bg-on-disabled-dark'];
 
 var script = defineComponent({
-  name: 'OrCheckbox',
+  name: 'OrRadio',
   components: {
     OrLabel
   },
@@ -175,14 +175,14 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = function (inject) {
   if (!inject) return;
-  inject("data-v-623ca300_0", {
-    source: "input[data-v-623ca300]{appearance:none;line-height:0}",
+  inject("data-v-5572f1f4_0", {
+    source: "input[data-v-5572f1f4]{appearance:none;line-height:0}",
     map: undefined,
     media: undefined
   });
 };
 /* scoped */
-const __vue_scope_id__ = "data-v-623ca300";
+const __vue_scope_id__ = "data-v-5572f1f4";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/bundled/v2/components/index.js

@@ -64,7 +64,7 @@ export { O as OrProgress, a as OrProgressColors, b as OrProgressTypes } from '..
 export { _ as OrProgressV3, P as ProgressColor, a as ProgressType } from '../OrProgress-15fe65ec.js';
 export { _ as OrRadio } from '../OrRadio-187d6fc7.js';
 export { _ as OrRadioGroup } from '../OrRadioGroup-aa9f0757.js';
-export { _ as OrRadioV3 } from '../OrRadio-fe23947a.js';
+export { _ as OrRadioV3 } from '../OrRadio-7a510c7b.js';
 export { O as OrSearch } from '../OrSearch-832d7978.js';
 export { O as OrSearchV3 } from '../OrSearch-3f7f166b.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-878279bf.js';

package/dist/bundled/v2/components/or-radio-v3/index.js

@@ -1,4 +1,4 @@
-export { _ as OrRadioV3 } from '../../OrRadio-fe23947a.js';
+export { _ as OrRadioV3 } from '../../OrRadio-7a510c7b.js';
 import '../../index-fa6eb4ca.js';
 import 'vue';
 import '@vue/composition-api/dist/vue-composition-api.mjs';

package/dist/bundled/v2/index.js

@@ -69,7 +69,7 @@ export { O as OrProgress, a as OrProgressColors, b as OrProgressTypes } from './
 export { _ as OrProgressV3, P as ProgressColor, a as ProgressType } from './OrProgress-15fe65ec.js';
 export { _ as OrRadio } from './OrRadio-187d6fc7.js';
 export { _ as OrRadioGroup } from './OrRadioGroup-aa9f0757.js';
-export { _ as OrRadioV3 } from './OrRadio-fe23947a.js';
+export { _ as OrRadioV3 } from './OrRadio-7a510c7b.js';
 export { O as OrSearch } from './OrSearch-832d7978.js';
 export { O as OrSearchV3 } from './OrSearch-3f7f166b.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-878279bf.js';

package/dist/bundled/v3/{OrRadio.vue_vue_type_script_lang-8dc0720c.js → OrRadio.vue_vue_type_script_lang-5d88f0b4.js}

@@ -34,7 +34,7 @@ const RadioControlHandle = [
 'disabled:checked:after:bg-on-disabled', 'dark:disabled:checked:after:bg-on-disabled-dark'];
 
 var script = defineComponent({
-  name: 'OrCheckbox',
+  name: 'OrRadio',
   components: {
     OrLabel: script$1
   },

package/dist/bundled/v3/components/index.js

@@ -64,7 +64,7 @@ export { s as OrProgress, O as OrProgressColors, a as OrProgressTypes } from '..
 export { s as OrProgressV3, P as ProgressColor, a as ProgressType } from '../OrProgress.vue_vue_type_script_lang-52f660d6.js';
 export { s as OrRadio } from '../OrRadio.vue_vue_type_script_lang-c956b54b.js';
 export { s as OrRadioGroup } from '../OrRadioGroup.vue_vue_type_script_lang-caea7bcb.js';
-export { s as OrRadioV3 } from '../OrRadio.vue_vue_type_script_lang-8dc0720c.js';
+export { s as OrRadioV3 } from '../OrRadio.vue_vue_type_script_lang-5d88f0b4.js';
 export { s as OrSearch } from '../OrSearch.vue_vue_type_script_lang-5356fa79.js';
 export { s as OrSearchV3 } from '../OrSearch.vue_vue_type_script_lang-409490d8.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl.vue_vue_type_script_lang-38a00b68.js';

package/dist/bundled/v3/components/or-radio-v3/index.js

@@ -1,4 +1,4 @@
-export { s as OrRadioV3 } from '../../OrRadio.vue_vue_type_script_lang-8dc0720c.js';
+export { s as OrRadioV3 } from '../../OrRadio.vue_vue_type_script_lang-5d88f0b4.js';
 import 'vue';
 import '../../OrLabel-c556887e.js';
 import '../../OrLabel.vue_vue_type_script_lang-191d2304.js';

package/dist/bundled/v3/index.js

@@ -85,8 +85,8 @@ import { s as script$s } from './OrRadio.vue_vue_type_script_lang-c956b54b.js';
 export { s as OrRadio } from './OrRadio.vue_vue_type_script_lang-c956b54b.js';
 import { s as script$t } from './OrRadioGroup.vue_vue_type_script_lang-caea7bcb.js';
 export { s as OrRadioGroup } from './OrRadioGroup.vue_vue_type_script_lang-caea7bcb.js';
-import { s as script$u } from './OrRadio.vue_vue_type_script_lang-8dc0720c.js';
-export { s as OrRadioV3 } from './OrRadio.vue_vue_type_script_lang-8dc0720c.js';
+import { s as script$u } from './OrRadio.vue_vue_type_script_lang-5d88f0b4.js';
+export { s as OrRadioV3 } from './OrRadio.vue_vue_type_script_lang-5d88f0b4.js';
 import { s as script$v } from './OrSegmentedControl.vue_vue_type_script_lang-38a00b68.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl.vue_vue_type_script_lang-38a00b68.js';
 import { s as script$y } from './OrSidebar.vue_vue_type_script_lang-7c55ac0a.js';

package/dist/esm/v2/{OrRadio-87a4d226.js → OrRadio-9e580ca3.js}

@@ -36,7 +36,7 @@ const RadioControlHandle = [
 'disabled:checked:after:bg-on-disabled', 'dark:disabled:checked:after:bg-on-disabled-dark'];
 
 var script = defineComponent({
-  name: 'OrCheckbox',
+  name: 'OrRadio',
   components: {
     OrLabel: __vue_component__$1
   },
@@ -175,14 +175,14 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = function (inject) {
   if (!inject) return;
-  inject("data-v-623ca300_0", {
-    source: "input[data-v-623ca300]{appearance:none;line-height:0}",
+  inject("data-v-5572f1f4_0", {
+    source: "input[data-v-5572f1f4]{appearance:none;line-height:0}",
     map: undefined,
     media: undefined
   });
 };
 /* scoped */
-const __vue_scope_id__ = "data-v-623ca300";
+const __vue_scope_id__ = "data-v-5572f1f4";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/esm/v2/components/index.js

@@ -64,7 +64,7 @@ export { _ as OrProgress, O as OrProgressColors, a as OrProgressTypes } from '..
 export { _ as OrProgressV3, P as ProgressColor, a as ProgressType } from '../OrProgress-b7d1c689.js';
 export { _ as OrRadio } from '../OrRadio-e4198532.js';
 export { _ as OrRadioGroup } from '../OrRadioGroup-d9d32cba.js';
-export { _ as OrRadioV3 } from '../OrRadio-87a4d226.js';
+export { _ as OrRadioV3 } from '../OrRadio-9e580ca3.js';
 export { _ as OrSearch } from '../OrSearch-b4f4d59b.js';
 export { _ as OrSearchV3 } from '../OrSearch-514a3b89.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-7486115b.js';

package/dist/esm/v2/components/or-radio-v3/index.js

@@ -1,4 +1,4 @@
-export { _ as OrRadioV3 } from '../../OrRadio-87a4d226.js';
+export { _ as OrRadioV3 } from '../../OrRadio-9e580ca3.js';
 import 'vue-demi';
 import '../../useIdAttribute-859439f0.js';
 import '@vueuse/core';

package/dist/esm/v2/index.js

@@ -64,7 +64,7 @@ export { _ as OrProgress, O as OrProgressColors, a as OrProgressTypes } from './
 export { _ as OrProgressV3, P as ProgressColor, a as ProgressType } from './OrProgress-b7d1c689.js';
 export { _ as OrRadio } from './OrRadio-e4198532.js';
 export { _ as OrRadioGroup } from './OrRadioGroup-d9d32cba.js';
-export { _ as OrRadioV3 } from './OrRadio-87a4d226.js';
+export { _ as OrRadioV3 } from './OrRadio-9e580ca3.js';
 export { _ as OrSearch } from './OrSearch-b4f4d59b.js';
 export { _ as OrSearchV3 } from './OrSearch-514a3b89.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-7486115b.js';

package/dist/esm/v3/{OrAvatar-2808a314.js → OrAvatar-3f301b45.js}

@@ -1,5 +1,5 @@
 import { defineComponent } from 'vue-demi';
-import { s as script$1 } from './OrIcon-669503c3.js';
+import { s as script$1 } from './OrIcon-c952d684.js';
 import _ from 'lodash';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
@@ -80,7 +80,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 var css_248z = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-ed355150 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-ed355150 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-avatar[data-v-ed355150], .or-avatar > .image[data-v-ed355150] {\n  border-radius: 9999px;\n  object-fit: cover;\n}\n.or-avatar.is-small-size[data-v-ed355150], .or-avatar.is-small-size > .image[data-v-ed355150] {\n  width: 32px;\n  height: 32px;\n}\n.or-avatar.is-small-size[data-v-ed355150] .or-icon {\n  font-size: 2rem;\n  line-height: 2rem;\n}\n.or-avatar.is-medium-size[data-v-ed355150], .or-avatar.is-medium-size > .image[data-v-ed355150] {\n  width: 40px;\n  height: 40px;\n}\n.or-avatar.is-medium-size[data-v-ed355150] .or-icon {\n  font-size: 2.5rem;\n  line-height: 2.5rem;\n}\n.or-avatar.is-large-size[data-v-ed355150], .or-avatar.is-large-size > .image[data-v-ed355150] {\n  width: 80px;\n  height: 80px;\n}\n.or-avatar.is-large-size[data-v-ed355150] .or-icon {\n  font-size: 5rem;\n  line-height: 5rem;\n}";
-styleInject(css_248z);
+styleInject(css_248z, {
+  "insertAt": "top"
+});
 
 script.render = render;
 script.__scopeId = "data-v-ed355150";

package/dist/esm/v3/{OrButton-fca9019a.js → OrButton-2be01176.js}

@@ -1,5 +1,5 @@
 import { defineComponent, computed } from 'vue-demi';
-import { s as script$1, L as LoaderViews } from './OrLoader-15174477.js';
+import { s as script$1, L as LoaderViews } from './OrLoader-7d177ae0.js';
 import { resolveComponent, openBlock, createElementBlock, mergeProps, createVNode, Transition, withCtx, withDirectives, vShow, createElementVNode, renderSlot, createCommentVNode, createTextVNode, toDisplayString } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 
@@ -153,7 +153,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 var css_248z = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-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}";
-styleInject(css_248z);
+styleInject(css_248z, {
+  "insertAt": "top"
+});
 
 script.render = render;
 script.__scopeId = "data-v-1f08cb78";

package/dist/esm/v3/{OrCard-e3a5aea4.js → OrCard-026bd51a.js}

@@ -31,7 +31,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 var css_248z = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-19e1b4b8 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-19e1b4b8 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-card[data-v-19e1b4b8] {\n  min-width: 242px;\n  min-height: 74px;\n  margin: var(--s-4);\n  background: var(--c-neutral-0);\n  border-radius: 4px;\n  box-shadow: 0px 1px 2px 0px rgba(30, 35, 43, 0.3);\n}\n.or-card .or-card-content[data-v-19e1b4b8] {\n  padding: var(--s-4);\n}\n.or-card[data-v-19e1b4b8]:hover {\n  box-shadow: 0px 1px 6px 1px rgba(30, 35, 43, 0.25);\n}\n.or-card[data-v-19e1b4b8]:active, .or-card.or-card-active[data-v-19e1b4b8] {\n  box-shadow: 0px 1px 6px 1px rgba(30, 35, 43, 0.25);\n  background: var(--c-neutral-1);\n}";
-styleInject(css_248z);
+styleInject(css_248z, {
+  "insertAt": "top"
+});
 
 script.render = render;
 script.__scopeId = "data-v-19e1b4b8";

package/dist/esm/v3/{OrCardCollection-1e44c758.js → OrCardCollection-308d2557.js}

@@ -1,8 +1,8 @@
 import { defineComponent, ref } from 'vue-demi';
-import { s as script$1 } from './OrCard-e3a5aea4.js';
-import { s as script$2 } from './OrIcon-669503c3.js';
-import { s as script$3 } from './OrSearch-11fdf667.js';
-import { a as script$4 } from './OrIconButton-8be9c89f.js';
+import { s as script$1 } from './OrCard-026bd51a.js';
+import { s as script$2 } from './OrIcon-c952d684.js';
+import { s as script$3 } from './OrSearch-87214943.js';
+import { a as script$4 } from './OrIconButton-8d9c841a.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, toDisplayString, createVNode, withCtx, createTextVNode, createCommentVNode, renderSlot, createBlock, normalizeProps, guardReactiveProps } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 
@@ -177,10 +177,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 var css_248z$1 = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-059ac3e2 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-059ac3e2 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-card-collection .or-card-collection-toolbar[data-v-059ac3e2] {\n  display: flex;\n  column-gap: var(--s-4);\n  align-items: center;\n  justify-content: space-between;\n  margin: 0 var(--s-4);\n}\n.or-card-collection .or-card-collection-toolbar .or-card-collection-sorting[data-v-059ac3e2] {\n  flex-grow: 1;\n  cursor: pointer;\n}\n.or-card-collection .or-card-collection-toolbar .or-card-collection-sorting .or-card-collection-sorting-column[data-v-059ac3e2] {\n  display: inline-flex;\n  margin: var(--s-2) var(--s-6);\n  font-size: var(--fs-0);\n  font-weight: var(--fw-0);\n  line-height: var(--lh-0);\n  color: var(--c-neutral-4);\n  text-transform: capitalize;\n  letter-spacing: 0;\n  user-select: none;\n}\n.or-card-collection .or-card-collection-toolbar .or-card-collection-sorting .or-card-collection-sorting-column.sorting-selected[data-v-059ac3e2] {\n  font-weight: bold;\n  color: var(--c-neutral-6);\n}\n.or-card-collection .or-card-collection-toolbar .or-card-collection-sorting .or-card-collection-sorting-column.sorting-selected .or-card-collection-sort-direction[data-v-059ac3e2] {\n  width: 14px;\n  height: 14px;\n  margin-left: var(--s-1);\n}\n.or-card-collection .or-card-collection-toolbar .or-card-collection-layout-buttons .or-icon-button[data-v-059ac3e2] {\n  border-radius: 0;\n}\n.or-card-collection .or-card-collection-wrapper[data-v-059ac3e2] {\n  display: flex;\n  margin-top: var(--s-5);\n}\n.or-card-collection.or-card-collection-grid .or-card-collection-wrapper[data-v-059ac3e2] {\n  flex-flow: row wrap;\n}\n.or-card-collection.or-card-collection-grid .or-card-collection-wrapper .or-card[data-v-059ac3e2] {\n  margin-right: auto;\n}\n.or-card-collection.or-card-collection-list .or-card-collection-wrapper[data-v-059ac3e2] {\n  flex-direction: column;\n}";
-styleInject(css_248z$1);
+styleInject(css_248z$1, {
+  "insertAt": "top"
+});
 
 var css_248z = ".or-card-collection-filter .or-textbox .or-textbox--input {\n  max-width: 256px;\n  height: 30px;\n}\n.or-card-collection-sort-direction .or-icon {\n  font-size: 1rem;\n}";
-styleInject(css_248z);
+styleInject(css_248z, {
+  "insertAt": "top"
+});
 
 script.render = render;
 script.__scopeId = "data-v-059ac3e2";

package/dist/esm/v3/{OrCardCollection-3374f65b.js → OrCardCollection-3de78983.js}

@@ -5,7 +5,7 @@ import { s as script$6 } from './OrIcon-ea40e58c.js';
 import { s as script$5 } from './OrMenuItem-de91aded.js';
 import { s as script$4 } from './OrMenu-345930d5.js';
 import './OrPopover-464a5606.js';
-import { s as script$7 } from './OrSearch-e1cc559b.js';
+import { s as script$7 } from './OrSearch-97f0a3fe.js';
 import './OrInputBox-2467d7e4.js';
 import { openBlock, createElementBlock, normalizeClass, Fragment, renderList, renderSlot, mergeProps, createTextVNode, toDisplayString, resolveComponent, createElementVNode, createVNode, withCtx, createBlock, createCommentVNode, normalizeProps, guardReactiveProps } from 'vue';
 

package/dist/esm/v3/{OrCarouselItem-636d99a1.js → OrCarouselItem-97c88963.js}

@@ -1,5 +1,5 @@
 import { Splide } from '@splidejs/splide';
-import { s as script$2 } from './OrIcon-669503c3.js';
+import { s as script$2 } from './OrIcon-c952d684.js';
 import { defineComponent, ref } from 'vue-demi';
 import { resolveComponent, openBlock, createElementBlock, createElementVNode, renderSlot, createVNode, createCommentVNode } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
@@ -215,7 +215,9 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 var css_248z = "@import '~@splidejs/splide/dist/css/splide.min.css';\n.or-carousel[data-v-1a3da3b8] {\n  line-height: 1;\n  text-align: center;\n}\n.or-carousel__track-container[data-v-1a3da3b8] {\n  position: relative;\n}\n.or-carousel .splide__arrow[data-v-1a3da3b8]:focus-visible {\n  outline: none;\n}\n.or-carousel[data-v-1a3da3b8] .splide__pagination__page {\n  background: #64b2da;\n}";
-styleInject(css_248z);
+styleInject(css_248z, {
+  "insertAt": "top"
+});
 
 script$1.render = render$1;
 script$1.__scopeId = "data-v-1a3da3b8";

package/dist/esm/v3/{OrCheckbox-ed4a19cf.js → OrCheckbox-2353eae3.js}

@@ -1,6 +1,6 @@
 import { defineComponent } from 'vue-demi';
 import _ from 'lodash';
-import { s as script$1 } from './OrIcon-669503c3.js';
+import { s as script$1 } from './OrIcon-c952d684.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, withModifiers, normalizeStyle, createVNode, Transition, withCtx, createBlock, createCommentVNode, renderSlot, createTextVNode, toDisplayString } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 
@@ -140,7 +140,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 var css_248z = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-22a147d8 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-22a147d8 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-checkbox[data-v-22a147d8] {\n  display: inline-flex;\n  align-items: center;\n  font-size: var(--fs-1);\n  line-height: 1rem;\n  color: inherit;\n  cursor: pointer;\n}\n.or-checkbox--checkbox[data-v-22a147d8] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\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: 2px;\n  transition-timing-function: var(--t-func);\n  transition-duration: var(--t-duration);\n  transition-property: background-color, border-color;\n}\n.or-checkbox[data-v-22a147d8] .or-icon {\n  font-size: 1rem;\n  color: var(--c-white);\n  transition-timing-function: var(--t-func);\n  transition-duration: var(--t-duration);\n  transition-property: color;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-checkbox:not(.or-checkbox.is-loading):not(.or-checkbox.is-disabled):not(.or-checkbox.is-readonly):not(.or-checkbox:disabled):not(.or-checkbox.is-focused):not(.or-checkbox:active):hover .or-checkbox--checkbox[data-v-22a147d8] {\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-checkbox:not(.or-checkbox.is-loading):not(.or-checkbox.is-disabled):not(.or-checkbox.is-readonly):not(.or-checkbox:disabled):not(.or-checkbox.is-focused):not(.or-checkbox:active):hover .or-checkbox--checkbox[data-v-22a147d8] {\n    border-color: var(--c-neutral-2-darken-3);\n}\n}\n.or-checkbox:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active .or-checkbox--checkbox[data-v-22a147d8] {\n  border-color: var(--c-neutral-2-darken-5);\n}\n.or-checkbox[data-v-22a147d8]:disabled, .or-checkbox.is-disabled[data-v-22a147d8] {\n  cursor: not-allowed;\n}\n.or-checkbox.is-checked .or-checkbox--checkbox[data-v-22a147d8] {\n  background-color: var(--c-primary);\n  border-color: var(--c-primary);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-checkbox.is-checked:not(.or-checkbox.is-checked.is-loading):not(.or-checkbox.is-checked.is-disabled):not(.or-checkbox.is-checked.is-readonly):not(.or-checkbox.is-checked:disabled):not(.or-checkbox.is-checked.is-focused):not(.or-checkbox.is-checked:active):hover .or-checkbox--checkbox[data-v-22a147d8] {\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-checkbox.is-checked:not(.or-checkbox.is-checked.is-loading):not(.or-checkbox.is-checked.is-disabled):not(.or-checkbox.is-checked.is-readonly):not(.or-checkbox.is-checked:disabled):not(.or-checkbox.is-checked.is-focused):not(.or-checkbox.is-checked:active):hover .or-checkbox--checkbox[data-v-22a147d8] {\n    background-color: var(--c-primary-darken-3);\n    border-color: var(--c-primary-darken-3);\n}\n}\n.or-checkbox.is-checked:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active .or-checkbox--checkbox[data-v-22a147d8] {\n  background-color: var(--c-primary-darken-5);\n  border-color: var(--c-primary-darken-5);\n}\n.or-checkbox.is-checked[data-v-22a147d8]:disabled, .or-checkbox.is-checked.is-disabled[data-v-22a147d8] {\n  cursor: not-allowed;\n}\n.or-checkbox.is-checked:disabled .or-checkbox--checkbox[data-v-22a147d8], .or-checkbox.is-checked.is-disabled .or-checkbox--checkbox[data-v-22a147d8] {\n  background-color: var(--c-primary-lighten-20);\n  border-color: var(--c-primary-lighten-20);\n}";
-styleInject(css_248z);
+styleInject(css_248z, {
+  "insertAt": "top"
+});
 
 script.render = render;
 script.__scopeId = "data-v-22a147d8";

package/dist/esm/v3/{OrCheckbox-16c1e2f4.js → OrCheckbox-9e7bdc72.js}

@@ -149,7 +149,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 var css_248z = "\ninput[data-v-5358d710] {\n  appearance: none;\n  line-height: 0;\n}\n";
-styleInject(css_248z);
+styleInject(css_248z, {
+  "insertAt": "top"
+});
 
 script.render = render;
 script.__scopeId = "data-v-5358d710";

package/dist/esm/v3/{OrChips-9afba42f.js → OrChips-b81c53a6.js}

@@ -1,9 +1,9 @@
 import { defineComponent } from 'vue-demi';
-import { s as script$3 } from './OrIcon-669503c3.js';
+import { s as script$3 } from './OrIcon-c952d684.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createVNode, createCommentVNode, withModifiers, Fragment, renderList, createBlock, withCtx, renderSlot } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
-import { s as script$4 } from './OrLabel-876f8729.js';
-import { s as script$5 } from './OrError-f90296db.js';
+import { s as script$4 } from './OrLabel-6cfa7df6.js';
+import { s as script$5 } from './OrError-0142888e.js';
 
 var script$2 = defineComponent({
   name: 'OrChip',
@@ -60,7 +60,9 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 var css_248z$2 = "/**\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-3716f8be {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-3716f8be {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-chip[data-v-3716f8be] {\n  display: inline-flex;\n  align-items: center;\n  max-width: 100%;\n  padding: 0.25rem 0.5rem;\n  overflow: hidden;\n  font-size: var(--fs-0);\n  line-height: var(--lh-0);\n  background-color: var(--c-neutral-2);\n  border-radius: 1rem;\n}\n.or-chip.error[data-v-3716f8be] {\n  color: var(--c-white);\n  background-color: var(--c-error);\n}\n.or-chip.disabled[data-v-3716f8be] {\n  opacity: 0.75;\n}\n.or-chip.disabled .or-chip-button[data-v-3716f8be] {\n  cursor: inherit;\n}\n.or-chip-content[data-v-3716f8be] {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.or-chip-button[data-v-3716f8be] {\n  display: flex;\n  margin-left: 0.5rem;\n  cursor: pointer;\n  user-select: none;\n}\n.or-chip[data-v-3716f8be] .or-icon {\n  font-size: 0.875rem;\n  transition: none;\n}";
-styleInject(css_248z$2);
+styleInject(css_248z$2, {
+  "insertAt": "top"
+});
 
 script$2.render = render$2;
 script$2.__scopeId = "data-v-3716f8be";
@@ -160,7 +162,9 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 var css_248z$1 = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-519ba710 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-519ba710 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-chips-input[data-v-519ba710] {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  padding: 0.125rem 0.5rem;\n  background-color: var(--c-neutral-1);\n  border: 1px solid var(--c-neutral-2);\n  border-radius: 0.25rem;\n}\n.or-chips-input.error[data-v-519ba710] {\n  border-color: var(--c-error);\n}\n.or-chips-input.disabled[data-v-519ba710] {\n  cursor: not-allowed;\n}\n.or-chips-input.disabled .or-chips-input-element[data-v-519ba710] {\n  cursor: not-allowed;\n}\n.or-chips-input-element[data-v-519ba710] {\n  flex: 1 1 auto;\n  min-width: 0;\n  height: 1.875rem;\n  margin: 0 0.125rem;\n  font-size: var(--fs-1);\n  background: transparent;\n  border: none;\n  outline: none;\n}\n.or-chips-input .or-chip[data-v-519ba710] {\n  margin: 0.125rem;\n}";
-styleInject(css_248z$1);
+styleInject(css_248z$1, {
+  "insertAt": "top"
+});
 
 script$1.render = render$1;
 script$1.__scopeId = "data-v-519ba710";
@@ -292,7 +296,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 var css_248z = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-a470dcbc {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-a470dcbc {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-chips[data-v-a470dcbc] {\n  display: flex;\n  flex-direction: column;\n}\n.or-chips .or-label[data-v-a470dcbc] {\n  margin-bottom: var(--s-1);\n}\n.or-chips .or-error[data-v-a470dcbc] {\n  margin-top: var(--s-1);\n}";
-styleInject(css_248z);
+styleInject(css_248z, {
+  "insertAt": "top"
+});
 
 script.render = render;
 script.__scopeId = "data-v-a470dcbc";

package/dist/esm/v3/{OrCode-5ed69c23.js → OrCode-e96ad9ea.js}

@@ -5,11 +5,11 @@ import { useElementHover } from '@vueuse/core';
 import { basicSetup, EditorView } from 'codemirror';
 import _ from 'lodash';
 import { defineComponent, ref } from 'vue-demi';
-import { a as script$1 } from './OrIconButton-8be9c89f.js';
-import { s as script$4 } from './OrError-f90296db.js';
-import { s as script$5 } from './OrHint-1414c530.js';
-import { s as script$6 } from './OrLabel-876f8729.js';
-import { s as script$2 } from './OrModal-8b074b0c.js';
+import { a as script$1 } from './OrIconButton-8d9c841a.js';
+import { s as script$4 } from './OrError-0142888e.js';
+import { s as script$5 } from './OrHint-8b3dd6c4.js';
+import { s as script$6 } from './OrLabel-6cfa7df6.js';
+import { s as script$2 } from './OrModal-441780d2.js';
 import { s as script$3 } from './OrTeleportVue3-ad639f12.js';
 import { html } from '@codemirror/lang-html';
 import { css } from '@codemirror/lang-css';
@@ -343,7 +343,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 var css_248z = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-3d4b8218 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-3d4b8218 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-code .fullscreen-button[data-v-3d4b8218] {\n  width: 2.25rem;\n  height: 2.25rem;\n}\n.or-code .fullscreen-button > .or-icon[data-v-3d4b8218] {\n  font-size: 1.5rem;\n}\n.or-code .footer .or-code-hint[data-v-3d4b8218],\n.or-code .footer .or-code-error[data-v-3d4b8218] {\n  flex-shrink: 1;\n  transition-timing-function: var(--t-func);\n  transition-duration: var(--t-duration);\n  transition-property: height, opacity;\n}\n.header[data-v-3d4b8218] {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: 36px;\n}\n.header .actions[data-v-3d4b8218] {\n  margin-left: auto;\n}\n.header .actions[data-v-3d4b8218]:not(.is-visible) {\n  display: none;\n}\n.or-code-editor[data-v-3d4b8218] {\n  min-height: calc(1.4em + 8px);\n  overflow: auto;\n  font-size: var(--fs-0);\n  border: 1px solid var(--c-neutral-2);\n  border-radius: var(--s-2);\n}\n.or-code-editor.is-invalid[data-v-3d4b8218] {\n  border-color: var(--c-error);\n}\n.or-code-editor[data-v-3d4b8218] >  * {\n  width: 100%;\n  height: 100%;\n}\n.or-code[data-v-3d4b8218],\n.or-modal[data-v-3d4b8218] .content {\n  display: flex;\n  flex-direction: column;\n}\n.or-code .or-code-editor[data-v-3d4b8218],\n.or-modal[data-v-3d4b8218] .content .or-code-editor {\n  flex-grow: 1;\n  text-align: left !important;\n}";
-styleInject(css_248z);
+styleInject(css_248z, {
+  "insertAt": "top"
+});
 
 script.render = render;
 script.__scopeId = "data-v-3d4b8218";

package/dist/esm/v3/{OrCollapse-445141ab.js → OrCollapse-e21b7335.js}

@@ -139,7 +139,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 var css_248z = ".or-collapse[data-v-5b8d3198] {\n  padding: 0;\n  transition-timing-function: var(--t-func);\n  transition-duration: var(--t-duration);\n  transition-property: height;\n}";
-styleInject(css_248z);
+styleInject(css_248z, {
+  "insertAt": "top"
+});
 
 script.render = render;
 script.__scopeId = "data-v-5b8d3198";

package/dist/esm/v3/{OrColorPicker-189cb097.js → OrColorPicker-782d9f8d.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref } from 'vue-demi';
 import { useToggle, onClickOutside } from '@vueuse/core';
-import { s as script$1, O as OrFloatingPlacements } from './OrFloating-5240e758.js';
+import { s as script$1, O as OrFloatingPlacements } from './OrFloating-12aa92a7.js';
 import { resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeStyle, withModifiers, createBlock, withCtx, Fragment, renderList, normalizeClass, withDirectives, vShow, createCommentVNode, pushScopeId, popScopeId } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 
@@ -451,7 +451,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 var css_248z = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-da42f3fe {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-da42f3fe {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.color-container[data-v-da42f3fe] {\n  position: relative;\n}\n.color-container .tag__color[data-v-da42f3fe] {\n  width: 20px;\n  height: 20px;\n  margin-right: 10px;\n  border: var(--s-1) solid var(--c-neutral-0-darken-3);\n  border-radius: 50%;\n  cursor: pointer;\n}\n.or-color-picker-box[data-v-da42f3fe] {\n  max-height: 244px;\n  max-width: 312px;\n  overflow-y: scroll;\n  background-color: var(--c-neutral-0);\n  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12), 0 2px 5px rgba(0, 0, 0, 0.16);\n  padding: var(--s-4);\n  display: flex;\n  gap: var(--s-3);\n  flex-wrap: wrap;\n}\n.or-color-picker-box .or-color-picker-color-group[data-v-da42f3fe] {\n  width: 40px;\n  float: left;\n}\n.or-color-picker-box .or-color-picker-color-group .or-color-picker-color-it[data-v-da42f3fe] {\n  box-sizing: border-box;\n  width: 40px;\n  height: 24px;\n  cursor: pointer;\n  margin-bottom: 1px;\n  overflow: hidden;\n  border-radius: var(--s-1) var(--s-1) 0 0;\n}\n.or-color-picker-box .or-color-picker-color-group .or-color-picker-color--white[data-v-da42f3fe] {\n  border: 1px solid #DDD;\n}\n.or-color-picker-box .or-color-picker-color-group .or-color-picker-pick[data-v-da42f3fe] {\n  fill: rgb(255, 255, 255);\n  margin-left: 8px;\n  display: block;\n}\n.or-color-picker-box .or-color-picker-color-group .or-color-picker-color--white .or-color-picker-pick[data-v-da42f3fe] {\n  fill: rgb(51, 51, 51);\n}";
-styleInject(css_248z);
+styleInject(css_248z, {
+  "insertAt": "top"
+});
 
 script.render = render;
 script.__scopeId = "data-v-da42f3fe";

package/dist/esm/v3/{OrConfirm-dbf267cd.js → OrConfirm-038ec9fc.js}

@@ -2,7 +2,7 @@ import { useMagicKeys, whenever, onClickOutside } from '@vueuse/core';
 import { logicAnd } from '@vueuse/math';
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { s as script$2, a as ButtonColor } from './OrButton-eab948fb.js';
-import { s as script$3 } from './OrInput-0c07888f.js';
+import { s as script$3 } from './OrInput-a7ecd412.js';
 import { s as script$1 } from './OrOverlay-55f6cf9c.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createTextVNode, toDisplayString, createElementBlock, createVNode, createCommentVNode } from 'vue';