@contena/meteor-component-library 5.6.2 → 5.7.0

package/dist/mt-action-menu-group.css

@@ -1,23 +1 @@
-
-.mt-action-menu-group {
-  padding-block: var(--scale-size-4);
-  border-bottom: 1px solid var(--color-border-secondary-default);
-  margin-inline: calc(var(--scale-size-4) * -1);
-  padding-inline: var(--scale-size-4);
-}
-.mt-action-menu-group:last-child {
-  border-bottom: none;
-  padding-block-end: 0;
-}
-.mt-action-menu-group:first-child {
-  padding-block-start: 0;
-}
-
-/* 
-  When group has mixed icons (some items with, some without),
-  add left padding to items without icons to align text.
-*/
-.mt-action-menu-group--needs-inset .mt-action-menu-item:not([data-has-icon]) {
-  /* 16px icon + 8px gap */
-  padding-inline-start: calc(var(--scale-size-10) + 16px + var(--scale-size-8));
-}
+.mt-action-menu-group{padding-block:var(--scale-size-4);border-bottom:1px solid var(--color-border-secondary-default);margin-inline:calc(var(--scale-size-4) * -1);padding-inline:var(--scale-size-4)}.mt-action-menu-group:last-child{border-bottom:none;padding-block-end:0}.mt-action-menu-group:first-child{padding-block-start:0}.mt-action-menu-group--needs-inset .mt-action-menu-item:not([data-has-icon]){padding-inline-start:calc(var(--scale-size-10) + 16px + var(--scale-size-8))}

package/dist/mt-action-menu-item.css

@@ -1,68 +1 @@
-
-.mt-action-menu-item {
-&[data-v-19d27165] {
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  gap: var(--scale-size-8);
-  font-size: var(--font-size-xs);
-  font-family: var(--font-family-body);
-  line-height: var(--font-line-height-xs);
-  font-weight: var(--font-weight-regular);
-  min-height: var(--scale-size-32);
-  padding-inline: var(--scale-size-10);
-  border-radius: var(--border-radius-s);
-  cursor: pointer;
-  user-select: none;
-  text-decoration: none;
-}
-&[data-highlighted][data-v-19d27165] {
-    background-color: var(--color-interaction-secondary-hover);
-    outline: none;
-}
-}
-.mt-action-menu-item--variant-default {
-&[data-v-19d27165] {
-  color: var(--color-text-primary-default);
-}
-&[data-disabled][data-v-19d27165] {
-    color: var(--color-text-primary-disabled);
-    cursor: not-allowed;
-}
-}
-.mt-action-menu-item--variant-critical {
-&[data-v-19d27165] {
-  color: var(--color-text-critical-default);
-}
-&[data-disabled][data-v-19d27165] {
-    color: var(--color-text-critical-disabled);
-    cursor: not-allowed;
-}
-}
-.mt-action-menu-item__shortcut[data-v-19d27165] {
-  display: flex;
-  gap: 0.5ch;
-  margin-left: auto;
-  color: var(--color-text-secondary-default);
-  font-size: var(--font-size-xs);
-  font-family: var(--font-family-body);
-  line-height: var(--font-line-height-xs);
-  font-weight: var(--font-weight-regular);
-  user-select: none;
-  padding-left: var(--scale-size-24);
-}
-.mt-action-menu-item__shortcut--disabled[data-v-19d27165] {
-  color: var(--color-text-secondary-disabled);
-}
-.mt-action-menu-item__arrow[data-v-19d27165] {
-  margin-left: auto;
-  padding-left: var(--scale-size-24);
-  display: grid;
-  place-items: center;
-}
-.mt-action-menu-item__external-link[data-v-19d27165] {
-  margin-left: auto;
-  padding-left: var(--scale-size-24);
-  display: grid;
-  place-items: center;
-}
+.mt-action-menu-item[data-v-19d27165]{display:flex;align-items:center;justify-content:flex-start;gap:var(--scale-size-8);font-size:var(--font-size-xs);font-family:var(--font-family-body);line-height:var(--font-line-height-xs);font-weight:var(--font-weight-regular);min-height:var(--scale-size-32);padding-inline:var(--scale-size-10);border-radius:var(--border-radius-s);cursor:pointer;-webkit-user-select:none;user-select:none;text-decoration:none}.mt-action-menu-item[data-highlighted][data-v-19d27165]{background-color:var(--color-interaction-secondary-hover);outline:none}.mt-action-menu-item--variant-default[data-v-19d27165]{color:var(--color-text-primary-default)}.mt-action-menu-item--variant-default[data-disabled][data-v-19d27165]{color:var(--color-text-primary-disabled);cursor:not-allowed}.mt-action-menu-item--variant-critical[data-v-19d27165]{color:var(--color-text-critical-default)}.mt-action-menu-item--variant-critical[data-disabled][data-v-19d27165]{color:var(--color-text-critical-disabled);cursor:not-allowed}.mt-action-menu-item__shortcut[data-v-19d27165]{display:flex;gap:.5ch;margin-left:auto;color:var(--color-text-secondary-default);font-size:var(--font-size-xs);font-family:var(--font-family-body);line-height:var(--font-line-height-xs);font-weight:var(--font-weight-regular);-webkit-user-select:none;user-select:none;padding-left:var(--scale-size-24)}.mt-action-menu-item__shortcut--disabled[data-v-19d27165]{color:var(--color-text-secondary-disabled)}.mt-action-menu-item__arrow[data-v-19d27165],.mt-action-menu-item__external-link[data-v-19d27165]{margin-left:auto;padding-left:var(--scale-size-24);display:grid;place-items:center}

