/*! mielo v1.0.2 | MIT License | github.com/mielo-ui/mielo */
*,
*::before,
*::after {
  box-sizing: inherit;
  padding: 0;
  margin: 0;
}

html {
  line-height: 1.15;
  box-sizing: border-box;
  font-family: sans-serif;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

a {
  background-color: transparent;
}

abbr[title] {
  text-decoration: underline dotted;
}

code,
kbd,
samp,
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

button,
input,
optgroup,
select,
textarea {
  line-height: inherit;
  border: 1px solid currentColor;
}

button {
  overflow: visible;
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
  padding: 1px 6px;
}

input {
  overflow: visible;
}

input,
textarea {
  padding: 1px;
}

fieldset {
  border: 1px solid currentColor;
  margin: 0 2px;
}

legend {
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal;
}

progress {
  display: inline-block;
  vertical-align: baseline;
}

select {
  text-transform: none;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=color] {
  background: inherit;
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.5;
}

::-webkit-search-decoration,
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

::-moz-focus-inner {
  border: 0;
}

:-moz-focusring {
  outline: 1px dotted ButtonText;
}

:-moz-ui-invalid {
  box-shadow: none;
}

hr {
  box-sizing: content-box;
  height: 0;
  color: inherit;
  overflow: visible;
}

dl,
ol,
ul {
  margin: 1em 0;
}

ol ol,
ol ul,
ol dl,
ul ol,
ul ul,
ul dl,
dl ol,
dl ul,
dl dl {
  margin: 0;
}

b,
strong {
  font-weight: bolder;
}

audio,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

table {
  text-indent: 0;
  border-color: inherit;
}

details {
  display: block;
}

dialog {
  background-color: inherit;
  border: solid;
  color: inherit;
  display: block;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: fit-content;
}

dialog:not([open]) {
  display: none;
}

summary {
  display: list-item;
}

canvas {
  display: inline-block;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

:root, [data-theme=light] .mie.button, .mie.button[data-theme=light] {
  --mie-button-bg-main: rgba(0, 0, 0, 0.1);
  --mie-button-bg-active: rgba(0, 0, 0, 0.1);
  --mie-button-bg-hover: rgba(0, 0, 0, 0.2);
  --mie-button-bg-transparent: rgba(0, 0, 0, 0);
  --mie-button-fill-active: black;
  --mie-button-fill-hover: black;
  --mie-button-fill-main: #000;
  --mie-button-fg-invert: rgba(255, 255, 255, 0.82);
  --mie-button-fg-main: rgba(0, 0, 0, 0.82);
  --mie-button-fg-op: rgba(0, 0, 0, 0.82);
  --mie-button-fg: rgba(0, 0, 0, 0.82);
}

:root, [data-theme=light] .mie.button.accent, .mie.button.accent[data-theme=light] {
  --mie-button-fg-op: #e9f2fc;
  --mie-button-fg-filled: #185fb4;
  --mie-button-fg: #15539e;
  --mie-button-bg-filled-active: #1a66c2;
  --mie-button-bg-filled-hover: #1d72d8;
  --mie-button-bg-filled-main: #3584e4;
  --mie-button-bg-active: rgba(21, 83, 158, 0.8);
  --mie-button-bg-hover: rgba(31, 118, 225, 0.6);
  --mie-button-bg-transparent: rgba(53, 132, 228, 0);
  --mie-button-bg-main: rgba(53, 132, 228, 0.4);
}

:root, [data-theme=light] .mie.button.warning, .mie.button.warning[data-theme=light] {
  --mie-button-fg-op: #fceabf;
  --mie-button-fg-filled: #9c7007;
  --mie-button-fg: #835f06;
  --mie-button-bg-filled-active: #aa7b07;
  --mie-button-bg-filled-hover: #c38c09;
  --mie-button-bg-filled-main: #e5a50a;
  --mie-button-bg-active: rgba(131, 95, 6, 0.8);
  --mie-button-bg-hover: rgba(205, 147, 9, 0.6);
  --mie-button-bg-transparent: rgba(229, 165, 10, 0);
  --mie-button-bg-main: rgba(229, 165, 10, 0.4);
}

:root, [data-theme=light] .mie.button.error, .mie.button.error[data-theme=light] {
  --mie-button-fg-op: #f9ced0;
  --mie-button-fg-filled: #9c1319;
  --mie-button-fg: #851015;
  --mie-button-bg-filled-active: #a9141b;
  --mie-button-bg-filled-hover: #c0171f;
  --mie-button-bg-filled-main: #e01b24;
  --mie-button-bg-active: rgba(133, 16, 21, 0.8);
  --mie-button-bg-hover: rgba(201, 24, 32, 0.6);
  --mie-button-bg-transparent: rgba(224, 27, 36, 0);
  --mie-button-bg-main: rgba(224, 27, 36, 0.4);
}

:root, [data-theme=light] .mie.button.success, .mie.button.success[data-theme=light] {
  --mie-button-fg-op: #caf2e0;
  --mie-button-fg-filled: #1f8456;
  --mie-button-fg: #1a7048;
  --mie-button-bg-filled-active: #22915e;
  --mie-button-bg-filled-hover: #27a56b;
  --mie-button-bg-filled-main: #2ec27e;
  --mie-button-bg-active: rgba(26, 112, 72, 0.8);
  --mie-button-bg-hover: rgba(41, 173, 113, 0.6);
  --mie-button-bg-transparent: rgba(46, 194, 126, 0);
  --mie-button-bg-main: rgba(46, 194, 126, 0.4);
}

[data-theme=dark] .mie.button, .mie.button[data-theme=dark] {
  --mie-button-bg-main: rgba(255, 255, 255, 0.1);
  --mie-button-bg-active: rgba(255, 255, 255, 0.1);
  --mie-button-bg-hover: rgba(255, 255, 255, 0.2);
  --mie-button-bg-transparent: rgba(255, 255, 255, 0);
  --mie-button-fill-active: #e0e0e0;
  --mie-button-fill-hover: #ededed;
  --mie-button-fill-main: #fff;
  --mie-button-fg-invert: rgba(0, 0, 0, 0.82);
  --mie-button-fg-main: rgba(255, 255, 255, 0.82);
  --mie-button-fg-op: rgba(255, 255, 255, 0.82);
  --mie-button-fg: rgba(255, 255, 255, 0.82);
}

[data-theme=dark] .mie.button.accent, .mie.button.accent[data-theme=dark] {
  --mie-button-fg-op: #a5c8f3;
  --mie-button-fg-filled: #124787;
  --mie-button-fg: #629fea;
  --mie-button-bg-filled-active: #1a66c2;
  --mie-button-bg-filled-hover: #1d72d8;
  --mie-button-bg-filled-main: #3584e4;
  --mie-button-bg-active: rgba(21, 83, 158, 0.8);
  --mie-button-bg-hover: rgba(31, 118, 225, 0.6);
  --mie-button-bg-transparent: rgba(53, 132, 228, 0);
  --mie-button-bg-main: rgba(53, 132, 228, 0.4);
}

[data-theme=dark] .mie.button.warning, .mie.button.warning[data-theme=dark] {
  --mie-button-fg-op: #f8ca5e;
  --mie-button-fg-filled: #533b04;
  --mie-button-fg: #f5b214;
  --mie-button-bg-filled-active: #926906;
  --mie-button-bg-filled-hover: #ab7a07;
  --mie-button-bg-filled-main: #cd9309;
  --mie-button-bg-active: rgba(107, 77, 5, 0.8);
  --mie-button-bg-hover: rgba(181, 129, 8, 0.6);
  --mie-button-bg-transparent: rgba(205, 147, 9, 0);
  --mie-button-bg-main: rgba(205, 147, 9, 0.4);
}

[data-theme=dark] .mie.button.error, .mie.button.error[data-theme=dark] {
  --mie-button-fg-op: #f18a8e;
  --mie-button-fg-filled: #6e0d12;
  --mie-button-fg: #e9454d;
  --mie-button-bg-filled-active: #a9141b;
  --mie-button-bg-filled-hover: #c0171f;
  --mie-button-bg-filled-main: #e01b24;
  --mie-button-bg-active: rgba(133, 16, 21, 0.8);
  --mie-button-bg-hover: rgba(201, 24, 32, 0.6);
  --mie-button-bg-transparent: rgba(224, 27, 36, 0);
  --mie-button-bg-main: rgba(224, 27, 36, 0.4);
}

[data-theme=dark] .mie.button.success, .mie.button.success[data-theme=dark] {
  --mie-button-fg-op: #6bdca8;
  --mie-button-fg-filled: #0e3b26;
  --mie-button-fg: #30cb84;
  --mie-button-bg-filled-active: #1a7049;
  --mie-button-bg-filled-hover: #1f8556;
  --mie-button-bg-filled-main: #26a269;
  --mie-button-bg-active: rgba(19, 79, 51, 0.8);
  --mie-button-bg-hover: rgba(33, 141, 92, 0.6);
  --mie-button-bg-transparent: rgba(38, 162, 105, 0);
  --mie-button-bg-main: rgba(38, 162, 105, 0.4);
}

:root, [data-theme=light] .mie.checkbox, .mie.checkbox[data-theme=light] {
  --mie-checkbox-border-active: #3584e4;
  --mie-checkbox-border: rgba(0, 0, 0, 0.36);
  --mie-checkbox-icon-fg: white;
  --mie-checkbox-fg: rgba(0, 0, 0, 0.82);
  --mie-checkbox-bg: #3584e4;
}

:root, [data-theme=light] .mie.checkbox.accent, .mie.checkbox.accent[data-theme=light] {
  --mie-checkbox-border-active: rgba(53, 132, 228, 0.5);
  --mie-checkbox-bg: #3584e4;
}

:root, [data-theme=light] .mie.checkbox.warning, .mie.checkbox.warning[data-theme=light] {
  --mie-checkbox-border-active: rgba(229, 165, 10, 0.5);
  --mie-checkbox-bg: #e5a50a;
}

:root, [data-theme=light] .mie.checkbox.error, .mie.checkbox.error[data-theme=light] {
  --mie-checkbox-border-active: rgba(224, 27, 36, 0.5);
  --mie-checkbox-bg: #e01b24;
}

:root, [data-theme=light] .mie.checkbox.success, .mie.checkbox.success[data-theme=light] {
  --mie-checkbox-border-active: rgba(46, 194, 126, 0.5);
  --mie-checkbox-bg: #2ec27e;
}

[data-theme=dark] .mie.checkbox, .mie.checkbox[data-theme=dark] {
  --mie-checkbox-border-active: #3584e4;
  --mie-checkbox-border: rgba(255, 255, 255, 0.36);
  --mie-checkbox-icon-fg: white;
  --mie-checkbox-fg: rgba(255, 255, 255, 0.82);
  --mie-checkbox-bg: #3584e4;
}

[data-theme=dark] .mie.checkbox.accent, .mie.checkbox.accent[data-theme=dark] {
  --mie-checkbox-border-active: rgba(53, 132, 228, 0.5);
  --mie-checkbox-bg: #3584e4;
}

[data-theme=dark] .mie.checkbox.warning, .mie.checkbox.warning[data-theme=dark] {
  --mie-checkbox-border-active: rgba(205, 147, 9, 0.5);
  --mie-checkbox-bg: #cd9309;
}

[data-theme=dark] .mie.checkbox.error, .mie.checkbox.error[data-theme=dark] {
  --mie-checkbox-border-active: rgba(224, 27, 36, 0.5);
  --mie-checkbox-bg: #e01b24;
}

[data-theme=dark] .mie.checkbox.success, .mie.checkbox.success[data-theme=dark] {
  --mie-checkbox-border-active: rgba(38, 162, 105, 0.5);
  --mie-checkbox-bg: #26a269;
}

:root, [data-theme=light] .mie.divider, .mie.divider[data-theme=light] {
  --mie-divider-bg: rgba(0, 0, 0, 0.07);
}

:root, [data-theme=light] .mie.divider.accent, .mie.divider.accent[data-theme=light] {
  --mie-divider-bg: rgba(53, 132, 228, 0.07);
}

:root, [data-theme=light] .mie.divider.warning, .mie.divider.warning[data-theme=light] {
  --mie-divider-bg: rgba(229, 165, 10, 0.07);
}

:root, [data-theme=light] .mie.divider.error, .mie.divider.error[data-theme=light] {
  --mie-divider-bg: rgba(224, 27, 36, 0.07);
}

:root, [data-theme=light] .mie.divider.success, .mie.divider.success[data-theme=light] {
  --mie-divider-bg: rgba(46, 194, 126, 0.07);
}

[data-theme=dark] .mie.divider, .mie.divider[data-theme=dark] {
  --mie-divider-bg: rgba(255, 255, 255, 0.07);
}

[data-theme=dark] .mie.divider.accent, .mie.divider.accent[data-theme=dark] {
  --mie-divider-bg: rgba(53, 132, 228, 0.07);
}

[data-theme=dark] .mie.divider.warning, .mie.divider.warning[data-theme=dark] {
  --mie-divider-bg: rgba(205, 147, 9, 0.07);
}

[data-theme=dark] .mie.divider.error, .mie.divider.error[data-theme=dark] {
  --mie-divider-bg: rgba(224, 27, 36, 0.07);
}

[data-theme=dark] .mie.divider.success, .mie.divider.success[data-theme=dark] {
  --mie-divider-bg: rgba(38, 162, 105, 0.07);
}

:root, [data-theme=light] .mie.entry, .mie.entry[data-theme=light] {
  --mie-entry-label-fg: rgba(0, 0, 0, 0.6);
  --mie-entry-value-fg: #000;
  --mie-entry-border-bg: rgba(0, 0, 0, 0.07);
  --mie-entry-bg-outline: #1c71d8;
  --mie-entry-bg-overlay: transparent;
  --mie-entry-bg-main: #f5f5f5;
}

:root, [data-theme=light] .mie.entry.accent, .mie.entry.accent[data-theme=light] {
  --mie-entry-label-fg: #3584e4;
  --mie-entry-value-fg: rgba(53, 132, 228, 0.82);
  --mie-entry-border-bg: rgba(53, 132, 228, 0.07);
  --mie-entry-bg-overlay: rgba(53, 132, 228, 0.2);
  --mie-entry-bg-outline: #3584e4;
}

:root, [data-theme=light] .mie.entry.warning, .mie.entry.warning[data-theme=light] {
  --mie-entry-label-fg: #e5a50a;
  --mie-entry-value-fg: rgba(229, 165, 10, 0.82);
  --mie-entry-border-bg: rgba(229, 165, 10, 0.07);
  --mie-entry-bg-overlay: rgba(229, 165, 10, 0.2);
  --mie-entry-bg-outline: #e5a50a;
}

:root, [data-theme=light] .mie.entry.error, .mie.entry.error[data-theme=light] {
  --mie-entry-label-fg: #e01b24;
  --mie-entry-value-fg: rgba(224, 27, 36, 0.82);
  --mie-entry-border-bg: rgba(224, 27, 36, 0.07);
  --mie-entry-bg-overlay: rgba(224, 27, 36, 0.2);
  --mie-entry-bg-outline: #e01b24;
}

:root, [data-theme=light] .mie.entry.success, .mie.entry.success[data-theme=light] {
  --mie-entry-label-fg: #2ec27e;
  --mie-entry-value-fg: rgba(46, 194, 126, 0.82);
  --mie-entry-border-bg: rgba(46, 194, 126, 0.07);
  --mie-entry-bg-overlay: rgba(46, 194, 126, 0.2);
  --mie-entry-bg-outline: #2ec27e;
}

[data-theme=dark] .mie.entry, .mie.entry[data-theme=dark] {
  --mie-entry-label-fg: rgba(255, 255, 255, 0.6);
  --mie-entry-value-fg: #fff;
  --mie-entry-border-bg: rgba(255, 255, 255, 0.07);
  --mie-entry-bg-outline: #78aeed;
  --mie-entry-bg-overlay: transparent;
  --mie-entry-bg-main: #343434;
}

[data-theme=dark] .mie.entry.accent, .mie.entry.accent[data-theme=dark] {
  --mie-entry-label-fg: rgba(53, 132, 228, 0.82);
  --mie-entry-value-fg: rgba(53, 132, 228, 0.82);
  --mie-entry-border-bg: rgba(53, 132, 228, 0.07);
  --mie-entry-bg-overlay: rgba(53, 132, 228, 0.15);
  --mie-entry-bg-outline: #3584e4;
}

[data-theme=dark] .mie.entry.warning, .mie.entry.warning[data-theme=dark] {
  --mie-entry-label-fg: rgba(205, 147, 9, 0.82);
  --mie-entry-value-fg: rgba(205, 147, 9, 0.82);
  --mie-entry-border-bg: rgba(205, 147, 9, 0.07);
  --mie-entry-bg-overlay: rgba(205, 147, 9, 0.15);
  --mie-entry-bg-outline: #cd9309;
}

[data-theme=dark] .mie.entry.error, .mie.entry.error[data-theme=dark] {
  --mie-entry-label-fg: rgba(224, 27, 36, 0.82);
  --mie-entry-value-fg: rgba(224, 27, 36, 0.82);
  --mie-entry-border-bg: rgba(224, 27, 36, 0.07);
  --mie-entry-bg-overlay: rgba(224, 27, 36, 0.15);
  --mie-entry-bg-outline: #e01b24;
}

[data-theme=dark] .mie.entry.success, .mie.entry.success[data-theme=dark] {
  --mie-entry-label-fg: rgba(38, 162, 105, 0.82);
  --mie-entry-value-fg: rgba(38, 162, 105, 0.82);
  --mie-entry-border-bg: rgba(38, 162, 105, 0.07);
  --mie-entry-bg-overlay: rgba(38, 162, 105, 0.15);
  --mie-entry-bg-outline: #26a269;
}

:root, [data-theme=light] .mie.header, .mie.header[data-theme=light] {
  --mie-header-subtitle-fg: rgba(0, 0, 0, 0.6);
  --mie-header-title-fg: #000;
}

:root, [data-theme=light] .mie.header.accent, .mie.header.accent[data-theme=light] {
  --mie-header-subtitle-fg: rgba(53, 132, 228, 0.6);
  --mie-header-title-fg: #3584e4;
}

:root, [data-theme=light] .mie.header.warning, .mie.header.warning[data-theme=light] {
  --mie-header-subtitle-fg: rgba(229, 165, 10, 0.6);
  --mie-header-title-fg: #e5a50a;
}

:root, [data-theme=light] .mie.header.error, .mie.header.error[data-theme=light] {
  --mie-header-subtitle-fg: rgba(224, 27, 36, 0.6);
  --mie-header-title-fg: #e01b24;
}

:root, [data-theme=light] .mie.header.success, .mie.header.success[data-theme=light] {
  --mie-header-subtitle-fg: rgba(46, 194, 126, 0.6);
  --mie-header-title-fg: #2ec27e;
}

[data-theme=dark] .mie.header, .mie.header[data-theme=dark] {
  --mie-header-subtitle-fg: rgba(255, 255, 255, 0.6);
  --mie-header-title-fg: #fff;
}

[data-theme=dark] .mie.header.accent, .mie.header.accent[data-theme=dark] {
  --mie-header-subtitle-fg: rgba(53, 132, 228, 0.6);
  --mie-header-title-fg: #3584e4;
}

[data-theme=dark] .mie.header.warning, .mie.header.warning[data-theme=dark] {
  --mie-header-subtitle-fg: rgba(205, 147, 9, 0.6);
  --mie-header-title-fg: #cd9309;
}

[data-theme=dark] .mie.header.error, .mie.header.error[data-theme=dark] {
  --mie-header-subtitle-fg: rgba(224, 27, 36, 0.6);
  --mie-header-title-fg: #e01b24;
}

[data-theme=dark] .mie.header.success, .mie.header.success[data-theme=dark] {
  --mie-header-subtitle-fg: rgba(38, 162, 105, 0.6);
  --mie-header-title-fg: #26a269;
}

:root, [data-theme=light] .mie.icon, .mie.icon[data-theme=light] {
  --mie-icon-fg: rgba(0, 0, 0, 0.82);
  --mie-icon-bg-main: transparent;
  --mie-icon-bg-filled: #fafafa;
}

:root, [data-theme=light] .mie.icon.accent, .mie.icon.accent[data-theme=light] {
  --mie-icon-fg: #3584e4;
  --mie-icon-bg-main: rgba(53, 132, 228, 0.3);
  --mie-icon-bg-filled: #1b6acb;
}

:root, [data-theme=light] .mie.icon.warning, .mie.icon.warning[data-theme=light] {
  --mie-icon-fg: #e5a50a;
  --mie-icon-bg-main: rgba(229, 165, 10, 0.3);
  --mie-icon-bg-filled: #b48208;
}

:root, [data-theme=light] .mie.icon.error, .mie.icon.error[data-theme=light] {
  --mie-icon-fg: #e01b24;
  --mie-icon-bg-main: rgba(224, 27, 36, 0.3);
  --mie-icon-bg-filled: #b2161d;
}

:root, [data-theme=light] .mie.icon.success, .mie.icon.success[data-theme=light] {
  --mie-icon-fg: #2ec27e;
  --mie-icon-bg-main: rgba(46, 194, 126, 0.3);
  --mie-icon-bg-filled: #249963;
}

[data-theme=dark] .mie.icon, .mie.icon[data-theme=dark] {
  --mie-icon-fg: #fff;
  --mie-icon-bg-main: transparent;
  --mie-icon-bg-filled: #383838;
}

[data-theme=dark] .mie.icon.accent, .mie.icon.accent[data-theme=dark] {
  --mie-icon-fg: #3584e4;
  --mie-icon-bg-main: rgba(53, 132, 228, 0.3);
  --mie-icon-bg-filled: #629fea;
}

[data-theme=dark] .mie.icon.warning, .mie.icon.warning[data-theme=dark] {
  --mie-icon-fg: #cd9309;
  --mie-icon-bg-main: rgba(205, 147, 9, 0.3);
  --mie-icon-bg-filled: #f5b214;
}

[data-theme=dark] .mie.icon.error, .mie.icon.error[data-theme=dark] {
  --mie-icon-fg: #e01b24;
  --mie-icon-bg-main: rgba(224, 27, 36, 0.3);
  --mie-icon-bg-filled: #e9454d;
}

[data-theme=dark] .mie.icon.success, .mie.icon.success[data-theme=dark] {
  --mie-icon-fg: #26a269;
  --mie-icon-bg-main: rgba(38, 162, 105, 0.3);
  --mie-icon-bg-filled: #30cb84;
}

:root, [data-theme=light] .mie.image, .mie.image[data-theme=light] {
  --mie-image-border-bg: rgba(0, 0, 0, 0.1);
  --mie-image-bg: rgba(0, 0, 0, 0.1);
}

:root, [data-theme=light] .mie.image.accent, .mie.image.accent[data-theme=light] {
  --mie-image-border-bg: rgba(53, 132, 228, 0.6);
  --mie-image-bg: rgba(53, 132, 228, 0.1);
}

:root, [data-theme=light] .mie.image.warning, .mie.image.warning[data-theme=light] {
  --mie-image-border-bg: rgba(229, 165, 10, 0.6);
  --mie-image-bg: rgba(229, 165, 10, 0.1);
}

:root, [data-theme=light] .mie.image.error, .mie.image.error[data-theme=light] {
  --mie-image-border-bg: rgba(224, 27, 36, 0.6);
  --mie-image-bg: rgba(224, 27, 36, 0.1);
}

:root, [data-theme=light] .mie.image.success, .mie.image.success[data-theme=light] {
  --mie-image-border-bg: rgba(46, 194, 126, 0.6);
  --mie-image-bg: rgba(46, 194, 126, 0.1);
}

[data-theme=dark] .mie.image, .mie.image[data-theme=dark] {
  --mie-image-border-bg: rgba(255, 255, 255, 0.1);
  --mie-image-bg: rgba(255, 255, 255, 0.1);
}

[data-theme=dark] .mie.image.accent, .mie.image.accent[data-theme=dark] {
  --mie-image-border-bg: rgba(53, 132, 228, 0.6);
  --mie-image-bg: rgba(53, 132, 228, 0.1);
}

[data-theme=dark] .mie.image.warning, .mie.image.warning[data-theme=dark] {
  --mie-image-border-bg: rgba(205, 147, 9, 0.6);
  --mie-image-bg: rgba(205, 147, 9, 0.1);
}

[data-theme=dark] .mie.image.error, .mie.image.error[data-theme=dark] {
  --mie-image-border-bg: rgba(224, 27, 36, 0.6);
  --mie-image-bg: rgba(224, 27, 36, 0.1);
}

[data-theme=dark] .mie.image.success, .mie.image.success[data-theme=dark] {
  --mie-image-border-bg: rgba(38, 162, 105, 0.6);
  --mie-image-bg: rgba(38, 162, 105, 0.1);
}

:root, [data-theme=light] .mie.item, .mie.item[data-theme=light] {
  --mie-item-description-fg: rgba(0, 0, 0, 0.6);
  --mie-item-title-fg: rgba(0, 0, 0, 0.82);
}

:root, [data-theme=light] .mie.item.accent, .mie.item.accent[data-theme=light] {
  --mie-item-description-fg: rgba(53, 132, 228, 0.6);
  --mie-item-title-fg: rgba(53, 132, 228, 0.82);
}

:root, [data-theme=light] .mie.item.warning, .mie.item.warning[data-theme=light] {
  --mie-item-description-fg: rgba(229, 165, 10, 0.6);
  --mie-item-title-fg: rgba(229, 165, 10, 0.82);
}

:root, [data-theme=light] .mie.item.error, .mie.item.error[data-theme=light] {
  --mie-item-description-fg: rgba(224, 27, 36, 0.6);
  --mie-item-title-fg: rgba(224, 27, 36, 0.82);
}

:root, [data-theme=light] .mie.item.success, .mie.item.success[data-theme=light] {
  --mie-item-description-fg: rgba(46, 194, 126, 0.6);
  --mie-item-title-fg: rgba(46, 194, 126, 0.82);
}

[data-theme=dark] .mie.item, .mie.item[data-theme=dark] {
  --mie-item-description-fg: rgba(255, 255, 255, 0.6);
  --mie-item-title-fg: rgba(255, 255, 255, 0.82);
}

[data-theme=dark] .mie.item.accent, .mie.item.accent[data-theme=dark] {
  --mie-item-description-fg: rgba(53, 132, 228, 0.6);
  --mie-item-title-fg: rgba(53, 132, 228, 0.82);
}

[data-theme=dark] .mie.item.warning, .mie.item.warning[data-theme=dark] {
  --mie-item-description-fg: rgba(205, 147, 9, 0.6);
  --mie-item-title-fg: rgba(205, 147, 9, 0.82);
}

[data-theme=dark] .mie.item.error, .mie.item.error[data-theme=dark] {
  --mie-item-description-fg: rgba(224, 27, 36, 0.6);
  --mie-item-title-fg: rgba(224, 27, 36, 0.82);
}

[data-theme=dark] .mie.item.success, .mie.item.success[data-theme=dark] {
  --mie-item-description-fg: rgba(38, 162, 105, 0.6);
  --mie-item-title-fg: rgba(38, 162, 105, 0.82);
}

:root, [data-theme=light] .mie.label, .mie.label[data-theme=light] {
  --mie-label-border-bg: rgba(0, 0, 0, 0.1);
  --mie-label-fg: rgba(0, 0, 0, 0.82);
  --mie-label-bg: #c0bfbc;
}

:root, [data-theme=light] .mie.label.accent, .mie.label.accent[data-theme=light] {
  --mie-label-fg: #d2e4f9;
  --mie-label-border-bg: #1f76e1;
  --mie-label-bg: #3584e4;
}

:root, [data-theme=light] .mie.label.warning, .mie.label.warning[data-theme=light] {
  --mie-label-fg: #fbe2a6;
  --mie-label-border-bg: #cd9309;
  --mie-label-bg: #e5a50a;
}

:root, [data-theme=light] .mie.label.error, .mie.label.error[data-theme=light] {
  --mie-label-fg: #f6b7ba;
  --mie-label-border-bg: #c91820;
  --mie-label-bg: #e01b24;
}

:root, [data-theme=light] .mie.label.success, .mie.label.success[data-theme=light] {
  --mie-label-fg: #b5edd4;
  --mie-label-border-bg: #29ad71;
  --mie-label-bg: #2ec27e;
}

[data-theme=dark] .mie.label, .mie.label[data-theme=dark] {
  --mie-label-border-bg: rgba(255, 255, 255, 0.1);
  --mie-label-fg: rgba(255, 255, 255, 0.82);
  --mie-label-bg: #616161;
}

[data-theme=dark] .mie.label.accent, .mie.label.accent[data-theme=dark] {
  --mie-label-fg: #d2e4f9;
  --mie-label-border-bg: #1f76e1;
  --mie-label-bg: #3584e4;
}

[data-theme=dark] .mie.label.warning, .mie.label.warning[data-theme=dark] {
  --mie-label-fg: #fada8e;
  --mie-label-border-bg: #b58108;
  --mie-label-bg: #cd9309;
}

[data-theme=dark] .mie.label.error, .mie.label.error[data-theme=dark] {
  --mie-label-fg: #f6b7ba;
  --mie-label-border-bg: #c91820;
  --mie-label-bg: #e01b24;
}

[data-theme=dark] .mie.label.success, .mie.label.success[data-theme=dark] {
  --mie-label-fg: #94e6c1;
  --mie-label-border-bg: #218d5c;
  --mie-label-bg: #26a269;
}

:root, [data-theme=light] .mie.progress, .mie.progress[data-theme=light] {
  --mie-progress-bg: #ebe8e6;
}

:root, [data-theme=light] .mie.progress.accent, .mie.progress.accent[data-theme=light] {
  --mie-progress-bg: rgba(53, 132, 228, 0.2);
}

:root, [data-theme=light] .mie.progress.warning, .mie.progress.warning[data-theme=light] {
  --mie-progress-bg: rgba(229, 165, 10, 0.2);
}

:root, [data-theme=light] .mie.progress.error, .mie.progress.error[data-theme=light] {
  --mie-progress-bg: rgba(224, 27, 36, 0.2);
}

:root, [data-theme=light] .mie.progress.success, .mie.progress.success[data-theme=light] {
  --mie-progress-bg: rgba(46, 194, 126, 0.2);
}

[data-theme=dark] .mie.progress, .mie.progress[data-theme=dark] {
  --mie-progress-bg: #282828;
}

[data-theme=dark] .mie.progress.accent, .mie.progress.accent[data-theme=dark] {
  --mie-progress-bg: rgba(53, 132, 228, 0.2);
}

[data-theme=dark] .mie.progress.warning, .mie.progress.warning[data-theme=dark] {
  --mie-progress-bg: rgba(205, 147, 9, 0.2);
}

[data-theme=dark] .mie.progress.error, .mie.progress.error[data-theme=dark] {
  --mie-progress-bg: rgba(224, 27, 36, 0.2);
}

[data-theme=dark] .mie.progress.success, .mie.progress.success[data-theme=dark] {
  --mie-progress-bg: rgba(38, 162, 105, 0.2);
}

:root, [data-theme=light] .mie.progressbar, .mie.progressbar[data-theme=light] {
  --mie-progressbar-indeterminate-bg: rgba(0, 0, 0, 0.3);
  --mie-progressbar-bg: #3584e4;
  --mie-progressbar-fg: #fff;
}

:root, [data-theme=light] .mie.progressbar.accent, .mie.progressbar.accent[data-theme=light] {
  --mie-progressbar-indeterminate-bg: #3584e4;
  --mie-progressbar-bg: #3584e4;
}

:root, [data-theme=light] .mie.progressbar.warning, .mie.progressbar.warning[data-theme=light] {
  --mie-progressbar-indeterminate-bg: #e5a50a;
  --mie-progressbar-bg: #e5a50a;
}

:root, [data-theme=light] .mie.progressbar.error, .mie.progressbar.error[data-theme=light] {
  --mie-progressbar-indeterminate-bg: #e01b24;
  --mie-progressbar-bg: #e01b24;
}

:root, [data-theme=light] .mie.progressbar.success, .mie.progressbar.success[data-theme=light] {
  --mie-progressbar-indeterminate-bg: #2ec27e;
  --mie-progressbar-bg: #2ec27e;
}

[data-theme=dark] .mie.progressbar, .mie.progressbar[data-theme=dark] {
  --mie-progressbar-indeterminate-bg: rgba(0, 0, 0, 0.3);
  --mie-progressbar-bg: #15539e;
  --mie-progressbar-fg: #fff;
}

[data-theme=dark] .mie.progressbar.accent, .mie.progressbar.accent[data-theme=dark] {
  --mie-progressbar-indeterminate-bg: #3584e4;
  --mie-progressbar-bg: #3584e4;
}

[data-theme=dark] .mie.progressbar.warning, .mie.progressbar.warning[data-theme=dark] {
  --mie-progressbar-indeterminate-bg: #cd9309;
  --mie-progressbar-bg: #cd9309;
}

[data-theme=dark] .mie.progressbar.error, .mie.progressbar.error[data-theme=dark] {
  --mie-progressbar-indeterminate-bg: #e01b24;
  --mie-progressbar-bg: #e01b24;
}

[data-theme=dark] .mie.progressbar.success, .mie.progressbar.success[data-theme=dark] {
  --mie-progressbar-indeterminate-bg: #26a269;
  --mie-progressbar-bg: #26a269;
}

:root, [data-theme=light] .mie.radio, .mie.radio[data-theme=light] {
  --mie-radio-border-active: #1a5fb4;
  --mie-radio-bg: #3584e4;
  --mie-radio-fg: rgba(0, 0, 0, 0.6);
}

:root, [data-theme=light] .mie.radio.accent, .mie.radio.accent[data-theme=light] {
  --mie-radio-border-active: #185fb4;
  --mie-radio-bg: #3584e4;
}

:root, [data-theme=light] .mie.radio.warning, .mie.radio.warning[data-theme=light] {
  --mie-radio-border-active: #9c7007;
  --mie-radio-bg: #e5a50a;
}

:root, [data-theme=light] .mie.radio.error, .mie.radio.error[data-theme=light] {
  --mie-radio-border-active: #9c1319;
  --mie-radio-bg: #e01b24;
}

:root, [data-theme=light] .mie.radio.success, .mie.radio.success[data-theme=light] {
  --mie-radio-border-active: #1f8456;
  --mie-radio-bg: #2ec27e;
}

[data-theme=dark] .mie.radio, .mie.radio[data-theme=dark] {
  --mie-radio-border-active: #1a5fb4;
  --mie-radio-bg: #3584e4;
  --mie-radio-fg: rgba(255, 255, 255, 0.6);
}

[data-theme=dark] .mie.radio.accent, .mie.radio.accent[data-theme=dark] {
  --mie-radio-border-active: #185fb4;
  --mie-radio-bg: #3584e4;
}

[data-theme=dark] .mie.radio.warning, .mie.radio.warning[data-theme=dark] {
  --mie-radio-border-active: #845e06;
  --mie-radio-bg: #cd9309;
}

[data-theme=dark] .mie.radio.error, .mie.radio.error[data-theme=dark] {
  --mie-radio-border-active: #9c1319;
  --mie-radio-bg: #e01b24;
}

[data-theme=dark] .mie.radio.success, .mie.radio.success[data-theme=dark] {
  --mie-radio-border-active: #176441;
  --mie-radio-bg: #26a269;
}

:root, [data-theme=light] .mie.select, .mie.select[data-theme=light] {
  --mie-select-label-fg: rgba(0, 0, 0, 0.6);
  --mie-select-value-fg: rgba(0, 0, 0, 0.82);
  --mie-select-border-bg: rgba(0, 0, 0, 0.07);
  --mie-select-bg-outline: #1c71d8;
  --mie-select-bg-overlay: transparent;
  --mie-select-bg-main: #f5f5f5;
  --mie-select-bg-menu: #f2f2f2;
}

:root, [data-theme=light] .mie.select.accent, .mie.select.accent[data-theme=light] {
  --mie-select-label-fg: #3584e4;
  --mie-select-value-fg: rgba(53, 132, 228, 0.82);
  --mie-select-border-bg: rgba(53, 132, 228, 0.07);
  --mie-select-bg-overlay: rgba(53, 132, 228, 0.2);
  --mie-select-bg-outline: #3584e4;
}

:root, [data-theme=light] .mie.select.warning, .mie.select.warning[data-theme=light] {
  --mie-select-label-fg: #e5a50a;
  --mie-select-value-fg: rgba(229, 165, 10, 0.82);
  --mie-select-border-bg: rgba(229, 165, 10, 0.07);
  --mie-select-bg-overlay: rgba(229, 165, 10, 0.2);
  --mie-select-bg-outline: #e5a50a;
}

:root, [data-theme=light] .mie.select.error, .mie.select.error[data-theme=light] {
  --mie-select-label-fg: #e01b24;
  --mie-select-value-fg: rgba(224, 27, 36, 0.82);
  --mie-select-border-bg: rgba(224, 27, 36, 0.07);
  --mie-select-bg-overlay: rgba(224, 27, 36, 0.2);
  --mie-select-bg-outline: #e01b24;
}

:root, [data-theme=light] .mie.select.success, .mie.select.success[data-theme=light] {
  --mie-select-label-fg: #2ec27e;
  --mie-select-value-fg: rgba(46, 194, 126, 0.82);
  --mie-select-border-bg: rgba(46, 194, 126, 0.07);
  --mie-select-bg-overlay: rgba(46, 194, 126, 0.2);
  --mie-select-bg-outline: #2ec27e;
}

[data-theme=dark] .mie.select, .mie.select[data-theme=dark] {
  --mie-select-label-fg: rgba(255, 255, 255, 0.6);
  --mie-select-value-fg: #fff;
  --mie-select-border-bg: rgba(255, 255, 255, 0.07);
  --mie-select-bg-outline: #78aeed;
  --mie-select-bg-overlay: transparent;
  --mie-select-bg-main: #343434;
  --mie-select-bg-menu: #2a2a2a;
}

[data-theme=dark] .mie.select.accent, .mie.select.accent[data-theme=dark] {
  --mie-select-label-fg: rgba(53, 132, 228, 0.82);
  --mie-select-value-fg: rgba(53, 132, 228, 0.82);
  --mie-select-border-bg: rgba(53, 132, 228, 0.07);
  --mie-select-bg-overlay: rgba(53, 132, 228, 0.15);
  --mie-select-bg-outline: #3584e4;
}

[data-theme=dark] .mie.select.warning, .mie.select.warning[data-theme=dark] {
  --mie-select-label-fg: rgba(205, 147, 9, 0.82);
  --mie-select-value-fg: rgba(205, 147, 9, 0.82);
  --mie-select-border-bg: rgba(205, 147, 9, 0.07);
  --mie-select-bg-overlay: rgba(205, 147, 9, 0.15);
  --mie-select-bg-outline: #cd9309;
}

[data-theme=dark] .mie.select.error, .mie.select.error[data-theme=dark] {
  --mie-select-label-fg: rgba(224, 27, 36, 0.82);
  --mie-select-value-fg: rgba(224, 27, 36, 0.82);
  --mie-select-border-bg: rgba(224, 27, 36, 0.07);
  --mie-select-bg-overlay: rgba(224, 27, 36, 0.15);
  --mie-select-bg-outline: #e01b24;
}

[data-theme=dark] .mie.select.success, .mie.select.success[data-theme=dark] {
  --mie-select-label-fg: rgba(38, 162, 105, 0.82);
  --mie-select-value-fg: rgba(38, 162, 105, 0.82);
  --mie-select-border-bg: rgba(38, 162, 105, 0.07);
  --mie-select-bg-overlay: rgba(38, 162, 105, 0.15);
  --mie-select-bg-outline: #26a269;
}

:root, [data-theme=light] .mie.slider, .mie.slider[data-theme=light] {
  --mie-slider-bg-range: #3584e4;
  --mie-slider-bg-slider: #deddda;
  --mie-slider-bg-thumb: #fff;
  --mie-slider-thumb-border: rgba(0, 0, 0, 0.07);
}

:root, [data-theme=light] .mie.slider.accent, .mie.slider.accent[data-theme=light] {
  --mie-slider-bg-thumb: #629fea;
  --mie-slider-bg-range: #3584e4;
}

:root, [data-theme=light] .mie.slider.warning, .mie.slider.warning[data-theme=light] {
  --mie-slider-bg-thumb: #f6bb2c;
  --mie-slider-bg-range: #e5a50a;
}

:root, [data-theme=light] .mie.slider.error, .mie.slider.error[data-theme=light] {
  --mie-slider-bg-thumb: #e9454d;
  --mie-slider-bg-range: #e01b24;
}

:root, [data-theme=light] .mie.slider.success, .mie.slider.success[data-theme=light] {
  --mie-slider-bg-thumb: #4ed597;
  --mie-slider-bg-range: #2ec27e;
}

[data-theme=dark] .mie.slider, .mie.slider[data-theme=dark] {
  --mie-slider-bg-slider: #282828;
  --mie-slider-bg-range: #15539e;
  --mie-slider-bg-thumb: #383838;
  --mie-slider-thumb-border: rgba(255, 255, 255, 0.03);
}

[data-theme=dark] .mie.slider.accent, .mie.slider.accent[data-theme=dark] {
  --mie-slider-bg-thumb: #629fea;
  --mie-slider-bg-range: #3584e4;
}

[data-theme=dark] .mie.slider.warning, .mie.slider.warning[data-theme=dark] {
  --mie-slider-bg-thumb: #f5b214;
  --mie-slider-bg-range: #cd9309;
}

[data-theme=dark] .mie.slider.error, .mie.slider.error[data-theme=dark] {
  --mie-slider-bg-thumb: #e9454d;
  --mie-slider-bg-range: #e01b24;
}

[data-theme=dark] .mie.slider.success, .mie.slider.success[data-theme=dark] {
  --mie-slider-bg-thumb: #30cb84;
  --mie-slider-bg-range: #26a269;
}

:root, [data-theme=light] .mie.text, .mie.text[data-theme=light] {
  --mie-text-inverted-fg-muted: rgba(255, 255, 255, 0.6);
  --mie-text-inverted-fg: rgba(255, 255, 255, 0.82);
  --mie-text-fg-muted: rgba(0, 0, 0, 0.6);
  --mie-text-fg: rgba(0, 0, 0, 0.82);
}

:root, [data-theme=light] .mie.text.accent, .mie.text.accent[data-theme=light] {
  --mie-text-fg: #3584e4;
  --mie-text-fg-muted: #3584e4;
}

:root, [data-theme=light] .mie.text.warning, .mie.text.warning[data-theme=light] {
  --mie-text-fg: #e5a50a;
  --mie-text-fg-muted: #e5a50a;
}

:root, [data-theme=light] .mie.text.error, .mie.text.error[data-theme=light] {
  --mie-text-fg: #e01b24;
  --mie-text-fg-muted: #e01b24;
}

:root, [data-theme=light] .mie.text.success, .mie.text.success[data-theme=light] {
  --mie-text-fg: #2ec27e;
  --mie-text-fg-muted: #2ec27e;
}

[data-theme=dark] .mie.text, .mie.text[data-theme=dark] {
  --mie-text-inverted-fg-muted: rgba(0, 0, 0, 0.6);
  --mie-text-inverted-fg: rgba(0, 0, 0, 0.82);
  --mie-text-fg-muted: rgba(255, 255, 255, 0.6);
  --mie-text-fg: rgba(255, 255, 255, 0.82);
}

[data-theme=dark] .mie.text.accent, .mie.text.accent[data-theme=dark] {
  --mie-text-fg: #3584e4;
  --mie-text-fg-muted: #3584e4;
}

[data-theme=dark] .mie.text.warning, .mie.text.warning[data-theme=dark] {
  --mie-text-fg: #cd9309;
  --mie-text-fg-muted: #cd9309;
}

[data-theme=dark] .mie.text.error, .mie.text.error[data-theme=dark] {
  --mie-text-fg: #e01b24;
  --mie-text-fg-muted: #e01b24;
}

[data-theme=dark] .mie.text.success, .mie.text.success[data-theme=dark] {
  --mie-text-fg: #26a269;
  --mie-text-fg-muted: #26a269;
}

:root, [data-theme=light] .mie.toggle, .mie.toggle[data-theme=light] {
  --mie-toggle-border: rgba(0, 0, 0, 0.36);
  --mie-toggle-icon-fg: white;
  --mie-toggle-fg: rgba(0, 0, 0, 0.6);
  --mie-toggle-bg-active: #3584e4;
  --mie-toggle-bg-inactive: #bebebe;
}

:root, [data-theme=light] .mie.toggle.accent, .mie.toggle.accent[data-theme=light] {
  --mie-toggle-bg-inactive: #bebebe;
  --mie-toggle-bg-active: #3584e4;
}

:root, [data-theme=light] .mie.toggle.warning, .mie.toggle.warning[data-theme=light] {
  --mie-toggle-bg-inactive: #bebebe;
  --mie-toggle-bg-active: #e5a50a;
}

:root, [data-theme=light] .mie.toggle.error, .mie.toggle.error[data-theme=light] {
  --mie-toggle-bg-inactive: #bebebe;
  --mie-toggle-bg-active: #e01b24;
}

:root, [data-theme=light] .mie.toggle.success, .mie.toggle.success[data-theme=light] {
  --mie-toggle-bg-inactive: #bebebe;
  --mie-toggle-bg-active: #2ec27e;
}

[data-theme=dark] .mie.toggle, .mie.toggle[data-theme=dark] {
  --mie-toggle-border: rgba(0, 0, 0, 0.36);
  --mie-toggle-icon-fg: white;
  --mie-toggle-fg: rgba(255, 255, 255, 0.6);
  --mie-toggle-bg-active: #3584e4;
  --mie-toggle-bg-inactive: #bebebe;
}

[data-theme=dark] .mie.toggle.accent, .mie.toggle.accent[data-theme=dark] {
  --mie-toggle-bg-inactive: #bebebe;
  --mie-toggle-bg-active: #3584e4;
}

[data-theme=dark] .mie.toggle.warning, .mie.toggle.warning[data-theme=dark] {
  --mie-toggle-bg-inactive: #bebebe;
  --mie-toggle-bg-active: #cd9309;
}

[data-theme=dark] .mie.toggle.error, .mie.toggle.error[data-theme=dark] {
  --mie-toggle-bg-inactive: #bebebe;
  --mie-toggle-bg-active: #e01b24;
}

[data-theme=dark] .mie.toggle.success, .mie.toggle.success[data-theme=dark] {
  --mie-toggle-bg-inactive: #bebebe;
  --mie-toggle-bg-active: #26a269;
}

:root, [data-theme=light] .mie.activatable, .mie.activatable[data-theme=light] {
  --mie-activatable-bg-main: rgba(0, 0, 0, 0);
  --mie-activatable-bg-hover: rgba(0, 0, 0, 0.2);
  --mie-activatable-bg-active: rgba(0, 0, 0, 0.3);
}

:root, [data-theme=light] .mie.activatable.accent, .mie.activatable.accent[data-theme=light] {
  --mie-activatable-bg-main: rgba(53, 132, 228, 0);
  --mie-activatable-bg-active: rgba(53, 132, 228, 0.15);
  --mie-activatable-bg-hover: rgba(53, 132, 228, 0.25);
  --mie-activatable-bg-transparent: rgba(53, 132, 228, 0);
}

:root, [data-theme=light] .mie.activatable.warning, .mie.activatable.warning[data-theme=light] {
  --mie-activatable-bg-main: rgba(229, 165, 10, 0);
  --mie-activatable-bg-active: rgba(229, 165, 10, 0.15);
  --mie-activatable-bg-hover: rgba(229, 165, 10, 0.25);
  --mie-activatable-bg-transparent: rgba(229, 165, 10, 0);
}

:root, [data-theme=light] .mie.activatable.error, .mie.activatable.error[data-theme=light] {
  --mie-activatable-bg-main: rgba(224, 27, 36, 0);
  --mie-activatable-bg-active: rgba(224, 27, 36, 0.15);
  --mie-activatable-bg-hover: rgba(224, 27, 36, 0.25);
  --mie-activatable-bg-transparent: rgba(224, 27, 36, 0);
}

:root, [data-theme=light] .mie.activatable.success, .mie.activatable.success[data-theme=light] {
  --mie-activatable-bg-main: rgba(46, 194, 126, 0);
  --mie-activatable-bg-active: rgba(46, 194, 126, 0.15);
  --mie-activatable-bg-hover: rgba(46, 194, 126, 0.25);
  --mie-activatable-bg-transparent: rgba(46, 194, 126, 0);
}

[data-theme=dark] .mie.activatable, .mie.activatable[data-theme=dark] {
  --mie-activatable-bg-main: rgba(255, 255, 255, 0);
  --mie-activatable-bg-hover: rgba(255, 255, 255, 0.2);
  --mie-activatable-bg-active: rgba(255, 255, 255, 0.3);
}

[data-theme=dark] .mie.activatable.accent, .mie.activatable.accent[data-theme=dark] {
  --mie-activatable-bg-main: rgba(53, 132, 228, 0);
  --mie-activatable-bg-active: rgba(53, 132, 228, 0.15);
  --mie-activatable-bg-hover: rgba(53, 132, 228, 0.25);
  --mie-activatable-bg-transparent: rgba(53, 132, 228, 0);
}

[data-theme=dark] .mie.activatable.warning, .mie.activatable.warning[data-theme=dark] {
  --mie-activatable-bg-main: rgba(205, 147, 9, 0);
  --mie-activatable-bg-active: rgba(205, 147, 9, 0.15);
  --mie-activatable-bg-hover: rgba(205, 147, 9, 0.25);
  --mie-activatable-bg-transparent: rgba(205, 147, 9, 0);
}

[data-theme=dark] .mie.activatable.error, .mie.activatable.error[data-theme=dark] {
  --mie-activatable-bg-main: rgba(224, 27, 36, 0);
  --mie-activatable-bg-active: rgba(224, 27, 36, 0.15);
  --mie-activatable-bg-hover: rgba(224, 27, 36, 0.25);
  --mie-activatable-bg-transparent: rgba(224, 27, 36, 0);
}

[data-theme=dark] .mie.activatable.success, .mie.activatable.success[data-theme=dark] {
  --mie-activatable-bg-main: rgba(38, 162, 105, 0);
  --mie-activatable-bg-active: rgba(38, 162, 105, 0.15);
  --mie-activatable-bg-hover: rgba(38, 162, 105, 0.25);
  --mie-activatable-bg-transparent: rgba(38, 162, 105, 0);
}

:root, [data-theme=light] .mie.dialog, .mie.dialog[data-theme=light] {
  --mie-dialog-action-border: rgba(0, 0, 0, 0.07);
  --mie-dialog-bg: #fafafa;
}

:root, [data-theme=light] .mie.dialog.accent, .mie.dialog.accent[data-theme=light] {
  --mie-dialog-bg: #bcd6f6;
}

:root, [data-theme=light] .mie.dialog.warning, .mie.dialog.warning[data-theme=light] {
  --mie-dialog-bg: #fada8e;
}

:root, [data-theme=light] .mie.dialog.error, .mie.dialog.error[data-theme=light] {
  --mie-dialog-bg: #f4a0a4;
}

:root, [data-theme=light] .mie.dialog.success, .mie.dialog.success[data-theme=light] {
  --mie-dialog-bg: #a0e9c7;
}

[data-theme=dark] .mie.dialog, .mie.dialog[data-theme=dark] {
  --mie-dialog-action-border: rgba(255, 255, 255, 0.07);
  --mie-dialog-bg: #383838;
}

[data-theme=dark] .mie.dialog.accent, .mie.dialog.accent[data-theme=dark] {
  --mie-dialog-bg: #0f3b71;
}

[data-theme=dark] .mie.dialog.warning, .mie.dialog.warning[data-theme=dark] {
  --mie-dialog-bg: #3a2a03;
}

[data-theme=dark] .mie.dialog.error, .mie.dialog.error[data-theme=dark] {
  --mie-dialog-bg: #570b0e;
}

[data-theme=dark] .mie.dialog.success, .mie.dialog.success[data-theme=dark] {
  --mie-dialog-bg: #092619;
}

:root, [data-theme=light] .mie.headerbar, .mie.headerbar[data-theme=light] {
  --mie-headerbar-label-fg: rgba(0, 0, 0, 0.6);
  --mie-headerbar-value-fg: rgba(255, 255, 255, 0.82);
  --mie-headerbar-border: rgba(0, 0, 0, 0.07);
  --mie-headerbar-bg-outline: #1c71d8;
  --mie-headerbar-bg-overlay: transparent;
  --mie-headerbar-bg-main: #fff;
}

:root, [data-theme=light] .mie.headerbar.accent, .mie.headerbar.accent[data-theme=light] {
  --mie-headerbar-label-fg: rgba(53, 132, 228, 0.6);
  --mie-headerbar-value-fg: rgba(53, 132, 228, 0.82);
  --mie-headerbar-border: rgba(53, 132, 228, 0.07);
  --mie-headerbar-bg-overlay: rgba(53, 132, 228, 0.08);
  --mie-headerbar-bg-outline: #3584e4;
}

:root, [data-theme=light] .mie.headerbar.warning, .mie.headerbar.warning[data-theme=light] {
  --mie-headerbar-label-fg: rgba(229, 165, 10, 0.6);
  --mie-headerbar-value-fg: rgba(229, 165, 10, 0.82);
  --mie-headerbar-border: rgba(229, 165, 10, 0.07);
  --mie-headerbar-bg-overlay: rgba(229, 165, 10, 0.08);
  --mie-headerbar-bg-outline: #e5a50a;
}

:root, [data-theme=light] .mie.headerbar.error, .mie.headerbar.error[data-theme=light] {
  --mie-headerbar-label-fg: rgba(224, 27, 36, 0.6);
  --mie-headerbar-value-fg: rgba(224, 27, 36, 0.82);
  --mie-headerbar-border: rgba(224, 27, 36, 0.07);
  --mie-headerbar-bg-overlay: rgba(224, 27, 36, 0.08);
  --mie-headerbar-bg-outline: #e01b24;
}

:root, [data-theme=light] .mie.headerbar.success, .mie.headerbar.success[data-theme=light] {
  --mie-headerbar-label-fg: rgba(46, 194, 126, 0.6);
  --mie-headerbar-value-fg: rgba(46, 194, 126, 0.82);
  --mie-headerbar-border: rgba(46, 194, 126, 0.07);
  --mie-headerbar-bg-overlay: rgba(46, 194, 126, 0.08);
  --mie-headerbar-bg-outline: #2ec27e;
}

[data-theme=dark] .mie.headerbar, .mie.headerbar[data-theme=dark] {
  --mie-headerbar-label-fg: rgba(255, 255, 255, 0.6);
  --mie-headerbar-value-fg: #fff;
  --mie-headerbar-border: rgba(0, 0, 0, 0.37);
  --mie-headerbar-bg-outline: #78aeed;
  --mie-headerbar-bg-overlay: transparent;
  --mie-headerbar-bg-main: #434343;
}

[data-theme=dark] .mie.headerbar.accent, .mie.headerbar.accent[data-theme=dark] {
  --mie-headerbar-label-fg: rgba(53, 132, 228, 0.6);
  --mie-headerbar-value-fg: rgba(53, 132, 228, 0.82);
  --mie-headerbar-border: rgba(53, 132, 228, 0.07);
  --mie-headerbar-bg-overlay: rgba(53, 132, 228, 0.08);
  --mie-headerbar-bg-outline: #3584e4;
}

[data-theme=dark] .mie.headerbar.warning, .mie.headerbar.warning[data-theme=dark] {
  --mie-headerbar-label-fg: rgba(205, 147, 9, 0.6);
  --mie-headerbar-value-fg: rgba(205, 147, 9, 0.82);
  --mie-headerbar-border: rgba(205, 147, 9, 0.07);
  --mie-headerbar-bg-overlay: rgba(205, 147, 9, 0.08);
  --mie-headerbar-bg-outline: #cd9309;
}

[data-theme=dark] .mie.headerbar.error, .mie.headerbar.error[data-theme=dark] {
  --mie-headerbar-label-fg: rgba(224, 27, 36, 0.6);
  --mie-headerbar-value-fg: rgba(224, 27, 36, 0.82);
  --mie-headerbar-border: rgba(224, 27, 36, 0.07);
  --mie-headerbar-bg-overlay: rgba(224, 27, 36, 0.08);
  --mie-headerbar-bg-outline: #e01b24;
}

[data-theme=dark] .mie.headerbar.success, .mie.headerbar.success[data-theme=dark] {
  --mie-headerbar-label-fg: rgba(38, 162, 105, 0.6);
  --mie-headerbar-value-fg: rgba(38, 162, 105, 0.82);
  --mie-headerbar-border: rgba(38, 162, 105, 0.07);
  --mie-headerbar-bg-overlay: rgba(38, 162, 105, 0.08);
  --mie-headerbar-bg-outline: #26a269;
}

:root, [data-theme=light] .mie.message, .mie.message[data-theme=light] {
  --mie-message-description-fg: rgba(0, 0, 0, 0.6);
  --mie-message-title-fg: rgba(0, 0, 0, 0.82);
  --mie-message-shade: rgba(0, 0, 0, 0.05);
  --mie-message-overlay: transparent;
  --mie-message-bg: #ebebeb;
}

:root, [data-theme=light] .mie.message.accent, .mie.message.accent[data-theme=light] {
  --mie-message-description-fg: rgba(53, 132, 228, 0.6);
  --mie-message-title-fg: rgba(53, 132, 228, 0.82);
  --mie-message-overlay: rgba(53, 132, 228, 0.15);
  --mie-message-shade: rgba(53, 132, 228, 0.01);
  --mie-message-outline: #3584e4;
}

:root, [data-theme=light] .mie.message.warning, .mie.message.warning[data-theme=light] {
  --mie-message-description-fg: rgba(229, 165, 10, 0.6);
  --mie-message-title-fg: rgba(229, 165, 10, 0.82);
  --mie-message-overlay: rgba(229, 165, 10, 0.15);
  --mie-message-shade: rgba(229, 165, 10, 0.01);
  --mie-message-outline: #e5a50a;
}

:root, [data-theme=light] .mie.message.error, .mie.message.error[data-theme=light] {
  --mie-message-description-fg: rgba(224, 27, 36, 0.6);
  --mie-message-title-fg: rgba(224, 27, 36, 0.82);
  --mie-message-overlay: rgba(224, 27, 36, 0.15);
  --mie-message-shade: rgba(224, 27, 36, 0.01);
  --mie-message-outline: #e01b24;
}

:root, [data-theme=light] .mie.message.success, .mie.message.success[data-theme=light] {
  --mie-message-description-fg: rgba(46, 194, 126, 0.6);
  --mie-message-title-fg: rgba(46, 194, 126, 0.82);
  --mie-message-overlay: rgba(46, 194, 126, 0.15);
  --mie-message-shade: rgba(46, 194, 126, 0.01);
  --mie-message-outline: #2ec27e;
}

[data-theme=dark] .mie.message, .mie.message[data-theme=dark] {
  --mie-message-description-fg: rgba(255, 255, 255, 0.6);
  --mie-message-title-fg: #fff;
  --mie-message-shade: rgba(0, 0, 0, 0.1);
  --mie-message-overlay: transparent;
  --mie-message-bg: #383838;
}

[data-theme=dark] .mie.message.accent, .mie.message.accent[data-theme=dark] {
  --mie-message-description-fg: rgba(53, 132, 228, 0.6);
  --mie-message-title-fg: rgba(53, 132, 228, 0.82);
  --mie-message-overlay: rgba(53, 132, 228, 0.15);
  --mie-message-shade: rgba(53, 132, 228, 0.01);
  --mie-message-outline: #3584e4;
}

[data-theme=dark] .mie.message.warning, .mie.message.warning[data-theme=dark] {
  --mie-message-description-fg: rgba(205, 147, 9, 0.6);
  --mie-message-title-fg: rgba(205, 147, 9, 0.82);
  --mie-message-overlay: rgba(205, 147, 9, 0.15);
  --mie-message-shade: rgba(205, 147, 9, 0.01);
  --mie-message-outline: #cd9309;
}

[data-theme=dark] .mie.message.error, .mie.message.error[data-theme=dark] {
  --mie-message-description-fg: rgba(224, 27, 36, 0.6);
  --mie-message-title-fg: rgba(224, 27, 36, 0.82);
  --mie-message-overlay: rgba(224, 27, 36, 0.15);
  --mie-message-shade: rgba(224, 27, 36, 0.01);
  --mie-message-outline: #e01b24;
}

[data-theme=dark] .mie.message.success, .mie.message.success[data-theme=dark] {
  --mie-message-description-fg: rgba(38, 162, 105, 0.6);
  --mie-message-title-fg: rgba(38, 162, 105, 0.82);
  --mie-message-overlay: rgba(38, 162, 105, 0.15);
  --mie-message-shade: rgba(38, 162, 105, 0.01);
  --mie-message-outline: #26a269;
}

:root, [data-theme=light] .mie.tabs, .mie.tabs[data-theme=light] {
  --mie-tabs-bg: #ebebeb;
}

:root, [data-theme=light] .mie.tabs.accent, .mie.tabs.accent[data-theme=light] {
  --mie-tabs-bg-main: rgba(53, 132, 228, 0);
  --mie-tabs-bg-active: rgba(53, 132, 228, 0.2);
  --mie-tabs-bg-hover: rgba(53, 132, 228, 0.3);
  --mie-tabs-bg-transparent: rgba(53, 132, 228, 0);
  --mie-tabs-fg: rgba(53, 132, 228, 0.82);
}

:root, [data-theme=light] .mie.tabs.warning, .mie.tabs.warning[data-theme=light] {
  --mie-tabs-bg-main: rgba(229, 165, 10, 0);
  --mie-tabs-bg-active: rgba(229, 165, 10, 0.2);
  --mie-tabs-bg-hover: rgba(229, 165, 10, 0.3);
  --mie-tabs-bg-transparent: rgba(229, 165, 10, 0);
  --mie-tabs-fg: rgba(229, 165, 10, 0.82);
}

:root, [data-theme=light] .mie.tabs.error, .mie.tabs.error[data-theme=light] {
  --mie-tabs-bg-main: rgba(224, 27, 36, 0);
  --mie-tabs-bg-active: rgba(224, 27, 36, 0.2);
  --mie-tabs-bg-hover: rgba(224, 27, 36, 0.3);
  --mie-tabs-bg-transparent: rgba(224, 27, 36, 0);
  --mie-tabs-fg: rgba(224, 27, 36, 0.82);
}

:root, [data-theme=light] .mie.tabs.success, .mie.tabs.success[data-theme=light] {
  --mie-tabs-bg-main: rgba(46, 194, 126, 0);
  --mie-tabs-bg-active: rgba(46, 194, 126, 0.2);
  --mie-tabs-bg-hover: rgba(46, 194, 126, 0.3);
  --mie-tabs-bg-transparent: rgba(46, 194, 126, 0);
  --mie-tabs-fg: rgba(46, 194, 126, 0.82);
}

[data-theme=dark] .mie.tabs, .mie.tabs[data-theme=dark] {
  --mie-tabs-bg: #494949;
}

[data-theme=dark] .mie.tabs.accent, .mie.tabs.accent[data-theme=dark] {
  --mie-tabs-bg-main: rgba(53, 132, 228, 0);
  --mie-tabs-bg-active: rgba(53, 132, 228, 0.2);
  --mie-tabs-bg-hover: rgba(53, 132, 228, 0.3);
  --mie-tabs-bg-transparent: rgba(53, 132, 228, 0);
  --mie-tabs-fg: rgba(53, 132, 228, 0.82);
}

[data-theme=dark] .mie.tabs.warning, .mie.tabs.warning[data-theme=dark] {
  --mie-tabs-bg-main: rgba(205, 147, 9, 0);
  --mie-tabs-bg-active: rgba(205, 147, 9, 0.2);
  --mie-tabs-bg-hover: rgba(205, 147, 9, 0.3);
  --mie-tabs-bg-transparent: rgba(205, 147, 9, 0);
  --mie-tabs-fg: rgba(205, 147, 9, 0.82);
}

[data-theme=dark] .mie.tabs.error, .mie.tabs.error[data-theme=dark] {
  --mie-tabs-bg-main: rgba(224, 27, 36, 0);
  --mie-tabs-bg-active: rgba(224, 27, 36, 0.2);
  --mie-tabs-bg-hover: rgba(224, 27, 36, 0.3);
  --mie-tabs-bg-transparent: rgba(224, 27, 36, 0);
  --mie-tabs-fg: rgba(224, 27, 36, 0.82);
}

[data-theme=dark] .mie.tabs.success, .mie.tabs.success[data-theme=dark] {
  --mie-tabs-bg-main: rgba(38, 162, 105, 0);
  --mie-tabs-bg-active: rgba(38, 162, 105, 0.2);
  --mie-tabs-bg-hover: rgba(38, 162, 105, 0.3);
  --mie-tabs-bg-transparent: rgba(38, 162, 105, 0);
  --mie-tabs-fg: rgba(38, 162, 105, 0.82);
}

:root, [data-theme=light] .mie.tab, .mie.tab[data-theme=light] {
  --mie-tab-bg-active: #e0e0e0;
  --mie-tab-bg-hover: #ededed;
  --mie-tab-bg-main: #fff;
  --mie-tab-fg: rgba(0, 0, 0, 0.82);
}

:root, [data-theme=light] .mie.tab.accent, .mie.tab.accent[data-theme=light] {
  --mie-tab-bg: rgba(53, 132, 228, 0.2);
}

:root, [data-theme=light] .mie.tab.warning, .mie.tab.warning[data-theme=light] {
  --mie-tab-bg: rgba(229, 165, 10, 0.2);
}

:root, [data-theme=light] .mie.tab.error, .mie.tab.error[data-theme=light] {
  --mie-tab-bg: rgba(224, 27, 36, 0.2);
}

:root, [data-theme=light] .mie.tab.success, .mie.tab.success[data-theme=light] {
  --mie-tab-bg: rgba(46, 194, 126, 0.2);
}

[data-theme=dark] .mie.tab, .mie.tab[data-theme=dark] {
  --mie-tab-bg-main: rgba(255, 255, 255, 0.15);
  --mie-tab-bg-active: rgba(255, 255, 255, 0.15);
  --mie-tab-bg-hover: rgba(255, 255, 255, 0.2);
  --mie-tab-bg-transparent: rgba(255, 255, 255, 0);
  --mie-tab-fg: #fff;
}

[data-theme=dark] .mie.tab.accent, .mie.tab.accent[data-theme=dark] {
  --mie-tab-bg: rgba(53, 132, 228, 0.2);
}

[data-theme=dark] .mie.tab.warning, .mie.tab.warning[data-theme=dark] {
  --mie-tab-bg: rgba(205, 147, 9, 0.2);
}

[data-theme=dark] .mie.tab.error, .mie.tab.error[data-theme=dark] {
  --mie-tab-bg: rgba(224, 27, 36, 0.2);
}

[data-theme=dark] .mie.tab.success, .mie.tab.success[data-theme=dark] {
  --mie-tab-bg: rgba(38, 162, 105, 0.2);
}

:root, [data-theme=light] .mie, .mie[data-theme=light] {
  --mie-scroll-thumb-bg: rgba(0, 0, 0, 0.15);
  --mie-scroll-track-bg: rgba(0, 0, 0, 0);
}

:root, [data-theme=light] .mie.accent, .mie.accent[data-theme=light] {
  --mie-scroll-track-bg: rgba(53, 132, 228, 0.02);
  --mie-scroll-thumb-bg: rgba(53, 132, 228, 0.15);
}

:root, [data-theme=light] .mie.warning, .mie.warning[data-theme=light] {
  --mie-scroll-track-bg: rgba(229, 165, 10, 0.02);
  --mie-scroll-thumb-bg: rgba(229, 165, 10, 0.15);
}

:root, [data-theme=light] .mie.error, .mie.error[data-theme=light] {
  --mie-scroll-track-bg: rgba(224, 27, 36, 0.02);
  --mie-scroll-thumb-bg: rgba(224, 27, 36, 0.15);
}

:root, [data-theme=light] .mie.success, .mie.success[data-theme=light] {
  --mie-scroll-track-bg: rgba(46, 194, 126, 0.02);
  --mie-scroll-thumb-bg: rgba(46, 194, 126, 0.15);
}

[data-theme=dark] .mie, .mie[data-theme=dark] {
  --mie-scroll-thumb-bg: rgba(255, 255, 255, 0.15);
  --mie-scroll-track-bg: rgba(255, 255, 255, 0);
}

[data-theme=dark] .mie.accent, .mie.accent[data-theme=dark] {
  --mie-scroll-track-bg: rgba(53, 132, 228, 0.02);
  --mie-scroll-thumb-bg: rgba(53, 132, 228, 0.15);
}

[data-theme=dark] .mie.warning, .mie.warning[data-theme=dark] {
  --mie-scroll-track-bg: rgba(205, 147, 9, 0.02);
  --mie-scroll-thumb-bg: rgba(205, 147, 9, 0.15);
}

[data-theme=dark] .mie.error, .mie.error[data-theme=dark] {
  --mie-scroll-track-bg: rgba(224, 27, 36, 0.02);
  --mie-scroll-thumb-bg: rgba(224, 27, 36, 0.15);
}

[data-theme=dark] .mie.success, .mie.success[data-theme=dark] {
  --mie-scroll-track-bg: rgba(38, 162, 105, 0.02);
  --mie-scroll-thumb-bg: rgba(38, 162, 105, 0.15);
}

:root, [data-theme=light] .mie.shadow, .mie.shadow[data-theme=light] {
  --mie-shadow-inner: 0 0.2rem 2.5rem 0 rgba(0, 0, 0, 0.05) inset;
  --mie-shadow-outer: 0 0 0 0.1rem rgba(0, 0, 0, 0.03), 0 0.1rem 0.3rem 0.1rem rgba(0, 0, 0, 0.07), 0 0.2rem 0.6rem 0.2rem rgba(0, 0, 0, 0.03);
}

:root, [data-theme=light] .mie.shadow.accent, .mie.shadow.accent[data-theme=light] {
  --mie-shadow-inner: 0 0.2rem 2.5rem 0 rgba(53, 132, 228, 0.05) inset;
  --mie-shadow-outer: 0 0 0 0.1rem rgba(53, 132, 228, 0.03), 0 0.1rem 0.3rem 0.1rem rgba(53, 132, 228, 0.07), 0 0.2rem 0.6rem 0.2rem rgba(53, 132, 228, 0.03);
}

:root, [data-theme=light] .mie.shadow.warning, .mie.shadow.warning[data-theme=light] {
  --mie-shadow-inner: 0 0.2rem 2.5rem 0 rgba(229, 165, 10, 0.05) inset;
  --mie-shadow-outer: 0 0 0 0.1rem rgba(229, 165, 10, 0.03), 0 0.1rem 0.3rem 0.1rem rgba(229, 165, 10, 0.07), 0 0.2rem 0.6rem 0.2rem rgba(229, 165, 10, 0.03);
}

:root, [data-theme=light] .mie.shadow.error, .mie.shadow.error[data-theme=light] {
  --mie-shadow-inner: 0 0.2rem 2.5rem 0 rgba(224, 27, 36, 0.05) inset;
  --mie-shadow-outer: 0 0 0 0.1rem rgba(224, 27, 36, 0.03), 0 0.1rem 0.3rem 0.1rem rgba(224, 27, 36, 0.07), 0 0.2rem 0.6rem 0.2rem rgba(224, 27, 36, 0.03);
}

:root, [data-theme=light] .mie.shadow.success, .mie.shadow.success[data-theme=light] {
  --mie-shadow-inner: 0 0.2rem 2.5rem 0 rgba(46, 194, 126, 0.05) inset;
  --mie-shadow-outer: 0 0 0 0.1rem rgba(46, 194, 126, 0.03), 0 0.1rem 0.3rem 0.1rem rgba(46, 194, 126, 0.07), 0 0.2rem 0.6rem 0.2rem rgba(46, 194, 126, 0.03);
}

[data-theme=dark] .mie.shadow, .mie.shadow[data-theme=dark] {
  --mie-shadow-inner: 0 0.2rem 2.5rem 0 rgba(0, 0, 0, 0.05) inset;
  --mie-shadow-outer: 0 0 0 0.1rem rgba(0, 0, 0, 0.03), 0 0.1rem 0.3rem 0.1rem rgba(0, 0, 0, 0.07), 0 0.2rem 0.6rem 0.2rem rgba(0, 0, 0, 0.03);
}

[data-theme=dark] .mie.shadow.accent, .mie.shadow.accent[data-theme=dark] {
  --mie-shadow-inner: 0 0.2rem 2.5rem 0 rgba(53, 132, 228, 0.05) inset;
  --mie-shadow-outer: 0 0 0 0.1rem rgba(53, 132, 228, 0.03), 0 0.1rem 0.3rem 0.1rem rgba(53, 132, 228, 0.07), 0 0.2rem 0.6rem 0.2rem rgba(53, 132, 228, 0.03);
}

[data-theme=dark] .mie.shadow.warning, .mie.shadow.warning[data-theme=dark] {
  --mie-shadow-inner: 0 0.2rem 2.5rem 0 rgba(205, 147, 9, 0.05) inset;
  --mie-shadow-outer: 0 0 0 0.1rem rgba(205, 147, 9, 0.03), 0 0.1rem 0.3rem 0.1rem rgba(205, 147, 9, 0.07), 0 0.2rem 0.6rem 0.2rem rgba(205, 147, 9, 0.03);
}

[data-theme=dark] .mie.shadow.error, .mie.shadow.error[data-theme=dark] {
  --mie-shadow-inner: 0 0.2rem 2.5rem 0 rgba(224, 27, 36, 0.05) inset;
  --mie-shadow-outer: 0 0 0 0.1rem rgba(224, 27, 36, 0.03), 0 0.1rem 0.3rem 0.1rem rgba(224, 27, 36, 0.07), 0 0.2rem 0.6rem 0.2rem rgba(224, 27, 36, 0.03);
}

[data-theme=dark] .mie.shadow.success, .mie.shadow.success[data-theme=dark] {
  --mie-shadow-inner: 0 0.2rem 2.5rem 0 rgba(38, 162, 105, 0.05) inset;
  --mie-shadow-outer: 0 0 0 0.1rem rgba(38, 162, 105, 0.03), 0 0.1rem 0.3rem 0.1rem rgba(38, 162, 105, 0.07), 0 0.2rem 0.6rem 0.2rem rgba(38, 162, 105, 0.03);
}

:root, [data-theme=light] .mie.sidebar, .mie.sidebar[data-theme=light] {
  --mie-sidebar-bg-main: #ebebeb;
  --mie-sidebar-bg-overlay: transparent;
}

:root, [data-theme=light] .mie.sidebar.accent, .mie.sidebar.accent[data-theme=light] {
  --mie-sidebar-bg-overlay: rgba(53, 132, 228, 0.2);
}

:root, [data-theme=light] .mie.sidebar.warning, .mie.sidebar.warning[data-theme=light] {
  --mie-sidebar-bg-overlay: rgba(229, 165, 10, 0.2);
}

:root, [data-theme=light] .mie.sidebar.error, .mie.sidebar.error[data-theme=light] {
  --mie-sidebar-bg-overlay: rgba(224, 27, 36, 0.2);
}

:root, [data-theme=light] .mie.sidebar.success, .mie.sidebar.success[data-theme=light] {
  --mie-sidebar-bg-overlay: rgba(46, 194, 126, 0.2);
}

[data-theme=dark] .mie.sidebar, .mie.sidebar[data-theme=dark] {
  --mie-sidebar-bg-main: #303030;
  --mie-sidebar-bg-overlay: transparent;
}

[data-theme=dark] .mie.sidebar.accent, .mie.sidebar.accent[data-theme=dark] {
  --mie-sidebar-bg-overlay: rgba(53, 132, 228, 0.2);
}

[data-theme=dark] .mie.sidebar.warning, .mie.sidebar.warning[data-theme=dark] {
  --mie-sidebar-bg-overlay: rgba(205, 147, 9, 0.2);
}

[data-theme=dark] .mie.sidebar.error, .mie.sidebar.error[data-theme=dark] {
  --mie-sidebar-bg-overlay: rgba(224, 27, 36, 0.2);
}

[data-theme=dark] .mie.sidebar.success, .mie.sidebar.success[data-theme=dark] {
  --mie-sidebar-bg-overlay: rgba(38, 162, 105, 0.2);
}

:root, [data-theme=light] .mie.splitview, .mie.splitview[data-theme=light] {
  --mie-splitview-divider-bg: rgba(0, 0, 0, 0.07);
  --mie-splitview-overlay-bg: rgba(0, 0, 0, 0.4);
  --mie-splitview-bg-overlay: transparent;
  --mie-splitview-bg-main: #fafafa;
}

:root, [data-theme=light] .mie.splitview.accent, .mie.splitview.accent[data-theme=light] {
  --mie-splitview-bg-overlay: rgba(53, 132, 228, 0.07);
}

:root, [data-theme=light] .mie.splitview.warning, .mie.splitview.warning[data-theme=light] {
  --mie-splitview-bg-overlay: rgba(229, 165, 10, 0.07);
}

:root, [data-theme=light] .mie.splitview.error, .mie.splitview.error[data-theme=light] {
  --mie-splitview-bg-overlay: rgba(224, 27, 36, 0.07);
}

:root, [data-theme=light] .mie.splitview.success, .mie.splitview.success[data-theme=light] {
  --mie-splitview-bg-overlay: rgba(46, 194, 126, 0.07);
}

[data-theme=dark] .mie.splitview, .mie.splitview[data-theme=dark] {
  --mie-splitview-divider-bg: rgba(22, 11, 11, 0.36);
  --mie-splitview-overlay-bg: rgba(0, 0, 0, 0.4);
  --mie-splitview-bg-overlay: transparent;
  --mie-splitview-bg-main: #242424;
}

[data-theme=dark] .mie.splitview.accent, .mie.splitview.accent[data-theme=dark] {
  --mie-splitview-bg-overlay: rgba(53, 132, 228, 0.07);
}

[data-theme=dark] .mie.splitview.warning, .mie.splitview.warning[data-theme=dark] {
  --mie-splitview-bg-overlay: rgba(205, 147, 9, 0.07);
}

[data-theme=dark] .mie.splitview.error, .mie.splitview.error[data-theme=dark] {
  --mie-splitview-bg-overlay: rgba(224, 27, 36, 0.07);
}

[data-theme=dark] .mie.splitview.success, .mie.splitview.success[data-theme=dark] {
  --mie-splitview-bg-overlay: rgba(38, 162, 105, 0.07);
}

:root, [data-theme=light] .mie.view, .mie.view[data-theme=light] {
  --mie-view-overlay: transparent;
  --mie-view-bg: transparent;
  --mie-view-panel: #f2f2f2;
  --mie-view-window: #fafafa;
  --mie-view-content: #fff;
  --mie-view-osd: #4b4b4b;
  --mie-view-border-bg: rgba(0, 0, 0, 0.07);
}

:root, [data-theme=light] .mie.view.accent, .mie.view.accent[data-theme=light] {
  --mie-view-overlay: rgba(53, 132, 228, 0.4);
  --mie-view-container: #3584e4;
  --mie-view-border-bg: rgba(53, 132, 228, 0.07);
}

:root, [data-theme=light] .mie.view.warning, .mie.view.warning[data-theme=light] {
  --mie-view-overlay: rgba(229, 165, 10, 0.4);
  --mie-view-container: #e5a50a;
  --mie-view-border-bg: rgba(229, 165, 10, 0.07);
}

:root, [data-theme=light] .mie.view.error, .mie.view.error[data-theme=light] {
  --mie-view-overlay: rgba(224, 27, 36, 0.4);
  --mie-view-container: #e01b24;
  --mie-view-border-bg: rgba(224, 27, 36, 0.07);
}

:root, [data-theme=light] .mie.view.success, .mie.view.success[data-theme=light] {
  --mie-view-overlay: rgba(46, 194, 126, 0.4);
  --mie-view-container: #2ec27e;
  --mie-view-border-bg: rgba(46, 194, 126, 0.07);
}

[data-theme=dark] .mie.view, .mie.view[data-theme=dark] {
  --mie-view-overlay: transparent;
  --mie-view-bg: transparent;
  --mie-view-panel: #2a2a2a;
  --mie-view-window: #242424;
  --mie-view-content: rgba(255, 255, 255, 0.01);
  --mie-view-osd: #0b0b0b;
  --mie-view-border-bg: rgba(255, 255, 255, 0.07);
}

[data-theme=dark] .mie.view.accent, .mie.view.accent[data-theme=dark] {
  --mie-view-overlay: rgba(53, 132, 228, 0.3);
  --mie-view-container: #3584e4;
  --mie-view-border-bg: rgba(53, 132, 228, 0.07);
}

[data-theme=dark] .mie.view.warning, .mie.view.warning[data-theme=dark] {
  --mie-view-overlay: rgba(205, 147, 9, 0.3);
  --mie-view-container: #cd9309;
  --mie-view-border-bg: rgba(205, 147, 9, 0.07);
}

[data-theme=dark] .mie.view.error, .mie.view.error[data-theme=dark] {
  --mie-view-overlay: rgba(224, 27, 36, 0.3);
  --mie-view-container: #e01b24;
  --mie-view-border-bg: rgba(224, 27, 36, 0.07);
}

[data-theme=dark] .mie.view.success, .mie.view.success[data-theme=dark] {
  --mie-view-overlay: rgba(38, 162, 105, 0.3);
  --mie-view-container: #26a269;
  --mie-view-border-bg: rgba(38, 162, 105, 0.07);
}

:root, [data-theme=light] .mie.window, .mie.window[data-theme=light] {
  --mie-window-bg-main: #fafafa;
  --mie-window-bg-overlay: transparent;
}

:root, [data-theme=light] .mie.window.accent, .mie.window.accent[data-theme=light] {
  --mie-window-bg-overlay: rgba(53, 132, 228, 0.07);
}

:root, [data-theme=light] .mie.window.warning, .mie.window.warning[data-theme=light] {
  --mie-window-bg-overlay: rgba(229, 165, 10, 0.07);
}

:root, [data-theme=light] .mie.window.error, .mie.window.error[data-theme=light] {
  --mie-window-bg-overlay: rgba(224, 27, 36, 0.07);
}

:root, [data-theme=light] .mie.window.success, .mie.window.success[data-theme=light] {
  --mie-window-bg-overlay: rgba(46, 194, 126, 0.07);
}

[data-theme=dark] .mie.window, .mie.window[data-theme=dark] {
  --mie-window-bg-main: #242424;
  --mie-window-bg-overlay: transparent;
}

[data-theme=dark] .mie.window.accent, .mie.window.accent[data-theme=dark] {
  --mie-window-bg-overlay: rgba(53, 132, 228, 0.07);
}

[data-theme=dark] .mie.window.warning, .mie.window.warning[data-theme=dark] {
  --mie-window-bg-overlay: rgba(205, 147, 9, 0.07);
}

[data-theme=dark] .mie.window.error, .mie.window.error[data-theme=dark] {
  --mie-window-bg-overlay: rgba(224, 27, 36, 0.07);
}

[data-theme=dark] .mie.window.success, .mie.window.success[data-theme=dark] {
  --mie-window-bg-overlay: rgba(38, 162, 105, 0.07);
}

:root, [data-theme=light] .mie.rows, .mie.rows[data-theme=light] {
  --mie-rows-border: rgba(0, 0, 0, 0.07);
}

[data-theme=dark] .mie.rows, .mie.rows[data-theme=dark] {
  --mie-rows-border: rgba(255, 255, 255, 0.07);
}

:root, [data-theme=light] .mie.row, .mie.row[data-theme=light] {
  --mie-row-overlay: transparent;
  --mie-row-bg: #fff;
}

:root, [data-theme=light] .mie.row.accent, .mie.row.accent[data-theme=light] {
  --mie-row-overlay: rgba(53, 132, 228, 0.08);
  --mie-row-outline: #3584e4;
}

:root, [data-theme=light] .mie.row.warning, .mie.row.warning[data-theme=light] {
  --mie-row-overlay: rgba(229, 165, 10, 0.08);
  --mie-row-outline: #e5a50a;
}

:root, [data-theme=light] .mie.row.error, .mie.row.error[data-theme=light] {
  --mie-row-overlay: rgba(224, 27, 36, 0.08);
  --mie-row-outline: #e01b24;
}

:root, [data-theme=light] .mie.row.success, .mie.row.success[data-theme=light] {
  --mie-row-overlay: rgba(46, 194, 126, 0.08);
  --mie-row-outline: #2ec27e;
}

[data-theme=dark] .mie.row, .mie.row[data-theme=dark] {
  --mie-row-overlay: transparent;
  --mie-row-bg: #343434;
}

[data-theme=dark] .mie.row.accent, .mie.row.accent[data-theme=dark] {
  --mie-row-overlay: rgba(53, 132, 228, 0.08);
  --mie-row-outline: #3584e4;
}

[data-theme=dark] .mie.row.warning, .mie.row.warning[data-theme=dark] {
  --mie-row-overlay: rgba(205, 147, 9, 0.08);
  --mie-row-outline: #cd9309;
}

[data-theme=dark] .mie.row.error, .mie.row.error[data-theme=dark] {
  --mie-row-overlay: rgba(224, 27, 36, 0.08);
  --mie-row-outline: #e01b24;
}

[data-theme=dark] .mie.row.success, .mie.row.success[data-theme=dark] {
  --mie-row-overlay: rgba(38, 162, 105, 0.08);
  --mie-row-outline: #26a269;
}

:root, [data-theme=light] .mie.button, .mie.button[data-theme=light] {
  --mie-button-bg-main: rgba(0, 0, 0, 0.1);
  --mie-button-bg-active: rgba(0, 0, 0, 0.1);
  --mie-button-bg-hover: rgba(0, 0, 0, 0.2);
  --mie-button-bg-transparent: rgba(0, 0, 0, 0);
  --mie-button-fill-active: black;
  --mie-button-fill-hover: black;
  --mie-button-fill-main: #000;
  --mie-button-fg-invert: rgba(255, 255, 255, 0.82);
  --mie-button-fg-main: rgba(0, 0, 0, 0.82);
  --mie-button-fg-op: rgba(0, 0, 0, 0.82);
  --mie-button-fg: rgba(0, 0, 0, 0.82);
}

:root, [data-theme=light] .mie.button.blue, .mie.button.blue[data-theme=light] {
  --mie-button-fg-op: #e9f2fc;
  --mie-button-fg-filled: #185fb4;
  --mie-button-fg: #15539e;
  --mie-button-bg-filled-active: #1a66c2;
  --mie-button-bg-filled-hover: #1d72d8;
  --mie-button-bg-filled-main: #3584e4;
  --mie-button-bg-active: rgba(21, 83, 158, 0.8);
  --mie-button-bg-hover: rgba(31, 118, 225, 0.6);
  --mie-button-bg-transparent: rgba(53, 132, 228, 0);
  --mie-button-bg-main: rgba(53, 132, 228, 0.4);
}

:root, [data-theme=light] .mie.button.green, .mie.button.green[data-theme=light] {
  --mie-button-fg-op: #d9f7e7;
  --mie-button-fg-filled: #229656;
  --mie-button-fg: #1d814a;
  --mie-button-bg-filled-active: #25a25d;
  --mie-button-bg-filled-hover: #29b769;
  --mie-button-bg-filled-main: #33d17a;
  --mie-button-bg-active: rgba(29, 129, 74, 0.8);
  --mie-button-bg-hover: rgba(43, 191, 110, 0.6);
  --mie-button-bg-transparent: rgba(51, 209, 122, 0);
  --mie-button-bg-main: rgba(51, 209, 122, 0.4);
}

:root, [data-theme=light] .mie.button.yellow, .mie.button.yellow[data-theme=light] {
  --mie-button-fg-op: #fefcf1;
  --mie-button-fg-filled: #ceab09;
  --mie-button-fg: #b59708;
  --mie-button-bg-filled-active: #dcb809;
  --mie-button-bg-filled-hover: #f5cc0b;
  --mie-button-bg-filled-main: #f6d32d;
  --mie-button-bg-active: rgba(181, 151, 8, 0.8);
  --mie-button-bg-hover: rgba(245, 206, 21, 0.6);
  --mie-button-bg-transparent: rgba(246, 211, 45, 0);
  --mie-button-bg-main: rgba(246, 211, 45, 0.4);
}

:root, [data-theme=light] .mie.button.orange, .mie.button.orange[data-theme=light] {
  --mie-button-fg-op: #ffe4cc;
  --mie-button-fg-filled: #b35400;
  --mie-button-fg: #994800;
  --mie-button-bg-filled-active: #c25b00;
  --mie-button-bg-filled-hover: #db6700;
  --mie-button-bg-filled-main: #ff7800;
  --mie-button-bg-active: rgba(153, 72, 0, 0.8);
  --mie-button-bg-hover: rgba(230, 108, 0, 0.6);
  --mie-button-bg-transparent: rgba(255, 120, 0, 0);
  --mie-button-bg-main: rgba(255, 120, 0, 0.4);
}

:root, [data-theme=light] .mie.button.red, .mie.button.red[data-theme=light] {
  --mie-button-fg-op: #f9ced0;
  --mie-button-fg-filled: #9c1319;
  --mie-button-fg: #851015;
  --mie-button-bg-filled-active: #a9141b;
  --mie-button-bg-filled-hover: #c0171f;
  --mie-button-bg-filled-main: #e01b24;
  --mie-button-bg-active: rgba(133, 16, 21, 0.8);
  --mie-button-bg-hover: rgba(201, 24, 32, 0.6);
  --mie-button-bg-transparent: rgba(224, 27, 36, 0);
  --mie-button-bg-main: rgba(224, 27, 36, 0.4);
}

:root, [data-theme=light] .mie.button.purple, .mie.button.purple[data-theme=light] {
  --mie-button-fg-op: #e4cdec;
  --mie-button-fg-filled: #622c74;
  --mie-button-fg: #532562;
  --mie-button-bg-filled-active: #6c3080;
  --mie-button-bg-filled-hover: #7b3792;
  --mie-button-bg-filled-main: #9141ac;
  --mie-button-bg-active: rgba(83, 37, 98, 0.8);
  --mie-button-bg-hover: rgba(129, 58, 153, 0.6);
  --mie-button-bg-transparent: rgba(145, 65, 172, 0);
  --mie-button-bg-main: rgba(145, 65, 172, 0.4);
}

:root, [data-theme=light] .mie.button.brown, .mie.button.brown[data-theme=light] {
  --mie-button-fg-op: #e4d2c4;
  --mie-button-fg-filled: #63452c;
  --mie-button-fg: #523924;
  --mie-button-bg-filled-active: #6e4d31;
  --mie-button-bg-filled-hover: #7f5939;
  --mie-button-bg-filled-main: #986a44;
  --mie-button-bg-active: rgba(82, 57, 36, 0.8);
  --mie-button-bg-hover: rgba(134, 94, 60, 0.6);
  --mie-button-bg-transparent: rgba(152, 106, 68, 0);
  --mie-button-bg-main: rgba(152, 106, 68, 0.4);
}

:root, [data-theme=light] .mie.button.pink, .mie.button.pink[data-theme=light] {
  --mie-button-fg-op: #f8c7d9;
  --mie-button-fg-filled: #941342;
  --mie-button-fg: #7d1038;
  --mie-button-bg-filled-active: #a21448;
  --mie-button-bg-filled-hover: #b81752;
  --mie-button-bg-filled-main: #d81b60;
  --mie-button-bg-active: rgba(125, 16, 56, 0.8);
  --mie-button-bg-hover: rgba(193, 24, 86, 0.6);
  --mie-button-bg-transparent: rgba(216, 27, 96, 0);
  --mie-button-bg-main: rgba(216, 27, 96, 0.4);
}

:root, [data-theme=light] .mie.button.deeppurple, .mie.button.deeppurple[data-theme=light] {
  --mie-button-fg-op: #daceef;
  --mie-button-fg-filled: #46287d;
  --mie-button-fg: #3b216a;
  --mie-button-bg-filled-active: #4d2b89;
  --mie-button-bg-filled-hover: #58319c;
  --mie-button-bg-filled-main: #673ab7;
  --mie-button-bg-active: rgba(59, 33, 106, 0.8);
  --mie-button-bg-hover: rgba(92, 52, 164, 0.6);
  --mie-button-bg-transparent: rgba(103, 58, 183, 0);
  --mie-button-bg-main: rgba(103, 58, 183, 0.4);
}

:root, [data-theme=light] .mie.button.indigo, .mie.button.indigo[data-theme=light] {
  --mie-button-fg-op: #d1d6ef;
  --mie-button-fg-filled: #2b387c;
  --mie-button-fg: #252f69;
  --mie-button-bg-filled-active: #2f3d88;
  --mie-button-bg-filled-hover: #36459b;
  --mie-button-bg-filled-main: #3f51b5;
  --mie-button-bg-active: rgba(37, 47, 105, 0.8);
  --mie-button-bg-hover: rgba(56, 73, 162, 0.6);
  --mie-button-bg-transparent: rgba(63, 81, 181, 0);
  --mie-button-bg-main: rgba(63, 81, 181, 0.4);
}

:root, [data-theme=light] .mie.button.lightgreen, .mie.button.lightgreen[data-theme=light] {
  --mie-button-fg-op: #edf6e3;
  --mie-button-fg-filled: #649130;
  --mie-button-fg: #577d2a;
  --mie-button-bg-filled-active: #6c9c34;
  --mie-button-bg-filled-hover: #79af3a;
  --mie-button-bg-filled-main: #8bc34a;
  --mie-button-bg-active: rgba(87, 125, 42, 0.8);
  --mie-button-bg-hover: rgba(126, 183, 61, 0.6);
  --mie-button-bg-transparent: rgba(139, 195, 74, 0);
  --mie-button-bg-main: rgba(139, 195, 74, 0.4);
}

:root, [data-theme=light] .mie.button.deeporange, .mie.button.deeporange[data-theme=light] {
  --mie-button-fg-op: #fff2ee;
  --mie-button-fg-filled: #d53300;
  --mie-button-fg: #bb2d00;
  --mie-button-bg-filled-active: #e43700;
  --mie-button-bg-filled-hover: #fd3d00;
  --mie-button-bg-filled-main: #ff5722;
  --mie-button-bg-active: rgba(187, 45, 0, 0.8);
  --mie-button-bg-hover: rgba(255, 68, 9, 0.6);
  --mie-button-bg-transparent: rgba(255, 87, 34, 0);
  --mie-button-bg-main: rgba(255, 87, 34, 0.4);
}

:root, [data-theme=light] .mie.button.light, .mie.button.light[data-theme=light] {
  --mie-button-fg-op: rgba(255, 255, 255, 0.82);
  --mie-button-fg-filled: rgba(217, 217, 217, 0.82);
  --mie-button-fg: rgba(204, 204, 204, 0.82);
  --mie-button-bg-filled-active: rgba(224, 224, 224, 0.82);
  --mie-button-bg-filled-hover: rgba(237, 237, 237, 0.82);
  --mie-button-bg-filled-main: rgba(255, 255, 255, 0.82);
  --mie-button-bg-active: rgba(204, 204, 204, 0.8);
  --mie-button-bg-hover: rgba(242, 242, 242, 0.6);
  --mie-button-bg-transparent: rgba(255, 255, 255, 0);
  --mie-button-bg-main: rgba(255, 255, 255, 0.4);
}

:root, [data-theme=light] .mie.button.dark, .mie.button.dark[data-theme=light] {
  --mie-button-fg-op: rgba(102, 102, 102, 0.82);
  --mie-button-fg-filled: rgba(0, 0, 0, 0.82);
  --mie-button-fg: rgba(0, 0, 0, 0.82);
  --mie-button-bg-filled-active: rgba(0, 0, 0, 0.82);
  --mie-button-bg-filled-hover: rgba(0, 0, 0, 0.82);
  --mie-button-bg-filled-main: rgba(0, 0, 0, 0.82);
  --mie-button-bg-active: rgba(0, 0, 0, 0.8);
  --mie-button-bg-hover: rgba(0, 0, 0, 0.6);
  --mie-button-bg-transparent: rgba(0, 0, 0, 0);
  --mie-button-bg-main: rgba(0, 0, 0, 0.4);
}

[data-theme=dark] .mie.button, .mie.button[data-theme=dark] {
  --mie-button-bg-main: rgba(255, 255, 255, 0.1);
  --mie-button-bg-active: rgba(255, 255, 255, 0.1);
  --mie-button-bg-hover: rgba(255, 255, 255, 0.2);
  --mie-button-bg-transparent: rgba(255, 255, 255, 0);
  --mie-button-fill-active: #e0e0e0;
  --mie-button-fill-hover: #ededed;
  --mie-button-fill-main: #fff;
  --mie-button-fg-invert: rgba(0, 0, 0, 0.82);
  --mie-button-fg-main: rgba(255, 255, 255, 0.82);
  --mie-button-fg-op: rgba(255, 255, 255, 0.82);
  --mie-button-fg: rgba(255, 255, 255, 0.82);
}

[data-theme=dark] .mie.button.blue, .mie.button.blue[data-theme=dark] {
  --mie-button-fg-op: #84b5ef;
  --mie-button-fg-filled: #0d3667;
  --mie-button-fg: #418ce6;
  --mie-button-bg-filled-active: #1555a2;
  --mie-button-bg-filled-hover: #1860b8;
  --mie-button-bg-filled-main: #1c71d8;
  --mie-button-bg-active: rgba(16, 66, 126, 0.8);
  --mie-button-bg-hover: rgba(25, 101, 193, 0.6);
  --mie-button-bg-transparent: rgba(28, 113, 216, 0);
  --mie-button-bg-main: rgba(28, 113, 216, 0.4);
}

[data-theme=dark] .mie.button.green, .mie.button.green[data-theme=dark] {
  --mie-button-fg-op: #8ce4bb;
  --mie-button-fg-filled: #165b3b;
  --mie-button-fg: #4ed597;
  --mie-button-bg-filled-active: #22915e;
  --mie-button-bg-filled-hover: #27a56b;
  --mie-button-bg-filled-main: #2ec27e;
  --mie-button-bg-active: rgba(26, 112, 72, 0.8);
  --mie-button-bg-hover: rgba(41, 173, 113, 0.6);
  --mie-button-bg-transparent: rgba(46, 194, 126, 0);
  --mie-button-bg-main: rgba(46, 194, 126, 0.4);
}

[data-theme=dark] .mie.button.yellow, .mie.button.yellow[data-theme=dark] {
  --mie-button-fg-op: #fae18b;
  --mie-button-fg-filled: #816505;
  --mie-button-fg: #f7cf42;
  --mie-button-bg-filled-active: #c19708;
  --mie-button-bg-filled-hover: #d9ab09;
  --mie-button-bg-filled-main: #f5c211;
  --mie-button-bg-active: rgba(154, 121, 6, 0.8);
  --mie-button-bg-hover: rgba(227, 178, 10, 0.6);
  --mie-button-bg-transparent: rgba(245, 194, 17, 0);
  --mie-button-bg-main: rgba(245, 194, 17, 0.4);
}

[data-theme=dark] .mie.button.orange, .mie.button.orange[data-theme=dark] {
  --mie-button-fg-op: #ffa767;
  --mie-button-fg-filled: #672b00;
  --mie-button-fg: #ff7b1a;
  --mie-button-bg-filled-active: #a94700;
  --mie-button-bg-filled-hover: #c25200;
  --mie-button-bg-filled-main: #e66100;
  --mie-button-bg-active: rgba(128, 54, 0, 0.8);
  --mie-button-bg-hover: rgba(205, 86, 0, 0.6);
  --mie-button-bg-transparent: rgba(230, 97, 0, 0);
  --mie-button-bg-main: rgba(230, 97, 0, 0.4);
}

[data-theme=dark] .mie.button.red, .mie.button.red[data-theme=dark] {
  --mie-button-fg-op: #ea717a;
  --mie-button-fg-filled: #510c11;
  --mie-button-fg: #e12e3b;
  --mie-button-bg-filled-active: #8b141d;
  --mie-button-bg-filled-hover: #a11722;
  --mie-button-bg-filled-main: #c01c28;
  --mie-button-bg-active: rgba(103, 15, 21, 0.8);
  --mie-button-bg-hover: rgba(170, 25, 35, 0.6);
  --mie-button-bg-transparent: rgba(192, 28, 40, 0);
  --mie-button-bg-main: rgba(192, 28, 40, 0.4);
}

[data-theme=dark] .mie.button.purple, .mie.button.purple[data-theme=dark] {
  --mie-button-fg-op: #bc88d0;
  --mie-button-fg-filled: #351940;
  --mie-button-fg: #9d51bb;
  --mie-button-bg-filled-active: #5d2c70;
  --mie-button-bg-filled-hover: #6c3382;
  --mie-button-bg-filled-main: #813d9c;
  --mie-button-bg-active: rgba(68, 32, 83, 0.8);
  --mie-button-bg-hover: rgba(114, 54, 138, 0.6);
  --mie-button-bg-transparent: rgba(129, 61, 156, 0);
  --mie-button-bg-main: rgba(129, 61, 156, 0.4);
}

[data-theme=dark] .mie.button.brown, .mie.button.brown[data-theme=dark] {
  --mie-button-fg-op: #c59e7d;
  --mie-button-fg-filled: #2e2015;
  --mie-button-fg: #a9774c;
  --mie-button-bg-filled-active: #5c4029;
  --mie-button-bg-filled-hover: #6d4d31;
  --mie-button-bg-filled-main: #865e3c;
  --mie-button-bg-active: rgba(64, 45, 28, 0.8);
  --mie-button-bg-hover: rgba(116, 82, 52, 0.6);
  --mie-button-bg-transparent: rgba(134, 94, 60, 0);
  --mie-button-bg-main: rgba(134, 94, 60, 0.4);
}

[data-theme=dark] .mie.button.pink, .mie.button.pink[data-theme=dark] {
  --mie-button-fg-op: #ed6d9f;
  --mie-button-fg-filled: #510a26;
  --mie-button-fg: #e42973;
  --mie-button-bg-filled-active: #8c1141;
  --mie-button-bg-filled-hover: #a2144c;
  --mie-button-bg-filled-main: #c2185b;
  --mie-button-bg-active: rgba(103, 13, 48, 0.8);
  --mie-button-bg-hover: rgba(171, 21, 80, 0.6);
  --mie-button-bg-transparent: rgba(194, 24, 91, 0);
  --mie-button-bg-main: rgba(194, 24, 91, 0.4);
}

[data-theme=dark] .mie.button.deeppurple, .mie.button.deeppurple[data-theme=dark] {
  --mie-button-fg-op: #a58adc;
  --mie-button-fg-filled: #2a184f;
  --mie-button-fg: #784fca;
  --mie-button-bg-filled-active: #452782;
  --mie-button-bg-filled-hover: #4f2d96;
  --mie-button-bg-filled-main: #5e35b1;
  --mie-button-bg-active: rgba(52, 29, 99, 0.8);
  --mie-button-bg-hover: rgba(84, 47, 157, 0.6);
  --mie-button-bg-transparent: rgba(94, 53, 177, 0);
  --mie-button-bg-main: rgba(94, 53, 177, 0.4);
}

[data-theme=dark] .mie.button.indigo, .mie.button.indigo[data-theme=dark] {
  --mie-button-fg-op: #8b96d8;
  --mie-button-fg-filled: #19204b;
  --mie-button-fg: #5262c5;
  --mie-button-bg-filled-active: #2a357d;
  --mie-button-bg-filled-hover: #303e90;
  --mie-button-bg-filled-main: #3949ab;
  --mie-button-bg-active: rgba(32, 40, 95, 0.8);
  --mie-button-bg-hover: rgba(51, 65, 152, 0.6);
  --mie-button-bg-transparent: rgba(57, 73, 171, 0);
  --mie-button-bg-main: rgba(57, 73, 171, 0.4);
}

[data-theme=dark] .mie.button.lightgreen, .mie.button.lightgreen[data-theme=dark] {
  --mie-button-fg-op: #bbda9b;
  --mie-button-fg-filled: #3b5620;
  --mie-button-fg: #95c563;
  --mie-button-bg-filled-active: #5d8632;
  --mie-button-bg-filled-hover: #6a9938;
  --mie-button-bg-filled-main: #7cb342;
  --mie-button-bg-active: rgba(72, 104, 39, 0.8);
  --mie-button-bg-hover: rgba(111, 160, 59, 0.6);
  --mie-button-bg-transparent: rgba(124, 179, 66, 0);
  --mie-button-bg-main: rgba(124, 179, 66, 0.4);
}

[data-theme=dark] .mie.button.deeporange, .mie.button.deeporange[data-theme=dark] {
  --mie-button-fg-op: #faaf98;
  --mie-button-fg-filled: #8c2607;
  --mie-button-fg: #f6774f;
  --mie-button-bg-filled-active: #cb380a;
  --mie-button-bg-filled-hover: #e33f0b;
  --mie-button-bg-filled-main: #f4511e;
  --mie-button-bg-active: rgba(164, 45, 8, 0.8);
  --mie-button-bg-hover: rgba(237, 65, 12, 0.6);
  --mie-button-bg-transparent: rgba(244, 81, 30, 0);
  --mie-button-bg-main: rgba(244, 81, 30, 0.4);
}

[data-theme=dark] .mie.button.light, .mie.button.light[data-theme=dark] {
  --mie-button-fg-op: rgba(255, 255, 255, 0.82);
  --mie-button-fg-filled: rgba(191, 191, 191, 0.82);
  --mie-button-fg: rgba(255, 255, 255, 0.82);
  --mie-button-bg-filled-active: rgba(224, 224, 224, 0.82);
  --mie-button-bg-filled-hover: rgba(237, 237, 237, 0.82);
  --mie-button-bg-filled-main: rgba(255, 255, 255, 0.82);
  --mie-button-bg-active: rgba(204, 204, 204, 0.8);
  --mie-button-bg-hover: rgba(242, 242, 242, 0.6);
  --mie-button-bg-transparent: rgba(255, 255, 255, 0);
  --mie-button-bg-main: rgba(255, 255, 255, 0.4);
}

[data-theme=dark] .mie.button.dark, .mie.button.dark[data-theme=dark] {
  --mie-button-fg-op: rgba(64, 64, 64, 0.82);
  --mie-button-fg-filled: rgba(0, 0, 0, 0.82);
  --mie-button-fg: rgba(26, 26, 26, 0.82);
  --mie-button-bg-filled-active: rgba(0, 0, 0, 0.82);
  --mie-button-bg-filled-hover: rgba(0, 0, 0, 0.82);
  --mie-button-bg-filled-main: rgba(0, 0, 0, 0.82);
  --mie-button-bg-active: rgba(0, 0, 0, 0.8);
  --mie-button-bg-hover: rgba(0, 0, 0, 0.6);
  --mie-button-bg-transparent: rgba(0, 0, 0, 0);
  --mie-button-bg-main: rgba(0, 0, 0, 0.4);
}

:root, [data-theme=light] .mie.checkbox, .mie.checkbox[data-theme=light] {
  --mie-checkbox-border-active: #3584e4;
  --mie-checkbox-border: rgba(0, 0, 0, 0.36);
  --mie-checkbox-icon-fg: white;
  --mie-checkbox-fg: rgba(0, 0, 0, 0.82);
  --mie-checkbox-bg: #3584e4;
}

:root, [data-theme=light] .mie.checkbox.blue, .mie.checkbox.blue[data-theme=light] {
  --mie-checkbox-border-active: rgba(53, 132, 228, 0.5);
  --mie-checkbox-bg: #3584e4;
}

:root, [data-theme=light] .mie.checkbox.green, .mie.checkbox.green[data-theme=light] {
  --mie-checkbox-border-active: rgba(51, 209, 122, 0.5);
  --mie-checkbox-bg: #33d17a;
}

:root, [data-theme=light] .mie.checkbox.yellow, .mie.checkbox.yellow[data-theme=light] {
  --mie-checkbox-border-active: rgba(246, 211, 45, 0.5);
  --mie-checkbox-bg: #f6d32d;
}

:root, [data-theme=light] .mie.checkbox.orange, .mie.checkbox.orange[data-theme=light] {
  --mie-checkbox-border-active: rgba(255, 120, 0, 0.5);
  --mie-checkbox-bg: #ff7800;
}

:root, [data-theme=light] .mie.checkbox.red, .mie.checkbox.red[data-theme=light] {
  --mie-checkbox-border-active: rgba(224, 27, 36, 0.5);
  --mie-checkbox-bg: #e01b24;
}

:root, [data-theme=light] .mie.checkbox.purple, .mie.checkbox.purple[data-theme=light] {
  --mie-checkbox-border-active: rgba(145, 65, 172, 0.5);
  --mie-checkbox-bg: #9141ac;
}

:root, [data-theme=light] .mie.checkbox.brown, .mie.checkbox.brown[data-theme=light] {
  --mie-checkbox-border-active: rgba(152, 106, 68, 0.5);
  --mie-checkbox-bg: #986a44;
}

:root, [data-theme=light] .mie.checkbox.pink, .mie.checkbox.pink[data-theme=light] {
  --mie-checkbox-border-active: rgba(216, 27, 96, 0.5);
  --mie-checkbox-bg: #d81b60;
}

:root, [data-theme=light] .mie.checkbox.deeppurple, .mie.checkbox.deeppurple[data-theme=light] {
  --mie-checkbox-border-active: rgba(103, 58, 183, 0.5);
  --mie-checkbox-bg: #673ab7;
}

:root, [data-theme=light] .mie.checkbox.indigo, .mie.checkbox.indigo[data-theme=light] {
  --mie-checkbox-border-active: rgba(63, 81, 181, 0.5);
  --mie-checkbox-bg: #3f51b5;
}

:root, [data-theme=light] .mie.checkbox.lightgreen, .mie.checkbox.lightgreen[data-theme=light] {
  --mie-checkbox-border-active: rgba(139, 195, 74, 0.5);
  --mie-checkbox-bg: #8bc34a;
}

:root, [data-theme=light] .mie.checkbox.deeporange, .mie.checkbox.deeporange[data-theme=light] {
  --mie-checkbox-border-active: rgba(255, 87, 34, 0.5);
  --mie-checkbox-bg: #ff5722;
}

:root, [data-theme=light] .mie.checkbox.light, .mie.checkbox.light[data-theme=light] {
  --mie-checkbox-border-active: rgba(255, 255, 255, 0.5);
  --mie-checkbox-bg: white;
}

:root, [data-theme=light] .mie.checkbox.dark, .mie.checkbox.dark[data-theme=light] {
  --mie-checkbox-border-active: rgba(0, 0, 0, 0.5);
  --mie-checkbox-bg: black;
}

[data-theme=dark] .mie.checkbox, .mie.checkbox[data-theme=dark] {
  --mie-checkbox-border-active: #3584e4;
  --mie-checkbox-border: rgba(255, 255, 255, 0.36);
  --mie-checkbox-icon-fg: white;
  --mie-checkbox-fg: rgba(255, 255, 255, 0.82);
  --mie-checkbox-bg: #3584e4;
}

[data-theme=dark] .mie.checkbox.blue, .mie.checkbox.blue[data-theme=dark] {
  --mie-checkbox-border-active: rgba(28, 113, 216, 0.5);
  --mie-checkbox-bg: #1c71d8;
}

[data-theme=dark] .mie.checkbox.green, .mie.checkbox.green[data-theme=dark] {
  --mie-checkbox-border-active: rgba(46, 194, 126, 0.5);
  --mie-checkbox-bg: #2ec27e;
}

[data-theme=dark] .mie.checkbox.yellow, .mie.checkbox.yellow[data-theme=dark] {
  --mie-checkbox-border-active: rgba(245, 194, 17, 0.5);
  --mie-checkbox-bg: #f5c211;
}

[data-theme=dark] .mie.checkbox.orange, .mie.checkbox.orange[data-theme=dark] {
  --mie-checkbox-border-active: rgba(230, 97, 0, 0.5);
  --mie-checkbox-bg: #e66100;
}

[data-theme=dark] .mie.checkbox.red, .mie.checkbox.red[data-theme=dark] {
  --mie-checkbox-border-active: rgba(192, 28, 40, 0.5);
  --mie-checkbox-bg: #c01c28;
}

[data-theme=dark] .mie.checkbox.purple, .mie.checkbox.purple[data-theme=dark] {
  --mie-checkbox-border-active: rgba(129, 61, 156, 0.5);
  --mie-checkbox-bg: #813d9c;
}

[data-theme=dark] .mie.checkbox.brown, .mie.checkbox.brown[data-theme=dark] {
  --mie-checkbox-border-active: rgba(134, 94, 60, 0.5);
  --mie-checkbox-bg: #865e3c;
}

[data-theme=dark] .mie.checkbox.pink, .mie.checkbox.pink[data-theme=dark] {
  --mie-checkbox-border-active: rgba(194, 24, 91, 0.5);
  --mie-checkbox-bg: #c2185b;
}

[data-theme=dark] .mie.checkbox.deeppurple, .mie.checkbox.deeppurple[data-theme=dark] {
  --mie-checkbox-border-active: rgba(94, 53, 177, 0.5);
  --mie-checkbox-bg: #5e35b1;
}

[data-theme=dark] .mie.checkbox.indigo, .mie.checkbox.indigo[data-theme=dark] {
  --mie-checkbox-border-active: rgba(57, 73, 171, 0.5);
  --mie-checkbox-bg: #3949ab;
}

[data-theme=dark] .mie.checkbox.lightgreen, .mie.checkbox.lightgreen[data-theme=dark] {
  --mie-checkbox-border-active: rgba(124, 179, 66, 0.5);
  --mie-checkbox-bg: #7cb342;
}

[data-theme=dark] .mie.checkbox.deeporange, .mie.checkbox.deeporange[data-theme=dark] {
  --mie-checkbox-border-active: rgba(244, 81, 30, 0.5);
  --mie-checkbox-bg: #f4511e;
}

[data-theme=dark] .mie.checkbox.light, .mie.checkbox.light[data-theme=dark] {
  --mie-checkbox-border-active: rgba(255, 255, 255, 0.5);
  --mie-checkbox-bg: white;
}

[data-theme=dark] .mie.checkbox.dark, .mie.checkbox.dark[data-theme=dark] {
  --mie-checkbox-border-active: rgba(0, 0, 0, 0.5);
  --mie-checkbox-bg: black;
}

:root, [data-theme=light] .mie.divider, .mie.divider[data-theme=light] {
  --mie-divider-bg: rgba(0, 0, 0, 0.07);
}

:root, [data-theme=light] .mie.divider.blue, .mie.divider.blue[data-theme=light] {
  --mie-divider-bg: rgba(53, 132, 228, 0.07);
}

:root, [data-theme=light] .mie.divider.green, .mie.divider.green[data-theme=light] {
  --mie-divider-bg: rgba(51, 209, 122, 0.07);
}

:root, [data-theme=light] .mie.divider.yellow, .mie.divider.yellow[data-theme=light] {
  --mie-divider-bg: rgba(246, 211, 45, 0.07);
}

:root, [data-theme=light] .mie.divider.orange, .mie.divider.orange[data-theme=light] {
  --mie-divider-bg: rgba(255, 120, 0, 0.07);
}

:root, [data-theme=light] .mie.divider.red, .mie.divider.red[data-theme=light] {
  --mie-divider-bg: rgba(224, 27, 36, 0.07);
}

:root, [data-theme=light] .mie.divider.purple, .mie.divider.purple[data-theme=light] {
  --mie-divider-bg: rgba(145, 65, 172, 0.07);
}

:root, [data-theme=light] .mie.divider.brown, .mie.divider.brown[data-theme=light] {
  --mie-divider-bg: rgba(152, 106, 68, 0.07);
}

:root, [data-theme=light] .mie.divider.pink, .mie.divider.pink[data-theme=light] {
  --mie-divider-bg: rgba(216, 27, 96, 0.07);
}

:root, [data-theme=light] .mie.divider.deeppurple, .mie.divider.deeppurple[data-theme=light] {
  --mie-divider-bg: rgba(103, 58, 183, 0.07);
}

:root, [data-theme=light] .mie.divider.indigo, .mie.divider.indigo[data-theme=light] {
  --mie-divider-bg: rgba(63, 81, 181, 0.07);
}

:root, [data-theme=light] .mie.divider.lightgreen, .mie.divider.lightgreen[data-theme=light] {
  --mie-divider-bg: rgba(139, 195, 74, 0.07);
}

:root, [data-theme=light] .mie.divider.deeporange, .mie.divider.deeporange[data-theme=light] {
  --mie-divider-bg: rgba(255, 87, 34, 0.07);
}

:root, [data-theme=light] .mie.divider.light, .mie.divider.light[data-theme=light] {
  --mie-divider-bg: rgba(255, 255, 255, 0.07);
}

:root, [data-theme=light] .mie.divider.dark, .mie.divider.dark[data-theme=light] {
  --mie-divider-bg: rgba(0, 0, 0, 0.07);
}

[data-theme=dark] .mie.divider, .mie.divider[data-theme=dark] {
  --mie-divider-bg: rgba(255, 255, 255, 0.07);
}

[data-theme=dark] .mie.divider.blue, .mie.divider.blue[data-theme=dark] {
  --mie-divider-bg: rgba(28, 113, 216, 0.07);
}

[data-theme=dark] .mie.divider.green, .mie.divider.green[data-theme=dark] {
  --mie-divider-bg: rgba(46, 194, 126, 0.07);
}

[data-theme=dark] .mie.divider.yellow, .mie.divider.yellow[data-theme=dark] {
  --mie-divider-bg: rgba(245, 194, 17, 0.07);
}

[data-theme=dark] .mie.divider.orange, .mie.divider.orange[data-theme=dark] {
  --mie-divider-bg: rgba(230, 97, 0, 0.07);
}

[data-theme=dark] .mie.divider.red, .mie.divider.red[data-theme=dark] {
  --mie-divider-bg: rgba(192, 28, 40, 0.07);
}

[data-theme=dark] .mie.divider.purple, .mie.divider.purple[data-theme=dark] {
  --mie-divider-bg: rgba(129, 61, 156, 0.07);
}

[data-theme=dark] .mie.divider.brown, .mie.divider.brown[data-theme=dark] {
  --mie-divider-bg: rgba(134, 94, 60, 0.07);
}

[data-theme=dark] .mie.divider.pink, .mie.divider.pink[data-theme=dark] {
  --mie-divider-bg: rgba(194, 24, 91, 0.07);
}

[data-theme=dark] .mie.divider.deeppurple, .mie.divider.deeppurple[data-theme=dark] {
  --mie-divider-bg: rgba(94, 53, 177, 0.07);
}

[data-theme=dark] .mie.divider.indigo, .mie.divider.indigo[data-theme=dark] {
  --mie-divider-bg: rgba(57, 73, 171, 0.07);
}

[data-theme=dark] .mie.divider.lightgreen, .mie.divider.lightgreen[data-theme=dark] {
  --mie-divider-bg: rgba(124, 179, 66, 0.07);
}

[data-theme=dark] .mie.divider.deeporange, .mie.divider.deeporange[data-theme=dark] {
  --mie-divider-bg: rgba(244, 81, 30, 0.07);
}

[data-theme=dark] .mie.divider.light, .mie.divider.light[data-theme=dark] {
  --mie-divider-bg: rgba(255, 255, 255, 0.07);
}

[data-theme=dark] .mie.divider.dark, .mie.divider.dark[data-theme=dark] {
  --mie-divider-bg: rgba(0, 0, 0, 0.07);
}

:root, [data-theme=light] .mie.entry, .mie.entry[data-theme=light] {
  --mie-entry-label-fg: rgba(0, 0, 0, 0.6);
  --mie-entry-value-fg: #000;
  --mie-entry-border-bg: rgba(0, 0, 0, 0.07);
  --mie-entry-bg-outline: #1c71d8;
  --mie-entry-bg-overlay: transparent;
  --mie-entry-bg-main: #f5f5f5;
}

:root, [data-theme=light] .mie.entry.blue, .mie.entry.blue[data-theme=light] {
  --mie-entry-label-fg: #3584e4;
  --mie-entry-value-fg: rgba(53, 132, 228, 0.82);
  --mie-entry-border-bg: rgba(53, 132, 228, 0.07);
  --mie-entry-bg-overlay: rgba(53, 132, 228, 0.2);
  --mie-entry-bg-outline: #3584e4;
}

:root, [data-theme=light] .mie.entry.green, .mie.entry.green[data-theme=light] {
  --mie-entry-label-fg: #33d17a;
  --mie-entry-value-fg: rgba(51, 209, 122, 0.82);
  --mie-entry-border-bg: rgba(51, 209, 122, 0.07);
  --mie-entry-bg-overlay: rgba(51, 209, 122, 0.2);
  --mie-entry-bg-outline: #33d17a;
}

:root, [data-theme=light] .mie.entry.yellow, .mie.entry.yellow[data-theme=light] {
  --mie-entry-label-fg: #f6d32d;
  --mie-entry-value-fg: rgba(246, 211, 45, 0.82);
  --mie-entry-border-bg: rgba(246, 211, 45, 0.07);
  --mie-entry-bg-overlay: rgba(246, 211, 45, 0.2);
  --mie-entry-bg-outline: #f6d32d;
}

:root, [data-theme=light] .mie.entry.orange, .mie.entry.orange[data-theme=light] {
  --mie-entry-label-fg: #ff7800;
  --mie-entry-value-fg: rgba(255, 120, 0, 0.82);
  --mie-entry-border-bg: rgba(255, 120, 0, 0.07);
  --mie-entry-bg-overlay: rgba(255, 120, 0, 0.2);
  --mie-entry-bg-outline: #ff7800;
}

:root, [data-theme=light] .mie.entry.red, .mie.entry.red[data-theme=light] {
  --mie-entry-label-fg: #e01b24;
  --mie-entry-value-fg: rgba(224, 27, 36, 0.82);
  --mie-entry-border-bg: rgba(224, 27, 36, 0.07);
  --mie-entry-bg-overlay: rgba(224, 27, 36, 0.2);
  --mie-entry-bg-outline: #e01b24;
}

:root, [data-theme=light] .mie.entry.purple, .mie.entry.purple[data-theme=light] {
  --mie-entry-label-fg: #9141ac;
  --mie-entry-value-fg: rgba(145, 65, 172, 0.82);
  --mie-entry-border-bg: rgba(145, 65, 172, 0.07);
  --mie-entry-bg-overlay: rgba(145, 65, 172, 0.2);
  --mie-entry-bg-outline: #9141ac;
}

:root, [data-theme=light] .mie.entry.brown, .mie.entry.brown[data-theme=light] {
  --mie-entry-label-fg: #986a44;
  --mie-entry-value-fg: rgba(152, 106, 68, 0.82);
  --mie-entry-border-bg: rgba(152, 106, 68, 0.07);
  --mie-entry-bg-overlay: rgba(152, 106, 68, 0.2);
  --mie-entry-bg-outline: #986a44;
}

:root, [data-theme=light] .mie.entry.pink, .mie.entry.pink[data-theme=light] {
  --mie-entry-label-fg: #d81b60;
  --mie-entry-value-fg: rgba(216, 27, 96, 0.82);
  --mie-entry-border-bg: rgba(216, 27, 96, 0.07);
  --mie-entry-bg-overlay: rgba(216, 27, 96, 0.2);
  --mie-entry-bg-outline: #d81b60;
}

:root, [data-theme=light] .mie.entry.deeppurple, .mie.entry.deeppurple[data-theme=light] {
  --mie-entry-label-fg: #673ab7;
  --mie-entry-value-fg: rgba(103, 58, 183, 0.82);
  --mie-entry-border-bg: rgba(103, 58, 183, 0.07);
  --mie-entry-bg-overlay: rgba(103, 58, 183, 0.2);
  --mie-entry-bg-outline: #673ab7;
}

:root, [data-theme=light] .mie.entry.indigo, .mie.entry.indigo[data-theme=light] {
  --mie-entry-label-fg: #3f51b5;
  --mie-entry-value-fg: rgba(63, 81, 181, 0.82);
  --mie-entry-border-bg: rgba(63, 81, 181, 0.07);
  --mie-entry-bg-overlay: rgba(63, 81, 181, 0.2);
  --mie-entry-bg-outline: #3f51b5;
}

:root, [data-theme=light] .mie.entry.lightgreen, .mie.entry.lightgreen[data-theme=light] {
  --mie-entry-label-fg: #8bc34a;
  --mie-entry-value-fg: rgba(139, 195, 74, 0.82);
  --mie-entry-border-bg: rgba(139, 195, 74, 0.07);
  --mie-entry-bg-overlay: rgba(139, 195, 74, 0.2);
  --mie-entry-bg-outline: #8bc34a;
}

:root, [data-theme=light] .mie.entry.deeporange, .mie.entry.deeporange[data-theme=light] {
  --mie-entry-label-fg: #ff5722;
  --mie-entry-value-fg: rgba(255, 87, 34, 0.82);
  --mie-entry-border-bg: rgba(255, 87, 34, 0.07);
  --mie-entry-bg-overlay: rgba(255, 87, 34, 0.2);
  --mie-entry-bg-outline: #ff5722;
}

:root, [data-theme=light] .mie.entry.light, .mie.entry.light[data-theme=light] {
  --mie-entry-label-fg: rgba(255, 255, 255, 0.82);
  --mie-entry-value-fg: rgba(255, 255, 255, 0.82);
  --mie-entry-border-bg: rgba(255, 255, 255, 0.07);
  --mie-entry-bg-overlay: rgba(255, 255, 255, 0.2);
  --mie-entry-bg-outline: rgba(255, 255, 255, 0.82);
}

:root, [data-theme=light] .mie.entry.dark, .mie.entry.dark[data-theme=light] {
  --mie-entry-label-fg: rgba(0, 0, 0, 0.82);
  --mie-entry-value-fg: rgba(0, 0, 0, 0.82);
  --mie-entry-border-bg: rgba(0, 0, 0, 0.07);
  --mie-entry-bg-overlay: rgba(0, 0, 0, 0.2);
  --mie-entry-bg-outline: rgba(0, 0, 0, 0.82);
}

[data-theme=dark] .mie.entry, .mie.entry[data-theme=dark] {
  --mie-entry-label-fg: rgba(255, 255, 255, 0.6);
  --mie-entry-value-fg: #fff;
  --mie-entry-border-bg: rgba(255, 255, 255, 0.07);
  --mie-entry-bg-outline: #78aeed;
  --mie-entry-bg-overlay: transparent;
  --mie-entry-bg-main: #343434;
}

[data-theme=dark] .mie.entry.blue, .mie.entry.blue[data-theme=dark] {
  --mie-entry-label-fg: rgba(28, 113, 216, 0.82);
  --mie-entry-value-fg: rgba(28, 113, 216, 0.82);
  --mie-entry-border-bg: rgba(28, 113, 216, 0.07);
  --mie-entry-bg-overlay: rgba(28, 113, 216, 0.15);
  --mie-entry-bg-outline: #1c71d8;
}

[data-theme=dark] .mie.entry.green, .mie.entry.green[data-theme=dark] {
  --mie-entry-label-fg: rgba(46, 194, 126, 0.82);
  --mie-entry-value-fg: rgba(46, 194, 126, 0.82);
  --mie-entry-border-bg: rgba(46, 194, 126, 0.07);
  --mie-entry-bg-overlay: rgba(46, 194, 126, 0.15);
  --mie-entry-bg-outline: #2ec27e;
}

[data-theme=dark] .mie.entry.yellow, .mie.entry.yellow[data-theme=dark] {
  --mie-entry-label-fg: rgba(245, 194, 17, 0.82);
  --mie-entry-value-fg: rgba(245, 194, 17, 0.82);
  --mie-entry-border-bg: rgba(245, 194, 17, 0.07);
  --mie-entry-bg-overlay: rgba(245, 194, 17, 0.15);
  --mie-entry-bg-outline: #f5c211;
}

[data-theme=dark] .mie.entry.orange, .mie.entry.orange[data-theme=dark] {
  --mie-entry-label-fg: rgba(230, 97, 0, 0.82);
  --mie-entry-value-fg: rgba(230, 97, 0, 0.82);
  --mie-entry-border-bg: rgba(230, 97, 0, 0.07);
  --mie-entry-bg-overlay: rgba(230, 97, 0, 0.15);
  --mie-entry-bg-outline: #e66100;
}

[data-theme=dark] .mie.entry.red, .mie.entry.red[data-theme=dark] {
  --mie-entry-label-fg: rgba(192, 28, 40, 0.82);
  --mie-entry-value-fg: rgba(192, 28, 40, 0.82);
  --mie-entry-border-bg: rgba(192, 28, 40, 0.07);
  --mie-entry-bg-overlay: rgba(192, 28, 40, 0.15);
  --mie-entry-bg-outline: #c01c28;
}

[data-theme=dark] .mie.entry.purple, .mie.entry.purple[data-theme=dark] {
  --mie-entry-label-fg: rgba(129, 61, 156, 0.82);
  --mie-entry-value-fg: rgba(129, 61, 156, 0.82);
  --mie-entry-border-bg: rgba(129, 61, 156, 0.07);
  --mie-entry-bg-overlay: rgba(129, 61, 156, 0.15);
  --mie-entry-bg-outline: #813d9c;
}

[data-theme=dark] .mie.entry.brown, .mie.entry.brown[data-theme=dark] {
  --mie-entry-label-fg: rgba(134, 94, 60, 0.82);
  --mie-entry-value-fg: rgba(134, 94, 60, 0.82);
  --mie-entry-border-bg: rgba(134, 94, 60, 0.07);
  --mie-entry-bg-overlay: rgba(134, 94, 60, 0.15);
  --mie-entry-bg-outline: #865e3c;
}

[data-theme=dark] .mie.entry.pink, .mie.entry.pink[data-theme=dark] {
  --mie-entry-label-fg: rgba(194, 24, 91, 0.82);
  --mie-entry-value-fg: rgba(194, 24, 91, 0.82);
  --mie-entry-border-bg: rgba(194, 24, 91, 0.07);
  --mie-entry-bg-overlay: rgba(194, 24, 91, 0.15);
  --mie-entry-bg-outline: #c2185b;
}

[data-theme=dark] .mie.entry.deeppurple, .mie.entry.deeppurple[data-theme=dark] {
  --mie-entry-label-fg: rgba(94, 53, 177, 0.82);
  --mie-entry-value-fg: rgba(94, 53, 177, 0.82);
  --mie-entry-border-bg: rgba(94, 53, 177, 0.07);
  --mie-entry-bg-overlay: rgba(94, 53, 177, 0.15);
  --mie-entry-bg-outline: #5e35b1;
}

[data-theme=dark] .mie.entry.indigo, .mie.entry.indigo[data-theme=dark] {
  --mie-entry-label-fg: rgba(57, 73, 171, 0.82);
  --mie-entry-value-fg: rgba(57, 73, 171, 0.82);
  --mie-entry-border-bg: rgba(57, 73, 171, 0.07);
  --mie-entry-bg-overlay: rgba(57, 73, 171, 0.15);
  --mie-entry-bg-outline: #3949ab;
}

[data-theme=dark] .mie.entry.lightgreen, .mie.entry.lightgreen[data-theme=dark] {
  --mie-entry-label-fg: rgba(124, 179, 66, 0.82);
  --mie-entry-value-fg: rgba(124, 179, 66, 0.82);
  --mie-entry-border-bg: rgba(124, 179, 66, 0.07);
  --mie-entry-bg-overlay: rgba(124, 179, 66, 0.15);
  --mie-entry-bg-outline: #7cb342;
}

[data-theme=dark] .mie.entry.deeporange, .mie.entry.deeporange[data-theme=dark] {
  --mie-entry-label-fg: rgba(244, 81, 30, 0.82);
  --mie-entry-value-fg: rgba(244, 81, 30, 0.82);
  --mie-entry-border-bg: rgba(244, 81, 30, 0.07);
  --mie-entry-bg-overlay: rgba(244, 81, 30, 0.15);
  --mie-entry-bg-outline: #f4511e;
}

[data-theme=dark] .mie.entry.light, .mie.entry.light[data-theme=dark] {
  --mie-entry-label-fg: rgba(255, 255, 255, 0.82);
  --mie-entry-value-fg: rgba(255, 255, 255, 0.82);
  --mie-entry-border-bg: rgba(255, 255, 255, 0.07);
  --mie-entry-bg-overlay: rgba(255, 255, 255, 0.15);
  --mie-entry-bg-outline: rgba(255, 255, 255, 0.82);
}

[data-theme=dark] .mie.entry.dark, .mie.entry.dark[data-theme=dark] {
  --mie-entry-label-fg: rgba(0, 0, 0, 0.82);
  --mie-entry-value-fg: rgba(0, 0, 0, 0.82);
  --mie-entry-border-bg: rgba(0, 0, 0, 0.07);
  --mie-entry-bg-overlay: rgba(0, 0, 0, 0.15);
  --mie-entry-bg-outline: rgba(0, 0, 0, 0.82);
}

:root, [data-theme=light] .mie.header, .mie.header[data-theme=light] {
  --mie-header-subtitle-fg: rgba(0, 0, 0, 0.6);
  --mie-header-title-fg: #000;
}

:root, [data-theme=light] .mie.header.blue, .mie.header.blue[data-theme=light] {
  --mie-header-subtitle-fg: rgba(53, 132, 228, 0.6);
  --mie-header-title-fg: #3584e4;
}

:root, [data-theme=light] .mie.header.green, .mie.header.green[data-theme=light] {
  --mie-header-subtitle-fg: rgba(51, 209, 122, 0.6);
  --mie-header-title-fg: #33d17a;
}

:root, [data-theme=light] .mie.header.yellow, .mie.header.yellow[data-theme=light] {
  --mie-header-subtitle-fg: rgba(246, 211, 45, 0.6);
  --mie-header-title-fg: #f6d32d;
}

:root, [data-theme=light] .mie.header.orange, .mie.header.orange[data-theme=light] {
  --mie-header-subtitle-fg: rgba(255, 120, 0, 0.6);
  --mie-header-title-fg: #ff7800;
}

:root, [data-theme=light] .mie.header.red, .mie.header.red[data-theme=light] {
  --mie-header-subtitle-fg: rgba(224, 27, 36, 0.6);
  --mie-header-title-fg: #e01b24;
}

:root, [data-theme=light] .mie.header.purple, .mie.header.purple[data-theme=light] {
  --mie-header-subtitle-fg: rgba(145, 65, 172, 0.6);
  --mie-header-title-fg: #9141ac;
}

:root, [data-theme=light] .mie.header.brown, .mie.header.brown[data-theme=light] {
  --mie-header-subtitle-fg: rgba(152, 106, 68, 0.6);
  --mie-header-title-fg: #986a44;
}

:root, [data-theme=light] .mie.header.pink, .mie.header.pink[data-theme=light] {
  --mie-header-subtitle-fg: rgba(216, 27, 96, 0.6);
  --mie-header-title-fg: #d81b60;
}

:root, [data-theme=light] .mie.header.deeppurple, .mie.header.deeppurple[data-theme=light] {
  --mie-header-subtitle-fg: rgba(103, 58, 183, 0.6);
  --mie-header-title-fg: #673ab7;
}

:root, [data-theme=light] .mie.header.indigo, .mie.header.indigo[data-theme=light] {
  --mie-header-subtitle-fg: rgba(63, 81, 181, 0.6);
  --mie-header-title-fg: #3f51b5;
}

:root, [data-theme=light] .mie.header.lightgreen, .mie.header.lightgreen[data-theme=light] {
  --mie-header-subtitle-fg: rgba(139, 195, 74, 0.6);
  --mie-header-title-fg: #8bc34a;
}

:root, [data-theme=light] .mie.header.deeporange, .mie.header.deeporange[data-theme=light] {
  --mie-header-subtitle-fg: rgba(255, 87, 34, 0.6);
  --mie-header-title-fg: #ff5722;
}

:root, [data-theme=light] .mie.header.light, .mie.header.light[data-theme=light] {
  --mie-header-subtitle-fg: rgba(255, 255, 255, 0.6);
  --mie-header-title-fg: rgba(255, 255, 255, 0.82);
}

:root, [data-theme=light] .mie.header.dark, .mie.header.dark[data-theme=light] {
  --mie-header-subtitle-fg: rgba(0, 0, 0, 0.6);
  --mie-header-title-fg: rgba(0, 0, 0, 0.82);
}

[data-theme=dark] .mie.header, .mie.header[data-theme=dark] {
  --mie-header-subtitle-fg: rgba(255, 255, 255, 0.6);
  --mie-header-title-fg: #fff;
}

[data-theme=dark] .mie.header.blue, .mie.header.blue[data-theme=dark] {
  --mie-header-subtitle-fg: rgba(28, 113, 216, 0.6);
  --mie-header-title-fg: #1c71d8;
}

[data-theme=dark] .mie.header.green, .mie.header.green[data-theme=dark] {
  --mie-header-subtitle-fg: rgba(46, 194, 126, 0.6);
  --mie-header-title-fg: #2ec27e;
}

[data-theme=dark] .mie.header.yellow, .mie.header.yellow[data-theme=dark] {
  --mie-header-subtitle-fg: rgba(245, 194, 17, 0.6);
  --mie-header-title-fg: #f5c211;
}

[data-theme=dark] .mie.header.orange, .mie.header.orange[data-theme=dark] {
  --mie-header-subtitle-fg: rgba(230, 97, 0, 0.6);
  --mie-header-title-fg: #e66100;
}

[data-theme=dark] .mie.header.red, .mie.header.red[data-theme=dark] {
  --mie-header-subtitle-fg: rgba(192, 28, 40, 0.6);
  --mie-header-title-fg: #c01c28;
}

[data-theme=dark] .mie.header.purple, .mie.header.purple[data-theme=dark] {
  --mie-header-subtitle-fg: rgba(129, 61, 156, 0.6);
  --mie-header-title-fg: #813d9c;
}

[data-theme=dark] .mie.header.brown, .mie.header.brown[data-theme=dark] {
  --mie-header-subtitle-fg: rgba(134, 94, 60, 0.6);
  --mie-header-title-fg: #865e3c;
}

[data-theme=dark] .mie.header.pink, .mie.header.pink[data-theme=dark] {
  --mie-header-subtitle-fg: rgba(194, 24, 91, 0.6);
  --mie-header-title-fg: #c2185b;
}

[data-theme=dark] .mie.header.deeppurple, .mie.header.deeppurple[data-theme=dark] {
  --mie-header-subtitle-fg: rgba(94, 53, 177, 0.6);
  --mie-header-title-fg: #5e35b1;
}

[data-theme=dark] .mie.header.indigo, .mie.header.indigo[data-theme=dark] {
  --mie-header-subtitle-fg: rgba(57, 73, 171, 0.6);
  --mie-header-title-fg: #3949ab;
}

[data-theme=dark] .mie.header.lightgreen, .mie.header.lightgreen[data-theme=dark] {
  --mie-header-subtitle-fg: rgba(124, 179, 66, 0.6);
  --mie-header-title-fg: #7cb342;
}

[data-theme=dark] .mie.header.deeporange, .mie.header.deeporange[data-theme=dark] {
  --mie-header-subtitle-fg: rgba(244, 81, 30, 0.6);
  --mie-header-title-fg: #f4511e;
}

[data-theme=dark] .mie.header.light, .mie.header.light[data-theme=dark] {
  --mie-header-subtitle-fg: rgba(255, 255, 255, 0.6);
  --mie-header-title-fg: rgba(255, 255, 255, 0.82);
}

[data-theme=dark] .mie.header.dark, .mie.header.dark[data-theme=dark] {
  --mie-header-subtitle-fg: rgba(0, 0, 0, 0.6);
  --mie-header-title-fg: rgba(0, 0, 0, 0.82);
}

:root, [data-theme=light] .mie.icon, .mie.icon[data-theme=light] {
  --mie-icon-fg: rgba(0, 0, 0, 0.82);
  --mie-icon-bg-main: transparent;
  --mie-icon-bg-filled: #fafafa;
}

:root, [data-theme=light] .mie.icon.blue, .mie.icon.blue[data-theme=light] {
  --mie-icon-fg: #3584e4;
  --mie-icon-bg-main: rgba(53, 132, 228, 0.3);
  --mie-icon-bg-filled: #1b6acb;
}

:root, [data-theme=light] .mie.icon.green, .mie.icon.green[data-theme=light] {
  --mie-icon-fg: #33d17a;
  --mie-icon-bg-main: rgba(51, 209, 122, 0.3);
  --mie-icon-bg-filled: #26ab62;
}

:root, [data-theme=light] .mie.icon.yellow, .mie.icon.yellow[data-theme=light] {
  --mie-icon-fg: #f6d32d;
  --mie-icon-bg-main: rgba(246, 211, 45, 0.3);
  --mie-icon-bg-filled: #e6c00a;
}

:root, [data-theme=light] .mie.icon.orange, .mie.icon.orange[data-theme=light] {
  --mie-icon-fg: #ff7800;
  --mie-icon-bg-main: rgba(255, 120, 0, 0.3);
  --mie-icon-bg-filled: #cc6000;
}

:root, [data-theme=light] .mie.icon.red, .mie.icon.red[data-theme=light] {
  --mie-icon-fg: #e01b24;
  --mie-icon-bg-main: rgba(224, 27, 36, 0.3);
  --mie-icon-bg-filled: #b2161d;
}

:root, [data-theme=light] .mie.icon.purple, .mie.icon.purple[data-theme=light] {
  --mie-icon-fg: #9141ac;
  --mie-icon-bg-main: rgba(145, 65, 172, 0.3);
  --mie-icon-bg-filled: #723387;
}

:root, [data-theme=light] .mie.icon.brown, .mie.icon.brown[data-theme=light] {
  --mie-icon-fg: #986a44;
  --mie-icon-bg-main: rgba(152, 106, 68, 0.3);
  --mie-icon-bg-filled: #755134;
}

:root, [data-theme=light] .mie.icon.pink, .mie.icon.pink[data-theme=light] {
  --mie-icon-fg: #d81b60;
  --mie-icon-bg-main: rgba(216, 27, 96, 0.3);
  --mie-icon-bg-filled: #ab154c;
}

:root, [data-theme=light] .mie.icon.deeppurple, .mie.icon.deeppurple[data-theme=light] {
  --mie-icon-fg: #673ab7;
  --mie-icon-bg-main: rgba(103, 58, 183, 0.3);
  --mie-icon-bg-filled: #512e90;
}

:root, [data-theme=light] .mie.icon.indigo, .mie.icon.indigo[data-theme=light] {
  --mie-icon-fg: #3f51b5;
  --mie-icon-bg-main: rgba(63, 81, 181, 0.3);
  --mie-icon-bg-filled: #32408f;
}

:root, [data-theme=light] .mie.icon.lightgreen, .mie.icon.lightgreen[data-theme=light] {
  --mie-icon-fg: #8bc34a;
  --mie-icon-bg-main: rgba(139, 195, 74, 0.3);
  --mie-icon-bg-filled: #71a436;
}

:root, [data-theme=light] .mie.icon.deeporange, .mie.icon.deeporange[data-theme=light] {
  --mie-icon-fg: #ff5722;
  --mie-icon-bg-main: rgba(255, 87, 34, 0.3);
  --mie-icon-bg-filled: #ee3900;
}

:root, [data-theme=light] .mie.icon.light, .mie.icon.light[data-theme=light] {
  --mie-icon-fg: rgba(255, 255, 255, 0.82);
  --mie-icon-bg-main: rgba(255, 255, 255, 0.3);
  --mie-icon-bg-filled: rgba(230, 230, 230, 0.82);
}

:root, [data-theme=light] .mie.icon.dark, .mie.icon.dark[data-theme=light] {
  --mie-icon-fg: rgba(0, 0, 0, 0.82);
  --mie-icon-bg-main: rgba(0, 0, 0, 0.3);
  --mie-icon-bg-filled: rgba(0, 0, 0, 0.82);
}

[data-theme=dark] .mie.icon, .mie.icon[data-theme=dark] {
  --mie-icon-fg: #fff;
  --mie-icon-bg-main: transparent;
  --mie-icon-bg-filled: #383838;
}

[data-theme=dark] .mie.icon.blue, .mie.icon.blue[data-theme=dark] {
  --mie-icon-fg: #1c71d8;
  --mie-icon-bg-main: rgba(28, 113, 216, 0.3);
  --mie-icon-bg-filled: #418ce6;
}

[data-theme=dark] .mie.icon.green, .mie.icon.green[data-theme=dark] {
  --mie-icon-fg: #2ec27e;
  --mie-icon-bg-main: rgba(46, 194, 126, 0.3);
  --mie-icon-bg-filled: #4ed597;
}

[data-theme=dark] .mie.icon.yellow, .mie.icon.yellow[data-theme=dark] {
  --mie-icon-fg: #f5c211;
  --mie-icon-bg-main: rgba(245, 194, 17, 0.3);
  --mie-icon-bg-filled: #f7cf42;
}

[data-theme=dark] .mie.icon.orange, .mie.icon.orange[data-theme=dark] {
  --mie-icon-fg: #e66100;
  --mie-icon-bg-main: rgba(230, 97, 0, 0.3);
  --mie-icon-bg-filled: #ff7b1a;
}

[data-theme=dark] .mie.icon.red, .mie.icon.red[data-theme=dark] {
  --mie-icon-fg: #c01c28;
  --mie-icon-bg-main: rgba(192, 28, 40, 0.3);
  --mie-icon-bg-filled: #e12e3b;
}

[data-theme=dark] .mie.icon.purple, .mie.icon.purple[data-theme=dark] {
  --mie-icon-fg: #813d9c;
  --mie-icon-bg-main: rgba(129, 61, 156, 0.3);
  --mie-icon-bg-filled: #9d51bb;
}

[data-theme=dark] .mie.icon.brown, .mie.icon.brown[data-theme=dark] {
  --mie-icon-fg: #865e3c;
  --mie-icon-bg-main: rgba(134, 94, 60, 0.3);
  --mie-icon-bg-filled: #a9774c;
}

[data-theme=dark] .mie.icon.pink, .mie.icon.pink[data-theme=dark] {
  --mie-icon-fg: #c2185b;
  --mie-icon-bg-main: rgba(194, 24, 91, 0.3);
  --mie-icon-bg-filled: #e42973;
}

[data-theme=dark] .mie.icon.deeppurple, .mie.icon.deeppurple[data-theme=dark] {
  --mie-icon-fg: #5e35b1;
  --mie-icon-bg-main: rgba(94, 53, 177, 0.3);
  --mie-icon-bg-filled: #784fca;
}

[data-theme=dark] .mie.icon.indigo, .mie.icon.indigo[data-theme=dark] {
  --mie-icon-fg: #3949ab;
  --mie-icon-bg-main: rgba(57, 73, 171, 0.3);
  --mie-icon-bg-filled: #5262c5;
}

[data-theme=dark] .mie.icon.lightgreen, .mie.icon.lightgreen[data-theme=dark] {
  --mie-icon-fg: #7cb342;
  --mie-icon-bg-main: rgba(124, 179, 66, 0.3);
  --mie-icon-bg-filled: #95c563;
}

[data-theme=dark] .mie.icon.deeporange, .mie.icon.deeporange[data-theme=dark] {
  --mie-icon-fg: #f4511e;
  --mie-icon-bg-main: rgba(244, 81, 30, 0.3);
  --mie-icon-bg-filled: #f6774f;
}

[data-theme=dark] .mie.icon.light, .mie.icon.light[data-theme=dark] {
  --mie-icon-fg: rgba(255, 255, 255, 0.82);
  --mie-icon-bg-main: rgba(255, 255, 255, 0.3);
  --mie-icon-bg-filled: rgba(255, 255, 255, 0.82);
}

[data-theme=dark] .mie.icon.dark, .mie.icon.dark[data-theme=dark] {
  --mie-icon-fg: rgba(0, 0, 0, 0.82);
  --mie-icon-bg-main: rgba(0, 0, 0, 0.3);
  --mie-icon-bg-filled: rgba(26, 26, 26, 0.82);
}

:root, [data-theme=light] .mie.image, .mie.image[data-theme=light] {
  --mie-image-border-bg: rgba(0, 0, 0, 0.1);
  --mie-image-bg: rgba(0, 0, 0, 0.1);
}

:root, [data-theme=light] .mie.image.blue, .mie.image.blue[data-theme=light] {
  --mie-image-border-bg: rgba(53, 132, 228, 0.6);
  --mie-image-bg: rgba(53, 132, 228, 0.1);
}

:root, [data-theme=light] .mie.image.green, .mie.image.green[data-theme=light] {
  --mie-image-border-bg: rgba(51, 209, 122, 0.6);
  --mie-image-bg: rgba(51, 209, 122, 0.1);
}

:root, [data-theme=light] .mie.image.yellow, .mie.image.yellow[data-theme=light] {
  --mie-image-border-bg: rgba(246, 211, 45, 0.6);
  --mie-image-bg: rgba(246, 211, 45, 0.1);
}

:root, [data-theme=light] .mie.image.orange, .mie.image.orange[data-theme=light] {
  --mie-image-border-bg: rgba(255, 120, 0, 0.6);
  --mie-image-bg: rgba(255, 120, 0, 0.1);
}

:root, [data-theme=light] .mie.image.red, .mie.image.red[data-theme=light] {
  --mie-image-border-bg: rgba(224, 27, 36, 0.6);
  --mie-image-bg: rgba(224, 27, 36, 0.1);
}

:root, [data-theme=light] .mie.image.purple, .mie.image.purple[data-theme=light] {
  --mie-image-border-bg: rgba(145, 65, 172, 0.6);
  --mie-image-bg: rgba(145, 65, 172, 0.1);
}

:root, [data-theme=light] .mie.image.brown, .mie.image.brown[data-theme=light] {
  --mie-image-border-bg: rgba(152, 106, 68, 0.6);
  --mie-image-bg: rgba(152, 106, 68, 0.1);
}

:root, [data-theme=light] .mie.image.pink, .mie.image.pink[data-theme=light] {
  --mie-image-border-bg: rgba(216, 27, 96, 0.6);
  --mie-image-bg: rgba(216, 27, 96, 0.1);
}

:root, [data-theme=light] .mie.image.deeppurple, .mie.image.deeppurple[data-theme=light] {
  --mie-image-border-bg: rgba(103, 58, 183, 0.6);
  --mie-image-bg: rgba(103, 58, 183, 0.1);
}

:root, [data-theme=light] .mie.image.indigo, .mie.image.indigo[data-theme=light] {
  --mie-image-border-bg: rgba(63, 81, 181, 0.6);
  --mie-image-bg: rgba(63, 81, 181, 0.1);
}

:root, [data-theme=light] .mie.image.lightgreen, .mie.image.lightgreen[data-theme=light] {
  --mie-image-border-bg: rgba(139, 195, 74, 0.6);
  --mie-image-bg: rgba(139, 195, 74, 0.1);
}

:root, [data-theme=light] .mie.image.deeporange, .mie.image.deeporange[data-theme=light] {
  --mie-image-border-bg: rgba(255, 87, 34, 0.6);
  --mie-image-bg: rgba(255, 87, 34, 0.1);
}

:root, [data-theme=light] .mie.image.light, .mie.image.light[data-theme=light] {
  --mie-image-border-bg: rgba(255, 255, 255, 0.6);
  --mie-image-bg: rgba(255, 255, 255, 0.1);
}

:root, [data-theme=light] .mie.image.dark, .mie.image.dark[data-theme=light] {
  --mie-image-border-bg: rgba(0, 0, 0, 0.6);
  --mie-image-bg: rgba(0, 0, 0, 0.1);
}

[data-theme=dark] .mie.image, .mie.image[data-theme=dark] {
  --mie-image-border-bg: rgba(255, 255, 255, 0.1);
  --mie-image-bg: rgba(255, 255, 255, 0.1);
}

[data-theme=dark] .mie.image.blue, .mie.image.blue[data-theme=dark] {
  --mie-image-border-bg: rgba(28, 113, 216, 0.6);
  --mie-image-bg: rgba(28, 113, 216, 0.1);
}

[data-theme=dark] .mie.image.green, .mie.image.green[data-theme=dark] {
  --mie-image-border-bg: rgba(46, 194, 126, 0.6);
  --mie-image-bg: rgba(46, 194, 126, 0.1);
}

[data-theme=dark] .mie.image.yellow, .mie.image.yellow[data-theme=dark] {
  --mie-image-border-bg: rgba(245, 194, 17, 0.6);
  --mie-image-bg: rgba(245, 194, 17, 0.1);
}

[data-theme=dark] .mie.image.orange, .mie.image.orange[data-theme=dark] {
  --mie-image-border-bg: rgba(230, 97, 0, 0.6);
  --mie-image-bg: rgba(230, 97, 0, 0.1);
}

[data-theme=dark] .mie.image.red, .mie.image.red[data-theme=dark] {
  --mie-image-border-bg: rgba(192, 28, 40, 0.6);
  --mie-image-bg: rgba(192, 28, 40, 0.1);
}

[data-theme=dark] .mie.image.purple, .mie.image.purple[data-theme=dark] {
  --mie-image-border-bg: rgba(129, 61, 156, 0.6);
  --mie-image-bg: rgba(129, 61, 156, 0.1);
}

[data-theme=dark] .mie.image.brown, .mie.image.brown[data-theme=dark] {
  --mie-image-border-bg: rgba(134, 94, 60, 0.6);
  --mie-image-bg: rgba(134, 94, 60, 0.1);
}

[data-theme=dark] .mie.image.pink, .mie.image.pink[data-theme=dark] {
  --mie-image-border-bg: rgba(194, 24, 91, 0.6);
  --mie-image-bg: rgba(194, 24, 91, 0.1);
}

[data-theme=dark] .mie.image.deeppurple, .mie.image.deeppurple[data-theme=dark] {
  --mie-image-border-bg: rgba(94, 53, 177, 0.6);
  --mie-image-bg: rgba(94, 53, 177, 0.1);
}

[data-theme=dark] .mie.image.indigo, .mie.image.indigo[data-theme=dark] {
  --mie-image-border-bg: rgba(57, 73, 171, 0.6);
  --mie-image-bg: rgba(57, 73, 171, 0.1);
}

[data-theme=dark] .mie.image.lightgreen, .mie.image.lightgreen[data-theme=dark] {
  --mie-image-border-bg: rgba(124, 179, 66, 0.6);
  --mie-image-bg: rgba(124, 179, 66, 0.1);
}

[data-theme=dark] .mie.image.deeporange, .mie.image.deeporange[data-theme=dark] {
  --mie-image-border-bg: rgba(244, 81, 30, 0.6);
  --mie-image-bg: rgba(244, 81, 30, 0.1);
}

[data-theme=dark] .mie.image.light, .mie.image.light[data-theme=dark] {
  --mie-image-border-bg: rgba(255, 255, 255, 0.6);
  --mie-image-bg: rgba(255, 255, 255, 0.1);
}

[data-theme=dark] .mie.image.dark, .mie.image.dark[data-theme=dark] {
  --mie-image-border-bg: rgba(0, 0, 0, 0.6);
  --mie-image-bg: rgba(0, 0, 0, 0.1);
}

:root, [data-theme=light] .mie.item, .mie.item[data-theme=light] {
  --mie-item-description-fg: rgba(0, 0, 0, 0.6);
  --mie-item-title-fg: rgba(0, 0, 0, 0.82);
}

:root, [data-theme=light] .mie.item.blue, .mie.item.blue[data-theme=light] {
  --mie-item-description-fg: rgba(53, 132, 228, 0.6);
  --mie-item-title-fg: rgba(53, 132, 228, 0.82);
}

:root, [data-theme=light] .mie.item.green, .mie.item.green[data-theme=light] {
  --mie-item-description-fg: rgba(51, 209, 122, 0.6);
  --mie-item-title-fg: rgba(51, 209, 122, 0.82);
}

:root, [data-theme=light] .mie.item.yellow, .mie.item.yellow[data-theme=light] {
  --mie-item-description-fg: rgba(246, 211, 45, 0.6);
  --mie-item-title-fg: rgba(246, 211, 45, 0.82);
}

:root, [data-theme=light] .mie.item.orange, .mie.item.orange[data-theme=light] {
  --mie-item-description-fg: rgba(255, 120, 0, 0.6);
  --mie-item-title-fg: rgba(255, 120, 0, 0.82);
}

:root, [data-theme=light] .mie.item.red, .mie.item.red[data-theme=light] {
  --mie-item-description-fg: rgba(224, 27, 36, 0.6);
  --mie-item-title-fg: rgba(224, 27, 36, 0.82);
}

:root, [data-theme=light] .mie.item.purple, .mie.item.purple[data-theme=light] {
  --mie-item-description-fg: rgba(145, 65, 172, 0.6);
  --mie-item-title-fg: rgba(145, 65, 172, 0.82);
}

:root, [data-theme=light] .mie.item.brown, .mie.item.brown[data-theme=light] {
  --mie-item-description-fg: rgba(152, 106, 68, 0.6);
  --mie-item-title-fg: rgba(152, 106, 68, 0.82);
}

:root, [data-theme=light] .mie.item.pink, .mie.item.pink[data-theme=light] {
  --mie-item-description-fg: rgba(216, 27, 96, 0.6);
  --mie-item-title-fg: rgba(216, 27, 96, 0.82);
}

:root, [data-theme=light] .mie.item.deeppurple, .mie.item.deeppurple[data-theme=light] {
  --mie-item-description-fg: rgba(103, 58, 183, 0.6);
  --mie-item-title-fg: rgba(103, 58, 183, 0.82);
}

:root, [data-theme=light] .mie.item.indigo, .mie.item.indigo[data-theme=light] {
  --mie-item-description-fg: rgba(63, 81, 181, 0.6);
  --mie-item-title-fg: rgba(63, 81, 181, 0.82);
}

:root, [data-theme=light] .mie.item.lightgreen, .mie.item.lightgreen[data-theme=light] {
  --mie-item-description-fg: rgba(139, 195, 74, 0.6);
  --mie-item-title-fg: rgba(139, 195, 74, 0.82);
}

:root, [data-theme=light] .mie.item.deeporange, .mie.item.deeporange[data-theme=light] {
  --mie-item-description-fg: rgba(255, 87, 34, 0.6);
  --mie-item-title-fg: rgba(255, 87, 34, 0.82);
}

:root, [data-theme=light] .mie.item.light, .mie.item.light[data-theme=light] {
  --mie-item-description-fg: rgba(255, 255, 255, 0.6);
  --mie-item-title-fg: rgba(255, 255, 255, 0.82);
}

:root, [data-theme=light] .mie.item.dark, .mie.item.dark[data-theme=light] {
  --mie-item-description-fg: rgba(0, 0, 0, 0.6);
  --mie-item-title-fg: rgba(0, 0, 0, 0.82);
}

[data-theme=dark] .mie.item, .mie.item[data-theme=dark] {
  --mie-item-description-fg: rgba(255, 255, 255, 0.6);
  --mie-item-title-fg: rgba(255, 255, 255, 0.82);
}

[data-theme=dark] .mie.item.blue, .mie.item.blue[data-theme=dark] {
  --mie-item-description-fg: rgba(28, 113, 216, 0.6);
  --mie-item-title-fg: rgba(28, 113, 216, 0.82);
}

[data-theme=dark] .mie.item.green, .mie.item.green[data-theme=dark] {
  --mie-item-description-fg: rgba(46, 194, 126, 0.6);
  --mie-item-title-fg: rgba(46, 194, 126, 0.82);
}

[data-theme=dark] .mie.item.yellow, .mie.item.yellow[data-theme=dark] {
  --mie-item-description-fg: rgba(245, 194, 17, 0.6);
  --mie-item-title-fg: rgba(245, 194, 17, 0.82);
}

[data-theme=dark] .mie.item.orange, .mie.item.orange[data-theme=dark] {
  --mie-item-description-fg: rgba(230, 97, 0, 0.6);
  --mie-item-title-fg: rgba(230, 97, 0, 0.82);
}

[data-theme=dark] .mie.item.red, .mie.item.red[data-theme=dark] {
  --mie-item-description-fg: rgba(192, 28, 40, 0.6);
  --mie-item-title-fg: rgba(192, 28, 40, 0.82);
}

[data-theme=dark] .mie.item.purple, .mie.item.purple[data-theme=dark] {
  --mie-item-description-fg: rgba(129, 61, 156, 0.6);
  --mie-item-title-fg: rgba(129, 61, 156, 0.82);
}

[data-theme=dark] .mie.item.brown, .mie.item.brown[data-theme=dark] {
  --mie-item-description-fg: rgba(134, 94, 60, 0.6);
  --mie-item-title-fg: rgba(134, 94, 60, 0.82);
}

[data-theme=dark] .mie.item.pink, .mie.item.pink[data-theme=dark] {
  --mie-item-description-fg: rgba(194, 24, 91, 0.6);
  --mie-item-title-fg: rgba(194, 24, 91, 0.82);
}

[data-theme=dark] .mie.item.deeppurple, .mie.item.deeppurple[data-theme=dark] {
  --mie-item-description-fg: rgba(94, 53, 177, 0.6);
  --mie-item-title-fg: rgba(94, 53, 177, 0.82);
}

[data-theme=dark] .mie.item.indigo, .mie.item.indigo[data-theme=dark] {
  --mie-item-description-fg: rgba(57, 73, 171, 0.6);
  --mie-item-title-fg: rgba(57, 73, 171, 0.82);
}

[data-theme=dark] .mie.item.lightgreen, .mie.item.lightgreen[data-theme=dark] {
  --mie-item-description-fg: rgba(124, 179, 66, 0.6);
  --mie-item-title-fg: rgba(124, 179, 66, 0.82);
}

[data-theme=dark] .mie.item.deeporange, .mie.item.deeporange[data-theme=dark] {
  --mie-item-description-fg: rgba(244, 81, 30, 0.6);
  --mie-item-title-fg: rgba(244, 81, 30, 0.82);
}

[data-theme=dark] .mie.item.light, .mie.item.light[data-theme=dark] {
  --mie-item-description-fg: rgba(255, 255, 255, 0.6);
  --mie-item-title-fg: rgba(255, 255, 255, 0.82);
}

[data-theme=dark] .mie.item.dark, .mie.item.dark[data-theme=dark] {
  --mie-item-description-fg: rgba(0, 0, 0, 0.6);
  --mie-item-title-fg: rgba(0, 0, 0, 0.82);
}

:root, [data-theme=light] .mie.label, .mie.label[data-theme=light] {
  --mie-label-border-bg: rgba(0, 0, 0, 0.1);
  --mie-label-fg: rgba(0, 0, 0, 0.82);
  --mie-label-bg: #c0bfbc;
}

:root, [data-theme=light] .mie.label.blue, .mie.label.blue[data-theme=light] {
  --mie-label-fg: #d2e4f9;
  --mie-label-border-bg: #1f76e1;
  --mie-label-bg: #3584e4;
}

:root, [data-theme=light] .mie.label.green, .mie.label.green[data-theme=light] {
  --mie-label-fg: #c5f2d9;
  --mie-label-border-bg: #2bbf6e;
  --mie-label-bg: #33d17a;
}

:root, [data-theme=light] .mie.label.yellow, .mie.label.yellow[data-theme=light] {
  --mie-label-fg: #fdf7d8;
  --mie-label-border-bg: #f5ce15;
  --mie-label-bg: #f6d32d;
}

:root, [data-theme=light] .mie.label.orange, .mie.label.orange[data-theme=light] {
  --mie-label-fg: #ffd7b3;
  --mie-label-border-bg: #e66c00;
  --mie-label-bg: #ff7800;
}

:root, [data-theme=light] .mie.label.red, .mie.label.red[data-theme=light] {
  --mie-label-fg: #f6b7ba;
  --mie-label-border-bg: #c91820;
  --mie-label-bg: #e01b24;
}

:root, [data-theme=light] .mie.label.purple, .mie.label.purple[data-theme=light] {
  --mie-label-fg: #dabae5;
  --mie-label-border-bg: #813a99;
  --mie-label-bg: #9141ac;
}

:root, [data-theme=light] .mie.label.brown, .mie.label.brown[data-theme=light] {
  --mie-label-fg: #ddc5b2;
  --mie-label-border-bg: #865e3c;
  --mie-label-bg: #986a44;
}

:root, [data-theme=light] .mie.label.pink, .mie.label.pink[data-theme=light] {
  --mie-label-fg: #f5b0c9;
  --mie-label-border-bg: #c11856;
  --mie-label-bg: #d81b60;
}

:root, [data-theme=light] .mie.label.deeppurple, .mie.label.deeppurple[data-theme=light] {
  --mie-label-fg: #cbbae9;
  --mie-label-border-bg: #5c34a4;
  --mie-label-bg: #673ab7;
}

:root, [data-theme=light] .mie.label.indigo, .mie.label.indigo[data-theme=light] {
  --mie-label-fg: #bec5e8;
  --mie-label-border-bg: #3849a2;
  --mie-label-bg: #3f51b5;
}

:root, [data-theme=light] .mie.label.lightgreen, .mie.label.lightgreen[data-theme=light] {
  --mie-label-fg: #e1efd0;
  --mie-label-border-bg: #7eb73d;
  --mie-label-bg: #8bc34a;
}

:root, [data-theme=light] .mie.label.deeporange, .mie.label.deeporange[data-theme=light] {
  --mie-label-fg: #ffdfd5;
  --mie-label-border-bg: #ff4409;
  --mie-label-bg: #ff5722;
}

:root, [data-theme=light] .mie.label.light, .mie.label.light[data-theme=light] {
  --mie-label-fg: rgba(255, 255, 255, 0.82);
  --mie-label-border-bg: rgba(242, 242, 242, 0.82);
  --mie-label-bg: rgba(255, 255, 255, 0.82);
}

:root, [data-theme=light] .mie.label.dark, .mie.label.dark[data-theme=light] {
  --mie-label-fg: rgba(89, 89, 89, 0.82);
  --mie-label-border-bg: rgba(0, 0, 0, 0.82);
  --mie-label-bg: rgba(0, 0, 0, 0.82);
}

[data-theme=dark] .mie.label, .mie.label[data-theme=dark] {
  --mie-label-border-bg: rgba(255, 255, 255, 0.1);
  --mie-label-fg: rgba(255, 255, 255, 0.82);
  --mie-label-bg: #616161;
}

[data-theme=dark] .mie.label.blue, .mie.label.blue[data-theme=dark] {
  --mie-label-fg: #b2d0f5;
  --mie-label-border-bg: #1965c1;
  --mie-label-bg: #1c71d8;
}

[data-theme=dark] .mie.label.green, .mie.label.green[data-theme=dark] {
  --mie-label-fg: #b5edd4;
  --mie-label-border-bg: #29ad71;
  --mie-label-bg: #2ec27e;
}

[data-theme=dark] .mie.label.yellow, .mie.label.yellow[data-theme=dark] {
  --mie-label-fg: #fceebc;
  --mie-label-border-bg: #e3b20a;
  --mie-label-bg: #f5c211;
}

[data-theme=dark] .mie.label.orange, .mie.label.orange[data-theme=dark] {
  --mie-label-fg: #ffc49a;
  --mie-label-border-bg: #cd5600;
  --mie-label-bg: #e66100;
}

[data-theme=dark] .mie.label.red, .mie.label.red[data-theme=dark] {
  --mie-label-fg: #f19ea4;
  --mie-label-border-bg: #aa1923;
  --mie-label-bg: #c01c28;
}

[data-theme=dark] .mie.label.purple, .mie.label.purple[data-theme=dark] {
  --mie-label-fg: #d1addf;
  --mie-label-border-bg: #72368a;
  --mie-label-bg: #813d9c;
}

[data-theme=dark] .mie.label.brown, .mie.label.brown[data-theme=dark] {
  --mie-label-fg: #d4b8a0;
  --mie-label-border-bg: #745234;
  --mie-label-bg: #865e3c;
}

[data-theme=dark] .mie.label.pink, .mie.label.pink[data-theme=dark] {
  --mie-label-fg: #f39abd;
  --mie-label-border-bg: #ab1550;
  --mie-label-bg: #c2185b;
}

[data-theme=dark] .mie.label.deeppurple, .mie.label.deeppurple[data-theme=dark] {
  --mie-label-fg: #c3b1e8;
  --mie-label-border-bg: #542f9d;
  --mie-label-bg: #5e35b1;
}

[data-theme=dark] .mie.label.indigo, .mie.label.indigo[data-theme=dark] {
  --mie-label-fg: #b1b9e5;
  --mie-label-border-bg: #334198;
  --mie-label-bg: #3949ab;
}

[data-theme=dark] .mie.label.lightgreen, .mie.label.lightgreen[data-theme=dark] {
  --mie-label-fg: #d4e8c0;
  --mie-label-border-bg: #6fa03b;
  --mie-label-bg: #7cb342;
}

[data-theme=dark] .mie.label.deeporange, .mie.label.deeporange[data-theme=dark] {
  --mie-label-fg: #fcd5c8;
  --mie-label-border-bg: #ed410c;
  --mie-label-bg: #f4511e;
}

[data-theme=dark] .mie.label.light, .mie.label.light[data-theme=dark] {
  --mie-label-fg: rgba(255, 255, 255, 0.82);
  --mie-label-border-bg: rgba(242, 242, 242, 0.82);
  --mie-label-bg: rgba(255, 255, 255, 0.82);
}

[data-theme=dark] .mie.label.dark, .mie.label.dark[data-theme=dark] {
  --mie-label-fg: rgba(89, 89, 89, 0.82);
  --mie-label-border-bg: rgba(0, 0, 0, 0.82);
  --mie-label-bg: rgba(0, 0, 0, 0.82);
}

:root, [data-theme=light] .mie.progress, .mie.progress[data-theme=light] {
  --mie-progress-bg: #ebe8e6;
}

:root, [data-theme=light] .mie.progress.blue, .mie.progress.blue[data-theme=light] {
  --mie-progress-bg: rgba(53, 132, 228, 0.2);
}

:root, [data-theme=light] .mie.progress.green, .mie.progress.green[data-theme=light] {
  --mie-progress-bg: rgba(51, 209, 122, 0.2);
}

:root, [data-theme=light] .mie.progress.yellow, .mie.progress.yellow[data-theme=light] {
  --mie-progress-bg: rgba(246, 211, 45, 0.2);
}

:root, [data-theme=light] .mie.progress.orange, .mie.progress.orange[data-theme=light] {
  --mie-progress-bg: rgba(255, 120, 0, 0.2);
}

:root, [data-theme=light] .mie.progress.red, .mie.progress.red[data-theme=light] {
  --mie-progress-bg: rgba(224, 27, 36, 0.2);
}

:root, [data-theme=light] .mie.progress.purple, .mie.progress.purple[data-theme=light] {
  --mie-progress-bg: rgba(145, 65, 172, 0.2);
}

:root, [data-theme=light] .mie.progress.brown, .mie.progress.brown[data-theme=light] {
  --mie-progress-bg: rgba(152, 106, 68, 0.2);
}

:root, [data-theme=light] .mie.progress.pink, .mie.progress.pink[data-theme=light] {
  --mie-progress-bg: rgba(216, 27, 96, 0.2);
}

:root, [data-theme=light] .mie.progress.deeppurple, .mie.progress.deeppurple[data-theme=light] {
  --mie-progress-bg: rgba(103, 58, 183, 0.2);
}

:root, [data-theme=light] .mie.progress.indigo, .mie.progress.indigo[data-theme=light] {
  --mie-progress-bg: rgba(63, 81, 181, 0.2);
}

:root, [data-theme=light] .mie.progress.lightgreen, .mie.progress.lightgreen[data-theme=light] {
  --mie-progress-bg: rgba(139, 195, 74, 0.2);
}

:root, [data-theme=light] .mie.progress.deeporange, .mie.progress.deeporange[data-theme=light] {
  --mie-progress-bg: rgba(255, 87, 34, 0.2);
}

:root, [data-theme=light] .mie.progress.light, .mie.progress.light[data-theme=light] {
  --mie-progress-bg: rgba(255, 255, 255, 0.2);
}

:root, [data-theme=light] .mie.progress.dark, .mie.progress.dark[data-theme=light] {
  --mie-progress-bg: rgba(0, 0, 0, 0.2);
}

[data-theme=dark] .mie.progress, .mie.progress[data-theme=dark] {
  --mie-progress-bg: #282828;
}

[data-theme=dark] .mie.progress.blue, .mie.progress.blue[data-theme=dark] {
  --mie-progress-bg: rgba(28, 113, 216, 0.2);
}

[data-theme=dark] .mie.progress.green, .mie.progress.green[data-theme=dark] {
  --mie-progress-bg: rgba(46, 194, 126, 0.2);
}

[data-theme=dark] .mie.progress.yellow, .mie.progress.yellow[data-theme=dark] {
  --mie-progress-bg: rgba(245, 194, 17, 0.2);
}

[data-theme=dark] .mie.progress.orange, .mie.progress.orange[data-theme=dark] {
  --mie-progress-bg: rgba(230, 97, 0, 0.2);
}

[data-theme=dark] .mie.progress.red, .mie.progress.red[data-theme=dark] {
  --mie-progress-bg: rgba(192, 28, 40, 0.2);
}

[data-theme=dark] .mie.progress.purple, .mie.progress.purple[data-theme=dark] {
  --mie-progress-bg: rgba(129, 61, 156, 0.2);
}

[data-theme=dark] .mie.progress.brown, .mie.progress.brown[data-theme=dark] {
  --mie-progress-bg: rgba(134, 94, 60, 0.2);
}

[data-theme=dark] .mie.progress.pink, .mie.progress.pink[data-theme=dark] {
  --mie-progress-bg: rgba(194, 24, 91, 0.2);
}

[data-theme=dark] .mie.progress.deeppurple, .mie.progress.deeppurple[data-theme=dark] {
  --mie-progress-bg: rgba(94, 53, 177, 0.2);
}

[data-theme=dark] .mie.progress.indigo, .mie.progress.indigo[data-theme=dark] {
  --mie-progress-bg: rgba(57, 73, 171, 0.2);
}

[data-theme=dark] .mie.progress.lightgreen, .mie.progress.lightgreen[data-theme=dark] {
  --mie-progress-bg: rgba(124, 179, 66, 0.2);
}

[data-theme=dark] .mie.progress.deeporange, .mie.progress.deeporange[data-theme=dark] {
  --mie-progress-bg: rgba(244, 81, 30, 0.2);
}

[data-theme=dark] .mie.progress.light, .mie.progress.light[data-theme=dark] {
  --mie-progress-bg: rgba(255, 255, 255, 0.2);
}

[data-theme=dark] .mie.progress.dark, .mie.progress.dark[data-theme=dark] {
  --mie-progress-bg: rgba(0, 0, 0, 0.2);
}

:root, [data-theme=light] .mie.progressbar, .mie.progressbar[data-theme=light] {
  --mie-progressbar-indeterminate-bg: rgba(0, 0, 0, 0.3);
  --mie-progressbar-bg: #3584e4;
  --mie-progressbar-fg: #fff;
}

:root, [data-theme=light] .mie.progressbar.blue, .mie.progressbar.blue[data-theme=light] {
  --mie-progressbar-indeterminate-bg: #3584e4;
  --mie-progressbar-bg: #3584e4;
}

:root, [data-theme=light] .mie.progressbar.green, .mie.progressbar.green[data-theme=light] {
  --mie-progressbar-indeterminate-bg: #33d17a;
  --mie-progressbar-bg: #33d17a;
}

:root, [data-theme=light] .mie.progressbar.yellow, .mie.progressbar.yellow[data-theme=light] {
  --mie-progressbar-indeterminate-bg: #f6d32d;
  --mie-progressbar-bg: #f6d32d;
}

:root, [data-theme=light] .mie.progressbar.orange, .mie.progressbar.orange[data-theme=light] {
  --mie-progressbar-indeterminate-bg: #ff7800;
  --mie-progressbar-bg: #ff7800;
}

:root, [data-theme=light] .mie.progressbar.red, .mie.progressbar.red[data-theme=light] {
  --mie-progressbar-indeterminate-bg: #e01b24;
  --mie-progressbar-bg: #e01b24;
}

:root, [data-theme=light] .mie.progressbar.purple, .mie.progressbar.purple[data-theme=light] {
  --mie-progressbar-indeterminate-bg: #9141ac;
  --mie-progressbar-bg: #9141ac;
}

:root, [data-theme=light] .mie.progressbar.brown, .mie.progressbar.brown[data-theme=light] {
  --mie-progressbar-indeterminate-bg: #986a44;
  --mie-progressbar-bg: #986a44;
}

:root, [data-theme=light] .mie.progressbar.pink, .mie.progressbar.pink[data-theme=light] {
  --mie-progressbar-indeterminate-bg: #d81b60;
  --mie-progressbar-bg: #d81b60;
}

:root, [data-theme=light] .mie.progressbar.deeppurple, .mie.progressbar.deeppurple[data-theme=light] {
  --mie-progressbar-indeterminate-bg: #673ab7;
  --mie-progressbar-bg: #673ab7;
}

:root, [data-theme=light] .mie.progressbar.indigo, .mie.progressbar.indigo[data-theme=light] {
  --mie-progressbar-indeterminate-bg: #3f51b5;
  --mie-progressbar-bg: #3f51b5;
}

:root, [data-theme=light] .mie.progressbar.lightgreen, .mie.progressbar.lightgreen[data-theme=light] {
  --mie-progressbar-indeterminate-bg: #8bc34a;
  --mie-progressbar-bg: #8bc34a;
}

:root, [data-theme=light] .mie.progressbar.deeporange, .mie.progressbar.deeporange[data-theme=light] {
  --mie-progressbar-indeterminate-bg: #ff5722;
  --mie-progressbar-bg: #ff5722;
}

:root, [data-theme=light] .mie.progressbar.light, .mie.progressbar.light[data-theme=light] {
  --mie-progressbar-indeterminate-bg: rgba(255, 255, 255, 0.82);
  --mie-progressbar-bg: rgba(255, 255, 255, 0.82);
}

:root, [data-theme=light] .mie.progressbar.dark, .mie.progressbar.dark[data-theme=light] {
  --mie-progressbar-indeterminate-bg: rgba(0, 0, 0, 0.82);
  --mie-progressbar-bg: rgba(0, 0, 0, 0.82);
}

[data-theme=dark] .mie.progressbar, .mie.progressbar[data-theme=dark] {
  --mie-progressbar-indeterminate-bg: rgba(0, 0, 0, 0.3);
  --mie-progressbar-bg: #15539e;
  --mie-progressbar-fg: #fff;
}

[data-theme=dark] .mie.progressbar.blue, .mie.progressbar.blue[data-theme=dark] {
  --mie-progressbar-indeterminate-bg: #1c71d8;
  --mie-progressbar-bg: #1c71d8;
}

[data-theme=dark] .mie.progressbar.green, .mie.progressbar.green[data-theme=dark] {
  --mie-progressbar-indeterminate-bg: #2ec27e;
  --mie-progressbar-bg: #2ec27e;
}

[data-theme=dark] .mie.progressbar.yellow, .mie.progressbar.yellow[data-theme=dark] {
  --mie-progressbar-indeterminate-bg: #f5c211;
  --mie-progressbar-bg: #f5c211;
}

[data-theme=dark] .mie.progressbar.orange, .mie.progressbar.orange[data-theme=dark] {
  --mie-progressbar-indeterminate-bg: #e66100;
  --mie-progressbar-bg: #e66100;
}

[data-theme=dark] .mie.progressbar.red, .mie.progressbar.red[data-theme=dark] {
  --mie-progressbar-indeterminate-bg: #c01c28;
  --mie-progressbar-bg: #c01c28;
}

[data-theme=dark] .mie.progressbar.purple, .mie.progressbar.purple[data-theme=dark] {
  --mie-progressbar-indeterminate-bg: #813d9c;
  --mie-progressbar-bg: #813d9c;
}

[data-theme=dark] .mie.progressbar.brown, .mie.progressbar.brown[data-theme=dark] {
  --mie-progressbar-indeterminate-bg: #865e3c;
  --mie-progressbar-bg: #865e3c;
}

[data-theme=dark] .mie.progressbar.pink, .mie.progressbar.pink[data-theme=dark] {
  --mie-progressbar-indeterminate-bg: #c2185b;
  --mie-progressbar-bg: #c2185b;
}

[data-theme=dark] .mie.progressbar.deeppurple, .mie.progressbar.deeppurple[data-theme=dark] {
  --mie-progressbar-indeterminate-bg: #5e35b1;
  --mie-progressbar-bg: #5e35b1;
}

[data-theme=dark] .mie.progressbar.indigo, .mie.progressbar.indigo[data-theme=dark] {
  --mie-progressbar-indeterminate-bg: #3949ab;
  --mie-progressbar-bg: #3949ab;
}

[data-theme=dark] .mie.progressbar.lightgreen, .mie.progressbar.lightgreen[data-theme=dark] {
  --mie-progressbar-indeterminate-bg: #7cb342;
  --mie-progressbar-bg: #7cb342;
}

[data-theme=dark] .mie.progressbar.deeporange, .mie.progressbar.deeporange[data-theme=dark] {
  --mie-progressbar-indeterminate-bg: #f4511e;
  --mie-progressbar-bg: #f4511e;
}

[data-theme=dark] .mie.progressbar.light, .mie.progressbar.light[data-theme=dark] {
  --mie-progressbar-indeterminate-bg: rgba(255, 255, 255, 0.82);
  --mie-progressbar-bg: rgba(255, 255, 255, 0.82);
}

[data-theme=dark] .mie.progressbar.dark, .mie.progressbar.dark[data-theme=dark] {
  --mie-progressbar-indeterminate-bg: rgba(0, 0, 0, 0.82);
  --mie-progressbar-bg: rgba(0, 0, 0, 0.82);
}

:root, [data-theme=light] .mie.radio, .mie.radio[data-theme=light] {
  --mie-radio-border-active: #1a5fb4;
  --mie-radio-bg: #3584e4;
  --mie-radio-fg: rgba(0, 0, 0, 0.6);
}

:root, [data-theme=light] .mie.radio.blue, .mie.radio.blue[data-theme=light] {
  --mie-radio-border-active: #185fb4;
  --mie-radio-bg: #3584e4;
}

:root, [data-theme=light] .mie.radio.green, .mie.radio.green[data-theme=light] {
  --mie-radio-border-active: #229656;
  --mie-radio-bg: #33d17a;
}

:root, [data-theme=light] .mie.radio.yellow, .mie.radio.yellow[data-theme=light] {
  --mie-radio-border-active: #ceab09;
  --mie-radio-bg: #f6d32d;
}

:root, [data-theme=light] .mie.radio.orange, .mie.radio.orange[data-theme=light] {
  --mie-radio-border-active: #b35400;
  --mie-radio-bg: #ff7800;
}

:root, [data-theme=light] .mie.radio.red, .mie.radio.red[data-theme=light] {
  --mie-radio-border-active: #9c1319;
  --mie-radio-bg: #e01b24;
}

:root, [data-theme=light] .mie.radio.purple, .mie.radio.purple[data-theme=light] {
  --mie-radio-border-active: #622c74;
  --mie-radio-bg: #9141ac;
}

:root, [data-theme=light] .mie.radio.brown, .mie.radio.brown[data-theme=light] {
  --mie-radio-border-active: #63452c;
  --mie-radio-bg: #986a44;
}

:root, [data-theme=light] .mie.radio.pink, .mie.radio.pink[data-theme=light] {
  --mie-radio-border-active: #941342;
  --mie-radio-bg: #d81b60;
}

:root, [data-theme=light] .mie.radio.deeppurple, .mie.radio.deeppurple[data-theme=light] {
  --mie-radio-border-active: #46287d;
  --mie-radio-bg: #673ab7;
}

:root, [data-theme=light] .mie.radio.indigo, .mie.radio.indigo[data-theme=light] {
  --mie-radio-border-active: #2b387c;
  --mie-radio-bg: #3f51b5;
}

:root, [data-theme=light] .mie.radio.lightgreen, .mie.radio.lightgreen[data-theme=light] {
  --mie-radio-border-active: #649130;
  --mie-radio-bg: #8bc34a;
}

:root, [data-theme=light] .mie.radio.deeporange, .mie.radio.deeporange[data-theme=light] {
  --mie-radio-border-active: #d53300;
  --mie-radio-bg: #ff5722;
}

:root, [data-theme=light] .mie.radio.light, .mie.radio.light[data-theme=light] {
  --mie-radio-border-active: #d9d9d9;
  --mie-radio-bg: white;
}

:root, [data-theme=light] .mie.radio.dark, .mie.radio.dark[data-theme=light] {
  --mie-radio-border-active: black;
  --mie-radio-bg: black;
}

[data-theme=dark] .mie.radio, .mie.radio[data-theme=dark] {
  --mie-radio-border-active: #1a5fb4;
  --mie-radio-bg: #3584e4;
  --mie-radio-fg: rgba(255, 255, 255, 0.6);
}

[data-theme=dark] .mie.radio.blue, .mie.radio.blue[data-theme=dark] {
  --mie-radio-border-active: #134e94;
  --mie-radio-bg: #1c71d8;
}

[data-theme=dark] .mie.radio.green, .mie.radio.green[data-theme=dark] {
  --mie-radio-border-active: #1f8456;
  --mie-radio-bg: #2ec27e;
}

[data-theme=dark] .mie.radio.yellow, .mie.radio.yellow[data-theme=dark] {
  --mie-radio-border-active: #b28c07;
  --mie-radio-bg: #f5c211;
}

[data-theme=dark] .mie.radio.orange, .mie.radio.orange[data-theme=dark] {
  --mie-radio-border-active: #9a4100;
  --mie-radio-bg: #e66100;
}

[data-theme=dark] .mie.radio.red, .mie.radio.red[data-theme=dark] {
  --mie-radio-border-active: #7d121a;
  --mie-radio-bg: #c01c28;
}

[data-theme=dark] .mie.radio.purple, .mie.radio.purple[data-theme=dark] {
  --mie-radio-border-active: #542765;
  --mie-radio-bg: #813d9c;
}

[data-theme=dark] .mie.radio.brown, .mie.radio.brown[data-theme=dark] {
  --mie-radio-border-active: #513924;
  --mie-radio-bg: #865e3c;
}

[data-theme=dark] .mie.radio.pink, .mie.radio.pink[data-theme=dark] {
  --mie-radio-border-active: #7e103b;
  --mie-radio-bg: #c2185b;
}

[data-theme=dark] .mie.radio.deeppurple, .mie.radio.deeppurple[data-theme=dark] {
  --mie-radio-border-active: #3f2376;
  --mie-radio-bg: #5e35b1;
}

[data-theme=dark] .mie.radio.indigo, .mie.radio.indigo[data-theme=dark] {
  --mie-radio-border-active: #263172;
  --mie-radio-bg: #3949ab;
}

[data-theme=dark] .mie.radio.lightgreen, .mie.radio.lightgreen[data-theme=dark] {
  --mie-radio-border-active: #557b2d;
  --mie-radio-bg: #7cb342;
}

[data-theme=dark] .mie.radio.deeporange, .mie.radio.deeporange[data-theme=dark] {
  --mie-radio-border-active: #bc3409;
  --mie-radio-bg: #f4511e;
}

[data-theme=dark] .mie.radio.light, .mie.radio.light[data-theme=dark] {
  --mie-radio-border-active: #d9d9d9;
  --mie-radio-bg: white;
}

[data-theme=dark] .mie.radio.dark, .mie.radio.dark[data-theme=dark] {
  --mie-radio-border-active: black;
  --mie-radio-bg: black;
}

:root, [data-theme=light] .mie.select, .mie.select[data-theme=light] {
  --mie-select-label-fg: rgba(0, 0, 0, 0.6);
  --mie-select-value-fg: rgba(0, 0, 0, 0.82);
  --mie-select-border-bg: rgba(0, 0, 0, 0.07);
  --mie-select-bg-outline: #1c71d8;
  --mie-select-bg-overlay: transparent;
  --mie-select-bg-main: #f5f5f5;
  --mie-select-bg-menu: #f2f2f2;
}

:root, [data-theme=light] .mie.select.blue, .mie.select.blue[data-theme=light] {
  --mie-select-label-fg: #3584e4;
  --mie-select-value-fg: rgba(53, 132, 228, 0.82);
  --mie-select-border-bg: rgba(53, 132, 228, 0.07);
  --mie-select-bg-overlay: rgba(53, 132, 228, 0.2);
  --mie-select-bg-outline: #3584e4;
}

:root, [data-theme=light] .mie.select.green, .mie.select.green[data-theme=light] {
  --mie-select-label-fg: #33d17a;
  --mie-select-value-fg: rgba(51, 209, 122, 0.82);
  --mie-select-border-bg: rgba(51, 209, 122, 0.07);
  --mie-select-bg-overlay: rgba(51, 209, 122, 0.2);
  --mie-select-bg-outline: #33d17a;
}

:root, [data-theme=light] .mie.select.yellow, .mie.select.yellow[data-theme=light] {
  --mie-select-label-fg: #f6d32d;
  --mie-select-value-fg: rgba(246, 211, 45, 0.82);
  --mie-select-border-bg: rgba(246, 211, 45, 0.07);
  --mie-select-bg-overlay: rgba(246, 211, 45, 0.2);
  --mie-select-bg-outline: #f6d32d;
}

:root, [data-theme=light] .mie.select.orange, .mie.select.orange[data-theme=light] {
  --mie-select-label-fg: #ff7800;
  --mie-select-value-fg: rgba(255, 120, 0, 0.82);
  --mie-select-border-bg: rgba(255, 120, 0, 0.07);
  --mie-select-bg-overlay: rgba(255, 120, 0, 0.2);
  --mie-select-bg-outline: #ff7800;
}

:root, [data-theme=light] .mie.select.red, .mie.select.red[data-theme=light] {
  --mie-select-label-fg: #e01b24;
  --mie-select-value-fg: rgba(224, 27, 36, 0.82);
  --mie-select-border-bg: rgba(224, 27, 36, 0.07);
  --mie-select-bg-overlay: rgba(224, 27, 36, 0.2);
  --mie-select-bg-outline: #e01b24;
}

:root, [data-theme=light] .mie.select.purple, .mie.select.purple[data-theme=light] {
  --mie-select-label-fg: #9141ac;
  --mie-select-value-fg: rgba(145, 65, 172, 0.82);
  --mie-select-border-bg: rgba(145, 65, 172, 0.07);
  --mie-select-bg-overlay: rgba(145, 65, 172, 0.2);
  --mie-select-bg-outline: #9141ac;
}

:root, [data-theme=light] .mie.select.brown, .mie.select.brown[data-theme=light] {
  --mie-select-label-fg: #986a44;
  --mie-select-value-fg: rgba(152, 106, 68, 0.82);
  --mie-select-border-bg: rgba(152, 106, 68, 0.07);
  --mie-select-bg-overlay: rgba(152, 106, 68, 0.2);
  --mie-select-bg-outline: #986a44;
}

:root, [data-theme=light] .mie.select.pink, .mie.select.pink[data-theme=light] {
  --mie-select-label-fg: #d81b60;
  --mie-select-value-fg: rgba(216, 27, 96, 0.82);
  --mie-select-border-bg: rgba(216, 27, 96, 0.07);
  --mie-select-bg-overlay: rgba(216, 27, 96, 0.2);
  --mie-select-bg-outline: #d81b60;
}

:root, [data-theme=light] .mie.select.deeppurple, .mie.select.deeppurple[data-theme=light] {
  --mie-select-label-fg: #673ab7;
  --mie-select-value-fg: rgba(103, 58, 183, 0.82);
  --mie-select-border-bg: rgba(103, 58, 183, 0.07);
  --mie-select-bg-overlay: rgba(103, 58, 183, 0.2);
  --mie-select-bg-outline: #673ab7;
}

:root, [data-theme=light] .mie.select.indigo, .mie.select.indigo[data-theme=light] {
  --mie-select-label-fg: #3f51b5;
  --mie-select-value-fg: rgba(63, 81, 181, 0.82);
  --mie-select-border-bg: rgba(63, 81, 181, 0.07);
  --mie-select-bg-overlay: rgba(63, 81, 181, 0.2);
  --mie-select-bg-outline: #3f51b5;
}

:root, [data-theme=light] .mie.select.lightgreen, .mie.select.lightgreen[data-theme=light] {
  --mie-select-label-fg: #8bc34a;
  --mie-select-value-fg: rgba(139, 195, 74, 0.82);
  --mie-select-border-bg: rgba(139, 195, 74, 0.07);
  --mie-select-bg-overlay: rgba(139, 195, 74, 0.2);
  --mie-select-bg-outline: #8bc34a;
}

:root, [data-theme=light] .mie.select.deeporange, .mie.select.deeporange[data-theme=light] {
  --mie-select-label-fg: #ff5722;
  --mie-select-value-fg: rgba(255, 87, 34, 0.82);
  --mie-select-border-bg: rgba(255, 87, 34, 0.07);
  --mie-select-bg-overlay: rgba(255, 87, 34, 0.2);
  --mie-select-bg-outline: #ff5722;
}

:root, [data-theme=light] .mie.select.light, .mie.select.light[data-theme=light] {
  --mie-select-label-fg: rgba(255, 255, 255, 0.82);
  --mie-select-value-fg: rgba(255, 255, 255, 0.82);
  --mie-select-border-bg: rgba(255, 255, 255, 0.07);
  --mie-select-bg-overlay: rgba(255, 255, 255, 0.2);
  --mie-select-bg-outline: rgba(255, 255, 255, 0.82);
}

:root, [data-theme=light] .mie.select.dark, .mie.select.dark[data-theme=light] {
  --mie-select-label-fg: rgba(0, 0, 0, 0.82);
  --mie-select-value-fg: rgba(0, 0, 0, 0.82);
  --mie-select-border-bg: rgba(0, 0, 0, 0.07);
  --mie-select-bg-overlay: rgba(0, 0, 0, 0.2);
  --mie-select-bg-outline: rgba(0, 0, 0, 0.82);
}

[data-theme=dark] .mie.select, .mie.select[data-theme=dark] {
  --mie-select-label-fg: rgba(255, 255, 255, 0.6);
  --mie-select-value-fg: #fff;
  --mie-select-border-bg: rgba(255, 255, 255, 0.07);
  --mie-select-bg-outline: #78aeed;
  --mie-select-bg-overlay: transparent;
  --mie-select-bg-main: #343434;
  --mie-select-bg-menu: #2a2a2a;
}

[data-theme=dark] .mie.select.blue, .mie.select.blue[data-theme=dark] {
  --mie-select-label-fg: rgba(28, 113, 216, 0.82);
  --mie-select-value-fg: rgba(28, 113, 216, 0.82);
  --mie-select-border-bg: rgba(28, 113, 216, 0.07);
  --mie-select-bg-overlay: rgba(28, 113, 216, 0.15);
  --mie-select-bg-outline: #1c71d8;
}

[data-theme=dark] .mie.select.green, .mie.select.green[data-theme=dark] {
  --mie-select-label-fg: rgba(46, 194, 126, 0.82);
  --mie-select-value-fg: rgba(46, 194, 126, 0.82);
  --mie-select-border-bg: rgba(46, 194, 126, 0.07);
  --mie-select-bg-overlay: rgba(46, 194, 126, 0.15);
  --mie-select-bg-outline: #2ec27e;
}

[data-theme=dark] .mie.select.yellow, .mie.select.yellow[data-theme=dark] {
  --mie-select-label-fg: rgba(245, 194, 17, 0.82);
  --mie-select-value-fg: rgba(245, 194, 17, 0.82);
  --mie-select-border-bg: rgba(245, 194, 17, 0.07);
  --mie-select-bg-overlay: rgba(245, 194, 17, 0.15);
  --mie-select-bg-outline: #f5c211;
}

[data-theme=dark] .mie.select.orange, .mie.select.orange[data-theme=dark] {
  --mie-select-label-fg: rgba(230, 97, 0, 0.82);
  --mie-select-value-fg: rgba(230, 97, 0, 0.82);
  --mie-select-border-bg: rgba(230, 97, 0, 0.07);
  --mie-select-bg-overlay: rgba(230, 97, 0, 0.15);
  --mie-select-bg-outline: #e66100;
}

[data-theme=dark] .mie.select.red, .mie.select.red[data-theme=dark] {
  --mie-select-label-fg: rgba(192, 28, 40, 0.82);
  --mie-select-value-fg: rgba(192, 28, 40, 0.82);
  --mie-select-border-bg: rgba(192, 28, 40, 0.07);
  --mie-select-bg-overlay: rgba(192, 28, 40, 0.15);
  --mie-select-bg-outline: #c01c28;
}

[data-theme=dark] .mie.select.purple, .mie.select.purple[data-theme=dark] {
  --mie-select-label-fg: rgba(129, 61, 156, 0.82);
  --mie-select-value-fg: rgba(129, 61, 156, 0.82);
  --mie-select-border-bg: rgba(129, 61, 156, 0.07);
  --mie-select-bg-overlay: rgba(129, 61, 156, 0.15);
  --mie-select-bg-outline: #813d9c;
}

[data-theme=dark] .mie.select.brown, .mie.select.brown[data-theme=dark] {
  --mie-select-label-fg: rgba(134, 94, 60, 0.82);
  --mie-select-value-fg: rgba(134, 94, 60, 0.82);
  --mie-select-border-bg: rgba(134, 94, 60, 0.07);
  --mie-select-bg-overlay: rgba(134, 94, 60, 0.15);
  --mie-select-bg-outline: #865e3c;
}

[data-theme=dark] .mie.select.pink, .mie.select.pink[data-theme=dark] {
  --mie-select-label-fg: rgba(194, 24, 91, 0.82);
  --mie-select-value-fg: rgba(194, 24, 91, 0.82);
  --mie-select-border-bg: rgba(194, 24, 91, 0.07);
  --mie-select-bg-overlay: rgba(194, 24, 91, 0.15);
  --mie-select-bg-outline: #c2185b;
}

[data-theme=dark] .mie.select.deeppurple, .mie.select.deeppurple[data-theme=dark] {
  --mie-select-label-fg: rgba(94, 53, 177, 0.82);
  --mie-select-value-fg: rgba(94, 53, 177, 0.82);
  --mie-select-border-bg: rgba(94, 53, 177, 0.07);
  --mie-select-bg-overlay: rgba(94, 53, 177, 0.15);
  --mie-select-bg-outline: #5e35b1;
}

[data-theme=dark] .mie.select.indigo, .mie.select.indigo[data-theme=dark] {
  --mie-select-label-fg: rgba(57, 73, 171, 0.82);
  --mie-select-value-fg: rgba(57, 73, 171, 0.82);
  --mie-select-border-bg: rgba(57, 73, 171, 0.07);
  --mie-select-bg-overlay: rgba(57, 73, 171, 0.15);
  --mie-select-bg-outline: #3949ab;
}

[data-theme=dark] .mie.select.lightgreen, .mie.select.lightgreen[data-theme=dark] {
  --mie-select-label-fg: rgba(124, 179, 66, 0.82);
  --mie-select-value-fg: rgba(124, 179, 66, 0.82);
  --mie-select-border-bg: rgba(124, 179, 66, 0.07);
  --mie-select-bg-overlay: rgba(124, 179, 66, 0.15);
  --mie-select-bg-outline: #7cb342;
}

[data-theme=dark] .mie.select.deeporange, .mie.select.deeporange[data-theme=dark] {
  --mie-select-label-fg: rgba(244, 81, 30, 0.82);
  --mie-select-value-fg: rgba(244, 81, 30, 0.82);
  --mie-select-border-bg: rgba(244, 81, 30, 0.07);
  --mie-select-bg-overlay: rgba(244, 81, 30, 0.15);
  --mie-select-bg-outline: #f4511e;
}

[data-theme=dark] .mie.select.light, .mie.select.light[data-theme=dark] {
  --mie-select-label-fg: rgba(255, 255, 255, 0.82);
  --mie-select-value-fg: rgba(255, 255, 255, 0.82);
  --mie-select-border-bg: rgba(255, 255, 255, 0.07);
  --mie-select-bg-overlay: rgba(255, 255, 255, 0.15);
  --mie-select-bg-outline: rgba(255, 255, 255, 0.82);
}

[data-theme=dark] .mie.select.dark, .mie.select.dark[data-theme=dark] {
  --mie-select-label-fg: rgba(0, 0, 0, 0.82);
  --mie-select-value-fg: rgba(0, 0, 0, 0.82);
  --mie-select-border-bg: rgba(0, 0, 0, 0.07);
  --mie-select-bg-overlay: rgba(0, 0, 0, 0.15);
  --mie-select-bg-outline: rgba(0, 0, 0, 0.82);
}

:root, [data-theme=light] .mie.slider, .mie.slider[data-theme=light] {
  --mie-slider-bg-range: #3584e4;
  --mie-slider-bg-slider: #deddda;
  --mie-slider-bg-thumb: #fff;
  --mie-slider-thumb-border: rgba(0, 0, 0, 0.07);
}

:root, [data-theme=light] .mie.slider.blue, .mie.slider.blue[data-theme=light] {
  --mie-slider-bg-thumb: #629fea;
  --mie-slider-bg-range: #3584e4;
}

:root, [data-theme=light] .mie.slider.green, .mie.slider.green[data-theme=light] {
  --mie-slider-bg-thumb: #5dda95;
  --mie-slider-bg-range: #33d17a;
}

:root, [data-theme=light] .mie.slider.yellow, .mie.slider.yellow[data-theme=light] {
  --mie-slider-bg-thumb: #f8dd5e;
  --mie-slider-bg-range: #f6d32d;
}

:root, [data-theme=light] .mie.slider.orange, .mie.slider.orange[data-theme=light] {
  --mie-slider-bg-thumb: #ff9333;
  --mie-slider-bg-range: #ff7800;
}

:root, [data-theme=light] .mie.slider.red, .mie.slider.red[data-theme=light] {
  --mie-slider-bg-thumb: #e9454d;
  --mie-slider-bg-range: #e01b24;
}

:root, [data-theme=light] .mie.slider.purple, .mie.slider.purple[data-theme=light] {
  --mie-slider-bg-thumb: #a95ec2;
  --mie-slider-bg-range: #9141ac;
}

:root, [data-theme=light] .mie.slider.brown, .mie.slider.brown[data-theme=light] {
  --mie-slider-bg-thumb: #b5835a;
  --mie-slider-bg-range: #986a44;
}

:root, [data-theme=light] .mie.slider.pink, .mie.slider.pink[data-theme=light] {
  --mie-slider-bg-thumb: #e73f7c;
  --mie-slider-bg-range: #d81b60;
}

:root, [data-theme=light] .mie.slider.deeppurple, .mie.slider.deeppurple[data-theme=light] {
  --mie-slider-bg-thumb: #8259cb;
  --mie-slider-bg-range: #673ab7;
}

:root, [data-theme=light] .mie.slider.indigo, .mie.slider.indigo[data-theme=light] {
  --mie-slider-bg-thumb: #606fc7;
  --mie-slider-bg-range: #3f51b5;
}

:root, [data-theme=light] .mie.slider.lightgreen, .mie.slider.lightgreen[data-theme=light] {
  --mie-slider-bg-thumb: #a4d070;
  --mie-slider-bg-range: #8bc34a;
}

:root, [data-theme=light] .mie.slider.deeporange, .mie.slider.deeporange[data-theme=light] {
  --mie-slider-bg-thumb: #ff7e55;
  --mie-slider-bg-range: #ff5722;
}

:root, [data-theme=light] .mie.slider.light, .mie.slider.light[data-theme=light] {
  --mie-slider-bg-thumb: rgba(255, 255, 255, 0.82);
  --mie-slider-bg-range: rgba(255, 255, 255, 0.82);
}

:root, [data-theme=light] .mie.slider.dark, .mie.slider.dark[data-theme=light] {
  --mie-slider-bg-thumb: rgba(26, 26, 26, 0.82);
  --mie-slider-bg-range: rgba(0, 0, 0, 0.82);
}

[data-theme=dark] .mie.slider, .mie.slider[data-theme=dark] {
  --mie-slider-bg-slider: #282828;
  --mie-slider-bg-range: #15539e;
  --mie-slider-bg-thumb: #383838;
  --mie-slider-thumb-border: rgba(255, 255, 255, 0.03);
}

[data-theme=dark] .mie.slider.blue, .mie.slider.blue[data-theme=dark] {
  --mie-slider-bg-thumb: #418ce6;
  --mie-slider-bg-range: #1c71d8;
}

[data-theme=dark] .mie.slider.green, .mie.slider.green[data-theme=dark] {
  --mie-slider-bg-thumb: #4ed597;
  --mie-slider-bg-range: #2ec27e;
}

[data-theme=dark] .mie.slider.yellow, .mie.slider.yellow[data-theme=dark] {
  --mie-slider-bg-thumb: #f7cf42;
  --mie-slider-bg-range: #f5c211;
}

[data-theme=dark] .mie.slider.orange, .mie.slider.orange[data-theme=dark] {
  --mie-slider-bg-thumb: #ff7b1a;
  --mie-slider-bg-range: #e66100;
}

[data-theme=dark] .mie.slider.red, .mie.slider.red[data-theme=dark] {
  --mie-slider-bg-thumb: #e12e3b;
  --mie-slider-bg-range: #c01c28;
}

[data-theme=dark] .mie.slider.purple, .mie.slider.purple[data-theme=dark] {
  --mie-slider-bg-thumb: #9d51bb;
  --mie-slider-bg-range: #813d9c;
}

[data-theme=dark] .mie.slider.brown, .mie.slider.brown[data-theme=dark] {
  --mie-slider-bg-thumb: #a9774c;
  --mie-slider-bg-range: #865e3c;
}

[data-theme=dark] .mie.slider.pink, .mie.slider.pink[data-theme=dark] {
  --mie-slider-bg-thumb: #e42973;
  --mie-slider-bg-range: #c2185b;
}

[data-theme=dark] .mie.slider.deeppurple, .mie.slider.deeppurple[data-theme=dark] {
  --mie-slider-bg-thumb: #784fca;
  --mie-slider-bg-range: #5e35b1;
}

[data-theme=dark] .mie.slider.indigo, .mie.slider.indigo[data-theme=dark] {
  --mie-slider-bg-thumb: #5262c5;
  --mie-slider-bg-range: #3949ab;
}

[data-theme=dark] .mie.slider.lightgreen, .mie.slider.lightgreen[data-theme=dark] {
  --mie-slider-bg-thumb: #95c563;
  --mie-slider-bg-range: #7cb342;
}

[data-theme=dark] .mie.slider.deeporange, .mie.slider.deeporange[data-theme=dark] {
  --mie-slider-bg-thumb: #f6774f;
  --mie-slider-bg-range: #f4511e;
}

[data-theme=dark] .mie.slider.light, .mie.slider.light[data-theme=dark] {
  --mie-slider-bg-thumb: rgba(255, 255, 255, 0.82);
  --mie-slider-bg-range: rgba(255, 255, 255, 0.82);
}

[data-theme=dark] .mie.slider.dark, .mie.slider.dark[data-theme=dark] {
  --mie-slider-bg-thumb: rgba(26, 26, 26, 0.82);
  --mie-slider-bg-range: rgba(0, 0, 0, 0.82);
}

:root, [data-theme=light] .mie.text, .mie.text[data-theme=light] {
  --mie-text-inverted-fg-muted: rgba(255, 255, 255, 0.6);
  --mie-text-inverted-fg: rgba(255, 255, 255, 0.82);
  --mie-text-fg-muted: rgba(0, 0, 0, 0.6);
  --mie-text-fg: rgba(0, 0, 0, 0.82);
}

:root, [data-theme=light] .mie.text.blue, .mie.text.blue[data-theme=light] {
  --mie-text-fg: #3584e4;
  --mie-text-fg-muted: #3584e4;
}

:root, [data-theme=light] .mie.text.green, .mie.text.green[data-theme=light] {
  --mie-text-fg: #33d17a;
  --mie-text-fg-muted: #33d17a;
}

:root, [data-theme=light] .mie.text.yellow, .mie.text.yellow[data-theme=light] {
  --mie-text-fg: #f6d32d;
  --mie-text-fg-muted: #f6d32d;
}

:root, [data-theme=light] .mie.text.orange, .mie.text.orange[data-theme=light] {
  --mie-text-fg: #ff7800;
  --mie-text-fg-muted: #ff7800;
}

:root, [data-theme=light] .mie.text.red, .mie.text.red[data-theme=light] {
  --mie-text-fg: #e01b24;
  --mie-text-fg-muted: #e01b24;
}

:root, [data-theme=light] .mie.text.purple, .mie.text.purple[data-theme=light] {
  --mie-text-fg: #9141ac;
  --mie-text-fg-muted: #9141ac;
}

:root, [data-theme=light] .mie.text.brown, .mie.text.brown[data-theme=light] {
  --mie-text-fg: #986a44;
  --mie-text-fg-muted: #986a44;
}

:root, [data-theme=light] .mie.text.pink, .mie.text.pink[data-theme=light] {
  --mie-text-fg: #d81b60;
  --mie-text-fg-muted: #d81b60;
}

:root, [data-theme=light] .mie.text.deeppurple, .mie.text.deeppurple[data-theme=light] {
  --mie-text-fg: #673ab7;
  --mie-text-fg-muted: #673ab7;
}

:root, [data-theme=light] .mie.text.indigo, .mie.text.indigo[data-theme=light] {
  --mie-text-fg: #3f51b5;
  --mie-text-fg-muted: #3f51b5;
}

:root, [data-theme=light] .mie.text.lightgreen, .mie.text.lightgreen[data-theme=light] {
  --mie-text-fg: #8bc34a;
  --mie-text-fg-muted: #8bc34a;
}

:root, [data-theme=light] .mie.text.deeporange, .mie.text.deeporange[data-theme=light] {
  --mie-text-fg: #ff5722;
  --mie-text-fg-muted: #ff5722;
}

:root, [data-theme=light] .mie.text.light, .mie.text.light[data-theme=light] {
  --mie-text-fg: rgba(255, 255, 255, 0.82);
  --mie-text-fg-muted: rgba(255, 255, 255, 0.82);
}

:root, [data-theme=light] .mie.text.dark, .mie.text.dark[data-theme=light] {
  --mie-text-fg: rgba(0, 0, 0, 0.82);
  --mie-text-fg-muted: rgba(0, 0, 0, 0.82);
}

[data-theme=dark] .mie.text, .mie.text[data-theme=dark] {
  --mie-text-inverted-fg-muted: rgba(0, 0, 0, 0.6);
  --mie-text-inverted-fg: rgba(0, 0, 0, 0.82);
  --mie-text-fg-muted: rgba(255, 255, 255, 0.6);
  --mie-text-fg: rgba(255, 255, 255, 0.82);
}

[data-theme=dark] .mie.text.blue, .mie.text.blue[data-theme=dark] {
  --mie-text-fg: #1c71d8;
  --mie-text-fg-muted: #1c71d8;
}

[data-theme=dark] .mie.text.green, .mie.text.green[data-theme=dark] {
  --mie-text-fg: #2ec27e;
  --mie-text-fg-muted: #2ec27e;
}

[data-theme=dark] .mie.text.yellow, .mie.text.yellow[data-theme=dark] {
  --mie-text-fg: #f5c211;
  --mie-text-fg-muted: #f5c211;
}

[data-theme=dark] .mie.text.orange, .mie.text.orange[data-theme=dark] {
  --mie-text-fg: #e66100;
  --mie-text-fg-muted: #e66100;
}

[data-theme=dark] .mie.text.red, .mie.text.red[data-theme=dark] {
  --mie-text-fg: #c01c28;
  --mie-text-fg-muted: #c01c28;
}

[data-theme=dark] .mie.text.purple, .mie.text.purple[data-theme=dark] {
  --mie-text-fg: #813d9c;
  --mie-text-fg-muted: #813d9c;
}

[data-theme=dark] .mie.text.brown, .mie.text.brown[data-theme=dark] {
  --mie-text-fg: #865e3c;
  --mie-text-fg-muted: #865e3c;
}

[data-theme=dark] .mie.text.pink, .mie.text.pink[data-theme=dark] {
  --mie-text-fg: #c2185b;
  --mie-text-fg-muted: #c2185b;
}

[data-theme=dark] .mie.text.deeppurple, .mie.text.deeppurple[data-theme=dark] {
  --mie-text-fg: #5e35b1;
  --mie-text-fg-muted: #5e35b1;
}

[data-theme=dark] .mie.text.indigo, .mie.text.indigo[data-theme=dark] {
  --mie-text-fg: #3949ab;
  --mie-text-fg-muted: #3949ab;
}

[data-theme=dark] .mie.text.lightgreen, .mie.text.lightgreen[data-theme=dark] {
  --mie-text-fg: #7cb342;
  --mie-text-fg-muted: #7cb342;
}

[data-theme=dark] .mie.text.deeporange, .mie.text.deeporange[data-theme=dark] {
  --mie-text-fg: #f4511e;
  --mie-text-fg-muted: #f4511e;
}

[data-theme=dark] .mie.text.light, .mie.text.light[data-theme=dark] {
  --mie-text-fg: rgba(255, 255, 255, 0.82);
  --mie-text-fg-muted: rgba(255, 255, 255, 0.82);
}

[data-theme=dark] .mie.text.dark, .mie.text.dark[data-theme=dark] {
  --mie-text-fg: rgba(0, 0, 0, 0.82);
  --mie-text-fg-muted: rgba(0, 0, 0, 0.82);
}

:root, [data-theme=light] .mie.toggle, .mie.toggle[data-theme=light] {
  --mie-toggle-border: rgba(0, 0, 0, 0.36);
  --mie-toggle-icon-fg: white;
  --mie-toggle-fg: rgba(0, 0, 0, 0.6);
  --mie-toggle-bg-active: #3584e4;
  --mie-toggle-bg-inactive: #bebebe;
}

:root, [data-theme=light] .mie.toggle.blue, .mie.toggle.blue[data-theme=light] {
  --mie-toggle-bg-inactive: #bebebe;
  --mie-toggle-bg-active: #3584e4;
}

:root, [data-theme=light] .mie.toggle.green, .mie.toggle.green[data-theme=light] {
  --mie-toggle-bg-inactive: #bebebe;
  --mie-toggle-bg-active: #33d17a;
}

:root, [data-theme=light] .mie.toggle.yellow, .mie.toggle.yellow[data-theme=light] {
  --mie-toggle-bg-inactive: #bebebe;
  --mie-toggle-bg-active: #f6d32d;
}

:root, [data-theme=light] .mie.toggle.orange, .mie.toggle.orange[data-theme=light] {
  --mie-toggle-bg-inactive: #bebebe;
  --mie-toggle-bg-active: #ff7800;
}

:root, [data-theme=light] .mie.toggle.red, .mie.toggle.red[data-theme=light] {
  --mie-toggle-bg-inactive: #bebebe;
  --mie-toggle-bg-active: #e01b24;
}

:root, [data-theme=light] .mie.toggle.purple, .mie.toggle.purple[data-theme=light] {
  --mie-toggle-bg-inactive: #bebebe;
  --mie-toggle-bg-active: #9141ac;
}

:root, [data-theme=light] .mie.toggle.brown, .mie.toggle.brown[data-theme=light] {
  --mie-toggle-bg-inactive: #bebebe;
  --mie-toggle-bg-active: #986a44;
}

:root, [data-theme=light] .mie.toggle.pink, .mie.toggle.pink[data-theme=light] {
  --mie-toggle-bg-inactive: #bebebe;
  --mie-toggle-bg-active: #d81b60;
}

:root, [data-theme=light] .mie.toggle.deeppurple, .mie.toggle.deeppurple[data-theme=light] {
  --mie-toggle-bg-inactive: #bebebe;
  --mie-toggle-bg-active: #673ab7;
}

:root, [data-theme=light] .mie.toggle.indigo, .mie.toggle.indigo[data-theme=light] {
  --mie-toggle-bg-inactive: #bebebe;
  --mie-toggle-bg-active: #3f51b5;
}

:root, [data-theme=light] .mie.toggle.lightgreen, .mie.toggle.lightgreen[data-theme=light] {
  --mie-toggle-bg-inactive: #bebebe;
  --mie-toggle-bg-active: #8bc34a;
}

:root, [data-theme=light] .mie.toggle.deeporange, .mie.toggle.deeporange[data-theme=light] {
  --mie-toggle-bg-inactive: #bebebe;
  --mie-toggle-bg-active: #ff5722;
}

:root, [data-theme=light] .mie.toggle.light, .mie.toggle.light[data-theme=light] {
  --mie-toggle-bg-inactive: #bebebe;
  --mie-toggle-bg-active: rgba(255, 255, 255, 0.82);
}

:root, [data-theme=light] .mie.toggle.dark, .mie.toggle.dark[data-theme=light] {
  --mie-toggle-bg-inactive: #bebebe;
  --mie-toggle-bg-active: rgba(0, 0, 0, 0.82);
}

[data-theme=dark] .mie.toggle, .mie.toggle[data-theme=dark] {
  --mie-toggle-border: rgba(0, 0, 0, 0.36);
  --mie-toggle-icon-fg: white;
  --mie-toggle-fg: rgba(255, 255, 255, 0.6);
  --mie-toggle-bg-active: #3584e4;
  --mie-toggle-bg-inactive: #bebebe;
}

[data-theme=dark] .mie.toggle.blue, .mie.toggle.blue[data-theme=dark] {
  --mie-toggle-bg-inactive: #bebebe;
  --mie-toggle-bg-active: #1c71d8;
}

[data-theme=dark] .mie.toggle.green, .mie.toggle.green[data-theme=dark] {
  --mie-toggle-bg-inactive: #bebebe;
  --mie-toggle-bg-active: #2ec27e;
}

[data-theme=dark] .mie.toggle.yellow, .mie.toggle.yellow[data-theme=dark] {
  --mie-toggle-bg-inactive: #bebebe;
  --mie-toggle-bg-active: #f5c211;
}

[data-theme=dark] .mie.toggle.orange, .mie.toggle.orange[data-theme=dark] {
  --mie-toggle-bg-inactive: #bebebe;
  --mie-toggle-bg-active: #e66100;
}

[data-theme=dark] .mie.toggle.red, .mie.toggle.red[data-theme=dark] {
  --mie-toggle-bg-inactive: #bebebe;
  --mie-toggle-bg-active: #c01c28;
}

[data-theme=dark] .mie.toggle.purple, .mie.toggle.purple[data-theme=dark] {
  --mie-toggle-bg-inactive: #bebebe;
  --mie-toggle-bg-active: #813d9c;
}

[data-theme=dark] .mie.toggle.brown, .mie.toggle.brown[data-theme=dark] {
  --mie-toggle-bg-inactive: #bebebe;
  --mie-toggle-bg-active: #865e3c;
}

[data-theme=dark] .mie.toggle.pink, .mie.toggle.pink[data-theme=dark] {
  --mie-toggle-bg-inactive: #bebebe;
  --mie-toggle-bg-active: #c2185b;
}

[data-theme=dark] .mie.toggle.deeppurple, .mie.toggle.deeppurple[data-theme=dark] {
  --mie-toggle-bg-inactive: #bebebe;
  --mie-toggle-bg-active: #5e35b1;
}

[data-theme=dark] .mie.toggle.indigo, .mie.toggle.indigo[data-theme=dark] {
  --mie-toggle-bg-inactive: #bebebe;
  --mie-toggle-bg-active: #3949ab;
}

[data-theme=dark] .mie.toggle.lightgreen, .mie.toggle.lightgreen[data-theme=dark] {
  --mie-toggle-bg-inactive: #bebebe;
  --mie-toggle-bg-active: #7cb342;
}

[data-theme=dark] .mie.toggle.deeporange, .mie.toggle.deeporange[data-theme=dark] {
  --mie-toggle-bg-inactive: #bebebe;
  --mie-toggle-bg-active: #f4511e;
}

[data-theme=dark] .mie.toggle.light, .mie.toggle.light[data-theme=dark] {
  --mie-toggle-bg-inactive: #bebebe;
  --mie-toggle-bg-active: rgba(255, 255, 255, 0.82);
}

[data-theme=dark] .mie.toggle.dark, .mie.toggle.dark[data-theme=dark] {
  --mie-toggle-bg-inactive: #bebebe;
  --mie-toggle-bg-active: rgba(0, 0, 0, 0.82);
}

:root, [data-theme=light] .mie.activatable, .mie.activatable[data-theme=light] {
  --mie-activatable-bg-main: rgba(0, 0, 0, 0);
  --mie-activatable-bg-hover: rgba(0, 0, 0, 0.2);
  --mie-activatable-bg-active: rgba(0, 0, 0, 0.3);
}

:root, [data-theme=light] .mie.activatable.blue, .mie.activatable.blue[data-theme=light] {
  --mie-activatable-bg-main: rgba(53, 132, 228, 0);
  --mie-activatable-bg-active: rgba(53, 132, 228, 0.15);
  --mie-activatable-bg-hover: rgba(53, 132, 228, 0.25);
  --mie-activatable-bg-transparent: rgba(53, 132, 228, 0);
}

:root, [data-theme=light] .mie.activatable.green, .mie.activatable.green[data-theme=light] {
  --mie-activatable-bg-main: rgba(51, 209, 122, 0);
  --mie-activatable-bg-active: rgba(51, 209, 122, 0.15);
  --mie-activatable-bg-hover: rgba(51, 209, 122, 0.25);
  --mie-activatable-bg-transparent: rgba(51, 209, 122, 0);
}

:root, [data-theme=light] .mie.activatable.yellow, .mie.activatable.yellow[data-theme=light] {
  --mie-activatable-bg-main: rgba(246, 211, 45, 0);
  --mie-activatable-bg-active: rgba(246, 211, 45, 0.15);
  --mie-activatable-bg-hover: rgba(246, 211, 45, 0.25);
  --mie-activatable-bg-transparent: rgba(246, 211, 45, 0);
}

:root, [data-theme=light] .mie.activatable.orange, .mie.activatable.orange[data-theme=light] {
  --mie-activatable-bg-main: rgba(255, 120, 0, 0);
  --mie-activatable-bg-active: rgba(255, 120, 0, 0.15);
  --mie-activatable-bg-hover: rgba(255, 120, 0, 0.25);
  --mie-activatable-bg-transparent: rgba(255, 120, 0, 0);
}

:root, [data-theme=light] .mie.activatable.red, .mie.activatable.red[data-theme=light] {
  --mie-activatable-bg-main: rgba(224, 27, 36, 0);
  --mie-activatable-bg-active: rgba(224, 27, 36, 0.15);
  --mie-activatable-bg-hover: rgba(224, 27, 36, 0.25);
  --mie-activatable-bg-transparent: rgba(224, 27, 36, 0);
}

:root, [data-theme=light] .mie.activatable.purple, .mie.activatable.purple[data-theme=light] {
  --mie-activatable-bg-main: rgba(145, 65, 172, 0);
  --mie-activatable-bg-active: rgba(145, 65, 172, 0.15);
  --mie-activatable-bg-hover: rgba(145, 65, 172, 0.25);
  --mie-activatable-bg-transparent: rgba(145, 65, 172, 0);
}

:root, [data-theme=light] .mie.activatable.brown, .mie.activatable.brown[data-theme=light] {
  --mie-activatable-bg-main: rgba(152, 106, 68, 0);
  --mie-activatable-bg-active: rgba(152, 106, 68, 0.15);
  --mie-activatable-bg-hover: rgba(152, 106, 68, 0.25);
  --mie-activatable-bg-transparent: rgba(152, 106, 68, 0);
}

:root, [data-theme=light] .mie.activatable.pink, .mie.activatable.pink[data-theme=light] {
  --mie-activatable-bg-main: rgba(216, 27, 96, 0);
  --mie-activatable-bg-active: rgba(216, 27, 96, 0.15);
  --mie-activatable-bg-hover: rgba(216, 27, 96, 0.25);
  --mie-activatable-bg-transparent: rgba(216, 27, 96, 0);
}

:root, [data-theme=light] .mie.activatable.deeppurple, .mie.activatable.deeppurple[data-theme=light] {
  --mie-activatable-bg-main: rgba(103, 58, 183, 0);
  --mie-activatable-bg-active: rgba(103, 58, 183, 0.15);
  --mie-activatable-bg-hover: rgba(103, 58, 183, 0.25);
  --mie-activatable-bg-transparent: rgba(103, 58, 183, 0);
}

:root, [data-theme=light] .mie.activatable.indigo, .mie.activatable.indigo[data-theme=light] {
  --mie-activatable-bg-main: rgba(63, 81, 181, 0);
  --mie-activatable-bg-active: rgba(63, 81, 181, 0.15);
  --mie-activatable-bg-hover: rgba(63, 81, 181, 0.25);
  --mie-activatable-bg-transparent: rgba(63, 81, 181, 0);
}

:root, [data-theme=light] .mie.activatable.lightgreen, .mie.activatable.lightgreen[data-theme=light] {
  --mie-activatable-bg-main: rgba(139, 195, 74, 0);
  --mie-activatable-bg-active: rgba(139, 195, 74, 0.15);
  --mie-activatable-bg-hover: rgba(139, 195, 74, 0.25);
  --mie-activatable-bg-transparent: rgba(139, 195, 74, 0);
}

:root, [data-theme=light] .mie.activatable.deeporange, .mie.activatable.deeporange[data-theme=light] {
  --mie-activatable-bg-main: rgba(255, 87, 34, 0);
  --mie-activatable-bg-active: rgba(255, 87, 34, 0.15);
  --mie-activatable-bg-hover: rgba(255, 87, 34, 0.25);
  --mie-activatable-bg-transparent: rgba(255, 87, 34, 0);
}

:root, [data-theme=light] .mie.activatable.light, .mie.activatable.light[data-theme=light] {
  --mie-activatable-bg-main: rgba(255, 255, 255, 0);
  --mie-activatable-bg-active: rgba(255, 255, 255, 0.15);
  --mie-activatable-bg-hover: rgba(255, 255, 255, 0.25);
  --mie-activatable-bg-transparent: rgba(255, 255, 255, 0);
}

:root, [data-theme=light] .mie.activatable.dark, .mie.activatable.dark[data-theme=light] {
  --mie-activatable-bg-main: rgba(0, 0, 0, 0);
  --mie-activatable-bg-active: rgba(0, 0, 0, 0.15);
  --mie-activatable-bg-hover: rgba(0, 0, 0, 0.25);
  --mie-activatable-bg-transparent: rgba(0, 0, 0, 0);
}

[data-theme=dark] .mie.activatable, .mie.activatable[data-theme=dark] {
  --mie-activatable-bg-main: rgba(255, 255, 255, 0);
  --mie-activatable-bg-hover: rgba(255, 255, 255, 0.2);
  --mie-activatable-bg-active: rgba(255, 255, 255, 0.3);
}

[data-theme=dark] .mie.activatable.blue, .mie.activatable.blue[data-theme=dark] {
  --mie-activatable-bg-main: rgba(28, 113, 216, 0);
  --mie-activatable-bg-active: rgba(28, 113, 216, 0.15);
  --mie-activatable-bg-hover: rgba(28, 113, 216, 0.25);
  --mie-activatable-bg-transparent: rgba(28, 113, 216, 0);
}

[data-theme=dark] .mie.activatable.green, .mie.activatable.green[data-theme=dark] {
  --mie-activatable-bg-main: rgba(46, 194, 126, 0);
  --mie-activatable-bg-active: rgba(46, 194, 126, 0.15);
  --mie-activatable-bg-hover: rgba(46, 194, 126, 0.25);
  --mie-activatable-bg-transparent: rgba(46, 194, 126, 0);
}

[data-theme=dark] .mie.activatable.yellow, .mie.activatable.yellow[data-theme=dark] {
  --mie-activatable-bg-main: rgba(245, 194, 17, 0);
  --mie-activatable-bg-active: rgba(245, 194, 17, 0.15);
  --mie-activatable-bg-hover: rgba(245, 194, 17, 0.25);
  --mie-activatable-bg-transparent: rgba(245, 194, 17, 0);
}

[data-theme=dark] .mie.activatable.orange, .mie.activatable.orange[data-theme=dark] {
  --mie-activatable-bg-main: rgba(230, 97, 0, 0);
  --mie-activatable-bg-active: rgba(230, 97, 0, 0.15);
  --mie-activatable-bg-hover: rgba(230, 97, 0, 0.25);
  --mie-activatable-bg-transparent: rgba(230, 97, 0, 0);
}

[data-theme=dark] .mie.activatable.red, .mie.activatable.red[data-theme=dark] {
  --mie-activatable-bg-main: rgba(192, 28, 40, 0);
  --mie-activatable-bg-active: rgba(192, 28, 40, 0.15);
  --mie-activatable-bg-hover: rgba(192, 28, 40, 0.25);
  --mie-activatable-bg-transparent: rgba(192, 28, 40, 0);
}

[data-theme=dark] .mie.activatable.purple, .mie.activatable.purple[data-theme=dark] {
  --mie-activatable-bg-main: rgba(129, 61, 156, 0);
  --mie-activatable-bg-active: rgba(129, 61, 156, 0.15);
  --mie-activatable-bg-hover: rgba(129, 61, 156, 0.25);
  --mie-activatable-bg-transparent: rgba(129, 61, 156, 0);
}

[data-theme=dark] .mie.activatable.brown, .mie.activatable.brown[data-theme=dark] {
  --mie-activatable-bg-main: rgba(134, 94, 60, 0);
  --mie-activatable-bg-active: rgba(134, 94, 60, 0.15);
  --mie-activatable-bg-hover: rgba(134, 94, 60, 0.25);
  --mie-activatable-bg-transparent: rgba(134, 94, 60, 0);
}

[data-theme=dark] .mie.activatable.pink, .mie.activatable.pink[data-theme=dark] {
  --mie-activatable-bg-main: rgba(194, 24, 91, 0);
  --mie-activatable-bg-active: rgba(194, 24, 91, 0.15);
  --mie-activatable-bg-hover: rgba(194, 24, 91, 0.25);
  --mie-activatable-bg-transparent: rgba(194, 24, 91, 0);
}

[data-theme=dark] .mie.activatable.deeppurple, .mie.activatable.deeppurple[data-theme=dark] {
  --mie-activatable-bg-main: rgba(94, 53, 177, 0);
  --mie-activatable-bg-active: rgba(94, 53, 177, 0.15);
  --mie-activatable-bg-hover: rgba(94, 53, 177, 0.25);
  --mie-activatable-bg-transparent: rgba(94, 53, 177, 0);
}

[data-theme=dark] .mie.activatable.indigo, .mie.activatable.indigo[data-theme=dark] {
  --mie-activatable-bg-main: rgba(57, 73, 171, 0);
  --mie-activatable-bg-active: rgba(57, 73, 171, 0.15);
  --mie-activatable-bg-hover: rgba(57, 73, 171, 0.25);
  --mie-activatable-bg-transparent: rgba(57, 73, 171, 0);
}

[data-theme=dark] .mie.activatable.lightgreen, .mie.activatable.lightgreen[data-theme=dark] {
  --mie-activatable-bg-main: rgba(124, 179, 66, 0);
  --mie-activatable-bg-active: rgba(124, 179, 66, 0.15);
  --mie-activatable-bg-hover: rgba(124, 179, 66, 0.25);
  --mie-activatable-bg-transparent: rgba(124, 179, 66, 0);
}

[data-theme=dark] .mie.activatable.deeporange, .mie.activatable.deeporange[data-theme=dark] {
  --mie-activatable-bg-main: rgba(244, 81, 30, 0);
  --mie-activatable-bg-active: rgba(244, 81, 30, 0.15);
  --mie-activatable-bg-hover: rgba(244, 81, 30, 0.25);
  --mie-activatable-bg-transparent: rgba(244, 81, 30, 0);
}

[data-theme=dark] .mie.activatable.light, .mie.activatable.light[data-theme=dark] {
  --mie-activatable-bg-main: rgba(255, 255, 255, 0);
  --mie-activatable-bg-active: rgba(255, 255, 255, 0.15);
  --mie-activatable-bg-hover: rgba(255, 255, 255, 0.25);
  --mie-activatable-bg-transparent: rgba(255, 255, 255, 0);
}

[data-theme=dark] .mie.activatable.dark, .mie.activatable.dark[data-theme=dark] {
  --mie-activatable-bg-main: rgba(0, 0, 0, 0);
  --mie-activatable-bg-active: rgba(0, 0, 0, 0.15);
  --mie-activatable-bg-hover: rgba(0, 0, 0, 0.25);
  --mie-activatable-bg-transparent: rgba(0, 0, 0, 0);
}

:root, [data-theme=light] .mie.dialog, .mie.dialog[data-theme=light] {
  --mie-dialog-action-border: rgba(0, 0, 0, 0.07);
  --mie-dialog-bg: #fafafa;
}

:root, [data-theme=light] .mie.dialog.blue, .mie.dialog.blue[data-theme=light] {
  --mie-dialog-bg: #bcd6f6;
}

:root, [data-theme=light] .mie.dialog.green, .mie.dialog.green[data-theme=light] {
  --mie-dialog-bg: #b0edcb;
}

:root, [data-theme=light] .mie.dialog.yellow, .mie.dialog.yellow[data-theme=light] {
  --mie-dialog-bg: #fcf2c0;
}

:root, [data-theme=light] .mie.dialog.orange, .mie.dialog.orange[data-theme=light] {
  --mie-dialog-bg: #ffc999;
}

:root, [data-theme=light] .mie.dialog.red, .mie.dialog.red[data-theme=light] {
  --mie-dialog-bg: #f4a0a4;
}

:root, [data-theme=light] .mie.dialog.purple, .mie.dialog.purple[data-theme=light] {
  --mie-dialog-bg: #d0a8de;
}

:root, [data-theme=light] .mie.dialog.brown, .mie.dialog.brown[data-theme=light] {
  --mie-dialog-bg: #d5b8a0;
}

:root, [data-theme=light] .mie.dialog.pink, .mie.dialog.pink[data-theme=light] {
  --mie-dialog-bg: #f29aba;
}

:root, [data-theme=light] .mie.dialog.deeppurple, .mie.dialog.deeppurple[data-theme=light] {
  --mie-dialog-bg: #bda7e3;
}

:root, [data-theme=light] .mie.dialog.indigo, .mie.dialog.indigo[data-theme=light] {
  --mie-dialog-bg: #abb4e2;
}

:root, [data-theme=light] .mie.dialog.lightgreen, .mie.dialog.lightgreen[data-theme=light] {
  --mie-dialog-bg: #d5e9bd;
}

:root, [data-theme=light] .mie.dialog.deeporange, .mie.dialog.deeporange[data-theme=light] {
  --mie-dialog-bg: #ffcbbb;
}

:root, [data-theme=light] .mie.dialog.light, .mie.dialog.light[data-theme=light] {
  --mie-dialog-bg: rgba(255, 255, 255, 0.82);
}

:root, [data-theme=light] .mie.dialog.dark, .mie.dialog.dark[data-theme=light] {
  --mie-dialog-bg: rgba(77, 77, 77, 0.82);
}

[data-theme=dark] .mie.dialog, .mie.dialog[data-theme=dark] {
  --mie-dialog-action-border: rgba(255, 255, 255, 0.07);
  --mie-dialog-bg: #383838;
}

[data-theme=dark] .mie.dialog.blue, .mie.dialog.blue[data-theme=dark] {
  --mie-dialog-bg: #0a2a51;
}

[data-theme=dark] .mie.dialog.green, .mie.dialog.green[data-theme=dark] {
  --mie-dialog-bg: #11462e;
}

[data-theme=dark] .mie.dialog.yellow, .mie.dialog.yellow[data-theme=dark] {
  --mie-dialog-bg: #695204;
}

[data-theme=dark] .mie.dialog.orange, .mie.dialog.orange[data-theme=dark] {
  --mie-dialog-bg: #4d2000;
}

[data-theme=dark] .mie.dialog.red, .mie.dialog.red[data-theme=dark] {
  --mie-dialog-bg: #3a090c;
}

[data-theme=dark] .mie.dialog.purple, .mie.dialog.purple[data-theme=dark] {
  --mie-dialog-bg: #26122e;
}

[data-theme=dark] .mie.dialog.brown, .mie.dialog.brown[data-theme=dark] {
  --mie-dialog-bg: #1c140d;
}

[data-theme=dark] .mie.dialog.pink, .mie.dialog.pink[data-theme=dark] {
  --mie-dialog-bg: #3a071b;
}

[data-theme=dark] .mie.dialog.deeppurple, .mie.dialog.deeppurple[data-theme=dark] {
  --mie-dialog-bg: #1f123b;
}

[data-theme=dark] .mie.dialog.indigo, .mie.dialog.indigo[data-theme=dark] {
  --mie-dialog-bg: #131838;
}

[data-theme=dark] .mie.dialog.lightgreen, .mie.dialog.lightgreen[data-theme=dark] {
  --mie-dialog-bg: #2f4319;
}

[data-theme=dark] .mie.dialog.deeporange, .mie.dialog.deeporange[data-theme=dark] {
  --mie-dialog-bg: #732006;
}

[data-theme=dark] .mie.dialog.light, .mie.dialog.light[data-theme=dark] {
  --mie-dialog-bg: rgba(179, 179, 179, 0.82);
}

[data-theme=dark] .mie.dialog.dark, .mie.dialog.dark[data-theme=dark] {
  --mie-dialog-bg: rgba(0, 0, 0, 0.82);
}

:root, [data-theme=light] .mie.headerbar, .mie.headerbar[data-theme=light] {
  --mie-headerbar-label-fg: rgba(0, 0, 0, 0.6);
  --mie-headerbar-value-fg: rgba(255, 255, 255, 0.82);
  --mie-headerbar-border: rgba(0, 0, 0, 0.07);
  --mie-headerbar-bg-outline: #1c71d8;
  --mie-headerbar-bg-overlay: transparent;
  --mie-headerbar-bg-main: #fff;
}

:root, [data-theme=light] .mie.headerbar.blue, .mie.headerbar.blue[data-theme=light] {
  --mie-headerbar-label-fg: rgba(53, 132, 228, 0.6);
  --mie-headerbar-value-fg: rgba(53, 132, 228, 0.82);
  --mie-headerbar-border: rgba(53, 132, 228, 0.07);
  --mie-headerbar-bg-overlay: rgba(53, 132, 228, 0.08);
  --mie-headerbar-bg-outline: #3584e4;
}

:root, [data-theme=light] .mie.headerbar.green, .mie.headerbar.green[data-theme=light] {
  --mie-headerbar-label-fg: rgba(51, 209, 122, 0.6);
  --mie-headerbar-value-fg: rgba(51, 209, 122, 0.82);
  --mie-headerbar-border: rgba(51, 209, 122, 0.07);
  --mie-headerbar-bg-overlay: rgba(51, 209, 122, 0.08);
  --mie-headerbar-bg-outline: #33d17a;
}

:root, [data-theme=light] .mie.headerbar.yellow, .mie.headerbar.yellow[data-theme=light] {
  --mie-headerbar-label-fg: rgba(246, 211, 45, 0.6);
  --mie-headerbar-value-fg: rgba(246, 211, 45, 0.82);
  --mie-headerbar-border: rgba(246, 211, 45, 0.07);
  --mie-headerbar-bg-overlay: rgba(246, 211, 45, 0.08);
  --mie-headerbar-bg-outline: #f6d32d;
}

:root, [data-theme=light] .mie.headerbar.orange, .mie.headerbar.orange[data-theme=light] {
  --mie-headerbar-label-fg: rgba(255, 120, 0, 0.6);
  --mie-headerbar-value-fg: rgba(255, 120, 0, 0.82);
  --mie-headerbar-border: rgba(255, 120, 0, 0.07);
  --mie-headerbar-bg-overlay: rgba(255, 120, 0, 0.08);
  --mie-headerbar-bg-outline: #ff7800;
}

:root, [data-theme=light] .mie.headerbar.red, .mie.headerbar.red[data-theme=light] {
  --mie-headerbar-label-fg: rgba(224, 27, 36, 0.6);
  --mie-headerbar-value-fg: rgba(224, 27, 36, 0.82);
  --mie-headerbar-border: rgba(224, 27, 36, 0.07);
  --mie-headerbar-bg-overlay: rgba(224, 27, 36, 0.08);
  --mie-headerbar-bg-outline: #e01b24;
}

:root, [data-theme=light] .mie.headerbar.purple, .mie.headerbar.purple[data-theme=light] {
  --mie-headerbar-label-fg: rgba(145, 65, 172, 0.6);
  --mie-headerbar-value-fg: rgba(145, 65, 172, 0.82);
  --mie-headerbar-border: rgba(145, 65, 172, 0.07);
  --mie-headerbar-bg-overlay: rgba(145, 65, 172, 0.08);
  --mie-headerbar-bg-outline: #9141ac;
}

:root, [data-theme=light] .mie.headerbar.brown, .mie.headerbar.brown[data-theme=light] {
  --mie-headerbar-label-fg: rgba(152, 106, 68, 0.6);
  --mie-headerbar-value-fg: rgba(152, 106, 68, 0.82);
  --mie-headerbar-border: rgba(152, 106, 68, 0.07);
  --mie-headerbar-bg-overlay: rgba(152, 106, 68, 0.08);
  --mie-headerbar-bg-outline: #986a44;
}

:root, [data-theme=light] .mie.headerbar.pink, .mie.headerbar.pink[data-theme=light] {
  --mie-headerbar-label-fg: rgba(216, 27, 96, 0.6);
  --mie-headerbar-value-fg: rgba(216, 27, 96, 0.82);
  --mie-headerbar-border: rgba(216, 27, 96, 0.07);
  --mie-headerbar-bg-overlay: rgba(216, 27, 96, 0.08);
  --mie-headerbar-bg-outline: #d81b60;
}

:root, [data-theme=light] .mie.headerbar.deeppurple, .mie.headerbar.deeppurple[data-theme=light] {
  --mie-headerbar-label-fg: rgba(103, 58, 183, 0.6);
  --mie-headerbar-value-fg: rgba(103, 58, 183, 0.82);
  --mie-headerbar-border: rgba(103, 58, 183, 0.07);
  --mie-headerbar-bg-overlay: rgba(103, 58, 183, 0.08);
  --mie-headerbar-bg-outline: #673ab7;
}

:root, [data-theme=light] .mie.headerbar.indigo, .mie.headerbar.indigo[data-theme=light] {
  --mie-headerbar-label-fg: rgba(63, 81, 181, 0.6);
  --mie-headerbar-value-fg: rgba(63, 81, 181, 0.82);
  --mie-headerbar-border: rgba(63, 81, 181, 0.07);
  --mie-headerbar-bg-overlay: rgba(63, 81, 181, 0.08);
  --mie-headerbar-bg-outline: #3f51b5;
}

:root, [data-theme=light] .mie.headerbar.lightgreen, .mie.headerbar.lightgreen[data-theme=light] {
  --mie-headerbar-label-fg: rgba(139, 195, 74, 0.6);
  --mie-headerbar-value-fg: rgba(139, 195, 74, 0.82);
  --mie-headerbar-border: rgba(139, 195, 74, 0.07);
  --mie-headerbar-bg-overlay: rgba(139, 195, 74, 0.08);
  --mie-headerbar-bg-outline: #8bc34a;
}

:root, [data-theme=light] .mie.headerbar.deeporange, .mie.headerbar.deeporange[data-theme=light] {
  --mie-headerbar-label-fg: rgba(255, 87, 34, 0.6);
  --mie-headerbar-value-fg: rgba(255, 87, 34, 0.82);
  --mie-headerbar-border: rgba(255, 87, 34, 0.07);
  --mie-headerbar-bg-overlay: rgba(255, 87, 34, 0.08);
  --mie-headerbar-bg-outline: #ff5722;
}

:root, [data-theme=light] .mie.headerbar.light, .mie.headerbar.light[data-theme=light] {
  --mie-headerbar-label-fg: rgba(255, 255, 255, 0.6);
  --mie-headerbar-value-fg: rgba(255, 255, 255, 0.82);
  --mie-headerbar-border: rgba(255, 255, 255, 0.07);
  --mie-headerbar-bg-overlay: rgba(255, 255, 255, 0.08);
  --mie-headerbar-bg-outline: rgba(255, 255, 255, 0.82);
}

:root, [data-theme=light] .mie.headerbar.dark, .mie.headerbar.dark[data-theme=light] {
  --mie-headerbar-label-fg: rgba(0, 0, 0, 0.6);
  --mie-headerbar-value-fg: rgba(0, 0, 0, 0.82);
  --mie-headerbar-border: rgba(0, 0, 0, 0.07);
  --mie-headerbar-bg-overlay: rgba(0, 0, 0, 0.08);
  --mie-headerbar-bg-outline: rgba(0, 0, 0, 0.82);
}

[data-theme=dark] .mie.headerbar, .mie.headerbar[data-theme=dark] {
  --mie-headerbar-label-fg: rgba(255, 255, 255, 0.6);
  --mie-headerbar-value-fg: #fff;
  --mie-headerbar-border: rgba(0, 0, 0, 0.37);
  --mie-headerbar-bg-outline: #78aeed;
  --mie-headerbar-bg-overlay: transparent;
  --mie-headerbar-bg-main: #434343;
}

[data-theme=dark] .mie.headerbar.blue, .mie.headerbar.blue[data-theme=dark] {
  --mie-headerbar-label-fg: rgba(28, 113, 216, 0.6);
  --mie-headerbar-value-fg: rgba(28, 113, 216, 0.82);
  --mie-headerbar-border: rgba(28, 113, 216, 0.07);
  --mie-headerbar-bg-overlay: rgba(28, 113, 216, 0.08);
  --mie-headerbar-bg-outline: #1c71d8;
}

[data-theme=dark] .mie.headerbar.green, .mie.headerbar.green[data-theme=dark] {
  --mie-headerbar-label-fg: rgba(46, 194, 126, 0.6);
  --mie-headerbar-value-fg: rgba(46, 194, 126, 0.82);
  --mie-headerbar-border: rgba(46, 194, 126, 0.07);
  --mie-headerbar-bg-overlay: rgba(46, 194, 126, 0.08);
  --mie-headerbar-bg-outline: #2ec27e;
}

[data-theme=dark] .mie.headerbar.yellow, .mie.headerbar.yellow[data-theme=dark] {
  --mie-headerbar-label-fg: rgba(245, 194, 17, 0.6);
  --mie-headerbar-value-fg: rgba(245, 194, 17, 0.82);
  --mie-headerbar-border: rgba(245, 194, 17, 0.07);
  --mie-headerbar-bg-overlay: rgba(245, 194, 17, 0.08);
  --mie-headerbar-bg-outline: #f5c211;
}

[data-theme=dark] .mie.headerbar.orange, .mie.headerbar.orange[data-theme=dark] {
  --mie-headerbar-label-fg: rgba(230, 97, 0, 0.6);
  --mie-headerbar-value-fg: rgba(230, 97, 0, 0.82);
  --mie-headerbar-border: rgba(230, 97, 0, 0.07);
  --mie-headerbar-bg-overlay: rgba(230, 97, 0, 0.08);
  --mie-headerbar-bg-outline: #e66100;
}

[data-theme=dark] .mie.headerbar.red, .mie.headerbar.red[data-theme=dark] {
  --mie-headerbar-label-fg: rgba(192, 28, 40, 0.6);
  --mie-headerbar-value-fg: rgba(192, 28, 40, 0.82);
  --mie-headerbar-border: rgba(192, 28, 40, 0.07);
  --mie-headerbar-bg-overlay: rgba(192, 28, 40, 0.08);
  --mie-headerbar-bg-outline: #c01c28;
}

[data-theme=dark] .mie.headerbar.purple, .mie.headerbar.purple[data-theme=dark] {
  --mie-headerbar-label-fg: rgba(129, 61, 156, 0.6);
  --mie-headerbar-value-fg: rgba(129, 61, 156, 0.82);
  --mie-headerbar-border: rgba(129, 61, 156, 0.07);
  --mie-headerbar-bg-overlay: rgba(129, 61, 156, 0.08);
  --mie-headerbar-bg-outline: #813d9c;
}

[data-theme=dark] .mie.headerbar.brown, .mie.headerbar.brown[data-theme=dark] {
  --mie-headerbar-label-fg: rgba(134, 94, 60, 0.6);
  --mie-headerbar-value-fg: rgba(134, 94, 60, 0.82);
  --mie-headerbar-border: rgba(134, 94, 60, 0.07);
  --mie-headerbar-bg-overlay: rgba(134, 94, 60, 0.08);
  --mie-headerbar-bg-outline: #865e3c;
}

[data-theme=dark] .mie.headerbar.pink, .mie.headerbar.pink[data-theme=dark] {
  --mie-headerbar-label-fg: rgba(194, 24, 91, 0.6);
  --mie-headerbar-value-fg: rgba(194, 24, 91, 0.82);
  --mie-headerbar-border: rgba(194, 24, 91, 0.07);
  --mie-headerbar-bg-overlay: rgba(194, 24, 91, 0.08);
  --mie-headerbar-bg-outline: #c2185b;
}

[data-theme=dark] .mie.headerbar.deeppurple, .mie.headerbar.deeppurple[data-theme=dark] {
  --mie-headerbar-label-fg: rgba(94, 53, 177, 0.6);
  --mie-headerbar-value-fg: rgba(94, 53, 177, 0.82);
  --mie-headerbar-border: rgba(94, 53, 177, 0.07);
  --mie-headerbar-bg-overlay: rgba(94, 53, 177, 0.08);
  --mie-headerbar-bg-outline: #5e35b1;
}

[data-theme=dark] .mie.headerbar.indigo, .mie.headerbar.indigo[data-theme=dark] {
  --mie-headerbar-label-fg: rgba(57, 73, 171, 0.6);
  --mie-headerbar-value-fg: rgba(57, 73, 171, 0.82);
  --mie-headerbar-border: rgba(57, 73, 171, 0.07);
  --mie-headerbar-bg-overlay: rgba(57, 73, 171, 0.08);
  --mie-headerbar-bg-outline: #3949ab;
}

[data-theme=dark] .mie.headerbar.lightgreen, .mie.headerbar.lightgreen[data-theme=dark] {
  --mie-headerbar-label-fg: rgba(124, 179, 66, 0.6);
  --mie-headerbar-value-fg: rgba(124, 179, 66, 0.82);
  --mie-headerbar-border: rgba(124, 179, 66, 0.07);
  --mie-headerbar-bg-overlay: rgba(124, 179, 66, 0.08);
  --mie-headerbar-bg-outline: #7cb342;
}

[data-theme=dark] .mie.headerbar.deeporange, .mie.headerbar.deeporange[data-theme=dark] {
  --mie-headerbar-label-fg: rgba(244, 81, 30, 0.6);
  --mie-headerbar-value-fg: rgba(244, 81, 30, 0.82);
  --mie-headerbar-border: rgba(244, 81, 30, 0.07);
  --mie-headerbar-bg-overlay: rgba(244, 81, 30, 0.08);
  --mie-headerbar-bg-outline: #f4511e;
}

[data-theme=dark] .mie.headerbar.light, .mie.headerbar.light[data-theme=dark] {
  --mie-headerbar-label-fg: rgba(255, 255, 255, 0.6);
  --mie-headerbar-value-fg: rgba(255, 255, 255, 0.82);
  --mie-headerbar-border: rgba(255, 255, 255, 0.07);
  --mie-headerbar-bg-overlay: rgba(255, 255, 255, 0.08);
  --mie-headerbar-bg-outline: rgba(255, 255, 255, 0.82);
}

[data-theme=dark] .mie.headerbar.dark, .mie.headerbar.dark[data-theme=dark] {
  --mie-headerbar-label-fg: rgba(0, 0, 0, 0.6);
  --mie-headerbar-value-fg: rgba(0, 0, 0, 0.82);
  --mie-headerbar-border: rgba(0, 0, 0, 0.07);
  --mie-headerbar-bg-overlay: rgba(0, 0, 0, 0.08);
  --mie-headerbar-bg-outline: rgba(0, 0, 0, 0.82);
}

:root, [data-theme=light] .mie.message, .mie.message[data-theme=light] {
  --mie-message-description-fg: rgba(0, 0, 0, 0.6);
  --mie-message-title-fg: rgba(0, 0, 0, 0.82);
  --mie-message-shade: rgba(0, 0, 0, 0.05);
  --mie-message-overlay: transparent;
  --mie-message-bg: #ebebeb;
}

:root, [data-theme=light] .mie.message.blue, .mie.message.blue[data-theme=light] {
  --mie-message-description-fg: rgba(53, 132, 228, 0.6);
  --mie-message-title-fg: rgba(53, 132, 228, 0.82);
  --mie-message-overlay: rgba(53, 132, 228, 0.15);
  --mie-message-shade: rgba(53, 132, 228, 0.01);
  --mie-message-outline: #3584e4;
}

:root, [data-theme=light] .mie.message.green, .mie.message.green[data-theme=light] {
  --mie-message-description-fg: rgba(51, 209, 122, 0.6);
  --mie-message-title-fg: rgba(51, 209, 122, 0.82);
  --mie-message-overlay: rgba(51, 209, 122, 0.15);
  --mie-message-shade: rgba(51, 209, 122, 0.01);
  --mie-message-outline: #33d17a;
}

:root, [data-theme=light] .mie.message.yellow, .mie.message.yellow[data-theme=light] {
  --mie-message-description-fg: rgba(246, 211, 45, 0.6);
  --mie-message-title-fg: rgba(246, 211, 45, 0.82);
  --mie-message-overlay: rgba(246, 211, 45, 0.15);
  --mie-message-shade: rgba(246, 211, 45, 0.01);
  --mie-message-outline: #f6d32d;
}

:root, [data-theme=light] .mie.message.orange, .mie.message.orange[data-theme=light] {
  --mie-message-description-fg: rgba(255, 120, 0, 0.6);
  --mie-message-title-fg: rgba(255, 120, 0, 0.82);
  --mie-message-overlay: rgba(255, 120, 0, 0.15);
  --mie-message-shade: rgba(255, 120, 0, 0.01);
  --mie-message-outline: #ff7800;
}

:root, [data-theme=light] .mie.message.red, .mie.message.red[data-theme=light] {
  --mie-message-description-fg: rgba(224, 27, 36, 0.6);
  --mie-message-title-fg: rgba(224, 27, 36, 0.82);
  --mie-message-overlay: rgba(224, 27, 36, 0.15);
  --mie-message-shade: rgba(224, 27, 36, 0.01);
  --mie-message-outline: #e01b24;
}

:root, [data-theme=light] .mie.message.purple, .mie.message.purple[data-theme=light] {
  --mie-message-description-fg: rgba(145, 65, 172, 0.6);
  --mie-message-title-fg: rgba(145, 65, 172, 0.82);
  --mie-message-overlay: rgba(145, 65, 172, 0.15);
  --mie-message-shade: rgba(145, 65, 172, 0.01);
  --mie-message-outline: #9141ac;
}

:root, [data-theme=light] .mie.message.brown, .mie.message.brown[data-theme=light] {
  --mie-message-description-fg: rgba(152, 106, 68, 0.6);
  --mie-message-title-fg: rgba(152, 106, 68, 0.82);
  --mie-message-overlay: rgba(152, 106, 68, 0.15);
  --mie-message-shade: rgba(152, 106, 68, 0.01);
  --mie-message-outline: #986a44;
}

:root, [data-theme=light] .mie.message.pink, .mie.message.pink[data-theme=light] {
  --mie-message-description-fg: rgba(216, 27, 96, 0.6);
  --mie-message-title-fg: rgba(216, 27, 96, 0.82);
  --mie-message-overlay: rgba(216, 27, 96, 0.15);
  --mie-message-shade: rgba(216, 27, 96, 0.01);
  --mie-message-outline: #d81b60;
}

:root, [data-theme=light] .mie.message.deeppurple, .mie.message.deeppurple[data-theme=light] {
  --mie-message-description-fg: rgba(103, 58, 183, 0.6);
  --mie-message-title-fg: rgba(103, 58, 183, 0.82);
  --mie-message-overlay: rgba(103, 58, 183, 0.15);
  --mie-message-shade: rgba(103, 58, 183, 0.01);
  --mie-message-outline: #673ab7;
}

:root, [data-theme=light] .mie.message.indigo, .mie.message.indigo[data-theme=light] {
  --mie-message-description-fg: rgba(63, 81, 181, 0.6);
  --mie-message-title-fg: rgba(63, 81, 181, 0.82);
  --mie-message-overlay: rgba(63, 81, 181, 0.15);
  --mie-message-shade: rgba(63, 81, 181, 0.01);
  --mie-message-outline: #3f51b5;
}

:root, [data-theme=light] .mie.message.lightgreen, .mie.message.lightgreen[data-theme=light] {
  --mie-message-description-fg: rgba(139, 195, 74, 0.6);
  --mie-message-title-fg: rgba(139, 195, 74, 0.82);
  --mie-message-overlay: rgba(139, 195, 74, 0.15);
  --mie-message-shade: rgba(139, 195, 74, 0.01);
  --mie-message-outline: #8bc34a;
}

:root, [data-theme=light] .mie.message.deeporange, .mie.message.deeporange[data-theme=light] {
  --mie-message-description-fg: rgba(255, 87, 34, 0.6);
  --mie-message-title-fg: rgba(255, 87, 34, 0.82);
  --mie-message-overlay: rgba(255, 87, 34, 0.15);
  --mie-message-shade: rgba(255, 87, 34, 0.01);
  --mie-message-outline: #ff5722;
}

:root, [data-theme=light] .mie.message.light, .mie.message.light[data-theme=light] {
  --mie-message-description-fg: rgba(255, 255, 255, 0.6);
  --mie-message-title-fg: rgba(255, 255, 255, 0.82);
  --mie-message-overlay: rgba(255, 255, 255, 0.15);
  --mie-message-shade: rgba(255, 255, 255, 0.01);
  --mie-message-outline: rgba(255, 255, 255, 0.82);
}

:root, [data-theme=light] .mie.message.dark, .mie.message.dark[data-theme=light] {
  --mie-message-description-fg: rgba(0, 0, 0, 0.6);
  --mie-message-title-fg: rgba(0, 0, 0, 0.82);
  --mie-message-overlay: rgba(0, 0, 0, 0.15);
  --mie-message-shade: rgba(0, 0, 0, 0.01);
  --mie-message-outline: rgba(0, 0, 0, 0.82);
}

[data-theme=dark] .mie.message, .mie.message[data-theme=dark] {
  --mie-message-description-fg: rgba(255, 255, 255, 0.6);
  --mie-message-title-fg: #fff;
  --mie-message-shade: rgba(0, 0, 0, 0.1);
  --mie-message-overlay: transparent;
  --mie-message-bg: #383838;
}

[data-theme=dark] .mie.message.blue, .mie.message.blue[data-theme=dark] {
  --mie-message-description-fg: rgba(28, 113, 216, 0.6);
  --mie-message-title-fg: rgba(28, 113, 216, 0.82);
  --mie-message-overlay: rgba(28, 113, 216, 0.15);
  --mie-message-shade: rgba(28, 113, 216, 0.01);
  --mie-message-outline: #1c71d8;
}

[data-theme=dark] .mie.message.green, .mie.message.green[data-theme=dark] {
  --mie-message-description-fg: rgba(46, 194, 126, 0.6);
  --mie-message-title-fg: rgba(46, 194, 126, 0.82);
  --mie-message-overlay: rgba(46, 194, 126, 0.15);
  --mie-message-shade: rgba(46, 194, 126, 0.01);
  --mie-message-outline: #2ec27e;
}

[data-theme=dark] .mie.message.yellow, .mie.message.yellow[data-theme=dark] {
  --mie-message-description-fg: rgba(245, 194, 17, 0.6);
  --mie-message-title-fg: rgba(245, 194, 17, 0.82);
  --mie-message-overlay: rgba(245, 194, 17, 0.15);
  --mie-message-shade: rgba(245, 194, 17, 0.01);
  --mie-message-outline: #f5c211;
}

[data-theme=dark] .mie.message.orange, .mie.message.orange[data-theme=dark] {
  --mie-message-description-fg: rgba(230, 97, 0, 0.6);
  --mie-message-title-fg: rgba(230, 97, 0, 0.82);
  --mie-message-overlay: rgba(230, 97, 0, 0.15);
  --mie-message-shade: rgba(230, 97, 0, 0.01);
  --mie-message-outline: #e66100;
}

[data-theme=dark] .mie.message.red, .mie.message.red[data-theme=dark] {
  --mie-message-description-fg: rgba(192, 28, 40, 0.6);
  --mie-message-title-fg: rgba(192, 28, 40, 0.82);
  --mie-message-overlay: rgba(192, 28, 40, 0.15);
  --mie-message-shade: rgba(192, 28, 40, 0.01);
  --mie-message-outline: #c01c28;
}

[data-theme=dark] .mie.message.purple, .mie.message.purple[data-theme=dark] {
  --mie-message-description-fg: rgba(129, 61, 156, 0.6);
  --mie-message-title-fg: rgba(129, 61, 156, 0.82);
  --mie-message-overlay: rgba(129, 61, 156, 0.15);
  --mie-message-shade: rgba(129, 61, 156, 0.01);
  --mie-message-outline: #813d9c;
}

[data-theme=dark] .mie.message.brown, .mie.message.brown[data-theme=dark] {
  --mie-message-description-fg: rgba(134, 94, 60, 0.6);
  --mie-message-title-fg: rgba(134, 94, 60, 0.82);
  --mie-message-overlay: rgba(134, 94, 60, 0.15);
  --mie-message-shade: rgba(134, 94, 60, 0.01);
  --mie-message-outline: #865e3c;
}

[data-theme=dark] .mie.message.pink, .mie.message.pink[data-theme=dark] {
  --mie-message-description-fg: rgba(194, 24, 91, 0.6);
  --mie-message-title-fg: rgba(194, 24, 91, 0.82);
  --mie-message-overlay: rgba(194, 24, 91, 0.15);
  --mie-message-shade: rgba(194, 24, 91, 0.01);
  --mie-message-outline: #c2185b;
}

[data-theme=dark] .mie.message.deeppurple, .mie.message.deeppurple[data-theme=dark] {
  --mie-message-description-fg: rgba(94, 53, 177, 0.6);
  --mie-message-title-fg: rgba(94, 53, 177, 0.82);
  --mie-message-overlay: rgba(94, 53, 177, 0.15);
  --mie-message-shade: rgba(94, 53, 177, 0.01);
  --mie-message-outline: #5e35b1;
}

[data-theme=dark] .mie.message.indigo, .mie.message.indigo[data-theme=dark] {
  --mie-message-description-fg: rgba(57, 73, 171, 0.6);
  --mie-message-title-fg: rgba(57, 73, 171, 0.82);
  --mie-message-overlay: rgba(57, 73, 171, 0.15);
  --mie-message-shade: rgba(57, 73, 171, 0.01);
  --mie-message-outline: #3949ab;
}

[data-theme=dark] .mie.message.lightgreen, .mie.message.lightgreen[data-theme=dark] {
  --mie-message-description-fg: rgba(124, 179, 66, 0.6);
  --mie-message-title-fg: rgba(124, 179, 66, 0.82);
  --mie-message-overlay: rgba(124, 179, 66, 0.15);
  --mie-message-shade: rgba(124, 179, 66, 0.01);
  --mie-message-outline: #7cb342;
}

[data-theme=dark] .mie.message.deeporange, .mie.message.deeporange[data-theme=dark] {
  --mie-message-description-fg: rgba(244, 81, 30, 0.6);
  --mie-message-title-fg: rgba(244, 81, 30, 0.82);
  --mie-message-overlay: rgba(244, 81, 30, 0.15);
  --mie-message-shade: rgba(244, 81, 30, 0.01);
  --mie-message-outline: #f4511e;
}

[data-theme=dark] .mie.message.light, .mie.message.light[data-theme=dark] {
  --mie-message-description-fg: rgba(255, 255, 255, 0.6);
  --mie-message-title-fg: rgba(255, 255, 255, 0.82);
  --mie-message-overlay: rgba(255, 255, 255, 0.15);
  --mie-message-shade: rgba(255, 255, 255, 0.01);
  --mie-message-outline: rgba(255, 255, 255, 0.82);
}

[data-theme=dark] .mie.message.dark, .mie.message.dark[data-theme=dark] {
  --mie-message-description-fg: rgba(0, 0, 0, 0.6);
  --mie-message-title-fg: rgba(0, 0, 0, 0.82);
  --mie-message-overlay: rgba(0, 0, 0, 0.15);
  --mie-message-shade: rgba(0, 0, 0, 0.01);
  --mie-message-outline: rgba(0, 0, 0, 0.82);
}

:root, [data-theme=light] .mie.tabs, .mie.tabs[data-theme=light] {
  --mie-tabs-bg: #ebebeb;
}

:root, [data-theme=light] .mie.tabs.blue, .mie.tabs.blue[data-theme=light] {
  --mie-tabs-bg-main: rgba(53, 132, 228, 0);
  --mie-tabs-bg-active: rgba(53, 132, 228, 0.2);
  --mie-tabs-bg-hover: rgba(53, 132, 228, 0.3);
  --mie-tabs-bg-transparent: rgba(53, 132, 228, 0);
  --mie-tabs-fg: rgba(53, 132, 228, 0.82);
}

:root, [data-theme=light] .mie.tabs.green, .mie.tabs.green[data-theme=light] {
  --mie-tabs-bg-main: rgba(51, 209, 122, 0);
  --mie-tabs-bg-active: rgba(51, 209, 122, 0.2);
  --mie-tabs-bg-hover: rgba(51, 209, 122, 0.3);
  --mie-tabs-bg-transparent: rgba(51, 209, 122, 0);
  --mie-tabs-fg: rgba(51, 209, 122, 0.82);
}

:root, [data-theme=light] .mie.tabs.yellow, .mie.tabs.yellow[data-theme=light] {
  --mie-tabs-bg-main: rgba(246, 211, 45, 0);
  --mie-tabs-bg-active: rgba(246, 211, 45, 0.2);
  --mie-tabs-bg-hover: rgba(246, 211, 45, 0.3);
  --mie-tabs-bg-transparent: rgba(246, 211, 45, 0);
  --mie-tabs-fg: rgba(246, 211, 45, 0.82);
}

:root, [data-theme=light] .mie.tabs.orange, .mie.tabs.orange[data-theme=light] {
  --mie-tabs-bg-main: rgba(255, 120, 0, 0);
  --mie-tabs-bg-active: rgba(255, 120, 0, 0.2);
  --mie-tabs-bg-hover: rgba(255, 120, 0, 0.3);
  --mie-tabs-bg-transparent: rgba(255, 120, 0, 0);
  --mie-tabs-fg: rgba(255, 120, 0, 0.82);
}

:root, [data-theme=light] .mie.tabs.red, .mie.tabs.red[data-theme=light] {
  --mie-tabs-bg-main: rgba(224, 27, 36, 0);
  --mie-tabs-bg-active: rgba(224, 27, 36, 0.2);
  --mie-tabs-bg-hover: rgba(224, 27, 36, 0.3);
  --mie-tabs-bg-transparent: rgba(224, 27, 36, 0);
  --mie-tabs-fg: rgba(224, 27, 36, 0.82);
}

:root, [data-theme=light] .mie.tabs.purple, .mie.tabs.purple[data-theme=light] {
  --mie-tabs-bg-main: rgba(145, 65, 172, 0);
  --mie-tabs-bg-active: rgba(145, 65, 172, 0.2);
  --mie-tabs-bg-hover: rgba(145, 65, 172, 0.3);
  --mie-tabs-bg-transparent: rgba(145, 65, 172, 0);
  --mie-tabs-fg: rgba(145, 65, 172, 0.82);
}

:root, [data-theme=light] .mie.tabs.brown, .mie.tabs.brown[data-theme=light] {
  --mie-tabs-bg-main: rgba(152, 106, 68, 0);
  --mie-tabs-bg-active: rgba(152, 106, 68, 0.2);
  --mie-tabs-bg-hover: rgba(152, 106, 68, 0.3);
  --mie-tabs-bg-transparent: rgba(152, 106, 68, 0);
  --mie-tabs-fg: rgba(152, 106, 68, 0.82);
}

:root, [data-theme=light] .mie.tabs.pink, .mie.tabs.pink[data-theme=light] {
  --mie-tabs-bg-main: rgba(216, 27, 96, 0);
  --mie-tabs-bg-active: rgba(216, 27, 96, 0.2);
  --mie-tabs-bg-hover: rgba(216, 27, 96, 0.3);
  --mie-tabs-bg-transparent: rgba(216, 27, 96, 0);
  --mie-tabs-fg: rgba(216, 27, 96, 0.82);
}

:root, [data-theme=light] .mie.tabs.deeppurple, .mie.tabs.deeppurple[data-theme=light] {
  --mie-tabs-bg-main: rgba(103, 58, 183, 0);
  --mie-tabs-bg-active: rgba(103, 58, 183, 0.2);
  --mie-tabs-bg-hover: rgba(103, 58, 183, 0.3);
  --mie-tabs-bg-transparent: rgba(103, 58, 183, 0);
  --mie-tabs-fg: rgba(103, 58, 183, 0.82);
}

:root, [data-theme=light] .mie.tabs.indigo, .mie.tabs.indigo[data-theme=light] {
  --mie-tabs-bg-main: rgba(63, 81, 181, 0);
  --mie-tabs-bg-active: rgba(63, 81, 181, 0.2);
  --mie-tabs-bg-hover: rgba(63, 81, 181, 0.3);
  --mie-tabs-bg-transparent: rgba(63, 81, 181, 0);
  --mie-tabs-fg: rgba(63, 81, 181, 0.82);
}

:root, [data-theme=light] .mie.tabs.lightgreen, .mie.tabs.lightgreen[data-theme=light] {
  --mie-tabs-bg-main: rgba(139, 195, 74, 0);
  --mie-tabs-bg-active: rgba(139, 195, 74, 0.2);
  --mie-tabs-bg-hover: rgba(139, 195, 74, 0.3);
  --mie-tabs-bg-transparent: rgba(139, 195, 74, 0);
  --mie-tabs-fg: rgba(139, 195, 74, 0.82);
}

:root, [data-theme=light] .mie.tabs.deeporange, .mie.tabs.deeporange[data-theme=light] {
  --mie-tabs-bg-main: rgba(255, 87, 34, 0);
  --mie-tabs-bg-active: rgba(255, 87, 34, 0.2);
  --mie-tabs-bg-hover: rgba(255, 87, 34, 0.3);
  --mie-tabs-bg-transparent: rgba(255, 87, 34, 0);
  --mie-tabs-fg: rgba(255, 87, 34, 0.82);
}

:root, [data-theme=light] .mie.tabs.light, .mie.tabs.light[data-theme=light] {
  --mie-tabs-bg-main: rgba(255, 255, 255, 0);
  --mie-tabs-bg-active: rgba(255, 255, 255, 0.2);
  --mie-tabs-bg-hover: rgba(255, 255, 255, 0.3);
  --mie-tabs-bg-transparent: rgba(255, 255, 255, 0);
  --mie-tabs-fg: rgba(255, 255, 255, 0.82);
}

:root, [data-theme=light] .mie.tabs.dark, .mie.tabs.dark[data-theme=light] {
  --mie-tabs-bg-main: rgba(0, 0, 0, 0);
  --mie-tabs-bg-active: rgba(0, 0, 0, 0.2);
  --mie-tabs-bg-hover: rgba(0, 0, 0, 0.3);
  --mie-tabs-bg-transparent: rgba(0, 0, 0, 0);
  --mie-tabs-fg: rgba(0, 0, 0, 0.82);
}

[data-theme=dark] .mie.tabs, .mie.tabs[data-theme=dark] {
  --mie-tabs-bg: #494949;
}

[data-theme=dark] .mie.tabs.blue, .mie.tabs.blue[data-theme=dark] {
  --mie-tabs-bg-main: rgba(28, 113, 216, 0);
  --mie-tabs-bg-active: rgba(28, 113, 216, 0.2);
  --mie-tabs-bg-hover: rgba(28, 113, 216, 0.3);
  --mie-tabs-bg-transparent: rgba(28, 113, 216, 0);
  --mie-tabs-fg: rgba(28, 113, 216, 0.82);
}

[data-theme=dark] .mie.tabs.green, .mie.tabs.green[data-theme=dark] {
  --mie-tabs-bg-main: rgba(46, 194, 126, 0);
  --mie-tabs-bg-active: rgba(46, 194, 126, 0.2);
  --mie-tabs-bg-hover: rgba(46, 194, 126, 0.3);
  --mie-tabs-bg-transparent: rgba(46, 194, 126, 0);
  --mie-tabs-fg: rgba(46, 194, 126, 0.82);
}

[data-theme=dark] .mie.tabs.yellow, .mie.tabs.yellow[data-theme=dark] {
  --mie-tabs-bg-main: rgba(245, 194, 17, 0);
  --mie-tabs-bg-active: rgba(245, 194, 17, 0.2);
  --mie-tabs-bg-hover: rgba(245, 194, 17, 0.3);
  --mie-tabs-bg-transparent: rgba(245, 194, 17, 0);
  --mie-tabs-fg: rgba(245, 194, 17, 0.82);
}

[data-theme=dark] .mie.tabs.orange, .mie.tabs.orange[data-theme=dark] {
  --mie-tabs-bg-main: rgba(230, 97, 0, 0);
  --mie-tabs-bg-active: rgba(230, 97, 0, 0.2);
  --mie-tabs-bg-hover: rgba(230, 97, 0, 0.3);
  --mie-tabs-bg-transparent: rgba(230, 97, 0, 0);
  --mie-tabs-fg: rgba(230, 97, 0, 0.82);
}

[data-theme=dark] .mie.tabs.red, .mie.tabs.red[data-theme=dark] {
  --mie-tabs-bg-main: rgba(192, 28, 40, 0);
  --mie-tabs-bg-active: rgba(192, 28, 40, 0.2);
  --mie-tabs-bg-hover: rgba(192, 28, 40, 0.3);
  --mie-tabs-bg-transparent: rgba(192, 28, 40, 0);
  --mie-tabs-fg: rgba(192, 28, 40, 0.82);
}

[data-theme=dark] .mie.tabs.purple, .mie.tabs.purple[data-theme=dark] {
  --mie-tabs-bg-main: rgba(129, 61, 156, 0);
  --mie-tabs-bg-active: rgba(129, 61, 156, 0.2);
  --mie-tabs-bg-hover: rgba(129, 61, 156, 0.3);
  --mie-tabs-bg-transparent: rgba(129, 61, 156, 0);
  --mie-tabs-fg: rgba(129, 61, 156, 0.82);
}

[data-theme=dark] .mie.tabs.brown, .mie.tabs.brown[data-theme=dark] {
  --mie-tabs-bg-main: rgba(134, 94, 60, 0);
  --mie-tabs-bg-active: rgba(134, 94, 60, 0.2);
  --mie-tabs-bg-hover: rgba(134, 94, 60, 0.3);
  --mie-tabs-bg-transparent: rgba(134, 94, 60, 0);
  --mie-tabs-fg: rgba(134, 94, 60, 0.82);
}

[data-theme=dark] .mie.tabs.pink, .mie.tabs.pink[data-theme=dark] {
  --mie-tabs-bg-main: rgba(194, 24, 91, 0);
  --mie-tabs-bg-active: rgba(194, 24, 91, 0.2);
  --mie-tabs-bg-hover: rgba(194, 24, 91, 0.3);
  --mie-tabs-bg-transparent: rgba(194, 24, 91, 0);
  --mie-tabs-fg: rgba(194, 24, 91, 0.82);
}

[data-theme=dark] .mie.tabs.deeppurple, .mie.tabs.deeppurple[data-theme=dark] {
  --mie-tabs-bg-main: rgba(94, 53, 177, 0);
  --mie-tabs-bg-active: rgba(94, 53, 177, 0.2);
  --mie-tabs-bg-hover: rgba(94, 53, 177, 0.3);
  --mie-tabs-bg-transparent: rgba(94, 53, 177, 0);
  --mie-tabs-fg: rgba(94, 53, 177, 0.82);
}

[data-theme=dark] .mie.tabs.indigo, .mie.tabs.indigo[data-theme=dark] {
  --mie-tabs-bg-main: rgba(57, 73, 171, 0);
  --mie-tabs-bg-active: rgba(57, 73, 171, 0.2);
  --mie-tabs-bg-hover: rgba(57, 73, 171, 0.3);
  --mie-tabs-bg-transparent: rgba(57, 73, 171, 0);
  --mie-tabs-fg: rgba(57, 73, 171, 0.82);
}

[data-theme=dark] .mie.tabs.lightgreen, .mie.tabs.lightgreen[data-theme=dark] {
  --mie-tabs-bg-main: rgba(124, 179, 66, 0);
  --mie-tabs-bg-active: rgba(124, 179, 66, 0.2);
  --mie-tabs-bg-hover: rgba(124, 179, 66, 0.3);
  --mie-tabs-bg-transparent: rgba(124, 179, 66, 0);
  --mie-tabs-fg: rgba(124, 179, 66, 0.82);
}

[data-theme=dark] .mie.tabs.deeporange, .mie.tabs.deeporange[data-theme=dark] {
  --mie-tabs-bg-main: rgba(244, 81, 30, 0);
  --mie-tabs-bg-active: rgba(244, 81, 30, 0.2);
  --mie-tabs-bg-hover: rgba(244, 81, 30, 0.3);
  --mie-tabs-bg-transparent: rgba(244, 81, 30, 0);
  --mie-tabs-fg: rgba(244, 81, 30, 0.82);
}

[data-theme=dark] .mie.tabs.light, .mie.tabs.light[data-theme=dark] {
  --mie-tabs-bg-main: rgba(255, 255, 255, 0);
  --mie-tabs-bg-active: rgba(255, 255, 255, 0.2);
  --mie-tabs-bg-hover: rgba(255, 255, 255, 0.3);
  --mie-tabs-bg-transparent: rgba(255, 255, 255, 0);
  --mie-tabs-fg: rgba(255, 255, 255, 0.82);
}

[data-theme=dark] .mie.tabs.dark, .mie.tabs.dark[data-theme=dark] {
  --mie-tabs-bg-main: rgba(0, 0, 0, 0);
  --mie-tabs-bg-active: rgba(0, 0, 0, 0.2);
  --mie-tabs-bg-hover: rgba(0, 0, 0, 0.3);
  --mie-tabs-bg-transparent: rgba(0, 0, 0, 0);
  --mie-tabs-fg: rgba(0, 0, 0, 0.82);
}

:root, [data-theme=light] .mie.tab, .mie.tab[data-theme=light] {
  --mie-tab-bg-active: #e0e0e0;
  --mie-tab-bg-hover: #ededed;
  --mie-tab-bg-main: #fff;
  --mie-tab-fg: rgba(0, 0, 0, 0.82);
}

:root, [data-theme=light] .mie.tab.blue, .mie.tab.blue[data-theme=light] {
  --mie-tab-bg: rgba(53, 132, 228, 0.2);
}

:root, [data-theme=light] .mie.tab.green, .mie.tab.green[data-theme=light] {
  --mie-tab-bg: rgba(51, 209, 122, 0.2);
}

:root, [data-theme=light] .mie.tab.yellow, .mie.tab.yellow[data-theme=light] {
  --mie-tab-bg: rgba(246, 211, 45, 0.2);
}

:root, [data-theme=light] .mie.tab.orange, .mie.tab.orange[data-theme=light] {
  --mie-tab-bg: rgba(255, 120, 0, 0.2);
}

:root, [data-theme=light] .mie.tab.red, .mie.tab.red[data-theme=light] {
  --mie-tab-bg: rgba(224, 27, 36, 0.2);
}

:root, [data-theme=light] .mie.tab.purple, .mie.tab.purple[data-theme=light] {
  --mie-tab-bg: rgba(145, 65, 172, 0.2);
}

:root, [data-theme=light] .mie.tab.brown, .mie.tab.brown[data-theme=light] {
  --mie-tab-bg: rgba(152, 106, 68, 0.2);
}

:root, [data-theme=light] .mie.tab.pink, .mie.tab.pink[data-theme=light] {
  --mie-tab-bg: rgba(216, 27, 96, 0.2);
}

:root, [data-theme=light] .mie.tab.deeppurple, .mie.tab.deeppurple[data-theme=light] {
  --mie-tab-bg: rgba(103, 58, 183, 0.2);
}

:root, [data-theme=light] .mie.tab.indigo, .mie.tab.indigo[data-theme=light] {
  --mie-tab-bg: rgba(63, 81, 181, 0.2);
}

:root, [data-theme=light] .mie.tab.lightgreen, .mie.tab.lightgreen[data-theme=light] {
  --mie-tab-bg: rgba(139, 195, 74, 0.2);
}

:root, [data-theme=light] .mie.tab.deeporange, .mie.tab.deeporange[data-theme=light] {
  --mie-tab-bg: rgba(255, 87, 34, 0.2);
}

:root, [data-theme=light] .mie.tab.light, .mie.tab.light[data-theme=light] {
  --mie-tab-bg: rgba(255, 255, 255, 0.2);
}

:root, [data-theme=light] .mie.tab.dark, .mie.tab.dark[data-theme=light] {
  --mie-tab-bg: rgba(0, 0, 0, 0.2);
}

[data-theme=dark] .mie.tab, .mie.tab[data-theme=dark] {
  --mie-tab-bg-main: rgba(255, 255, 255, 0.15);
  --mie-tab-bg-active: rgba(255, 255, 255, 0.15);
  --mie-tab-bg-hover: rgba(255, 255, 255, 0.2);
  --mie-tab-bg-transparent: rgba(255, 255, 255, 0);
  --mie-tab-fg: #fff;
}

[data-theme=dark] .mie.tab.blue, .mie.tab.blue[data-theme=dark] {
  --mie-tab-bg: rgba(28, 113, 216, 0.2);
}

[data-theme=dark] .mie.tab.green, .mie.tab.green[data-theme=dark] {
  --mie-tab-bg: rgba(46, 194, 126, 0.2);
}

[data-theme=dark] .mie.tab.yellow, .mie.tab.yellow[data-theme=dark] {
  --mie-tab-bg: rgba(245, 194, 17, 0.2);
}

[data-theme=dark] .mie.tab.orange, .mie.tab.orange[data-theme=dark] {
  --mie-tab-bg: rgba(230, 97, 0, 0.2);
}

[data-theme=dark] .mie.tab.red, .mie.tab.red[data-theme=dark] {
  --mie-tab-bg: rgba(192, 28, 40, 0.2);
}

[data-theme=dark] .mie.tab.purple, .mie.tab.purple[data-theme=dark] {
  --mie-tab-bg: rgba(129, 61, 156, 0.2);
}

[data-theme=dark] .mie.tab.brown, .mie.tab.brown[data-theme=dark] {
  --mie-tab-bg: rgba(134, 94, 60, 0.2);
}

[data-theme=dark] .mie.tab.pink, .mie.tab.pink[data-theme=dark] {
  --mie-tab-bg: rgba(194, 24, 91, 0.2);
}

[data-theme=dark] .mie.tab.deeppurple, .mie.tab.deeppurple[data-theme=dark] {
  --mie-tab-bg: rgba(94, 53, 177, 0.2);
}

[data-theme=dark] .mie.tab.indigo, .mie.tab.indigo[data-theme=dark] {
  --mie-tab-bg: rgba(57, 73, 171, 0.2);
}

[data-theme=dark] .mie.tab.lightgreen, .mie.tab.lightgreen[data-theme=dark] {
  --mie-tab-bg: rgba(124, 179, 66, 0.2);
}

[data-theme=dark] .mie.tab.deeporange, .mie.tab.deeporange[data-theme=dark] {
  --mie-tab-bg: rgba(244, 81, 30, 0.2);
}

[data-theme=dark] .mie.tab.light, .mie.tab.light[data-theme=dark] {
  --mie-tab-bg: rgba(255, 255, 255, 0.2);
}

[data-theme=dark] .mie.tab.dark, .mie.tab.dark[data-theme=dark] {
  --mie-tab-bg: rgba(0, 0, 0, 0.2);
}

:root, [data-theme=light] .mie, .mie[data-theme=light] {
  --mie-scroll-thumb-bg: rgba(0, 0, 0, 0.15);
  --mie-scroll-track-bg: rgba(0, 0, 0, 0);
}

:root, [data-theme=light] .mie.blue, .mie.blue[data-theme=light] {
  --mie-scroll-track-bg: rgba(53, 132, 228, 0.02);
  --mie-scroll-thumb-bg: rgba(53, 132, 228, 0.15);
}

:root, [data-theme=light] .mie.green, .mie.green[data-theme=light] {
  --mie-scroll-track-bg: rgba(51, 209, 122, 0.02);
  --mie-scroll-thumb-bg: rgba(51, 209, 122, 0.15);
}

:root, [data-theme=light] .mie.yellow, .mie.yellow[data-theme=light] {
  --mie-scroll-track-bg: rgba(246, 211, 45, 0.02);
  --mie-scroll-thumb-bg: rgba(246, 211, 45, 0.15);
}

:root, [data-theme=light] .mie.orange, .mie.orange[data-theme=light] {
  --mie-scroll-track-bg: rgba(255, 120, 0, 0.02);
  --mie-scroll-thumb-bg: rgba(255, 120, 0, 0.15);
}

:root, [data-theme=light] .mie.red, .mie.red[data-theme=light] {
  --mie-scroll-track-bg: rgba(224, 27, 36, 0.02);
  --mie-scroll-thumb-bg: rgba(224, 27, 36, 0.15);
}

:root, [data-theme=light] .mie.purple, .mie.purple[data-theme=light] {
  --mie-scroll-track-bg: rgba(145, 65, 172, 0.02);
  --mie-scroll-thumb-bg: rgba(145, 65, 172, 0.15);
}

:root, [data-theme=light] .mie.brown, .mie.brown[data-theme=light] {
  --mie-scroll-track-bg: rgba(152, 106, 68, 0.02);
  --mie-scroll-thumb-bg: rgba(152, 106, 68, 0.15);
}

:root, [data-theme=light] .mie.pink, .mie.pink[data-theme=light] {
  --mie-scroll-track-bg: rgba(216, 27, 96, 0.02);
  --mie-scroll-thumb-bg: rgba(216, 27, 96, 0.15);
}

:root, [data-theme=light] .mie.deeppurple, .mie.deeppurple[data-theme=light] {
  --mie-scroll-track-bg: rgba(103, 58, 183, 0.02);
  --mie-scroll-thumb-bg: rgba(103, 58, 183, 0.15);
}

:root, [data-theme=light] .mie.indigo, .mie.indigo[data-theme=light] {
  --mie-scroll-track-bg: rgba(63, 81, 181, 0.02);
  --mie-scroll-thumb-bg: rgba(63, 81, 181, 0.15);
}

:root, [data-theme=light] .mie.lightgreen, .mie.lightgreen[data-theme=light] {
  --mie-scroll-track-bg: rgba(139, 195, 74, 0.02);
  --mie-scroll-thumb-bg: rgba(139, 195, 74, 0.15);
}

:root, [data-theme=light] .mie.deeporange, .mie.deeporange[data-theme=light] {
  --mie-scroll-track-bg: rgba(255, 87, 34, 0.02);
  --mie-scroll-thumb-bg: rgba(255, 87, 34, 0.15);
}

:root, [data-theme=light] .mie.light, .mie.light[data-theme=light] {
  --mie-scroll-track-bg: rgba(255, 255, 255, 0.02);
  --mie-scroll-thumb-bg: rgba(255, 255, 255, 0.15);
}

:root, [data-theme=light] .mie.dark, .mie.dark[data-theme=light] {
  --mie-scroll-track-bg: rgba(0, 0, 0, 0.02);
  --mie-scroll-thumb-bg: rgba(0, 0, 0, 0.15);
}

[data-theme=dark] .mie, .mie[data-theme=dark] {
  --mie-scroll-thumb-bg: rgba(255, 255, 255, 0.15);
  --mie-scroll-track-bg: rgba(255, 255, 255, 0);
}

[data-theme=dark] .mie.blue, .mie.blue[data-theme=dark] {
  --mie-scroll-track-bg: rgba(28, 113, 216, 0.02);
  --mie-scroll-thumb-bg: rgba(28, 113, 216, 0.15);
}

[data-theme=dark] .mie.green, .mie.green[data-theme=dark] {
  --mie-scroll-track-bg: rgba(46, 194, 126, 0.02);
  --mie-scroll-thumb-bg: rgba(46, 194, 126, 0.15);
}

[data-theme=dark] .mie.yellow, .mie.yellow[data-theme=dark] {
  --mie-scroll-track-bg: rgba(245, 194, 17, 0.02);
  --mie-scroll-thumb-bg: rgba(245, 194, 17, 0.15);
}

[data-theme=dark] .mie.orange, .mie.orange[data-theme=dark] {
  --mie-scroll-track-bg: rgba(230, 97, 0, 0.02);
  --mie-scroll-thumb-bg: rgba(230, 97, 0, 0.15);
}

[data-theme=dark] .mie.red, .mie.red[data-theme=dark] {
  --mie-scroll-track-bg: rgba(192, 28, 40, 0.02);
  --mie-scroll-thumb-bg: rgba(192, 28, 40, 0.15);
}

[data-theme=dark] .mie.purple, .mie.purple[data-theme=dark] {
  --mie-scroll-track-bg: rgba(129, 61, 156, 0.02);
  --mie-scroll-thumb-bg: rgba(129, 61, 156, 0.15);
}

[data-theme=dark] .mie.brown, .mie.brown[data-theme=dark] {
  --mie-scroll-track-bg: rgba(134, 94, 60, 0.02);
  --mie-scroll-thumb-bg: rgba(134, 94, 60, 0.15);
}

[data-theme=dark] .mie.pink, .mie.pink[data-theme=dark] {
  --mie-scroll-track-bg: rgba(194, 24, 91, 0.02);
  --mie-scroll-thumb-bg: rgba(194, 24, 91, 0.15);
}

[data-theme=dark] .mie.deeppurple, .mie.deeppurple[data-theme=dark] {
  --mie-scroll-track-bg: rgba(94, 53, 177, 0.02);
  --mie-scroll-thumb-bg: rgba(94, 53, 177, 0.15);
}

[data-theme=dark] .mie.indigo, .mie.indigo[data-theme=dark] {
  --mie-scroll-track-bg: rgba(57, 73, 171, 0.02);
  --mie-scroll-thumb-bg: rgba(57, 73, 171, 0.15);
}

[data-theme=dark] .mie.lightgreen, .mie.lightgreen[data-theme=dark] {
  --mie-scroll-track-bg: rgba(124, 179, 66, 0.02);
  --mie-scroll-thumb-bg: rgba(124, 179, 66, 0.15);
}

[data-theme=dark] .mie.deeporange, .mie.deeporange[data-theme=dark] {
  --mie-scroll-track-bg: rgba(244, 81, 30, 0.02);
  --mie-scroll-thumb-bg: rgba(244, 81, 30, 0.15);
}

[data-theme=dark] .mie.light, .mie.light[data-theme=dark] {
  --mie-scroll-track-bg: rgba(255, 255, 255, 0.02);
  --mie-scroll-thumb-bg: rgba(255, 255, 255, 0.15);
}

[data-theme=dark] .mie.dark, .mie.dark[data-theme=dark] {
  --mie-scroll-track-bg: rgba(0, 0, 0, 0.02);
  --mie-scroll-thumb-bg: rgba(0, 0, 0, 0.15);
}

:root, [data-theme=light] .mie.shadow, .mie.shadow[data-theme=light] {
  --mie-shadow-inner: 0 0.2rem 2.5rem 0 rgba(0, 0, 0, 0.05) inset;
  --mie-shadow-outer: 0 0 0 0.1rem rgba(0, 0, 0, 0.03), 0 0.1rem 0.3rem 0.1rem rgba(0, 0, 0, 0.07), 0 0.2rem 0.6rem 0.2rem rgba(0, 0, 0, 0.03);
}

:root, [data-theme=light] .mie.shadow.blue, .mie.shadow.blue[data-theme=light] {
  --mie-shadow-inner: 0 0.2rem 2.5rem 0 rgba(53, 132, 228, 0.05) inset;
  --mie-shadow-outer: 0 0 0 0.1rem rgba(53, 132, 228, 0.03), 0 0.1rem 0.3rem 0.1rem rgba(53, 132, 228, 0.07), 0 0.2rem 0.6rem 0.2rem rgba(53, 132, 228, 0.03);
}

:root, [data-theme=light] .mie.shadow.green, .mie.shadow.green[data-theme=light] {
  --mie-shadow-inner: 0 0.2rem 2.5rem 0 rgba(51, 209, 122, 0.05) inset;
  --mie-shadow-outer: 0 0 0 0.1rem rgba(51, 209, 122, 0.03), 0 0.1rem 0.3rem 0.1rem rgba(51, 209, 122, 0.07), 0 0.2rem 0.6rem 0.2rem rgba(51, 209, 122, 0.03);
}

:root, [data-theme=light] .mie.shadow.yellow, .mie.shadow.yellow[data-theme=light] {
  --mie-shadow-inner: 0 0.2rem 2.5rem 0 rgba(246, 211, 45, 0.05) inset;
  --mie-shadow-outer: 0 0 0 0.1rem rgba(246, 211, 45, 0.03), 0 0.1rem 0.3rem 0.1rem rgba(246, 211, 45, 0.07), 0 0.2rem 0.6rem 0.2rem rgba(246, 211, 45, 0.03);
}

:root, [data-theme=light] .mie.shadow.orange, .mie.shadow.orange[data-theme=light] {
  --mie-shadow-inner: 0 0.2rem 2.5rem 0 rgba(255, 120, 0, 0.05) inset;
  --mie-shadow-outer: 0 0 0 0.1rem rgba(255, 120, 0, 0.03), 0 0.1rem 0.3rem 0.1rem rgba(255, 120, 0, 0.07), 0 0.2rem 0.6rem 0.2rem rgba(255, 120, 0, 0.03);
}

:root, [data-theme=light] .mie.shadow.red, .mie.shadow.red[data-theme=light] {
  --mie-shadow-inner: 0 0.2rem 2.5rem 0 rgba(224, 27, 36, 0.05) inset;
  --mie-shadow-outer: 0 0 0 0.1rem rgba(224, 27, 36, 0.03), 0 0.1rem 0.3rem 0.1rem rgba(224, 27, 36, 0.07), 0 0.2rem 0.6rem 0.2rem rgba(224, 27, 36, 0.03);
}

:root, [data-theme=light] .mie.shadow.purple, .mie.shadow.purple[data-theme=light] {
  --mie-shadow-inner: 0 0.2rem 2.5rem 0 rgba(145, 65, 172, 0.05) inset;
  --mie-shadow-outer: 0 0 0 0.1rem rgba(145, 65, 172, 0.03), 0 0.1rem 0.3rem 0.1rem rgba(145, 65, 172, 0.07), 0 0.2rem 0.6rem 0.2rem rgba(145, 65, 172, 0.03);
}

:root, [data-theme=light] .mie.shadow.brown, .mie.shadow.brown[data-theme=light] {
  --mie-shadow-inner: 0 0.2rem 2.5rem 0 rgba(152, 106, 68, 0.05) inset;
  --mie-shadow-outer: 0 0 0 0.1rem rgba(152, 106, 68, 0.03), 0 0.1rem 0.3rem 0.1rem rgba(152, 106, 68, 0.07), 0 0.2rem 0.6rem 0.2rem rgba(152, 106, 68, 0.03);
}

:root, [data-theme=light] .mie.shadow.pink, .mie.shadow.pink[data-theme=light] {
  --mie-shadow-inner: 0 0.2rem 2.5rem 0 rgba(216, 27, 96, 0.05) inset;
  --mie-shadow-outer: 0 0 0 0.1rem rgba(216, 27, 96, 0.03), 0 0.1rem 0.3rem 0.1rem rgba(216, 27, 96, 0.07), 0 0.2rem 0.6rem 0.2rem rgba(216, 27, 96, 0.03);
}

:root, [data-theme=light] .mie.shadow.deeppurple, .mie.shadow.deeppurple[data-theme=light] {
  --mie-shadow-inner: 0 0.2rem 2.5rem 0 rgba(103, 58, 183, 0.05) inset;
  --mie-shadow-outer: 0 0 0 0.1rem rgba(103, 58, 183, 0.03), 0 0.1rem 0.3rem 0.1rem rgba(103, 58, 183, 0.07), 0 0.2rem 0.6rem 0.2rem rgba(103, 58, 183, 0.03);
}

:root, [data-theme=light] .mie.shadow.indigo, .mie.shadow.indigo[data-theme=light] {
  --mie-shadow-inner: 0 0.2rem 2.5rem 0 rgba(63, 81, 181, 0.05) inset;
  --mie-shadow-outer: 0 0 0 0.1rem rgba(63, 81, 181, 0.03), 0 0.1rem 0.3rem 0.1rem rgba(63, 81, 181, 0.07), 0 0.2rem 0.6rem 0.2rem rgba(63, 81, 181, 0.03);
}

:root, [data-theme=light] .mie.shadow.lightgreen, .mie.shadow.lightgreen[data-theme=light] {
  --mie-shadow-inner: 0 0.2rem 2.5rem 0 rgba(139, 195, 74, 0.05) inset;
  --mie-shadow-outer: 0 0 0 0.1rem rgba(139, 195, 74, 0.03), 0 0.1rem 0.3rem 0.1rem rgba(139, 195, 74, 0.07), 0 0.2rem 0.6rem 0.2rem rgba(139, 195, 74, 0.03);
}

:root, [data-theme=light] .mie.shadow.deeporange, .mie.shadow.deeporange[data-theme=light] {
  --mie-shadow-inner: 0 0.2rem 2.5rem 0 rgba(255, 87, 34, 0.05) inset;
  --mie-shadow-outer: 0 0 0 0.1rem rgba(255, 87, 34, 0.03), 0 0.1rem 0.3rem 0.1rem rgba(255, 87, 34, 0.07), 0 0.2rem 0.6rem 0.2rem rgba(255, 87, 34, 0.03);
}

:root, [data-theme=light] .mie.shadow.light, .mie.shadow.light[data-theme=light] {
  --mie-shadow-inner: 0 0.2rem 2.5rem 0 rgba(255, 255, 255, 0.05) inset;
  --mie-shadow-outer: 0 0 0 0.1rem rgba(255, 255, 255, 0.03), 0 0.1rem 0.3rem 0.1rem rgba(255, 255, 255, 0.07), 0 0.2rem 0.6rem 0.2rem rgba(255, 255, 255, 0.03);
}

:root, [data-theme=light] .mie.shadow.dark, .mie.shadow.dark[data-theme=light] {
  --mie-shadow-inner: 0 0.2rem 2.5rem 0 rgba(0, 0, 0, 0.05) inset;
  --mie-shadow-outer: 0 0 0 0.1rem rgba(0, 0, 0, 0.03), 0 0.1rem 0.3rem 0.1rem rgba(0, 0, 0, 0.07), 0 0.2rem 0.6rem 0.2rem rgba(0, 0, 0, 0.03);
}

[data-theme=dark] .mie.shadow, .mie.shadow[data-theme=dark] {
  --mie-shadow-inner: 0 0.2rem 2.5rem 0 rgba(0, 0, 0, 0.05) inset;
  --mie-shadow-outer: 0 0 0 0.1rem rgba(0, 0, 0, 0.03), 0 0.1rem 0.3rem 0.1rem rgba(0, 0, 0, 0.07), 0 0.2rem 0.6rem 0.2rem rgba(0, 0, 0, 0.03);
}

[data-theme=dark] .mie.shadow.blue, .mie.shadow.blue[data-theme=dark] {
  --mie-shadow-inner: 0 0.2rem 2.5rem 0 rgba(28, 113, 216, 0.05) inset;
  --mie-shadow-outer: 0 0 0 0.1rem rgba(28, 113, 216, 0.03), 0 0.1rem 0.3rem 0.1rem rgba(28, 113, 216, 0.07), 0 0.2rem 0.6rem 0.2rem rgba(28, 113, 216, 0.03);
}

[data-theme=dark] .mie.shadow.green, .mie.shadow.green[data-theme=dark] {
  --mie-shadow-inner: 0 0.2rem 2.5rem 0 rgba(46, 194, 126, 0.05) inset;
  --mie-shadow-outer: 0 0 0 0.1rem rgba(46, 194, 126, 0.03), 0 0.1rem 0.3rem 0.1rem rgba(46, 194, 126, 0.07), 0 0.2rem 0.6rem 0.2rem rgba(46, 194, 126, 0.03);
}

[data-theme=dark] .mie.shadow.yellow, .mie.shadow.yellow[data-theme=dark] {
  --mie-shadow-inner: 0 0.2rem 2.5rem 0 rgba(245, 194, 17, 0.05) inset;
  --mie-shadow-outer: 0 0 0 0.1rem rgba(245, 194, 17, 0.03), 0 0.1rem 0.3rem 0.1rem rgba(245, 194, 17, 0.07), 0 0.2rem 0.6rem 0.2rem rgba(245, 194, 17, 0.03);
}

[data-theme=dark] .mie.shadow.orange, .mie.shadow.orange[data-theme=dark] {
  --mie-shadow-inner: 0 0.2rem 2.5rem 0 rgba(230, 97, 0, 0.05) inset;
  --mie-shadow-outer: 0 0 0 0.1rem rgba(230, 97, 0, 0.03), 0 0.1rem 0.3rem 0.1rem rgba(230, 97, 0, 0.07), 0 0.2rem 0.6rem 0.2rem rgba(230, 97, 0, 0.03);
}

[data-theme=dark] .mie.shadow.red, .mie.shadow.red[data-theme=dark] {
  --mie-shadow-inner: 0 0.2rem 2.5rem 0 rgba(192, 28, 40, 0.05) inset;
  --mie-shadow-outer: 0 0 0 0.1rem rgba(192, 28, 40, 0.03), 0 0.1rem 0.3rem 0.1rem rgba(192, 28, 40, 0.07), 0 0.2rem 0.6rem 0.2rem rgba(192, 28, 40, 0.03);
}

[data-theme=dark] .mie.shadow.purple, .mie.shadow.purple[data-theme=dark] {
  --mie-shadow-inner: 0 0.2rem 2.5rem 0 rgba(129, 61, 156, 0.05) inset;
  --mie-shadow-outer: 0 0 0 0.1rem rgba(129, 61, 156, 0.03), 0 0.1rem 0.3rem 0.1rem rgba(129, 61, 156, 0.07), 0 0.2rem 0.6rem 0.2rem rgba(129, 61, 156, 0.03);
}

[data-theme=dark] .mie.shadow.brown, .mie.shadow.brown[data-theme=dark] {
  --mie-shadow-inner: 0 0.2rem 2.5rem 0 rgba(134, 94, 60, 0.05) inset;
  --mie-shadow-outer: 0 0 0 0.1rem rgba(134, 94, 60, 0.03), 0 0.1rem 0.3rem 0.1rem rgba(134, 94, 60, 0.07), 0 0.2rem 0.6rem 0.2rem rgba(134, 94, 60, 0.03);
}

[data-theme=dark] .mie.shadow.pink, .mie.shadow.pink[data-theme=dark] {
  --mie-shadow-inner: 0 0.2rem 2.5rem 0 rgba(194, 24, 91, 0.05) inset;
  --mie-shadow-outer: 0 0 0 0.1rem rgba(194, 24, 91, 0.03), 0 0.1rem 0.3rem 0.1rem rgba(194, 24, 91, 0.07), 0 0.2rem 0.6rem 0.2rem rgba(194, 24, 91, 0.03);
}

[data-theme=dark] .mie.shadow.deeppurple, .mie.shadow.deeppurple[data-theme=dark] {
  --mie-shadow-inner: 0 0.2rem 2.5rem 0 rgba(94, 53, 177, 0.05) inset;
  --mie-shadow-outer: 0 0 0 0.1rem rgba(94, 53, 177, 0.03), 0 0.1rem 0.3rem 0.1rem rgba(94, 53, 177, 0.07), 0 0.2rem 0.6rem 0.2rem rgba(94, 53, 177, 0.03);
}

[data-theme=dark] .mie.shadow.indigo, .mie.shadow.indigo[data-theme=dark] {
  --mie-shadow-inner: 0 0.2rem 2.5rem 0 rgba(57, 73, 171, 0.05) inset;
  --mie-shadow-outer: 0 0 0 0.1rem rgba(57, 73, 171, 0.03), 0 0.1rem 0.3rem 0.1rem rgba(57, 73, 171, 0.07), 0 0.2rem 0.6rem 0.2rem rgba(57, 73, 171, 0.03);
}

[data-theme=dark] .mie.shadow.lightgreen, .mie.shadow.lightgreen[data-theme=dark] {
  --mie-shadow-inner: 0 0.2rem 2.5rem 0 rgba(124, 179, 66, 0.05) inset;
  --mie-shadow-outer: 0 0 0 0.1rem rgba(124, 179, 66, 0.03), 0 0.1rem 0.3rem 0.1rem rgba(124, 179, 66, 0.07), 0 0.2rem 0.6rem 0.2rem rgba(124, 179, 66, 0.03);
}

[data-theme=dark] .mie.shadow.deeporange, .mie.shadow.deeporange[data-theme=dark] {
  --mie-shadow-inner: 0 0.2rem 2.5rem 0 rgba(244, 81, 30, 0.05) inset;
  --mie-shadow-outer: 0 0 0 0.1rem rgba(244, 81, 30, 0.03), 0 0.1rem 0.3rem 0.1rem rgba(244, 81, 30, 0.07), 0 0.2rem 0.6rem 0.2rem rgba(244, 81, 30, 0.03);
}

[data-theme=dark] .mie.shadow.light, .mie.shadow.light[data-theme=dark] {
  --mie-shadow-inner: 0 0.2rem 2.5rem 0 rgba(255, 255, 255, 0.05) inset;
  --mie-shadow-outer: 0 0 0 0.1rem rgba(255, 255, 255, 0.03), 0 0.1rem 0.3rem 0.1rem rgba(255, 255, 255, 0.07), 0 0.2rem 0.6rem 0.2rem rgba(255, 255, 255, 0.03);
}

[data-theme=dark] .mie.shadow.dark, .mie.shadow.dark[data-theme=dark] {
  --mie-shadow-inner: 0 0.2rem 2.5rem 0 rgba(0, 0, 0, 0.05) inset;
  --mie-shadow-outer: 0 0 0 0.1rem rgba(0, 0, 0, 0.03), 0 0.1rem 0.3rem 0.1rem rgba(0, 0, 0, 0.07), 0 0.2rem 0.6rem 0.2rem rgba(0, 0, 0, 0.03);
}

:root, [data-theme=light] .mie.sidebar, .mie.sidebar[data-theme=light] {
  --mie-sidebar-bg-main: #ebebeb;
  --mie-sidebar-bg-overlay: transparent;
}

:root, [data-theme=light] .mie.sidebar.blue, .mie.sidebar.blue[data-theme=light] {
  --mie-sidebar-bg-overlay: rgba(53, 132, 228, 0.2);
}

:root, [data-theme=light] .mie.sidebar.green, .mie.sidebar.green[data-theme=light] {
  --mie-sidebar-bg-overlay: rgba(51, 209, 122, 0.2);
}

:root, [data-theme=light] .mie.sidebar.yellow, .mie.sidebar.yellow[data-theme=light] {
  --mie-sidebar-bg-overlay: rgba(246, 211, 45, 0.2);
}

:root, [data-theme=light] .mie.sidebar.orange, .mie.sidebar.orange[data-theme=light] {
  --mie-sidebar-bg-overlay: rgba(255, 120, 0, 0.2);
}

:root, [data-theme=light] .mie.sidebar.red, .mie.sidebar.red[data-theme=light] {
  --mie-sidebar-bg-overlay: rgba(224, 27, 36, 0.2);
}

:root, [data-theme=light] .mie.sidebar.purple, .mie.sidebar.purple[data-theme=light] {
  --mie-sidebar-bg-overlay: rgba(145, 65, 172, 0.2);
}

:root, [data-theme=light] .mie.sidebar.brown, .mie.sidebar.brown[data-theme=light] {
  --mie-sidebar-bg-overlay: rgba(152, 106, 68, 0.2);
}

:root, [data-theme=light] .mie.sidebar.pink, .mie.sidebar.pink[data-theme=light] {
  --mie-sidebar-bg-overlay: rgba(216, 27, 96, 0.2);
}

:root, [data-theme=light] .mie.sidebar.deeppurple, .mie.sidebar.deeppurple[data-theme=light] {
  --mie-sidebar-bg-overlay: rgba(103, 58, 183, 0.2);
}

:root, [data-theme=light] .mie.sidebar.indigo, .mie.sidebar.indigo[data-theme=light] {
  --mie-sidebar-bg-overlay: rgba(63, 81, 181, 0.2);
}

:root, [data-theme=light] .mie.sidebar.lightgreen, .mie.sidebar.lightgreen[data-theme=light] {
  --mie-sidebar-bg-overlay: rgba(139, 195, 74, 0.2);
}

:root, [data-theme=light] .mie.sidebar.deeporange, .mie.sidebar.deeporange[data-theme=light] {
  --mie-sidebar-bg-overlay: rgba(255, 87, 34, 0.2);
}

:root, [data-theme=light] .mie.sidebar.light, .mie.sidebar.light[data-theme=light] {
  --mie-sidebar-bg-overlay: rgba(255, 255, 255, 0.2);
}

:root, [data-theme=light] .mie.sidebar.dark, .mie.sidebar.dark[data-theme=light] {
  --mie-sidebar-bg-overlay: rgba(0, 0, 0, 0.2);
}

[data-theme=dark] .mie.sidebar, .mie.sidebar[data-theme=dark] {
  --mie-sidebar-bg-main: #303030;
  --mie-sidebar-bg-overlay: transparent;
}

[data-theme=dark] .mie.sidebar.blue, .mie.sidebar.blue[data-theme=dark] {
  --mie-sidebar-bg-overlay: rgba(28, 113, 216, 0.2);
}

[data-theme=dark] .mie.sidebar.green, .mie.sidebar.green[data-theme=dark] {
  --mie-sidebar-bg-overlay: rgba(46, 194, 126, 0.2);
}

[data-theme=dark] .mie.sidebar.yellow, .mie.sidebar.yellow[data-theme=dark] {
  --mie-sidebar-bg-overlay: rgba(245, 194, 17, 0.2);
}

[data-theme=dark] .mie.sidebar.orange, .mie.sidebar.orange[data-theme=dark] {
  --mie-sidebar-bg-overlay: rgba(230, 97, 0, 0.2);
}

[data-theme=dark] .mie.sidebar.red, .mie.sidebar.red[data-theme=dark] {
  --mie-sidebar-bg-overlay: rgba(192, 28, 40, 0.2);
}

[data-theme=dark] .mie.sidebar.purple, .mie.sidebar.purple[data-theme=dark] {
  --mie-sidebar-bg-overlay: rgba(129, 61, 156, 0.2);
}

[data-theme=dark] .mie.sidebar.brown, .mie.sidebar.brown[data-theme=dark] {
  --mie-sidebar-bg-overlay: rgba(134, 94, 60, 0.2);
}

[data-theme=dark] .mie.sidebar.pink, .mie.sidebar.pink[data-theme=dark] {
  --mie-sidebar-bg-overlay: rgba(194, 24, 91, 0.2);
}

[data-theme=dark] .mie.sidebar.deeppurple, .mie.sidebar.deeppurple[data-theme=dark] {
  --mie-sidebar-bg-overlay: rgba(94, 53, 177, 0.2);
}

[data-theme=dark] .mie.sidebar.indigo, .mie.sidebar.indigo[data-theme=dark] {
  --mie-sidebar-bg-overlay: rgba(57, 73, 171, 0.2);
}

[data-theme=dark] .mie.sidebar.lightgreen, .mie.sidebar.lightgreen[data-theme=dark] {
  --mie-sidebar-bg-overlay: rgba(124, 179, 66, 0.2);
}

[data-theme=dark] .mie.sidebar.deeporange, .mie.sidebar.deeporange[data-theme=dark] {
  --mie-sidebar-bg-overlay: rgba(244, 81, 30, 0.2);
}

[data-theme=dark] .mie.sidebar.light, .mie.sidebar.light[data-theme=dark] {
  --mie-sidebar-bg-overlay: rgba(255, 255, 255, 0.2);
}

[data-theme=dark] .mie.sidebar.dark, .mie.sidebar.dark[data-theme=dark] {
  --mie-sidebar-bg-overlay: rgba(0, 0, 0, 0.2);
}

:root, [data-theme=light] .mie.splitview, .mie.splitview[data-theme=light] {
  --mie-splitview-divider-bg: rgba(0, 0, 0, 0.07);
  --mie-splitview-overlay-bg: rgba(0, 0, 0, 0.4);
  --mie-splitview-bg-overlay: transparent;
  --mie-splitview-bg-main: #fafafa;
}

:root, [data-theme=light] .mie.splitview.blue, .mie.splitview.blue[data-theme=light] {
  --mie-splitview-bg-overlay: rgba(53, 132, 228, 0.07);
}

:root, [data-theme=light] .mie.splitview.green, .mie.splitview.green[data-theme=light] {
  --mie-splitview-bg-overlay: rgba(51, 209, 122, 0.07);
}

:root, [data-theme=light] .mie.splitview.yellow, .mie.splitview.yellow[data-theme=light] {
  --mie-splitview-bg-overlay: rgba(246, 211, 45, 0.07);
}

:root, [data-theme=light] .mie.splitview.orange, .mie.splitview.orange[data-theme=light] {
  --mie-splitview-bg-overlay: rgba(255, 120, 0, 0.07);
}

:root, [data-theme=light] .mie.splitview.red, .mie.splitview.red[data-theme=light] {
  --mie-splitview-bg-overlay: rgba(224, 27, 36, 0.07);
}

:root, [data-theme=light] .mie.splitview.purple, .mie.splitview.purple[data-theme=light] {
  --mie-splitview-bg-overlay: rgba(145, 65, 172, 0.07);
}

:root, [data-theme=light] .mie.splitview.brown, .mie.splitview.brown[data-theme=light] {
  --mie-splitview-bg-overlay: rgba(152, 106, 68, 0.07);
}

:root, [data-theme=light] .mie.splitview.pink, .mie.splitview.pink[data-theme=light] {
  --mie-splitview-bg-overlay: rgba(216, 27, 96, 0.07);
}

:root, [data-theme=light] .mie.splitview.deeppurple, .mie.splitview.deeppurple[data-theme=light] {
  --mie-splitview-bg-overlay: rgba(103, 58, 183, 0.07);
}

:root, [data-theme=light] .mie.splitview.indigo, .mie.splitview.indigo[data-theme=light] {
  --mie-splitview-bg-overlay: rgba(63, 81, 181, 0.07);
}

:root, [data-theme=light] .mie.splitview.lightgreen, .mie.splitview.lightgreen[data-theme=light] {
  --mie-splitview-bg-overlay: rgba(139, 195, 74, 0.07);
}

:root, [data-theme=light] .mie.splitview.deeporange, .mie.splitview.deeporange[data-theme=light] {
  --mie-splitview-bg-overlay: rgba(255, 87, 34, 0.07);
}

:root, [data-theme=light] .mie.splitview.light, .mie.splitview.light[data-theme=light] {
  --mie-splitview-bg-overlay: rgba(255, 255, 255, 0.07);
}

:root, [data-theme=light] .mie.splitview.dark, .mie.splitview.dark[data-theme=light] {
  --mie-splitview-bg-overlay: rgba(0, 0, 0, 0.07);
}

[data-theme=dark] .mie.splitview, .mie.splitview[data-theme=dark] {
  --mie-splitview-divider-bg: rgba(22, 11, 11, 0.36);
  --mie-splitview-overlay-bg: rgba(0, 0, 0, 0.4);
  --mie-splitview-bg-overlay: transparent;
  --mie-splitview-bg-main: #242424;
}

[data-theme=dark] .mie.splitview.blue, .mie.splitview.blue[data-theme=dark] {
  --mie-splitview-bg-overlay: rgba(28, 113, 216, 0.07);
}

[data-theme=dark] .mie.splitview.green, .mie.splitview.green[data-theme=dark] {
  --mie-splitview-bg-overlay: rgba(46, 194, 126, 0.07);
}

[data-theme=dark] .mie.splitview.yellow, .mie.splitview.yellow[data-theme=dark] {
  --mie-splitview-bg-overlay: rgba(245, 194, 17, 0.07);
}

[data-theme=dark] .mie.splitview.orange, .mie.splitview.orange[data-theme=dark] {
  --mie-splitview-bg-overlay: rgba(230, 97, 0, 0.07);
}

[data-theme=dark] .mie.splitview.red, .mie.splitview.red[data-theme=dark] {
  --mie-splitview-bg-overlay: rgba(192, 28, 40, 0.07);
}

[data-theme=dark] .mie.splitview.purple, .mie.splitview.purple[data-theme=dark] {
  --mie-splitview-bg-overlay: rgba(129, 61, 156, 0.07);
}

[data-theme=dark] .mie.splitview.brown, .mie.splitview.brown[data-theme=dark] {
  --mie-splitview-bg-overlay: rgba(134, 94, 60, 0.07);
}

[data-theme=dark] .mie.splitview.pink, .mie.splitview.pink[data-theme=dark] {
  --mie-splitview-bg-overlay: rgba(194, 24, 91, 0.07);
}

[data-theme=dark] .mie.splitview.deeppurple, .mie.splitview.deeppurple[data-theme=dark] {
  --mie-splitview-bg-overlay: rgba(94, 53, 177, 0.07);
}

[data-theme=dark] .mie.splitview.indigo, .mie.splitview.indigo[data-theme=dark] {
  --mie-splitview-bg-overlay: rgba(57, 73, 171, 0.07);
}

[data-theme=dark] .mie.splitview.lightgreen, .mie.splitview.lightgreen[data-theme=dark] {
  --mie-splitview-bg-overlay: rgba(124, 179, 66, 0.07);
}

[data-theme=dark] .mie.splitview.deeporange, .mie.splitview.deeporange[data-theme=dark] {
  --mie-splitview-bg-overlay: rgba(244, 81, 30, 0.07);
}

[data-theme=dark] .mie.splitview.light, .mie.splitview.light[data-theme=dark] {
  --mie-splitview-bg-overlay: rgba(255, 255, 255, 0.07);
}

[data-theme=dark] .mie.splitview.dark, .mie.splitview.dark[data-theme=dark] {
  --mie-splitview-bg-overlay: rgba(0, 0, 0, 0.07);
}

:root, [data-theme=light] .mie.view, .mie.view[data-theme=light] {
  --mie-view-overlay: transparent;
  --mie-view-bg: transparent;
  --mie-view-panel: #f2f2f2;
  --mie-view-window: #fafafa;
  --mie-view-content: #fff;
  --mie-view-osd: #4b4b4b;
  --mie-view-border-bg: rgba(0, 0, 0, 0.07);
}

:root, [data-theme=light] .mie.view.blue, .mie.view.blue[data-theme=light] {
  --mie-view-overlay: rgba(53, 132, 228, 0.4);
  --mie-view-container: #3584e4;
  --mie-view-border-bg: rgba(53, 132, 228, 0.07);
}

:root, [data-theme=light] .mie.view.green, .mie.view.green[data-theme=light] {
  --mie-view-overlay: rgba(51, 209, 122, 0.4);
  --mie-view-container: #33d17a;
  --mie-view-border-bg: rgba(51, 209, 122, 0.07);
}

:root, [data-theme=light] .mie.view.yellow, .mie.view.yellow[data-theme=light] {
  --mie-view-overlay: rgba(246, 211, 45, 0.4);
  --mie-view-container: #f6d32d;
  --mie-view-border-bg: rgba(246, 211, 45, 0.07);
}

:root, [data-theme=light] .mie.view.orange, .mie.view.orange[data-theme=light] {
  --mie-view-overlay: rgba(255, 120, 0, 0.4);
  --mie-view-container: #ff7800;
  --mie-view-border-bg: rgba(255, 120, 0, 0.07);
}

:root, [data-theme=light] .mie.view.red, .mie.view.red[data-theme=light] {
  --mie-view-overlay: rgba(224, 27, 36, 0.4);
  --mie-view-container: #e01b24;
  --mie-view-border-bg: rgba(224, 27, 36, 0.07);
}

:root, [data-theme=light] .mie.view.purple, .mie.view.purple[data-theme=light] {
  --mie-view-overlay: rgba(145, 65, 172, 0.4);
  --mie-view-container: #9141ac;
  --mie-view-border-bg: rgba(145, 65, 172, 0.07);
}

:root, [data-theme=light] .mie.view.brown, .mie.view.brown[data-theme=light] {
  --mie-view-overlay: rgba(152, 106, 68, 0.4);
  --mie-view-container: #986a44;
  --mie-view-border-bg: rgba(152, 106, 68, 0.07);
}

:root, [data-theme=light] .mie.view.pink, .mie.view.pink[data-theme=light] {
  --mie-view-overlay: rgba(216, 27, 96, 0.4);
  --mie-view-container: #d81b60;
  --mie-view-border-bg: rgba(216, 27, 96, 0.07);
}

:root, [data-theme=light] .mie.view.deeppurple, .mie.view.deeppurple[data-theme=light] {
  --mie-view-overlay: rgba(103, 58, 183, 0.4);
  --mie-view-container: #673ab7;
  --mie-view-border-bg: rgba(103, 58, 183, 0.07);
}

:root, [data-theme=light] .mie.view.indigo, .mie.view.indigo[data-theme=light] {
  --mie-view-overlay: rgba(63, 81, 181, 0.4);
  --mie-view-container: #3f51b5;
  --mie-view-border-bg: rgba(63, 81, 181, 0.07);
}

:root, [data-theme=light] .mie.view.lightgreen, .mie.view.lightgreen[data-theme=light] {
  --mie-view-overlay: rgba(139, 195, 74, 0.4);
  --mie-view-container: #8bc34a;
  --mie-view-border-bg: rgba(139, 195, 74, 0.07);
}

:root, [data-theme=light] .mie.view.deeporange, .mie.view.deeporange[data-theme=light] {
  --mie-view-overlay: rgba(255, 87, 34, 0.4);
  --mie-view-container: #ff5722;
  --mie-view-border-bg: rgba(255, 87, 34, 0.07);
}

:root, [data-theme=light] .mie.view.light, .mie.view.light[data-theme=light] {
  --mie-view-overlay: rgba(255, 255, 255, 0.4);
  --mie-view-container: rgba(255, 255, 255, 0.82);
  --mie-view-border-bg: rgba(255, 255, 255, 0.07);
}

:root, [data-theme=light] .mie.view.dark, .mie.view.dark[data-theme=light] {
  --mie-view-overlay: rgba(0, 0, 0, 0.4);
  --mie-view-container: rgba(0, 0, 0, 0.82);
  --mie-view-border-bg: rgba(0, 0, 0, 0.07);
}

[data-theme=dark] .mie.view, .mie.view[data-theme=dark] {
  --mie-view-overlay: transparent;
  --mie-view-bg: transparent;
  --mie-view-panel: #2a2a2a;
  --mie-view-window: #242424;
  --mie-view-content: rgba(255, 255, 255, 0.01);
  --mie-view-osd: #0b0b0b;
  --mie-view-border-bg: rgba(255, 255, 255, 0.07);
}

[data-theme=dark] .mie.view.blue, .mie.view.blue[data-theme=dark] {
  --mie-view-overlay: rgba(28, 113, 216, 0.3);
  --mie-view-container: #1c71d8;
  --mie-view-border-bg: rgba(28, 113, 216, 0.07);
}

[data-theme=dark] .mie.view.green, .mie.view.green[data-theme=dark] {
  --mie-view-overlay: rgba(46, 194, 126, 0.3);
  --mie-view-container: #2ec27e;
  --mie-view-border-bg: rgba(46, 194, 126, 0.07);
}

[data-theme=dark] .mie.view.yellow, .mie.view.yellow[data-theme=dark] {
  --mie-view-overlay: rgba(245, 194, 17, 0.3);
  --mie-view-container: #f5c211;
  --mie-view-border-bg: rgba(245, 194, 17, 0.07);
}

[data-theme=dark] .mie.view.orange, .mie.view.orange[data-theme=dark] {
  --mie-view-overlay: rgba(230, 97, 0, 0.3);
  --mie-view-container: #e66100;
  --mie-view-border-bg: rgba(230, 97, 0, 0.07);
}

[data-theme=dark] .mie.view.red, .mie.view.red[data-theme=dark] {
  --mie-view-overlay: rgba(192, 28, 40, 0.3);
  --mie-view-container: #c01c28;
  --mie-view-border-bg: rgba(192, 28, 40, 0.07);
}

[data-theme=dark] .mie.view.purple, .mie.view.purple[data-theme=dark] {
  --mie-view-overlay: rgba(129, 61, 156, 0.3);
  --mie-view-container: #813d9c;
  --mie-view-border-bg: rgba(129, 61, 156, 0.07);
}

[data-theme=dark] .mie.view.brown, .mie.view.brown[data-theme=dark] {
  --mie-view-overlay: rgba(134, 94, 60, 0.3);
  --mie-view-container: #865e3c;
  --mie-view-border-bg: rgba(134, 94, 60, 0.07);
}

[data-theme=dark] .mie.view.pink, .mie.view.pink[data-theme=dark] {
  --mie-view-overlay: rgba(194, 24, 91, 0.3);
  --mie-view-container: #c2185b;
  --mie-view-border-bg: rgba(194, 24, 91, 0.07);
}

[data-theme=dark] .mie.view.deeppurple, .mie.view.deeppurple[data-theme=dark] {
  --mie-view-overlay: rgba(94, 53, 177, 0.3);
  --mie-view-container: #5e35b1;
  --mie-view-border-bg: rgba(94, 53, 177, 0.07);
}

[data-theme=dark] .mie.view.indigo, .mie.view.indigo[data-theme=dark] {
  --mie-view-overlay: rgba(57, 73, 171, 0.3);
  --mie-view-container: #3949ab;
  --mie-view-border-bg: rgba(57, 73, 171, 0.07);
}

[data-theme=dark] .mie.view.lightgreen, .mie.view.lightgreen[data-theme=dark] {
  --mie-view-overlay: rgba(124, 179, 66, 0.3);
  --mie-view-container: #7cb342;
  --mie-view-border-bg: rgba(124, 179, 66, 0.07);
}

[data-theme=dark] .mie.view.deeporange, .mie.view.deeporange[data-theme=dark] {
  --mie-view-overlay: rgba(244, 81, 30, 0.3);
  --mie-view-container: #f4511e;
  --mie-view-border-bg: rgba(244, 81, 30, 0.07);
}

[data-theme=dark] .mie.view.light, .mie.view.light[data-theme=dark] {
  --mie-view-overlay: rgba(255, 255, 255, 0.3);
  --mie-view-container: rgba(255, 255, 255, 0.82);
  --mie-view-border-bg: rgba(255, 255, 255, 0.07);
}

[data-theme=dark] .mie.view.dark, .mie.view.dark[data-theme=dark] {
  --mie-view-overlay: rgba(0, 0, 0, 0.3);
  --mie-view-container: rgba(0, 0, 0, 0.82);
  --mie-view-border-bg: rgba(0, 0, 0, 0.07);
}

:root, [data-theme=light] .mie.window, .mie.window[data-theme=light] {
  --mie-window-bg-main: #fafafa;
  --mie-window-bg-overlay: transparent;
}

:root, [data-theme=light] .mie.window.blue, .mie.window.blue[data-theme=light] {
  --mie-window-bg-overlay: rgba(53, 132, 228, 0.07);
}

:root, [data-theme=light] .mie.window.green, .mie.window.green[data-theme=light] {
  --mie-window-bg-overlay: rgba(51, 209, 122, 0.07);
}

:root, [data-theme=light] .mie.window.yellow, .mie.window.yellow[data-theme=light] {
  --mie-window-bg-overlay: rgba(246, 211, 45, 0.07);
}

:root, [data-theme=light] .mie.window.orange, .mie.window.orange[data-theme=light] {
  --mie-window-bg-overlay: rgba(255, 120, 0, 0.07);
}

:root, [data-theme=light] .mie.window.red, .mie.window.red[data-theme=light] {
  --mie-window-bg-overlay: rgba(224, 27, 36, 0.07);
}

:root, [data-theme=light] .mie.window.purple, .mie.window.purple[data-theme=light] {
  --mie-window-bg-overlay: rgba(145, 65, 172, 0.07);
}

:root, [data-theme=light] .mie.window.brown, .mie.window.brown[data-theme=light] {
  --mie-window-bg-overlay: rgba(152, 106, 68, 0.07);
}

:root, [data-theme=light] .mie.window.pink, .mie.window.pink[data-theme=light] {
  --mie-window-bg-overlay: rgba(216, 27, 96, 0.07);
}

:root, [data-theme=light] .mie.window.deeppurple, .mie.window.deeppurple[data-theme=light] {
  --mie-window-bg-overlay: rgba(103, 58, 183, 0.07);
}

:root, [data-theme=light] .mie.window.indigo, .mie.window.indigo[data-theme=light] {
  --mie-window-bg-overlay: rgba(63, 81, 181, 0.07);
}

:root, [data-theme=light] .mie.window.lightgreen, .mie.window.lightgreen[data-theme=light] {
  --mie-window-bg-overlay: rgba(139, 195, 74, 0.07);
}

:root, [data-theme=light] .mie.window.deeporange, .mie.window.deeporange[data-theme=light] {
  --mie-window-bg-overlay: rgba(255, 87, 34, 0.07);
}

:root, [data-theme=light] .mie.window.light, .mie.window.light[data-theme=light] {
  --mie-window-bg-overlay: rgba(255, 255, 255, 0.07);
}

:root, [data-theme=light] .mie.window.dark, .mie.window.dark[data-theme=light] {
  --mie-window-bg-overlay: rgba(0, 0, 0, 0.07);
}

[data-theme=dark] .mie.window, .mie.window[data-theme=dark] {
  --mie-window-bg-main: #242424;
  --mie-window-bg-overlay: transparent;
}

[data-theme=dark] .mie.window.blue, .mie.window.blue[data-theme=dark] {
  --mie-window-bg-overlay: rgba(28, 113, 216, 0.07);
}

[data-theme=dark] .mie.window.green, .mie.window.green[data-theme=dark] {
  --mie-window-bg-overlay: rgba(46, 194, 126, 0.07);
}

[data-theme=dark] .mie.window.yellow, .mie.window.yellow[data-theme=dark] {
  --mie-window-bg-overlay: rgba(245, 194, 17, 0.07);
}

[data-theme=dark] .mie.window.orange, .mie.window.orange[data-theme=dark] {
  --mie-window-bg-overlay: rgba(230, 97, 0, 0.07);
}

[data-theme=dark] .mie.window.red, .mie.window.red[data-theme=dark] {
  --mie-window-bg-overlay: rgba(192, 28, 40, 0.07);
}

[data-theme=dark] .mie.window.purple, .mie.window.purple[data-theme=dark] {
  --mie-window-bg-overlay: rgba(129, 61, 156, 0.07);
}

[data-theme=dark] .mie.window.brown, .mie.window.brown[data-theme=dark] {
  --mie-window-bg-overlay: rgba(134, 94, 60, 0.07);
}

[data-theme=dark] .mie.window.pink, .mie.window.pink[data-theme=dark] {
  --mie-window-bg-overlay: rgba(194, 24, 91, 0.07);
}

[data-theme=dark] .mie.window.deeppurple, .mie.window.deeppurple[data-theme=dark] {
  --mie-window-bg-overlay: rgba(94, 53, 177, 0.07);
}

[data-theme=dark] .mie.window.indigo, .mie.window.indigo[data-theme=dark] {
  --mie-window-bg-overlay: rgba(57, 73, 171, 0.07);
}

[data-theme=dark] .mie.window.lightgreen, .mie.window.lightgreen[data-theme=dark] {
  --mie-window-bg-overlay: rgba(124, 179, 66, 0.07);
}

[data-theme=dark] .mie.window.deeporange, .mie.window.deeporange[data-theme=dark] {
  --mie-window-bg-overlay: rgba(244, 81, 30, 0.07);
}

[data-theme=dark] .mie.window.light, .mie.window.light[data-theme=dark] {
  --mie-window-bg-overlay: rgba(255, 255, 255, 0.07);
}

[data-theme=dark] .mie.window.dark, .mie.window.dark[data-theme=dark] {
  --mie-window-bg-overlay: rgba(0, 0, 0, 0.07);
}

:root, [data-theme=light] .mie.rows, .mie.rows[data-theme=light] {
  --mie-rows-border: rgba(0, 0, 0, 0.07);
}

[data-theme=dark] .mie.rows, .mie.rows[data-theme=dark] {
  --mie-rows-border: rgba(255, 255, 255, 0.07);
}

:root, [data-theme=light] .mie.row, .mie.row[data-theme=light] {
  --mie-row-overlay: transparent;
  --mie-row-bg: #fff;
}

:root, [data-theme=light] .mie.row.blue, .mie.row.blue[data-theme=light] {
  --mie-row-overlay: rgba(53, 132, 228, 0.08);
  --mie-row-outline: #3584e4;
}

:root, [data-theme=light] .mie.row.green, .mie.row.green[data-theme=light] {
  --mie-row-overlay: rgba(51, 209, 122, 0.08);
  --mie-row-outline: #33d17a;
}

:root, [data-theme=light] .mie.row.yellow, .mie.row.yellow[data-theme=light] {
  --mie-row-overlay: rgba(246, 211, 45, 0.08);
  --mie-row-outline: #f6d32d;
}

:root, [data-theme=light] .mie.row.orange, .mie.row.orange[data-theme=light] {
  --mie-row-overlay: rgba(255, 120, 0, 0.08);
  --mie-row-outline: #ff7800;
}

:root, [data-theme=light] .mie.row.red, .mie.row.red[data-theme=light] {
  --mie-row-overlay: rgba(224, 27, 36, 0.08);
  --mie-row-outline: #e01b24;
}

:root, [data-theme=light] .mie.row.purple, .mie.row.purple[data-theme=light] {
  --mie-row-overlay: rgba(145, 65, 172, 0.08);
  --mie-row-outline: #9141ac;
}

:root, [data-theme=light] .mie.row.brown, .mie.row.brown[data-theme=light] {
  --mie-row-overlay: rgba(152, 106, 68, 0.08);
  --mie-row-outline: #986a44;
}

:root, [data-theme=light] .mie.row.pink, .mie.row.pink[data-theme=light] {
  --mie-row-overlay: rgba(216, 27, 96, 0.08);
  --mie-row-outline: #d81b60;
}

:root, [data-theme=light] .mie.row.deeppurple, .mie.row.deeppurple[data-theme=light] {
  --mie-row-overlay: rgba(103, 58, 183, 0.08);
  --mie-row-outline: #673ab7;
}

:root, [data-theme=light] .mie.row.indigo, .mie.row.indigo[data-theme=light] {
  --mie-row-overlay: rgba(63, 81, 181, 0.08);
  --mie-row-outline: #3f51b5;
}

:root, [data-theme=light] .mie.row.lightgreen, .mie.row.lightgreen[data-theme=light] {
  --mie-row-overlay: rgba(139, 195, 74, 0.08);
  --mie-row-outline: #8bc34a;
}

:root, [data-theme=light] .mie.row.deeporange, .mie.row.deeporange[data-theme=light] {
  --mie-row-overlay: rgba(255, 87, 34, 0.08);
  --mie-row-outline: #ff5722;
}

:root, [data-theme=light] .mie.row.light, .mie.row.light[data-theme=light] {
  --mie-row-overlay: rgba(255, 255, 255, 0.08);
  --mie-row-outline: rgba(255, 255, 255, 0.82);
}

:root, [data-theme=light] .mie.row.dark, .mie.row.dark[data-theme=light] {
  --mie-row-overlay: rgba(0, 0, 0, 0.08);
  --mie-row-outline: rgba(0, 0, 0, 0.82);
}

[data-theme=dark] .mie.row, .mie.row[data-theme=dark] {
  --mie-row-overlay: transparent;
  --mie-row-bg: #343434;
}

[data-theme=dark] .mie.row.blue, .mie.row.blue[data-theme=dark] {
  --mie-row-overlay: rgba(28, 113, 216, 0.08);
  --mie-row-outline: #1c71d8;
}

[data-theme=dark] .mie.row.green, .mie.row.green[data-theme=dark] {
  --mie-row-overlay: rgba(46, 194, 126, 0.08);
  --mie-row-outline: #2ec27e;
}

[data-theme=dark] .mie.row.yellow, .mie.row.yellow[data-theme=dark] {
  --mie-row-overlay: rgba(245, 194, 17, 0.08);
  --mie-row-outline: #f5c211;
}

[data-theme=dark] .mie.row.orange, .mie.row.orange[data-theme=dark] {
  --mie-row-overlay: rgba(230, 97, 0, 0.08);
  --mie-row-outline: #e66100;
}

[data-theme=dark] .mie.row.red, .mie.row.red[data-theme=dark] {
  --mie-row-overlay: rgba(192, 28, 40, 0.08);
  --mie-row-outline: #c01c28;
}

[data-theme=dark] .mie.row.purple, .mie.row.purple[data-theme=dark] {
  --mie-row-overlay: rgba(129, 61, 156, 0.08);
  --mie-row-outline: #813d9c;
}

[data-theme=dark] .mie.row.brown, .mie.row.brown[data-theme=dark] {
  --mie-row-overlay: rgba(134, 94, 60, 0.08);
  --mie-row-outline: #865e3c;
}

[data-theme=dark] .mie.row.pink, .mie.row.pink[data-theme=dark] {
  --mie-row-overlay: rgba(194, 24, 91, 0.08);
  --mie-row-outline: #c2185b;
}

[data-theme=dark] .mie.row.deeppurple, .mie.row.deeppurple[data-theme=dark] {
  --mie-row-overlay: rgba(94, 53, 177, 0.08);
  --mie-row-outline: #5e35b1;
}

[data-theme=dark] .mie.row.indigo, .mie.row.indigo[data-theme=dark] {
  --mie-row-overlay: rgba(57, 73, 171, 0.08);
  --mie-row-outline: #3949ab;
}

[data-theme=dark] .mie.row.lightgreen, .mie.row.lightgreen[data-theme=dark] {
  --mie-row-overlay: rgba(124, 179, 66, 0.08);
  --mie-row-outline: #7cb342;
}

[data-theme=dark] .mie.row.deeporange, .mie.row.deeporange[data-theme=dark] {
  --mie-row-overlay: rgba(244, 81, 30, 0.08);
  --mie-row-outline: #f4511e;
}

[data-theme=dark] .mie.row.light, .mie.row.light[data-theme=dark] {
  --mie-row-overlay: rgba(255, 255, 255, 0.08);
  --mie-row-outline: rgba(255, 255, 255, 0.82);
}

[data-theme=dark] .mie.row.dark, .mie.row.dark[data-theme=dark] {
  --mie-row-overlay: rgba(0, 0, 0, 0.08);
  --mie-row-outline: rgba(0, 0, 0, 0.82);
}

.mie.button {
  --mie-button-fs: 1.4rem;
  --mie-button-ph: 1.2rem;
  --mie-button-pv: 0.8rem;
  --mie-button-rounded: 0.6rem;
}

.mie.button.tiny {
  --mie-button-fs: 1rem;
  --mie-button-ph: 0.8rem;
  --mie-button-pv: 0.8rem;
}

.mie.button.small {
  --mie-button-fs: 1.2rem;
  --mie-button-ph: 1.2rem;
  --mie-button-pv: 0.8rem;
}

.mie.button.large {
  --mie-button-fs: 1.6rem;
  --mie-button-ph: 1.6rem;
  --mie-button-pv: 1.2rem;
}

.mie.button.big {
  --mie-button-fs: 2rem;
  --mie-button-ph: 2rem;
  --mie-button-pv: 1.6rem;
}

.mie.button.huge {
  --mie-button-fs: 2.3rem;
  --mie-button-ph: 2.4rem;
  --mie-button-pv: 2rem;
}

.mie.button.massive {
  --mie-button-fs: 2.6rem;
  --mie-button-ph: 2rem;
  --mie-button-pv: 1.6rem;
}

.mie.checkbox {
  --mie-checkbox-fs: 1.4rem;
  --mie-checkbox-content-space: 0.8rem;
  --mie-checkbox-icon-offset: 0.15rem;
  --mie-checkbox-icon-size: 1.4rem;
  --mie-checkbox-size: 2rem;
}

.mie.checkbox.small {
  --mie-checkbox-fs: 1.2rem;
  --mie-checkbox-content-space: 0.6rem;
  --mie-checkbox-icon-offset: 0.06rem;
  --mie-checkbox-icon-size: 1rem;
  --mie-checkbox-size: 1.6rem;
}

.mie.checkbox.large {
  --mie-checkbox-fs: 1.6rem;
  --mie-checkbox-content-space: 1rem;
  --mie-checkbox-icon-offset: 0.3rem;
  --mie-checkbox-icon-size: 1.6rem;
  --mie-checkbox-size: 2.6rem;
}

.mie.entry {
  --mie-entry-value-fs: 1.4rem;
  --mie-entry-p: 2.5rem 1.6rem 0.7rem 1.6rem;
  --mie-entry-mw: 10rem;
  --mie-entry-h: 5.4rem;
  --mie-entry-label-fs: 1.2rem;
  --mie-entry-label-ph: 1.6rem;
  --mie-entry-label-offset-active: 0.9rem;
  --mie-entry-label-offset-empty: 1.8rem;
}

.mie.entry.small {
  --mie-entry-value-fs: 1.2rem;
  --mie-entry-p: 1.4rem 1rem 0.4rem 1rem;
  --mie-entry-mw: 8rem;
  --mie-entry-h: 3.4rem;
  --mie-entry-label-fs: 0.8rem;
  --mie-entry-label-ph: 1rem;
  --mie-entry-label-offset-active: 0.3rem;
  --mie-entry-label-offset-empty: 1rem;
}

.mie.entry.large {
  --mie-entry-value-fs: 1.6rem;
  --mie-entry-p: 2.6rem 1.8rem 0.6rem 1.8rem;
  --mie-entry-mw: 14rem;
  --mie-entry-h: 6.4rem;
  --mie-entry-label-fs: 1.4rem;
  --mie-entry-label-ph: 1.8rem;
  --mie-entry-label-offset-active: 1rem;
  --mie-entry-label-offset-empty: 2.2rem;
}

.mie.header.tiny {
  --mie-header-subtitle-fs: 1.2rem;
  --mie-header-title-fs: 1.4rem;
}

.mie.header.small {
  --mie-header-subtitle-fs: 1.4rem;
  --mie-header-title-fs: 1.5rem;
}

.mie.header {
  --mie-header-subtitle-fs: 1.4rem;
  --mie-header-title-fs: 1.8rem;
  --mie-header-icon-space: 0.8rem;
}

.mie.header.large {
  --mie-header-subtitle-fs: 1.6rem;
  --mie-header-title-fs: 2.4rem;
}

.mie.header.big {
  --mie-header-subtitle-fs: 1.6rem;
  --mie-header-title-fs: 2.8rem;
}

.mie.header.huge {
  --mie-header-subtitle-fs: 1.8rem;
  --mie-header-title-fs: 3.1rem;
}

.mie.icon.mini {
  --mie-icon-fs: 0.6rem;
}

.mie.icon.tiny {
  --mie-icon-fs: 0.8rem;
}

.mie.icon.small {
  --mie-icon-fs: 1.2rem;
}

.mie.icon {
  --mie-icon-fs: 1.6rem;
}

.mie.icon.large {
  --mie-icon-fs: 2.1rem;
}

.mie.icon.big {
  --mie-icon-fs: 2.8rem;
}

.mie.icon.huge {
  --mie-icon-fs: 5.6rem;
}

.mie.icon.massive {
  --mie-icon-fs: 12rem;
}

.mie.image.mini {
  --mie-image-size: 3.4rem;
}

.mie.image.tiny {
  --mie-image-size: 8rem;
}

.mie.image.small {
  --mie-image-size: 15rem;
}

.mie.image {
  --mie-image-border-w: 0.2rem;
}

.mie.image.large {
  --mie-image-size: 45rem;
}

.mie.image.big {
  --mie-image-size: 60rem;
}

.mie.image.huge {
  --mie-image-size: 80rem;
}

.mie.image.massive {
  --mie-image-size: 96rem;
}

.mie.item {
  --mie-item-description-fs: 1.2rem;
  --mie-item-title-fs: 1.4rem;
}

.mie.item.small {
  --mie-item-description-fs: 0.8rem;
  --mie-item-title-fs: 1.2rem;
}

.mie.item.large {
  --mie-item-description-fs: 1.4rem;
  --mie-item-title-fs: 1.6rem;
}

.mie.label {
  --mie-label-pv: 0.8rem;
  --mie-label-ph: 0.8rem;
  --mie-label-fs: 1.2rem;
  --mie-label-rounded: 0.6rem;
  --mie-label-border-w: 0.1rem;
}

.mie.label.tiny {
  --mie-label-pv: 0.4rem;
  --mie-label-ph: 0.4rem;
  --mie-label-fs: 0.8rem;
}

.mie.label.small {
  --mie-label-pv: 0.4rem;
  --mie-label-ph: 0.4rem;
  --mie-label-fs: 1rem;
}

.mie.label.large {
  --mie-label-pv: 1.2rem;
  --mie-label-ph: 1.2rem;
  --mie-label-fs: 1.4rem;
}

.mie.label.big {
  --mie-label-pv: 1.6rem;
  --mie-label-ph: 1.6rem;
  --mie-label-fs: 1.6rem;
}

.mie.label.huge {
  --mie-label-pv: 2rem;
  --mie-label-ph: 2rem;
  --mie-label-fs: 2rem;
}

.mie.label.massive {
  --mie-label-pv: 2.4rem;
  --mie-label-ph: 2.4rem;
  --mie-label-fs: 2.3rem;
}

.mie.progress {
  --mie-progress-rounded: 2rem;
  --mie-progress-size: 1rem;
  --mie-progress-bar-fs: 0.8rem;
}

.mie.progress.small {
  --mie-progress-rounded: 1.6rem;
  --mie-progress-size: 0.6rem;
  --mie-progress-bar-fs: 0.8rem;
}

.mie.progress.large {
  --mie-progress-rounded: 4rem;
  --mie-progress-size: 2rem;
  --mie-progress-bar-fs: 1.2rem;
}

.mie.radio {
  --mie-radio-fs: 1.4rem;
  --mie-radio-content-space: 0.8rem;
  --mie-radio-inner-size: 0.8rem;
  --mie-radio-inner-mv: 0.4rem;
  --mie-radio-inner-mh: 0.4rem;
  --mie-radio-size: 2rem;
}

.mie.radio.small {
  --mie-radio-fs: 1.2rem;
  --mie-radio-content-space: 0.6rem;
  --mie-radio-inner-size: 0.4rem;
  --mie-radio-inner-mv: 0.45rem;
  --mie-radio-inner-mh: 0.4rem;
  --mie-radio-size: 1.6rem;
}

.mie.radio.large {
  --mie-radio-fs: 1.6rem;
  --mie-radio-content-space: 1rem;
  --mie-radio-inner-size: 1.2rem;
  --mie-radio-inner-mv: 0.5rem;
  --mie-radio-inner-mh: 0.5rem;
  --mie-radio-size: 2.6rem;
}

.mie.select {
  --mie-select-rounded: 0.6rem;
  --mie-select-mw: 10rem;
  --mie-select-p: 1.6rem;
  --mie-select-h: 5.4rem;
  --mie-select-indicator-r: 0.6rem;
  --mie-select-value-m: 0.2rem;
  --mie-select-label-fs: 1.2rem;
  --mie-select-value-fs: 1.4rem;
  --mie-select-menu-offset: 0.6rem;
  --mie-select-menu-h: 12.5rem;
}

.mie.select.small {
  --mie-select-mw: 8rem;
  --mie-select-p: 1.4rem;
  --mie-select-h: 3.4rem;
  --mie-select-indicator-r: 0.4rem;
  --mie-select-value-m: 0.2rem;
  --mie-select-label-fs: 0.8rem;
  --mie-select-value-fs: 1.2rem;
}

.mie.select.large {
  --mie-select-mw: 14rem;
  --mie-select-p: 1.4rem;
  --mie-select-h: 6.4rem;
  --mie-select-indicator-r: 0.8rem;
  --mie-select-value-m: 0.2rem;
  --mie-select-label-fs: 1.4rem;
  --mie-select-value-fs: 1.6rem;
}

.mie.slider {
  --mie-slider-min-length: 12rem;
  --mie-slider-thumb: 2rem;
  --mie-slider-h: 0.4rem;
}

.mie.slider.small {
  --mie-slider-min-length: 8rem;
  --mie-slider-thumb: 1.4rem;
  --mie-slider-h: 0.2rem;
}

.mie.slider.large {
  --mie-slider-min-length: 14rem;
  --mie-slider-thumb: 2.6rem;
  --mie-slider-h: 0.8rem;
}

.mie.text {
  --mie-text-fs: 1.4rem;
}

.mie.text.tiny {
  --mie-text-fs: 1rem;
}

.mie.text.small {
  --mie-text-fs: 1.2rem;
}

.mie.text.large {
  --mie-text-fs: 1.6rem;
}

.mie.text.big {
  --mie-text-fs: 2rem;
}

.mie.text.huge {
  --mie-text-fs: 2.3rem;
}

.mie.text.massive {
  --mie-text-fs: 2.6rem;
}

.mie.toggle {
  --mie-toggle-fs: 1.4rem;
  --mie-toggle-content-space: 0.8rem;
  --mie-toggle-rounded: 3.4rem;
  --mie-toggle-height: 2.4rem;
  --mie-toggle-width: 4rem;
  --mie-toggle-indicator-icon-size: 1.2rem;
  --mie-toggle-indicator-height: 2rem;
  --mie-toggle-indicator-width: 2rem;
  --mie-toggle-indicator-active-offset: 1.6rem;
  --mie-toggle-indicator-offset-v: 0.2rem;
  --mie-toggle-indicator-offset-h: 0.2rem;
}

.mie.toggle.small {
  --mie-toggle-fs: 1.2rem;
  --mie-toggle-content-space: 0.6rem;
  --mie-toggle-rounded: 2.4rem;
  --mie-toggle-height: 1.8rem;
  --mie-toggle-width: 3.4rem;
  --mie-toggle-indicator-icon-size: 0.8rem;
  --mie-toggle-indicator-height: 1.5rem;
  --mie-toggle-indicator-width: 1.5rem;
  --mie-toggle-indicator-active-offset: 1.55rem;
  --mie-toggle-indicator-offset-v: 0.09rem;
  --mie-toggle-indicator-offset-h: 0.2rem;
}

.mie.toggle.large {
  --mie-toggle-fs: 1.6rem;
  --mie-toggle-content-space: 1rem;
  --mie-toggle-rounded: 4.4rem;
  --mie-toggle-height: 2.8rem;
  --mie-toggle-width: 4.4rem;
  --mie-toggle-indicator-icon-size: 1.6rem;
  --mie-toggle-indicator-height: 2.4rem;
  --mie-toggle-indicator-width: 2.4rem;
  --mie-toggle-indicator-active-offset: 1.6rem;
  --mie-toggle-indicator-offset-v: 0.2rem;
  --mie-toggle-indicator-offset-h: 0.2rem;
}

.mie.clamp {
  --mie-clamp-container-padding-h: 1.2rem;
  --mie-clamp-container-padding-v: 1.2rem;
  --mie-clamp-size: 55rem;
}

.mie.dialog {
  --mie-dialog-rounded: 1.2rem;
  --mie-dialog-mh: 16rem;
  --mie-dialog-mw: 40rem;
}

.mie.dialog.small {
  --mie-dialog-mh: 16rem;
  --mie-dialog-mw: 30rem;
}

.mie.dialog.large {
  --mie-dialog-mh: 16rem;
  --mie-dialog-mw: 50rem;
}

.mie.headerbar {
  --mie-headerbar-ph: 1rem;
  --mie-headerbar-size: 4.6rem;
}

.mie.message {
  --mie-message-description-fs: 1.2rem;
  --mie-message-title-fs: 1.4rem;
  --mie-message-padding: 1.2rem 1.6rem;
  --mie-message-title-space: 0.4rem;
  --mie-message-icon-space: 0.6rem;
  --mie-message-margin-v: 1.2rem;
  --mie-message-rounded: 1.2rem;
}

.mie.message.tiny {
  --mie-message-description-fs: 0.8rem;
  --mie-message-title-fs: 1rem;
  --mie-message-padding: 0.8rem 1.2rem;
  --mie-message-title-space: 0rem;
  --mie-message-icon-space: 0.4rem;
}

.mie.message.small {
  --mie-message-description-fs: 1rem;
  --mie-message-title-fs: 1.2rem;
  --mie-message-padding: 1rem 1.4rem;
  --mie-message-title-space: 0.2rem;
  --mie-message-icon-space: 0.4rem;
}

.mie.message.large {
  --mie-message-title-fs: 1.6rem;
  --mie-message-description-fs: 1.5rem;
  --mie-message-padding: 1.4rem 1.8rem;
  --mie-message-title-space: 0.6rem;
  --mie-message-icon-space: 0.8rem;
}

.mie.message.big {
  --mie-message-description-fs: 1.6rem;
  --mie-message-title-fs: 2rem;
  --mie-message-padding: 1.6rem 2rem;
  --mie-message-title-space: 0.6rem;
  --mie-message-icon-space: 1rem;
}

.mie.message.huge {
  --mie-message-description-fs: 1.6rem;
  --mie-message-title-fs: 2.3rem;
  --mie-message-padding: 1.8rem 2.2rem;
  --mie-message-title-space: 0.6rem;
  --mie-message-icon-space: 1.2rem;
}

.mie.message.massive {
  --mie-message-description-fs: 1.6rem;
  --mie-message-title-fs: 2.6rem;
  --mie-message-padding: 2rem 2.4rem;
  --mie-message-title-space: 0.6rem;
  --mie-message-icon-space: 1.4rem;
}

.mie.tabs {
  --mie-tabs-pv: 0.6rem;
  --mie-tabs-ph: 0.8rem;
  --mie-tabs-rounded: 0.6rem;
}

.mie.tab {
  --mie-tab-icon-offset: 0.8rem;
  --mie-tab-pv: 0.5rem;
  --mie-tab-rounded: 0.6rem;
  --mie-tab-ph: 1.6rem;
  --mie-tab-fs: 1.4rem;
}

.mie.sidebar.small {
  --mie-sidebar-w: 20rem;
}

.mie.sidebar {
  --mie-sidebar-w: 26rem;
}

.mie.sidebar.large {
  --mie-sidebar-w: 32rem;
}

.mie.window {
  --mie-window-rounded: 1.2rem;
}

.mie.row {
  --mie-row-ph: 1.6rem;
  --mie-row-mh: 5.4rem;
}

* {
  -webkit-tap-highlight-color: transparent;
}

.mie.sbh-none > * {
  margin-left: 0rem !important;
  margin-right: 0rem !important;
}

.mie.sbh-none > *:first-child {
  margin-left: 0 !important;
}

.mie.sbh-none > *:last-child {
  margin-right: 0 !important;
}

.mie.sbh-mini > * {
  margin-left: 0.2rem !important;
  margin-right: 0.2rem !important;
}

.mie.sbh-mini > *:first-child {
  margin-left: 0 !important;
}

.mie.sbh-mini > *:last-child {
  margin-right: 0 !important;
}

.mie.sbh-tiny > * {
  margin-left: 0.4rem !important;
  margin-right: 0.4rem !important;
}

.mie.sbh-tiny > *:first-child {
  margin-left: 0 !important;
}

.mie.sbh-tiny > *:last-child {
  margin-right: 0 !important;
}

.mie.sbh-tiny-plus > * {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.mie.sbh-tiny-plus > *:first-child {
  margin-left: 0 !important;
}

.mie.sbh-tiny-plus > *:last-child {
  margin-right: 0 !important;
}

.mie.sbh-small > * {
  margin-left: 0.6rem !important;
  margin-right: 0.6rem !important;
}

.mie.sbh-small > *:first-child {
  margin-left: 0 !important;
}

.mie.sbh-small > *:last-child {
  margin-right: 0 !important;
}

.mie.sbh > * {
  margin-left: 0.8rem !important;
  margin-right: 0.8rem !important;
}

.mie.sbh > *:first-child {
  margin-left: 0 !important;
}

.mie.sbh > *:last-child {
  margin-right: 0 !important;
}

.mie.sbh-large > * {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.mie.sbh-large > *:first-child {
  margin-left: 0 !important;
}

.mie.sbh-large > *:last-child {
  margin-right: 0 !important;
}

.mie.sbh-big > * {
  margin-left: 1.2rem !important;
  margin-right: 1.2rem !important;
}

.mie.sbh-big > *:first-child {
  margin-left: 0 !important;
}

.mie.sbh-big > *:last-child {
  margin-right: 0 !important;
}

.mie.sbh-huge > * {
  margin-left: 1.4rem !important;
  margin-right: 1.4rem !important;
}

.mie.sbh-huge > *:first-child {
  margin-left: 0 !important;
}

.mie.sbh-huge > *:last-child {
  margin-right: 0 !important;
}

.mie.sbh-massive > * {
  margin-left: 1.6rem !important;
  margin-right: 1.6rem !important;
}

.mie.sbh-massive > *:first-child {
  margin-left: 0 !important;
}

.mie.sbh-massive > *:last-child {
  margin-right: 0 !important;
}

.mie.sbv-none > * {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}

.mie.sbv-none > *:first-child {
  margin-top: 0 !important;
}

.mie.sbv-none > *:last-child {
  margin-bottom: 0 !important;
}

.mie.sbv-mini > * {
  margin-top: 0.2rem !important;
  margin-bottom: 0.2rem !important;
}

.mie.sbv-mini > *:first-child {
  margin-top: 0 !important;
}

.mie.sbv-mini > *:last-child {
  margin-bottom: 0 !important;
}

.mie.sbv-tiny > * {
  margin-top: 0.4rem !important;
  margin-bottom: 0.4rem !important;
}

.mie.sbv-tiny > *:first-child {
  margin-top: 0 !important;
}

.mie.sbv-tiny > *:last-child {
  margin-bottom: 0 !important;
}

.mie.sbv-tiny-plus > * {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.mie.sbv-tiny-plus > *:first-child {
  margin-top: 0 !important;
}

.mie.sbv-tiny-plus > *:last-child {
  margin-bottom: 0 !important;
}

.mie.sbv-small > * {
  margin-top: 0.6rem !important;
  margin-bottom: 0.6rem !important;
}

.mie.sbv-small > *:first-child {
  margin-top: 0 !important;
}

.mie.sbv-small > *:last-child {
  margin-bottom: 0 !important;
}

.mie.sbv > * {
  margin-top: 0.8rem !important;
  margin-bottom: 0.8rem !important;
}

.mie.sbv > *:first-child {
  margin-top: 0 !important;
}

.mie.sbv > *:last-child {
  margin-bottom: 0 !important;
}

.mie.sbv-large > * {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.mie.sbv-large > *:first-child {
  margin-top: 0 !important;
}

.mie.sbv-large > *:last-child {
  margin-bottom: 0 !important;
}

.mie.sbv-big > * {
  margin-top: 1.2rem !important;
  margin-bottom: 1.2rem !important;
}

.mie.sbv-big > *:first-child {
  margin-top: 0 !important;
}

.mie.sbv-big > *:last-child {
  margin-bottom: 0 !important;
}

.mie.sbv-huge > * {
  margin-top: 1.4rem !important;
  margin-bottom: 1.4rem !important;
}

.mie.sbv-huge > *:first-child {
  margin-top: 0 !important;
}

.mie.sbv-huge > *:last-child {
  margin-bottom: 0 !important;
}

.mie.sbv-massive > * {
  margin-top: 1.6rem !important;
  margin-bottom: 1.6rem !important;
}

.mie.sbv-massive > *:first-child {
  margin-top: 0 !important;
}

.mie.sbv-massive > *:last-child {
  margin-bottom: 0 !important;
}

.mie.p-none {
  padding: 0rem !important;
}

.mie.p-mini {
  padding: 0.4rem !important;
}

.mie.p-tiny {
  padding: 0.8rem !important;
}

.mie.p-tiny-plus {
  padding: 1rem !important;
}

.mie.p-small {
  padding: 1.2rem !important;
}

.mie.p {
  padding: 1.6rem !important;
}

.mie.p-large {
  padding: 2rem !important;
}

.mie.p-big {
  padding: 2.4rem !important;
}

.mie.p-huge {
  padding: 2.8rem !important;
}

.mie.p-massive {
  padding: 3.2rem !important;
}

.mie.ph-none {
  padding-left: 0rem !important;
  padding-right: 0rem !important;
}

.mie.ph-mini {
  padding-left: 0.4rem !important;
  padding-right: 0.4rem !important;
}

.mie.ph-tiny {
  padding-left: 0.8rem !important;
  padding-right: 0.8rem !important;
}

.mie.ph-tiny-plus {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.mie.ph-small {
  padding-left: 1.2rem !important;
  padding-right: 1.2rem !important;
}

.mie.ph {
  padding-left: 1.6rem !important;
  padding-right: 1.6rem !important;
}

.mie.ph-large {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.mie.ph-big {
  padding-left: 2.4rem !important;
  padding-right: 2.4rem !important;
}

.mie.ph-huge {
  padding-left: 2.8rem !important;
  padding-right: 2.8rem !important;
}

.mie.ph-massive {
  padding-left: 3.2rem !important;
  padding-right: 3.2rem !important;
}

.mie.pv-none {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}

.mie.pv-mini {
  padding-top: 0.4rem !important;
  padding-bottom: 0.4rem !important;
}

.mie.pv-tiny {
  padding-top: 0.8rem !important;
  padding-bottom: 0.8rem !important;
}

.mie.pv-tiny-plus {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.mie.pv-small {
  padding-top: 1.2rem !important;
  padding-bottom: 1.2rem !important;
}

.mie.pv {
  padding-top: 1.6rem !important;
  padding-bottom: 1.6rem !important;
}

.mie.pv-large {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.mie.pv-big {
  padding-top: 2.4rem !important;
  padding-bottom: 2.4rem !important;
}

.mie.pv-huge {
  padding-top: 2.8rem !important;
  padding-bottom: 2.8rem !important;
}

.mie.pv-massive {
  padding-top: 3.2rem !important;
  padding-bottom: 3.2rem !important;
}

.mie.pt-none {
  padding-top: 0rem !important;
}

.mie.pt-mini {
  padding-top: 0.4rem !important;
}

.mie.pt-tiny {
  padding-top: 0.8rem !important;
}

.mie.pt-tiny-plus {
  padding-top: 1rem !important;
}

.mie.pt-small {
  padding-top: 1.2rem !important;
}

.mie.pt {
  padding-top: 1.6rem !important;
}

.mie.pt-large {
  padding-top: 2rem !important;
}

.mie.pt-big {
  padding-top: 2.4rem !important;
}

.mie.pt-huge {
  padding-top: 2.8rem !important;
}

.mie.pt-massive {
  padding-top: 3.2rem !important;
}

.mie.pr-none {
  padding-right: 0rem !important;
}

.mie.pr-mini {
  padding-right: 0.4rem !important;
}

.mie.pr-tiny {
  padding-right: 0.8rem !important;
}

.mie.pr-tiny-plus {
  padding-right: 1rem !important;
}

.mie.pr-small {
  padding-right: 1.2rem !important;
}

.mie.pr {
  padding-right: 1.6rem !important;
}

.mie.pr-large {
  padding-right: 2rem !important;
}

.mie.pr-big {
  padding-right: 2.4rem !important;
}

.mie.pr-huge {
  padding-right: 2.8rem !important;
}

.mie.pr-massive {
  padding-right: 3.2rem !important;
}

.mie.pb-none {
  padding-bottom: 0rem !important;
}

.mie.pb-mini {
  padding-bottom: 0.4rem !important;
}

.mie.pb-tiny {
  padding-bottom: 0.8rem !important;
}

.mie.pb-tiny-plus {
  padding-bottom: 1rem !important;
}

.mie.pb-small {
  padding-bottom: 1.2rem !important;
}

.mie.pb {
  padding-bottom: 1.6rem !important;
}

.mie.pb-large {
  padding-bottom: 2rem !important;
}

.mie.pb-big {
  padding-bottom: 2.4rem !important;
}

.mie.pb-huge {
  padding-bottom: 2.8rem !important;
}

.mie.pb-massive {
  padding-bottom: 3.2rem !important;
}

.mie.pl-none {
  padding-left: 0rem !important;
}

.mie.pl-mini {
  padding-left: 0.4rem !important;
}

.mie.pl-tiny {
  padding-left: 0.8rem !important;
}

.mie.pl-tiny-plus {
  padding-left: 1rem !important;
}

.mie.pl-small {
  padding-left: 1.2rem !important;
}

.mie.pl {
  padding-left: 1.6rem !important;
}

.mie.pl-large {
  padding-left: 2rem !important;
}

.mie.pl-big {
  padding-left: 2.4rem !important;
}

.mie.pl-huge {
  padding-left: 2.8rem !important;
}

.mie.pl-massive {
  padding-left: 3.2rem !important;
}

.mie.m-none {
  margin: 0rem !important;
}

.mie.m-mini {
  margin: 0.4rem !important;
}

.mie.m-tiny {
  margin: 0.8rem !important;
}

.mie.m-tiny-plus {
  margin: 1rem !important;
}

.mie.m-small {
  margin: 1.2rem !important;
}

.mie.m {
  margin: 1.6rem !important;
}

.mie.m-large {
  margin: 2rem !important;
}

.mie.m-big {
  margin: 2.4rem !important;
}

.mie.m-huge {
  margin: 2.8rem !important;
}

.mie.m-massive {
  margin: 3.2rem !important;
}

.mie.mh-none {
  margin-left: 0rem !important;
  margin-right: 0rem !important;
}

.mie.mh-mini {
  margin-left: 0.4rem !important;
  margin-right: 0.4rem !important;
}

.mie.mh-tiny {
  margin-left: 0.8rem !important;
  margin-right: 0.8rem !important;
}

.mie.mh-tiny-plus {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.mie.mh-small {
  margin-left: 1.2rem !important;
  margin-right: 1.2rem !important;
}

.mie.mh {
  margin-left: 1.6rem !important;
  margin-right: 1.6rem !important;
}

.mie.mh-large {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}

.mie.mh-big {
  margin-left: 2.4rem !important;
  margin-right: 2.4rem !important;
}

.mie.mh-huge {
  margin-left: 2.8rem !important;
  margin-right: 2.8rem !important;
}

.mie.mh-massive {
  margin-left: 3.2rem !important;
  margin-right: 3.2rem !important;
}

.mie.mv-none {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}

.mie.mv-mini {
  margin-top: 0.4rem !important;
  margin-bottom: 0.4rem !important;
}

.mie.mv-tiny {
  margin-top: 0.8rem !important;
  margin-bottom: 0.8rem !important;
}

.mie.mv-tiny-plus {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.mie.mv-small {
  margin-top: 1.2rem !important;
  margin-bottom: 1.2rem !important;
}

.mie.mv {
  margin-top: 1.6rem !important;
  margin-bottom: 1.6rem !important;
}

.mie.mv-large {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.mie.mv-big {
  margin-top: 2.4rem !important;
  margin-bottom: 2.4rem !important;
}

.mie.mv-huge {
  margin-top: 2.8rem !important;
  margin-bottom: 2.8rem !important;
}

.mie.mv-massive {
  margin-top: 3.2rem !important;
  margin-bottom: 3.2rem !important;
}

.mie.mt-none {
  margin-top: 0rem !important;
}

.mie.mt-mini {
  margin-top: 0.4rem !important;
}

.mie.mt-tiny {
  margin-top: 0.8rem !important;
}

.mie.mt-tiny-plus {
  margin-top: 1rem !important;
}

.mie.mt-small {
  margin-top: 1.2rem !important;
}

.mie.mt {
  margin-top: 1.6rem !important;
}

.mie.mt-large {
  margin-top: 2rem !important;
}

.mie.mt-big {
  margin-top: 2.4rem !important;
}

.mie.mt-huge {
  margin-top: 2.8rem !important;
}

.mie.mt-massive {
  margin-top: 3.2rem !important;
}

.mie.mr-none {
  margin-right: 0rem !important;
}

.mie.mr-mini {
  margin-right: 0.4rem !important;
}

.mie.mr-tiny {
  margin-right: 0.8rem !important;
}

.mie.mr-tiny-plus {
  margin-right: 1rem !important;
}

.mie.mr-small {
  margin-right: 1.2rem !important;
}

.mie.mr {
  margin-right: 1.6rem !important;
}

.mie.mr-large {
  margin-right: 2rem !important;
}

.mie.mr-big {
  margin-right: 2.4rem !important;
}

.mie.mr-huge {
  margin-right: 2.8rem !important;
}

.mie.mr-massive {
  margin-right: 3.2rem !important;
}

.mie.mb-none {
  margin-bottom: 0rem !important;
}

.mie.mb-mini {
  margin-bottom: 0.4rem !important;
}

.mie.mb-tiny {
  margin-bottom: 0.8rem !important;
}

.mie.mb-tiny-plus {
  margin-bottom: 1rem !important;
}

.mie.mb-small {
  margin-bottom: 1.2rem !important;
}

.mie.mb {
  margin-bottom: 1.6rem !important;
}

.mie.mb-large {
  margin-bottom: 2rem !important;
}

.mie.mb-big {
  margin-bottom: 2.4rem !important;
}

.mie.mb-huge {
  margin-bottom: 2.8rem !important;
}

.mie.mb-massive {
  margin-bottom: 3.2rem !important;
}

.mie.ml-none {
  margin-left: 0rem !important;
}

.mie.ml-mini {
  margin-left: 0.4rem !important;
}

.mie.ml-tiny {
  margin-left: 0.8rem !important;
}

.mie.ml-tiny-plus {
  margin-left: 1rem !important;
}

.mie.ml-small {
  margin-left: 1.2rem !important;
}

.mie.ml {
  margin-left: 1.6rem !important;
}

.mie.ml-large {
  margin-left: 2rem !important;
}

.mie.ml-big {
  margin-left: 2.4rem !important;
}

.mie.ml-huge {
  margin-left: 2.8rem !important;
}

.mie.ml-massive {
  margin-left: 3.2rem !important;
}

.mie.r-none, .mie.row.r-none, .mie.view.r-none {
  border-radius: 0rem !important;
}

.mie.select.r-none > .content > .base {
  border-radius: 0rem !important;
}

.mie.entry.r-none {
  border-radius: 0rem !important;
}

.mie.entry.r-none > .field > input,
.mie.entry.r-none > .field > textarea {
  border-radius: 0rem !important;
}

.mie.r-tiny, .mie.row.r-tiny, .mie.view.r-tiny {
  border-radius: 0.2rem !important;
}

.mie.select.r-tiny > .content > .base {
  border-radius: 0.2rem !important;
}

.mie.entry.r-tiny {
  border-radius: 0.2rem !important;
}

.mie.entry.r-tiny > .field > input,
.mie.entry.r-tiny > .field > textarea {
  border-radius: 0.2rem !important;
}

.mie.r-small, .mie.row.r-small, .mie.view.r-small {
  border-radius: 0.4rem !important;
}

.mie.select.r-small > .content > .base {
  border-radius: 0.4rem !important;
}

.mie.entry.r-small {
  border-radius: 0.4rem !important;
}

.mie.entry.r-small > .field > input,
.mie.entry.r-small > .field > textarea {
  border-radius: 0.4rem !important;
}

.mie.r, .mie.row.r, .mie.view.r {
  border-radius: 0.6rem !important;
}

.mie.select.r > .content > .base {
  border-radius: 0.6rem !important;
}

.mie.entry.r {
  border-radius: 0.6rem !important;
}

.mie.entry.r > .field > input,
.mie.entry.r > .field > textarea {
  border-radius: 0.6rem !important;
}

.mie.r-large, .mie.row.r-large, .mie.view.r-large {
  border-radius: 1.2rem !important;
}

.mie.select.r-large > .content > .base {
  border-radius: 1.2rem !important;
}

.mie.entry.r-large {
  border-radius: 1.2rem !important;
}

.mie.entry.r-large > .field > input,
.mie.entry.r-large > .field > textarea {
  border-radius: 1.2rem !important;
}

.mie.r-circular, .mie.row.r-circular, .mie.view.r-circular {
  border-radius: 500rem !important;
}

.mie.select.r-circular > .content > .base {
  border-radius: 500rem !important;
}

.mie.entry.r-circular {
  border-radius: 500rem !important;
}

.mie.entry.r-circular > .field > input,
.mie.entry.r-circular > .field > textarea {
  border-radius: 500rem !important;
}

.mie.rt-none, .mie.row.rt-none, .mie.view.rt-none {
  border-top-left-radius: 0rem !important;
  border-top-right-radius: 0rem !important;
}

.mie.select.rt-none > .content > .base {
  border-top-left-radius: 0rem !important;
  border-top-right-radius: 0rem !important;
}

.mie.entry.rt-none {
  border-top-left-radius: 0rem !important;
  border-top-right-radius: 0rem !important;
}

.mie.entry.rt-none > .field > input,
.mie.entry.rt-none > .field > textarea {
  border-top-left-radius: 0rem !important;
  border-top-right-radius: 0rem !important;
}

.mie.rt-tiny, .mie.row.rt-tiny, .mie.view.rt-tiny {
  border-top-left-radius: 0.2rem !important;
  border-top-right-radius: 0.2rem !important;
}

.mie.select.rt-tiny > .content > .base {
  border-top-left-radius: 0.2rem !important;
  border-top-right-radius: 0.2rem !important;
}

.mie.entry.rt-tiny {
  border-top-left-radius: 0.2rem !important;
  border-top-right-radius: 0.2rem !important;
}

.mie.entry.rt-tiny > .field > input,
.mie.entry.rt-tiny > .field > textarea {
  border-top-left-radius: 0.2rem !important;
  border-top-right-radius: 0.2rem !important;
}

.mie.rt-small, .mie.row.rt-small, .mie.view.rt-small {
  border-top-left-radius: 0.4rem !important;
  border-top-right-radius: 0.4rem !important;
}

.mie.select.rt-small > .content > .base {
  border-top-left-radius: 0.4rem !important;
  border-top-right-radius: 0.4rem !important;
}

.mie.entry.rt-small {
  border-top-left-radius: 0.4rem !important;
  border-top-right-radius: 0.4rem !important;
}

.mie.entry.rt-small > .field > input,
.mie.entry.rt-small > .field > textarea {
  border-top-left-radius: 0.4rem !important;
  border-top-right-radius: 0.4rem !important;
}

.mie.rt, .mie.row.rt, .mie.view.rt {
  border-top-left-radius: 0.6rem !important;
  border-top-right-radius: 0.6rem !important;
}

.mie.select.rt > .content > .base {
  border-top-left-radius: 0.6rem !important;
  border-top-right-radius: 0.6rem !important;
}

.mie.entry.rt {
  border-top-left-radius: 0.6rem !important;
  border-top-right-radius: 0.6rem !important;
}

.mie.entry.rt > .field > input,
.mie.entry.rt > .field > textarea {
  border-top-left-radius: 0.6rem !important;
  border-top-right-radius: 0.6rem !important;
}

.mie.rt-large, .mie.row.rt-large, .mie.view.rt-large {
  border-top-left-radius: 1.2rem !important;
  border-top-right-radius: 1.2rem !important;
}

.mie.select.rt-large > .content > .base {
  border-top-left-radius: 1.2rem !important;
  border-top-right-radius: 1.2rem !important;
}

.mie.entry.rt-large {
  border-top-left-radius: 1.2rem !important;
  border-top-right-radius: 1.2rem !important;
}

.mie.entry.rt-large > .field > input,
.mie.entry.rt-large > .field > textarea {
  border-top-left-radius: 1.2rem !important;
  border-top-right-radius: 1.2rem !important;
}

.mie.rt-circular, .mie.row.rt-circular, .mie.view.rt-circular {
  border-top-left-radius: 500rem !important;
  border-top-right-radius: 500rem !important;
}

.mie.select.rt-circular > .content > .base {
  border-top-left-radius: 500rem !important;
  border-top-right-radius: 500rem !important;
}

.mie.entry.rt-circular {
  border-top-left-radius: 500rem !important;
  border-top-right-radius: 500rem !important;
}

.mie.entry.rt-circular > .field > input,
.mie.entry.rt-circular > .field > textarea {
  border-top-left-radius: 500rem !important;
  border-top-right-radius: 500rem !important;
}

.mie.rb-none, .mie.row.rb-none, .mie.view.rb-none {
  border-bottom-left-radius: 0rem !important;
  border-bottom-right-radius: 0rem !important;
}

.mie.select.rb-none > .content > .base {
  border-bottom-left-radius: 0rem !important;
  border-bottom-right-radius: 0rem !important;
}

.mie.entry.rb-none {
  border-bottom-left-radius: 0rem !important;
  border-bottom-right-radius: 0rem !important;
}

.mie.entry.rb-none > .field > input,
.mie.entry.rb-none > .field > textarea {
  border-bottom-left-radius: 0rem !important;
  border-bottom-right-radius: 0rem !important;
}

.mie.rb-tiny, .mie.row.rb-tiny, .mie.view.rb-tiny {
  border-bottom-left-radius: 0.2rem !important;
  border-bottom-right-radius: 0.2rem !important;
}

.mie.select.rb-tiny > .content > .base {
  border-bottom-left-radius: 0.2rem !important;
  border-bottom-right-radius: 0.2rem !important;
}

.mie.entry.rb-tiny {
  border-bottom-left-radius: 0.2rem !important;
  border-bottom-right-radius: 0.2rem !important;
}

.mie.entry.rb-tiny > .field > input,
.mie.entry.rb-tiny > .field > textarea {
  border-bottom-left-radius: 0.2rem !important;
  border-bottom-right-radius: 0.2rem !important;
}

.mie.rb-small, .mie.row.rb-small, .mie.view.rb-small {
  border-bottom-left-radius: 0.4rem !important;
  border-bottom-right-radius: 0.4rem !important;
}

.mie.select.rb-small > .content > .base {
  border-bottom-left-radius: 0.4rem !important;
  border-bottom-right-radius: 0.4rem !important;
}

.mie.entry.rb-small {
  border-bottom-left-radius: 0.4rem !important;
  border-bottom-right-radius: 0.4rem !important;
}

.mie.entry.rb-small > .field > input,
.mie.entry.rb-small > .field > textarea {
  border-bottom-left-radius: 0.4rem !important;
  border-bottom-right-radius: 0.4rem !important;
}

.mie.rb, .mie.row.rb, .mie.view.rb {
  border-bottom-left-radius: 0.6rem !important;
  border-bottom-right-radius: 0.6rem !important;
}

.mie.select.rb > .content > .base {
  border-bottom-left-radius: 0.6rem !important;
  border-bottom-right-radius: 0.6rem !important;
}

.mie.entry.rb {
  border-bottom-left-radius: 0.6rem !important;
  border-bottom-right-radius: 0.6rem !important;
}

.mie.entry.rb > .field > input,
.mie.entry.rb > .field > textarea {
  border-bottom-left-radius: 0.6rem !important;
  border-bottom-right-radius: 0.6rem !important;
}

.mie.rb-large, .mie.row.rb-large, .mie.view.rb-large {
  border-bottom-left-radius: 1.2rem !important;
  border-bottom-right-radius: 1.2rem !important;
}

.mie.select.rb-large > .content > .base {
  border-bottom-left-radius: 1.2rem !important;
  border-bottom-right-radius: 1.2rem !important;
}

.mie.entry.rb-large {
  border-bottom-left-radius: 1.2rem !important;
  border-bottom-right-radius: 1.2rem !important;
}

.mie.entry.rb-large > .field > input,
.mie.entry.rb-large > .field > textarea {
  border-bottom-left-radius: 1.2rem !important;
  border-bottom-right-radius: 1.2rem !important;
}

.mie.rb-circular, .mie.row.rb-circular, .mie.view.rb-circular {
  border-bottom-left-radius: 500rem !important;
  border-bottom-right-radius: 500rem !important;
}

.mie.select.rb-circular > .content > .base {
  border-bottom-left-radius: 500rem !important;
  border-bottom-right-radius: 500rem !important;
}

.mie.entry.rb-circular {
  border-bottom-left-radius: 500rem !important;
  border-bottom-right-radius: 500rem !important;
}

.mie.entry.rb-circular > .field > input,
.mie.entry.rb-circular > .field > textarea {
  border-bottom-left-radius: 500rem !important;
  border-bottom-right-radius: 500rem !important;
}

.mie.rl-none, .mie.row.rl-none, .mie.view.rl-none {
  border-top-left-radius: 0rem !important;
  border-bottom-left-radius: 0rem !important;
}

.mie.select.rl-none > .content > .base {
  border-top-left-radius: 0rem !important;
  border-bottom-left-radius: 0rem !important;
}

.mie.entry.rl-none {
  border-top-left-radius: 0rem !important;
  border-bottom-left-radius: 0rem !important;
}

.mie.entry.rl-none > .field > input,
.mie.entry.rl-none > .field > textarea {
  border-top-left-radius: 0rem !important;
  border-bottom-left-radius: 0rem !important;
}

.mie.rl-tiny, .mie.row.rl-tiny, .mie.view.rl-tiny {
  border-top-left-radius: 0.2rem !important;
  border-bottom-left-radius: 0.2rem !important;
}

.mie.select.rl-tiny > .content > .base {
  border-top-left-radius: 0.2rem !important;
  border-bottom-left-radius: 0.2rem !important;
}

.mie.entry.rl-tiny {
  border-top-left-radius: 0.2rem !important;
  border-bottom-left-radius: 0.2rem !important;
}

.mie.entry.rl-tiny > .field > input,
.mie.entry.rl-tiny > .field > textarea {
  border-top-left-radius: 0.2rem !important;
  border-bottom-left-radius: 0.2rem !important;
}

.mie.rl-small, .mie.row.rl-small, .mie.view.rl-small {
  border-top-left-radius: 0.4rem !important;
  border-bottom-left-radius: 0.4rem !important;
}

.mie.select.rl-small > .content > .base {
  border-top-left-radius: 0.4rem !important;
  border-bottom-left-radius: 0.4rem !important;
}

.mie.entry.rl-small {
  border-top-left-radius: 0.4rem !important;
  border-bottom-left-radius: 0.4rem !important;
}

.mie.entry.rl-small > .field > input,
.mie.entry.rl-small > .field > textarea {
  border-top-left-radius: 0.4rem !important;
  border-bottom-left-radius: 0.4rem !important;
}

.mie.rl, .mie.row.rl, .mie.view.rl {
  border-top-left-radius: 0.6rem !important;
  border-bottom-left-radius: 0.6rem !important;
}

.mie.select.rl > .content > .base {
  border-top-left-radius: 0.6rem !important;
  border-bottom-left-radius: 0.6rem !important;
}

.mie.entry.rl {
  border-top-left-radius: 0.6rem !important;
  border-bottom-left-radius: 0.6rem !important;
}

.mie.entry.rl > .field > input,
.mie.entry.rl > .field > textarea {
  border-top-left-radius: 0.6rem !important;
  border-bottom-left-radius: 0.6rem !important;
}

.mie.rl-large, .mie.row.rl-large, .mie.view.rl-large {
  border-top-left-radius: 1.2rem !important;
  border-bottom-left-radius: 1.2rem !important;
}

.mie.select.rl-large > .content > .base {
  border-top-left-radius: 1.2rem !important;
  border-bottom-left-radius: 1.2rem !important;
}

.mie.entry.rl-large {
  border-top-left-radius: 1.2rem !important;
  border-bottom-left-radius: 1.2rem !important;
}

.mie.entry.rl-large > .field > input,
.mie.entry.rl-large > .field > textarea {
  border-top-left-radius: 1.2rem !important;
  border-bottom-left-radius: 1.2rem !important;
}

.mie.rl-circular, .mie.row.rl-circular, .mie.view.rl-circular {
  border-top-left-radius: 500rem !important;
  border-bottom-left-radius: 500rem !important;
}

.mie.select.rl-circular > .content > .base {
  border-top-left-radius: 500rem !important;
  border-bottom-left-radius: 500rem !important;
}

.mie.entry.rl-circular {
  border-top-left-radius: 500rem !important;
  border-bottom-left-radius: 500rem !important;
}

.mie.entry.rl-circular > .field > input,
.mie.entry.rl-circular > .field > textarea {
  border-top-left-radius: 500rem !important;
  border-bottom-left-radius: 500rem !important;
}

.mie.rr-none, .mie.row.rr-none, .mie.view.rr-none {
  border-top-right-radius: 0rem !important;
  border-bottom-right-radius: 0rem !important;
}

.mie.select.rr-none > .content > .base {
  border-top-right-radius: 0rem !important;
  border-bottom-right-radius: 0rem !important;
}

.mie.entry.rr-none {
  border-top-right-radius: 0rem !important;
  border-bottom-right-radius: 0rem !important;
}

.mie.entry.rr-none > .field > input,
.mie.entry.rr-none > .field > textarea {
  border-top-right-radius: 0rem !important;
  border-bottom-right-radius: 0rem !important;
}

.mie.rr-tiny, .mie.row.rr-tiny, .mie.view.rr-tiny {
  border-top-right-radius: 0.2rem !important;
  border-bottom-right-radius: 0.2rem !important;
}

.mie.select.rr-tiny > .content > .base {
  border-top-right-radius: 0.2rem !important;
  border-bottom-right-radius: 0.2rem !important;
}

.mie.entry.rr-tiny {
  border-top-right-radius: 0.2rem !important;
  border-bottom-right-radius: 0.2rem !important;
}

.mie.entry.rr-tiny > .field > input,
.mie.entry.rr-tiny > .field > textarea {
  border-top-right-radius: 0.2rem !important;
  border-bottom-right-radius: 0.2rem !important;
}

.mie.rr-small, .mie.row.rr-small, .mie.view.rr-small {
  border-top-right-radius: 0.4rem !important;
  border-bottom-right-radius: 0.4rem !important;
}

.mie.select.rr-small > .content > .base {
  border-top-right-radius: 0.4rem !important;
  border-bottom-right-radius: 0.4rem !important;
}

.mie.entry.rr-small {
  border-top-right-radius: 0.4rem !important;
  border-bottom-right-radius: 0.4rem !important;
}

.mie.entry.rr-small > .field > input,
.mie.entry.rr-small > .field > textarea {
  border-top-right-radius: 0.4rem !important;
  border-bottom-right-radius: 0.4rem !important;
}

.mie.rr, .mie.row.rr, .mie.view.rr {
  border-top-right-radius: 0.6rem !important;
  border-bottom-right-radius: 0.6rem !important;
}

.mie.select.rr > .content > .base {
  border-top-right-radius: 0.6rem !important;
  border-bottom-right-radius: 0.6rem !important;
}

.mie.entry.rr {
  border-top-right-radius: 0.6rem !important;
  border-bottom-right-radius: 0.6rem !important;
}

.mie.entry.rr > .field > input,
.mie.entry.rr > .field > textarea {
  border-top-right-radius: 0.6rem !important;
  border-bottom-right-radius: 0.6rem !important;
}

.mie.rr-large, .mie.row.rr-large, .mie.view.rr-large {
  border-top-right-radius: 1.2rem !important;
  border-bottom-right-radius: 1.2rem !important;
}

.mie.select.rr-large > .content > .base {
  border-top-right-radius: 1.2rem !important;
  border-bottom-right-radius: 1.2rem !important;
}

.mie.entry.rr-large {
  border-top-right-radius: 1.2rem !important;
  border-bottom-right-radius: 1.2rem !important;
}

.mie.entry.rr-large > .field > input,
.mie.entry.rr-large > .field > textarea {
  border-top-right-radius: 1.2rem !important;
  border-bottom-right-radius: 1.2rem !important;
}

.mie.rr-circular, .mie.row.rr-circular, .mie.view.rr-circular {
  border-top-right-radius: 500rem !important;
  border-bottom-right-radius: 500rem !important;
}

.mie.select.rr-circular > .content > .base {
  border-top-right-radius: 500rem !important;
  border-bottom-right-radius: 500rem !important;
}

.mie.entry.rr-circular {
  border-top-right-radius: 500rem !important;
  border-bottom-right-radius: 500rem !important;
}

.mie.entry.rr-circular > .field > input,
.mie.entry.rr-circular > .field > textarea {
  border-top-right-radius: 500rem !important;
  border-bottom-right-radius: 500rem !important;
}

.mie.rtl-none, .mie.row.rtl-none, .mie.view.rtl-none {
  border-top-left-radius: 0rem !important;
}

.mie.select.rtl-none > .content > .base {
  border-top-left-radius: 0rem !important;
}

.mie.entry.rtl-none {
  border-top-left-radius: 0rem !important;
}

.mie.entry.rtl-none > .field > input,
.mie.entry.rtl-none > .field > textarea {
  border-top-left-radius: 0rem !important;
}

.mie.rtl-tiny, .mie.row.rtl-tiny, .mie.view.rtl-tiny {
  border-top-left-radius: 0.2rem !important;
}

.mie.select.rtl-tiny > .content > .base {
  border-top-left-radius: 0.2rem !important;
}

.mie.entry.rtl-tiny {
  border-top-left-radius: 0.2rem !important;
}

.mie.entry.rtl-tiny > .field > input,
.mie.entry.rtl-tiny > .field > textarea {
  border-top-left-radius: 0.2rem !important;
}

.mie.rtl-small, .mie.row.rtl-small, .mie.view.rtl-small {
  border-top-left-radius: 0.4rem !important;
}

.mie.select.rtl-small > .content > .base {
  border-top-left-radius: 0.4rem !important;
}

.mie.entry.rtl-small {
  border-top-left-radius: 0.4rem !important;
}

.mie.entry.rtl-small > .field > input,
.mie.entry.rtl-small > .field > textarea {
  border-top-left-radius: 0.4rem !important;
}

.mie.rtl, .mie.row.rtl, .mie.view.rtl {
  border-top-left-radius: 0.6rem !important;
}

.mie.select.rtl > .content > .base {
  border-top-left-radius: 0.6rem !important;
}

.mie.entry.rtl {
  border-top-left-radius: 0.6rem !important;
}

.mie.entry.rtl > .field > input,
.mie.entry.rtl > .field > textarea {
  border-top-left-radius: 0.6rem !important;
}

.mie.rtl-large, .mie.row.rtl-large, .mie.view.rtl-large {
  border-top-left-radius: 1.2rem !important;
}

.mie.select.rtl-large > .content > .base {
  border-top-left-radius: 1.2rem !important;
}

.mie.entry.rtl-large {
  border-top-left-radius: 1.2rem !important;
}

.mie.entry.rtl-large > .field > input,
.mie.entry.rtl-large > .field > textarea {
  border-top-left-radius: 1.2rem !important;
}

.mie.rtl-circular, .mie.row.rtl-circular, .mie.view.rtl-circular {
  border-top-left-radius: 500rem !important;
}

.mie.select.rtl-circular > .content > .base {
  border-top-left-radius: 500rem !important;
}

.mie.entry.rtl-circular {
  border-top-left-radius: 500rem !important;
}

.mie.entry.rtl-circular > .field > input,
.mie.entry.rtl-circular > .field > textarea {
  border-top-left-radius: 500rem !important;
}

.mie.rtr-none, .mie.row.rtr-none, .mie.view.rtr-none {
  border-top-right-radius: 0rem !important;
}

.mie.select.rtr-none > .content > .base {
  border-top-right-radius: 0rem !important;
}

.mie.entry.rtr-none {
  border-top-right-radius: 0rem !important;
}

.mie.entry.rtr-none > .field > input,
.mie.entry.rtr-none > .field > textarea {
  border-top-right-radius: 0rem !important;
}

.mie.rtr-tiny, .mie.row.rtr-tiny, .mie.view.rtr-tiny {
  border-top-right-radius: 0.2rem !important;
}

.mie.select.rtr-tiny > .content > .base {
  border-top-right-radius: 0.2rem !important;
}

.mie.entry.rtr-tiny {
  border-top-right-radius: 0.2rem !important;
}

.mie.entry.rtr-tiny > .field > input,
.mie.entry.rtr-tiny > .field > textarea {
  border-top-right-radius: 0.2rem !important;
}

.mie.rtr-small, .mie.row.rtr-small, .mie.view.rtr-small {
  border-top-right-radius: 0.4rem !important;
}

.mie.select.rtr-small > .content > .base {
  border-top-right-radius: 0.4rem !important;
}

.mie.entry.rtr-small {
  border-top-right-radius: 0.4rem !important;
}

.mie.entry.rtr-small > .field > input,
.mie.entry.rtr-small > .field > textarea {
  border-top-right-radius: 0.4rem !important;
}

.mie.rtr, .mie.row.rtr, .mie.view.rtr {
  border-top-right-radius: 0.6rem !important;
}

.mie.select.rtr > .content > .base {
  border-top-right-radius: 0.6rem !important;
}

.mie.entry.rtr {
  border-top-right-radius: 0.6rem !important;
}

.mie.entry.rtr > .field > input,
.mie.entry.rtr > .field > textarea {
  border-top-right-radius: 0.6rem !important;
}

.mie.rtr-large, .mie.row.rtr-large, .mie.view.rtr-large {
  border-top-right-radius: 1.2rem !important;
}

.mie.select.rtr-large > .content > .base {
  border-top-right-radius: 1.2rem !important;
}

.mie.entry.rtr-large {
  border-top-right-radius: 1.2rem !important;
}

.mie.entry.rtr-large > .field > input,
.mie.entry.rtr-large > .field > textarea {
  border-top-right-radius: 1.2rem !important;
}

.mie.rtr-circular, .mie.row.rtr-circular, .mie.view.rtr-circular {
  border-top-right-radius: 500rem !important;
}

.mie.select.rtr-circular > .content > .base {
  border-top-right-radius: 500rem !important;
}

.mie.entry.rtr-circular {
  border-top-right-radius: 500rem !important;
}

.mie.entry.rtr-circular > .field > input,
.mie.entry.rtr-circular > .field > textarea {
  border-top-right-radius: 500rem !important;
}

.mie.rbl-none, .mie.row.rbl-none, .mie.view.rbl-none {
  border-bottom-left-radius: 0rem !important;
}

.mie.select.rbl-none > .content > .base {
  border-bottom-left-radius: 0rem !important;
}

.mie.entry.rbl-none {
  border-bottom-left-radius: 0rem !important;
}

.mie.entry.rbl-none > .field > input,
.mie.entry.rbl-none > .field > textarea {
  border-bottom-left-radius: 0rem !important;
}

.mie.rbl-tiny, .mie.row.rbl-tiny, .mie.view.rbl-tiny {
  border-bottom-left-radius: 0.2rem !important;
}

.mie.select.rbl-tiny > .content > .base {
  border-bottom-left-radius: 0.2rem !important;
}

.mie.entry.rbl-tiny {
  border-bottom-left-radius: 0.2rem !important;
}

.mie.entry.rbl-tiny > .field > input,
.mie.entry.rbl-tiny > .field > textarea {
  border-bottom-left-radius: 0.2rem !important;
}

.mie.rbl-small, .mie.row.rbl-small, .mie.view.rbl-small {
  border-bottom-left-radius: 0.4rem !important;
}

.mie.select.rbl-small > .content > .base {
  border-bottom-left-radius: 0.4rem !important;
}

.mie.entry.rbl-small {
  border-bottom-left-radius: 0.4rem !important;
}

.mie.entry.rbl-small > .field > input,
.mie.entry.rbl-small > .field > textarea {
  border-bottom-left-radius: 0.4rem !important;
}

.mie.rbl, .mie.row.rbl, .mie.view.rbl {
  border-bottom-left-radius: 0.6rem !important;
}

.mie.select.rbl > .content > .base {
  border-bottom-left-radius: 0.6rem !important;
}

.mie.entry.rbl {
  border-bottom-left-radius: 0.6rem !important;
}

.mie.entry.rbl > .field > input,
.mie.entry.rbl > .field > textarea {
  border-bottom-left-radius: 0.6rem !important;
}

.mie.rbl-large, .mie.row.rbl-large, .mie.view.rbl-large {
  border-bottom-left-radius: 1.2rem !important;
}

.mie.select.rbl-large > .content > .base {
  border-bottom-left-radius: 1.2rem !important;
}

.mie.entry.rbl-large {
  border-bottom-left-radius: 1.2rem !important;
}

.mie.entry.rbl-large > .field > input,
.mie.entry.rbl-large > .field > textarea {
  border-bottom-left-radius: 1.2rem !important;
}

.mie.rbl-circular, .mie.row.rbl-circular, .mie.view.rbl-circular {
  border-bottom-left-radius: 500rem !important;
}

.mie.select.rbl-circular > .content > .base {
  border-bottom-left-radius: 500rem !important;
}

.mie.entry.rbl-circular {
  border-bottom-left-radius: 500rem !important;
}

.mie.entry.rbl-circular > .field > input,
.mie.entry.rbl-circular > .field > textarea {
  border-bottom-left-radius: 500rem !important;
}

.mie.rbr-none, .mie.row.rbr-none, .mie.view.rbr-none {
  border-bottom-right-radius: 0rem !important;
}

.mie.select.rbr-none > .content > .base {
  border-bottom-right-radius: 0rem !important;
}

.mie.entry.rbr-none {
  border-bottom-right-radius: 0rem !important;
}

.mie.entry.rbr-none > .field > input,
.mie.entry.rbr-none > .field > textarea {
  border-bottom-right-radius: 0rem !important;
}

.mie.rbr-tiny, .mie.row.rbr-tiny, .mie.view.rbr-tiny {
  border-bottom-right-radius: 0.2rem !important;
}

.mie.select.rbr-tiny > .content > .base {
  border-bottom-right-radius: 0.2rem !important;
}

.mie.entry.rbr-tiny {
  border-bottom-right-radius: 0.2rem !important;
}

.mie.entry.rbr-tiny > .field > input,
.mie.entry.rbr-tiny > .field > textarea {
  border-bottom-right-radius: 0.2rem !important;
}

.mie.rbr-small, .mie.row.rbr-small, .mie.view.rbr-small {
  border-bottom-right-radius: 0.4rem !important;
}

.mie.select.rbr-small > .content > .base {
  border-bottom-right-radius: 0.4rem !important;
}

.mie.entry.rbr-small {
  border-bottom-right-radius: 0.4rem !important;
}

.mie.entry.rbr-small > .field > input,
.mie.entry.rbr-small > .field > textarea {
  border-bottom-right-radius: 0.4rem !important;
}

.mie.rbr, .mie.row.rbr, .mie.view.rbr {
  border-bottom-right-radius: 0.6rem !important;
}

.mie.select.rbr > .content > .base {
  border-bottom-right-radius: 0.6rem !important;
}

.mie.entry.rbr {
  border-bottom-right-radius: 0.6rem !important;
}

.mie.entry.rbr > .field > input,
.mie.entry.rbr > .field > textarea {
  border-bottom-right-radius: 0.6rem !important;
}

.mie.rbr-large, .mie.row.rbr-large, .mie.view.rbr-large {
  border-bottom-right-radius: 1.2rem !important;
}

.mie.select.rbr-large > .content > .base {
  border-bottom-right-radius: 1.2rem !important;
}

.mie.entry.rbr-large {
  border-bottom-right-radius: 1.2rem !important;
}

.mie.entry.rbr-large > .field > input,
.mie.entry.rbr-large > .field > textarea {
  border-bottom-right-radius: 1.2rem !important;
}

.mie.rbr-circular, .mie.row.rbr-circular, .mie.view.rbr-circular {
  border-bottom-right-radius: 500rem !important;
}

.mie.select.rbr-circular > .content > .base {
  border-bottom-right-radius: 500rem !important;
}

.mie.entry.rbr-circular {
  border-bottom-right-radius: 500rem !important;
}

.mie.entry.rbr-circular > .field > input,
.mie.entry.rbr-circular > .field > textarea {
  border-bottom-right-radius: 500rem !important;
}

.mie.shadow {
  box-shadow: var(--mie-shadow-outer);
}

.mie.shadow.inner {
  box-shadow: var(--mie-shadow-inner);
}

.mie.f {
  flex-direction: row !important;
  display: flex !important;
}

.mie.f.fr {
  flex-direction: row !important;
}

.mie.f.fc {
  flex-direction: column !important;
}

.mie.f.fjc-center {
  justify-content: center !important;
}

.mie.f.fjc-start {
  justify-content: flex-start !important;
}

.mie.f.fjc-end {
  justify-content: flex-end !important;
}

.mie.f.fjc-stretch {
  justify-content: stretch !important;
}

.mie.f.fai-center {
  align-items: center !important;
}

.mie.f.fai-start {
  align-items: flex-start !important;
}

.mie.f.fai-end {
  align-items: flex-end !important;
}

.mie.f.fai-stretch {
  align-items: stretch !important;
}

.mie.f.fw {
  flex-wrap: wrap !important;
}

.mie.f.f1 {
  flex: 1 !important;
}

.mie.g-none {
  gap: 0rem;
}

.mie.g-mini {
  gap: 0.4rem;
}

.mie.g-tiny {
  gap: 0.8rem;
}

.mie.g-tiny-plus {
  gap: 1rem;
}

.mie.g-small {
  gap: 1.2rem;
}

.mie.g {
  gap: 1.6rem;
}

.mie.g-large {
  gap: 2rem;
}

.mie.g-big {
  gap: 2.4rem;
}

.mie.g-huge {
  gap: 2.8rem;
}

.mie.g-massive {
  gap: 3.2rem;
}

.mie.gc-none {
  column-gap: 0rem;
}

.mie.gc-mini {
  column-gap: 0.4rem;
}

.mie.gc-tiny {
  column-gap: 0.8rem;
}

.mie.gc-tiny-plus {
  column-gap: 1rem;
}

.mie.gc-small {
  column-gap: 1.2rem;
}

.mie.gc {
  column-gap: 1.6rem;
}

.mie.gc-large {
  column-gap: 2rem;
}

.mie.gc-big {
  column-gap: 2.4rem;
}

.mie.gc-huge {
  column-gap: 2.8rem;
}

.mie.gc-massive {
  column-gap: 3.2rem;
}

.mie.gr-none {
  row-gap: 0rem;
}

.mie.gr-mini {
  row-gap: 0.4rem;
}

.mie.gr-tiny {
  row-gap: 0.8rem;
}

.mie.gr-tiny-plus {
  row-gap: 1rem;
}

.mie.gr-small {
  row-gap: 1.2rem;
}

.mie.gr {
  row-gap: 1.6rem;
}

.mie.gr-large {
  row-gap: 2rem;
}

.mie.gr-big {
  row-gap: 2.4rem;
}

.mie.gr-huge {
  row-gap: 2.8rem;
}

.mie.gr-massive {
  row-gap: 3.2rem;
}

:root {
  --mie-font-family: "Roboto";
}

*,
body {
  font-family: var(--mie-font-family);
  font-size: 10px;
  line-height: 1;
}

h1, h2, h3, h4, h5, h6 {
  font-size: var(--mie-text-fs);
  color: var(--mie-text-fg);
  line-height: 1.28;
  font-weight: 700;
  margin: 0;
}

:root {
  --mie-h1-fs: 1.4rem;
  --mie-h2-fs: 1.5rem;
  --mie-h3-fs: 1.8rem;
  --mie-h4-fs: 2.4rem;
  --mie-h5-fs: 2.8rem;
  --mie-h6-fs: 3.1rem;
}

h6, .mie.title.h6 {
  font-size: 3.1rem;
}

h5, .mie.title.h5 {
  font-size: 2.8rem;
}

h4, .mie.title.h4 {
  font-size: 2.4rem;
}

h3, .mie.title.h3 {
  font-size: 1.8rem;
}

h2, .mie.title.h2 {
  font-size: 1.5rem;
}

h1, .mie.title.h1 {
  font-size: 1.4rem;
}

.mie.text {
  font-size: var(--mie-text-fs);
  color: var(--mie-text-fg);
  line-height: 1.2;
}

.mie.text.muted {
  color: var(--mie-text-fg-muted) !important;
}

.mie.text.invert {
  color: var(--mie-text-inverted-fg) !important;
}

.mie.text.invert.muted {
  color: var(--mie-text-inverted-fg-muted) !important;
}

.mie.text.center {
  text-align: center;
}

.mie.text.fbold {
  font-weight: 700;
}

.mie.text.fsemibold {
  font-weight: 500;
}

.mie.text.fregular {
  font-weight: 400;
}

.mie.text.flight {
  font-weight: 300;
}

[data-theme=dark] {
  --mie-inverted-fg-muted: rgba(0, 0, 0, 0.6);
  --mie-inverted-fg: rgba(0, 0, 0, 0.82);
  --mie-fg-muted: rgba(255, 255, 255, 0.6);
  --mie-fg: rgba(255, 255, 255, 0.82);
}

:root, [data-theme=light] {
  --mie-inverted-fg-muted: rgba(255, 255, 255, 0.6);
  --mie-inverted-fg: rgba(255, 255, 255, 0.82);
  --mie-fg-muted: rgba(0, 0, 0, 0.6);
  --mie-fg: rgba(0, 0, 0, 0.82);
}

* {
  scroll-behavior: smooth;
  box-sizing: border-box;
}

@supports not selector(::-webkit-scrollbar) {
  * {
    scrollbar-width: thin;
    scrollbar-color: var(--mie-scroll-thumb-bg) var(--mie-scroll-track-bg);
  }
}
*:hover::-webkit-scrollbar-thumb {
  background-color: var(--mie-scroll-thumb-bg);
}

*:hover::-webkit-scrollbar-track {
  background-color: var(--mie-scroll-track-bg);
}

::-webkit-scrollbar {
  height: 0.4rem;
  width: 0.4rem;
}

::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 0.4rem;
}

::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 0.4rem;
}

.mie.window {
  background-image: linear-gradient(var(--mie-window-bg-overlay), var(--mie-window-bg-overlay)), linear-gradient(var(--mie-window-bg-main), var(--mie-window-bg-main));
  border-radius: var(--mie-window-rounded);
  background-color: var(--mie-window-bg);
  overflow: hidden;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.mie.window.transparent {
  --mie-window-bg-main: transparent !important;
}

.mie.window-controls {
  display: flex;
  justify-content: flex-end;
  flex-direction: row;
  align-items: center;
}

.mie.window-controls > .mie.button {
  margin-right: 0.8rem;
}

.mie.window-controls > .mie.button:last-child {
  margin-right: 0;
}

.mie.window-controls:last-child {
  margin-right: 0;
}

.mie.sidebar {
  background-image: linear-gradient(var(--mie-sidebar-bg-overlay), var(--mie-sidebar-bg-overlay)), linear-gradient(var(--mie-sidebar-bg-main), var(--mie-sidebar-bg-main));
  display: flex;
  justify-content: stretch;
  flex-direction: column;
  align-items: stretch;
  transition: all 0.3s ease;
  overflow: hidden;
  z-index: 100;
  width: 0;
}

.mie.sidebar + .container {
  transition: width 0.3s ease;
}

.mie.sidebar > .content {
  min-width: var(--mie-sidebar-w);
  display: flex;
  flex-direction: column;
  max-height: 100%;
}

.mie.sidebar.width {
  min-width: 0;
}

.mie.sidebar.width.opened {
  transition: min-width 0.3s ease;
  min-width: var(--mie-sidebar-w);
}

.mie.sidebar.shift {
  margin-left: calc(var(--mie-sidebar-w) * -1);
}

.mie.sidebar.shift.opened {
  transition: margin-left 0.3s ease;
  margin-left: 0;
}

.mie.sidebar.shift.opened + .container {
  transition: margin-right 0.3s ease;
  margin-right: calc(var(--mie-sidebar-w) * -1);
}

.mie.sidebar.overlap {
  min-width: var(--mie-sidebar-w);
  position: absolute;
  height: 100%;
  bottom: 0;
  top: 0;
  left: calc(var(--mie-sidebar-w) * -1);
}

.mie.sidebar.overlap.opened {
  transition: left 0.3s ease;
  left: 0;
}

.mie.sidebar.overlap.opened + .container {
  left: calc(var(--mie-sidebar-w) * -1);
  transition: left 0.3s ease;
}

.mie.splitview {
  position: relative;
  overflow: hidden;
  align-items: stretch;
  display: flex;
  max-height: 100%;
  height: 100%;
  width: 100%;
}

.mie.splitview > .overlay {
  background-color: var(--mie-splitview-overlay-bg);
  position: absolute;
  height: 100%;
  z-index: 5;
  width: 100%;
  left: 0;
  top: 0;
}

.mie.splitview > .sidebar {
  border-right: 1px solid var(--mie-divider-bg);
}

.mie.splitview > .container {
  background-image: linear-gradient(var(--mie-splitview-bg-overlay), var(--mie-splitview-bg-overlay)), linear-gradient(var(--mie-splitview-bg-main), var(--mie-splitview-bg-main));
  transition: width 0.3s ease;
  position: relative;
  display: flex;
  justify-content: stretch;
  flex-direction: column;
  align-items: stretch;
  height: 100%;
  width: 100%;
  flex: 1;
}

.mie.splitview > .container > .content {
  flex-direction: column;
  overflow: auto;
  display: flex;
}

.mie.clamp {
  flex-direction: column;
  align-items: center;
  display: flex;
  padding: var(--mie-clamp-container-padding-v) var(--mie-clamp-container-padding-h);
}

.mie.clamp > .header {
  flex-direction: column;
  display: flex;
  max-width: var(--mie-clamp-size);
  width: var(--mie-clamp-size);
  margin-right: 1.6rem;
  margin-left: 1.6rem;
  margin-bottom: 2.5rem;
}

.mie.clamp > .content {
  max-width: var(--mie-clamp-size);
  width: var(--mie-clamp-size);
}

@media (max-width: 768px) {
  .mie.clamp > .content {
    max-width: auto;
    width: 100%;
  }
}
.mie.view {
  background-image: linear-gradient(var(--mie-view-overlay), var(--mie-view-overlay)), linear-gradient(var(--mie-view-bg), var(--mie-view-bg));
  background-color: var(--mie-view-bg);
}

.mie.view.panel {
  --mie-view-bg: var(--mie-view-panel) !important;
}

.mie.view.windows {
  --mie-view-bg: var(--mie-view-window) !important;
}

.mie.view.content {
  --mie-view-bg: var(--mie-view-content) !important;
}

.mie.view.osd {
  --mie-view-bg: var(--mie-view-osd) !important;
}

.mie.view.bordered {
  border: 0.1rem solid var(--mie-view-border-bg) !important;
}

.mie.view.fluid {
  width: 100%;
}

.mie.view.scrollable {
  overflow: auto;
}

.mie.message {
  background-image: linear-gradient(var(--mie-message-overlay), var(--mie-message-overlay)), linear-gradient(var(--mie-message-bg), var(--mie-message-bg));
  border: 0.1rem solid var(--mie-message-shade);
  border-radius: var(--mie-message-rounded);
  display: flex;
  flex-direction: row;
  align-items: start;
  margin: var(--mie-message-margin-v) 0;
  padding: var(--mie-message-padding);
}

.mie.message > .content {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  flex: 1;
}

.mie.message > .content > .title {
  font-size: var(--mie-message-title-fs);
  color: var(--mie-message-title-fg);
  font-weight: 700;
}

.mie.message > .content > .description {
  margin-top: var(--mie-message-title-space);
  font-size: var(--mie-message-description-fs);
  color: var(--mie-message-description-fg);
  font-weight: 400;
}

.mie.message > .icon {
  margin-right: var(--mie-message-icon-space);
}

.mie.message > .icon .mie.icon {
  --mie-icon-fg: var(--mie-message-title-fg);
}

.mie.message > .mie.button.close {
  margin-left: var(--mie-message-icon-space);
}

.mie.message > .mie.button.close .mie.icon {
  --mie-icon-fg: var(--mie-message-description-fg);
}

:root, [data-theme=light] .mie.modal-overlay, .mie.modal-overlay[data-theme=light] {
  --mie-modal-overlay-bg: rgba(0, 0, 0, 0.3);
}

[data-theme=dark] .mie.modal-overlay, .mie.modal-overlay[data-theme=dark] {
  --mie-modal-overlay-bg: rgba(255, 255, 255, 0.3);
}

.mie.modal-overlay {
  background-color: var(--mie-modal-overlay-bg);
  height: 100vh;
  width: 100vw;
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
}

.mie.modal {
  z-index: 100;
}

.mie.modal.modal-enter-active > .window {
  animation: mieMoveUp 300ms ease-out forwards;
}

.mie.modal.modal-exit-active > .window {
  animation: mieMoveDown 300ms ease-out forwards;
}

.mie.modal > .window {
  position: fixed;
  z-index: 100;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex;
}

@keyframes mieMoveUp {
  0% {
    transform: translate(-50%, 100%);
    opacity: 0;
  }
  100% {
    transform: translate(-50%, -50%);
    opacity: 1;
  }
}
@keyframes mieMoveDown {
  0% {
    transform: translate(-50%, -50%);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, 100%);
    opacity: 0;
  }
}
.mie.dialog {
  border-radius: var(--mie-dialog-rounded);
  background-color: var(--mie-dialog-bg);
  min-height: var(--mie-dialog-mh);
  max-width: var(--mie-dialog-mw);
  justify-content: space-between;
  flex-direction: column;
  display: flex;
}

@media (max-width: 768px) {
  .mie.dialog {
    width: calc(100vw - 2rem);
  }
}
.mie.dialog.attached.attached-modal {
  margin-top: -35%;
}

.mie.dialog > .content {
  flex-direction: column;
  display: flex;
  flex: 1;
}

.mie.dialog > .mie.buttons.actions {
  border-top: 0.1rem solid var(--mie-dialog-action-border);
}

.mie.dialog > .mie.buttons.actions > .mie.button {
  border-right: 0.1rem solid var(--mie-dialog-action-border);
}

.mie.dialog > .mie.buttons.actions > .mie.button:first-child {
  border-bottom-left-radius: var(--mie-dialog-rounded);
  border-top-left-radius: 0;
}

.mie.dialog > .mie.buttons.actions > .mie.button:last-child {
  border-bottom-right-radius: var(--mie-dialog-rounded);
  border-top-right-radius: 0;
  border-right: none;
}

.mie.list {
  list-style-type: none;
  display: flex;
  flex-direction: column;
  padding: 0;
}

.mie.rows {
  background-color: var(--mie-rows-bg);
  background-clip: padding-box;
  position: relative;
  margin: 0;
  min-width: 20rem;
  width: 100%;
  flex-direction: column;
  display: flex;
}

.mie.rows > .mie.row.item.property {
  background-image: linear-gradient(var(--mie-row-overlay), var(--mie-row-overlay)), linear-gradient(var(--mie-row-bg), var(--mie-row-bg));
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 var(--mie-row-ph);
  height: var(--mie-row-mh);
}

.mie.rows > .mie.row.item.property:last-child {
  border-bottom: none;
}

.mie.rows > .mie.row:not(.entry) {
  border-bottom: 0.1rem solid var(--mie-rows-border);
}

.mie.rows > .mie.row:not(.entry):last-child {
  border-bottom: none;
}

.mie.rows > .mie.row.entry {
  --mie-entry-h: var(--mie-row-mh) !important;
}

.mie.rows > .mie.row.entry .field {
  border-bottom: 0.1rem solid var(--mie-rows-border);
}

.mie.rows > .mie.row.entry:last-child .field {
  border-bottom: none;
}

.mie.rows > .mie.row.select {
  --mie-select-h: var(--mie-row-mh) !important;
}

.mie.rows > .mie.row.select > .content, .mie.rows > .mie.row.select > .content > .base {
  border-bottom: 0.1rem solid var(--mie-rows-border);
}

.mie.rows > .mie.row.select:last-child > .content > .base, .mie.rows > .mie.row.select:last-child > .content {
  border-bottom: none;
}

.mie.headerbar {
  background-image: linear-gradient(var(--mie-headerbar-bg-overlay), var(--mie-headerbar-bg-overlay)), linear-gradient(var(--mie-headerbar-bg-main), var(--mie-headerbar-bg-main));
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  padding: 0 var(--mie-headerbar-ph);
  position: relative;
  min-height: var(--mie-headerbar-size);
  height: var(--mie-headerbar-size);
  width: 100%;
}

.mie.headerbar.transparent {
  --mie-headerbar-bg-main: transparent !important;
}

.mie.headerbar.bordered {
  border-bottom: 0.1rem solid var(--mie-headerbar-border);
}

.mie.headerbar > .left {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  align-items: center;
  -webkit-app-region: no-drag;
  z-index: 20;
}

.mie.headerbar > .right {
  display: flex;
  justify-content: flex-end;
  flex-direction: row;
  align-items: center;
  -webkit-app-region: no-drag;
  z-index: 20;
}

.mie.headerbar > .right > .content {
  flex: 1;
}

.mie.headerbar > .center {
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
  -webkit-app-region: no-drag;
  position: absolute;
  height: 100%;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  z-index: 20;
}

.mie.headerbar > .center > .mie.header {
  user-select: none;
}

.mie.headerbar > .center > .mie.header .title {
  margin-bottom: 0.2rem;
}

.mie.tabs {
  display: flex;
  flex-direction: row;
  position: relative;
  border-radius: var(--mie-tabs-rounded);
  background-color: var(--mie-tabs-bg);
  padding: var(--mie-tabs-pv) var(--mie-tabs-ph);
}

.mie.tabs.transparent {
  background-color: transparent;
}

.mie.tabs > .mie.tab {
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
  transition: left 0.3s ease;
  padding: var(--mie-tab-pv) var(--mie-tab-ph);
  border-radius: var(--mie-tab-rounded);
  font-size: var(--mie-tab-fs);
  font-weight: 700;
  box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.03);
  background-color: var(--mie-tab-bg-main);
  color: var(--mie-tab-fg);
  user-select: none;
  cursor: pointer;
  z-index: 3;
}

.mie.tabs > .mie.tab:hover, .mie.tabs > .mie.tab.active {
  background-color: var(--mie-tab-bg-hover);
}

.mie.tabs > .mie.tab:active {
  background-color: var(--mie-tab-bg-active);
}

.mie.tabs > .mie.tab.background {
  background-color: var(--mie-tab-bg-main);
  position: absolute;
  z-index: 2;
  left: 0;
  height: 0;
  width: 0;
}

.mie.tabs > .mie.tab.transparent {
  background-color: transparent;
  box-shadow: none;
}

.mie.tabs > .mie.tab > .adw.icon {
  margin-right: var(--mie-tab-icon-offset);
}

.mie.header {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.mie.header > .heading {
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  flex: 1;
}

.mie.header > .heading > .title {
  font-size: var(--mie-header-title-fs);
  color: var(--mie-header-title-fg);
  line-height: 1.28;
  font-weight: 700;
  margin: 0;
}

.mie.header > .heading .subtitle {
  font-size: var(--mie-header-subtitle-fs);
  color: var(--mie-header-subtitle-fg);
  line-height: 1.2;
  font-weight: 400;
}

.mie.header > .mie.icon {
  margin-right: var(--mie-header-icon-space);
}

.mie.header > .heading > .mie.icon {
  margin-bottom: var(--mie-header-icon-space);
}

.mie.header.inverted > .heading > .title {
  font-size: var(--mie-header-subtitle-fs);
  font-weight: 400;
}

.mie.header.inverted > .heading > .subtitle {
  font-size: var(--mie-header-title-fs);
  font-weight: 700;
}

.mie.header.center > .heading {
  align-items: center;
  text-align: center;
}

.mie.header.flattened {
  margin: 0;
}

.mie.header.flattened .heading .title {
  margin-bottom: 0;
}

.mie.item {
  display: flex;
  flex-direction: row;
  align-items: center;
  text-decoration: none;
  position: relative;
  text-align: left;
}

.mie.item.vertical {
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}

.mie.item.center {
  justify-content: center;
}

.mie.item.center > .content {
  justify-content: center;
  text-align: center;
}

.mie.item.center.vertical {
  align-items: center;
}

.mie.item.center.vertical > .content {
  align-items: center;
}

.mie.item > .content {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.mie.item > .content.inverted > .title {
  font-size: var(--mie-item-description-fs);
  color: var(--mie-item-description-fg);
}

.mie.item > .content.inverted > .description {
  font-size: var(--mie-item-title-fs);
  color: var(--mie-item-title-fg);
}

.mie.item > .content > .title {
  font-size: var(--mie-item-title-fs);
  color: var(--mie-item-title-fg);
  line-height: 1.286;
  font-weight: 400;
}

.mie.item > .content > .description {
  font-size: var(--mie-item-description-fs);
  color: var(--mie-item-description-fg);
  font-weight: 400;
}

.mie.item > .side {
  display: flex;
  justify-content: flex-end;
  flex-direction: row;
  align-items: center;
  margin-left: var(--mie-item-margin-between);
}

.mie.button, .mie.activatable {
  text-decoration: none;
  user-select: none;
  cursor: pointer;
  outline: none;
  border: none;
}

.mie.activatable {
  -webkit-user-select: none;
  user-select: none;
  position: relative;
}

.mie.activatable {
  transition: background 0.3s ease, padding 0.3s ease, width 0.3s ease;
  background-color: var(--mie-activatable-bg-main);
}

.mie.activatable.hover, .mie.activatable:hover {
  background-color: var(--mie-activatable-bg-hover) !important;
}

.mie.activatable.active, .mie.activatable:active {
  background-color: var(--mie-activatable-bg-active) !important;
}

.mie.activatable:disabled, .mie.activatable.disabled {
  opacity: 0.8;
}

.mie.button.filled {
  --mie-button-bg-active: var(--mie-button-bg-filled-active) !important;
  --mie-button-bg-hover: var(--mie-button-bg-filled-hover) !important;
  --mie-button-bg-main: var(--mie-button-bg-filled-main) !important;
}

.mie.button.filled:not(.accent):not(.warning):not(.error):not(.success):not(.blue):not(.green):not(.yellow):not(.orange):not(.red):not(.purple):not(.brown):not(.pink):not(.deeppurple):not(.indigo):not(.lightgreen):not(.deeporange):not(.light):not(.dark) {
  --mie-button-fg: var(--mie-button-fg-invert) !important;
}

.mie.button.transparent {
  --mie-button-bg-main: var(--mie-button-bg-transparent) !important;
  --mie-button-fg: var(--mie-button-bg-filled-main) !important;
}

.mie.button.transparent:hover {
  --mie-button-fg: var(--mie-button-fg-op);
}

.mie.button.transparent:not(.accent):not(.warning):not(.error):not(.success):not(.blue):not(.green):not(.yellow):not(.orange):not(.red):not(.purple):not(.brown):not(.pink):not(.deeppurple):not(.indigo):not(.lightgreen):not(.deeporange):not(.light):not(.dark) {
  --mie-button-fg: var(--mie-button-fg-main) !important;
}

.mie.button.tertiary {
  --mie-button-fg: var(--mie-button-bg-filled-main) !important;
  --mie-button-bg-main: transparent !important;
  border-bottom: 0.3rem solid var(--mie-button-fg);
  border-radius: 0;
}

.mie.button.tertiary:hover {
  --mie-button-bg-main: transparent !important;
  --mie-button-fg: var(--mie-button-fg-op) !important;
}

.mie.button.tertiary:active {
  --mie-button-bg-main: transparent !important;
}

.mie.button.tertiary:not(.accent):not(.warning):not(.error):not(.success):not(.blue):not(.green):not(.yellow):not(.orange):not(.red):not(.purple):not(.brown):not(.pink):not(.deeppurple):not(.indigo):not(.lightgreen):not(.deeporange):not(.light):not(.dark) {
  --mie-button-fg: var(--mie-button-fg-main) !important;
}

.mie.button {
  display: flex;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  border-radius: var(--mie-button-rounded);
  position: relative;
}

.mie.button {
  transition: background 0.3s ease, padding 0.3s ease, width 0.3s ease;
  font-size: var(--mie-button-fs);
  color: var(--mie-button-fg);
  line-height: 1.286;
  font-weight: 700;
  padding: var(--mie-button-pv) var(--mie-button-ph);
  background-color: var(--mie-button-bg-main);
}

.mie.button.hover, .mie.button:hover {
  background-color: var(--mie-button-bg-hover) !important;
}

.mie.button.active, .mie.button:active {
  background-color: var(--mie-button-bg-active) !important;
}

.mie.button:disabled, .mie.button.disabled {
  opacity: 0.8;
}

.mie.button.circular {
  padding: var(--mie-button-pv) var(--mie-button-pv);
  border-radius: 500rem;
}

.mie.button.pilled {
  --mie-button-rounded: 500rem;
}

/* Group */
.mie.buttons {
  display: inline-flex;
  flex-direction: row;
}

.mie.buttons .mie.button {
  border-right: 0.1rem solid var(--mie-button-border-color);
  border-radius: 0;
}

.mie.buttons .mie.button:first-child {
  border-top-left-radius: var(--mie-button-rounded);
  border-bottom-left-radius: var(--mie-button-rounded);
}

.mie.buttons .mie.button:last-child {
  border-top-right-radius: var(--mie-button-rounded);
  border-bottom-right-radius: var(--mie-button-rounded);
  border-right: none;
}

.mie.buttons.relaxed .mie.button {
  flex: 1;
}

.mie.collapsible {
  transition: height 0.3s ease;
  overflow: hidden;
}

.mie.label {
  padding: var(--mie-label-pv) var(--mie-label-ph);
  border-radius: var(--mie-label-rounded);
  background-color: var(--mie-label-bg);
  font-size: var(--mie-label-fs);
  color: var(--mie-label-fg);
  transition: all 0.3s ease;
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
  font-weight: 700;
}

.mie.label.circular {
  vertical-align: middle;
  align-content: center;
  border-radius: 500rem;
}

.mie.label.transparent {
  --mie-label-fg: var(--mie-label-bg) !important;
  background-color: transparent !important;
}

.mie.label.bordered {
  border: var(--mie-label-border-w) solid var(--mie-label-border-bg);
}

.mie.label.floating {
  white-space: nowrap;
  position: absolute;
  z-index: 100;
  transform: translateX(50%);
  top: -0.5rem;
  right: 0;
}

.mie.label.floating.ftl {
  transform: translateX(-50%);
  right: auto;
  top: -0.5rem;
  left: 0;
}

.mie.label.floating.ftr {
  transform: translateX(50%);
  top: -0.5rem;
  right: 0;
}

.mie.label.floating.fbl {
  transform: translateX(-50%);
  bottom: -0.5rem;
  right: auto;
  left: 0;
}

.mie.label.floating.fbr {
  transform: translateX(50%);
  bottom: -0.5rem;
  right: 0;
}

.mie.checkbox {
  display: inline-block;
  position: relative;
  cursor: pointer;
}

.mie.checkbox > .input {
  display: none;
}

.mie.checkbox > .label {
  position: relative;
  cursor: pointer;
  align-items: center;
  display: flex;
}

.mie.checkbox > .label > .content {
  font-size: var(--mie-checkbox-fs);
  color: var(--mie-checkbox-fg);
  font-weight: 400;
  margin-left: var(--mie-checkbox-content-space);
}

.mie.checkbox {
  --mie-checkbox-rounded: 0.6rem;
}

.mie.checkbox > .label > .indicator {
  border: 0.2rem solid var(--mie-checkbox-border);
  border-radius: var(--mie-checkbox-rounded);
  background-color: rgba(0, 0, 0, 0);
  display: block;
  transition: background 0.3s ease, width 0.3s ease, height 0.3s ease;
  height: var(--mie-checkbox-size);
  width: var(--mie-checkbox-size);
}

.mie.checkbox > .label > .indicator > .icon > svg {
  color: var(--mie-checkbox-icon-fg);
  transition: color 0.2s ease;
  margin: var(--mie-checkbox-icon-offset);
  height: var(--mie-checkbox-icon-size);
  width: var(--mie-checkbox-icon-size);
  opacity: 0;
}

.mie.checkbox .input:checked + .label > .indicator {
  border-color: var(--mie-checkbox-border-active);
  background-color: var(--mie-checkbox-bg);
}

.mie.checkbox .input:checked + .label > .indicator > .icon > svg {
  opacity: 1;
}

.mie.checkbox.circular > .label > .indicator {
  border-radius: 50%;
}

.mie.toggle {
  display: inline-block;
  position: relative;
  cursor: pointer;
}

.mie.toggle > .input {
  display: none;
}

.mie.toggle > .label {
  align-items: center;
  display: flex;
  position: relative;
  cursor: pointer;
}

.mie.toggle > .label > .content {
  font-size: var(--mie-toggle-fs);
  color: var(--mie-toggle-fg);
  font-weight: 400;
  margin-left: var(--mie-toggle-content-space);
}

.mie.toggle > .label > .indicator {
  background-color: var(--mie-toggle-bg-inactive);
  border-radius: var(--mie-toggle-rounded);
  transition: background-color 0.2s ease;
  position: relative;
  display: block;
  height: var(--mie-toggle-height);
  width: var(--mie-toggle-width);
}

.mie.toggle > .label > .indicator > .dot {
  box-shadow: 0rem 0.2rem 0.5rem 0rem rgba(0, 0, 0, 0.3);
  transition: transform 0.3s;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  z-index: 2;
  height: var(--mie-toggle-indicator-height);
  width: var(--mie-toggle-indicator-width);
  left: var(--mie-toggle-indicator-offset-h);
  top: var(--mie-toggle-indicator-offset-v);
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
}

.mie.toggle > .label > .indicator > .dot > .icon > svg {
  max-height: var(--mie-toggle-indicator-icon-size);
  max-width: var(--mie-toggle-indicator-icon-size);
  height: var(--mie-toggle-indicator-icon-size);
  width: var(--mie-toggle-indicator-icon-size);
  color: var(--mie-toggle-indicator-icon-color);
}

.mie.toggle > .label > .indicator > .icon.layout {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 8;
}

.mie.toggle > .label > .indicator > .icon.layout svg {
  max-height: var(--mie-toggle-indicator-icon-size);
  max-width: var(--mie-toggle-indicator-icon-size);
  height: var(--mie-toggle-indicator-icon-size);
  width: var(--mie-toggle-indicator-icon-size);
  color: var(--mie-toggle-indicator-icon-fg);
}

.mie.toggle > .label > .indicator > .icon.layout .checked,
.mie.toggle > .label > .indicator > .icon.layout .unchecked {
  height: var(--mie-toggle-indicator-height);
  width: var(--mie-toggle-indicator-width);
  position: absolute;
  justify-content: center;
  align-items: center;
  display: flex;
}

.mie.toggle > .label > .indicator > .icon.layout .checked {
  top: var(--mie-toggle-indicator-offset-v);
  left: 0;
}

.mie.toggle > .label > .indicator > .icon.layout .unchecked {
  top: var(--mie-toggle-indicator-offset-v);
  right: 0;
}

.mie.toggle .input:checked + .label > .indicator {
  background-color: var(--mie-toggle-bg-active);
}

.mie.toggle .input:checked + .label > .indicator > .dot {
  transform: translateX(var(--mie-toggle-indicator-active-offset));
}

.mie.radio {
  display: inline-block;
  position: relative;
}

.mie.radio > .input {
  display: none;
}

.mie.radio > .label {
  position: relative;
  cursor: pointer;
  align-items: center;
  display: flex;
}

.mie.radio > .label > .content {
  font-size: var(--mie-radio-fs);
  color: var(--mie-radio-fg);
  font-weight: 400;
  margin-left: var(--mie-radio-content-space);
}

.mie.radio > .label > .indicator {
  border: 0.2rem solid var(--mie-radio-border-active);
  background-color: rgba(0, 0, 0, 0);
  border-radius: 50%;
  transition: background-color 0.2s ease;
  box-sizing: border-box;
  position: relative;
  display: block;
  height: var(--mie-radio-size);
  width: var(--mie-radio-size);
}

.mie.radio > .label > .indicator::before {
  transition: opacity 0.2s ease;
  height: var(--mie-radio-inner-size);
  width: var(--mie-radio-inner-size);
  left: var(--mie-radio-inner-mh);
  top: var(--mie-radio-inner-mv);
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  content: "";
  opacity: 0;
}

.mie.radio .input:checked + .label > .indicator {
  border-color: var(--mie-radio-border-active);
  background-color: var(--mie-radio-bg);
}

.mie.radio .input:checked + .label > .indicator::before {
  opacity: 1;
}

.mie.select {
  box-sizing: border-box;
  position: relative;
  margin: 0;
  min-width: var(--mie-select-mw);
}

.mie.select.opened > .content > .base, .mie.select:focus > .content > .base {
  outline-width: 0.2rem;
}

.mie.select > .content {
  height: var(--mie-select-h);
  box-sizing: border-box;
  position: relative;
  width: 100%;
}

.mie.select > .menu {
  background-color: var(--mie-select-bg-main);
  transition: height 0.3s ease;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.mie.select.transparent {
  --mie-select-bg-main: transparent;
}

.mie.select.bordered > .content > .base {
  border: 0.1rem solid var(--mie-select-border-bg);
}

.mie.select > .content > .base {
  background-clip: padding-box;
  background-image: linear-gradient(var(--mie-select-bg-overlay), var(--mie-select-bg-overlay)), linear-gradient(var(--mie-select-bg-main), var(--mie-select-bg-main));
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  border-radius: var(--mie-select-rounded);
  height: var(--mie-select-h);
  transition: outline 0.2s ease;
  outline-color: var(--mie-select-bg-outline);
  outline-style: solid;
  outline-width: 0;
}

.mie.select > .content > .base:hover {
  cursor: pointer;
}

.mie.select > .content > .base > .header {
  padding: 0 var(--mie-select-p);
  display: flex;
  justify-content: center;
  flex-direction: column;
  position: relative;
  height: 100%;
  flex: 1;
}

.mie.select > .content > .base > .header > .label {
  transition: 300ms ease font-size;
  pointer-events: none;
  user-select: none;
  font-size: var(--mie-select-value-fs);
  color: var(--mie-select-label-fg);
  font-weight: 500;
}

.mie.select > .content > .base > .header > .value {
  margin-top: var(--mie-select-value-m);
  font-size: var(--mie-select-value-fs);
  color: var(--mie-select-value-fg);
}

.mie.select > .content > .base > .right {
  display: flex;
  justify-content: flex-end;
  flex-direction: row;
  align-items: center;
}

.mie.select > .content > .base > .right > .arrow {
  margin-left: var(--mie-select-indicator-r);
  margin-right: var(--mie-select-p);
  transition: transform 0.2s ease-in-out;
  color: var(--mie-select-value-fg);
}

.mie.select > .content > .base.selected > .header > .label {
  top: var(--mie-select-label-top-active);
  font-size: var(--mie-select-label-fs);
  font-weight: 400;
}

.mie.select > .content > .base.opened > .right > .arrow {
  transform: rotate(180deg);
}

.mie.select > .menu {
  background-image: linear-gradient(var(--mie-select-bg-overlay), var(--mie-select-bg-overlay)), linear-gradient(var(--mie-select-bg-menu), var(--mie-select-bg-menu));
  transition: opacity 0.2s ease, height 0.3s ease, top 0.2s ease;
  border-radius: var(--mie-select-rounded);
  overflow: hidden;
  opacity: 0;
  position: absolute;
  user-select: none;
  height: 0;
  top: 0;
  z-index: 15;
}

.mie.select > .menu.opened {
  top: calc(var(--mie-select-h) + var(--mie-select-menu-offset));
  min-height: var(--mie-select-menu-h);
  overflow-y: auto;
  opacity: 1;
}

.mie.entry {
  background-image: linear-gradient(var(--mie-entry-bg-overlay), var(--mie-entry-bg-overlay)), linear-gradient(var(--mie-entry-bg-main), var(--mie-entry-bg-main));
  background-clip: padding-box;
  position: relative;
  margin: 0;
  min-width: var(--mie-entry-w);
  height: var(--mie-entry-h);
  width: var(--mie-entry-p);
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: stretch;
}

.mie.entry:focus {
  z-index: 15;
}

.mie.entry:focus > .field > input, .mie.entry:focus > .field > textarea {
  z-index: 15;
}

.mie.entry > .field {
  position: relative;
  flex: 1;
}

.mie.entry > .field label {
  transition: 300ms ease all;
  pointer-events: none;
  position: absolute;
  font-size: var(--mie-entry-value-fs);
  color: var(--mie-entry-label-fg);
  font-weight: normal;
  top: var(--mie-entry-label-offset-empty);
  left: var(--mie-entry-label-ph);
}

.mie.entry > .field textarea {
  resize: none;
}

.mie.entry > .field > input,
.mie.entry > .field > textarea {
  transition: outline-width 100ms ease;
  color: var(--mie-entry-value-fg);
  position: relative;
  background: none;
  display: block;
  font-size: var(--mie-entry-value-fs);
  padding: var(--mie-entry-p);
  height: 100%;
  width: 100%;
  border: none;
  outline-color: var(--mie-entry-bg-outline);
  outline-style: solid;
  outline-width: 0;
}

.mie.entry > .field > input:focus,
.mie.entry > .field > textarea:focus {
  color: var(--mie-entry-value-fg);
  outline-width: 0.2rem;
  z-index: 15;
}

.mie.entry > .field > input:focus ~ label, .mie.entry > .field > input.filled ~ label,
.mie.entry > .field > textarea:focus ~ label,
.mie.entry > .field > textarea.filled ~ label {
  top: var(--mie-entry-label-offset-active);
  font-size: var(--mie-entry-label-fs);
  color: var(--mie-entry-label-fg);
}

.mie.entry > .field > input[type=password],
.mie.entry > .field > textarea[type=password] {
  letter-spacing: 0.15rem;
}

.mie.entry.disabled {
  opacity: 0.4;
}

.mie.entry.fluid {
  width: 100%;
}

.mie.entry.bordered {
  border: 0.1rem solid var(--mie-entry-border-bg);
}

.mie.entry.transparent {
  --mie-entry-bg-main: transparent;
}

.mie.slider {
  display: block;
}

.mie.slider:not(.range) .range-slider .range-slider__range {
  transform: translate(0, -50%);
  left: 0 !important;
}

.mie.slider:not(.range) .range-slider .range-slider__range::after {
  background: var(--mie-slider-bg-range);
  width: calc(100% + 0.4rem);
  height: var(--mie-slider-h);
  position: absolute;
  content: "";
  left: 0;
  top: 0;
}

.mie.slider:not(.range).vertical [data-vertical] .range-slider__range {
  transform: translate(0, -0.9rem);
}

.mie.slider:not(.range).vertical [data-vertical] .range-slider__range::after {
  display: none !important;
}

.mie.slider .range-slider {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  touch-action: none;
  user-select: none;
  cursor: pointer;
  position: relative;
  display: block;
  max-height: var(--mie-slider-h);
  min-height: var(--mie-slider-h);
  min-width: var(--mie-slider-min-length);
  width: 100%;
  background: var(--mie-slider-bg-slider);
  border-radius: var(--mie-slider-h);
}

.mie.slider .range-slider[data-vertical] {
  min-height: var(--mie-slider-min-length);
  width: var(--mie-slider-h);
  min-width: auto;
  height: 100%;
}

.mie.slider .range-slider[data-vertical] .range-slider__thumb {
  left: 50%;
}

.mie.slider .range-slider[data-vertical] .range-slider__range {
  transform: translate(-50%, 0);
  left: 50%;
  max-width: var(--mie-slider-h);
  width: var(--mie-slider-h);
  max-height: none;
  height: auto;
}

.mie.slider .range-slider[data-disabled] {
  cursor: not-allowed;
  opacity: 0.5;
}

.mie.slider .range-slider .range-slider__thumb {
  border: 0.1rem solid var(--mie-slider-thumb-border);
  background: var(--mie-slider-bg-thumb);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  position: absolute;
  z-index: 3;
  height: var(--mie-slider-thumb);
  width: var(--mie-slider-thumb);
  top: 50%;
}

.mie.slider .range-slider .range-slider__thumb:focus-visible {
  box-shadow: 0 0 0.4rem rgba(33, 150, 243, 0.4) inset;
  outline: 0;
}

.mie.slider .range-slider .range-slider__thumb[data-active] {
  box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.2) inset;
}

.mie.slider .range-slider .range-slider__thumb[data-disabled] {
  z-index: -1;
  opacity: 0;
}

.mie.slider .range-slider .range-slider__range {
  background: var(--mie-slider-bg-range);
  border-radius: var(--mie-slider-h);
  transform: translate(0, -50%);
  position: absolute;
  z-index: 1;
  max-height: var(--mie-slider-h);
  height: var(--mie-slider-h);
  width: 100%;
  top: 50%;
}

.mie.slider .range-slider input[type=range] {
  background-color: transparent;
  border: none;
  -webkit-appearance: none;
  pointer-events: none;
  appearance: none;
  position: absolute;
  z-index: 2;
  height: 0;
  width: 0;
  left: 0;
  top: 0;
}

.mie.slider .range-slider input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
}

.mie.slider .range-slider input[type=range]::-moz-range-thumb {
  height: 0;
  border: 0;
  width: 0;
}

.mie.slider .range-slider input[type=range]:focus {
  outline: 0;
}

.mie.progressbar.indeterminate::before {
  border-radius: var(--mie-progress-rounded);
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  top: 0;
  animation: progress-pulsating 2s ease-in infinite;
  transform-origin: center;
  width: 100%;
}

.mie.progressbar.indeterminate.pulsating::before {
  animation-name: progress-pulsating;
  animation-duration: 2s;
  background-color: var(--mie-progressbar-indeterminate-bg);
}

.mie.progressbar.indeterminate.filling::before {
  animation-name: progress-filling;
  animation-duration: 2s;
  background-color: var(--mie-progressbar-indeterminate-bg);
}

.mie.progressbar.indeterminate.sliding::before {
  animation-name: progress-sliding;
  animation-duration: 3s;
  background-color: var(--mie-progressbar-indeterminate-bg);
}

.mie.progressbar.indeterminate.swinging::before {
  animation-name: progress-swinging;
  animation-duration: 3s;
  background-color: var(--mie-progressbar-indeterminate-bg);
}

@keyframes progress-swinging {
  0%, 100% {
    width: 10%;
    left: -25%;
  }
  25%, 65% {
    width: 70%;
  }
  50% {
    width: 10%;
    left: 100%;
  }
}
@keyframes progress-sliding {
  0% {
    width: 10%;
    left: -25%;
  }
  50% {
    width: 70%;
  }
  100% {
    width: 10%;
    left: 100%;
  }
}
@keyframes progress-filling {
  0% {
    transform: scale(0, 1);
  }
  80% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes progress-pulsating {
  0% {
    transform: scale(0, 1);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
.mie.progress {
  border-radius: var(--mie-progress-rounded);
  background-color: var(--mie-progress-bg);
  position: relative;
  align-items: center;
  display: flex;
  height: var(--mie-progress-size);
  width: 100%;
}

.progressbar {
  background-color: var(--mie-progressbar-bg);
  transition: width 0.3s ease;
  position: relative;
  overflow: hidden;
  align-items: center;
  display: flex;
  height: 100%;
}

.progressbar:first-child {
  border-bottom-left-radius: var(--mie-progress-rounded);
  border-top-left-radius: var(--mie-progress-rounded);
}

.progressbar:last-child {
  border-bottom-right-radius: var(--mie-progress-rounded);
  border-top-right-radius: var(--mie-progress-rounded);
}

.progressbar.transparent {
  --mie-progressbar-bg: transparent !important;
}

.progressbar > .label {
  justify-content: flex-end;
  align-items: center;
  display: flex;
  flex: 1;
  box-sizing: border-box;
  padding: 0 0.8rem;
  z-index: 10;
  font-size: var(--mie-progressbar-fs);
  color: var(--mie-progressbar-fg);
  font-weight: 400;
  transition: opacity 0.3s ease;
  opacity: 0;
}

.progressbar > .label.visible {
  opacity: 1;
}

.mie.image {
  border: 0 solid var(--mie-image-border-bg);
  background-color: var(--mie-image-bg);
  background-repeat: no-repeat;
  background-size: cover;
  width: var(--mie-image-size);
  display: inline-block;
}

.mie.image.transparent {
  --mie-image-bg: transparent;
}

.mie.image.bordered {
  border-width: var(--mie-image-border-w);
}

.mie.image.circular {
  border-radius: 500rem;
}

.mie.icon {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
}

.mie.icon svg {
  transition: all 0.3s ease;
  max-height: var(--mie-icon-fs);
  max-width: var(--mie-icon-fs);
  height: var(--mie-icon-fs);
  width: var(--mie-icon-fs);
  color: var(--mie-icon-fg);
}

.mie.icon.filled {
  background-color: var(--mie-icon-bg-filled);
}

.mie.icon.circular {
  border-radius: 50%;
}

.mie.icon.bg {
  background-color: var(--mie-icon-bg-main);
}

.mie.divider {
  background-color: var(--mie-divider-bg);
  display: block;
  width: 100%;
  height: 2px;
}

/*# sourceMappingURL=mielo.css.map */
