:root {
  --body-bg: #f2f3fe;
  --carrot: #ff815f;
  --dark-blue: #050635;
  --field-grey: #fbfbff;
  --green: #62e23b;
  --grey-for-text: #7e7f9b;
  --light-blue: #393875;
  --light-gray: #eaeaf7;
  --light-grey: #d3d4df;
  --orangish: #ff7279;
  --purple: #5843be;
  --sky-blue: #88dcff;
  --yellow: #ffb12b;
  --color-purple-50: #f8f7ff;
  --color-purple-100: #f3f0ff;
  --color-purple-200: #e2dbff;
  --color-purple-300: #d7cef8;
  --color-purple-400: #7667c0;
  --color-purple-500: #5843be;
  --color-purple-600: #4227c1;
  --color-purple-700: #2e179e;
  --color-purple-800: #25137b;
  --color-purple-900: #1a0a6b;
  --color-gray-50: #f9f8f8;
  --color-gray-100: #e9e9e9;
  --color-gray-200: #ccc;
  --color-gray-300: #b3b3b3;
  --color-gray-400: #999;
  --color-gray-500: #808080;
  --color-gray-600: #666;
  --color-gray-700: #4c4c4c;
  --color-gray-800: #333;
  --color-white: #fff;
  --color-black: #000;
  --color-dark-blue: #0e0e2c;
  --color-magenta: #ff6982;
  --color-green: #3bac7d;
  --color-yellow: #ffb21e;
  --color-red: #e6202f;
  --color-slate-300: #adaec8;
  --color-slate-600: #7e7f9b;
  --color-slate-900: #0e0e2c;
  --color-primary: #5843be;
  --color-text: #0e0e2c;
  --modal-z-index: 200;
  --modal-z-offset: 10;
}

* {
  box-sizing: border-box;
  margin: 0;
}

loom-container,
vimeo-extension {
  display: none !important;
}

[className] {
  background-color: red !important;
  border: 4px solid red !important;
}

html,
body {
  position: relative;
  display: block;
  width: 100%;
  min-width: 320px;
  padding: 0;
  overscroll-behavior-y: none;
}

html {
  font-family: -apple-system, BlinkMacSystemFont, sans-serif;
}

body {
  overflow-y: scroll;
  color: #312f5a;
  font-weight: 450;
  font-size: 14px;
  line-height: 18px;
  background: var(--body-bg);
  -webkit-font-smoothing: antialiased;
}

section,
.section {
  margin-bottom: 32px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  max-width: 42ch;
  font-weight: 600;
}

h1,
.h1 {
  font-size: 24px;
  line-height: 32px;
}

h2,
.h2 {
  font-size: 18px;
  line-height: 26px;
}

h3,
.h3 {
  font-size: 16px;
  line-height: 20px;
}

h4,
.h4 {
  font-size: 14px;
  line-height: 18px;
}

h5,
.h5 {
  font-size: 12px;
  line-height: 15px;
}

h6,
.h6 {
  font-size: 11px;
  line-height: 15px;
}

b,
.bold {
  font-weight: 600;
}

i,
.italic {
  font-style: italic;
}

small {
  font-size: 13px;
}

x-small {
  font-size: 12px;
}

xx-small {
  font-size: 11px;
}

p {
  max-width: 54ch;
  margin-bottom: 1em;
  line-height: 1.5;
}

hr {
  width: 100%;
  height: 2px;
  background-color: #e1e1f8;
  border: none;
}

a {
  color: inherit;
  text-decoration: none;
}

.cursor,
[modal],
[href] {
  cursor: pointer;
}

audio::-webkit-media-controls-mute-button {
  display: none !important;
}

.right {
  justify-content: flex-end;
  justify-self: flex-end;
  text-align: right !important;
}

.left {
  justify-content: flex-start;
  justify-self: flex-start;
  text-align: left !important;
}

.center {
  display: flex;
  justify-content: center;
  justify-self: center;
  margin-right: auto;
  margin-left: auto;
  text-align: center !important;
}