package/dist/mt-action-menu.css

@@ -1,28 +1 @@
-
-/* Find out why we can't scope styles */
-.mt-action-menu {
-  background-color: var(--color-elevation-surface-default);
-  border: 1px solid var(--color-border-secondary-default);
-  box-shadow: 0px 6px 24px -8px var(--color-elevation-shadow-default);
-  border-radius: var(--border-radius-m);
-  padding: var(--scale-size-4);
-  min-width: 200px;
-  z-index: 1300;
-}
-.mt-action-menu--match-trigger-width {
-  width: var(--reka-dropdown-menu-trigger-width);
-  max-height: var(--reka-dropdown-menu-content-available-height);
-}
-
-/*
-  When items outside a group have mixed icons (some with, some without),
-  add left padding to items without icons to align text.
-  Only applies when there's at least one item WITH icon AND one WITHOUT.
-*/
-.mt-action-menu:has(> .mt-action-menu-item[data-has-icon]):has(
-    > .mt-action-menu-item:not([data-has-icon])
-  )
-  > .mt-action-menu-item:not([data-has-icon]) {
-  /* 16px icon + 8px gap */
-  padding-inline-start: calc(var(--scale-size-10) + 16px + var(--scale-size-8));
-}
+.mt-action-menu{background-color:var(--color-elevation-surface-default);border:1px solid var(--color-border-secondary-default);box-shadow:0 6px 24px -8px var(--color-elevation-shadow-default);border-radius:var(--border-radius-m);padding:var(--scale-size-4);min-width:200px;z-index:1300}.mt-action-menu--match-trigger-width{width:var(--reka-dropdown-menu-trigger-width);max-height:var(--reka-dropdown-menu-content-available-height)}.mt-action-menu:has(>.mt-action-menu-item[data-has-icon]):has(>.mt-action-menu-item:not([data-has-icon]))>.mt-action-menu-item:not([data-has-icon]){padding-inline-start:calc(var(--scale-size-10) + 16px + var(--scale-size-8))}

package/dist/mt-avatar.css