.hidden {
  display: none !important;
}

.invisible {
  visibility: hidden;
}

.prototype {
  display: none !important;
}

.loading-modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: calc(var(--modal-z-index) + var(--modal-z-offset));
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  user-select: none;
}

.loading-modal > div {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 200px;
  transform: translate(-50%, -50%);
}

.loading-modal img {
  width: 7rem;
  height: auto;
  border-radius: 7rem;
}

img.info {
  width: 20px;
  margin-left: 4px;
  vertical-align: middle;
  cursor: pointer;
  opacity: 0.5;
}

img.cat {
  width: 300px;
}

.error {
  border: solid 2px red;
}

input.error,
select.error {
  border: solid 2px red !important;
}

.sortable-placeholder {
  display: inline-block;
  min-width: 28px;
  min-height: 28px;
  background-color: rgba(0, 0, 0, 0.5);
  border: dashed 2px black;
}

img[robot-id] {
  opacity: 0;
}

.copyable {
  cursor: pointer;
  transition: 0.3s;
}

.copyable.copied {
  outline: greenyellow dashed 1px;
}

.row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.main .row {
  flex-wrap: wrap;
}

.main .row > * {
  margin-right: 24px;
}

.main .row > *:last-child {
  margin-right: 0;
}

.panel {
  padding: 0.75rem;
  background: #fff;
  border: 1px solid #e0e3ff;
  border-radius: 0.5rem;
}

.alert {
  padding: 24px;
  background-color: #f5d47c;
  border-radius: 4px;
}

.alert p {
  color: white;
}

.dropdown {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.dropdown .dropdown-content {
  position: absolute;
  top: 100%;
  z-index: 100;
  display: none;
  background: #fff;
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.2);
}

.dropdown .dropdown-content--right {
  right: 0;
}

.dropdown .dropdown-content--top {
  top: unset;
  bottom: 100%;
}

.dropdown a {
  display: block;
  padding: 6px 16px;
  color: black;
  white-space: pre;
  background: white;
  transition: 0.3s;
}

.dropdown a:first-of-type {
  padding-top: 12px;
}

.dropdown a:last-of-type {
  padding-bottom: 12px;
}

@media (hover: hover) {
  .dropdown a:hover {
    background: #eefdff;
  }
}

.settings-icon {
  width: 1rem;
}

:not(button).red,
:not(button).danger {
  color: #b71c1c;
}

span.rejected {
  color: #b71c1c;
}

.green,
span.approved {
  color: green;
}

h1.address,
h2.address {
  margin-bottom: 0;
}

h1.address .city,
h2.address .city {
  font-weight: 400;
  font-size: 1rem;
}

h1.address span,
h2.address span {
  display: block;
  white-space: nowrap;
}

h1.address small,
h2.address small {
  display: block;
  font-size: 14px;
}

.nowrap {
  white-space: nowrap;
}

.numeric {
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.font-12 {
  font-size: 12px;
}

.text-left {
  text-align: left !important;
}

.text-center {
  text-align: center !important;
}

.text-right {
  text-align: right !important;
}

.width-full {
  width: 100% !important;
}

.grid-contents {
  display: contents;
}

.align-center {
  align-items: center;
}

.justify-center {
  justify-items: center;
}

.flex-column {
  display: flex;
  flex-flow: column;
}

.flex-between {
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
}

.flex-left {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.flex-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.flex-end {
  display: flex;
  justify-content: flex-end;
}

.flex-bottom {
  display: flex;
  align-items: flex-end;
}

.flex-center {
  display: flex;
  align-items: center;
}

.flex-justify {
  display: flex;
  justify-content: center;
}

.flex-4 {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.flex-8 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.flex-16 {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.flex-32 {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}

.grid-rows-4 {
  display: grid;
  grid-auto-rows: min-content;
  row-gap: 4px;
}

.grid-rows-8 {
  display: grid;
  grid-auto-rows: min-content;
  row-gap: 8px;
}

.grid-rows-16 {
  display: grid;
  grid-auto-rows: min-content;
  row-gap: 16px;
}

.grid-rows-32 {
  display: grid;
  grid-auto-rows: min-content;
  row-gap: 32px;
}

.gap-0 {
  gap: 0 !important;
}

.gap-4 {
  gap: 4px !important;
}

.gap-8 {
  gap: 8px !important;
}

.gap-1,
.gap-16 {
  gap: 16px !important;
}

.gap-2,
.gap-32 {
  gap: 32px !important;
}

.grid-bottom {
  align-items: flex-end;
}

.grid-cols-auto {
  display: grid;
  grid-auto-flow: column;
  gap: 1rem;
  width: 100%;
}

.grid-cols-1,
.grid-cols-2,
.grid-cols-2-auto,
.grid-cols-3,
.grid-cols-4,
.grid-cols-5 {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1rem;
  width: 100%;
}

.grid-cols-2 > *,
.grid-cols-3 > *,
.grid-cols-4 > *,
.grid-cols-5 > * {
  margin-top: 0 !important;
}

.grid-cols-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}

.grid-cols-3,
.grid-cols-4,
.grid-cols-5 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}

.grid-cols-2-auto {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 1rem;
}

.grid-cols-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}

.grid-cols-5 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1rem;
}

.grid-table {
  display: grid;
  text-align: left;
}

.grid-table--scroll-8 {
  max-height: 30ch;
  overflow-y: auto;
}

.grid-table .grid-table__header {
  position: sticky;
  top: 0;
  z-index: 1;
  border-radius: 8px 8px 0 0;
}

.grid-table .grid-table__header--not-sticky {
  position: relative;
}

.grid-table .grid-table__header + .grid-table__body {
  border-radius: 0 0 8px 8px;
}

.grid-table .grid-table__footer {
  position: sticky;
  bottom: 0;
  border-radius: 8px;
}

.grid-table .grid-table__header,
.grid-table .grid-table__footer {
  align-items: center;
  padding: 5px 10px;
  color: #4530ae;
  font-weight: 500;
  background-color: #e0e3ff;
}

.grid-table .grid-table__header .grid-table__row,
.grid-table .grid-table__footer .grid-table__row {
  min-height: 36px;
}

.grid-table .grid-table__body {
  display: grid;
  padding: 10px;
  background-color: #fff;
  border-radius: 8px;
}

.grid-table .grid-table__body > .grid-table__row:nth-child(odd) {
  background-color: #fbfbff;
  border-color: #e0e3ff;
}

.grid-table .grid-table__row {
  display: grid;
  grid-auto-flow: column;
  gap: 10px;
  align-items: center;
  min-height: 42px;
  padding: 4px 0;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}

.grid-table .grid-table__row > :first-child {
  padding-left: 10px;
}

.grid-table .grid-table__row > :last-child {
  padding-right: 10px;
}

.grid-table--small .grid-table__header,
.grid-table--small .grid-table__body {
  padding: 5px;
}

.grid-table--small .grid-table__header .grid-table__row {
  min-height: 24px;
}

.grid-table--small .grid-table__row {
  min-height: 24px;
}

.grid-table--xsmall {
  font-size: 12px;
}

.grid-table--xsmall .grid-table__header,
.grid-table--xsmall .grid-table__body {
  padding: 5px;
}

.grid-table--xsmall .grid-table__header {
  font-size: 12px;
}

.grid-table--xsmall .grid-table__header .grid-table__row {
  min-height: 20px;
}

.grid-table--xsmall .grid-table__row {
  min-height: 20px;
  padding: 0;
}

.grid-table--flat .grid-table__body {
  padding: 0;
  background: transparent;
}

.grid-table--flat .grid-table__body .grid-table__row {
  padding-right: 10px;
  padding-left: 10px;
  border-radius: 0;
}

.grid-table--flat.grid-table--small .grid-table__body .grid-table__row,
.grid-table--flat.grid-table--xsmall .grid-table__body .grid-table__row {
  padding-right: 6px;
  padding-left: 6px;
}