@@ -1,66 +1 @@
-
-.mt-avatar[data-v-a5ae0cd0] {
-  display: inline-grid;
-  place-items: center;
-  width: var(--mt-avatar-size);
-  height: var(--mt-avatar-size);
-  border-radius: var(--border-radius-round);
-  background-size: cover;
-  font-size: calc(var(--mt-avatar-size) * 0.4);
-  font-weight: var(--font-weight-semibold);
-  text-transform: uppercase;
-  user-select: none;
-
-  color: var(--mt-avatar--color-primary);
-  background-color: var(--mt-avatar--color-secondary);
-}
-.mt-avatar--size-2xs[data-v-a5ae0cd0] {
-  --mt-avatar-size: var(--scale-size-16);
-}
-.mt-avatar--size-xs[data-v-a5ae0cd0] {
-  --mt-avatar-size: var(--scale-size-24);
-}
-.mt-avatar--size-s[data-v-a5ae0cd0] {
-  --mt-avatar-size: var(--scale-size-32);
-}
-.mt-avatar--size-m[data-v-a5ae0cd0] {
-  --mt-avatar-size: var(--scale-size-40);
-}
-.mt-avatar--size-l[data-v-a5ae0cd0] {
-  --mt-avatar-size: var(--scale-size-48);
-}
-[data-theme="dark"] .mt-avatar[data-v-a5ae0cd0] {
-  color: var(--mt-avatar--color-secondary);
-  background-color: var(--mt-avatar--color-primary);
-}
-.mt-avatar--square[data-v-a5ae0cd0] {
-  border-radius: var(--border-radius-xs);
-}
-.mt-avatar--color-orange[data-v-a5ae0cd0] {
-  --mt-avatar--color-primary: #974200;
-  --mt-avatar--color-secondary: #fff2ec;
-}
-.mt-avatar--color-green[data-v-a5ae0cd0] {
-  --mt-avatar--color-primary: #007e4e;
-  --mt-avatar--color-secondary: #ddffea;
-}
-.mt-avatar--color-pink[data-v-a5ae0cd0] {
-  --mt-avatar--color-primary: #a8005c;
-  --mt-avatar--color-secondary: #fff1f5;
-}
-.mt-avatar--color-yellow[data-v-a5ae0cd0] {
-  --mt-avatar--color-primary: #4f4100;
-  --mt-avatar--color-secondary: #fff7d6;
-}
-.mt-avatar--color-purple[data-v-a5ae0cd0] {
-  --mt-avatar--color-primary: #633bc6;
-  --mt-avatar--color-secondary: #f5f4ff;
-}
-.mt-avatar--color-red[data-v-a5ae0cd0] {
-  --mt-avatar--color-primary: #90000e;
-  --mt-avatar--color-secondary: #fff2f0;
-}
-.mt-avatar--color-blue[data-v-a5ae0cd0] {
-  --mt-avatar--color-primary: #005b99;
-  --mt-avatar--color-secondary: #eef6ff;
-}
+.mt-avatar[data-v-a5ae0cd0]{display:inline-grid;place-items:center;width:var(--mt-avatar-size);height:var(--mt-avatar-size);border-radius:var(--border-radius-round);background-size:cover;font-size:calc(var(--mt-avatar-size) * .4);font-weight:var(--font-weight-semibold);text-transform:uppercase;-webkit-user-select:none;user-select:none;color:var(--mt-avatar--color-primary);background-color:var(--mt-avatar--color-secondary)}.mt-avatar--size-2xs[data-v-a5ae0cd0]{--mt-avatar-size: var(--scale-size-16)}.mt-avatar--size-xs[data-v-a5ae0cd0]{--mt-avatar-size: var(--scale-size-24)}.mt-avatar--size-s[data-v-a5ae0cd0]{--mt-avatar-size: var(--scale-size-32)}.mt-avatar--size-m[data-v-a5ae0cd0]{--mt-avatar-size: var(--scale-size-40)}.mt-avatar--size-l[data-v-a5ae0cd0]{--mt-avatar-size: var(--scale-size-48)}[data-theme=dark] .mt-avatar[data-v-a5ae0cd0]{color:var(--mt-avatar--color-secondary);background-color:var(--mt-avatar--color-primary)}.mt-avatar--square[data-v-a5ae0cd0]{border-radius:var(--border-radius-xs)}.mt-avatar--color-orange[data-v-a5ae0cd0]{--mt-avatar--color-primary: #974200;--mt-avatar--color-secondary: #fff2ec}.mt-avatar--color-green[data-v-a5ae0cd0]{--mt-avatar--color-primary: #007e4e;--mt-avatar--color-secondary: #ddffea}.mt-avatar--color-pink[data-v-a5ae0cd0]{--mt-avatar--color-primary: #a8005c;--mt-avatar--color-secondary: #fff1f5}.mt-avatar--color-yellow[data-v-a5ae0cd0]{--mt-avatar--color-primary: #4f4100;--mt-avatar--color-secondary: #fff7d6}.mt-avatar--color-purple[data-v-a5ae0cd0]{--mt-avatar--color-primary: #633bc6;--mt-avatar--color-secondary: #f5f4ff}.mt-avatar--color-red[data-v-a5ae0cd0]{--mt-avatar--color-primary: #90000e;--mt-avatar--color-secondary: #fff2f0}.mt-avatar--color-blue[data-v-a5ae0cd0]{--mt-avatar--color-primary: #005b99;--mt-avatar--color-secondary: #eef6ff}

package/dist/mt-badge.css

@@ -1,51 +1 @@
-
-.mt-badge[data-v-a68e1e27] {
-  display: inline-flex;
-  align-items: center;
-  border-radius: var(--border-radius-round);
-  flex-shrink: 0;
-  font-family: var(--font-family-body);
-  font-weight: var(--font-weight-medium);
-  color: var(--color-text-primary-default);
-}
-.mt-badge--size-s[data-v-a68e1e27] {
-  height: var(--scale-size-20);
-  padding: 0 var(--scale-size-8);
-  gap: var(--scale-size-4);
-  font-size: var(--font-size-2xs);
-  line-height: var(--font-line-height-2xs);
-}
-.mt-badge--size-m[data-v-a68e1e27] {
-  height: var(--scale-size-24);
-  padding: 0 var(--scale-size-10);
-  gap: var(--scale-size-4);
-  font-size: var(--font-size-xs);
-  line-height: var(--font-line-height-xs);
-}
-.mt-badge--size-l[data-v-a68e1e27] {
-  height: var(--scale-size-28);
-  padding: 0 var(--scale-size-12);
-  gap: var(--scale-size-6);
-  font-size: var(--font-size-s);
-  line-height: var(--font-line-height-s);
-}
-.mt-badge--variant-neutral[data-v-a68e1e27] {
-  background-color: var(--color-background-secondary-default);
-  border: 1px solid var(--color-border-primary-default);
-}
-.mt-badge--variant-info[data-v-a68e1e27] {
-  background-color: var(--color-background-brand-default);
-  border: 1px solid var(--color-border-brand-default);
-}
-.mt-badge--variant-attention[data-v-a68e1e27] {
-  background-color: var(--color-background-attention-default);
-  border: 1px solid var(--color-border-attention-default);
-}
-.mt-badge--variant-critical[data-v-a68e1e27] {
-  background-color: var(--color-background-critical-default);
-  border: 1px solid var(--color-border-critical-default);
-}
-.mt-badge--variant-positive[data-v-a68e1e27] {
-  background-color: var(--color-background-positive-default);
-  border: 1px solid var(--color-border-positive-default);
-}
+.mt-badge[data-v-a68e1e27]{display:inline-flex;align-items:center;border-radius:var(--border-radius-round);flex-shrink:0;font-family:var(--font-family-body);font-weight:var(--font-weight-medium);color:var(--color-text-primary-default)}.mt-badge--size-s[data-v-a68e1e27]{height:var(--scale-size-20);padding:0 var(--scale-size-8);gap:var(--scale-size-4);font-size:var(--font-size-2xs);line-height:var(--font-line-height-2xs)}.mt-badge--size-m[data-v-a68e1e27]{height:var(--scale-size-24);padding:0 var(--scale-size-10);gap:var(--scale-size-4);font-size:var(--font-size-xs);line-height:var(--font-line-height-xs)}.mt-badge--size-l[data-v-a68e1e27]{height:var(--scale-size-28);padding:0 var(--scale-size-12);gap:var(--scale-size-6);font-size:var(--font-size-s);line-height:var(--font-line-height-s)}.mt-badge--variant-neutral[data-v-a68e1e27]{background-color:var(--color-background-secondary-default);border:1px solid var(--color-border-primary-default)}.mt-badge--variant-info[data-v-a68e1e27]{background-color:var(--color-background-brand-default);border:1px solid var(--color-border-brand-default)}.mt-badge--variant-attention[data-v-a68e1e27]{background-color:var(--color-background-attention-default);border:1px solid var(--color-border-attention-default)}.mt-badge--variant-critical[data-v-a68e1e27]{background-color:var(--color-background-critical-default);border:1px solid var(--color-border-critical-default)}.mt-badge--variant-positive[data-v-a68e1e27]{background-color:var(--color-background-positive-default);border:1px solid var(--color-border-positive-default)}

package/dist/mt-banner.css

@@ -1,95 +1 @@
-
-.mt-banner[data-v-f553a71d] {
-  border: 1px solid;
-  padding: var(--scale-size-20);
-  border-radius: var(--border-radius-xs);
-  /* @TODO: Automatic centering behavior to be removed */
-  margin: 0 auto var(--scale-size-20);
-  display: flex;
-  flex-direction: row;
-  gap: var(--scale-size-12);
-}
-.mt-banner--future-remove-default-margin[data-v-f553a71d] {
-  margin: 0;
-}
-.mt-banner__icon[data-v-f553a71d] {
-  flex-shrink: 0;
-}
-.mt-banner--future-full-width[data-v-f553a71d] {
-  width: 100%;
-}
-.mt-banner__title[data-v-f553a71d] {
-  line-height: var(--font-line-height-2xs);
-  margin-block-end: 0;
-}
-.mt-banner__body[data-v-f553a71d] {
-  font-family: var(--font-family-body);
-  font-size: var(--font-size-xs);
-  line-height: var(--font-line-height-xs);
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: var(--scale-size-4);
-  flex: 1;
-}
-.mt-banner__message[data-v-f553a71d] {
-  color: var(--color-text-primary-default);
-}
-.mt-banner__close[data-v-f553a71d] {
-  margin-top: calc(var(--scale-size-10) * -1);
-  margin-right: calc(var(--scale-size-10) * -1);
-}
-.mt-banner--info {
-&[data-v-f553a71d] {
-  border-color: var(--color-border-brand-default);
-  background-color: var(--color-background-brand-default);
-  }
-&[data-v-f553a71d] :is(.mt-banner__icon) {
-    color: var(--color-icon-brand-default);
-}
-}
-.mt-banner--attention {
-&[data-v-f553a71d] {
-  border-color: var(--color-border-attention-default);
-  background-color: var(--color-background-attention-default);
-  }
-&[data-v-f553a71d] :is(.mt-banner__icon) {
-    color: var(--color-icon-attention-default);
-}
-}
-.mt-banner--critical {
-&[data-v-f553a71d] {
-  border-color: var(--color-border-critical-default);
-  background-color: var(--color-background-critical-default);
-  }
-&[data-v-f553a71d] :is(.mt-banner__icon) {
-    color: var(--color-icon-critical-default);
-}
-}
-.mt-banner--positive {
-&[data-v-f553a71d] {
-  border-color: var(--color-border-positive-default);
-  background-color: var(--color-background-positive-default);
-  }
-&[data-v-f553a71d] :is(.mt-banner__icon) {
-    color: var(--color-icon-positive-default);
-}
-}
-.mt-banner--inherited {
-&[data-v-f553a71d] {
-  border-color: var(--color-border-accent-default);
-  background-color: var(--color-background-accent-default);
-  }
-&[data-v-f553a71d] :is(.mt-banner__icon) {
-    color: var(--color-icon-accent-default);
-}
-}
-.mt-banner--neutral {
-&[data-v-f553a71d] {
-  border-color: var(--color-border-primary-default);
-  background-color: var(--color-background-secondary-default);
-  }
-&[data-v-f553a71d] :is(.mt-banner__icon) {
-    color: var(--color-icon-primary-default);
-}
-}
+.mt-banner[data-v-f553a71d]{border:1px solid;padding:var(--scale-size-20);border-radius:var(--border-radius-xs);margin:0 auto var(--scale-size-20);display:flex;flex-direction:row;gap:var(--scale-size-12)}.mt-banner--future-remove-default-margin[data-v-f553a71d]{margin:0}.mt-banner__icon[data-v-f553a71d]{flex-shrink:0}.mt-banner--future-full-width[data-v-f553a71d]{width:100%}.mt-banner__title[data-v-f553a71d]{line-height:var(--font-line-height-2xs);margin-block-end:0}.mt-banner__body[data-v-f553a71d]{font-family:var(--font-family-body);font-size:var(--font-size-xs);line-height:var(--font-line-height-xs);display:flex;flex-direction:column;align-items:flex-start;gap:var(--scale-size-4);flex:1}.mt-banner__message[data-v-f553a71d]{color:var(--color-text-primary-default)}.mt-banner__close[data-v-f553a71d]{margin-top:calc(var(--scale-size-10) * -1);margin-right:calc(var(--scale-size-10) * -1)}.mt-banner--info[data-v-f553a71d]{border-color:var(--color-border-brand-default);background-color:var(--color-background-brand-default)}.mt-banner--info[data-v-f553a71d] :is(.mt-banner__icon){color:var(--color-icon-brand-default)}.mt-banner--attention[data-v-f553a71d]{border-color:var(--color-border-attention-default);background-color:var(--color-background-attention-default)}.mt-banner--attention[data-v-f553a71d] :is(.mt-banner__icon){color:var(--color-icon-attention-default)}.mt-banner--critical[data-v-f553a71d]{border-color:var(--color-border-critical-default);background-color:var(--color-background-critical-default)}.mt-banner--critical[data-v-f553a71d] :is(.mt-banner__icon){color:var(--color-icon-critical-default)}.mt-banner--positive[data-v-f553a71d]{border-color:var(--color-border-positive-default);background-color:var(--color-background-positive-default)}.mt-banner--positive[data-v-f553a71d] :is(.mt-banner__icon){color:var(--color-icon-positive-default)}.mt-banner--inherited[data-v-f553a71d]{border-color:var(--color-border-accent-default);background-color:var(--color-background-accent-default)}.mt-banner--inherited[data-v-f553a71d] :is(.mt-banner__icon){color:var(--color-icon-accent-default)}.mt-banner--neutral[data-v-f553a71d]{border-color:var(--color-border-primary-default);background-color:var(--color-background-secondary-default)}.mt-banner--neutral[data-v-f553a71d] :is(.mt-banner__icon){color:var(--color-icon-primary-default)}

package/dist/mt-base-field.css

@@ -1,206 +1 @@
-
-.mt-field {
-  width: 100%;
-  margin-bottom: var(--scale-size-32);
-}
-.mt-field.has--error {
-  margin-bottom: var(--scale-size-12);
-}
-.mt-field.is--disabled {
-  cursor: not-allowed;
-}
-.mt-field__hint-wrapper {
-  display: flex;
-  justify-content: space-between;
-}
-.mt-field__hint,
-.mt-field__hint-right {
-  margin-top: var(--scale-size-4);
-  font-size: var(--font-size-xs);
-  line-height: var(--font-line-height-xs);
-  font-family: var(--font-family-body);
-  color: var(--color-text-secondary-default);
-  display: flex;
-  align-items: center;
-  gap: var(--scale-size-8);
-}
-.mt-field__hint:empty,
-.mt-field__hint-right:empty {
-  display: none;
-}
-.mt-field__hint-right {
-  justify-content: flex-end;
-}
-.mt-field input:-webkit-autofill {
-  -webkit-box-shadow: 0 0 0 1000px var(--color-background-primary-default) inset;
-}
-.mt-field .mt-block-field__block {
-  display: flex;
-  min-height: var(--scale-size-40);
-  border: 1px solid var(--color-border-primary-default);
-  border-radius: var(--border-radius-xs);
-  overflow: hidden;
-}
-.mt-field input,
-.mt-field select,
-.mt-field textarea {
-  display: block;
-  width: 100%;
-  min-width: 0;
-  padding: var(--scale-size-8) var(--scale-size-16);
-  border: none;
-  background: var(--color-background-primary-default);
-  font-size: var(--font-size-xs);
-  font-family: var(--font-family-body);
-  line-height: 1;
-  transition:
-    border-color 0.3s ease-out,
-    background 0.3s ease;
-  color: var(--color-text-primary-default);
-  outline: none;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-}
-.mt-field input:invalid,
-.mt-field input:-moz-submit-invalid,
-.mt-field input:-moz-ui-invalid,
-.mt-field select:invalid,
-.mt-field select:-moz-submit-invalid,
-.mt-field select:-moz-ui-invalid,
-.mt-field textarea:invalid,
-.mt-field textarea:-moz-submit-invalid,
-.mt-field textarea:-moz-ui-invalid {
-  box-shadow: none;
-}
-.mt-field input:disabled,
-.mt-field select:disabled,
-.mt-field textarea:disabled {
-  background: var(--color-background-tertiary-default);
-  border-color: #d1d9e0;
-  cursor: default !important;
-}
-.mt-field input::placeholder,
-.mt-field select::placeholder,
-.mt-field textarea::placeholder {
-  color: var(--color-text-secondary-default);
-}
-.mt-field.has--focus .mt-block-field__block {
-  outline: var(--scale-size-2) solid var(--color-border-brand-default);
-  outline-offset: var(--scale-size-2);
-}
-.mt-field.has--error label {
-  color: var(--color-text-critical-default);
-}
-.mt-field.has--error.mt-field input {
-  background-color: var(--color-background-critical-default);
-}
-.mt-field.has--error .mt-field__addition {
-  border-left: 1px solid var(--color-border-critical-default);
-}
-.mt-field.has--error .mt-field__addition.is--prefix {
-  border-right: 1px solid var(--color-border-critical-default);
-  border-left: none;
-}
-.mt-field.has--error .mt-block-field__block {
-  background: var(--color-background-critical-default);
-  border-color: var(--color-border-critical-default);
-}
-.mt-field .mt-field--select__options .mt-icon {
-  margin-bottom: 5px;
-}
-.mt-field.mt-field--small {
-  margin-bottom: 0;
-}
-.mt-field.mt-field--small .mt-block-field__block {
-  min-height: var(--scale-size-32);
-}
-.mt-field.mt-field--small input,
-.mt-field.mt-field--small textarea,
-.mt-field.mt-field--small select {
-  padding: var(--scale-size-4) var(--scale-size-16);
-}
-.mt-field .mt-field__addition {
-  display: flex;
-  flex-shrink: 0;
-  justify-content: center;
-  align-items: center;
-  min-width: 50px;
-  background: var(--color-background-tertiary-default);
-  border-left: 1px solid var(--color-border-primary-default);
-  border-right: none;
-  padding: var(--scale-size-8) 15px;
-  font-size: var(--font-size-xs);
-  line-height: var(--font-line-height-xs);
-  font-family: var(--font-family-body);
-  color: var(--color-text-primary-default);
-  transition:
-    border-color 0.3s ease-out,
-    background 0.3s ease;
-}
-.mt-field .mt-field__addition:empty {
-  display: none;
-}
-.mt-field .mt-field__addition:has(button) {
-  padding: 0;
-& > button {
-    width: 100%;
-    height: 100%;
-    padding: var(--scale-size-8) 15px;
-}
-}
-.mt-field .mt-field__addition.is--prefix {
-  border-right: 1px solid var(--color-border-primary-default);
-  border-left: none;
-}
-.mt-field .mt-field__addition.is--prefix:empty {
-  display: none;
-}
-.mt-field.mt-field--small .mt-field__addition {
-  padding: 5px var(--scale-size-16);
-}
-.mt-field .mt-field__inheritance-icon {
-  margin-left: var(--scale-size-4);
-  margin-right: var(--scale-size-4);
-}
-.mt-field .mt-field__button-restore {
-  color: #52667a;
-  padding: 0 var(--scale-size-8);
-  border: none;
-  background: none;
-  outline: none;
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  cursor: pointer;
-}
-.mt-field .mt-field__label {
-  display: flex;
-  line-height: 16px;
-  font-size: var(--font-size-xs);
-  margin-bottom: var(--scale-size-8);
-  color: var(--color-text-primary-default);
-  column-gap: var(--scale-size-6);
-}
-.mt-field.mt-field--future-consistent-label-line-height .mt-field__label {
-  line-height: var(--font-line-height-xs);
-}
-.mt-field .mt-field__label label {
-  flex-grow: 1;
-}
-.mt-field .mt-field__label:empty,
-.mt-field .mt-field__label:has(label:only-child:empty) {
-  display: none;
-}
-.mt-field .mt-field__label .is--required::after {
-  content: "*";
-  color: var(--color-icon-brand-default);
-  margin-left: var(--scale-size-4);
-}
-.mt-field.is--inherited .mt-field__label {
-  color: var(--color-text-accent-default);
-}
-.mt-field.is--inherited .mt-field__label .ct-icon {
-  color: var(--color-icon-accent-default);
-}
-.mt-field--future-remove-default-margin {
-  margin-bottom: 0;
-}
+.mt-field{width:100%;margin-bottom:var(--scale-size-32)}.mt-field.has--error{margin-bottom:var(--scale-size-12)}.mt-field.is--disabled{cursor:not-allowed}.mt-field__hint-wrapper{display:flex;justify-content:space-between}.mt-field__hint,.mt-field__hint-right{margin-top:var(--scale-size-4);font-size:var(--font-size-xs);line-height:var(--font-line-height-xs);font-family:var(--font-family-body);color:var(--color-text-secondary-default);display:flex;align-items:center;gap:var(--scale-size-8)}.mt-field__hint:empty,.mt-field__hint-right:empty{display:none}.mt-field__hint-right{justify-content:flex-end}.mt-field input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--color-background-primary-default) inset;-webkit-text-fill-color:var(--color-text-primary-default);caret-color:var(--color-text-primary-default)}.mt-field .mt-block-field__block{display:flex;min-height:var(--scale-size-40);border:1px solid var(--color-border-primary-default);border-radius:var(--border-radius-xs);overflow:hidden}.mt-field input,.mt-field select,.mt-field textarea{display:block;width:100%;min-width:0;padding:var(--scale-size-8) var(--scale-size-16);border:none;background:var(--color-background-primary-default);font-size:var(--font-size-xs);font-family:var(--font-family-body);line-height:1;transition:border-color .3s ease-out,background .3s ease;color:var(--color-text-primary-default);outline:none;-webkit-appearance:none;-moz-appearance:none}.mt-field input:invalid,.mt-field input:-moz-submit-invalid,.mt-field input:-moz-ui-invalid,.mt-field select:invalid,.mt-field select:-moz-submit-invalid,.mt-field select:-moz-ui-invalid,.mt-field textarea:invalid,.mt-field textarea:-moz-submit-invalid,.mt-field textarea:-moz-ui-invalid{box-shadow:none}.mt-field input:disabled,.mt-field select:disabled,.mt-field textarea:disabled{background:var(--color-background-tertiary-default);border-color:#d1d9e0;cursor:default!important}.mt-field input::placeholder,.mt-field select::placeholder,.mt-field textarea::placeholder{color:var(--color-text-secondary-default)}.mt-field.has--focus .mt-block-field__block{outline:var(--scale-size-2) solid var(--color-border-brand-default);outline-offset:var(--scale-size-2)}.mt-field.has--error label{color:var(--color-text-critical-default)}.mt-field.has--error.mt-field input{background-color:var(--color-background-critical-default)}.mt-field.has--error input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--color-background-critical-default) inset}.mt-field.has--error .mt-field__addition{border-left:1px solid var(--color-border-critical-default)}.mt-field.has--error .mt-field__addition.is--prefix{border-right:1px solid var(--color-border-critical-default);border-left:none}.mt-field.has--error .mt-block-field__block{background:var(--color-background-critical-default);border-color:var(--color-border-critical-default)}.mt-field .mt-field--select__options .mt-icon{margin-bottom:5px}.mt-field.mt-field--small{margin-bottom:0}.mt-field.mt-field--small .mt-block-field__block{min-height:var(--scale-size-32)}.mt-field.mt-field--small input,.mt-field.mt-field--small textarea,.mt-field.mt-field--small select{padding:var(--scale-size-4) var(--scale-size-16)}.mt-field .mt-field__addition{display:flex;flex-shrink:0;justify-content:center;align-items:center;min-width:50px;background:var(--color-background-tertiary-default);border-left:1px solid var(--color-border-primary-default);border-right:none;padding:var(--scale-size-8) 15px;font-size:var(--font-size-xs);line-height:var(--font-line-height-xs);font-family:var(--font-family-body);color:var(--color-text-primary-default);transition:border-color .3s ease-out,background .3s ease}.mt-field .mt-field__addition:empty{display:none}.mt-field .mt-field__addition:has(button){padding:0}.mt-field .mt-field__addition:has(button)>button{width:100%;height:100%;padding:var(--scale-size-8) 15px}.mt-field .mt-field__addition.is--prefix{border-right:1px solid var(--color-border-primary-default);border-left:none}.mt-field .mt-field__addition.is--prefix:empty{display:none}.mt-field.mt-field--small .mt-field__addition{padding:5px var(--scale-size-16)}.mt-field .mt-field__inheritance-icon{margin-left:var(--scale-size-4);margin-right:var(--scale-size-4)}.mt-field .mt-field__button-restore{color:#52667a;padding:0 var(--scale-size-8);border:none;background:none;outline:none;-moz-appearance:none;-webkit-appearance:none;cursor:pointer}.mt-field .mt-field__label{display:flex;line-height:16px;font-size:var(--font-size-xs);margin-bottom:var(--scale-size-8);color:var(--color-text-primary-default);column-gap:var(--scale-size-6)}.mt-field.mt-field--future-consistent-label-line-height .mt-field__label{line-height:var(--font-line-height-xs)}.mt-field .mt-field__label label{flex-grow:1}.mt-field .mt-field__label:empty,.mt-field .mt-field__label:has(label:only-child:empty){display:none}.mt-field .mt-field__label .is--required:after{content:"*";color:var(--color-icon-brand-default);margin-left:var(--scale-size-4)}.mt-field.is--inherited .mt-field__label{color:var(--color-text-accent-default)}.mt-field.is--inherited .mt-field__label .ct-icon{color:var(--color-icon-accent-default)}.mt-field--future-remove-default-margin{margin-bottom:0}