.grid-table--transparent .grid-table__body {
  background: transparent;
}

.grid-table--transparent .grid-table__body > .grid-table__row:nth-child(odd),
.grid-table--transparent .grid-table__body > .grid-table__row:nth-child(even) {
  background-color: transparent;
}

.modal-top-jq,
.modal:not(.r) {
  display: none;
}

html.modal-showing {
  width: 100%;
  overflow: hidden;
}

html.modal-showing body {
  position: relative;
  width: 100%;
  overflow: hidden;
  overscroll-behavior-y: none;
}

.c-modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: calc(var(--modal-z-index) + var(--modal-z-offset));
  width: 100%;
  height: 100%;
  padding: 100px 5vw 5vh;
  overflow-y: scroll;
  background-color: var(--background-blanket, rgba(9, 30, 66, 0.54));
  outline: 0;
  pointer-events: initial;
}

.c-modal__inner {
  z-index: calc(var(--modal-z-index) - var(--modal-z-offset));
  width: fit-content;
  max-width: 96vw;
  margin: auto;
  pointer-events: none;
}

.modal {
  position: relative;
  z-index: 2;
  display: flex;
  width: 90vw;
  min-width: 320px;
  max-width: 960px;
  padding: 2rem 1rem;
  background: #fff;
  border-radius: 3px;
  box-shadow:
    rgba(9, 30, 66, 0.08) 0 0 0 1px,
    rgba(9, 30, 66, 0.08) 0 2px 1px,
    rgba(9, 30, 66, 0.31) 0 0 20px -6px;
  pointer-events: auto;
}

.modal form {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.modal form h1,
.modal form h2,
.modal form h3,
.modal form h4,
.modal form h5,
.modal form h6 {
  margin-bottom: 1rem;
}

.modal form label {
  margin-bottom: 0.25rem;
}

.modal form label.inline {
  margin-bottom: 1rem;
}

.modal form > [type="submit"] {
  margin-top: 1.5rem;
}

.modal__inner {
  position: relative;
  width: 100%;
}

.modal__close-btn {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  padding: 0.75rem 0.75rem 0.5rem 0.5rem;
  cursor: pointer;
}

.modal-title {
  margin: 5px 0;
}

.mantine-Modal--has-logo-graphic .mantine-Modal-inner {
  padding-top: 100px;
}

.mantine-Modal-header {
  position: absolute;
  right: 0;
  z-index: 2;
  transform: translateX(-50%);
}

:disabled {
  cursor: not-allowed;
  opacity: 0.7;
}

input:not([class*="mantine"])[type="color"],
input:not([class*="mantine"])[type="date"],
input:not([class*="mantine"])[type="datetime"],
input:not([class*="mantine"])[type="datetime-local"],
input:not([class*="mantine"])[type="email"],
input:not([class*="mantine"])[type="month"],
input:not([class*="mantine"])[type="number"],
input:not([class*="mantine"])[type="password"],
input:not([class*="mantine"])[type="search"],
input:not([class*="mantine"])[type="tel"],
input:not([class*="mantine"])[type="text"],
input:not([class*="mantine"])[type="time"],
input:not([class*="mantine"])[type="url"],
input:not([class*="mantine"])[type="week"] {
  box-sizing: inherit;
  width: 100%;
  min-width: 10ch;
  height: 36px;
  padding: 0 1.5ch;
  color: #312f5a;
  font-size: 14px;
  font-family: inherit;
  background-color: var(--field-grey);
  border: 1px solid rgba(164, 167, 205, 0.5);
  border-radius: 4px;
  box-shadow: none;
  -webkit-appearance: none;
}

input:not([class*="mantine"], [type]) {
  box-sizing: inherit;
  width: 100%;
  min-width: 10ch;
  height: 36px;
  padding: 0 1.5ch;
  color: #312f5a;
  font-size: 14px;
  font-family: inherit;
  background-color: var(--field-grey);
  border: 1px solid rgba(164, 167, 205, 0.5);
  border-radius: 4px;
  box-shadow: none;
  -webkit-appearance: none;
}

textarea,
select {
  box-sizing: inherit;
  width: 100%;
  min-width: 10ch;
  height: 36px;
  padding: 0 1.5ch;
  color: #312f5a;
  font-size: 14px;
  font-family: inherit;
  background-color: var(--field-grey);
  border: 1px solid rgba(164, 167, 205, 0.5);
  border-radius: 4px;
  box-shadow: none;
  -webkit-appearance: none;
}

input:not([class*="mantine"]):focus[type="color"],
input:not([class*="mantine"]):focus[type="date"],
input:not([class*="mantine"]):focus[type="datetime"],
input:not([class*="mantine"]):focus[type="datetime-local"],
input:not([class*="mantine"]):focus[type="email"],
input:not([class*="mantine"]):focus[type="month"],
input:not([class*="mantine"]):focus[type="number"],
input:not([class*="mantine"]):focus[type="password"],
input:not([class*="mantine"]):focus[type="search"],
input:not([class*="mantine"]):focus[type="tel"],
input:not([class*="mantine"]):focus[type="text"],
input:not([class*="mantine"]):focus[type="time"],
input:not([class*="mantine"]):focus[type="url"],
input:not([class*="mantine"]):focus[type="week"] {
  border-color: #8984ef;
  outline: 0;
}

input:not([class*="mantine"], [type]):focus {
  border-color: #8984ef;
  outline: 0;
}

textarea:focus,
select:focus {
  border-color: #8984ef;
  outline: 0;
}

input:not([class*="mantine"])[type="checkbox"],
input:not([class*="mantine"])[type="radio"] {
  display: inline;
  cursor: pointer;
}

input:not([class*="mantine"])[type="month"],
input:not([class*="mantine"])[name="ssn"] {
  width: 21ch;
}

input:not([class*="mantine"]).short,
input:not([class*="mantine"])[type="date"],
input:not([class*="mantine"])[type="time"] {
  width: 16ch;
}

input:not([class*="mantine"])[type="date"],
input:not([class*="mantine"])[type="time"] {
  font-size: 13px;
}

input:not([class*="mantine"])[type="date"]::-webkit-inner-spin-button {
  display: none;
}

input:not([class*="mantine"])[type="date"]::-webkit-calendar-picker-indicator {
  margin-left: 0;
}

input:not([class*="mantine"])[type="number"]::-webkit-inner-spin-button,
input:not([class*="mantine"])[type="number"]::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

input:not([class*="mantine"])::placeholder {
  color: rgba(164, 167, 205, 0.666);
}

textarea::placeholder {
  color: rgba(164, 167, 205, 0.666);
}

form h1,
form h2,
form h3,
form h4,
form h5,
form h6,
form textarea,
form select,
form ender-search {
  margin-bottom: 1rem;
}

form input:not([class*="mantine"]) {
  margin-bottom: 1rem;
}

form input:not([class*="mantine"])[type="color"],
form input:not([class*="mantine"])[type="date"],
form input:not([class*="mantine"])[type="datetime"],
form input:not([class*="mantine"])[type="datetime-local"],
form input:not([class*="mantine"])[type="email"],
form input:not([class*="mantine"])[type="month"],
form input:not([class*="mantine"])[type="number"],
form input:not([class*="mantine"])[type="password"],
form input:not([class*="mantine"])[type="search"],
form input:not([class*="mantine"])[type="tel"],
form input:not([class*="mantine"])[type="text"],
form input:not([class*="mantine"])[type="time"],
form input:not([class*="mantine"])[type="url"],
form input:not([class*="mantine"])[type="week"] {
  margin-bottom: 1rem;
}

form > button {
  width: 100%;
}

label:not([class*="mantine"]) {
  display: block;
  font-weight: 500;
  font-size: 12px;
}

label:not([class*="mantine"]).inline {
  display: inline-flex;
  gap: 3px;
  align-items: flex-start;
  cursor: pointer;
}

label:not([class*="mantine"]).inline input {
  margin: 3px;
}

input.large {
  height: 48px;
  margin-bottom: 1rem;
  font-size: 16px;
}

input.small,
input.xsmall {
  height: 30px;
  font-size: 12px;
  line-height: 15px;
}

input.transparent {
  height: auto;
  padding: 0;
  background-color: transparent;
}

select {
  width: auto;
  max-width: 16rem;
  padding-right: 38px;
  background: var(--field-grey) url("/drop-down.svg") calc(100% - 12px) 50%
    no-repeat;
  background-size: 14px 14px;
}

select.small {
  margin-bottom: 0.5rem;
  padding-right: 26px;
  font-size: 13px;
  line-height: 15px;
  background: var(--field-grey) url("/drop-down.svg") calc(100% - 8px) 50%
    no-repeat;
  background-size: 10px 10px;
}

select[multiple] {
  height: auto;
  background: none;
}

fieldset {
  position: relative;
  margin-bottom: 1.5rem;
  padding: 1rem;
  border: 1px solid rgba(164, 167, 205, 0.5);
  border-radius: 8px;
}

fieldset.empty {
  padding: 0 1rem;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  border-radius: 0;
}

legend {
  padding: 0.25rem 1rem;
  font-weight: 500;
  font-size: 12px;
  border: 1px solid rgba(164, 167, 205, 0.5);
  border-radius: 10rem;
}

textarea {
  max-width: 100%;
  height: auto;
  min-height: 7ch;
  padding: 1ch 1.5ch;
  outline: none;
  resize: none;
}

textarea.small {
  min-height: 4rem;
  font-size: 14px;
}

.input-wrapper {
  position: relative;
  display: inline-block;
}

.input-wrapper input {
  width: 100%;
}

.input-wrapper label {
  position: absolute;
  top: 15px;
  left: 16px;
  white-space: nowrap;
  opacity: 0.5;
  transition: 0.3s;
  pointer-events: none;
}

.input-wrapper input:focus + label,
.input-wrapper input.filled + label {
  left: calc(100% - 8px);
  transform: translateX(-100%);
}

input[type="number"]:not([class*="mantine"]),
[inputmode="numeric"]:not([class*="mantine"]) {
  max-width: 19ch;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.error-message {
  position: relative;
  color: #ff5252;
  font-size: 12px;
}

[data-copy] {
  cursor: pointer;
}

label.upload {
  flex-direction: column;
  margin-bottom: 0;
  cursor: pointer;
}

label.upload input[type="file"] {
  display: none;
  margin-bottom: 0;
  font-size: 12px;
}

button:not([data-ender-button-v2], [class*="mantine"]),
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  padding: 0 1.5ch;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  font-family: inherit;
  line-height: 1.666;
  background: #383a8d;
  border: none;
  border-radius: 5px;
  outline: none;
  cursor: pointer;
  transition: all 0.1s ease-in;
}

button:not([data-ender-button-v2], [class*="mantine"]):disabled,
.button:disabled {
  cursor: not-allowed;
  opacity: 0.666;
}

button:not([data-ender-button-v2], [class*="mantine"]).large,
.button.large {
  padding: 6px 24px;
  font-size: 16px;
}

button:not([data-ender-button-v2], [class*="mantine"]).xxsmall,
button:not([data-ender-button-v2], [class*="mantine"]).xsmall,
button:not([data-ender-button-v2], [class*="mantine"]).small,
.button.xxsmall,
.button.xsmall,
.button.small {
  height: 26px;
  padding: 3px 12px;
  font-size: 12px;
}

button:not([data-ender-button-v2], [class*="mantine"]).selected,
.button.selected {
  color: #fff;
  background-color: var(--carrot);
}

button:not([data-ender-button-v2], [class*="mantine"]).link,
.button.link {
  height: auto;
  min-height: 0;
  padding: 0;
  color: inherit;
  background-color: transparent;
}

button:not([data-ender-button-v2], [class*="mantine"]).danger,
button:not([data-ender-button-v2], [class*="mantine"]).reject,
.button.danger,
.button.reject {
  color: #fff;
  background-color: #b71c1c;
}

button:not([data-ender-button-v2], [class*="mantine"]).danger:disabled,
button:not([data-ender-button-v2], [class*="mantine"]).reject:disabled,
.button.danger:disabled,
.button.reject:disabled {
  background-color: #b71c1c;
}

button:not([data-ender-button-v2], [class*="mantine"]).danger.transparent,
button:not([data-ender-button-v2], [class*="mantine"]).reject.transparent,
.button.danger.transparent,
.button.reject.transparent {
  color: #b71c1c;
  background-color: transparent;
  border: 1px solid transparent;
}

button:not([data-ender-button-v2], [class*="mantine"]).approve,
button:not([data-ender-button-v2], [class*="mantine"]).accept,
.button.approve,
.button.accept {
  color: #fff;
  background-color: #07d3a0;
}

button:not([data-ender-button-v2], [class*="mantine"]).approve:disabled,
button:not([data-ender-button-v2], [class*="mantine"]).accept:disabled,
.button.approve:disabled,
.button.accept:disabled {
  background-color: #07d3a0;
}

button:not([data-ender-button-v2], [class*="mantine"]).approve.transparent,
button:not([data-ender-button-v2], [class*="mantine"]).accept.transparent,
.button.approve.transparent,
.button.accept.transparent {
  color: #07d3a0;
  background-color: transparent;
  border: 1px solid transparent;
}

button:not([data-ender-button-v2], [class*="mantine"]).transparent,
.button.transparent {
  color: inherit;
  background-color: transparent;
  box-shadow: none;
}

button:not([data-ender-button-v2], [class*="mantine"]).select + ul,
.button.select + ul {
  display: none;
}

.table {
  line-height: 18px;
}

.table--default {
  width: 100%;
  line-height: 18px;
  border-collapse: separate;
  border-spacing: 0 4px;
}

.table--default tbody tr {
  background: #fff;
}

.table--default tbody tr.active-row td {
  border-top: 2px solid #4530ae;
  border-bottom: 2px solid #4530ae;
}

.table--default tbody tr.active-row td:first-child {
  border-left: 2px solid #4530ae;
}

.table--default tbody tr.active-row td:last-child {
  border-right: 2px solid #4530ae;
}

.table--default th {
  position: sticky;
  top: 0;
  z-index: 1;
  height: 48px;
  color: #4530ae;
  font-weight: 500;
  background-color: #e0e3ff;
}

.table--default td {
  height: 42px;
  border-bottom: 1px solid #e0e3ff;
}

.table--default th,
.table--default td {
  padding: 8px 10px;
  text-align: left;
}

.table--default th:first-of-type {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.table--default th:last-of-type {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.table--default .amount {
  font-variant: tabular-nums;
  text-align: right;
}

.table--default td.date {
  white-space: nowrap;
}

.table--default tbody tr:nth-child(2n),
.table--default tbody .even {
  background: #fff;
}

.table--default tbody tr:nth-child(2n-1),
.table--default tbody .odd {
  background: #fbfbff;
  border-color: #e0e3ff;
}

.table--default tfoot {
  font-weight: 700;
}

.table--default.table--unstyled tbody tr:nth-child(2n-1),
.table--default.table--unstyled tbody .odd {
  background: transparent;
}

.table--default.table--unstyled th,
.table--default.table--unstyled td {
  color: inherit;
  font-size: inherit;
  vertical-align: top;
  border-bottom: 0;
}

.table--default.table--unstyled th:last-of-type,
.table--default.table--unstyled td:last-of-type {
  padding-right: 0;
}

.table--default.table--unstyled th:first-of-type,
.table--default.table--unstyled td:first-of-type {
  padding-left: 0;
}

.table--small th,
.table--small td {
  height: 24px;
}

.table--xsmall {
  font-size: 12px;
  line-height: 15px;
}

.table--xsmall th,
.table--xsmall td {
  height: 20px;
  padding: 4px;
}